Tag Archives: mouse

Emoti-Con! 2012 Design Update

Posted on by
1

This post was written by the Emoti-Con! NYC 2012 steering committee.

 

Emoti-Con! 2012 Award Categories

The designs for this year’s logo and awards have been created by two students who are studying Communication Design at Parsons.  Richard Pean and Deja Holden both went to New York City public high schools and are now respectively a junior and sophomore in college at Parsons.  In January, Deja and Rich met with the Emoti-Con! NYC steering committee at the main branch on Fifth Avenue of The New York Public Library.  At the meeting they presented their initial logo designs, and they received great feedback and much praise.  The committee was excited and after a few more iterations were reviewed, the final logo was selected.  Check out the logo on our Facebook Page.  Deja and Rich then worked with the steering committee to produce images for the challenge categories (see left), a T-shirt design and at the event every youth presenter will also get a poster created by our design team.  Do you have questions for Rich or Deja about being a design student?  Email emoticon.nyc@gmail.com.

There’s also still time to participate in our social media contests!

  • Post your favorite emoticon on our Facebook wall (www.facebook.com/EmotiConNYC) and tell us why it’s your favorite. The post with the most number of “Likes” wins a $50 iTunes gift card!  Note: you have to “like” Emoti-Con! to be eligible to win.
  • Tweet @EmotiCon_NYC about what you’re looking forward to at Emoti-Con! The challenge: Your tweet must rhyme! We’ll choose the best tweet and the winner gets a $25 iTunes gift card! Note: you have to follow @EmotiCon_NYC to be eligible to win.

Check out our FAQ for more details!

Congratulations to Marc Lesser, NSBA “20 to Watch”

Posted on by
1

MOUSE Education Director and Hive NYC founding member Marc Lesser was just honored by the National School Board Association (NSBA) in their “20 to Watch” Leaders Advancing Education Technology for 2011-2012.

From MOUSE News:

The NSBA “20 to Watch” recognizes educators who are passionate about how technology can transform teaching and inspire others to use technology in creative, innovative ways to enhance learning. These honorees are leaders within the education technology community who will “help shape the world of education technology for the next 20 years.”

Since Marc joined the team at MOUSE four years ago, he has made a tremendous impact on our youth development programming. Marc engages and inspires students to be leaders, innovators, creators, makers and thinkers, and is recognized as a visionary leader within the ed tech community.

Marc is a wonderful role model for our team at MOUSE and inspires us with his creativity, passion and dedication to the youth we serve.

We couldn’t agree more!  We appreciate all Marc has done for Hive NYC, and look forward to more great things to come (hint: Emoti-Con! on June 2).

Congratulations, Marc!

Emoti-Con! A-Team in the House

Posted on by
2

Hello Hive members!  We are the Youth Action Team or A-team, a group of teens from different Hive organizations that meet every other week on Fridays to plan Emoti-Con!
As mentioned in a previous post, Emoti-Con! is an annual gathering of tech-smart teens, where they showcase their work and compete in a Youth Digital Media and Technology Challenge.  There are fabulous prizes involved for winning projects!

Emoti-con 2011

As the A-Team, we have chosen to participate in the planning of Emoti-Con! in order to lend an important youth voice  to the event and to put our existing skills and interests to use.  We’ve been busy working with Global Kids staff Daria Ng and Joliz Cedeño on several tasks, including choosing what swag (a.k.a FREE STUFF) Emoti-Con! participants will get for coming, brainstorming ideas for guest speakers, developing an activity for all participants, and writing blog posts and tweets to promote the event. We’ll also be emailing all Hive members interested in participating so that we can be your main contact in the coming months.

During Emoti-Con! you will see us documenting the day through photo and video, helping out at registration and lunch, emcee’ing, and facilitating the group activities.  Some of us will even be submitting projects for the challenge.  You’ll know who the A-Team is by the different colored t-shirts we’ll be wearing.  We’re all looking forward to seeing what teens in NYC are doing with digital media and technology and the awesome projects that will be showcased on Saturday, June 2nd.

