|
|
| (50 intermediate revisions by 5 users not shown) |
| Line 1: |
Line 1: |
| __NOTOC__
| | <div style="text-align:justify"> |
| <div style="display:block;padding-left:20px;padding-right:20px;"> | | <div style="clear:both; margin-bottom:20px;"> |
| <div style=" float: left; width:27%; margin-right: 50px;"> | | <div style="width:152px; height:152px; float:left; padding: 2px; border: 4px dashed rgb(40, 40, 40); background: #ffffff; border-radius: 10px; text-align:center; margin-top:15px;margin-left:15px;margin-bottom:15px;"> |
| https://webmaker.org/media/img/header_logo.png
| | [[Image:MozMentors.png|150px]] |
| <div style="display:block;"> | | </div> |
| === Table of Contents ===
| | |
| * [[Webmaker/Teach/Hacktivated | Get Involved]]
| | <div style="width:70%; float:left; padding: 11px; background: #ffffff; -moz-border-radius: 10px; margin-top:15px;margin-left:15px;"> |
| * [[Webmaker/Teach#What_will_we_do_together?| What will we do together?]]
| | <b>Let's teach the web</b>! Everything you need to get started is at <b>[https://webmaker.org/en-US/teach/ webmaker.org/teach]</b> |
| * [[Webmaker/Teach#How_will_Hive_Learning_Networks_and_the_mentor_community_work_together? | How does the Hive fit in?]]
| | |
| * [[Webmaker/Teach#What_needs_to_be_done?| What needs to be done?]]
| | This wiki includes: |
| * [[Webmaker/Teach#Resources| Resources]] | | * <b>Additional resources</b>: To help educators teach digital literacy and webmaking. |
| **[[Webmaker/Teach/WebmakingResources | Webmaking Resources]] | | * <b>Easy ways to contribute</b>: [https://wiki.mozilla.org/Webmaker/Teach/Help:AddtoMozTeachWiki Share and contribute] your own resources. |
| **[[Webmaker/Teach/LiteracyResources |Digital/Web Literacy]]
| | The emphasis is on making and learning the web together, with learners in both formal and informal learning environments. </div> |
| **[[Webmaker/Teach/BestPractices |Youth and Participant Development]]
| |
| **[[Webmaker/Teach/MakeCreativity |Creativity/Production]]
| |
| * [[Webmaker/Teach#Relevant_Blog_Posts| Relevant Blog Posts]]
| |
|
| |
|
| </div> | | <div style="clear:both; margin-top:20px;"> |
| </div>
| | == How to Contribute == |
| <div style="background-color:#cccccc;color:white;border-radius:10px;float:right;-moz-border-radius:10px;padding:10px 15px 0px 15px;font-weight:bold;"> | | Here are three easy ways to share your own resources for teaching digital literacy and webmaking: |
| [https://lists.mozilla.org/listinfo/webmaker Join the Webmaker List!] | | <div style="margin-left:5px;margin-right:10px;"> |
| </div>
| | # [https://wiki.mozilla.org/Webmaker/Teach/Help:AddtoMozTeachWiki Add them to this wiki], |
| <div style="width:54%; display:block;margin:1.5%;text-align:left;padding:1.5%;>
| | # Post them to our [http://mzl.la/gpluswebmaker Webmaker G+ community], or |
| <h1 style="border:0px;">Hacktivate Learning! </h1>
| | # Tweet us @MozTeach with #teachtheweb. |
| '''Interested in helping others make things on the web?'''
| |
|
| |
|
| <b>You're in the right place. </b> We are so excited about what we've learned and experienced over the last 18 months of launching and building Mozilla Webmaker. We developed new webmaking tools (play with them [https://webmaker.org/en-US/tools/ here]) and shared our [http://commonspace.wordpress.com/2012/09/25/explaining-crisply/ thinking] throughout the process. We launched the 2012 Summer Code Party campaign and further engaged our Hive Learning Network to activate 600 educators across the globe to use, test, improve and teach others using our tools. Through this, it has become clear that what we need for Webmaker to continue to prosper is '''YOU!'''
| | [http://slidespeech.com/s/k4JHQFSqen/?autoplay=true http://hivenyc.org/teachtheweb/wp-content/uploads/2013/04/engagementdiagram.png] |
|
| |
|
| <video width="512" height="288" controls="controls"><source src="https://videos-cdn.mozilla.net/serv/webmademovies/webmakers-instructors.webm" type="video/ogg; codecs="theora, vorbis"" /></video>
| | [http://slidespeech.com/s/k4JHQFSqen/?autoplay=true Introduction to Engagement] (12 talking slides) |
|
| |
|
| ==Who should get involved?==
| | We invite you to hack and remix any of the existing resources, curriculum and presentations in this wiki, then share them! |
| <div style="-moz-border-radius: 10px;width:27%;height:auto;background-color:#25AAE1;float:left;display:block;margin:1.5%;border: 1px solid #C4C295;text-align:left;padding:1.5%;padding-top:0px"><h3>Already teaching webmaking?</h3>
| |
| ''Brian runs an organization that teaches web skills to senior citizens so they can stay in touch with their families more easily. His organization holds events in over 10 cities worldwide. Most of his '''instructors are volunteers''' so he's looking for help figuring out '''lesson plans''' that are easy for volunteers to pick up.''
| |
|
| |
|
| [[Webmaker/Teach/WebmakingResources | Webmaking Resources]] | [[Webmaker/Teach/Hacktivated | Help Out]]
| | ==Resources== |
| </div>
| | <div style="margin-left:5px;margin-right:10px;"> |
| <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> | |
| ''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.''
| |
|
| |
|
| [[Webmaker/Teach/WebmakingResources | Webmaking Resources]] | [[Webmaker/Teach/Inspiration | Learn More]]
| | <!--Bullet Point: Webmaking--> |
| | <div style="background-color: #FFFFFF; box-shadow: 0px 2px 4px rgba(0, 0, 0,0.25); border-top: 20px; border-radius: 5px; color: grey; float:left; font-family:'Open Sans Light','Open Sans',sans-serif; font-size: 14px; height:420px; line-height: 20px; margin:20px; overflow:hidden; padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; position:relative; text-align:justify; width:328px;"> |
|
| |
|
| </div>
| | <div style="font-size: 28px; letter-spacing: -1px; line-height: 100%; color: #53535B; text-align:center;">[[Webmaker/Teach/WebmakingResources | Webmaking]]</div> |
| <div style="-moz-border-radius: 10px;width:27%;height:auto;background-color:#8DC63F;float:left;display:block;margin:1.5%;margin-bottom:4.5%;border: 1px solid #C4C295;text-align:left;padding:1.5%;padding-top:0px"><h3>Tinkering in tech, thinking about teaching?</h3> | |
| ''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.
| |
|
| |
|
| [[Webmaker/Teach/WebmakingResources | Webmaking Resources]] | [[Webmaker/Teach/LevelUp | Level Up]] | | <div style="box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px 0px; position:center;">[[Image:Webmaking.png|328px|link=Webmaker/Teach/WebmakingResources]]</div> |
|
| |
|
| | <br>Learning by making and building. These resources leverage remix, webmaking or coding as a teaching goal. <br> |
| </div> | | </div> |
| [[File:Making_is_learning.png|500px|right]]
| | <!--End Bullet Point: Webmaking--> |
| We see the mentor community as the intersection of:
| |
|
| |
|
| * '''Makers interested in learning'''
| | <!--Bullet Point: Webliteracy --> |
| * '''Educators interested in making'''
| | <div style="background-color: #FFFFFF; box-shadow: 0px 2px 4px rgba(0, 0, 0,0.25); border-top: 20px; border-radius: 5px; color: grey; float:left; font-family:'Open Sans Light','Open Sans',sans-serif; font-size: 14px; height:420px; line-height: 20px; margin:20px; overflow:hidden; padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; position:relative; text-align:justify; width:328px;"> |
|
| |
|
| These two groups, makers and educators, are situated in two larger movements:
| | <div style="font-size: 28px; letter-spacing: -1px; line-height: 100%; color: #53535B; text-align:center;">[[Webmaker/Teach/LiteracyResources |Digital Literacy]]</div> |
|
| |
|
| * the '''"Maker Movement"''': with a DIY ethos and an "If you can't open it, you don't own it" approach. A strong culture of documentation and sharing, collaboration and remixing. Has roots in physical spaces and physical objects, but important ties to the web. Examples include: Maker Faire, hackerspaces, tinkerers in electronics, 3D printing, CNC and more.
| | <div style="box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px 0px; position:center;">[[Image:WebLiteracy.png|328px|link=Webmaker/Teach/LiteracyResources]]</div> |
| * the '''"Learning Movement"''': challenges traditional education with its learner-centric, web-inspired approach to learning. A strong culture of peer learning, open course materials, and new kinds of assessment. Has roots in peer production, participation, networks of institutions & learners. Examples include: Massive Open Online Courses, YOUMedia spaces, instructors from computer clubs and more.
| |
|
| |
|
| '''If this sounds like you, [[Webmaker/Teach/Hacktivated | get involved!]]'''
| | <br>Teaching the components of digital literacy -- from browser basics, to copy and paste, to web mechanics and beyond. Or teaching digital skills in a project-based context that serves other learning objectives.<br> |
| | </div> |
| | <!--End Bullet Point: Webliteracy--> |
|
| |
|
| == What will we do together? == | | <!--Bullet Point: Youth and Participant Development--> |
| '''Hacktivate Learning!''' This is our siren call to educators who are motivated by the concept of the "4th R," web literacy, an open ethos and the Webmaker mission. "Hack" with us and help get others "activated" to learn by making. Let's take inspiration from the Summer Code Party and make it happen 365 days a year in classrooms, coffee shops, museums, libraries and parks, in cities and towns around the globe.
| | <div style="background-color: #FFFFFF; box-shadow: 0px 2px 4px rgba(0, 0, 0,0.25); border-top: 20px; border-radius: 5px; color: grey; float:left; font-family:'Open Sans Light','Open Sans',sans-serif; font-size: 14px; height:475px; line-height: 20px; margin:20px; overflow:hidden; padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; position:relative; text-align:justify; width:328px;"> |
|
| |
|
| * This grassroots network will be a '''skunkworks incubator''' for radical ideas about learning, webmaking and mentoring.
| | <div style="font-size: 28px; letter-spacing: -1px; line-height: 100%; color: #53535B; text-align:center;">[[Webmaker/Teach/BestPractices |Youth and Participant Development]]</div> |
| * It will be powered by a '''Github for Learning Stuff,''' an open repository where mentors can rip, remix and repost materials.
| |
| * We'll run '''webmaking campaigns,''' '''train the trainer workshops,''' and other activities that grow this community.
| |
| * In cities where mentors and institutions want to team up, we'll help bring new '''Hive learning networks''' online. Hives are vibrant learning clusters; they are city labs and a place to see "making is learning" in action.
| |
| * We're dedicated to '''documentation and on-boarding new mentors,''' so many processes will be easily replicable, remixable and teachable.
| |
|
| |
|
| '''If this sounds interesting, [[Webmaker/Teach/Hacktivated | get involved!]]'''
| | <div style="box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px 0px; position:center;">[[Image:MozPartyYouth.jpg|328px|link=Webmaker/Teach/BestPractices]]</div> |
|
| |
|
| == How will Hive Learning Networks and the mentor community work together? ==
| | <br>Best practices and techniques for working with youth and other learning audiences and participants.<br> |
| * '''Hive Learning Networks''' are clusters of people and institutions in a city that care about connected learning. They organize events and joint projects, and they share experiences locally and globally. Members of Hives are part of the mentor community, although not all mentors will be formerly part of Hives. Hive partners believe that:
| | </div> |
| ** School is not the sole provider in a community’s educational system
| | <!--End Bullet Point: Youth and Participant Development--> |
| ** Youth need to be both sophisticated consumers and active producers of digital media
| |
| ** Learning should be driven by youth’s interests
| |
| ** Digital media and technology are the glue and amplifier for connected learning experiences
| |
| ** Out-of-school time spaces are fertile grounds for learning innovation
| |
| ** Organizations must collaborate to thrive
| |
| * '''Webmaker Mentors''' may be part of Hive Learning Networks, aspire to start one in their city, or just be individuals who care about making and learning. Hive members and mentors share experiences, increasing the breadth and depth of knowledge about learning. Mentors are encouraged to visit and participate in nearby Hives, to try out smaller test events in their city to see if Hives are viable there, or to continue their work individually with the feedback and support of these networks.
| |
|
| |
|
| == What needs to be done? == | | <!--Bullet Point: Creativity/Production --> |
| | <div style="background-color: #FFFFFF; box-shadow: 0px 2px 4px rgba(0, 0, 0,0.25); border-top: 20px; border-radius: 5px; color: grey; float:left; font-family:'Open Sans Light','Open Sans',sans-serif; font-size: 14px; height:475px; line-height: 20px; margin:20px; overflow:hidden; padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; position:relative; text-align:justify; width:328px;"> |
|
| |
|
| You can:
| | <div style="font-size: 28px; letter-spacing: -1px; line-height: 100%; color: #53535B; text-align:center;">[[Webmaker/Teach/MakeCreativity |Creativity and Production]]</div> |
|
| |
|
| * '''[https://wiki.mozilla.org/Webmakers/Community_Calls Tell us] why you care about making + learning'''
| | <div style="box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px 0px; position:center;">[[Image:MozFestCreativity.jpg|328px|link=Webmaker/Teach/MakeCreativity]]</div> |
| * '''Create, test and localize [https://wiki.mozilla.org/Webmaker/Teach/WebmakingResources hacktivity kits]'''
| |
| * '''Offer [https://webmaker.org/en-US/events/guides/ in-person trainings] for future mentors'''
| |
| * '''Help us create new [https://wiki.mozilla.org/Webmaker/Submit_your_project learning projects], resources, publish your own learning materials and resources here on the wiki.'''
| |
| * '''[https://wiki.mozilla.org/Webmaker/Testing Become a tester]'''
| |
| * '''[https://wiki.mozilla.org/Webmaker/Localization Help us localize and translate]'''
| |
| * '''[https://wiki.mozilla.org/Webmaker/Code File bugs on Webmaker software]'''
| |
|
| |
|
| The mentor community team will:
| | <br>Teaching participants how to build, create and produce things. Basic ideation and design skills, video- making, and resources that fall under a broader "maker" umbrella -- media-making, physical computing, games, electronics and more.<br> |
| | </div> |
| | <!--End Bullet Point: Creativity/Production--> |
|
| |
|
| * Set up '''communication channels'''
| | </div> |
| * Initiate '''train the trainer''' programs
| |
| * Scaffold '''mentor relationships'''
| |
| * Design a '''"Github for Learning Stuff"'''
| |
| * '''Issue badges''' and celebrate community successes
| |
|
| |
|
| [[File:scp-polaroids.jpg|center]]
| | <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> |
|
| |
|
| == Resources == | | <br/> |
| *[[Webmaker/Teach/WebmakingResources | Webmaking Resources]]: Explicit resources that leverage webmaking/code as a teaching goal.
| | ===Get more involved === |
| *[[Webmaker/Teach/LiteracyResources |Web Literacy]]: Resources that either leverage webmaking skills in a project-based context to teach other learning objectives or resources that teach various aspects of digital literacy (good search, copy paste, etc.)
| | <div style="margin-left:5px;margin-right:10px;"> |
| *[[Webmaker/Teach/BestPractices |Youth and Participant Development]]: Resources that catalogue best practices, techniques, etc. that demonstrate how to work with youth or other specific target groups. Participant management, digital citizenship, best practices, etc.
| |
| *[[Webmaker/Teach/MakeCreativity |Creativity/Production]]: Resources and materials that guide in teaching participants how to build, develop skills, ability and desire to create/produce things. Example: It is hard to build a webpage without basic ideation and design skills. It is hard to make a good Popcorn piece without some skills in video making. This is basically a catch-all for resources that fall under a broader "making" moniker: Media-making, physical computing, games, electronics...
| |
|
| |
|
| == Relevant Blog Posts ==
| | *Join the [https://webmaker.org/en-US/teach/ Webmaker Mentor] community at webmaker.org/teach |
| *[http://commonspace.wordpress.com/2012/09/25/explaining-crisply/ Explaining Crisply] | | *Follow [https://twitter.com/MozTeach Webmaker Mentors] on Twitter through @mozteach |
| *[http://explorecreateshare.org/2012/09/27/seeking-educators-that-get-the-web/ Seeking Educators that get the Web]
| | *Join [http://mzl.la/gpluswebmaker Mozilla Webmakers] on G+ |
| *[http://zythepsary.com/techie/hacktivating-educators/ Hacktivating Educators] | | *[https://wiki.mozilla.org/Webmaker/Teach/Help:AddtoMozTeachWiki Contribute to this wiki] |
| *[http://erinknight.com/post/32404487485/introducing-webmaker-the-product Introducing Webmaker the Product] | | *Ask questions, get support or join the conversation using #teachtheweb. |
| *[http://www.zythepsary.com/techie/the-mentor-community-says/ The Mentor Community says...] | |
| --
| |
|
| |
|
| ''We're still working on this wiki! Please give us your feedback, use the discussion pages, edit, add resources, etc.''
| | </div> |
| | |
| | </div> |
