diff options
author | Hugo Ruscitti <hugoruscitti@gmail.com> | 2012-11-06 13:33:43 (GMT) |
---|---|---|
committer | Hugo Ruscitti <hugoruscitti@gmail.com> | 2012-11-06 13:33:43 (GMT) |
commit | 9cc833957307fc49162b0a9a4ba779621537bd2b (patch) | |
tree | 77ee675f83550a2192234613c6917f1939b1aab9 | |
parent | 64231bfba6087dbcb096f67ecb65940fd3261ad8 (diff) |
documentando los tipos de pantalla.
27 files changed, 272 insertions, 1 deletions
diff --git a/doc/source/analisis.rst b/doc/source/analisis.rst index e621e07..a92775f 100644 --- a/doc/source/analisis.rst +++ b/doc/source/analisis.rst @@ -440,7 +440,7 @@ aparece este otro dialogo. Programa M010407decimales_4g.exe -============================= +================================ :Ejecutable: M010407decimales_4g.exe :Titulo: Números decimales diff --git a/doc/source/images/_analisis_tipos_pantalla/1-21.png b/doc/source/images/_analisis_tipos_pantalla/1-21.png Binary files differnew file mode 100644 index 0000000..c075b89 --- /dev/null +++ b/doc/source/images/_analisis_tipos_pantalla/1-21.png diff --git a/doc/source/images/_analisis_tipos_pantalla/1.png b/doc/source/images/_analisis_tipos_pantalla/1.png Binary files differnew file mode 100644 index 0000000..61f8d86 --- /dev/null +++ b/doc/source/images/_analisis_tipos_pantalla/1.png diff --git a/doc/source/images/_analisis_tipos_pantalla/1_2.png b/doc/source/images/_analisis_tipos_pantalla/1_2.png Binary files differnew file mode 100644 index 0000000..4510d26 --- /dev/null +++ b/doc/source/images/_analisis_tipos_pantalla/1_2.png diff --git a/doc/source/images/_analisis_tipos_pantalla/2-14.png b/doc/source/images/_analisis_tipos_pantalla/2-14.png Binary files differnew file mode 100644 index 0000000..22c6a4d --- /dev/null +++ b/doc/source/images/_analisis_tipos_pantalla/2-14.png diff --git a/doc/source/images/_analisis_tipos_pantalla/2-23.png b/doc/source/images/_analisis_tipos_pantalla/2-23.png Binary files differnew file mode 100644 index 0000000..b8bbdd4 --- /dev/null +++ b/doc/source/images/_analisis_tipos_pantalla/2-23.png diff --git a/doc/source/images/_analisis_tipos_pantalla/2.png b/doc/source/images/_analisis_tipos_pantalla/2.png Binary files differnew file mode 100644 index 0000000..a31f9f8 --- /dev/null +++ b/doc/source/images/_analisis_tipos_pantalla/2.png diff --git a/doc/source/images/_analisis_tipos_pantalla/21.png b/doc/source/images/_analisis_tipos_pantalla/21.png Binary files differnew file mode 100644 index 0000000..a4705b7 --- /dev/null +++ b/doc/source/images/_analisis_tipos_pantalla/21.png diff --git a/doc/source/images/_analisis_tipos_pantalla/24.png b/doc/source/images/_analisis_tipos_pantalla/24.png Binary files differnew file mode 100644 index 0000000..ec37ae3 --- /dev/null +++ b/doc/source/images/_analisis_tipos_pantalla/24.png diff --git a/doc/source/images/_analisis_tipos_pantalla/3.png b/doc/source/images/_analisis_tipos_pantalla/3.png Binary files differnew file mode 100644 index 0000000..1d1e1f2 --- /dev/null +++ b/doc/source/images/_analisis_tipos_pantalla/3.png diff --git a/doc/source/images/_analisis_tipos_pantalla/41.png b/doc/source/images/_analisis_tipos_pantalla/41.png Binary files differnew file mode 100644 index 0000000..ba6cf94 --- /dev/null +++ b/doc/source/images/_analisis_tipos_pantalla/41.png diff --git a/doc/source/images/_analisis_tipos_pantalla/8.png b/doc/source/images/_analisis_tipos_pantalla/8.png Binary files differnew file mode 100644 index 0000000..e606862 --- /dev/null +++ b/doc/source/images/_analisis_tipos_pantalla/8.png diff --git a/doc/source/images/_analisis_tipos_pantalla/dos.png b/doc/source/images/_analisis_tipos_pantalla/dos.png Binary files differnew file mode 100644 index 0000000..60d03a8 --- /dev/null +++ b/doc/source/images/_analisis_tipos_pantalla/dos.png diff --git a/doc/source/images/_analisis_tipos_pantalla/ecuacion.png b/doc/source/images/_analisis_tipos_pantalla/ecuacion.png Binary files differnew file mode 100644 index 0000000..03905a1 --- /dev/null +++ b/doc/source/images/_analisis_tipos_pantalla/ecuacion.png diff --git a/doc/source/images/_analisis_tipos_pantalla/final.png b/doc/source/images/_analisis_tipos_pantalla/final.png Binary files differnew file mode 100644 index 0000000..5b99e9e --- /dev/null +++ b/doc/source/images/_analisis_tipos_pantalla/final.png diff --git a/doc/source/images/_analisis_tipos_pantalla/l1_23.png b/doc/source/images/_analisis_tipos_pantalla/l1_23.png Binary files differnew file mode 100644 index 0000000..7132b7a --- /dev/null +++ b/doc/source/images/_analisis_tipos_pantalla/l1_23.png diff --git a/doc/source/images/_analisis_tipos_pantalla/l2_11.png b/doc/source/images/_analisis_tipos_pantalla/l2_11.png Binary files differnew file mode 100644 index 0000000..968ec0d --- /dev/null +++ b/doc/source/images/_analisis_tipos_pantalla/l2_11.png diff --git a/doc/source/images/_analisis_tipos_pantalla/leccion1.png b/doc/source/images/_analisis_tipos_pantalla/leccion1.png Binary files differnew file mode 100644 index 0000000..5dfbe93 --- /dev/null +++ b/doc/source/images/_analisis_tipos_pantalla/leccion1.png diff --git a/doc/source/images/_analisis_tipos_pantalla/leccion12.png b/doc/source/images/_analisis_tipos_pantalla/leccion12.png Binary files differnew file mode 100644 index 0000000..d763163 --- /dev/null +++ b/doc/source/images/_analisis_tipos_pantalla/leccion12.png diff --git a/doc/source/images/_analisis_tipos_pantalla/leccion2_3.png b/doc/source/images/_analisis_tipos_pantalla/leccion2_3.png Binary files differnew file mode 100644 index 0000000..1242034 --- /dev/null +++ b/doc/source/images/_analisis_tipos_pantalla/leccion2_3.png diff --git a/doc/source/images/_analisis_tipos_pantalla/leccion3.png b/doc/source/images/_analisis_tipos_pantalla/leccion3.png Binary files differnew file mode 100644 index 0000000..a81d4d2 --- /dev/null +++ b/doc/source/images/_analisis_tipos_pantalla/leccion3.png diff --git a/doc/source/images/_analisis_tipos_pantalla/linea.png b/doc/source/images/_analisis_tipos_pantalla/linea.png Binary files differnew file mode 100644 index 0000000..af99881 --- /dev/null +++ b/doc/source/images/_analisis_tipos_pantalla/linea.png diff --git a/doc/source/images/_analisis_tipos_pantalla/operaciones.png b/doc/source/images/_analisis_tipos_pantalla/operaciones.png Binary files differnew file mode 100644 index 0000000..8035486 --- /dev/null +++ b/doc/source/images/_analisis_tipos_pantalla/operaciones.png diff --git a/doc/source/images/_analisis_tipos_pantalla/pesado.png b/doc/source/images/_analisis_tipos_pantalla/pesado.png Binary files differnew file mode 100644 index 0000000..d3f5c1e --- /dev/null +++ b/doc/source/images/_analisis_tipos_pantalla/pesado.png diff --git a/doc/source/images/_analisis_tipos_pantalla/uno.png b/doc/source/images/_analisis_tipos_pantalla/uno.png Binary files differnew file mode 100644 index 0000000..59cd008 --- /dev/null +++ b/doc/source/images/_analisis_tipos_pantalla/uno.png diff --git a/doc/source/index.rst b/doc/source/index.rst index 23869c7..1573337 100644 --- a/doc/source/index.rst +++ b/doc/source/index.rst @@ -7,6 +7,7 @@ Contenido: :maxdepth: 2 analisis.rst + tipos_de_pantallas.rst Indices and tables diff --git a/doc/source/tipos_de_pantallas.rst b/doc/source/tipos_de_pantallas.rst new file mode 100644 index 0000000..57cf415 --- /dev/null +++ b/doc/source/tipos_de_pantallas.rst @@ -0,0 +1,270 @@ +================== +Tipos de pantallas +================== + +Para analizar las lecciones elaboramos una lista de los Tipos +de pantallas utilizados dentro de todas las actividades. + +Esta lista sirve para conocer la variedad de actividades, los +componentes que se usan y planificar buscando reutilizar pantallas. + + +Tipo: moneda +------------ + +Es una pantalla que nos permite ver un catálogo de moneda, se usa en dos +actividades distintas. + +.. image:: images/_analisis_tipos_pantalla/1.png + +Tiene: + +- template +- selector de pais +- sub-selector de billete + + + +Tipo: compra +------------ + +Nos muestra un texto, con algunas variables numéricas y nos +pide completar un entry: + +.. image:: images/_analisis_tipos_pantalla/leccion3.png + +Tiene: + +- template +- un entry para completar con un numero + + +Tipo: doble entry +----------------- + +Muy similar al tipo entry, pero tiene dos. Posiblemente se pueda +extender de la anterior. + +.. image:: images/_analisis_tipos_pantalla/uno.png + +Tiene: + +- template +- dos entry (cada uno con el valor esperado) + + +Tipo: Drag a balanza +-------------------- + +Se tiene que arrastrar un objeto sobre otro para poder +contestar una pregunta: + +.. image:: images/_analisis_tipos_pantalla/dos.png + +.. image:: images/_analisis_tipos_pantalla/pesado.png + + +Tiene: + +- un objeto para arrastrar +- un rectángulo en donde colocar el objeto arrastrado. +- un entry para completar + +Tipo: componer numero +--------------------- + +Se utiliza en las actividades Maya (son dos) para componer +un numero que tiene dos partes. Una fila de botones define la +magnitud y otra serie de botones el sufijo de ese numero: + + +.. image:: images/_analisis_tipos_pantalla/l1_23.png + +Tiene: + +- un campo a componer +- una filla de botones para magnitud +- una fila de botones para sufijo + +Tipo: combo + imagenes +---------------------- + +Se usa en las actividades de clasificacion, muestra un combo asociado +a una parte de un dibujo o figura: + + +.. image:: images/_analisis_tipos_pantalla/24.png + +Tiene: + +- n combos con valores esperados +- n imagenes asociadas a los combos + +Tipo: selector en recta +----------------------- + +En las actividades para medir, se utiliza una regla que se puede +arrastrar y soltar para marcar una posición determinada: + +.. image:: images/_analisis_tipos_pantalla/leccion1.png + +Tiene: + +- template +- un objeto para arrastrar y soltar +- una posicion exacta para dejar el objeto arrastrado + + +Tipo: grupo de inputs +--------------------- + +Es una pantalla compuesta con inputs con el valor esperado, pero a diferencia +de otros tiene un visor que indica aciertos y errores sumarizados: + + +.. image:: images/_analisis_tipos_pantalla/1-21.png + +Tiene: + +- template +- varios entry con valores esperados +- un indicador de las respuestas correctas sobre las incorrectas + + +Tipo: ecuacion +-------------- + +Es un grupo de entries con valores esperados, pero dispuestos en una tabla, como +una forma de representar una ecuación: + + +.. image:: images/_analisis_tipos_pantalla/ecuacion.png + +Tiene: + +- entries dispuestos en una tabla (cada uno con su valor esperado) + + +Tipo: relacionar con flechas +---------------------------- + +No se reutiliza mucho, pero es una pantalla que te muestra dos grupos +de objetos y te pide relacionarlos con lineas o flechas: + + +.. image:: images/_analisis_tipos_pantalla/2-14.png + +Tiene: + +- dos grupos de objetos +- lineas que pueden conectarlos + + +Tipo: drag and drop forma numeros +--------------------------------- + +Si bien involucra drag and drop, es un poco diferente a los otros +porque compone a los objetos arrastrados. + +En la pantalla, por ejemplo, se muestra como la actividad integra +dos niveles de dificultad. + +Entiendo que no se reutiliza en ninguna otra parte del sistema... + +.. image:: images/_analisis_tipos_pantalla/2-23.png + +Tiene: + +- un template +- objetos a arrastrar +- dos areas para componer los objetos +- dos niveles de dificultad + +Tipo: reloj +----------- + +Un reloj que marca una hora aleatoria y nos pide que lo interpretemos. + +.. image:: images/_analisis_tipos_pantalla/leccion12.png + +Tiene: + +- un template +- un reloj +- un entry + +Tipo: clasificador +------------------ + +Nos muestra una tabla con campos para seleccionar, cada uno +indica su valor esperado: + +.. image:: images/_analisis_tipos_pantalla/l2_11.png + +Tiene: + +- tabla con checkboxes y valores esperados + + +Tipo: pantalla simple asistente +------------------------------- + +.. image:: images/_analisis_tipos_pantalla/21 + +Tiene: + +- template +- boton continuar +- boton regresar al principio del la actividad. + +Tipo: pantalla simple pregunta entry +------------------------------------ + +Se utiliza en muchas aplicaciones de los primeros niveles: + +.. image:: images/_analisis_tipos_pantalla/3.png + +Tiene: + +- template +- un campo entry con un valor esperado + + +Tipo: varias casillas entry +--------------------------- + +Se utiliza en varias actividades, es una serie de casillas +entry en donde tenemos que colocar los valores esperados: + +.. image:: images/_analisis_tipos_pantalla/1_2.png + +Tiene: + +- template +- varios campos entry, cada uno con su valor esperado + +Tipo: asistente con resumen de respuestas +----------------------------------------- + +Varias actividades tienen un asistente que recolecta todas nuestras +respuestas y en lugar de evaluarlas en la misma pantalla, luego +presenta un resumen con las respuestas que hicimos y las correctas +(en dos columnas) para que veamos cuantas coinciden. + +.. image:: images/_analisis_tipos_pantalla/linea.png + +Tiene: + +- template +- cajas de texto para ingresar texto libre. + +Tipo: combo con entry +--------------------- + +.. image:: images/_analisis_tipos_pantalla/2.png + +Tiene: + +- template +- selector de combo +- un entry asociado al combo |