Archives For author

The Hive Mozilla Youth Ambassador training theme of the day today was facilitation- aka Hack Jam 101. Although the thought of running an event can be daunting- our team was up for the challenge. Today was the third session in our training series.

The first thing that we did today- was discuss the upcoming hack jams that the MoYo Ambassadors will help facilitate. First, on Monday we will be running a hack jam for their peers at Mouse- and then later in the year they will be helping TASC with several after school programs.

We started the training by reviewing the 5 steps to running a hack jam for youth, which is part of the recently launched Hacktivity Kit.


The 5 steps guide readers from preparation to facilitation of an event for youth using the Hackasaurus tools.  The team was quick to note that a hack jam- is like a music jam session- where participants could riff off of eachother’s work!

We then reviewed the logistics for the event on Monday.

We looked at the event space and came up with several solutions for creating a maker space where participants can work in the “open”.


We also brainstormed and came up with a theme for our event- called “Hacking the Holidays.” Our team quickly noted that we covered a lot of things in our two workshops, so we decided to simplify our hack jam by only covering hacking (not getting into webmaking). We came up with a list of learning objectives for the 2 hour event:



The group then set to work. The first order of business was coming up with a good ice breaker to communicate what we mean when we say “hack”.  We played a game that Chloe Varelidi and I modded for the Media, Freedom and the Web festival.  Each participant got 3 cards- a Goal, Mechanic and Concept card. The goal and concept cards were filled out in advance but the youth came up with the concept for the final activity.


Everyone came up with pretty creative solutions including a tweet game- where users had to Hack a Tweet and a game where participants were presented with a problem in a photograph and had to edit the photo to in order to save the day. Ultimately- the group decided to go with a dance battle game for the jam at Mouse.

We then took some time to come up with an event plan for the jam. We came up with an agenda, and assigned roles:

We then paired  off an practiced talking to each other about the project. I then challenged everyone  to make videos of their pitches on the topic of What is Hackasaurus and Why is it Important to Code. (Check out the videos in the previous posts on this blog!- they are fantastic)

Finally, we walked through everyone’s roles for Monday and talked about what to do when troubleshooting. It was a great day and I know we all are looking forward to their first event on Monday.




Wednesday was the second HIVE Mozilla Youth Ambassador training at Mouse. Today was focused on making that pivotal move from hacking bits and pieces of the web with the X-Ray Goggles to designing webpages with HTML and style.

We started out by stretching our content creation muscles with the Superhero Design Challenge. Participants were asked to look back at the “I think X makes the web special” and the “I think that X makes the web difficult to use” brainstorms that we did in session 1. We chose one aspect of the web to defend or compete against if they were a Superhero of the Open Web. They we used this as the basis for creating  a short web- ready biography for their fictional superhero of the open web. We discussed what makes a good bio as well as what makes for good writing on the web.

Everyone presented their stories:

“Captain  Super wall-  he has the power to throw fire balls at villains how try to cross the wall. A long time ago in a far school named cyber squad. were super wall a student was elected to go visit one of the most advanced technology in the hold city, but something when wrong in it’s visit. he touched  one of the controllers and he  when into  cyber world. it took him to  firewall city. where his mission is to let good information go in and burn bad things. “- by Jose

Then,  we  paired up and created an arch nemesis for our partner’s superhero. Here is Captain Super Wall’s arch nemesis, Title Wave:

“Title Wave sends title waves of info that is not needed does that because he thinks all info is good and also thinks that all info should have equal rights ” – by Youssef

Now that everyone had bios, we were ready for some publicity! We went into online news organization sites and remixed the pages to include stories of our characters saving the day, or ruining the day as it were.   We  had a great time taking photos with Photobooth on our computers and doing post production and image manipulation in Aviary:

We remixed the html and style with the X- Ray Goggles and presented projects, and then talked a bit about how to trouble shooted problems with the coding.

We then discussed the various components that make up a webpage, including:  HTML, CSS, graphic assets and text content and reviewed that the combination of an opening tag and its corresponding closing tag and the content in between is called an element. 

