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

Introduction to Mobile Application Development
Introduction to Mobile Application DevelopmentIntroduction to Mobile Application Development
Introduction to Mobile Application Development
shikishiji
 
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 edition
Marco Tabor
 
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
Ajax Experience 2009
 

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

[Harvard CS264] 15a - The Onset of Parallelism, Changes in Computer Architect...
[Harvard CS264] 15a - The Onset of Parallelism, Changes in Computer Architect...[Harvard CS264] 15a - The Onset of Parallelism, Changes in Computer Architect...
[Harvard CS264] 15a - The Onset of Parallelism, Changes in Computer Architect...
npinto
 
2013 11-19-hoya-status
2013 11-19-hoya-status2013 11-19-hoya-status
2013 11-19-hoya-status
Steve Loughran
 

Viewers also liked (6)

[Harvard CS264] 15a - The Onset of Parallelism, Changes in Computer Architect...
[Harvard CS264] 15a - The Onset of Parallelism, Changes in Computer Architect...[Harvard CS264] 15a - The Onset of Parallelism, Changes in Computer Architect...
[Harvard CS264] 15a - The Onset of Parallelism, Changes in Computer Architect...
 
Ignite Denver - Swearing in French
Ignite Denver - Swearing in FrenchIgnite Denver - Swearing in French
Ignite Denver - Swearing in French
 
Joe Berkovitz - Dynamic Audio Synthesis on the Flash Flex Platform
Joe Berkovitz - Dynamic Audio Synthesis on the Flash Flex PlatformJoe Berkovitz - Dynamic Audio Synthesis on the Flash Flex Platform
Joe Berkovitz - Dynamic Audio Synthesis on the Flash Flex Platform
 
Finding the Business Value in Social Software and Social Media
Finding the Business Value in Social Software and Social MediaFinding the Business Value in Social Software and Social Media
Finding the Business Value in Social Software and Social Media
 
Samuel Asher Rivello - PureMVC Hands On Part 2
Samuel Asher Rivello - PureMVC Hands On Part 2Samuel Asher Rivello - PureMVC Hands On Part 2
Samuel Asher Rivello - PureMVC Hands On Part 2
 
2013 11-19-hoya-status
2013 11-19-hoya-status2013 11-19-hoya-status
2013 11-19-hoya-status
 

Similar to Inside Mobile Widgets Publish

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
Belen Barros Pena
 
Cross Platform Mobile Developmemnt
Cross Platform Mobile DevelopmemntCross Platform Mobile Developmemnt
Cross Platform Mobile Developmemnt
Soutom Dhara
 

Similar to Inside Mobile Widgets Publish (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 360|Conferences

Giorgio Natilli - Blaze DS Connectivity Framework
Giorgio Natilli - Blaze DS Connectivity FrameworkGiorgio Natilli - Blaze DS Connectivity Framework
Giorgio Natilli - Blaze DS Connectivity Framework
360|Conferences
 

More from 360|Conferences (20)

InsideMobile Keynote
InsideMobile KeynoteInsideMobile Keynote
InsideMobile Keynote
 
Metaio Mobile Augmented Reality
Metaio Mobile Augmented RealityMetaio Mobile Augmented Reality
Metaio Mobile Augmented Reality
 
Web Os Hands On
Web Os Hands OnWeb Os Hands On
Web Os Hands On
 
Mobile Apps- Business Toolkit for the Manager
Mobile Apps- Business Toolkit for the ManagerMobile Apps- Business Toolkit for the Manager
Mobile Apps- Business Toolkit for the Manager
 
Making Real Money with Mobile Apps
Making Real Money with Mobile AppsMaking Real Money with Mobile Apps
Making Real Money with Mobile Apps
 
Unlocking Android
Unlocking AndroidUnlocking Android
Unlocking Android
 
You Know WebOS
You Know WebOSYou Know WebOS
You Know WebOS
 
Ignite Denver 4 Master Deck
Ignite Denver 4 Master DeckIgnite Denver 4 Master Deck
Ignite Denver 4 Master Deck
 
Oğuz Demirkapı - Hands On Training: Creating Our First i18N Flex Application ...
Oğuz	Demirkapı - Hands On Training: Creating Our First i18N Flex Application ...Oğuz	Demirkapı - Hands On Training: Creating Our First i18N Flex Application ...
Oğuz Demirkapı - Hands On Training: Creating Our First i18N Flex Application ...
 
Tyler Wright - Undo History with Flight
Tyler Wright - Undo History with FlightTyler Wright - Undo History with Flight
Tyler Wright - Undo History with Flight
 
Chad Udell - Developers are from Mars, Designers are from Venus
Chad Udell - Developers are from Mars, Designers are from VenusChad Udell - Developers are from Mars, Designers are from Venus
Chad Udell - Developers are from Mars, Designers are from Venus
 
Mansour Raad & Anthony Jayaprakash - Yet Another Mapping Framework, NOT!
Mansour Raad & Anthony Jayaprakash - Yet Another Mapping Framework, NOT!Mansour Raad & Anthony Jayaprakash - Yet Another Mapping Framework, NOT!
Mansour Raad & Anthony Jayaprakash - Yet Another Mapping Framework, NOT!
 
Erik Loehfelm - Experience Design with Flash Catalyst and Flex Gumbo
Erik Loehfelm - Experience Design with Flash Catalyst and Flex GumboErik Loehfelm - Experience Design with Flash Catalyst and Flex Gumbo
Erik Loehfelm - Experience Design with Flash Catalyst and Flex Gumbo
 
Ryan Phelan - Bending and Flexing
Ryan Phelan - Bending and FlexingRyan Phelan - Bending and Flexing
Ryan Phelan - Bending and Flexing
 
Giorgio Natilli - Blaze DS Connectivity Framework
Giorgio Natilli - Blaze DS Connectivity FrameworkGiorgio Natilli - Blaze DS Connectivity Framework
Giorgio Natilli - Blaze DS Connectivity Framework
 
Douglas Knudsen - Great Mash Up
Douglas Knudsen - Great Mash UpDouglas Knudsen - Great Mash Up
Douglas Knudsen - Great Mash Up
 
Wes Leonardo - Putting AIR into your Application
Wes Leonardo - Putting AIR into your ApplicationWes Leonardo - Putting AIR into your Application
Wes Leonardo - Putting AIR into your Application
 
Samuel Asher Rivello - PureMVC Hands On Part 1
Samuel Asher Rivello - PureMVC Hands On Part 1Samuel Asher Rivello - PureMVC Hands On Part 1
Samuel Asher Rivello - PureMVC Hands On Part 1
 
Adrian Pomilio - Flex Ajax Bridge and Legacy Applications
Adrian Pomilio - Flex Ajax Bridge and Legacy ApplicationsAdrian Pomilio - Flex Ajax Bridge and Legacy Applications
Adrian Pomilio - Flex Ajax Bridge and Legacy Applications
 
Ryan Fishberg and Joan Lafferty - ItemsRenderers
Ryan Fishberg and Joan Lafferty - ItemsRenderersRyan Fishberg and Joan Lafferty - ItemsRenderers
Ryan Fishberg and Joan Lafferty - ItemsRenderers
 

Recently uploaded

Recently uploaded (20)

Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilDeveloping An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 

Inside Mobile Widgets Publish

  • 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