Posts Tagged ‘mode’

iPod Touch Tour Full Screen Mode

iPhone Top Detail

I recently implemented a feature on our tour at the San Jose Museum of Art which I have been wanting to do for quite a while. We are currently only offering a small tour at the museum so I figured it would be a great time to try it out. If you read this site regularly you are familiar with the WiFi driven iPhone/iPod Touch tour that we have been offering since May of 2008. If not, please read the previous link!

The feature I added was full screen mode which has been sporadically mentioned on the web and is not a well known feature. It’s basic purpose is to make a web based application act more like an installed app. It does this by removing the URL and navigation bars from the top and bottom of the Safari Mobile Web Browser window – virtually locking a user to your site. It does come with some quirks which I wish to document here. First here is a demonstration of how it works:


SJMA iPod Touch Tour Full Screen Mode from Chris Alexander on Vimeo.

Apple has documentation of full screen mode (free developer’s account required) available on their developers website. To implement this feature you need the following bit of code in the header of your tour or app:

<meta name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />

Web Clip Icon

So, here are the quirky things about this. In order for it to work the viewer of the site must add a “web clip” icon to their home screen. If the museum is offering iPod Touches for check out or has them tethered to the wall or shelf this can easily be done in-house. Patrons using their own device might like the full screen feature or might not. It’s up to them to add the icon themselves if they would like full screen mode.

Additionally, if there are any links that lead the visitor away from the root URL the full screen mode will revert back to regular mode. This will bring back the URL bar at the top and the navigation bar at the bottom. I have not found any way to eliminate this problem yet.

SJMA iPod Touch Tour full screen mode

SJMA iPod Touch Tour full screen mode

The obvious benefit of full screen mode is that it basically keeps the visitor on your tour and prevents them from surfing the web using a museum device. While a tech savvy visitor could still figure out a way to get into the apps and settings, it puts us one step closer to a type of Notes-Only mode (pdf download from Apple) for the iPod Touch that is only available for the non-touch screen iPods. Also known as “Museum-mode,” Notes-only helps to lock users out of all the settings of the iPod. We are using full screen mode paired with special cases that we had made by Coutour which help prevent access to the Home Button thus preventing users access to other applications on the device or access to the settings. The set-up works extremely well and we have had few incidents of visitors tinkering with settings.

Full screen mode has been implemented for a few weeks now and has been successful and trouble free.