Hackasaurus/Roadmap: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
 
(41 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 | DRAFT 1.1 -- YOUR FEEDBACK NEEDED | [http://etherpad.mozilla.com:9000/Hackasaurus-Roadmap-Feedback Please provide your feedback on this roadmap here]. Make version 1.2 stronger!}}  
<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;">
[http://mzl.la/festivaldate Join] | [[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]]  
</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'''']'''''. ''A set of tools for tinkering, remixing and making stuff on the web. Like a swiss army knife for young web-makers<span style="font-weight: bold;">.</span>Includes [http://hackasaurus.org/goggles/ X-Ray Goggles], [http://htmlpad.org/ WebPad]and [http://hackasaurus.org/hackbook/ 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].  
#'''[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.''  
#'''[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.''  
#'''[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 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 &amp;&nbsp;remix CSS.<br>  
**'''All tools hosted on a single domain'''. Fast, safe and scalable.
*Easy remix functionality with streamlined UX.
*'''X-Ray Goggles support CSS'''. In addition to inspecting / remixing HTML, can now inspect &amp;&nbsp;remix CSS.<br>  
*All tools hosted on a single domain. Fast, safe and scalable.  
*'''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 ways to gather knowledge and feedback from the field. <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.''


'''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 &amp; 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 &amp; 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'''  


*'''Launch the "Hack This Game"&nbsp;Innovation challenge'''. HTML5 game built using Hackasaurus tools. Like Portal for the web. Or hacking the Matrix.<br>  
*<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.''
**''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]]


== <br> Q4 2011 <br>  ==
== Q4 2011: Hackasaurus 1.0 ==


=== Blow people's minds at the Mozilla Festival. 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>  ===


'''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.&nbsp; <br>  
*Clear jam feedback and evaluation process feeding back into kit.&nbsp; <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 &amp; badges.<br>  ===


'''Tools'''  
'''Tools'''  
Line 123: Line 142:
'''Branding'''  
'''Branding'''  


*'''Re-branding begins'''.&nbsp;  
*'''Re-branding launched'''. New brand, identity, look and feel launched. Speaks equally well to kids and adults.&nbsp;  
**''Metrics: to come''<br>
**''Metrics: to come''<br>


Line 133: Line 152:
<br>  
<br>  


== Q2 2012<br> ==
== 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<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>  ===
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 --&nbsp; 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 --&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

Q3 2011 | Q4 2011 | Q1 2012 | Q2 2012 | Q3 2012 | Q4 2012


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.

Hackasaurus roadmap desk graphic.jpg

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.

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.

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.

Hackasaurus at mozilla festival.jpg

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"