Diferència entre revisions de la pàgina «Projecte Xat - Especificacions»

De Wiket
Salta a la navegació Salta a la cerca
Línia 27: Línia 27:
 
# '''Crear debats'''. La site ha de poder facilitar als usuaris afegir debats (definir-los) a l'estil de  http://parlemapp.cat) i associar-hi etiquetes (''hashtags'').  
 
# '''Crear debats'''. La site ha de poder facilitar als usuaris afegir debats (definir-los) a l'estil de  http://parlemapp.cat) i associar-hi etiquetes (''hashtags'').  
 
# Els usuaris podran veure els debats proposats i cercar-los (emparant les etiquetes - (''hashtags'')).
 
# Els usuaris podran veure els debats proposats i cercar-los (emparant les etiquetes - (''hashtags'')).
# '''Denuncia projectes malmesos''' La site ha de tenir una secció per poder pujar imatges dels objectes malmesos i indicar la seva situació.
+
# '''Denuncia objectes malmesos''' La site ha de tenir una secció per poder pujar imatges dels objectes malmesos i indicar la seva situació.
 
# '''Secció intercanvis'''.Cal que també tingui una secció d'intercanvis (se'ls hi pugui associar una etiqueta) per a possibles trocs o barates ("trueques") (p.ex https://www.milanuncios.com/trueque/).
 
# '''Secció intercanvis'''.Cal que també tingui una secció d'intercanvis (se'ls hi pugui associar una etiqueta) per a possibles trocs o barates ("trueques") (p.ex https://www.milanuncios.com/trueque/).
 
# '''Chatrooms'''.Contingui la possibilitat de definir ''chatrooms'' (afegir chatrooms amb un codi i puguis començar amb un xat amb tots aquells usuaris registrats que vagin entrant que coneguin aquell codi. Per tant, a priori el chat seria privat, i només s'hi podria accedir amb un codi, a l'estil del chat de ''l'Slack'' (https://slack.com/intl/es-es) o també us podeu inspirar amb ''kahoot!'' (https://kahoot.it/).
 
# '''Chatrooms'''.Contingui la possibilitat de definir ''chatrooms'' (afegir chatrooms amb un codi i puguis començar amb un xat amb tots aquells usuaris registrats que vagin entrant que coneguin aquell codi. Per tant, a priori el chat seria privat, i només s'hi podria accedir amb un codi, a l'estil del chat de ''l'Slack'' (https://slack.com/intl/es-es) o també us podeu inspirar amb ''kahoot!'' (https://kahoot.it/).

Revisió del 16:15, 24 gen 2018

Globos.jpeg

Introducció

L'ajuntament de Cornellà ens demana una aplicació web suficientment flexible per adaptar-se a diverses situacions i apropar més als ciutadans per promoure idees i detectar problemes de la ciutat.


Requeriments

