Webmaker/Teach/WebmakingResources/HacktivityKits: Difference between revisions
No edit summary |
No edit summary |
||
| Line 6: | Line 6: | ||
=== Table of Contents === | === Table of Contents === | ||
* [[Webmaker/Teach/WebmakingResources/HacktivityKits#Ins_and_Outs | The Ins and Outs of these Kits]] | * [[Webmaker/Teach/WebmakingResources/HacktivityKits#Ins_and_Outs | The Ins and Outs of these Kits]] | ||
* [[Webmaker/Teach/WebmakingResources/HacktivityKits# | * [[Webmaker/Teach/WebmakingResources/HacktivityKits#Hacktivity_Kits | Hacktivity Kits]] | ||
** [[Webmaker/Teach/WebmakingResources/HacktivityKits#XRay_Goggles_Kit | XRay Goggles Kit]] | |||
** [[Webmaker/Teach/WebmakingResources/HacktivityKits#Thimble_Kit | Thimble Kit]] | |||
** [[Webmaker/Teach/WebmakingResources/HacktivityKits#Popcorn_Maker_Kit | Popcorn Maker Kit]] | |||
* [[Webmaker/Teach/WebmakingResources/HacktivityKits#Remixable_and_Remixed | Remixable and Remixed]] | * [[Webmaker/Teach/WebmakingResources/HacktivityKits#Remixable_and_Remixed | Remixable and Remixed]] | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 18: | Line 21: | ||
'''The Hacktivity Kits make it easy for anyone, anywhere, to organize their own webmaking session.''' | '''The Hacktivity Kits make it easy for anyone, anywhere, to organize their own webmaking session.''' | ||
Building off pilot events run by the [http://www.explorecreateshare.org Hive Learning Network] in New York and Chicago and content created for various [http://www.webmaker.org Webmaker] events around the world, these kits are full of information and resources to help you facilitate sessions or classes that have a focus on webmaking. | Building off pilot events run by the [http://www.explorecreateshare.org Hive Learning Network] in New York and Chicago and content created for various [http://www.webmaker.org Webmaker] events around the world, these kits are full of information and resources to help you facilitate sessions or classes that have a focus on webmaking. | ||
'''The kits are organized around learning by making.''' | '''The kits are organized around learning by making.''' | ||
You’ll be collaborating and making things for the web using the [http://webmaker.org/tools Mozilla Webmaker tools]. Each section explains things you’ll want to consider as you prepare for your webmaking activities. | You’ll be collaborating and making things for the web using the [http://webmaker.org/tools Mozilla Webmaker tools]. Each section explains things you’ll want to consider as you prepare for your webmaking activities. | ||
'''We’ve included everything from activities to assessing the participants‘ progress.''' | '''We’ve included everything from activities to assessing the participants‘ progress.''' | ||
We have also provided sample lessons, projects and activities. And to help make your event as “plug and play” as possible, we’ve included a Resources section with documents you can print out, whether that be sample badges to give your participants or a cheat sheet for HTML. | We have also provided sample lessons, projects and activities. And to help make your event as “plug and play” as possible, we’ve included a Resources section with documents you can print out, whether that be sample badges to give your participants or a cheat sheet for HTML. | ||
'''Hack the Hacktivity Kits!''' | '''Hack the Hacktivity Kits!''' | ||
The kits are meant to serve as a jumping off point for you. We hope that you will ignore pieces that you don’t feel apply and expand areas where you feel your learners need more guidance. In short, we hope that you will take the kits, hack them, run events and then let us know how we can improve the base resources. | The kits are meant to serve as a jumping off point for you. We hope that you will ignore pieces that you don’t feel apply and expand areas where you feel your learners need more guidance. In short, we hope that you will take the kits, hack them, run events and then let us know how we can improve the base resources. | ||
| Line 29: | Line 35: | ||
'''You might run into bugs, and you can help us squash them!''' | '''You might run into bugs, and you can help us squash them!''' | ||
Let us know what problems you run into, what your experience is. With feedback from you, we will be able to make our content and tools even better. The insight and imagination that you bring will pave the way for even more webmakers to use the web in fascinating ways. | Let us know what problems you run into, what your experience is. With feedback from you, we will be able to make our content and tools even better. The insight and imagination that you bring will pave the way for even more webmakers to use the web in fascinating ways. | ||
== | ==Hacktivity Kits== | ||
* [http://zythepsary.com/mozilla/hacktivity/ Hacktivity Kits in HTML] | * [http://zythepsary.com/mozilla/hacktivity/ All Hacktivity Kits in HTML] | ||
* [https://github.com/LauraHilliger/hacktivityKits GitHub Versions] | * [https://github.com/LauraHilliger/hacktivityKits GitHub Versions] | ||
<div style="-moz-border-radius: 10px;width:27%;height:auto;background-color:#27AAE1;float:left;display:block;margin:1.5%;border: 1px solid #C4C295;text-align:left;padding:1.5%;padding-top:0px"><h3>XRay Goggles Kit</h3>http://zythepsary.com/mozilla/hacktivity/icons/goggles.png | |||
These hacktivities and resources will help you teach people the basic concepts of HTML, CSS and the Open Web. Learners will tinker around with web pages using the X-Ray Goggles and remix to make their own webpages. | |||
<div style="-moz-border-radius: 10px;width:27%;height:auto;background-color:# | |||
[[ | [[http://zythepsary.com/mozilla/hacktivity/GogglesPrototype/index_goggles.html XRay Goggles Kit]] | ||
</div> | </div> | ||
<div style="-moz-border-radius: 10px;width:27%;height:auto;background-color:#F7941E;float:left;display:block;margin:1.5%;border: 1px solid #C4C295;text-align:left;padding:1.5%;padding-top:0px"><h3>Teaching, but not yet teaching webmaking?</h3> | <div style="-moz-border-radius: 10px;width:27%;height:auto;background-color:#F7941E;float:left;display:block;margin:1.5%;border: 1px solid #C4C295;text-align:left;padding:1.5%;padding-top:0px"><h3>Teaching, but not yet teaching webmaking?</h3> | ||
| Line 58: | Line 57: | ||
[[Webmaker/Teach/WebmakingResources | Webmaking Resources]] | [[Webmaker/Teach/LevelUp | Level Up]] | [[Webmaker/Teach/WebmakingResources | Webmaking Resources]] | [[Webmaker/Teach/LevelUp | Level Up]] | ||
</div> | |||
==Remixable and Remixed== | |||
''These Thimble templates allow you to create your own Hacktivities. This is also the place to post your new Hacktivities or kits, so that the community can benefit from your awesome work.'' | |||
* [https://thimble.webmaker.org/p/fl0s/edit Thimble template to create your own Hacktivity] ''Share your Hacktivities with the community by placing them on the wiki!'' | |||
* [https://thimble.webmaker.org/p/fcc6 Tascasaurus Hacktivity] ''Hack this by putting '/edit' at the end of the URL! Submitted by Julia Vallera'' | |||
</div> | |||
</div> | </div> | ||
Revision as of 12:35, 16 November 2012
Ins and Outs
The Hacktivity Kits make it easy for anyone, anywhere, to organize their own webmaking session. Building off pilot events run by the Hive Learning Network in New York and Chicago and content created for various Webmaker events around the world, these kits are full of information and resources to help you facilitate sessions or classes that have a focus on webmaking.
The kits are organized around learning by making. You’ll be collaborating and making things for the web using the Mozilla Webmaker tools. Each section explains things you’ll want to consider as you prepare for your webmaking activities.
We’ve included everything from activities to assessing the participants‘ progress. We have also provided sample lessons, projects and activities. And to help make your event as “plug and play” as possible, we’ve included a Resources section with documents you can print out, whether that be sample badges to give your participants or a cheat sheet for HTML.
Hack the Hacktivity Kits! The kits are meant to serve as a jumping off point for you. We hope that you will ignore pieces that you don’t feel apply and expand areas where you feel your learners need more guidance. In short, we hope that you will take the kits, hack them, run events and then let us know how we can improve the base resources.
Technology The most important thing to remember in terms of technology is that everything we create is for the web. Not only do we plan to publish on the web, but many of the tools we use, exist as web applications rather than installed programs on our computer. Because of this, it is critical that you run this program on up-to-date web browsers. Our resources are designed to support the latest versions of either Mozilla Firefox or Google Chrome.
You might run into bugs, and you can help us squash them! Let us know what problems you run into, what your experience is. With feedback from you, we will be able to make our content and tools even better. The insight and imagination that you bring will pave the way for even more webmakers to use the web in fascinating ways.
Hacktivity Kits
XRay Goggles Kit
These hacktivities and resources will help you teach people the basic concepts of HTML, CSS and the Open Web. Learners will tinker around with web pages using the X-Ray Goggles and remix to make their own webpages.
Teaching, but not yet teaching webmaking?
Chantal leads an after school program for girls ages 8-10 and wants to get her kids interested in technology. She's looking for cool, accessible tools that kids can use to build fun things and learn about the web in the process.
Tinkering in tech, thinking about teaching?
Aliyah participates in a code club at a local community college. One evening, one of the other members shows a Popcorn demo, and they spend the next few hours hacking on popcorn.js. Aliyah is so taken with what popcorn.js can do, she decides she wants to run a Popcorn hackjam for film students.
Remixable and Remixed
These Thimble templates allow you to create your own Hacktivities. This is also the place to post your new Hacktivities or kits, so that the community can benefit from your awesome work.
- Thimble template to create your own Hacktivity Share your Hacktivities with the community by placing them on the wiki!
- Tascasaurus Hacktivity Hack this by putting '/edit' at the end of the URL! Submitted by Julia Vallera