MozillaWiki

Webmaker/Teach/MakeCreativity: Difference between revisions

< Webmaker‎ | Teach
m (→‎DESIGN: correcting links)
 
(14 intermediate revisions by one other user not shown)
Line 2: Line 2:


:<b><i>Do you have any resources to share?</i></b>  
:<b><i>Do you have any resources to share?</i></b>  
:It’s very easy to share and add resources to this wiki:
:Learn [https://wiki.mozilla.org/Webmaker/Teach/Help:AddtoMozTeachWiki how to share and add your resources to the Mozilla TeachWiki], it's very easy! 
# Create a MozillaWiki account by clicking “Log in/create an account” on the sidebar.
 
# Click the “Edit” tab at the top of the page to start sharing.
:OR, tweet @mozteach with #teachtheweb.


=== DESIGN ===
=== DESIGN ===
<br><b>Design Thinking</b><br>
<br><b>Design Thinking</b><br>
[http://www.designthinkingforeducators.com Design Thinking for Educators]<br>
*[http://www.designthinkingforeducators.com Design Thinking for Educators]<br>
[https://dschool.stanford.edu/sandbox/groups/k12/wiki/14340/attachments/e55cd/teacher%20takeaway.pdf?sessionID=30eaad91b400d7e4daea51a58af85e70f9c598e0 An Educator's Guide to Design Thinking]
*[https://dschool.stanford.edu/sandbox/groups/k12/wiki/14340/attachments/e55cd/teacher%20takeaway.pdf?sessionID=30eaad91b400d7e4daea51a58af85e70f9c598e0 An Educator's Guide to Design Thinking]


<br><b>Web</b><br>
<br><b>Web</b><br>
[https://mozlearning.etherpad.mozilla.org/DesigningForWeb Designing for the Web]<br>
*[https://mozlearning.etherpad.mozilla.org/DesigningForWeb Designing for the Web]<br>
 
* [https://docs.google.com/a/zythepsary.com/document/d/1nkhDxNT88S2rizhxYV-Qui0-DfhRYYy4a5LwHPyU7ao/edit#heading=h.2z1jl0wsynln Webpage Accessibility Checklists for Editors and Designers]


<b>Games</b><br>
<b>Games</b><br>
[http://beta.gamek.it Game Kit] from [http://iop.org Institute or Play].<br>
*[http://beta.gamek.it GameKit] from [http://instituteofplay.org Institute of Play].<br>
[https://github.com/matteomenapace/paper-prototype-socially-responsive-games-with-verbs Paper Prototype Socially Responsive Games with Verbs] This workshop is about hacking the rules of existing videogames in response to topical issues, and prototyping new games that are vessels of alternative values and messages.<br>
*[https://github.com/matteomenapace/paper-prototype-socially-responsive-games-with-verbs Paper Prototype Socially Responsive Games with Verbs] This workshop is about hacking the rules of existing videogames in response to topical issues, and prototyping new games that are vessels of alternative values and messages.<br>


<b>Fashion</b><br>
<b>Fashion</b><br>
[http://www.instructables.com/id/Three-Fabric-Buttons/ Hannah Perner-Wilson’s soft circuitry Instructables]<br>
*[http://www.instructables.com/id/Three-Fabric-Buttons/ Hannah Perner-Wilson’s soft circuitry Instructables]<br>
<br>[http://explorecreateshare.org/2013/02/01/making-fashion-playable-at-eyebeam/ Making Fashion Playable at Eyebeam]<br>A jam-packed, two-day crash course (7 hours each day) on DIY electronics, gaming and fashion design, including [https://www.dropbox.com/s/rc7d9o3mim6kq5s/PlayfulFashionWorksheet.pdf Playful Fashion Worksheets].<br>
*[http://explorecreateshare.org/2013/02/01/making-fashion-playable-at-eyebeam/ Making Fashion Playable at Eyebeam]<br>A jam-packed, two-day crash course (7 hours each day) on DIY electronics, gaming and fashion design, including [https://www.dropbox.com/s/rc7d9o3mim6kq5s/PlayfulFashionWorksheet.pdf Playful Fashion Worksheets].<br>
<br>[http://www.instructables.com/id/Three-Fabric-Buttons/ Hannah Perner-Wilson’s soft circuitry Instructables]<br>
*[http://www.instructables.com/id/Three-Fabric-Buttons/ Hannah Perner-Wilson’s soft circuitry Instructables]<br>
<br>[https://github.com/kabegit/PlayableFashion_MouseTest Playable Fashion Mouse Test] to test re-furbished mice when they were attached to soft buttons.
*[https://github.com/kabegit/PlayableFashion_MouseTest Playable Fashion Mouse Test] to test re-furbished mice when they were attached to soft buttons.


=== STORYTELLING ===
=== STORYTELLING ===
[http://hivenyc.org/CrashCourses/svt.html Story, Vision, Tech]  A simple technique that helps you plan a web native film.<br>
*[http://hivenyc.org/CrashCourses/svt.html Story, Vision, Tech]  A simple technique that helps you plan a web native film.<br>
[http://ds106.us DS106], an open online course on digital storytelling.
*[http://ds106.us DS106], an open online course on digital storytelling.
 
=== CIVIC PARTICIPATION/COMMUNITY ACTION ===
*[http://www.wnyc.org/shows/rookies/clusters/2012/apr/27/resources-educators/ WNYC Radio Rookies: Teaching True Stories Curriculum Guide]
*[http://www.youthradio.org/news/your-guide-to-citizen-journalism-part-i Youth Radio Guide to Citizen Journalism]
*[http://www.slideshare.net/citylore/city-lore-interviewing-guide?from=ss_embed A Guide to Interviewing, City Lore]
* [http://archive.p2pu.org/general/open-journalism-open-web Open Journalism and the Open Web] An archived, six-week online curriculum that will benefit both "hacks" and hackers (that's journalists & programmers, in plain English). Each week the course focused on a different topic, and each week the participants were joined by a different subject-matter expert (or two) from the field of news innovation.


=== ELECTRONICS ===  
=== DIY ===  
[http://lifehacker.com/5975190/how-to-get-started-with-diy-electronics-projects How to Get Started with DIY Electronic Projects]
*[http://www.instructables.com Instructables]
*[http://www.makered.org Maker Education Initiative]
*[http://lifehacker.com/5975190/how-to-get-started-with-diy-electronics-projects How to Get Started with DIY Electronic Projects]
*[http://www.hacknmod.com Hack N Mod]
*[http://makeprojects.com Make:Projects]
*[http://makezine.com/ Make magazine]


=== NETWORKING TOOLS ===
=== NETWORKING TOOLS ===
[http://twitter4teachers.pbworks.com/w/page/22554534/FrontPage Twitter for Teachers]<br>
*[http://twitter4teachers.pbworks.com/w/page/22554534/FrontPage Twitter for Teachers]
 
*[http://couros.ca/x/disrupt21c Becoming a Networked Learner] A helpful list of online tools and resources
[http://couros.ca/x/disrupt21c Becoming a Networked Learner] A helpful list of online tools and resources
*[http://digitalethics.org/resources/best-practices-for-bloggers-dimensions-for-consideration/ Best Practices for Bloggers], Center for Digital Ethics & Policy


=== COLLABORATION TOOLS ===  
=== COLLABORATION TOOLS ===  
[https://docs.google.com/a/zythepsary.com/document/d/1v4zkMYObGt6RE2l5ch2i3xKz0Tnh-V61OTLdH3pY9r8/edit Designing Work for Participation Worksheet] A helpful worksheet to create tasks and actions for an Open Source project.
*[https://docs.google.com/a/zythepsary.com/document/d/1v4zkMYObGt6RE2l5ch2i3xKz0Tnh-V61OTLdH3pY9r8/edit Designing Work for Participation Worksheet] A helpful worksheet to create tasks and actions for an Open Source project.

Latest revision as of 18:56, 2 April 2013

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 skills on ideation, design etc. 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 broader "making" moniker: Media making, physical computing, electronics...

Do you have any resources to share?
Learn how to share and add your resources to the Mozilla TeachWiki, it's very easy!


DESIGN


Design Thinking


Web

Games

Fashion

STORYTELLING

  • Story, Vision, Tech A simple technique that helps you plan a web native film.
  • DS106, an open online course on digital storytelling.

CIVIC PARTICIPATION/COMMUNITY ACTION

DIY

NETWORKING TOOLS

COLLABORATION TOOLS

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