Skip to content

liaramosg/Trivia-

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Trivia-

##Proyecto de pre-trabajo.

El proyecto designado, consistió en la realización de una trivia, formato Web-App; trivia de temática libre, con casillas de integración de datos, además de botones con despliegue de pantallas y entrega de resultados o puntaje obtenido por el/la usuari@.

Como primera tarea, acordamos la temática de la trivia, siendo elegidas "Comidas Típicas Chilenas",y "Refranes". Se generó un listado para opciones de preguntas y respuestas, para cada uno de estos tópicos (doce preguntas, con cuatro alternativas, por cada una de ellas); para posteriormente realizar un filtro, seleccionando tres de cada una de éstas.

Redactamos una lista de tareas ("To do"), con la finalidad de proceder de manera organizada y certera en cada acción a programar, y así utilizar de manera óptima y eficiente el tiempo asignado para este proyecto, definiendo hitos y deadlines para cada etapa del proceso.

Mediante realización de prototipados (Sketches), se concretó una idea estimada de cómo debía ser la apariencia/diseño de la trivia. Considerando tres preguntas por cada tópico, y un total de cuatro posibles alternativas, las cuales se encontrarían en botones, que al ser presionados, desplegarían la pantalla de la siguiente pregunta hasta llegar al screen final que muestra el puntaje obtenido.

Dentro de nuestra pauta de trabajo (y también a modo de facilitar la fluidez al avanzar), comenzamos trabajando con la estructura HTML, continuando con CSS, para finalmente dedicar atención especial, a lo que a nuestro parecer era lo más desafiante, que es la implementación funcional (Javascript), siempre apoyándonos de la información disponible en google, blogs, portales dedicados y youtube.

En algún momento, nos vimos sobrepasadas por la cantidad de elementos que habíamos implementado y que no lográbamos hacer funcionales, por lo que tomamos la decisión de releer, repensar, reestructurar y reescribir en un nuevo fichero lo que creíamos podíamos implementar en el nuevo proyecto, intentando bajar nuestras expectativas, priorizando la funcionalidad de manera mucho más práctica y simple, pero conservando el formato visual que ya habíamos definido.

Algunos de los cambios realizados, y que se ven reflejados en el resultado final, son:

Las respuestas de cada pregunta, pasaron de estar dentro de botones, a ser reeemplazadas por circulos de selección, eliminando también, una de las alternativas de cada pregunta (de cuatro alternativas por pregunta, se cambió a tres alternativas solamente). Se modificó la idea de dejar cada pregunta en una ventana diferente, y fue reemplazada por un formato que muestra las tres correspondientes a la temática seleccionada por el usuario, dentro una sola ventana, finalizando con un botón que deriva a resultados del quizz. Adjunta en el folder, se encuentra la carpeta llamada "Img Proyecto", donde se incluyen fotografías del proceso realizado en papel del prototipado y apuntes.

El proyecto fue realizado con el apoyo constante de recursos disponibles en la web, tanto para encontrar solución a los problemas que se nos presentaron, como para los recursos implementados en el diseño (colores,fonts, etc).

Como cometario final, se menciona que optamos por simplificar el producto, y priorizar los tiempos para cumplir la mayoría de los requisitos mínimos solicitados (MVP), segun pauta de evaluación.

About

Proyecto de pre-trabajo.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published