SlideShare uma empresa Scribd logo
1 de 28
Baixar para ler offline
GETTING READY FOR THE
    SMARTPHONE
A BIT OF MOBILE DEVICE
HISTORY
STATE OF THE SMARTPHONE
MARKET
SmartPhone Handset Market
               Global Market 2008
                   In Millions


  140,000.00
  120,000.00
  100,000.00
   80,000.00
   60,000.00
   40,000.00
   20,000.00
        0.00                                                  Global Market 2008




               http://apple20.blogs.fortune.cnn.com/2009/03/12/iphone-sales-grew-245-in-2008-gartne
SmartPhone Market Penetration
                 Global Market 2008
                    (Percentage)
                                                              Nokia

                                                              Research In Motion
          20.5
                                       40.8                   Apple
    4.2
  4.3                                                         HTC

   10.7                                                       Samsung

                 19.5                                         Others




                  http://apple20.blogs.fortune.cnn.com/2009/03/12/iphone-sales-grew-245-in-2008-gartne
WEB DEVELOPMENT FOR THE
SMARTPHONE
What You’ll Need
 Apple OR Windows           Webkit
    Platform                 Chrome
   Linux                    FireFox
   Flash CS4 or CS3            Firebug and countless
   Adobe Device Central         other free add-
                                 on/extensions
   Eclipse/IntelliSense/
    Dreamweaver/etc.
                             Willing mobile device
   Adobe Flex SDK            donor!
   Android API
   iPhone SDK
   J2ME SDK (Blackberry)
DEVELOPING FOR THE MOBILE
FLASH PLAYER
Adobe Device Central
 Nokia has added both FlashLite and the full Flash
    player to many of it’s US and International handsets.
   Designers and Developers have been using Flash to
    create mobile apps for many years now.
   The advantage is that the Flash environment can be
    easily re-skinned to work with many proprietary
    mobile browsers.
   It’s among the easiest and most versatile of
    development platforms
   So far Apple’s still has no love for Adobe!
Adobe Device Central
 Many of the device browsers only support Flash
  Lite or Flash 5/6 playback.
 AS1-esque coding is back on the menu
   Easy for non-coders, but limiting and counter-
    intuitive for AS3 coders.
 Bandwidth restrictions have to monitored
Adobe Device Central
                    Swappable playback
                     controls
                    New devices available
                     on a regular basis
                    Content can also be
                     generated from
                        AfterEffects
                        Captivate
                        Illustrator
                        Photoshop
Adobe Device Central
 Biggest advantage for Adobe Device Central
 development:
   Familiarity with design/development tools
   Hundreds of Mobile Phones and PDAs!
   Nintendo Wii
   Sony PSP
   Sony PS3
   Eventually the Android devices
Adobe AIR
 Adobe AIR applications are NOT
  mobile devices apps!
 BUT, they are small apps that can be
  rapidly developed and easily
  adapted to a mobile device
 AIR applications are essentially the
  same idea as the
  Apple, Windows, and Yahoo
  Widgets
      Desktop applications that offer a
       blend of traditional installed app
       features with rich internet content
 They can be developed using
  Flex, ActionScript and Flash media.
 They can also be entirely coded with
  HTML and AJAX!
 They are also a great way to develop
  a “starter” application
WRITE ONCE – RUN ANYWHERE
Or why I learned to fall in love with HTML and JavaScript all over again.
iPhone Development
 The biggest drawback to the iPhone/iPod Touch as a
  platform is that their SDK is a closed-source platform
 You have to use OSX and they expect you to use Cocoa
  and Objective-C to take advantage of the bells and
  whistles
   The gestures, accelerometer, and multi-touch features.
 However, Safari for the iPhone and iTouch is based on
 the WebKit browser source.
   It supports JavaScript, HTML, and CSS
   Any code editor can be your gateway to iPhone Apps!
iPhone Development
 Documentation is still    480-by-320-pixel
  sparse…but that hasn’t     resolution at 163 ppi
  stopped 30K               All video content must
  applications from          be .m4v or .mov
  flooding the Apps          encoded for H.264
  Store!                     video – no FLVs
 Note that the mobile      3G network on ATT is
  Safari browser has a       still erratic
  different standardized
  hardware specification
