Usuario:ManuelRomero/ProgramacionWeb/ficheros/practica idiomas

De WikiEducator
Saltar a: navegación, buscar


Vocabulario de idiomas

RF0.- Opciones de la aplicación
  • La aplicación permitirá Administrar o Jugar'
  1. La administración va a permitir generar nuevos idiomas y para cada idioma nuevos temas (también borrarlos)
  2. Jugar va a permitir utilizar la aplicación para usar el vocabulario como a continuación se describe

General adm vocabulario.png

RF1.- Administrar
  • Esta acción se resolverá en un script llamado administrar.php
  • En este script tendremos la opción de crear nuevos idiomas
  • Veremos los idiomas actualemnte creados
  • Podremos editar o borrar cualquiera de ellos

Administrar general0.png
Administrar general.png

RF1.1 Generar nuevos idiomas
  • Para ello tenemos la opción Añadir en el formulario
  • Se creará un nuevo directorio dentro del directorio idiomas que ya debe de existir en nuestro proyecto.
  • TRas crearlo, aparecerá en la sección de lista de idiomas creados con la opción de editarlo o borrarlo (ver imagen anterior).
RF1.2 Borrar idiomas
  • Si seleccionamos el idioma y damos borrar borrará dicho idioma.
  • Si el idioma tiene temas no se podrá borrar
  • Tras la acción se mostrará el listado actualizado, si no ha podido borrarlo, informará de ello en un mensaje
RF1.3 Editar idiomas
  • Si editamos un idioma se ejecutará el script editar.php
  • Siempre tendremos la opción de volver, que nos retornaría a la administración de idiomas (ver imagen siguiente)
RF1.3.1 Editar_idiomas
Crear temas
  • Igual que en el caso anterior se mostrará un listado de todos los temas de ese idioma

Administrar temas0.png
Administrar tema1.png

  • Se permitirá crear nuevos temas o bien borrarlos
  • Crear nuevos temas estará activo con el botón añadir
  • Una vez creado se actualizará la lista de temas creados
RF1.3.1 Editar_idiomas
Borrar temas
  • Si en la ventana anterior seleccionamos un tema y se borra, desaparecerá de la lista
  • Se verá actualizado el listado una vez realizada la acción




RF2.- Crear temática o grupo de nombres
  • Cada idioma va a tener diferentes temáticas (Deportes, Vestidos, ...)
  • La aplicación, al igual que idiomas deberá de crear temáticas independientes en cada idioma
  • Cada temática será un directorio
  • En un select nos saldrán todas las temáticas de un determinado idioma
RF3.- Insertar imágenes en un directorio
  • Dentro de una temática tenemos que tener la posibilidad de insertar imágenes a ese directorio
  • Cada imagen tiene que tener como nombre el nombre de ese elemento en el idioma especificado

La imágenes se subirán al directorio del idioma y dentro de él a la temática seleccionada

RF5 Mostrar imágenes
  • Se deben de poder visualizar todas las imágens de un determinado tema dentro de un idioma


RF5 Jugar
  • Este es un apartado importante
  • En el programa principal tedremos que tener una opción de jugar
RF5.1
  • El usuario lo primero que tiene que hacer es seleccionar el idioma y el tema con el que quiere practicar vocabulario
RF5.2
  • Debemos de seleccionar una imagen aleatoria de todas las que haya en el directorio que el usuario ha seleccionado en el paso anterior
  • Para ello debemos:
Cargar en un array indexado las imágenes que hay en ese directorio selecionado
Selecciono aleatorioamente una de ellas
Muestro la imagen
Debajo de la imagen quiero tantos inputs como letras tenga el nombre del fichero sin extensión


  • El juego nos pedirá que especifiquemos primero un idioma y luego un tema de ese idioma
  • Para ello la aplicación nos irá mostrando en dos fases select. Primero del idioma, y una vez seleccionado los temas de ese idioma
  • Una vez seleccionado nos tendrá que aparecer una imagen aleatoria de todas las que haya en ese directorio
  • Cada imagen debe de ir acompañada de tantos inputs de tipo select como letras tenga el nombre de la imagen
  • Tendrá un submit que presionaremos para validar ese nombre
  • En caso de acertar el nombre irá acumulando el acierto o el fallo
  • Al final de 10 jugadas nos mostrará el resultado
REQUISITOS FINALES
  • Estamos en que se muestra una images, entonces al presonar Comprobar, tendré 2 opciones:


Icon activity.jpg
Opción 1: He acertado todas las letras'
  • Me muestra un mensaje de felicidades, has acertado todo
  • Espera como 5 segundos
  • Me vuelve a mostrar otra imagen