ソースを参照

Manual translated into English

paulovieira 5 年 前
コミット
9e9fa0936f

+ 21 - 21
bugs/report.html

@@ -16,41 +16,41 @@
       </button>
       <div class="collapse navbar-collapse" id="navbarsExampleDefault">
         <ul class="navbar-nav mr-auto">
-          <li class="nav-item">
+          <li class="nav-item active">
             <a class="nav-link" href="../" 
-               title="Navegue para a página inicial do site do iVProgH.">Home</a>
+               title="Navigate to iVProgH homepage.">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>
+               title="Know what iVProgH is and what iVProgH is for.">About</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>
+               title="See some examples and test iVProgH online.">Examples</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>
+               title="Download a copy of iVProgH for your computer.">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>
+               title="Access online iVProgH manual and learn about all the features.">Help</a>
           </li>
-          <li class="nav-item active">
+          <li class="nav-item">
             <a class="nav-link" href="../bugs/report.html"
-               title="Envie uma mensagem para a equipe do iVProgH.">Contato</a>
+               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="Conheça o Laboratório de Informática na Educação do Instituto de Matemática e Estatística da USP.">LInE</a>
+               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="Tenha acesso a toda a documentação do iVProgH.">Desenvolvedores</a>
+               title="Get access to all iVProgH documentation.">Developers</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>
+               title="Read the team publications about iVProgH.">Publications</a>
           </li>
         </ul>
         <div class="form-inline my-2 my-lg-0">
@@ -63,16 +63,16 @@
     <main role="main">
       <div class="jumbotron ivprogh-desc">
         <div class="container">
-          <h1>Contato</h1>
+          <h1>Contact</h1>
         </div>
       </div>
       <div class="container ivprog-container" style="padding: 3em; margin-top: 3em;">
-      	<p style="color: gray">Obrigado pelo interesse em entrar em contato com a equipe do iVProgH! <br />
-      		Por favor, preencha os campos abaixo.</p>
+      	<p style="color: gray">Thank you for your interest in contacting iVProgH! <br />
+      		Please, fill in the fields below.</p>
       	<form action="get.php" method="post" class="needs-validation" novalidate>
       		<input type="hidden" name="redirect" value="report.html">
       		<div class="form-group row">
-				<label for="inputname" class="col-sm-2 col-form-label">Nome:</label>
+				<label for="inputname" class="col-sm-2 col-form-label">Name:</label>
 				<div class="col-sm-10">
 			    	<input type="text" class="form-control" id="inputname" name="name">
 			    </div>
@@ -84,23 +84,23 @@
 			    </div>
 			</div>
 			<div class="form-group row">
-				<label for="inputsummary" class="col-sm-2 col-form-label">Assunto:</label>
+				<label for="inputsummary" class="col-sm-2 col-form-label">Subject:</label>
 				<div class="col-sm-10">
 			    	<input type="text" class="form-control" id="inputsummary" name="summary">
 			    </div>
 			</div>
 			<div class="form-group row">
-				<label for="inputdetails" class="col-sm-2 col-form-label">Mensagem:*</label>
+				<label for="inputdetails" class="col-sm-2 col-form-label">Message:*</label>
 				<div class="col-sm-10">
 			    	<textarea id="inputdetails" class="form-control" name="details" style="height: 15em;" required></textarea>
 			    	<div class="invalid-feedback">
-			        	Por favor, nos forneça uma mensagem!
+			        	Please give us a message!
 			        </div>
 			    </div>
 			</div>
 			<div class="form-group row">
 		      <div class="offset-sm-2 col-sm-10">
-		        <button type="submit" class="btn btn-primary">Enviar</button>
+		        <button type="submit" class="btn btn-primary">Submit</button>
 		        <span class="reported" style="color: green; font-size: 120%;"></span>
 		        <span class="error" style="color: red; font-size: 120%;"></span>
 		      </div>
@@ -135,9 +135,9 @@
 		    });
 
 		    if (getUrlParameter('reported')) {
-		    	$('.reported').text('As informações foram enviadas com sucesso!');
+		    	$('.reported').text('The information has been sent successfully!');
 		    } else if (getUrlParameter('error')) {
-		    	$('.error').text('Ocorreu um erro ao tentar enviar os dados, por favor, tente novamente!');
+		    	$('.error').text('There was an error while trying to send the data, please try again!');
 		    }
 		});
 

+ 11 - 11
docs/index.html

@@ -18,39 +18,39 @@
         <ul class="navbar-nav mr-auto">
           <li class="nav-item">
             <a class="nav-link" href="../" 
-               title="Navegue para a página inicial do site do iVProgH.">Home</a>
+               title="Navigate to iVProgH homepage.">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>
+               title="Know what iVProgH is and what iVProgH is for.">About</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>
+               title="See some examples and test iVProgH online.">Examples</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>
+               title="Download a copy of iVProgH for your computer.">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>
+               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="Envie uma mensagem para a equipe do iVProgH.">Contato</a>
+               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="Conheça o Laboratório de Informática na Educação do Instituto de Matemática e Estatística da USP.">LInE</a>
+               title="Meet the Laboratory of Informatics in Education of the Institute of Mathematics and Statistics of USP.">LInE</a>
           </li>
           <li class="nav-item active">
             <a class="nav-link" href="../docs/"
-               title="Tenha acesso a toda a documentação do iVProgH.">Desenvolvedores</a>
+               title="Get access to all iVProgH documentation.">Developers</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>
+               title="Read the team publications about iVProgH.">Publications</a>
           </li>
         </ul>
         <div class="form-inline my-2 my-lg-0">
@@ -68,8 +68,8 @@
         </div>
       </div>
       <div class="container ivprog-container" style="padding: 3em; margin-top: 3em;">
-      	<h4>Documentação do iVProgH</h4>
-      	<p style="color: gray">Aqui você encontra toda a documentação do iVProgH</p>
+      	<h4>IVProgH Documentation</h4>
+      	<p style="color: gray">Here you can find all the iVProgH documentation</p>
       	
       </div>
     </main>

+ 33 - 33
download.html

@@ -18,39 +18,39 @@
         <ul class="navbar-nav mr-auto">
           <li class="nav-item">
             <a class="nav-link" href="./" 
-               title="Navegue para a página inicial do site do iVProgH.">Home</a>
+               title="Navigate to iVProgH homepage.">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>
+               title="Know what iVProgH is and what iVProgH is for.">About</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>
+               title="See some examples and test iVProgH online.">Examples</a>
           </li>
           <li class="nav-item active">
             <a class="nav-link" href="./download.html"
-               title="Faça uma cópia do iVProgH para sua máquina.">Download</a>
+               title="Download a copy of iVProgH for your computer.">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>
+               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="Envie uma mensagem para a equipe do iVProgH.">Contato</a>
+               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="Conheça o Laboratório de Informática na Educação do Instituto de Matemática e Estatística da USP.">LInE</a>
+               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="Tenha acesso a toda a documentação do iVProgH.">Desenvolvedores</a>
+               title="Get access to all iVProgH documentation.">Developers</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>
+               title="Read the team publications about iVProgH.">Publications</a>
           </li>
         </ul>
         <div class="form-inline my-2 my-lg-0">
@@ -74,46 +74,46 @@
 
         <div class="col-md-8">
           <div class="fig"><figure>
-          <img class="img-fluid" src="./img/img_ivprogh_download_page.png" alt="Imagem da interface do usuário do iVProgH em sua versão mais atual.">
-            <figcaption align="center">Fig. imagem estática do <i>iVProgH</i> com instruções para entrada e para saída em sua versão atual</figcaption>
+          <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> Descarregar o iVProgH</h4>
+          <h4 class="my-4 ivprogh-title-download"> <span class="octicon octicon-desktop-download"></span> Download iVProgH</h4>
           
           <ul class="col_download">
