This repository was archived by the owner on Jan 24, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 50
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'gh-pages' of github.com:secretrobotron/webmaker-curricu…
…lum into gh-pages
- Loading branch information
Showing
7 changed files
with
1,125 additions
and
2 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,132 @@ | ||
| <!DOCTYPE html> | ||
| <!-- | ||
| =========================================================== | ||
| WELCOME TO THE MOZILLA LEARNING ACTIVITY TEMPLATE! | ||
| Use this template to create your own session or educational | ||
| resource for learners. Edit the HTML below to add your own | ||
| content, links and images. We're using the 'Kraken the Code' | ||
| activity as an example. | ||
| Code comments like these will help with hints and guides. | ||
| Need help? Start here: http://mzl.la/teachingkit-tips | ||
| =========================================================== | ||
| --> | ||
|
|
||
| <html> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta name="viewport" content="initial-scale=1"> | ||
| <link rel="stylesheet" href="https://s3-us-west-2.amazonaws.com/makerstrap/makerstrap.complete.min.css"> | ||
| <link rel="stylesheet" href="../stylesheets/styles.css"> | ||
|
|
||
| <!-- ADD YOUR TITLE HERE --> | ||
| <title>Facilitator Guide</title> | ||
| </head> | ||
|
|
||
|
|
||
| <!-- IGNORE THIS FIRST BIT - JUST MAKES SURE IT WORKS WELL ON MOBILE DEVICES! --> | ||
|
|
||
| <body> | ||
| <nav class="navbar navbar-webmaker"> | ||
| <div class="container"> | ||
| <div> | ||
| <button type="button" class="navbar-toggle" ng-click="collapseToggle()"><span class="sr-only">Toggle navigation</span></button> <!-- logo --> | ||
| <a href="#" class="logo webmaker-logo"><img src="https://webmaker.org/img/logo.png"></a> | ||
|
|
||
| <ul class="nav navbar-nav navbar-right navbar-collapse text-center-xs collapse"> | ||
| <li> | ||
| <a href="https://twitter.com/hashtag/teachtheweb">#TeachTheWeb</a> | ||
| </li> | ||
|
|
||
| <li> | ||
| <a href="http://discourse.webmaker.org/category/clubs">Discussion</a> | ||
| </li> | ||
|
|
||
| <li> | ||
| <a href="https://github.com/mozilla/webmaker-curriculum/blob/master/WebLiteracyBasics-I/session01-credibility.html">View on Github</a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </nav> | ||
|
|
||
| <!-- THE SIDEBAR STARTS HERE - GET READY TO EDIT! --> | ||
|
|
||
| <div class="wrapper"> | ||
| <aside class="aside"> | ||
| <div class="image"> | ||
| <!-- ADD YOUR MAIN IMAGE HERE --> | ||
| <img src="../images/designing-webmaker.jpg"> <a href="https://instagram.com/p/14gVTKJZMO/" class="attribution"><span class="fa fa-camera"></span> Laura de Reynal</a> | ||
| </div> | ||
| </aside> | ||
|
|
||
| <!-- END OF SIDEBAR CONTENT --> | ||
|
|
||
| <!-- THE MAIN CONTENT STARTS HERE --> | ||
|
|
||
| <article class="main"> | ||
| <div> | ||
| <hgroup class="text-light"> | ||
|
|
||
| <!-- CHANGE THE TITLES (AND LINKS) --> | ||
| <h2>Facilitator Guide</h2> | ||
|
|
||
| <!-- ADD YOUR NAME AND A LINK TO YOUR PROFILE --> | ||
| <p id="made-by">Made by <a href="https://twitter.com/katiehighet">Katie</a> and remixed for Maker Party by <a href="https://github.com/secretrobotron">Bobby</a>. | ||
|
|
||
| <p class="lead">Much of the success of the workshop lies with the facilitator — it’s in your hands! Here are some hints to help you run the best workshop possible.</b></p> | ||
|
|
||
| </hgroup> | ||
| <hr> | ||
|
|
||
| </div> | ||
|
|
||
| <div class="agenda"> | ||
| <ul> | ||
|
|
||
| <li> | ||
| <div> | ||
| <h3>Before the workshop</h3> | ||
| <ul> | ||
| <li>Engage/ work with the group — chat with them informally!</li> | ||
| <li>Encourage them to be brave, offer their ideas and thoughts to the group.</li> | ||
| <li>Make sure you prepare — organization is key.</li> | ||
| <li>As much as possible, try and get a good gender balance in the room, so that everyone can feel comfortable to speak. One male for every two females is a good guideline.</li> | ||
| </ul> | ||
| </div> | ||
| </li> | ||
|
|
||
| <li> | ||
| <div> | ||
| <h3>During the workshop</h3> | ||
| <ul> | ||
| <li>Keep an eye on the time</li> | ||
| <li>Listen to the participants! Appreciate their input.</li> | ||
| <li>Be confident — you’re the expert!</li> | ||
| <li>Know your content — again, prepare!</li> | ||
| <li>Keep it fun, be creative.</li> | ||
| <li>Set ground rules — how will the session be run, what is the timing for the session, what will be expected of them</li> | ||
| <li>Speak clearly — especially if there are people who are not interacting in their native tongue.</li> | ||
| <li>Make sure your body language is open and positive</li> | ||
| <li>During the parts of the workshop that involve working with a mobile phone, make sure you sit next to people rather than in front of them — this will help create a supported learning environment. </li> | ||
| <li>Where there is more than one mentor, make sure that each mentor helps out with delivery, splitting the tasks</li> | ||
| <li>If the scenarios provided don’t suit your environment as much, change them around to make them more relevant to the learners.</li> | ||
| </ul> | ||
| </div> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </article> | ||
|
|
||
| <!-- ADD A LINK TO WHAT COMPETENCY/SESSION PEOPLE MIGHT LIKE TO EXPLORE NEXT! --> | ||
|
|
||
| <footer class="footer"> | ||
| <!--Licensing Information--> | ||
|
|
||
| <div class="license"> | ||
| <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png"></a> | ||
| </div> | ||
| </footer> | ||
| </div> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,131 @@ | ||
| <!DOCTYPE html> | ||
| <!-- | ||
| =========================================================== | ||
| WELCOME TO THE MOZILLA LEARNING ACTIVITY TEMPLATE! | ||
| Use this template to create your own session or educational | ||
| resource for learners. Edit the HTML below to add your own | ||
| content, links and images. We're using the 'Kraken the Code' | ||
| activity as an example. | ||
| Code comments like these will help with hints and guides. | ||
| Need help? Start here: http://mzl.la/teachingkit-tips | ||
| =========================================================== | ||
| --> | ||
|
|
||
| <html> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta name="viewport" content="initial-scale=1"> | ||
| <link rel="stylesheet" href="https://s3-us-west-2.amazonaws.com/makerstrap/makerstrap.complete.min.css"> | ||
| <link rel="stylesheet" href="../stylesheets/styles.css"> | ||
|
|
||
| <!-- ADD YOUR TITLE HERE --> | ||
| <title>Glossary for the Internet and the Web</title> | ||
| </head> | ||
|
|
||
|
|
||
| <!-- IGNORE THIS FIRST BIT - JUST MAKES SURE IT WORKS WELL ON MOBILE DEVICES! --> | ||
|
|
||
| <body> | ||
| <nav class="navbar navbar-webmaker"> | ||
| <div class="container"> | ||
| <div> | ||
| <button type="button" class="navbar-toggle" ng-click="collapseToggle()"><span class="sr-only">Toggle navigation</span></button> <!-- logo --> | ||
| <a href="#" class="logo webmaker-logo"><img src="https://webmaker.org/img/logo.png"></a> | ||
|
|
||
| <ul class="nav navbar-nav navbar-right navbar-collapse text-center-xs collapse"> | ||
| <li> | ||
| <a href="https://twitter.com/hashtag/teachtheweb">#TeachTheWeb</a> | ||
| </li> | ||
|
|
||
| <li> | ||
| <a href="http://discourse.webmaker.org/category/clubs">Discussion</a> | ||
| </li> | ||
|
|
||
| <li> | ||
| <a href="https://github.com/mozilla/webmaker-curriculum/blob/master/WebLiteracyBasics-I/session01-credibility.html">View on Github</a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </nav> | ||
|
|
||
| <!-- THE SIDEBAR STARTS HERE - GET READY TO EDIT! --> | ||
|
|
||
| <div class="wrapper"> | ||
| <aside class="aside"> | ||
| <div class="image"> | ||
| <!-- ADD YOUR MAIN IMAGE HERE --> | ||
| <img src="../images/designing-webmaker.jpg"> <a href="https://instagram.com/p/14gVTKJZMO/" class="attribution"><span class="fa fa-camera"></span> Laura de Reynal</a> | ||
| </div> | ||
|
|
||
| <div class="goals"> | ||
| <p>These terms and other materials are also available in <a href="../assets/webmaker-mobile-curriculum-handout.pdf">The Mobile Internet Lesson Handbook (PDF)</a>.</p> | ||
| </div> | ||
| </aside> | ||
|
|
||
| <!-- END OF SIDEBAR CONTENT --> | ||
|
|
||
| <!-- THE MAIN CONTENT STARTS HERE --> | ||
|
|
||
| <article class="main"> | ||
| <div> | ||
| <hgroup class="text-light"> | ||
|
|
||
| <!-- CHANGE THE TITLES (AND LINKS) --> | ||
| <h2>Glossary for the Internet and the Web</h2> | ||
|
|
||
| <!-- ADD YOUR NAME AND A LINK TO YOUR PROFILE --> | ||
| <p id="made-by">Made by <a href="https://twitter.com/katiehighet">Katie</a> and remixed for Maker Party by <a href="https://github.com/secretrobotron">Bobby</a>. | ||
| </hgroup> | ||
| <hr> | ||
| </div> | ||
|
|
||
| <div class="agenda"> | ||
| <ul> | ||
|
|
||
| <li><div><b>Download:</b> to copy a package of information (such as a file or application) from the Internet on to a computer or mobile device.</div></li> | ||
|
|
||
| <li><div><b>Installation:</b> to save a file or application on your computer or mobile device. This is what happens, usually automatically, once you have downloaded the file of application from the Internet.</div></li> | ||
|
|
||
| <li><div><b>App (application):</b> a piece of software designed for specific function, this is usually downloaded to mobile device.</div></li> | ||
|
|
||
| <li><div><b>Operating system:</b> the base software which lets you communicate with the supports your computer or mobile phone’s functionality and lets you to communicate with it, like an intermediary inside the phone. Android is one such operating system.</div></li> | ||
|
|
||
| <li><div><b>Register:</b> To record a profile of yourself in the app (usually an email address or username and then password) so that your can save your activities and progress, and continue each time you come back.</div></li> | ||
|
|
||
| <li><div><b>Log in/sign in:</b> To enter your name/ email and password when you come back to an app, so you can return to your previous activities.</div></li> | ||
|
|
||
| <li><div><b>Password:</b> A private phrase or word that only you know – and is used to sign-in to online accounts, such as email or Facebook.</div></li> | ||
|
|
||
| <li><div><b>3G/4G (third generation, fourth generation):</b> These are standards or ways that we connect our phones to the Internet. If you are connected to the mobile Internet (but not through Wifi) you should see a 3G or 4G sign at the top of your mobile screen.</div></li> | ||
|
|
||
| <li><div><b>Links:</b> these are website references in a webpage or electronic document which let you display or connect to another document or webpage.</div></li> | ||
|
|
||
| <li><div><b>URL (Uniform Resource Locator):</b> the address of any document, file or website available on the internet. Examples include www.facebook.com and www.bbc.com</div></li> | ||
|
|
||
| <li><div><b>Open source:</b> this refers to computer software, like Webmaker, where the source code is made "open" so that anyone may view, change or distribute a version of the software for any purpose. </div></li> | ||
|
|
||
| <li><div><b>Remixing:</b> to create a version of a project, based on the original, but incoporating new elements.</div></li> | ||
|
|
||
| <li><div><b>Sharing:</b> how we distribute our thoughts, feedback and projects over the internet. We share them through comments, web projects and updates.</div></li> | ||
|
|
||
| <li><div><b>Non-</b>linear navigation: a multi directional way of formatting Webmaker projects or websites to tell a dynamic and illustrative story. This is how projects or websites can take you in lots of different information directions.</div></li> | ||
|
|
||
| <li><div><b>RGBA and # (tinker mode):</b> (Red Green Blue Alpha) is a colour palette, and way of adjusting or ‘tinkering’ with this colour palette through increasing or decreasing different amounts of colour.</div></li> | ||
| </ul> | ||
| </div> | ||
| </article> | ||
|
|
||
| <!-- ADD A LINK TO WHAT COMPETENCY/SESSION PEOPLE MIGHT LIKE TO EXPLORE NEXT! --> | ||
|
|
||
| <footer class="footer"> | ||
| <!--Licensing Information--> | ||
|
|
||
| <div class="license"> | ||
| <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png"></a> | ||
| </div> | ||
| </footer> | ||
| </div> | ||
| </body> | ||
| </html> |
Oops, something went wrong.