drupal goes mobile
DESCRIPTION
Opciones para desarrollo movil utilizando Drupal Basado en el libro Professional Mobile Web.Development with WordPress Joomla and DrupalTRANSCRIPT
![Page 1: Drupal goes Mobile](https://reader036.vdocuments.mx/reader036/viewer/2022062614/547b252bb4795977098b4c52/html5/thumbnails/1.jpg)
@girlsattech
DRUPAL GOES MOBILE
![Page 2: Drupal goes Mobile](https://reader036.vdocuments.mx/reader036/viewer/2022062614/547b252bb4795977098b4c52/html5/thumbnails/2.jpg)
![Page 3: Drupal goes Mobile](https://reader036.vdocuments.mx/reader036/viewer/2022062614/547b252bb4795977098b4c52/html5/thumbnails/3.jpg)
Mobile Site Considerations
• Breadcrumbs
• Switcher Links
• Navegation
• Entry Points
• Images (tinysrc)
• Preserving the Brand
• Reusing Native Design Patterns
![Page 4: Drupal goes Mobile](https://reader036.vdocuments.mx/reader036/viewer/2022062614/547b252bb4795977098b4c52/html5/thumbnails/4.jpg)
Switching Between Mobile and Desktop Browsers
![Page 5: Drupal goes Mobile](https://reader036.vdocuments.mx/reader036/viewer/2022062614/547b252bb4795977098b4c52/html5/thumbnails/5.jpg)
Switching Between Mobile and Desktop Browsers
![Page 6: Drupal goes Mobile](https://reader036.vdocuments.mx/reader036/viewer/2022062614/547b252bb4795977098b4c52/html5/thumbnails/6.jpg)
Looking at Headers
![Page 7: Drupal goes Mobile](https://reader036.vdocuments.mx/reader036/viewer/2022062614/547b252bb4795977098b4c52/html5/thumbnails/7.jpg)
Looking at Headers
Para mas información: RFC2616
![Page 8: Drupal goes Mobile](https://reader036.vdocuments.mx/reader036/viewer/2022062614/547b252bb4795977098b4c52/html5/thumbnails/8.jpg)
Switching Between Mobile and Desktop Browsers
• Build it yourself
• Use Device Database Recognition
• Detection on the Client Side
![Page 9: Drupal goes Mobile](https://reader036.vdocuments.mx/reader036/viewer/2022062614/547b252bb4795977098b4c52/html5/thumbnails/9.jpg)
Build It yourselfExample….
![Page 10: Drupal goes Mobile](https://reader036.vdocuments.mx/reader036/viewer/2022062614/547b252bb4795977098b4c52/html5/thumbnails/10.jpg)
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
![Page 11: Drupal goes Mobile](https://reader036.vdocuments.mx/reader036/viewer/2022062614/547b252bb4795977098b4c52/html5/thumbnails/11.jpg)
Detection on the Client Side
• Javascript
I. High-end Touch
II. Algunos Hign-end Non-touch
![Page 12: Drupal goes Mobile](https://reader036.vdocuments.mx/reader036/viewer/2022062614/547b252bb4795977098b4c52/html5/thumbnails/12.jpg)
Detection on the Client Side
• Media Queries
![Page 13: Drupal goes Mobile](https://reader036.vdocuments.mx/reader036/viewer/2022062614/547b252bb4795977098b4c52/html5/thumbnails/13.jpg)
Screen Width Based Mobile Groups
![Page 14: Drupal goes Mobile](https://reader036.vdocuments.mx/reader036/viewer/2022062614/547b252bb4795977098b4c52/html5/thumbnails/14.jpg)
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
![Page 15: Drupal goes Mobile](https://reader036.vdocuments.mx/reader036/viewer/2022062614/547b252bb4795977098b4c52/html5/thumbnails/15.jpg)
Mobile Tools
• Browscap
• Site Configuration
• Dual Domain Experience
• Theme Switching
I. Browser Recognition Alone
II. Domain Alone
![Page 16: Drupal goes Mobile](https://reader036.vdocuments.mx/reader036/viewer/2022062614/547b252bb4795977098b4c52/html5/thumbnails/16.jpg)
Mobile Tools
• Mobile Role based Permission System
• Permissions Not activated by default
![Page 17: Drupal goes Mobile](https://reader036.vdocuments.mx/reader036/viewer/2022062614/547b252bb4795977098b4c52/html5/thumbnails/17.jpg)
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.
![Page 18: Drupal goes Mobile](https://reader036.vdocuments.mx/reader036/viewer/2022062614/547b252bb4795977098b4c52/html5/thumbnails/18.jpg)
Mobile Template and Libraries
• iWebKit
• Nokia Web Templates
• JQtouch
• Jquery Mobile
• Sencha Touch
• Fusion Mobile(Drupal)
![Page 19: Drupal goes Mobile](https://reader036.vdocuments.mx/reader036/viewer/2022062614/547b252bb4795977098b4c52/html5/thumbnails/19.jpg)
![Page 20: Drupal goes Mobile](https://reader036.vdocuments.mx/reader036/viewer/2022062614/547b252bb4795977098b4c52/html5/thumbnails/20.jpg)
![Page 21: Drupal goes Mobile](https://reader036.vdocuments.mx/reader036/viewer/2022062614/547b252bb4795977098b4c52/html5/thumbnails/21.jpg)
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
![Page 22: Drupal goes Mobile](https://reader036.vdocuments.mx/reader036/viewer/2022062614/547b252bb4795977098b4c52/html5/thumbnails/22.jpg)
Testing
DeviceAnywhere
![Page 23: Drupal goes Mobile](https://reader036.vdocuments.mx/reader036/viewer/2022062614/547b252bb4795977098b4c52/html5/thumbnails/23.jpg)
Testing
• Perfecto Mobile
• mobiReady
• W3C Validators
• http://validator.w3.org/mobile/
• Testing with real Handsets
![Page 24: Drupal goes Mobile](https://reader036.vdocuments.mx/reader036/viewer/2022062614/547b252bb4795977098b4c52/html5/thumbnails/24.jpg)
Gracias por su Atención
@girlsattech
@zezzi