In the next blog post, you’ll hear more details about registering for Emoti-Con! 2012.  In the meantime, here are some social media challenges for you and/or the youth you work with to participate in.

Facebook: Post your favorite emoticon on our Facebook wall and tell us why it’s your favorite. The post with the most number of “Likes” wins a $50 iTunes gift card.  Note: you have to “like” Emoti-Con! to be eligible to win.  You can also Read our FAQ’s on Facebook.

Twitter: Tweet @EmotiCon_NYC about what you’re looking forward to at Emoti-Con!  The challenge: Your tweet must rhyme!  We’ll choose the best tweet and the winner gets a $25 iTunes gift card!  Note: you have to follow @EmotiCon_NYC to be eligible to win.  (Sample tweet: Looking forward to the box lunches and to projects that pack some punches! @EmotiCon_NYC)

Below are our bios so you can learn more about who we are.

A-Team Bios

  • My name is Omar A. and I am 15 years old. I am a sophomore at Hudson High School of Learning Technologies.  I am a MOUSE Corps member. This is my second year participating on the Youth Action Team.  I am currently saving up for my first Tron motorcycle.  This year I’m most focused on my design skills.
  • My name is Kim B.,17-year-old senior at International High School at LaGuardia Community College. I  am representing MOUSE.  I am a musician and I play the guitar and sing.  Also, I’m a little tech geek myself.  I’m a very mean, unapproachable person. So, drop by and say hi.
  • My name is Thorn G. and I am a senior at Paul Robeson High School.  I am also a Global Kids Leader and have helped plan Global Kids’ annual youth conference. My interests include TV, chocolate, music, video games and technology.
  • My name is Sharon M. and I am a folk and jazz concert enthusiast, aspiring music journalist, and whole-hearted arts lover. I also enjoy watching the Food Network’s awesomely cheesy competition shows, and hope to one day feature my infamous tofu-spaghetti sauce on the show Worst Cooks in America. When not making a mess in the kitchen, I can be found whipping up art projects at Eyebeam!
  • My name is Neil N. and I am 15 years old. I attend Hudson High School of Learning Technologies and I am interested in Hardware Engineering. The program that I represent is MOUSE.
  • My name is Luis N.  I am 17 years old from Queens, New York and a Global Kids Leader.  A jack of all trades, I enjoy writing, solving math problems and using these two skills in my work on computers. Through my interest in computers, I’ve learned about programing and engineering.
  • My name is Jacqueline S. and I’m 16 years old. I currently attend Frank Sinatra School of the Arts in Astoria, Queens. I represent Global Kids. My interests are illustration, graphic design, game design and photography.

Hacking the Holidays: Peer-to-Peer Jam at Mouse

Posted on by
Reply

Written by Jess Klein, Hackasaurus Design + Learning Lead

Yesterday the Hive Mozilla Youth Ambassadors ran their first event as facilitators. The hack jam was held at the Mouse headquarters and we had a nice mix of youth, adult “squad leaders” and adult program coordinators from the Mouse staff.

The youth facilitators came a few hours early to prepare for the event and do a walk through of the event plan. There was a lot of set up work to do, including: making a screen for the projector (see below), putting out the chairs, making sure the X- Ray goggles bookmarklet was installed on all the computers, and checking that the laptops were fully charged. This was a bit tedious, but we referred to the “IT Checklist” included in the Hacktivity Kit for pointers.

Before the event started, we paired off and role played “worst case scenarios” and facilitated them. We had a lot of fun pretending to not know how to navigate webpages!

Finally, event participants arrived and we kicked things off with a welcome and the “Hack Dance Battle” icebreaker. Zainab acted as emcee for the youth jam and thanked everyone for coming. Youseff then promptly asked everyone to get our of their seats and to get their groove on with some hackable dancing. (Neil dj-ed and we played a LOT of the Combination Pizza Hut and Taco Bell song) Omar lead the group discussion about what we mean when we say hack.