-            <li>Ambiente para ensino/aprendizagem gratuito e de código livre;</li>
-            <li>Inclui avaliador automático;</li>
-            <li>Possui recursos para vetores, funções e recursividade;</li>
-            <li>Disponibiliza funções pré-definidas (como as matemáticas para seno e cosseno)</li>
-            <li>Pode descarregar apenas o <i>iVProgH</i> ou ele e todas esse conjunto de páginas;</li>
-            <li>Só precisa de um navegador para funcionar!</li>
+            <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="descarregar o iVProgH e todo esse tutorial">
-	       <span class="octicon octicon-desktop-download"></span>Download tudo</a>
+            <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="descarregar apenas o iVProgH">
-	       <span class="octicon octicon-desktop-download"></span>Apenas iVProgH</a>
+            <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">Atualização 2019/03/11</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> Versões anteriores do iVProg</h4>
+      <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>Ao longo do tempo, o iVProg passou por melhorias e modificações, mantendo total compatibilidade com os navegadores atuais. Inicialmente foi desenvolvido em Java no formato de applet (Versão I - Java e Versão II - Java), precisou ser reescrito após o bloqueio da execução de applets pelos principais navegadores do mercado, resultando na Versão III - HTML.</p>
+          <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>A Versão III - HTML continua funcionando nos navegadores e pode ser integrada à sistemas Web. Contudo, para possibilitar novos recursos (como vetores, matrizes e funções), foi desenvolvida uma versão completamente nova (Versão IV - 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>Abaixo, você encontra as versões anteriores, que podem ser descarregadas e utilizadas livremente.</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">
@@ -135,21 +135,21 @@
         <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="Versão I - Java">
+            <img class="img-fluid zoom-images" src="img/img_ivprog_java_1.png" alt="Version I - Java">
             <hr>
-            <span class="history-ivprog-version">Versão I - Java</span>
+            <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="Versão II - Java">
+            <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">Versão II - Java</span>
+            <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="Versão III - HTML">
+            <img class="img-fluid zoom-images" src="img/img_ivprog_html_1.png" alt="Version III - HTML">
             <hr>
-            <span class="history-ivprog-version">Versão III - HTML</span>
+            <span class="history-ivprog-version">Version III - HTML</span>
             <span class="history-ivprog-time">2016 - 2018</span>
           </div>
           <div class="col-md-1"></div>

+ 84 - 98
ex_pt/index.html

@@ -27,7 +27,7 @@
     var name = 'iLM[' + index + ']'; // alert('name='+name);
     window.frames[name].getEvaluation();
     var strAnswer = window.frames[name].getAnswer();
-    alert('Copie o código ivph a seguir (para usá-lo com o iVProgH): ' + strAnswer);
+    alert('Copy the following ivph code (to use it with iVProgH): ' + strAnswer);
 
     //DEBUG
     //D var strFrames = "";
@@ -100,39 +100,39 @@
         <ul class="navbar-nav mr-auto">
           <li class="nav-item">
             <a class="nav-link" href="../" 
-               title="Navegue para a página inicial do site do iVProgH.">Home</a>
+               title="Navigate to iVProgH homepage.">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>
+               title="Know what iVProgH is and what iVProgH is for.">About</a>
           </li>
           <li class="nav-item active">
             <a class="nav-link" href="../ex_pt/index.html"
-               title="Veja alguns exemplos e teste o iVProgH online.">Exemplos</a>
+               title="See some examples and test iVProgH online.">Examples</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>
+               title="Download a copy of iVProgH for your computer.">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>
+               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="Envie uma mensagem para a equipe do iVProgH.">Contato</a>
+               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="Conheça o Laboratório de Informática na Educação do Instituto de Matemática e Estatística da USP.">LInE</a>
+               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="Tenha acesso a toda a documentação do iVProgH.">Desenvolvedores</a>
+               title="Get access to all iVProgH documentation.">Developers</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>
+               title="Read the team publications about iVProgH.">Publications</a>
           </li>
         </ul>
         <div class="form-inline my-2 my-lg-0">
@@ -145,44 +145,35 @@
     <main role="main">
       <div class="jumbotron ivprogh-desc">
         <div class="container">
-          <h1>Exemplos</h1>
+          <h1>Examples</h1>
         </div>
       </div>
 
       <div class="container example-large-div autoeval-descript">
         <div data-toggle="collapse" class="pointer" href="#area-autoeval-descript" aria-expanded="false" aria-controls="area-autoeval-descript"><span class="octicon octicon-info"></span>
-	     Entenda o funcionamento do avaliador automático</div>
+	     Understand the operation of the automatic valuer</div>
         <div id="area-autoeval-descript" class="collapse">
-          <p>O iVProg permite a disponibilização de exercícios com avaliação automática diretamente em páginas Web.
-          Se o professor dispuser de uma instalação do gerenciador Moodle com o pacote <a href="www.matematica.br/ia">iTarefa</a>, então a atividade realizada pelo aluno será registrada, assim como a nota atribuida à solução do aluno.</p>
+          <p>IVProg allows automatic exercises to be made available directly on Web pages. If the teacher has an installation of the Moodle manager with the <a href="www.matematica.br/ia">iTarefa</a> package, then the activity performed by the student will be recorded, as well as the grade assigned to the student's solution.</p>
 
-          <p>A avaliação automática no iVProg é feita a partir de um modelo (gabarito), que deve ter sido preparado pelo professor,
-          prevendo entradas de dados e suas respectivas saídas. Quando o aluno "clicar" no botão para avaliar sua solução,
-          o iVProg usa a primeira lista como entradas para o problema do aluno, comparando cada saída gerada com aquelas da
-          lista de saídas.</p>
+          <p>The automatic evaluation in the iVProg is made from a template, which must have been prepared by the teacher, providing data inputs and their respective outputs. When the student "click" on the button to evaluate their solution, iVProg uses the first list as inputs to the student's problem, comparing each generated output with those of the list of outputs.</p>
 
-          <p>Para compreender melhor o processo, vamos usar um exemplo de algoritmo que deve somar separadamente todos os números
-          positivos e negativos digitados pelo usuário.</p>
+          <p>To better understand the process, let's use an example algorithm that must sum separately all the numbers positive and negative signals entered by the user.</p>
 
-          <p><span class="octicon octicon-pin"></span><b>Problema:</b></p>
+          <p><span class="octicon octicon-pin"></span><b>Problem:</b></p>
           
-          <p>Fazer um algoritmo que solicite que o usuário digite valores inteiros, finalizando sua execução quando for digitado
-          o valor zero. Ao final, seu programa deve imprimir a soma de todos os inteiros positivos que foram digitados e a seguir,  imprimir a soma de todos os inteiros negativos.</p>
+          <p>Make an algorithm that prompts the user to enter integer values, finalizing their execution when typed the value zero. At the end, your program should print the sum of all positive integers that were typed and then print the sum of all negative integers.</p>
 
-          <p><span class="octicon octicon-light-bulb"></span> <b> Como posso preparar um gabarito para exercício com avaliação automática no iVProg</b></p>
+          <p><span class="octicon octicon-light-bulb"></span> <b> How can I prepare a exercise template with automatic evaluation in iVProg</b></p>
 
-          <p>O professor pode preparar um número qualquer de listas de entradas e de saídas, para o problema acima, usaremos apenas 3 listas,
-          ilustradas na tabela abaixo. A primeira coluna tem o numero do par "entradas/saidas", a segunda apresenta a lista de entradas
-          (separadas por espaço em branco), no terceira coluna estão as saídas esperadas (para aquelas entradas) e na última coluna uma
-          explicação curta sobre o par.
+          <p>The teacher can prepare any number of lists of entries and exits, for the above problem, we will use only 3 lists, shown in the table below. The first column has the number of the "input/output" pair, the second shows the list of inputs (separated by white space), in the third column are the expected outputs (for those inputs) and the last column has a short explanation about the pair.
 
           <table class="table about-auto-eval">
             <thead class="thead-light">
               <tr>
                 <th scope="col">#</th>
-                <th scope="col">Entradas</th>
-                <th scope="col">Saídas</th>
-                <th scope="col">Comentários</th>
+                <th scope="col">Inputs</th>
+                <th scope="col">Outputs</th>
+                <th scope="col">Comments</th>
               </tr>
             </thead>
             <tbody>
@@ -190,60 +181,55 @@
                 <th scope="row">1</th>
                 <td>0</td>
                 <td>0 0</td>
-                <td>Esse é um teste capcioso, pois se a primeira entrada for zero, nada será somado (daí deve-se imprimir 0 e 0)</td>
+                <td>This is a tricky test, because if the first entry is zero, nothing will be added (then 0 and 0 should be printed)</td>
               </tr>
               <tr>
                 <th scope="row">2</th>
                 <td>1 -1 1 0</td>
                 <td> 2 -1 </td>
-                <td>Apresenta 2 valores positivos e 1 negativo, com somas respectivamente 2 e -1</td>
+                <td>It presents 2 positive and 1 negative values, with sums respectively 2 and -1</td>
               </tr>
               <tr>
                 <th scope="row">3</th>
                 <td>-1 -1 3 1 0</td>
                 <td>4 -2</td>
-                <td>Apresenta 2 valores positivos e 2 negativo, com somas respectivamente 4 e -2</td>
+                <td>It presents 2 positive and 2 negative values, with sums respectively 4 and -2</td>
               </tr>
             </tbody>
           </table>
 
-          <p>O iVProg dispõe de uma interface especial para que o professor digite cada lista de entrada e sua respectiva lista de saídas.</p>
+          <p>IVProg has a special interface for the teacher to enter each list of inputs and outputs.</p>
 
-          <p><span class="octicon octicon-light-bulb"></span> <b> Como o iVProg avalia automaticamente uma solução do aluno?</b></p>
+          <p><span class="octicon octicon-light-bulb"></span> <b> How does iVProg automatically evaluate a student solution?</b></p>
 
-          <p>Supondo que o aluno tenha construído um algoritmo, quando ele "clicar" no botão para avaliar
-          sua solução, o iVProg:</p>
+          <p>Assuming that the student has built an algorithm, when he "click" the button to evaluate your solution, iVProg:</p>
 
           <ol>
-            <li>Pega a primeira entrada da primeira lista e submete ao primeiro de leitura presente no código do aluno (se não existir, erro), depois a segunda entrada e assim por diante até a última.</li>
-            <li>A primeira saída (comando de impressão) gerada pelo código do aluno é comparada com a primeira saída esperada, se coincidir
-               é registrado um acerto, senão um erro.</li>
-            <li>Repete-se os passos 1 e 2 para cada uma das demais listas de entradas/saídas e ao final é gerada uma média de acertos e erros.
-               <p>Por exemplo, se o algoritmo do aluno errar em 2 das 6 saídas, sua nota será 1/3.</p></li>
+            <li>It takes the first input from the first list and submits it to the first reading in the student code (error if it does not exist), then the second input and so on until the last one.</li>
+            <li>The first output (print command) generated by the student code is compared to the first expected output if it matches a hit is recorded, if not an error.</li>
+            <li>Repeat steps 1 and 2 for each of the other lists of inputs/outputs and at the end an average of hits and errors is generated. <p>For example, if the student algorithm is wrong in 2 of the 6 outputs, its grade will be 1/3.</p></li>
           </ol>
         </div>
       </div>
 
       <div class="container example-large-div autoeval-descript">
         <div aria-expanded="false" aria-controls="area-autoeval-descript">
-             Experimente os exercícios listados abaixo, de exemplo 1 até exemplo 8.
-             O exemplo 9 ilustra como construir um gabarito para um exercício com avaliação automática no <i>iVProgH</i>.<br/>
-             Para abrir o exemplo, "clique" sobre seu título. Você pode ocultá-lo novamente "clicando" sobre o mesmo título.
+             Try the exercises listed below, from example 1 through example 8. Example 9 illustrates how to construct a template for an exercise with automatic evaluation in <i>iVProgH</i>.<br/>To open the example, click on its title. You can hide it again by clicking on the same title.
         </div>
       </div>
 
       <!-- Para cada exemplo, copiar toda a DIV abaixo e não alterar as classes dos elementos :) -->
       <div class="container example-large-div">
         <div class="text-count-example" data-toggle="collapse" href="#area-exemplo-1" aria-expanded="false" aria-controls="area-exemplo-1"><span class="octicon octicon-rocket"></span>
-            Exemplo 1: Entrada e Saída</div>
+            Example 1: Input and Output</div>
         <div class="example-content collapse" id="area-exemplo-1">
-          <button type="button" class="btn btn-primary show-solution" onclick="openSolution('../ex_pt/exerc/exemplo_1_ler_e_imprimir_inteiro_solucao.ivph', this)">Ver solução</button>
+          <button type="button" class="btn btn-primary show-solution" onclick="openSolution('../ex_pt/exerc/exemplo_1_ler_e_imprimir_inteiro_solucao.ivph', this)">See solution</button>
           <p class="text-reduced">
-            Exemplo de exercício com <i>avaliação automática</i> no <i>iVProg</i>.
+            Exercise example with <i>automatic evaluation</i> in <i>iVProg</i>.
           </p>
           
           <p class="text-reduced">
-            <b>Faça um programa que solicite do usuário um valor inteiro, depois imprima o valor por ele digitado.</b>
+            <b>Make a program that prompts the user for an integer value, then print the value typed by the user.</b>
           </p>
 
           <div class="container text-center">
@@ -254,8 +240,8 @@
                         src="../ivprogh/index.html?iLM_PARAM_AssignmentURL=true&iLM_PARAM_Assignment=../ex_pt/exerc/exemplo_1_ler_e_imprimir_inteiro.ivph&iLM_PARAM_SendAnswer=false&lang=pt"
                         allowfullscreen></iframe><br/>
               </div>
-               <input type='button' name='Submit' value='Enviar resposta' class="btn btn-warning" 
-                       title='Clique aqui para visualizar seu código.'
+               <input type='button' name='Submit' value='Send reply' class="btn btn-warning" 
+                       title='Click here to see your code.'
                        onclick='javascript:window.submit_iMA_Answer(1);' /><!-- chama funcao iMA-->
             </form>
           </div>
@@ -265,15 +251,15 @@
       <!-- Para cada exemplo, copiar toda a DIV abaixo e não alterar as classes dos elementos :) -->
       <div class="container example-large-div">
         <div class="text-count-example" data-toggle="collapse" href="#area-exemplo-2" aria-expanded="false" aria-controls="area-exemplo-2"><span class="octicon octicon-rocket"></span>
-            Exemplo 2: Imprimir o quadrado de um número (inteiro)</div>
+            Example 2: Print the square of a number (integer)</div>
         <div class="example-content collapse" id="area-exemplo-2">
-          <button type="button" class="btn btn-primary show-solution" onclick="openSolution('../ex_pt/exerc/exemplo_2_imprimir_quadrado_solucao.ivph', this)">Ver solução</button>
+          <button type="button" class="btn btn-primary show-solution" onclick="openSolution('../ex_pt/exerc/exemplo_2_imprimir_quadrado_solucao.ivph', this)">See solution</button>
           <p class="text-reduced">
-            Exemplo de exercício com <i>avaliação automática</i> no <i>iVProg</i>.
+            Exercise example with <i>automatic evaluation</i> in <i>iVProg</i>.
           </p>
           
           <p class="text-reduced">
-            <b>Construa um algoritmo que solicite que o usuário digite um número (inteiro) e imprime o quadrado desse valor.</b>
+            <b>Construct an algorithm that prompts the user to enter a number (integer) and prints the square of that value.</b>
           </p>
 
           <div class="container text-center">
