{"id":7730,"date":"2013-04-30T09:26:04","date_gmt":"2013-04-30T14:26:04","guid":{"rendered":"http:\/\/openmatt.org\/?p=7730"},"modified":"2019-02-26T12:43:59","modified_gmt":"2019-02-26T20:43:59","slug":"hackable_kits","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/foundation-archive\/mozilla-learning\/hackable_kits\/","title":{"rendered":"New hackable teaching kit prototypes for Webmaker"},"content":{"rendered":"<p><em><strong>TLDR version of this post<\/strong>: we have new <a href=\"https:\/\/webmaker.org\/en-US\/kit-prototypes\/\">Thimble prototypes for creating your own hackable teaching kits<\/a>. Please help test and make them better by sharing feedback through <a href=\"https:\/\/twitter.com\/search\/realtime?q=%23teachtheweb\">#teachtheweb<\/a> or by <a href=\"https:\/\/bugzilla.mozilla.org\/enter_bug.cgi?cloned_bug_id=866803&amp;product=Webmaker&amp;component=Thimble\">filing a handy feedback ticket here<\/a>.<\/em><br \/>\n<img decoding=\"async\" loading=\"lazy\" alt=\"\" src=\"http:\/\/commonspace.files.wordpress.com\/2013\/04\/03-filtering.png?w=600&amp;h=326\" width=\"336\" height=\"183\" \/><br \/>\n<strong><!--more-->In <a href=\"http:\/\/commonspace.wordpress.com\/2013\/04\/25\/webmakerv2\/\">Mark Surman&#8217;s recent post <\/a>about where Webmaker.org is headed, he lays out five key priorities for &#8220;Webmaker 2.0<\/strong>&#8221;<\/p>\n<ol>\n<li>Rebooting the brand to focus on makers of all ages<\/li>\n<li>Building a gallery to show all the awesome makes<\/li>\n<li>Creating a Make API so anyone can make a gallery<\/li>\n<li>Deepening learning with challenges + badges<\/li>\n<li><strong>Making it easy to create hackable teaching kits with Thimble<\/strong><\/li>\n<\/ol>\n<p><strong>This post is about that fifth element: <\/strong><strong>making it easy to create hackable teaching kits with Thimble<\/strong>. <a href=\"https:\/\/twitter.com\/epilepticrabbit\">Laura Hilliger<\/a>, Julia Vallera and the mentor team have created <a href=\"https:\/\/webmaker.org\/en-US\/kit-prototypes\/\">new prototypes<\/a> toward making this possible &#8212; and also updated their thinking and content strategy for hackable teaching kits on <a href=\"https:\/\/webmaker.org\/en-US\/kits\/\">webmaker.org<\/a> going forward. This post shares the prototypes and summarizes the new thinking.<\/p>\n<h2><a href=\"http:\/\/openmatt.org\/wp-content\/uploads\/2013\/04\/Kit-prototype.png\"><img decoding=\"async\" loading=\"lazy\" alt=\"Kit prototype\" src=\"http:\/\/openmatt.org\/wp-content\/uploads\/2013\/04\/Kit-prototype-1024x699.png\" width=\"455\" height=\"311\" \/><\/a><\/h2>\n<h2>How do hackable kits work?<\/h2>\n<p><strong>We want to make it easy for anyone to create their own teaching guides and lesson plans for teaching digital literacy, webmaking or any content relevant to mentors and learners. <\/strong>To that end, we&#8217;ve created a set of <a href=\"https:\/\/webmaker.org\/en-US\/kit-prototypes\/\">new prototypes <\/a>in Thimble. The templates are built around three key teaching elements:<\/p>\n<ul>\n<li><strong>your learning<\/strong> <strong>goals<\/strong>. What are you trying to teach? What will people learn?<\/li>\n<li><strong>your learning<\/strong> <strong>activities<\/strong>. What activities, projects or hands-on making are you going to do?<\/li>\n<li><strong>additional resources<\/strong>. Cheat-sheets, handy reference guides, further reading, etc.<\/li>\n<li><strong>tying it all together<\/strong>. A complete kit then ties all these elements together into one handy link.<\/li>\n<\/ul>\n<p><a href=\"http:\/\/openmatt.org\/wp-content\/uploads\/2013\/04\/Kit-prototype-edit.png\"><img decoding=\"async\" loading=\"lazy\" class=\" alignnone\" alt=\"Kit prototype -- edit\" src=\"http:\/\/openmatt.org\/wp-content\/uploads\/2013\/04\/Kit-prototype-edit-1024x594.png\" width=\"455\" height=\"264\" \/><\/a><\/p>\n<h2>New Thimble prototypes<\/h2>\n<p><strong>Try them out now<\/strong>. Clicking on a template below will open the Thimble editing window, where you edit the content on the left and see how it will look when published on the right.<\/p>\n<div id=\"magicdomid50\">\n<ul>\n<li><a href=\"https:\/\/thimble.webmaker.org\/p\/lqyo\/edit\"><strong>Hackable<\/strong> <strong>Kit template<\/strong><\/a><\/li>\n<li><a href=\"https:\/\/thimble.webmaker.org\/p\/lj1k\/edit\"><strong>Learning Goals template<\/strong><\/a><\/li>\n<li><a href=\"https:\/\/thimble.webmaker.org\/p\/lzsz\/edit\"><strong>Learning Activities template<\/strong><\/a><\/li>\n<li><a href=\"https:\/\/thimble.webmaker.org\/p\/lz9x\/edit\"><strong>Additional Resources template<\/strong><\/a><\/li>\n<\/ul>\n<ul>\n<li><strong><a href=\"https:\/\/thimble.webmaker.org\/p\/lj1p\/edit\">Mentor profile page template<\/a><\/strong><\/li>\n<li><a href=\"https:\/\/thimble.webmaker.org\/p\/lqyx\/edit\"><strong>Cheat sheet template<\/strong><\/a><\/li>\n<\/ul>\n<p>The templates can also make it easy for people to create multi-page teaching guides. Check out these two examples:<\/p>\n<ul>\n<li><a href=\"http:\/\/hivenyc.org\/GogglesPrototype\/index_goggles.html\">Kit as multiple pages<\/a><\/li>\n<li><a href=\"http:\/\/labs.toolness.com\/temp\/hackasaurus-pdfs\/hacktivity_kit.pdf\">Kit as a PDF<\/a><\/li>\n<\/ul>\n<h2><a href=\"http:\/\/openmatt.org\/wp-content\/uploads\/2013\/04\/profile-page.png\"><img decoding=\"async\" loading=\"lazy\" alt=\"profile page\" src=\"http:\/\/openmatt.org\/wp-content\/uploads\/2013\/04\/profile-page.png\" width=\"418\" height=\"393\" \/><\/a><\/h2>\n<h2>What&#8217;s the goal?<\/h2>\n<p><strong>These prototypes are just a small first step<\/strong>. By eventually making it easy to display what mentors are creating through a gallery, and surfacing these community-generated resources onto <a href=\"https:\/\/webmaker.org\/teach\/\">webmaker.org\/teach<\/a>, we can:<\/p>\n<ul>\n<li><strong>showcase what others are doing<\/strong>. See how other educators and mentors around the world are teaching and making. Sharing great activities and lesson plans.<\/li>\n<li><strong>enable easier remix and localization<\/strong>. You can just hit the &#8220;edit&#8221; or &#8220;remix&#8221; button in Thimble to immediately start translating, moving stuff around, adding your own images and links, etc. When you&#8217;re done, you can just hit &#8220;publish&#8221; and publish to a new, easily shareable URL for what you made.<\/li>\n<li><strong>make it easy for people to work their own way<\/strong>. The beauty of working in Thimble and simple editable HTML and CSS is that people can create and share however they want. Your Thimble make could follow our existing template &#8212; or you could hack it to include whatever you want: a link to your own blog post or web site, article, third-party resources, etc.<\/li>\n<\/ul>\n<p><strong>We know not everyone likes to edit HTML<\/strong> &#8212; and we&#8217;re working on alternate workflow for that, like <a href=\"http:\/\/www.mentormob.com\/people\/createdPlaylists\/mozilla-webmaker-19554\">Mentor Mob<\/a>.\u00a0 This is just a small first step.<br \/>\n<div style=\"width: 410px\" class=\"wp-caption alignnone\"><img decoding=\"async\" loading=\"lazy\" alt=\"\" src=\"http:\/\/25.media.tumblr.com\/f93cf5bbb66de321db3fdda4855fb95b\/tumblr_mlhcgqCcMj1soy5ado4_400.jpg\" width=\"400\" height=\"300\" \/><p class=\"wp-caption-text\">Building Webmaker 2.0<\/p><\/div><\/p>\n<h2>What&#8217;s our content strategy for these hackable kits going forward?<\/h2>\n<ol>\n<li><strong>Move to a &#8220;make-based architecture.&#8221;<\/strong> Up to now, our teaching resources \/ &#8220;Hacktivity Kits&#8221; have been their own separate content type. Moving forward, we imagine kits and educational content to be just another &#8220;make,&#8221; like any other &#8212; tagged so that mentors and educators can easily find them.<\/li>\n<li><strong>Simplify our nomenclature and terms<\/strong>. We&#8217;re no longer referring to these teaching guides as &#8220;Hacktivity Kits&#8221; or &#8220;Hacktivities&#8221; &#8212; we&#8217;re going to simplify and streamline our nomenclature, using terms that are already familiar to people and easier to localize. (More on that soon.)<\/li>\n<li><strong>Test and refine these Thimble templates in our MOOC<\/strong>. Through the launch of our new <a href=\"http:\/\/hivenyc.org\/teachtheweb\/\">open online course<\/a>, we&#8217;ll be in close touch with hundreds of educators, techies and mentors that can help us test, refine and create their own content. This will be made easier by new &#8220;save&#8221; functionality in Thimble &#8212; so our target is to have an <a href=\"https:\/\/bugzilla.mozilla.org\/show_bug.cgi?id=862862\">early alpha version of this feature ready to test<\/a> by May 23.<\/li>\n<\/ol>\n<h2>&#8220;Everything is a make&#8221;<\/h2>\n<p><strong>They key design principle here is that, going forward for Webmaker.org, everything is a &#8220;make&#8221; <\/strong>&#8212; and it will soon become dramatically easier to see and remix what other people are making with Webmaker tools like Thimble and Popcorn.<br \/>\n<div style=\"width: 357px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/openmatt.org\/wp-content\/uploads\/2013\/04\/The-NYT-Common-Core.png\"><img decoding=\"async\" loading=\"lazy\" alt=\"The NYT -- Common Core\" src=\"http:\/\/openmatt.org\/wp-content\/uploads\/2013\/04\/The-NYT-Common-Core.png\" width=\"347\" height=\"368\" \/><\/a><p class=\"wp-caption-text\">Can we flow great content like this into our these new prototype templates?<\/p><\/div><\/p>\n<h2>\u00a0How to get involved<\/h2>\n<ul>\n<li><strong>1) Test the prototypes. <\/strong><a href=\"https:\/\/webmaker.org\/en-US\/hackable-kit-prototypes\/\">Access the protoype kits on Webmaker.org here<\/a>. Please help test, experiment and make them better. Share feedback through <a href=\"https:\/\/twitter.com\/search\/realtime?q=%23teachtheweb\">#teachtheweb<\/a> or <a href=\"https:\/\/bugzilla.mozilla.org\/enter_bug.cgi?cloned_bug_id=866803&amp;product=Webmaker&amp;component=Thimble\">file a feedback ticket here<\/a>.<strong><br \/>\n<\/strong><\/li>\n<li><strong>2) <a href=\"http:\/\/hivenyc.org\/teachtheweb\/\">Join the open online course<\/a><\/strong>. Participants in the course will create their own resources and kits, and have a chance to test new alpha features in Thimble.<\/li>\n<li><strong>3) Try flowing existing content into the new templates. <\/strong>For example, is it possible to turn this great\u00a0<a href=\"http:\/\/learning.blogs.nytimes.com\/2013\/04\/26\/common-core-practice-reading-the-times-and-responding-in-code\/?smid=tw-share\">NY Times education blog post<\/a> into a hackable teaching kit using our new templates? What would that look like? Please hack and experiment and then report back on your results through <a href=\"https:\/\/twitter.com\/search\/realtime?q=%23teachtheweb\">#teachtheweb<\/a>.<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>TLDR version of this post: we have new Thimble prototypes for creating your own hackable teaching kits. Please help test and make them better by sharing feedback through #teachtheweb or by filing a handy feedback ticket here.<\/p>\n","protected":false},"author":144,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[378228],"tags":[330903,343464,27955,23089],"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/posts\/7730"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/users\/144"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/comments?post=7730"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/posts\/7730\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/media?parent=7730"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/categories?post=7730"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/tags?post=7730"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}