ݺߣ

ݺߣShare a Scribd company logo
Building	
 ?mobile	
 ?sites	
 ?in	
 ?dotCMS	
 ?

               Jeremie	
 ?Audran	
 ?
      Web	
 ?Strategy	
 ?Director,	
 ?Aquent	
 ?
What	
 ?are	
 ?we	
 ?talking	
 ?about?	
 ?
?? Mobile	
 ?site	
 ?for	
 ?device	
 ?that	
 ?run	
 ?a	
 ?browser	
 ?with:	
 ?
    C? HTML	
 ?
    C? JavaScript	
 ?
    C? CSS	
 ?
The	
 ?challenges	
 ?
??   Frequent	
 ?updates	
 ?
??   MulHlingual	
 ?content	
 ?
??   UI	
 ?between	
 ?devices	
 ?
??   AuthenHcaHon	
 ?
??   Data	
 ?size	
 ?
The	
 ?challenges:	
 ?Frequent	
 ?updates	
 ?
?? 408	
 ?Pro?les	
 ?updated	
 ?daily	
 ?




?? 8000+	
 ??eld	
 ?and	
 ?statuses	
 ?updated	
 ?daily	
 ?
The	
 ?challenges:	
 ?MulHlingual	
 ?content	
 ?
?? 22	
 ?Languages	
 ?
   C? Have	
 ?to	
 ?use	
 ?dicHonaries	
 ?
   C? Word	
 ?width	
 ?issues	
 ?
   C? Asian	
 ?mobile	
 ?issues	
 ?
       ?? Network	
 ?control	
 ?browsers	
 ?
       ?? Form	
 ?not	
 ?supported	
 ?
       ?? JavaScript	
 ?badly	
 ?supported	
 ?
The	
 ?challenges:	
 ?UI	
 ?between	
 ?devices	
 ?
The	
 ?challenges:	
 ?AuthenHcaHon	
 ?
?? Another	
 ?login/password!	
 ?
?? Will	
 ?people	
 ?remember	
 ?it?	
 ?
?? Will	
 ?people	
 ?be	
 ?able	
 ?to	
 ?type	
 ?it	
 ?
	
 ?	
 ?	
 ?	
 ?on	
 ?their	
 ?phone?	
 ?

?? SoluHon:	
 ?Google	
 ?OpenID	
 ?
    C? Sudha	
 ?Sriram	
 ?
The	
 ?challenges:	
 ?Data	
 ?size	
 ?
?? Non	
 ?Mobile	
 ?Home:	
 ?1.1MB	
 ?
?? Non	
 ?Mobile	
 ?Search:	
 ?539KB	
 ?
?? Non	
 ?Mobile	
 ?Pro?le:	
 ?613KB	
 ?

?? Mobile	
 ?Home:	
 ?35KB	
 ?
?? Mobile	
 ?Search:	
 ?52KB	
 ?
?? Mobile	
 ?Pro?le:	
 ?37KB	
 ?
Method	
 ?
?? UI	
 ?Design	
 ?
    C? HTML/CSS/JavaScript	
 ?


?? dotCMS	
 ?coding	
 ?method	
 ?
    C? Pull	
 ?Content	
 ?
    C? Ajax	
 ?via	
 ?DWR	
 ?
Method:	
 ?UI	
 ?Design	
 ?
App	
 ?Style	
 ?




Uni?ed	
 ?
Method:	
 ?Coding	
 ?
Pull	
 ?Content	
 ?                     Ajax	
 ?via	
 ?DWR	
 ?
?? Allows	
 ?fast	
 ?dev	
 ?cycle	
 ?   ?? Loads	
 ?fast	
 ?
?? Does	
 ?not	
 ?require	
 ?           ?? Reduces	
 ?server	
 ?load	
 ?
   JavaScript	
 ?
?? Slow	
 ?load	
 ?Hme	
 ?              ?? Requires	
 ?Java	
 ?dev.	
 ?
?? Server	
 ?overload	
 ?               ?? Requires	
 ?JavaScript	
 ?
Results	
 ?
?? hcp://aquent.us/m/	
 ?

?? hcps://dir.aquent.com/	
 ?
