Usuario:ManuelRomero/ProgramacionWeb/INAEM2017/App MasterMind - Historial de revisiones

ManuelRomero en 17:33 16 feb 2017

2017-02-16T17:33:51Z

ManuelRomero: /* RF5.- Mostrar jugadas o regenerar la clave */

2017-02-15T14:32:44Z

‎RF5.- Mostrar jugadas o regenerar la clave

ManuelRomero en 14:31 15 feb 2017

2017-02-15T14:31:41Z

ManuelRomero en 14:27 15 feb 2017

2017-02-15T14:27:54Z

ManuelRomero en 00:10 15 feb 2017

2017-02-15T00:10:54Z

ManuelRomero en 00:04 15 feb 2017

2017-02-15T00:04:15Z

ManuelRomero: /* RF3.- Jugar */

2017-02-14T23:34:09Z

‎RF3.- Jugar

Mostrar los cambios

ManuelRomero en 19:52 14 feb 2017

2017-02-14T19:52:54Z

ManuelRomero: /* RF2 Empezar a jugar */

2017-02-14T19:48:43Z

‎RF2 Empezar a jugar

Mostrar los cambios

ManuelRomero en 19:14 14 feb 2017

2017-02-14T19:14:04Z

@@ Línea 1132: / Línea 1132: @@
 Este fichero recibirá por GET el número de posiciones acertadas y con este valor podremos discernir por qué motivo ha acabado el juego<br />
 También mostraremos todas las jugadas anteriores y el valor de la clave. Para ello vamos a revisar cual es el contendido de los valores que guardamos en la sesión que podemos ver en la siguiente imagen<br />
 [[Archivo:SesionMasterMind.png]]<br />