iPhone Development
 By default, Safari on the iPhone will render your page as if it was a desktop browser on
    a big screen, with 980 pixels width available for the web content.

 Metadata
         <meta name=quot;viewportquot; content=quot;width=device-widthquot; />

 CSS Settings
         <!--[if !IE]>-->
       <link
         rel=quot;stylesheetquot;
         href=quot;small-screen.cssquot;
         type=quot;text/cssquot;
         media=quot;only screen and (max-device-width: 480px)quot;
       />
       <!--<![endif]-->


                                                 http://www.sitepoint.com/article/iphone-development-12-tips/
iPhone Development
 Orientation Changes
 Using JavaScript you can access the
    property window.orientation, which
    can have these values:

  0—normal portrait orientation
  (home button is at the bottom)
 -90—landscape after clockwise
  rotation from portrait (home button
  to the left)
 90—landscape after
  counterclockwise rotation from
  portrait (home button to the right)
 180—unsupported for now, but
  would be portrait-flipped so that the
  home button is at the top



                                          http://www.sitepoint.com/article/iphone-development-12-tips/
iPhone SDK
   Gestures
   On the iPhone, gestures are two-finger actions: scaling (zoom in and zoom out)
    and rotation.


   It’s possible to use those events to also handle gestures such as zoom and pan.
    But for this purpose, there are more convenient gesture events. You can listen to
    the following events:
            gesturestart
            gestureend
            gesturechange


     window.addEventListener('load', function() {
      var b = document.getElementById('box'),
         bstyle = b.style;
      b.addEventListener('gesturechange', function(event) {
       event.preventDefault();
        bstyle.webkitTransform = 'scale(' + event.scale + ') ' +
                        'rotate('+ event.rotation + 'deg)';
      }, false);
     }, false);




                                                                   http://www.sitepoint.com/article/iphone-development-12-tips/
iPhone Development
The Home Icon
 When a user adds your page to the Home
  screen, the iPhone will use a screenshot of your
  page as an icon. But you can do better by
  providing your own icon.
 To do this, create a PNG file with dimensions 57 x
  57px, name it apple-touch-icon.png, and put it in
  the root of your web server, just like you would
  with a favicon—and you’re done. The iPhone will
  automatically add the glossy effect and rounded
  corners—no need to try to recreate this on your
  own!
 HTML Head info
  <link rel=quot;apple-touch-iconquot;
  href=quot;http://www.example.com/my-
  filename.pngquot; />

                                        http://www.sitepoint.com/article/iphone-development-12-tips/
Blackberry Platform
 The Blackberry platform is a different
  breed of smartphone.
 Applications are built with J2ME
 Touch and gesture-driven UI is now
  available with the Blackberry Storm
 Older Blackberry devices may not read
  HTML, and pages must be encoded in
  WML.
Blackberry Platform
BB OS 4.0 and the Blackberry
 Storm Emulator
 Full support for
  HTML, JavaScript, and CSS
 Most of the development
  tweaks boil down to
  changing display
  dimensions
 Bandwidth tethered to the
  3g network
Blackberry Platform
BB OS 4.0 and the Blackberry
 Storm Emulator
 Full support for
  HTML, JavaScript, and CSS
 Most of the development
  tweaks boil down to
  changing display
  dimensions
 Bandwidth tethered to the
  3g network
Android (the Google Platform)
 Designers Beware!!!
         Android is Java and XML-based and
          is easy to pick up if you already
          understand AS3 OOP principles.
         It’s a bit trickier for the non-coders.
 Development tools are open-source.
 Primarily, Eclipse with Android Dev
  Tools (AD) is used for development
      http://www.eclipse.org/
 You can also use the Adobe Flex
  Builder application which is based
  on Eclipse.
      https://freeriatools.adobe.com/flex
Android ( the Google Platform)
 Like the                  Many of the newer
  iPhone, Android can        Intel Adamo-based
  also use standard          netbooks are expected
  HTML, JavaScript and       to run Android instead
  CSS.                       of Windows.
 There are more than a     Not tethered to one
  dozen Android-based        carrier and already
  devices expected to be     devices announced for
  on the US market by        T-
  the years end.             Mobile, Sprint, Verizon
                             , and ATT.
Android ( the Google Platform)
 Adobe and Google have       Many industry analysts
  pledged support for the     see the Android
  full Flash Player –         platform as the greatest
  eventually!                 threat to the
 JavaFX is also an           Blackberry’s market
  upcoming possibility        share.
  and Sun is actively
  porting their IDE to the
  Android
