Webmaker/Code: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
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

Revision as of 18:18, 24 September 2012

Mozilla Webmaker

Mozilla Webmaker is a new program from the Mozilla Foundation to help people everywhere make, learn and play using the open building blocks of the web. The goal: help millions of people move from 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

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.

Popcorn

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). More info here.

More Info

Popcorn.js & Popcorn Maker

Code Repo

Github

Issue Tracking

Lighthouse Popcorn

Primary Language/Framework JS
IRC irc.mozilla.org #popcorn
Mailing list

Popcorn Community

Dev Cycles Popcorn Maker: Monthly; Popcorn.js: bi-monthly
More on how to contribute

Air Mozilla Presentation

Thimble

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. More info here.

More Info

Thimble wiki

Code Repo

Github

Dev site

Thimble dev

Issue Tracking

Lighthouse Popcorn

Primary Language/Framework Python on the server, JS on the client
IRC irc.mozilla.org #MoFoDev, #thimble
Mailing list

Thimble Community

Dev Cycles TBD

Open Badges

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. More info here.

More Info

Badges wiki

Code Repo

Github

Issue Tracking

Github

Primary Language/Framework Node.js
IRC irc.mozilla.org #badges, #MoFoDev
Mailing list

Badges community

Dev Cycles Bi-monthly

X-Ray Goggles

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. More info here.

More Info

X-Ray Goggles

Code Repo

Github

Issue Tracking

Github

Primary Language/Framework JS
IRC irc.mozilla.org #MoFoDev
Mailing list

MoFoDev List

Development team

Our development team is spread across the world, with primary activity happening in London, Berlin, New York, Toronto, Vancouver, and San Francisco.

Tools

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:

  • Javascript library developers
  • Front end hackers (Popcorn Maker templates)
  • Graphic Designers

Example tasks: Short-term:

  • Designing a template for Popcorn Maker
  • Grabbing one of the many tickets in Popcorn.js or Popcornmaker
  • Documentation
  • Testing (manual and Qunit)
  • Build badge display widget
  • Build API to allow badge lookup
Retrieved from "https://wiki.mozilla.org/index.php?title=Webmaker/Code&oldid=473218"