Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Ektron Developer Webinar: Getting Started on the Mobile Web

1,404 views

Published on

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Ektron Developer Webinar: Getting Started on the Mobile Web

  1. 1. SAH: Mobile Bill Cava, Chief EvangelistMobile is the New Competitive Edge
  2. 2. Are we currently experiencing the biggesttransformation in the history of computing to date?
  3. 3. http://www.lukew.com/ff/entry.asp?1510
  4. 4. http://www.lukew.com/ff/entry.asp?1510
  5. 5. http://www.lukew.com/ff/entry.asp?1510
  6. 6. The Mobile 50%-46% of U.S. adults use smartphones as of February 2012.-66% of Americans 24-34 year olds owned a smartphone January 2012-50% of Facebooks total audience (845 million) uses mobile devices (425 million people) http://www.lukew.com/ff/entry.asp?1510
  7. 7. Mobile is driving the most dramatic behavior transformation in history1. Social networking is accelerating the growth of mobile2. Consumers are shifting time to mobile usage3. Mobile commerce is changing shopping behavior
  8. 8. Separation of Content from Presentation
  9. 9. 3 Approaches• Device Detection (Server Side)• Responsive Design (Client Side)• Responsive + Server Side (Ress)
  10. 10. Device Targeted Content• Server Side Device Detection• WURFL Library• Device served a specific template
  11. 11. Device Targeted Content1. Enable Device Detection in web.config2. Develop Templates for Mobile Device3. Register Mobile Templates with Ektron
  12. 12. demo
  13. 13. Responsive Design
  14. 14. Main 3 Ingredients of RWD1. Flexible grid based layout2. Flexible images3. Media Queries
  15. 15. Flexible Imageshttp://www.alistapart.com/articles/responsive-images-and-web-standards-at-the-turning-point
  16. 16. Responsive Images• http://jquerypicture.com/• https://github.com/scottjehl/picturefill
  17. 17. SS vs RWD• SS - Approach assumes you want to layer mobile functionality on top of an existing site – Works well when you need to “patch” mobile holes• SS – Requires a separate “forked” code base – Drawback: more code, more overhead – Benefit: isolated code, less risk
  18. 18. resources
  19. 19. http://www.ektron.com/Resources/Product-Documentation/
  20. 20. Case Studies
  21. 21. May Developer Program: Mobile• Content Technology Podcast: Episdode #7: Responsive Design with Ethan Marcotte• 5 Technical Blog Posts from MVPs (Managing Content for the Mobile Web, Mobile Website Detection, more)

×