Webmaker/Teach/MakeCreativity: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
No edit summary
m (→‎DESIGN: correcting links)
 
(19 intermediate revisions by one other user not shown)
Line 1: Line 1:
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...  
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...  


'''DESIGN'''
:<b><i>Do you have any resources to share?</i></b>
:Learn [https://wiki.mozilla.org/Webmaker/Teach/Help:AddtoMozTeachWiki how to share and add your resources to the Mozilla TeachWiki], it's very easy! 
 
 
=== DESIGN ===
<br><b>Design Thinking</b><br>
<br><b>Design Thinking</b><br>
[http://www.designthinkingforeducators.com Design Thinking for Educators]
*[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]


<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 and Gaming</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 ===
*[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.


<br><b>STORYTELLING</b><br>
=== CIVIC PARTICIPATION/COMMUNITY ACTION ===
[http://ds106.us DS106], an open online course on digital storytelling.
*[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.


<br><b>ELECTRONICS</b><br>
=== 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]


<br><b>NETWORKING TOOLS</b><br>
=== NETWORKING TOOLS ===
[http://twitter4teachers.pbworks.com/w/page/22554534/FrontPage Twitter for Teachers]
*[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


<br><b>COLLABORATION TOOLS</b><br>
=== 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