opening the mobile web mozilla and firefox os-chit thiri maung

Opening the mobile web Mozilla and Firefox OS

Chit Thiri Maung (@ahkeno)Devcon Myanmar, September 2012

Who am I?

• Chit Thiri Maung

• Community Manager , MozReps

• MozReps Evangelist

• Web Developer

Q & A

https://etherpad.mozilla.org/remo-developer-conference-yangon-2012

#DevCon2012

introduction• What is Community ?

Mozilla Myanmar Community

• What has Mozilla done?

• What do we do now?

• A new challenge

• Firefox for developers

• Firefox OS / Apps for the web

Photo by the McCloudshttp://www.flickr.com/photos/mjparnell/435465575/

https://addons.mozilla.org/en-US/firefox/addon/flag-of-myanmar/

Mozilla Myanmarhttp://mozillamyanmar.org/

Mozcamp Asia 2011

 Intercontinental Hotel, Kuala Lumpur, Malaysia, from Saturday 19 November  to Sunday 20

November 2011.

Localization (Firefox Aurora)

http://a.maimult.ro/lmo/projects.php?l=my-MM&f=0

Learning form Web

Open Source helped me a lot!

What Mozilla Did...

Web Developer

What Mozilla Did...

Ongoing workMozilla beyond Firefox

>

FIREFOX TO THE RESCUE?

Download Firefox for Android

• Can’t access Google play?

• Don’t worry!

• Go to http://mozillamyanmar.org• Click download Firefox for android

A generation of webmakers

https://webmaker.org

https://thimble.webmaker.org/en-US/projects/map/edit

Learning by doing!

Browser ID

https://browserid.org

Mozilla Popcorn

http://mozillapopcorn.org/

FIREFOX FOR DEVELOPERS

RESPONSIVE DESIGN VIEW

http://paulrouget.com/e/devtoolsupdate/http://www.youtube.com/watch?v=t07cLJhJkjQ

RESPONSIVE DESIGN VIEW

http://paulrouget.com/e/devtoolsupdate/http://www.youtube.com/watch?v=t07cLJhJkjQ

REMOTE DEBUGGING

https://hacks.mozilla.org/2012/08/remote-debugging-on-firefox-for-android/

Learn at Developer Network

• https://developer.mozilla.org/en-US/

The web is the platform

Photo by Jason Weaverhttp://www.flickr.com/photos/indyplanets/5693612984/

BROKEN PROMISES

=

Building a complete standalone operation system for the open web

WEB API WORK

http://arewemobileyet.com

FIREFOX OS WEB ENABLED PHONES FOR ALL!

Gecko Gaia

Photo by Alesa Damhttp://www.flickr.com/photos/alesadam/3869366195/

GAIAThe user interface

of B2G

GONKThe low level OS

for B2GGECKOThe application runtime

of B2G

Web Technology API

HOW TO PLAY WITH FIREFOX OS...

• Run GAIA in Firefox Nightly (simplest way)

• Use a desktop simulator (OSX / Linux)

• https://github.com/download/sihorton/b2g-desktop-profile-installer/b2g-potable.exe

• Build your own device (very hard indeed)

https://wiki.mozilla.org/Gaia/Hacking

WEB APPS ON THE PHONE

https://marketplace.mozilla.org/

https://marketplace.mozilla.org/

WHAT CAN YOU DO?

Code FeedbackWrite apps,

contribute to Gaia,contribute to B2G

UseUse Marketplace,Use the Web API,

Use B2G

Photo by William Quivigerhttp://www.flickr.com/photos/28959625@N04/6120450372/

Give your input on APIs,request features, test

and log bugs

WHERE TO FIND MORE INFO

Follow @Boot2Gecko and @mozhacks on Twitter

Join platform mailing list:

http://groups.google.com/group/mozilla.dev.platform

Join in on IRC: irc.mozilla.org channel #B2G

B2G Repo: https://github.com/mozilla-b2g/B2G

B2G Architecture: https://wiki.mozilla.org/B2G/Architecture

Gaia Repo: https://github.com/mozilla-b2g/gaia

Developer Docs: https://developer.mozilla.org/en/Mozilla/

Boot_to_Gecko

Web API Docs: https://wiki.mozilla.org/WebAPI

Invitation

• The Mozilla project uses a community-based approach to create world-class open source software and to develop new types of collaborative activities.

• We create communities of people involved in making the Internet experience better for all of us.

• http://mozillamyanmar.org

Chit Thiri Maung

Follow me on Twitter @ahkeno

contact me ahkeno@gmail.com

http://mozillamyanmar.org

Follow us on twitter @mozillamyanmar

Contact us mozillamm@gmail.com

THANKS!