#mozparty

[mozspain]

Eres más de corto o de largo? Cual es tu preferido? Vestiditos MÓZ. Desliza👉para que veas escotazo y la manga más bonita. #móz#mozparty#dress https://www.instagram.com/p/B6QN1sriwLR/?igshid=14dfpbs3jtd3l

[sharisphotolyrics]

Aaah yes we have arrived @mackenzbot #MozCon #mozparty (at Garage)

[mozillawebmaker-blog]

One of the most amazing stories from the Summer Code Party continues: Unnati the Webmaker, who once ran into trouble while working on a Thimble project, and Gauthramraj the Mentor, who created novel ways for her to solve problems has another chapter! From Gauthramraj: "Hey all,

    Unnati was asked to make a webpage for an exhibition and as expected she simply rocked :-) Here is the link https://thimble.webmaker.org/p/2c0 ! I am sure you all will love it ! To make the things more interesting , I asked Unnati to try with her school if she can do a mozparty in her school with her friends. She got the permission and will be hosting a Mozparty day after tomorrow. Also, I have sent her few mozparty and Firefox goodies by courier to make her event more awesome :-) "

We are wildly impressed with the both of them! Congratulations, Unnati! The story starts here: http://www.zythepsary.com/techie/the-power-of-contribution

Gauthramraj creates a project just to help Unnati (you can try it too): http://mozillawebmaker.tumblr.com/post/30666021305/solve-gauthamrajelas-alice-puzzle-project

Unnati thanks her mentors: https://thimble.webmaker.org/p/9ha

Unnati hosts her first HackJam with two of her friends and her cousin, and makes Popcorn: http://maker.mozillapopcorn.org/505ed17aa640e28e060007a0.html

[hivenyccodeparties]

X-ray Goggles hack. Long live unicorns!

[brettgaylor-blog]

How the #Mozparty is changing Popcorn

This is a detailed post that has been a long time coming. In summary:

Popcorn has achieved a lot in the last 5 months

We're discovering that our template model is creating too much complexity

We're realizing that Popcorn is a powerful media literacy tool

We're increasing our focus on Popcorn Maker as a remixer

Over the last 5 months, the Popcorn team has been busy. While expanding our focus from Popcorn.js to include the Popcorn Maker app, we have shipped 7 releases, closed over 835 tickets, been featured on the mainstage of TedGlobal, ran hack days at North America's two largest documentary film festivals, had a brand and UX review by the best in the business, created an educational curriculum for young people, and shipped a new version of our web app. The team has grown - Bobby Richter has been joined by developers Jon Buckley, Scott Downe, and our UX intern Kate Hudson who has become a leader in the project. Our collaboration with the Center for the Development of Open Technology has continued - David Humphrey has taken an increasingly active role in the engineering leadership at the Mozilla Foundation, and new researchers have joined our core contributors there. Its been a heady several months. Luckily we've had a few cakes to celebrate our release, or we might have gone crazy.

0.2 - Ghostbusters 0.3 - Breakfast Club 0.5 - Pulp Fiction

What we've been working toward

We articulated a design philosophy of Popcorn Maker in February:

Let people create great delightful interactive video experiences - quickly

Always stay human readable: HTML, CSS and JS.

Let users walk away with the source and hack it.

...and importantly, encourage the maximum amount of flexibility and generativity*.

* For those unfamiliar with this term, generativity refers to a given system's ability to foster innovation. As Jonathan Zittrain describes it: "Generativity is a system's capacity to produce unanticipated change through unfiltered contributions from broad and varied audiences". Essentially - innovation without permission. If you had to pick a sentence that describes what gets everyone up in the morning at Mozilla, that would probably be it. (or in Latin: "innovatio sine licentia").

For Popcorn Maker, we saw the potential for generativity withinin templates. We imagined templates would be the vehicle that would let new contributors create an infinite variety of different interactive video experiences - essentially a video app factory. By creating a base template, we would invite webmakers to modify these templates, submit them to us, and create a virtuous circle of invention and creativity.

