Qui vol ser milionari?
Centre: Institut Esteve Terradas i Illa (Cornellà de Llobregat)
Cicle: Desenvolupament d'aplicacions web
Inici: 19 de octubre de 2023
Final: 9 de novembre de 2023
Mòduls Professionals implicats
FOL : Formació i Orientació LaboralMP06 Desenvolupament web en entorn client
MP07 Desenvolupament web en entorn servidor
MP08 Desplegament d'aplicacions web
MP09 Disseny d'interfícies web
Descripció
Aplicació per simular el concurs televisiu "Qui vol ser milionari?". Al jugador li aniran sortint preguntes amb dificultad creixent i ha d'anar contestant correctament per guanyar.
El disseny de les targetes i les preguntes en anglès han estat dissenyats per alumnes de 1r d'ESO de l'Institut Esteve Terradas.
-
Sprint #1
Inici: 19 de octubre de 2023
Final: 26 de octubre de 2023
Hores estimades totals: 33,0
- MP08 Desplegament d'aplicacions web: 3 specs (18,8%), 7,0 hores (21,2%)
- MP09 Disseny d'interfícies web: 8 specs (50%), 18,0 hores (54,5%)
- MP07 Desenvolupament web en entorn servidor: 7 specs (43,8%), 19,0 hores (57,6%)
- MP06 Desenvolupament web en entorn client: 5 specs (31,3%), 11,0 hores (33,3%)
-
1. [NS] El projecte ha d'estar gestionat des del primer dia a Github amb les branques adequades de git-flow i té al menys 2 commits per membre.
hores estimades: 1,0 Mòduls: MP08
-
2. [NS] Crea els wireframes y els diagrames de flux de navegació necessaris per a un joc que simuli el concurs "Qui vol ser milionari?" (pantalla inici, pantalla jugar, pantalla èxit, pantalla gameover, etc). Documenta-ho a la wiki del repo.
hores estimades: 2,0 Mòduls: MP09
-
3. [NS] Definir una paleta de colors de almenys 5 colors del look&feel de la pàgina web. Doumentar-ho a la wiki del repo.
hores estimades: 1,0 Mòduls: MP09
-
4. El servidor mostra la pantalla de benvinguda amb les instruccions del joc (inclosa alguna imatge) i un botó "JUGAR" per iniciar partida.
hores estimades: 2,0 Mòduls: MP07 MP09
-
5. Quan es fa clic al botó "Jugar" el servidor ha de llegir el fitxer que conté les preguntes de la dificultat fàcil i seleccionar aleatòriament 3 (junt amb les respostes) i mostrar la primera pregunta (i les respostes) i les altres dues han de romandre ocultes juntament al botó "SEGÚENT".
hores estimades: 5,0 Mòduls: MP07 MP09
-
6. El jugador pot fer clic a una de les respostes i s'haurà de donar feedback al jugador. Si és la resposta correcta, es bloquejarà, s'informarà de l'èxit i es visualitzarà la següent pregunta (i les respostes).
hores estimades: 3,0 Mòduls: MP06
-
7. Si el jugador fa clic a una resposta i aquesta és incorrecta, s'informarà al jugador i es visulitzarà un botò per tonar a la pantalla d'inici (pantalla game over o lose).
hores estimades: 2,0 Mòduls: MP06
-
8. Si el jugador encerta la respota correcta de la 3a pregunta en pantalla, s'activarà el botó SEGÚENT que permetrà passar al proper nivell. Es carregarà des del servidor les noves preguntes (3 aleatòries) de la següent dificultat i començarà el mateix procediment.
hores estimades: 3,0 Mòduls: MP06 MP07
-
9. Final de joc: si el jugador respon correctament 18 preguntes haurà guanyat. I se li informarà amb un missatge de felicitacions (pantalla win)
hores estimades: 1,0 Mòduls: MP06
-
10. [NS] Les pagines han de ser: index.php, game.php, win.php i lose.php
hores estimades: 0,0 Mòduls: MP07
-
11. [NS] Només pot existir un arxiu d'estils, style.css a l'arrel del projecte.
hores estimades: 0,0 Mòduls: MP09
-
12. Afegir efectes de sons (fallar/encertar pregunta, ajuda, pantalla èxit i gameover).
hores estimades: 2,0 Mòduls: MP06 MP09
-
13. Abans del començar la partida et deixa escollir idioma per al joc (CA, ES, EN). L'idioma servirà tant per a les preguntes i respostes com per a tots els missatges de la interfície i el teclat.
hores estimades: 4,0 Mòduls: MP07 MP08 MP09
-
14. El projecte a GIT té un README amb la definició del projecte i les instruccions per a la instal·lació, posada en marxa i inici de joc.
hores estimades: 2,0 Mòduls: MP08
-
15. Taula de records: quan s'acaba la partida i es mostren les estadístiques, es demana al jugador si vol publicar la seva puntuació (botó PUBLISH). Si és afirmatiu se li demana el nom al jugador i s'enregistren les seves dades de puntuació completes (inicialment el nombre de respostes encertades) en un arxiu de text "records.txt", incloent el ID de sessió del jugador.
hores estimades: 3,0 Mòduls: MP07
-
16. Taula de records: posar un botó "Hall Of Fame" a la pantalla principal i a la de felicitació. La pantalla "Hall Of Fame" mostra els rècords emmagatzemats a l'arxiu "records.txt" ordenats per puntuació, i mostrant també les estadístiques completes amb icones i de forma vistosa i intuïtiva. La pàgina s'ha de dir "ranking.php".
hores estimades: 2,0 Mòduls: MP07 MP09
-
Sprint #2
Inici: 26 de octubre de 2023
Final: 2 de novembre de 2023
Hores estimades totals: 27,0
- MP06 Desenvolupament web en entorn client: 9 specs (81,8%), 24,0 hores (88,9%)
- MP07 Desenvolupament web en entorn servidor: 4 specs (36,4%), 9,0 hores (33,3%)
- MP09 Disseny d'interfícies web: 7 specs (63,6%), 16,0 hores (59,3%)
- MP08 Desplegament d'aplicacions web: 1 specs (9,1%), 1,0 hores (3,7%)
-
17. Posar un cronòmetre incremental a la partida. Elaborar un algorisme de puntuació que tingui en compte el temps i el nombre de respostes aconseguit. Documentar a la wiki i implementar-ho al joc i al Hall Of Fame.
hores estimades: 4,0 Mòduls: MP06 MP07
-
18. Automatitzar l'aparició de la següent pregunta (scroll).
hores estimades: 1,0 Mòduls: MP06 MP09
-
19. Si el navegador no té habilitat el Javascript, ens apareix un missatge advertint que no es pot jugar, i que cal que l'habiliti si vol jugar.
hores estimades: 2,0 Mòduls: MP06 MP09
-
20. La pàgina de win o lose no es pot visitar directament, en aquest cas retornem un 403 forbidden.
hores estimades: 1,0 Mòduls: MP07 MP08
-
21. A partir del nivell 2, les pregunten tenen un temps màxim per respondre. L'usuari podrà descansar entre nivells (no correrà el temps), però no dintre d'un nivell (al respondre una pregunta sortirà un missatge de OK però s'activarà la següent immediatament). Hi haurà, doncs, 2 cronòmetres: el de la pregunta (compte enrera) i el general del joc.
hores estimades: 4,0 Mòduls: MP06
-
22. Comodí 50%. Per cada partida disposarem d'un sol comodí del 50%. Durant la partida disposarem d'una àrea de comodins visible amb, al menys, el botó "50%". Quan el cliquem, 2 de les respostes incorrectes actuals es deshabilitaran funcionalment i visiblement. Un cop emprat el comodí es deshabilitarà el botó pertinent i es veurà inactiu per indicar que s'ha emprat ja.
hores estimades: 2,0 Mòduls: MP06 MP07 MP09
-
23. Comodí TEMPS EXTRA. Per cada partida disposarem d'un sol comodí TEMPS EXTRA disponible només a partir del nivell en què funcioni el cronòmetre de compte enrera. Quan el cliquem ens donarà un temps extra per respondre (cada equip definirà la quantitat de temps que cal documentar). Quan s'hagi fet servir el comodí o als nivells en què no hi hagi temps màxim el botó de l'àrea de comodins estarà deshabilitat.
hores estimades: 3,0 Mòduls: MP06 MP09
-
24. Comodí PÚBLIC. Un sol comodí PÚBLIC per partida (deshabilitar de l'àrea de comodins quan s'hagi utilitzat). Al emprar-ho, ens apareixerà una estadística simulada (diagrama de barres) dels % d'opinió de la gent. Hi ha una probabilitat del 80% de que la resposta del públic sigui correcta.
hores estimades: 4,0 Mòduls: MP06 MP09
-
25. Efecte comodí Públic. Quan cliquem el comodí del PÚBLIC, abans de mostrar els resultats, farà un efecte d'amimació amb música èpica mentre es consulta el públic i s'explica a l'usuari. Provocarà un retard en l'aparició de les estadístiques. El tems del retard el definirà cada equip i el documentarà a la wiki. Mentre es fa l'efecte es para el cronòmetre de pregunta (si l'hi ha).
hores estimades: 2,0 Mòduls: MP06 MP09
-
26. Cada pregunta pot tenir associada una imatge. Introduir els canvis necessaris al ftixer de configuració per habilitar aquesta opció. Introduir totes les imatges de les preguntes que disposem dels projectes de l'ESO.
hores estimades: 2,0 Mòduls: MP07
-
27. Introduir un "Easter Egg" en la partida.
hores estimades: 2,0 Mòduls: MP06 MP09
-
Sprint #3
Inici: 2 de novembre de 2023
Final: 9 de novembre de 2023
Hores estimades totals: 30,0
- MP06 Desenvolupament web en entorn client: 3 specs (42,9%), 14,0 hores (46,7%)
- MP07 Desenvolupament web en entorn servidor: 5 specs (71,4%), 17,0 hores (56,7%)
- MP08 Desplegament d'aplicacions web: 1 specs (14,3%), 3,0 hores (10%)
- MP09 Disseny d'interfícies web: 5 specs (71,4%), 25,0 hores (83,3%)
-
28. MOCHILA FEEDBACK. Inclou marcar al rànking el record acabat d'introduir.
hores estimades: 3,0 Mòduls: MP06 MP07 MP08 MP09
-
29. Comodí TRUCADA. Només un per partida i apareixerà a l'àrea de comodins, deshabilitat quan s'hagi emprat. Al clicar-ho s'obrirà un minijoc. No es dirà res a l'usuari però sonarà un to de trucada i es mostrarà una imatge de telèfon que es mostrà pampalluguejant al mateix ritme que els tons de trucada. El senyal de trucada es repetirà X cops (nombre aleatori entre 1 i 10). Quan acabi, se li demanarà a l'usuari quants cops ha sonat el to de trucada. Si és correcte, se li indicarà la versió correcta. Mentre dura el minijoc es para el cronòmetre de pregunta.
hores estimades: 6,0 Mòduls: MP06 MP09
-
30. Detector d'improperis al registre de records. Si es detecta alguna paraula prohibida es renyarà l'usuari i no s'afegirà el rècord. Cal un diccionari de paraules prohibides.
hores estimades: 2,0 Mòduls: MP07
-
31. Versió per a telèfon mòbil responsive per a totes les pàgines de l'àrea de joc (no de la zona d'edició). Agafem iPhone 15 com a referent de tamany de pantalla (vertical).
hores estimades: 7,0 Mòduls: MP09
-
32. Adequar les preguntes i nivells afegint de noves que facin el concurs més complert i atractiu.
hores estimades: 3,0 Mòduls: MP07
-
33. Editor de preguntes: pàgina create.php amb un formulari per crear una nova pregunta, amb tots els camps necessaris. S'afegirà a l'arxiu del nivell i idioma corresponent sempre i quan totes les dades siguin correctes (cal validar).
hores estimades: 5,0 Mòduls: MP06 MP07 MP09
-
34. Login i sessió admin. Per a editar les preguntes i fer qualsevol operació a l'àrea "admin" caldrà que ens loguem amb un usuari admin. Les credencials han de consignar-se en un arxiu de configuració que cal documentar. Un cop logats ens mostra el nom de l'usuari a la capçalera de la pàgina.
hores estimades: 4,0 Mòduls: MP07 MP09
-
Sprint #11
Inici: 19 de octubre de 2023
Final: 26 de octubre de 2023
Hores estimades totals: 22,0
- MP08 Desplegament d'aplicacions web: 1 specs (8,3%), 1,0 hores (4,5%)
- MP09 Disseny d'interfícies web: 6 specs (50%), 12,0 hores (54,5%)
- MP07 Desenvolupament web en entorn servidor: 4 specs (33,3%), 10,0 hores (45,5%)
- MP06 Desenvolupament web en entorn client: 5 specs (41,7%), 11,0 hores (50%)
-
1. [NS] El projecte ha d'estar gestionat des del primer dia a Github amb les branques adequades de git-flow i té al menys 2 commits per membre.
hores estimades: 1,0 Mòduls: MP08
-
2. [NS] Crea els wireframes y els diagrames de flux de navegació necessaris per a un joc que simuli el concurs "Qui vol ser milionari?" (pantalla inici, pantalla jugar, pantalla èxit, pantalla gameover, etc). Documenta-ho a la wiki del repo.
hores estimades: 2,0 Mòduls: MP09
-
3. [NS] Definir una paleta de colors de almenys 5 colors del look&feel de la pàgina web. Doumentar-ho a la wiki del repo.
hores estimades: 1,0 Mòduls: MP09
-
4. El servidor mostra la pantalla de benvinguda amb les instruccions del joc (inclosa alguna imatge) i un botó "JUGAR" per iniciar partida.
hores estimades: 2,0 Mòduls: MP07 MP09
-
5. Quan es fa clic al botó "Jugar" el servidor ha de llegir el fitxer que conté les preguntes de la dificultat fàcil i seleccionar aleatòriament 3 (junt amb les respostes) i mostrar la primera pregunta (i les respostes) i les altres dues han de romandre ocultes juntament al botó "SEGÚENT".
hores estimades: 5,0 Mòduls: MP07 MP09
-
6. El jugador pot fer clic a una de les respostes i s'haurà de donar feedback al jugador. Si és la resposta correcta, es bloquejarà, s'informarà de l'èxit i es visualitzarà la següent pregunta (i les respostes).
hores estimades: 3,0 Mòduls: MP06
-
7. Si el jugador fa clic a una resposta i aquesta és incorrecta, s'informarà al jugador i es visulitzarà un botò per tonar a la pantalla d'inici (pantalla game over o lose).
hores estimades: 2,0 Mòduls: MP06
-
8. Si el jugador encerta la respota correcta de la 3a pregunta en pantalla, s'activarà el botó SEGÚENT que permetrà passar al proper nivell. Es carregarà des del servidor les noves preguntes (3 aleatòries) de la següent dificultat i començarà el mateix procediment.
hores estimades: 3,0 Mòduls: MP06 MP07
-
9. Final de joc: si el jugador respon correctament 18 preguntes haurà guanyat. I se li informarà amb un missatge de felicitacions (pantalla win)
hores estimades: 1,0 Mòduls: MP06
-
10. [NS] Les pagines han de ser: index.php, game.php, win.php i lose.php
hores estimades: 0,0 Mòduls: MP07
-
11. [NS] Només pot existir un arxiu d'estils, style.css a l'arrel del projecte.
hores estimades: 0,0 Mòduls: MP09
-
12. Afegir efectes de sons (fallar/encertar pregunta, ajuda, pantalla èxit i gameover).
hores estimades: 2,0 Mòduls: MP06 MP09
-
Sprint #22
Inici: 26 de octubre de 2023
Final: 2 de novembre de 2023
Hores estimades totals: 18,0
- MP07 Desenvolupament web en entorn servidor: 4 specs (57,1%), 13,0 hores (72,2%)
- MP08 Desplegament d'aplicacions web: 2 specs (28,6%), 6,0 hores (33,3%)
- MP09 Disseny d'interfícies web: 4 specs (57,1%), 9,0 hores (50%)
- MP06 Desenvolupament web en entorn client: 3 specs (42,9%), 7,0 hores (38,9%)
-
13. Abans del començar la partida et deixa escollir idioma per al joc (CA, ES, EN). L'idioma servirà tant per a les preguntes i respostes com per a tots els missatges de la interfície i el teclat.
hores estimades: 4,0 Mòduls: MP07 MP08 MP09
-
14. El projecte a GIT té un README amb la definició del projecte i les instruccions per a la instal·lació, posada en marxa i inici de joc.
hores estimades: 2,0 Mòduls: MP08
-
15. Taula de records: quan s'acaba la partida i es mostren les estadístiques, es demana al jugador si vol publicar la seva puntuació (botó PUBLISH). Si és afirmatiu se li demana el nom al jugador i s'enregistren les seves dades de puntuació completes (inicialment el nombre de respostes encertades) en un arxiu de text "records.txt", incloent el ID de sessió del jugador.
hores estimades: 3,0 Mòduls: MP07
-
16. Taula de records: posar un botó "Hall Of Fame" a la pantalla principal i a la de felicitació. La pantalla "Hall Of Fame" mostra els rècords emmagatzemats a l'arxiu "records.txt" ordenats per puntuació, i mostrant també les estadístiques completes amb icones i de forma vistosa i intuïtiva. La pàgina s'ha de dir "ranking.php".
hores estimades: 2,0 Mòduls: MP07 MP09
-
17. Posar un cronòmetre incremental a la partida. Elaborar un algorisme de puntuació que tingui en compte el temps i el nombre de respostes aconseguit. Documentar a la wiki i implementar-ho al joc i al Hall Of Fame.
hores estimades: 4,0 Mòduls: MP06 MP07
-
18. Automatitzar l'aparició de la següent pregunta (scroll).
hores estimades: 1,0 Mòduls: MP06 MP09
-
19. Si el navegador no té habilitat el Javascript, ens apareix un missatge advertint que no es pot jugar, i que cal que l'habiliti si vol jugar.
hores estimades: 2,0 Mòduls: MP06 MP09
-
Sprint #33
Inici: 2 de novembre de 2023
Final: 9 de novembre de 2023
Hores estimades totals: 20,0
- MP07 Desenvolupament web en entorn servidor: 3 specs (37,5%), 5,0 hores (25%)
- MP08 Desplegament d'aplicacions web: 1 specs (12,5%), 1,0 hores (5%)
- MP06 Desenvolupament web en entorn client: 6 specs (75%), 17,0 hores (85%)
- MP09 Disseny d'interfícies web: 5 specs (62,5%), 13,0 hores (65%)
-
20. La pàgina de win o lose no es pot visitar directament, en aquest cas retornem un 403 forbidden.
hores estimades: 1,0 Mòduls: MP07 MP08
-
21. A partir del nivell 2, les pregunten tenen un temps màxim per respondre. L'usuari podrà descansar entre nivells (no correrà el temps), però no dintre d'un nivell (al respondre una pregunta sortirà un missatge de OK però s'activarà la següent immediatament). Hi haurà, doncs, 2 cronòmetres: el de la pregunta (compte enrera) i el general del joc.
hores estimades: 4,0 Mòduls: MP06
-
22. Comodí 50%. Per cada partida disposarem d'un sol comodí del 50%. Durant la partida disposarem d'una àrea de comodins visible amb, al menys, el botó "50%". Quan el cliquem, 2 de les respostes incorrectes actuals es deshabilitaran funcionalment i visiblement. Un cop emprat el comodí es deshabilitarà el botó pertinent i es veurà inactiu per indicar que s'ha emprat ja.
hores estimades: 2,0 Mòduls: MP06 MP07 MP09
-
23. Comodí TEMPS EXTRA. Per cada partida disposarem d'un sol comodí TEMPS EXTRA disponible només a partir del nivell en què funcioni el cronòmetre de compte enrera. Quan el cliquem ens donarà un temps extra per respondre (cada equip definirà la quantitat de temps que cal documentar). Quan s'hagi fet servir el comodí o als nivells en què no hi hagi temps màxim el botó de l'àrea de comodins estarà deshabilitat.
hores estimades: 3,0 Mòduls: MP06 MP09
-
24. Comodí PÚBLIC. Un sol comodí PÚBLIC per partida (deshabilitar de l'àrea de comodins quan s'hagi utilitzat). Al emprar-ho, ens apareixerà una estadística simulada (diagrama de barres) dels % d'opinió de la gent. Hi ha una probabilitat del 80% de que la resposta del públic sigui correcta.
hores estimades: 4,0 Mòduls: MP06 MP09
-
25. Efecte comodí Públic. Quan cliquem el comodí del PÚBLIC, abans de mostrar els resultats, farà un efecte d'amimació amb música èpica mentre es consulta el públic i s'explica a l'usuari. Provocarà un retard en l'aparició de les estadístiques. El tems del retard el definirà cada equip i el documentarà a la wiki. Mentre es fa l'efecte es para el cronòmetre de pregunta (si l'hi ha).
hores estimades: 2,0 Mòduls: MP06 MP09
-
26. Cada pregunta pot tenir associada una imatge. Introduir els canvis necessaris al ftixer de configuració per habilitar aquesta opció. Introduir totes les imatges de les preguntes que disposem dels projectes de l'ESO.
hores estimades: 2,0 Mòduls: MP07
-
27. Introduir un "Easter Egg" en la partida.
hores estimades: 2,0 Mòduls: MP06 MP09
-
BACKLOG
Inici: 19 de octubre de 2023
Final: 9 de novembre de 2023
Hores estimades totals: 0
- MP07 Desenvolupament web en entorn servidor: 7 specs (70%), 0,0 hores (0%)
- MP09 Disseny d'interfícies web: 3 specs (30%), 0,0 hores (0%)
- MP06 Desenvolupament web en entorn client: 1 specs (10%), 0,0 hores (0%)
- MP08 Desplegament d'aplicacions web: 1 specs (10%), 0,0 hores (0%)
- FOL : Formació i Orientació Laboral: 1 specs (10%), 0,0 hores (0%)
-
35. Admin main menu: a la pàgina principal d'admin cal fer un menú amb les opcions: diccionari d'improperis, llistar preguntes, afegir preguntes i un filtre per seleccionar nivell i idioma. Si s'ha seleccionat nivell i idioma ens porta directament a la pàgina de llistar preguntes.
hores estimades: 0,0 Mòduls: MP07 MP09
-
36. Editor de diccionari d'improperis: hi haurà una paraula per línia. Carreguem l'arxiu en un textarea per poder ser editat i guardat. Cal estar logat per a que funcioni.
hores estimades: 0,0 Mòduls: MP07
-
37. Llistar preguntes: ens llistarà totes les preguntes del nivell i idioma seleccionat en format taula. A la dreta de cada pregunta tindrem icones d'esborrar i editar pregunta.
hores estimades: 0,0 Mòduls: MP07
-
38. Display de punts/recompensa: mostrem durant la partida el nombre de punts o recompensa guanyat fins el moment i també el màxim aconseguit per una persona en el joc. Cada cop que responem una pregunta s'actualitza el nombre de punts.
hores estimades: 0,0 Mòduls: MP06 MP07
-
39. Admin multilang: totes les pàgines del panell d'admin es poden veure en els idiomes disponibles. A la capçalera de la pàgina disposarem sempre d'un desplegable amb la llengua de la interfície (no de les preguntes) per canviar-la.
hores estimades: 0,0 Mòduls: MP07
-
40. Elimina pregunta: quan cliques el botó d'eliminar pregunta ens demana confirmació i, si es valida, s'esborra aquella pregunta de l'arxiu pertinent.
hores estimades: 0,0 Mòduls: MP07
-
41. Edita pregunta: quan cliques sobre el botó d'editar pregunta s'obrirà un formulari amb totes les dades d'aquella pregunta (imatge i respostes incloses) editable. L'usuari aplicarà canvis al formulari i s'aplicaran a l'arxiu adient.
hores estimades: 0,0 Mòduls: MP07
-
42. Documenta l'àrea admin adequadament (amb wireframes) a la wiki del projecte.
hores estimades: 0,0 Mòduls: MP08 MP09
-
43. Triar un dels dissenys del projectes de l'ESO i aplicar-ho a l'estil de la pàgina.
hores estimades: 0,0 Mòduls: MP09
-
44. Pensar alguna mena de competició amb recompensa real per aconseguir engagement. Documentar-ho a la wiki.
hores estimades: 0,0 Mòduls: FOL