PopcornMaker: Difference between revisions

<p><span class="fck_mw_template">{{RoadmapSummaryfckLR|icon=Pmlogo.jpgfckLR|pagelocation=PopcornMakerfckLR|pagetitle=Popcorn MakerfckLR|owner=Bobby Richter, Ben MoskowitzfckLR|updated=January 23rd, 2012fckLR|status=DraftfckLR|description=A development tool and community layer for [[Popcorn.js]]fckLR}}</span> __NOTOC__  

<h2> About this project </h2>

<p>Popcorn Maker is an app that enables anyone to make and share interactive media.

</p><p>By following the conventions of the <a _fcknotitle="true" href="Butter SDK">Butter SDK</a>, developers and adventurous newbies can make their own templates. Just design a page using regular web technologies like HTML and CSS and give the popcorn-able elements some special attributes. Once you’ve designed a template to your exact requirements and specifications, you can import it into Popcorn Maker. Or you can use one of many community-developed templates.

<h2> Source </h2>

<p>https://github.com/mozilla/popcorn-interim <span class="fck_mw_template">{{complete package}}</span>

https://github.com/mozilla/butter {{Butter SDL]]

<h2> Issue Tracker </h2>

<p>Popcorn Maker:

</p><p>Butter SDK:

<h3> RoadMap </h3>

<h4> APIS </h4>

<ul><li> Butter (events manager) "2.0"

<ul><li> open template from web

</li><li> templatize any page

</li><li> first steps toward html template changes in app

</li><li> https://webmademovies.lighthouseapp.com/projects/65733-butter/overview

</li><li> this is very important foundational work!

<h4> SERVER </h4>

<ul><li> Create server component (Cornfields) of Popcorn Maker

<ul><li> authentication via BrowserID

</li><li> user accounts for saving project data

</li><li> ability to publish results to our server

<h4> UI </h4>

<ul><li>Choose small group of UI papercuts, address them

<ul><li> take a first pass at introducing nomenclature and visual consistency (editors, plugins etc)

</li><li> remove dead links

</li><li> not including major design (look and feel) overhaul

</li><li> tickets filed and tagged as "all hands" https://webmademovies.lighthouseapp.com/projects/80723-popcorn-maker/tickets?q=tagged%3A%22allhands%22

<ul><li> Re-create template gallery / first run screen to be intuitive and attractive to users

<h4> TEMPLATE/CONTENT </h4>

<ul><li> Improve existing templates (overlay, map + pop video) to ensure top-to-bottom functionality; represent true "vertical slice" of Popcorn Maker experience

<ul><li> fully support youtube

</li><li> ability to publish + save

</li><li> pre-populated with engaging content

</li><li> little to no "rage" from broken or half-baked parts

<ul><li> Engage MoFo programs + partners in ideation process for new templates https://etherpad.mozilla.org/popcornmaker5templates

<ul><li> PBS Newshour

</li><li> Hive

<ul><li> Create popcorn-powered video tutorial for how to use Popcorn Maker

<h4> PROJECT </h4>

<ul><li> Updated vision document

</li><li> HCI guidelines [develop this]

</li><li> Engage design firm for Design bible a la http://developer.android.com/design/index.html

</li><li> Launch plan (GTM strategy)  

<h3> Q2 (0.6) (April 1st — June 31st) </h3>

<h4> APIS </h4>

<ul><li> Instant feedback / update

<ul><li> templates update as data is added

</li><li> a la Love Bomb, you can pull up HTML editor and change template in real time

</li><li> X-Ray Goggles integration - editor as part of app

</li><li> Multiple media element support (fallback)

</li><li> Multiple timeline support

</li><li> Timeline control plugins

</li><li> Media sync plugins

<h4> SERVER </h4>

<ul><li> More robust publish, sharing (via embeds)

</li><li> Collaborative editing

</li><li> a branch of popcorn maker that supports video encoding + hosting

<ul><li> q: do we develop, or leverage existing solutions such as zencoder, vid.ly

<h4> UI </h4>

<ul><li> MVP badges award integration

</li><li> Drop plugins onto page region to add

<ul><li> highlight popcornable regions ala X-Ray

</li><li> Copy and paste events from the timeline

</li><li> Implement style guide for app + templates - refresh look and feel

<ul><li> clean CSS groundwork for future hacking

</li><li> rich editors (use style guide)

</li><li> Improve perceived speed of app

<ul><li> transitions, fades etc

<h3> Q3 (0.9) (Ending September 31st) </h3>

<h4> APIS </h4>

<ul><li> Interaction between multiple timelines / popcorn instances

</li><li> make editor / UI scriptable for those templates

</li><li> ability to import plugins

<h4> SERVER </h4>

<ul><li>AMO / Marketplace integration

<h4> UI </h4>

<ul><li> UI for multiple popcorn instances

</li><li> New, simple UI trays based on what we've learned

</li><li> conditional events

</li><li> user inputs

</li><li> Focus on Mobile ( but we should plan for this starting now)

</li><li> have robust  testing infra for popcorn maker

<h4> TEMPLATES/CONTENT </h4>

<p>3D, WebGL plugins

<h3> Q4 1.0 End December 31st </h3>

<p>1.0 launch at MozFest, November

<h4> APIS </h4>

<ul><li> Create template from scratch from within app

</li><li> XML writer/inspector

<h4> SERVER </h4>

<h4> UI </h4>

<h2> Team  </h2>

<ul><li><a href="http://twitter.com/#!/benrito">Ben Moskowitz</a>, Mozilla  

</li><li><a href="http://twitter.com/#!/secretrobotron">Bobby Richter</a>, Mozilla  

</li><li><a href="http://twitter.com/#!/remixmanifesto">Brett Gaylor</a>, Mozilla

</li><li><a href="http://twitter.com/#!/scottdowne">Scott Downe</a>, CDOT

</li><li><a href="http://twitter.com/#!/dcseifried">David Seifried</a>, CDOT

</li><li><a href="http://twitter.com/#!/ChrisDeCairos">Chris DeCairos</a>, CDOT

</li><li><a href="http://twitter.com/#!/mbuttu">Mohammed Buttu</a>, CDOT

</li><li><a href="http://twitter.com/#!/jbuckca">Jon Buckley</a>, CDOT

</li><li><a href="http://twitter.com/#!/humphd">Dave Humphrey</a>, CDOT

<h2> Get Involved </h2>

<p>Development takes place on the Web Made Movies issue tracker:

<ul><li> Popcorn Maker: https://webmademovies.lighthouseapp.com/projects/80723-popcorn-maker/overview

</li><li> Butter API: https://webmademovies.lighthouseapp.com/projects/65733-butter/overview  

<p>Check out our new website <a href="http://mozillapopcorn.org/">Mozilla Popcorn</a>