Mobile Tools & Browscap Adapting Devices

•

0 gefällt mir•1,023 views

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.

Technologie Business

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 Wurﬂ?!

•  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-Paciﬁc region. !
!
For more information, visit:!
www.ciandt.com!
facebook.com/ciandt!
linkedin.com/company/ci&t!
twitter.com/ciandt!
slideshare.com/ciandt!

Empfohlen

Productivity Apps for ManagersMohamed Zenhom

Alexander Janssens & Gert-Jan van Rooij- Getting started with APITOPdesk

Ansible Meetup NYC 060215jedelman99

Fitocracy - Hacking The Human Bodyfitocracy

Fitocracy ny apps march 2013 talkfitocracy

Skive on Gamification (update)Skive

Mobile Web Performance - Getting and Staying FastAndy Davies

iPad for BusinessBridget Gibbons

Empfohlen

Productivity Apps for ManagersMohamed Zenhom

Alexander Janssens & Gert-Jan van Rooij- Getting started with APITOPdesk

Ansible Meetup NYC 060215jedelman99

Fitocracy - Hacking The Human Bodyfitocracy

Fitocracy ny apps march 2013 talkfitocracy

Skive on Gamification (update)Skive

Mobile Web Performance - Getting and Staying FastAndy Davies

iPad for BusinessBridget Gibbons

Ketan Majmudar: From Kitchen Sink to App: Real World Case StudiesAxway Appcelerator

HTML5 Web Apps vs. Native AppsApperian

Html5 web apps vs nativeappsSiva Prasad K V

Atlas Hugged: How Atlassian Tools Enabled a Software Internalization TeamAtlassian

Stapling and patching the web of now - ForwardJS3, San FranciscoChristian Heilmann

ResumeSyed Arsalan Ali

Building Mobile Apps with HTML, CSS, and JavaScriptJonathan Stark

Philly ete-2011davyjones

Natural born conversion killers - Conversion JamCraig Sullivan

Leverage web technology in a mobile worldDieter Blomme

HTML5 is the Future of Mobile, PhoneGap Takes You There Todaydavyjones

Developing Your First Android Wear AppJames Montemagno

Building & Managing The Lifecycle of Mobile Apps For The EnterpriseApperian

Rezkii original slide deck for MaGiC Accelerator May 2015Hazrul Azhar Jamari

RIAction Social Applications in the Cloud 20090226Vinoaj Vijeyakumaar

TechMerch Innovations - Credentials - June 2016Nitin Chhabria

Mobile web performance dwx13Avenga Germany GmbH

Acquia Insight – the Ultimate Drupal Management SuiteAcquia

20 Tech Trends for NonprofitsBloomerang

Previsões - 2016, o ano dos bancosCI&T

Previsões em digital para 2015CI&T

Weitere ähnliche Inhalte

Ähnlich wie Mobile Tools & Browscap Adapting Devices

Ketan Majmudar: From Kitchen Sink to App: Real World Case StudiesAxway Appcelerator

HTML5 Web Apps vs. Native AppsApperian

Html5 web apps vs nativeappsSiva Prasad K V

Atlas Hugged: How Atlassian Tools Enabled a Software Internalization TeamAtlassian

Stapling and patching the web of now - ForwardJS3, San FranciscoChristian Heilmann

ResumeSyed Arsalan Ali

Building Mobile Apps with HTML, CSS, and JavaScriptJonathan Stark

Philly ete-2011davyjones

Natural born conversion killers - Conversion JamCraig Sullivan

Leverage web technology in a mobile worldDieter Blomme

HTML5 is the Future of Mobile, PhoneGap Takes You There Todaydavyjones

Developing Your First Android Wear AppJames Montemagno

Building & Managing The Lifecycle of Mobile Apps For The EnterpriseApperian

Rezkii original slide deck for MaGiC Accelerator May 2015Hazrul Azhar Jamari

RIAction Social Applications in the Cloud 20090226Vinoaj Vijeyakumaar

TechMerch Innovations - Credentials - June 2016Nitin Chhabria

Mobile web performance dwx13Avenga Germany GmbH

Acquia Insight – the Ultimate Drupal Management SuiteAcquia

20 Tech Trends for NonprofitsBloomerang

Ähnlich wie Mobile Tools & Browscap Adapting Devices (20)

Ketan Majmudar: From Kitchen Sink to App: Real World Case Studies

HTML5 Web Apps vs. Native Apps

Html5 web apps vs nativeapps

Atlas Hugged: How Atlassian Tools Enabled a Software Internalization Team

Stapling and patching the web of now - ForwardJS3, San Francisco

Resume

Building Mobile Apps with HTML, CSS, and JavaScript

Philly ete-2011

Natural born conversion killers - Conversion Jam

Leverage web technology in a mobile world

HTML5 is the Future of Mobile, PhoneGap Takes You There Today

Developing Your First Android Wear App

Building & Managing The Lifecycle of Mobile Apps For The Enterprise

Rezkii original slide deck for MaGiC Accelerator May 2015

RIAction Social Applications in the Cloud 20090226

TechMerch Innovations - Credentials - June 2016

Mobile web performance dwx13

Acquia Insight – the Ultimate Drupal Management Suite

20 Tech Trends for Nonprofits

Mehr von CI&T

Previsões - 2016, o ano dos bancosCI&T

Previsões em digital para 2015CI&T

