Firefox OS Workshop @ Serbia & Montenegro

•

2 gostaram•1,417 visualizações

Jan Jongboom

Tecnologia Notícias e política

Firefox OS app
=
website + W3C
proposed phone APIs

So let’s get going...
(nothing fancy yet)

“Firefox OS Simulator”
github.com / comoyo / ffos-list-detail

није
лоше!
github.com/comoyo/ffos-list-detail

Architecture
Kernel
Device Drivers
Hardware Abstraction Layer
Browser
Javascript engine
APIs for hardware access
User facing apps
(HTML/CSS or WebGL)Gaia
Gecko
Gonk

Regular APIs
• Vibration
• ScreenOrientation
• GeoLocation
• MouseLock
• OpenWebApps
• NetworkInformation
• BatteryStatus
• Alarm
• WebActivities
• PushNotiﬁcations
• WebFMApi
• WebPayment
• IndexedDB
• AmbientLightSensor
• ProxyimitySensor
• Notiﬁcation
Yellow = Approved by W3C

Certiﬁed APIs
• WebTelephony
• WebSMS
• IdleAPI
• SettingsAPI
• PowerManagementAPI
• MobileConnectionAPI
• WiFiInformationAPI
• WebBluetooth
• PermissionsAPI
• NetworkStatsAPI
• CameraAPI
• Time/ClockAPI
• Attentionscreen
• Voicemail
Requires certiﬁcation process

Your phone is
aware of your
surroundings, take
advantage!

https://github.com/robnyman/
Firefox-OS-Boilerplate-App

Hey I need an
image!
Sure, I can provide
you with one!

https://developer.mozilla.org/en-US/docs/WebAPI

Dealing with offline
• Have the necessary application ﬁles
available
• Cache server side data
• Store app state on device

Storing data
• Local Storage
• IndexedDB

Limited storage!
Ask for more through manifest

Two types of apps
• Hosted
• Assets on the server
• Cacheable via appcache
• Packaged
• ZIP archive with assets

ZIP
• One big zip ﬁle
• Resources loaded from zip ﬁle
• Still requires manifest ﬁle

The app manifest ﬁle
• Has name, description, version for market
place
• Deﬁne permissions (calling, storage)
• Web activity provider (I provide images!)
https://marketplace.ﬁrefox.com/developers/docs/manifests

Questions?
Twitter: @janjongboom
slideshare.net/janjongboom

Mais conteúdo relacionado

Destaque

Cloudbusting 2012: All out on the cloudJan Jongboom

All out on the Cloud - PloneConf 2012Jan Jongboom

WebapiJan Jongboom

Firefox OS Apps and Web APIsJan Jongboom

HTML5 for mobile - DiGi Challenge for ChangeJan Jongboom

Altering the real world with JavaScript - JSConf.US 2015Jan Jongboom

Abusing phones to make the internet of things - Wix UA MeetupJan Jongboom

Abusing phones to make the internet of things - JSConf EU 2014Jan Jongboom

Firefox OS & IoT - Experimental javascript meetup, Budapest, 26 February 2015Jan Jongboom

From HTML5 to Hardware - Simonyi Conference Budapest April 15Jan Jongboom

DAHO.AM 2015 - Abusing phones to make the internet of thingsJan Jongboom

Firefox OS and the Internet of Things - NDC London 2014Jan Jongboom

Firefox OS Apps & Apis - WebRebels App day 2013Jan Jongboom

Open Web and beyond - Firefox OS preso during Wordpress meetup in DhakaJan Jongboom

Fun with sensors - JSConf.asia 2014Jan Jongboom

Cursory Indicator New YorkCommercial Investigations LLC

ScriptHar1982

De Kogge – Doel 1: Condition assessment and implementation of the conservatio...Onroerend Erfgoed

Empreendedorismo apoios comércio investeJoão Pedro Ferreira Silva

Actividades acesmarortizmar

Destaque (20)

Cloudbusting 2012: All out on the cloud

All out on the Cloud - PloneConf 2012

Webapi

Firefox OS Apps and Web APIs

HTML5 for mobile - DiGi Challenge for Change

Altering the real world with JavaScript - JSConf.US 2015

Abusing phones to make the internet of things - Wix UA Meetup

Abusing phones to make the internet of things - JSConf EU 2014

Firefox OS & IoT - Experimental javascript meetup, Budapest, 26 February 2015

From HTML5 to Hardware - Simonyi Conference Budapest April 15

DAHO.AM 2015 - Abusing phones to make the internet of things

Firefox OS and the Internet of Things - NDC London 2014

Firefox OS Apps & Apis - WebRebels App day 2013

Open Web and beyond - Firefox OS preso during Wordpress meetup in Dhaka

Fun with sensors - JSConf.asia 2014

Cursory Indicator New York

Script

De Kogge – Doel 1: Condition assessment and implementation of the conservatio...

Empreendedorismo apoios comércio investe

Actividades aces

Semelhante a Firefox OS Workshop @ Serbia & Montenegro

