594
edits
Drumbeat/StoneSoup/HTML hacking: Difference between revisions
→Post per Mozilla.cat
| Line 51: | Line 51: | ||
=== Post per Mozilla.cat === | === Post per Mozilla.cat === | ||
'''Hackasaurus, eines per | '''Hackasaurus, eines per aprendre com es fa la web oberta''' | ||
El llenguatge de marcat d'hipertext o [http://ca.wikipedia.org/wiki/Hyper_Text_Markup_Language HTML], un dels pilars tècnics fonamentals amb el que està feta la Web que podem navegar des dels nostres ordinadors, és un dels primers llocs per on hauria de començar a aprendre qualsevol persona que vulgui esdevenir un veritable creador de continguts a Internet. Parlem d'una competència TIC tan bàsica, segons es miri, com la d'enviar missatges de correu o manegar un programari d'edició d'imatges. D'uns coneixements que doten de veritable autonomia per a la creació i modificació de pàgines web, permetent que l'usuari vagi més enllà de la utilització d'eines ja fetes i pugui manegar amb infinites possibilitats creatives el codi primigeni amb que en [http://ca.wikipedia.org/wiki/Tim_Berners-Lee Tim Berners-Lee] va donar peu, a principis dels 90, al que avui coneixem com la [http://ca.wikipedia.org/wiki/World_Wide_Web World Wide Web]. | El llenguatge de marcat d'hipertext o [http://ca.wikipedia.org/wiki/Hyper_Text_Markup_Language HTML], un dels pilars tècnics fonamentals amb el que està feta la Web que podem navegar des dels nostres ordinadors, és un dels primers llocs per on hauria de començar a aprendre qualsevol persona que vulgui esdevenir un veritable creador de continguts a Internet. Parlem d'una competència TIC tan bàsica, segons es miri, com la d'enviar missatges de correu o manegar un programari d'edició d'imatges. D'uns coneixements que doten de veritable autonomia per a la creació i modificació de pàgines web, permetent que l'usuari vagi més enllà de la utilització d'eines ja fetes i pugui manegar amb infinites possibilitats creatives el codi primigeni amb que en [http://ca.wikipedia.org/wiki/Tim_Berners-Lee Tim Berners-Lee] va donar peu, a principis dels 90, al que avui coneixem com la [http://ca.wikipedia.org/wiki/World_Wide_Web World Wide Web]. | ||
| Line 57: | Line 57: | ||
És per aquest motiu que Mozilla considera com una de les seves prioritats actuals, dins del ventall d'altres iniciatives que ajudin a defensar i reforçar [http://ca.wikipedia.org/wiki/Web_oberta la Web oberta] a través del projecte [https://www.drumbeat.org/ Drumbeat], que es fomenti tota una sèrie d'eines i metodologies per a l'aprenentatge de com es fa la Web. Es tracta de permetre que sota la mateixa filosofia i principis que guien el [http://ca.wikipedia.org/wiki/Programari_lliure programari lliure], de transparència i cooperació, els nois i noies a partir dels 10 anys puguin ja comprendre i manegar per mitjà de petites tasques i de manera lúdica llenguatges com l'HTML i altres de gran potencial creatiu. No amb la intenció que de grans siguin totes/es dissenyadors o un altre tipus de professionals vinculats a la Web (tot i que representi una via d'especialització gens desestimable actualment), sinó per sobre de tot per a que descobreixin i aprenguin de manera activa com estan fetes les coses que visiten cada dia amb el navegador, i alhora desenvolupin habilitats i processos cognitius de la manera que proposen teories pedagògiques com el [http://ca.wikipedia.org/wiki/Construccionisme Construccionisme], sota les que s'han desenvolupat projectes com ara el [http://ca.wikipedia.org/wiki/Llenguatge_de_programaci%C3%B3_Logo Logo] o l'[http://ca.wikipedia.org/wiki/Scratch_(llenguatge_de_programaci%C3%B3) Scratch]. | És per aquest motiu que Mozilla considera com una de les seves prioritats actuals, dins del ventall d'altres iniciatives que ajudin a defensar i reforçar [http://ca.wikipedia.org/wiki/Web_oberta la Web oberta] a través del projecte [https://www.drumbeat.org/ Drumbeat], que es fomenti tota una sèrie d'eines i metodologies per a l'aprenentatge de com es fa la Web. Es tracta de permetre que sota la mateixa filosofia i principis que guien el [http://ca.wikipedia.org/wiki/Programari_lliure programari lliure], de transparència i cooperació, els nois i noies a partir dels 10 anys puguin ja comprendre i manegar per mitjà de petites tasques i de manera lúdica llenguatges com l'HTML i altres de gran potencial creatiu. No amb la intenció que de grans siguin totes/es dissenyadors o un altre tipus de professionals vinculats a la Web (tot i que representi una via d'especialització gens desestimable actualment), sinó per sobre de tot per a que descobreixin i aprenguin de manera activa com estan fetes les coses que visiten cada dia amb el navegador, i alhora desenvolupin habilitats i processos cognitius de la manera que proposen teories pedagògiques com el [http://ca.wikipedia.org/wiki/Construccionisme Construccionisme], sota les que s'han desenvolupat projectes com ara el [http://ca.wikipedia.org/wiki/Llenguatge_de_programaci%C3%B3_Logo Logo] o l'[http://ca.wikipedia.org/wiki/Scratch_(llenguatge_de_programaci%C3%B3) Scratch]. | ||
Concretament, aquests objectius pedagògics es materialitzen de moment en tres noves eines que s'han desenvolupat molt recentment: les ulleres de raigs X (per veure i remenar el codi rera qualsevol plana web), l'htmlpad (per a crear i pujar al moment i sense necessitat d'FTP una pàgina) i un llibre de hacks (que mostra tot el que es pot dissenyar amb HTML i fer-ho fàcil de replicar). Aquestes eines i llur combinació amb finalitats pedagògiques s'estan testejant actualment en una sèrie de primeres proves que al voltant del concepte de ''hack jam'' o trobada de desenvolupadors, tractant que siguin apropiades amb la màxima llibertat possible per part de nens i nenes per a que siguin ells qui decideixin quines webs volen modificar | Concretament, aquests objectius pedagògics es materialitzen de moment en tres noves eines que s'han desenvolupat molt recentment: [http://hackasaurus.org/goggles/ les ulleres de raigs X] [cal link en català] (per veure i remenar el codi rera qualsevol plana web), [http://htmlpad.org/ l'htmlpad] (per a crear i pujar al moment i sense necessitat d'FTP una pàgina) i un [http://hackasaurus.org/hackbook/ llibre de hacks] (que mostra tot el que es pot dissenyar amb HTML i fer-ho fàcil de replicar). Aquestes eines i llur combinació amb finalitats pedagògiques [cal link en català] s'estan testejant actualment en una sèrie de primeres proves que al voltant del concepte de ''hack jam'' o trobada de desenvolupadors, tractant que siguin apropiades amb la màxima llibertat possible per part de nens i nenes per a que siguin ells qui decideixin quines webs volen modificar i com, i ho facin ajudant-se mútuament i tenint la figura docent més com a orientador i facilitador. | ||
En aquest sentit, a banda de les primeres sessions que s'estan duent a terme principalment a Nova York, de la mà del [http://newyouthcity.com/ New Youth City Learning Network], el darrer dia 15 de Juliol dins la programació del [http://tecnoestiu.projectescitilab.eu/ Tecnoestiu Tecnoestiu] del [http://www.citilab.eu/ Citilab-Cornellà] es fa dur a terme una primera aproximació a la utilitat de l'eina, amb un grup de setze nens i nenes d'entre 10 i 12 anys, provinents del casal de la [http://marianao.net/ Fundació Marianao]. Durant la sessió, van passar d'entendre el concepte a través de l'exemple de modificar amb la tècnica del collage una revista, fins a modificar per si mateixos les imatges i textos de diferents planes web com ara Google, la Viquipèdia o de diferents entitats dins cadascun dels seus navegadors. Posteriorment van poder compartir els resultats entre ells i presentar-los davant una càmera amb les pàgines ''hackejades'' de rerafons. | En aquest sentit, a banda de les primeres sessions que s'estan duent a terme principalment a Nova York, de la mà del [http://newyouthcity.com/ New Youth City Learning Network], el darrer dia 15 de Juliol dins la programació del [http://tecnoestiu.projectescitilab.eu/ Tecnoestiu Tecnoestiu] del [http://www.citilab.eu/ Citilab-Cornellà] es fa dur a terme una primera aproximació a la utilitat de l'eina, amb un grup de setze nens i nenes d'entre 10 i 12 anys, provinents del casal de la [http://marianao.net/ Fundació Marianao]. Durant la sessió, adaptant [http://htmlpad.org/profesaurus/ una guia didàctica ja creada] [cal link en català], van passar d'entendre el concepte a través de l'exemple de modificar amb la tècnica del collage una revista, fins a modificar per si mateixos les imatges i textos de diferents planes web com ara Google, la Viquipèdia o de diferents entitats dins cadascun dels seus navegadors. Posteriorment van poder compartir els resultats entre ells i presentar-los davant una càmera amb les pàgines ''hackejades'' de rerafons. | ||
A continuació estem plantejant la celebració de més sessions de prova i introductòries amb altres franges d'edat, amb tot aquest nou sistema d'eines i metodologies que és el Hackasaurus, alhora que localitzant-ho al català progressivament. També la possibilitat d'aplicar-ho en altres contextos formatius com l'universitari, o en dinàmiques d'apropiació més complertes i que posin en joc més competències com ara l'escrita i la d'edició d'imatges amb la col·laboració d'altres institucions i iniciatives actives a la xarxa. | A continuació estem plantejant la celebració de més sessions de prova i introductòries amb altres franges d'edat, amb tot aquest nou sistema d'eines i metodologies que és el Hackasaurus, alhora que localitzant-ho al català progressivament. També la possibilitat d'aplicar-ho en altres contextos formatius com l'universitari, o en dinàmiques d'apropiació més complertes i que posin en joc més competències com ara l'escrita i la d'edició d'imatges amb la col·laboració d'altres institucions i iniciatives actives a la xarxa. | ||