Com hackejar la web

Durada: 45 minuts

Mira de tenir tot preparat abans per a donar prou temps als estudiants per jugar amb les eines.

Resum:

Amb aquesta activitat, els estudiants aprenen com personalitzar i remenar pàgines web a través del hacking. Mer mitjà d'exploració guiada, discussió, i recombinant codi html, els estudiants començaran a entendre com poden integrar aquestes eines en una experiència d'aula.

Objectius:

• Els estudiants aprendran com editar HTML mitjançant brainstorming, prototipat i disseny iteratiu;
• Els estudiants descobriran, mitjançant l'exploració de pàgines web que els hi són familiars, que la web és una plaforma per a gran varietat de punts de vista;
• Els estudiants es familiaritzaran amb els conceptes bàsics de l'HTML mitjançant unes "ulleres hackers";
• Els estudiants experimentaran com canviar el contingut de pàgines web de manera modular.

Materials:

• Portàtils o PCs per a estudiants o equips d'estudiants
• Projector
• Versió més recent de Firefox, Safari, o Chrome
• Ulleres hackers: http://htmlpad.org/hackasauri

Resultats:

Al final d'aquest mòdul, els estudiants hauran de produir i presentar als seus companys una pàgina web hackeada. A més, els estudiants tindran artefactes digitals per compartir (via Flickr, o qualsevol altra xarxa) i també físics (en format imprès de la imatge).

Introducció:

Què és el hacking? Què és la Web oberta? Com es fan les webs? (5-10 mins)

Plantegem aquesta definició de "hacking": quan diem "hack" estem parlant de barrejar i generar contingut per crear coses noves per a la Web. Ens referim al hacking com curisositat i creativitat digital. No implica necessàriament per tant alguna cosa maligna o il·legal.

Inspeccionant la Web

Com mirar sota el barret d'una web i editar en directe els continguts de qualsevol pàgina. (20 mins)

• Fent servir un projector i un portàtil, mostrarem una pàgina web que sabem que els estudiants reconeixeran- per exemple Google o Facebook
• Demo de les ulleres.
  • Activar les ulleres de Raigs X
  • Observar el codi
  • Trobar tags que volem modificar o reemplaçar
  • Editar el contingut
  • Fer el hack
• Animar els estudiants que provin les ulleres.
• Deixar que els estudiants juguin amb l'eina i moure's entre les taules per ajudar-los. En cas que algú faci un hack particularment interessant, cridar l'atenció sobre el que ha fet i observar-lo tots plegats.

Hackejant la web:

Com remenar la web, construir la vostra pròpia pàgina web i col·laborar uns amb altres. (10 mins)

• Demanar als estudiants que portin el codi hackejat al Webpad.
• Explicar que les pàgines web estan fetes de peces igual que passa amb el Lego, i que podem muntar peces diferents a voluntat.
• Ensenyar als estudiants el Hackbook o llibre de hacks i com copiar i enganxar trossos de codi.
• Explicar una mica d'ètica (copiar és dolent) i conceptes com els bens comunals o Creative Commons -explicant que hi ha maneres respectuoses de citar i replicar continguts.

Conclusions:

Si tens temps, fes que els estudiants presentin el seu treball. Si vas just de temps fes una breu ronda on cada participant expliqui una de les coses que ha après.

• Pàgina web de Hackasaurus (en anglès)
• Pàgina wiki del projecte (en anglès)