w3c widgets: apps made with web standards
DESCRIPTION
15 min talk to Sydney Web Standards Group on W3C Widgets for mobile and cross-device apps made with HTMLL5, CSS and JavaScript. Bruce Lawson, Opera Software, 22 November 2020TRANSCRIPT
![Page 1: W3C Widgets: Apps made with Web Standards](https://reader033.vdocuments.site/reader033/viewer/2022051608/54590493af79594f558b5460/html5/thumbnails/1.jpg)
W3C Widgets
Bruce Lawson / Over The Air / London / 10 September 2010
Apps – with added Web Standards goodness!
![Page 2: W3C Widgets: Apps made with Web Standards](https://reader033.vdocuments.site/reader033/viewer/2022051608/54590493af79594f558b5460/html5/thumbnails/2.jpg)
![Page 3: W3C Widgets: Apps made with Web Standards](https://reader033.vdocuments.site/reader033/viewer/2022051608/54590493af79594f558b5460/html5/thumbnails/3.jpg)
“…the browser run-time is perfect…you’re out of writing for Windows Mobile, Android, S60, each of which require testing...we want to abstract that.
All the cool innovation is happening inside the browser – you don’t need to write to the native operating system anymore.”
Mobile Entertainment Market, June, 2009
![Page 4: W3C Widgets: Apps made with Web Standards](https://reader033.vdocuments.site/reader033/viewer/2022051608/54590493af79594f558b5460/html5/thumbnails/4.jpg)
W3C Widgets – application development filled with web standards goodness,
using browser engine as platform
![Page 5: W3C Widgets: Apps made with Web Standards](https://reader033.vdocuments.site/reader033/viewer/2022051608/54590493af79594f558b5460/html5/thumbnails/5.jpg)
Anatomy of a widget
index.html, assets + config.xml, zipped and renamed .wgt
![Page 6: W3C Widgets: Apps made with Web Standards](https://reader033.vdocuments.site/reader033/viewer/2022051608/54590493af79594f558b5460/html5/thumbnails/6.jpg)
![Page 7: W3C Widgets: Apps made with Web Standards](https://reader033.vdocuments.site/reader033/viewer/2022051608/54590493af79594f558b5460/html5/thumbnails/7.jpg)
Features depend on browser
HTML5 App Cache, WebSQL storage, HTML5 local storage, <audio>, <video>
![Page 8: W3C Widgets: Apps made with Web Standards](https://reader033.vdocuments.site/reader033/viewer/2022051608/54590493af79594f558b5460/html5/thumbnails/8.jpg)
Widget runtimes
● Opera desktop, Opera Mobile, Opera for Devices (including TV)
● Widgeon● Windows Mobile 6.5● Nokia Qt Web Runtime● Apache Wookie● Aplix Web Runtime● Lots of Vodafone distros
![Page 9: W3C Widgets: Apps made with Web Standards](https://reader033.vdocuments.site/reader033/viewer/2022051608/54590493af79594f558b5460/html5/thumbnails/9.jpg)
What's next?
![Page 10: W3C Widgets: Apps made with Web Standards](https://reader033.vdocuments.site/reader033/viewer/2022051608/54590493af79594f558b5460/html5/thumbnails/10.jpg)
<device>(HTMLnext, WHATWG)
![Page 11: W3C Widgets: Apps made with Web Standards](https://reader033.vdocuments.site/reader033/viewer/2022051608/54590493af79594f558b5460/html5/thumbnails/11.jpg)
W3C DAP(Devices and Protocols Working Group)
![Page 12: W3C Widgets: Apps made with Web Standards](https://reader033.vdocuments.site/reader033/viewer/2022051608/54590493af79594f558b5460/html5/thumbnails/12.jpg)
Defining JavaScript APIs:
● Contacts (access address book)● Calendar API● Media Capture API (programmatic access to camera/microphone)● Messaging API (email/ SMS)
http://www.w3.org/2009/dap/
![Page 13: W3C Widgets: Apps made with Web Standards](https://reader033.vdocuments.site/reader033/viewer/2022051608/54590493af79594f558b5460/html5/thumbnails/13.jpg)
![Page 14: W3C Widgets: Apps made with Web Standards](https://reader033.vdocuments.site/reader033/viewer/2022051608/54590493af79594f558b5460/html5/thumbnails/14.jpg)