What we're learning

With the launch of Mozilla's Summer Code Party, a series of events designed to kickoff the webmaker program, we are in a great place to test our assumptions and see how people are using the app. We've learned a lot, but two things I want to call out:

Generativity generates complexity

Popcorn is an interest based learning tool

1- Generativity generates complexity

When we imagined the innovation that templates would foster, we didn't (but probably could have) imagined the engineering problems that would emerge as a result. Each template created a chain reaction of bugs, Quality Assurance problems, and testing issues. To ship the 4 templates we created for the summer campaign, we ended up playing whack-a-mole with bugs and features began to slip.

A case in point is the Robots template that we produced for Storycamp. Our process worked like this:

The storycamp team (Laura Hilliger, Ben Moskwoitz, Jacob Caggiano, Kate Hudson and I) decided we wanted to teach students "procedural storytelling" - that a story can be told by changing a set of variables

I created some content by remixing video from the Internet Archive

Kate created a template that would allow learners to remix this content by adding popcorn plugins - change the google maps plugin and the robots invade your home town, change the flickr plugin and they're pursuing different humans. Most popular - a new popcorn plugin that used speak.js to allow you to make the robots say whatever you want. Fun!

The problem started when this new template begun crashing browsers. Turns out that each time the robot talked, it actually needed to start a new computing process in the web browser to transcode a new audio file. Each time the bloody robot would talk, 300 mb of RAM was being used up! Slower computers fell to their knees. Solutions were proposed, teeth were gnashed. (note: this was our implementation, not the fault of the very cool speak.js library).

We ran into problems with our manual tests. Could you swap in youtube? Would that work on export? Turns out that CSS animation is crashing Firefox. Is it crashing Chrome? Omygod have you seen this in Safari?

you get the picture.

Now, the Robots template is an extreme case - synthesized speach was never in our roadmap! (and Bobby probably could have told us that was going to crash the browser). Yet we realized that since the most primary part of our web app was essentially boundless (authors could include any JS, any HTML, any CSS), it was going to infringe upon our ability to ship the rest of the features we wanted and do proper QA. We needed to find another way to keep the system open ended and generative, while still allowing us to ship.

#2 - Popcorn is a great learning tool

Since the Mozilla Summer Code Party would be a coming out party for Popcorn Maker, we were pretty nervous when 50 or so kids assembled, ready to use the app. I filmed them using it:

A few things became apparent right away:

Kids get it. Aside from a few annoying papercuts (timeline zoom, our event editor),they found the interface intuitive

They got the idea of mixing video with web content. To the point that they didn't understand why we thought this was cool :)

They got excited when we let them work with existing Youtube content. They (naturally) thought their project was cooler when it was based on their favourite pop star or TV show

It got me thinking - while Popcorn has always been positioned as part of the Webmaker family, we've assumed that Thimble would be the primary learning tool. "We're having a code party here - we need people writing HTML!"

It was clear at the Toronto event, though, that there was some pretty interesting learning going on. While the kids naturally took to remixing using video, it was definitely the case that none of them had ever used a web app to combine video and 3rd party APIs before.

I called up Erin Knight to chat about this and we discussed the draft web literacies that Michelle Levesque had written, and which Doug Belshaw is currently expanding.

Looking at the first draft, its clear that Popcorn does address many of these proposed literacies. I circled the literacies I felt were relevant to using Popcorn Maker.

Of course, there's a fine line between which literacies we depend on vs which ones we teach - but clearly Popcorn addresses many of the "soft skills" of webmaking. And it raises for me a central point of this whole initiative - we aren't only teaching people to code - we're teaching people how to express themselves on the web. I've never been a coder, but you're damn straight I'm a webmaker. We need to make sure our tools address not simply how to right semantically accurate HTML and CSS, but that they make you understand that the web is a malleable thing.

From the webmaker website:

