<!DOCTYPE html> <html ng-app="ivprog"> <head> <title>iVProgH5 : Visual Programming (LInE-IME-USP)</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link href="css/bootstrap.min.css" rel="stylesheet" media="screen" /> <link href="css/font-awesome.css" rel="stylesheet" media="screen" /> <link href="css/bootstrap-editable.css" rel="stylesheet" media="screen" /> <link href="css/ivprog.css" rel="stylesheet" media="screen" /> </head> <body> <div class="header"> <h1><img src="img/logo_ivprog.png" title="iVProg" /></h1> </div> <div class="indent1"> <h2> iVProg : Visual Programming (LInE-IME-USP)</h2> <a href="http://www.usp.br/line" title="Uma das paginas do LInE">LInE</a>. <a href="https://github.com/LInE-IME-USP" title="LInE no GitHub">Software educacional livre</a>. <a href="http://www.usp.br/line/wp" title="Prototipo ambiente LInE">Interatividade na Internet para aprendizagem</a>. <script type='text/javascript'> //<![CDATA[ var strAnswer = ''; var evaluationResult = ''; var comment = ''; function resp () { // 'getEvaluation()' calls 'js/services.js : endTest function(index)' that calls 'getEvaluationCallback(apro/100);' window.frames.iLM.getEvaluation(); // in './mod/iassign/ilm/ivprog-html/js/services.js'; './mod/iassign/ilm/ivprog-html/main.html' // var comment = document.formEnvio.submission_comment.value; // iVProgH5 will call function 'getEvaluationCallback(...)': /var/www/html/ivprogh5/js/services.js } function getEvaluationCallback (evaluation) { // ./mod/iassign/ilm/ivprog-html/js/services.js : call this to define the variable 'evaluationResult' evaluationResult = evaluation; strAnswer = window.frames.iLM.getAnswer(); comment = document.formEnvio.submission_comment.value; if ((strAnswer==null || strAnswer=='' || strAnswer==-1) && (comment==null || comment=='')) { // undefined alert('Atividade enviada sem conteúdo.'); return false; // error... } else { //alert('getEvaluationCallback: enviando evaluationResult=' + evaluation + ', strAnswer=' + strAnswer); alert('getEvaluationCallback: ' + document.formEnvio. iLM_PARAM_ArchiveContent.value); document.formEnvio. iLM_PARAM_ArchiveContent.value = strAnswer; document.formEnvio.iLM_PARAM_ActivityEvaluation.value = evaluationResult; document.formEnvio.submit(); return true; // success } } //]]> </script> <div class="ladoalado"> <div id="ladoesquerdo"> <div class="bloco"> O <i>iVProgH</i> é mais um sistema educacional livre do <i>LInE</i>, implementado em <i>HTML5</i> (usa fortemente <i>JavaScript</i>), este destinado ao ensino e aprendizagem de algoritmos e programação. O <i>iVProgH</i> é uma nova implementação do <i><a href="http://www.matematica.br/ivprog2" title="veja a segunda versao do iVProg Java">iVProg</a></i> que é implementado em <i>Java</i>. <br/> Esses sistemas foram desenhados a partir de um <i>modelo visual</i> para programação, podendo ser utilizado desde o segundo ciclo do Ensino Fundamental. <br/> </div> </div> <div id="ladodireito"> <div class="bloco"> Para adicionar <i>variáveis</i> clique no botão <i>Variáveis</i>. Para comandos no botão <i>Instrução</i>. Para interpretar seu código, clique no botão <img src="img/botao_rodar.png"> (abaixo, ao lado do botão "Limpar console").<br/> Ver alguns outros exemplos de codigo no iVProgH5: <a href="main.html?lang=en&iLM_PARAM_AssignmentURL=true&iLM_PARAM_Assignment=./exerc/exemplo_n_primeiros_fibonacci.ivph" title="Listar os n primeiros termos da sequencia de Fibonacci">programa para imprimir n primeiros numeros de Fibonaccii</a> ; <!-- <a href="main.html?lang=en&iLM_PARAM_AssignmentURL=true&iLM_PARAM_Assignment=./exerc/exerc_ivprogh5_print_constants_1_2.ivph" title="clique para ver um exercicio com avaliacao automatica">exercicio imprimir constantes 1 e 2</a> ; --> <a href="main.html?lang=en&iLM_PARAM_AssignmentURL=true&iLM_PARAM_Assignment=./exerc/exerc_ivprogh5_somar2inteiros_digitados.ivph" title="clique para ver um exercicio com avaliacao automatica">exercicio 2: ler 2 valores e imprimir sua soma</a> ; <a href="main.html?lang=en&iLM_PARAM_AssignmentURL=true&iLM_PARAM_Assignment=./exerc/solucao_ivp_aluno1_exerc2.ivph" title="clique para ver solucao do exercico de ler valor e imprimi-lo">Ver solucao do exercício 2</a>. <!-- sol_ler2int_imprimir_soma_v2.png --> <br/> <!-- ou abaixo para entrar dentro do index, Para examinar um código simples <a href="main.html?iLM_PARAM_AssignmentURL=true&iLM_PARAM_Assignment=./exerc/exemplo_imprima.ivph#/create/" title="Listar os n primeiros termos da sequencia de Fibonacci">clique aqui</a>. --> </div> </div> </div><!-- class="ladoalado" --> <div class="bloco"> <strong> Exercício 1: </strong> <i>Fazer um algoritmo para imprimir as constantes 1 e 2.<br/> Após finalizar seu algoritmo "clicar" no botao "Enviar resposta". <br/> </div> <!-- Atencao e' preciso que existe PHP para mostrar a acao para gravar (via programa PHP 'gravar.php'. %3A : %2F / 3D4 = --> <center> <div class="bloco"> <iframe frameborder="0" name="iLM" src="main.html?lang=en&iLM_PARAM_Assignment=./exerc/exerc_ivprogh5_somar2inteiros_digitados.ivph&iLM_PARAM_AssignmentURL=true&MA_PARAM_notSEND=false&MA_PARAM_addresPOST=http%3A%2F%2Flocalhost%2Fmoodle321p%2Fmod%2Fiassign%2Fview.php%3Faction%3Dget_answer%26id%3D2%26iassign_current%3D1%26write_solution%3D0%26userid_iassign%3D2" style="width: 800px; height: 600px;" id="iLM"> </iframe> <form name='formEnvio' id='formEnvio' method='post' action='gravar.php' enctype='multipart/form-data'> <!-- document.formEnvio.MA_POST_Archive.value document.formEnvio.MA_POST_Value.value --> <!-- document.formEnvio.iLM_PARAM_ArchiveContent.value document.formEnvio.iLM_PARAM_ActivityEvaluation.value--> <input type='hidden' name='iLM_PARAM_ArchiveContent' /> <input type='hidden' name='iLM_PARAM_ActivityEvaluation' /> <p><textarea rows='2' cols='60' name='submission_comment'></textarea></p> <input type=button value='Enviar resposta' onclick = 'javascript:window.resp();' title='clique aqui para enviar sua resposta' /> </form> </div><!-- class="bloco" --> </center> <div class="foot"><center> <a href="http://www.ime.usp.br/line">LInE</a> | <a href="http://www.matematica.br">iMática</a> | <a href="http://www.usp.br/line/mooc">MOOC</a> </center></div> </div><!-- class="indent1" --> </body> </html>