@@ -284,8 +270,8 @@
                         src="../ivprogh/index.html?iLM_PARAM_AssignmentURL=true&iLM_PARAM_Assignment=../ex_pt/exerc/exemplo_2_imprimir_quadrado.ivph&iLM_PARAM_SendAnswer=false&lang=pt"
                         allowfullscreen></iframe><br/>
               </div>
-               <input type='button' name='Submit' value='Enviar resposta' class="btn btn-warning" 
-                       title='Clique aqui para visualizar seu código.'
+               <input type='button' name='Submit' value='Send reply' class="btn btn-warning" 
+                       title='Click here to see your code.'
                        onclick='javascript:window.submit_iMA_Answer(2);' /><!-- chama funcao iMA-->
             </form>
           </div>
@@ -296,15 +282,15 @@
        <!-- Para cada exemplo, copiar toda a DIV abaixo e não alterar as classes dos elementos :) -->
       <div class="container example-large-div">
         <div class="text-count-example" data-toggle="collapse" href="#area-exemplo-3" aria-expanded="false" aria-controls="area-exemplo-3"><span class="octicon octicon-rocket"></span>
-            Exemplo 3: Soma de dois valores</div>
+            Example 3: Sum of two values</div>
         <div class="example-content collapse" id="area-exemplo-3">
-          <button type="button" class="btn btn-primary show-solution" onclick="openSolution('../ex_pt/exerc/exemplo_3_soma_dois_valores_solucao.ivph', this)">Ver solução</button>
+          <button type="button" class="btn btn-primary show-solution" onclick="openSolution('../ex_pt/exerc/exemplo_3_soma_dois_valores_solucao.ivph', this)">See solution</button>
           <p class="text-reduced">
-            Exemplo de exercício com <i>avaliação automática</i> no <i>iVProg</i>.
+            Exercise example with <i>automatic evaluation</i> in <i>iVProg</i>.
           </p>
           
           <p class="text-reduced">
-            <b>Construa um algoritmo que recebe dois números inteiros e imprime a soma desses valores.</b>
+            <b>Construct an algorithm that receives two integers and prints the sum of these values.</b>
           </p>
 
           <div class="container text-center">
@@ -315,8 +301,8 @@
                         src="../ivprogh/index.html?iLM_PARAM_AssignmentURL=true&iLM_PARAM_Assignment=../ex_pt/exerc/exemplo_3_soma_dois_valores.ivph&iLM_PARAM_SendAnswer=false&lang=pt"
                         allowfullscreen></iframe><br/>
               </div>
-               <input type='button' name='Submit' value='Enviar resposta' class="btn btn-warning" 
-                       title='Clique aqui para visualizar seu código.'
+               <input type='button' name='Submit' value='Send reply' class="btn btn-warning" 
+                       title='Click here to see your code.'
                        onclick='javascript:window.submit_iMA_Answer(3);' /><!-- chama funcao iMA-->
             </form>
           </div>
@@ -326,15 +312,15 @@
       <!-- Para cada exemplo, copiar toda a DIV abaixo e não alterar as classes dos elementos :) -->
       <div class="container example-large-div">
         <div class="text-count-example" data-toggle="collapse" href="#area-exemplo-4" aria-expanded="false" aria-controls="area-exemplo-4"><span class="octicon octicon-rocket"></span>
-            Exemplo 4: Média aritmética</div>
+            Example 4: Arithmetic mean</div>
         <div class="example-content collapse" id="area-exemplo-4">
-          <button type="button" class="btn btn-primary show-solution" onclick="openSolution('../ex_pt/exerc/exemplo_4_media_aritmetica_solucao.ivph', this)">Ver solução</button>
+          <button type="button" class="btn btn-primary show-solution" onclick="openSolution('../ex_pt/exerc/exemplo_4_media_aritmetica_solucao.ivph', this)">See solution</button>
           <p class="text-reduced">
-            Exemplo de exercício com <i>avaliação automática</i> no <i>iVProg</i>.
+            Exercise example with <i>automatic evaluation</i> in <i>iVProg</i>.
           </p>
           
           <p class="text-reduced">
-            <b>Construa um algoritmo que recebe dois números inteiros da entrada, calcula a média aritmética desses números e a imprima.</b>
+            <b>Construct an algorithm that receives two integers from the input, calculates the arithmetic mean of those numbers, and prints it.</b>
           </p>
 
           <div class="container text-center">
@@ -345,8 +331,8 @@
                         src="../ivprogh/index.html?iLM_PARAM_AssignmentURL=true&iLM_PARAM_Assignment=../ex_pt/exerc/exemplo_4_media_aritmetica.ivph&iLM_PARAM_SendAnswer=false&lang=pt"
                         allowfullscreen></iframe><br/>
               </div>
-               <input type='button' name='Submit' value='Enviar resposta' class="btn btn-warning" 
-                       title='Clique aqui para visualizar seu código.'
+               <input type='button' name='Submit' value='Send reply' class="btn btn-warning" 
+                       title='Click here to see your code.'
                        onclick='javascript:window.submit_iMA_Answer(4);' /><!-- chama funcao iMA-->
             </form>
           </div>
@@ -356,15 +342,15 @@
        <!-- Para cada exemplo, copiar toda a DIV abaixo e não alterar as classes dos elementos :) -->
       <div class="container example-large-div">
         <div class="text-count-example" data-toggle="collapse" href="#area-exemplo-5" aria-expanded="false" aria-controls="area-exemplo-5"><span class="octicon octicon-rocket"></span>
-            Exemplo 5: Maior valor</div>
+            Example 5: Higher value</div>
         <div class="example-content collapse" id="area-exemplo-5">
-          <button type="button" class="btn btn-primary show-solution" onclick="openSolution('../ex_pt/exerc/exemplo_5_maior_valor_solucao.ivph', this)">Ver solução</button>
+          <button type="button" class="btn btn-primary show-solution" onclick="openSolution('../ex_pt/exerc/exemplo_5_maior_valor_solucao.ivph', this)">See solution</button>
           <p class="text-reduced">
-            Exemplo de exercício com <i>avaliação automática</i> no <i>iVProg</i>.
+            Exercise example with <i>automatic evaluation</i> in <i>iVProg</i>.
           </p>
           
           <p class="text-reduced">
-            <b>Construa um algoritmo que recebe dois números inteiros da entrada e imprime o maior dentre os dois números.</b>
+            <b>Construct an algorithm that receives two integers from the input and prints the higher of the two numbers.</b>
           </p>
 
           <div class="container text-center">
@@ -375,8 +361,8 @@
                         src="../ivprogh/index.html?iLM_PARAM_AssignmentURL=true&iLM_PARAM_Assignment=../ex_pt/exerc/exemplo_5_maior_valor.ivph&iLM_PARAM_SendAnswer=false&lang=pt"
                         allowfullscreen></iframe><br/>
               </div>
-               <input type='button' name='Submit' value='Enviar resposta' class="btn btn-warning" 
-                       title='Clique aqui para visualizar seu código.'
+               <input type='button' name='Submit' value='Send reply' class="btn btn-warning" 
+                       title='Click here to see your code.'
                        onclick='javascript:window.submit_iMA_Answer(5);' /><!-- chama funcao iMA-->
             </form>
           </div>
@@ -386,15 +372,15 @@
       <!-- Para cada exemplo, copiar toda a DIV abaixo e não alterar as classes dos elementos :) -->
       <div class="container example-large-div">
         <div class="text-count-example" data-toggle="collapse" href="#area-exemplo-6" aria-expanded="false" aria-controls="area-exemplo-6"><span class="octicon octicon-rocket"></span>
-            Exemplo 6: Sequência</div>
+            Example 6: Sequence</div>
         <div class="example-content collapse" id="area-exemplo-6">
-          <button type="button" class="btn btn-primary show-solution" onclick="openSolution('../ex_pt/exerc/exemplo_6_imprimir_de_1_a_10_solucao.ivph', this)">Ver solução</button>
+          <button type="button" class="btn btn-primary show-solution" onclick="openSolution('../ex_pt/exerc/exemplo_6_imprimir_de_1_a_10_solucao.ivph', this)">See solution</button>
           <p class="text-reduced">
-            Exemplo de exercício com <i>avaliação automática</i> no <i>iVProg</i>.
+            Exercise example with <i>automatic evaluation</i> in <i>iVProg</i>.
           </p>
           
           <p class="text-reduced">
-            <b>Construa um algoritmo que imprima a sequência de números inteiros de 1 a 10.</b>
+            <b>Make an algorithm that prints the sequence of integers from 1 to 10.</b>
           </p>
 
           <div class="container text-center">
@@ -405,8 +391,8 @@
                         src="../ivprogh/index.html?iLM_PARAM_AssignmentURL=true&iLM_PARAM_Assignment=../ex_pt/exerc/exemplo_6_imprimir_de_1_a_10.ivph&iLM_PARAM_SendAnswer=false&lang=pt"
                         allowfullscreen></iframe><br/>
               </div>
-               <input type='button' name='Submit' value='Enviar resposta' class="btn btn-warning" 
-                       title='Clique aqui para visualizar seu código.'
+               <input type='button' name='Submit' value='Send reply' class="btn btn-warning" 
+                       title='Click here to see your code.'
                        onclick='javascript:window.submit_iMA_Answer(6);' /><!-- chama funcao iMA-->
             </form>
           </div>
@@ -416,15 +402,15 @@
       <!-- Para cada exemplo, copiar toda a DIV abaixo e não alterar as classes dos elementos :) -->
       <div class="container example-large-div">
         <div class="text-count-example" data-toggle="collapse" href="#area-exemplo-7" aria-expanded="false" aria-controls="area-exemplo-7"><span class="octicon octicon-rocket"></span>
-            Exemplo 7: Imprimir texto</div>
+            Example 7: Print text</div>
         <div class="example-content collapse" id="area-exemplo-7">
-          <button type="button" class="btn btn-primary show-solution" onclick="openSolution('../ex_pt/exerc/exemplo_7_imprimir_ivprogh_10_vezes_solucao.ivph', this)">Ver solução</button>
+          <button type="button" class="btn btn-primary show-solution" onclick="openSolution('../ex_pt/exerc/exemplo_7_imprimir_ivprogh_10_vezes_solucao.ivph', this)">See solution</button>
           <p class="text-reduced">
-            Exemplo de exercício com <i>avaliação automática</i> no <i>iVProg</i>.
+            Exercise example with <i>automatic evaluation</i> in <i>iVProg</i>.
           </p>
           
           <p class="text-reduced">
-            <b>Construa um algoritmo que imprima a palavra iVProgH 10 vezes.</b>
+            <b>Build an algorithm that prints the word iVProgH 10 times.</b>
           </p>
 
           <div class="container text-center">
@@ -435,8 +421,8 @@
                         src="../ivprogh/index.html?iLM_PARAM_AssignmentURL=true&iLM_PARAM_Assignment=../ex_pt/exerc/exemplo_7_imprimir_ivprogh_10_vezes.ivph&iLM_PARAM_SendAnswer=false&lang=pt"
                         allowfullscreen></iframe><br/>
               </div>
-               <input type='button' name='Submit' value='Enviar resposta' class="btn btn-warning" 
-                       title='Clique aqui para visualizar seu código.'
+               <input type='button' name='Submit' value='Send reply' class="btn btn-warning" 
+                       title='Click here to see your code.'
                        onclick='javascript:window.submit_iMA_Answer(7);' /><!-- chama funcao iMA-->
             </form>
           </div>
@@ -446,15 +432,15 @@
       <!-- Para cada exemplo, copiar toda a DIV abaixo e não alterar as classes dos elementos :) -->
       <div class="container example-large-div">
         <div class="text-count-example" data-toggle="collapse" href="#area-exemplo-8" aria-expanded="false" aria-controls="area-exemplo-8"><span class="octicon octicon-rocket"></span>
