Webmaker/Teach: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
No edit summary
 
(186 intermediate revisions by 12 users not shown)
Line 1: Line 1:
= Hacktivate Learning =  
<div style="text-align:justify">
<div style="clear:both; margin-bottom:20px;">
<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;">
[[Image:MozMentors.png|150px]]
</div>
 
<div style="width:70%; float:left; padding: 11px; background: #ffffff;  -moz-border-radius: 10px; margin-top:15px;margin-left:15px;">
<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>
 
This wiki includes:
* <b>Additional resources</b>: To help educators teach digital literacy and webmaking.
* <b>Easy ways to contribute</b>: [https://wiki.mozilla.org/Webmaker/Teach/Help:AddtoMozTeachWiki Share and contribute] your own resources.
The emphasis is on making and learning the web together, with learners in both formal and informal learning environments. </div>
 
<div style="clear:both; margin-top:20px;">
== How to Contribute ==
Here are three easy ways to share your own resources for teaching digital literacy and webmaking:
<div style="margin-left:5px;margin-right:10px;">
# [https://wiki.mozilla.org/Webmaker/Teach/Help:AddtoMozTeachWiki Add them to this wiki],
# Post them to our [http://mzl.la/gpluswebmaker Webmaker G+ community], or
# Tweet us @MozTeach with #teachtheweb.
 
[http://slidespeech.com/s/k4JHQFSqen/?autoplay=true http://hivenyc.org/teachtheweb/wp-content/uploads/2013/04/engagementdiagram.png]
 
[http://slidespeech.com/s/k4JHQFSqen/?autoplay=true Introduction to Engagement] (12 talking slides)


Who is this for? Educators of all shapes and sizes! With the recently identified focus on building a networked community of educators "hacktivated" by both Mozilla's operational approach and Webmaking learning mission, a team is being brought together to engage both individual educators as well as education systems and cohorts.
We invite you to hack and remix any of the existing resources, curriculum and presentations in this wiki, then share them!


We seek to hacktivate educators in both formal and informal learning spaces.
==Resources==
<div style="margin-left:5px;margin-right:10px;">


<div style="-moz-border-radius: 10px;width:25%;height:375px;background-color:#25AAE1;float:left;display:block;margin:1.5%;border: 1px solid #C4C295;text-align:left;padding:2.5%;padding-top:0px"><span style="color:white;font-size:20px;font-weight:bold;border-bottom:2px solid #FFF;">Educators already teaching webmaking</span>
<!--Bullet Point: Webmaking-->
We would like to:
<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;">
* help guide your content towards important web literacies via tools/curriculum/teaching culture
 
* help you hack our content to fit with your own learning objectives
<div style="font-size: 28px; letter-spacing: -1px; line-height: 100%; color: #53535B; text-align:center;">[[Webmaker/Teach/WebmakingResources | Webmaking]]</div>
* help you expand your efforts through promotion/showcasing and by guiding local webmakers to your organizations
 
* hear about your successes and facilitate a culture of sharing
<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>
<!--End Bullet Point: Webmaking-->
<!--Bullet Point: Webliteracy -->
<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 style="font-size: 28px; letter-spacing: -1px; line-height: 100%; color: #53535B; text-align:center;">[[Webmaker/Teach/LiteracyResources |Digital Literacy]]</div>


<div style="-moz-border-radius: 10px;width:25%;height:375px;background-color:#F7941E;float:left;display:block;margin:1.5%;border: 1px solid #C4C295;text-align:left;padding:2.5%;padding-top:0px"><span style="color:white;font-size:20px;font-weight:bold;border-bottom:2px solid #FFF;">Educators not yet teaching webmaking (eg: camp instructor)</span>
<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>
We would like to: 
 
* inspire you that this would be fun to teach
<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>
* make it easy for you to teach
* help you learn more skills
* provide relevant tools, curriculum, etc.
* help you hack our content to fit with your own learning objectives
* show you that webmaking can be inserted into ANY topic
* hear about your successes and facilitate a culture of sharing
</div>
</div>
<!--End Bullet Point: Webliteracy-->
<!--Bullet Point: Youth and Participant Development-->
<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;">
<div style="font-size: 28px; letter-spacing: -1px; line-height: 100%; color: #53535B; text-align:center;">[[Webmaker/Teach/BestPractices |Youth and Participant Development]]</div>
<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>


<div style="-moz-border-radius: 10px;width:25%;height:375px;background-color:#8DC63F;float:left;display:block;margin:1.5%;border: 1px solid #C4C295;text-align:left;padding:2.5%;padding-top:0px"><span style="color:white;font-size:20px;font-weight:bold;border-bottom:2px solid #FFF;">Learners becoming the educators</span>
<br>Best practices and techniques for working with youth and other learning audiences and participants.<br>
We would like to:   
* encourage existing educators to identify these stars and provide a single pathway once they've been identified
* encourage webmakers to be these stars
* lower barriers to teaching by teaching newbie educators how to host learning events, hackjams and create networks.
* hook you up with existing teachers to learn from
</div>
</div>
<!--End Bullet Point: Youth and Participant Development-->


==How can I contribute to these projects?==
<!--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;">


Everyone can pitch in! Please visit the project wiki pages to learn what kind of help is needed.
<div style="font-size: 28px; letter-spacing: -1px; line-height: 100%; color: #53535B; text-align:center;">[[Webmaker/Teach/MakeCreativity |Creativity and Production]]</div>


Many projects have mailing lists or issue trackers you can follow. If you want to see where projects are at any given moment, check out the [http://search.twitter.com/search?q=%23drumbeat+%23spark #drumbeat + #spark hashtag]. Project collaborators are tweeting their progress!
<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>


==How can I get involved?==
<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-->


There are a ton of ways to contribute. If you're into making things:
</div>


*write a blog post
<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>
*shoot some video
*pitch in on one of the festival projects
*help us write the book


==Road Map for Hacktivation==
<br/>
===Get more involved ===
<div style="margin-left:5px;margin-right:10px;">


With LFW, we're releasing early and often. If you have web design skills, help improve the site! Current improvements needed:
*Join the [https://webmaker.org/en-US/teach/ Webmaker Mentor] community at webmaker.org/teach
*Follow [https://twitter.com/MozTeach  Webmaker Mentors] on Twitter through @mozteach
*Join [http://mzl.la/gpluswebmaker  Mozilla Webmakers] on G+
*[https://wiki.mozilla.org/Webmaker/Teach/Help:AddtoMozTeachWiki Contribute to this wiki]
*Ask questions, get support or join the conversation using #teachtheweb.


[http://groups.google.com/group/lfw-org-webteam/browse_thread/thread/e5190edafa808cde Dec 6th priority features/fixes]
</div>


*jquery powered "how you can help right now!" #drumbeat #spark
</div>
*better typography
*better wrapper and spacing
*sexier static pages
*classier footer
*accessibility/validated CSS
*"Videolab" section for regular HTML5 video content
*more dynamic Festival section
*user submissions for "Read about festival"
*better tagging/taxonomies for objects
*localization/filters by language
 
To join the web team, add yourself to the [http://groups.google.com/group/lfw-org-webteam/ Google group] and introduce yourself.

Latest revision as of 21:08, 14 May 2013

MozMentors.png

Let's teach the web! Everything you need to get started is at webmaker.org/teach

This wiki includes:

  • Additional resources: To help educators teach digital literacy and webmaking.
  • Easy ways to contribute: Share and contribute your own resources.
The emphasis is on making and learning the web together, with learners in both formal and informal learning environments.

How to Contribute

Here are three easy ways to share your own resources for teaching digital literacy and webmaking:

  1. Add them to this wiki,
  2. Post them to our Webmaker G+ community, or
  3. Tweet us @MozTeach with #teachtheweb.

engagementdiagram.png

Introduction to Engagement (12 talking slides)

We invite you to hack and remix any of the existing resources, curriculum and presentations in this wiki, then share them!

Resources

Webmaking.png


Learning by making and building. These resources leverage remix, webmaking or coding as a teaching goal.

WebLiteracy.png


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.

MozPartyYouth.jpg


Best practices and techniques for working with youth and other learning audiences and participants.

MozFestCreativity.jpg


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.




















































Get more involved

Retrieved from "https://wiki.mozilla.org/index.php?title=Webmaker/Teach&oldid=655952"