Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Remix the Web! Using Mozilla Webmaker for Library Workshops & Programming

Remix the Web! Using Mozilla Webmaker for Library Workshops & Programming

Presented by Tamarack Hockin (@tamahoc) and myself for the Education Institute. Full notes: http://wp.me/pHQ83-Wv
--
Learn about the Mozilla Webmaker Suite, an online set of tools to make, edit, and remix webpages and videos. Webmaker is great for teaching users, staff, and yourself how to build and interact with some of the Web's fundamentals-- including HTML, CSS, Javascript, and web literacy concepts.

Cynthia "Arty" Ng

January 15, 2015
Tweet

More Decks by Cynthia "Arty" Ng

Other Decks in Technology

Transcript

  1. Remix the Web! Using Mozilla Webmaker for Library Workshops &

    Programming Cynthia Ng / BC Libraries Cooperative / @TheRealArty Tamarack Hockin / Surrey Public Library / @tamahoc
  2. Part 1: Webmaker Tools • Introduction • The Tools •

    Why Webmaker? Part 2: Webmaker in the Wild • Library Case Studies • Participants & Facilitation • Selling Webmaker Part 3: Wrap Up & Next Steps • Training & Documentation • Demo (if time permits) • Q & A Outline
  3. Introduction • teach, learn, and share • global • open

    source, open discussions • community involvement • share and remix
  4. X-Ray Goggles • inspect the blocks that make up a

    webpage • “hack” the page by inserting or changing o text o images o colours o etc.
  5. Thimble • create webpages • HTML & CSS editor •

    instant preview • responsive help
  6. Popcorn Maker • online video editor • pull in o

    videos o images o sounds o google maps • add links
  7. Appmaker • newest tool • use preset bricks • make

    them interact • works in various browsers desktop & mobile
  8. Why Webmaker? • fully web based, no installation necessary •

    free • lots of resources • no experience necessary • fun!
  9. Training & Documentation • Gallery with lots of makes with

    instructions built-in • Search for other makes and teaching kits • Resources including the Web Literacy Map • Badges • MOOC #teachtheweb • Events • Mentor Network and other networks
  10. Resources - Webmaker http://webmaker.org - Webmaker Wiki for Teachers https://wiki.mozilla.org/Webmaker/Teach/WebmakingResources

    - HTML Introductions http://www.w3schools.com/tags/ https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Introduction - T. Hockin Program Plan https://db.tt/Y0IEHMbU [docx] https://db.tt/hIBfOYGY [PDF] - SL Makers Camp webpage https://slmakers.makes.org/thimble/LTEwMDAwNzY4MA==/sl-makers-tmc2014 - Teach the Web Monthly Calls https://wiki.mozilla.org/Webmaker/TeachTheWeb/Calls