Apps & Widgets Scott Wilson [1] CETIS [email_address] [2] Apache Wookie (incubating) http://incubator.apache.org/ wookie scottbw @apache.org [3] W3C Webapps WG
Some handy stats 83% of mobile phones sold are “Feature Phones” - not smartphones Of the remaining 17%:
You  cannot  afford to develop  native  apps for all the  platforms  you need to hit to reach your  audience .  There are some things that help tame the numbers a little: Phonegap Appcelerator … but its still a  BIG  problem
SO 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?
HTML 5 changes the rules Max Firtmann, http://www.slideshare.net/firt/mobile-widgets-development O RLY?
Widgets HTML JavaScript CSS config.xml mywidget.wgt Icon.png
W3C Widgets: for Web, Mobile, or Desktop? Apple Dashboard Windows Sidebar Google Desktop Konfabulator Opera Widgets OpenSocial Google Gadgets Google Wave Gadgets WidgetBox SpringWidgets Nokia Widgets iPhone Apps Android Apps Widsets
How about, “yes”?
Device APIs: Adding Handset Capabilities to JavaScript BONDI W3 DAP W3 Geo Address Book Calendar Files Media capture (camera) Messaging System Policy Media Gallery Tasks Comms Log JavaScript
<html > <head> <script> function takePicture(){  var camera = bondi.camera.getCameras()[ 0 ];  camera.takePicture(function(pic){document.getElementById(&quot;picture&quot;).src=pic;},function(){alert( &quot;nope&quot; );});  }  </script>   </head>   <body> <button   onclick = &quot;takePicture()&quot; > Take Picture </button> <img   id = &quot;picture&quot;   src = &quot;&quot;   width = &quot;64&quot;   height = &quot;64&quot; />   </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 JavaScript Did you know that Opera Unite services were W3C Widgets?
“ 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
 ?  Works across devices    Can use phone features    Lower network use    Easy to develop Mobile-friendly Web Apps Widgets Native apps
So is this W3C thing going to take off?
 
 
 
“ 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.”
Aplix WRT for Android
 
BlackBerry Widgets is a platform to allow developers to leverage their existing web knowledge to build compelling mobile applications. A  BlackBerry Widget  combines  standard web technologies  with local device functionality in a familiar fashion while still providing industry leading security. Based off of the  W3C Widget  specification, a BlackBerry Widget is an alternative approach to building a mobile application in a native SDK yet still provides the same power and functionality. By using standard web technologies, the barrier for building compelling BlackBerry applications has been significantly lowered.
* “Wookie” is not a clever acronym. so if you spell it WOOKIE you’re shouting! A Java server application in the Apache Incubator. Includes a W3C Widget parser library.
Thanks [email_address] @scottbw http://incubator.apache.org/wookie

Apps & Widgets in Mobile Learning

  • 1.
    Apps & WidgetsScott Wilson [1] CETIS [email_address] [2] Apache Wookie (incubating) http://incubator.apache.org/ wookie scottbw @apache.org [3] W3C Webapps WG
  • 2.
    Some handy stats83% of mobile phones sold are “Feature Phones” - not smartphones Of the remaining 17%:
  • 3.
    You cannot afford to develop native apps for all the platforms you need to hit to reach your audience . There are some things that help tame the numbers a little: Phonegap Appcelerator … but its still a BIG problem
  • 4.
    SO Here isa mad idea lets make mobile apps using JUST html and javascript i wonder what Google and Apple think?
  • 5.
    “ no softwaredeveloper kit is required for the iPhone.” Steve Jobs, 2007
  • 6.
    “ App storesare not the future”, says Google (FT 2009)
  • 7.
  • 8.
    HTML 5 changesthe rules Max Firtmann, http://www.slideshare.net/firt/mobile-widgets-development O RLY?
  • 9.
    Widgets HTML JavaScriptCSS config.xml mywidget.wgt Icon.png
  • 10.
    W3C Widgets: forWeb, Mobile, or Desktop? Apple Dashboard Windows Sidebar Google Desktop Konfabulator Opera Widgets OpenSocial Google Gadgets Google Wave Gadgets WidgetBox SpringWidgets Nokia Widgets iPhone Apps Android Apps Widsets
  • 11.
  • 12.
    Device APIs: AddingHandset Capabilities to JavaScript BONDI W3 DAP W3 Geo Address Book Calendar Files Media capture (camera) Messaging System Policy Media Gallery Tasks Comms Log JavaScript
  • 13.
    <html > <head><script> function takePicture(){ var camera = bondi.camera.getCameras()[ 0 ]; camera.takePicture(function(pic){document.getElementById(&quot;picture&quot;).src=pic;},function(){alert( &quot;nope&quot; );}); } </script> </head> <body> <button onclick = &quot;takePicture()&quot; > Take Picture </button> <img id = &quot;picture&quot; src = &quot;&quot; width = &quot;64&quot; height = &quot;64&quot; /> </body> </html>
  • 14.
    Feature mapping <feature name =“http://bondi.omtp.org/api/camera.capture” required =“true” /> JavaScript
  • 15.
    Feature mixing! <featurename=“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 JavaScript Did you know that Opera Unite services were W3C Widgets?
  • 16.
    “ W3C Widgetsare 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
  • 17.
     ? Works across devices    Can use phone features    Lower network use    Easy to develop Mobile-friendly Web Apps Widgets Native apps
  • 18.
    So is thisW3C thing going to take off?
  • 19.
  • 20.
  • 21.
  • 22.
    “ A fundamentalpart 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.”
  • 23.
  • 24.
  • 25.
    BlackBerry Widgets isa platform to allow developers to leverage their existing web knowledge to build compelling mobile applications. A BlackBerry Widget combines standard web technologies with local device functionality in a familiar fashion while still providing industry leading security. Based off of the W3C Widget specification, a BlackBerry Widget is an alternative approach to building a mobile application in a native SDK yet still provides the same power and functionality. By using standard web technologies, the barrier for building compelling BlackBerry applications has been significantly lowered.
  • 26.
    * “Wookie” isnot a clever acronym. so if you spell it WOOKIE you’re shouting! A Java server application in the Apache Incubator. Includes a W3C Widget parser library.
  • 27.
    Thanks [email_address] @scottbwhttp://incubator.apache.org/wookie

Editor's Notes

  • #12 Opera’s “Bubbles” widget, on Symbian, Windows Mobile, Mac Desktop (Widgeon), and on the web (Wookie+Jaiku)