Drupal goes Mobile

1,042 views

Published on

Opciones para desarrollo movil utilizando Drupal

Basado en el libro Professional Mobile Web.Development with WordPress Joomla and Drupal

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
1,042
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Drupal goes Mobile

  1. 1. @girlsattech
  2. 2. Mobile Site Considerations• Breadcrumbs• Switcher Links• Navegation• Entry Points• Images (tinysrc)• Preserving the Brand• Reusing Native Design Patterns
  3. 3. Switching Between Mobile and Desktop Browsers
  4. 4. Switching Between Mobile and Desktop Browsers
  5. 5. Looking at Headers
  6. 6. Looking at HeadersPara mas información: RFC2616
  7. 7. Switching Between Mobile and Desktop Browsers• Build it yourself• Use Device Database Recognition• Detection on the Client Side
  8. 8. Build It yourself Example….
  9. 9. Use Device Database RecognitionWURFL(Wireless Universal Resource File) • XML • Características y Capacidades para una variedad de dispositivos Móviles • Open-sourceDeviceAtlas • No es open-source • Proveido por dotMobi • Licencias Comerciales y para Desarrolladores
  10. 10. Detection on the Client Side• Javascript I. High-end Touch II. Algunos Hign-end Non-touch
  11. 11. Detection on the Client Side• Media Queries
  12. 12. Screen Width Based Mobile Groups
  13. 13. 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
  14. 14. Mobile Tools• Browscap• Site Configuration• Dual Domain Experience• Theme Switching I. Browser Recognition Alone II. Domain Alone
  15. 15. Mobile Tools• Mobile Role based Permission System• Permissions Not activated by default
  16. 16. 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.
  17. 17. Mobile Template and Libraries• iWebKit• Nokia Web Templates• JQtouch• Jquery Mobile• Sencha Touch• Fusion Mobile(Drupal)
  18. 18. TestingUsing 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
  19. 19. TestingDeviceAnywhere
  20. 20. Testing• Perfecto Mobile• mobiReady• W3C Validators • http://validator.w3.org/mobile/• Testing with real Handsets
  21. 21. Gracias por su Atención @girlsattech @zezzi

×