index.html 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <title>iVProg - Programa&ccedil;&atilde;o Visual e Interativa na Internet</title>
  5. <meta http-equiv= "Content-Type" content="charset=ISO-8859-1"/>
  6. <meta name="description" content="iM&aacute;tica: iVProg">
  7. <style type="text/css" media="screen">@import url(iComb.css);</style>
  8. </head>
  9. <body>
  10. <!-- cabeçalho -->
  11. <div class="cabecalho">
  12. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  13. <tr><td align="left">
  14. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  15. <tr><td>&nbsp;</td>
  16. <td background="img/bg-header-left.png" width="30"></td>
  17. <td background="img/bg-header.png"><a href="../" title="p&aacute;gina iM&aacute;tica" align="left">
  18. iM&aacute;tica</a> &raquo; iVprog</td>
  19. </table></td>
  20. <td align="right">
  21. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  22. <tr>
  23. <td background="img/bg-header.png">
  24. <a href="index_en.html" title="click here to see the English version of this page"
  25. ><img src="img/flag-us.gif" title="click here to see the English version of this page" alt="US flag"/></a></td>
  26. <td background="img/bg-header-right.png" width="30"></td>
  27. <td>&nbsp;;</td></tr>
  28. </table></td>
  29. </table>
  30. </div>
  31. <!-- Begin Header Element -->
  32. <table class="wrapper" border="0" cellpadding="0" cellspacing="0">
  33. <tbody> <tr id="header-row"> <td width="985">
  34. <!-- Begin Content Element -->
  35. <tr>
  36. <td width="985">
  37. <hr class="hide">
  38. <div id="container">
  39. <div id="contentwide">
  40. <!-- Page content starts here -->
  41. <div id="page">
  42. <div id="widthwrapper">
  43. <h1>iVProg - Programa&ccedil;&atilde;o Visual e Interativa na Internet</h1>
  44. <div align="left" class="section-homepage-width-holder">
  45. <p>
  46. O <i>iVProg - Programação Visual e Internativa na Internet</i> &eacute; um novo sistema para uso no ensino/aprendizagem de
  47. t&oacute;picos relativos a algoritmos, com aplicação direta em páginas <i>World Wide Web</i> (<b>Web</b>).
  48. Ele é baseado no sistema <a href="http://www.alice.org/" title="sítio do projeto Alice">Alice</a>
  49. <a href="http://www.cmu.edu" title="Carnegie Mellon University">Carnegie Mellon University</a>.<br/>
  50. O <i>iVProg</i> vem sendo desnvolvido desde julho de 2009 e seu atual protótipo pode ser conferido abaixo.
  51. </p>
  52. </div>
  53. <br/>&nbsp;<br/>
  54. <div align="left" class="section-homepage-width-holder">
  55. <p>
  56. Se tiver problemas para testar esta vers&atilde;o do <i>iVProg</i> dentro de seu navegador, pode-se descarregar o pacote
  57. <i>iVProg</i> e rod&aacute;-lo como aplicativo Java em seu computador.
  58. Para isso <a href="iVProg_v0.jar" title="clique aqui para descarregar o iVProg2">clique aqui</a> e grave-o em seu computador.
  59. Se tiver o Java instalado, basta um "clique" duplo sobre o mesmo para inici&aacute;-lo.
  60. </p>
  61. <p>
  62. Veja a <a href="../ivprog2" title="versao 2 do iVProg">vers&atilde;o 2 do <i>iVProg</i></a>, ainda implementado em Java,
  63. mas completamente nova, resultado do projeto de mestrado do Romenig no IME-USP. Esta vers&atilde;o tem inclusive um avaliador
  64. autom&aacute;tico para exerc&iacute;cios (para ser usado no
  65. <a href="http://www.matematica.br/ia" title="pacote livre iTarefa para Moodle">iTarefa</a>).
  66. </p>
  67. <p>
  68. Iniciamos uma vers&atilde;o, desta vez implementado em HTML5, o
  69. <a href="../ivprogh5" title="versao do iVProgH5"><i>iVProgH5</i></a>.
  70. Essa vers&atilde;o n&atilde;o disp&otilde;e ainda de tantos recursos, mas tem um avaliador autom&aacute;tico e tamb&eacute;m
  71. pode ser usado no pacotekonq
  72. <a href="http://www.matematica.br/ia" title="pacote livre iTarefa para Moodle">iTarefa</a>.
  73. </p>
  74. </div>
  75. <div class="sectionbox unique">
  76. <div class="sectionbox-wrapper1">
  77. <div class="sectionbox-wrapper2">
  78. <div class="sectionbox-wrapper3">
  79. <div class="sectionbox-wrapper4">
  80. <div class="sectionbox-wrapper5">
  81. <h5><!-- a href="exemplo.html?ex=1&idioma=pt" title="clique para examinar o exemplo">-->Exemplo n&#186; 1<!--/a--></h5>
  82. <p>Um programa que verifica se um n&uacute;mero &eacute; ou n&atilde;o primo</p>
  83. </div></div></div></div></div></div> <!-- quadro exemplo -->
  84. <div class="sectionbox-wrapper1">
  85. <div class="sectionbox-wrapper2">
  86. <div class="sectionbox-wrapper3">
  87. <div class="sectionbox-wrapper4">
  88. <div class="sectionbox-wrapper5">
  89. <h5><!-- a href="exemplo.html?ex=2&idioma=pt" title="clique para examinar o exemplo"-->Exemplo n&#186; 2<!-- /a--></h5>
  90. <p>Dado um natural N, imprimir a soma dos N primeiros naturais.</p>
  91. </div></div></div></div></div></div> <!-- quadro exemplo -->
  92. Exemplos acima est&atilde;o desativados em func&atilde;o de estar implementado na vers&atilde;o do Java 1.1.8
  93. e de hoje, v&atilde;rios navegadores n&atilde;o possibilitarem integrac&atilde;o de "applet".
  94. Pode-se utilizar o navegador de c&oacute;digo livre <i><a href="http://www.palemoon.org" title="ir para pagina do Pale
  95. Moon">Pale Moon</a></i>, que &eacute; baseado no <i>Firefox</i> (eles prometem manter a compatibilidade com "applets" Java).
  96. </div><!-- sectionbox unique -->
  97. <div class="applet">
  98. <img src="img/img_ivprog0.png" title="imagem estatica do primeiro iVProg codificado em Java a partir do sistema Alice da CMU"/>
  99. <br/>
  100. <i>Imagem est&aacute;tica da primeira vers&atilde;o do <b>iVProg</b> de 2009.</i>
  101. <!--
  102. <applet codebase="." archive="iVprog.jar" code="edu.cmu.cs.stage3.alice.authoringtool.JAlice.class" WIDTH=791 HEIGHT=600>
  103. <param name='lang' value='pt'>
  104. <param name='MA_PARAM_PropositionURL' value='true'>
  105. <param name='MA_PARAM_Proposition' value=''>
  106. </applet>
  107. -->
  108. <!-- Closes content div -->
  109. </div> <!-- Closes page div -->
  110. </div>
  111. </div><!-- End Content Element -->
  112. <!-- Begin Footer Element -->
  113. <hr class="hide">
  114. <div id="footer">
  115. <p class="moreinfo">Prof. Dr. Le&ocirc;nidas de Olivera Brand&atilde;o<BR/>
  116. Reginaldo Rideaki<BR/>Universidade de S&atilde;o Paulo</p>
  117. </div>
  118. </td>
  119. </tr>
  120. </tbody>
  121. </table><!-- End Footer Element -->
  122. </body>
  123. </html>