WHERE DO WE GO FROM
HERE?!?
THANKS!
Q/A Time

Mais conteúdo relacionado

Mais procurados

HTML5 or Android for Mobile Development?
HTML5 or Android for Mobile Development?HTML5 or Android for Mobile Development?
HTML5 or Android for Mobile Development?Reto Meier
 
Breaking the Box: Pushing the Boundaries of UX with Drupal
Breaking the Box: Pushing the Boundaries of UX with DrupalBreaking the Box: Pushing the Boundaries of UX with Drupal
Breaking the Box: Pushing the Boundaries of UX with DrupalAcquia
 
Ionic Framework: Let's build amazing apps. No Excuses!
Ionic Framework: Let's build amazing apps. No Excuses!Ionic Framework: Let's build amazing apps. No Excuses!
Ionic Framework: Let's build amazing apps. No Excuses!Matheus Cardoso
 
Mobile Applications
Mobile ApplicationsMobile Applications
Mobile ApplicationsViktor Fonic
 
From Flash to iPhone
From Flash to iPhoneFrom Flash to iPhone
From Flash to iPhoneJohn Wilker
 
Iphone programming: Objective c
Iphone programming: Objective cIphone programming: Objective c
Iphone programming: Objective cKenny Nguyen
 
Ionic: The Web SDK for Develop Mobile Apps.
Ionic: The Web SDK for Develop Mobile Apps.Ionic: The Web SDK for Develop Mobile Apps.
Ionic: The Web SDK for Develop Mobile Apps.Matheus Cardoso
 
Building iOS apps with eLearning Tools
Building iOS apps with eLearning ToolsBuilding iOS apps with eLearning Tools
Building iOS apps with eLearning Toolseaselsolutions
 
3 Screen UX - uxcampseoul 2011
3 Screen UX - uxcampseoul 20113 Screen UX - uxcampseoul 2011
3 Screen UX - uxcampseoul 2011Reagan Hwang
 
www.batteryfast.co.uk-WebOS on An iPad Ran Over Twice As Fast As the TouchPad
www.batteryfast.co.uk-WebOS on An iPad Ran Over Twice As Fast As the TouchPadwww.batteryfast.co.uk-WebOS on An iPad Ran Over Twice As Fast As the TouchPad
www.batteryfast.co.uk-WebOS on An iPad Ran Over Twice As Fast As the TouchPadbattery-fast. com
 
Another Update of Tablet Strategy Bootcamp
Another Update of Tablet Strategy BootcampAnother Update of Tablet Strategy Bootcamp
Another Update of Tablet Strategy BootcampPaul Saunders
 
Developing AIR for Android with Flash Professional CS5
Developing AIR for Android with Flash Professional CS5Developing AIR for Android with Flash Professional CS5
Developing AIR for Android with Flash Professional CS5Chris Griffith
 

Mais procurados (15)

HTML5 or Android for Mobile Development?
HTML5 or Android for Mobile Development?HTML5 or Android for Mobile Development?
HTML5 or Android for Mobile Development?
 
Breaking the Box: Pushing the Boundaries of UX with Drupal
Breaking the Box: Pushing the Boundaries of UX with DrupalBreaking the Box: Pushing the Boundaries of UX with Drupal
Breaking the Box: Pushing the Boundaries of UX with Drupal
 
Ionic Framework: Let's build amazing apps. No Excuses!
Ionic Framework: Let's build amazing apps. No Excuses!Ionic Framework: Let's build amazing apps. No Excuses!
Ionic Framework: Let's build amazing apps. No Excuses!
 
Mobile Applications
Mobile ApplicationsMobile Applications
Mobile Applications
 
From Flash to iPhone
From Flash to iPhoneFrom Flash to iPhone
From Flash to iPhone
 
MoMo Oct Event
MoMo Oct EventMoMo Oct Event
MoMo Oct Event
 
Iphone programming: Objective c
Iphone programming: Objective cIphone programming: Objective c
Iphone programming: Objective c
 
Ionic: The Web SDK for Develop Mobile Apps.
Ionic: The Web SDK for Develop Mobile Apps.Ionic: The Web SDK for Develop Mobile Apps.
Ionic: The Web SDK for Develop Mobile Apps.
 
i_os_development_environment
i_os_development_environmenti_os_development_environment
i_os_development_environment
 
