several ipads used as kiosk

Webapps were the future. Steve Jobs and Apple originally wanted the iPhone to use web pages as Apps. Then people started throwing billions of dollars at Apple so they said Apps were the way to go. However, you can still turn your simple website into a standalone iOS App using some simple META DATA.

This article on using the iPad as a Kiosk is a great starting point. I took incorporated the tips into my site (michaelmontez.com) and you can now save the page as an App.

  • Hid the browser chrome (URL bar and buttons) using <meta name="apple-mobile-web-app-capable" content="yes" />;
  • Created a bookmark icon for the home screen and linked to it using <link rel="apple-touch-icon" href="/path/to/icon.png" />;
  • Set the color of the status bar (the options are black, gray or black translucent) using <meta name="apple-mobile-web-app-status-bar-style" content="black" />;
  • Made all events touch events, as opposed to hover events, to accommodate the limitations of the touchscreen.

The iPad was originally all about webapps. For that reason, you can still turn any webpage/site into an app, no Apple approval required.

Read the full article at Smashing Magazine

UPDATE - once you try this, you will find that you site links open in a new Safari page. You can prevent this by adding the script found here: https://gist.github.com/1042167

Michael Montez

HELLO!

Welcome back .
 clicked your link so far.
 signed up.

×

privacy policy.