The document outlines considerations for developing a mobile site, including navigation elements, brand preservation, and device detection techniques. It discusses the use of various tools and modules such as WURFL and Drupal mobile plugins for enhancing mobile functionality. Additionally, it provides insights on testing methods across different devices and emulators.

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