Webmaker/TeachTheWeb: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
No edit summary
 
(75 intermediate revisions by 5 users not shown)
Line 3: Line 3:
|pagelocation=Webmaker
|pagelocation=Webmaker
|pagetitle=Teach The Web
|pagetitle=Teach The Web
|owner=Michelle Thorne, Laura Hilliger, Kat Braybrooke, [https://mozillians.org/u/fuzzyfox William Duyck], [https://mozillians.org/en-US/u/dajbelshaw Doug Belshaw]
|owner=[https://mozillians.org/en-US/u/thornet/ Michelle Thorne], [https://mozillians.org/en-US/u/epilepticrabbit/ Laura Hilliger], [https://mozillians.org/en-US/u/dajbelshaw Doug Belshaw], [https://twitter.com/sarahtallen Sarah Allen], [https://twitter.com/amirad Amira Dhalla]. With moonlighting by [https://mozillians.org/en-US/u/codekat/ Kat Braybrooke] and [https://mozillians.org/u/fuzzyfox William Duyck]
|updated=March 2014
|updated=November 2014
|description=The Teach The Web team is embedded within the larger Webmaker team, which builds tools, curriculum and communities that teach web literacy. The Teach the Web team's specialties within this offering include training, teaching kits, credentials and skills-mapping.
|description=The Teach The Web team is embedded within the larger Webmaker team, which builds tools, curriculum and communities that teach web literacy. The Teach the Web team's specialties within this offering include training, teaching kits, credentials and skills-mapping.
}}<section end=summary />
}}<section end=summary />
Line 10: Line 10:
__NOTOC__
__NOTOC__


http://stream1.gifsoup.com/view/178856/fish-slapping-dance-o.gif
=Who we are=
<div style="float:right;margin-left:10px; border-top:5px grey solid; border-left:5px grey solid; border-right:5px grey solid; background: grey;">http://stream1.gifsoup.com/view/178856/fish-slapping-dance-o.gif</div>