Building iOS apps with eLearning Tools
Building iOS apps with eLearning ToolsBuilding iOS apps with eLearning Tools
Building iOS apps with eLearning Tools
 
3 Screen UX - uxcampseoul 2011
3 Screen UX - uxcampseoul 20113 Screen UX - uxcampseoul 2011
3 Screen UX - uxcampseoul 2011
 
www.batteryfast.co.uk-WebOS on An iPad Ran Over Twice As Fast As the TouchPad
www.batteryfast.co.uk-WebOS on An iPad Ran Over Twice As Fast As the TouchPadwww.batteryfast.co.uk-WebOS on An iPad Ran Over Twice As Fast As the TouchPad
www.batteryfast.co.uk-WebOS on An iPad Ran Over Twice As Fast As the TouchPad
 
Another Update of Tablet Strategy Bootcamp
Another Update of Tablet Strategy BootcampAnother Update of Tablet Strategy Bootcamp
Another Update of Tablet Strategy Bootcamp
 
Developing AIR for Android with Flash Professional CS5
Developing AIR for Android with Flash Professional CS5Developing AIR for Android with Flash Professional CS5
Developing AIR for Android with Flash Professional CS5
 
Mobile Learning Development Tools
Mobile Learning Development ToolsMobile Learning Development Tools
Mobile Learning Development Tools
 

Destaque

In Memory of Laura Weber
In Memory of Laura WeberIn Memory of Laura Weber
In Memory of Laura WeberLisa McKenna
 
Mining of massive datasets
Mining of massive datasetsMining of massive datasets
Mining of massive datasetsAshic Mahtab
 
Medieval Manila
Medieval ManilaMedieval Manila
Medieval Manilahotmanila
 
Koalas Cut Into Sections
Koalas Cut Into SectionsKoalas Cut Into Sections
Koalas Cut Into SectionsGihan Lahoud
 
Executive Ppt(Abstract) 2009 Master
Executive Ppt(Abstract) 2009 MasterExecutive Ppt(Abstract) 2009 Master
Executive Ppt(Abstract) 2009 MasterRichMurray
 
The Relationships Between Social Media and Search
The Relationships Between Social Media and SearchThe Relationships Between Social Media and Search
The Relationships Between Social Media and SearchLaura Lippay
 
Australian Animals Screen
Australian Animals ScreenAustralian Animals Screen
Australian Animals ScreenGihan Lahoud
 
Presentationsubiafreeland
PresentationsubiafreelandPresentationsubiafreeland
Presentationsubiafreelandguest6202454
 
Koalas Fave Term 2 Week 1
Koalas Fave Term 2 Week 1Koalas Fave Term 2 Week 1
Koalas Fave Term 2 Week 1Gihan Lahoud
 
Presentacion
PresentacionPresentacion
Presentacionfosky
 
Oliviero 50 anni
Oliviero 50 anniOliviero 50 anni
Oliviero 50 anniOlijohn
 
D+c 2011 03 – focus – robles why filipinos have reason to fear their nation’...
D+c 2011 03 – focus – robles  why filipinos have reason to fear their nation’...D+c 2011 03 – focus – robles  why filipinos have reason to fear their nation’...
D+c 2011 03 – focus – robles why filipinos have reason to fear their nation’...hotmanila
 
Ch 25
Ch 25Ch 25
Ch 25jespi
 

Destaque (20)

In Memory of Laura Weber
In Memory of Laura WeberIn Memory of Laura Weber
In Memory of Laura Weber
 
Mining of massive datasets
Mining of massive datasetsMining of massive datasets
Mining of massive datasets
 
Medieval Manila
Medieval ManilaMedieval Manila
Medieval Manila
 
Arizona photos
Arizona photosArizona photos
Arizona photos
 
Kate Hodges
Kate HodgesKate Hodges
Kate Hodges
 
Koalas Cut Into Sections
Koalas Cut Into SectionsKoalas Cut Into Sections
Koalas Cut Into Sections
 
Executive Ppt(Abstract) 2009 Master
Executive Ppt(Abstract) 2009 MasterExecutive Ppt(Abstract) 2009 Master
Executive Ppt(Abstract) 2009 Master
 
The Relationships Between Social Media and Search
The Relationships Between Social Media and SearchThe Relationships Between Social Media and Search
The Relationships Between Social Media and Search
 
Australian Animals Screen
Australian Animals ScreenAustralian Animals Screen
Australian Animals Screen
 