-            Exemplo 8: Somar n valores</div>
+            Example 8: Add n values</div>
         <div class="example-content collapse" id="area-exemplo-8">
-          <button type="button" class="btn btn-primary show-solution" onclick="openSolution('../ex_pt/exerc/exemplo_8_somar_valores_ate_digitar_0_solucao.ivph', this)">Ver solução</button>
+          <button type="button" class="btn btn-primary show-solution" onclick="openSolution('../ex_pt/exerc/exemplo_8_somar_valores_ate_digitar_0_solucao.ivph', this)">See solution</button>
           <p class="text-reduced">
-            Exemplo de exercício com <i>avaliação automática</i> no <i>iVProg</i>.
+            Exercise example with <i>automatic evaluation</i> in <i>iVProg</i>.
           </p>
           
           <p class="text-reduced">
-            <b>Fazer um algoritmo que lê uma sequência de números inteiros, somando-os até que um valor 0 seja digitado, nesse momento deve imprimir o valor da soma e parar.</b>
+            <b>Make an algorithm that reads a sequence of integers, adding them until a value of zero is entered, at which point you must print the value of the sum and stop.</b>
           </p>
 
           <div class="container text-center">
@@ -465,8 +451,8 @@
                         src="../ivprogh/index.html?iLM_PARAM_AssignmentURL=true&iLM_PARAM_Assignment=../ex_pt/exerc/exemplo_8_somar_valores_ate_digitar_0.ivph&iLM_PARAM_SendAnswer=false&lang=pt"
                         allowfullscreen></iframe><br/>
               </div>
-               <input type='button' name='Submit' value='Enviar resposta' class="btn btn-warning" 
-                       title='Clique aqui para visualizar seu código.'
+               <input type='button' name='Submit' value='Send reply' class="btn btn-warning" 
+                       title='Click here to see your code.'
                        onclick='javascript:window.submit_iMA_Answer(8);' /><!-- chama funcao iMA-->
             </form>
           </div>
@@ -475,10 +461,10 @@
 
       <!-- Para cada exemplo, copiar toda a DIV abaixo e não alterar as classes dos elementos :) -->
       <div class="container example-large-div">
-        <div class="text-count-example" data-toggle="collapse" href="#area-exemplo-9" aria-expanded="false" aria-controls="area-exemplo-9"><span class="octicon octicon-rocket"></span> Gabarito: Construindo uma atividade</div>
+        <div class="text-count-example" data-toggle="collapse" href="#area-exemplo-9" aria-expanded="false" aria-controls="area-exemplo-9"><span class="octicon octicon-rocket"></span> Template: Building an Activity</div>
         <div class="example-content collapse" id="area-exemplo-9">
           <p class="text-reduced">
-            <b>Nesse exemplo, construa uma atividade, inserindo os casos de teste que serão utilizados para avaliar o algoritmo e configure os recursos que serão disponibilizados para o aluno no iVProgH.</b>
+            <b>In this example, construct an activity, inserting the test cases that will be used to evaluate the algorithm and configure the resources that will be made available to the student in iVProgH.</b>
           </p>
 
           <div class="container text-center">
@@ -489,8 +475,8 @@
                         src="../ivprogh/index.html?iLM_PARAM_AssignmentURL=true&iLM_PARAM_SendAnswer=true&lang=pt"
                         allowfullscreen></iframe><br/>
               </div>
-               <input type='button' name='Submit' value='Enviar resposta' class="btn btn-warning" 
-                      title='Clique aqui para visualizar seu código.'
+               <input type='button' name='Submit' value='Send reply' class="btn btn-warning" 
+                      title='Click here to see your code.'
                       onclick='javascript:window.submit_iMA_Answer(9);' /><!-- chama funcao iMA-->
             </form>
           </div>

ファイルの差分が大きいため隠しています
+ 27 - 38
index.html


+ 10 - 10
ivprog-html.html

@@ -20,22 +20,22 @@
             <a class="nav-link" href="#">Home</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link" href="manual_pt/index.html" title="manual iVProgH">Conheça</a>
+            <a class="nav-link" href="manual_pt/index.html" title="manual iVProgH">About</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link" href="ex_pt/index.html">Exemplos</a>
+            <a class="nav-link" href="ex_pt/index.html">Examples</a>
           </li>
           <li class="nav-item">
             <a class="nav-link" href="#">Download</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link" href="bugs/report.html">Informar uma falha</a>
+            <a class="nav-link" href="bugs/report.html">Report a bug</a>
           </li>
           <li class="nav-item">
             <a class="nav-link" href="#">LInE</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link" href="#">Ajuda</a>
+            <a class="nav-link" href="#">Help</a>
           </li>
         </ul>
         <div class="form-inline my-2 my-lg-0">
@@ -61,18 +61,18 @@
 
         <div class="col-md-8">
           <figure>
-          <img class="img-fluid" width="500px" height="250px" src="img/versao-html.png" alt="Imagem da interface do iVProg-nova versão">
-            <figcaption align="center"> iVProg versão HTML </figcaption>
+          <img class="img-fluid" width="500px" height="250px" src="img/versao-html.png" alt="Image of iVProg-new version interface">
+            <figcaption align="center"> iVProg HTML version </figcaption>
 </figure>
         </div>
 
         <div class="col-md-4">
-          <h3 class="my-3">Sobre o iVProg</h3>
-          <p>O iVProgH é sistema educacional livre, implementado em HTML5 (usa fortemente JavaScript), está destinado ao ensino e aprendizagem de algoritmos e programação. Sua versão Web,dispõe de um esquema para avaliação automática de exercícios. O iVProg foi desenhado a partir de um modelo visual para programação, podendo ser utilizado desde o segundo ciclo do Ensino Fundamental.</p>
-          <a href="http://www.matematica.br/ivprogh5/manual/"> Ir para o manual </a>
+          <h3 class="my-3">About iVProg</h3>
+          <p>The iVProgH is a free educational system, implemented in HTML5 (strongly uses JavaScript), is intended for teaching and learning algorithms and programming. Its web version has a scheme for automatic evaluation of exercises. IVProg was designed from a visual model for programming, and can be used since the second cycle of elementary school.</p>
+          <a href="http://www.matematica.br/ivprogh5/manual/"> Go to manual </a>
         </div>
 
-<button type="button" class="btn btn-primary" style="margin-left:50%;margin-bottom: 30px" onclick="javascript:window.history.go(-1)"> Voltar</button>
+<button type="button" class="btn btn-primary" style="margin-left:50%;margin-bottom: 30px" onclick="javascript:window.history.go(-1)"> Back</button>
     </div>
     <!-- /.container -->
 

+ 39 - 39
legacy/index.html

@@ -18,39 +18,39 @@
         <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>
+               title="Navigate to iVProgH homepage.">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>
+               title="Know what iVProgH is and what iVProgH is for.">About</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>
+               title="See some examples and test iVProgH online.">Examples</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>
+               title="Download a copy of iVProgH for your computer.">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>
+               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="Envie uma mensagem para a equipe do iVProgH.">Contato</a>
+               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="Conheça o Laboratório de Informática na Educação do Instituto de Matemática e Estatística da USP.">LInE</a>
+               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="Tenha acesso a toda a documentação do iVProgH.">Desenvolvedores</a>
+               title="Get access to all iVProgH documentation.">Developers</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>
+               title="Read the team publications about iVProgH.">Publications</a>
           </li>
         </ul>
         <!-- bandeiras para lingua -->
@@ -64,40 +64,40 @@
     <main role="main">
       <div class="jumbotron ivprogh-desc">
         <div class="container">
-          <h1>Projeto iVProg</h1>
+          <h1>iVProg Project</h1>
           <p class="text-reduced">
-          O projeto <b>iVProg</b> (<i>Programação Visual interativa na Internet</i>) foi iniciado em 2009, com
-          o desenvolvimento de uma primeira versão em <i>Java</i>, funcionando como aplicativo e como "applet", que foi resultado da dissertação
-	  de mestrado de
-          <i><a href="https://bdpi.usp.br/item/002192819" title="dissertacao Reginaldo defendida em 09/11/2010">Reginaldo Rideaki Kamiya</a><i>.
+          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
           -->
-          A segunda versão, completamente nova, foi desenvolvida a partir do arcabouço para <i title="Modulos de Aprendizagem interativa">iMA</i>
-          resultado da
-          <i><a href="https://bdpi.usp.br/item/002302564" title="dissertacao Danilo Leite Dalmon">dissertação de mestrado de Danilo Leite Dalmon</a>.
+          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
           -->
-	  Essa segunda versão também foi desenvolvida em <i>Java</i>, tendo sido o produto final da 
-          <i><a href="https://www.ime.usp.br/~cpg/teses/Dissertacao-RomenigdaSilvaRibeiro.pdf" title="PDF da dissertacao de Romenig da Silva Ribeiro">dissertação de mestrado de Romenig da Silva Ribeiro</a>.
+	  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">
-          Desde o projeto <a href="http://www.matematica.br/igeom" title="pagina do iGeom">iGeom</a>, de geometria interativa, a ideia de um <i>iMA</i>
-          é que sejam sistemas que possam funcionar diretamente via <i>Web</i>, em particular integrados a um gerenciador de cursos.
-          Por esse motivo, disponibilizamos um integrador de <i>iMA</i> para ambientes <i>Moodle</i>, que é o pacote
-	  <a href="http://www.matematica.br/ia" title="pagina do iTarefa">iTarefa</a></i>.</p>
-          O <i>iVProg</i> segue esse modelo, podendo ser integrado ao <i>Moodle</i> a partir do <i>iTarefa</i>.
+		  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">
-          Desde que os navegadores mais usados (como o <i>Firefox</i>) deixaram de disponibilizar o integrador de "applets", passamos
-          a pensar em novos <i>iMA</i> desenvolvidos em <i>HTML5</i> (<i>HTML+JavaScript+CSS</i>).
-          O sistema <i>iVProgH</i> foi o primeiro nessa linha, desenvolvido em <i>HTML5</i>, que por isso recebeu o sufixo <i>H</i>.
+          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>
 
           <!--
@@ -117,34 +117,34 @@
       <div class="container">
         <div class="row thumbs-ivprog">
 
-          <div class="col-md-3 item"><a href="version1/" title="versao 1: java">
+          <div class="col-md-3 item"><a href="version1/" title="version 1: java">
             <span class="octicon octicon-light-bulb"></span>
-            <h4>Versão 1 do iVProg em Java</h4>
+            <h4>IVProg Version 1 in Javaa</h4>
             <hr>
-            <p>iVProg baseado na versão 2.0 do Alice</p></a>
+            <p>iVProg based on version 2.0 of Alice</p></a>
           </div>
 
-          <div class="col-md-3 item"><a href="version2/" title="versao 2: java">
+          <div class="col-md-3 item"><a href="version2/" title="version 2: java">
             <span class="octicon octicon-clock"></span>
-            <h4>Versão 2 do iVProg em Java</h4>
+            <h4>IVProg Version 2 in Java</h4>
             <hr>
-            <p>iVProg baseado no arcabouço para construção de iMA em Java</p></a>
+            <p>iVProg based on framework for iMA building in Java</p></a>
           </div>
 
           <br/>
 
-          <div class="col-md-3 item"><a href="version3/" title="versao 3: html">
+          <div class="col-md-3 item"><a href="version3/" title="version 3: html">
             <span class="octicon octicon-clock"></span>
-            <h4>Versão 3 do iVProg em HTML</h4>
+            <h4>i Version 3 in HTML</h4>
             <hr>
-            <p>Primeira versão do iVProgH em HTML+JavaScript+CSS</p></a>
+            <p>First version of iVProgH in HTML+JavaScript+CSS</p></a>
           </div>
 
