Ayuda. Primer paso para #18

omegaup · Oct 5, 2013 · 88af7d5 · 88af7d5
1 parent 5e49847
commit 88af7d5
Show file tree

Hide file tree

Showing 62 changed files with 4,263 additions and 2 deletions.
diff --git a/ayuda.html b/ayuda.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="es">
+  <head>
+    <meta charset="utf-8">
+    <title>Ayuda de Karel.js</title>
+    <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
+    <link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.css">
+  </head>
+	<body>
+		<h1>Ayuda de Karel.js</h1>
+		<p>Karel.js es un port de <a href="http://www.cimat.mx/~amor/Omi/Utilerias/KarelOMI.zip">KarelOMI</a> a JavaScript, y que facilita la exportación del mundo y la salida esperada a omegaUp.</p>
+		<p>Para editar el mundo, haz click en él. Click en alguna intersección agrega un zumbador, Ctrl+Click elimina uno. Shift-Click marca la casilla para que sea incluida en la salida. Puedes mover a Karel (así como cambiarlo de dirección) usando click derecho.</p>
+		<p>Una vez que hayas empezado a ejecutar un programa de Karel, tanto el mundo como el editor se volverán de solo-lectura hasta que hagas click en el botón para regresar al mundo a su estado original (<button class="btn" data-toggle="tooltip" title="Regresar el mundo a su estado original" id="worldclean"><i class="icon-repeat"></i></button>).</p>
+		<p>Puedes importar un mundo (archivo .mdo) y sus condiciones de ejecución (archivo .kec) usando el comando Mundo &gt; Importar MDO/KEC.</p>
+		<ul>
+			<li><a href="manual/Karel.html">Tutorial de Karel - Pascal</a></li>
+			<li><a href="manual/KarelJava.html">Tutorial de Karel - Java</a></li>
+			<li><a href="manual/KarelSyntax_es.html">Gramática de Karel - Pascal</a></li>
+			<li><a href="manual/JarelSyntax.html">Gramática de Karel - Java</a></li>
+		</ul>
+  </body>
+</html>
diff --git a/index.html b/index.html
@@ -2,7 +2,7 @@
 <html lang="es">
   <head>
     <meta charset="utf-8">
-    <title>Karelécatl</title>
+    <title>Karel.js</title>
     <script src="js/ace/ace.js" type="text/javascript" charset="utf-8"></script>
     <script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
     <script src="js/jquery.hammer.js" type="text/javascript" charset="utf-8"></script>
@@ -49,6 +49,7 @@
           <a class="brand" href="#">Karel</a>
           <div class="nav-collapse collapse">
             <ul class="nav">
+              <!-- Ocultando hasta que haya implementación
               <li class="dropdown">
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">Código <b class="caret"></b></a>
                 <ul class="dropdown-menu">
@@ -69,19 +70,22 @@
                   <li><a><i class="icon-wrench"></i> Preferencias</a></li>
                 </ul>
               </li>
+              -->
               <li class="dropdown">
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">Mundo <b class="caret"></b></a>
                 <ul class="dropdown-menu">
+                  <!--
                   <li><a><i class="icon-star"></i> Nuevo</a></li>
                   <li><a><i class="icon-folder-open"></i> Abrir</a></li>
+                  -->
                   <li><a href="#importar_modal" data-toggle="modal"><i class="icon-folder-open"></i> Importar MDO/KEC</a></li>
                   <li><a href="#guardar_modal" data-toggle="modal" id="save_out"><i class="icon-download-alt"></i> Guardar .out</a></li>
                 </ul>
               </li>
               <li class="dropdown">
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">Ayuda <b class="caret"></b></a>
                 <ul class="dropdown-menu">
-                  <li><a><i class="icon-book"></i> Manual y trucos</a></li>
+                  <li><a href="ayuda.html" target="_blank"><i class="icon-book"></i> Manual y trucos</a></li>
                   <li class="divider"></li>
                   <li><a href="#acerca_de_modal" data-toggle="modal"><i class="icon-question-sign"></i> Acerca de</a></li>
                 </ul>

