1 / 14

Developing m.duke

Developing m.duke.edu. Concept: create a site specifically formatted to display on iPhones. … and everything else. Display alternate content for users on non-mobile devices. What will you find on m.duke.edu?. Latest Duke news and athletics stories Today’s events Any IT outages.

tyne
Download Presentation

Developing m.duke

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Developing m.duke.edu

  2. Concept: create a site specifically formatted to display on iPhones

  3. … and everything else

  4. Display alternate content for users on non-mobile devices

  5. What will you find on m.duke.edu? • Latest Duke news and athletics stories • Today’s events • Any IT outages

  6. What will you find on m.duke.edu? (cont.) • Search • Admissions info • Link to emergency.duke.edu

  7. How m.duke.edu works • Homepage displays alternate content for non-mobile browsers • Checking user agent to determine whether a browser is mobile or non-mobile • RSS feeds for updated content

  8. What we learned #1 Tip: follow best practices for developing a website • Write valid mark-up • Avoid frames and table-based layout • Use alt tags for images • Site should be readable without stylesheets

  9. Tip Use a Mobile Profile or Basic doctype <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd">

  10. Tip Avoiding pixel and absolute measures allows the browser to adapt content to fit the display

  11. Tip Pages should be organized so that if necessary they may be rendered without stylesheets.

  12. Tip Many mobile devices do not support embedded objects or scripts.

  13. Tip Images should be kept as small as possible. Most screens of mobile devices are less than 200 pixels wide.

  14. Resources http://www.w3.org/TR/mobile-bp/ http://ready.mobi

More Related