Hackasaurus/Roadmap: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
No edit summary
 
(70 intermediate revisions by 3 users not shown)
Line 1: Line 1:
__NOTOC__  
__NOTOC__  
<div style="clear:both; border: 4px solid rgb(40, 40, 40); text-align:center; padding: 2px; background: #ffffff; border-collapse: separate; -moz-border-radius: 10px; margin-top:20px;">
[http://mzl.la/festivaldate Join] | [[Festival2011#Vision|Vision]] | [[Festival2011#Goals|Goals]] | [[Festival2011#Innovation_Challenges|Innovation Challenges]] | [[Festival2011#Schedule|Schedule]] | [http://etherpad.mozilla.org:9000/Festival2011-Invitelist People] | [[Festival2011#Planning|Planning]] | [http://etherpad.mozilla.com:9000/DrumbeatFestival2011-FAQ FAQ]
</div>


<section begin="summary" />{{RoadmapSummary
<section begin="summary" />{{RoadmapSummary
Line 11: Line 8:
|updated=July 13, 2011
|updated=July 13, 2011
|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. [https://wiki.mozilla.org/Drumbeat/Hackasaurus Get involved].
|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>  


{{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!}}
= What are we building?  =


== '''Hackasaurus = Tools | Jams | Games | Web site | Badges'''  ==
== '''Hackasaurus = Tools | Jams | Games | Web site | Badges'''  ==
Line 20: Line 21:
'''The Hackasaurus project has five key slices:'''<br>  
'''The Hackasaurus project has five key slices:'''<br>  


#[http://hackasaurus.org/tools/ '''Tools''']. ''Like a awiss army knife for young web-makers.'''''''Concrete offerings: '''[http://hackasaurus.org/goggles/ '''X-Ray Goggles''']''', '''[http://htmlpad.org/ '''WebPad''']'''and '''[http://hackasaurus.org/hackbook/ '''Hackbook''']'''''<i>.</i>'''''Make it fun and easy to remix and make stuff on the web. ''<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 roughly 11 - 16. Gathering in social spaces (libraries, youth media centers, community centers, etc.). Using Hackasaurus tools in a fun social curriculum. <br>*&nbsp;Includes "'''Jam-in-a-Box'''" kit (coming soon). 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;">As a self-guided set of experiences / pathways to earning badges. Gaining basic HTML, CSS and Javascript skills along the way.</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. Attach to your online home / locker / lap top. Level up and advance.''<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 ==


=== 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>  ===


'''Tools'''  
'''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>  
*All tools hosted on a single domain. Fast, safe and fairly scalable.<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'''  
'''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 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 and 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.''
 
'''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''


'''Web site'''<br>  
'''Jams'''<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. '''<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>
*'''Metrics. '''Set up basic measures for traffic and adoption.<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>  
'''Games'''<br>  


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


*'''Publish our plan. '''Document our roadmap and resource plan for Hackasaurus badges going forward. Like merit badges or leveling up for web makers.<br>
*'''First Hackasaurus badges awarded to kids at Mozilla Festival.'''<br>  
**''Metrics: to come''


=== Metrics  ===
<br> '''Other'''


*'''Tools''':''2x X-Ray Goggle installs. 2x hacks created. 2x web pages created.''
*'''Rebranding started'''. Working on polished Hackasaurus brand, identity and voice.<br>
*'''Jams''': ''2x hack jams''
*'''Games''': ''1 great game. 3-5 pretty good ones''<br>  
*'''Web site''': ''2x traffic''
*'''Badges''': ''2x participation in prototyping''


<br> [[Image:Hackasaurus front page.jpg]]  
[[Image:Hackasaurus at mozilla festival.jpg|500px|Hackasaurus at mozilla festival.jpg]]  


== <br> Q4 2011 <br> ==
== Q1 2012: Hackasaurus 2.0 ==


=== Blow people's minds at the Mozilla Festival. Launch "Hack This Game" innovation challenge.<br>  ===
=== New branding / look and feel. Real offerings for games &amp; badges.<br>  ===


'''Tools'''  
'''Tools'''  


*'''Plug-in architecture for X-Ray Goggles'''. Enabling anyone [just developers?] to add new features.<br>
*'''Details to come '''  
**''Metrics: to come''


'''Jams'''<br>
'''Jams'''  


*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>
*First local chapter prototyped. Beyond one-off events, community of kids gathering and hacking regularly in club-like atmosphere.  
*Module for recruiting and training youth Hackasaurus facilitators included in jam kit. <br>
**''Metrics: to come''
*Clear jam feedback and evaluation process feeding back into kit.&nbsp; <br>


'''Games'''<br>  
'''Games'''<br>  


*Successful innovation challenge and hack sprint at Mozilla Festival producing great new games. <br>  
*'''Details to come '''
*Reference implementations from kids working with developers to create cool Hackasaurus game prototypes.<br>
**''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''


'''Badges'''<br>  
<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''


*First Hackasaurus badges awarded to kids at Mozilla Festival.<br>
'''Games'''


=== Metrics ===
**''Metrics: to come''


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


[[Image:Hackasaurus at mozilla festival.jpg|500px|Hackasaurus at mozilla festival.jpg]]
**''Metrics: to come''


http://channy.creation.net/blog/data/channy/2010/my-kids-firefox.jpg
'''Badges'''


http://channy.creation.net/blog/data/channy/2010/my-kids-firefox.jpg
*Details 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>  ===
'''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>  
*'''Kids sharing with other kids'''. <br>  
Line 111: Line 231:
*'''Tools'''.  
*'''Tools'''.  
*'''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.
*'''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>
<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.

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. JamsDesign 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.