Opciones para desarrollo movil utilizando Drupal Basado en el libro Professional Mobile Web.Development with WordPress Joomla and Drupal

1. @girlsattech

3. Mobile Site Considerations
• Breadcrumbs
• Switcher Links
• Navegation
• Entry Points
• Images (tinysrc)
• Preserving the Brand
• Reusing Native Design Patterns

4. Switching Between Mobile
and Desktop Browsers

5. Switching Between Mobile
and Desktop Browsers

6. Looking at Headers

7. Looking at Headers
Para mas información: RFC2616

8. Switching Between Mobile
and Desktop Browsers
• Build it yourself
• Use Device Database Recognition
• Detection on the Client Side

9. Build It yourself
Example….

10. Use Device Database
Recognition
WURFL(Wireless Universal Resource File)
• XML
• Características y Capacidades para una variedad de
dispositivos Móviles
• Open-source
DeviceAtlas
• No es open-source
• Proveido por dotMobi
• Licencias Comerciales y para Desarrolladores

11. Detection on the Client Side
• Javascript
I. High-end Touch
II. Algunos Hign-end Non-touch

12. Detection on the Client Side
• Media Queries

13. Screen Width Based Mobile
Groups

14. Drupal Mobile Plugin Module
• Mobile Theme Enabled
• Site Building
• Not enabled for users by default
• User-Agent by default
• Mobile Group by default
• WURFL
• Not available yet for drupal 7

15. Mobile Tools
• Browscap
• Site Configuration
• Dual Domain Experience
• Theme Switching
I. Browser Recognition Alone
II. Domain Alone

16. Mobile Tools
• Mobile Role based Permission System
• Permissions Not activated by default

17. Mobile Theme
• An other switcher for detecting devices
• It depends entirely upon Browscap Module
• There is no domain mapping,
device grouping, or creation of custom blocks.

18. Mobile Template and
Libraries
• iWebKit
• Nokia Web Templates
• JQtouch
• Jquery Mobile
• Sencha Touch
• Fusion Mobile(Drupal)

21. Testing
Using Desktop Clients
User - Agent Switcher (Mozilla/ Safari)
Mobile Emulators
Iphone/ Ipad (Xcode)
Android (Avds-Android Virtual Devices)
BlackBerry
Nokia Series 40 and Symbian^3
Windows Mobile

22. Testing
DeviceAnywhere

23. Testing
• Perfecto Mobile
• mobiReady
• W3C Validators
• http://validator.w3.org/mobile/
• Testing with real Handsets

24. Gracias por su Atención
@girlsattech
@zezzi