PopcornMaker: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
No edit summary
(Undo revision 418637 by Benmoskowitz (talk))
Line 1: Line 1:
<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__  
<section begin="summary" />{{RoadmapSummary
</p>
|icon=Pmlogo.jpg
<h2> About this project </h2>
|pagelocation=PopcornMaker
<p>Popcorn Maker is an app that enables anyone to make and share interactive media.
|pagetitle=Popcorn Maker
</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.
|owner=Brett Gaylor, Bobby Richter, Ben Moskowitz, CDOT
</p>
|updated=January 23rd, 2012
<h2> How you can get involved </h2>
|status=Draft
<p>Semi-weekly call:
|description=A development tool and community layer for [[Popcorn.js]]
Wednesdays
}}<section end="summary" /> __NOTOC__  
</p><p>File a bug or feature request:
 
</p><p>Help with documentation
== About this project ==
Our needs
Popcorn Maker is a GUI to allow anyone to create popcorn-powered rich media pages.
Localization
 
</p><p> -create and share a template
By following the conventions of the [[Butter API]], 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.
HOWTO
 
Style Guide (coming soon)
== Source ==
repo (someday submission)
https://github.com/secretrobotron/popcorn-maker
</p><p> -create and share a plugin
[edit]  
API documentation
 
popcorn-base
== Issue Tracker ==
repo (someday submission)
Popcorn Maker:
</p><p> -run a test workshop
sign-up form to join testing group (testdrivers???)
resource/cirriculum
</p><p> -contribute to Butter
Lighthouse
Roadmap
</p><p> -contribute to Cornfield
Lighthouse
Roadmap
</p><p> -contribute fo Iowa WebDev
Lighthouse
Roadmap
</p>
<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]]
</p>
<h2> Issue Tracker </h2>
<p>Popcorn Maker:
https://webmademovies.lighthouseapp.com/projects/80723-popcorn-maker/overview
https://webmademovies.lighthouseapp.com/projects/80723-popcorn-maker/overview
</p><p>Butter SDK:
 
Butter API:
https://webmademovies.lighthouseapp.com/projects/65733-butter/overview
https://webmademovies.lighthouseapp.com/projects/65733-butter/overview
</p>
 
<h3> RoadMap </h3>
=== RoadMap ===
<h4> APIS </h4>
Q1 0.3 (Now — March 31st)
<ul><li> Butter (events manager) "2.0"
 
<ul><li> open template from web
==== APIS ====
</li><li> templatize any page
* Butter (events manager) "2.0"
</li><li> first steps toward html template changes in app
** open template from web
</li><li> https://webmademovies.lighthouseapp.com/projects/65733-butter/overview
** templatize any page
</li><li> this is very important foundational work!
** first steps toward html template changes in app
</li></ul>
** https://webmademovies.lighthouseapp.com/projects/65733-butter/overview
</li></ul>
** this is very important foundational work!
<h4> SERVER </h4>
 
<ul><li> Create server component (Cornfields) of Popcorn Maker
==== SERVER ====
<ul><li> authentication via BrowserID
* Create server component (Cornfields) of Popcorn Maker
</li><li> user accounts for saving project data
** authentication via BrowserID
</li><li> ability to publish results to our server
** user accounts for saving project data
</li></ul>
** ability to publish results to our server
</li></ul>
 
<h4> UI </h4>
==== UI ====
<ul><li>Choose small group of UI papercuts, address them
*Choose small group of UI papercuts, address them
<ul><li> take a first pass at introducing nomenclature and visual consistency (editors, plugins etc)
** take a first pass at introducing nomenclature and visual consistency (editors, plugins etc)
</li><li> remove dead links
** remove dead links
</li><li> not including major design (look and feel) overhaul
** 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
** tickets filed and tagged as "all hands" https://webmademovies.lighthouseapp.com/projects/80723-popcorn-maker/tickets?q=tagged%3A%22allhands%22
</li></ul>
 
</li></ul>
* Re-create template gallery / first run screen to be intuitive and attractive to users
<ul><li> Re-create template gallery / first run screen to be intuitive and attractive to users
 
</li></ul>
==== TEMPLATE/CONTENT ====
<h4> TEMPLATE/CONTENT </h4>
* Improve existing templates (overlay, map + pop video) to ensure top-to-bottom functionality; represent true "vertical slice" of Popcorn Maker experience
<ul><li> Improve existing templates (overlay, map + pop video) to ensure top-to-bottom functionality; represent true "vertical slice" of Popcorn Maker experience
** fully support youtube
<ul><li> fully support youtube
** ability to publish + save
</li><li> ability to publish + save
** pre-populated with engaging content
</li><li> pre-populated with engaging content
** little to no "rage" from broken or half-baked parts
</li><li> little to no "rage" from broken or half-baked parts
 
</li></ul>
* Engage MoFo programs + partners in ideation process for new templates https://etherpad.mozilla.org/popcornmaker5templates
</li></ul>
** PBS Newshour
<ul><li> Engage MoFo programs + partners in ideation process for new templates https://etherpad.mozilla.org/popcornmaker5templates
** Hive
<ul><li> PBS Newshour
 
