Portal Integrat d'FP

Tornar a la llista de projectes

Trip Count

Centre: Institut Esteve Terradas i Illa (Cornellà de Llobregat)

Cicle: Desenvolupament d'aplicacions web

Inici: 2 de desembre de 2020

Final: 21 de gener de 2021

Continguts

Mòduls Professionals implicats

MP06 Desenvolupament web en entorn client
MP07 Desenvolupament web en entorn servidor
MP08 Desplegament d'aplicacions web
MP09 Disseny d'interfícies web

Descripció

Projecte per portar un seguiment de despeses d'un grup de persones.

No deixa de ser un clon de l'aplicació Tricount versió web:

https://www.tricount.com/

Els usuaris anoten les despeses que van fent durant el viatge, i l'aplicació els fa un balanç de les despeses totals i de qui deu i qui ha de rebre diners per equilibrar-ho.

sprint #1

Inici: 9 de desembre de 2020

Final: 17 de desembre de 2020

Hores estimades totals: 54,0
- MP09 Disseny d'interfícies web: 4 specs (28,6%), 13,0 hores (24,1%)
- MP07 Desenvolupament web en entorn servidor: 11 specs (78,6%), 45,0 hores (83,3%)
- MP06 Desenvolupament web en entorn client: 3 specs (21,4%), 10,0 hores (18,5%)
1. Realitzar WIREFRAMES per a la HOME page, LOGIN, REGISTRE, AFEGIR VIATGE, INVITACIONS. Consultar les specs pertinents més endavant del backlog per saber què cal que tinguin. Penjar els wireframes a la wiki del projecte a Github. Definir look&feel (paleta de colors).

hores estimades: 6,0 Mòduls: MP09
2. Fer anàlisi de les taules de la BD necessària per a l'aplicació. Al menys haurà de tenir: usuaris, viatges, despeses, invitacions, amistats

hores estimades: 5,0 Mòduls: MP07
3. Implementar la BD en MySQL

hores estimades: 2,0 Mòduls: MP07
4. El layout del projecte és realitzarà amb "flex"

hores estimades: 1,0 Mòduls: MP09
5. Landing page: ens ofereix un missatge de benvinguda, botó de registre i de login.

hores estimades: 2,0 Mòduls: MP07
6. Pantalla de LOGIN: ens demana email i contrasenya. Si introduim les dades correctament ens dóna missatge de OK i ens porta a la pàgina HOME. En cas d'error ens mostra un missatge d'error en vermell.

hores estimades: 3,0 Mòduls: MP07
7. La contrasenya està encriptada a la BD de forma segura.

hores estimades: 3,0 Mòduls: MP07
8. Missatges CSS: totes les pàgines contindran un espai per missatges del sistema (warning, info, success, error)

hores estimades: 2,0 Mòduls: MP06 MP07 MP09
9. Plantilla de pàgines: a la capçalera (de totes les pàgines) ens diu sempre el nom de l'usuari i un botó per anar a la HOME page. Al peu de pàgina ens apareix un missatge amb el nom de l'empresa (imaginària), l'any de fundació i l'any actual.

hores estimades: 4,0 Mòduls: MP07 MP09
10. HOME page mostra una llista de viatges ordenable per data de creació o data de darrera actualització, i el botó AFEGIR VIATGE.

hores estimades: 4,0 Mòduls: MP07
11. Quan polsem el botó AFEGIR VIATGE carrega una pàgina amb un formulari (creat dinàmicament) per afegir un viatge amb nom, descripció i moneda principal amb la que treballar (EUR, USD, ...). Quan premem el botó ENVIAR es guarda la BD i se'ns obre la pàgina de INVITACIONS

hores estimades: 6,0 Mòduls: MP06 MP07
13. Pàgina INVITACIONS: Ens apareix el nom del viatge en el que estem treballant i un formulari amb un camp per afegir email d'invitació.

hores estimades: 2,0 Mòduls: MP07
14. El fomulari té un botó "+" per afegir invitació. Quan es clica, s'afegeix un camp per afegir un altre email.

