#FirefoxOS js-meetup

•Als PPT, PDF herunterladen•

0 gefällt mir•418 views

daf182

Technologie

FIREFOX OS
Nagy Gergő
gergo.istvan.nagy [at] mozilla [dot] hu
Budapest.js – javascript meetup
2013.06.17.

https://mdn.mozillademos.org/files/4605/FirefoxOS.png

APIs
• for telephony
• for device handling
• for standard web development

What APIs are available for my application?

• Hosted application
• Privileged apps
• Certified apps

Is there any way to get a photo with my
application?

Application bus
MozActivities
Similar to Intents on Android

var activity = new MozActivity({
name: "pick",
data: {
type: "image/jpeg"
}
});

Custom activities to work together with third
party apps!
https://github.com/daf182/moz-activity

Three way of testing:
• Use a real phone
• Use the simulator
• Use the emulator (r2d2b2g)

The easiest way is the esimulator:
• available as simple Firefox Add-on
• manifest file validation
• remote debugging
• remote console
• push to device

Let's write the application!
Hello world!

Application development steps
• edit html and css files to create UI
• implement application logic in javascript
• write manifest for the OS
• open your manifest in the simulator

<!DOCTYPE html>
<html>
<head>
<title>Hello meetup!</title>
</head>
<body>
<h1>
Hello Budapest JS meetup!
</h1>
</body>
</html>

${ "version": "0.1", "name": "HelloBPJS", "description": "Firefox OS Open Web App", "launch_path": "/index.html", "developer": { "name": "Gergo Nagy" }, "icons": { "60" : "/image/icons/icon-60.png" } }$

Publication methods
• Hosted apps
• Packaged apps

https://github.com/mozilla/r2d2b2g
https://developer.mozilla.org/en-US/docs/WebAPI
https://developer.mozilla.org/en-US/docs/Web/Apps/App_permissions?redirectlocale=en-
US&redirectslug=Apps%2FApp_permissions
https://marketplace.firefox.com/developers/docs/quick_start
https://marketplace.firefox.com/
http://www.mozilla.org/en-US/styleguide/products/firefoxos/icons/
http://buildingfirefoxos.com/

Weitere ähnliche Inhalte

Andere mochten auch

Firefox OS Szakmai Esti Mesek ELTE IKdaf182

ROPITASHOP: TU WEB DE COMPRA VENTA DE ROPA DE SEGUNDA MANOanagaytandeayala

FirefoxOS előadás - Fennec-hun-release-party-Budapestdaf182

Firefox OS 2014 updatedaf182

120 giao dichHải Âu

Rinine EngineeringHussain M T

YOGES FOR YOUSankar Nepal

Firefox OS informatika pont neked Gamfdaf182

Assessment strategiesjadzwill

firefox os szeged sfd 2013daf182

Frase del mes últim claustresgonza63

#FirefoxOS Web App development@CID Nyári Egyetem 2013daf182

Ecología y OdontologíaYessenia González

Andere mochten auch (13)

Firefox OS Szakmai Esti Mesek ELTE IK

ROPITASHOP: TU WEB DE COMPRA VENTA DE ROPA DE SEGUNDA MANO

FirefoxOS előadás - Fennec-hun-release-party-Budapest

Firefox OS 2014 update

120 giao dich

Rinine Engineering

YOGES FOR YOU

Firefox OS informatika pont neked Gamf

Assessment strategies

firefox os szeged sfd 2013

Frase del mes últim claustre

#FirefoxOS Web App development@CID Nyári Egyetem 2013

Ecología y Odontología

Ähnlich wie #FirefoxOS js-meetup

Intro to PhoneGapRyan Stewart

Fixing the mobile web - Internet World RomaniaChristian Heilmann

Domo Arigato Mr. Roboto - Open Source Bridge 2009sullis

