Els projectes web en tres històries
-
Upload
can-antaviana -
Category
Technology
-
view
445 -
download
1
description
Transcript of Els projectes web en tres històries
![Page 1: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/1.jpg)
El desenvolupament deprojectes web en tres històries.
Camins rectes, escullsi vents favorables
![Page 2: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/2.jpg)
Per què treballemper projectes?
![Page 3: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/3.jpg)
Un projecte web implica
Molts professionals i actors diferents
Disciplines diverses
Fluxos de treball complexes
![Page 4: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/4.jpg)
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!
![Page 5: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/5.jpg)
I encara, pel fet de ser una empresa:
Condicionants temporals Condicionants econòmics
Condicionants organitzatius
![Page 6: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/6.jpg)
Un projecte complex demanadesfer aquesta complexitat dividint els processos en parts mesurablesi assumibles.
![Page 7: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/7.jpg)
Revelació 1: Res no és tan simple com sembla
![Page 8: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/8.jpg)
Revelació 2: Tot tarda més del que t’imagines
![Page 9: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/9.jpg)
Revelació 3: La planificació serveix per comprovar que costa molt complir-la. Però es compleix més que si no planifiquéssim.
![Page 10: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/10.jpg)
Perquè això fa gràcia només quan és un acudit
![Page 11: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/11.jpg)
El recte camí1
![Page 12: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/12.jpg)
![Page 13: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/13.jpg)
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...
![Page 14: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/14.jpg)
Reunions de definició,amb o sense el client.
Pluja d’idees
Benchmarking
Comitè de gurús...
![Page 15: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/15.jpg)
Presentació de la propostade col·laboració
Redacció de la proposta de col·laboració
Aportació d’idees
Aportació de solucions tècniques
![Page 16: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/16.jpg)
Acceptació de la propostaper part del client
![Page 17: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/17.jpg)
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.)
![Page 18: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/18.jpg)
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.
![Page 19: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/19.jpg)
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
![Page 20: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/20.jpg)
Propostes gràfiques
Creació d’imatge corporativa?
Prototips
Look & feel
Propostes gràfiques de portada i interiors
Llibre d’estil web
![Page 21: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/21.jpg)
Acceptació de l’arquitecturad’informació i de les propostesgràfiques.
![Page 22: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/22.jpg)
Disseny gràfic
![Page 23: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/23.jpg)
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
![Page 24: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/24.jpg)
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.
![Page 25: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/25.jpg)
Proves integrades / Controls de qualitat
Tècnics D’usabilitat D’accessibilitat De visualització en diferents entorns
![Page 26: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/26.jpg)
Formació
![Page 27: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/27.jpg)
Introducció de continguts
![Page 28: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/28.jpg)
Control de qualitat final
Lliurament del Certificat de qualitat final.
![Page 29: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/29.jpg)
Acceptaciódel projecte
![Page 30: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/30.jpg)
Explotació: El web en funcionament!
![Page 31: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/31.jpg)
Suport post-implantació
Difusió? Pla de Màrketing? SEO?...Nous projectes?
Sempre al seu servei!
![Page 32: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/32.jpg)
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 ...
![Page 33: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/33.jpg)
Prototipweb
![Page 34: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/34.jpg)
Arbre decontinguts
![Page 35: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/35.jpg)
Certificatde qualitat
![Page 36: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/36.jpg)
Els marrons?
La gestió del canvi!
![Page 37: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/37.jpg)
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.
![Page 38: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/38.jpg)
Una travessa a diferents velocitats. Quan ens adonem que TIC són una gran oportunitat per desenvolupar la notra complexitat.
![Page 39: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/39.jpg)
Caminem per un terreny més ferm que ens permetrà arribar més lluny, però abans hem d’aprendrea caminar amb sabates.
![Page 40: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/40.jpg)
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.
![Page 41: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/41.jpg)
Sovint cal que els usuaris a quiva dirigit el projecte web tinguinsuport per a utilitzar-lo ambefectivitat.
![Page 42: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/42.jpg)
De vegades cal oferir arguments clars a una tercera persona quedisposa de poc temps per fer valo-racions però té l’autoritat per triar.
![Page 43: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/43.jpg)
Per tant, en un desenvolupament d’un projecte web s’incoporen noves tasques de caire multidisciplinar que calincloure en el procés.
![Page 44: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/44.jpg)
Amb el web 2.0 han aparegut novestasques, per tant cal preveure noves interaccions entre els components de l’equip.
![Page 45: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/45.jpg)
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)
![Page 46: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/46.jpg)
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.
![Page 47: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/47.jpg)
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.
![Page 48: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/48.jpg)
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
![Page 49: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/49.jpg)
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.
![Page 50: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/50.jpg)
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.
![Page 51: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/51.jpg)
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.
![Page 52: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/52.jpg)
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
![Page 53: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/53.jpg)
Per tant el web 2.0 és base d’anàlisi i alhora font de coneixement.
![Page 54: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/54.jpg)
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.
![Page 55: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/55.jpg)
Treballar en equip...
a la xarxa
![Page 56: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/56.jpg)
L’eina de grups de Can Antaviana:Pantalla d’accés
![Page 57: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/57.jpg)
Llistat de Grups
![Page 58: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/58.jpg)
Portada d’un grup
![Page 59: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/59.jpg)
El blog per generar debat
![Page 60: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/60.jpg)
El blog amb els comentaris
![Page 61: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/61.jpg)
Repositori de documents
![Page 62: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/62.jpg)
Missatgeria interna
![Page 63: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/63.jpg)
Microblogging, quan un emailés massa, una trucada no convéi un post-it es pot perdre.
![Page 64: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/64.jpg)
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.
![Page 65: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/65.jpg)
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.
![Page 66: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/66.jpg)
Quan la distància no és una barrera i el treball simultani en un mateix document fa la feina més àgil.
![Page 67: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/67.jpg)
El social bookmarking, quan lespetites coses tenen molt valor.
![Page 68: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/68.jpg)
Tria i remena! Hi ha centenars d’eines que et po-den ajudar a treballar en xarxa.
![Page 69: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/69.jpg)
Perquè fora de les organitzacions les persones ja han entès la força del treball en equip
![Page 70: Els projectes web en tres històries](https://reader034.fdocumento.com/reader034/viewer/2022052507/558a7adbd8b42aa8028b46b4/html5/thumbnails/70.jpg)
MOLTESGRÀCIES
Trobareu aquesta presentació a:
www.slideshare.net/canantaviana