This document discusses different approaches for building mobile sites and apps with Drupal, including native apps, mobile sites, responsive design, and Drupal 8 initiatives. Native apps are extremely popular but time consuming to build and require additional skills. Mobile sites require maintaining multiple versions, while responsive design uses a single, adaptive design that scales across devices using CSS media queries. Drupal 7 supports responsive design out of the box as well as services and mobile tools modules. Drupal 8 aims to improve the mobile experience through initiatives focused on mobile, HTML5, and web services.

1. Mobile with Drupal
James Walker :: http://walkah.net :: @walkah

2. http://gigaom.com/2010/04/12/mary-meeker-mobile-internet-will-soon-overtake-fixed-internet/

3. Are you ready?

4. What is ready?

5. Native Apps

6. Native Apps
• Extremely popular on iOS / Android

7. Native Apps
• Extremely popular on iOS / Android
• Visibility / promotion via app stores

8. Native Apps
• Extremely popular on iOS / Android
• Visibility / promotion via app stores
• Time consuming to build

9. Native Apps
• Extremely popular on iOS / Android
• Visibility / promotion via app stores
• Time consuming to build
• Requires additional skills*

10. Native Apps

11. Mobile Sites / Apps

12. Mobile Sites / Apps
• Parallel site(s) for mobile devices

13. Mobile Sites / Apps
• Parallel site(s) for mobile devices
• Device detection or manual switching

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. Responsive Design

16. Responsive Design
• Single, adaptive design

17. Responsive Design
• Single, adaptive design
• Uses CSS Media Queries

18. Responsive Design
• Single, adaptive design
• Uses CSS Media Queries
• Scales with the device

19. Responsive Design
• Single, adaptive design
• Uses CSS Media Queries
• Scales with the device
• Using the same CSS you already use

24. Drupal 7

25. Native apps

26. Services
• http://drupal.org/project/services
• API access to Drupal
• JSON + REST
• XMLRPC
• Standard iOS/Android SDK or
Titanium / PhoneGap / etc

27. Mobile Sites

28. Mobile Sites

29. Mobile Tools
• Mobile Tools
http://drupal.org/project/mobile_tools
• Browser Detection
• Redirection (e.g. http://m.example.com/)

30. Responsive Design

31. Responsive Design

32. Responsive Design
• Pure CSS via @media query
• Supported by major mobile devices
• Android / iOS / (some) Blackberry
• http://drupal.org/project/omega

33. Drupal 8

34. Drupal 8 Initiatives
http://groups.drupal.org/drupal-initiatives

35. D8 Mobile
http://groups.drupal.org/mobile

36. http://www.palantir.net/blog/drupal-8-mobile-initiative

37. D8 HTML5
http://groups.drupal.org/html5

38. D8 WSCCI*
http://groups.drupal.org/wscci
* Web Services and Context Core Initiative

39. Thank You
James Walker :: http://walkah.net :: @walkah