04 Seminari Casa Oficis

download 04 Seminari Casa Oficis

If you can't read please download the document

description

Reflexió sobre les fases de treball i les especialitzacions que intervenen en la construcció web. Per a un seminari a una casa d'oficis per a preparar programadors web.

Transcript of 04 Seminari Casa Oficis

  • 1. (0) De qu parlarem? Qu busca la gent a Internet.Veure, opinar, decidir. (1) Qu dius? Amb qui parles?Em canso!Si us plau, la sortida? Per a joves, grans i petits. (2) Web 2.0: dos punt qu? (3) Un web s all que... Tots a una. Per etapes, com el tour! Una placa per a la teva porta. (4)

2. (0) De qu parlarem?Un web s all que... (4 .1 ) 3. Per a qu serviex un web? Una empresa >> els seus clients L'administraci >> La ciutadania Una entitat >> els seus socis Una ONG >> els seus collaboradors Fotografia d'uayebt Flickr Pensem en exemples?Podem recordar un cas de cada? Per millorar, ampliar, conservar,mantenir relacions e ntre quiencarrega el web i elsseus detinataris. (4.1) Un web s all que... 4. Qui encarrega el web acostuma a tenir uns missatges principal per comunicar. Fotografia de mariajose_ Flickr Confiana Tu saps perfectament que no et fallarem Eficcia Rpid sense perdre el temps, sense horaris Inters El que jo t'explico, necessites saber-ho Adequaci El que venc, el que tinc, s ideal per a tu. (4.1) Un web s all que... 5. Com s'aconsegueix transmetre el missatge clau Fotografia Mueses Flickr Si el web funcona perfectament: Pgines ben carregades. Butons i enllaos que funcionen. Imatges, sons, videos que es carreguenamb rapidesa... El destinatari no t problemesper veure el web i entn que esten un lloc de qualitat. (4.2) Tots a una. 6. Com s'aconsegueix transmetre el missatge clau Fotografia de Hvnly Flickr Si La navegaci s fcil d'entendre imolt intuitiva, la informaci est benestructurada, tot est a l'abast, no hiha clics de ms... El destinatari se sent cmode, sempresapon es troba, rep la sensaci de quel'empresa que hi ha al darrere s efica. (4.2) Tots a una. 7. Com s'aconsegueix transmetre el missatge clau Fotografia de Miguel . Yuste Flickr Si la informaci que s'ofereix estseleccionada tenint en compte eldestinatari. La redacci dels textos convida a seguir al lloc web. El que es diu s veritati es demostra constantment. El destinatari entn el que se li explica,ho troba interessant i s'adona que alls adequat per a ell/a. (4.2) Tots a una. 8. Com s'aconsegueix transmetre el missatge clau Fotografia de arquera Flickr Si les imatges, fotos colors estan ensimptonia amb el producte o el serveique s'ofereix. Els grafismes facilitenla navegaci, la lectura, l's del web. No hi ha elements grfics gratuts. El destinatari se sent cmode i segur,rep la sensaci que tot s'ha fet ambcura i amb inters. (2) Tots a una. 9. Com s'aconsegueix transmetre el missatge clau Fotografia de ruurmo Flickr Si el web que es construeix est enconsonncia amb la realitat de la Xarxa. La prioritat s el client i la seva comoditat.L'empresa o entitat que encarrega el web aconseguir els seus objectius:demostrar eficcia, utilitat, adequaci, servei i qualitat(4.2) Tots a una. 10. (0) De qu parlarem?Per etapes, com el tour! (4 .3 ) 11. Fases d'un projecte Fotografia de pviojo Flickr Un objectiu com: construir un lloc web. Un mateix missatge : que expliqui el projecte delnostre client. Un equip multidisicplinar: diferents tasques, diferentspunts de vista. (4.3) Per etapes, com un Tour. 12. Fases d'un projecte. Fotografia de Terranoide Flickr Pas 1. Descobrir les particularitats del'encrrec, les caracterstiques del teuclient, les seves necessitats, el perfildels seus clients... Conixer tant comsigui possible el teu client. D'aquests pas s'obt un documentanomenatbrifing . (4.3) Per etapes, com un Tour. 13. Fases d'un projecte Fotografia de driusha Flickr Pas 2. Definir el missatge principal del web.Decidir quins sn els temes principals,l'enfoc, el to, l'estil...D'aquests pas s'obt un informedetallat queguiar tot el projecte . (4.3) Per etapes, com un Tour. 14. Fases d'un projecte Fotografia de GirlReporter Flickr Pas 3. Definici dels continguts: temes isubtemes, tria d'imatges necessries,d'enregistraments...D'aquests pas s'obt unpla de treball que encadena diferents tasques. (4.3) Per etapes, com un Tour. 15. Fases d'un projecte Fotografia de Lord Biro Flickr Pas 4. Definici de les caracterstiquestcniques del lloc web: espai de disc,tranferncia, nombre de BD... En aquest pas s'assigna unplad'allotjament webi si cal, es comprenelsdominisnecessaris. (4.3) Per etapes, com un Tour. 16. Fases d'un projecte Fotografia de kainita Flickr Pas 5. Definir l'enlla dels continguts del web,les planes que hi haur, els mensde navegaci, etc. D'aquests pas s'obt undiagrama de flux. (4.3) Per etapes, com un Tour. 17. Fases d'un projecte Fotografia de Guillermo Ruiz de Loizaga Flickr Pas 6. Anlisi de l'experincia de l'usuari: com es visitar el web, qu es trobarun usuari , quines dificultats pot tenir... D'aquests pas s'obt unmapa interactiu de navegaci. (3) Per etapes, com un Tour. 18. Fases d'un projecte Fotografia de Torchondo Flickr Pas 7. Distribuci grfica de tots els elementsde cada plana blocs de text, fotografies,formularis, mens... D'aquests pas s'obt unstory board . (4.3) Per etapes, com un Tour. 19. Fases d'un projecte Fotografia de Alexandre Van de Sande Flickr Pas 8. Determinar el nombre de bases dedades tipus de relacions, accions ques'han de programar... D'aquests pas s'obt unguide programaci. (4.3) Per etapes, com un Tour. 20. Fases d'un projecte Fotografia de Dave Flickr A treballar... Programar Redactar Illustrar Fotografiar Seleccionar Optimitzar Implementar(4.3) Per etapes, com un Tour. 21. (0) De qu parlarem?Una placa per a la teva porta. (4 .4 ) 22. Els oficis que intervenen en un projecte web. Fotografia de miguev Flickr Director/a de projecte.Persona responsable de coordinarel projecte, fer el pressupost, marcar lesdirectrius generals, marcar terminis... (4.4) Una placa per a la teva porta. 23. Els oficis que intervenen en un projecte web. Fotografia de cesarastudillo Flickr Grafista Responsable de fer una proposta grfica,seleccionar imatges, crear una lnia pera fer icones, botons i qualsevol altreelement grfic. (4.4) Una placa per a la teva porta. 24. Els oficis que intervenen en un projecte web. Fotografia de Daquella manera Flickr Arquitecte/a d'informaciPersona responsable de l'estructurai l'organitzaci dels continguts, de mantenirun ordre cla i coherent entre les seccions. (4.4) Una placa per a la teva porta. 25. Els oficis que intervenen en un projecte web. Fotografia de Visentico Flickr Redactor/a web Persona responsable de seleccionarels temes i subtemes, crear captolsi blocs de continguts, redactar el textsegons les caracterstiques delmitj i les particularitats de l'encrrec. (4.4) Una placa per a la teva porta. 26. Els oficis que intervenen en un projecte web. Fotografia de Robbes Flickr Programador/a Persona que programa les bases dedades, les accions... que faran que el llocweb funcioni. (4.4) Una placa per a la teva porta. 27. Els oficis que intervenen en un projecte web. Fotografia de .dan Flickr Implementador/a Persona que enllaa la programaci ambla creaci dels arxius html, el que fa les planes. (4.4) Una placa per a la teva porta. 28. Els oficis que intervenen en un projecte web. Fotografia de t i n a | r a v a l Flickr Corrector/a Persona que vetlla per la qualitatortogrfica i gramatical dels textos. (4.4) Una placa per a la teva porta. 29. Els oficis que intervenen en un projecte web. Fotografia de sebastiangoeres Flickr Traductor/a Persona que tradueix tots els textosa una altra llengua. (4.4) Una placa per a la teva porta. 30. En resum, Un sol encrrec. Un missatge principal. Diferents punts de vista. Diferents tasques per desenvolupar. Un nic resultat. La construcci d'un lloc web s unafeina d'equip. (4.4) Una placa per a la teva porta. 31. http://www.enraona.com/bloc Ms idees? Ms preguntes? [email_address] Grcies per la teva atenci. www.enraona.cat El teu projecte a Internet, clar i directe. 32.