Ektron Developer Webinar: Getting Started on the Mobile Web
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Ektron Developer Webinar: Getting Started on the Mobile Web

on

  • 1,211 views

 

Statistics

Views

Total Views
1,211
Views on SlideShare
1,211
Embed Views
0

Actions

Likes
0
Downloads
3
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Ektron Developer Webinar: Getting Started on the Mobile Web Presentation Transcript

  • 1. SAH: Mobile Bill Cava, Chief EvangelistMobile is the New Competitive Edge
  • 2. Are we currently experiencing the biggesttransformation in the history of computing to date?
  • 3. http://www.lukew.com/ff/entry.asp?1510
  • 4. http://www.lukew.com/ff/entry.asp?1510
  • 5. http://www.lukew.com/ff/entry.asp?1510
  • 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. 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. Separation of Content from Presentation
  • 9. 3 Approaches• Device Detection (Server Side)• Responsive Design (Client Side)• Responsive + Server Side (Ress)
  • 10. Device Targeted Content• Server Side Device Detection• WURFL Library• Device served a specific template
  • 11. Device Targeted Content1. Enable Device Detection in web.config2. Develop Templates for Mobile Device3. Register Mobile Templates with Ektron
  • 12. demo
  • 13. Responsive Design
  • 14. Main 3 Ingredients of RWD1. Flexible grid based layout2. Flexible images3. Media Queries
  • 15. Flexible Imageshttp://www.alistapart.com/articles/responsive-images-and-web-standards-at-the-turning-point
  • 16. Responsive Images• http://jquerypicture.com/• https://github.com/scottjehl/picturefill
  • 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. resources
  • 19. http://www.ektron.com/Resources/Product-Documentation/
  • 20. Case Studies
  • 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)