drupal goes mobile

24
@girlsattech DRUPAL GOES MOBILE

Upload: zezzi-castillo

Post on 29-Nov-2014

1.262 views

Category:

Technology


0 download

DESCRIPTION

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

TRANSCRIPT

Page 1: Drupal goes Mobile

@girlsattech

DRUPAL GOES MOBILE

Page 2: Drupal goes Mobile
Page 3: Drupal goes Mobile

Mobile Site Considerations

• Breadcrumbs

• Switcher Links

• Navegation

• Entry Points

• Images (tinysrc)

• Preserving the Brand

• Reusing Native Design Patterns

Page 4: Drupal goes Mobile

Switching Between Mobile and Desktop Browsers

Page 5: Drupal goes Mobile

Switching Between Mobile and Desktop Browsers

Page 6: Drupal goes Mobile

Looking at Headers

Page 7: Drupal goes Mobile

Looking at Headers

Para mas información: RFC2616

Page 8: Drupal goes Mobile

Switching Between Mobile and Desktop Browsers

• Build it yourself

• Use Device Database Recognition

• Detection on the Client Side

Page 9: Drupal goes Mobile

Build It yourselfExample….

Page 10: Drupal goes Mobile

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

Detection on the Client Side

• Javascript

I. High-end Touch

II. Algunos Hign-end Non-touch

Page 12: Drupal goes Mobile

Detection on the Client Side

• Media Queries

Page 13: Drupal goes Mobile

Screen Width Based Mobile Groups

Page 14: Drupal goes Mobile

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

Mobile Tools

• Browscap

• Site Configuration

• Dual Domain Experience

• Theme Switching

I. Browser Recognition Alone

II. Domain Alone

Page 16: Drupal goes Mobile

Mobile Tools

• Mobile Role based Permission System

• Permissions Not activated by default

Page 17: Drupal goes Mobile

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

Mobile Template and Libraries

• iWebKit

• Nokia Web Templates

• JQtouch

• Jquery Mobile

• Sencha Touch

• Fusion Mobile(Drupal)

Page 19: Drupal goes Mobile
Page 20: Drupal goes Mobile
Page 21: Drupal goes Mobile

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

Testing

DeviceAnywhere

Page 23: Drupal goes Mobile

Testing

• Perfecto Mobile

• mobiReady

• W3C Validators

• http://validator.w3.org/mobile/

• Testing with real Handsets

Page 24: Drupal goes Mobile

Gracias por su Atención

@girlsattech

@zezzi