index.html~ 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
  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. Veja a <a href="../ivprog2" title="versao 2 do iVProg">vers&atilde;o 2 do <i>iVProg</i></a>, ainda implementado em Java,
  57. mas completamente nova, resultado do projeto de mestrado do Romenig no IME-USP. Esta vers&atilde;o tem inclusive um avaliador
  58. autom&aacute;tico para exerc&iacute;cios (para ser usado no
  59. <a href="http://www.matematica.br/ia" title="pacote livre iTarefa para Moodle">iTarefa</a>).
  60. </p>
  61. <p>
  62. Iniciamos uma vers&atilde;o, desta vez implementado em HTML5, o
  63. <a href="../ivprogh5" title="versao do iVProgH5"><i>iVProgH5</i></a>.
  64. 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
  65. pode ser usado no pacotekonq
  66. <a href="http://www.matematica.br/ia" title="pacote livre iTarefa para Moodle">iTarefa</a>.
  67. </p>
  68. </div>
  69. <div class="sectionbox unique">
  70. <div class="sectionbox-wrapper1">
  71. <div class="sectionbox-wrapper2">
  72. <div class="sectionbox-wrapper3">
  73. <div class="sectionbox-wrapper4">
  74. <div class="sectionbox-wrapper5">
  75. <h5><!-- a href="exemplo.html?ex=1&idioma=pt" title="clique para examinar o exemplo">-->Exemplo n&#186; 1<!--/a--></h5>
  76. <p>Um programa que verifica se um n&uacute;mero &eacute; ou n&atilde;o primo</p>
  77. </div></div></div></div></div></div> <!-- quadro exemplo -->
  78. <div class="sectionbox-wrapper1">
  79. <div class="sectionbox-wrapper2">
  80. <div class="sectionbox-wrapper3">
  81. <div class="sectionbox-wrapper4">
  82. <div class="sectionbox-wrapper5">
  83. <h5><!-- a href="exemplo.html?ex=2&idioma=pt" title="clique para examinar o exemplo"-->Exemplo n&#186; 2<!-- /a--></h5>
  84. <p>Dado um natural N, imprimir a soma dos N primeiros naturais.</p>
  85. </div></div></div></div></div></div> <!-- quadro exemplo -->
  86. Exemplos acima est&atilde;o desativados em func&atilde;o de estar implementado na vers&atilde;o do Java 1.1.8
  87. e de hoje, v&atilde;rios navegadores n&atilde;o possibilitarem integrac&atilde;o de "applet".
  88. Pode-se utilizar o navegador de c&oacute;digo livre <i><a href="http://www.palemoon.org" title="ir para pagina do Pale
  89. Moon">Pale Moon</a></i>, que &eacute; baseado no <i>Firefox</i> (eles prometem manter a compatibilidade com "applets" Java).
  90. </div><!-- sectionbox unique -->
  91. <div class="applet">
  92. <img src="img/img_ivprog0.png" title="imagem estatica do primeiro iVProg codificado em Java a partir do sistema Alice da CMU"/>
  93. <br/>
  94. <i>Imagem est&aacute;tica da primeira vers&atilde;o do <b>iVProg</b> de 2009.</i>
  95. <!--
  96. <applet codebase="." archive="iVprog.jar" code="edu.cmu.cs.stage3.alice.authoringtool.JAlice.class" WIDTH=791 HEIGHT=600>
  97. <param name='lang' value='pt'>
  98. <param name='MA_PARAM_PropositionURL' value='true'>
  99. <param name='MA_PARAM_Proposition' value=''>
  100. </applet>
  101. -->
  102. <!-- Closes content div -->
  103. </div> <!-- Closes page div -->
  104. </div>
  105. </div><!-- End Content Element -->
  106. <!-- Begin Footer Element -->
  107. <hr class="hide">
  108. <div id="footer">
  109. <p class="moreinfo">Prof. Dr. Le&ocirc;nidas de Olivera Brand&atilde;o<BR/>
  110. Reginaldo Rideaki<BR/>Universidade de S&atilde;o Paulo</p>
  111. </div>
  112. </td>
  113. </tr>
  114. </tbody>
  115. </table><!-- End Footer Element -->
  116. </body>
  117. </html>