Ifonly
IfonlyIfonly
Ifonly
 
Pares
ParesPares
Pares
 
Presentationsubiafreeland
PresentationsubiafreelandPresentationsubiafreeland
Presentationsubiafreeland
 
Performance management dr. george taylor iii
Performance management  dr. george taylor iiiPerformance management  dr. george taylor iii
Performance management dr. george taylor iii
 
Team One Keynote
Team  One  KeynoteTeam  One  Keynote
Team One Keynote
 
Koalas Fave Term 2 Week 1
Koalas Fave Term 2 Week 1Koalas Fave Term 2 Week 1
Koalas Fave Term 2 Week 1
 
Presentacion
PresentacionPresentacion
Presentacion
 
Oliviero 50 anni
Oliviero 50 anniOliviero 50 anni
Oliviero 50 anni
 
D+c 2011 03 – focus – robles why filipinos have reason to fear their nation’...
D+c 2011 03 – focus – robles  why filipinos have reason to fear their nation’...D+c 2011 03 – focus – robles  why filipinos have reason to fear their nation’...
D+c 2011 03 – focus – robles why filipinos have reason to fear their nation’...
 
Ch 25
Ch 25Ch 25
Ch 25
 
Prezentacija Sistema
Prezentacija SistemaPrezentacija Sistema
Prezentacija Sistema
 

Semelhante a SmartPhone Design and Delivery

I Phone Developer Introduction By Eschipul
I Phone Developer Introduction By EschipulI Phone Developer Introduction By Eschipul
I Phone Developer Introduction By EschipulEd Schipul
 
Mobile and tablet app dev
Mobile and tablet app devMobile and tablet app dev
Mobile and tablet app devJeremy Callinan
 
HTML5 Can't Do That
HTML5 Can't Do ThatHTML5 Can't Do That
HTML5 Can't Do ThatNathan Smith
 
I like i phone and android but know .net
I like i phone and android but know .netI like i phone and android but know .net
I like i phone and android but know .netChris Love
 
I phone app develoment ppt
I phone app develoment   pptI phone app develoment   ppt
I phone app develoment pptsagaroceanic11
 
I phone app develoment ppt
I phone app develoment   pptI phone app develoment   ppt
I phone app develoment pptsagaroceanic11
 
Philly ete-2011
Philly ete-2011Philly ete-2011
Philly ete-2011davyjones
 
Mobile app development sylhet it academy
Mobile app development  sylhet it academyMobile app development  sylhet it academy
Mobile app development sylhet it academySylhet IT Academy
 
iPhone possibilities
iPhone possibilitiesiPhone possibilities
iPhone possibilitiesJesse Wynants
 
Christopher Allen’s Presentation at eComm 2009
Christopher Allen’s Presentation at eComm 2009Christopher Allen’s Presentation at eComm 2009
Christopher Allen’s Presentation at eComm 2009eCommConf
 
Mobile App Development
Mobile App DevelopmentMobile App Development
Mobile App DevelopmentChris Morrell
 
Mobile Development with Adobe AIR
Mobile Development with Adobe AIRMobile Development with Adobe AIR
Mobile Development with Adobe AIReaselsolutions
 
Intro to PhoneGap and PhoneGap Build
Intro to PhoneGap and PhoneGap BuildIntro to PhoneGap and PhoneGap Build
Intro to PhoneGap and PhoneGap BuildChris Griffith
 
Qa extreme 2011 eran kinsbruner
Qa extreme 2011 eran kinsbrunerQa extreme 2011 eran kinsbruner
Qa extreme 2011 eran kinsbrunerEran Kinsbrunner
 
Mobile Game Development using Adobe Flash
Mobile Game Development using Adobe FlashMobile Game Development using Adobe Flash
Mobile Game Development using Adobe Flashchall3ng3r
 
Practical Design and Development with Flash on Mobile and Devices
Practical Design and Development with Flash on Mobile and DevicesPractical Design and Development with Flash on Mobile and Devices
Practical Design and Development with Flash on Mobile and DevicesChris Griffith
 
Future of Mobility
Future of MobilityFuture of Mobility
Future of MobilitySimon Guest
 

Semelhante a SmartPhone Design and Delivery (20)

I Phone Developer Introduction By Eschipul
I Phone Developer Introduction By EschipulI Phone Developer Introduction By Eschipul
I Phone Developer Introduction By Eschipul
 
