Go Mobile with Drupal

Reach more users on mobile
at a fraction of the cost of proprietary software

Tom Tran,
Geekpolis

...
Program
●
●
●
●

About Geekpolis
Drupal: What/Who/Why?
Overview Web - Hybrid - Native
Mobile Web strategies
○ Responsive W...
Tom Tran
Founder Geekpolis
●
●

Drupal development services
Drupal products for end-users

tom@geekpolis.com
facebook.com/...
Consultant, Web Strategy at RICHLTD.com
●
●

2.000 unique visitors in 2008 to over 15.000 in 2011
Drupal webmaster, Design...
Export Consultant at Vinapackingfilms.com
●
●

Build Drupal based website and inbound marketing strategies
From 0 to 7 con...
Marketing Director at JoomlArt.com
●
●

Content strategy, Company Blog serving 250k site members
Branding, Communication a...
Active Community
●
●
●
●

> 1 million members
15k + developers
1k core developers
100k attendees yearly on Drupal events

...
Web application or Native?
Approaches: Web, Hybrid, Native
Important factors to consider
●
●
●
●
●
●

Visibility, Distribution
License, rights
Functionality of device
Code
Performan...
Device functionality
- GPS, sharing of location
- Geo-tagging photos taken from phone
- Contact / Addressbook
- Download h...
Responsive Web Design
Billboard Media
Fluid layouts, Fluid grids
Media queries => define width breakpoints
Fluid, flexible images => picturefill.js

RESS (RWD +...
Device detection
RESS (RWD + Server Side components)
Mobile Theme Switching
Dedicated Mobile site
Dedicated mobile optimized site
Web Services
REST (REpresentational state transfer)
REST
(REpresentational state transfer)
CREATE: HTTP PUT/article
READ: HTTP GET/article/123 (or /123.json)
UPDATE: HTTP POS...
Hybrid : Titanium
Hybrid : Phonegap
Phonegap
Web , Hybrid or Native??
Facebook
Linkedin

native

dedicated mobile site =>
Thank You
Tom Tran,
Geekpolis

tom@geekpolis.com
facebook.com/webtomme
twitter.com/webtomme
linkedin.com/webtomme
www.geek...
Go Mobile with Drupal & Triple Your User Database
Go Mobile with Drupal & Triple Your User Database
Go Mobile with Drupal & Triple Your User Database
Go Mobile with Drupal & Triple Your User Database
Go Mobile with Drupal & Triple Your User Database
Go Mobile with Drupal & Triple Your User Database
Go Mobile with Drupal & Triple Your User Database
Go Mobile with Drupal & Triple Your User Database
Go Mobile with Drupal & Triple Your User Database
Upcoming SlideShare
Loading in …5
×

Go Mobile with Drupal & Triple Your User Database

846 views

Published on

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

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
846
On SlideShare
0
From Embeds
0
Number of Embeds
275
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Go Mobile with Drupal & Triple Your User Database

  1. 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. 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. 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. 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. 5. Export Consultant at Vinapackingfilms.com ● ● Build Drupal based website and inbound marketing strategies From 0 to 7 containers exported monthly in 2012
  6. 6. Marketing Director at JoomlArt.com ● ● Content strategy, Company Blog serving 250k site members Branding, Communication and Positioning as global player
  7. 7. 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
  8. 8. Web application or Native?
  9. 9. Approaches: Web, Hybrid, Native
  10. 10. Important factors to consider ● ● ● ● ● ● Visibility, Distribution License, rights Functionality of device Code Performance Cost
  11. 11. Device functionality - GPS, sharing of location - Geo-tagging photos taken from phone - Contact / Addressbook - Download history - Files - Compass
  12. 12. Responsive Web Design
  13. 13. Billboard Media
  14. 14. 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
  15. 15. Device detection RESS (RWD + Server Side components) Mobile Theme Switching Dedicated Mobile site
  16. 16. Dedicated mobile optimized site
  17. 17. Web Services
  18. 18. REST (REpresentational state transfer)
  19. 19. 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
  20. 20. Hybrid : Titanium
  21. 21. Hybrid : Phonegap
  22. 22. Phonegap
  23. 23. Web , Hybrid or Native??
  24. 24. Facebook
  25. 25. Linkedin native dedicated mobile site =>
  26. 26. Thank You Tom Tran, Geekpolis tom@geekpolis.com facebook.com/webtomme twitter.com/webtomme linkedin.com/webtomme www.geekpolis.com

×