</li><li> Hive
* Create popcorn-powered video tutorial for how to use Popcorn Maker
</li></ul>
 
</li></ul>
==== PROJECT ====
<ul><li> Create popcorn-powered video tutorial for how to use Popcorn Maker
* Updated vision document
</li></ul>
* HCI guidelines [develop this]
<h4> PROJECT </h4>
* Engage design firm for Design bible a la http://developer.android.com/design/index.html
<ul><li> Updated vision document
* Launch plan (GTM strategy)  
</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)  
=== Q2 (0.6) (April 1st — June 31st) ===
</li></ul>
==== APIS ====
<p><br />
* Instant feedback / update
</p>
** templates update as data is added
<h3> Q2 (0.6) (April 1st — June 31st) </h3>
** a la Love Bomb, you can pull up HTML editor and change template in real time
<h4> APIS </h4>
* X-Ray Goggles integration - editor as part of app
<ul><li> Instant feedback / update
* Multiple media element support (fallback)
<ul><li> templates update as data is added
* Multiple timeline support
</li><li> a la Love Bomb, you can pull up HTML editor and change template in real time
* Timeline control plugins
</li></ul>
* Media sync plugins
</li><li> X-Ray Goggles integration - editor as part of app
 
</li><li> Multiple media element support (fallback)
==== SERVER ====
</li><li> Multiple timeline support
* More robust publish, sharing (via embeds)
</li><li> Timeline control plugins
* Collaborative editing
</li><li> Media sync plugins
* a branch of popcorn maker that supports video encoding + hosting
</li></ul>
** q: do we develop, or leverage existing solutions such as zencoder, vid.ly
<h4> SERVER </h4>
 
<ul><li> More robust publish, sharing (via embeds)
==== UI ====
</li><li> Collaborative editing
* MVP badges award integration
</li><li> a branch of popcorn maker that supports video encoding + hosting
* Drop plugins onto page region to add
<ul><li> q: do we develop, or leverage existing solutions such as zencoder, vid.ly
** highlight popcornable regions ala X-Ray
</li></ul>
* Copy and paste events from the timeline
</li></ul>
* Implement style guide for app + templates - refresh look and feel
<h4> UI </h4>
** clean CSS groundwork for future hacking
<ul><li> MVP badges award integration
** rich editors (use style guide)
</li><li> Drop plugins onto page region to add
* Improve perceived speed of app
<ul><li> highlight popcornable regions ala X-Ray
** transitions, fades etc
</li></ul>
 
</li><li> Copy and paste events from the timeline
=== Q3 (0.9) (Ending September 31st) ===
</li><li> Implement style guide for app + templates - refresh look and feel
==== APIS ====
<ul><li> clean CSS groundwork for future hacking
* Interaction between multiple timelines / popcorn instances
</li><li> rich editors (use style guide)
* make editor / UI scriptable for those templates
</li></ul>
* ability to import plugins
</li><li> Improve perceived speed of app
 
<ul><li> transitions, fades etc
==== SERVER ====
</li></ul>
*AMO / Marketplace integration
</li></ul>
 
<h3> Q3 (0.9) (Ending September 31st) </h3>
==== UI ====
<h4> APIS </h4>
* UI for multiple popcorn instances
<ul><li> Interaction between multiple timelines / popcorn instances
* New, simple UI trays based on what we've learned
</li><li> make editor / UI scriptable for those templates
* conditional events
</li><li> ability to import plugins
* user inputs
</li></ul>
* Focus on Mobile ( but we should plan for this starting now)
<h4> SERVER </h4>
* have robust  testing infra for popcorn maker
<ul><li>AMO / Marketplace integration
 
</li></ul>
==== TEMPLATES/CONTENT ====
<h4> UI </h4>
3D, WebGL plugins
<ul><li> UI for multiple popcorn instances
 
</li><li> New, simple UI trays based on what we've learned
=== Q4 1.0 End December 31st ===
</li><li> conditional events
1.0 launch at MozFest, November
</li><li> user inputs
 
</li><li> Focus on Mobile ( but we should plan for this starting now)
==== APIS ====
</li><li> have robust  testing infra for popcorn maker
* Create template from scratch from within app
</li></ul>
* XML writer/inspector
<h4> TEMPLATES/CONTENT </h4>
 
<p>3D, WebGL plugins
==== SERVER ====
</p>
==== UI ====
<h3> Q4 1.0 End December 31st </h3>
 
