by Jacob Caggiano, Sunny Lee, emgollie, iamjessklein, Atul Varma, Andrew Hayward and David Ascher
[NOTE: This session will be happening both on Saturday and Sunday, same time, 10:30am]
We all know how awesome the web is, and we want to show you how easy it is to become a part of it.
Come learn to express yourself with Thimble, make an interactive video with Popcorn, or remix a web page with X-Ray Goggles. Bring your own laptop, or use the computers provided at the Webmaker Bar.
You'll get a crash course on Webmaker tools and projects, plus the opportunity to give feedback to our team of web scientists.
Mozilla is committed to moving millions of people from using the web to making the web. Come play with us, and stake out your own corner in the most epic human experiment ever, (the world wide web)!
by iamjessklein, David Ascher and Aaron Druck
Build on ideas for webmaking on mobile.
by MIT Media Lab, Champika Fernando and Scratch Team at MIT
Scratch 2.0 allows you to create interactive games and animations while Thimble makes it incredibly easy to create and host your own webpage. Together they allow you to build rich web experiences right in your browser. Participants will learn how to use these applications together to easily create and host their own webpages with games and animations.
Our session will begin with a look at example projects created in Scratch and example websites created with Thimble. We’ll then walk through the creation of a simple website in Thimble and a simple project in Scratch and learn how to combine the two.
Once you have the basics down, you'll brainstorm ideas and then create your own interactive website (with support from the facilitators). You could make a simple game, a web poll, a tutorial site and so much more.
The session will end with a show and tell and a group discussion.
Take-aways:
Design a graphic (Olympic rings) using HTML! At an easy understandable level, you can create whatever you want, but we'll start with the basics creating graphics and text.
Once we have our 5 Olympic rings, we can customize them with different colors and sizes. As well as add creative text to make it their own.
by Greg Trefry
Designing games is an act of system hacking. You can approach the design of games from many directions. You can start with a mechanic you think holds the possibility to engage players. You can begin with the intention of invoking a feeling in players. Build up systems, tear them apart and build them back up. System hacking allows designers to learn to identify weaknesses and strengths and exploit them to new and novel ends.
In this session, we'll take apart the rule systems behind several popular physical games, like "Ninja" and hack those games into new experiences. What we'll find is that anyone can modify a game. The tricky part is modifying rules to produce specific aesthetic goals. But with analysis of existing game systems and design through a process of iteration, we'll find that we can begin to bend game systems and other user experience systems to our aims.
Take-aways:
by Nicklaus Liow and Jason Church
We'll explore the Craftyy editor, a drag-and-drop way to make & remix HTML5 games, all in the browser.
We'll go through the basics of each step in the game development process, remixing each others' games in the process.
You'll learn how to do the following with Craftyy:
And by the end, you'll have collaboratively made an HTML5 game you can embed in your site or blog!
How will we do all that? We'll do something we call the Exquisite Corpse Roundtable.
Sounds horrifying, doesn't it? Well, the Exquisite Corpse is a game where each player draws part of an image, then passes it to the next player for further contribution. We'll be doing that, except with games.
Who should come?
by Jack Herrick and Krystle Chung
Popcorn opens up a whole new opportunity for instructional videos to evolve just like wiki articles do. wikiHow, a collaborative site with almost 150,000 articles, is here to show you how to create and edit awesome how-to videos that improve over time.
You'll get to watch some fun video demos and edit blank how-to videos in Popcorn Webmaker that you can embed on wikiHow for the world to see.
Take-aways:
Who should come?
Session notes: http://etherpad.mozilla.org/howt...
by Carla Casilli, chris_appleton and Doug Belshaw
Announcing Mozilla Webmaker Badges! They're finally here! At this session you can earn some of your very own. How will you do that? By using an <iframe> properly, by fixing a hyperlink, by publishing a completed Thimble project, etc. Even better, you'll get to help us think about & create other webmaker badges.
by DigitalME
Share the story of our Mozfest Young Reporters, who will introduce themselves and share their skills in filming and interviewing on to participants. Having spent the day reporting around the festival, interviewers will become interviewees, giving participants the chance to quiz the reporter team.
The team are experienced reporters aged between 15-19, with aspirations in digital media and journalism, who’ve been part of Digital Me’s reporting teams for Supporter To Reporter (our national sports reporting project which we’re developing Open Badges for), LS Live (an event reporting project) and Young Presenters (who reported live at the Olympic and Paralympic Games at London 2012).
The team will introduce themselves and describe their journey as a young reporter so far (which may span several years or a few months), explain a bit about the projects they have been involved in, the skills they’ve learnt, and give their take on the Festival - what has inspired them the most, and more.
Then, they’ll pass on some basic skills and share their top tips for interviewing. Participants will then get the chance to interview the young reporters, on any topic they desire! Working with the young people, they’ll develop a set of questions then perform a short interview for their group, which could quiz them on their experiences as a reporter, career aspirations, thoughts on the festival or opinions on anything and everything to do with open source web.
This session shines the spotlight on the many important contributions from young people in the world of Webmaking and developing, and give them a new challenge to present their journey and pass on their skills.
by MIT Media Lab and Ricarose Roque
In this session, we invite participants to discuss and design ways to expand the participation of hackerspaces to children and their families.
Hackerspaces and makerspaces have enabled people with common interests to create, connect, and collaborate on projects in shared, community-operated spaces. However, these hackerspaces are often the domains of adults and already enthusiastic inventors of all trades, such as artists, designers, engineers, and hobbyists. How can we design a community space, like playgrounds, to be accessible to children, their families, and community members who are less familiar with the tools, activities, and, at times, implicit social norms that come with these spaces?
by codebender
Our goal is to teach and motivate people to hack in the real world, helping them make the transition from users to makers and construct things that have the ability to change (and better) our everyday lives, using easy-to-use tools like the Arduino microcontroller and a variety of sensor and actuators. We will show how to use and program the Arduino to get you started on your next interactive installation, home automation, robotic design or hobby electronics project.
by Sunny Lee, Mike Larsson, emgollie, iamjessklein, Atul Varma, Andrew Hayward and David Ascher
Ever wanted to learn how to do UI testing? Join this 'we made it - you break it' playtesting session and have your say directly to the people responsible for future product direction for all things Webmaker.
How will we do this? We'll offer you the latest and greatest user testing kit we've got and ask you to try a series of simple tasks - you'll tell us where we've got it wrong, what you expect to see, and whether it all makes sense. In return, we'll show you how to document your findings and become a bona-fide UI tester in the great big Mozillaverse.
We'll look for simple things like 'I don't see the button' all the way to 'this is a good place to consider localization challenges'.
Who should come?