firefox os, introduction, concepts, architecture and hello world example

22
FirefoxO S Diego Mendonça Jackson Oliveira

Upload: diego-mendonca

Post on 09-May-2015

219 views

Category:

Technology


0 download

DESCRIPTION

Firefox OS, introduction, concepts, architecture and hello world example. Is is worth coding in HTML, CSS and javascript for mobile devices with FIrefox OS? Who supports it? Which devices have this OS? Emulator as firefox plugin Architecture

TRANSCRIPT

Page 1: Firefox OS, introduction, concepts, architecture and hello world example

FirefoxOS

Diego Mendonça

Jackson Oliveira

Page 2: Firefox OS, introduction, concepts, architecture and hello world example

Specification

1. Open OS2. Based on firefox web3. Developed by Mozilla

Page 3: Firefox OS, introduction, concepts, architecture and hello world example

Pros

Page 4: Firefox OS, introduction, concepts, architecture and hello world example

Other Pros

● Full Access to device and hardware● Can build a custom marketplace● App does not need downloading

Page 5: Firefox OS, introduction, concepts, architecture and hello world example

Cons● Developing stage right now● Targets web developers only● Depends on Internet● No outstanding feature

Page 6: Firefox OS, introduction, concepts, architecture and hello world example

Devices

LG FIREWEB

Page 7: Firefox OS, introduction, concepts, architecture and hello world example

Hello world - HTML<!DOCTYPE html><html> <head> <title>Hello World!</title> <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <script src="js/app.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div></div> </body></html>

Page 8: Firefox OS, introduction, concepts, architecture and hello world example

Show me the code

Page 9: Firefox OS, introduction, concepts, architecture and hello world example

Hello World - Javascript

$(function() { $("div").text("Hello World!");});

Page 10: Firefox OS, introduction, concepts, architecture and hello world example

Hello World - Manifest.webapp

{ "name": "Hello World", "description": "Sample Hello World Application", "version": "1.0", "launch_path": "/index.html", "developer": { "name": "Diego Mendonca and Jackson Oliveira", "url": "http://www.ilegra.com.br" }}

Page 11: Firefox OS, introduction, concepts, architecture and hello world example

Firefox Plugin

Hello world - How to I simulate it?

Page 12: Firefox OS, introduction, concepts, architecture and hello world example

Hello World - Running

Page 13: Firefox OS, introduction, concepts, architecture and hello world example

The Architecture - UI

Page 14: Firefox OS, introduction, concepts, architecture and hello world example

The Architecture - CellPhone APIs

Page 15: Firefox OS, introduction, concepts, architecture and hello world example

The Architecture - Infrastructure

Page 16: Firefox OS, introduction, concepts, architecture and hello world example

Gecko Preloading - Per Application

Page 17: Firefox OS, introduction, concepts, architecture and hello world example

Background and Foreground Tasks

Page 18: Firefox OS, introduction, concepts, architecture and hello world example

Background and foreground tasks

Page 19: Firefox OS, introduction, concepts, architecture and hello world example

Quick Application Startup

Page 20: Firefox OS, introduction, concepts, architecture and hello world example

Where has it being used?

Page 21: Firefox OS, introduction, concepts, architecture and hello world example

Low Cost Smartphones

Page 22: Firefox OS, introduction, concepts, architecture and hello world example

Thanks!

[email protected]

http://www.linkedin.com/in/diegomendonca

[email protected]