SlideShare a Scribd company logo
1 of 37
Download to read offline
Mobile Widget Development




      Maximiliano Firtman!
               Firt!   Firt.mobi!
Inside Mobile July,  27th   2009
             San José, CA
 twi%er.com/firt 
 www.firt.mobi 
 www.mobile0nyurl.com 
 www.widgen.com  


            Maximiliano Firtman!
                         Firt!   Firt.mobi!
What




Mobile Widgets
What


     Offline capable mobile applica0ons 

      Icon in the apps menu 

       HTML, CSS, JavaScript, AJAX 

        Invisible to the user 


   Meaning in WebOS and Android 



            Mobile Widgets
Why


   Vendors Roadmap 

   Device fragmenta0on is increasing 

   We need to be fast  

   “… is the future of mobile applica0ons”,  
          Google, July, 16th 2009 
                InsideMobile 
    Non 
   Related 
    30% 
              Related 
               70% 
Positive

     Well‐known technologies 

      Tools, Frameworks, IDEs  

       Web APIs 

        Low 0me‐to‐market 

         Por0ng 

          Applica0on Stores!  

           Only a few UI rendering engines 

            Easy to port from/to desktop 
Negative

     We s0ll need por0ng 

      Debugging 

       Standards 

        It's not na0ve, we know that.. 

         Performance  

          Not for all kind of apps 
Can              Can’t
Applica0ons       2D games* 

Web Mashups       3D games 

Mobile Clients    High CPU apps 

Casual games      Background apps* 
Architecture
Architecture
Architecture
Cross Platform Standards
Cross Platform Standards
For packaging 

   W3C Widget 

   Apple Widget 

For Mobile Pla4orm Access 

   W3C Geoloca0on & MWI 

   BONDI  

   HTML 5 

   Google Gears 

   Nokia Plaform Services 2.0 
                                  ad.ag/jgwajg 
Tools
For coding 

   Aptana / Eclipse 

   Adobe Dreamweaver 

   Visual Studio 

For packaging / signing 

   Nokia WRT plugins 

   Motodev.UI 

   Mojo SDK 

   PhoneGap Projects 

   Any ZIP packager! 
Let’s talk about platforms!
Symbian Foundation!
 
     Web Run0me 
 
      First class ci0zen 
 
       Available Today 
 
        Versions 
           
   WRT 1.0 
           
   WRT 1.1 [MiniView] 
           
   Plaform Services 2.0 
iPhone OS!
 
   WebClip with icon  
 
   Available Today 
 
   Versions 
      
   Webapps for iPhone 2.0 
      
   Webapps for iPhone 3.0 
      
   Hybrid 
Palm WebOS!
 
     Available Today 
 
      Unique developer plaform 
 
       Mojo Framework 
 
        Versions 
           
   Full feature apps 
           
   Browser based 
Windows Mobile!
 
   Since 6.5 
 
   Uses Internet Explorer 
 
   Versions 
      
   Widget 
      
   Hybrid (< 6.5) 
      
   BONDI Ac0veX (< 6.5) 
Android!
  
   Widget / AppWidget 
  
   Versions: 
       
   Hybrid 
       
   Offline webapp 
BlackBerry!
  
     Widget Plaform Announced 
  
      Private tes0ng right now 
  
       Will be first class ci0zen as COD files 
  
        Versions 
            
   Widget 
            
   Hybrid 
Motorola WebUI!
 
   Available Today 
 
   Future? 
 
   Versions 
      
   WebUI Widgets 
      
   Full feature Widget apps 
LG Widget Platform!
 
   Plaform announced 
 
   SDK available 
 
   Based on BONDI 1.0 
Samsung Widgets!
 
     Cross Plaform 
 
      Available at the Home Screen 
 
       WRT available in Symbian 
 
        Resizable 
 
         In Symbian, two plaforms 
Opera Widgets!
 
   Cross Plaform 
 
   Available for many operators 
JIL – Joint Innovation Lab!
 
     Cross Plaform 
 
      Future devices 
 
       SDK Available 
 
        Billing inside 
Just for the record…!
  •  HTML based 
     –  ACCESS NetFront Widgets 
  •  Adobe Flash based 
     –  Sony Ericsson’s Capuchin Project 
     –  Nokia Flash (NFL Format) for S40 
     –  Flash Mobile Packager 
  •  XML and some script based 
     –  Prosciu%o Project (Java ME) 
     –  Yahoo! Blueprint 
     –  Orange Djinngo 
     –  Sun Java On Device Portal 
Let’s talk about !
challenges!
UI Challenges

   UI Frameworks 
  
     HTML  / CSS  
  
      Mojo 
  
       WRTKit  
  
        iUI 

   Na0ve menus 

   Interac0on Mode 
  
     View only 
  
       (mul0) Touch 
  
       Pointer 
  
        Focus 
UI Challenges

   Mul0ple views 
    
     Links  
    
      Sta0c DIVs 
    
       Dynamic DIVs  
    
        AJAX DIVs 

   Layout 
     
   Fixed 
     
   Liquid 
Code Challenges

     Performance 

      Dynamic app update 

       Pushing data 

        Por0ng 
     
   Using body class pa%ern 
     
   Using one CSS and JS per plaform 

   Data Storage 
     
   SQL  
     
   Key/Value 
Comparison

Available Today


Browser Engine
                   WebKit          IE     WebKit    Opera     WebKit 
Package Type


Signing


Standards
                                                         Bondi 