Firefox OS Apps & APIs - Dutch Mobile Conference / Serbia & Montenegro App da...Jan Jongboom

Automating Firefox OSmobiletestsummit

State of the Mobile BrowsersPeter-Paul Koch

Firefox OSPRASHANT AMAGE

Open Web Device: The first phone running Firefox OS!Francisco Jordano

Fixing the mobile web - Internet World RomaniaChristian Heilmann

Firefox OS Intro, Inside OUTskiee-mahir

DDive- Giuseppe Grasso - mobile su LotusDominopoint - Italian Lotus User Group

Scrivere Webapp per Firefox OS - OrruCodemotion

Firefox.NEXTdynamis

FirefoxOS and its use of Linux (a deep dive into Gonk architecture)Aimee Maree Forsstrom

Developing FirefoxOSFred Lin

Cordova + Ionic + MobileFirstRaymond Camden

Firefox 4 & THE AFTERdynamis

ROS2 on WebOS - Brian Shin(LG)AI Robotics KR

Ti.conf titanium on firefoxosAlessio Ricco

Google presentation: The Open Web goes mobilePeter-Paul Koch

Introduction to CordovaRaymond Camden

iPhone Web DevelopmentAndy Peters

Introduction to PhoneGapRaymond Camden

Semelhante a Firefox OS Workshop @ Serbia & Montenegro (20)

Firefox OS Apps & APIs - Dutch Mobile Conference / Serbia & Montenegro App da...

Automating Firefox OS

State of the Mobile Browsers

Firefox OS

Open Web Device: The first phone running Firefox OS!

Fixing the mobile web - Internet World Romania

Firefox OS Intro, Inside OUT

DDive- Giuseppe Grasso - mobile su Lotus

Scrivere Webapp per Firefox OS - Orru

Firefox.NEXT

FirefoxOS and its use of Linux (a deep dive into Gonk architecture)

Developing FirefoxOS

Cordova + Ionic + MobileFirst

Firefox 4 & THE AFTER

ROS2 on WebOS - Brian Shin(LG)

Ti.conf titanium on firefoxos

Google presentation: The Open Web goes mobile

Introduction to Cordova

iPhone Web Development

Introduction to PhoneGap

Mais de Jan Jongboom

TinyML on Arduino - workshopJan Jongboom

Intelligent Edge - Getting started with TinyML for industrial applicationsJan Jongboom

Teaching your sensors new tricks with Machine Learning - Eta Compute webinarJan Jongboom

Get started with TinyML - Embedded online conferenceJan Jongboom

Adding intelligence to your LoRaWAN deployment - The Things Virtual ConferenceJan Jongboom

Get started with TinyML - Hackster webinar 9 April 2020Jan Jongboom

Tiny intelligent computers and sensors - Open Hardware Event 2020Jan Jongboom

Teaching your sensors new tricks with Machine Learning - CENSIS Tech Summit 2019Jan Jongboom

Adding intelligence to your LoRaWAN devices - The Things Conference on tourJan Jongboom

Machine learning on 1 square centimeter - Emerce Next 2019Jan Jongboom

Fundamentals of IoT - Data Science Africa 2019Jan Jongboom

17,000 contributions in 32K RAM - FOSS North 2019Jan Jongboom

Open Hours: Mbed SimulatorJan Jongboom

Efficient IoT solutions based on LoRaWAN, The Things Network and Mbed OSJan Jongboom

Machine learning on 1 cm2 - Tweakers Dev SummitJan Jongboom

Simulating LoRaWAN devices - LoRa Alliance AMM 2019Jan Jongboom

Develop with Mbed OS - The Things Conference 2019Jan Jongboom

Firmware Updates over LoRaWAN - The Things Conference 2019Jan Jongboom

Faster Device Development - GSMA @ CES 2019Jan Jongboom

Mbed LoRaWAN stack: a case study - LoRa Alliance AMM TokyoJan Jongboom

Mais de Jan Jongboom (20)

TinyML on Arduino - workshop

Intelligent Edge - Getting started with TinyML for industrial applications

Teaching your sensors new tricks with Machine Learning - Eta Compute webinar

Get started with TinyML - Embedded online conference

Adding intelligence to your LoRaWAN deployment - The Things Virtual Conference

Get started with TinyML - Hackster webinar 9 April 2020

Tiny intelligent computers and sensors - Open Hardware Event 2020

Teaching your sensors new tricks with Machine Learning - CENSIS Tech Summit 2019

Adding intelligence to your LoRaWAN devices - The Things Conference on tour

Machine learning on 1 square centimeter - Emerce Next 2019

Fundamentals of IoT - Data Science Africa 2019

17,000 contributions in 32K RAM - FOSS North 2019

Open Hours: Mbed Simulator

Efficient IoT solutions based on LoRaWAN, The Things Network and Mbed OS

Machine learning on 1 cm2 - Tweakers Dev Summit

Simulating LoRaWAN devices - LoRa Alliance AMM 2019

