• Save
Dominik Helleberg Widgets Wjax
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Dominik Helleberg Widgets Wjax

on

  • 1,518 views

 

Statistics

Views

Total Views
1,518
Views on SlideShare
1,514
Embed Views
4

Actions

Likes
0
Downloads
0
Comments
0

1 Embed 4

http://www.slideshare.net 4

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Dominik Helleberg Widgets Wjax Presentation Transcript

  • 1. Mobile Webapplikationen mit Widgets Dominik Helleberg Vodafone Internet Services 12 November 2009 1 Mobile Webapplikationen mit Widgets Dominik Helleberg 12 November 2009 Vodafone Internet Services
  • 2. Client Dev Team Contact us via http://www.betavine.net/ Follow us on http://twitter.com/Mobilewidgets 2 Mobile Webapplikationen mit Widgets Dominik Helleberg 12 November 2009 Vodafone Internet Services
  • 3. Mobile Client Technologien XHTML WAP Browser JME Objective C 1999 / 2000 2002 2005 2008 3 Mobile Webapplikationen mit Widgets Dominik Helleberg 12 November 2009 Vodafone Internet Services
  • 4. Mobile Client Technologien 2009 2009 4 Mobile Webapplikationen mit Widgets Dominik Helleberg 12 November 2009 Vodafone Internet Services
  • 5. App Stores 2009 Nokia Ovi Store Windows Marketplace BlackBerry App World Apple App Store PocketGear Handmark Sony E/// PlayNow Android Market LG App Store GetJar Samsung App Store SlideME Intel Atom Palm App Catalogue Mobango Java App Store 5 Mobile Webapplikationen mit Widgets Dominik Helleberg 12 November 2009 Vodafone Internet Services
  • 6. Widgets to the rescue based on Web Technologies > W3C Widget Spec – preference storage, APIs, view modes, security / signing, automatic upates, internationalization > Basierend auf bekannten Webtechnologien – HTML, CSS, ECMA Script, SVG 6 Mobile Webapplikationen mit Widgets Dominik Helleberg 12 November 2009 Vodafone Internet Services
  • 7. Web Technologien > ermöglichen schnelle und einfache Entwicklung > sind platformunabhängig > sind skalierbar > passen in bestehende Infrastrukturen > sind optimal zur Frontend und User Interface Entwicklung > sind auf dem Desktop & mobil verfügbar > erleben eine schnelle Weiterentwicklung > bieten umfangreiche Bibliotheken und Tools > lösen klassische Desktop Applikationen mehr und mehr ab 7 Mobile Webapplikationen mit Widgets Dominik Helleberg 12 November 2009 Vodafone Internet Services
  • 8. Hello Widget index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>HelloWorld</title> </head> <body> <div style="color:red" > Hello World! </div> </body> </html> 8 Mobile Webapplikationen mit Widgets Dominik Helleberg 12 November 2009 Vodafone Internet Services
  • 9. Hello Widget config.xml <widget dockable="false"> <widgetname>HelloWorld</widgetname> <width>320</width> <height>240</height> </widget> 9 Mobile Webapplikationen mit Widgets Dominik Helleberg 12 November 2009 Vodafone Internet Services
  • 10. Hello Widget packaging index.html config.xml .wgt 10 Mobile Webapplikationen mit Widgets Dominik Helleberg 12 November 2009 Vodafone Internet Services
  • 11. Mobile Widgets Technologien > HTML 4 | HTML5 > XHTML1.0 | XHTML 1.1 > CSS 1 | CSS 2 | CSS 3 | CSS3 Media Queries > DOM 2 > ECMA Script Version 3 > SVG > XMLHttpRequest 11 Mobile Webapplikationen mit Widgets Dominik Helleberg 12 November 2009 Vodafone Internet Services
  • 12. Mobile Widgets Features view modes 12 Mobile Webapplikationen mit Widgets Dominik Helleberg 12 November 2009 Vodafone Internet Services
  • 13. Mobile Widgets Features view modes config.xml <widget dockable=“true” | floatable=“true”> CSS @media all and (-o-widget-mode:docked) { #mainView { display: none } #dockedView { display: block !important } } #dockedView { display: none } Script widget.addEventListener('widgetmodechange', function(){ if(widget.widgetMode == "docked") { // } }, false); 13 Mobile Webapplikationen mit Widgets Dominik Helleberg 12 November 2009 Vodafone Internet Services
  • 14. Mobile Widgets Features Scalability / portability 14 Mobile Webapplikationen mit Widgets Dominik Helleberg 12 November 2009 Vodafone Internet Services
  • 15. Mobile Widgets Features Scalability / portability Samsung H1 (800x480) Nokia N97 (640x360) Samsung M1 (400x240) Nokia N95 (320x240) 15 Mobile Webapplikationen mit Widgets Dominik Helleberg 12 November 2009 Vodafone Internet Services
  • 16. Mobile Widgets Features Scalability / portability Samsung H1 (267ppi) Nokia N97 (210ppi) Nokia 6710 (181ppi) Nokia N95 (153ppi) 24inch Desktop, Full-HD'ish (94ppi) 16 Mobile Webapplikationen mit Widgets Dominik Helleberg 12 November 2009 Vodafone Internet Services
  • 17. Mobile Widgets Features Scalability / portability body, html { font-size: 16px; } @media all and (min-resolution: 150dpi) { body, html { font-size: 20px; } } @media all and (min-resolution: 200dpi) { body, html { font-size: 25px; } } 17 Mobile Webapplikationen mit Widgets Dominik Helleberg 12 November 2009 Vodafone Internet Services
  • 18. Mobile Widgets Features Device APIs? JIL 18 Mobile Webapplikationen mit Widgets Dominik Helleberg 12 November 2009 Vodafone Internet Services
  • 19. Mobile Widgets Features Device APIs Location var wdev = Widget.Device.DeviceStateInfo; wdev.onPositionRetrieved = function(posInfo) { mapUi.update({ latitude : posInfo.latitude, longitude : posInfo.longitude }); } wdev.requestPositionInfo("gps"); 19 Mobile Webapplikationen mit Widgets Dominik Helleberg 12 November 2009 Vodafone Internet Services
  • 20. Mobile Widgets Features Device APIs Security? W3C Digitial Signatures http://www.w3.org/TR/widgets-digsig/ 20 Mobile Webapplikationen mit Widgets Dominik Helleberg 12 November 2009 Vodafone Internet Services
  • 21. Mobile Widgets Tools > Widget Packager > Widget Emulator > Desktop debugging > On-Device-Debugging > On-the-fly editing 21 Mobile Webapplikationen mit Widgets Dominik Helleberg 12 November 2009 Vodafone Internet Services
  • 22. Widgets Landscape 2009 > Vodafone started Widget beta in 9 Ländern > Zielplatform Symbian S60v3 und S60v5 – 40 devices > Kostenloser upload über Mobile Widget Platform > App Shop ermöglicht einfache Installation und Suche > zur Zeit ca 1500 Widgets online > Vodafone 360 App Shop gestartet > Widget Competition „App Star“ gestartet > T-Mobile startet Widgets im Sommer 2009 > RIM kündigt Widget Rutime an > Microsoft kündigt Widget Runtime an 22 Mobile Webapplikationen mit Widgets Dominik Helleberg 12 November 2009 Vodafone Internet Services
  • 23. What‘s next? > Mehr devices, mehr Platformen > Netzwerk APIs > Device APIs > Abrechnung von Widgets > In-widget Micro Payment 23 Mobile Webapplikationen mit Widgets Dominik Helleberg 12 November 2009 Vodafone Internet Services
  • 24. Alles gut? > Verschiedene Spec Versionen > Funktionalität > APIs > 3D Grafik > Verbreitung > Tools 24 Mobile Webapplikationen mit Widgets Dominik Helleberg 12 November 2009 Vodafone Internet Services
  • 25. Widget Bookmarks > http://www.jil.org/vodafone/appstar > http://developer.vodafone.com > http://widget.vodafone.com > http://twitter.com/Mobilewidgets 25 Mobile Webapplikationen mit Widgets Dominik Helleberg 12 November 2009 Vodafone Internet Services