Please	
 ?ask	
 ?something	
 ?

More Related Content

What's hot (20)

Drupal and mobile devices komelin konstanin (eng)
Drupal and mobile devices komelin konstanin (eng)Drupal and mobile devices komelin konstanin (eng)
Drupal and mobile devices komelin konstanin (eng)
drupalconf
?
Library Management System-By Sankalp Singh
Library Management System-By Sankalp SinghLibrary Management System-By Sankalp Singh
Library Management System-By Sankalp Singh
Sankalp Singh
?
Single Page Application
Single Page ApplicationSingle Page Application
Single Page Application
Isuru Madusanka
?
Full stack
Full stackFull stack
Full stack
Ahmed Al Bermawy
?
Client side scripting and server side scripting
Client side scripting and server side scriptingClient side scripting and server side scripting
Client side scripting and server side scripting
baabtra.com - No. 1 supplier of quality freshers
?
NPO Wվ^Ħِ - Day 3 - Plone F꠳ɹ
NPO Wվ^Ħِ - Day 3 - Plone F꠳ɹNPO Wվ^Ħِ - Day 3 - Plone F꠳ɹ
NPO Wվ^Ħِ - Day 3 - Plone F꠳ɹ
Charles Chuang
?
SYED_PHPMYSQL_CV
SYED_PHPMYSQL_CVSYED_PHPMYSQL_CV
SYED_PHPMYSQL_CV
Naser Syed
?
EUGM 2014 - Eufrozina Hoffmann (ChemAxon): Smart Drawing with Marvin JS
EUGM 2014 - Eufrozina Hoffmann (ChemAxon): Smart Drawing with Marvin JS  EUGM 2014 - Eufrozina Hoffmann (ChemAxon): Smart Drawing with Marvin JS
EUGM 2014 - Eufrozina Hoffmann (ChemAxon): Smart Drawing with Marvin JS
ChemAxon
?
WordPress as an Application Framework
WordPress as an Application FrameworkWordPress as an Application Framework
WordPress as an Application Framework
Nazmul Hasan Rupok
?
Online second hand book store project report
Online second hand book store project reportOnline second hand book store project report
Online second hand book store project report
????? ????? ??????
?
Client and server side scripting
Client and server side scriptingClient and server side scripting
Client and server side scripting
baabtra.com - No. 1 supplier of quality freshers
?
Architecting a Futuristic MODX Manager with HTML5
Architecting a Futuristic MODX Manager with HTML5Architecting a Futuristic MODX Manager with HTML5
Architecting a Futuristic MODX Manager with HTML5
Jp DeVries
?
Class 10
Class 10Class 10
Class 10
Dr. Ajith Sundaram
?
Next Generation Web Development Techniques with Cloud Foundry
Next Generation Web Development Techniques with Cloud FoundryNext Generation Web Development Techniques with Cloud Foundry
Next Generation Web Development Techniques with Cloud Foundry
Malachi Smith
?
Drupal Performance Audit and Optimization
Drupal Performance Audit and OptimizationDrupal Performance Audit and Optimization
Drupal Performance Audit and Optimization
Zyxware Technologies
?
Single page webapplications
Single page webapplicationsSingle page webapplications
Single page webapplications
Ronald Harmsen
?
Setting in place a product development strategy
Setting in place a product development strategySetting in place a product development strategy
Setting in place a product development strategy
Zyxware Technologies
?
Server and Client side comparision
Server and Client side comparisionServer and Client side comparision
Server and Client side comparision
Stew Duncan
?
SideLang 5min Presentation @ WP TLV
SideLang 5min Presentation @ WP TLVSideLang 5min Presentation @ WP TLV
SideLang 5min Presentation @ WP TLV
dsero
?
Mobile web or native app
Mobile web or native appMobile web or native app
Mobile web or native app
Mike Takahashi
?
Drupal and mobile devices komelin konstanin (eng)
Drupal and mobile devices komelin konstanin (eng)Drupal and mobile devices komelin konstanin (eng)
Drupal and mobile devices komelin konstanin (eng)
drupalconf
?
Library Management System-By Sankalp Singh
Library Management System-By Sankalp SinghLibrary Management System-By Sankalp Singh
Library Management System-By Sankalp Singh
Sankalp Singh
?
NPO Wվ^Ħِ - Day 3 - Plone F꠳ɹ
NPO Wվ^Ħِ - Day 3 - Plone F꠳ɹNPO Wվ^Ħِ - Day 3 - Plone F꠳ɹ
NPO Wվ^Ħِ - Day 3 - Plone F꠳ɹ
Charles Chuang
?
EUGM 2014 - Eufrozina Hoffmann (ChemAxon): Smart Drawing with Marvin JS
EUGM 2014 - Eufrozina Hoffmann (ChemAxon): Smart Drawing with Marvin JS  EUGM 2014 - Eufrozina Hoffmann (ChemAxon): Smart Drawing with Marvin JS
EUGM 2014 - Eufrozina Hoffmann (ChemAxon): Smart Drawing with Marvin JS
ChemAxon
?
WordPress as an Application Framework
WordPress as an Application FrameworkWordPress as an Application Framework
WordPress as an Application Framework
Nazmul Hasan Rupok
?
Online second hand book store project report
Online second hand book store project reportOnline second hand book store project report
Online second hand book store project report
????? ????? ??????
?
Architecting a Futuristic MODX Manager with HTML5
Architecting a Futuristic MODX Manager with HTML5Architecting a Futuristic MODX Manager with HTML5
Architecting a Futuristic MODX Manager with HTML5
Jp DeVries
?
Next Generation Web Development Techniques with Cloud Foundry
Next Generation Web Development Techniques with Cloud FoundryNext Generation Web Development Techniques with Cloud Foundry
Next Generation Web Development Techniques with Cloud Foundry
Malachi Smith
?
Drupal Performance Audit and Optimization
Drupal Performance Audit and OptimizationDrupal Performance Audit and Optimization
Drupal Performance Audit and Optimization
Zyxware Technologies
?
Single page webapplications
Single page webapplicationsSingle page webapplications
Single page webapplications
Ronald Harmsen
?
Setting in place a product development strategy
Setting in place a product development strategySetting in place a product development strategy
Setting in place a product development strategy
Zyxware Technologies
?
Server and Client side comparision
Server and Client side comparisionServer and Client side comparision
Server and Client side comparision
Stew Duncan
?
SideLang 5min Presentation @ WP TLV
SideLang 5min Presentation @ WP TLVSideLang 5min Presentation @ WP TLV
SideLang 5min Presentation @ WP TLV
dsero
?