Distribution Channel


OTA / Offline Installation
Privacy and Security

If a widget is a ZIP 

… 

can I unzip it? 
Can we create a one cross
     platform code?
I think YES!

     Define the UI 

      Define the app logic 

       Create the device detec0on framework 

        Port the logic and UI 

         Test & Debug 

          Package for every plaform 

           For OTA 
     
   Device Detec0on 
     
   Show Webapp or package delivery 
To Read…
THANK YOU! 
 Twi%er.com/firt 
 www.firt.mobi 
 www.mobile0nyurl.com 
 www.widgen.com  

Pictures from freedigitalphotos.net 

More Related Content

What's hot

웹(web)의 현재와 미래(2)
웹(web)의 현재와 미래(2)웹(web)의 현재와 미래(2)
웹(web)의 현재와 미래(2)mosaicnet
 
Introduction to Mobile Application Development
Introduction to Mobile Application DevelopmentIntroduction to Mobile Application Development
Introduction to Mobile Application Developmentshikishiji
 
Hybrid mobile app with Kendo UI Mobile
Hybrid mobile app with Kendo UI MobileHybrid mobile app with Kendo UI Mobile
Hybrid mobile app with Kendo UI MobileDhananjay Kumar
 
Day: 1 Introduction to Mobile Application Development (in Android)
Day: 1 Introduction to Mobile Application Development (in Android)Day: 1 Introduction to Mobile Application Development (in Android)
Day: 1 Introduction to Mobile Application Development (in Android)Ahsanul Karim
 
Mobile Developer's Guide To The Galaxy, 5th edition
Mobile Developer's Guide To The Galaxy, 5th editionMobile Developer's Guide To The Galaxy, 5th edition
Mobile Developer's Guide To The Galaxy, 5th editionMarco Tabor
 
Mobile Developer's Guide To The Galaxy Vol.7
Mobile Developer's Guide To The Galaxy Vol.7Mobile Developer's Guide To The Galaxy Vol.7
Mobile Developer's Guide To The Galaxy Vol.7Marco Tabor
 
Mobile app development - course intro
Mobile app development - course introMobile app development - course intro
Mobile app development - course introIvano Malavolta
 
Mobile Developer's Guide To The Galaxy No.10
Mobile Developer's Guide To The Galaxy No.10Mobile Developer's Guide To The Galaxy No.10
Mobile Developer's Guide To The Galaxy No.10Marco Tabor
 
X-Platform native apps in C# and .NET using Xamarin tools (iOS/WP/Android)
X-Platform native apps in C# and .NET using Xamarin tools (iOS/WP/Android)X-Platform native apps in C# and .NET using Xamarin tools (iOS/WP/Android)
X-Platform native apps in C# and .NET using Xamarin tools (iOS/WP/Android)Mark Radacz
 
Development of Mobile Application -PPT
Development of Mobile Application -PPTDevelopment of Mobile Application -PPT
Development of Mobile Application -PPTDhivya T
 
Top 10 programming languages for mobile app development
Top 10 programming languages for mobile app developmentTop 10 programming languages for mobile app development
Top 10 programming languages for mobile app developmentWxit Consultant Services
 
Hybrid mobile app development
Hybrid mobile app developmentHybrid mobile app development
Hybrid mobile app developmentChamil Madusanka
 
Introduction to Mobile Development
Introduction to Mobile DevelopmentIntroduction to Mobile Development
Introduction to Mobile DevelopmentPragnesh Vaghela
 
Mobile Developer's Guide To The Galaxy 11th edition
Mobile Developer's Guide To The Galaxy 11th editionMobile Developer's Guide To The Galaxy 11th edition
Mobile Developer's Guide To The Galaxy 11th editionMarco Tabor
 
General Session
General SessionGeneral Session
General SessionHerxun Inc
 
Brian Le Roux Presentation Introducing Phone Gap
Brian Le Roux Presentation Introducing Phone GapBrian Le Roux Presentation Introducing Phone Gap
Brian Le Roux Presentation Introducing Phone GapAjax Experience 2009
 
Mobile applications chapter 5
Mobile applications chapter 5Mobile applications chapter 5
Mobile applications chapter 5Akib B. Momin
 

What's hot (20)

웹(web)의 현재와 미래(2)
웹(web)의 현재와 미래(2)웹(web)의 현재와 미래(2)
웹(web)의 현재와 미래(2)
 
Introduction to Mobile Application Development
Introduction to Mobile Application DevelopmentIntroduction to Mobile Application Development
Introduction to Mobile Application Development
 
Hybrid mobile app with Kendo UI Mobile
Hybrid mobile app with Kendo UI MobileHybrid mobile app with Kendo UI Mobile
Hybrid mobile app with Kendo UI Mobile
 
Day: 1 Introduction to Mobile Application Development (in Android)
Day: 1 Introduction to Mobile Application Development (in Android)Day: 1 Introduction to Mobile Application Development (in Android)
Day: 1 Introduction to Mobile Application Development (in Android)
 
Mobile Developer's Guide To The Galaxy, 5th edition
Mobile Developer's Guide To The Galaxy, 5th editionMobile Developer's Guide To The Galaxy, 5th edition
Mobile Developer's Guide To The Galaxy, 5th edition
 
Mobile Developer's Guide To The Galaxy Vol.7
Mobile Developer's Guide To The Galaxy Vol.7Mobile Developer's Guide To The Galaxy Vol.7
Mobile Developer's Guide To The Galaxy Vol.7
 
