SlideShare a Scribd company logo
+
Widgets

Scott Wilson
scottbw@apache.org
http://incubator.apache.org/wookie
Here is a mad idea

 lets make mobile
apps using JUST html
   and javascript

  i wonder what
 Google and Apple
      think?
“no software developer kit is
  required for the iPhone.”
          Steve Jobs, 2007
“App stores are not the
 future”, says Google (FT 2009)
Java!




 Objective-C!




WTF?
Widgets
  HTML
                config.xml
JavaScript

   CSS              Icon.png

     mywidget.wgt
W3C Widgets: for Web,
       Mobile, or Desktop?



Apple Dashboard   OpenSocial       Nokia Widgets
Windows Sidebar   Google Gadgets   iPhone Apps
Google Desktop    Google Wave      Android Apps
Konfabulator        Gadgets        Widsets
Opera Widgets     WidgetBox
                  SpringWidgets
How about, “yes”?
Device APIs: Adding
   Handset Capabilities to
         JavaScript
               •   Address Book
               •   Calendar
• BONDI
               •   Files
               •   Media capture
• W3 DAP           (camera)
               •   Messaging
• W3 Geo       •   System
               •   Policy
               •   Media Gallery
               •   Tasks
  JavaScript   •   Comms Log
<html>
  <head>
         <script>
  function takePicture(){
  var camera = bondi.camera.getCameras()[0];
  camera.takePicture(function(pic){document.getElementBy
  Id("picture").src=pic;},function(){alert("nope");});
  }
         </script>
  </head>
  <body>
      <button onclick="takePicture()">Take
  Picture</button>
         <img id="picture" src="" width="64" height="64"/>
  </body>
</html>
Feature mapping
<feature
  name=“http://bondi.omtp.org/api/camera.capture”
   required=“true”
/>




   JavaScript
Feature mixing!
<feature name=“http://opensocial.org/osapi.person”
  required=“true”/>

<feature name=“http://wave.google.com”
  required=“true”/>

You can connect all kinds of functionality to widgets by
  injecting a JS API for it at runtime - and not just device
  APIs either

    Did you know that Opera Unite services were W3C Widgets?



    JavaScript
“W3C Widgets are better than websites
  because they download only the data;
  and not the core files.”

“Widgets are better than app systems
  because you don't have to write 4, 5, or
  10 of them. Just the one is enough.”

“And hundreds of thousands of web
  developers already know how to create
  widgets.It's just HTML/CSS/JavaScript,
  after all.”

- Peter Paul Koch
So is this W3C
thing going to
  take off?
Android
Android
Android
“A fundamental part of WAC is to ensure that developers have the
simplest method by which they can create applications for the long tail.
A key part of this is to endorse and encourage the use of technologies
which are based around open standards. WAC plans to initially use both
the JIL and OMTP BONDI requirements, evolving these into a common
specification within the next 12 months. The long term goal will be to
collectively work with the W3C for a common standard based on our
converged solution.”
OK, so how Could
  you get this
 into Android?
“I came here to ask if it's possible Google
   Android will support W3C Widgets not
   instead of but in addition to its own app
   system.”

“We need:
- a browser (Android WebKit will do perfectly
  fine, thanks)
- a way of associating .wgt files with this
  browser OR an installation mechanism
- JavaScript device APIs”

   – PPK
A Java server application in
              the Apache Incubator.
              Includes a W3C Widget
              parser library.


* “Wookie” is not a clever acronym. so if you spell it WOOKIE you’re shouting!
Android
Other possibilities…
• Feature extensions beyond BONDI/DAP
  ..?
• Widget and feature extensions for “other”
  platforms. E.g. Android on TVs, kiosks,
  uncategorizable gizmos etc
• Android+W3C Widget powered Chumby-
  like-things?
Thanks
scottbw@apache.org
@scottbw
http://incubator.apache.org/wookie

More Related Content