Similar to Building Mobile Apps and Sites in dotCMS (20)

Web Apps vs. Native Apps: The Low Down
Web Apps vs. Native Apps: The Low DownWeb Apps vs. Native Apps: The Low Down
Web Apps vs. Native Apps: The Low Down
Apppli
?
20120306 dublin js
20120306 dublin js20120306 dublin js
20120306 dublin js
Richard Rodger
?
20120802 timisoara
20120802 timisoara20120802 timisoara
20120802 timisoara
Richard Rodger
?
Web & Mobile App Development Company in UK
Web & Mobile App Development Company in UKWeb & Mobile App Development Company in UK
Web & Mobile App Development Company in UK
EugeneHill7
?
Web & Mobile App Development Company in UK
Web & Mobile App Development Company in UKWeb & Mobile App Development Company in UK
Web & Mobile App Development Company in UK
EugeneHill7
?
Forge - DevCon 2016: Implementing Rich Applications in the Browser
Forge - DevCon 2016: Implementing Rich Applications in the BrowserForge - DevCon 2016: Implementing Rich Applications in the Browser
Forge - DevCon 2016: Implementing Rich Applications in the Browser
Autodesk
?
Be faster then rabbits
Be faster then rabbitsBe faster then rabbits
Be faster then rabbits
Vladislav Bauer
?
Hybrid Mobile Development with Apache Cordova,AngularJs and ionic
Hybrid Mobile Development with Apache Cordova,AngularJs and ionicHybrid Mobile Development with Apache Cordova,AngularJs and ionic
Hybrid Mobile Development with Apache Cordova,AngularJs and ionic
Ermias Bayu
?
Android quick talk
Android quick talkAndroid quick talk
Android quick talk
SenthilKumar Selvaraj
?
Synapse india reviews on mobile application development
Synapse india reviews on mobile application developmentSynapse india reviews on mobile application development
Synapse india reviews on mobile application development
saritasingh19866
?
Azure mobile services
Azure mobile servicesAzure mobile services
Azure mobile services
Nicol Carandini
?
Web Development Technologies
Web Development TechnologiesWeb Development Technologies
Web Development Technologies
Vignesh Prajapati
?
Android lessons you won't learn in school
Android lessons you won't learn in schoolAndroid lessons you won't learn in school
Android lessons you won't learn in school
Michael Galpin
?
How does the Internet Work?
How does the Internet Work?How does the Internet Work?
How does the Internet Work?
Dina Goldshtein
?
Rvrsit
RvrsitRvrsit
Rvrsit
Patrick Sheridan
?
From RPG OA to Node.js: Approaches to Application Modernization - Greg Patterson
From RPG OA to Node.js: Approaches to Application Modernization - Greg PattersonFrom RPG OA to Node.js: Approaches to Application Modernization - Greg Patterson
From RPG OA to Node.js: Approaches to Application Modernization - Greg Patterson
Fresche Solutions
?
Web tech weblamp_infosession_2012-13
Web tech weblamp_infosession_2012-13Web tech weblamp_infosession_2012-13
Web tech weblamp_infosession_2012-13
Konrad Roeder
?
Naki tech
Naki techNaki tech
Naki tech
David Clarke
?
Building Enterprise Grade Front-End Applications with JavaScript Frameworks
Building Enterprise Grade Front-End Applications with JavaScript FrameworksBuilding Enterprise Grade Front-End Applications with JavaScript Frameworks
Building Enterprise Grade Front-End Applications with JavaScript Frameworks
FITC
?
Scaling up mobile at ING #NSSpain2018
Scaling up mobile at ING #NSSpain2018Scaling up mobile at ING #NSSpain2018
Scaling up mobile at ING #NSSpain2018
bartosss
?
Web Apps vs. Native Apps: The Low Down
Web Apps vs. Native Apps: The Low DownWeb Apps vs. Native Apps: The Low Down
Web Apps vs. Native Apps: The Low Down
Apppli
?
Web & Mobile App Development Company in UK
Web & Mobile App Development Company in UKWeb & Mobile App Development Company in UK
Web & Mobile App Development Company in UK
EugeneHill7
?
Web & Mobile App Development Company in UK
Web & Mobile App Development Company in UKWeb & Mobile App Development Company in UK
Web & Mobile App Development Company in UK
EugeneHill7
?
Forge - DevCon 2016: Implementing Rich Applications in the Browser
Forge - DevCon 2016: Implementing Rich Applications in the BrowserForge - DevCon 2016: Implementing Rich Applications in the Browser
Forge - DevCon 2016: Implementing Rich Applications in the Browser
Autodesk
?
Hybrid Mobile Development with Apache Cordova,AngularJs and ionic
Hybrid Mobile Development with Apache Cordova,AngularJs and ionicHybrid Mobile Development with Apache Cordova,AngularJs and ionic
Hybrid Mobile Development with Apache Cordova,AngularJs and ionic
Ermias Bayu
?
Synapse india reviews on mobile application development
Synapse india reviews on mobile application developmentSynapse india reviews on mobile application development
Synapse india reviews on mobile application development
saritasingh19866
?
Android lessons you won't learn in school
Android lessons you won't learn in schoolAndroid lessons you won't learn in school
Android lessons you won't learn in school
Michael Galpin
?
How does the Internet Work?
How does the Internet Work?How does the Internet Work?
How does the Internet Work?
Dina Goldshtein
?
From RPG OA to Node.js: Approaches to Application Modernization - Greg Patterson
From RPG OA to Node.js: Approaches to Application Modernization - Greg PattersonFrom RPG OA to Node.js: Approaches to Application Modernization - Greg Patterson
From RPG OA to Node.js: Approaches to Application Modernization - Greg Patterson
Fresche Solutions
?
Web tech weblamp_infosession_2012-13
Web tech weblamp_infosession_2012-13Web tech weblamp_infosession_2012-13
Web tech weblamp_infosession_2012-13
Konrad Roeder
?
Building Enterprise Grade Front-End Applications with JavaScript Frameworks
Building Enterprise Grade Front-End Applications with JavaScript FrameworksBuilding Enterprise Grade Front-End Applications with JavaScript Frameworks
Building Enterprise Grade Front-End Applications with JavaScript Frameworks
FITC
?
Scaling up mobile at ING #NSSpain2018
Scaling up mobile at ING #NSSpain2018Scaling up mobile at ING #NSSpain2018
Scaling up mobile at ING #NSSpain2018
bartosss
?