<p>1.0 launch at MozFest, November
== Team  ==
</p>
*[http://twitter.com/#!/benrito Ben Moskowitz], Mozilla  
<h4> APIS </h4>
*[http://twitter.com/#!/secretrobotron Bobby Richter], Mozilla  
<ul><li> Create template from scratch from within app
*[http://twitter.com/#!/remixmanifesto Brett Gaylor], Mozilla
</li><li> XML writer/inspector
*[http://twitter.com/#!/scottdowne Scott Downe], CDOT
</li></ul>
*[http://twitter.com/#!/dcseifried David Seifried], CDOT
<h4> SERVER </h4>
*[http://twitter.com/#!/ChrisDeCairos Chris DeCairos], CDOT
<h4> UI </h4>
*[http://twitter.com/#!/mbuttu Mohammed Buttu], CDOT
<h2> Team  </h2>
*[http://twitter.com/#!/jbuckca Jon Buckley], CDOT
<ul><li><a href="http://twitter.com/#!/benrito">Ben Moskowitz</a>, Mozilla  
*[http://twitter.com/#!/humphd Dave Humphrey], CDOT
</li><li><a href="http://twitter.com/#!/secretrobotron">Bobby Richter</a>, Mozilla  
 
</li><li><a href="http://twitter.com/#!/remixmanifesto">Brett Gaylor</a>, Mozilla
== Get Involved ==
</li><li><a href="http://twitter.com/#!/scottdowne">Scott Downe</a>, CDOT
Development takes place on the Web Made Movies issue tracker:
</li><li><a href="http://twitter.com/#!/dcseifried">David Seifried</a>, CDOT
* Popcorn Maker: https://webmademovies.lighthouseapp.com/projects/80723-popcorn-maker/overview
</li><li><a href="http://twitter.com/#!/ChrisDeCairos">Chris DeCairos</a>, CDOT
* Butter API: https://webmademovies.lighthouseapp.com/projects/65733-butter/overview  
</li><li><a href="http://twitter.com/#!/mbuttu">Mohammed Buttu</a>, CDOT
 
</li><li><a href="http://twitter.com/#!/jbuckca">Jon Buckley</a>, CDOT
Check out our new website [http://mozillapopcorn.org/ Mozilla Popcorn]
</li><li><a href="http://twitter.com/#!/humphd">Dave Humphrey</a>, CDOT
</li></ul>
<h2> Get Involved </h2>
<p>Development takes place on the Web Made Movies issue tracker:
</p>
<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  
</li></ul>
<p>Check out our new website <a href="http://mozillapopcorn.org/">Mozilla Popcorn</a>
</p>

Revision as of 19:32, 10 April 2012

Pmlogo.jpg Popcorn Maker
Owner: Brett Gaylor, Bobby Richter, Ben Moskowitz, CDOT Updated: 2012-04-10
A development tool and community layer for Popcorn.js

About this project

Popcorn Maker is a GUI to allow anyone to create popcorn-powered rich media pages.

By following the conventions of the Butter API, 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.

Source

https://github.com/secretrobotron/popcorn-maker [edit]

Issue Tracker

Popcorn Maker: https://webmademovies.lighthouseapp.com/projects/80723-popcorn-maker/overview

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

RoadMap

Q1 0.3 (Now — March 31st)

APIS

SERVER

  • Create server component (Cornfields) of Popcorn Maker
    • authentication via BrowserID
    • user accounts for saving project data
    • ability to publish results to our server

UI

  • Re-create template gallery / first run screen to be intuitive and attractive to users

TEMPLATE/CONTENT

  • Improve existing templates (overlay, map + pop video) to ensure top-to-bottom functionality; represent true "vertical slice" of Popcorn Maker experience
    • fully support youtube
    • ability to publish + save
    • pre-populated with engaging content
    • little to no "rage" from broken or half-baked parts
  • Create popcorn-powered video tutorial for how to use Popcorn Maker

PROJECT


Q2 (0.6) (April 1st — June 31st)

APIS

  • Instant feedback / update
    • templates update as data is added
    • a la Love Bomb, you can pull up HTML editor and change template in real time
  • X-Ray Goggles integration - editor as part of app
  • Multiple media element support (fallback)
  • Multiple timeline support
  • Timeline control plugins
  • Media sync plugins

SERVER

  • More robust publish, sharing (via embeds)
  • Collaborative editing
  • a branch of popcorn maker that supports video encoding + hosting
    • q: do we develop, or leverage existing solutions such as zencoder, vid.ly

UI

  • MVP badges award integration
  • Drop plugins onto page region to add
    • highlight popcornable regions ala X-Ray
  • Copy and paste events from the timeline
  • Implement style guide for app + templates - refresh look and feel
    • clean CSS groundwork for future hacking
    • rich editors (use style guide)
  • Improve perceived speed of app
    • transitions, fades etc

Q3 (0.9) (Ending September 31st)

APIS

  • Interaction between multiple timelines / popcorn instances
  • make editor / UI scriptable for those templates
  • ability to import plugins

SERVER

  • AMO / Marketplace integration

UI

  • UI for multiple popcorn instances
  • New, simple UI trays based on what we've learned
  • conditional events
  • user inputs
  • Focus on Mobile ( but we should plan for this starting now)
  • have robust testing infra for popcorn maker

TEMPLATES/CONTENT

3D, WebGL plugins

Q4 1.0 End December 31st

1.0 launch at MozFest, November

APIS

  • Create template from scratch from within app
  • XML writer/inspector

SERVER

UI

Team

Get Involved

Development takes place on the Web Made Movies issue tracker:

Check out our new website Mozilla Popcorn

Retrieved from "https://wiki.mozilla.org/index.php?title=PopcornMaker&oldid=418651"