index.html 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. <!DOCTYPE html>
  2. <html ng-app="ivprog">
  3. <head>
  4. <title>iVProg - vers&atilde;o Java</title>
  5. <meta charset="utf-8" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7. <link href="css/bootstrap.min.css" rel="stylesheet" media="screen" />
  8. <link href="css/font-awesome.css" rel="stylesheet" media="screen" />
  9. <link href="css/bootstrap-editable.css" rel="stylesheet" media="screen" />
  10. <link href="css/ivprog.css" rel="stylesheet" media="screen" />
  11. </head>
  12. <body>
  13. <div class="header">
  14. <h1><img src="img/logo_ivprog.png" title="iVProg" /></h1>
  15. </div>
  16. <h1>&nbsp;iVProg : Visual Programming (LInE-IME-USP)</h1>
  17. <a href="http://www.usp.br/line" title="Uma das paginas do LInE">LInE</a>.
  18. <a href="https://github.com/LInE-IME-USP" title="LInE no GitHub">Software educacional livre</a>.
  19. <a href="http://www.usp.br/line/wp" title="Prototipo ambiente LInE">Interatividade na Internet para aprendizagem</a>.
  20. <div class="bloco">
  21. <p>
  22. O <i>iVProg</i> &eacute; um sistema para ensino-aprendizagem de algoritmos e programa&ccedil;&atilde;o, que
  23. pode ser usado desde o ensino fundamental II at&eacute; o ensino superior. Para isso, ele implementa o paradigma de
  24. <b>Programa&ccedil;&atilde;o Visual</b> e permitir a avalia&ccedil;&atilde;o autom&aacute;tica de exerc&iacute;cios
  25. (a partir de casos-de-teste).
  26. <br/>
  27. Nós tamb&eacute;m disponibilizamos uma vers&atilde;o em <i>HTML5</i>, que pode ser examinada a partir
  28. <a href="http://www.matematica.br/ivprogh5" title="iVProg em HTML5">desse endere&ccedil;o</a>).
  29. <br/>
  30. Ambos os sistema s&atilde;o livres e seus códigos fonte podem ser examinados a partir dos seguintes endere&ccedil;os:
  31. <a href="https://github.com/LInE-IME-USP/ivp2java" title="iVProg2 em Java">iVProg2 no GitHub</a> e
  32. <a href="https://github.com/LInE-IME-USP/ivprog-html" title="iVProg em HTML5">iVProgH no GitHub</a>.
  33. </p>
  34. </div> <!-- class="bloco" -->
  35. <div class="bloco">
  36. <p>
  37. Se tiver problemas para testar esta vers&atilde;o do <i>iVProg</i> dentro de seu navegador, pode-se descarregar o pacote
  38. <i>iVProg</i> e rod&aacute;-lo como aplicativo Java em seu computador.
  39. Para isso <a href="iVProg2.jar" title="clique aqui para descarregar o iVProg2">clique aqui</a> e grave-o em seu computador.
  40. Se tiver o Java instalado, basta um "clique" duplo sobre o mesmo para inici&aacute;-lo.
  41. </p>
  42. <p>
  43. Para adicionar <i>vari&aacute;veis</i> clique no bot&atilde;o <img src="img/ivp_variaveis.png" title="+ Vari&aacute;veis"/>.
  44. Para comandos no bot&atilde;o
  45. <img src="img/ivp_instrucoes.png" title="+ Instru&ccedil;&atilde;o">.
  46. Para interpretar seu c&oacute;digo, clique no bot&atilde;o
  47. <img src="img/ivp_roda.png" title="Rodar">
  48. (no canto inferior esquerdo, o bot&atilde;o do meio).<br/>
  49. Para examinar um c&oacute;digo pronto
  50. <a href="fibonacci.html" title="Listar os n primeiros termos da sequencia de Fibonacci">clique aqui</a>.
  51. </p>
  52. <div class="bloco_ivprog">
  53. <div ng-view></div>
  54. <span ng-controller="CommCtrl" id="commCtrl"><center>
  55. <applet name="iLM" codebase="." archive="iVProg2.jar" code="usp.ime.line.ivprog.Ilm.class"
  56. width="800" height="650" vspace=10 hspace=10>
  57. <param name="iLM_PARAM_Assignment" value="content_repository/activity_ivprog2_simula_form_recursiva_hanoi.ivp2">
  58. <param name="lang" value="pt"/>
  59. <param name="MA_PARAM_PropositionURL" value="true"/>
  60. <param name="MA_PARAM_Proposition" value="">
  61. </applet>
  62. </center></span>
  63. </div>
  64. </div>
  65. <script>
  66. function getParameterByName(name) {
  67. var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
  68. return match ?
  69. decodeURIComponent(match[1].replace(/\+/g, ' ')) : null;
  70. }
  71. function getAnswer(){
  72. return angular.element("#commCtrl").scope().getSource()
  73. }
  74. function getEvaluation(){
  75. return angular.element("#commCtrl").scope().getEvaluation();
  76. //return "getEvaluation will return some value in future";
  77. }
  78. function getEvaluationCallback(nota){
  79. parent.getEvaluationCallback(nota);
  80. }
  81. var ilaParams = {
  82. MA_PARAM_PropositionURL: getParameterByName("MA_PARAM_PropositionURL"),
  83. MA_PARAM_notSEND: getParameterByName("MA_PARAM_notSEND"),
  84. MA_PARAM_addresPOST: getParameterByName("MA_PARAM_addresPOST"),
  85. MA_PARAM_PropositionURL: getParameterByName("MA_PARAM_PropositionURL"),
  86. MA_PARAM_Proposition: getParameterByName("MA_PARAM_Proposition"),
  87. };
  88. function trackAction(action){
  89. if(ilaParams.MA_PARAM_addresPOST!=null){
  90. $.post(ilaParams.MA_PARAM_addresPOST+"&track=1", { trackingData: "html=1;"+action }, function(d){
  91. });
  92. }
  93. }
  94. </script>
  95. <div class="foot"><center>
  96. <a href="http://www.ime.usp.br/line">LInE</a> |
  97. <a href="http://www.matematica.br">iM&aacute;tica</a> |
  98. <a href="http://www.usp.br/line/mooc">MOOC</a>
  99. </center></div>
  100. </body>
  101. </html>