Webmaker/Code: Difference between revisions

Jump to navigation Jump to search

Webmaker/Code (view source)

Revision as of 18:18, 24 September 2012

1,913 bytes removed ,  24 September 2012
no edit summary
No edit summary
No edit summary
Line 1: Line 1:
<h1 id="page-title">Mozilla Webmaker</h1>
= Mozilla Webmaker =
<a href="https://www.mozilla.org/webmaker"><strong>Mozilla Webmaker</strong> </a>is a new program from the <a href="https://www.mozilla.org">Mozilla Foundation</a> to help people everywhere make, learn and play using the open building blocks 
of the web.
 
[https://www.mozilla.org/webmaker '''Mozilla Webmaker''' ]is a new program from the [https://www.mozilla.org Mozilla Foundation] to help people everywhere make, learn and play using the open building blocks of the web. '''The goal'''<nowiki>: help millions of people move from </nowiki>''using'' the web to ''making'' the web. With new tools to use, projects to create, and events to join, we want to help the world increase their understanding of the web and take greater control of their online lives.
 
= Software =


<strong>The goal</strong>: help millions of people move from <em>using</em> the web to <em>making</em> the web. With new tools to use, projects to create, and events to join, we want to help the world increase their understanding of the web and take greater control of their online lives.
<h1>Software</h1>
We have a variety of tools to help people learn to become webmakers and to help represent what they've done, from tools to help you bring the Web into your videos to easy code editors to digital badging systems.
We have a variety of tools to help people learn to become webmakers and to help represent what they've done, from tools to help you bring the Web into your videos to easy code editors to digital badging systems.
<h2>Popcorn</h2>
 
Mozilla Popcorn makes video work like the web. We create tools and programs to help developers and authors create interactive pages that supplement video and audio with rich web content, allowing your creations to live and grow online. We create a Javascript library for timing content ot media files (Popcorn.js) and an authoring environment for everyday users (Popcorn Maker). <a href="http://mozillapopcorn.org/">More info here.</a>
== Popcorn ==
<table border="0">
 
<tbody>
Mozilla Popcorn makes video work like the web. We create tools and programs to help developers and authors create interactive pages that supplement video and audio with rich web content, allowing your creations to live and grow online. We create a Javascript library for timing content ot media files (Popcorn.js) and an authoring environment for everyday users (Popcorn Maker). [http://mozillapopcorn.org/ More info here.]
<tr>
 
<td><strong>More Info</strong></td>
{|
<td><a href="https://wiki.mozilla.org/Popcorn.js" target="_blank">Popcorn.js</a> &amp; <a href="https://wiki.mozilla.org/PopcornMaker" target="_blank">Popcorn Maker</a></td>
| '''More Info'''
</tr>
|
<tr>
[https://wiki.mozilla.org/Popcorn.js Popcorn.js] & [https://wiki.mozilla.org/PopcornMaker Popcorn Maker]
<td><strong>Code Repo</strong></td>
|-
<td><a href="https://github.com/mozilla/butter" target="_blank">Github</a></td>
| '''Code Repo'''
</tr>
|
<tr>
[https://github.com/mozilla/butter Github]
<td><strong>Issue Tracking </strong></td>
|-
<td><a href="https://webmademovies.lighthouseapp.com/dashboard" target="_blank">Lighthouse Popcorn</a></td>
| '''Issue Tracking '''
</tr>
|
<tr>
[https://webmademovies.lighthouseapp.com/dashboard Lighthouse Popcorn]
<td><strong>Primary Language/Framework</strong></td>
|-
<td>JS</td>
| '''Primary Language/Framework'''
</tr>
| JS
<tr>
|-
<td><strong>IRC</strong></td>
| '''IRC'''
<td>irc.mozilla.org #popcorn</td>
| irc.mozilla.org #popcorn
</tr>
|-
<tr>
| '''Mailing list'''
<td><strong>Mailing list</strong></td>
|
<td><a href="https://mail.mozilla.org/listinfo/community-popcorn" target="_blank">Popcorn Community</a></td>
[https://mail.mozilla.org/listinfo/community-popcorn Popcorn Community]
</tr>
|-
<tr>
| '''Dev Cycles'''
<td><strong>Dev Cycles</strong></td>
| Popcorn Maker: Monthly; Popcorn.js: bi-monthly
<td>Popcorn Maker: Monthly; Popcorn.js: bi-monthly</td>
|-
</tr>
| '''More on how to contribute'''
<tr>
|
<td><strong>More on how to contribute</strong></td>
[https://air.mozilla.org/popcorn-maker-overview/ Air Mozilla Presentation]
<td><a href="https://air.mozilla.org/popcorn-maker-overview/" target="_blank">Air Mozilla Presentation</a></td>
|}
</tr>
 
</tbody>
== Thimble ==
</table>
 
<h2>Thimble</h2>
Thimble makes it ridiculously simple to create and share your own web pages: Write and edit HTML and CSS right in your browser, instantly preview your work and then host and share finished projects with a single click. [http://thimbletest.org/en-US/projects More info here.]
Thimble makes it ridiculously simple to create and share your own web pages: Write and edit HTML and CSS right in your browser, instantly preview your work and then host and share finished projects with a single click. <a href="http://thimbletest.org/en-US/projects">More info here.</a>
 
<table border="0">
{|
<tbody>
| '''More Info'''
<tr>
|
<td><strong>More Info</strong></td>
[https://wiki.mozilla.org/Thimble Thimble wiki]
<td><a href="https://wiki.mozilla.org/Thimble" target="_blank">Thimble wiki</a></td>
|-
</tr>
| '''Code Repo'''
<tr>
|
<td><strong>Code Repo</strong></td>
[https://github.com/mozilla/webpagemaker Github]
<td><a href="https://github.com/mozilla/webpagemaker" target="_blank">Github</a></td>
|-
</tr>
| '''Dev site'''
<tr>
|
<td><strong>Dev site</strong></td>
[http://webpagemaker-dev.allizom.org/ Thimble dev]
<td><a href="http://webpagemaker-dev.allizom.org/" target="_blank">Thimble dev</a></td>
|-
</tr>
| '''Issue Tracking '''
<tr>
|
<td><strong>Issue Tracking </strong></td>
[https://github.com/mozilla/webpagemaker/issues Lighthouse Popcorn]
<td><a href="https://github.com/mozilla/webpagemaker/issues" target="_blank">Lighthouse Popcorn</a></td>
|-
</tr>
| '''Primary Language/Framework'''
<tr>
| Python on the server, JS on the client
<td><strong>Primary Language/Framework</strong></td>
|-
<td>Python on the server, JS on the client</td>
| '''IRC'''
</tr>
| irc.mozilla.org #MoFoDev, #thimble
<tr>
|-
<td><strong>IRC</strong></td>
| '''Mailing list'''
<td>irc.mozilla.org #MoFoDev, #thimble</td>
|
</tr>
[https://groups.google.com/forum/?fromgroups#%21forum/mozwebpagemaker Thimble Community]
<tr>
|-
<td><strong>Mailing list</strong></td>
| '''Dev Cycles'''
<td><a href="https://groups.google.com/forum/?fromgroups#%21forum/mozwebpagemaker" target="_blank">Thimble Community</a></td>
| TBD
</tr>
|}
<tr>
 
<td><strong>Dev Cycles</strong></td>
== Open Badges ==
<td>TBD</td>
 
</tr>
Learning today happens everywhere. But it's often difficult to get recognition for skills and achievements that happen online or out of school. Mozilla Open Badges helps solve that problem, making it easy for any organization to issue, manage and display digital badges across the web. [https://mozillalabs.com/en-US/open-badges/ More info here.]
</tbody>
 
</table>
{|
<h2>Open Badges</h2>
| '''More Info'''
Learning today happens everywhere. But it's often difficult to get recognition for skills and achievements that happen online or out of school. Mozilla Open Badges helps solve that problem, making it easy for any organization to issue, manage and display digital badges across the web. <a href="https://mozillalabs.com/en-US/open-badges/">More info here.</a>
|
<table border="0">
[https://wiki.mozilla.org/Badges Badges wiki]
<tbody>
|-
<tr>
| '''Code Repo'''
<td><strong>More Info</strong></td>
|
<td><a href="https://wiki.mozilla.org/Badges" target="_blank">Badges wiki</a></td>
[https://github.com/mozilla/openbadges Github]
</tr>
|-
<tr>
| '''Issue Tracking '''
<td><strong>Code Repo</strong></td>
|
<td><a href="https://github.com/mozilla/openbadges" target="_blank">Github</a></td>
[https://github.com/mozilla/openbadges/issues Github]
</tr>
|-
<tr>
| '''Primary Language/Framework'''
<td><strong>Issue Tracking </strong></td>
| Node.js
<td><a href="https://github.com/mozilla/openbadges/issues" target="_blank">Github</a></td>
|-
</tr>
| '''IRC'''
<tr>
| irc.mozilla.org #badges, #MoFoDev
<td><strong>Primary Language/Framework</strong></td>
|-
<td>Node.js</td>
| '''Mailing list'''
</tr>
|
<tr>
[https://groups.google.com/d/forum/openbadges Badges community]
<td><strong>IRC</strong></td>
|-
<td>irc.mozilla.org #badges, #MoFoDev</td>
| '''Dev Cycles'''
</tr>
| Bi-monthly
<tr>
|}
<td><strong>Mailing list</strong></td>
 
<td><a href="https://groups.google.com/d/forum/openbadges" target="_blank">Badges community</a></td>
== X-Ray Goggles ==
</tr>
 
<tr>
The X-Ray Goggles make it easy to see and mess around with the building blocks that make up the web. Activate the Goggles to inspect the code behind any web page, from the New York Times to your own blog. Then remix elements with a single click, swapping in your own text, images and more. [http://hackasaurus.org/goggles/ More info here.]
<td><strong>Dev Cycles</strong></td>
 
<td>Bi-monthly</td>
{|
</tr>
| '''More Info'''
</tbody>
|
</table>
[http://hackasaurus.org/goggles/ X-Ray Goggles]
<h2>X-Ray Goggles</h2>
|-
The X-Ray Goggles make it easy to see and mess around with the building blocks that make up the web. Activate the Goggles to inspect the code behind any web page, from the New York Times to your own blog. Then remix elements with a single click, swapping in your own text, images and more. <a href="http://hackasaurus.org/goggles/">More info here.</a>
| '''Code Repo'''
<table border="0">
|
<tbody>
[https://github.com/toolness/webxray/ Github]
<tr>
|-
<td><strong>More Info</strong></td>
| '''Issue Tracking '''
<td><a href="http://hackasaurus.org/goggles/" target="_blank">X-Ray Goggles</a></td>
|
</tr>
[https://github.com/toolness/webxray/issues Github]
<tr>
|-
<td><strong>Code Repo</strong></td>
| '''Primary Language/Framework'''
<td><a href="https://github.com/toolness/webxray/" target="_blank">Github</a></td>
| JS
</tr>
|-
<tr>
| '''IRC'''
<td><strong>Issue Tracking </strong></td>
| irc.mozilla.org #MoFoDev
<td><a href="https://github.com/toolness/webxray/issues" target="_blank">Github</a></td>
|-
</tr>
| '''Mailing list'''
<tr>
|
<td><strong>Primary Language/Framework</strong></td>
[https://mail.mozilla.org/listinfo/mofodev MoFoDev List]
<td>JS</td>
|}
</tr>
 
<tr>
== Development team ==
<td><strong>IRC</strong></td>
 
<td>irc.mozilla.org #MoFoDev</td>
</tr>
<tr>
<td><strong>Mailing list</strong></td>
<td><a href="https://mail.mozilla.org/listinfo/mofodev" target="_blank">MoFoDev List</a></td>
</tr>
</tbody>
</table>
<h2>Development team</h2>
Our development team is spread across the world, with primary activity happening in London, Berlin, New York, Toronto, Vancouver, and San Francisco.
Our development team is spread across the world, with primary activity happening in London, Berlin, New York, Toronto, Vancouver, and San Francisco.
<h2>Tools</h2>
Mozilla works in the open -- our code for all of these projects is available on Github, and we use a combination of github, bugzilla &amp; lighthouse for our issue tracking.


We're also active in IRC -- come on over to #MoFoDev or #foundation on <a href="http://irc.mozilla.org/">http://irc.mozilla.org/</a> and give a shout.
== Tools ==
<h2>Volunteer onboarding</h2>
 
Mozilla works in the open -- our code for all of these projects is available on Github, and we use a combination of github, bugzilla & lighthouse for our issue tracking. We're also active in IRC -- come on over to #MoFoDev or #foundation on http://irc.mozilla.org/ and give a shout.
 
== Volunteer onboarding ==
 
At the moment, we have particular need for:
At the moment, we have particular need for:
<ul>
<li>Javascript library developers</li>
<li>Front end hackers (Popcorn Maker templates)</li>
<li>Graphic Designers</li>
</ul>
Example tasks:


Short-term:
* Javascript library developers
<ul>
* Front end hackers (Popcorn Maker templates)
<li>Designing a template for Popcorn Maker</li>
* Graphic Designers
<li>Grabbing one of the many tickets in Popcorn.js or Popcornmaker</li>
 
<li>Documentation</li>
Example tasks: Short-term:
<li>Testing (manual and Qunit)</li>
 
<li>Build badge display widget</li>
* Designing a template for Popcorn Maker
<li>Build API to allow badge lookup</li>
* Grabbing one of the many tickets in Popcorn.js or Popcornmaker
</ul>
* Documentation
* Testing (manual and Qunit)
* Build badge display widget
* Build API to allow badge lookup
Matt Thompson
Confirmed users
9,624

edits

Retrieved from "https://wiki.mozilla.org/Special:MobileDiff/473218"

Navigation menu