El personal de l'Ajuntament ens dona aquests requeriments:

  • Debats online.
  • Denunciar mobiliari urbà malmès.
  • Pàgina de contactes/intercanvis (per exemple, hi ha algú que vol muntar un campionat d'escacs, o que està disposat a donar classes de piano a canvi de classes de cuina Japonesa, etc.)
  • Chatrooms temàtiques clàssiques (pensant que ha de ser de fàcil ús. una espècie de mIRC simplificat, per entendre'ns ...)

La idea seria agrupar totes aquestes funcionalitats en una sola site. Els ciutadans es registrarien, i escollirien un nickname per mantenir l'anonimat.


Especificacions

  1. Heu de definir un estil que penseu que és adequat per fer aquesta site.
  2. Cal que la site tingui un look and feel similar i que s'incorpori el logo de Cornellà en totes les pàgines (veure : http://www.cornella.cat/ca/ImatgeCorporativa.asp)
  3. Quan es registrin, els ciutadans especifiquin a on viuen de la ciutat i que donin un telèfon i un email.
  4. La site es pugui veure en la majoria de navegadors actuals.
  5. Cal que el prototipus que es faci sigui accessible des de la web.
  6. Cal que es pugui anar a la configuració de l'usuari i que es pugui canviar les seves dades personals.
  7. Crear debats. La site ha de poder facilitar als usuaris afegir debats (definir-los) a l'estil de http://parlemapp.cat) i associar-hi etiquetes (hashtags).
  8. Els usuaris podran veure els debats proposats i cercar-los (emparant les etiquetes - (hashtags)).
  9. Denuncia objectes malmesos La site ha de tenir una secció per poder pujar imatges dels objectes malmesos i indicar la seva situació.
  10. Secció intercanvis.Cal que també tingui una secció d'intercanvis (se'ls hi pugui associar una etiqueta) per a possibles trocs o barates ("trueques") (p.ex https://www.milanuncios.com/trueque/).
  11. Chatrooms.Contingui la possibilitat de definir chatrooms (afegir chatrooms amb un codi i puguis començar amb un xat amb tots aquells usuaris registrats que vagin entrant que coneguin aquell codi. Per tant, a priori el chat seria privat, i només s'hi podria accedir amb un codi, a l'estil del chat de l'Slack (https://slack.com/intl/es-es) o també us podeu inspirar amb kahoot! (https://kahoot.it/).
  12. Disseny que es pugui visualitzar correctament en una pantalla de portàtil i que s'adapti en dipositius d'almenys 400 px. (bon grau responsive)


Especificacions funcionals

  • M6: programació client
    1. Navegació global:
      1. Menús i/o pestanyes han de tenir efectes visuals
    2. Xat:
      1. La comunicació amb el servidor serà a partir de missatges.
      2. Tota la vista serà gestionada per l'entorn client.
      3. Diferenciar cadascun dels usuaris que parlin al xat (globus de missatge, colors pel nom, etc.)
      4. Quan et connectes es mostraran tots els missatges de la darrera hora.
      5. Si la darrera hora no hi ha conversa, es mostraran els darrers 20 missatges.
  • M7: programació servidor
    1. Autenticació:
      1. Els usuaris es poden registrar amb email i poden recuperar contrasenya
      2. La contrasenya estarà xifrada
      3. L'usuari ha de triar-se un nickname únic
    2. Autorització
      1. Usuaris administradors poden crear chatrooms, respondre denúncies, penjar notícies
      2. Usuaris registrats poden xatejar, crear denúncies i visualitzar notícies.
    3. Navegació global
      1. Seccions: Xat, Denúncies, Debats, Notícies
      2. Breadcrumbs
      3. Banner de publicitat
    4. Xat:
      1. Inicialment es vol una chatroom per barri.
      2. Els usuaris poden mantenir xats privats.
    5. Denúncies:
      1. La denúncia ha d'incloure 1 foto, un text i una geolocalització
      2. L'usuari pot veure les seves pròpies denúncies efectuades
      3. L'administrador pot contestar la denúncia per informar l'usuari
    6. Notícies:
      1. ...coming soon...
    7. Debats:
      1. ...coming soon...
  • M9: disseny d'interfície

Per avaluar el M9 cal que la web sigui accessible per la web per poder-la validar (p.ex passar el test de usabilitat browsers, encoratjar-vos a veure en diferents dispositius, etc.). Recordeu que ha de ser un prototipus! no es valorarà la implementació de la site (requeriments funcionals M7,M6), i si el disseny i la funcionalitat de la demo ("proof of concept" i el disseny).

Enviar un document amb les dades del grup, el disseny (distribució general de la site, colors escollits, logo, etc.) i el resum del grau d'accessibilitat de la vostra site i la URL de la pàgina a on teniu la site (utilitzeu els resultats de les pàgines vistes en el curs).

Afegiu un usuari anonim per testejar-ho :

anonim/anonim


1) Formalització del Disseny (25%) - Site com a conjunt. La formalització és molt destecable, codi de color, composició, tipografia i disseny d'imatges/logos.

2) Visualització (15%). . La pàgina es vegi correctament en browsers moderns (test) i grau de d'adaptació a diferents terminals.

3) Bona accessibilitat, i funcionalitat dels requeriments especificats (45%) en general.

Prototipus -proof of concept de la site a on es vegi les funcionalitats especificades.

Funcionalitat de la pàgina - Usabilitat . S'han escollit elements d'interfície web (botons, links, ..) adients per moure't per l'entorn-, missatges d'error es visualitzen adequadament, etc.

Grau d'accessibilitat.


4) Cura en els detalls (15%) d'instal·lació. Facilitat per instal·lar projecte (README del projecte concís, explicant com instal·lar la web, automatisme : executant .sql es carrega correctament, etc.)



Especifiacions no funcionals

  • Es treballarà amb framework Laravel en PHP
  • Utilitzarem el framework jQuery per a la part client
  • ...


Prototip

Només aplica a M9.

...


Sprint #1

...