CI&T, profile picture
Uploaded byCI&T
1,029 views

Mobile Tools & Browscap - Adapting to Mobile

The document discusses adapting Drupal websites for mobile users. It covers mobile tools and the Browscap module, which detects mobile devices and browsers. Hands-on examples are provided of a website with different URLs for mobile and desktop. Best practices like optimizing assets and caching are also covered.

Embed presentation

Download to read offline
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!

More Related Content

PDF
Alexander Janssens & Gert-Jan van Rooij- Getting started with API
byTOPdesk
 
PDF
Mobilism 2011: How to put the mobile in the mobile web
byJenifer Hanen
 
PDF
Developing for Mobile Web
byBarbara Bermes
 
PPTX
Ansible Meetup NYC 060215
byjedelman99
 
PPT
Productivity Apps for Managers
byMohamed Zenhom
 
PDF
Fitocracy ny apps march 2013 talk
byfitocracy
 
PDF
Skive on Gamification (update)
bySkive
 
KEY
Fitocracy - Hacking The Human Body
byfitocracy
 
Alexander Janssens & Gert-Jan van Rooij- Getting started with API
byTOPdesk
 
Mobilism 2011: How to put the mobile in the mobile web
byJenifer Hanen
 
Developing for Mobile Web
byBarbara Bermes
 
Ansible Meetup NYC 060215
byjedelman99
 
Productivity Apps for Managers
byMohamed Zenhom
 
Fitocracy ny apps march 2013 talk
byfitocracy
 
Skive on Gamification (update)
bySkive
 
Fitocracy - Hacking The Human Body
byfitocracy
 

Similar to Mobile Tools & Browscap - Adapting to Mobile

PDF
Mobile Web & HTML5 Performance Optimization
byMaximiliano Firtman
 
PDF
Mobile App Development
byChris Morrell
 
PDF
The Mobile Web Revealed For The Java Developer
bybalunasj
 
PDF
Hybrid Apps / iPhoneDevCon 2010
byAvenga Germany GmbH
 
PDF
Mobile Web Overview https://www.edocr.com/v/k52p5vj4/
byJack Zheng
 
PPTX
chapter2
byPon Tovave
 
PDF
Leverage web technology in a mobile world
byDieter Blomme
 
PDF
Best practices for delivering quality web experiences
byBen Mantooth
 
KEY
Tuenti Mobile Development
byTuenti
 
PDF
Drupalcamp New York 2009
byTom Deryckere
 
PDF
Siruna session at Drupalcon Paris 2009
byTom Deryckere
 
PDF
DDive- Giuseppe Grasso - mobile su Lotus
byDominopoint - Italian Lotus User Group
 
PPTX
Here Today, Here Tomorrow: Mobile Devices - Northwestern University Web Steer...
byLee Roberson
 
PDF
Building Mobile Websites with Joomla
byTom Deryckere
 
KEY
Developing for Mobility
byScotty Logan
 
KEY
Building Responsive Websites and Apps with Drupal
byFour Kitchens
 
PPTX
Creating Mobile Websites with Kentico CMS 7
byThomas Robbins
 
PDF
Mobile Web Mega Trend 2010
byManyoung Cho
 
PDF
Webdev battacherjee
byRavingTiger
 
PPTX
Briding the Gap between Desktop and Mobile publishing
byTom Deryckere
 
Mobile Web & HTML5 Performance Optimization
byMaximiliano Firtman
 
Mobile App Development
byChris Morrell
 
The Mobile Web Revealed For The Java Developer
bybalunasj
 
Hybrid Apps / iPhoneDevCon 2010
byAvenga Germany GmbH
 
Mobile Web Overview https://www.edocr.com/v/k52p5vj4/
byJack Zheng
 
chapter2
byPon Tovave
 
Leverage web technology in a mobile world
byDieter Blomme
 
Best practices for delivering quality web experiences
byBen Mantooth
 
Tuenti Mobile Development
byTuenti
 
Drupalcamp New York 2009
byTom Deryckere
 
