Download - Alex lakatos state of mobile web
![Page 1: Alex lakatos state of mobile web](https://reader034.vdocuments.us/reader034/viewer/2022051413/5593635a1a28abba478b473a/html5/thumbnails/1.jpg)
State of Mobile Web
Alex LakatosXoomworks Tech LeadMozilla Reps Mentor
25th of October 2014
![Page 2: Alex lakatos state of mobile web](https://reader034.vdocuments.us/reader034/viewer/2022051413/5593635a1a28abba478b473a/html5/thumbnails/2.jpg)
![Page 3: Alex lakatos state of mobile web](https://reader034.vdocuments.us/reader034/viewer/2022051413/5593635a1a28abba478b473a/html5/thumbnails/3.jpg)
Going Mobile
![Page 4: Alex lakatos state of mobile web](https://reader034.vdocuments.us/reader034/viewer/2022051413/5593635a1a28abba478b473a/html5/thumbnails/4.jpg)
Building for Mobile
![Page 5: Alex lakatos state of mobile web](https://reader034.vdocuments.us/reader034/viewer/2022051413/5593635a1a28abba478b473a/html5/thumbnails/5.jpg)
NO SDK?
![Page 6: Alex lakatos state of mobile web](https://reader034.vdocuments.us/reader034/viewer/2022051413/5593635a1a28abba478b473a/html5/thumbnails/6.jpg)
![Page 7: Alex lakatos state of mobile web](https://reader034.vdocuments.us/reader034/viewer/2022051413/5593635a1a28abba478b473a/html5/thumbnails/7.jpg)
![Page 8: Alex lakatos state of mobile web](https://reader034.vdocuments.us/reader034/viewer/2022051413/5593635a1a28abba478b473a/html5/thumbnails/8.jpg)
![Page 9: Alex lakatos state of mobile web](https://reader034.vdocuments.us/reader034/viewer/2022051413/5593635a1a28abba478b473a/html5/thumbnails/9.jpg)
![Page 10: Alex lakatos state of mobile web](https://reader034.vdocuments.us/reader034/viewer/2022051413/5593635a1a28abba478b473a/html5/thumbnails/10.jpg)
![Page 11: Alex lakatos state of mobile web](https://reader034.vdocuments.us/reader034/viewer/2022051413/5593635a1a28abba478b473a/html5/thumbnails/11.jpg)
![Page 12: Alex lakatos state of mobile web](https://reader034.vdocuments.us/reader034/viewer/2022051413/5593635a1a28abba478b473a/html5/thumbnails/12.jpg)
Some Facts
• 12 smartphones• 13 operators• 24 countries
![Page 13: Alex lakatos state of mobile web](https://reader034.vdocuments.us/reader034/viewer/2022051413/5593635a1a28abba478b473a/html5/thumbnails/13.jpg)
India
• Intex Cloud FX– 2 MP Rear camera– Spd 6821 1.0GHz– RAM-128MB– ROM-256MB– Display–3.5”HVGA– Dual SIM – 1250mAh (Li-ion)– Bluetooth/Wi-Fi
• Price?
![Page 14: Alex lakatos state of mobile web](https://reader034.vdocuments.us/reader034/viewer/2022051413/5593635a1a28abba478b473a/html5/thumbnails/14.jpg)
India
• Intex Cloud FX– 2 MP Rear camera– Spd 6821 1.0GHz– RAM-128MB– ROM-256MB– Display–3.5”HVGA– Dual SIM – 1250mAh (Li-ion)– Bluetooth/Wi-Fi
• Price 25 Euro
![Page 15: Alex lakatos state of mobile web](https://reader034.vdocuments.us/reader034/viewer/2022051413/5593635a1a28abba478b473a/html5/thumbnails/15.jpg)
![Page 16: Alex lakatos state of mobile web](https://reader034.vdocuments.us/reader034/viewer/2022051413/5593635a1a28abba478b473a/html5/thumbnails/16.jpg)
29 March 2012
https://wiki.mozilla.org/Booting_to_the_Web
![Page 17: Alex lakatos state of mobile web](https://reader034.vdocuments.us/reader034/viewer/2022051413/5593635a1a28abba478b473a/html5/thumbnails/17.jpg)
![Page 18: Alex lakatos state of mobile web](https://reader034.vdocuments.us/reader034/viewer/2022051413/5593635a1a28abba478b473a/html5/thumbnails/18.jpg)
Apps, Apps, Apps!
https://developer.mozilla.org/en-US/Apps/Build/Manifest
![Page 19: Alex lakatos state of mobile web](https://reader034.vdocuments.us/reader034/viewer/2022051413/5593635a1a28abba478b473a/html5/thumbnails/19.jpg)
Web APIs
https://wiki.mozilla.org/WebAPI
![Page 20: Alex lakatos state of mobile web](https://reader034.vdocuments.us/reader034/viewer/2022051413/5593635a1a28abba478b473a/html5/thumbnails/20.jpg)
Web APIs (hosted apps)
• Vibration API• Screen Orientation• Geolocation API• Mouse Lock API• Open WebApps• Network Information
API• Battery Status API• Alarm API
• Push Notifications API
• WebFM API / FMRadio
• WebPayment• IndexedDB• Ambient light sensor• Proximity sensor• Notification
![Page 21: Alex lakatos state of mobile web](https://reader034.vdocuments.us/reader034/viewer/2022051413/5593635a1a28abba478b473a/html5/thumbnails/21.jpg)
Battery API
![Page 22: Alex lakatos state of mobile web](https://reader034.vdocuments.us/reader034/viewer/2022051413/5593635a1a28abba478b473a/html5/thumbnails/22.jpg)
Web APIs (privileged apps)
• Device Storage API• Browser API• TCP Socket API• Contacts API• systemXHR
![Page 23: Alex lakatos state of mobile web](https://reader034.vdocuments.us/reader034/viewer/2022051413/5593635a1a28abba478b473a/html5/thumbnails/23.jpg)
Contacts API
![Page 24: Alex lakatos state of mobile web](https://reader034.vdocuments.us/reader034/viewer/2022051413/5593635a1a28abba478b473a/html5/thumbnails/24.jpg)
Web APIs (certified apps)
• WebTelephony• WebSMS• Idle API• Settings API• Power
Management API• Mobile Connection
API• WiFi Information
API• WebBluetooth• Permissions API• Network Stats API• Camera API• Time/Clock API• Attention screen• Voicemail
![Page 25: Alex lakatos state of mobile web](https://reader034.vdocuments.us/reader034/viewer/2022051413/5593635a1a28abba478b473a/html5/thumbnails/25.jpg)
Web Activities to the rescue!
• configure• costcontrol• dial• open• pick• record• save-bookmark
• share• view• new, f.e type:
“websms/sms” or “webcontacts/contact”
![Page 26: Alex lakatos state of mobile web](https://reader034.vdocuments.us/reader034/viewer/2022051413/5593635a1a28abba478b473a/html5/thumbnails/26.jpg)
Sending a picture to your app
![Page 27: Alex lakatos state of mobile web](https://reader034.vdocuments.us/reader034/viewer/2022051413/5593635a1a28abba478b473a/html5/thumbnails/27.jpg)
They work on Android!
![Page 28: Alex lakatos state of mobile web](https://reader034.vdocuments.us/reader034/viewer/2022051413/5593635a1a28abba478b473a/html5/thumbnails/28.jpg)
Write some code!
https://github.com/mozilla-b2g
![Page 29: Alex lakatos state of mobile web](https://reader034.vdocuments.us/reader034/viewer/2022051413/5593635a1a28abba478b473a/html5/thumbnails/29.jpg)
Test, test, test!
https://oneanddone.mozilla.org/
![Page 30: Alex lakatos state of mobile web](https://reader034.vdocuments.us/reader034/viewer/2022051413/5593635a1a28abba478b473a/html5/thumbnails/30.jpg)
Simulate!
![Page 31: Alex lakatos state of mobile web](https://reader034.vdocuments.us/reader034/viewer/2022051413/5593635a1a28abba478b473a/html5/thumbnails/31.jpg)
![Page 32: Alex lakatos state of mobile web](https://reader034.vdocuments.us/reader034/viewer/2022051413/5593635a1a28abba478b473a/html5/thumbnails/32.jpg)
Alex LakatosXoomworks Tech Lead@lakatos88
Slides:
https://alexlakatos.github.io/slides/codecamp/slides.pdf
25th of October 2014
Thanks