firefoxos bcndevcon

Post on 06-May-2015

1.204 Views

Category:

Health & Medicine

1 Downloads

Preview:

Click to see full reader

TRANSCRIPT

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

alina_mierlus - contact[at]alinamierlus[dot]com - alinamierluscom

Wednesday December 19 12

Wednesday December 19 12

1998Wednesday December 19 12

1998 - IIWednesday December 19 12

2001Wednesday December 19 12

STATE OF INNOVATIONWednesday December 19 12

2003Wednesday December 19 12

PARTICIPATIONWednesday December 19 12

NOW - BIGGER STRONGERWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Firefox OS formally known as the Boot to Gecko (B2G) project was launched to enable the Open Web as a platform for mobile devices Wersquore making innovation possible by driving the development of new Web standards

Wednesday December 19 12

Wednesday December 19 12

VIDEO - MOZILLA STORYWednesday December 19 12

INNOVATIONS

exploring the potential of web tech and social

Wednesday December 19 12

TOOLSfor everyone to create experiment and learn how

the web works

Wednesday December 19 12

PROGRAMSWednesday December 19 12

EVENTSWednesday December 19 12

Bringing the Open Web to Mobile Devices

FIREFOX OS

Wednesday December 19 12

Firefox OS - Components

Wednesday December 19 12

GONK GECKO

GAIA

Wednesday December 19 12

GONKWednesday December 19 12

Lower level operating system consisting of a Linux kernel and HAL (Hardware Abstraction

Layer)

Possibility to expose anything from the hardware to Gecko

Wednesday December 19 12

GECKOWednesday December 19 12

The application runtime The rendering engine in Firefox for HTML5 CSS amp

JavaScript Implements a number of APIs

Wednesday December 19 12

GAIAWednesday December 19 12

Wednesday December 19 12

The user interface built entirely by HTML5 amp Open Web APIs

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

Web APIs

Wednesday December 19 12

Wednesday December 19 12

1 AreWeMobileYet

httparewemobileyetcom

Wednesday December 19 12

Wednesday December 19 12

2 Wiki

httpswikimozillaorgWebAPI

Wednesday December 19 12

A Few Web APIs

Wednesday December 19 12

WEBTELEPHONY

Wednesday December 19 12

WEBSMS

Wednesday December 19 12

BATTERY STATUS API (W3C)

Wednesday December 19 12

CONTACTS API

Wednesday December 19 12

SETTINGS API

Wednesday December 19 12

FIREFOX OS - test itTECHNICAL RESOURCES DEMOS AND MORE

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

alina_mierlus - contact[at]alinamierlus[dot]com - alinamierluscom

Wednesday December 19 12

Wednesday December 19 12

1998Wednesday December 19 12

1998 - IIWednesday December 19 12

2001Wednesday December 19 12

STATE OF INNOVATIONWednesday December 19 12

2003Wednesday December 19 12

PARTICIPATIONWednesday December 19 12

NOW - BIGGER STRONGERWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Firefox OS formally known as the Boot to Gecko (B2G) project was launched to enable the Open Web as a platform for mobile devices Wersquore making innovation possible by driving the development of new Web standards

Wednesday December 19 12

Wednesday December 19 12

VIDEO - MOZILLA STORYWednesday December 19 12

INNOVATIONS

exploring the potential of web tech and social

Wednesday December 19 12

TOOLSfor everyone to create experiment and learn how

the web works

Wednesday December 19 12

PROGRAMSWednesday December 19 12

EVENTSWednesday December 19 12

Bringing the Open Web to Mobile Devices

FIREFOX OS

Wednesday December 19 12

Firefox OS - Components

Wednesday December 19 12

GONK GECKO

GAIA

Wednesday December 19 12

GONKWednesday December 19 12

Lower level operating system consisting of a Linux kernel and HAL (Hardware Abstraction

Layer)

Possibility to expose anything from the hardware to Gecko

Wednesday December 19 12

GECKOWednesday December 19 12

The application runtime The rendering engine in Firefox for HTML5 CSS amp

JavaScript Implements a number of APIs

Wednesday December 19 12

GAIAWednesday December 19 12

Wednesday December 19 12

The user interface built entirely by HTML5 amp Open Web APIs

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

Web APIs

Wednesday December 19 12

Wednesday December 19 12

1 AreWeMobileYet

httparewemobileyetcom

Wednesday December 19 12

Wednesday December 19 12

2 Wiki

httpswikimozillaorgWebAPI

Wednesday December 19 12

A Few Web APIs

Wednesday December 19 12

WEBTELEPHONY

Wednesday December 19 12

WEBSMS

Wednesday December 19 12

BATTERY STATUS API (W3C)

Wednesday December 19 12

CONTACTS API

Wednesday December 19 12

SETTINGS API

Wednesday December 19 12

FIREFOX OS - test itTECHNICAL RESOURCES DEMOS AND MORE

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Wednesday December 19 12

1998Wednesday December 19 12

1998 - IIWednesday December 19 12

2001Wednesday December 19 12

STATE OF INNOVATIONWednesday December 19 12

2003Wednesday December 19 12

PARTICIPATIONWednesday December 19 12

NOW - BIGGER STRONGERWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Firefox OS formally known as the Boot to Gecko (B2G) project was launched to enable the Open Web as a platform for mobile devices Wersquore making innovation possible by driving the development of new Web standards

Wednesday December 19 12

Wednesday December 19 12

VIDEO - MOZILLA STORYWednesday December 19 12

INNOVATIONS

exploring the potential of web tech and social

Wednesday December 19 12

TOOLSfor everyone to create experiment and learn how

the web works

Wednesday December 19 12

PROGRAMSWednesday December 19 12

EVENTSWednesday December 19 12

Bringing the Open Web to Mobile Devices

FIREFOX OS

Wednesday December 19 12

Firefox OS - Components

Wednesday December 19 12

GONK GECKO

GAIA

Wednesday December 19 12

GONKWednesday December 19 12

Lower level operating system consisting of a Linux kernel and HAL (Hardware Abstraction

Layer)

Possibility to expose anything from the hardware to Gecko

Wednesday December 19 12

GECKOWednesday December 19 12

The application runtime The rendering engine in Firefox for HTML5 CSS amp

JavaScript Implements a number of APIs

Wednesday December 19 12

GAIAWednesday December 19 12

Wednesday December 19 12

The user interface built entirely by HTML5 amp Open Web APIs

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

Web APIs

Wednesday December 19 12

Wednesday December 19 12

1 AreWeMobileYet

httparewemobileyetcom

Wednesday December 19 12

Wednesday December 19 12

2 Wiki

httpswikimozillaorgWebAPI

Wednesday December 19 12

A Few Web APIs

Wednesday December 19 12

WEBTELEPHONY

Wednesday December 19 12

WEBSMS

Wednesday December 19 12

BATTERY STATUS API (W3C)

Wednesday December 19 12

CONTACTS API

Wednesday December 19 12

SETTINGS API

Wednesday December 19 12

FIREFOX OS - test itTECHNICAL RESOURCES DEMOS AND MORE

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

1998Wednesday December 19 12

1998 - IIWednesday December 19 12

2001Wednesday December 19 12

STATE OF INNOVATIONWednesday December 19 12

2003Wednesday December 19 12