[Wroclaw #1] Android Security WorkshopOWASP

WebapiJan Jongboom

Spinlab - Technology for Small Businessesjoeclo

Griffon for the EnterpriseJames Williams

Firefox OS PresentationJosé Manuel Cantera Fonseca

Mobile DevicesYnon Perek

Empowering the “Mobile Web” with Chris MillsFITC

Empowering the Mobile Web - MillsCodemotion

Empowering the "mobile web"Chris Mills

Mobility today & what's next.Application ecosystems.Petru Jucovschi

Sinergija 12 WP8 is around the cornerCatalin Gheorghiu

Modern Web Applications Utilizing HTML5 (Dev Con TLV 06-2013)Ido Green

Native App + Wep App = ? (Hybrid Applications)GameWisp

Phone gapSureshreddy Nalimela

Apps development for Firefox OS & introduction to WebAPIsRashik Ishrak Nahian

Modern Web Applications Utilizing HTML5 APIsIdo Green

Cross platform native mobile app development for iOS, Android and Windows usi...Marcel de Vries

Ähnlich wie #FirefoxOS js-meetup (20)

Intro to PhoneGap

Fixing the mobile web - Internet World Romania

Domo Arigato Mr. Roboto - Open Source Bridge 2009

[Wroclaw #1] Android Security Workshop

Webapi

Spinlab - Technology for Small Businesses

Griffon for the Enterprise

Firefox OS Presentation

Mobile Devices

Empowering the “Mobile Web” with Chris Mills

Empowering the Mobile Web - Mills

Empowering the "mobile web"

Mobility today & what's next.Application ecosystems.

Sinergija 12 WP8 is around the corner

Modern Web Applications Utilizing HTML5 (Dev Con TLV 06-2013)

Native App + Wep App = ? (Hybrid Applications)

Phone gap

Apps development for Firefox OS & introduction to WebAPIs

Modern Web Applications Utilizing HTML5 APIs

Cross platform native mobile app development for iOS, Android and Windows usi...

Kürzlich hochgeladen

presentation ICT roal in 21st century educationjfdjdjcjdnsjd

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FMESafe Software

Powerful Google developer tools for immediate impact! (2023-24 C)wesley chun

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoffsammart93

Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...apidays

Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbuapidays

FWD Group - Insurer Innovation Award 2024The Digital Insurer

AXA XL - Insurer Innovation Award Americas 2024The Digital Insurer

Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot ModelDeepika Singh

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobeapidays

AWS Community Day CPH - Three problems of TerraformAndrey Devyatkin

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

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProduct Anonymous

GenAI Risks & Security Meetup 01052024.pdflior mazor

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWERMadyBayot

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingEdi Saputra

ICT role in 21st century education and its challengesrafiqahmad00786416

Corporate and higher education May webinar.pptxRustici Software

TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc

Automating Google Workspace (GWS) & more with Apps Scriptwesley chun

Kürzlich hochgeladen (20)

presentation ICT roal in 21st century education

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

Powerful Google developer tools for immediate impact! (2023-24 C)

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...

Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu

FWD Group - Insurer Innovation Award 2024

AXA XL - Insurer Innovation Award Americas 2024

Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

AWS Community Day CPH - Three problems of Terraform

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

GenAI Risks & Security Meetup 01052024.pdf

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving

ICT role in 21st century education and its challenges

Corporate and higher education May webinar.pptx

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery

Automating Google Workspace (GWS) & more with Apps Script

#FirefoxOS js-meetup

1. FIREFOX OS Nagy Gergő gergo.istvan.nagy [at] mozilla [dot] hu Budapest.js – javascript meetup 2013.06.17.

4. Operating System

5. https://mdn.mozillademos.org/files/4605/FirefoxOS.png

6. Web Applications

7. + Web APIs

9. Development

10. APIs • for telephony • for device handling • for standard web development

11. What APIs are available for my application?

12. • Hosted application • Privileged apps • Certified apps

13. What is the situation with the camera?

14. Is there any way to get a photo with my application?

15. Application bus MozActivities Similar to Intents on Android

16. var activity = new MozActivity({ name: "pick", data: { type: "image/jpeg" } });

17. Custom activities to work together with third party apps! https://github.com/daf182/moz-activity

18. Manifest files

19. appcache open web app

20. appcache cache.manifest

21. open web app manifest.webapp

22. Three way of testing: • Use a real phone • Use the simulator • Use the emulator (r2d2b2g)

23. The easiest way is the esimulator: • available as simple Firefox Add-on • manifest file validation • remote debugging • remote console • push to device

24.

25. Let's write the application! Hello world!

26. Application development steps • edit html and css files to create UI • implement application logic in javascript • write manifest for the OS • open your manifest in the simulator

27. <!DOCTYPE html> <html> <head> <title>Hello meetup!</title> </head> <body> <h1> Hello Budapest JS meetup! </h1> </body> </html>

28. { "version": "0.1", "name": "HelloBPJS", "description": "Firefox OS Open Web App", "launch_path": "/index.html", "developer": { "name": "Gergo Nagy" }, "icons": { "60" : "/image/icons/icon-60.png" } }

29.

30. What about the stylessheets?

31.

32.

33. Documentation

34.

35. Marketplace

36.

37. Publication methods • Hosted apps • Packaged apps

38.

39. The final demo!

40. https://github.com/daf182/shake2bounce