-          <div class="col-md-3 item"><a href="../" title="versao 4: html">
+          <div class="col-md-3 item"><a href="../" title="version 4: html">
             <span class="octicon octicon-clock"></span>
-            <h4>Versão 4 do iVProg em HTML</h4>
+            <h4>iVProg Version 4 in HTML</h4>
             <hr>
-            <p>Segunda versão do iVProgH em HTML+JavaScript+CSS</p></a>
+            <p>Second version of iVProgH in HTML+JavaScript+CSS</p></a>
           </div>
 
         </div>

+ 6 - 6
mais_ivprog.html

@@ -1,9 +1,9 @@
 
 img_main_1.png
 
-Para adicionar variáveis clique no botão Variáveis. Para comandos no
-botão Instrução. Para interpretar seu código, clique no botão (abaixo,
-ao lado do botão "Limpar console").
-Ver alguns outros exemplos de codigo no iVProgH5: programa para
-imprimir n primeiros numeros de Fibonaccii ; exercicio 2: ler 2
-valores e imprimir sua soma ; Ver solucao do exercício 2. 
+To add variables click on the Variables button. For commands on the
+Instruction button. To interpret your code, click the button (below,
+next to the "Clear Console" button).
+See some other examples of code in iVProgH5: program for
+print n first Fibonaccii numbers ; Exercise 2: read 2
+values and print their sum ; See Exercise Solution 2.

+ 1 - 1
manual_pt/download.html

@@ -1,5 +1,5 @@
 
 <div> 
 <h3>Download</h3>
-<p>Ao fazer <i>donwload</i> (<i>descarregar</i>) você irá gravar o código em seu computador</p>
+<p>When doing <i>donwload</i> you will save the code on your computer</p>
 </div>

+ 47 - 48
manual_pt/index.html