PARTICIPATIONWednesday December 19 12

NOW - BIGGER STRONGERWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Firefox OS formally known as the Boot to Gecko (B2G) project was launched to enable the Open Web as a platform for mobile devices Wersquore making innovation possible by driving the development of new Web standards

Wednesday December 19 12

Wednesday December 19 12

VIDEO - MOZILLA STORYWednesday December 19 12

INNOVATIONS

exploring the potential of web tech and social

Wednesday December 19 12

TOOLSfor everyone to create experiment and learn how

the web works

Wednesday December 19 12

PROGRAMSWednesday December 19 12

EVENTSWednesday December 19 12

Bringing the Open Web to Mobile Devices

FIREFOX OS

Wednesday December 19 12

Firefox OS - Components

Wednesday December 19 12

GONK GECKO

GAIA

Wednesday December 19 12

GONKWednesday December 19 12

Lower level operating system consisting of a Linux kernel and HAL (Hardware Abstraction

Layer)

Possibility to expose anything from the hardware to Gecko

Wednesday December 19 12

GECKOWednesday December 19 12

The application runtime The rendering engine in Firefox for HTML5 CSS amp

JavaScript Implements a number of APIs

Wednesday December 19 12

GAIAWednesday December 19 12

Wednesday December 19 12

The user interface built entirely by HTML5 amp Open Web APIs

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

Web APIs

Wednesday December 19 12

Wednesday December 19 12

1 AreWeMobileYet

httparewemobileyetcom

Wednesday December 19 12

Wednesday December 19 12

2 Wiki

httpswikimozillaorgWebAPI

Wednesday December 19 12

A Few Web APIs

Wednesday December 19 12

WEBTELEPHONY

Wednesday December 19 12

WEBSMS

Wednesday December 19 12

BATTERY STATUS API (W3C)

Wednesday December 19 12

CONTACTS API

Wednesday December 19 12

SETTINGS API

Wednesday December 19 12

FIREFOX OS - test itTECHNICAL RESOURCES DEMOS AND MORE

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

1998 - IIWednesday December 19 12

2001Wednesday December 19 12

STATE OF INNOVATIONWednesday December 19 12

2003Wednesday December 19 12

PARTICIPATIONWednesday December 19 12

NOW - BIGGER STRONGERWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Firefox OS formally known as the Boot to Gecko (B2G) project was launched to enable the Open Web as a platform for mobile devices Wersquore making innovation possible by driving the development of new Web standards

Wednesday December 19 12

Wednesday December 19 12

VIDEO - MOZILLA STORYWednesday December 19 12

INNOVATIONS

exploring the potential of web tech and social

Wednesday December 19 12

TOOLSfor everyone to create experiment and learn how

the web works

Wednesday December 19 12

PROGRAMSWednesday December 19 12

EVENTSWednesday December 19 12

Bringing the Open Web to Mobile Devices

FIREFOX OS

Wednesday December 19 12

Firefox OS - Components

Wednesday December 19 12

GONK GECKO

GAIA

Wednesday December 19 12

GONKWednesday December 19 12

Lower level operating system consisting of a Linux kernel and HAL (Hardware Abstraction

Layer)

Possibility to expose anything from the hardware to Gecko

Wednesday December 19 12

GECKOWednesday December 19 12

The application runtime The rendering engine in Firefox for HTML5 CSS amp

JavaScript Implements a number of APIs

Wednesday December 19 12

GAIAWednesday December 19 12

Wednesday December 19 12

The user interface built entirely by HTML5 amp Open Web APIs

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

Web APIs

Wednesday December 19 12

Wednesday December 19 12

1 AreWeMobileYet

httparewemobileyetcom

Wednesday December 19 12

Wednesday December 19 12

2 Wiki

httpswikimozillaorgWebAPI

Wednesday December 19 12

A Few Web APIs

Wednesday December 19 12

WEBTELEPHONY

Wednesday December 19 12

WEBSMS

Wednesday December 19 12

BATTERY STATUS API (W3C)

Wednesday December 19 12

CONTACTS API

Wednesday December 19 12

SETTINGS API

Wednesday December 19 12

FIREFOX OS - test itTECHNICAL RESOURCES DEMOS AND MORE

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

2001Wednesday December 19 12

STATE OF INNOVATIONWednesday December 19 12

2003Wednesday December 19 12

PARTICIPATIONWednesday December 19 12

NOW - BIGGER STRONGERWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Firefox OS formally known as the Boot to Gecko (B2G) project was launched to enable the Open Web as a platform for mobile devices Wersquore making innovation possible by driving the development of new Web standards

Wednesday December 19 12

Wednesday December 19 12

VIDEO - MOZILLA STORYWednesday December 19 12

INNOVATIONS

exploring the potential of web tech and social

Wednesday December 19 12

TOOLSfor everyone to create experiment and learn how

the web works

Wednesday December 19 12

PROGRAMSWednesday December 19 12

EVENTSWednesday December 19 12

Bringing the Open Web to Mobile Devices

FIREFOX OS

Wednesday December 19 12

Firefox OS - Components

Wednesday December 19 12

GONK GECKO

GAIA

Wednesday December 19 12

GONKWednesday December 19 12

Lower level operating system consisting of a Linux kernel and HAL (Hardware Abstraction

Layer)

Possibility to expose anything from the hardware to Gecko

Wednesday December 19 12

GECKOWednesday December 19 12

The application runtime The rendering engine in Firefox for HTML5 CSS amp

JavaScript Implements a number of APIs

Wednesday December 19 12

GAIAWednesday December 19 12

Wednesday December 19 12

The user interface built entirely by HTML5 amp Open Web APIs

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

Web APIs

Wednesday December 19 12

Wednesday December 19 12

1 AreWeMobileYet

httparewemobileyetcom

Wednesday December 19 12

Wednesday December 19 12

2 Wiki

httpswikimozillaorgWebAPI

Wednesday December 19 12

A Few Web APIs

Wednesday December 19 12

WEBTELEPHONY

Wednesday December 19 12

WEBSMS

Wednesday December 19 12

BATTERY STATUS API (W3C)

Wednesday December 19 12

CONTACTS API

Wednesday December 19 12

SETTINGS API

Wednesday December 19 12

FIREFOX OS - test itTECHNICAL RESOURCES DEMOS AND MORE

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

STATE OF INNOVATIONWednesday December 19 12

2003Wednesday December 19 12

PARTICIPATIONWednesday December 19 12

NOW - BIGGER STRONGERWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Firefox OS formally known as the Boot to Gecko (B2G) project was launched to enable the Open Web as a platform for mobile devices Wersquore making innovation possible by driving the development of new Web standards

Wednesday December 19 12

Wednesday December 19 12

VIDEO - MOZILLA STORYWednesday December 19 12

INNOVATIONS

exploring the potential of web tech and social

Wednesday December 19 12

TOOLSfor everyone to create experiment and learn how

the web works

Wednesday December 19 12

PROGRAMSWednesday December 19 12

EVENTSWednesday December 19 12

Bringing the Open Web to Mobile Devices

FIREFOX OS

Wednesday December 19 12

Firefox OS - Components

Wednesday December 19 12

GONK GECKO

GAIA

Wednesday December 19 12

GONKWednesday December 19 12

