Vota!
Centre: Institut Esteve Terradas i Illa (Cornellà de Llobregat)
Cicle: Desenvolupament d'aplicacions web
Inici: 11 de gener de 2024
Final: 1 de febrer de 2024
Mòduls Professionals implicats
MP06 Desenvolupament web en entorn clientMP07 Desenvolupament web en entorn servidor
MP08 Desplegament d'aplicacions web
MP09 Disseny d'interfícies web
Descripció
En aquest projecte crearem un portal per a organitzacions que requereixin votacions, típicament (però no només) partits polítics, ajuntaments, institucions, claustres, etc.
Un usuari registrat podrà:
- Administrar enquestes:
- Crear enquestes.
- Convidar votants.
- Controlar la publicació d'enunciats i resultats.
- Bloquejar votacions.
- Crear agendes de votants.
- Veure les enquestes on ha estat convidat com a votant i les votacions pendents.
Un usuari anònim podrà votar mitjançant link de votació que li arribarà per email. Si més tard decideix registrar-se amb aquell email, podrà veure les seves votacions anteriors.
La publicació constarà de 2 aspectes diferents:
- Enunciat: pot ser ocult, privat (ho veuen només els usuaris convidats) i públic (ho pot veure tothom).
- Resultats: ocults, privats i públics.
Alguns referents:
- https://loomio.org : sistema molt interessant per debat i presa de decisions.
- https://followmyvote.com : utiltizació de la tecnologia blockchain (criptomonedes) per a sistemes de votació.
- https://nvotes.com : abans Agora Voting, software per a la votació online amb auditoria.
-
sprint #1
Inici: 11 de gener de 2024
Final: 18 de gener de 2024
Hores estimades totals: 33,0
- MP08 Desplegament d'aplicacions web: 3 specs (20%), 3,0 hores (9,1%)
- MP09 Disseny d'interfícies web: 12 specs (80%), 25,0 hores (75,8%)
- MP07 Desenvolupament web en entorn servidor: 6 specs (40%), 22,0 hores (66,7%)
- MP06 Desenvolupament web en entorn client: 7 specs (46,7%), 19,0 hores (57,6%)
-
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: 0,0 Mòduls: MP08
-
2. [NS] Crea els wireframes y els diagrames de flux de navegació necessaris per a una aplicació que tingui (1) un panell d'usuari (creació d'enquesta, edició d'enquestes, invitacions, "els meus vots"), (2) una interfície d'usuari convidat sense login (votar) , (3) un registre d'usuaris i (4) un panell de d'administrador (visualitzar i bloquejar usuaris i enquestes).
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. Definir mínim 2 fonts (capçaleres i text). Doumentar-ho a la wiki del repo.
hores estimades: 1,0 Mòduls: MP09
-
4. [NS] Tots els estils estaran a un únic arxiu CSS styles.css
hores estimades: 0,0 Mòduls: MP09
-
5. DISSENY BD: Dissenya i implementa la base de dades necessària per al projecte que permeti les funcions descrites als wireframes.
hores estimades: 6,0 Mòduls: MP07
-
6. PRODUCCIÓ: Posa en producció el projecte en la VM assignada al grup. Totes les demos s'hauran de fer en aquest domini.
hores estimades: 2,0 Mòduls: MP08
-
7. INICI: Implementar pàgina d'inici amb un text explicatiu de la aplicació una imatge representativa i enllaços a fer login i registre per crear un nou compte. Arxiu: index.php
hores estimades: 2,0 Mòduls: MP06 MP07 MP09
-
8. REGISTRE: implementar registre d'usuaris amb validació dels seus camps en client i servidor (check de contrasenya i de requeriments de complexitat mínima) El formulari s'ha de generar de forma dinàmica (Explicació a clase). Arxiu: register.php
hores estimades: 6,0 Mòduls: MP06 MP07 MP09
-
9. MISSATGES: Crea un sistema de notificacions per donar feeback al usuari (Creació dinámica). Missatges CSS: totes les pàgines contindran un espai per missatges del sistema (warning, info, success, error). L'usuari els podrà tancar individualment amb un botó de tancar o "x" en una cantonada.
hores estimades: 2,0 Mòduls: MP06 MP09
-
10. LOGIN/LOGOUT: Implementar el "login" d'usuaris (email i contrasenya). Si el login es correcte accedim a la pantalla de dashboard. Arxius: login.php i logout.php
hores estimades: 2,0 Mòduls: MP06 MP07 MP09
-
11. CREAR ENQUESTA: Crear enquesta (pregunta), possibles opcions de resposta (mínim dos i màxim 100) i data inici i final. Arxiu: create_poll.php
hores estimades: 4,0 Mòduls: MP06 MP07 MP09
-
12. ERRORS APACHE: Configurar a l'apache (com a mínim) els errors 404 i 403 amb el look&feel del projecte
hores estimades: 1,0 Mòduls: MP08 MP09
-
13. DASHBOARD: Implementar el Dashboard, si l'usuari ha inciat sessió veure les accions possibles en forma d'enllaçós. Si l'usuari no te sessió retorna un error 403 forbidden. Arxiu: dashboard.php
hores estimades: 1,0 Mòduls: MP06 MP09
-
14. PLANTILLA de pàgines: mecanisme amb "includes" de PHP del header i footer. El HEADER ens diu l'estat de la sessió i un menu de navegació horitzontal. Al FOOTER ens apareix la informació de contacte dels autors del projecte + link "Institut esteve terrades" + link github. Arxius: header.php i footer.php. No son accesibles directament des de el navegador.
hores estimades: 2,0 Mòduls: MP06 MP09
-
15. LLISTAR ENQUESTES: mostrar el llistat de les propies enquestes, estat de publicació, estat de bloqueig. Arxiu: list_polls.php
hores estimades: 2,0 Mòduls: MP07 MP09
-
sprint #2
Inici: 18 de gener de 2024
Final: 25 de gener de 2024
Hores estimades totals: 30,0
- MP09 Disseny d'interfícies web: 7 specs (70%), 22,0 hores (73,3%)
- MP07 Desenvolupament web en entorn servidor: 9 specs (90%), 25,0 hores (83,3%)
- MP06 Desenvolupament web en entorn client: 3 specs (30%), 8,0 hores (26,7%)
- MP08 Desplegament d'aplicacions web: 2 specs (20%), 3,0 hores (10%)
-
16. MOTXILLA FORMS + USABILITAT: revisió forms dinàmics. Han de passar al següent camp quan es prem ENTER o TAB.
hores estimades: 5,0 Mòduls: MP09
-
17. LOGS: implementar un sistema de registre d'esdeveniments del sistema. Cada dia es genera un fitxer nou.
hores estimades: 2,0 Mòduls: MP07
-
18. PREPARACIÓ PRESENTACIÓ: exemples reals, complir el temps, etc.
hores estimades: 1,0 Mòduls: MP06 MP07 MP08 MP09
-
19. Implementa un mecanisme de validació de l'email (després de registre) mitjançant token, i un mecanisme d'acceptació de condicions d'ús del portal (si no es compleixen aquestes condicions no es considerarà un usuari vàlid i no s'hi podrà entrar).
hores estimades: 3,0 Mòduls: MP07 MP09
-
20. IMATGES: les enquestes i opcions poden tenir una imatge associada. Les imatges s'allotjaran al directori "uploads". Aquest directori esta protegit per apache i no pot llistar els arxius.
hores estimades: 2,0 Mòduls: MP07 MP08
-
21. INVITACIONS: enviament d'invitacions per llista d'emails. Els destinataris reben un link per a votar en una enquesta concreta. Els emails s'envien en diferit en un procés del CRON, en paquets de 5 emails cada 5 min per no ser detectats com a Spam.
hores estimades: 4,0 Mòduls: MP07
-
22. ANONYMOUS / Votació: l'usuari que rep la invitació pot votar l'enquesta concreta com a usuari anònim (no cal login). Un cop votat, el link de votació esdevindrà invàlid i no permetrà votar de nou, donant un error de "link invàlid".
hores estimades: 3,0 Mòduls: MP07 MP09
-
23. USER: llistats de votacions fetes i de votacions pendents. Un usuari anònim no pot veure les seves votacions. Si es registra, podrà crear enquestes i també veure el llistat de les seves votacions fetes. Podrà desvetllar la opció votada (inicialment està tapada).
hores estimades: 4,0 Mòduls: MP06 MP07 MP09
-
24. GRÀFICS: a cada enquesta del llistat ens surt un botó de DETALLS ENQUESTA on ens mostren diversos apartats. A l'apartat GRÀFICS es mostraran gràfics de barres i de pastís de les opcions votades (només l'usuari propietari de l'enquesta).
hores estimades: 3,0 Mòduls: MP07 MP09
-
25. PUBLICACIÓ: els resustats de les enquestes no es poden veure fins que l'usuari administrador no les publiqui explícitament. S'ha de mostrar al llistat del panell de control d'enquestes si estan publicades o no d'una manera gràfica. L'estat de publicació consta de 2 flags: enunciat (ocult, privat, públic) i resultats (ocult, privat, públic).
hores estimades: 3,0 Mòduls: MP06 MP07 MP09
-
sprint #3
Inici: 25 de gener de 2024
Final: 1 de febrer de 2024
Hores estimades totals: 30,0
- MP06 Desenvolupament web en entorn client: 2 specs (22,2%), 8,0 hores (26,7%)
- MP07 Desenvolupament web en entorn servidor: 4 specs (44,4%), 16,0 hores (53,3%)
- MP08 Desplegament d'aplicacions web: 1 specs (11,1%), 4,0 hores (13,3%)
- MP09 Disseny d'interfícies web: 5 specs (55,6%), 14,0 hores (46,7%)
-
26. MOTXILLA 3
hores estimades: 4,0 Mòduls: MP06 MP07 MP08 MP09
-
27. Crear un banner GIF promocional de la nostre web, apareixera abans del footer a totes les pàgines amb l'etiqueta 970x250
hores estimades: 2,0 Mòduls: MP09
-
28. PUBLICACIÓ 2: el nivell de publicació de resultats no pot ser menor que el de l'enunciat. Els controls es bloquejaran adientment en l'editor.
hores estimades: 4,0 Mòduls: MP06
-
29. BLOQUEIG: l'administrador de l'enquesta pot bloquejar l'enquesta perquè cap usuari més pugui votar. L'usuari amb link vàlid serà notificat que l'enquesta està tancada.
hores estimades: 3,0 Mòduls: MP07
-
30. Encriptació de votacions: volem votacions secretes, pel què un administrador no hauria de poder veure qui ha votat quina opció. Separarem en 2 taules els vots: taula de butlleta i taula de opció votada. La butlleta indicarà l'usuari o email que ha fet la votació i la enquesta (per limitar 1 sola votació per usuari) i lligarà amb un hash a la taula d'opcions. Si és usuari anònim, la clau de hash serà una clau que tindrem emmagatzemada en la config del projecte. Si és un usuari normal, la clau de hash serà la contrasenya de l'usuari que vota.
hores estimades: 6,0 Mòduls: MP07
-
31. CANVI DE CONTRASENYA: implementar-ho. Cal assegurar que l'usuari tindrà accés als seus vots.
hores estimades: 3,0 Mòduls: MP07
-
32. VIDEO: fer un vídeo (<2minuts) demostratiu on es vegin totes les funcionalitats. Podeu incloure tests si en teniu i clarificar la privacitat de vot. Publicar-ho a youtube i incloure'l al README dels repositoris.
hores estimades: 3,0 Mòduls: MP09
-
33. [Recuperar contrasenya] Els usuaris poden sol·licitar recuperar contrasenya amb un formulari que enviarà un email i que permetrà reintroduir una password nova (mínim 8 caràcters, hi ha d'haver minúscules i majúscules i al menys un caràcter especial). Un cop resetjada es podran "logar" a la pàgina de login. Cal advertir l'usuari que si recupera la contrasenya perdrà la capacitat de revisar i canviar els vots anteriors. Arxiu: forgot_password.php
hores estimades: 4,0 Mòduls: MP09
-
34. DISSENY: Afegir una transició infinita a la landing page.
hores estimades: 1,0 Mòduls: MP09
-
sprint #11
Inici: 11 de gener de 2024
Final: 18 de gener de 2024
Hores estimades totals: 22,0
- MP08 Desplegament d'aplicacions web: 3 specs (30%), 3,0 hores (13,6%)
- MP09 Disseny d'interfícies web: 7 specs (70%), 14,0 hores (63,6%)
- MP07 Desenvolupament web en entorn servidor: 3 specs (30%), 14,0 hores (63,6%)
- MP06 Desenvolupament web en entorn client: 3 specs (30%), 10,0 hores (45,5%)
-
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: 0,0 Mòduls: MP08
-
2. [NS] Crea els wireframes y els diagrames de flux de navegació necessaris per a una aplicació que tingui (1) un panell d'usuari (creació d'enquesta, edició d'enquestes, invitacions, "els meus vots"), (2) una interfície d'usuari convidat sense login (votar) , (3) un registre d'usuaris i (4) un panell de d'administrador (visualitzar i bloquejar usuaris i enquestes).
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. Definir mínim 2 fonts (capçaleres i text). Doumentar-ho a la wiki del repo.
hores estimades: 1,0 Mòduls: MP09
-
4. [NS] Tots els estils estaran a un únic arxiu CSS styles.css
hores estimades: 0,0 Mòduls: MP09
-
5. DISSENY BD: Dissenya i implementa la base de dades necessària per al projecte que permeti les funcions descrites als wireframes.
hores estimades: 6,0 Mòduls: MP07
-
6. PRODUCCIÓ: Posa en producció el projecte en la VM assignada al grup. Totes les demos s'hauran de fer en aquest domini.
hores estimades: 2,0 Mòduls: MP08
-
7. INICI: Implementar pàgina d'inici amb un text explicatiu de la aplicació una imatge representativa i enllaços a fer login i registre per crear un nou compte. Arxiu: index.php
hores estimades: 2,0 Mòduls: MP06 MP07 MP09
-
8. REGISTRE: implementar registre d'usuaris amb validació dels seus camps en client i servidor (check de contrasenya i de requeriments de complexitat mínima) El formulari s'ha de generar de forma dinàmica (Explicació a clase). Arxiu: register.php
hores estimades: 6,0 Mòduls: MP06 MP07 MP09
-
9. MISSATGES: Crea un sistema de notificacions per donar feeback al usuari (Creació dinámica). Missatges CSS: totes les pàgines contindran un espai per missatges del sistema (warning, info, success, error). L'usuari els podrà tancar individualment amb un botó de tancar o "x" en una cantonada.
hores estimades: 2,0 Mòduls: MP06 MP09
-
12. ERRORS APACHE: Configurar a l'apache (com a mínim) els errors 404 i 403 amb el look&feel del projecte
hores estimades: 1,0 Mòduls: MP08 MP09
-
sprint #22
Inici: 18 de gener de 2024
Final: 25 de gener de 2024
Hores estimades totals: 19,0
- MP06 Desenvolupament web en entorn client: 5 specs (62,5%), 10,0 hores (52,6%)
- MP07 Desenvolupament web en entorn servidor: 5 specs (62,5%), 11,0 hores (57,9%)
- MP09 Disseny d'interfícies web: 7 specs (87,5%), 17,0 hores (89,5%)
- MP08 Desplegament d'aplicacions web: 1 specs (12,5%), 1,0 hores (5,3%)
-
10. LOGIN/LOGOUT: Implementar el "login" d'usuaris (email i contrasenya). Si el login es correcte accedim a la pantalla de dashboard. Arxius: login.php i logout.php
hores estimades: 2,0 Mòduls: MP06 MP07 MP09
-
11. CREAR ENQUESTA: Crear enquesta (pregunta), possibles opcions de resposta (mínim dos i màxim 100) i data inici i final. Arxiu: create_poll.php
hores estimades: 4,0 Mòduls: MP06 MP07 MP09
-
13. DASHBOARD: Implementar el Dashboard, si l'usuari ha inciat sessió veure les accions possibles en forma d'enllaçós. Si l'usuari no te sessió retorna un error 403 forbidden. Arxiu: dashboard.php
hores estimades: 1,0 Mòduls: MP06 MP09
-
14. PLANTILLA de pàgines: mecanisme amb "includes" de PHP del header i footer. El HEADER ens diu l'estat de la sessió i un menu de navegació horitzontal. Al FOOTER ens apareix la informació de contacte dels autors del projecte + link "Institut esteve terrades" + link github. Arxius: header.php i footer.php. No son accesibles directament des de el navegador.
hores estimades: 2,0 Mòduls: MP06 MP09
-
15. LLISTAR ENQUESTES: mostrar el llistat de les propies enquestes, estat de publicació, estat de bloqueig. Arxiu: list_polls.php
hores estimades: 2,0 Mòduls: MP07 MP09
-
16. MOTXILLA FORMS + USABILITAT: revisió forms dinàmics. Han de passar al següent camp quan es prem ENTER o TAB.
hores estimades: 5,0 Mòduls: MP09
-
17. LOGS: implementar un sistema de registre d'esdeveniments del sistema. Cada dia es genera un fitxer nou.
hores estimades: 2,0 Mòduls: MP07
-
18. PREPARACIÓ PRESENTACIÓ: exemples reals, complir el temps, etc.
hores estimades: 1,0 Mòduls: MP06 MP07 MP08 MP09
-
sprint #33
Inici: 25 de gener de 2024
Final: 1 de febrer de 2024
Hores estimades totals: 20,0
- MP07 Desenvolupament web en entorn servidor: 6 specs (100%), 20,0 hores (100%)
- MP09 Disseny d'interfícies web: 5 specs (83,3%), 16,0 hores (80%)
- MP06 Desenvolupament web en entorn client: 2 specs (33,3%), 7,0 hores (35%)
-
19. Implementa un mecanisme de validació de l'email (després de registre) mitjançant token, i un mecanisme d'acceptació de condicions d'ús del portal (si no es compleixen aquestes condicions no es considerarà un usuari vàlid i no s'hi podrà entrar).
hores estimades: 3,0 Mòduls: MP07 MP09
-
21. INVITACIONS: enviament d'invitacions per llista d'emails. Els destinataris reben un link per a votar en una enquesta concreta. Els emails s'envien en diferit en un procés del CRON, en paquets de 5 emails cada 5 min per no ser detectats com a Spam.
hores estimades: 4,0 Mòduls: MP07
-
22. ANONYMOUS / Votació: l'usuari que rep la invitació pot votar l'enquesta concreta com a usuari anònim (no cal login). Un cop votat, el link de votació esdevindrà invàlid i no permetrà votar de nou, donant un error de "link invàlid".
hores estimades: 3,0 Mòduls: MP07 MP09
-
23. USER: llistats de votacions fetes i de votacions pendents. Un usuari anònim no pot veure les seves votacions. Si es registra, podrà crear enquestes i també veure el llistat de les seves votacions fetes. Podrà desvetllar la opció votada (inicialment està tapada).
hores estimades: 4,0 Mòduls: MP06 MP07 MP09
-
24. GRÀFICS: a cada enquesta del llistat ens surt un botó de DETALLS ENQUESTA on ens mostren diversos apartats. A l'apartat GRÀFICS es mostraran gràfics de barres i de pastís de les opcions votades (només l'usuari propietari de l'enquesta).
hores estimades: 3,0 Mòduls: MP07 MP09
-
25. PUBLICACIÓ: els resustats de les enquestes no es poden veure fins que l'usuari administrador no les publiqui explícitament. S'ha de mostrar al llistat del panell de control d'enquestes si estan publicades o no d'una manera gràfica. L'estat de publicació consta de 2 flags: enunciat (ocult, privat, públic) i resultats (ocult, privat, públic).
hores estimades: 3,0 Mòduls: MP06 MP07 MP09
-
BACKLOG
Inici: 11 de gener de 2024
Final: 1 de febrer de 2024
Hores estimades totals: 0
- MP09 Disseny d'interfícies web: 7 specs (43,8%), 0,0 hores (0%)
- MP07 Desenvolupament web en entorn servidor: 7 specs (43,8%), 0,0 hores (0%)
- MP06 Desenvolupament web en entorn client: 4 specs (25%), 0,0 hores (0%)
- MP08 Desplegament d'aplicacions web: 2 specs (12,5%), 0,0 hores (0%)
-
35. Breadcrumbs o fil d'ariadna: implementar-ho a totes els pàgines amb relació al "title" de les pàgines (accessibilitat).
hores estimades: 0,0 Mòduls: MP09
-
36. USER UPGRADE: quan un usuari passa de ser anònim votant (només email) a tenir compte, cal encriptar les seves votacions. Es substituirà el hash general de les taules de votacions i s'emprarà la contrasenya de l'usuari per a codificar-les.
hores estimades: 0,0 Mòduls: MP07
-
37. ADMINISTRADORS: un usuari propietari d'una enquesta pot compartir l'administració d'una enquesta amb un altre. Qunan es comparteixi s'enviarà un email informant l'usuari convidat, que ha d'acceptar la invitació. L'usuari propietari no es pot eliminar de la llista d'administradors d'aquella enquesta.
hores estimades: 0,0 Mòduls: MP07 MP09
-
38. BOTÓ RECORDATORI: els administradors d'una enquesta disposen d'aquest botó que (prèvia confirmació amb nombr d'emails afectats) enviarà un email de recordatori als usuaris pendents de votar (amb link de votació) o a un usuari en concret.
hores estimades: 0,0 Mòduls: MP07
-
39. Afegir una animació (que s'activara amb :hover) a tots els botons
hores estimades: 0,0 Mòduls: MP09
-
40. LLISTA PUBLICA D'ENQUESTES: les enquestes (marcades com a públiques) es poden veure en una pàgina pública del portal i es poden filtrar pel text o pel nom de l'usuari convocant. Es mostraran depenent de l'estat de publicació (enunciat, resultats).
hores estimades: 0,0 Mòduls: MP06 MP07
-
41. MODIFICACIÓ DE VOT: un usuari pot modificar el seu vot si l'enquesta està encara oberta i sense bloquejar. Per veure el seu vot caldrà reintroduir la contrasenya (per saber quin és el registre hash que li pertoca) i després caldrà tornar-la a posar per encriptar de nou la opció de vot.
hores estimades: 0,0 Mòduls: MP07
-
42. Disseny mobile responsive PC (1920x1080, 1366x768, 1024x768). TABLET (800X600). MÒVIL (375X667).
hores estimades: 0,0 Mòduls: MP09
-
43. AGENDA VOTANTS: ...
hores estimades: 0,0 Mòduls: MP06 MP07
-
44. DELEGACIÓ DE VOT: ...
hores estimades: 0,0 Mòduls:
-
45. Agregar als "botons" dels menús tecles d'accés directe (accessibilitat).
hores estimades: 0,0 Mòduls: MP09
-
46. Implementar un "Dark Mode". Si ja heu implementat un estil fosc, feu un "Light Mode". Implementar el botó a totes les pàgines.
hores estimades: 0,0 Mòduls: MP09
-
47. Configurar a l'apache les "friendly urls" (mod rewrite + .htaccess)
hores estimades: 0,0 Mòduls: MP08
-
48. Crea un sistema de notificacions per donar feeback al usuari (Creació dinámica)
hores estimades: 0,0 Mòduls: MP06
-
49. [NS] Implementa el sistema de branques al GIT PRO-PRE(+ BUGS)-INT-XXX
hores estimades: 0,0 Mòduls: MP06 MP07 MP08
-
50. Afegir etiquetes html5 per afegir semantica al contingut (<header><main><aside><section><article><footer>)
hores estimades: 0,0 Mòduls: MP09