Hybrid mobile apps
Hybrid mobile appsHybrid mobile apps
Hybrid mobile apps
 
Mobile app development - course intro
Mobile app development - course introMobile app development - course intro
Mobile app development - course intro
 
Mobile Developer's Guide To The Galaxy No.10
Mobile Developer's Guide To The Galaxy No.10Mobile Developer's Guide To The Galaxy No.10
Mobile Developer's Guide To The Galaxy No.10
 
X-Platform native apps in C# and .NET using Xamarin tools (iOS/WP/Android)
X-Platform native apps in C# and .NET using Xamarin tools (iOS/WP/Android)X-Platform native apps in C# and .NET using Xamarin tools (iOS/WP/Android)
X-Platform native apps in C# and .NET using Xamarin tools (iOS/WP/Android)
 
Development of Mobile Application -PPT
Development of Mobile Application -PPTDevelopment of Mobile Application -PPT
Development of Mobile Application -PPT
 
Top 10 programming languages for mobile app development
Top 10 programming languages for mobile app developmentTop 10 programming languages for mobile app development
Top 10 programming languages for mobile app development
 
Hybrid mobile app development
Hybrid mobile app developmentHybrid mobile app development
Hybrid mobile app development
 
Introduction to Mobile Development
Introduction to Mobile DevelopmentIntroduction to Mobile Development
Introduction to Mobile Development
 
Mobile Developer's Guide To The Galaxy 11th edition
Mobile Developer's Guide To The Galaxy 11th editionMobile Developer's Guide To The Galaxy 11th edition
Mobile Developer's Guide To The Galaxy 11th edition
 
General Session
General SessionGeneral Session
General Session
 
Brian Le Roux Presentation Introducing Phone Gap
Brian Le Roux Presentation Introducing Phone GapBrian Le Roux Presentation Introducing Phone Gap
Brian Le Roux Presentation Introducing Phone Gap
 
Mobile applications chapter 5
Mobile applications chapter 5Mobile applications chapter 5
Mobile applications chapter 5
 
Hybrid mobile app with kendo ui mobile
Hybrid mobile app with kendo ui mobileHybrid mobile app with kendo ui mobile
Hybrid mobile app with kendo ui mobile
 
Hybrid Mobile App
Hybrid Mobile AppHybrid Mobile App
Hybrid Mobile App
 

Viewers also liked

Widgets –what’s that all about then?
Widgets –what’s that all about then?Widgets –what’s that all about then?
Widgets –what’s that all about then?Nathalie Magniez
 
Mep certification subject lines
Mep certification  subject linesMep certification  subject lines
Mep certification subject linesluckyfish72
 
10 Mobile Application Framework Must Know to Launch New App
10 Mobile Application Framework Must Know to Launch New App10 Mobile Application Framework Must Know to Launch New App
10 Mobile Application Framework Must Know to Launch New AppSonitek International
 
Mobile appswidgetsppt
Mobile appswidgetspptMobile appswidgetsppt
Mobile appswidgetspptluckyfish72
 
Introduction to Mobile Technology
Introduction to Mobile TechnologyIntroduction to Mobile Technology
Introduction to Mobile TechnologyPriya Nath
 
Different types of mobile apps
Different types of mobile appsDifferent types of mobile apps
Different types of mobile appsEric Melchor
 
Mobile Application Development: Hybrid, Native and Mobile Web Apps
Mobile Application Development: Hybrid, Native and Mobile Web AppsMobile Application Development: Hybrid, Native and Mobile Web Apps
Mobile Application Development: Hybrid, Native and Mobile Web AppsPaul Sons
 
Dhwani09 Lonewolf - Prelims
Dhwani09 Lonewolf - PrelimsDhwani09 Lonewolf - Prelims
Dhwani09 Lonewolf - PrelimsJithin Jacob
 
Interactive Cad Solutions
Interactive Cad SolutionsInteractive Cad Solutions
Interactive Cad Solutionsrobertconleysr
 
Social media to reach clients
Social media to reach clientsSocial media to reach clients
Social media to reach clientsChris Dattilo
 
Hot High Paying Keywords Of All Time
Hot High Paying Keywords Of All TimeHot High Paying Keywords Of All Time
Hot High Paying Keywords Of All Timejaxky
 
讓網站企畫工作更順暢的數位工具 李一詩
讓網站企畫工作更順暢的數位工具 李一詩讓網站企畫工作更順暢的數位工具 李一詩
讓網站企畫工作更順暢的數位工具 李一詩悠識學院
 
Lorenzs Slides
Lorenzs SlidesLorenzs Slides
Lorenzs SlidesMary Rose
 
Prototyping:以 WEBOWEBO網站為例 by 張克平
Prototyping:以 WEBOWEBO網站為例 by 張克平Prototyping:以 WEBOWEBO網站為例 by 張克平
Prototyping:以 WEBOWEBO網站為例 by 張克平悠識學院
 
Breaking Limits on Mobile HTML5 - TopConf Tallinn
Breaking Limits on Mobile HTML5 - TopConf TallinnBreaking Limits on Mobile HTML5 - TopConf Tallinn
Breaking Limits on Mobile HTML5 - TopConf TallinnMaximiliano Firtman
 

Viewers also liked (20)

Widgets –what’s that all about then?
Widgets –what’s that all about then?Widgets –what’s that all about then?
Widgets –what’s that all about then?
 