Lower level operating system consisting of a Linux kernel and HAL (Hardware Abstraction

Layer)

Possibility to expose anything from the hardware to Gecko

Wednesday December 19 12

GECKOWednesday December 19 12

The application runtime The rendering engine in Firefox for HTML5 CSS amp

JavaScript Implements a number of APIs

Wednesday December 19 12

GAIAWednesday December 19 12

Wednesday December 19 12

The user interface built entirely by HTML5 amp Open Web APIs

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

Web APIs

Wednesday December 19 12

Wednesday December 19 12

1 AreWeMobileYet

httparewemobileyetcom

Wednesday December 19 12

Wednesday December 19 12

2 Wiki

httpswikimozillaorgWebAPI

Wednesday December 19 12

A Few Web APIs

Wednesday December 19 12

WEBTELEPHONY

Wednesday December 19 12

WEBSMS

Wednesday December 19 12

BATTERY STATUS API (W3C)

Wednesday December 19 12

CONTACTS API

Wednesday December 19 12

SETTINGS API

Wednesday December 19 12

FIREFOX OS - test itTECHNICAL RESOURCES DEMOS AND MORE

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

2003Wednesday December 19 12

PARTICIPATIONWednesday December 19 12

NOW - BIGGER STRONGERWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Firefox OS formally known as the Boot to Gecko (B2G) project was launched to enable the Open Web as a platform for mobile devices Wersquore making innovation possible by driving the development of new Web standards

Wednesday December 19 12

Wednesday December 19 12

VIDEO - MOZILLA STORYWednesday December 19 12

INNOVATIONS

exploring the potential of web tech and social

Wednesday December 19 12

TOOLSfor everyone to create experiment and learn how

the web works

Wednesday December 19 12

PROGRAMSWednesday December 19 12

EVENTSWednesday December 19 12

Bringing the Open Web to Mobile Devices

FIREFOX OS

Wednesday December 19 12

Firefox OS - Components

Wednesday December 19 12

GONK GECKO

GAIA

Wednesday December 19 12

GONKWednesday December 19 12

Lower level operating system consisting of a Linux kernel and HAL (Hardware Abstraction

Layer)

Possibility to expose anything from the hardware to Gecko

Wednesday December 19 12

GECKOWednesday December 19 12

The application runtime The rendering engine in Firefox for HTML5 CSS amp

JavaScript Implements a number of APIs

Wednesday December 19 12

GAIAWednesday December 19 12

Wednesday December 19 12

The user interface built entirely by HTML5 amp Open Web APIs

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

Web APIs

Wednesday December 19 12

Wednesday December 19 12

1 AreWeMobileYet

httparewemobileyetcom

Wednesday December 19 12

Wednesday December 19 12

2 Wiki

httpswikimozillaorgWebAPI

Wednesday December 19 12

A Few Web APIs

Wednesday December 19 12

WEBTELEPHONY

Wednesday December 19 12

WEBSMS

Wednesday December 19 12

BATTERY STATUS API (W3C)

Wednesday December 19 12

CONTACTS API

Wednesday December 19 12

SETTINGS API

Wednesday December 19 12

FIREFOX OS - test itTECHNICAL RESOURCES DEMOS AND MORE

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

PARTICIPATIONWednesday December 19 12

NOW - BIGGER STRONGERWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Firefox OS formally known as the Boot to Gecko (B2G) project was launched to enable the Open Web as a platform for mobile devices Wersquore making innovation possible by driving the development of new Web standards

Wednesday December 19 12

Wednesday December 19 12

VIDEO - MOZILLA STORYWednesday December 19 12

INNOVATIONS

exploring the potential of web tech and social

Wednesday December 19 12

TOOLSfor everyone to create experiment and learn how

the web works

Wednesday December 19 12

PROGRAMSWednesday December 19 12

EVENTSWednesday December 19 12

Bringing the Open Web to Mobile Devices

FIREFOX OS

Wednesday December 19 12

Firefox OS - Components

Wednesday December 19 12

GONK GECKO

GAIA

Wednesday December 19 12

GONKWednesday December 19 12

Lower level operating system consisting of a Linux kernel and HAL (Hardware Abstraction

Layer)

Possibility to expose anything from the hardware to Gecko

Wednesday December 19 12

GECKOWednesday December 19 12

The application runtime The rendering engine in Firefox for HTML5 CSS amp

JavaScript Implements a number of APIs

Wednesday December 19 12

GAIAWednesday December 19 12

Wednesday December 19 12

The user interface built entirely by HTML5 amp Open Web APIs

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

Web APIs

Wednesday December 19 12

Wednesday December 19 12

1 AreWeMobileYet

httparewemobileyetcom

Wednesday December 19 12

Wednesday December 19 12

2 Wiki

httpswikimozillaorgWebAPI

Wednesday December 19 12

A Few Web APIs

Wednesday December 19 12

WEBTELEPHONY

Wednesday December 19 12

WEBSMS

Wednesday December 19 12

BATTERY STATUS API (W3C)

Wednesday December 19 12

CONTACTS API

Wednesday December 19 12

SETTINGS API

Wednesday December 19 12

FIREFOX OS - test itTECHNICAL RESOURCES DEMOS AND MORE

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

NOW - BIGGER STRONGERWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Firefox OS formally known as the Boot to Gecko (B2G) project was launched to enable the Open Web as a platform for mobile devices Wersquore making innovation possible by driving the development of new Web standards

Wednesday December 19 12

Wednesday December 19 12

VIDEO - MOZILLA STORYWednesday December 19 12

INNOVATIONS

exploring the potential of web tech and social

Wednesday December 19 12

TOOLSfor everyone to create experiment and learn how

the web works

Wednesday December 19 12

PROGRAMSWednesday December 19 12

EVENTSWednesday December 19 12

Bringing the Open Web to Mobile Devices

FIREFOX OS

Wednesday December 19 12

Firefox OS - Components

Wednesday December 19 12

GONK GECKO

GAIA

Wednesday December 19 12

GONKWednesday December 19 12

Lower level operating system consisting of a Linux kernel and HAL (Hardware Abstraction

Layer)

Possibility to expose anything from the hardware to Gecko

Wednesday December 19 12

GECKOWednesday December 19 12

The application runtime The rendering engine in Firefox for HTML5 CSS amp

JavaScript Implements a number of APIs

Wednesday December 19 12

GAIAWednesday December 19 12

Wednesday December 19 12

The user interface built entirely by HTML5 amp Open Web APIs

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

Web APIs

Wednesday December 19 12

Wednesday December 19 12

1 AreWeMobileYet

httparewemobileyetcom

Wednesday December 19 12

Wednesday December 19 12

2 Wiki

httpswikimozillaorgWebAPI

Wednesday December 19 12

A Few Web APIs

Wednesday December 19 12

WEBTELEPHONY

Wednesday December 19 12

WEBSMS

Wednesday December 19 12

BATTERY STATUS API (W3C)

Wednesday December 19 12

CONTACTS API

Wednesday December 19 12

SETTINGS API

Wednesday December 19 12

FIREFOX OS - test itTECHNICAL RESOURCES DEMOS AND MORE

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Firefox OS formally known as the Boot to Gecko (B2G) project was launched to enable the Open Web as a platform for mobile devices Wersquore making innovation possible by driving the development of new Web standards

