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.
4. 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/
30. GONK
The low level OS
GECKO
The application runtime
for B2G
of B2G
GAIA
The user interface
of B2G
Photo by Alesa Dam
http://www.flickr.com/photos/alesadam/3869366195/
33. 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
34. WEB APPS ON THE PHONE
https://marketplace.mozilla.org/
37. 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 bugs
Photo by William Quiviger
http://www.flickr.com/photos/28959625@N04/6120450372/
38. 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
39. 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
40. THANKS!
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
Notes de l'éditeur
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.