Webmaker/WebLiteracyMap/Align: Difference between revisions

==The Web Literacy Map==

The Web Literacy Map is a map of the territory of web literacy. It constitutes the raw material from which people like ''you'' can make resources, curricula and activities to help teach the web. Our working definition of 'web literacy' is purposely inclusive and wide: ''the skills and competencies required to read, write and participate effectively on the web.''

'''Example:''' Laura runs an after-school club around digital skills. She's interested in developing in young people skills around the Collaborating and Community Practices competencies. Instead of running standalone activities in her after-school club, Faye talks to teachers at the school and begins to develop a cross-curricular approach to these competencies. She uses the time in her after-school club for young people to reflect on what they've done in lessons, ways they can go further in these competencies, and how they can apply the competencies to life beyond the school gate.  

</div>

</div>

<div style="background:#ffcc99; border:1px #333 solid; padding:10px; margin-bottom:10px;">

'''Example:''' Kat helps curate collections for art galleries and museums. She's noticed that many people want to share user-generated content from the shows she and her team put on, but feels a tension between that and copyright issues. Using the Remixing and Open Practices competencies as lenses, Kat approaches a mobile telecoms provider for a collaboration. The result is a series of resources and activities that tie into the experience of visiting the museums and art galleries, teach visitors about sharing appropriately, and help promote the shows themselves.

</div>

</div>

'''Example:''' Chad is a teacher using the Web Literacy Map in his lessons whenever he can. He's concerned that the great work his students are doing is not credentialed, so he begins a consultation process with his classes. Through this process, he finds that different groups of students value and want to focus on different competencies. Instead of building the Web Literacy Map into his curricula into a formal way, he co-designs badges with students, who then 'pledge' for them. Over the course of the school year, alongside their regular studies, Chad provides ways for students move towards mastery in the competency areas they've chosen. In addition, Chad ensures that 'softer' skills such as teamwork and attendance are taken into account when designing these badges.

</div>

</div>

==Appendix 1: Further Mozilla resources==

Mozilla has the tools, resources and community to help teach the web. Here are some to help you get started.

===Webmaker===

* [https://webmaker.org/tools Webmaker tools] - the landing page for the three Webmaker tools

* [https://thimble.webmaker.org Thimble] - learn HTML, CSS and JavaScript through fun activities.

* [https://popcorn.webmaker.org PopcornMaker] - remix web video.

* [https://webmaker.org/teach Webmaker.org/teach] - lots of teaching kits and resources.

===Open Badges===

* [https://badgekit.org BadgeKit] - a platform for issuing badges (currently in private beta)

===Other===

[http://en.wikipedia.org/wiki/Boys_%26_Girls_Clubs_of_America Boys & Girls Clubs of America’s] (BGCA) mission is to inspire and enable all young people to realize their full potential as productive, responsible and caring citizens - especially those from disadvantaged circumstances. In 2013, BGCA had the opportunity to re-image 'Club Tech', its longstanding technology education programming. The aim was to identify technology competencies a member could learn, develop and refine over their years as a member of the Club. The Web Literacy Map provided BGCA with enough detail to identify target competencies.  

These materials were piloted from February, 2014 through April 2014, and resulted in a number of edits and modifications to experiences. The full educational technology initiative will be launched in a webcast planned for August 2014. Further information can be found from 5th May 2014 at http://myfuture.net.