hores estimades: 2,0 Mòduls: MP06
15. Quan es prem el botó ENVIAR de la pàgina INVITACIONS es processen tots els emails enviats: Si l'email no esta a la BD s'envia email de registre, si l'email ja està se li envia un email de notificació a aquest viatge. S'actualitza la BD en tot.

hores estimades: 12,0 Mòduls: MP07

sprint #2

Inici: 11 de gener de 2021

Final: 21 de gener de 2021

Hores estimades totals: 57,0
- MP06 Desenvolupament web en entorn client: 6 specs (27,3%), 21,0 hores (36,8%)
- MP07 Desenvolupament web en entorn servidor: 11 specs (50%), 29,0 hores (50,9%)
- MP09 Disseny d'interfícies web: 6 specs (27,3%), 24,0 hores (42,1%)
- MP08 Desplegament d'aplicacions web: 2 specs (9,1%), 2,0 hores (3,5%)
16. MOTXILLA

hores estimades: 3,0 Mòduls:
17. Processem els emails de la pàgina INIVITACIONS i efectuem enviaments. Mostrarem tots els emails enviats correctament. Si hi ha emails que no es poden enviar, tornem a la pàgina INVITACIONS i els mostrarem dins del formulari d'enviament pq els pugui corregir.

hores estimades: 3,0 Mòduls: MP06 MP07
18. INVITACIONS: afegir botó "-" a la pantalla d'invitació d'usuaris (la de just després de crear un viatge) per eliminar el camp dinàmic creat.

hores estimades: 1,0 Mòduls: MP06
19. Disseny del email d'invitació en HMTL (amplada màxima 600px) + text pla

hores estimades: 5,0 Mòduls: MP09
20. PROD: posar el projecte en producció al servidor AWS

hores estimades: 1,0 Mòduls: MP08
21. PROD: el projecte es pot visualitzar en un domini propi i amb HTTPS

hores estimades: 1,0 Mòduls: MP08
22. Breadcrumbs o fil d'ariadna: implementar-ho a totes els pàgines amb relació al "title" de les pàgines.

hores estimades: 3,0 Mòduls: MP09
23. Pantalla REGISTRE: ens demana nom, email i contrasenya (2 cops).