Siruna session at Drupalcon Paris 2009
byTom Deryckere
 
DDive- Giuseppe Grasso - mobile su Lotus
byDominopoint - Italian Lotus User Group
 
Here Today, Here Tomorrow: Mobile Devices - Northwestern University Web Steer...
byLee Roberson
 
Building Mobile Websites with Joomla
byTom Deryckere
 
Developing for Mobility
byScotty Logan
 
Building Responsive Websites and Apps with Drupal
byFour Kitchens
 
Creating Mobile Websites with Kentico CMS 7
byThomas Robbins
 
Mobile Web Mega Trend 2010
byManyoung Cho
 
Webdev battacherjee
byRavingTiger
 
Briding the Gap between Desktop and Mobile publishing
byTom Deryckere
 

More from CI&T

PDF
Digital Experience: Guaranteeing Optimal Engagements - Ci&T Presentation from...
byCI&T
 
PDF
Lean IT Summit 2013
byCI&T
 
PPTX
Ci&T and Technical Web Strategy Service: Powering Enterprises with lean and v...
byCI&T
 
PPTX
Desafios de uma base de dados consolidada (CIAB 2014)
byCI&T
 
PDF
The Next Digital Marketing- Digital Pharma presentation by Ci&T and Google
byCI&T
 
PDF
DrupalCon Sydney - Selling Drupal to Large Enterprises
byCI&T
 
PPTX
Mobile: Estratégico, mas sem Estratégia
byCI&T
 
PDF
Improve Customer Engagement With An Intelligent Application Strategy
byCI&T
 
PPTX
SOA como suporte ao mundo digital (CIAB 2014)
byCI&T
 
PDF
Enterprise Mobility Insights for 2013
byCI&T
 
PPTX
Developers, get off the couch and contribute!
byCI&T
 
PPTX
Mobile banking e o novo cliente digital (CIAB 2014)
byCI&T
 
PPTX
Open APIs by Sensedia (CIAB 2014)
byCI&T
 
PDF
Previsões - 2016, o ano dos bancos
byCI&T
 
PDF
Ci&T: Mobile Estratégico mas sem Estratégia
byCI&T
 
PDF
Tendências em Mobilidade para Corporações 2013
byCI&T
 
PDF
Previsões em digital para 2015
byCI&T
 
PPTX
O próximo nível de experiência digital do cliente bancário (CIAB 2014)
byCI&T
 
PDF
Cesar Gon on Hoshin Kanri at European Lean IT Summit 2012
byCI&T
 
PDF
The Next Digital Marketing for Pharma
byCI&T
 
Digital Experience: Guaranteeing Optimal Engagements - Ci&T Presentation from...
byCI&T
 
Lean IT Summit 2013
byCI&T
 
Ci&T and Technical Web Strategy Service: Powering Enterprises with lean and v...
byCI&T
 
Desafios de uma base de dados consolidada (CIAB 2014)
byCI&T
 
The Next Digital Marketing- Digital Pharma presentation by Ci&T and Google
byCI&T
 
DrupalCon Sydney - Selling Drupal to Large Enterprises
byCI&T
 
Mobile: Estratégico, mas sem Estratégia
byCI&T
 
Improve Customer Engagement With An Intelligent Application Strategy
byCI&T
 
SOA como suporte ao mundo digital (CIAB 2014)
byCI&T
 
Enterprise Mobility Insights for 2013
byCI&T
 
Developers, get off the couch and contribute!
byCI&T
 
Mobile banking e o novo cliente digital (CIAB 2014)
byCI&T
 
Open APIs by Sensedia (CIAB 2014)
byCI&T
 
Previsões - 2016, o ano dos bancos
byCI&T
 
Ci&T: Mobile Estratégico mas sem Estratégia
byCI&T
 
Tendências em Mobilidade para Corporações 2013
byCI&T
 
Previsões em digital para 2015
byCI&T
 
O próximo nível de experiência digital do cliente bancário (CIAB 2014)
byCI&T
 
Cesar Gon on Hoshin Kanri at European Lean IT Summit 2012
byCI&T
 