"Mozilla believes it’s crucial that we give people the skills they need to understand, shape and actively participate in [the web] instead of just passively consuming it."

Douglas Rushkoff sums this up in the nice (and gleefully bombastic) turn of phrase "program or be programmed".

Watch this clip from my 2008 documentary Rip! A Remix Manifesto - Mark Hosler of Negativland sums up culture jamming - you can stop after Mark raises his fist :)

Hosler's desire to remix media, to participate in culture rather than consuming it, is the same impulse that led Atul to create the X-Ray Goggles. Whether you're remixing a commercial or hacking the HTML of the New York Times, you're reflecting on why and how a piece of media is being crafted. And both are a path towards creating your OWN media - to be a participant.

Or as Faisal Aziz, a webmaker who had arranged a mozparty event in India described when he realized he could remix the Robots template to include a Bollywood film

"OMG!!!!!!! That is totally awesomeeeeeeee!!!!!!! ,...the reason i why i love this tools is freedom to select videos which resembles regional cultures, we can experiment with our local videos and make learning easy,interesting and entertaining."

Popcorn Maker as remix app

Looking at the kinds of creations people have created with Popcorn through this remix-as-learning lens, we realized that the most successful projects have in fact been remixes. A few examples:

The Pop up Video template: Talk back to any video on the web - cheekily add comments or context

History In These Streets Mix together Google Street view and a narration hosted on soundcloud

TEDGlobal Demo Ryan Merkley, our COO at the Mozilla Foundation, demo'ed Popcorn at Ted Global using a custom newscaster template. He created a mock newscast that drew dynamically from Google Maps, weather information, and flickr.

These creations all had a few important things in common:

They're created by combining media from across the web - including 3rd party APIs

They're relatively quick to make

They completely fill a constrained, rectangular layout

These similarities led to some important decisions with regards to the direction of our app.

To further highlight Popcorn as a learning tool, and to evaluate how it's used by casual webmakers, we're aiming to host the app at webmaker.org as soon as possible

we're rethinking the interface to make it dead simple for people to quickly remix their favourite videos. Rather than a nice to have, support for hosting sites such as youtube become high priority

we're focusing on one universal layout/template, and ensuring all of our popcorn plugins work with this new layout. This will simplify our development, speed up QA, ensure that popcorn creations work embedded in 3rd party sites, and reduce odd interface requirements such as target areas and certian plugins only working with certain templates.

Taking a cue for our colleagues in the thimble app, we'll also replace "templates" with "projects", which are essentially pre-populated starter content that demonstrates how to use the app in a creative way, and which invite the user to jump in and remix. We think that THIS is where the generativity lies - showing people different and creative ways to use our app, and providing them with starter content that lets them get to work immediately. It is also a key goal of the Mozilla Foundation in 2012 to provide easy ways for contributors to get involved in our projects - this will help.

We've updated our roadmap to reflect these new priorities. The best place to interface with our roadmap is via individual milestones in our Lighthouse issue tracker:

0.7 - Amelie 0.8 Rushmore

...though we've updated the popcorn roadmap etherpad for quick digestion.

It also worth looking at how these new priorities are being translated into UX changes in the app - here is Kate's most recent summary.

This post is the first of many on this subject - and is meant to start conversations. Please leave some comments, and thanks for bearing with me!

[popsquad-blog]

Pop Squad @ the Hive NYC Summer Code Party!

More pics here

[herbalteasandrfcs]

