Trivia de películas proceso trivia squad 3.2 Boceto 02/
Nuestra trivia está pensada y diseñada para niños y niñas que estén en un rango de edad entre los 6 a 12 años aprox. Nuestro objetivo es que el usuario viva una experiencia entretenida y se sienta parte de una comunidad de fans.
Página 1 . Bienvenida
• Bienvenida (‘bienvenida/o a la trivia de toy story y sherk') • Imagen de portada. • Introducción (Se parte de nuestro club de amigos. Para comenzar, queremos conocerte, ¿Cómo te llamas?) • Espacio para responder. (Recuadro)
Página 2. Interacción
• Saludar + nombre ( Hola ___, ¿Con qué te quieres entretener primero? • Botón 1 toy story + imagen + enlace a página. • Botón 2 sherk + imagen + enlace a página.
Página 3. Preguntas (Toy Story)
Título de la trivia
• Pregunta 1: ¿Cómo se llama el niño de Woody? • Imagen • Alternativas: Sid Andy Dany
• Pregunta 2: ¿Qué juguete recibió Andy en su cumpleaños? • Imagen • Alternativas: Rex Cara de papa Buzz lightyear
• Pregunta 3: ¿Cuántas ovejas tenía Betty? • Imagen • Alternativas: 1 2 3
Página 4 Preguntas (Shrek)
título de la trivia
• Pregunta 1: ¿Qué hace Shrek para recuperar su pantano? • Imagen • Alternativas: Buscar al burro. Rescatar a la princesa. Bailar con la dragona.
• Pregunta 2: ¿Cómo son los ogros? • Imagen • Alternativas: Como las cebollas. Como las papas. Como los plátanos.
• Pregunta 3: ¿De quién se enamora Shrek? • Imagen • Alternativas: El burro Lord Farquaad Fiona
Página 5 y 6 (Resultados según la trivia que responda)
• Imagen final (Felicidades + Gif) • Los resultados (Tu puntaje fue: ….), ya eres parte de nuestro club quieres seguir jugando. • ** Según respuesta** Toy Story: Ahora puedes poner el nombre de Andy en tu bota. Shrek: Ahora puedes darte un baño de lodo// eres como una cebolla. • Dos botones para volver a jugar.
ocupamos la aplicación figma para realizar el bosquejo y ver como se veria aparenemente en la web
Figma (bosquejo). https://www.figma.com/file/q2J3fyfPqfgnQtLCQRqxcl/portada?node-id=23%3A9 luego comenzamos a codear en visual studio code y subimos nuestro código a replit para poder probar y modificar https://replit.com/@squad3-2/WittyElderlyCareware#index.html