Desafios de uma base de dados consolidada (CIAB 2014)CI&T

O próximo nível de experiência digital do cliente bancário (CIAB 2014)CI&T

SOA como suporte ao mundo digital (CIAB 2014)CI&T

Open APIs by Sensedia (CIAB 2014)CI&T

Mobile banking e o novo cliente digital (CIAB 2014)CI&T

Lean IT Summit 2013CI&T

Improve Customer Engagement With An Intelligent Application StrategyCI&T

Ci&T: Mobile Estratégico mas sem EstratégiaCI&T

The Next Digital Marketing- Digital Pharma presentation by Ci&T and GoogleCI&T

The Next Digital Marketing for PharmaCI&T

Digital Experience: Guaranteeing Optimal Engagements - Ci&T Presentation from...CI&T

DrupalCon Sydney - Selling Drupal to Large EnterprisesCI&T

Enterprise Mobility Insights for 2013CI&T

Tendências em Mobilidade para Corporações 2013CI&T

Cesar Gon on Hoshin Kanri at European Lean IT Summit 2012CI&T

Mobile: Estratégico, mas sem EstratégiaCI&T

Developers, get off the couch and contribute!CI&T

Ci&T and Technical Web Strategy Service: Powering Enterprises with lean and v...CI&T

Mehr von CI&T (20)

Previsões - 2016, o ano dos bancos

Previsões em digital para 2015

Desafios de uma base de dados consolidada (CIAB 2014)

O próximo nível de experiência digital do cliente bancário (CIAB 2014)

SOA como suporte ao mundo digital (CIAB 2014)

Open APIs by Sensedia (CIAB 2014)

Mobile banking e o novo cliente digital (CIAB 2014)

Lean IT Summit 2013

Improve Customer Engagement With An Intelligent Application Strategy

Ci&T: Mobile Estratégico mas sem Estratégia

The Next Digital Marketing- Digital Pharma presentation by Ci&T and Google

The Next Digital Marketing for Pharma

Digital Experience: Guaranteeing Optimal Engagements - Ci&T Presentation from...

DrupalCon Sydney - Selling Drupal to Large Enterprises

Enterprise Mobility Insights for 2013

Tendências em Mobilidade para Corporações 2013

Cesar Gon on Hoshin Kanri at European Lean IT Summit 2012

Mobile: Estratégico, mas sem Estratégia

Developers, get off the couch and contribute!

Ci&T and Technical Web Strategy Service: Powering Enterprises with lean and v...

Kürzlich hochgeladen

Unleash Your Potential - Namagunga Girls Coding ClubKalema Edgar

Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited

Digital Identity is Under Attack: FIDO Paris Seminar.pptxLoriGlavin3

Moving Beyond Passwords: FIDO Paris Seminar.pdfLoriGlavin3

Generative AI for Technical Writer or Information DevelopersRaghuram Pandurangan

A Deep Dive on Passkeys: FIDO Paris Seminar.pptxLoriGlavin3

The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxLoriGlavin3

Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB

TeamStation AI System Report LATAM IT Salaries 2024Lonnie McRorey

The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxLoriGlavin3

TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc

Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada

unit 4 immunoblotting technique complete.pptxBkGupta21

"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek SchlawackFwdays

From Family Reminiscence to Scholarly Archive .Alan Dix

WordPress Websites for Engineers: Elevate Your Brandgvaughan

The Ultimate Guide to Choosing WordPress Pros and ConsPixlogix Infotech

Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University

Unraveling Multimodality with Large Language Models.pdfAlex Barbosa Coqueiro

Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxLoriGlavin3

Kürzlich hochgeladen (20)

Unleash Your Potential - Namagunga Girls Coding Club

Ensuring Technical Readiness For Copilot in Microsoft 365

Digital Identity is Under Attack: FIDO Paris Seminar.pptx

Moving Beyond Passwords: FIDO Paris Seminar.pdf

Generative AI for Technical Writer or Information Developers

A Deep Dive on Passkeys: FIDO Paris Seminar.pptx

The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx

Developer Data Modeling Mistakes: From Postgres to NoSQL

TeamStation AI System Report LATAM IT Salaries 2024

The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx

TrustArc Webinar - How to Build Consumer Trust Through Data Privacy

Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024

unit 4 immunoblotting technique complete.pptx

"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack

From Family Reminiscence to Scholarly Archive .

WordPress Websites for Engineers: Elevate Your Brand

The Ultimate Guide to Choosing WordPress Pros and Cons

Nell’iperspazio con Rocket: il Framework Web di Rust!

Unraveling Multimodality with Large Language Models.pdf

Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx

Mobile Tools & Browscap Adapting Devices

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 Wurﬂ?! •  http://drupal.org/project/browscap! www.ciandt.com!

7. 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!

8. Hands On" ! http://labs.ttakamoto.com! http://m.labs.ttakamoto.com! ! •  Why different URLs?! ! www.ciandt.com!

9. Good Practices" ! •  DOCTYPE HTML customized! •  Don’t load what’s unused! •  Focus on major devices! ! www.ciandt.com!

10. Good Practices" ! ! •  The Cache 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" ! ! •  Experience comes 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 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-Paciﬁc region. ! ! For more information, visit:! www.ciandt.com! facebook.com/ciandt! linkedin.com/company/ci&t! twitter.com/ciandt! slideshare.com/ciandt!