Transcript
Page 1: 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

Page 2: Opening the mobile web   mozilla and firefox os-chit thiri maung

Who am I?

• Chit Thiri Maung

• Community Manager , MozReps

• MozReps Evangelist

• Web Developer

Page 3: Opening the mobile web   mozilla and firefox os-chit thiri maung

Q & A

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

#DevCon2012

Page 4: Opening the mobile web   mozilla and firefox os-chit thiri maung

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/

Page 5: Opening the mobile web   mozilla and firefox os-chit thiri maung

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

Mozilla Myanmarhttp://mozillamyanmar.org/

Page 6: Opening the mobile web   mozilla and firefox os-chit thiri maung

Mozcamp Asia 2011

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

November 2011.

Page 7: Opening the mobile web   mozilla and firefox os-chit thiri maung

Localization (Firefox Aurora)

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

Page 8: Opening the mobile web   mozilla and firefox os-chit thiri maung

Learning form Web

Page 9: Opening the mobile web   mozilla and firefox os-chit thiri maung

Open Source helped me a lot!

Page 10: Opening the mobile web   mozilla and firefox os-chit thiri maung

What Mozilla Did...

Page 11: Opening the mobile web   mozilla and firefox os-chit thiri maung

Web Developer

Page 12: Opening the mobile web   mozilla and firefox os-chit thiri maung

What Mozilla Did...

Page 13: Opening the mobile web   mozilla and firefox os-chit thiri maung

Ongoing workMozilla beyond Firefox

>

Page 14: Opening the mobile web   mozilla and firefox os-chit thiri maung

FIREFOX TO THE RESCUE?

Page 15: Opening the mobile web   mozilla and firefox os-chit thiri maung

Download Firefox for Android

• Can’t access Google play?

• Don’t worry!

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

Page 16: Opening the mobile web   mozilla and firefox os-chit thiri maung

A generation of webmakers

https://webmaker.org

Page 17: Opening the mobile web   mozilla and firefox os-chit thiri maung

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

Learning by doing!

Page 18: Opening the mobile web   mozilla and firefox os-chit thiri maung

Browser ID

https://browserid.org

Page 19: Opening the mobile web   mozilla and firefox os-chit thiri maung

Mozilla Popcorn

http://mozillapopcorn.org/

Page 20: Opening the mobile web   mozilla and firefox os-chit thiri maung

FIREFOX FOR DEVELOPERS

Page 21: Opening the mobile web   mozilla and firefox os-chit thiri maung

RESPONSIVE DESIGN VIEW

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

Page 22: Opening the mobile web   mozilla and firefox os-chit thiri maung

RESPONSIVE DESIGN VIEW

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

Page 23: Opening the mobile web   mozilla and firefox os-chit thiri maung

REMOTE DEBUGGING

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

Page 24: Opening the mobile web   mozilla and firefox os-chit thiri maung

Learn at Developer Network

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

Page 25: Opening the mobile web   mozilla and firefox os-chit thiri maung

The web is the platform

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

Page 26: Opening the mobile web   mozilla and firefox os-chit thiri maung

BROKEN PROMISES

=

Building a complete standalone operation system for the open web

Page 27: Opening the mobile web   mozilla and firefox os-chit thiri maung

WEB API WORK

http://arewemobileyet.com

Page 28: Opening the mobile web   mozilla and firefox os-chit thiri maung

FIREFOX OS WEB ENABLED PHONES FOR ALL!

Page 29: Opening the mobile web   mozilla and firefox os-chit thiri maung

Gecko Gaia

Page 30: Opening the mobile web   mozilla and firefox os-chit thiri maung

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

Page 31: Opening the mobile web   mozilla and firefox os-chit thiri maung
Page 32: Opening the mobile web   mozilla and firefox os-chit thiri maung

Web Technology API

Page 33: Opening the mobile web   mozilla and firefox os-chit thiri maung

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

Page 34: Opening the mobile web   mozilla and firefox os-chit thiri maung

WEB APPS ON THE PHONE

https://marketplace.mozilla.org/

Page 35: Opening the mobile web   mozilla and firefox os-chit thiri maung

https://marketplace.mozilla.org/

Page 36: Opening the mobile web   mozilla and firefox os-chit thiri maung
Page 37: Opening the mobile web   mozilla and firefox os-chit thiri maung

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

Page 38: Opening the mobile web   mozilla and firefox os-chit thiri maung

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

Page 39: Opening the mobile web   mozilla and firefox os-chit thiri maung

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

Page 40: Opening the mobile web   mozilla and firefox os-chit thiri maung

Chit Thiri Maung

Follow me on Twitter @ahkeno

contact me [email protected]

http://mozillamyanmar.org

Follow us on twitter @mozillamyanmar

Contact us [email protected]

THANKS!


Top Related