Mobile Tools & Browscap

Adapting to Mobile




                      DrupalDay Campinas"
                      January 28th, 2012"


                      Tiago Takamoto!
                      Software Architect!


                      www.ciandt.com!
Aligning"
Expectations"
!
!
•    Why this topic?!

•    What will be covered?!

•    What will NOT be covered?!

•    Can I leave?!




                                  www.ciandt.com!
Agenda"
"
"
•    Mobile Tools!

•    Browscap!

•    Hands-on (Code!)!

•    Good practices & Libs!
!
•    Questions!



                              www.ciandt.com!
Mobile Tools"
"
	
  
•    What it really does?!

•    Current status of it.!

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




                                               www.ciandt.com!
Mobile Tools"


!
•    Code Fixes for Integrations - Browscap!
!
•    Code Fixes for D7!
!
•    Admin interface!




                                               www.ciandt.com!
Browscap"
"
!
•    So how the magic happens?!

•    Why Browscap instead of Wurfl?!

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




                                           www.ciandt.com!
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!
Hands On"
!
http://labs.ttakamoto.com!
http://m.labs.ttakamoto.com!
!
•  Why different URLs?!
!




                               www.ciandt.com!
Good Practices"
!
•  DOCTYPE HTML customized!

•  Don’t load what’s unused!

•  Focus on major devices!
!




                               www.ciandt.com!
Good Practices"
!

!
•  The Cache Please!!! CI.!

•  Gzip anyway!

•  User Agent Switcher!




                              www.ciandt.com!
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!
Adapting to
Mobile"
!

!
•  Experience comes with
   perseverance!

•  Dream team for mobile?!

•  Reusability!!

•  80/20!



                             www.ciandt.com!
Thank You!!
          Tiago Takamoto"
          Software Architect!
          tiago.takamoto@gmail.com!
          ttakamoto@ciandt.com!
          www.ciandt.com!




                                www.ciandt.com!
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!

Mobile Tools & Browscap - Adapting to Mobile

  • 1.
    Mobile Tools &Browscap
 Adapting to Mobile DrupalDay Campinas" January 28th, 2012" Tiago Takamoto! Software Architect! www.ciandt.com!
  • 2.
    Aligning" Expectations" ! ! •  Why this topic?! •  What will be covered?! •  What will NOT be covered?! •  Can I leave?! www.ciandt.com!
  • 3.
    Agenda" " " •  Mobile Tools! •  Browscap! •  Hands-on (Code!)! •  Good practices & Libs! ! •  Questions! www.ciandt.com!
  • 4.
    Mobile Tools" "   •  What it really does?! •  Current status of it.! •  http://drupal.org/project/mobile_tools! www.ciandt.com!
  • 5.
    Mobile Tools" 
 ! •  Code Fixes for Integrations - Browscap! ! •  Code Fixes for D7! ! •  Admin interface! www.ciandt.com!
  • 6.
    Browscap" " ! •  So how the magic happens?! •  Why Browscap instead of Wurfl?! •  http://drupal.org/project/browscap! www.ciandt.com!
  • 7.
    Browscap" ! •  Advantages ofmonitoring! ! •  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!
  • 8.
  • 9.
    Good Practices" ! •  DOCTYPEHTML customized! •  Don’t load what’s unused! •  Focus on major devices! ! www.ciandt.com!
  • 10.
    Good Practices" ! ! •  TheCache Please!!! CI.! •  Gzip anyway! •  User Agent Switcher! www.ciandt.com!
  • 11.
    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!
  • 12.
    Adapting to Mobile" ! ! •  Experiencecomes with perseverance! •  Dream team for mobile?! •  Reusability!! •  80/20! www.ciandt.com!
  • 13.
    Thank You!! Tiago Takamoto" Software Architect! tiago.takamoto@gmail.com! ttakamoto@ciandt.com! www.ciandt.com! www.ciandt.com!
  • 14.
    About Ci&T
 " Ci&T providesvalue-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!