Mep certification subject lines
Mep certification  subject linesMep certification  subject lines
Mep certification subject lines
 
10 Mobile Application Framework Must Know to Launch New App
10 Mobile Application Framework Must Know to Launch New App10 Mobile Application Framework Must Know to Launch New App
10 Mobile Application Framework Must Know to Launch New App
 
Mobile appswidgetsppt
Mobile appswidgetspptMobile appswidgetsppt
Mobile appswidgetsppt
 
Introduction to Mobile Technology
Introduction to Mobile TechnologyIntroduction to Mobile Technology
Introduction to Mobile Technology
 
Different types of mobile apps
Different types of mobile appsDifferent types of mobile apps
Different types of mobile apps
 
Mobile games
Mobile gamesMobile games
Mobile games
 
Different types of mobile apps
Different types of mobile appsDifferent types of mobile apps
Different types of mobile apps
 
Mobile Application Development: Hybrid, Native and Mobile Web Apps
Mobile Application Development: Hybrid, Native and Mobile Web AppsMobile Application Development: Hybrid, Native and Mobile Web Apps
Mobile Application Development: Hybrid, Native and Mobile Web Apps
 
Dhwani09 Lonewolf - Prelims
Dhwani09 Lonewolf - PrelimsDhwani09 Lonewolf - Prelims
Dhwani09 Lonewolf - Prelims
 
Interactive Cad Solutions
Interactive Cad SolutionsInteractive Cad Solutions
Interactive Cad Solutions
 
Paradise Bay Grand
Paradise Bay GrandParadise Bay Grand
Paradise Bay Grand
 
Social media to reach clients
Social media to reach clientsSocial media to reach clients
Social media to reach clients
 
JSConf - Mobile HTML5
JSConf - Mobile HTML5JSConf - Mobile HTML5
JSConf - Mobile HTML5
 
SMS Based Push Mail
SMS Based Push MailSMS Based Push Mail
SMS Based Push Mail
 
Hot High Paying Keywords Of All Time
Hot High Paying Keywords Of All TimeHot High Paying Keywords Of All Time
Hot High Paying Keywords Of All Time
 
讓網站企畫工作更順暢的數位工具 李一詩
讓網站企畫工作更順暢的數位工具 李一詩讓網站企畫工作更順暢的數位工具 李一詩
讓網站企畫工作更順暢的數位工具 李一詩
 
Lorenzs Slides
Lorenzs SlidesLorenzs Slides
Lorenzs Slides
 
Prototyping:以 WEBOWEBO網站為例 by 張克平
Prototyping:以 WEBOWEBO網站為例 by 張克平Prototyping:以 WEBOWEBO網站為例 by 張克平
Prototyping:以 WEBOWEBO網站為例 by 張克平
 
Breaking Limits on Mobile HTML5 - TopConf Tallinn
Breaking Limits on Mobile HTML5 - TopConf TallinnBreaking Limits on Mobile HTML5 - TopConf Tallinn
Breaking Limits on Mobile HTML5 - TopConf Tallinn
 

Similar to Mobile Widgets Development

Open Source to the Rescue of Mobile App and Mobile Web Fragmentation
Open Source to the Rescue of Mobile App and Mobile Web FragmentationOpen Source to the Rescue of Mobile App and Mobile Web Fragmentation
Open Source to the Rescue of Mobile App and Mobile Web FragmentationTom Deryckere
 
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?Belen Barros Pena
 
Apps vs. Sites vs. Content - a vendor-agnostic view on building stuff for the...
Apps vs. Sites vs. Content - a vendor-agnostic view on building stuff for the...Apps vs. Sites vs. Content - a vendor-agnostic view on building stuff for the...
Apps vs. Sites vs. Content - a vendor-agnostic view on building stuff for the...Kai Koenig
 
Html5 investigation
Html5 investigationHtml5 investigation
Html5 investigationoppokui
 
Mobile Development Platforms
Mobile Development PlatformsMobile Development Platforms
Mobile Development PlatformsAndri Yadi
 
Fragmentation in mobile design: fact or fiction
Fragmentation in mobile design: fact or fictionFragmentation in mobile design: fact or fiction
Fragmentation in mobile design: fact or fictionBelen Barros Pena
 
Mobile Developer's Guide To The Galaxy No. 9
Mobile Developer's Guide To The Galaxy No. 9Mobile Developer's Guide To The Galaxy No. 9
Mobile Developer's Guide To The Galaxy No. 9Marco Tabor
 
HTML5 and the dawn of rich mobile web applications
HTML5 and the dawn of rich mobile web applicationsHTML5 and the dawn of rich mobile web applications
HTML5 and the dawn of rich mobile web applicationsJames Pearce
 
Sencha Touch for Rubyists
Sencha Touch for RubyistsSencha Touch for Rubyists
Sencha Touch for RubyistsJames Pearce
 
Cross Platform Mobile Developmemnt
Cross Platform Mobile DevelopmemntCross Platform Mobile Developmemnt
Cross Platform Mobile DevelopmemntSoutom Dhara
 
iEnterprise - Mit HTML5 zum Unternehmens-Dashboard für Tablets
iEnterprise - Mit HTML5 zum Unternehmens-Dashboard für TabletsiEnterprise - Mit HTML5 zum Unternehmens-Dashboard für Tablets
iEnterprise - Mit HTML5 zum Unternehmens-Dashboard für TabletsStefan Kolb
 