PDF
jQuery UI & Mobile - The Great Merger
PPT
JS Loading strategies
PPT
Using Features
KEY
SlickGrid Touch: Making complex JavaScript widgets work on mobile devices
PDF
Wulin kungfu final
PDF
Transforming Front-End Disaster Code™ Into A Maintainable Masterpiece
PDF
[D2 오픈세미나]2.모바일웹디버깅
PDF
Web fundamental 4 developers
jQuery UI & Mobile - The Great Merger
JS Loading strategies
Using Features
SlickGrid Touch: Making complex JavaScript widgets work on mobile devices
Wulin kungfu final
Transforming Front-End Disaster Code™ Into A Maintainable Masterpiece
[D2 오픈세미나]2.모바일웹디버깅
Web fundamental 4 developers

What's hot (20)

PDF
(2015년 상반기) HTML5 및 Hybrid app 최신 동향
PPTX
Automated perf optimization - jQuery Conference
PDF
jQuery Foundation Keynote
PPTX
Polymer presentation in Google HQ
KEY
jQuery Mobile Overview - Boston
PPTX
Developing advanced universal apps using html & js
PPTX
Building AR and VR Experiences for Web Apps with JavaScript
PDF
jQuery Keynote - Fall 2010
PPTX
React JS Belgium Touch Base - React, Flux, React Native
PPTX
Google web toolkit ( Gwt )
PPTX
GDG Atlanta - Angular.js Demo and Workshop
PDF
GWT widget development
PDF
Drupal's competition
PPTX
JS FAST Prototyping with AngularJS & RequireJS
PDF
서버개발자의 프론트엔드 맛보기
PPTX
Prototyping app using JS and HTML5 (Ciklum Kharkiv)
ODP
Using WordPress for Rapid Prototyping
PPT
GWT + Gears : The browser is the platform
PDF
A team 43 C
PDF
JavaScript MV* Framework - Making the Right Choice
(2015년 상반기) HTML5 및 Hybrid app 최신 동향
Automated perf optimization - jQuery Conference
jQuery Foundation Keynote
Polymer presentation in Google HQ
jQuery Mobile Overview - Boston
Developing advanced universal apps using html & js
Building AR and VR Experiences for Web Apps with JavaScript
jQuery Keynote - Fall 2010
React JS Belgium Touch Base - React, Flux, React Native
Google web toolkit ( Gwt )
GDG Atlanta - Angular.js Demo and Workshop
GWT widget development
Drupal's competition
JS FAST Prototyping with AngularJS & RequireJS
서버개발자의 프론트엔드 맛보기
Prototyping app using JS and HTML5 (Ciklum Kharkiv)
Using WordPress for Rapid Prototyping
GWT + Gears : The browser is the platform
A team 43 C
JavaScript MV* Framework - Making the Right Choice
Ad

Viewers also liked (20)

PDF
Kogukondjavorgustik
PPT
Teachmeet Musselburgh Introduction Slideshare
PPT
Updaters Shift Happens
PPT
Blogging Inset
PPT
Projektõppe metoodika
PPT
Web 2.0 The Very Basics Remote
PPT
Term 2 Yr 11 Welcome Ppt
PPT
Shoulder Impairment
PPT
20080618
PPT
Ucan Do Iwb’S Too
PPTX
Proeven aan Proeve HvA 15 april 2010
PPS
Thanh cong ngay_tu_ghe_giang_duong
PPTX
What are we educating for? - digital education tools for 2010s
PDF
Resistants
PDF
OKoloogiline Uus Veeb Ja Selle Kasutamine Keskkonnahariduses
PDF
Pedaspectsoflearntechn kak6003a
PDF
Katy Fit Kids Calendar
PPT
The New Gathering Place - Social Media for Arts Businessess
PPTX
What are we educating for? - digital education tools for 2010s
PPT
Pinocchio
Kogukondjavorgustik
Teachmeet Musselburgh Introduction Slideshare
Updaters Shift Happens
Blogging Inset
Projektõppe metoodika
Web 2.0 The Very Basics Remote
Term 2 Yr 11 Welcome Ppt
Shoulder Impairment
20080618
Ucan Do Iwb’S Too
Proeven aan Proeve HvA 15 april 2010
Thanh cong ngay_tu_ghe_giang_duong
What are we educating for? - digital education tools for 2010s
Resistants
OKoloogiline Uus Veeb Ja Selle Kasutamine Keskkonnahariduses
Pedaspectsoflearntechn kak6003a
Katy Fit Kids Calendar
The New Gathering Place - Social Media for Arts Businessess
What are we educating for? - digital education tools for 2010s
Pinocchio
Ad