http://media.giphy.com/media/KTHNWHfhKQD4c/giphy.gif
<div style="background-color: #ffcd36; color:#4d4e53; padding:2%; font-size:1.5em; border: 5px grey solid;">
The '''Teach The Web team''' is embedded within the larger [[Webmaker|Webmaker team]]. Mozilla Webmaker builds '''[https://webmaker.org/tools tools]''', '''[https://webmaker.org/teach curriculum]''' and '''[https://webmaker.org/getinvolved communities]''' that teach [[http://webmaker.org/resources|web literacy]]. The Teach the Web team's specialties include [[Webmaker/TeachTheWeb#Training|training]], [[Webmaker/TeachTheWeb#Teaching_Kits|teaching kits]], [[Webmaker/TeachTheWeb#Credentials_and_Skills_Mapping|credentials and skills-mapping]].</div>


=Testing=
<div style="background-color: #bbb; padding:2%; font-size:1.25em; color:#4d4e53; border-bottom:5px grey solid; border-right:5px grey solid; border-left:5px grey solid;">
===<span style="color:#4d4e53;">We apply the following co-design principles to each of our core activities...</span>===
* We prototype, playtest and remix, focused on a global, peer-led community.
* We are localized, global and culturally-specific.
* And we work with open source, modular and easily remixable formats, whether it's the Web Literacy map, teaching kits, or training.


=Who we are=
===<span style="color:#4d4e53;">And we're totally friendly.</span>===
<div style="background-color: #bbb; padding:2%; font-size:1.25em; color:white; border:5px grey solid;">The '''Teach The Web team''' is embedded within the larger [[Webmaker|Webmaker team]]. Mozilla Webmaker builds '''[https://webmaker.org/tools tools]''', '''[https://webmaker.org/teach curriculum]''' and '''[https://webmaker.org/getinvolved communities]''' that teach [[Webmaker/WebLiteracyMap|web literacy]]. The Teach the Web team's specialties within this offering include [[Webmaker/TeachTheWeb#Training|training]], [[Webmaker/TeachTheWeb#Teaching_Kits|teaching kits]], [[Webmaker/TeachTheWeb#Credentials_and_Skills_Mapping|credentials and skills-mapping]].
* Need to get in touch about an idea? [mailto:teachtheweb@mozillafoundation.org Email us] directly! Or find details on how to [https://webmaker.org/teach join the community] below.  
 
 
We work based on the following principles, which apply to each of our practices below:
* '''A process built on principles of co-design.'''
** We prototype, playtest and remix.
* '''Focused on a global, peer-led community.'''
** We are localized, global and culturally-specific.
* '''Working with open source, modular and easily remixable formats.'''
** Whether it's the Web Literacy map, teaching kits, or training.
</div>
</div>


<p>&nbsp;</p>
=What we make=
=What we make=


==Training==
==Training==
<div style="float:right;padding-left:10px;">[[File:Traininggiphy.gif]]</div>
<div style="float:right;margin-left:10px; border-top:5px grey solid; border-left:5px grey solid; border-right:5px grey solid; background: grey;">[[File:Traininggiphy.gif]]</div>
<div style="background-color: #ffcd36; color:#4d4e53; padding:2%; font-size:1.5em;">
<div style="background-color: #ffcd36; color:#4d4e53; padding:2%; font-size:1.5em; border: 5px grey solid;">
'''Webmaker [https://wiki.mozilla.org/Webmaker/Training Training]''' is a modular, remixable offering designed to teach people our pedagogies, web literacy skills and competencies, real world community building, and global engagement. Here's our [https://wiki.mozilla.org/Webmaker/Training Training Roadmap].</div>
'''[https://wiki.mozilla.org/Webmaker/Training Webmaker Training]''' is a modular, remixable offering designed to teach people our pedagogies, web literacy skills and competencies, real world community building, and global engagement. Here's our [https://wiki.mozilla.org/Webmaker/Training Training Roadmap].</div>


<div style="background-color: #27aae1; color:white; padding:1%;">
<div style="background-color: #27aae1; color:white; padding:2%; font-size:1.25em; border-right: 5px grey solid; border-left: 5px grey solid; border-bottom: 5px grey solid;">
=== Unique training offerings: ===
===<span style="color:white;">Unique training offerings: </span>===
<h4>Built to be tailored, participatory and collaborative.</h4>
* We make tailored, participatory and collaborative learning experiences. We decide what to learn and make together with our learners.
We remix a variety of practices to create unique learning experiences. We decide what to learn and make together with our learners.
* Our online and offline learning experiences are designed by and for people who participate in a global movement to spread web literacy.
<h4>Create in a global, peer-led community.</h4>
* Webmaker Training's content and structures are modular and remixable. [http://www.zythepsary.com/education/webmaker-training-why-modular/ Here's some reasons why.]
Our online and offline learning experiences are designed by and for people who participate in a global movement to spread web literacy.
<div style="clear:both"></div>
<h4>Working with open source, modular and easily remixable formats.</h4>
Webmaker Training's content and structures follows the principles of the Teach the Web team. [http://www.zythepsary.com/education/webmaker-training-why-modular/ Here's some reasons why.]
</div>
</div>
<p>&nbsp;</p>


==Teaching Kits==
==Teaching Kits==
<div style="background-color: #ffcd36; color:#4d4e53; padding:1%;"><div style="float:right;">[[File:Lobception.gif]]</div><h3 style="border-bottom:none;">A [https://wiki.mozilla.org/Webmaker/Teaching_Kits Teaching Kit] is a modular, remixable collection of activities and resources that lead a mentor through the process of teaching web literacy skills and competencies. Here's our [https://wiki.mozilla.org/Webmaker/Teaching_Kits Kit Roadmap].</h3><div style="clear:both"></div></div>
<div style="float:right;margin-left:10px; border-top:5px grey solid; border-left:5px grey solid; border-right:5px grey solid; background: grey;">[[File:Lobsterwin.gif]]</div>
<div style="background-color: #27aae1; color:white; padding:1%;">
<div style="background-color: #ffcd36; color:#4d4e53; padding:2%; font-size:1.5em; border: 5px grey solid;">
<h3>Unique kit offerings:</h3>
'''[https://wiki.mozilla.org/Webmaker/Teaching_Kits Teaching Kits]''' are modular, remixable collections of activities and resources that lead a mentor through the process of teaching web literacy. Here's the [https://wiki.mozilla.org/Webmaker/Teaching_Kits Kits Roadmap].
<h4>The kit process, built on principles of co-design. </h4>
</div>
Creators are encouraged to prototype, build together, playtest in communities and remix others' work.
<div style="background-color: #C13832; color:white; padding:2%; font-size:1.25em; border-right: 5px grey solid; border-left: 5px grey solid; border-bottom: 5px grey solid;">
<h4>A global, peer-led community of kit creators.</h4>
===<span style="color:white;">Unique kit offerings:</span>===
We ensure kits are localised, culturally-relevant and community-made.
* The kit process, built on [http://blog.kaibray.com/post/76615169574/a-mozilla-winter-web-makers-co-designers-and our principles of co-design]. Creators are encouraged to prototype, build together, playtest in communities and remix others' work.  
<h4>Open source, modular and easily remixable kit formats.</h4>
* A global, peer-led [http://webmaker.org/teach community] of kit creators. We ensure kits are localised, culturally-relevant and community-made.
BLA BLA WORKIN ON IT hacked, re-built and switched around.
* Open source, modular and easily remixable kit formats. All elements ready to be hacked, re-built, [http://bit.ly/1q0lObD re-designed] and switched around.
</div>
</div>


<p>&nbsp;</p>
==Credentials and Skills Mapping==
==Credentials and Skills Mapping==
<div style="float:right;padding-left:10px;">http://media.giphy.com/media/AtsoBg67B6hJm/giphy.gif</div>
<div style="float:right;margin-left:10px; border-top:5px grey solid; border-left:5px grey solid; border-right:5px grey solid; background: grey;">http://media.giphy.com/media/AtsoBg67B6hJm/giphy.gif</div>
<div style="background-color: #ffcd36; color:#4d4e53; padding:2%; font-size:1.5em; border: 5px grey solid;">'''Webmaker Badges''' are open, online credentials based on Mozilla's Open Badges Infrastructure designed to recognise contribution and web literacy skills and competencies.</div>
<div style="background-color: #ffcd36; color:#4d4e53; padding:2%; font-size:1.5em; border: 5px grey solid;">'''[https://wiki.mozilla.org/Webmaker/Badges Webmaker Badges]''' are open, online credentials based on Mozilla's Open Badges Infrastructure designed to recognise contribution and web literacy skills and competencies. Here's the [https://wiki.mozilla.org/Webmaker/Badges Badges roadmap].</div>


<div style="background-color: #66C0A1; color:white; padding:2%; font-size:1.25em; border-right: 5px grey solid; border-left: 5px grey solid; border-bottom: 5px grey solid;">
<div style="background-color: #66C0A1; color:white; padding:2%; font-size:1.25em; border-right: 5px grey solid; border-left: 5px grey solid; border-bottom: 5px grey solid;">
===<span style="color:white;">Unique badge offerings:</span>===
===<span style="color:white;">Unique badge offerings:</span>===
* Credentialing the contribution of those learning to teach the web.
* Recognising the contribution of those learning to teach the web using badges.
* Developing learning pathways around web literacy skills and competencies.  
* Developing learning pathways around web literacy skills and competencies.  
* Credentialing those improving their web literacy skills within competencies represented on the [http://bit.ly/weblitmap Web Literacy Map].
* Credentialing those improving their web literacy skills within competencies represented on the [http://bit.ly/weblitmap Web Literacy Map].
</div>
<p>&nbsp;</p>
==And Other Cool Things!==
Like... wireframes, design collabs, appmakrrrr


===<span style="color:white;">Badges</span>===
<p>&nbsp;</p>
The Teach The Web team is working on several badges to recognise skills and competencies around web literacy and teaching the web. For more details see the [https://wiki.mozilla.org/Webmaker/Badges Webmaker Badges] wiki page.
=Testing=


===<span style="color:white;">Learning Pathways</span>===
<div style="float:right;margin-left:10px; border-top:5px grey solid; border-left:5px grey solid; border-right:5px grey solid; background: grey;">http://i43.servimg.com/u/f43/16/43/13/21/animat10.gif</div>
<div style="background-color: #4DB9F8; color:#4d4e53; padding:2%; font-size:1.5em; border: 5px grey solid;">'''We think it's important to release early and release often. For that reason, we're [[Webmaker/TeachTheWeb/Testing | running several tests]] runs from March 6 - May 10.</div>


In addition to badges, we're working on learning pathways. These will help users scaffold their learning and show their progression (both contribution and web literacy skills/competencies).
<div style="background-color: #66C0A1; color:white; padding:2%; font-size:1.25em; border-right: 5px grey solid; border-left: 5px grey solid; border-bottom: 5px grey solid;">
===<span style="color:white;">How to get involved</span>===


''Coming soon!''
* '''Find a [[Webmaker/TeachTheWeb/Testing | test]]''' that you're interested in.
* '''Follow the test instructions.'''
* '''Share your experience''' on the [[Webmaker/Mentor/Community_Calls | Webmaker community call]] or on the [https://lists.mozilla.org/listinfo/webmaker Webmaker mailing list].


</div>
</div>


==Whitepapers==
<p>&nbsp;</p>
http://media.giphy.com/media/82XYJP735yD16/giphy.gif
 
==And Other Cool Things!==
Like... wireframes, design collabs, appmakrrrr
 
=How we work with other teams=
 
=How we work with the community=


=How to contact us=
=How to get involved=
* Join the Webmaker [https://lists.mozilla.org/listinfo/webmaker mailing list]
<div style="background-color: #ffcd36; color:#4d4e53; padding:2%; font-size:1.5em; border: 5px grey solid;">
* Tweet at us: [https://twitter.com/webmaker @webmaker]
* To discuss an opportunity or idea, [mailto:teachtheweb@mozillafoundation.org email us directly].
* Or use the hashtag: [https://twitter.com/search?q=%23TeachTheWeb #teachtheweb]
* To talk to the community, join the Webmaker [https://lists.mozilla.org/listinfo/webmaker mailing list].
* And, don't forget to join the weekly #TeachTheWeb [https://wiki.mozilla.org/Webmaker/TeachTheWeb/Calls community call].
* You can also tweet at us via [https://twitter.com/webmaker @webmaker] on Twitter...
* Or use the hashtag [https://twitter.com/search?q=%23TeachTheWeb #teachtheweb]!</div>

Latest revision as of 18:42, 26 May 2015

Webmaker-icon.png Teach The Web
Owner: Michelle Thorne, Laura Hilliger, Doug Belshaw, Sarah Allen, Amira Dhalla. With moonlighting by Kat Braybrooke and William Duyck Updated: 2015-05-26
The Teach The Web team is embedded within the larger Webmaker team, which builds tools, curriculum and communities that teach web literacy. The Teach the Web team's specialties within this offering include training, teaching kits, credentials and skills-mapping.


Who we are

fish-slapping-dance-o.gif
The Teach The Web team is embedded within the larger Webmaker team. Mozilla Webmaker builds tools, curriculum and communities that teach [literacy]. The Teach the Web team's specialties include training, teaching kits, credentials and skills-mapping.

We apply the following co-design principles to each of our core activities...

  • We prototype, playtest and remix, focused on a global, peer-led community.
  • We are localized, global and culturally-specific.
  • And we work with open source, modular and easily remixable formats, whether it's the Web Literacy map, teaching kits, or training.

And we're totally friendly.

 

What we make

Training

Traininggiphy.gif
Webmaker Training is a modular, remixable offering designed to teach people our pedagogies, web literacy skills and competencies, real world community building, and global engagement. Here's our Training Roadmap.

Unique training offerings:

  • We make tailored, participatory and collaborative learning experiences. We decide what to learn and make together with our learners.
  • Our online and offline learning experiences are designed by and for people who participate in a global movement to spread web literacy.
  • Webmaker Training's content and structures are modular and remixable. Here's some reasons why.

 

Teaching Kits

Lobsterwin.gif

Teaching Kits are modular, remixable collections of activities and resources that lead a mentor through the process of teaching web literacy. Here's the Kits Roadmap.

Unique kit offerings:

  • The kit process, built on our principles of co-design. Creators are encouraged to prototype, build together, playtest in communities and remix others' work.
  • A global, peer-led community of kit creators. We ensure kits are localised, culturally-relevant and community-made.
  • Open source, modular and easily remixable kit formats. All elements ready to be hacked, re-built, re-designed and switched around.

 

Credentials and Skills Mapping

giphy.gif
Webmaker Badges are open, online credentials based on Mozilla's Open Badges Infrastructure designed to recognise contribution and web literacy skills and competencies. Here's the Badges roadmap.

Unique badge offerings:

  • Recognising the contribution of those learning to teach the web using badges.
  • Developing learning pathways around web literacy skills and competencies.
  • Credentialing those improving their web literacy skills within competencies represented on the Web Literacy Map.

 

And Other Cool Things!

Like... wireframes, design collabs, appmakrrrr

 

Testing

animat10.gif
We think it's important to release early and release often. For that reason, we're running several tests runs from March 6 - May 10.

How to get involved

 

How to get involved