So I'm thinking of hosting a Mozilla Summer of Code (specifics, moar specifics) event. In case you didn't know, Mozilla is actively leading a campaign to make our generation "web-literate" - which means that you don't just consume the web, you have the skills to actively partake in creating the web. Web literacy is about understanding more about the underlying system and code that makes the web work. Mozilla Summer of Code is about people creating events, worldwide, which people will attend with the intention of increasing their web literacy and learn some more about the web. The event that I would host would be either a kitchen table meetup - which is basically where some of us meet and I teach y'all how to make websites - or a hack jam - which is where we'll all collaboratively make a prototype of some idea that someone has - or even a combination of these two. Either way, it will be tons of fun. People I'm thinking might be especially interested are Gabriel Pehrson, Zeb Burke-Conte, Zoey Salsbury, Adam Hanson and Jackson de Campos - but anyone is totally welcome (and highly encouraged!) to come. If someone really wants to come but can't make it for whatever reason, we could possibly do something with Google+ Hangouts, or figure something else out - really, this is casual and we can adapt to fit people's schedules. This is about learning, and you don't have to have any prior experience coding. Don't worry; you'll be fine - I'd encourage you to come even if you're on the fence about it, but ultimately, of course, it's up to you. Anyone interested? #mozparty #ftw

[thoughtshrapnel]

A Google Map of Mozilla Webmaker Summer Code Party events happening around the world.

[mozspain]

View this post on Instagram

A post shared by MESSCACCHIERA (@messcacchiera.spain)

Los minis de Móz, " Arrasando" quedan pocas unidades pero aún estas a tiempo de hacer tu pedido para tener un brilli de primera, visita nuestra web y conócelos. Y "Sorpresa" los pedidos que se reciban desde las 00:00 del día 18 de Diciembre hasta las 20:00 del día 24 de Diciembre, llevarán incluidos un set de joyitas Móz, para lucirlas con estos vestidazos. Descúbrelas en el perfil. #letsgo#letsgototheparty#moz#mozparty#móz#christmas https://www.instagram.com/p/B6LjHIZCkxR/?igshid=1seelre5qwyam

[mozillawebmaker-blog]

Webmaker Hackjam Session @ IIT Rajasthan

Thank you, Jenil Shah, for submitting this great photo! Let us know about your event, creation or ideas - submit here: http://mozillawebmaker.tumblr.com/submit

[hivenyccodeparties]

Summer Code Party at Maker Faire 2012

[hivenyccodeparties]

Making more webmakers at Maker Faire

[hivenyccodeparties]

Ariam is a webmaker maker!

[mozillawebmaker-blog]

We’d like to share something really special - this Popcorn video submitted by Tetsuya Kosaka, a MozRep in Japan is a perfect ending to an amazing Summer Code Party. Tetsuya and Webmakers from six cities in four different countries collaborated on “Thimble Island” - a Thimble map full of OTHER Thimbles that share something special about the places they live that contributors thought were worth sharing. Visit Thimble Island - click here. Tokyo, Osaka, and Hiyoshi in Japan, Bandung in Indonesia, plus Thailand and Bangladesh Webmakers greeted each other in the morning on Saturday, September the 22nd to create the Summer’s most novel Summer Code Party. They created a city-to-city Thimble Relay and stayed in video contact throughout the day as Webmakers learned and taught each other Thimble.  At the end of the relay, they congregated to talk about what they had made together and to take a group photo. (see Popcorn Video by clicking header or click here) Photos from the events:

Thimble Relay Bandung Thimble Relay Osaka Thimble Relay Osaka Thimble Relay Tokyo Take a look at the ‘Making Of’ video: http://youtu.be/88aI_0XO_Bs See how event organizers explained the relay process (video): SCP Relay Tutorial Thank you all for a wonderful Summer! And don’t worry - the Webmaking continues with Mozilla Festival 2012 this November 9-11! Feeling Inspired? Make Something or Have a MozParty of your own!

[mozillawebmaker-blog]

Teaching Girls Web Technology

  As part of Mozilla's Summer Code Party, the ladies at HER Ideas in Motion got together to train other mentors to go out and teach girls web technology.

HER Ideas in Motion holds workshops throughout the year on web development and filmmaking. Women professionals role model their careers to inspire the next generation of female techies.

Thank you for this great submission! We love to hear about your #mozparty events, so be sure to Submit to our Tumblr so we can share your work.