SAH: Mobile         Bill Cava, Chief EvangelistMobile is the New Competitive Edge
Are we currently   experiencing the biggesttransformation in the history of     computing to date?
http://www.lukew.com/ff/entry.asp?1510
http://www.lukew.com/ff/entry.asp?1510
http://www.lukew.com/ff/entry.asp?1510
The Mobile 50%-46% of U.S. adults use smartphones as of February 2012.-66% of Americans 24-34 year olds owned a smartphone...
Mobile is driving the most dramatic   behavior transformation in history1. Social networking is accelerating the growth of...
Separation of Content from      Presentation
3 Approaches• Device Detection (Server Side)• Responsive Design (Client Side)• Responsive + Server Side (Ress)
Device Targeted Content• Server Side Device  Detection• WURFL Library• Device served a specific  template
Device Targeted Content1. Enable Device Detection in   web.config2. Develop Templates for Mobile   Device3. Register Mobil...
demo
Responsive Design
Main 3 Ingredients of RWD1. Flexible grid based layout2. Flexible images3. Media Queries
Flexible Imageshttp://www.alistapart.com/articles/responsive-images-and-web-standards-at-the-turning-point
Responsive Images• http://jquerypicture.com/• https://github.com/scottjehl/picturefill
SS vs RWD• SS - Approach assumes you want to  layer mobile functionality on top of an  existing site  – Works well when yo...
resources
http://www.ektron.com/Resources/Product-Documentation/
Case Studies
May Developer Program: Mobile• Content Technology Podcast:  Episdode #7: Responsive Design with  Ethan Marcotte• 5 Technic...
Ektron Developer Webinar: Getting Started on the Mobile Web
Ektron Developer Webinar: Getting Started on the Mobile Web
Ektron Developer Webinar: Getting Started on the Mobile Web
Ektron Developer Webinar: Getting Started on the Mobile Web
Ektron Developer Webinar: Getting Started on the Mobile Web
Ektron Developer Webinar: Getting Started on the Mobile Web
Ektron Developer Webinar: Getting Started on the Mobile Web
Ektron Developer Webinar: Getting Started on the Mobile Web
Ektron Developer Webinar: Getting Started on the Mobile Web
Ektron Developer Webinar: Getting Started on the Mobile Web
Upcoming SlideShare
Loading in...5
×

Ektron Developer Webinar: Getting Started on the Mobile Web

1,045

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,045
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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)
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×