<!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">
            <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 active">
            <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>
        <div class="form-inline my-2 my-lg-0">
          <a href="../index.html"><img src="img/img_flag_brazil.png"/></a>
          <a href="./index.html"><img src="img/img_flag_usa.png"/></a>
        </div>
      </div>
    </nav>

    <main role="main">
      <div class="jumbotron ivprogh-desc">
        <div class="container">
          <h1>Download</h1>
        </div>
      </div>
      <div class="container ivprog-container" style="width:900px">
           <!-- Page Content -->
      <div class="container" style="margin-top:50px;" >

      <div class="row">

        <div class="col-md-8">
          <div class="fig"><figure>
          <img class="img-fluid" src="./img/img_ivprogh_download_page.png" alt="Image of the iVProgH UI in its most current version.">
            <figcaption align="center">Fig. <i>IVProgH</i> static image with input and output instructions in its current version</figcaption>
          </figure></div>
        </div>

        <div class="col-md-4 box-download">
          <h4 class="my-4 ivprogh-title-download"> <span class="octicon octicon-desktop-download"></span> Download iVProgH</h4>
          
          <ul class="col_download">
            <li>Free and open source education/learning environment;</li>
            <li>Includes automatic evaluator;</li>
            <li>It has features for vectors, functions and recursion;</li>
            <li>Provides predefined functions (such as math for sine and cosine);</li>
            <li>You can download only iVProgH or it and all that page set;</li>
            <li>Just need a browser to work!</li>
          </ul>

          <div class="div-button">
            <a class="btn btn-primary download-ivprog" href="versions/www-ivprog_2019_03_11.tgz" role="button" title="download iVProgH and all its tutorial">
	       <span class="octicon octicon-desktop-download"></span>Download all</a>
	    <br/>&nbsp;<br/>
            <a class="btn btn-primary download-ivprog" href="versions/ivprog_2019_03_11.tgz" role="button" title="download iVProgH only">
	       <span class="octicon octicon-desktop-download"></span>iVProgH only</a>
            <!--span class="span-version">Atualização 2019/01/12</span-->
            <span class="span-version">Update 2019/03/11</span>
          </div>
        </div>
      </div>

      <hr class="distinct-container">

      <h4 class="my-4 ivprogh-title-download" style="margin-top: 5px"> <span class="octicon octicon-history"></span> Previous Versions of iVProg</h4>

      <div class="row">
        <div class="col-md-12">
          <p>Over time, iVProg has improvements and modifications while maintaining full compatibility with today's browsers. Initially it was developed in Java in the format of applet (Version I - Java and Version II - Java), had to be rewritten after blocking the execution of applets by the main browsers of the market, resulting in Version III - HTML.</p>
          
          <p>Version III - HTML continues to work in browsers and can be integrated with Web systems. However, to enable new features (such as vectors, arrays and functions), a completely new version (Version IV - HTML) has been developed.</p>

          <p>Below you will find the previous versions, which can be downloaded and used freely.</p>
        </div>
      </div>
      <div class="modal fade" id="enlargeImageModal" tabindex="-1" role="dialog" aria-labelledby="enlargeImageModal" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <span class="version-ivprogh"></span>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
            </div>
            <div class="modal-body">
              <img src="" class="enlargeImageModalSource" style="width: 100%;">
            </div>
          </div>
        </div>
    </div>
      <div class="row">

      <div class="container">
        <div class="row thumbs-ivprog-download">
          <div class="col-md-1"></div>
          <div class="col-md-3 item" data-version="1">
            <img class="img-fluid zoom-images" src="img/img_ivprog_java_1.png" alt="Version I - Java">
            <hr>
            <span class="history-ivprog-version">Version I - Java</span>
            <span class="history-ivprog-time">2009 - 2012</span>
          </div>
          <div class="col-md-3 item" data-version="2">
            <img class="img-fluid zoom-images" src="img/img_ivprog_java_2.1.0.png" alt="Version II - Java">
            <hr>
            <span class="history-ivprog-version">Version II - Java</span>
            <span class="history-ivprog-time">2013 - 2015</span>
          </div>
          <div class="col-md-3 item" data-version="3">
            <img class="img-fluid zoom-images" src="img/img_ivprog_html_1.png" alt="Version III - HTML">
            <hr>
            <span class="history-ivprog-version">Version III - HTML</span>
            <span class="history-ivprog-time">2016 - 2018</span>
          </div>
          <div class="col-md-1"></div>
        </div>
       </div>
      </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">

    <script type="text/javascript">
      $(function() {
        $('.zoom-images').on('click', function() {
          $('.version-ivprogh').text($(this).attr('alt'));
          $('.enlargeImageModalSource').attr('src', $(this).attr('src'));
          $('#enlargeImageModal').modal('show');
        });
       $('.item').on('click', function(e) {
          e.stopPropagation();
          if (e.target.nodeName.toLowerCase() === 'img') {
            return;
          }
          var r_url = '';
          switch ($(this).data('version')) {
            case 1:
              r_url = 'legacy/versao1/index.html';
              break;
            case 2:
              r_url = 'legacy/versao2/index.html';
              break;
            case 3:
              r_url = 'legacy/versao3/index.html';
              break;
          }
          document.location = r_url;
       });
  });
    </script>
  </body>
</html>