diff --git a/manual/JarelSyntax.html b/manual/JarelSyntax.html
diff --git a/manual/Karel.html b/manual/Karel.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <title>Tutorial de Karel</title>
+
+</head>
+<body
+ style="background-image: url(./workbook.gif);">
+<h2>
+<center><img src="KarelTitle.gif" title="" alt="" width="205"
+ height="105" /><br />
+</center>
+</h2>
+
+<ol>
+	<li><a href="./karel1.html">Introducci&oacute;n :</a> Por qu&eacute; programamos
+el robot Karel. 	</li>
+  <li><a href="./karel2.html">El mundo de Karel :</a> Como visualizamos y
+configuramos el lugar que ocupa Karel.     </li>
+  <li><a href="./karel3.html">Programando Karel : </a>Como le decimos a Karel
+qu&eacute; cosas debe hacer.     </li>
+  <li><a href="./karel4.html">Comandos b&aacute;sicos de Karel : </a>Las cosas
+que Karel es capaz de hacer incluso sin pensar.     </li>
+  <li><a href="./karel5.html">Sentencias de Control de Karel :</a> Las sentencias
+de control se usan para seleccionar que &oacute;rdenes se deben ejecutar.
+  </li>
+  <li><a href="./karel6.html">La sentencia  si/entonces : </a>A veces, Karel
+siente la necesidad de realizar algo s&oacute;lo en ciertas condiciones.
+  </li>
+  <li><a href="./karel7.html">Condiciones que puede detectar Karel :</a>Una
+condici&oacute;n es una funci&oacute;n de la situaci&oacute;n actual de Karel,
+tal como &eacute;l ejecuta las &oacute;rdenes.     </li>
+  <li><a href="./karel8.html">La sentencia   repetir/veces :</a> Es &uacute;til
+cuando se sabe exactamente cuantas veces se debe de realizar una cosa.   
+ </li>
+  <li><a href="./karel9.html">La sentencia  si/entonces/sino : </a>Karel puede
+darse cuenta que necesita realizar una cosa u otra.     </li>
+  <li><a href="./karel10.html">La sentencia  mientras/hacer:</a> Extremadamente
+valiosa cuando no se sabe de antemano exactamente cuantas veces se necesita
+realizar una tarea.      </li>
+  <li><a href="./karel11.html">La sentencia define-nueva-instruccion/como:</a> Usando la taquigraf&iacute;a de Karel para tareas que se realizan a menudo.</li>
+  <li><a href="karel12.html">Parametros en instrucciones:</a> Usando variables. </li>
+  <li><a href="karel13.html">Las funciones sucede y precede:</a> Incrementando y decrementando variables.</li>
+  <li><a href="karel14.html">La funci&oacute;n si-es-cero: </a>&iquest;Es mi variable cero?</li>
+  <li><a href="karel15.html">Recursividad:</a> &iquest;Necesitas contar? &iexcl;Usa recursividad! </li>
+</ol>
+
+<h2>
+<center>
+  <p>&nbsp;</p>
+  <p>El &nbsp;  Robot  &nbsp; Karel </p>
+</center>
+</h2>
+</body>
+</html>
diff --git a/manual/KarelJAVA.html b/manual/KarelJAVA.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <title>Tutorial de Karel</title>
+
+</head>
+<body
+ style="background-image: url(./workbook.gif);">
+<h2>
+<center><img src="KarelTitle.gif" alt="" width="205"
+ height="105" /><br />
+</center>
+</h2>
+
+<ol>
+	<li><a href="./karel1JAVA.html">Introducci&oacute;n :</a> Por qu&eacute; programamos
+el robot Karel. 	</li>
+  <li><a href="./karel2JAVA.html">El mundo de Karel :</a> Como visualizamos y
+configuramos el lugar que ocupa Karel.     </li>
+  <li><a href="./karel3JAVA.html">Programando Karel : </a>Como le decimos a Karel
+qu&eacute; cosas debe hacer.     </li>
+  <li><a href="./karel4JAVA.html">Comandos b&aacute;sicos de Karel : </a>Las cosas
+que Karel es capaz de hacer incluso sin pensar.     </li>
+  <li><a href="./karel5JAVA.html">Sentencias de Control de Karel :</a> Las sentencias
+de control se usan para seleccionar que &oacute;rdenes se deben ejecutar.
+  </li>
+  <li><a href="./karel6JAVA.html">La sentencia  if : </a>A veces, Karel
+siente la necesidad de realizar algo s&oacute;lo en ciertas condiciones.
+  </li>
+  <li><a href="./karel7JAVA.html">Condiciones que puede detectar Karel :</a>Una
+condici&oacute;n es una funci&oacute;n de la situaci&oacute;n actual de Karel,
+tal como &eacute;l ejecuta las &oacute;rdenes.     </li>
+  <li><a href="./karel8JAVA.html">La sentencia   iterate :</a> Es &uacute;til
+cuando se sabe exactamente cuantas veces se debe de realizar una cosa.   
+ </li>
+  <li><a href="./karel9JAVA.html">La sentencia  if/else: </a>Karel puede
+darse cuenta que necesita realizar una cosa u otra.     </li>
+  <li><a href="./karel10JAVA.html">La sentencia  while:</a> Extremadamente
+valiosa cuando no se sabe de antemano exactamente cuantas veces se necesita
+realizar una tarea.      </li>
+  <li><a href="./karel11JAVA.html">La sentencia void:</a> Usando la taquigraf&iacute;a de Karel para tareas que se realizan a menudo.</li>
+  <li><a href="karel12JAVA.html">Parametros en instrucciones:</a> Usando variables. </li>
+  <li><a href="karel13JAVA.html">Las funciones succ y pred:</a> Incrementando y decrementando variables.</li>
+  <li><a href="karel14JAVA.html">La funci&oacute;n iszero:</a> &iquest;Es mi variable cero? </li>
+  <li><a href="karel15JAVA.html">Recursividad:</a> &iquest;Necesitas contar? &iexcl;Usa recursividad!</li>
+  </ol>
+
+<h2>
+<center>El &nbsp;  Robot  &nbsp;  Karel </center>
+</h2>
+</body>
+</html>