We then showed the two videos that the youth created on the topics of “What is Hackasaurus” and “Why You Should Learn to Code.” Check out the REMIXED video that Omar and Youssef made here.

Jose gave a great demo on how to use the goggles, pointing out the importance of looking for opening and closing tags when editing html. The first hacking challenge that everyone participated in was hacking the google site. The youth facilitators broke up the participants into groups and tag teamed on the facilitation. Then, the youth did a shareout:

It was really great to see the youth teaching the adults how to code:

The final challenge of the day- “the moment you have all been waiting for,” as Omar announced- was “holiday-ifying” any website of your choosing.  After an hour of break outs, hacking, and full on merriment, we had a group shareout. Participants messaged the text the mob site that we put up for the event, with their new websites:

Here is one of the hacks:

After the event was over, and we cleaned up the space, we held a team meeting for the youth facilitators. We debriefed the event, and discussed what went well- the icebreaker, the videos, the holiday challenge- and what we would do differently- time of the event, and dedicating more time to the practice mini challenge. Finally, I gave the youth who completed all the workshops, including this peer facilitation event- their cerification:

Overall- I would say that the event and the Hive MoYo Ambassador trainings were a success. I will follow up on our next steps in iterating this process in another blog post- but I leave you with a team photo. Special shout outs go to Marc Lesser and Meredith Summs of Mouse for hosting and being involved in all of the workshops:

Hack jams for youth, by youth

Posted on by
2

Written by Jess Klein, Hackasaurus Design + Learning Lead

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 of Mouse youth were up for the challenge. Today was the third session in our training series. It was another session of work that I have not tried out before- but I consider this a prototype for  a more formalized opportunity for youth.

The first thing that we did today was discuss the upcoming hack jams that the MoYo Ambassadors will help facilitate. First, on Monday they 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 five steps guide readers from preparation to facilitation of an event for youth using the Hackasaurus tools.  The team of youth were 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”.  I made them play 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.

They came up with pretty creative solution 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- they decided to go with a dance battle game.

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 the to make videos of their pitches on the topic of What is Hackasaurus and Why is it Important to Code.

What is Hackasaurus by Omar and Youssef

Why It Is Important to Code by Zainab and Jose

 

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.

Transitioning from Hacking to Webmaking

Posted on by
4
Written by Jess Klein, Hackasaurus Design + Learning Lead


Today 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. This was the first time that I have ever lead a followup workshop to the initial “hack jam” type workshops where participants learned about the open web, what we mean by “hacking” and an intro to the Hackasaurus tools. For me this workshop is very important because it moves from the “a ha” moment that many users have when using the googles to look under the hood of a webpage, to the “roll up the sleeves” and get to work phase. Or, as Mimi Ito might say- from messing around to geeking out.


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. They chose one aspect of the web to defend or compete against if they were a Superhero of the Open Web. They then 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.

The youth 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, they paired up and created an arch nemesis for their 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 they had bios, they were ready for some publicity! They went into online news organization sites and remixed the pages to include stories of their characters saving the day, or ruining the day as it were.   The youth had a great time taking photos with Photobooth on their computers and doing post production and image manipulation in Aviary:

They remixed the html and style with the X- Ray Goggles and presented their projects and talked a bit about how they 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 on Friday.

Hacking your World: HIVE MoYo Ambassadors

Posted on by
1

Written by Jess Klein, Hackasaurus Design + Learning Lead

Yesterday I lead the first of a series of 4 hour intensive learning labs at Mouse. This series of workshops will train youth to become what I am calling Mozilla Youth Ambassadors (it’s a working title). That means that youth will learn Hackasaurus, HTML, CSS and facilitation in order to run hacking events and/or clubs. You can follow our group blog here.

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 the teens came in and 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.
The teens paired off and responded to a challenge to define hacking in a tweet. Here are their final definitions:

We decided to test their 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. It was nice to user test that- it worked really well. I think I am going to change some of the slides about installation because they are outdated since we changed the interface for the tools.

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

The teens hacked 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!