Camins rectes, esculls
  i vents favorables
     El desenvolupament de
 projectes web en tres històries.
Per què treballem
 per projectes?
Un projecte web implica

  Molts professionals i actors diferents

  Disciplines diverses

  Fluxos de treball complexes
Alguns personatges que intervenen:

  El cap de projecte
  El consultor, expert en AI i usabilitat
  El dissenyador web
  ...
I encara, pel fet de ser una empresa:

  Condicionants temporals

  Condicionants econòmics

  Condicionants organitzatius
Un projecte complex demana
desfer aquesta complexitat dividint
els processos en parts mesurables
i assumibles.
Revelació 1:
Res no és tan simple com sembla
Revelació 2:
Tot tarda més del que t’imagines
Revelació 3:
La planificació serveix per comprovar que
costa molt complir-la. Però es compleix
més que si no planifiquéssim.
Perquè això fa gràcia només quan és un acudit
1
El recte camí
Tot comença amb una trucada o un mail...
Tot comença amb la primera reunió...
  Presa de requeriments generals
  La intuïc...
Reunions de definició,
amb o sense el client.

  Pluja d’idees

  Benchmarking

  Comitè de gurús...
Presentació de la proposta
de col·laboració

  Redacció de la proposta de col·laboració

  Aportació d’idees

  Aportació ...
Acceptació de la proposta
per part del client
Reunió d’arrencada de projecte

  Definició de l’equip del projecte
    El Comitè de direcció
    Seguiment i presa de deci...
Recollida de requeriments / consultoria

  Per a què hem de fer aquest web?

  A qui us adreceu?

  Disciplines que hi int...
Definició de l’arquitectura de
la informació: l’arbre de continguts

  Entrevistes amb elements clau de
  les diverses àree...
Propostes gràfiques

  Creació d’imatge corporativa?

  Prototips

  Look & feel

  Propostes gràfiques de portada i interio...
Acceptació de l’arquitectura
d’informació i de les propostes
gràfiques.
Disseny gràfic
Desenvolupament

  Maquetació en plantilles XHTML

  Creació dels fulls d’estil CSS

  Programació dels mòduls, integració...
Implementació i muntatge

  Instal·lació i configuració del CMS
  (Content Management System).

  Creació d’un entorn de pr...
Proves integrades / Controls de qualitat

  Tècnics

  D’usabilitat

  D’accessibilitat

  De visualització en diferents e...
Formació
Introducció de continguts
Control de qualitat final

  Lliurament del Certificat de qualitat final.
Acceptació
del projecte
Explotació: El web en funcionament!
Suport post-implantació

Difusió?
Pla de Màrketing?
SEO?...
Nous projectes?




        Sempre al seu servei!
Els “deliverables”
La documentació que hom lliura al client:

  Prototips web
  Calendari del projecte
  Arbre de contingu...
Prototip
web
Arbre de
continguts
Certificat
de qualitat
Els marrons?
La gestió del canvi!
2
  Els esculls, les tempestes
   i les sorpreses del camí

La història que explica per què hem de ser multidisiplinars,
p...
Una travessa a diferents velocitats.

Quan ens adonem que TIC són una
gran oportunitat per desenvolupar
la notra complexit...
Caminem per un terreny més ferm
que ens permetrà arribar més lluny,
però abans hem d’aprendre
a caminar amb sabates.
De vegades l’objectiu i la finalitat
que s’espera acomplir amb l’ús del
recurs web no coincideix amb les
característiques i...
Sovint cal que els usuaris a qui
va dirigit el projecte web tinguin
suport per a utilitzar-lo amb
efectivitat.
De vegades cal oferir arguments
clars a una tercera persona que
disposa de poc temps per fer valo-
racions però té l’autor...
Per tant, en un desenvolupament d’un
projecte web s’incoporen noves tasques
de caire multidisciplinar que cal
incloure en ...
Amb el web 2.0 han aparegut noves
tasques, per tant cal preveure noves
interaccions entre els components de
l’equip.
S’obren les API i es creen mashups.
Els desenvolupadors web incor-
poren aquest nous elements en la
seva producció.




vo...
Alguns recursos, accions i funcio-
nalitats ja tenen un codi visual es-
tablert. Els dissenyadors web els
han de conèixer ...
En la definició de l’estructura d’un
web cal establir connexions entre
els recursos externs del web 2.0 i
els continguts in...
En la redacció de continguts:

  Cal preocupar-se per atraure l’atenció.

  Cal expressar-se amb agilitat i síntesi.

  Ca...
Cal programar plans de dinamitza-
ció dels equips que interaccionen a
través de recursos 2.0.

Perquè cadascú ha de trobar...
Els projectes es fan complexos i la interacció entre els
diferents professionals és cada cop més necessària:

   En el mom...
Els professionals del desenvolupament
web han de participar en àmbits on només
amb la divisió de les parcel·les d’atenció
...
web 2.0
incorporar noves tasques a la feina
   Llegir els feeds RSS
   Llegir blogs i fer-hi comentaris
   Escriure al blo...