Wednesday December 19 12

Wednesday December 19 12

VIDEO - MOZILLA STORYWednesday December 19 12

INNOVATIONS

exploring the potential of web tech and social

Wednesday December 19 12

TOOLSfor everyone to create experiment and learn how

the web works

Wednesday December 19 12

PROGRAMSWednesday December 19 12

EVENTSWednesday December 19 12

Bringing the Open Web to Mobile Devices

FIREFOX OS

Wednesday December 19 12

Firefox OS - Components

Wednesday December 19 12

GONK GECKO

GAIA

Wednesday December 19 12

GONKWednesday December 19 12

Lower level operating system consisting of a Linux kernel and HAL (Hardware Abstraction

Layer)

Possibility to expose anything from the hardware to Gecko

Wednesday December 19 12

GECKOWednesday December 19 12

The application runtime The rendering engine in Firefox for HTML5 CSS amp

JavaScript Implements a number of APIs

Wednesday December 19 12

GAIAWednesday December 19 12

Wednesday December 19 12

The user interface built entirely by HTML5 amp Open Web APIs

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

Web APIs

Wednesday December 19 12

Wednesday December 19 12

1 AreWeMobileYet

httparewemobileyetcom

Wednesday December 19 12

Wednesday December 19 12

2 Wiki

httpswikimozillaorgWebAPI

Wednesday December 19 12

A Few Web APIs

Wednesday December 19 12

WEBTELEPHONY

Wednesday December 19 12

WEBSMS

Wednesday December 19 12

BATTERY STATUS API (W3C)

Wednesday December 19 12

CONTACTS API

Wednesday December 19 12

SETTINGS API

Wednesday December 19 12

FIREFOX OS - test itTECHNICAL RESOURCES DEMOS AND MORE

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Wednesday December 19 12

Firefox OS formally known as the Boot to Gecko (B2G) project was launched to enable the Open Web as a platform for mobile devices Wersquore making innovation possible by driving the development of new Web standards

Wednesday December 19 12

Wednesday December 19 12

VIDEO - MOZILLA STORYWednesday December 19 12

INNOVATIONS

exploring the potential of web tech and social

Wednesday December 19 12

TOOLSfor everyone to create experiment and learn how

the web works

Wednesday December 19 12

PROGRAMSWednesday December 19 12

EVENTSWednesday December 19 12

Bringing the Open Web to Mobile Devices

FIREFOX OS

Wednesday December 19 12

Firefox OS - Components

Wednesday December 19 12

GONK GECKO

GAIA

Wednesday December 19 12

GONKWednesday December 19 12

Lower level operating system consisting of a Linux kernel and HAL (Hardware Abstraction

Layer)

Possibility to expose anything from the hardware to Gecko

Wednesday December 19 12

GECKOWednesday December 19 12

The application runtime The rendering engine in Firefox for HTML5 CSS amp

JavaScript Implements a number of APIs

Wednesday December 19 12

GAIAWednesday December 19 12

Wednesday December 19 12

The user interface built entirely by HTML5 amp Open Web APIs

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

Web APIs

Wednesday December 19 12

Wednesday December 19 12

1 AreWeMobileYet

httparewemobileyetcom

Wednesday December 19 12

Wednesday December 19 12

2 Wiki

httpswikimozillaorgWebAPI

Wednesday December 19 12

A Few Web APIs

Wednesday December 19 12

WEBTELEPHONY

Wednesday December 19 12

WEBSMS

Wednesday December 19 12

BATTERY STATUS API (W3C)

Wednesday December 19 12

CONTACTS API

Wednesday December 19 12

SETTINGS API

Wednesday December 19 12

FIREFOX OS - test itTECHNICAL RESOURCES DEMOS AND MORE

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Firefox OS formally known as the Boot to Gecko (B2G) project was launched to enable the Open Web as a platform for mobile devices Wersquore making innovation possible by driving the development of new Web standards

Wednesday December 19 12

Wednesday December 19 12

VIDEO - MOZILLA STORYWednesday December 19 12

INNOVATIONS

exploring the potential of web tech and social

Wednesday December 19 12

TOOLSfor everyone to create experiment and learn how

the web works

Wednesday December 19 12

PROGRAMSWednesday December 19 12

EVENTSWednesday December 19 12

Bringing the Open Web to Mobile Devices

FIREFOX OS

Wednesday December 19 12

Firefox OS - Components

Wednesday December 19 12

GONK GECKO

GAIA

Wednesday December 19 12

GONKWednesday December 19 12

Lower level operating system consisting of a Linux kernel and HAL (Hardware Abstraction

Layer)

Possibility to expose anything from the hardware to Gecko

Wednesday December 19 12

GECKOWednesday December 19 12

The application runtime The rendering engine in Firefox for HTML5 CSS amp

JavaScript Implements a number of APIs

Wednesday December 19 12

GAIAWednesday December 19 12

Wednesday December 19 12

The user interface built entirely by HTML5 amp Open Web APIs

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

Web APIs

Wednesday December 19 12

Wednesday December 19 12

1 AreWeMobileYet

httparewemobileyetcom

Wednesday December 19 12

Wednesday December 19 12

2 Wiki

httpswikimozillaorgWebAPI

Wednesday December 19 12

A Few Web APIs

Wednesday December 19 12

WEBTELEPHONY

Wednesday December 19 12

WEBSMS

Wednesday December 19 12

BATTERY STATUS API (W3C)

Wednesday December 19 12

CONTACTS API

Wednesday December 19 12

SETTINGS API

Wednesday December 19 12

FIREFOX OS - test itTECHNICAL RESOURCES DEMOS AND MORE

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Wednesday December 19 12

VIDEO - MOZILLA STORYWednesday December 19 12

INNOVATIONS

exploring the potential of web tech and social

Wednesday December 19 12

TOOLSfor everyone to create experiment and learn how

the web works

Wednesday December 19 12

PROGRAMSWednesday December 19 12

EVENTSWednesday December 19 12

Bringing the Open Web to Mobile Devices

FIREFOX OS

Wednesday December 19 12

Firefox OS - Components

Wednesday December 19 12

GONK GECKO

GAIA

Wednesday December 19 12

GONKWednesday December 19 12

Lower level operating system consisting of a Linux kernel and HAL (Hardware Abstraction

Layer)

Possibility to expose anything from the hardware to Gecko

Wednesday December 19 12

GECKOWednesday December 19 12

The application runtime The rendering engine in Firefox for HTML5 CSS amp

JavaScript Implements a number of APIs

Wednesday December 19 12

GAIAWednesday December 19 12

Wednesday December 19 12

The user interface built entirely by HTML5 amp Open Web APIs

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

Web APIs

Wednesday December 19 12

Wednesday December 19 12

1 AreWeMobileYet

httparewemobileyetcom

Wednesday December 19 12

Wednesday December 19 12

2 Wiki

httpswikimozillaorgWebAPI

Wednesday December 19 12

A Few Web APIs

Wednesday December 19 12

WEBTELEPHONY

Wednesday December 19 12

WEBSMS

Wednesday December 19 12

BATTERY STATUS API (W3C)

Wednesday December 19 12

CONTACTS API

Wednesday December 19 12

SETTINGS API

