Presentació

Aquest any l’assignatura gira al voltant del treball de dos sistemes web paradigmàtics: els Wikis i els Blogs. Els equips d’estudiants han de portar un quadern en forma de blog i definir un projecte web de base wiki.

Descripció de l’assignatura

Introducció al disseny de llocs web i, en general, al disseny d’interacció i de continguts per a sistemes en xarxa.
A través de la pràctica, l’anàlisi i la discussió, ens aproximarem a un context on les interfícies d’interacció són un element clau i on el control final de l’aparença està en mans de l’usuari i no del dissenyador.

Objectius

Oferir a l’estudiant els recursos conceptuals i procedimentals per afrontar el disseny de pàgines web, amb un especial èmfasi en l’organització no lineal de la informació, en el disseny d’interfícies de navegació i en el disseny, configuració i organització de sistemes que facilitin la col·laboració i la participació de les persones.

Aconseguir que l’estudiant prengui consciència de les característiques pròpies del disseny orientat a Internet (condicionants tecnològics, disseny d’interacció, públic potencial…) per poder encarar un projecte d’aquest tipus.

Continguts

  • Bases tecnològiques i conceptuals d’Internet i la WWW.
  • Organització no lineal de la informació, estructures de continguts.
  • Disseny de navegació; elements d’interfície i fluxos de navegació.
  • Interactivitat versus connectivitat.
  • Usabilitat; dialèctica forma/funció en el disseny de webs.
  • Accessibilitat a la web per a persones discapacitades i per a diversitat de configuracions tècniques.
  • Separació contingut/aparença en la publicació a internet; fulles d’estil CSS; formats de sindicació i agregadors
  • Col·laboració, participació i creació col·lectiva a la web amb atenció especial a wikis i blogs.
  • Sistemes Mediawiki (wiki) i WordPress (blog): instal·lació, configuració, adaptació, …
  • Serveis web interconnectats; sindicació, API’s i mashup’s.
  • Apoximacions a la web semàntica; folksonomies; sistemes de classificació i cerca.

Activitats docents i d’aprenentatge

Tots els estudiants (per grups de 2 persones) hauran de portar un quadern de curs online (blog) on publicaran els apunts de cada classe. També serà el lloc on publicar alguns treballs i altra informació relacionada amb l’assignatura.

Es faran diferents exercicis d’aprenentatge relacionats amb l’anàlisi de sistemes online, la instalació i adaptació de sistemes Mediawiki i WordPress, la maquetació mitjançant fulles d’estil, etc…

Els estudiants per equips de 2 persones hauran de definir un projecte web sobre base wiki que podrà tenir un blog vinculat. Hauran de fer el disseny web del projecte i una maqueta funcional.

Els estudiants per equips seran responsables també de la administració i dinamització de sistemes col·laboratius en web que serviran com a recursos de treball per la classe.

L’aprenentatge es desenvoluparà també a partir d’exercicis pràctics en equip que implicaran el disseny de pàgines web i la seva publicació a Internet (http://dissenyweb.elisava.es o http://81.47.196.50:4732/dissenyweb).

Aquestes activitats es complementaran amb intervencions teòriques dels professors, discussions i posades en comú a classe així com la lectura de bibliografia i textos recomanats.

Es recomana haver cursat prèviament l’àrea professional d’Arquitectura de la Informació i cursar l’assignatura instrumental o tenir coneixements d’un programa d’edició web (Dreamweaver, NVU, Kompozer, GoLive, FrontPage, …).

Avaluació

L’avaluació de l’assignatura és contínua a través de l’activitat realitzada durant tot el trimestre, el treball en equips, els encàrrecs de caire personal i la participació a classe.

En bona part l’avaluació de la feina feta al llarg del semestre es basarà en els apunts publicats al quadern d’equip. Els professors faran un seguiment d’aquests quaderns i podran demanar correccions o millores a través de comentaris en els blogs on són publicats.

El segon aspecte important de l’avaluació es centra en el desenvolupament del projecte de base wiki que farà cada equip. Es valorarà l’anàlisi previ d’un sistema web, el diagrama de continguts així com la maqueta gràfica i la maqueta funcional consistent en la instal·lació, configuració i adaptació dels sistemes web necessaris.

A més es tindrà en compte en la mesura del possible l’aprofitament per part dels estudiants de les eines i recursos tècnics de l’assignatura així com les seves aportacions a classe i a través dels mitjans de col·laboració en xarxa.

A títol orientatiu la qualificació total tindrà en compte l’avaluació del quadern d’equip (20%), de la part projectual del sistema web (40%) i de la maqueta funcional (40%).

És responsabilitat de l’estudiant facilitar l’accés dels professors als treballs i activitats realitzades perquè puguin ser avaluades.

Recursos de l’assigntura

  • Quaderns: s’utilitzaran blogs de WordPress.com
  • Servidor “Disseny web” del servei d’informàtica d’Elisava
  • Wiki “Interacció@Elisava” al mateix servidor
  • Llista “Disseny web Elisava” a Google-groups http://groups.google.es/group/disseny-web-elisava