El desenvolupament deprojectes web en tres històries.

Camins rectes, escullsi vents favorables

Per què treballemper projectes?

Un projecte web implica

Molts professionals i actors diferents

Disciplines diverses

Fluxos de treball complexes

Alguns personatges que intervenen:

El cap de projecteEl consultor, expert en AI i usabilitatEl dissenyador webEl maquetador El programadorEl redactor de contingutsL’especialista SEO i SMOEl formador i... El client!

I encara, pel fet de ser una empresa:

Condicionants temporals Condicionants econòmics

Condicionants organitzatius

Un projecte complex demanadesfer aquesta complexitat dividint els processos en parts mesurablesi 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

El recte camí1

Tot comença amb una trucada o un mail... Tot comença amb la primera reunió...

Presa de requeriments generalsLa intuïció de l’experiènciaDetecció de voluntatsHàndicaps i elements tècnics...

Reunions de definició,amb o sense el client.

Pluja d’idees

Benchmarking

Comitè de gurús...

Presentació de la propostade col·laboració

Redacció de la proposta de col·laboració

Aportació d’idees

Aportació de solucions tècniques

Acceptació de la propostaper part del client

Reunió d’arrencada de projecte

Definició de l’equip del projecte

Planificació d’un calendari de treball

El Comitè de direccióSeguiment i presa de decisions

L’equip de treballCoordinació i seguiment(Un interlocutor de l’organització i un de l’empresa.)

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.

Definició de l’arquitectura dela informació: l’arbre de continguts

Entrevistes amb elements clau deles diverses àrees.

Tècniques d’AI i d’usabilitat

Card sorting

Propostes gràfiques

Creació d’imatge corporativa?

Prototips

Look & feel

Propostes gràfiques de portada i interiors

Llibre d’estil web

Acceptació de l’arquitecturad’informació i de les propostesgràfiques.

Disseny gràfic

Desenvolupament

Maquetació en plantilles XHTML Creació dels fulls d’estil CSS

Programació dels mòduls, integració d’einesja existents, creació d’aplicacions a mida.

Redacció de continguts

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.

Proves integrades / Controls de qualitat

Tècnics D’usabilitat D’accessibilitat De visualització en diferents entorns

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 webCalendari del projecteArbre de contingutsPropostes gràfiquesLlibre d’estilAnàlisis funcionals de les einesCertificat de qualitat ...

Prototipweb

Arbre decontinguts

Certificatde qualitat

Els marrons?

La gestió del canvi!

Els esculls, les tempestesi les sorpreses del camí

2

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.

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

Caminem per un terreny més ferm que ens permetrà arribar més lluny, però abans hem d’aprendrea 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 eines que s’hivolen incloure.

Sovint cal que els usuaris a quiva dirigit el projecte web tinguinsuport per a utilitzar-lo ambefectivitat.

De vegades cal oferir arguments clars a una tercera persona quedisposa de poc temps per fer valo-racions però té l’autoritat per triar.

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

Amb el web 2.0 han aparegut novestasques, 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ó.

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)

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.

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.

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’entitatque es representa

Cal treballar per afavorir el posicionament web

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.

Els projectes es fan complexos i la interacció entre elsdiferents professionals és cada cop més necessària:

En el moment de recollir les necessitats del client.

Per estructurar els continguts i definir les funcionalitatsdel 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.

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

web 2.0incorporar noves tasques a la feina

Llegir els feeds RSSLlegir blogs i fer-hi comentarisEscriure al blogParticipar en un wikiCompartir “share”...

Són tasques integrades al treball que no s’hande considerara oci ni pèrdua de temps

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

El vent favorable3

La història que explica com la web 2.0 s’incoporaen el nostre treball i com les eines en línia ens fan

més ràpids, més eficients i més equip.

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 sol document.

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 lespetites 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

MOLTESGRÀCIES

Trobareu aquesta presentació a:

www.slideshare.net/canantaviana