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
Recommended