@@ Línea 1189: / Línea 1211: @@
 </source>
 }}
 {{MRM_Recursos de la Web|Title=App de MisterMind implementación del requisito 3|

@@ Línea 1195: / Línea 1195: @@
 ===RF5.- Mostrar jugadas o regenerar la clave===
-Vamos a añadir dos opciones junto con la de mostrar la clave
+Vamos a añadir dos opciones junto con la de mostrar la clave.<br />
-Será ver las jugadas realizadas y poder volver a generar la clave
+Será ver las jugadas realizadas y poder volver a generar la clave.<br />
-Es importante ver el impacto que esto puede tener sobre nuestra aplicación
+Es importante ver el impacto que esto puede tener sobre nuestra aplicación.<br />
 </div>

@@ Línea 1131: / Línea 1131: @@
 En este caso vamos a gestionar todas las acciones en un fichero '''''finJuego.php'''''<br />
 Este fichero recibirá por GET el número de posiciones acertadas y con este valor podremos discernir por qué motivo ha acabado el juego<br />
-También mostraremos todas las jugadas anteriores y el valor de la clave. Para ello vamos a revisar cual es el contendido de los valores que guardamos en la sesión que podemos ver en la siguiente imagen
+También mostraremos todas las jugadas anteriores y el valor de la clave. Para ello vamos a revisar cual es el contendido de los valores que guardamos en la sesión que podemos ver en la siguiente imagen<br />
-[[Archivo:SesionMasterMing.png]]<br />
 {{Plegable|hide|finJuego.php|
 <source lang=php>

@@ Línea 1128: / Línea 1128: @@
 Esta situación se producirá la realizar 16 jugadas o al acertar los colores y posiciones
-En esta ventana de fin de juego informaremos de la situación (por qué hemos terminado el juego), y tras  5 segundos esta situación y redirigimos automáticamente a la ventana inicial.
+En esta ventana de fin de juego informaremos de la situación (por qué hemos terminado el juego), y tras  5 segundos esta situación y redirigimos automáticamente a la ventana inicial.<br>
 ===RF5.- Mostrar jugadas o regenerar la clave===

@@ Línea 654: / Línea 654: @@
 Ahora nos queda mostrar el resultado de la comparación<br />
 Vamos a incluir en el mensaje un redondel negro por cada color acertado en posición y un redondel blanco por los colores acertados en posiciones erróneas. pondremos un número en cada redondel.<br />
-[[Archivo:MasterMindApp3.png]]
+[[Archivo:MasterMindApp3.png]]<br />
 Además haremos que se muestren todos los resultados anteriores para permitir al usuario  usarlo, aunque no le vamos a mostrar los colores que ha seleccionado de momento.<br />
 Para este cometido vamos a crear dos clases en css para generar los colores y una función que nos retorne todos los colores correspondientes a los aciertos (ver más abajo el css facilitado).
-Iremos también almacenando los resultados para mostrar el histórico, lo haremos en una variable de sesión llamada resultado.
+Iremos también almacenando los resultados para mostrar el histórico, lo haremos en una variable de sesión llamada resultado.<br />
-[[Archivo:SesionResultado.png]]
+Esta variable será un array indexado, donde cada posición será un array de dos posiciones, una indicará en número de posiciones '''podemos ver '''''pos''''' en la imagen''' acertadas (color y posicion), y el otro elemento especificará el número de colores '''podemos ver '''''col''''' en la imagen'''acertados en posición incorrecta<br />
-A continuación el código completando el anterior
+[[Archivo:SesionResultado.png]]<br />
 <source lang=php>
   if (isset($_POST['jugar'])) {
@@ Línea 1123: / Línea 1124: @@
 ===RF4.- Valorar el resultado===
-O bien cuando hayamos acertado las 4 posiciones, o bien hemos realizado 16 jugadas, el juego debe terminar
+Este requisito es bastante sencillo de implementar
-Deberá de mostrar en qué situación hemos terminado
+No implica interactuación con el usuario, por lo que no detallaremos caso de uso, simplemente si al realizar una jugada hemos terminado vamos a ir a otra pantalla que nos especificará el fin del juego
-Después iremos a la ventana inicial
+Esta situación se producirá la realizar 16 jugadas o al acertar los colores y posiciones
-Vamos a hacerlo dejamos 5 segundos esta situación y redirigimos automáticamente a la ventana inicial
 ===RF5.- Mostrar jugadas o regenerar la clave===

@@ Línea 652: / Línea 652: @@
+}
 </source>
-*Ahora nos queda mostrar el resultado de la comparación
+Ahora nos queda mostrar el resultado de la comparación<br />
-Vamos a incluir en el mensaje un redondel negro por cada color acertado en posición y un redondel blanco por los colores acertados en posiciones erróneas. pondemos un número en cada redondel
+Vamos a incluir en el mensaje un redondel negro por cada color acertado en posición y un redondel blanco por los colores acertados en posiciones erróneas. pondremos un número en cada redondel.<br />
-Además haremos que se muestren todos los resultados anteriores para poder que el usuario pueda usarlo aunque no le vamos a mostrar los colores que ha seleccionado de momento
+[[Archivo:MasterMindApp3.png]]
-Para este cometido vamos a crear dos clases en css para generar los colores y una función que nos retorne todos los colores correspondientes a los aciertos.
+Además haremos que se muestren todos los resultados anteriores para permitir al usuario  usarlo, aunque no le vamos a mostrar los colores que ha seleccionado de momento.<br />
-Iremos también almacenando los resultados para mostrar el histórico, lo haremos en una veriable de sesión llamada resultado.
+Para este cometido vamos a crear dos clases en css para generar los colores y una función que nos retorne todos los colores correspondientes a los aciertos (ver más abajo el css facilitado).
-[[Archivo:sesionResultadoMasterMind.png]]
+Iremos también almacenando los resultados para mostrar el histórico, lo haremos en una variable de sesión llamada resultado.
 A continuación el código completando el anterior
 <source lang=php>
@@ Línea 1115: / Línea 1116: @@
 ?>
 </source>}}
-{{MRM_Recursos de la Web|Title|Aplicación MasterMind con el Requisito 4|
+{{MRM_Recursos de la Web|Title=App de MisterMind implementación del requisito 3|
 ;http://manuel.infenlaces.com/MasterMind/MasterMind3/index.php
 }}
 [[Archivo:MarterMindRF3.png]]
@@ Línea 1130: / Línea 1132: @@
 Será ver las jugadas realizadas y poder volver a generar la clave
 Es importante ver el impacto que esto puede tener sobre nuestra aplicación

@@ Línea 242: / Línea 242: @@
 ;Observa que usamos la forma heredoc para asignar cuando hay varias líneas
 ;Observa como cada select (hay 4) tiene un  identificador diferente gracias a la variable $i que se concatena
-;Fíjate que hemos creado una función javascript, para conseguir el efecto de que al seleccionar un color, éste se quede como backgroud del select y tengamos un efecto más visual. '''''onchange = cambia_color($i) '''''
+;Fíjate que hemos creado una función '''''javascript''''', para conseguir el efecto de que al seleccionar un color, éste se quede como backgroud del select y tengamos un efecto más visual. '''''<nowiki>onchange = cambia_color($i)</nowiki> '''''
 <source lang=javascript>
          <script type="text/javascript">
@@ Línea 255: / Línea 255: @@
 }}
 *Las opciones quedarán con colores<br />
-[[Archivo:MasterMindApp22.png]]<br />
+[[Archivo:MasterMindApp22A.png]]<br />
 Observalo en el dibujo como van cambiando de color<br />
-[[Archivo:MasterMindApp221.png]]<br />
+[[Archivo:MasterMindApp221A.png]]<br />
 {{Plegable|hide|Posible Css|