Supporting Handout - The Mobile Web: keep up if you can!


Published on

Published in: Technology, Business
1 Like
  • Be the first to comment

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Supporting Handout - The Mobile Web: keep up if you can!

  1. 1. IWMW2009 The Mobile Web – Keep up if you can! PCs: | (winksite) | (question form) Phones: University Mobile Sites UK • • • (Sheffield Students union) USA • • (Exceptional on an iPhone. Can’t be viewed on a PC) • (Try searching the catalogue) • • (Nice computing lab feature) • • • • (Can’t be viewed on a PC) • • • • (International Programmes) • • • (Library site) (Library site) Australia Page 1 of 5
  2. 2. IWMW2009 The Mobile Web – Keep up if you can! Italy (English version link at top) Japan Page 2 of 5
  3. 3. IWMW2009 The Mobile Web – Keep up if you can! QR Codes This is the title of the session. This is the URL of the IWMW2009 social events page. This is the URL for Sharon’s WinkSite This should take you to Google map for the University of Essex This is a text message Page 3 of 5
  4. 4. IWMW2009 The Mobile Web – Keep up if you can! Example XHTML-MP (Mobile Profile) Code Things to note about the mark-up: The character <?xml version="1.0" encoding="UTF-8"?> encoding is UTF-8 for maximum compatibility. <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" ""> The DOCTYPE is essential. <html xmlns=""> <head> <title>My Mobile Site</title> <link rel="stylesheet" type="text/css" href="mobile.css" /> <meta name="description" content="My Mobile Site" /> The cache control <meta http-equiv="Cache-Control" content="max-age=600" /> header is important because it instructs </head> the browser to use a local cached copy <body > instead of a requesting a new <div> copy from the server if the local copy <img alt="Smiley" src="smiley.gif" width="30" height="30" /> hasn’t expired. This <h1 class="title">Welcome to My Mobile Site</h1> example is set to 10 <p>Page content goes here<p /> mins expiry (600 <p>[1] <a accesskey="4" href="">Link One</a> seconds). Cache <p /> control can be helpful for downloads on </div> slower networks, and </body> it may save your </html> users money in data download charges. More help  While you code keep this website open: (it is an ugly site, but replete with great advice!)  A complete list of XHTML-MP tags can be found at: Page 4 of 5
  5. 5. IWMW2009 The Mobile Web – Keep up if you can! Recommended Resources Development Building an HE microsite: MobiThinking: MobiForge: Mobile Usability: W3C: Mobile Web Best Practices ( Apple iPhone Dev Center ( ) Mobile Usability Best Practice: Phone Use in Cambridge University m-Libraries study: Coding for the mobile web: Validation W3C Mobile Validator: ReadyMobi: Emulators iPhone Emulator: Nokia Phone Emulator download: OpenWave Phone Simulator: iPhoney: Blackberry simulators: ( ) Advertising and SEO Google Mobile Adwords: Google Webmasters Tools: Matrix Codes QR Code Generator : Seven Things You Should Know About QR Codes: QuickMark: BeeTagg: SMS To register a Short Code go to: Books Mobile Web Design, Cameron Moll Designing the Mobile User Experience, Barbara Ballard Mobile Interaction Design, Matt Jones & Gary Marsden Other How Teenagers Consume Media by Matthew Robson (Aged 15 yrs & 7 months) Training Introduction to W3C's Mobile Web Best Practices, (online course, 9 weeks at 99 Euros, 2hrs a week) Video Mobile Phone Evolution: Page 5 of 5