14
Mobile Tools & Browscap Adapting to Mobile Tiago Takamoto Software Architect www.ciandt.com DrupalDay Campinas January 28 th , 2012

Mobile Tools & Browscap - Adapting to Mobile

  • Upload
    cit

  • View
    1.411

  • Download
    0

Embed Size (px)

DESCRIPTION

Tiago Takamoto, Ci&T Software Architect and Drupal specialist, shares his experiences using the Drupal Module Mobile Tools, in a DrupalDay session in Campinas, SP, Brazil - January 28, 2012.

Citation preview

Page 1: Mobile Tools & Browscap - Adapting to Mobile

Mobile Tools & BrowscapAdapting to Mobile

Tiago Takamoto!Software Architect!

www.ciandt.com!

DrupalDay Campinas"January 28th, 2012"

Page 2: Mobile Tools & Browscap - Adapting to Mobile

Aligning"Expectations"!!•  Why this topic?!

•  What will be covered?!

•  What will NOT be covered?!

•  Can I leave?!

www.ciandt.com!

Page 3: Mobile Tools & Browscap - Adapting to Mobile

Agenda"""•  Mobile Tools!

•  Browscap!

•  Hands-on (Code!)!

•  Good practices & Libs!!•  Questions!

www.ciandt.com!

Page 4: Mobile Tools & Browscap - Adapting to Mobile

Mobile Tools""  •  What it really does?!

•  Current status of it.!

•  http://drupal.org/project/mobile_tools!

www.ciandt.com!

Page 5: Mobile Tools & Browscap - Adapting to Mobile

Mobile Tools"!•  Code Fixes for Integrations - Browscap!!•  Code Fixes for D7!!•  Admin interface!

www.ciandt.com!

Page 6: Mobile Tools & Browscap - Adapting to Mobile

Browscap""!

•  So how the magic happens?!

•  Why Browscap instead of Wurfl?!

•  http://drupal.org/project/browscap!

www.ciandt.com!

Page 7: Mobile Tools & Browscap - Adapting to Mobile

Browscap"!

•  Advantages of monitoring!!•  Case with BlackBerry!

http://www.useragentstring.com/_uas_BlackBerry_version_.php!http://supportforums.blackberry.com/t5/Web-and-WebWorks-Development/How-to-detect-the-BlackBerry-Browser/ta-p/559862!

!•  Here’s some code!

www.ciandt.com!

Page 8: Mobile Tools & Browscap - Adapting to Mobile

Hands On"!

http://labs.ttakamoto.com!http://m.labs.ttakamoto.com!!•  Why different URLs?!!

www.ciandt.com!

Page 9: Mobile Tools & Browscap - Adapting to Mobile

Good Practices"!

•  DOCTYPE HTML customized!

•  Don’t load what’s unused!

•  Focus on major devices!!

www.ciandt.com!

Page 10: Mobile Tools & Browscap - Adapting to Mobile

Good Practices"!

!

•  The Cache Please!!! CI.!

•  Gzip anyway!

•  User Agent Switcher!

www.ciandt.com!

Page 11: Mobile Tools & Browscap - Adapting to Mobile

Great Tools"!

!

•  h#p://jqtouch.com/  

•  h#p://jquerymobile.com/  

•  h#p://drupal.org/project/mobile  

•  h#p://developer.yahoo.com/yslow/  

www.ciandt.com!

Page 12: Mobile Tools & Browscap - Adapting to Mobile

Adapting to Mobile"!

!•  Experience comes with

perseverance!

•  Dream team for mobile?!

•  Reusability!!

•  80/20!

www.ciandt.com!

Page 13: Mobile Tools & Browscap - Adapting to Mobile

Tiago Takamoto"Software [email protected][email protected]!www.ciandt.com!

Thank You!!

www.ciandt.com!

Page 14: Mobile Tools & Browscap - Adapting to Mobile

About Ci&T"Ci&T provides value-driven, Nearshore web and mobile application services and software product engineering. The company’s high-performance teams employ agile methodologies and Lean principles to deliver innovative, value-generating projects for companies of all sizes, by leveraging the latest mobile, cloud and web technologies. A truly global company established in 1995, Ci&T is headquartered in Campinas, Brazil, with strategic locations across Latin America, North America, Europe and the Asia-Pacific region. !!For more information, visit:!www.ciandt.com!facebook.com/ciandt!linkedin.com/company/ci&t!twitter.com/ciandt!slideshare.com/ciandt!