Wednesday December 19 12

FIREFOX OS - test itTECHNICAL RESOURCES DEMOS AND MORE

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

VIDEO - MOZILLA STORYWednesday December 19 12

INNOVATIONS

exploring the potential of web tech and social

Wednesday December 19 12

TOOLSfor everyone to create experiment and learn how

the web works

Wednesday December 19 12

PROGRAMSWednesday December 19 12

EVENTSWednesday December 19 12

Bringing the Open Web to Mobile Devices

FIREFOX OS

Wednesday December 19 12

Firefox OS - Components

Wednesday December 19 12

GONK GECKO

GAIA

Wednesday December 19 12

GONKWednesday December 19 12

Lower level operating system consisting of a Linux kernel and HAL (Hardware Abstraction

Layer)

Possibility to expose anything from the hardware to Gecko

Wednesday December 19 12

GECKOWednesday December 19 12

The application runtime The rendering engine in Firefox for HTML5 CSS amp

JavaScript Implements a number of APIs

Wednesday December 19 12

GAIAWednesday December 19 12

Wednesday December 19 12

The user interface built entirely by HTML5 amp Open Web APIs

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

Web APIs

Wednesday December 19 12

Wednesday December 19 12

1 AreWeMobileYet

httparewemobileyetcom

Wednesday December 19 12

Wednesday December 19 12

2 Wiki

httpswikimozillaorgWebAPI

Wednesday December 19 12

A Few Web APIs

Wednesday December 19 12

WEBTELEPHONY

Wednesday December 19 12

WEBSMS

Wednesday December 19 12

BATTERY STATUS API (W3C)

Wednesday December 19 12

CONTACTS API

Wednesday December 19 12

SETTINGS API

Wednesday December 19 12

FIREFOX OS - test itTECHNICAL RESOURCES DEMOS AND MORE

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

INNOVATIONS

exploring the potential of web tech and social

Wednesday December 19 12

TOOLSfor everyone to create experiment and learn how

the web works

Wednesday December 19 12

PROGRAMSWednesday December 19 12

EVENTSWednesday December 19 12

Bringing the Open Web to Mobile Devices

FIREFOX OS

Wednesday December 19 12

Firefox OS - Components

Wednesday December 19 12

GONK GECKO

GAIA

Wednesday December 19 12

GONKWednesday December 19 12

Lower level operating system consisting of a Linux kernel and HAL (Hardware Abstraction

Layer)

Possibility to expose anything from the hardware to Gecko

Wednesday December 19 12

GECKOWednesday December 19 12

The application runtime The rendering engine in Firefox for HTML5 CSS amp

JavaScript Implements a number of APIs

Wednesday December 19 12

GAIAWednesday December 19 12

Wednesday December 19 12

The user interface built entirely by HTML5 amp Open Web APIs

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

Web APIs

Wednesday December 19 12

Wednesday December 19 12

1 AreWeMobileYet

httparewemobileyetcom

Wednesday December 19 12

Wednesday December 19 12

2 Wiki

httpswikimozillaorgWebAPI

Wednesday December 19 12

A Few Web APIs

Wednesday December 19 12

WEBTELEPHONY

Wednesday December 19 12

WEBSMS

Wednesday December 19 12

BATTERY STATUS API (W3C)

Wednesday December 19 12

CONTACTS API

Wednesday December 19 12

SETTINGS API

Wednesday December 19 12

FIREFOX OS - test itTECHNICAL RESOURCES DEMOS AND MORE

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

TOOLSfor everyone to create experiment and learn how

the web works

Wednesday December 19 12

PROGRAMSWednesday December 19 12

EVENTSWednesday December 19 12

Bringing the Open Web to Mobile Devices

FIREFOX OS

Wednesday December 19 12

Firefox OS - Components

Wednesday December 19 12

GONK GECKO

GAIA

Wednesday December 19 12

GONKWednesday December 19 12

Lower level operating system consisting of a Linux kernel and HAL (Hardware Abstraction

Layer)

Possibility to expose anything from the hardware to Gecko

Wednesday December 19 12

GECKOWednesday December 19 12

The application runtime The rendering engine in Firefox for HTML5 CSS amp

JavaScript Implements a number of APIs

Wednesday December 19 12

GAIAWednesday December 19 12

Wednesday December 19 12

The user interface built entirely by HTML5 amp Open Web APIs

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

Web APIs

Wednesday December 19 12

Wednesday December 19 12

1 AreWeMobileYet

httparewemobileyetcom

Wednesday December 19 12

Wednesday December 19 12

2 Wiki

httpswikimozillaorgWebAPI

Wednesday December 19 12

A Few Web APIs

Wednesday December 19 12

WEBTELEPHONY

Wednesday December 19 12

WEBSMS

Wednesday December 19 12

BATTERY STATUS API (W3C)

Wednesday December 19 12

CONTACTS API

Wednesday December 19 12

SETTINGS API

Wednesday December 19 12

FIREFOX OS - test itTECHNICAL RESOURCES DEMOS AND MORE

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

PROGRAMSWednesday December 19 12

EVENTSWednesday December 19 12

Bringing the Open Web to Mobile Devices

FIREFOX OS

Wednesday December 19 12

Firefox OS - Components

Wednesday December 19 12

GONK GECKO

GAIA

Wednesday December 19 12

GONKWednesday December 19 12

Lower level operating system consisting of a Linux kernel and HAL (Hardware Abstraction

Layer)

Possibility to expose anything from the hardware to Gecko

Wednesday December 19 12

GECKOWednesday December 19 12

The application runtime The rendering engine in Firefox for HTML5 CSS amp

JavaScript Implements a number of APIs

Wednesday December 19 12

GAIAWednesday December 19 12

Wednesday December 19 12

The user interface built entirely by HTML5 amp Open Web APIs

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

Web APIs

Wednesday December 19 12

Wednesday December 19 12

1 AreWeMobileYet

httparewemobileyetcom

Wednesday December 19 12

Wednesday December 19 12

2 Wiki

httpswikimozillaorgWebAPI

Wednesday December 19 12

A Few Web APIs

Wednesday December 19 12

WEBTELEPHONY

Wednesday December 19 12

WEBSMS

Wednesday December 19 12

BATTERY STATUS API (W3C)

Wednesday December 19 12

CONTACTS API

Wednesday December 19 12

SETTINGS API

Wednesday December 19 12

FIREFOX OS - test itTECHNICAL RESOURCES DEMOS AND MORE

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

EVENTSWednesday December 19 12

Bringing the Open Web to Mobile Devices

FIREFOX OS

Wednesday December 19 12

Firefox OS - Components

Wednesday December 19 12

GONK GECKO

GAIA

Wednesday December 19 12

GONKWednesday December 19 12

Lower level operating system consisting of a Linux kernel and HAL (Hardware Abstraction

Layer)

Possibility to expose anything from the hardware to Gecko

Wednesday December 19 12

GECKOWednesday December 19 12

The application runtime The rendering engine in Firefox for HTML5 CSS amp

JavaScript Implements a number of APIs

Wednesday December 19 12

GAIAWednesday December 19 12

Wednesday December 19 12

The user interface built entirely by HTML5 amp Open Web APIs

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

Web APIs

Wednesday December 19 12

Wednesday December 19 12