@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <head>
-    <title>Tutorial iVProgH</title>
+    <title>iVProgH Tutorial</title>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="stylesheet" href="css/w3.css" />
@@ -107,39 +107,39 @@ function carregar (pagina) { // carragar pagina
         <ul class="navbar-nav mr-auto">
           <li class="nav-item">
             <a class="nav-link" href="../" 
-               title="Navegue para a página inicial do site do iVProgH.">Home</a>
+               title="Navigate to iVProgH homepage.">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>
+               title="Know what iVProgH is and what iVProgH is for.">About</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>
+               title="See some examples and test iVProgH online.">Examples</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>
+               title="Download a copy of iVProgH for your computer.">Download</a>
           </li>
           <li class="nav-item active">
             <a class="nav-link" href="../manual_pt/index.html" 
-               title="Acesse um manual online do iVProgH e conheça todos os recursos.">Ajuda</a>
+                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="Envie uma mensagem para a equipe do iVProgH.">Contato</a>
+               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="Conheça o Laboratório de Informática na Educação do Instituto de Matemática e Estatística da USP.">LInE</a>
+               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="Tenha acesso a toda a documentação do iVProgH.">Desenvolvedores</a>
+               title="Get access to all iVProgH documentation.">Developers</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>
+               title="Read the team publications about iVProgH.">Publications</a>
           </li>
         </ul>
         <div class="form-inline my-2 my-lg-0">
@@ -151,59 +151,59 @@ function carregar (pagina) { // carragar pagina
 
 <nav class="w3-sidebar w3-bar-block w3-collapse w3-animate-left w3-card" style="z-index:3;width:250px;" id="mySidebar">
 
-<a class="w3-bar-item w3-button" onclick="manuItem('visual')" href="javascript:void(0)" style="color:#001A66;font-size:11pt">Formas de programação<i class="fa fa-caret-down"></i></a>
+<a class="w3-bar-item w3-button" onclick="manuItem('visual')" href="javascript:void(0)" style="color:#001A66;font-size:11pt">Modes of programming<i class="fa fa-caret-down"></i></a>
 
   <div id="visual" class="w3-hide">
     <a class="w3-bar-item w3-button" onclick="carregar('menu_fp_visual.html')"href="#">Visual</a>
-    <a class="w3-bar-item w3-button" onclick="carregar('menu_fp_textual.html')"href="#">Textual</a>
+    <a class="w3-bar-item w3-button" onclick="carregar('menu_fp_textual.html')"href="#">Text</a>
  
   </div>
 
 
-<a class="w3-bar-item w3-button" onclick="manuItem('ferramentas')" href="javascript:void(0)" style="color:#001A66;;font-size:11pt">Barra de ferramentas<i class="fa fa-caret-down"></i></a>
+<a class="w3-bar-item w3-button" onclick="manuItem('ferramentas')" href="javascript:void(0)" style="color:#001A66;;font-size:11pt">Toolbar<i class="fa fa-caret-down"></i></a>
 
   <div id="ferramentas" class="w3-hide">
     <!--a class="w3-bar-item w3-button" onclick="carregar('menu_bf_novo.html')" href="#">Novo</a -->
     <!--a class="w3-bar-item w3-button" onclick="carregar('menu_bf_gravar.html')" href="#">Gravar</a -->
-    <a class="w3-bar-item w3-button" onclick="carregar('menu_bf_importar.html')" href="#"> Importar</a>
-    <a class="w3-bar-item w3-button" onclick="carregar('menu_bf_exportar.html')" href="#">Exportar</a>
-    <a class="w3-bar-item w3-button" onclick="carregar('menu_bf_desfazer.html')" href="#">Desfazer</a>
-    <a class="w3-bar-item w3-button" onclick="carregar('menu_bf_refazer.html')" href="#">Refazer</a>
-    <a class="w3-bar-item w3-button" onclick="carregar('menu_bf_executar.html')" href="#">Executar</a>
-    <a class="w3-bar-item w3-button" onclick="carregar('menu_bf_avaliar.html')" href="#">Avaliar</a>
-    <a class="w3-bar-item w3-button" onclick="carregar('menu_bf_ajuda.html')" href="#">Ajuda</a>
+    <a class="w3-bar-item w3-button" onclick="carregar('menu_bf_importar.html')" href="#">Import</a>
+    <a class="w3-bar-item w3-button" onclick="carregar('menu_bf_exportar.html')" href="#">Export</a>
+    <a class="w3-bar-item w3-button" onclick="carregar('menu_bf_desfazer.html')" href="#">Undo</a>
+    <a class="w3-bar-item w3-button" onclick="carregar('menu_bf_refazer.html')" href="#">Redo</a>
+    <a class="w3-bar-item w3-button" onclick="carregar('menu_bf_executar.html')" href="#">Run</a>
+    <a class="w3-bar-item w3-button" onclick="carregar('menu_bf_avaliar.html')" href="#">Evaluate</a>
+    <a class="w3-bar-item w3-button" onclick="carregar('menu_bf_ajuda.html')" href="#">Help</a>
   </div>
 
-<a class="w3-bar-item w3-button" onclick="manuItem('variaveis')" href="javascript:void(0)" style="color:#001A66;;font-size:11pt">Variáveis<i class="fa fa-caret-down"></i></a>
+<a class="w3-bar-item w3-button" onclick="manuItem('variaveis')" href="javascript:void(0)" style="color:#001A66;;font-size:11pt">Variables<i class="fa fa-caret-down"></i></a>
 
   <div id="variaveis" class="w3-hide">
-    <a class="w3-bar-item w3-button" onclick="carregar('menu_var_variavel-global.html')" href="#">Variável Global</a>
-    <a class="w3-bar-item w3-button" onclick="carregar('menu_var_variavel-local.html')" href="#">Variável Local</a>
+    <a class="w3-bar-item w3-button" onclick="carregar('menu_var_variavel-global.html')" href="#">Global Variable</a>
+    <a class="w3-bar-item w3-button" onclick="carregar('menu_var_variavel-local.html')" href="#">Local Variable</a>
    
   </div>
 
-<a class="w3-bar-item w3-button" onclick="manuItem('comandos')" href="javascript:void(0)" style="color:#001A66;font-size:11pt">Comandos<i class="fa fa-caret-down"></i></a>
+<a class="w3-bar-item w3-button" onclick="manuItem('comandos')" href="javascript:void(0)" style="color:#001A66;font-size:11pt">Commands<i class="fa fa-caret-down"></i></a>
 
     <div id="comandos" class="w3-hide">
-      <a class="w3-bar-item w3-button" onclick="carregar('menu_cmd_comandos.html')" href="#">Comandos iVProgH</a> <!-- manual_pt/menu_cmd_comandos.html -->
-      <a class="w3-bar-item w3-button" onclick="carregar('menu_cmd_leitura.html')" href="#">Leitura de dados</a>
-      <a class="w3-bar-item w3-button" onclick="carregar('menu_cmd_escrever.html')" href="#">Escrita de dados</a>
-      <a class="w3-bar-item w3-button" onclick="carregar('menu_cmd_comentario.html')" href="#">Comentários</a>
-      <a class="w3-bar-item w3-button" onclick="carregar('menu_cmd_atribuicao.html')" href="#">Atribuição</a>
-      <a class="w3-bar-item w3-button" onclick="carregar('menu_cmd_chamada-funcao.html')" href="#">Chamada de função</a>
-      <a class="w3-bar-item w3-button" onclick="carregar('menu_cmd_se.html')" href="#">Se verdadeiro então</a>
-      <a class="w3-bar-item w3-button" onclick="carregar('menu_cmd_repita.html')" href="#">Repita N vezes</a>
-      <a class="w3-bar-item w3-button" onclick="carregar('menu_cmd_enquanto.html')" href="#">Enquanto verdadeiro</a>
-      <a class="w3-bar-item w3-button" onclick="carregar('menu_cmd_faca.html')" href="#">Faça enquanto verdadeiro</a>
-      <a class="w3-bar-item w3-button" onclick="carregar('menu_cmd_escolha.html')" href="#">Multipla Escolha</a>
-      <a class="w3-bar-item w3-button" onclick="carregar('menu_cmd_retorno.html')" href="#">Retorno</a>
-      <a class="w3-bar-item w3-button" onclick="carregar('menu_cmd_pare.html')" href="#">Pare</a>
-      <a class="w3-bar-item w3-button" onclick="carregar('menu_cmd_caso.html')" href="#">Caso</a>
+      <a class="w3-bar-item w3-button" onclick="carregar('menu_cmd_comandos.html')" href="#">iVProgH Commands</a> <!-- manual_pt/menu_cmd_comandos.html -->
+      <a class="w3-bar-item w3-button" onclick="carregar('menu_cmd_leitura.html')" href="#">Data Reading</a>
+      <a class="w3-bar-item w3-button" onclick="carregar('menu_cmd_escrever.html')" href="#">Data Writing</a>
+      <a class="w3-bar-item w3-button" onclick="carregar('menu_cmd_comentario.html')" href="#">Comments</a>
+      <a class="w3-bar-item w3-button" onclick="carregar('menu_cmd_atribuicao.html')" href="#">Assignment</a>
+      <a class="w3-bar-item w3-button" onclick="carregar('menu_cmd_chamada-funcao.html')" href="#">Function call</a>
+      <a class="w3-bar-item w3-button" onclick="carregar('menu_cmd_se.html')" href="#">If true then</a>
+      <a class="w3-bar-item w3-button" onclick="carregar('menu_cmd_repita.html')" href="#">Repeat N times</a>
+      <a class="w3-bar-item w3-button" onclick="carregar('menu_cmd_enquanto.html')" href="#">While true</a>
+      <a class="w3-bar-item w3-button" onclick="carregar('menu_cmd_faca.html')" href="#">Do while true</a>
+      <a class="w3-bar-item w3-button" onclick="carregar('menu_cmd_escolha.html')" href="#">Multiple choice</a>
+      <a class="w3-bar-item w3-button" onclick="carregar('menu_cmd_retorno.html')" href="#">Return</a>
+      <a class="w3-bar-item w3-button" onclick="carregar('menu_cmd_pare.html')" href="#">Break</a>
+      <a class="w3-bar-item w3-button" onclick="carregar('menu_cmd_caso.html')" href="#">Case</a>
    
   </div>
-  <a class="w3-bar-item w3-button" onclick="manuItem('funcao')" href="javascript:void(0)" style="color:#001A66;;font-size:11pt">Função<i class="fa fa-caret-down"></i></a>
+  <a class="w3-bar-item w3-button" onclick="manuItem('funcao')" href="javascript:void(0)" style="color:#001A66;;font-size:11pt">Function<i class="fa fa-caret-down"></i></a>
   <div id="funcao" class="w3-hide">
-    <a class="w3-bar-item w3-button" onclick="carregar('menu_fc_funcao.html')" href="#">Estrutura da função</a>
+    <a class="w3-bar-item w3-button" onclick="carregar('menu_fc_funcao.html')" href="#">Function structure</a>
   </div>
 
 </nav>
@@ -214,19 +214,19 @@ function carregar (pagina) { // carragar pagina
 
 <div id="cabecalho" class="w3-container" style=" background-color:#001A66;color: white;">
   <br/> &nbsp; <br/>
-  <a href="index.html" ><img src="img/icn_home.png" title="Voltar para o inicio" /> </a>
-  <i class="w3-xxxlarge" style="margin-left: 5%">Tutorial iVProgH</i>
+  <a href="index.html" ><img src="img/icn_home.png" title="Back to top" /> </a>
+  <i class="w3-xxxlarge" style="margin-left: 5%">iVProgH Tutorial</i>
 </div>
 
 <div class="w3-container" style="padding:32px"  id="conteudo">
 
-<h2 style="color:#001A66;">O que é o iVProgH?</h2>
+<h2 style="color:#001A66;">What is iVProgH?</h2>
 
 <p>
-O <b>iVProgH</b> (Programação Visual interativa na Internet) é um dos sistemas educacionais de código livre do
-<a href="https://line.ime.usp.br" title="visitar pagina do Laboratorio de Informatica na Educacao">LInE</a>,
-sendo destinado ao ensino e à aprendizagem de algoritmos e programação. 
-O <b>iVProgH</b> pode ser carregado diretament em páginas <i>World Wide Web</i> (Web).
+The <b>iVProgH</b> (Interactive Visual Programming on the Internet)  is one of the free-code educational systems of the
+<a href="https://line.ime.usp.br" title="visit page of the Laboratory of Informatics in Education">LInE</a>,
+being intended for teaching and learning of algorithms e programming. 
+The <b>iVProgH</b> can be loaded directly into <i>World Wide Web</i> (Web).
 </p>
 
 <hr>
@@ -236,6 +236,5 @@ O <b>iVProgH</b> pode ser carregado diretament em páginas <i>World Wide Web</i>
 
    
 </div>
-
 </body>
 </html> 

+ 3 - 3
manual_pt/menu_bf_ajuda.html

@@ -1,5 +1,5 @@
-<div class="w3-item"><img src="img/icn_ajuda.png" title="icone opcao ajuda" class="w3-icon"/>
+<div class="w3-item"><img src="img/icn_ajuda.png" title="help option icon" class="w3-icon"/>
 
-  <h3> Ajuda </h3>
-  <p> Informa a versão atual do programa e, caso seja acessado, redireciona para este manual. </p>
+  <h3> Help </h3>
+  <p> Informs the current version of the program and, if accessed, redirects to this manual. </p>
 </div>

+ 3 - 3
manual_pt/menu_bf_avaliar.html

@@ -1,5 +1,5 @@
-<div class="w3-item"><img src="img/icn_bf_avalia.png" title="icone opcao avaliar atividade" class="w3-icon"/>
+<div class="w3-item"><img src="img/icn_bf_avalia.png" title="option to evaluate activity" class="w3-icon"/>
 
-  <h3> Avaliar </h3>
-  <p> Avalia a atividade levando em consideração os casos de testes definidos pelo professor.</p>
+  <h3> Evaluate </h3>
+  <p> Evaluates the activity taking into account the cases of tests defined by the teacher.</p>
 </div>

+ 3 - 3
manual_pt/menu_bf_desfazer.html

@@ -1,5 +1,5 @@
-<div class="w3-item"><img src="img/icn_bf_desfaz.png" title="icone opcao desfazer operacao" class="w3-icon"/>
+<div class="w3-item"><img src="img/icn_bf_desfaz.png" title="icon option to undo operation" class="w3-icon"/>
 
-<h3> Desfazer </h3>
-<p> Desfaz alterações no programa</p>
+<h3> Undo </h3>
+<p>Undo changes to the program</p>
 </div>

+ 3 - 3
manual_pt/menu_bf_executar.html

@@ -1,5 +1,5 @@
-<div class="w3-item"><img src="img/icn_bf_roda.png" title="icone opcao rodar codigo" class="w3-icon"/>
+<div class="w3-item"><img src="img/icn_bf_roda.png" title="icone option to run code" class="w3-icon"/>
 
-<h3> Executar</h3>
-<p> Executa as instruções definidas no programa</p>
+<h3> Run</h3>
+<p> Performs the instructions defined in the program</p>
 </div>

+ 4 - 4
manual_pt/menu_bf_exportar.html

@@ -1,6 +1,6 @@
-<div class="w3-item"><img src="img/icn_bf_carregar.png" title="icone opcao carregar codigo" class="w3-icon"/>
+<div class="w3-item"><img src="img/icn_bf_carregar.png" title="icone option load code" class="w3-icon"/>
 
-<h3>Exportar</h3>
-<p>Gerar um texto com o conteúdo do código atual
-(permite gravar esse em arquivo para posterior recuperação via <i>carregar</i>). </p>
+<h3>Export</h3>
+<p>Generate a text with the content of the current code
+(allows you to write this code to the file for later retrieval via <i>load</i>). </p>
 </div>

+ 3 - 3
manual_pt/menu_bf_gravar.html

@@ -1,5 +1,5 @@
-<div class="w3-item"><img src="img/icn_bf_descarregar.png" title="icone opcao descarregar codigo" class="w3-icon"/>
+<div class="w3-item"><img src="img/icn_bf_descarregar.png" title="icone option download code" class="w3-icon"/>
 
-<h3> Gravar</h3>
-<p> As alteraçãoes realizadas serão registradas (gravadas) no seu ambiente <i>on line</i></p>
+<h3>Save</h3>
+<p>The changes made will be recorded (recorded) in your <i>online environment</i></p>
 </div>

+ 3 - 3
manual_pt/menu_bf_importar.html

@@ -1,5 +1,5 @@
-<div class="w3-item"><img src="img/icn_bf_carregar.png" title="icone opcao carregar codigo" class="w3-icon"/>
+<div class="w3-item"><img src="img/icn_bf_carregar.png" title="icone option load code" class="w3-icon"/>
 
-<h3>Importar</h3>
-<p>Utilizado para importar código <i>iVProgH</i> para o ambiente de edição.</p>
+<h3>Import</h3>
+<p>Used to import <i>iVProgH</i> code into the editing environment.</p>
 </div>

+ 2 - 2
manual_pt/menu_bf_novo.html

@@ -1,5 +1,5 @@
 <div class="w3-item">
 
-<h3> Criar novo programa</h3>
-<p> Você irá criar um novo programa em branco</p>
+<h3>Create new program</h3>
+<p>You will create a new blank program</p>
 </div>

+ 2 - 3
manual_pt/menu_bf_refazer.html

@@ -1,6 +1,5 @@
 <div class="w3-item"><img src="img/icn_bf_refaz.png" title="icone opcao refazer operacao" class="w3-icon"/>
 
-<h3>Refazer</h3>
-
-<p>Refaz a última ação, voltando o código do programa para o estado anterior ao último <i>desfaz</i>.</p>
+<h3>Redo</h3>
+<p>Redo the last action, returning the program code to the state prior to the last <i>undo</i>.</p>
 </div>

+ 3 - 3
manual_pt/menu_cmd_atribuicao.html

@@ -1,8 +1,8 @@
-<div class="w3-item"><!-- img src="img/icn_.png" title="icone opcao avaliar codigo" class="w3-icon"/ -->
+<div class="w3-item"><!-- img src="img/icn_.png" title="icon option evaluate code" class="w3-icon"/ -->
 
-<h3>Atribuição</h3>
+<h3>Assignment</h3>
 
 <p>
-Comando utilizado para atribuir valor a uma variável podendo ser os valores de uma variável, valor pré-definido ou retornado por uma função.
+Command used to assign value to a variable, which can be the values ​​of a variable, value pre-defined or returned by a function.
 </p>
 

+ 7 - 7
manual_pt/menu_cmd_caso.html

@@ -1,14 +1,14 @@
-<div class="w3-item"><!-- img src="img/icn_?.png" title="icone comando codigo" class="w3-icon"/ -->
+<div class="w3-item"><!-- img src="img/icn_?.png" title="icon command code" class="w3-icon"/ -->
  
-  <h3>Caso</h3>
+  <h3>Case</h3>
   
   <p>
-  Esse comando contextual é utilizado para definir os casos que devem ser analisados pelo programa dentro de uma 
-  estrutura de <a onclick="carregar('menu_cmd_escolha.html')" href="#">múltipla escolha</a>. Note que
-  sem um comando <a onclick="carregar('menu_cmd_pare.html')" href="#">pare</a> a execução ocorre em cascata a partir
-  do primeiro caso verdadeiro. No exemplo abaixo, ambas as mensagens são exibidas.
+  This contextual command is used to define the cases that must be analyzed by the program within a
+  structure of <a onclick="carregar('menu_cmd_escolha.html')" href="#">multiple choice</a>. note that
+  without a command <a onclick="carregar('menu_cmd_pare.html')" href="#">break</a> execution takes place cascading from
+  of the first true case. In the example below, both messages are displayed.
   </p>
-  <div class="img-div"><img src="img/ex_case_cmd.png" title="Exemplo de uso do comando caso">
+  <div class="img-div"><img src="img/ex_case_cmd.png" title="Example use case command">
   <span class="img-label">Exemplo de uso</span>
   </div>
 </div>

+ 3 - 3
manual_pt/menu_cmd_chamada-funcao.html

@@ -1,8 +1,8 @@
-<div class="w3-item"><img src="img/icn_cmd_function_call.png" title="icone opcao chamar uma funcao" class="w3-icon icon_32x32"/>
+<div class="w3-item"><img src="img/icn_cmd_function_call.png" title="icon function call" class="w3-icon icon_32x32"/>
 
-<h3>Chamada de Função</h3>
+<h3>Function Call</h3>
 
 <p>
-Comando utilizado para chamar função, definida pelo usuário ou já existente, dentro de outra função.
+Command used to call function, user defined or already existing, within another function.
 </p>
 </div>

+ 23 - 23
manual_pt/menu_cmd_comandos.html

@@ -1,45 +1,45 @@
-<div class="w3-item"><img src="img/icn_cmd.png" title="icone opcao " class="w3-icon icon_32x32"/></div>
+<div class="w3-item"><img src="img/icn_cmd.png" title="icon option " class="w3-icon icon_32x32"/></div>
 
-<h3>Comandos</h3>
+<h3>Commands</h3>
 <p> 
-Os comandos são utilizados para criar a estrutura lógica de um programa.
-No <i>iVProg</i> você poderá adicionar os seguintes comandos:</p>
+Commands are used to create the logical structure of a program.
+In <i>iVProg</i> you can add the following commands:</p>
 <ul>
-  <li> <b>Comandos principais</b>
+  <li> <b>Main Commands</b>
     <ul>
-      <li>entrada de dados (leitura);</li>
-      <li>saídas de dados (impressão);</li>
-      <li>inserção de comentário;</li>
-      <li>atribuição (definir valor para alguma variável);</li>
-      <li>chamar função (usada para gerar um valor);</li>
-      <li>comando de seleção;</li>
-      <li>comando de repetição fixo (laço do tipo <i>para</i>);</li>
-      <li>comando de repetição com condição de entrada (laço do tipo <i>repita enquanto</i>);</li>
-      <li>comando de repetição com condição de saída (laço do tipo <i>repita até que</i>);</li>
-      <li>comando de seleção dentre várias opções;</li>
-      <li>comando de devolução (usado em funções).</li>
+	  <li> data input (read);</li>
+      <li> data output (print);</li>
+      <li> comment insertion;</li>
+      <li> assignment (set value for some variable);</li>
+      <li> call function (used to generate a value);</li>
+      <li> selection command;</li>
+      <li> fixed loop command (type <i>loop for</i>);</li>
+      <li> repeat command with input condition (loop of type <i>repeat while</i>);</li>
+      <li> repeat command with output condition (type <i>loop repeat until</i>);</li>
+      <li> selection command from several options;</li>
+      <li> return command (used in functions).</li>
     </ul>
   </li>
 </ul>
 <div class="img-div">
   <img src="img/btn_cmd.png"/>
-  <span class="img-label">Comandos Principais</span>
+  <span class="img-label">Main Commands</span>
 </div>
 <ul>
-  <li> <b>Comandos contextuais</b>
+  <li> <b>Contextual Commands</b>
     <ul>
-      <li>Pare</li>
-      <li>caso</li>
+      <li>break</li>
+      <li>case</li>
       <!--li>caso contrário</li -->
     </ul>
   </li>
 </ul>
 <p>
-  Note que os comandos contextuais estão disponíveis apenas nos comandos com suporte e são acessados através do ícone
-  <img src="img/icn_subcmd.png" title="icone opcao " class="w3-icon icon_32x32" style="display:inline-block"/>
+  Note that context commands are only available on supported commands and are accessed through the icon
+  <img src="img/icn_subcmd.png" title="icon option " class="w3-icon icon_32x32" style="display:inline-block"/>
 </p> 
 
 <div class="img-div">
   <img src="img/btn_subcmd.png"/>
-  <span class="img-label">Comandos contextuais</span>
+  <span class="img-label">Contextual Commands</span>
 </div>

+ 3 - 3
manual_pt/menu_cmd_comentario.html

@@ -1,8 +1,8 @@
-<div class="w3-item"><!-- img src="img/icn_?.png" title="icone opcao para inserir comentario em codigo" class="w3-icon"/ -->
+<div class="w3-item"><!-- img src="img/icn_?.png" title="icon option to insert comment in code" class="w3-icon"/ -->
 
-<h3> Comentários</h3>
+<h3> Comments</h3>
 
 <p>
-Esse comando é utilizado para incluir alguns comentários úteis na sua estrutura lógica. Os comentários não fazem parte da estrutura lógica, sevindo apenas como lembretes ou documentação.
+This command is used to include some useful comments in its logical structure. Comments are not part of the logical structure, merely as reminders or documentation.
 </p>
 

+ 3 - 3
manual_pt/menu_cmd_enquanto.html

@@ -1,7 +1,7 @@
-<div class="w3-item"><!-- img src="img/icn_?.png" title="icone comando codigo" class="w3-icon"/ -->
+<div class="w3-item"><!-- img src="img/icn_?.png" title="icon command code" class="w3-icon"/ -->
 
-<h3>Comando Enquanto verdadeiro</h3>
+<h3>While True Command</h3>
 <p>
-Comando lógico que permite executar um conjunto de comandos <b>enquanto</b> uma condição pré-definida for verdadeira.
+A logical command that allows you to execute a set of <b>commands while</b> a predefined condition is true.
 </p>
 

+ 7 - 7
manual_pt/menu_cmd_escolha.html

@@ -1,13 +1,13 @@
-<div class="w3-item"><!-- img src="img/icn_?.png" title="icone comando codigo" class="w3-icon"/ -->
+<div class="w3-item"><!-- img src="img/icn_?.png" title="icon command code" class="w3-icon"/ -->
  
-<h3>Comando multipla escolha</h3>
+<h3>Multiple Choice Command</h3>
 
 <p>
-O comando <b>escolha</b>,tem várias estruturas de decisão aninhadas.
-Ela permite ir diretamente para um bloco de comandos, dependendo do valor de uma variável de verificação. Para
-mais informações veja os comandos <a onclick="carregar('menu_cmd_pare.html')" href="#">pare</a> e <a onclick="carregar('menu_cmd_caso.html')" href="#">caso</a>
+The <b>switch</ b> command has several nested decision structures.
+It allows you to go directly to a block of commands, depending on the value of a check variable. For
+more information see commands <a onclick="carregar('menu_cmd_pare.html')" href="#">break</a> and <a onclick="carregar('menu_cmd_caso.html')" href="#">case</a>
 </p>
-<div class="img-div"><img src="img/ex_case_cmd.png" title="Exemplo de uso do comando escolha">
-  <span class="img-label">Exemplo de uso</span>
+<div class="img-div"><img src="img/ex_case_cmd.png" title="EExample of use">
+  <span class="img-label">Example of use</span>
   </div>
 </div>

+ 3 - 3
manual_pt/menu_cmd_escrever.html

@@ -1,7 +1,7 @@
-<div class="w3-item"><!-- img src="img/icn_?.png" title="icone comando codigo" class="w3-icon"/ -->
+<div class="w3-item"><!-- img src="img/icn_?.png" title="icon command code" class="w3-icon"/ -->
  
-<h3>Escrita de Dados</h3>
+<h3>Data output</h3>
 <p>
-Esse comando é utilizado para mostrar uma informação no console. Podem ser "escritos" os valores de uma variável, valor pré-definido ou retornado por uma função.
+This command is used to display information on the console. The values of a variable, a predefined value, or returned by a function can be "written".
 </p>
 </div>

+ 3 - 3
manual_pt/menu_cmd_faca.html

@@ -1,8 +1,8 @@
-<div class="w3-item"><!-- img src="img/icn_?.png" title="icone comando codigo" class="w3-icon"/ -->
+<div class="w3-item"><!-- img src="img/icn_?.png" title="icon command code" class="w3-icon"/ -->
 
-<h3>Comando Faça Enquanto verdadeiro</h3>
+<h3>Do while true</h3>
 
 <p>
-Comando lógico que permite executar um conjunto de comandos <b>enquanto</b> uma condição, pré-definida no inicio do comando, for verdadeira.
+A logical command that allows you to execute a set of commands <b>while</b> a condition, pre-defined at the beginning of the command, is true.
 </p>
 </div>

+ 4 - 4
manual_pt/menu_cmd_leitura.html

@@ -1,9 +1,9 @@
-<div class="w3-item"><!-- img src="img/icn_?.png" title="icone comando codigo" class="w3-icon"/ -->
+<div class="w3-item"><!-- img src="img/icn_?.png" title="icon" class="w3-icon"/ -->
 
-<h3> Leitura de Dados</h3>
+<h3> Data Input</h3>
 
 <p>
-Esse comando é utilizado para receber uma entrada a ser digitada pelo usuário.
-Pode ser um número (inteiro ou flutuante) ou cadeia de caracteres.
+This command is used to receive an entry to be entered by the user.
+It can be a number (integer or floating) or string.
 </p>
 </div>

+ 10 - 10
manual_pt/menu_cmd_pare.html

@@ -1,16 +1,16 @@
-<div class="w3-item"><!-- img src="img/icn_?.png" title="icone comando codigo" class="w3-icon"/ -->
+<div class="w3-item"><!-- img src="img/icn_?.png" title="icon Stop command" class="w3-icon"/ -->
  
-  <h3>Pare</h3>
+  <h3>Stop</h3>
   
   <p>
-  Esse comando contextual é utilizado para interromper a execução de estruturas de repetição 
-  (<a onclick="carregar('menu_cmd_repita.html')" href="#">repita N vezes</a>,
-  <a onclick="carregar('menu_cmd_enquanto.html')" href="#">enquanto verdadeiro</a>,
-  <a onclick="carregar('menu_cmd_faca.html')" href="#">faça enquanto</a>) 
-  e de <a onclick="carregar('menu_cmd_escolha.html')" href="#">múltipla escolha</a>.
-  Ele pode ser usado apenas nesses contextos, qualquer outra utilização é inválida.
+  This context command is used to stop execution of repeat structures 
+  (<a onclick="carregar('menu_cmd_repita.html')" href="#">repeat N times</a>,
+  <a onclick="carregar('menu_cmd_enquanto.html')" href="#">while true</a>,
+  <a onclick="carregar('menu_cmd_faca.html')" href="#">do while</a>) 
+  and <a onclick="carregar('menu_cmd_escolha.html')" href="#">multiple choice</a>.
+  It can only be used in these contexts, any other use is invalid.
   </p>
-  <div class="img-div"><img src="img/ex_pare_cmd.png" title="Exemplo de uso do comando pare">
-  <span class="img-label">Exemplo de uso</span>
+  <div class="img-div"><img src="img/ex_pare_cmd.png" title="Example of using the stop command">
+  <span class="img-label">Example of use</span>
   </div>
 </div>

+ 5 - 6
manual_pt/menu_cmd_repita.html

@@ -1,12 +1,11 @@
-<div class="w3-item"><!-- img src="img/icn_?.png" title="icone comando codigo" class="w3-icon"/ -->
+<div class="w3-item"><!-- img src="img/icn_?.png" title="iconrepeat N times" class="w3-icon"/ -->
 
-<h3>Comando repita N vezes</h3>
+<h3>Command repeat N times</h3>
 
 <p>
-Esse comando permite executar um conjunto de comandos um número fixo de vezes, dado pelo indicador <i>N</i>.
-O <i>N</i> pode ser uma constante inteira ou uma variável inteira.
+This command lets you execute a set of commands a fixed number of times, given by the <i>N</i> flag.
+The <i>N</i> can be an integer constant or an integer variable.
 <br/>
-Esse comando é conhecido como comando de repetição tipo <i>para</i>
-(ou <i>for</i> em linguagens de programação tradicionais).
+This command is known as the <i>for</i> in traditional programming languages.
 </p>
 </div>

+ 5 - 5
manual_pt/menu_cmd_retorno.html

@@ -1,11 +1,11 @@
-<div class="w3-item"><!-- img src="img/icn_?.png" title="icone comando codigo" class="w3-icon"/ -->
+<div class="w3-item"><!-- img src="img/icn_?.png" title="icon return" class="w3-icon"/ -->
  
-<h3>Retorno</h3>
+<h3>Return</h3>
 
 <p>
-Esse comando é utilizado para indicar um valor a ser <b>devolvido</b> por uma função.
-O tipo do dado a ser devolvido <b>tem</b> se compatível com o tipo declarado da função,
-por exemplo, uma função declarada do "tipo inteiro" tem que devolver um valor inteiro.
+This command is used to indicate a value to be <b>returned</b> by a function.
+The type of data to be returned <b>must be</b> compatible with the declared type of the function,
+for example, a declared "integer type" function must return an integer value.
 </p>
 
 </div>

+ 9 - 9
manual_pt/menu_cmd_se.html

@@ -1,16 +1,16 @@
-<div class="w3-item"><!-- img src="img/icn_?.png" title="icone comando codigo" class="w3-icon"/ -->
+<div class="w3-item"><!-- img src="img/icn_?.png" title="icon if true then" class="w3-icon"/ -->
 
-<h3>Comando Se Verdadeiro Então</h3>
+<h3>Command If True Then</h3>
 
 <p>
-Usando uma <i>expressão lógica</i>, esse comando permite selecionar a execução de um conjunto de comandos (pode ser apenas um)
-de acordo com o resultado lógico da expressão <tt>EL</tt>.
-Simbólicamente: <i>Se</i> <tt>EL</tt> resultar verdadeiro, <i>então</i> execute comandos.
+Using a <i>Logical Expression (LE) </i>, this command lets you select the execution of a set of commands (it can be just one)
+according to the logical result of the expression <tt>LE</tt>.
+Symbolically: <i>If</i> <tt>LE</tt> to be true, <i>then</i> execute commands.
 <br/>
-Opcionalmente pode-se utilizar um complemento do tipo <i>senão</i>, ou seja, se a
-expressão lógica resultar falso, um segundo conjunto de comandos será executado.
-Simbólicamente:
-<i>Se</i> <tt>EL</tt> resultar verdadeiro, <i>então</i> execute comandos_verdeiros, <i>senão</i> execute comandos_falso.
+Optionally, a <i>else</i> can be used, that is, if the
+logical expression results false, a second set of commands will be executed.
+Symbolically:
+<i>IF</i> <tt>LE</tt> to be true, <i>then</i> execute true_commands, <i>else</i> execute false_commands.
 </p>
 
 </div>

+ 9 - 9
manual_pt/menu_fc_funcao.html

@@ -1,18 +1,18 @@
-<div class="w3-item"><!-- img src="img/icn_?.png" title="icone comando codigo" class="w3-icon"/ -->
+<div class="w3-item"><!-- img src="img/icn_?.png" title="icone code command " class="w3-icon"/ -->
  
-<h3>Função</h3>
+<h3>Function</h3>
 
 <p>
-Uma função é utilizada para modularizar um programa. Desta forma, podemos dividir um programa em várias partes. Cada função realiza uma tarefa definida na sua estrutura.
+A function is used to modularize a program. In this way, we can divide a program into several parts. Each function performs a defined task in its structure.
 </p>
 
-<div class="main-img-div"> <img src="img/funcao.png" title="estrutura da função"></div>
+<div class="main-img-div"> <img src="img/funcao.png" title="function structure"></div>
 <ol>
-  <li> <b>Tipo da função:</b> define o tipo de retorno da função</li>
-  <li> <b>Nome da função:</b> define o nome da função</li>
-  <li> <b>Adicionar parâmetro:</b> adiciona um novo parâmetro à função</li>
-  <li> <b>Tipo do parâmetro:</b> define o tipo do parâmetro</li>
-  <li> <b>Nome do parâmetro:</b> define o nome do parâmetro</li>
+  <li> <b>Function type:</b> defines the return type of the function</li>
+  <li> <b>Function name:</b> sets the function name.</li>
+  <li> <b>Add parameter:</b> adds a new parameter to the function</li>
+  <li> <b>Parameter type:</b> sets the name of the parameter.</li>
+  <li> <b>Parameter name:</b> defines the parameter name</li>
 </ol>
 </div>
 

+ 6 - 6
manual_pt/menu_fp_textual.html

@@ -1,15 +1,15 @@
-<div class="w3-item"><img src="img/icn_fp_textual.png" title="icone modo de programacao" class="w3-icon" />
+<div class="w3-item"><img src="img/icn_fp_textual.png" title="programming mode icon" class="w3-icon" />
 
-<h3>Ambiente textual</h3>
+<h3>Textual environment</h3>
 
 <p>
-Construir algoritmos utilizando a interface para digitar o código (na forma de texto), utilizando a sintaxe <i>Portugol</i>.
+Construct algorithms using the interface to enter the code (in the form of text), using the syntax <i>Portugol</i>.
 <br/>
 <center>
-<img src="img/menu_pf_textual_1.png" title="Imagem de codigo Portugol para selecionar o maior" />
+<img src="img/menu_pf_textual_1.png" title="Image of Portuguese code to select the largest" />
 <br/>
-<i>Imagem do iVProg usando a interface textual, para selecionar o maior inteiro dentre 2 valores inteiros
-   a serem digitados pelo usuário.</i>
+<i>Image of iVProg using the textual interface, to select the largest integer from 2 integer values
+   to be entered by the user.</i>
 </center>
 </p>
 </div>

+ 5 - 5
manual_pt/menu_fp_visual.html

@@ -1,15 +1,15 @@
-<div class="w3-item"><img src="img/icn_fp_visual.png" title="icone modo de programacao" class="w3-icon"/>
+<div class="w3-item"><img src="img/icn_fp_visual.png" title="program mode icon" class="w3-icon"/>
 
 <h3>Visual</h3>
 
 <p>
-Construir algoritmos utilizando o ambiente de programação visual.
+Building algorithms using the visual programming environment.
 <br/>
 <center>
-<img src="img/menu_pf_visual_1.png" title="Imagem de codigo visual para selecionar o maior" />
+<img src="img/menu_pf_visual_1.png" title="Visual code image to select the largest" />
 <br/>
-<i>Imagem do iVProg usando a interface Programação Visual para selecionar o maior inteiro dentre 2 valores inteiros
-   a serem digitados pelo usuário.</i>
+<i>Image of iVProg using the Visual Programming interface to select the largest integer from 2 integer values
+   to be entered by the user.</i>
 </center>
 </p>
 </div>

+ 13 - 13
manual_pt/menu_var_variavel-global.html

@@ -1,27 +1,27 @@
-<div class="w3-item"><img src="img/icn_variaveis.png" title="icone criacao de variavel global" class="w3-icon icon_32x32" />
+<div class="w3-item"><img src="img/icn_variaveis.png" title="icone creation of global variable" class="w3-icon icon_32x32" />
 
-<h3>Variável Global</h3>
+<h3>Global Variable</h3>
 
 <p>
-As <i>variáveis</i> servem para armazenar valores.
-No caso de <i>variável global</i>, é toda <i>variável</i> criada na área externa do programa principal (vide imagem).
-Esse tipo de variável é <b>reconhecida</b> em qualquer ponto de seu código, ou seja, 
-dentro de um função qualquer, pode-se usar essa variável <i>desde que <b>não</b> não exista uma variável local com o mesmo nome</i>!
+The <i>variables</i> are used to store values.
+In the case of <i>global variable< i>, it is the whole <i>variable</i> created in the external area of the main program (see image).
+This type of variable is <b>recognized</b> at any point in your code, that is, 
+within any function, you can use this <i>variable as long as<b> no </b>there is no local variable of the same name</i>!
 <bf/>
-Recomenda-se que <b>evite usar esse tipo de variável</b>, pois elas podem gerar confusão no código.
+It is recommended that <b>avoid using this type of variable </b>, as this can lead to confusion in the code.
 <bf/>
 <center>
-  <div style="width: 500px;margin-top:5px"> <img src="img/var_global.png" title="imagem interface ciando variavel global"></div>
+  <div style="width: 500px;margin-top:5px"> <img src="img/var_global.png" title="image global variable interface"></div>
 </center>
 </p>
 
 <p>
-Ao criar uma variável global, pode-se configurar as seguintes características:
+When you create a global variable, you can configure the following characteristics:
 <ol>
-<li><b>Const:</b> embora tenha o nome de variável, quando definimos uma variável como sendo constante, ela <b>não</b> poderá ter seu valor inicial alterado;</li>
-<li><b>Tipo:</b>  define o tipo de informação que será armazenada na variável (tipos simples: inteiro, real, cadeia ou lógico; vetor: de qualquer tipo simples)</li>
-<li><b>Nome:</b>  define o nome da variável, utilizado para acioná-la de qualquer parte do programa;</li>
-<li><b>valor:</b> define um valor para ser armazenado na variável.</li>
+<li><b>Const:</b> although it has the variable name, when we define a variable to be constant, it <b>can not</b> have its initial value changed;</li>
+<li><b>Type:</b>  defines the type of information that will be stored in the variable (simple types: integer, real, string or logical, vector: any simple type);</li>
+<li><b>Name:</b>  defines the name of the variable, used to trigger it from any part of the program;</li>
+<li><b>Value:</b> defines a value to be stored in the variable.</li>
 </ol>
 </p>
 

+ 9 - 9
manual_pt/menu_var_variavel-local.html

@@ -1,22 +1,22 @@
-<div class="w3-item"><img src="img/icn_variaveis.png" title="icone criacao de variavel local" class="w3-icon icon_32x32" />
+<div class="w3-item"><img src="img/icn_variaveis.png" title="icone creation of local variable" class="w3-icon icon_32x32" />
 
-<h3>Variável Local</h3>
+<h3>Local Variable</h3>
 
 <p>
-As <i>variáveis</i> servem para armazenar valores.
-No caso de <i>variável local</i>, é toda <i>variável</i> criada dentro de determinada função.
-Nesse caso, ela será <b>conhecida</b> apenas dentro dessa função.
+The <i>variables </i> are used to store values.
+In the case of <i>local variable</i>, it is all <i>variable </i> created within a given function.
+In this case, it will be <b>known</b> only within that function.
 <bf/>
-Recomenda-se que <b>utilize apenas esse tipo de variável</b>, evitando-se as <i>globais</i>, pois essas última podem gerar confusão no código.
+It is recommended that <b>use only this type of</b> variable, avoiding <i>global variables<i>, because the latter can lead to confusion in the code.
 <br/>
 <center>
 <img src="img/var_local.png">
 </center>
 
 <ol>
-<li><b>Tipo:</b> define o tipo de informação que será armazenada (inteiro, real, cadeia, lógico e vetor)</li>
-<li><b>Nome:</b> define o nome da variável, utilizado para acioná-la de qualquer parte do programa</li>
-<li><b>valor:</b> define um valor para ser armazenado na variável</li>
+<li><b>Type:</b>  defines the type of information to be stored (integer, float, string, logical and array)</li>
+<li><b>Name:</b>  defines the name of the variable, used to trigger it from any part of the program</li>
+<li><b>Value:</b> sets a value to be stored in the variable</li>
 </ol>
 
 </p>

+ 10 - 10
publicacoes.html

@@ -22,35 +22,35 @@
           </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>
+               title="Conheça resumidamente o que é e para que serve o iVProgH.">About</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>
+               title="See some examples and test iVProgH online.">Examples</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>
+               title="Download a copy of iVProgH for your computer.">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>
+               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="Envie uma mensagem para a equipe do iVProgH.">Contato</a>
+               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="Conheça o Laboratório de Informática na Educação do Instituto de Matemática e Estatística da USP.">LInE</a>
+               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="Tenha acesso a toda a documentação do iVProgH.">Desenvolvedores</a>
+               title="Get access to all iVProgH documentation.">Developers</a>
           </li>
           <li class="nav-item active">
             <a class="nav-link" href="./publicacoes.html"
-               title="Leia as publicações da equipe a respeito do iVProgH.">Publicações</a>
+               title="Read the team publications about iVProgH.">Publications</a>
           </li>
         </ul>
         <div class="form-inline my-2 my-lg-0">
@@ -63,8 +63,8 @@
     <main role="main">
       <div class="jumbotron ivprogh-desc">
         <div class="container">
-          <h1>Publicações</h1>
-          Nessa página, você encontra as publicações a respeito do iVProgH, produzidas pelo grupo de pesquisa do Laboratório de Informática na Educação do Instituto de Matemática e Estatística da USP.
+          <h1>Publications</h1>
+          On this page, you can find the publications about iVProgH, produced by the research group of the Laboratory of Informatics in Education of the Institute of Mathematics and Statistics of USP.
         </div>
       </div>
       <div class="container ivprog-container">

ファイルの差分が大きいため隠しています
+ 21 - 32
sobre_ivprog.html