iEnterprise - Mit HTML-5 zum Unternehmens-Dashboard für Tablets
iEnterprise - Mit HTML-5 zum Unternehmens-Dashboard für TabletsiEnterprise - Mit HTML-5 zum Unternehmens-Dashboard für Tablets
iEnterprise - Mit HTML-5 zum Unternehmens-Dashboard für TabletsIndiginox
 
S60 Web Runtime - Web2.0 Expo Europe 2008
S60 Web Runtime - Web2.0 Expo Europe 2008S60 Web Runtime - Web2.0 Expo Europe 2008
S60 Web Runtime - Web2.0 Expo Europe 2008petrosoininen
 

Similar to Mobile Widgets Development (20)

Open Source to the Rescue of Mobile App and Mobile Web Fragmentation
Open Source to the Rescue of Mobile App and Mobile Web FragmentationOpen Source to the Rescue of Mobile App and Mobile Web Fragmentation
Open Source to the Rescue of Mobile App and Mobile Web Fragmentation
 
Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?Mobile fragmentation, fact or myth?
Mobile fragmentation, fact or myth?
 
Magic xpa total mobility experience
Magic xpa  total mobility experienceMagic xpa  total mobility experience
Magic xpa total mobility experience
 
Apps vs. Sites vs. Content - a vendor-agnostic view on building stuff for the...
Apps vs. Sites vs. Content - a vendor-agnostic view on building stuff for the...Apps vs. Sites vs. Content - a vendor-agnostic view on building stuff for the...
Apps vs. Sites vs. Content - a vendor-agnostic view on building stuff for the...
 
Samsung
SamsungSamsung
Samsung
 
Html5 investigation
Html5 investigationHtml5 investigation
Html5 investigation
 
DDive- Giuseppe Grasso - mobile su Lotus
DDive- Giuseppe Grasso - mobile su LotusDDive- Giuseppe Grasso - mobile su Lotus
DDive- Giuseppe Grasso - mobile su Lotus
 
Mobile Development Platforms
Mobile Development PlatformsMobile Development Platforms
Mobile Development Platforms
 
Mobile browser testing v1.0
Mobile browser testing v1.0Mobile browser testing v1.0
Mobile browser testing v1.0
 
Fragmentation in mobile design: fact or fiction
Fragmentation in mobile design: fact or fictionFragmentation in mobile design: fact or fiction
Fragmentation in mobile design: fact or fiction
 
Mobile Developer's Guide To The Galaxy No. 9
Mobile Developer's Guide To The Galaxy No. 9Mobile Developer's Guide To The Galaxy No. 9
Mobile Developer's Guide To The Galaxy No. 9
 
Unify - JSConf.EU 2010
Unify - JSConf.EU 2010Unify - JSConf.EU 2010
Unify - JSConf.EU 2010
 
HTML5 and the dawn of rich mobile web applications
HTML5 and the dawn of rich mobile web applicationsHTML5 and the dawn of rich mobile web applications
HTML5 and the dawn of rich mobile web applications
 
Rhodes vs Phonegap
Rhodes vs PhonegapRhodes vs Phonegap
Rhodes vs Phonegap
 
Sencha Touch for Rubyists
Sencha Touch for RubyistsSencha Touch for Rubyists
Sencha Touch for Rubyists
 
Cross Platform Mobile Developmemnt
Cross Platform Mobile DevelopmemntCross Platform Mobile Developmemnt
Cross Platform Mobile Developmemnt
 
Hybrid Apps / iPhoneDevCon 2010
Hybrid Apps / iPhoneDevCon 2010Hybrid Apps / iPhoneDevCon 2010
Hybrid Apps / iPhoneDevCon 2010
 
iEnterprise - Mit HTML5 zum Unternehmens-Dashboard für Tablets
iEnterprise - Mit HTML5 zum Unternehmens-Dashboard für TabletsiEnterprise - Mit HTML5 zum Unternehmens-Dashboard für Tablets
iEnterprise - Mit HTML5 zum Unternehmens-Dashboard für Tablets
 
iEnterprise - Mit HTML-5 zum Unternehmens-Dashboard für Tablets
iEnterprise - Mit HTML-5 zum Unternehmens-Dashboard für TabletsiEnterprise - Mit HTML-5 zum Unternehmens-Dashboard für Tablets
iEnterprise - Mit HTML-5 zum Unternehmens-Dashboard für Tablets
 
S60 Web Runtime - Web2.0 Expo Europe 2008
S60 Web Runtime - Web2.0 Expo Europe 2008S60 Web Runtime - Web2.0 Expo Europe 2008
S60 Web Runtime - Web2.0 Expo Europe 2008
 

More from Maximiliano Firtman

ChatGPT and AI for Web Developers
ChatGPT and AI for Web DevelopersChatGPT and AI for Web Developers
ChatGPT and AI for Web DevelopersMaximiliano Firtman
 
Hacking Web Performance en Español - JSConf México 2020
Hacking Web Performance en Español - JSConf México 2020Hacking Web Performance en Español - JSConf México 2020
Hacking Web Performance en Español - JSConf México 2020Maximiliano Firtman
 
Uncovering Secrets of Progressive Web Apps
Uncovering Secrets of Progressive Web AppsUncovering Secrets of Progressive Web Apps
Uncovering Secrets of Progressive Web AppsMaximiliano Firtman
 
