594
edits
Drumbeat/StoneSoup/HTML hacking: Difference between revisions
Jump to navigation
Jump to search
no edit summary
No edit summary |
|||
| Line 9: | Line 9: | ||
At the end some of they presented their hacks in front of a chroma key, and surprisingly enough, before leaving, the more active ones at the session were asking if they can do that from home, how to share and make those changes permanent and visible for other people. | At the end some of they presented their hacks in front of a chroma key, and surprisingly enough, before leaving, the more active ones at the session were asking if they can do that from home, how to share and make those changes permanent and visible for other people. | ||
=== What went well :D === | |||
=== Initial collage as | * '''The initial approach with the hack/collage on the paper magazine''' (see pic below): it gave the kids a clear idea of what we were going to try afterwards, digitally. | ||
* '''Eliciting about what's a hacker and searching images of that''': right after some of their answers we moved to the task of searching pics related to 'hacker' with Google Images, what was very useful for showing them the unique URLs of images as something they would need for the exercise. | |||
* '''Working in couples''': each team was able to decide which page to hack and to solve the tasks of changing images and text quite easily, with only a few needing much help with that. | |||
* '''They got the idea and feeling of hacking things''': although we told them that we were not changing things for real, apart from their browsers, many of them asked how to do it from home and what else was needed for making "real" hacks. | |||
=== What didn't go so well :( === | |||
* '''Technical problems when reloading the page''': some lost their hacks even twice. Although we told them not to reload the page, when installing and uninstalling the goggles they pressed a link and then could not go back. | |||
* '''A few lost interest after the first hack''': which on average was fine, but if the activity were longer and with more tasks there could have been more of them (and somehow for future occasions we have to consider what to tell them to do right after that). Even the prize stuff was not enough motivational related to them. | |||
* '''Points of stress with facilitation''': there were two of us for 16 kids, but also another occasional | |||
* Finishing the session with more knowledge: about other hackasaurus tools and code notions | |||
=== What was more useful ;) === | |||
* Advices for preparing the session | |||
* General usability of the tool | |||
* Preview functionality when remixing an element | |||
=== Gallery === | |||
We'll have videos and pics in September, but here's a screenshot gallery of some of the hacks: | |||
==== Initial collage as starter ==== | |||
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 === | ==== Barça offers the cup at Real Madrid's website==== | ||
http://www.estigmergia.net/fotos/hackasaurus/hack_madrid.png | http://www.estigmergia.net/fotos/hackasaurus/hack_madrid.png | ||
=== Pocoyo shows up at Justin Bieber's article === | ==== Pocoyo shows up at Justin Bieber's article ==== | ||
http://www.estigmergia.net/fotos/hackasaurus/hack_pocoyo.png | http://www.estigmergia.net/fotos/hackasaurus/hack_pocoyo.png | ||
=== Barça theme of Google === | ==== Barça theme of Google==== | ||
http://www.estigmergia.net/fotos/hackasaurus/hack_google_cule.png | http://www.estigmergia.net/fotos/hackasaurus/hack_google_cule.png | ||
=== Cristiano Patata === | ====Cristiano Patata ==== | ||
http://www.estigmergia.net/fotos/hackasaurus/hack_patata.png | http://www.estigmergia.net/fotos/hackasaurus/hack_patata.png | ||
=== Hacking a bank's website === | ==== Hacking a bank's website ==== | ||
http://www.estigmergia.net/fotos/hackasaurus/HACK_ing.png | http://www.estigmergia.net/fotos/hackasaurus/HACK_ing.png | ||
=== The battle of Harry and Minnie === | ==== The battle of Harry and Minnie ==== | ||
http://www.estigmergia.net/fotos/hackasaurus/hack_potter_minnie.png | http://www.estigmergia.net/fotos/hackasaurus/hack_potter_minnie.png | ||
=== David Guetta's new image === | ==== David Guetta's new image ==== | ||
http://www.estigmergia.net/fotos/hackasaurus/hack_guetta.png | http://www.estigmergia.net/fotos/hackasaurus/hack_guetta.png | ||