App Development &                      Mobile Site Platforms for                      the Enhanced Digital World          ...
Who am I?                               Mark Menard                            Internet Professional                      ...
Mobile 1.0                                   3Friday, July 20, 12
How large is                      the mobile                       market?                                     4Friday, Ju...
There are 4 billion                      mobile phones in                         use today.                              ...
There are over 1                      billion smartphones                           in use today.                         ...
By 2014          mobile      internet usage       will overtake      desktop usage.                       7Friday, July 20...
62% of 25-34             year olds have             smartphones                              8Friday, July 20, 12
Half of all local                      searches are performed                        on mobile devices.                   ...
Mobile 2.0                      Don’t forget                      the Tablets                                     10Friday...
By the end of 2012                       tablet sales will                      overtake PC sales.                        ...
55 million iPads sold                      in the first 18 months!                                                12Friday...
We live in an                      “app” world.                                      13Friday, July 20, 12
14Friday, July 20, 12
Mobile Platforms                               iOS                      iPhone           iPad                             ...
Mobile Platforms                         Android                                         16Friday, July 20, 12
Mobile Platforms                       The also Rans                                         17Friday, July 20, 12
Mobile Platforms                             But is it an also                                   ran?                     ...
Do you need a                      mobile strategy?                                         19Friday, July 20, 12
Yes!                             20Friday, July 20, 12
One size does          not fit all!                         21Friday, July 20, 12
One size does                              not fit all!                      Websites    vs         Apps                  ...
Websites             vs           Apps                                      The Good News           Use your existing site...
Websites        vs            Apps                                 The Bad News          Uses your existing site          ...
Four Main Strategies                                             25Friday, July 20, 12
Four Main Strategies                        Mobile Web Site                       Responsive Design                       ...
Mobile Web Site                        Serve unique content for mobile devices                       using either a separa...
Mobile Web Site              Twitter               Notice the mobile.twitter.com                          address,        ...
Mobile Web Site                         Twitter                       Elements are large enough to                        ...
Mobile Web Site               Twitter                     Accessing additional                  functionality requires a d...
Mobile Web Site      The Home Depot      Trip Advisor   Facebook                                                    31Frid...
Four Main Strategies                        Mobile Web Site                       Responsive Design                       ...
Responsive Design                        Use various techniques, such as CSS, fluid                         layouts, and f...
Responsive Design                      A WordPress Example                        Desktop Layout                          ...
Responsive Design                      A WordPress Example                                            iPad Layout   35Frid...
Responsive Design                      A WordPress Example                                            iPhone Layout       ...
Responsive Design                                          37Friday, July 20, 12
Four Main Strategies                        Mobile Web Site                       Responsive Design                       ...
Native Apps                        Applications written specifically for a                      particular mobile platform...
Native Apps                      Objective-C or Ruby        Java                            Xcode           Eclipse, Intel...
Four Main Strategies                        Mobile Web Site                       Responsive Design                       ...
Cross Platform Apps                          Apps developed using tools that                      leverage web based techn...
Native Apps         vs     Cross Platform Apps                                    The Good News     Takes best advantage o...
Native Apps        vs     Cross Platform Apps                                      The Bad News     Need to maintain multi...
What Should I Do?         Marketing Website            Mobile Web Site         E-Commerce                 Responsive Desig...
What Should I Do?         Marketing Website            Mobile Web Site         E-Commerce                 Responsive Desig...
I’m Mark Menard                        @mark_menard        We Build Web & Mobile Apps                      http://www.enab...
Referral Madness                Get $500 for                      Win a               every referral                 Retin...
Credits       Mobile Usage Statistics: http://tag.microsoft.com/community/blog/t/       the_growth_of_mobile_marketing_and...
Upcoming SlideShare
Loading in...5
×

Mobile Platforms and App Development

