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

Els projectes web en tres històries

on

  • 996 views

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

Statistics

Views

Total Views
996
Views on SlideShare
993
Embed Views
3

Actions

Likes
2
Downloads
6
Comments
0

2 Embeds 3

http://www.slideshare.net 2
http://localhost 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-NonCommercial LicenseCC Attribution-NonCommercial License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Els projectes web en tres històries Els projectes web en tres històries Presentation Transcript

  • 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 El maquetador El programador El redactor de continguts L’especialista SEO i SMO El formador i... El client!
  • 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ïció de l’experiència Detecció de voluntats Hàndicaps i elements tècnics...
  • 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ó de solucions tècniques
  • 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 decisions L’equip de treball Coordinació i seguiment (Un interlocutor de l’organització i un de l’empresa.) Planificació d’un calendari de treball
  • 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 de la informació: l’arbre de continguts Entrevistes amb elements clau de les 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’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ó d’eines ja 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 web Calendari del projecte Arbre de continguts Propostes gràfiques Llibre d’estil Anàlisis funcionals de les eines Certificat de qualitat ...
  • 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, 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’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 eines que s’hi volen incloure.
  • 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’autoritat per triar.
  • Per tant, en un desenvolupament d’un projecte web s’incoporen noves tasques de caire multidisciplinar que cal incloure en el procés.
  • 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ó. 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’entitat que 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 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.
  • 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.
  • 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
  • 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í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 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