More from dotCMS (17)

Unleash Your Content: Content-as-a-Service
Unleash Your Content: Content-as-a-ServiceUnleash Your Content: Content-as-a-Service
Unleash Your Content: Content-as-a-Service
dotCMS
?
How Does an Organization Manage Hundreds of Sites?
How Does an Organization Manage Hundreds of Sites?How Does an Organization Manage Hundreds of Sites?
How Does an Organization Manage Hundreds of Sites?
dotCMS
?
SEO
SEO SEO
SEO
dotCMS
?
The Making of a Rockin' Web Team
The Making of a Rockin' Web TeamThe Making of a Rockin' Web Team
The Making of a Rockin' Web Team
dotCMS
?
Justifying IT Spending
Justifying IT SpendingJustifying IT Spending
Justifying IT Spending
dotCMS
?
Aligning Your Web Initiative with Your Business
Aligning Your Web Initiative with Your BusinessAligning Your Web Initiative with Your Business
Aligning Your Web Initiative with Your Business
dotCMS
?
dotCMS Roadmap 2010
dotCMS Roadmap 2010dotCMS Roadmap 2010
dotCMS Roadmap 2010
dotCMS
?
Plugin Overview I and II
Plugin Overview I and IIPlugin Overview I and II
Plugin Overview I and II
dotCMS
?
Migrating to v1.9
Migrating to v1.9Migrating to v1.9
Migrating to v1.9
dotCMS
?
Going Multi-Tenant with dotCMS
Going Multi-Tenant with dotCMSGoing Multi-Tenant with dotCMS
Going Multi-Tenant with dotCMS
dotCMS
?
Super widget
Super widgetSuper widget
Super widget
dotCMS
?
SEO and search plugins
SEO and search pluginsSEO and search plugins
SEO and search plugins
dotCMS
?
Out ofmemory
Out ofmemoryOut ofmemory
Out ofmemory
dotCMS
?
Host and Permissions in v1.9
Host and Permissions in v1.9 Host and Permissions in v1.9
Host and Permissions in v1.9
dotCMS
?
Forms as Structured Content
Forms as Structured Content Forms as Structured Content
Forms as Structured Content
dotCMS
?
Categories vs relationships
Categories vs relationshipsCategories vs relationships
Categories vs relationships
dotCMS
?
Velocity tips and tricks
Velocity tips and tricksVelocity tips and tricks
Velocity tips and tricks
dotCMS
?
Unleash Your Content: Content-as-a-Service
Unleash Your Content: Content-as-a-ServiceUnleash Your Content: Content-as-a-Service
Unleash Your Content: Content-as-a-Service
dotCMS
?
How Does an Organization Manage Hundreds of Sites?
How Does an Organization Manage Hundreds of Sites?How Does an Organization Manage Hundreds of Sites?
How Does an Organization Manage Hundreds of Sites?
dotCMS
?
The Making of a Rockin' Web Team
The Making of a Rockin' Web TeamThe Making of a Rockin' Web Team
The Making of a Rockin' Web Team
dotCMS
?
Justifying IT Spending
Justifying IT SpendingJustifying IT Spending
Justifying IT Spending
dotCMS
?
Aligning Your Web Initiative with Your Business
Aligning Your Web Initiative with Your BusinessAligning Your Web Initiative with Your Business
Aligning Your Web Initiative with Your Business
dotCMS
?
dotCMS Roadmap 2010
dotCMS Roadmap 2010dotCMS Roadmap 2010
dotCMS Roadmap 2010
dotCMS
?
Plugin Overview I and II
Plugin Overview I and IIPlugin Overview I and II
Plugin Overview I and II
dotCMS
?
Migrating to v1.9
Migrating to v1.9Migrating to v1.9
Migrating to v1.9
dotCMS
?
Going Multi-Tenant with dotCMS
Going Multi-Tenant with dotCMSGoing Multi-Tenant with dotCMS
Going Multi-Tenant with dotCMS
dotCMS
?
Super widget
Super widgetSuper widget
Super widget
dotCMS
?
SEO and search plugins
SEO and search pluginsSEO and search plugins
SEO and search plugins
dotCMS
?
Out ofmemory
Out ofmemoryOut ofmemory
Out ofmemory
dotCMS
?
Host and Permissions in v1.9
Host and Permissions in v1.9 Host and Permissions in v1.9
Host and Permissions in v1.9
dotCMS
?
Forms as Structured Content
Forms as Structured Content Forms as Structured Content
Forms as Structured Content
dotCMS
?
Categories vs relationships
Categories vs relationshipsCategories vs relationships
Categories vs relationships
dotCMS
?
Velocity tips and tricks
Velocity tips and tricksVelocity tips and tricks
Velocity tips and tricks
dotCMS
?

