search

mozillaph / education

1 stars 0 forks source link

[2KK WebLit Workshop] Workshop Flow #1

Open ryanermita opened 7 years ago

ryanermita commented 7 years ago

Description

Create a Workshop flow for the Highschool and College participants of the 2KK and MozillaPH Web Literacy Workshop.

ryanermita commented 7 years ago

  1. Ping Kong

    • activity that will allow us to show how the Internet works.
    • Explain what is internet and Web
    • We will focus on the concept on how the internet works and will just have a little discussion about the terms.
    • we assume that we wont have a reliable internet connection because - Philippines. So we will skip the ping utility exercise.
    • due to internet connection we will skip the video explaining the packets. But dont worry our obstacle course activity will let our participants to experience how the internet works :)
    • after the activity we will ask the participants what they learn and their reflection. we have prices for this. ballers and pins.

    Activity in each hops

    • Dance
    • jumping jacks
    • shake shake shake
    • clap clap clap
    • and more

    Duration

    45 mins

    Materials

    • slide deck for this activity
    • printed ping kong obstacles course signs

  2. Web Mechanics Speed Dating

    • to teach how the web works

    Name cards and description

    • HTML - I am a language that the computer understand to create webpages.
    • CSS - I am a language that the computer understand to design webpages
    • Webpage - I am a documents that lives on the Web
    • Cookies - I am a small piece of text sent to your browser by a website.
    • Browser - I am a software that you use to access the information on the Web
    • URL - I am the address of your Webpages
    • and more . . .

    Duration

    30 mins

    Materials

    • slide deck for this activity
    • printed Web Literacy name cards

  3. My Robotic Friends

    • to teach the concept of programming

    Duration

    30 mins

    Rules

    • Coders should translate all moves using only the six arrows suggested.
    • Cups should remain with the robot, not provided to programmers during coding.
    • Once robots are back with their groups, there should be no talking out loud

    Steps

    • Choose one “Robot” per team
    • Send robot to the “Robot Library” while the programmers code
    • Groups will create an algorithm to arrows, as described in the Symbol Key
    • When programmers have finished coding their stack they can retrieve their robot
    • Upon return, the robot reads the symbols from the cards and translates them back in to movements
    • The group should watch for incorrect movements, then work together to debug their program before asking the robot to re-run it.

    Materials

    • printed steps
    • cups
    • slide deck for this activity

  4. HTML

    • discuss a basic HTML concept and coding

    Duration

    30 mins

    Materials

    • slide deck for this activity

  5. HTML Puzzle

    • activity for the participants to practice what they learn about HTML

    Duration

    30 mins

    Steps

    • group the participants into two groups.
    • show a simple webpage
    • distribute the html code puzzle pieces to each group.
    • on the wall let the participants create the whole HTML code using the html puzzle pieces.

    Materials

    • A image of simple webpage
    • printed HTML puzzle pieces
    • slide deck for this activity