594
edits
Drumbeat/StoneSoup/HTML hacking: Difference between revisions
Drumbeat/StoneSoup/HTML hacking (view source)
Revision as of 09:01, 6 September 2011
, 6 September 2011→ToDo list
m (→ToDo list) |
|||
| (9 intermediate revisions by the same user not shown) | |||
| Line 13: | Line 13: | ||
* '''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. | * '''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. | * '''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 | * '''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 intense help with that. | ||
* '''They got the idea and feeling of hacking | * '''They got the idea and feeling of hacking webs''': 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 :( === | === 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 to what they were doing. A kind of special back button or automatic saving of the code would help with that. | * '''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 to what they were doing. A kind of special back button or automatic saving of the code would help with that. | ||
* '''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 | * '''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 that, but maybe we didn't play with it enough. | ||
* '''Points of stress with facilitation''': there were two of us for 16 kids, but also another occasional two facilitators from their summer camp. Even then, at some points there were 5 or 6 raising hands at the same time and not enough ability for turning the questions to the whole group (since each team was concentrated on their own page). A role of main facilitator or teacher adding some pauses, commuting from one screen to another with the projector, would have help. | * '''Points of stress with facilitation''': there were two of us for 16 kids, but also another occasional two facilitators from their summer camp. Even then, at some points there were 5 or 6 raising hands at the same time and not enough ability for turning the questions to the whole group (since each team was concentrated on their own page). A role of main facilitator or teacher adding some pauses, commuting from one screen to another with the projector, would have help. | ||
*''' Finishing the session with more knowledge''': about other hackasaurus tools and code notions. On one hand, we didn't have time nor prepared the session for jumping into the htmlpad, which some of the kids would have liked to play with in order to have URLs for sharing their hacks. On the other hand, explaining how HTML and other codes work on the Internet, as well as its basic structure, was also out of scope that day. A couple of nice and fun looking slides for presenting or finishing the session with that may have helped too to make it more complete. | *''' Finishing the session with more knowledge''': about other hackasaurus tools and code notions. On one hand, we didn't have time nor prepared the session for jumping into the htmlpad, which some of the kids would have liked to play with in order to have URLs for sharing their hacks. On the other hand, explaining how HTML and other codes work on the Internet, as well as its basic structure, was also out of scope that day. A couple of nice and fun looking slides for presenting or finishing the session with that may have helped too to make it more complete. | ||
| Line 27: | Line 27: | ||
* '''Advices for preparing the session''': the tips at http://hackasaurus.org/teachers/ gave confidence and a notion of what is important to do in which order. Even if you don't follow them strictly I think works as a guarantee for knowing where to go and what to check before the session. | * '''Advices for preparing the session''': the tips at http://hackasaurus.org/teachers/ gave confidence and a notion of what is important to do in which order. Even if you don't follow them strictly I think works as a guarantee for knowing where to go and what to check before the session. | ||
* '''General usability of the Goggles''': is a light and easy to understand interface, even translated to Spanish they didn't need to read that much, since the remixing functionality was showed on the main screen and they got the idea really quickly. The most confusing thing was the raw view of code when selecting an element containing many others, but now I see that's elegantly solved with the "Pretty" view (we missed something like this that day!). | * '''General usability of the Goggles''': is a light and easy to understand interface, even translated to Spanish they didn't need to read that much, since the remixing functionality was showed on the main screen and they got the idea really quickly. The most confusing thing was the raw view of code when selecting an element containing many others, but now I see that's elegantly solved with the "Pretty" view (we missed something like this that day!). | ||
* '''Preview functionality when remixing an element''': above all, I think when they saw changes at the right part of the screen before pressing "Ok", right after dealing with the piece of code, was that "uhm" moment I think is the | * '''Preview functionality when remixing an element''': above all, I think when they saw changes at the right part of the screen before pressing "Ok", right after dealing with the piece of code, was that "uhm" moment I think is the most important momentum when learning :) | ||
=== Gallery === | === Gallery === | ||
| Line 93: | Line 93: | ||
== ToDo list == | == ToDo list == | ||
*Translate to Spanish & Catalan http://hackasaurus.org/goggles.php and what's needed at https://github.com/hackasaurus/webxray | *Translate to Spanish & Catalan <s>http://hackasaurus.org/goggles.php and what's needed at https://github.com/hackasaurus/webxray </s> | ||
** Also details for teachers and other facilitators at http://etherpad.mozilla.com:9000/jammin | ** <s>Also details for teachers and other facilitators at http://etherpad.mozilla.com:9000/jammin</s> | ||
** | ** Also http://netfools.com/puzzle/ and http://toolness.github.com/hackasaurus-parable/ and move it to an htmlpad | ||
**''Sketch out localization strategy & implications with Atul'' | **''Sketch out localization strategy & implications with Atul'' | ||
*Also if possible http://htmlpad.org/ and left text of http://htmlpad.org/test/edit | *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.'' | **''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.'' | **''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/ | *Organise two Hack jams at July (<s>Citilab</s> & 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 | *Fully document the session (video + wiki) in Catalan/Spanish/English (underway) | ||
*Spread the initial results through local channels and educational nodes | *Spread the initial results through local channels and educational nodes | ||
** Tweets to: @espurna @educacontic @CCCBeducacio @rosasensat | |||
** Teachers course at [[Drumbeat/StoneSoup/HTML_hacking/Moodle course|Moodle]] (for Catalan teachers) | |||
== Check == | == Check == | ||
* Each Thursday (9pm Barcelona): http://etherpad.mozilla.com:9000/Hackasaurus-community-call | * Each Thursday (9pm Barcelona): http://etherpad.mozilla.com:9000/Hackasaurus-community-call | ||
* Also plans at http://etherpad.mozilla.com:9000/Hackasaurus-glroadmap | * Also plans at: | ||
** http://etherpad.mozilla.com:9000/Hackasaurus-glroadmap | |||
** https://wiki.mozilla.org/Drumbeat/Hackasaurus/Roadmap | |||
** http://etherpad.mozilla.com:9000/Hackasaurus-eventroadmap | |||
== Hack Jams == | == Hack Jams == | ||
* Citilab (mid July) | * <s>Citilab (mid July)</s> | ||
* Televall (september) | * Televall (september) | ||
* Golferichs (mid september, to be confirmed) | * Golferichs (mid september, to be confirmed) | ||
* Ravalnet (to be confirmed) | |||