40
Opening the mobile web Mozilla and Firefox OS Chit Thiri Maung (@ahkeno) Devcon Myanmar, September 2012

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

Embed Size (px)

DESCRIPTION

The web of today would not be the same if Mozilla hadn't fought up against the web monoculture on the Desktop in the 90s. The same challenge of users getting locked in to a certain environment to be able to go online happens now on the mobile market. In this talk I will show the history of Mozilla and what happens right now to free the mobile web from lock-in. The web is out there for everybody and should not be dependent on expensive devices. In this talk you'll hear about Mozilla's efforts to teach people the benefits of the web, learn how to help us by testing Firefox on Android and get introduced to Firefox OS, the first fully open operating system for mobile devices with apps based on web standards.

Citation preview

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!