Building Mobile Apps and Sites in dotCMS

  • 1. Building ?mobile ?sites ?in ?dotCMS ? Jeremie ?Audran ? Web ?Strategy ?Director, ?Aquent ?
  • 2. What ?are ?we ?talking ?about? ? ?? Mobile ?site ?for ?device ?that ?run ?a ?browser ?with: ? C? HTML ? C? JavaScript ? C? CSS ?
  • 3. The ?challenges ? ?? Frequent ?updates ? ?? MulHlingual ?content ? ?? UI ?between ?devices ? ?? AuthenHcaHon ? ?? Data ?size ?
  • 4. The ?challenges: ?Frequent ?updates ? ?? 408 ?Pro?les ?updated ?daily ? ?? 8000+ ??eld ?and ?statuses ?updated ?daily ?
  • 5. The ?challenges: ?MulHlingual ?content ? ?? 22 ?Languages ? C? Have ?to ?use ?dicHonaries ? C? Word ?width ?issues ? C? Asian ?mobile ?issues ? ?? Network ?control ?browsers ? ?? Form ?not ?supported ? ?? JavaScript ?badly ?supported ?
  • 6. The ?challenges: ?UI ?between ?devices ?
  • 7. The ?challenges: ?AuthenHcaHon ? ?? Another ?login/password! ? ?? Will ?people ?remember ?it? ? ?? Will ?people ?be ?able ?to ?type ?it ? ? ? ? ?on ?their ?phone? ? ?? SoluHon: ?Google ?OpenID ? C? Sudha ?Sriram ?
  • 8. The ?challenges: ?Data ?size ? ?? Non ?Mobile ?Home: ?1.1MB ? ?? Non ?Mobile ?Search: ?539KB ? ?? Non ?Mobile ?Pro?le: ?613KB ? ?? Mobile ?Home: ?35KB ? ?? Mobile ?Search: ?52KB ? ?? Mobile ?Pro?le: ?37KB ?
  • 9. Method ? ?? UI ?Design ? C? HTML/CSS/JavaScript ? ?? dotCMS ?coding ?method ? C? Pull ?Content ? C? Ajax ?via ?DWR ?
  • 10. Method: ?UI ?Design ? App ?Style ? Uni?ed ?
  • 11. Method: ?Coding ? Pull ?Content ? Ajax ?via ?DWR ? ?? Allows ?fast ?dev ?cycle ? ?? Loads ?fast ? ?? Does ?not ?require ? ?? Reduces ?server ?load ? JavaScript ? ?? Slow ?load ?Hme ? ?? Requires ?Java ?dev. ? ?? Server ?overload ? ?? Requires ?JavaScript ?
  • 12. Results ? ?? hcp://aquent.us/m/ ? ?? hcps://dir.aquent.com/ ?