569

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
569
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Third quarter of 2011\n 62% of 25-34 year olds\n 54% of 35-44 year olds\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • March 3, 2012\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Mobile Platforms and App Development

    1. 1. App Development & Mobile Site Platforms for the Enhanced Digital World Mark Menard smAlbany 2012 July 17, 2012Friday, July 20, 12
    2. 2. Who am I? Mark Menard Internet Professional Since 1995 @mark_menard We Build Web & Mobile Apps 2Friday, July 20, 12
    3. 3. Mobile 1.0 3Friday, July 20, 12
    4. 4. How large is the mobile market? 4Friday, July 20, 12
    5. 5. There are 4 billion mobile phones in use today. 5Friday, July 20, 12
    6. 6. There are over 1 billion smartphones in use today. 6Friday, July 20, 12
    7. 7. By 2014 mobile internet usage will overtake desktop usage. 7Friday, July 20, 12
    8. 8. 62% of 25-34 year olds have smartphones 8Friday, July 20, 12
    9. 9. Half of all local searches are performed on mobile devices. 9Friday, July 20, 12
    10. 10. Mobile 2.0 Don’t forget the Tablets 10Friday, July 20, 12
    11. 11. By the end of 2012 tablet sales will overtake PC sales. -Tim Cook Apple CEO 11Friday, July 20, 12
    12. 12. 55 million iPads sold in the first 18 months! 12Friday, July 20, 12
    13. 13. We live in an “app” world. 13Friday, July 20, 12
    14. 14. 14Friday, July 20, 12
    15. 15. Mobile Platforms iOS iPhone iPad 15Friday, July 20, 12
    16. 16. Mobile Platforms Android 16Friday, July 20, 12
    17. 17. Mobile Platforms The also Rans 17Friday, July 20, 12
    18. 18. Mobile Platforms But is it an also ran? 18Friday, July 20, 12
    19. 19. Do you need a mobile strategy? 19Friday, July 20, 12
    20. 20. Yes! 20Friday, July 20, 12
    21. 21. One size does not fit all! 21Friday, July 20, 12
    22. 22. One size does not fit all! Websites vs Apps 22Friday, July 20, 12
    23. 23. Websites vs Apps The Good News Use your existing site Installed App Use existing Can use data from your technologies existing site Can be done Represents a significant incrementally branding opportunity Use the hardware Fastest user experience 23Friday, July 20, 12
    24. 24. Websites vs Apps The Bad News Uses your existing site New technologies Can be difficult to take Need to navigate the advantage of hardware app store process Lots of form factors to There’s more than one deal with platform 24Friday, July 20, 12
    25. 25. Four Main Strategies 25Friday, July 20, 12
    26. 26. Four Main Strategies Mobile Web Site Responsive Design Native Apps Cross Platform Apps 26Friday, July 20, 12
    27. 27. Mobile Web Site Serve unique content for mobile devices using either a separate website, or the same website using separate templates and graphic content. 27Friday, July 20, 12
    28. 28. Mobile Web Site Twitter Notice the mobile.twitter.com address, and the web browser controls. 28Friday, July 20, 12
    29. 29. Mobile Web Site Twitter Elements are large enough to tap with a finger. No side bars. Limited and focused content. 29Friday, July 20, 12
    30. 30. Mobile Web Site Twitter Accessing additional functionality requires a drill down to another page. 30Friday, July 20, 12
    31. 31. Mobile Web Site The Home Depot Trip Advisor Facebook 31Friday, July 20, 12
    32. 32. Four Main Strategies Mobile Web Site Responsive Design Native Apps Cross Platform Apps 32Friday, July 20, 12
    33. 33. Responsive Design Use various techniques, such as CSS, fluid layouts, and flexible images to achieve a pleasing appearance on a mobile device while serving the same content. 33Friday, July 20, 12
    34. 34. Responsive Design A WordPress Example Desktop Layout 34Friday, July 20, 12
    35. 35. Responsive Design A WordPress Example iPad Layout 35Friday, July 20, 12
    36. 36. Responsive Design A WordPress Example iPhone Layout 36Friday, July 20, 12
    37. 37. Responsive Design 37Friday, July 20, 12
    38. 38. Four Main Strategies Mobile Web Site Responsive Design Native Apps Cross Platform Apps 38Friday, July 20, 12
    39. 39. Native Apps Applications written specifically for a particular mobile platform, such as iOS or Android using native tools. 39Friday, July 20, 12
    40. 40. Native Apps Objective-C or Ruby Java Xcode Eclipse, IntelliJ Cocoa Touch Android APIs 40Friday, July 20, 12
    41. 41. Four Main Strategies Mobile Web Site Responsive Design Native Apps Cross Platform Apps 41Friday, July 20, 12
    42. 42. Cross Platform Apps Apps developed using tools that leverage web based technologies, such as HTML5, Javascript, and CSS, Flash, Flex, and many others to create native applications available through iTunes and Android app stores. 42Friday, July 20, 12
    43. 43. Native Apps vs Cross Platform Apps The Good News Takes best advantage of the Write one app and run on hardware multiple platforms Looks and feels like a native Performance is generally app good Many developers available Can leverage existing skills from prior platforms, such as web design and development 43Friday, July 20, 12
    44. 44. Native Apps vs Cross Platform Apps The Bad News Need to maintain multiple Cross platform always has versions of your app for each compromises platform Performance can suffer in certain edge cases Need to learn new technologies Can be hard to achieve a true native look and feel Sometimes the app store can Some solutions have limited be a pain developer communities 44Friday, July 20, 12
    45. 45. What Should I Do? Marketing Website Mobile Web Site E-Commerce Responsive Design Database Application Native Apps Software as a Service Cross Platform Apps 45Friday, July 20, 12
    46. 46. What Should I Do? Marketing Website Mobile Web Site E-Commerce Responsive Design Database Application Native Apps Software as a Service Cross Platform Apps 46Friday, July 20, 12
    47. 47. I’m Mark Menard @mark_menard We Build Web & Mobile Apps http://www.enablelabs.com/ 47Friday, July 20, 12
    48. 48. Referral Madness Get $500 for Win a every referral Retina Display we close. MacBook Pro! Ends August 31, 2012 http://www.enablelabs.com/referral-madness 48Friday, July 20, 12
    49. 49. Credits Mobile Usage Statistics: http://tag.microsoft.com/community/blog/t/ the_growth_of_mobile_marketing_and_tagging.aspx Sneakers photo: Linda Cronin: http://www.flickr.com/photos/oldflints/5849110918/ Reveal: Responsive Wordpress Theme: http://themetrust.com/themes/reveal 49Friday, July 20, 12
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×