The final challenge for this workshop was to make an instructional “how to” webpage from a template- without the goggles. In order to do this, we all came up with things that we we experts at- we had a peanut butter and jelly maker, a hand turkey illustrator, a good music connoisseur!  I gave everyone a crash course in web DESIGN. We talked about the importance in identifying a user and designed information architecture as well as wireframes for all of the sites.

Participants used a prototype that Atul Varma and I worked on as a spin off of the Hackbook that Anna Debenham created to help users craft webpages from templates.

In the end, everyone made the “how to” pages and we all critiqued the structure, style and design of each presenters work.

 How to Sleep

Overall the workshop was a  success – we user tested old and new tools as well as curriculum and workshop participants came a way with 2 webpages that they made in a stretch of 4 hours!

Next Up:  How to Run a Hack Jam

Use this website to get started making your “How To” pages.

The overall structure of the workshops will be:

Session 1: Intro to hacking, “open web” and intro to X-Ray Goggles
Session 2: Deeper dive into HTML and CSS – design challenge
Session 3: How to run a hack jam
Session 4: Practice jam with peers

Yesterday  we started out by mind mapping. This gave us a chance to make sure that we were all on the same page
when we talked about hacking, tinkering and coding.
We paired off and responded to a challenge to define hacking in a tweet. Here are the final definitions:

We decided to test the definitions. The next challenge was to hack a board game. Our two teams chose to hack tic tac toe (which became Finger Tac) and monopoly (which became Hackopoly). The teams wrote new rules and then playtested each others games.

Throughout the course of the activity, we talked about our process and what options we had in terms of hacking the games.

After a break we talked a bit about what makes the web unique. As a group we came up with a list of things that make the webs special and things that make the web difficult to use:
We then talked about how the web was designed to be participatory and collaborative. We looked at a slide show that I created as part of the Hacktivity kit.

After a brief intro to the X-Ray Goggles, we hacked Google, and then I challenged everyone to hack a website of your own choosing. The goal was to make as many changes as possible to hide the identity of the original site.

Hacked sites: Facebook, Tumblr, the NYC MTA page, Twitter, Apple and even the Mouse page!
Our next workshop is tomorrow. We will be learning HTML and CSS and moving from hacking to webmaking!

The first challenge is to hack something physical before we hack something digital.

Partner up and choose a board game to hack.

Here are the things you need to hack:


1. Name of game

2. A minimum of 3 rules of the game


You can hack as many things as you want to hack!



Welcome to the Mouse – Mozilla December Shadowship! Thank you for signing up for this program. We are going to use this blog to document all of the work that we do throughout the next two weeks. I know that you may have other blogs, but this will be our “working blog” so that we can help each other, post interesting links, and take notes.

To get started I wanted to tell you a bit about the work we will be doing over the next two weeks.This shadowship will consist of 4,  4 hour workshops that will train you to become Mozilla Youth Ambassadors and then later this year you will be facilitating a few hack jams. That means that you will learn Hackasaurus, HTML, CSS and facilitation in order to run your own hacking events and/or clubs. The overall structure of the workshops will be:

Session 1- Monday, December 5th: 1:30pm – 5:30pm
Intro to hacking, “open web” and intro to X-Ray Goggles
Session 2- Wednesday, December 7th: 1:30pm – 5:30pm
Deeper dive into HTML and CSS – design challenge
Session 3- Friday, December 9th: 1:30pm – 5:30pm
How to run a hack jam
Session 4- Monday, December 12th: 1:30pm – 5:30pm
Practice event with peers

Here are the main tools that we will be using throughout the shadowship- I will update you through this blog if we add any more.

  • My Delicious tags for our shadowship are here
  • Mozilla Hackasaurus X-Ray Goggles
  • This blog — create an account for yourself right now! ALL your challenge responses must be “turned in” by linking to them from this blog. When you update your responses to challenges link to them from this blog also.