• Like
Els projectes web en tres històries
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Els projectes web en tres històries

  • 403 views
Published

Camins rectes, esculls i vents favorables. El desenvolupament de projectes web en tres històries. …

Camins rectes, esculls i vents favorables. El desenvolupament de projectes web en tres històries.

Xerrada a l'Idec el dia 14 de juliol de 2009

Published in Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
403
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
6
Comments
0
Likes
2

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Camins rectes, esculls i vents favorables El desenvolupament de projectes web en tres històries.
  • 2. Per què treballem per projectes?
  • 3. Un projecte web implica Molts professionals i actors diferents Disciplines diverses Fluxos de treball complexes
  • 4. Alguns personatges que intervenen: El cap de projecte El consultor, expert en AI i usabilitat El dissenyador web El maquetador El programador El redactor de continguts L’especialista SEO i SMO El formador i... El client!
  • 5. I encara, pel fet de ser una empresa: Condicionants temporals Condicionants econòmics Condicionants organitzatius
  • 6. Un projecte complex demana desfer aquesta complexitat dividint els processos en parts mesurables i assumibles.
  • 7. Revelació 1: Res no és tan simple com sembla
  • 8. Revelació 2: Tot tarda més del que t’imagines
  • 9. Revelació 3: La planificació serveix per comprovar que costa molt complir-la. Però es compleix més que si no planifiquéssim.
  • 10. Perquè això fa gràcia només quan és un acudit
  • 11. 1 El recte camí
  • 12. Tot comença amb una trucada o un mail... Tot comença amb la primera reunió... Presa de requeriments generals La intuïció de l’experiència Detecció de voluntats Hàndicaps i elements tècnics...
  • 13. Reunions de definició, amb o sense el client. Pluja d’idees Benchmarking Comitè de gurús...
  • 14. Presentació de la proposta de col·laboració Redacció de la proposta de col·laboració Aportació d’idees Aportació de solucions tècniques
  • 15. Acceptació de la proposta per part del client
  • 16. Reunió d’arrencada de projecte Definició de l’equip del projecte El Comitè de direcció Seguiment i presa de decisions L’equip de treball Coordinació i seguiment (Un interlocutor de l’organització i un de l’empresa.) Planificació d’un calendari de treball
  • 17. Recollida de requeriments / consultoria Per a què hem de fer aquest web? A qui us adreceu? Disciplines que hi intervenen: Comunicació, usabilitat, psicologia, màrketing, accessibilitat, disseny... La consultoria és més de lletres que de ciències! Solucions tècniques, anàlisis funcionals.
  • 18. Definició de l’arquitectura de la informació: l’arbre de continguts Entrevistes amb elements clau de les diverses àrees. Tècniques d’AI i d’usabilitat Card sorting
  • 19. Propostes gràfiques Creació d’imatge corporativa? Prototips Look & feel Propostes gràfiques de portada i interiors Llibre d’estil web
  • 20. Acceptació de l’arquitectura d’informació i de les propostes gràfiques.
  • 21. Disseny gràfic
  • 22. Desenvolupament Maquetació en plantilles XHTML Creació dels fulls d’estil CSS Programació dels mòduls, integració d’eines ja existents, creació d’aplicacions a mida. Redacció de continguts
  • 23. Implementació i muntatge Instal·lació i configuració del CMS (Content Management System). Creació d’un entorn de producció en un servidor propi o bé del client.
  • 24. Proves integrades / Controls de qualitat Tècnics D’usabilitat D’accessibilitat De visualització en diferents entorns
  • 25. Formació
  • 26. Introducció de continguts
  • 27. Control de qualitat final Lliurament del Certificat de qualitat final.
  • 28. Acceptació del projecte
  • 29. Explotació: El web en funcionament!
  • 30. Suport post-implantació Difusió? Pla de Màrketing? SEO?... Nous projectes? Sempre al seu servei!
  • 31. Els “deliverables” La documentació que hom lliura al client: Prototips web Calendari del projecte Arbre de continguts Propostes gràfiques Llibre d’estil Anàlisis funcionals de les eines Certificat de qualitat ...
  • 32. Prototip web
  • 33. Arbre de continguts
  • 34. Certificat de qualitat
  • 35. Els marrons? La gestió del canvi!
  • 36. 2 Els esculls, les tempestes i les sorpreses del camí La història que explica per què hem de ser multidisiplinars, per què un projecte web viu de la matemàtica, la literatura, la psicologia, la sociologia i de l’art.
  • 37. Una travessa a diferents velocitats. Quan ens adonem que TIC són una gran oportunitat per desenvolupar la notra complexitat.
  • 38. Caminem per un terreny més ferm que ens permetrà arribar més lluny, però abans hem d’aprendre a caminar amb sabates.
  • 39. De vegades l’objectiu i la finalitat que s’espera acomplir amb l’ús del recurs web no coincideix amb les característiques i eines que s’hi volen incloure.
  • 40. Sovint cal que els usuaris a qui va dirigit el projecte web tinguin suport per a utilitzar-lo amb efectivitat.
  • 41. De vegades cal oferir arguments clars a una tercera persona que disposa de poc temps per fer valo- racions però té l’autoritat per triar.
  • 42. Per tant, en un desenvolupament d’un projecte web s’incoporen noves tasques de caire multidisciplinar que cal incloure en el procés.
  • 43. Amb el web 2.0 han aparegut noves tasques, per tant cal preveure noves interaccions entre els components de l’equip.
  • 44. S’obren les API i es creen mashups. Els desenvolupadors web incor- poren aquest nous elements en la seva producció. vols saber què és una API?: http://ca.wikipedia.org/wiki/API vols saber què és un Mashup?: http://es.wikipedia.org/wiki/Mashup_(aplicacion_web_hibrida)
  • 45. Alguns recursos, accions i funcio- nalitats ja tenen un codi visual es- tablert. Els dissenyadors web els han de conèixer i incorporar-los en els seus dissenys.
  • 46. En la definició de l’estructura d’un web cal establir connexions entre els recursos externs del web 2.0 i els continguts interns. Cal fondre el web dins dels ele- ments que construeixen la presèn- cia i la participació digital.
  • 47. En la redacció de continguts: Cal preocupar-se per atraure l’atenció. Cal expressar-se amb agilitat i síntesi. Cal mantenir el to comunicatiu de l’entitat que es representa Cal treballar per afavorir el posicionament web
  • 48. Cal programar plans de dinamitza- ció dels equips que interaccionen a través de recursos 2.0. Perquè cadascú ha de trobar la seva forma d’interactuar, però la fita és comuna.
  • 49. Els projectes es fan complexos i la interacció entre els diferents professionals és cada cop més necessària: En el moment de recollir les necessitats del client. Per estructurar els continguts i definir les funcionalitats del projecte. En el disseny d’accions, relacionar dades, connexions... Quan s’organitza la interficie. Quan es planifica la inerconnexió del web amb altres eines 2.0 ex- ternes. I per tant l’organització d’un treball multidisciplinar és in- herent al desenvolupament web.
  • 50. Els professionals del desenvolupament web han de participar en àmbits on només amb la divisió de les parcel·les d’atenció s’arriba a una dosi extrema de nou coneixement.
  • 51. web 2.0 incorporar noves tasques a la feina Llegir els feeds RSS Llegir blogs i fer-hi comentaris Escriure al blog Participar en un wiki Compartir “share”... Són tasques integrades al treball que no s’han de considerara oci ni pèrdua de temps
  • 52. Per tant el web 2.0 és base d’anàlisi i alhora font de coneixement.
  • 53. 3 El vent favorable La història que explica com la web 2.0 s’incopora en el nostre treball i com les eines en línia ens fan més ràpids, més eficients i més equip.
  • 54. Treballar en equip... a la xarxa
  • 55. L’eina de grups de Can Antaviana: Pantalla d’accés
  • 56. Llistat de Grups
  • 57. Portada d’un grup
  • 58. El blog per generar debat
  • 59. El blog amb els comentaris
  • 60. Repositori de documents
  • 61. Missatgeria interna
  • 62. Microblogging, quan un email és massa, una trucada no convé i un post-it es pot perdre.
  • 63. Quan s’optimitza el treball i un guió d’un projecte, la presentació a un client i l’inici del treball en equip surten d’un sol document.
  • 64. I si ens atrevim a treballar en altres mitjans? El vídeo: quan explicar un procés és més senzill que fer un informe.
  • 65. Quan la distància no és una barrera i el treball simultani en un mateix document fa la feina més àgil.
  • 66. El social bookmarking, quan les petites coses tenen molt valor.
  • 67. Tria i remena! Hi ha centenars d’eines que et po- den ajudar a treballar en xarxa.
  • 68. Perquè fora de les organitzacions les persones ja han entès la força del treball en equip
  • 69. MOLTES GRÀCIES Trobareu aquesta presentació a: www.slideshare.net/canantaviana