Web app
Web appWeb app
Web app
 
Web app
Web appWeb app
Web app
 
Mobile and tablet app dev
Mobile and tablet app devMobile and tablet app dev
Mobile and tablet app dev
 
HTML5 Can't Do That
HTML5 Can't Do ThatHTML5 Can't Do That
HTML5 Can't Do That
 
I like i phone and android but know .net
I like i phone and android but know .netI like i phone and android but know .net
I like i phone and android but know .net
 
I phone app develoment ppt
I phone app develoment   pptI phone app develoment   ppt
I phone app develoment ppt
 
I phone app develoment ppt
I phone app develoment   pptI phone app develoment   ppt
I phone app develoment ppt
 
Philly ete-2011
Philly ete-2011Philly ete-2011
Philly ete-2011
 
Mobile app development sylhet it academy
Mobile app development  sylhet it academyMobile app development  sylhet it academy
Mobile app development sylhet it academy
 
iPhone possibilities
iPhone possibilitiesiPhone possibilities
iPhone possibilities
 
Christopher Allen’s Presentation at eComm 2009
Christopher Allen’s Presentation at eComm 2009Christopher Allen’s Presentation at eComm 2009
Christopher Allen’s Presentation at eComm 2009
 
Mobile App Development
Mobile App DevelopmentMobile App Development
Mobile App Development
 
Mobile Development with Adobe AIR
Mobile Development with Adobe AIRMobile Development with Adobe AIR
Mobile Development with Adobe AIR
 
Intro to PhoneGap and PhoneGap Build
Intro to PhoneGap and PhoneGap BuildIntro to PhoneGap and PhoneGap Build
Intro to PhoneGap and PhoneGap Build
 
Qa extreme 2011 eran kinsbruner
Qa extreme 2011 eran kinsbrunerQa extreme 2011 eran kinsbruner
Qa extreme 2011 eran kinsbruner
 
Mobile Game Development using Adobe Flash
Mobile Game Development using Adobe FlashMobile Game Development using Adobe Flash
Mobile Game Development using Adobe Flash
 
Practical Design and Development with Flash on Mobile and Devices
Practical Design and Development with Flash on Mobile and DevicesPractical Design and Development with Flash on Mobile and Devices
Practical Design and Development with Flash on Mobile and Devices
 
Future of Mobility
Future of MobilityFuture of Mobility
Future of Mobility
 
Johnson CV
Johnson CVJohnson CV
Johnson CV
 

Último

UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UbiTrack UK
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsSeth Reyes
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1DianaGray10
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesMd Hossain Ali
 
Babel Compiler - Transforming JavaScript for All Browsers.pptx
Babel Compiler - Transforming JavaScript for All Browsers.pptxBabel Compiler - Transforming JavaScript for All Browsers.pptx
Babel Compiler - Transforming JavaScript for All Browsers.pptxYounusS2
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopBachir Benyammi
 
GenAI and AI GCC State of AI_Object Automation Inc
GenAI and AI GCC State of AI_Object Automation IncGenAI and AI GCC State of AI_Object Automation Inc
GenAI and AI GCC State of AI_Object Automation IncObject Automation
 
RAG Patterns and Vector Search in Generative AI
RAG Patterns and Vector Search in Generative AIRAG Patterns and Vector Search in Generative AI
RAG Patterns and Vector Search in Generative AIUdaiappa Ramachandran
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...Aggregage
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024D Cloud Solutions
 
PicPay - GenAI Finance Assistant - ChatGPT for Customer Service
PicPay - GenAI Finance Assistant - ChatGPT for Customer ServicePicPay - GenAI Finance Assistant - ChatGPT for Customer Service
PicPay - GenAI Finance Assistant - ChatGPT for Customer ServiceRenan Moreira de Oliveira
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Websitedgelyza
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfAijun Zhang
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfinfogdgmi
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfDianaGray10
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6DianaGray10
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfDaniel Santiago Silva Capera
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8DianaGray10
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding TeamAdam Moalla
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Commit University
 

Último (20)

UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and Hazards
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
 
Babel Compiler - Transforming JavaScript for All Browsers.pptx
Babel Compiler - Transforming JavaScript for All Browsers.pptxBabel Compiler - Transforming JavaScript for All Browsers.pptx
Babel Compiler - Transforming JavaScript for All Browsers.pptx
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 Workshop
 
