MozillaWiki

Hackasaurus/Roadmap: Difference between revisions

< Hackasaurus
No edit summary
 
(124 intermediate revisions by 3 users not shown)
Line 1: Line 1:
__NOTOC__ <section begin="summary" />{{RoadmapSummary
__NOTOC__  
 
<section begin="summary" />{{RoadmapSummary
|icon=Hackasaur.jpg
|icon=Hackasaur.jpg
|pagelocation=Drumbeat/Hackasaurus/Roadmap
|pagelocation=Drumbeat/Hackasaurus/Roadmap
|pagetitle=Hackasaurus 2011 Roadmap
|pagetitle=Hackasaurus Roadmap
|owner=Atul Varma, Jessica Klein, Matt Thompson
|owner=Atul Varma (Tools), Jessica Klein (Jams), Matt Thompson (Acting Product Manager)
|updated=July 13, 2011
|updated=July 13, 2011
|status=Draft
|status=Draft 1.1
|description=TODO: Test & get feedback. Polish up metrics.
|description=[http://hackasaurus.org/ Mozilla's Hackasaurus] is an open source project building awesome web-maker [http://hackasaurus.org/tools/ tools], [http://hackasaurus.org/games/ games] and [http://hackasaurus.org/events/ design jams] for kids. Right now we're sprinting to launch beta in September 2011 -- building and testing it in the open with you.
}}<section end="summary" />  
}}<section end="summary" /> {{Admon/important | HELP BUILD HACKASAURUS | [http://etherpad.mozilla.com:9000/Hackasaurus-Roadmap-Feedback Give feedback on this roadmap here.]<br>  Get involved by [http://hackasaurus.lighthouseapp.com/hackasaurus digging into open Hackasaurus tickets in Lighthouse here.]}}
<div style="clear:both; border: 0px solid rgb(139, 0, 0); text-align:center; padding: 1px; background: #ffffff; border-collapse: separate; -moz-border-radius: 10px; margin-top:30px;">
[[Hackasaurus/Roadmap#Q3_2011|Q3 2011]] | [[Hackasaurus/Roadmap#Q4_2011|Q4 2011]] | [[Hackasaurus/Roadmap#Q1_2012|Q1 2012]] | [[Hackasaurus/Roadmap#Q2_2012|Q2 2012]] | [[Hackasaurus/Roadmap#Q3_2012|Q3 2012]] | [[Hackasaurus/Roadmap#Q4_2012|Q4 2012]]
</div>
<br>  


'''Hackasaurus is all about creating a generation of webmakers'''. This roadmap is a first draft on how we're going to move from our current PROTOTYPE to a PRODUCT that can SCALE and enable massive PARTICIPATION. We need your help. [http://etherpad.mozilla.com:9000/Hackasaurus-Roadmap-Feedback PLEASE PROVIDE YOUR FEEDBACK ON THIS ROADMAP HERE.]
= What are we building?  =


= '''Hackasaurus = Tools + Jams + Games + Web site + Badges'''  =
== '''Hackasaurus = Tools | Jams | Games | Web site | Badges'''  ==


For the purposes of roadmapping, the Hackasaurus project is divided into five slices:<br>  
'''The Hackasaurus project has five key slices:'''<br>  


#'''Tools'''. A set of kid-friendly tools anyone can use to easily remix and create stuff on the web. Like a set of super-spy or super-crafting tools, a kid-friendly swiss army knife for the web. The Hackasaurus tool set includes X-Ray Goggles, WebPad and Hackbook. <br>
#[http://hackasaurus.org/tools/ '''Tools''']. A set of tools for tinkering, remixing and making stuff on the web. Like a swiss army knife for young web-makers. Includes [http://hackasaurus.org/goggles/ X-Ray Goggles], [http://htmlpad.org/ WebPad] and [http://hackasaurus.org/hackbook/ Hackbook].  
#'''Jams'''.&nbsp;Hackasaurus jams are like hack sprints or mini maker faires for youth. Unlike traditional classroom-type events, they're driven by and for the kids themselves, following their own interests, or exploring a given theme or topic (earth science, hip hop, fashion, etc.). A key goal is creating, testing and continually improving a "jam-in-a-box"kit that makes it easy&nbsp;
#'''[http://hackasaurus.org/events/ Jams]'''.&nbsp;''Design jams or mini-maker fairs for kids. Gathering in social spaces -- libraries, youth media centers, community centers -- using Hackasaurus tools in a fun social curriculum. Includes a "'''Jam-in-a-Box'''" kit that makes it easy for anyone to organize their own jam.''
#'''Games'''. Whereas Hackasaurus jams typically occur offline and are facillitated, Hackasaurus games happen online and are self-guided. Kids should be able to do them by themself at Hackasaurus.org. Through a set of "missions," "quests," hack mazes or puzzles, etc. Hackasaurus games are currently the least baked aspect of the project. Driving community development here is a key goal for the project. <br>  
#'''[http://hackasaurus.org/games/ Games].'''<span style="font-style: italic;"> Using Hackasaurus tools in fun, game-like experiences at Hackasaurus.org. Self-guided missions, quests and magic tricks with basic HTML, CSS and Javascript.</span><br>  
#'''Web site'''. The online component of the project. A place to easily access Hackasaurus tools, jams, games. And to have your first "a ha!" moment when you bust your first hack. <br>  
#[http://hackasaurus.org/ '''Web site''']. ''The online home of Hackasaurus. A place to easily access Hackasaurus tools, jams, games and badges. Includes social and community elements.''<br>  
#'''Badges'''. A set of online and physical badge awards that help kids feel a sense of belonging in Hackasaurus, get recognition for the web-making skills they learn, and "level up" to advance as their skills increase. <br><br>
#'''[http://etherpad.mozilla.com:9000/Hackasaurus-badges Badges]'''. ''Web badges and stickers. Like Boys and Girls Scouts merit badges for web-making. Social proof for your hacker skills as you advance and level up. ''<br>


== Q3 2011<br>  ==
[[Image:Hackasaurus roadmap desk graphic.jpg|500px|Hackasaurus roadmap desk graphic.jpg]]


=== Hackasaurus beta shipped. From prototype to stable product. Focused on self-service and participation.<br>  ===
== Q3 2011: Hackasaurus Beta  ==
 
=== [http://hackasaurus.lighthouseapp.com/projects/66492-hackasaurus/milestones/current Hackasaurus beta shipped]. From prototype to stable product. <br>Easy self-service and on-ramps for participation.<br>  ===
 
'''Tools'''


*'''Stable toolset with polished UX'''. X-ray Goggles and WebPad stable. Polished UX with consistent branding and experience across tools. <br>  
*'''Stable toolset with polished UX'''. X-ray Goggles and WebPad stable. Polished UX with consistent branding and experience across tools. <br>  
*'''"Jam in a Box 1.0" complete and ready for testing'''. Clear step-by-step guide for hosting your own design or hack jam for kids. <br>  
**'''All tools hosted on a single domain'''. Fast, safe and scalable.
*'''Cleaned-up web site'''. Tweak Hackasaurus.org with updated copy and design. <br>  
*'''X-Ray Goggles support CSS'''. In addition to inspecting / remixing HTML, can now inspect &amp;&nbsp;remix CSS.<br>
*'''Games'''. Placeholder page -- with launch of Hackasaurus Games Innovation challenge.<br>  
*'''Easy remix functionality shipped'''
*'''Badges'''. Documentation and plan for Hackasaurus badges published on Hackasaurus.org. Ready for testing and feedback.<br>  
*'''Copy audit for tools'''. <br>
*'''Establish &amp; begin tracking clear metrics'''. Ensure we're set up to track progress and measure participation. <br>  
*'''Security review passed'''.
*'''Preparing for Mozilla festival'''. Recruit local youth champions to represent Hackasaurus at the London Festival <br>
*'''X-Ray Goggles "Info" button links to HackBook'''.
*'''Move WebPad to jsbin'''. Ensure compliance with Mozilla security, copyright and privacy policy. <br>
**''Metrics: 2x X-Ray Goggle installs. 2x hacks created. 2x web pages created.''
 
'''Jams'''
 
*'''"[https://wiki.mozilla.org/Drumbeat/Hackasaurus/jams Jam in a Box 1.0]" complete and ready for testing'''. Clear online step-by-step wiki guide for hosting your own design jam for kids. <br>  
*Collecting feedback and user testing for version 2.0. Clear and easy pathways for participation in the guide. Ways to gather knowledge and feedback from the field. Localization &amp; translation plan. Surevey for collecting metrics on how user-generated jams went.<br>
*Ready for the Mozilla Festival. Blog post documenting what Mozilla is doing at the Festival. Recruit local youth to represent Hackasaurus at Festival design jams / hack sprints.<br>
**''Metrics: <span style="font-weight: bold;">2</span>x hack jams around the world.''
 
'''Web site'''
 
*'''Cleaned-up copy, design and branding. '''Tweak Hackasaurus.org with updated copy and design. No real re-branding -- just sand off the edges on what's there. (Tickets &amp; detail to come.)'''<br>'''
*'''Implement usability fixes based on existing user testing. '''Fix hiccups and places where kids get lost. e.g., big honking "get started" button.<br>
*'''Update "get involved" wiki page'''. Clearer participation pathways for key audiences: educators, developers, parents, game designers, youth, event organizers, etc.
*'''Site metrics enabled. '''Set up basic measures for traffic and adoption.
*'''Localization one-pager draft'''. Publish early plans for localization to test and get feedback from localization experts &amp; potential volunteers.<br>  
**''Metrics: <span style="font-weight: bold;">2</span>x web site traffic.''
 
'''Games'''
 
*<strike>'''One polished "training mission" for the X-Ray Goggles'''. A starter page for first-time Goggles users. Modeled after the "Parable of the Hackasaurus."</strike>
*'''Announce the "Hack This Game"&nbsp;Innovation challenge'''. <br>  
**''Metrics: 1 great game submitted through innovation challenge. 5 good ones.''
 
'''Badges'''  
 
*'''Publish our [http://etherpad.mozilla.com:9000/Hackasaurus-badges plan]. '''Document our roadmap and resource plan for Hackasaurus badges going forward. Like merit badges or leveling up for web makers.<br>
**''Metrics: 2x participation in writing / prototyping process.''
 
[[Image:Hackasaurus front page.jpg]]
 
== Q4 2011: Hackasaurus 1.0 ==
 
=== Blow people's minds at the Mozilla Festival. Increased buzz. Turn up volume on "Hack This Game" innovation challenge.<br>  ===
 
'''Tools'''<br>
 
*'''Plug-in architecture for X-Ray Goggles'''. Enabling anyone [or just developers?] to add new features.<br>
**''Metrics: to come''
 
'''Jams'''<br>
 
*'''Polished "jam-in-a-box 2.0" shared online at Mozilla Festival'''. Improved support for hosting and promoting your own hack jam at Hackasaurus.org. <br>
*Module for recruiting and training youth Hackasaurus facilitators included in jam kit. <br>
*Clear jam feedback and evaluation process feeding back into kit.&nbsp; <br>  
**''Metrics: to come''
 
'''Games'''<br>
 
*'''Successful innovation challenge and hack sprint '''at Mozilla Festival producing great new games. <br>
*Reference implementations from kids working with developers to create cool Hackasaurus game prototypes.<br>
**''Metrics: to come''
 
'''Web site'''
 
*<br>
 
'''Badges'''<br>
 
*'''First Hackasaurus badges awarded to kids at Mozilla Festival.'''<br>
**''Metrics: to come''
 
<br> '''Other'''
 
*'''Rebranding started'''. Working on polished Hackasaurus brand, identity and voice.<br>
 
[[Image:Hackasaurus at mozilla festival.jpg|500px|Hackasaurus at mozilla festival.jpg]]
 
== Q1 2012: Hackasaurus 2.0  ==
 
=== New branding / look and feel. Real offerings for games &amp; badges.<br>  ===
 
'''Tools'''
 
*'''Details to come '''  
**''Metrics: to come''
 
'''Jams'''
 
*First local chapter prototyped. Beyond one-off events, community of kids gathering and hacking regularly in club-like atmosphere.  
**''Metrics: to come''
 
'''Games'''<br>
 
*'''Details to come '''
**''Metrics: to come ''<br>
 
'''Web site'''<br>
 
*'''Details to come '''  
**''Metrics: to come ''<br>


Participation metrics:<br>
'''Badges'''
* Tools: 2x X-Ray Goggle installs. 2x hacks created. 2x web pages created.
* Jams: 2x hack jams.
* Games:
* Web site: 2x traffic
* Badges: Ready to issue first prototype badge.


[[Image:Hackasaurus front page.jpg]]
*'''More badges added'''. Opportunities to level up.
**''Metrics: to come''


== <br> Q4 2011 <br>  ==
'''Branding'''


=== Polished "jam-in-a-box" kit. Buzz at the Mozilla Festival. Innovation challenge &amp; hack sprints producing great new games.<br> ===
*'''Re-branding launched'''. New brand, identity, look and feel launched. Speaks equally well to kids and adults.&nbsp;  
**''Metrics: to come''<br>


*Polish toolkit into swag asset for festival. Handouts for participants with call to action. Ties right into challenges. <br>
'''Localization'''
*Jams- interactive planning website (like 350.org) <br>
 
*Design a model for recruiting and training youth Hackasaurus facilitators <br>
*'''Localization underway in earnest'''.  
*A plug-in architecture for the goggles, to allow anyone to add their own features to it. <br>
**''Metrics: to come''
*Craft design challenges for festival sessions around Games (Self guided curriculum) pair kids with developers to create games prototypes for hackasaurus. <br>
*have pitch night Run 5 Hackasaurus jams in X cities


<br>  
<br>  


[[Category:Roadmaps]]
== Q2 2012: Hackasaurus 3.0  ==
 
'''Tools'''
 
*Details to come
**''Metrics: to come''
*Localization underway in earnest.
**''Metrics: to come''
 
'''Jams'''
 
*First local Hackasaurus chapter prototyped and working. Instead of just one-off events, community of kids gathering regularly at youth media center, library, etc.
**''Metrics: to come''
 
'''Badges'''
 
*More badges added. Opportunities to level up.
**''Metrics: to come''
 
<br>
 
== Q3 2012: Hackasaurus 4.0  ==
 
'''Tools'''
 
*Details to come
**''Metrics: to come''
 
'''Jams'''
 
*Details to come
**''Metrics: to come''
 
'''Games'''
 
**''Metrics: to come''
 
'''Web site'''
 
**''Metrics: to come''
 
'''Badges'''
 
*Details to come
**''Metrics: to come''
 
== Q4 2012: Hackasaurus 5.0  ==
 
=== Impact at scale. Hackasaurus is the "Sesame Street" or Firefox for young web-makers. <br>  ===
 
'''Tools'''
 
*Details to come
**''Metrics: to come''
 
'''Jams'''
 
*Details to come
**''Metrics: to come''
 
'''Games'''
 
**''Metrics: to come''
 
'''Web site'''
 
**''Metrics: to come''
 
'''Badges'''
 
*Details to come
**''Metrics: to come''
 
<br>
 
*'''Kids sharing with other kids'''. <br>
*'''Localization underway at scale'''. Large volunteer localization community around the world, leveraging Mozilla's experience with l10n.
*'''Tools'''.
*'''Social persistence'''. Make your remixes stick, plus share them with friends. Like hacking the Matrix together.
*'''Amazing HTML5 games kids and adults love'''. One amazing game -- plus tons of great bite-sized experiences --&nbsp; that tons of kids and adults love. The "Portal" of gamification meets HTML5.<br>
 
<br>

Latest revision as of 15:59, 23 August 2011


Hackasaur.jpg Hackasaurus Roadmap
Owner: Atul Varma (Tools), Jessica Klein (Jams), Matt Thompson (Acting Product Manager) Updated: 2011-08-23
Mozilla's Hackasaurus is an open source project building awesome web-maker tools, games and design jams for kids. Right now we're sprinting to launch beta in September 2011 -- building and testing it in the open with you.
Important.png


What are we building?

Hackasaurus = Tools | Jams | Games | Web site | Badges

The Hackasaurus project has five key slices:

  1. Tools. A set of tools for tinkering, remixing and making stuff on the web. Like a swiss army knife for young web-makers. Includes X-Ray Goggles, WebPad and Hackbook.
  2. Jams. Design jams or mini-maker fairs for kids. Gathering in social spaces -- libraries, youth media centers, community centers -- using Hackasaurus tools in a fun social curriculum. Includes a "Jam-in-a-Box" kit that makes it easy for anyone to organize their own jam.
  3. Games. Using Hackasaurus tools in fun, game-like experiences at Hackasaurus.org. Self-guided missions, quests and magic tricks with basic HTML, CSS and Javascript.
  4. Web site. The online home of Hackasaurus. A place to easily access Hackasaurus tools, jams, games and badges. Includes social and community elements.
  5. Badges. Web badges and stickers. Like Boys and Girls Scouts merit badges for web-making. Social proof for your hacker skills as you advance and level up.

 

Q3 2011: Hackasaurus Beta

Hackasaurus beta shipped. From prototype to stable product.
Easy self-service and on-ramps for participation.

Tools

  • Stable toolset with polished UX. X-ray Goggles and WebPad stable. Polished UX with consistent branding and experience across tools.
    • All tools hosted on a single domain. Fast, safe and scalable.
  • X-Ray Goggles support CSS. In addition to inspecting / remixing HTML, can now inspect & remix CSS.
  • Easy remix functionality shipped
  • Copy audit for tools.
  • Security review passed.
  • X-Ray Goggles "Info" button links to HackBook.
  • Move WebPad to jsbin. Ensure compliance with Mozilla security, copyright and privacy policy.
    • Metrics: 2x X-Ray Goggle installs. 2x hacks created. 2x web pages created.

Jams

  • "Jam in a Box 1.0" complete and ready for testing. Clear online step-by-step wiki guide for hosting your own design jam for kids.
  • Collecting feedback and user testing for version 2.0. Clear and easy pathways for participation in the guide. Ways to gather knowledge and feedback from the field. Localization & translation plan. Surevey for collecting metrics on how user-generated jams went.
  • Ready for the Mozilla Festival. Blog post documenting what Mozilla is doing at the Festival. Recruit local youth to represent Hackasaurus at Festival design jams / hack sprints.
    • Metrics: 2x hack jams around the world.

Web site

  • Cleaned-up copy, design and branding. Tweak Hackasaurus.org with updated copy and design. No real re-branding -- just sand off the edges on what's there. (Tickets & detail to come.)
  • Implement usability fixes based on existing user testing. Fix hiccups and places where kids get lost. e.g., big honking "get started" button.
  • Update "get involved" wiki page. Clearer participation pathways for key audiences: educators, developers, parents, game designers, youth, event organizers, etc.
  • Site metrics enabled. Set up basic measures for traffic and adoption.
  • Localization one-pager draft. Publish early plans for localization to test and get feedback from localization experts & potential volunteers.
    • Metrics: 2x web site traffic.

Games

  • One polished "training mission" for the X-Ray Goggles. A starter page for first-time Goggles users. Modeled after the "Parable of the Hackasaurus."
  • Announce the "Hack This Game" Innovation challenge.
    • Metrics: 1 great game submitted through innovation challenge. 5 good ones.

Badges

  • Publish our plan. Document our roadmap and resource plan for Hackasaurus badges going forward. Like merit badges or leveling up for web makers.
    • Metrics: 2x participation in writing / prototyping process.

 

Q4 2011: Hackasaurus 1.0

Blow people's minds at the Mozilla Festival. Increased buzz. Turn up volume on "Hack This Game" innovation challenge.

Tools

  • Plug-in architecture for X-Ray Goggles. Enabling anyone [or just developers?] to add new features.
    • Metrics: to come

Jams

  • Polished "jam-in-a-box 2.0" shared online at Mozilla Festival. Improved support for hosting and promoting your own hack jam at Hackasaurus.org.
  • Module for recruiting and training youth Hackasaurus facilitators included in jam kit.
  • Clear jam feedback and evaluation process feeding back into kit. 
    • Metrics: to come

Games

  • Successful innovation challenge and hack sprint at Mozilla Festival producing great new games.
  • Reference implementations from kids working with developers to create cool Hackasaurus game prototypes.
    • Metrics: to come

Web site


Badges

  • First Hackasaurus badges awarded to kids at Mozilla Festival.
    • Metrics: to come


Other

  • Rebranding started. Working on polished Hackasaurus brand, identity and voice.

 

Q1 2012: Hackasaurus 2.0

New branding / look and feel. Real offerings for games & badges.

Tools

  • Details to come
    • Metrics: to come

Jams

  • First local chapter prototyped. Beyond one-off events, community of kids gathering and hacking regularly in club-like atmosphere.
    • Metrics: to come

Games

  • Details to come
    • Metrics: to come

Web site

  • Details to come
    • Metrics: to come

Badges

  • More badges added. Opportunities to level up.
    • Metrics: to come

Branding

  • Re-branding launched. New brand, identity, look and feel launched. Speaks equally well to kids and adults. 
    • Metrics: to come

Localization

  • Localization underway in earnest.
    • Metrics: to come


Q2 2012: Hackasaurus 3.0

Tools

  • Details to come
    • Metrics: to come
  • Localization underway in earnest.
    • Metrics: to come

Jams

  • First local Hackasaurus chapter prototyped and working. Instead of just one-off events, community of kids gathering regularly at youth media center, library, etc.
    • Metrics: to come

Badges

  • More badges added. Opportunities to level up.
    • Metrics: to come


Q3 2012: Hackasaurus 4.0

Tools

  • Details to come
    • Metrics: to come

Jams

  • Details to come
    • Metrics: to come

Games

    • Metrics: to come

Web site

    • Metrics: to come

Badges

  • Details to come
    • Metrics: to come

Q4 2012: Hackasaurus 5.0

Impact at scale. Hackasaurus is the "Sesame Street" or Firefox for young web-makers.

Tools

  • Details to come
    • Metrics: to come

Jams

  • Details to come
    • Metrics: to come

Games

    • Metrics: to come

Web site

    • Metrics: to come

Badges

  • Details to come
    • Metrics: to come


  • Kids sharing with other kids.
  • Localization underway at scale. Large volunteer localization community around the world, leveraging Mozilla's experience with l10n.
  • Tools.
  • Social persistence. Make your remixes stick, plus share them with friends. Like hacking the Matrix together.
  • Amazing HTML5 games kids and adults love. One amazing game -- plus tons of great bite-sized experiences --  that tons of kids and adults love. The "Portal" of gamification meets HTML5.


Retrieved from "https://wiki.allizom.org/index.php?title=Hackasaurus/Roadmap&oldid=342235"