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

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í

13. 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...

14. Reunions de definició,
amb o sense el client.
Pluja d’idees
Benchmarking
Comitè de gurús...

15. Presentació de la proposta
de col·laboració
Redacció de la proposta de col·laboració
Aportació d’idees
Aportació de solucions tècniques

16. Acceptació de la proposta
per part del client

17. 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

18. 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.

19. 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

20. Propostes gràfiques
Creació d’imatge corporativa?
Prototips
Look & feel
Propostes gràfiques de portada i interiors
Llibre d’estil web

21. Acceptació de l’arquitectura
d’informació i de les propostes
gràfiques.

22. Disseny gràfic

23. 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

24. 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.

25. Proves integrades / Controls de qualitat
Tècnics
D’usabilitat
D’accessibilitat
De visualització en diferents entorns

26. Formació

27. Introducció de continguts

28. Control de qualitat final
Lliurament del Certificat de qualitat final.

29. Acceptació
del projecte

30. Explotació: El web en funcionament!

31. Suport post-implantació
Difusió?
Pla de Màrketing?
SEO?...
Nous projectes?
Sempre al seu servei!

32. 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
...

33. Prototip
web

34. Arbre de
continguts

35. Certificat
de qualitat

36. Els marrons?
La gestió del canvi!

37. 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.

38. Una travessa a diferents velocitats.
Quan ens adonem que TIC són una
gran oportunitat per desenvolupar
la notra complexitat.

39. Caminem per un terreny més ferm
que ens permetrà arribar més lluny,
però abans hem d’aprendre
a caminar amb sabates.

40. 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.

41. Sovint cal que els usuaris a qui
va dirigit el projecte web tinguin
suport per a utilitzar-lo amb
efectivitat.

42. 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.

43. Per tant, en un desenvolupament d’un
projecte web s’incoporen noves tasques
de caire multidisciplinar que cal
incloure en el procés.

44. Amb el web 2.0 han aparegut noves
tasques, per tant cal preveure noves
interaccions entre els components de
l’equip.

45. 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)

46. 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.

47. 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.

48. 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

49. 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.

50. 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.

51. 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.

52. 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

53. Per tant el web 2.0 és base d’anàlisi
i alhora font de coneixement.

54. 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.

55. Treballar en equip...
a la xarxa

56. L’eina de grups de Can Antaviana:
Pantalla d’accés

57. Llistat de Grups

58. Portada d’un grup

59. El blog per generar debat

60. El blog amb els comentaris

61. Repositori de documents

62. Missatgeria interna

63. Microblogging, quan un email
és massa, una trucada no convé
i un post-it es pot perdre.

64. 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.

65. 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.

66. Quan la distància no és una barrera
i el treball simultani en un mateix
document fa la feina més àgil.

67. El social bookmarking, quan les
petites coses tenen molt valor.

68. Tria i remena!
Hi ha centenars d’eines que et po-
den ajudar a treballar en xarxa.

69. Perquè fora de les organitzacions
les persones ja han entès la força
del treball en equip

70. MOLTES
GRÀCIES
Trobareu aquesta presentació a:
www.slideshare.net/canantaviana