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:  – HTML  

–  JavaScript  – CSS  

The  challenges  

•  Frequent  updates  •  MulHlingual  content  

•  UI  between  devices  •  AuthenHcaHon  •  Data  size  

The  challenges:  Frequent  updates  

•  408  Profiles  updated  daily  

•  8000+  field  and  statuses  updated  daily  

The  challenges:  MulHlingual  content  

•  22  Languages  – Have  to  use  dicHonaries  – Word  width  issues  – 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  – Sudha  Sriram  

The  challenges:  Data  size  

•  Non  Mobile  Home:  1.1MB  •  Non  Mobile  Search:  539KB  

•  Non  Mobile  Profile:  613KB  

•  Mobile  Home:  35KB  

•  Mobile  Search:  52KB  

•  Mobile  Profile:  37KB  

Method  

•  UI  Design  – HTML/CSS/JavaScript  

•  dotCMS  coding  method  – Pull  Content  – Ajax  via  DWR  

Method:  UI  Design  

App  Style  

Unified  

Method:  Coding  

Pull  Content  •  Allows  fast  dev  cycle  •  Does  not  require  JavaScript  

•  Slow  load  Hme  

•  Server  overload  

Ajax  via  DWR  •  Loads  fast  •  Reduces  server  load  

•  Requires  Java  dev.  •  Requires  JavaScript  

Results  

•  hcp://aquent.us/m/  

•  hcps://dir.aquent.com/  

Please  ask  something…