1 AreWeMobileYet

httparewemobileyetcom

Wednesday December 19 12

Wednesday December 19 12

2 Wiki

httpswikimozillaorgWebAPI

Wednesday December 19 12

A Few Web APIs

Wednesday December 19 12

WEBTELEPHONY

Wednesday December 19 12

WEBSMS

Wednesday December 19 12

BATTERY STATUS API (W3C)

Wednesday December 19 12

CONTACTS API

Wednesday December 19 12

SETTINGS API

Wednesday December 19 12

FIREFOX OS - test itTECHNICAL RESOURCES DEMOS AND MORE

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Bringing the Open Web to Mobile Devices

FIREFOX OS

Wednesday December 19 12

Firefox OS - Components

Wednesday December 19 12

GONK GECKO

GAIA

Wednesday December 19 12

GONKWednesday December 19 12

Lower level operating system consisting of a Linux kernel and HAL (Hardware Abstraction

Layer)

Possibility to expose anything from the hardware to Gecko

Wednesday December 19 12

GECKOWednesday December 19 12

The application runtime The rendering engine in Firefox for HTML5 CSS amp

JavaScript Implements a number of APIs

Wednesday December 19 12

GAIAWednesday December 19 12

Wednesday December 19 12

The user interface built entirely by HTML5 amp Open Web APIs

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

Web APIs

Wednesday December 19 12

Wednesday December 19 12

1 AreWeMobileYet

httparewemobileyetcom

Wednesday December 19 12

Wednesday December 19 12

2 Wiki

httpswikimozillaorgWebAPI

Wednesday December 19 12

A Few Web APIs

Wednesday December 19 12

WEBTELEPHONY

Wednesday December 19 12

WEBSMS

Wednesday December 19 12

BATTERY STATUS API (W3C)

Wednesday December 19 12

CONTACTS API

Wednesday December 19 12

SETTINGS API

Wednesday December 19 12

FIREFOX OS - test itTECHNICAL RESOURCES DEMOS AND MORE

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Firefox OS - Components

Wednesday December 19 12

GONK GECKO

GAIA

Wednesday December 19 12

GONKWednesday December 19 12

Lower level operating system consisting of a Linux kernel and HAL (Hardware Abstraction

Layer)

Possibility to expose anything from the hardware to Gecko

Wednesday December 19 12

GECKOWednesday December 19 12

The application runtime The rendering engine in Firefox for HTML5 CSS amp

JavaScript Implements a number of APIs

Wednesday December 19 12

GAIAWednesday December 19 12

Wednesday December 19 12

The user interface built entirely by HTML5 amp Open Web APIs

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

Web APIs

Wednesday December 19 12

Wednesday December 19 12

1 AreWeMobileYet

httparewemobileyetcom

Wednesday December 19 12

Wednesday December 19 12

2 Wiki

httpswikimozillaorgWebAPI

Wednesday December 19 12

A Few Web APIs

Wednesday December 19 12

WEBTELEPHONY

Wednesday December 19 12

WEBSMS

Wednesday December 19 12

BATTERY STATUS API (W3C)

Wednesday December 19 12

CONTACTS API

Wednesday December 19 12

SETTINGS API

Wednesday December 19 12

FIREFOX OS - test itTECHNICAL RESOURCES DEMOS AND MORE

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

GONK GECKO

GAIA

Wednesday December 19 12

GONKWednesday December 19 12

Lower level operating system consisting of a Linux kernel and HAL (Hardware Abstraction

Layer)

Possibility to expose anything from the hardware to Gecko

Wednesday December 19 12

GECKOWednesday December 19 12

The application runtime The rendering engine in Firefox for HTML5 CSS amp

JavaScript Implements a number of APIs

Wednesday December 19 12

GAIAWednesday December 19 12

Wednesday December 19 12

The user interface built entirely by HTML5 amp Open Web APIs

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

Web APIs

Wednesday December 19 12

Wednesday December 19 12

1 AreWeMobileYet

httparewemobileyetcom

Wednesday December 19 12

Wednesday December 19 12

2 Wiki

httpswikimozillaorgWebAPI

Wednesday December 19 12

A Few Web APIs

Wednesday December 19 12

WEBTELEPHONY

Wednesday December 19 12

WEBSMS

Wednesday December 19 12

BATTERY STATUS API (W3C)

Wednesday December 19 12

CONTACTS API

Wednesday December 19 12

SETTINGS API

Wednesday December 19 12

FIREFOX OS - test itTECHNICAL RESOURCES DEMOS AND MORE

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

GONKWednesday December 19 12

Lower level operating system consisting of a Linux kernel and HAL (Hardware Abstraction

Layer)

Possibility to expose anything from the hardware to Gecko

Wednesday December 19 12

GECKOWednesday December 19 12

The application runtime The rendering engine in Firefox for HTML5 CSS amp

JavaScript Implements a number of APIs

Wednesday December 19 12

GAIAWednesday December 19 12

Wednesday December 19 12

The user interface built entirely by HTML5 amp Open Web APIs

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

Web APIs

Wednesday December 19 12

Wednesday December 19 12

1 AreWeMobileYet

httparewemobileyetcom

Wednesday December 19 12

Wednesday December 19 12

2 Wiki

httpswikimozillaorgWebAPI

Wednesday December 19 12

A Few Web APIs

Wednesday December 19 12

WEBTELEPHONY

Wednesday December 19 12

WEBSMS

Wednesday December 19 12

BATTERY STATUS API (W3C)

Wednesday December 19 12

CONTACTS API

Wednesday December 19 12

SETTINGS API

Wednesday December 19 12

FIREFOX OS - test itTECHNICAL RESOURCES DEMOS AND MORE

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Lower level operating system consisting of a Linux kernel and HAL (Hardware Abstraction

Layer)

Possibility to expose anything from the hardware to Gecko

Wednesday December 19 12

GECKOWednesday December 19 12

The application runtime The rendering engine in Firefox for HTML5 CSS amp

JavaScript Implements a number of APIs

Wednesday December 19 12

GAIAWednesday December 19 12

Wednesday December 19 12

The user interface built entirely by HTML5 amp Open Web APIs

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

Web APIs

Wednesday December 19 12

Wednesday December 19 12

1 AreWeMobileYet

httparewemobileyetcom

Wednesday December 19 12

Wednesday December 19 12

2 Wiki

httpswikimozillaorgWebAPI

Wednesday December 19 12

A Few Web APIs

Wednesday December 19 12

WEBTELEPHONY

Wednesday December 19 12

WEBSMS

Wednesday December 19 12

BATTERY STATUS API (W3C)

Wednesday December 19 12

CONTACTS API

Wednesday December 19 12

SETTINGS API

Wednesday December 19 12

FIREFOX OS - test itTECHNICAL RESOURCES DEMOS AND MORE

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

GECKOWednesday December 19 12

The application runtime The rendering engine in Firefox for HTML5 CSS amp

JavaScript Implements a number of APIs

Wednesday December 19 12

GAIAWednesday December 19 12

Wednesday December 19 12

The user interface built entirely by HTML5 amp Open Web APIs

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

Web APIs

Wednesday December 19 12

Wednesday December 19 12

1 AreWeMobileYet

httparewemobileyetcom

Wednesday December 19 12

