Mobile with DrupalJames Walker :: http://walkah.net :: @walkah
http://gigaom.com/2010/04/12/mary-meeker-mobile-internet-will-soon-overtake-fixed-internet/
Are you ready?
What is ready?
Native Apps
Native Apps• Extremely popular on iOS / Android
Native Apps• Extremely popular on iOS / Android• Visibility / promotion via app stores
Native Apps• Extremely popular on iOS / Android• Visibility / promotion via app stores• Time consuming to build
Native Apps• Extremely popular on iOS / Android• Visibility / promotion via app stores• Time consuming to build• Requires ...
Native Apps
Mobile Sites / Apps
Mobile Sites / Apps• Parallel site(s) for mobile devices
Mobile Sites / Apps• Parallel site(s) for mobile devices• Device detection or manual switching
Mobile Sites / Apps• Parallel site(s) for mobile devices• Device detection or manual switching• Requires multiple streams ...
Responsive Design
Responsive Design• Single, adaptive design
Responsive Design• Single, adaptive design• Uses CSS Media Queries
Responsive Design• Single, adaptive design• Uses CSS Media Queries• Scales with the device
Responsive Design• Single, adaptive design• Uses CSS Media Queries• Scales with the device• Using the same CSS you already...
Drupal 7
Native apps
Services• http://drupal.org/project/services• API access to Drupal • JSON + REST • XMLRPC• Standard iOS/Android SDK or  Ti...
Mobile Sites
Mobile Sites
Mobile Tools• Mobile Tools  http://drupal.org/project/mobile_tools• Browser Detection• Redirection (e.g. http://m.example....
Responsive Design
Responsive Design
Responsive Design• Pure CSS via @media query• Supported by major mobile devices • Android / iOS / (some) Blackberry• http:...
Drupal 8
Drupal 8 Initiativeshttp://groups.drupal.org/drupal-initiatives
D8 Mobilehttp://groups.drupal.org/mobile
http://www.palantir.net/blog/drupal-8-mobile-initiative
D8 HTML5http://groups.drupal.org/html5
D8 WSCCI*        http://groups.drupal.org/wscci* Web Services and Context Core Initiative
Thank YouJames Walker :: http://walkah.net :: @walkah
Drupal & Mobile
Drupal & Mobile
Drupal & Mobile
Drupal & Mobile
Upcoming SlideShare
Loading in …5
×

Drupal & Mobile

1,808 views

Published on

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

  • Be the first to like this

No Downloads
Views
Total views
1,808
On SlideShare
0
From Embeds
0
Number of Embeds
23
Actions
Shares
0
Downloads
12
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \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
  • Drupal & Mobile

    1. 1. Mobile with DrupalJames Walker :: http://walkah.net :: @walkah
    2. 2. http://gigaom.com/2010/04/12/mary-meeker-mobile-internet-will-soon-overtake-fixed-internet/
    3. 3. Are you ready?
    4. 4. What is ready?
    5. 5. Native Apps
    6. 6. Native Apps• Extremely popular on iOS / Android
    7. 7. Native Apps• Extremely popular on iOS / Android• Visibility / promotion via app stores
    8. 8. Native Apps• Extremely popular on iOS / Android• Visibility / promotion via app stores• Time consuming to build
    9. 9. Native Apps• Extremely popular on iOS / Android• Visibility / promotion via app stores• Time consuming to build• Requires additional skills*
    10. 10. Native Apps
    11. 11. Mobile Sites / Apps
    12. 12. Mobile Sites / Apps• Parallel site(s) for mobile devices
    13. 13. Mobile Sites / Apps• Parallel site(s) for mobile devices• Device detection or manual switching
    14. 14. Mobile Sites / Apps• Parallel site(s) for mobile devices• Device detection or manual switching• Requires multiple streams of development (though no additional skills)
    15. 15. Responsive Design
    16. 16. Responsive Design• Single, adaptive design
    17. 17. Responsive Design• Single, adaptive design• Uses CSS Media Queries
    18. 18. Responsive Design• Single, adaptive design• Uses CSS Media Queries• Scales with the device
    19. 19. Responsive Design• Single, adaptive design• Uses CSS Media Queries• Scales with the device• Using the same CSS you already use
    20. 20. Drupal 7
    21. 21. Native apps
    22. 22. Services• http://drupal.org/project/services• API access to Drupal • JSON + REST • XMLRPC• Standard iOS/Android SDK or Titanium / PhoneGap / etc
    23. 23. Mobile Sites
    24. 24. Mobile Sites
    25. 25. Mobile Tools• Mobile Tools http://drupal.org/project/mobile_tools• Browser Detection• Redirection (e.g. http://m.example.com/)
    26. 26. Responsive Design
    27. 27. Responsive Design
    28. 28. Responsive Design• Pure CSS via @media query• Supported by major mobile devices • Android / iOS / (some) Blackberry• http://drupal.org/project/omega
    29. 29. Drupal 8
    30. 30. Drupal 8 Initiativeshttp://groups.drupal.org/drupal-initiatives
    31. 31. D8 Mobilehttp://groups.drupal.org/mobile
    32. 32. http://www.palantir.net/blog/drupal-8-mobile-initiative
    33. 33. D8 HTML5http://groups.drupal.org/html5
    34. 34. D8 WSCCI* http://groups.drupal.org/wscci* Web Services and Context Core Initiative
    35. 35. Thank YouJames Walker :: http://walkah.net :: @walkah

    ×