LInE
/
www-ivprog


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166
							<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <title>iVProgH - LInE (free educational software and contents)</title>
    <link href="../css/bootstrap.min.css" rel="stylesheet" />
    <link href="../css/style.css" rel="stylesheet" />
  </head>

  <body>
    <nav class="navbar navbar-expand-md navbar-dark fixed-top" style="background-color: #03396c;">
      <b><a class="navbar-brand" href="../">iVProgH</a></b>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarsExampleDefault">
        <ul class="navbar-nav mr-auto">
          <li class="nav-item active">
            <a class="nav-link" href="../" 
               title="Navigate to iVProgH homepage.">Home</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="../sobre_ivprog.html"
               title="Know what iVProgH is and what iVProgH is for.">About</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="../ex_en/index.html"
               title="See some examples and test iVProgH online.">Examples</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="../download.html"
               title="Download a copy of iVProgH for your computer.">Download</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="../manual_en/index.html" 
               title="Access online iVProgH manual and learn about all the features.">Help</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="../bugs/report.html"
               title="Send a message to the iVProgH team.">Contact</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="//www.usp.br/line/"
               title="Meet the Laboratory of Informatics in Education of the Institute of Mathematics and Statistics of USP.">LInE</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="../docs/"
               title="Get access to all iVProgH documentation.">Developers</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="../publicacoes.html"
               title="Read the team publications about iVProgH.">Publications</a>
          </li>
        </ul>
        <!-- bandeiras para lingua -->
        <div class="form-inline my-2 my-lg-0">
          <img src="../img/img_flag_brazil.png" />
          <img src="../img/img_flag_usa.png" ;>
        </div>
      </div>
    </nav>

    <main role="main">
      <div class="jumbotron ivprogh-desc">
        <div class="container">
          <h1>iVProg Project</h1>
          <p class="text-reduced">
          The <b>iVProg</b> Project (<i>Interactive Visual Programming on the Internet</i>) was started in 2009, with 
			  the development of a first version in <i>Java</i>, as an applet, which was the result of the dissertation Master of
			  <i><a href="https://bdpi.usp.br/item/002192819" title="Reginaldo dissertation defended on 11/09/2010">Reginaldo Rideaki Kamiya</a><i>.
          <!--
          09/11/2010 : iVProg : um sistema visual para ensino/aprendizagem de programação via Web
          -->
          The second version, completely new, has been developed from the framework for <i title="Interactive Learning Modules">iMA</i>
				  was the result of the 
          <i><a href="https://bdpi.usp.br/item/002302564" title="Danilo Leite Dalmon dissertation">dissertation Master of Danilo Leite Dalmon</a>.
          <!--
          06.07.2012 : Uma Linha de Produto de Software para Módulos de Aprendizagem Interativa
          -->
	  This second version was also developed in <i>Java</i> and was the final product of the
          <i><a href="https://www.ime.usp.br/~cpg/teses/Dissertacao-RomenigdaSilvaRibeiro.pdf" title="Romenig da Silva Ribeiro dissertation">master's dissertation of Romenig da Silva Ribeiro</a>.
          <!--
          12/05/2015 : Construção e uso de ambiente visual para o ensino de programação introdutória
          -->
          </p>

          <p class="text-reduced">
		  From the <a href="http://www.matematica.br/igeom" title="iGeom page">iGeom</a> project, for interactive geometry, the idea of an <i>iMA</i>
			  is that they are systems that can work directly via <i>Web</i>, in particular integrated with a course manager.
			  For this reason, we have an <i>iMA</i> integrator for <i>Moodle</i> environments, which is the 
			  <a href="http://www.matematica.br/ia" title=" iTarefa page">iTarefa</a></i>. </p>
			The <i>iVProg</i> follows this template and can be integrated into <i>Moodle</i> from <i>iTarefa</i>.
			  
          </p>

          <p class="text-reduced">
          Since most browsers (such as <i>Firefox</i>) no longer made the applet integrator available, we
		to think of new <i>iMA</i> developed in <i>HTML5 </i> (<i>HTML + JavaScript + CSS </i>).
		The <i>iVProgH</i> system was the first in this line, developed in <i>HTML5 </i>, which therefore received the suffix <i>H</i>.
          </p>

          <!--
          <a class="btn btn-primary" href="../sobre_ivprog.html" role="button" title="Conheça resumidamente o que é e para que serve o iVProgH.">
          Saiba mais &raquo;</a>
          -->
        </div>
      </div>
      <!--
      <div class="container ivprog-container">
        <div class="embed-responsive embed-responsive-16by9">
          <iframe class="embed-responsive-item" src="ivprogh/index.html" allowfullscreen></iframe>
        </div>
      </div>
      -->

      <div class="container">
        <div class="row thumbs-ivprog">

          <div class="col-md-3 item"><a href="version1/" title="version 1: java">
            <span class="octicon octicon-light-bulb"></span>
            <h4>IVProg Version 1 in Javaa</h4>
            <hr>
            <p>iVProg based on version 2.0 of Alice</p></a>
          </div>

          <div class="col-md-3 item"><a href="version2/" title="version 2: java">
            <span class="octicon octicon-clock"></span>
            <h4>IVProg Version 2 in Java</h4>
            <hr>
            <p>iVProg based on framework for iMA building in Java</p></a>
          </div>

          <br/>

          <div class="col-md-3 item"><a href="version3/" title="version 3: html">
            <span class="octicon octicon-clock"></span>
            <h4>i Version 3 in HTML</h4>
            <hr>
            <p>First version of iVProgH in HTML+JavaScript+CSS</p></a>
          </div>

          <div class="col-md-3 item"><a href="../" title="version 4: html">
            <span class="octicon octicon-clock"></span>
            <h4>iVProg Version 4 in HTML</h4>
            <hr>
            <p>Second version of iVProgH in HTML+JavaScript+CSS</p></a>
          </div>

        </div>
      </div>

    </main>
    <footer class="container text-center">
      <a href="http://www.ime.usp.br/line">iVProgH</a> | 
      <a href="http://www.ime.usp.br/line">LInE</a> |
      <a href="http://www.matematica.br">iM&aacute;tica</a>
    </footer>

    <script src="./js/jquery.min.js"></script>
    <script src="./js/bootstrap.bundle.min.js"></script>


    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/octicons/3.5.0/octicons.min.css">
  </body>
</html>