mobile tools & browscap - adapting to mobile
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.TRANSCRIPT
![Page 1: Mobile Tools & Browscap - Adapting to Mobile](https://reader034.vdocuments.mx/reader034/viewer/2022051817/5483e27cb47959dd0c8b4ab2/html5/thumbnails/1.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051817/5483e27cb47959dd0c8b4ab2/html5/thumbnails/2.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051817/5483e27cb47959dd0c8b4ab2/html5/thumbnails/3.jpg)
Agenda"""• Mobile Tools!
• Browscap!
• Hands-on (Code!)!
• Good practices & Libs!!• Questions!
www.ciandt.com!
![Page 4: Mobile Tools & Browscap - Adapting to Mobile](https://reader034.vdocuments.mx/reader034/viewer/2022051817/5483e27cb47959dd0c8b4ab2/html5/thumbnails/4.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051817/5483e27cb47959dd0c8b4ab2/html5/thumbnails/5.jpg)
Mobile Tools"!• Code Fixes for Integrations - Browscap!!• Code Fixes for D7!!• Admin interface!
www.ciandt.com!
![Page 6: Mobile Tools & Browscap - Adapting to Mobile](https://reader034.vdocuments.mx/reader034/viewer/2022051817/5483e27cb47959dd0c8b4ab2/html5/thumbnails/6.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051817/5483e27cb47959dd0c8b4ab2/html5/thumbnails/7.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051817/5483e27cb47959dd0c8b4ab2/html5/thumbnails/8.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051817/5483e27cb47959dd0c8b4ab2/html5/thumbnails/9.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051817/5483e27cb47959dd0c8b4ab2/html5/thumbnails/10.jpg)
Good Practices"!
!
• The Cache Please!!! CI.!
• Gzip anyway!
• User Agent Switcher!
www.ciandt.com!
![Page 11: Mobile Tools & Browscap - Adapting to Mobile](https://reader034.vdocuments.mx/reader034/viewer/2022051817/5483e27cb47959dd0c8b4ab2/html5/thumbnails/11.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051817/5483e27cb47959dd0c8b4ab2/html5/thumbnails/12.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051817/5483e27cb47959dd0c8b4ab2/html5/thumbnails/13.jpg)
Tiago Takamoto"Software [email protected][email protected]!www.ciandt.com!
Thank You!!
www.ciandt.com!
![Page 14: Mobile Tools & Browscap - Adapting to Mobile](https://reader034.vdocuments.mx/reader034/viewer/2022051817/5483e27cb47959dd0c8b4ab2/html5/thumbnails/14.jpg)
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!