The Next Digital Marketing for Pharma
byCI&T
 

Recently uploaded

PDF
AI Driven & AI Native Development AI native development
byZainKarim7
 
PDF
Strengthening cybern resilience for a leading indian Financial Services group
bypandeydevika621
 
PDF
Achieving Interoperability in Healthcare IT: A Strategic Guide
byHart, Inc.
 
PDF
Azure Identity, Governance, and Monitoring solutions
byVICTOR MAESTRE RAMIREZ
 
PDF
Beyond BBB: Practical Alternatives to Posterior Approximation in Bayesian Neu...
byTomasz Kusmierczyk
 
PPTX
Scrape YouTube Video Data for Influencer Analytics.pptx
byWeb Data Crawler
 
PPTX
AN Introduction to UNIX File System—An Approach
bysonjuktaweb
 
PPTX
AI Bot Traffic Surge: Retail Fraud Threat for Age-Restricted Websites
byFTx Identity
 
PDF
Digital Marketing Trends in 2026: AI, Data, Content & Future Growth
byConacent Consulting
 
PDF
Video Infrastructure_ Streaming Architecture and Delivery Systems.pdf
byTenbyte Limited
 
PPTX
Document Reconstruction using AI & Deep Learning
bysonjuktaweb
 
PDF
Ai In Courts Ai in courts AI in court AI in court
byZainKarim7
 
PDF
IAC 500 Sensor - Humidity Measurement Device
byCS Instruments
 
PDF
Top Benefits of Using KVM VPS Hosting for Growing Businesses
byEthernet Servers
 
PPTX
Spacecraft Guidance Quick Research Guide by Arthur Morgan
byArthur Morgan
 
PDF
कम्प्यूटर.pdf for all computer examination
bynm92169694
 
PPTX
Compare and contrast types of attacks.pptx
bysyednaqihassan14
 
PPTX
Introduction to Computer Network Concepts.pptx
byAnacrissa Soriano
 
PDF
Benefits of Using the IAC 500 Sensor for Ambient Conditions
byCS Instruments
 
PPTX
Cesium formate brine - A brief history - prepared by John Downs in May 2011
byJohn Downs
 
AI Driven & AI Native Development AI native development
byZainKarim7
 
Strengthening cybern resilience for a leading indian Financial Services group
bypandeydevika621
 
Achieving Interoperability in Healthcare IT: A Strategic Guide
byHart, Inc.
 
Azure Identity, Governance, and Monitoring solutions
byVICTOR MAESTRE RAMIREZ
 
Beyond BBB: Practical Alternatives to Posterior Approximation in Bayesian Neu...
byTomasz Kusmierczyk
 
Scrape YouTube Video Data for Influencer Analytics.pptx
byWeb Data Crawler
 
AN Introduction to UNIX File System—An Approach
bysonjuktaweb
 
AI Bot Traffic Surge: Retail Fraud Threat for Age-Restricted Websites
byFTx Identity
 
Digital Marketing Trends in 2026: AI, Data, Content & Future Growth
byConacent Consulting
 
Video Infrastructure_ Streaming Architecture and Delivery Systems.pdf
byTenbyte Limited
 
Document Reconstruction using AI & Deep Learning
bysonjuktaweb
 
Ai In Courts Ai in courts AI in court AI in court
byZainKarim7
 
IAC 500 Sensor - Humidity Measurement Device
byCS Instruments
 
Top Benefits of Using KVM VPS Hosting for Growing Businesses
byEthernet Servers
 
Spacecraft Guidance Quick Research Guide by Arthur Morgan
byArthur Morgan
 
कम्प्यूटर.pdf for all computer examination
bynm92169694
 
Compare and contrast types of attacks.pptx
bysyednaqihassan14
 
Introduction to Computer Network Concepts.pptx
byAnacrissa Soriano
 
Benefits of Using the IAC 500 Sensor for Ambient Conditions
byCS Instruments
 
Cesium formate brine - A brief history - prepared by John Downs in May 2011
byJohn Downs
 

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!