Drumbeat/StoneSoup/HTML hacking: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
== Hacks at Tecnoestiu @CitiLab == | == Hacks at Tecnoestiu @CitiLab == | ||
Today we had a hack jam session at [http://www.citilab.eu/ Citilab]'s [http://tecnoestiu.projectescitilab.eu/ Tecnoestiu project], with 16 kids from a summer camp at [http://marianao.net/ Fundació Marianao], from 10 to 12 years | Today we had a hack jam session at [http://www.citilab.eu/ Citilab]'s [http://tecnoestiu.projectescitilab.eu/ Tecnoestiu project], with 16 kids from a summer camp at [http://marianao.net/ Fundació Marianao], from 10 to 12 years. They worked in pairs changing images and texts of several webpages using the [http://hackasaurus.org/ Hackasaurus] [http://hackasaurus.org/goggles/ X-Ray Googles]. | ||
We started by seeing first an analogy with "hacking" a paper magazine (pasting some images in a kind of collage) and then went straight to a live demo of Grover as a Google logo and some other minor but funny changes on the popular search engine. | |||
We'll have videos and pics soon, but here's a short gallery of some of the best hacks: | |||
=== Initial collage as a starter === | === Initial collage as a starter === | ||
| Line 7: | Line 11: | ||
http://www.estigmergia.net/fotos/hackasaurus/revista.jpg | http://www.estigmergia.net/fotos/hackasaurus/revista.jpg | ||
=== Grover hacks Google demo == | === Grover hacks Google demo === | ||
http://www.estigmergia.net/fotos/hackasaurus/coco_Google.png | http://www.estigmergia.net/fotos/hackasaurus/coco_Google.png | ||
=== Barça offers the cup at Real Madrid's website === | |||
http://www.estigmergia.net/fotos/hackasaurus/hack_madrid.png | |||
=== Pocoyo shows up at Justin Bieber's article === | |||
http://www.estigmergia.net/fotos/hackasaurus/hack_pocoyo.png | |||
=== Barça theme of Google === | |||
http://www.estigmergia.net/fotos/hackasaurus/hack_google_cule.png | |||
=== Cristiano Patata === | |||
http://www.estigmergia.net/fotos/hackasaurus/hack_patata.png | |||
=== Hacking a bank's website === | |||
http://www.estigmergia.net/fotos/hackasaurus/HACK_ing.png | |||
=== The battle of Harry and Minnie === | |||
http://www.estigmergia.net/fotos/hackasaurus/hack_potter_minnie.png | |||
=== David Guetta's new image === | |||
http://www.estigmergia.net/fotos/hackasaurus/hack_guetta.png | |||
Revision as of 15:26, 15 July 2011
Hacks at Tecnoestiu @CitiLab
Today we had a hack jam session at Citilab's Tecnoestiu project, with 16 kids from a summer camp at Fundació Marianao, from 10 to 12 years. They worked in pairs changing images and texts of several webpages using the Hackasaurus X-Ray Googles.
We started by seeing first an analogy with "hacking" a paper magazine (pasting some images in a kind of collage) and then went straight to a live demo of Grover as a Google logo and some other minor but funny changes on the popular search engine.
We'll have videos and pics soon, but here's a short gallery of some of the best hacks:
Initial collage as a starter
Grover hacks Google demo
Barça offers the cup at Real Madrid's website
Pocoyo shows up at Justin Bieber's article
Barça theme of Google
Cristiano Patata
Hacking a bank's website
The battle of Harry and Minnie
David Guetta's new image
ToDo list
- Translate to Spanish & Catalan http://hackasaurus.org/goggles.php and what's needed at https://github.com/hackasaurus/webxray
- Also details for teachers and other facilitators at http://etherpad.mozilla.com:9000/jammin
- https://wiki.mozilla.org/Drumbeat/Hackasaurus/Roadmap
- Sketch out localization strategy & implications with Atul
- Consider using http://netfools.com/puzzle/
- Also the missions at https://secure.toolness.com/webxray/missions/
- Are the missions required for your event? Suggest taking this out of scope.
- Also if possible http://htmlpad.org/ and left text of http://htmlpad.org/test/edit
- Again: let's co-ordinate on larger localization strategy / implications.
- The English copy for these pages is being re-written. Will be done by mid-June.
- Organise two Hack jams at July (Citilab & probably Golferichs center) following recommendations from http://jessicaklein.blogspot.com/2011/04/youth-design-jams-101-building-your.html and http://openmatt.wordpress.com/2011/04/26/best-hackasaurus-event-ever/
- Fully document the session (video + wiki) in Catalan/Spanish/English
- Spread the initial results through local channels and educational nodes
Check
- Each Thursday (9pm Barcelona): http://etherpad.mozilla.com:9000/Hackasaurus-community-call
- Also plans at http://etherpad.mozilla.com:9000/Hackasaurus-glroadmap and http://etherpad.mozilla.com:9000/Hackasaurus-eventroadmap
Hack Jams
- Citilab (mid July)
- Golferichs (mid July, to be confirmed)
- Televall (mid July, to be confirmed)