<!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="Navegue para a página inicial do site do iVProgH.">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./sobre_ivprog.html"
title="Conheça resumidamente o que é e para que serve o iVProgH.">Conheça</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./ex_pt/index.html"
title="Veja alguns exemplos e teste o iVProgH online.">Exemplos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./download.html"
title="Faça uma cópia do iVProgH para sua máquina.">Download</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./manual_pt/index.html"
title="Acesse um manual online do iVProgH e conheça todos os recursos.">Ajuda</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./bugs/report.html"
title="Envie uma mensagem para a equipe do iVProgH.">Contato</a>
</li>
<li class="nav-item">
<a class="nav-link" href="//www.usp.br/line/"
title="Conheça o Laboratório de Informática na Educação do Instituto de Matemática e Estatística da USP.">LInE</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./docs/"
title="Tenha acesso a toda a documentação do iVProgH.">Desenvolvedores</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./publicacoes.html"
title="Leia as publicações da equipe a respeito do iVProgH.">Publicações</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="./en/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>iVProgH</h1>
<p class="text-reduced">
O <b>iVProg</b> (<i>Programação Visual interativa na Internet</i>) é um dos sistemas educacionais de código livre do
<a href="http://line.ime.usp.br" title="pagina LInE no IME-USP">LInE</a>, sendo destinado ao ensino e à aprendizagem
de <b>algoritmos</b> e <b>programação</b>.
O <i>iVProg</i> implementa o conceito de <b>Programação Visual (PV)</b> que emprega ícones e simplifica a construção de códigos,
reduzindo a necessidade do aprendiz conhecer detalhes de <i>linguagens de programação</i>.
</p>
<p class="text-reduced">
Por esta versão ser implementada em <i>HTML5</i> (usa fortemente <i>JavaScript</i>), a denominamos <b>iVProgH</b>.
Ela dispõe de um
<a href="autoeval/index.html" title="saiba mais sobre"><b>avaliador automático</b></a>
para exercícios e pode facilmente ser integrado ao ambiente <i>Moodle</i> a partir do pacote
<a href="http://www.matematica.br/ia" title="pagina do iTarefa no iMatica"><b>iTarefa</b></a>.
A primeira versão do <i>iVProg</i> foi implementada em <i>Java</i> em 2009,
<a href="legacy/index.html" title="primeiras versoes do iVProg">confira aqui as versões anteriores do <i>iVProg</i></a>.
</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 »</a>
</div>
</div>
<div class="container ivprog-container">
<p>
Abaixo o <i>iVProgH</i> com um código ilustrativo, nesse caso para computar o fatorial de um natural
a ser digitado pelo usuãrio. Você rodar o código (digite um natural), mas pode alterá-lo como desejar.
</p>
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item"
src="ivprogh/index.html?iLM_PARAM_AssignmentURL=true&iLM_PARAM_Assignment=../ex_pt/exerc/exemplo_fatorial.ivph"
allowfullscreen>
</iframe>
</div>
</div>
<div class="container">
<div class="row thumbs-ivprog">
<div class="col-md-1"></div>
<div class="col-md-3 item">
<span class="octicon octicon-light-bulb"></span>
<h4>Menos linguagem <br> Mais algoritmo</h4>
<hr>
<p>No iVProgH, o estudante dedica-se ao aprendizado de algoritmo, não se prendendo a uma linguagem ou IDE.</p>
</div>
<div class="col-md-3 item">
<span class="octicon octicon-clock"></span>
<h4>Fácil de implementar</h4>
<hr>
<p>Com um ambiente interativo, para construir algoritmos basta criar e arrastar os componentes para elaborar um programa.</p>
</div>
<div class="col-md-3 item">
<span class="octicon octicon-checklist"></span>
<h4>Avaliador Automático</h4>
<hr>
<p>Assim que o estudante finaliza o algoritmo, já consegue receber um feedback instantâneo, informando se sua solução resolve ou não o problema proposto.</p>
</div>
</div>
<div class="row thumbs-ivprog">
<div class="col-md-1"></div>
<div class="col-md-3 item">
<span class="octicon octicon-mortar-board"></span>
<h4>Área de criação de atividades</h4>
<hr>
<p>O professor conta com uma área, dentro do próprio iVProgH, onde pode preparar as atividades. Estas podem ser reaproveitadas em outros cursos também!</p>
</div>
<div class="col-md-3 item">
<span class="octicon octicon-globe"></span>
<h4>Baseado na Web</h4>
<hr>
<p>O iVProgH foi desenvolvido para ser executado em navegadores, utilizando as tecnologias HTML5, CSS3 e JavaScript. Isso permite sua incorporação a qualquer página/site da Web.</p>
</div>
<div class="col-md-3 item">
<span class="octicon octicon-plug"></span>
<h4>Fácil integração com o Moodle</h4>
<hr>
<p>O iVProgH tem uma integração completa com o Moodle: controle de usuários, registros de atividades, notas nos exercícios, comunicação entre professor/aluno, etc.</p>
</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á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>