Hacking Web Performance @ ForwardJS 2017
Hacking Web Performance @ ForwardJS 2017Hacking Web Performance @ ForwardJS 2017
Hacking Web Performance @ ForwardJS 2017Maximiliano Firtman
 
La Web Salta al Mundo Físico - Web meets Physical World (spanish)
La Web Salta al Mundo Físico - Web meets Physical World (spanish)La Web Salta al Mundo Físico - Web meets Physical World (spanish)
La Web Salta al Mundo Físico - Web meets Physical World (spanish)Maximiliano Firtman
 
Progressive Web Apps (español - spanish)
Progressive Web Apps (español - spanish)Progressive Web Apps (español - spanish)
Progressive Web Apps (español - spanish)Maximiliano Firtman
 
High Performance Web - Full Stack Toronto
High Performance Web - Full Stack TorontoHigh Performance Web - Full Stack Toronto
High Performance Web - Full Stack TorontoMaximiliano Firtman
 
Responsive Images and Performance
Responsive Images and PerformanceResponsive Images and Performance
Responsive Images and PerformanceMaximiliano Firtman
 
The Physical World meets the Web
The Physical World meets the WebThe Physical World meets the Web
The Physical World meets the WebMaximiliano Firtman
 
Extreme Web Performance for Mobile Devices
Extreme Web Performance for Mobile Devices Extreme Web Performance for Mobile Devices
Extreme Web Performance for Mobile Devices Maximiliano Firtman
 
Extreme Web Performance for Mobile Device Fluent 2015
Extreme Web Performance for Mobile Device Fluent 2015Extreme Web Performance for Mobile Device Fluent 2015
Extreme Web Performance for Mobile Device Fluent 2015Maximiliano Firtman
 
Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014
Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014
Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014Maximiliano Firtman
 
Extreme Web Performance for Mobile Devices - Velocity NY
Extreme Web Performance for Mobile Devices - Velocity NYExtreme Web Performance for Mobile Devices - Velocity NY
Extreme Web Performance for Mobile Devices - Velocity NYMaximiliano Firtman
 
Extreme Web Performance for Mobile Devices
Extreme Web Performance for Mobile DevicesExtreme Web Performance for Mobile Devices
Extreme Web Performance for Mobile DevicesMaximiliano Firtman
 

More from Maximiliano Firtman (20)

ChatGPT and AI for Web Developers
ChatGPT and AI for Web DevelopersChatGPT and AI for Web Developers
ChatGPT and AI for Web Developers
 
PWA Cheat Sheet 2023
PWA Cheat Sheet 2023PWA Cheat Sheet 2023
PWA Cheat Sheet 2023
 
Hacking Web Performance en Español - JSConf México 2020
Hacking Web Performance en Español - JSConf México 2020Hacking Web Performance en Español - JSConf México 2020
Hacking Web Performance en Español - JSConf México 2020
 
The modern PWA Cheat Sheet
The modern PWA Cheat SheetThe modern PWA Cheat Sheet
The modern PWA Cheat Sheet
 
Hacking Web Performance 2019
Hacking Web Performance 2019Hacking Web Performance 2019
Hacking Web Performance 2019
 
Progressive Web Apps Keynote
Progressive Web Apps KeynoteProgressive Web Apps Keynote
Progressive Web Apps Keynote
 
Hacking Web Performance
Hacking Web PerformanceHacking Web Performance
Hacking Web Performance
 
Uncovering Secrets of Progressive Web Apps
Uncovering Secrets of Progressive Web AppsUncovering Secrets of Progressive Web Apps
Uncovering Secrets of Progressive Web Apps
 
Hacking Web Performance
Hacking Web Performance Hacking Web Performance
Hacking Web Performance
 
Hacking Web Performance @ ForwardJS 2017
Hacking Web Performance @ ForwardJS 2017Hacking Web Performance @ ForwardJS 2017
Hacking Web Performance @ ForwardJS 2017
 
La Web Salta al Mundo Físico - Web meets Physical World (spanish)
La Web Salta al Mundo Físico - Web meets Physical World (spanish)La Web Salta al Mundo Físico - Web meets Physical World (spanish)
La Web Salta al Mundo Físico - Web meets Physical World (spanish)
 
Progressive Web Apps (español - spanish)
Progressive Web Apps (español - spanish)Progressive Web Apps (español - spanish)
Progressive Web Apps (español - spanish)
 
High Performance Web - Full Stack Toronto
High Performance Web - Full Stack TorontoHigh Performance Web - Full Stack Toronto
High Performance Web - Full Stack Toronto
 
Responsive Images and Performance
Responsive Images and PerformanceResponsive Images and Performance
Responsive Images and Performance
 
The Physical World meets the Web
The Physical World meets the WebThe Physical World meets the Web
The Physical World meets the Web
 
Extreme Web Performance for Mobile Devices
Extreme Web Performance for Mobile Devices Extreme Web Performance for Mobile Devices
Extreme Web Performance for Mobile Devices
 
Extreme Web Performance for Mobile Device Fluent 2015
Extreme Web Performance for Mobile Device Fluent 2015Extreme Web Performance for Mobile Device Fluent 2015
Extreme Web Performance for Mobile Device Fluent 2015
 
Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014
Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014
Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014
 
Extreme Web Performance for Mobile Devices - Velocity NY
Extreme Web Performance for Mobile Devices - Velocity NYExtreme Web Performance for Mobile Devices - Velocity NY
Extreme Web Performance for Mobile Devices - Velocity NY
 