Develop with Mbed OS - The Things Conference 2019

Firmware Updates over LoRaWAN - The Things Conference 2019

Faster Device Development - GSMA @ CES 2019

Mbed LoRaWAN stack: a case study - LoRa Alliance AMM Tokyo

Último

GenCyber Cyber Security Day PresentationMichael W. Hawkins

08448380779 Call Girls In Diplomatic Enclave Women Seeking MenDelhi Call girls

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...Neo4j

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Igalia

The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfEnterprise Knowledge

08448380779 Call Girls In Civil Lines Women Seeking MenDelhi Call girls

How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes

How to convert PDF to text with Nanonetsnaman860154

From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo

Breaking the Kubernetes Kill Chain: Host Path MountPuma Security, LLC

Tata AIG General Insurance Company - Insurer Innovation Award 2024The Digital Insurer

What Are The Drone Anti-jamming Systems Technology?Antenna Manufacturer Coco

Finology Group – Insurtech Innovation Award 2024The Digital Insurer

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024The Digital Insurer

Boost PC performance: How more available memory can improve productivityPrincipled Technologies

Axa Assurance Maroc - Insurer Innovation Award 2024The Digital Insurer

Slack Application Development 101 Slidespraypatel2

2024: Domino Containers - The Next Step. News from the Domino Container commu...Martijn de Jong

Boost Fertility New Invention Ups Success Rates.pdfsudhanshuwaghmare1

Firefox OS Workshop @ Serbia & Montenegro

1. Firefox OS Unicorns and rainbows Jan Jongboom

2. @janjongboom

3. You already have created an app

4. Embrace the phone

5. The mobile web is broken

7. We’re back in 1999

8. We’re back in 1999

9. No AJAX?!

10. -webkit-preﬁx

11. Let’s open up the mobile web

12. Firefox OS app = website + W3C proposed phone APIs

13.

14.

15. The web is awesome

16. So let’s get going... (nothing fancy yet)

17. github.com / comoyo / ffos-list-detail

18. “Firefox OS Simulator” github.com / comoyo / ffos-list-detail

19. github.com / comoyo / ffos-list-detail

20.

21.

22. http://localhost:8081/ manifest.webapp

23. github.com / comoyo / ffos-list-detail

24. github.com / comoyo / ffos-list-detail

25. github.com / comoyo / ffos-list-detail

26. није лоше! github.com/comoyo/ffos-list-detail

27. Now get funky!

28. Architecture Kernel Device Drivers Hardware Abstraction Layer Browser Javascript engine APIs for hardware access User facing apps (HTML/CSS or WebGL)Gaia Gecko Gonk

29.

30.

31. Unleash the power of WebAPIs

32. Regular APIs • Vibration • ScreenOrientation • GeoLocation • MouseLock • OpenWebApps • NetworkInformation • BatteryStatus • Alarm • WebActivities • PushNotiﬁcations • WebFMApi • WebPayment • IndexedDB • AmbientLightSensor • ProxyimitySensor • Notiﬁcation Yellow = Approved by W3C

33.

34.

35.

36.

37.

38.

39. Certiﬁed APIs • WebTelephony • WebSMS • IdleAPI • SettingsAPI • PowerManagementAPI • MobileConnectionAPI • WiFiInformationAPI • WebBluetooth • PermissionsAPI • NetworkStatsAPI • CameraAPI • Time/ClockAPI • Attentionscreen • Voicemail Requires certiﬁcation process

40. Your phone is aware of your surroundings, take advantage!

41. https://github.com/robnyman/ Firefox-OS-Boilerplate-App

42. Application bus

43. Hey I need an image! Sure, I can provide you with one!

44. Web activities

45. I NEED AN ADULT!

46. https://developer.mozilla.org/en-US/docs/WebAPI

47. Offline

48. Dealing with offline • Have the necessary application ﬁles available • Cache server side data • Store app state on device

49. Storing data • Local Storage • IndexedDB

50. Limited storage! Ask for more through manifest

51. Two types of apps • Hosted • Assets on the server • Cacheable via appcache • Packaged • ZIP archive with assets

52. Caching with appcache

53.

54.

55.

56.

57.

58.

59. ZIP • One big zip file • Resources loaded from zip file • Still requires manifest file

60. One more thing...

61. The app manifest file • Has name, description, version for market place • Define permissions (calling, storage) • Web activity provider (I provide images!) https://marketplace.firefox.com/developers/docs/manifests

62.

63.

64.

65.

66. Get hacking!

67. Questions? Twitter: @janjongboom slideshare.net/janjongboom

Firefox OS Workshop @ Serbia & Montenegro

Recomendados

Recomendados

Mais conteúdo relacionado

Destaque

Destaque (20)

Semelhante a Firefox OS Workshop @ Serbia & Montenegro

Semelhante a Firefox OS Workshop @ Serbia & Montenegro (20)

Mais de Jan Jongboom

Mais de Jan Jongboom (20)

Último

Último (20)

Firefox OS Workshop @ Serbia & Montenegro