Confirmed users
895
edits
Webmaker/Teach/WebmakingResources/HacktivityKits: Difference between revisions
Webmaker/Teach/WebmakingResources/HacktivityKits (view source)
Revision as of 21:27, 22 January 2013
, 22 January 2013→Hacktivity Kits
| Line 43: | Line 43: | ||
==Hacktivity Kits== | ==Hacktivity Kits== | ||
''Hacktivity Kits are compilations of one page resources, hacktivities, readings, discussion guides and more. Following a kit will allow you to fill a half day at any webmaking event. Feel free to mix and match or exchange other hacktivities for the ones in the kits. See the [[Webmaker/Teach/WebmakingResources/HacktivityKits#Hacktivities | Hacktivities]] section for other Hacktivities and ideas.'' | ''Hacktivity Kits are compilations of one page resources, hacktivities, readings, discussion guides and more. Following a kit will allow you to fill a half day at any webmaking event. Feel free to mix and match or exchange other hacktivities for the ones in the kits. See the [[Webmaker/Teach/WebmakingResources/HacktivityKits#Hacktivities | Hacktivities]] section for other Hacktivities and ideas.'' | ||
* [http:// | * [http://hivenyc.org/index2.html 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:19%;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> | <div style="-moz-border-radius: 10px;width:19%;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> | ||
<div style="background-color:white;width:65%; margin-left:auto;margin-right:auto;padding-left:35%;"> | <div style="background-color:white;width:65%; margin-left:auto;margin-right:auto;padding-left:35%;"> | ||
http:// | http://hivenyc.org/images/goggles.png | ||
</div> | </div> | ||
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. | 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. | ||
[http:// | [http://hivenyc.org/GogglesPrototype/index_goggles.html XRay Goggles Kit] | ||
</div> | </div> | ||
<div style="-moz-border-radius: 10px;width:19%;height:auto;background-color:#A4B5BF;float:left;display:block;margin:1.5%;border: 1px solid #C4C295;text-align:left;padding:1.5%;padding-top:0px;"><h3>Thimble Kit</h3> | <div style="-moz-border-radius: 10px;width:19%;height:auto;background-color:#A4B5BF;float:left;display:block;margin:1.5%;border: 1px solid #C4C295;text-align:left;padding:1.5%;padding-top:0px;"><h3>Thimble Kit</h3> | ||
<div style="background-color:white;width:65%; margin-left:auto;margin-right:auto;padding-left:35%;"> | <div style="background-color:white;width:65%; margin-left:auto;margin-right:auto;padding-left:35%;"> | ||
http:// | http://hivenyc.org/images/thimble.png | ||
</div> | </div> | ||
These hacktivities and resources will help you teach people more concepts, tags, attributes, etc of HTML, CSS and the Open Web. Learners will tinker around with web pages using Thimble and remix to write their own webpages. | These hacktivities and resources will help you teach people more concepts, tags, attributes, etc of HTML, CSS and the Open Web. Learners will tinker around with web pages using Thimble and remix to write their own webpages. | ||
[http:// | [http://hivenyc.org/ThimblePrototype/index_thimble.html Thimble Kit] | ||
</div> | </div> | ||
<div style="-moz-border-radius: 10px;width:19%;height:auto;background-color:#F4D257;float:left;display:block;margin:1.5%;border: 1px solid #C4C295;text-align:left;padding:1.5%;padding-top:0px;"><h3>Popcorn Maker Kit</h3> | <div style="-moz-border-radius: 10px;width:19%;height:auto;background-color:#F4D257;float:left;display:block;margin:1.5%;border: 1px solid #C4C295;text-align:left;padding:1.5%;padding-top:0px;"><h3>Popcorn Maker Kit</h3> | ||
<div style="background-color:white;width:65%; margin-left:auto;margin-right:auto;padding-left:35%;"> | <div style="background-color:white;width:65%; margin-left:auto;margin-right:auto;padding-left:35%;"> | ||
http:// | http://hivenyc.org/images/popcorn.png | ||
</div> | </div> | ||
These hacktivities will help people learn the concept of procedural storytelling, how to use Popcorn Maker and nuances of web native film. Learners will create interactive stories using Popcorn Maker and publish them to the Web. | These hacktivities will help people learn the concept of procedural storytelling, how to use Popcorn Maker and nuances of web native film. Learners will create interactive stories using Popcorn Maker and publish them to the Web. | ||
[http:// | [http://hivenyc.org/PopcornPrototype/index_popcorn.html Popcorn Maker Kit] | ||
</div> | </div> | ||
<div style="-moz-border-radius: 10px;width:18%;height:auto;background-color:#F4D257;float:left;display:block;margin:1.5%;border: 1px solid #C4C295;text-align:left;padding:1.5%;padding-top:0px;"><h3>Storycamp Kit</h3> | <div style="-moz-border-radius: 10px;width:18%;height:auto;background-color:#F4D257;float:left;display:block;margin:1.5%;border: 1px solid #C4C295;text-align:left;padding:1.5%;padding-top:0px;"><h3>Storycamp Kit</h3> | ||
<div style="background-color:white;width:65%; margin-left:auto;margin-right:auto;padding-left:35%;"> | <div style="background-color:white;width:65%; margin-left:auto;margin-right:auto;padding-left:35%;"> | ||
http:// | http://hivenyc.org/images/storycamp_icon.png | ||
</div> | </div> | ||
The 5 Storycamp Hacktivity Kits can be used separately to teach individual modules or together to run an entire Storycamp. Learners will create interactive stories using Popcorn Maker and Thimble, and learn about media and the Web. | The 5 Storycamp Hacktivity Kits can be used separately to teach individual modules or together to run an entire Storycamp. Learners will create interactive stories using Popcorn Maker and Thimble, and learn about media and the Web. | ||
[http:// | [http://hivenyc.org/storycamp/ Storycamp Kits] | ||
</div> | </div> | ||