Similar to Android (20)

PPT
Apps & Widgets in Mobile Learning
PDF
Open Source Junction: Apache Wookie and W3C Widgets
PDF
Mobile Widgets Development
PDF
Inside Mobile Widgets Publish
PDF
openMIC barcamp 11.02.2010
PDF
Vodafone Widget Camp
PDF
Mobile Device APIs
PDF
Wookie Intro
KEY
HTML5 and the Mobile Web
PPT
Wookie Meetup
PPT
Wookie Meetup
KEY
Rise of Mobile and Web Runtimes - for Standards-Next
PDF
Google presentation: The Open Web goes mobile
PDF
S60 3rd FP2 Widgets
PDF
Vodafone Mobile Widgets Workshop
PDF
Widgets and Mashups for Personal and Institutional Technologies
PDF
W3C Widgets: Apps made with Web Standards
KEY
SXSW 2010 Future15 : Rise of Mobile, APIs and Web Runtimes
PDF
Making mobile apps with web technology (revised)
KEY
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
Apps & Widgets in Mobile Learning
Open Source Junction: Apache Wookie and W3C Widgets
Mobile Widgets Development
Inside Mobile Widgets Publish
openMIC barcamp 11.02.2010
Vodafone Widget Camp
Mobile Device APIs
Wookie Intro
HTML5 and the Mobile Web
Wookie Meetup
Wookie Meetup
Rise of Mobile and Web Runtimes - for Standards-Next
Google presentation: The Open Web goes mobile
S60 3rd FP2 Widgets
Vodafone Mobile Widgets Workshop
Widgets and Mashups for Personal and Institutional Technologies
W3C Widgets: Apps made with Web Standards
SXSW 2010 Future15 : Rise of Mobile, APIs and Web Runtimes
Making mobile apps with web technology (revised)
HTML5 is the Future of Mobile, PhoneGap Takes You There Today

More from scottw (20)

PPT
Getting the Maximum Benefit from Free and Open Source Software
PPT
How to engage students in real open source projects
PPT
Free, Libre and Open Source Software and Further Education
PDF
Open Forges and App Stores
PPT
Delivering Web To Mobile
PPT
Creating mobile web apps
PDF
Dissemination beyond academic circles
PDF
Build Widgets
PPT
Life of a Wookie
PPT
CRM & HE
PDF
Presence
PDF
FeedForward at RSP
PPT
Boxcri
PDF
Widgets And Wookies
PPT
Widgets - the Wookie project
PDF
Argosi
PDF
Presence @ Winterschool 2008
PPS
OpenID @ Winterschool 2008
PPT
FeedForward, Metadata & Digital Repositories SIG, Feb 2008
PPT
XCRI Update, Jan 2008
Getting the Maximum Benefit from Free and Open Source Software
How to engage students in real open source projects
Free, Libre and Open Source Software and Further Education
Open Forges and App Stores
Delivering Web To Mobile
Creating mobile web apps
Dissemination beyond academic circles
Build Widgets
Life of a Wookie
CRM & HE
Presence
FeedForward at RSP
Boxcri
Widgets And Wookies
Widgets - the Wookie project
Argosi
Presence @ Winterschool 2008
OpenID @ Winterschool 2008
FeedForward, Metadata & Digital Repositories SIG, Feb 2008
XCRI Update, Jan 2008

Recently uploaded (20)

PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PDF
Review of recent advances in non-invasive hemoglobin estimation
PDF
Approach and Philosophy of On baking technology
PPT
Teaching material agriculture food technology
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PDF
GamePlan Trading System Review: Professional Trader's Honest Take
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PDF
Network Security Unit 5.pdf for BCA BBA.
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
CIFDAQ's Market Insight: SEC Turns Pro Crypto
PDF
Chapter 3 Spatial Domain Image Processing.pdf
PPTX
Cloud computing and distributed systems.
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PPTX
Big Data Technologies - Introduction.pptx
PDF
cuic standard and advanced reporting.pdf
PDF
KodekX | Application Modernization Development
PDF
Advanced Soft Computing BINUS July 2025.pdf
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PDF
Machine learning based COVID-19 study performance prediction
PPTX
breach-and-attack-simulation-cybersecurity-india-chennai-defenderrabbit-2025....
Dropbox Q2 2025 Financial Results & Investor Presentation
Review of recent advances in non-invasive hemoglobin estimation
Approach and Philosophy of On baking technology
Teaching material agriculture food technology
“AI and Expert System Decision Support & Business Intelligence Systems”
GamePlan Trading System Review: Professional Trader's Honest Take
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
Network Security Unit 5.pdf for BCA BBA.
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
CIFDAQ's Market Insight: SEC Turns Pro Crypto
Chapter 3 Spatial Domain Image Processing.pdf
Cloud computing and distributed systems.
Diabetes mellitus diagnosis method based random forest with bat algorithm
Big Data Technologies - Introduction.pptx
cuic standard and advanced reporting.pdf
KodekX | Application Modernization Development
Advanced Soft Computing BINUS July 2025.pdf
Reach Out and Touch Someone: Haptics and Empathic Computing
Machine learning based COVID-19 study performance prediction
breach-and-attack-simulation-cybersecurity-india-chennai-defenderrabbit-2025....

Android

  • 2. Here is a mad idea lets make mobile apps using JUST html and javascript i wonder what Google and Apple think?
  • 3. “no software developer kit is required for the iPhone.” Steve Jobs, 2007
  • 4. “App stores are not the future”, says Google (FT 2009)
  • 6. Widgets HTML config.xml JavaScript CSS Icon.png mywidget.wgt
  • 7. W3C Widgets: for Web, Mobile, or Desktop? Apple Dashboard OpenSocial Nokia Widgets Windows Sidebar Google Gadgets iPhone Apps Google Desktop Google Wave Android Apps Konfabulator Gadgets Widsets Opera Widgets WidgetBox SpringWidgets
  • 9. Device APIs: Adding Handset Capabilities to JavaScript • Address Book • Calendar • BONDI • Files • Media capture • W3 DAP (camera) • Messaging • W3 Geo • System • Policy • Media Gallery • Tasks JavaScript • Comms Log
  • 10. <html> <head> <script> function takePicture(){ var camera = bondi.camera.getCameras()[0]; camera.takePicture(function(pic){document.getElementBy Id("picture").src=pic;},function(){alert("nope");}); } </script> </head> <body> <button onclick="takePicture()">Take Picture</button> <img id="picture" src="" width="64" height="64"/> </body> </html>
  • 11. Feature mapping <feature name=“http://bondi.omtp.org/api/camera.capture” required=“true” /> JavaScript
  • 12. Feature mixing! <feature name=“http://opensocial.org/osapi.person” required=“true”/> <feature name=“http://wave.google.com” required=“true”/> You can connect all kinds of functionality to widgets by injecting a JS API for it at runtime - and not just device APIs either Did you know that Opera Unite services were W3C Widgets? JavaScript
  • 13. “W3C Widgets are better than websites because they download only the data; and not the core files.” “Widgets are better than app systems because you don't have to write 4, 5, or 10 of them. Just the one is enough.” “And hundreds of thousands of web developers already know how to create widgets.It's just HTML/CSS/JavaScript, after all.” - Peter Paul Koch
  • 14. So is this W3C thing going to take off?
  • 18. “A fundamental part of WAC is to ensure that developers have the simplest method by which they can create applications for the long tail. A key part of this is to endorse and encourage the use of technologies which are based around open standards. WAC plans to initially use both the JIL and OMTP BONDI requirements, evolving these into a common specification within the next 12 months. The long term goal will be to collectively work with the W3C for a common standard based on our converged solution.”
  • 19. OK, so how Could you get this into Android?
  • 20. “I came here to ask if it's possible Google Android will support W3C Widgets not instead of but in addition to its own app system.” “We need: - a browser (Android WebKit will do perfectly fine, thanks) - a way of associating .wgt files with this browser OR an installation mechanism - JavaScript device APIs” – PPK
  • 21. A Java server application in the Apache Incubator. Includes a W3C Widget parser library. * “Wookie” is not a clever acronym. so if you spell it WOOKIE you’re shouting!
  • 23. Other possibilities… • Feature extensions beyond BONDI/DAP ..? • Widget and feature extensions for “other” platforms. E.g. Android on TVs, kiosks, uncategorizable gizmos etc • Android+W3C Widget powered Chumby- like-things?