Extreme Web Performance for Mobile Devices
Extreme Web Performance for Mobile DevicesExtreme Web Performance for Mobile Devices
Extreme Web Performance for Mobile Devices
 

Recently uploaded

Intro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджераIntro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджераMark Opanasiuk
 
Your enemies use GenAI too - staying ahead of fraud with Neo4j
Your enemies use GenAI too - staying ahead of fraud with Neo4jYour enemies use GenAI too - staying ahead of fraud with Neo4j
Your enemies use GenAI too - staying ahead of fraud with Neo4jNeo4j
 
Long journey of Ruby Standard library at RubyKaigi 2024
Long journey of Ruby Standard library at RubyKaigi 2024Long journey of Ruby Standard library at RubyKaigi 2024
Long journey of Ruby Standard library at RubyKaigi 2024Hiroshi SHIBATA
 
TopCryptoSupers 12thReport OrionX May2024
TopCryptoSupers 12thReport OrionX May2024TopCryptoSupers 12thReport OrionX May2024
TopCryptoSupers 12thReport OrionX May2024Stephen Perrenod
 
2024 May Patch Tuesday
2024 May Patch Tuesday2024 May Patch Tuesday
2024 May Patch TuesdayIvanti
 
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdfHow Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdfFIDO Alliance
 
ADP Passwordless Journey Case Study.pptx
ADP Passwordless Journey Case Study.pptxADP Passwordless Journey Case Study.pptx
ADP Passwordless Journey Case Study.pptxFIDO Alliance
 
Event-Driven Architecture Masterclass: Challenges in Stream Processing
Event-Driven Architecture Masterclass: Challenges in Stream ProcessingEvent-Driven Architecture Masterclass: Challenges in Stream Processing
Event-Driven Architecture Masterclass: Challenges in Stream ProcessingScyllaDB
 
Intro to Passkeys and the State of Passwordless.pptx
Intro to Passkeys and the State of Passwordless.pptxIntro to Passkeys and the State of Passwordless.pptx
Intro to Passkeys and the State of Passwordless.pptxFIDO Alliance
 
(Explainable) Data-Centric AI: what are you explaininhg, and to whom?
(Explainable) Data-Centric AI: what are you explaininhg, and to whom?(Explainable) Data-Centric AI: what are you explaininhg, and to whom?
(Explainable) Data-Centric AI: what are you explaininhg, and to whom?Paolo Missier
 
WebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM PerformanceWebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM PerformanceSamy Fodil
 
Using IESVE for Room Loads Analysis - UK & Ireland
Using IESVE for Room Loads Analysis - UK & IrelandUsing IESVE for Room Loads Analysis - UK & Ireland
Using IESVE for Room Loads Analysis - UK & IrelandIES VE
 
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptxHarnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptxFIDO Alliance
 
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...ScyllaDB
 
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...FIDO Alliance
 
Hyatt driving innovation and exceptional customer experiences with FIDO passw...
Hyatt driving innovation and exceptional customer experiences with FIDO passw...Hyatt driving innovation and exceptional customer experiences with FIDO passw...
Hyatt driving innovation and exceptional customer experiences with FIDO passw...FIDO Alliance
 
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdfSimplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdfFIDO Alliance
 
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdfIntroduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdfFIDO Alliance
 
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...FIDO Alliance
 
Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024Patrick Viafore
 

Recently uploaded (20)

Intro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджераIntro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджера
 
Your enemies use GenAI too - staying ahead of fraud with Neo4j
Your enemies use GenAI too - staying ahead of fraud with Neo4jYour enemies use GenAI too - staying ahead of fraud with Neo4j
Your enemies use GenAI too - staying ahead of fraud with Neo4j
 
Long journey of Ruby Standard library at RubyKaigi 2024
Long journey of Ruby Standard library at RubyKaigi 2024Long journey of Ruby Standard library at RubyKaigi 2024
Long journey of Ruby Standard library at RubyKaigi 2024
 
TopCryptoSupers 12thReport OrionX May2024
TopCryptoSupers 12thReport OrionX May2024TopCryptoSupers 12thReport OrionX May2024
TopCryptoSupers 12thReport OrionX May2024
 
2024 May Patch Tuesday
2024 May Patch Tuesday2024 May Patch Tuesday
2024 May Patch Tuesday
 
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdfHow Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
 
ADP Passwordless Journey Case Study.pptx
ADP Passwordless Journey Case Study.pptxADP Passwordless Journey Case Study.pptx
ADP Passwordless Journey Case Study.pptx
 
Event-Driven Architecture Masterclass: Challenges in Stream Processing
Event-Driven Architecture Masterclass: Challenges in Stream ProcessingEvent-Driven Architecture Masterclass: Challenges in Stream Processing
Event-Driven Architecture Masterclass: Challenges in Stream Processing
 
Intro to Passkeys and the State of Passwordless.pptx
Intro to Passkeys and the State of Passwordless.pptxIntro to Passkeys and the State of Passwordless.pptx
Intro to Passkeys and the State of Passwordless.pptx
 
(Explainable) Data-Centric AI: what are you explaininhg, and to whom?
(Explainable) Data-Centric AI: what are you explaininhg, and to whom?(Explainable) Data-Centric AI: what are you explaininhg, and to whom?
(Explainable) Data-Centric AI: what are you explaininhg, and to whom?
 
WebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM PerformanceWebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM Performance
 
