Hackasaurus/Roadmap: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
(Created page with "<section begin=summary />{{RoadmapSummary |icon=Hackasaur.jpg |pagelocation=Drumbeat/Hackasaurus/Roadmap |pagetitle=Hackasaurus 2011 Roadmap |owner=Atul Varma, Jessica Klein |upd...")
 
 
(134 intermediate revisions by 3 users not shown)
Line 1: Line 1:
<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
|owner=Atul Varma (Tools), Jessica Klein (Jams), Matt Thompson (Acting Product Manager)
|updated=June 14, 2011
|updated=July 13, 2011
|status=Draft
|status=Draft 1.1
|description=TODO: Fill this out.
|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>
 
= What are we building?  =
 
== '''Hackasaurus = Tools | Jams | Games | Web site | Badges'''  ==
 
'''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. 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/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://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]]
 
== 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>
**'''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 &amp;&nbsp;remix CSS.<br>
*'''Easy remix functionality shipped'''
*'''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.''
 
'''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>
 
'''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.&nbsp;
**''Metrics: to come''<br>
 
'''Localization'''
 
*'''Localization underway in earnest'''.
**''Metrics: to come''
 
<br>
 
== 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''


{{DoNotEdit}}
'''Web site'''


**''Metrics: to come''


== Context: Re-tinker-ifying The Web ==
'''Badges'''


Hackasaurus is Mozilla's expression of our [http://www.mozilla.org/about/manifesto.en.html manifesto] and [http://www.mozilla.org/about/mission.html mission]; it provides a toolkit and learning experiences that represent our vision of a transparent and remixable Open Web that enables anyone to deconstruct it and make it their own.
*Details to come
**''Metrics: to come''


The need for a designed toolkit and learning experiences has arisen over the past decade as the Web has simultaneously become more complex and less transparent. In the 1990s and early 2000s, many kids knew the basics of HTML and had the ability to use a browser's View Source feature to figure out how pages were put together. In the age of Facebook, however, people increasingly have less practical opportunities to learn about and use the building blocks of the Web, and using View Source on most pages results in a complex mess of minified code.
<br>


Aside from diminishing one's perception of their own ability to shape the Web, this [http://www.youtube.com/watch?v=majID9DkSew&list=PLA14C60FA101D1F4C de-tinker-ification] also results in a reduced understanding of how technology affects one's freedom, security, and privacy. Thus the goal of Hackasaurus is to empower individuals to not only tinker with the virtual world around them, but also to make truly informed technical decisions.
*'''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>


[[Category:Roadmaps]]
<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"