Wednesday December 19 12

2 Wiki

httpswikimozillaorgWebAPI

Wednesday December 19 12

A Few Web APIs

Wednesday December 19 12

WEBTELEPHONY

Wednesday December 19 12

WEBSMS

Wednesday December 19 12

BATTERY STATUS API (W3C)

Wednesday December 19 12

CONTACTS API

Wednesday December 19 12

SETTINGS API

Wednesday December 19 12

FIREFOX OS - test itTECHNICAL RESOURCES DEMOS AND MORE

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

The application runtime The rendering engine in Firefox for HTML5 CSS amp

JavaScript Implements a number of APIs

Wednesday December 19 12

GAIAWednesday December 19 12

Wednesday December 19 12

The user interface built entirely by HTML5 amp Open Web APIs

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

Web APIs

Wednesday December 19 12

Wednesday December 19 12

1 AreWeMobileYet

httparewemobileyetcom

Wednesday December 19 12

Wednesday December 19 12

2 Wiki

httpswikimozillaorgWebAPI

Wednesday December 19 12

A Few Web APIs

Wednesday December 19 12

WEBTELEPHONY

Wednesday December 19 12

WEBSMS

Wednesday December 19 12

BATTERY STATUS API (W3C)

Wednesday December 19 12

CONTACTS API

Wednesday December 19 12

SETTINGS API

Wednesday December 19 12

FIREFOX OS - test itTECHNICAL RESOURCES DEMOS AND MORE

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

GAIAWednesday December 19 12

Wednesday December 19 12

The user interface built entirely by HTML5 amp Open Web APIs

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

Web APIs

Wednesday December 19 12

Wednesday December 19 12

1 AreWeMobileYet

httparewemobileyetcom

Wednesday December 19 12

Wednesday December 19 12

2 Wiki

httpswikimozillaorgWebAPI

Wednesday December 19 12

A Few Web APIs

Wednesday December 19 12

WEBTELEPHONY

Wednesday December 19 12

WEBSMS

Wednesday December 19 12

BATTERY STATUS API (W3C)

Wednesday December 19 12

CONTACTS API

Wednesday December 19 12

SETTINGS API

Wednesday December 19 12

FIREFOX OS - test itTECHNICAL RESOURCES DEMOS AND MORE

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Wednesday December 19 12

The user interface built entirely by HTML5 amp Open Web APIs

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

Web APIs

Wednesday December 19 12

Wednesday December 19 12

1 AreWeMobileYet

httparewemobileyetcom

Wednesday December 19 12

Wednesday December 19 12

2 Wiki

httpswikimozillaorgWebAPI

Wednesday December 19 12

A Few Web APIs

Wednesday December 19 12

WEBTELEPHONY

Wednesday December 19 12

WEBSMS

Wednesday December 19 12

BATTERY STATUS API (W3C)

Wednesday December 19 12

CONTACTS API

Wednesday December 19 12

SETTINGS API

Wednesday December 19 12

FIREFOX OS - test itTECHNICAL RESOURCES DEMOS AND MORE

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

The user interface built entirely by HTML5 amp Open Web APIs

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

Web APIs

Wednesday December 19 12

Wednesday December 19 12

1 AreWeMobileYet

httparewemobileyetcom

Wednesday December 19 12

Wednesday December 19 12

2 Wiki

httpswikimozillaorgWebAPI

Wednesday December 19 12

A Few Web APIs

Wednesday December 19 12

WEBTELEPHONY

Wednesday December 19 12

WEBSMS

Wednesday December 19 12

BATTERY STATUS API (W3C)

Wednesday December 19 12

CONTACTS API

Wednesday December 19 12

SETTINGS API

Wednesday December 19 12

FIREFOX OS - test itTECHNICAL RESOURCES DEMOS AND MORE

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

Web APIs

Wednesday December 19 12

Wednesday December 19 12

1 AreWeMobileYet

httparewemobileyetcom

Wednesday December 19 12

Wednesday December 19 12

2 Wiki

httpswikimozillaorgWebAPI

Wednesday December 19 12

A Few Web APIs

Wednesday December 19 12

WEBTELEPHONY

Wednesday December 19 12

WEBSMS

Wednesday December 19 12

BATTERY STATUS API (W3C)

Wednesday December 19 12

CONTACTS API

Wednesday December 19 12

SETTINGS API

Wednesday December 19 12

FIREFOX OS - test itTECHNICAL RESOURCES DEMOS AND MORE

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Web APIs

Wednesday December 19 12

Wednesday December 19 12

1 AreWeMobileYet

httparewemobileyetcom

Wednesday December 19 12

Wednesday December 19 12

2 Wiki

httpswikimozillaorgWebAPI

Wednesday December 19 12

A Few Web APIs

Wednesday December 19 12

WEBTELEPHONY

Wednesday December 19 12

WEBSMS

Wednesday December 19 12

BATTERY STATUS API (W3C)

Wednesday December 19 12

CONTACTS API

Wednesday December 19 12

SETTINGS API

Wednesday December 19 12

FIREFOX OS - test itTECHNICAL RESOURCES DEMOS AND MORE

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Wednesday December 19 12

1 AreWeMobileYet

httparewemobileyetcom

Wednesday December 19 12

Wednesday December 19 12

2 Wiki

httpswikimozillaorgWebAPI

Wednesday December 19 12

A Few Web APIs

Wednesday December 19 12

WEBTELEPHONY

Wednesday December 19 12

WEBSMS

Wednesday December 19 12

BATTERY STATUS API (W3C)

Wednesday December 19 12

CONTACTS API

Wednesday December 19 12

SETTINGS API

Wednesday December 19 12

FIREFOX OS - test itTECHNICAL RESOURCES DEMOS AND MORE

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

1 AreWeMobileYet

httparewemobileyetcom

Wednesday December 19 12

Wednesday December 19 12

2 Wiki

httpswikimozillaorgWebAPI

Wednesday December 19 12

A Few Web APIs

Wednesday December 19 12

WEBTELEPHONY

Wednesday December 19 12

WEBSMS

Wednesday December 19 12

BATTERY STATUS API (W3C)

Wednesday December 19 12

CONTACTS API

Wednesday December 19 12

SETTINGS API

Wednesday December 19 12

FIREFOX OS - test itTECHNICAL RESOURCES DEMOS AND MORE

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Wednesday December 19 12

2 Wiki

httpswikimozillaorgWebAPI

Wednesday December 19 12

A Few Web APIs

Wednesday December 19 12

WEBTELEPHONY

Wednesday December 19 12

WEBSMS

Wednesday December 19 12

BATTERY STATUS API (W3C)

Wednesday December 19 12

CONTACTS API

Wednesday December 19 12

SETTINGS API

Wednesday December 19 12

FIREFOX OS - test itTECHNICAL RESOURCES DEMOS AND MORE

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

2 Wiki

httpswikimozillaorgWebAPI

Wednesday December 19 12

A Few Web APIs

Wednesday December 19 12

WEBTELEPHONY

Wednesday December 19 12

WEBSMS

Wednesday December 19 12

BATTERY STATUS API (W3C)

Wednesday December 19 12

CONTACTS API

Wednesday December 19 12

SETTINGS API

Wednesday December 19 12