Using IESVE for Room Loads Analysis - UK & Ireland
Using IESVE for Room Loads Analysis - UK & IrelandUsing IESVE for Room Loads Analysis - UK & Ireland
Using IESVE for Room Loads Analysis - UK & Ireland
 
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptxHarnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx
 
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
 
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
 
Hyatt driving innovation and exceptional customer experiences with FIDO passw...
Hyatt driving innovation and exceptional customer experiences with FIDO passw...Hyatt driving innovation and exceptional customer experiences with FIDO passw...
Hyatt driving innovation and exceptional customer experiences with FIDO passw...
 
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdfSimplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
 
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdfIntroduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
 
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
 
Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024
 

Mobile Widgets Development

  • 1. Mobile Widget Development Maximiliano Firtman! Firt! Firt.mobi!
  • 2. Inside Mobile July, 27th 2009 San José, CA  twi%er.com/firt   www.firt.mobi   www.mobile0nyurl.com   www.widgen.com   Maximiliano Firtman! Firt! Firt.mobi!
  • 4. What   Offline capable mobile applica0ons    Icon in the apps menu    HTML, CSS, JavaScript, AJAX    Invisible to the user    Meaning in WebOS and Android  Mobile Widgets
  • 5. Why   Vendors Roadmap    Device fragmenta0on is increasing    We need to be fast     “… is the future of mobile applica0ons”,             Google, July, 16th 2009  InsideMobile  Non  Related  30%  Related  70% 
  • 6. Positive   Well‐known technologies    Tools, Frameworks, IDEs     Web APIs    Low 0me‐to‐market    Por0ng    Applica0on Stores!     Only a few UI rendering engines    Easy to port from/to desktop 
  • 7. Negative   We s0ll need por0ng    Debugging    Standards    It's not na0ve, we know that..    Performance     Not for all kind of apps 
  • 8. Can Can’t Applica0ons  2D games*  Web Mashups  3D games  Mobile Clients  High CPU apps  Casual games  Background apps* 
  • 13. Cross Platform Standards For packaging    W3C Widget    Apple Widget  For Mobile Pla4orm Access    W3C Geoloca0on & MWI    BONDI     HTML 5    Google Gears    Nokia Plaform Services 2.0  ad.ag/jgwajg 
  • 14. Tools For coding    Aptana / Eclipse    Adobe Dreamweaver    Visual Studio  For packaging / signing    Nokia WRT plugins    Motodev.UI    Mojo SDK    PhoneGap Projects    Any ZIP packager! 
  • 15. Let’s talk about platforms!
  • 16. Symbian Foundation!   Web Run0me    First class ci0zen    Available Today    Versions    WRT 1.0    WRT 1.1 [MiniView]    Plaform Services 2.0 
  • 17. iPhone OS!   WebClip with icon     Available Today    Versions    Webapps for iPhone 2.0    Webapps for iPhone 3.0    Hybrid 
  • 18. Palm WebOS!   Available Today    Unique developer plaform    Mojo Framework    Versions    Full feature apps    Browser based 
  • 19. Windows Mobile!   Since 6.5    Uses Internet Explorer    Versions    Widget    Hybrid (< 6.5)    BONDI Ac0veX (< 6.5) 
  • 20. Android!   Widget / AppWidget    Versions:    Hybrid    Offline webapp 
  • 21. BlackBerry!   Widget Plaform Announced    Private tes0ng right now    Will be first class ci0zen as COD files    Versions    Widget    Hybrid 
  • 22. Motorola WebUI!   Available Today    Future?    Versions    WebUI Widgets    Full feature Widget apps 
  • 23. LG Widget Platform!   Plaform announced    SDK available    Based on BONDI 1.0 
  • 24. Samsung Widgets!   Cross Plaform    Available at the Home Screen    WRT available in Symbian    Resizable    In Symbian, two plaforms 
  • 25. Opera Widgets!   Cross Plaform    Available for many operators 
  • 26. JIL – Joint Innovation Lab!   Cross Plaform    Future devices    SDK Available    Billing inside 
  • 27. Just for the record…! •  HTML based  –  ACCESS NetFront Widgets  •  Adobe Flash based  –  Sony Ericsson’s Capuchin Project  –  Nokia Flash (NFL Format) for S40  –  Flash Mobile Packager  •  XML and some script based  –  Prosciu%o Project (Java ME)  –  Yahoo! Blueprint  –  Orange Djinngo  –  Sun Java On Device Portal 
  • 28. Let’s talk about ! challenges!
  • 29. UI Challenges   UI Frameworks    HTML  / CSS     Mojo    WRTKit     iUI    Na0ve menus    Interac0on Mode    View only     (mul0) Touch    Pointer    Focus 
  • 30. UI Challenges   Mul0ple views    Links     Sta0c DIVs    Dynamic DIVs     AJAX DIVs    Layout    Fixed    Liquid 
  • 31. Code Challenges   Performance    Dynamic app update    Pushing data    Por0ng    Using body class pa%ern    Using one CSS and JS per plaform    Data Storage    SQL     Key/Value 
  • 32. Comparison Available Today Browser Engine WebKit  IE  WebKit  Opera  WebKit  Package Type Signing Standards Bondi  Distribution Channel OTA / Offline Installation
  • 34. Can we create a one cross platform code?
  • 35. I think YES!   Define the UI    Define the app logic    Create the device detec0on framework    Port the logic and UI    Test & Debug    Package for every plaform    For OTA    Device Detec0on    Show Webapp or package delivery