Confirmed users
9,624
edits
Hackasaurus/Roadmap: Difference between revisions
→Hackasaurus beta shipped. From prototype to stable product. Easy self-service and on-ramps for participation.
No edit summary |
|||
| (42 intermediate revisions by 3 users not shown) | |||
| Line 9: | Line 9: | ||
|status=Draft 1.1 | |status=Draft 1.1 | ||
|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. | |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.]}} | ||
{{Admon/important | | |||
<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;"> | <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> | </div> | ||
<br> | <br> | ||
= What are we building? = | |||
== '''Hackasaurus = Tools | Jams | Games | Web site | Badges''' == | == '''Hackasaurus = Tools | Jams | Games | Web site | Badges''' == | ||
'''The Hackasaurus project has five key slices:'''<br> | '''The Hackasaurus project has five key slices:'''<br> | ||
#[http://hackasaurus.org/tools/ '''Tools | #[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]. | ||
#'''[http://hackasaurus.org/events/ 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.'' | #'''[http://hackasaurus.org/events/ 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.'' | ||
#'''[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> | #'''[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> | ||
#[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> | #[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'''. ''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> | #'''[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> | ||
[[Image:Hackasaurus roadmap desk graphic.jpg|500px|Hackasaurus roadmap desk graphic.jpg]] | [[Image:Hackasaurus roadmap desk graphic.jpg|500px|Hackasaurus roadmap desk graphic.jpg]] | ||
== Q3 2011 | == 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> === | === [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> === | ||
| Line 34: | Line 36: | ||
*'''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> | ||
*X-Ray Goggles support CSS. In addition to inspecting / remixing HTML, can now inspect & remix CSS.<br> | **'''All tools hosted on a single domain'''. Fast, safe and scalable. | ||
*Easy remix functionality | *'''X-Ray Goggles support CSS'''. In addition to inspecting / remixing HTML, can now inspect & remix CSS.<br> | ||
* | *'''Easy remix functionality shipped''' | ||
*Security review passed.<br> | *'''Copy audit for tools'''. <br> | ||
*'''Security review passed'''. | |||
*'''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.'' | **''Metrics: 2x X-Ray Goggle installs. 2x hacks created. 2x web pages created.'' | ||
'''Jams''' | '''Jams''' | ||
*'''"Jam in a Box 1.0" complete and ready for testing'''. Clear step-by-step guide for hosting your own design jam for kids. <br> | *'''"[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 | *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.<br> | ||
*Ready for the Mozilla Festival. Recruit local youth to represent Hackasaurus at Festival design jams / hack sprints.<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.'' | **''Metrics: <span style="font-weight: bold;">2</span>x hack jams around the world.'' | ||
'''Web site''' | '''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. '''<br>''' | *'''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.)'''<br>''' | ||
*'''Site metrics enabled. '''Set up basic measures for traffic and adoption.<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 & potential volunteers.<br> | |||
**''Metrics: <span style="font-weight: bold;">2</span>x web site traffic.'' | **''Metrics: <span style="font-weight: bold;">2</span>x web site traffic.'' | ||
'''Games''' | '''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" Innovation challenge'''. <br> | |||
**''Metrics: 1 great game submitted through innovation challenge. 5 good ones.'' | **''Metrics: 1 great game submitted through innovation challenge. 5 good ones.'' | ||
'''Badges''' | '''Badges''' | ||
*'''Publish our plan. '''Document our roadmap and resource plan for Hackasaurus badges going forward. Like merit badges or leveling up for web makers.<br> | *'''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.'' | **''Metrics: 2x participation in writing / prototyping process.'' | ||
[[Image:Hackasaurus front page.jpg]] | [[Image:Hackasaurus front page.jpg]] | ||
== | == Q4 2011: Hackasaurus 1.0 == | ||
=== Blow people's minds at the Mozilla Festival. | === Blow people's minds at the Mozilla Festival. Increased buzz. Turn up volume on "Hack This Game" innovation challenge.<br> === | ||
'''Tools'''<br> | '''Tools'''<br> | ||
*Plug-in architecture for X-Ray Goggles. Enabling anyone [or just developers?] to add new features.<br> | *'''Plug-in architecture for X-Ray Goggles'''. Enabling anyone [or just developers?] to add new features.<br> | ||
**''Metrics: to come'' | **''Metrics: to come'' | ||
'''Jams'''<br> | '''Jams'''<br> | ||
*Polished "jam-in-a-box 2.0" shared at Mozilla Festival. Improved support for hosting and promoting your own hack jam at Hackasaurus.org. <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> | *Module for recruiting and training youth Hackasaurus facilitators included in jam kit. <br> | ||
*Clear jam feedback and evaluation process feeding back into kit. <br> | *Clear jam feedback and evaluation process feeding back into kit. <br> | ||
| Line 83: | Line 92: | ||
'''Games'''<br> | '''Games'''<br> | ||
*Successful innovation challenge and hack sprint at Mozilla Festival producing great new 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> | *Reference implementations from kids working with developers to create cool Hackasaurus game prototypes.<br> | ||
**''Metrics: to come'' | **''Metrics: to come'' | ||
'''Web site''' | |||
*<br> | |||
'''Badges'''<br> | '''Badges'''<br> | ||
*First Hackasaurus badges awarded to kids at Mozilla Festival.<br> | *'''First Hackasaurus badges awarded to kids at Mozilla Festival.'''<br> | ||
**''Metrics: to come'' | **''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]] | [[Image:Hackasaurus at mozilla festival.jpg|500px|Hackasaurus at mozilla festival.jpg]] | ||
== Q1 2012<br> == | == Q1 2012: Hackasaurus 2.0 == | ||
=== New branding / look and feel. Real offerings for games & badges.<br> === | |||
'''Tools''' | '''Tools''' | ||
| Line 123: | Line 142: | ||
'''Branding''' | '''Branding''' | ||
*'''Re-branding | *'''Re-branding launched'''. New brand, identity, look and feel launched. Speaks equally well to kids and adults. | ||
**''Metrics: to come''<br> | **''Metrics: to come''<br> | ||
| Line 133: | Line 152: | ||
<br> | <br> | ||
== Q2 2012 | == Q2 2012: Hackasaurus 3.0 == | ||
'''Tools''' | '''Tools''' | ||
| Line 154: | Line 173: | ||
<br> | <br> | ||
== Q3 2012 == | == Q3 2012: Hackasaurus 4.0 == | ||
'''Tools''' | '''Tools''' | ||
| Line 179: | Line 198: | ||
**''Metrics: to come'' | **''Metrics: to come'' | ||
== Q4 2012 | == Q4 2012: Hackasaurus 5.0 == | ||
=== Impact at scale. Hackasaurus is the "Sesame Street" or Firefox for young web-makers. <br> === | === Impact at scale. Hackasaurus is the "Sesame Street" or Firefox for young web-makers. <br> === | ||
| Line 206: | Line 225: | ||
**''Metrics: to come'' | **''Metrics: to come'' | ||
<br> | |||
*'''Kids sharing with other kids'''. <br> | *'''Kids sharing with other kids'''. <br> | ||
| Line 212: | Line 232: | ||
*'''Social persistence'''. Make your remixes stick, plus share them with friends. Like hacking the Matrix together. | *'''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.<br> | *'''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.<br> | ||
<br> | |||