FIREFOX OS - test itTECHNICAL RESOURCES DEMOS AND MORE

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

A Few Web APIs

Wednesday December 19 12

WEBTELEPHONY

Wednesday December 19 12

WEBSMS

Wednesday December 19 12

BATTERY STATUS API (W3C)

Wednesday December 19 12

CONTACTS API

Wednesday December 19 12

SETTINGS API

Wednesday December 19 12

FIREFOX OS - test itTECHNICAL RESOURCES DEMOS AND MORE

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

WEBTELEPHONY

Wednesday December 19 12

WEBSMS

Wednesday December 19 12

BATTERY STATUS API (W3C)

Wednesday December 19 12

CONTACTS API

Wednesday December 19 12

SETTINGS API

Wednesday December 19 12

FIREFOX OS - test itTECHNICAL RESOURCES DEMOS AND MORE

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

WEBSMS

Wednesday December 19 12

BATTERY STATUS API (W3C)

Wednesday December 19 12

CONTACTS API

Wednesday December 19 12

SETTINGS API

Wednesday December 19 12

FIREFOX OS - test itTECHNICAL RESOURCES DEMOS AND MORE

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

BATTERY STATUS API (W3C)

Wednesday December 19 12

CONTACTS API

Wednesday December 19 12

SETTINGS API

Wednesday December 19 12

FIREFOX OS - test itTECHNICAL RESOURCES DEMOS AND MORE

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

CONTACTS API

Wednesday December 19 12

SETTINGS API

Wednesday December 19 12

FIREFOX OS - test itTECHNICAL RESOURCES DEMOS AND MORE

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

SETTINGS API

Wednesday December 19 12

FIREFOX OS - test itTECHNICAL RESOURCES DEMOS AND MORE

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

FIREFOX OS - test itTECHNICAL RESOURCES DEMOS AND MORE

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

FIREFOX OS

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

1 Website

httpwwwmozillaorgb2g

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

2 FAQ

httpwwwmozillaorgb2gfaq

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

3 httpjoshcarpentercaBoot-to-Gecko

UX ConceptWednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

4 httpopenwebdevicecom

Open Web Device (OWD)Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

5 httpwikimozillaorgB2G

WikiWednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

FIREFOX OSDevelopment Environment

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

1 httpgithubcommozilla-b2gB2G

GitHubWednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

2 httpsdevelopermozillaorgenMozillaBoot_to_Gecko

Mozilla Developer Network Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

QUESTIONS ISSUES BUG TRACKING

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

1 httpgroupsgooglecomgroupmozilladevb2gtopics

Discussion ForumWednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

2 httplistsmozillaorglistinfodev-b2g

Mailing ListWednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

3 httpircmozillaorgb2g

IRCWednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

4 httpsbugzillamozillaorgbuglistcgiquicksearch=b2g

BugzillaWednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

5 httpsgithubcommozilla-b2gB2Gissues

GitHub IssuesWednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

TESTING FIREFOX OS

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

FIREFOX OS SIMULATORhttpsaddonsmozillaorgen-usfirefox

addonfirefox-os-simulator

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

FIREFOX NIGHTLY

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

DEVICE ALTERNATIVES

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

1 Flash onto Android

httpdevelopermozillaorgen-USdocsMozillaBoot_to_Gecko

B2G_build_prerequisites

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

2 Emulator

httpdevelopermozillaorgenMozillaBoot_to_GeckoUsing_the_B2G_emulators

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

3 Desktop Build

httpdknitewordpresscom20120718desktop-builds-now-

available-for-firefox-os

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

5 Run

1 Download desktop builds

2 Checkout Gaia

3 Set environment variables

4 Create profile

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

1 Download desktop builds

httpftpmozillaorgpubmozillaorgb2gnightlylatest-mozilla-central

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

2 Checkout Gaia

git clone gitgithubcommozilla-b2ggaia

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

3 Set environment variables

In gaia directorymake profile

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

4 Create profile

GAIA = PATH_TO_GAIA_REPOSITORY

GAIA_DOMAIN = gaiamobileorg

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

5 Run

pathtob2g -profile ~gaiaprofile

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Web Apps from Mozilla

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Using HTML5 CSS and JavaScript together with a number of APIs to build apps and customize the UI

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

HTML5 amp FRIENDS

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

1 Learn HTML5 (MDN)

httpwebplatformorg

CSS3 Semantics Connectivity Offline amp Storage Multimedia Performance amp Integration 3D Graphics amp Effects

Device Access (+ Tons of other cool tools amp resources)

httpdevelopermozillaorgen-USlearnhtml5

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

2 Basic HTML5 Guidelines (OWD)

httpwwwopenwebdevicecompartners

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

GAIA UI BLOCKS

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

1 Wiki

httpswikimozillaorgGaiaDesignBuildingBlocks

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

2 Future home of code

httpsgithubcommozilla-b2gGaia-UI-Building-Blocks

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

3 Test bed of code

httpsgithubcomtelefonicaidGaia-UI-Building-Blocks

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

4 Webpage with working code

httptelefonicaidgithubcomGaia-UI-Building-Blocksindexhtml

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

FIREFOX OSWriting Apps Mozilla Marketplace

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

An initiative to bring App experiences mdash built using HTML5 standards and open technologies (HTML CSS amp JS) mdash across all your devices

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Web apps are apps built using standard Web technologies They work in any modern Web browser

and can be developed using your favorite tools

The Open Web apps project proposes some small additions to existing sites to turn them into apps that

run in a rich fun and powerful computing environment

These apps run on desktop browsers and mobile devices and are easier for a user to discover and launch than Web

sites

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

TECHNICAL DOCUMENTATION

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Develop Web App using HTML5 CSS amp Javascript1

Create an app manifest file2

Publishinstall the app3

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

1 Develop Web App

httpsdevelopermozillaorgapps

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Reuse any existing web siteapp or develop from scratch with open web standards

Utilize HTML5 features such as localStorage offline manifest IndexedDB and access Web APIs for more

options

Responsive web design for adapting to varying resolutions and screen orientation

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

2 httpsdevelopermozillaorgenAppsManifest

App ManifestWednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

3 httpappmanifestorg

The Manifest CheckerWednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

version 10 name MozillaBall description Exciting Open Web development action icons 16 imgicon-16png 48 imgicon-48png 128 imgicon-128png developer name Mozilla Labs url httpmozillalabscom installs_allowed_from [] appcache_path cachemanifest locales es description iexclAccioacuten abierta emocionante del desarrollo del Web developer url httpesmozillalabscom it description Azione aperta emozionante di sviluppo di fotoricettore developer url httpitmozillalabscom default_locale en

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

httpmarketplacemozillaorgdevelopers

4 App Submission HubWednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

5 httpgroupsgooglecomforumfromgroupsforummozilladevwebapps

Discussion ForumWednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

6 httplistsmozillaorglistinfodev-webapps

Mailing ListWednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

7 httpircmozillaorgopenwebapps

IRCWednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

And finally

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Thanks to cyberdees (Desigan Chinniah) andpfinette (Pascal Finette)

for ideas and materials I used for this presentation

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

Hello My name is Alina MierlusCommunity organizer geek loves the web

Questions Thanksalina_mierlus mozilla mozillacat

Wednesday December 19 12

top related