Per tant el web 2.0 és base d’anàlisi
i alhora font de coneixement.
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íni...
Treballar en equip...
a la xarxa
L’eina de grups de Can Antaviana:
Pantalla d’accés
Llistat de Grups
Portada d’un grup
El blog per generar debat
El blog amb els comentaris
Repositori de documents
Missatgeria interna
Microblogging, quan un email
és massa, una trucada no convé
i un post-it es pot perdre.
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...
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.
Quan la distància no és una barrera
i el treball simultani en un mateix
document fa la feina més àgil.
El social bookmarking, quan les
petites coses tenen molt valor.
Tria i remena!
Hi ha centenars d’eines que et po-
den ajudar a treballar en xarxa.
Perquè fora de les organitzacions
les persones ja han entès la força
del treball en equip
MOLTES
           GRÀCIES

    Trobareu aquesta presentació a:
www.slideshare.net/canantaviana
Els projectes web en tres històries
Upcoming SlideShare
Loading in …5
×

Els projectes web en tres històries

555 views
497 views

Published on

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
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
555
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
8
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Els projectes web en tres històries

  1. 1. Camins rectes, esculls i vents favorables El desenvolupament de projectes web en tres històries.
  2. 2. Per què treballem per projectes?
  3. 3. Un projecte web implica Molts professionals i actors diferents Disciplines diverses Fluxos de treball complexes
  4. 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. 5. I encara, pel fet de ser una empresa: Condicionants temporals Condicionants econòmics Condicionants organitzatius
  6. 6. Un projecte complex demana desfer aquesta complexitat dividint els processos en parts mesurables i assumibles.
  7. 7. Revelació 1: Res no és tan simple com sembla
  8. 8. Revelació 2: Tot tarda més del que t’imagines
  9. 9. Revelació 3: La planificació serveix per comprovar que costa molt complir-la. Però es compleix més que si no planifiquéssim.
  10. 10. Perquè això fa gràcia només quan és un acudit
  11. 11. 1 El recte camí
  12. 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. 13. Reunions de definició, amb o sense el client. Pluja d’idees Benchmarking Comitè de gurús...
  14. 14. Presentació de la proposta de col·laboració Redacció de la proposta de col·laboració Aportació d’idees Aportació de solucions tècniques
  15. 15. Acceptació de la proposta per part del client
  16. 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. 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. 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. 19. Propostes gràfiques Creació d’imatge corporativa? Prototips Look & feel Propostes gràfiques de portada i interiors Llibre d’estil web
  20. 20. Acceptació de l’arquitectura d’informació i de les propostes gràfiques.
  21. 21. Disseny gràfic
  22. 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. 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. 24. Proves integrades / Controls de qualitat Tècnics D’usabilitat D’accessibilitat De visualització en diferents entorns
  25. 25. Formació
  26. 26. Introducció de continguts
  27. 27. Control de qualitat final Lliurament del Certificat de qualitat final.
  28. 28. Acceptació del projecte
  29. 29. Explotació: El web en funcionament!
  30. 30. Suport post-implantació Difusió? Pla de Màrketing? SEO?... Nous projectes? Sempre al seu servei!
  31. 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. 32. Prototip web
  33. 33. Arbre de continguts
  34. 34. Certificat de qualitat
  35. 35. Els marrons? La gestió del canvi!
  36. 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. 37. Una travessa a diferents velocitats. Quan ens adonem que TIC són una gran oportunitat per desenvolupar la notra complexitat.
  38. 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. 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. 40. Sovint cal que els usuaris a qui va dirigit el projecte web tinguin suport per a utilitzar-lo amb efectivitat.
  41. 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. 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. 43. Amb el web 2.0 han aparegut noves tasques, per tant cal preveure noves interaccions entre els components de l’equip.
  44. 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. 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. 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. 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. 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. 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. 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. 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. 52. Per tant el web 2.0 és base d’anàlisi i alhora font de coneixement.
  53. 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. 54. Treballar en equip... a la xarxa
  55. 55. L’eina de grups de Can Antaviana: Pantalla d’accés
  56. 56. Llistat de Grups
  57. 57. Portada d’un grup
  58. 58. El blog per generar debat
  59. 59. El blog amb els comentaris
  60. 60. Repositori de documents
  61. 61. Missatgeria interna
  62. 62. Microblogging, quan un email és massa, una trucada no convé i un post-it es pot perdre.
  63. 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. 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. 65. Quan la distància no és una barrera i el treball simultani en un mateix document fa la feina més àgil.
  66. 66. El social bookmarking, quan les petites coses tenen molt valor.
  67. 67. Tria i remena! Hi ha centenars d’eines que et po- den ajudar a treballar en xarxa.
  68. 68. Perquè fora de les organitzacions les persones ja han entès la força del treball en equip
  69. 69. MOLTES GRÀCIES Trobareu aquesta presentació a: www.slideshare.net/canantaviana

×