hores estimades: 1,0 Mòduls: MP07
24. REGISTRE: si l'email ja està a la BD se li notifica missatge d'error "Aquest email ja existeix a la base dades". Si l'email no consta, es comprova que les dues contrasenyes coincideixen i s'inserta a la BD (si no coincideixen es mostra missatge d'error).

hores estimades: 1,0 Mòduls: MP07
25. INVITACIONS: si l'email no consta com a usuari, se li envia un missatge d'invitació a Trip Count perquè es registri. Quan es registri ja haurà d'estar inclòs dins del/s viatge/s indicat/s.

hores estimades: 2,0 Mòduls: MP07
26. Quan cliquem un viatge de la llista de la HOME page ens apareix la pàgina de DETALLS del viatge amb data d'inici, la quantitat total de despesa, un botó AFEGIR DESPESA, un botó BALANÇ, un botó GESTIONAR USUARIS i una llista de les despeses efectuades ordenades per data amb concepte, pagador i quantitat. CREACIO DINAMICA (!)

hores estimades: 8,0 Mòduls: MP06 MP07 MP09
27. Pantalla INTRODUIR PAGAMENT: es mostrarà en quin viatge estem i un formulari amb la quantitat de la despesa i un desplgable per triar qui la fa. Quan s'envia s'enregistra la despesa.

hores estimades: 2,0 Mòduls: MP07
28. Quan cliquem el botó PAGAMENT AVANÇAT (dins de INTRODUIR PAGAMENT) es mostra un formulari dinàmic on es poden afegir diversos usuaris implicats en aquella despesa. Cada línia contindrà un desplegable amb usuari implicat i quantitat que li toca pagar.

hores estimades: 3,0 Mòduls: MP06
29. Quadrar PAGAMENT AVANÇAT: la quantitat de la despesa ha de ser igual a la repartició entre els usuaris. Si incrementem la despesa total, es repartirà l'increment entre els diferents usuaris implicats (client).

hores estimades: 4,0 Mòduls: MP06
30. Quadrar PAGAMENT AVANÇAT (2): Si es modifica la despesa d'un usuari implicat, es modificarà de forma acord la despesa total (client).

hores estimades: 2,0 Mòduls: MP06
31. Processem pagament avançat i l'introduim a la BD amb tots els usuaris pagadors. Cal fer els canvis a la BD necessaris per poder calcular despeses que només son d'alguns usuaris i no de tots.

hores estimades: 1,0 Mòduls: MP07
32. Pantalla BALANÇ: ha de mostrar, per cada usuari, la quantitat que ha de pagar i la quantitat que ha pagat ja. Si li manca per pagar, cal posar un indicador vermell amb la quantitat a pagar, i si ha pagat de més un marcador en verd del que ha de rebre dels companys.

hores estimades: 3,0 Mòduls: MP07 MP09
33. ARXIUS: la pantalla INTRODUIR PAGAMENT ens permet adjuntar un foto de la factura o comprovant. Enregistrem la foto al sistema d'arxius assegurant-nos que els noms d'arxiu no poden solapar-se.

hores estimades: 4,0 Mòduls: MP07
34. MULTI FOTOS: l'aplicació permet carregar múltiples fotos dins d'una mateixa despesa.

hores estimades: 1,0 Mòduls: MP07
35. EDITAR VIATGE: a la HOME page, la llista de viatges ens mostra un botó per editar cada viatge. Al clicar-los ens porta a una pàgina d'edició del viatge en qüestió. La pàgina d'edició ha de permetre afegir usuaris i canviar la descripció.

hores estimades: 3,0 Mòduls: MP07
36. Agregar als "botons" dels menús tecles d'accés directe (accessibilitat).

hores estimades: 1,0 Mòduls: MP09
37. Disseny mobile responsive TABLET (800X600).

hores estimades: 4,0 Mòduls: MP09

sprint #11

Inici: 9 de desembre de 2020

Final: 17 de desembre de 2020

Hores estimades totals: 36,0
- MP09 Disseny d'interfícies web: 4 specs (33,3%), 13,0 hores (36,1%)
- MP07 Desenvolupament web en entorn servidor: 9 specs (75%), 31,0 hores (86,1%)
- MP06 Desenvolupament web en entorn client: 2 specs (16,7%), 8,0 hores (22,2%)
1. Realitzar WIREFRAMES per a la HOME page, LOGIN, REGISTRE, AFEGIR VIATGE, INVITACIONS. Consultar les specs pertinents més endavant del backlog per saber què cal que tinguin. Penjar els wireframes a la wiki del projecte a Github. Definir look&feel (paleta de colors).

hores estimades: 6,0 Mòduls: MP09
2. Fer anàlisi de les taules de la BD necessària per a l'aplicació. Al menys haurà de tenir: usuaris, viatges, despeses, invitacions, amistats

hores estimades: 5,0 Mòduls: MP07
3. Implementar la BD en MySQL

hores estimades: 2,0 Mòduls: MP07
4. El layout del projecte és realitzarà amb "flex"

hores estimades: 1,0 Mòduls: MP09
5. Landing page: ens ofereix un missatge de benvinguda, botó de registre i de login.

hores estimades: 2,0 Mòduls: MP07
6. Pantalla de LOGIN: ens demana email i contrasenya. Si introduim les dades correctament ens dóna missatge de OK i ens porta a la pàgina HOME. En cas d'error ens mostra un missatge d'error en vermell.

hores estimades: 3,0 Mòduls: MP07
7. La contrasenya està encriptada a la BD de forma segura.

hores estimades: 3,0 Mòduls: MP07
8. Missatges CSS: totes les pàgines contindran un espai per missatges del sistema (warning, info, success, error)

hores estimades: 2,0 Mòduls: MP06 MP07 MP09
9. Plantilla de pàgines: a la capçalera (de totes les pàgines) ens diu sempre el nom de l'usuari i un botó per anar a la HOME page. Al peu de pàgina ens apareix un missatge amb el nom de l'empresa (imaginària), l'any de fundació i l'any actual.

hores estimades: 4,0 Mòduls: MP07 MP09
10. HOME page mostra una llista de viatges ordenable per data de creació o data de darrera actualització, i el botó AFEGIR VIATGE.

hores estimades: 4,0 Mòduls: MP07
11. Quan polsem el botó AFEGIR VIATGE carrega una pàgina amb un formulari (creat dinàmicament) per afegir un viatge amb nom, descripció i moneda principal amb la que treballar (EUR, USD, ...). Quan premem el botó ENVIAR es guarda la BD i se'ns obre la pàgina de INVITACIONS

hores estimades: 6,0 Mòduls: MP06 MP07
12. MOTXILLA

hores estimades: -2,0 Mòduls:

sprint #22

Inici: 11 de gener de 2021

Final: 21 de gener de 2021

Hores estimades totals: 39,0
- MP07 Desenvolupament web en entorn servidor: 7 specs (50%), 23,0 hores (59,0%)
- MP06 Desenvolupament web en entorn client: 3 specs (21,4%), 6,0 hores (15,4%)
- MP09 Disseny d'interfícies web: 2 specs (14,3%), 8,0 hores (20,5%)
- MP08 Desplegament d'aplicacions web: 2 specs (14,3%), 2,0 hores (5,1%)
13. Pàgina INVITACIONS: Ens apareix el nom del viatge en el que estem treballant i un formulari amb un camp per afegir email d'invitació.

hores estimades: 2,0 Mòduls: MP07
14. El fomulari té un botó "+" per afegir invitació. Quan es clica, s'afegeix un camp per afegir un altre email.

hores estimades: 2,0 Mòduls: MP06
15. Quan es prem el botó ENVIAR de la pàgina INVITACIONS es processen tots els emails enviats: Si l'email no esta a la BD s'envia email de registre, si l'email ja està se li envia un email de notificació a aquest viatge. S'actualitza la BD en tot.

hores estimades: 12,0 Mòduls: MP07
16. MOTXILLA

hores estimades: 3,0 Mòduls:
17. Processem els emails de la pàgina INIVITACIONS i efectuem enviaments. Mostrarem tots els emails enviats correctament. Si hi ha emails que no es poden enviar, tornem a la pàgina INVITACIONS i els mostrarem dins del formulari d'enviament pq els pugui corregir.

hores estimades: 3,0 Mòduls: MP06 MP07
18. INVITACIONS: afegir botó "-" a la pantalla d'invitació d'usuaris (la de just després de crear un viatge) per eliminar el camp dinàmic creat.

hores estimades: 1,0 Mòduls: MP06
19. Disseny del email d'invitació en HMTL (amplada màxima 600px) + text pla

hores estimades: 5,0 Mòduls: MP09
20. PROD: posar el projecte en producció al servidor AWS

hores estimades: 1,0 Mòduls: MP08
21. PROD: el projecte es pot visualitzar en un domini propi i amb HTTPS

hores estimades: 1,0 Mòduls: MP08
22. Breadcrumbs o fil d'ariadna: implementar-ho a totes els pàgines amb relació al "title" de les pàgines.

hores estimades: 3,0 Mòduls: MP09
23. Pantalla REGISTRE: ens demana nom, email i contrasenya (2 cops).

hores estimades: 1,0 Mòduls: MP07
24. REGISTRE: si l'email ja està a la BD se li notifica missatge d'error "Aquest email ja existeix a la base dades". Si l'email no consta, es comprova que les dues contrasenyes coincideixen i s'inserta a la BD (si no coincideixen es mostra missatge d'error).

hores estimades: 1,0 Mòduls: MP07
25. INVITACIONS: si l'email no consta com a usuari, se li envia un missatge d'invitació a Trip Count perquè es registri. Quan es registri ja haurà d'estar inclòs dins del/s viatge/s indicat/s.

hores estimades: 2,0 Mòduls: MP07
27. Pantalla INTRODUIR PAGAMENT: es mostrarà en quin viatge estem i un formulari amb la quantitat de la despesa i un desplgable per triar qui la fa. Quan s'envia s'enregistra la despesa.

hores estimades: 2,0 Mòduls: MP07

Tornar a la llista de projectes