Events/Hack Jam/Popcorn: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
Line 20: Line 20:


== Who ==
== Who ==
[[File:Popcorn_hackjam2.png|right]]


Teams consist of:  
Teams consist of:
* Video-makers with an existing project
* Video-makers with an existing project
* Web developers skilled in Javascript
* Web developers skilled in Javascript


Each video project is paired with at least one developer.
Each video project is paired with at least one developer. Facilitators and web designers are also key roles at the hack jam.
 
Facilitators and web designers are also key roles at the hack jam.  


== How ==
== How ==

Revision as of 13:36, 24 January 2012

Mozilla Hack Jam for Video Makers

What

Popcorn hackjam1.png

A Mozilla Hack Jam for Video Makers is a two-day event that teams up video makers with web developers. Interactive video projects are built from concept to running code over the course of the event, using open tools and collaborative design.

Every team is expected to make a “minimum viable product” that works, albeit roughly, by the end of the hack jam.

The motto: Less yak, more hack!

Participants will learn about the power of web cinema, how to develop projects based on their interests, and about the benefits of collaboration and working in the open.

Hack jams can be hosted in partnership with Mozilla, who provides facilitation experience and extensive knowledge of key software, in particular Popcorn.js, a Javascript library for HTML5 video.

Mozilla will work with partners to ensure participants leave with both a deeper understanding of the web as a storytelling medium and improved video projects.

Hack jams can also be self-organized following this handy guide!

Who

Popcorn hackjam2.png

Teams consist of:

  • Video-makers with an existing project
  • Web developers skilled in Javascript

Each video project is paired with at least one developer. Facilitators and web designers are also key roles at the hack jam.

How

Pre-Hack Jam Engagement

Mozilla and partners identify the participating video projects. Ideal candidates are video-makers with existing video and a vision for improving it with interaction on the web. Through lightweight interviews, each video-maker is paired with a web developer whose interests and skillset meets the video-maker's vision. The newly-formed team discusses the vision determine if any further preparation should be done in advance of the hack jam.

Agenda

All the participants and facilitators meet on Day 1 for a group briefing. Demos of web cinema, including common templates and plugins, are shown and discussed. If needed, a quick crash-course on Popcorn will be provided. Each project presents it's vision for the hack jam.

The group breaks into the small teams and determine how they'll work together. Some might use napkin-sketches to quickly test ideas and interfaces. Some might already have code prepared. Some might address shared problems and team up. This is where facilitators can be especially helpful ensuring each team makes the most out of the time together.

Two-thirds through Day 1, teams circle back and share what they've done so far. The group provides feedback. The teams return to their project. Day 1 ends with a recap of where each project stands and would like to achieve the next day.

Day 2 opens with a quick welcome, and teams go to work on their project.

By the afternoon of Day 2, teams wrap up their work and outline next steps. Some might decide to meet later and continue hacking. Others might have upcoming events or ongoing projects where they can continue to improve the video. Others will be finished with what they set out to achieve.

Day 2 closes with a screening of the projects with feedback followed by a group discussion about what they learned, how they would improve the hack jam, and their next steps.

Resources

  • At least one computer per team.
  • Video-editing software as well as a fast browser.
  • Popcorn.js installed.
  • Video files for each project.
  • Reliable wifi.
  • Power outlets.
  • Projector with suitable adapters
  • Amenities such as coffee, water, and snacks.
  • Travel support to the hack jam, where needed.

Case Studies

Independent Television Service (ITVS) + Mozilla, San Franciso. October 2011. http://www.wired.com/underwire/2011/10/coders-filmmakers-popcorn/all/1 Video: http://mozillapopcorn.org/the-living-docs-hack-day/

Mozilla Festival, London. November 2011. http://mozillapopcorn.org/what-we-made-at-mozfest/ Video: https://www.youtube.com/watch?v=zeiO9dS29Bo

(For youth) Bay Area Video Coalition + Mozilla, San Francisco. August, 2011. http://mozillapopcorn.org/bavc/