GenAI and AI GCC State of AI_Object Automation Inc
GenAI and AI GCC State of AI_Object Automation IncGenAI and AI GCC State of AI_Object Automation Inc
GenAI and AI GCC State of AI_Object Automation Inc
 
RAG Patterns and Vector Search in Generative AI
RAG Patterns and Vector Search in Generative AIRAG Patterns and Vector Search in Generative AI
RAG Patterns and Vector Search in Generative AI
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024
 
PicPay - GenAI Finance Assistant - ChatGPT for Customer Service
PicPay - GenAI Finance Assistant - ChatGPT for Customer ServicePicPay - GenAI Finance Assistant - ChatGPT for Customer Service
PicPay - GenAI Finance Assistant - ChatGPT for Customer Service
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Website
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdf
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdf
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)
 

SmartPhone Design and Delivery

  • 1. GETTING READY FOR THE SMARTPHONE
  • 2. A BIT OF MOBILE DEVICE HISTORY
  • 3. STATE OF THE SMARTPHONE MARKET
  • 4. SmartPhone Handset Market Global Market 2008 In Millions 140,000.00 120,000.00 100,000.00 80,000.00 60,000.00 40,000.00 20,000.00 0.00 Global Market 2008 http://apple20.blogs.fortune.cnn.com/2009/03/12/iphone-sales-grew-245-in-2008-gartne
  • 5. SmartPhone Market Penetration Global Market 2008 (Percentage) Nokia Research In Motion 20.5 40.8 Apple 4.2 4.3 HTC 10.7 Samsung 19.5 Others http://apple20.blogs.fortune.cnn.com/2009/03/12/iphone-sales-grew-245-in-2008-gartne
  • 6. WEB DEVELOPMENT FOR THE SMARTPHONE
  • 7. What You’ll Need  Apple OR Windows  Webkit Platform  Chrome  Linux  FireFox  Flash CS4 or CS3  Firebug and countless  Adobe Device Central other free add- on/extensions  Eclipse/IntelliSense/ Dreamweaver/etc.  Willing mobile device  Adobe Flex SDK donor!  Android API  iPhone SDK  J2ME SDK (Blackberry)
  • 8. DEVELOPING FOR THE MOBILE FLASH PLAYER
  • 9. Adobe Device Central  Nokia has added both FlashLite and the full Flash player to many of it’s US and International handsets.  Designers and Developers have been using Flash to create mobile apps for many years now.  The advantage is that the Flash environment can be easily re-skinned to work with many proprietary mobile browsers.  It’s among the easiest and most versatile of development platforms  So far Apple’s still has no love for Adobe!
  • 10. Adobe Device Central  Many of the device browsers only support Flash Lite or Flash 5/6 playback.  AS1-esque coding is back on the menu  Easy for non-coders, but limiting and counter- intuitive for AS3 coders.  Bandwidth restrictions have to monitored
  • 11. Adobe Device Central  Swappable playback controls  New devices available on a regular basis  Content can also be generated from  AfterEffects  Captivate  Illustrator  Photoshop
  • 12. Adobe Device Central  Biggest advantage for Adobe Device Central development:  Familiarity with design/development tools  Hundreds of Mobile Phones and PDAs!  Nintendo Wii  Sony PSP  Sony PS3  Eventually the Android devices
  • 13. Adobe AIR  Adobe AIR applications are NOT mobile devices apps!  BUT, they are small apps that can be rapidly developed and easily adapted to a mobile device  AIR applications are essentially the same idea as the Apple, Windows, and Yahoo Widgets  Desktop applications that offer a blend of traditional installed app features with rich internet content  They can be developed using Flex, ActionScript and Flash media.  They can also be entirely coded with HTML and AJAX!  They are also a great way to develop a “starter” application
  • 14. WRITE ONCE – RUN ANYWHERE Or why I learned to fall in love with HTML and JavaScript all over again.
  • 15. iPhone Development  The biggest drawback to the iPhone/iPod Touch as a platform is that their SDK is a closed-source platform  You have to use OSX and they expect you to use Cocoa and Objective-C to take advantage of the bells and whistles  The gestures, accelerometer, and multi-touch features.  However, Safari for the iPhone and iTouch is based on the WebKit browser source.  It supports JavaScript, HTML, and CSS  Any code editor can be your gateway to iPhone Apps!
  • 16. iPhone Development  Documentation is still  480-by-320-pixel sparse…but that hasn’t resolution at 163 ppi stopped 30K  All video content must applications from be .m4v or .mov flooding the Apps encoded for H.264 Store! video – no FLVs  Note that the mobile  3G network on ATT is Safari browser has a still erratic different standardized hardware specification
  • 17. iPhone Development  By default, Safari on the iPhone will render your page as if it was a desktop browser on a big screen, with 980 pixels width available for the web content.  Metadata  <meta name=quot;viewportquot; content=quot;width=device-widthquot; />  CSS Settings  <!--[if !IE]>-->  <link  rel=quot;stylesheetquot;  href=quot;small-screen.cssquot;  type=quot;text/cssquot;  media=quot;only screen and (max-device-width: 480px)quot;  />  <!--<![endif]--> http://www.sitepoint.com/article/iphone-development-12-tips/
  • 18. iPhone Development  Orientation Changes  Using JavaScript you can access the property window.orientation, which can have these values:  0—normal portrait orientation (home button is at the bottom)  -90—landscape after clockwise rotation from portrait (home button to the left)  90—landscape after counterclockwise rotation from portrait (home button to the right)  180—unsupported for now, but would be portrait-flipped so that the home button is at the top http://www.sitepoint.com/article/iphone-development-12-tips/
  • 19. iPhone SDK  Gestures  On the iPhone, gestures are two-finger actions: scaling (zoom in and zoom out) and rotation.  It’s possible to use those events to also handle gestures such as zoom and pan. But for this purpose, there are more convenient gesture events. You can listen to the following events:  gesturestart  gestureend  gesturechange window.addEventListener('load', function() { var b = document.getElementById('box'), bstyle = b.style; b.addEventListener('gesturechange', function(event) { event.preventDefault(); bstyle.webkitTransform = 'scale(' + event.scale + ') ' + 'rotate('+ event.rotation + 'deg)'; }, false); }, false); http://www.sitepoint.com/article/iphone-development-12-tips/
  • 20. iPhone Development The Home Icon  When a user adds your page to the Home screen, the iPhone will use a screenshot of your page as an icon. But you can do better by providing your own icon.  To do this, create a PNG file with dimensions 57 x 57px, name it apple-touch-icon.png, and put it in the root of your web server, just like you would with a favicon—and you’re done. The iPhone will automatically add the glossy effect and rounded corners—no need to try to recreate this on your own!  HTML Head info <link rel=quot;apple-touch-iconquot; href=quot;http://www.example.com/my- filename.pngquot; /> http://www.sitepoint.com/article/iphone-development-12-tips/
  • 21. Blackberry Platform  The Blackberry platform is a different breed of smartphone.  Applications are built with J2ME  Touch and gesture-driven UI is now available with the Blackberry Storm  Older Blackberry devices may not read HTML, and pages must be encoded in WML.
  • 22. Blackberry Platform BB OS 4.0 and the Blackberry Storm Emulator  Full support for HTML, JavaScript, and CSS  Most of the development tweaks boil down to changing display dimensions  Bandwidth tethered to the 3g network
  • 23. Blackberry Platform BB OS 4.0 and the Blackberry Storm Emulator  Full support for HTML, JavaScript, and CSS  Most of the development tweaks boil down to changing display dimensions  Bandwidth tethered to the 3g network
  • 24. Android (the Google Platform)  Designers Beware!!!  Android is Java and XML-based and is easy to pick up if you already understand AS3 OOP principles.  It’s a bit trickier for the non-coders.  Development tools are open-source.  Primarily, Eclipse with Android Dev Tools (AD) is used for development  http://www.eclipse.org/  You can also use the Adobe Flex Builder application which is based on Eclipse.  https://freeriatools.adobe.com/flex
  • 25. Android ( the Google Platform)  Like the  Many of the newer iPhone, Android can Intel Adamo-based also use standard netbooks are expected HTML, JavaScript and to run Android instead CSS. of Windows.  There are more than a  Not tethered to one dozen Android-based carrier and already devices expected to be devices announced for on the US market by T- the years end. Mobile, Sprint, Verizon , and ATT.
  • 26. Android ( the Google Platform)  Adobe and Google have  Many industry analysts pledged support for the see the Android full Flash Player – platform as the greatest eventually! threat to the  JavaFX is also an Blackberry’s market upcoming possibility share. and Sun is actively porting their IDE to the Android
  • 27. WHERE DO WE GO FROM HERE?!?