Hackasaurus/Roadmap: Difference between revisions

No edit summary
 
(22 intermediate revisions by 2 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" /> {{Admon/important | DRAFT 1.1 -- YOUR FEEDBACK NEEDED | Please provide your feedback on this roadmap at the etherpad [http://etherpad.mozilla.com:9000/Hackasaurus-Roadmap-Feedback etherpad.mozilla.com:9000/Hackasaurus-Roadmap-Feedback]. Make version 1.2 stronger!}}  
}}<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;">
<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]]  
[[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]]  
Line 25: Line 25:
#'''[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<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>  ===
=== [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 36: 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>  
*Easier user experience for figuring out how to bust your first hacks with the X-Ray Goggles. A how-to Popcorn video and link to "Parable of the Hackasaurus."
**'''All tools hosted on a single domain'''. Fast, safe and scalable.  
*<strike>X-Ray Goggles support CSS. In addition to inspecting / remixing HTML, can now inspect &amp;&nbsp;remix CSS.</strike><br>  
*'''X-Ray Goggles support CSS'''. In addition to inspecting / remixing HTML, can now inspect &amp;&nbsp;remix CSS.<br>  
*Easy remix functionality with streamlined UX.
*'''Easy remix functionality shipped'''
*All tools hosted on a single domain. Fast, safe and scalable.
*'''Copy audit for tools'''. <br>  
*Copy audit for tools. <br>  
*'''Security review passed'''.  
*Security review passed.  
*'''X-Ray Goggles "Info" button links to HackBook'''.  
*X-Ray Goggles "Info" button links to HackBook.  
*'''Move WebPad to jsbin'''. Ensure compliance with Mozilla security, copyright and privacy policy. <br>  
*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 online step-by-step wiki 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 pathways for participation in the guide. Ways to gather knowledge and feedback from the field. Localization &amp; translation plan.<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. 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.''


Line 70: Line 69:
'''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]]


== <br> Q4 2011 <br>  ==
== 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>  ===
=== Blow people's minds at the Mozilla Festival. Increased buzz. Turn up volume on "Hack This Game" innovation challenge.<br>  ===
Line 112: Line 111:
[[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 ==


=== Hackasaurus 1.0 launches. New branding / look and feel. Real offerings for games &amp; badges.<br>  ===
=== New branding / look and feel. Real offerings for games &amp; badges.<br>  ===


'''Tools'''  
'''Tools'''  
Line 153: Line 152:
<br>  
<br>  


== Q2 2012<br> ==
== Q2 2012: Hackasaurus 3.0 ==


'''Tools'''  
'''Tools'''  
Line 174: Line 173:
<br>  
<br>  


== Q3 2012  ==
== Q3 2012: Hackasaurus 4.0 ==


'''Tools'''  
'''Tools'''  
Line 199: Line 198:
**''Metrics: to come''
**''Metrics: to come''


== Q4 2012<br> ==
== 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>  ===
Confirmed users
9,624

edits