Tech Talk this time in Hanoi is about Drupal and how it provides mobile solutions.

1. Go Mobile with Drupal
Reach more users on mobile
at a fraction of the cost of proprietary software
Tom Tran,
Geekpolis
tom@geekpolis.com
facebook.com/webtomme
twitter.com/webtomme
linkedin.com/webtomme
www.geekpolis.com

2. Program
●
●
●
●
About Geekpolis
Drupal: What/Who/Why?
Overview Web - Hybrid - Native
Mobile Web strategies
○ Responsive Web Design (Media queries, Fluid box)
○ Device Detection
■ Separate Mobile site
■ Mobile theme
■ RESS (RWD + server side dynamic markup)
● Hybrid: Demo Titanium, PhoneGap
● Comparing Web vs Hybrid vs Native

3. Tom Tran
Founder Geekpolis
●
●
Drupal development services
Drupal products for end-users
tom@geekpolis.com
facebook.com/webtomme
twitter.com/webtomme
linkedin.com/webtomme

4. Consultant, Web Strategy at RICHLTD.com
●
●
2.000 unique visitors in 2008 to over 15.000 in 2011
Drupal webmaster, Design, Content marketing, CRM

5. Export Consultant at Vinapackingfilms.com
●
●
Build Drupal based website and inbound marketing strategies
From 0 to 7 containers exported monthly in 2012

6. Marketing Director at JoomlArt.com
●
●
Content strategy, Company Blog serving 250k site members
Branding, Communication and Positioning as global player

8. Active Community
●
●
●
●
> 1 million members
15k + developers
1k core developers
100k attendees yearly on Drupal events
Collaborative Innovation
● 15k+ free modules
● 1000s themes available
● since 2001

13. Web application or Native?

14. Approaches: Web, Hybrid, Native

15. Important factors to consider
●
●
●
●
●
●
Visibility, Distribution
License, rights
Functionality of device
Code
Performance
Cost

17. Device functionality
- GPS, sharing of location
- Geo-tagging photos taken from phone
- Contact / Addressbook
- Download history
- Files
- Compass

18. Responsive Web Design

19. Billboard Media

20. Fluid layouts, Fluid grids
Media queries => define width breakpoints
Fluid, flexible images => picturefill.js
RESS (RWD + Server Side components)
=> depends on user agent detection
Mobile Theme Switching

21. Device detection
RESS (RWD + Server Side components)
Mobile Theme Switching
Dedicated Mobile site

22. Dedicated mobile optimized site

23. Web Services

25. REST (REpresentational state transfer)

26. REST
(REpresentational state transfer)
CREATE: HTTP PUT/article
READ: HTTP GET/article/123 (or /123.json)
UPDATE: HTTP POST /article/123
DELETE: HTTP DELETE /article/123
In Drupal: Modules enabling services/resources
1. Services
2. RESTws,
3. Views Datasource

27. Hybrid : Titanium

28. Hybrid : Phonegap

29. Phonegap

30. Web , Hybrid or Native??

31. Facebook

32. Linkedin
native
dedicated mobile site =>

35. Thank You
Tom Tran,
Geekpolis
tom@geekpolis.com
facebook.com/webtomme
twitter.com/webtomme
linkedin.com/webtomme
www.geekpolis.com