• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Opening the mobile web   mozilla and firefox os-chit thiri maung
 

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

on

  • 1,950 views

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 ...

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.

Statistics

Views

Total Views
1,950
Views on SlideShare
1,944
Embed Views
6

Actions

Likes
1
Downloads
51
Comments
0

2 Embeds 6

https://twitter.com 5
http://ahkeno.wordpress.com 1

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • I'm Chit(ahkeno) work as Web Developer and contribution at Mozilla Myanmar http://www.mozillamyanmar.org . Being contribute as MozReps since 2011 June and attend Mozcamp Asia 2011 at KL. Twiiter: https://twitter.com/ahkeno
  • Localization of Firefox Aurora Go to http://a.maimult.ro/lmo/projects.php?l=my-MM&f=0 Create account >Persona or username,pwd Start localized, Save or
  • Working as Web Developer I used Web entire my daily time.Web  Browser and web technology are my career. Start using internet web  browsing with Firefox since 2008. That was hardable time to use internet  at Myanmar. Slow connection and cost money. I was suvrive using Firefox and opensource technology. These days,we don't need to tell people that is Browser,Open Source.But I come here to spread the words for Mozilla beyound the Firefox and how Mozilla keep saving our privacy, what we can do beyound the browsing
  • Before Mozilla the web was more or less in the hand of Microsoft and Internet Explorer was needed to access it.
  • The release of the open-source browser Mozilla Firefox paved the way for many exciting new browser innovations. It also ensured that the internet became a thing outside of offices and companies. Without Mozilla, I am sure we would not have things like Wikipedia, and social networks. The web would have stayed a corporate tool.
  • Many people think Mozilla is Firefox - a browser company. However, we are more - we are a not for profit for the web. So to say the red cross of the web. One of the things we fight for is to keep the web open for everybody.
  • Firefox is now available on Android mobiles, and gives you the same benefits it gives you on the desktop: great web standard support, you own your data and it is open.
  • Download Firefox for android at Google Play. But here we can’t access Google play. So don’t worry ! Go to the mozilla Myanmar community web and click Firefox for android .apk file directly from FTP. Have fun!
  • And that means not only consuming the web - but also being a maker of it. At https://webmaker.org/en-US/ we have a program that helps people understand the very basics of the web and writing on it. 
  • https://thimble.webmaker.org/ Thimble for example allows people to learn HTML in an interactive, playful way. 
  • Developing on phones is annoying and hard to do - you need to write code and then get it onto the phone and reload and see what worked. This is why Firefox has now in-built developer tools to make that much easier. 
  • One very useful feature of the Firefox developer tools is the Responsive design view (currently in Nightly) Download latest Nightly and install it! You can see the web developer too under the Tools Menu.
  • Using this, you can see a web page in different formats without having to resize the browser window itself. You have a few presets and you can easily switch from portrait to landscape.
  • Remote debugging in Firefox allows you to debug what is happening on your phone on your desktop machine. That way you can easily test things on the mobile and you can still use the familiar development environment of your browser. Set up your Firefox for Android For this to work, you need to use Firefox 15 on your Android device as well, and you can get that by downloading Firefox Beta from the Google Play store. Now, fire up Firefox Beta on your phone. As on Desktop, you’ll need to go to about:config to change settings. Search for “ debugger ” and toggle devtools.debugger.force-local to false toggle devtools.debugger.remote-enabled to true To get the remote debugging server started, you’ll need to restart Firefox . Tap the home button to exit Firefox. On a Galaxy Nexus running Jelly Bean you can force Firefox to restart by opening the task switcher and sliding the Firefox Beta task off to the right. Extra note: if you’re uncomfortable with the idea of having your Firefox listening for connections on the network, you can leave force-local set to true and follow Mark Finkle’s instructions for getting remote debugging running over USB. Find your IP address Before we’ll be able to connect to the device, we need to know its IP address. To find the address of your phone: open the Settings app tap Wifi tap the network that you are currently connected to The display you’re presented with will include your IP address. Make the connection You’re now all set for remote debugging! On your mobile device, browse to a page that you want to debug. Fire up the Remote Debugger on your desktop Firefox. The Remote Debugger appears as a new window and it will prompt you for the address to connect to. Replace “localhost” with the IP address of your phone. By default, the remote debugging server on your mobile device will be running on port 6000, so leave the “:6000″ there in the connection address. You should see a dialog on your phone warning you about a new incoming connection. You should only accept connections that you start as otherwise someone might be trying to hijack your browser. In this case, we’ve started the connection, so go ahead and allow it. Once you’ve connected successfully, you’ll be able to inspect the scripts loaded in the page, set breakpoints and so forth.
  • Mozilla did a great job of keeping the web on the desktop open - with Firefox. Nowadays, however, the desktop is becoming less important and people use mobile devices (laptops, tablets, phones) to go online. This brings new challenges.
  • When smartphones came out all the providers advocated for HTML5 as the platform. The web was meant to come to phones.
  • Mozilla took it on to make this a thing of the past. At http://arewemobileyet.com you can see the status of the work. We are defining and implementing different APIs to access different parts of the hardware. The green spots are the ones that are done and live in the browser. The red ones are still in work. This page is linked to the bugzilla of Mozilla and updates whenever we implement a new feature.
  • These phones are based on Firefox OS - the first truly open web-technology based operating system for mobile devices. Building a complete, standalone operating system for the open web. The web is the platform; making apps First Class Citizens. The framework for the Open Web Device platform was introduced at the Mobile World Congress last Feb 2012 in Barcelona, Spain.
  • B2G is mainly two separate things; Gecko and Gaia. The Gecko side is the hardware-related stuff and JavaScript APIs that we need to make the phone work. The Gecko side is pretty much everything that you don’t see.
  • The Firefox OS has three parts: Gonk, the Linux layer that also powers Android and gives access to the hardware, Gecko which is the rendering engine of Firefox and Gaia which is the interface of the operating system written in HTML, CSS and JavaScript. Gaia  : The user interface of b2g. Everything drawn to screen after b2g starts up is some part of Gaia. Gaia implements a lock screen, home screen, telephone dialer, text-messaging application, camera app, ... and many more. Gaia is written entirely in HTML, CSS, and JavaScript. Its only interface to the underlying operating system is through Open Web APIs, which are implemented by Gecko. Gaia works well when run on top of b2g; however, since it only uses standard web APIs, it works on other OSes and in other web browsers (albeit with degraded functionality). Third-party applications can be installed alongside Gaia. Gecko  : The "application runtime" of b2g. At a high level, Gecko implements the open standards for HTML, CSS, and JS and makes those interfaces run well on all the OSes that Gecko supports. This means that Gecko consists of, among other things, a networking stack, graphics stack, layout engine, virtual machine (for JS), and porting layers. Gonk  : The lower-level "operating system" of b2g. Gonk consists of a linux kernel and userspace hardware abstraction layer (HAL). The kernel and several userspace libraries are common open-source projects: linux, libusb, bluez, etc. Some other parts of the HAL are shared with the android project: GPS, camera, among others. You could say that Gonk is an extremely simple linux distribution. Gonk is a porting target of Gecko; there is a port of Gecko to Gonk, just like there is a port of Gecko to OS X, and a port of Gecko to Android. Since the b2g project has full control over Gonk, we can expose interfaces to Gecko that aren't possible to expose on other OSes. For example, Gecko has direct access to the full telephony stack and display framebuffer on Gonk, but doesn't have this access on any other OS.
  • Gaia is the front-end operating system and application stack that hooks into the APIs that B2G provides. Gaia is basically everything that you can see and interact with. As it is a simple web page for the operating system you can style it any way you want to.
  • Developing on phones is annoying and hard to do - you need to write code and then get it onto the phone and reload and see what worked. This is why Firefox has now in-built developer tools to make that much easier. 
  • How we get web apps? Here is the right answer https://marketplace.mozilla.org/   What is Market Place? Mozilla has launched an early version of an app store for web-based apps. It’s called Mozilla Marketplace,  and it’s designed to be a place where you can find web-based software  that you can install on a Windows, Mac, or Linux machine just as if you  were installing a desktop app. Right now there are fewer than 200 apps available and you’ll need to install the latest Firefox 16 Nightly build in order to try the Marketplace.

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

  • 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&Ahttps://etherpad.mozilla.org/remo-develop #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 McClouds http://www.flickr.com/photos/mjparnell/435465575/
  • Mozilla Myanmarhttp://mozillamyanmar.org/ https://addons.mozilla.org/en-US/firefox/addon/flag-of-myanmar/
  • 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
  • Learning by doing!https://thimble.webmaker.org/en-US/projects/map/edit
  • Browser IDhttps://browserid.org
  • Mozilla Popcornhttp://mozillapopcorn.org/
  • FIREFOX FOR DEVELOPERS
  • RESPONSIVE DESIGN VIEWhttp://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 DEBUGGINGhttps://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 platformPhoto by Jason Weaverhttp://www.flickr.com/photos/indyplanets/5693612984/
  • BROKEN PROMISES = Building a complete standalone operation system for the open web
  • WEB API WORKhttp://arewemobileyet.com
  • FIREFOX OSWEB ENABLED PHONES FOR ALL!
  • Gecko Gaia
  • GONK The low level OS GECKO The application runtime for B2G of B2G GAIA The user interface of B2GPhoto by Alesa Damhttp://www.flickr.com/photos/alesadam/3869366195/
  • 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-inst• 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 Use Feedback Write apps, Use Marketplace, Give your input on APIs, contribute to Gaia, Use the Web API, request features, test contribute to B2G Use B2G and log bugsPhoto by William Quivigerhttp://www.flickr.com/photos/28959625@N04/6120450372/
  • WHERE TO FIND MORE INFOFollow @Boot2Gecko and @mozhacks on TwitterJoin platform mailing list:http://groups.google.com/group/mozilla.dev.platformJoin in on IRC: irc.mozilla.org channel #B2GB2G Repo: https://github.com/mozilla-b2g/B2GB2G Architecture: https://wiki.mozilla.org/B2G/ArchitectureGaia Repo: https://github.com/mozilla-b2g/gaiaDeveloper Docs: https://developer.mozilla.org/en/Mozilla/Boot_to_GeckoWeb 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
  • THANKS!Chit Thiri MaungFollow me on Twitter @ahkenocontact me ahkeno@gmail.comhttp://mozillamyanmar.orgFollow us on twitter @mozillamyanmarContact us mozillamm@gmail.com