19 Jun 2010

Using Google Forms to create a simple iPhone app


To help manage and plan the cycling clothes I need to wear through the Canberra winter, I decided to create an iPhone app. For a lot of reasons I decided to use HTML5 and some trickery rather than create a native app.

 

The idea of the app is to record basic weather into, what I wore, and how hot or cold I was. I planned to look into HTML5 offline data storage etc, but realised that Google Forms would do most of the work for me, if I was happy to live without offline capability.

 

Forms is so simple it's not worth explaining. Once you've set a form up, it gives you a URL to access it from, and even the iframe code to embed it into an HTML page. And that's just what I did. Below is the code.

 

You can seen I'm using a viewport and some Apple-specific meta tags. These allow you to 'install' the app by pressing the "+" button in Safari and choosing " Add to Home screen". You then get the icon you specified in the meta tag, which the iPhone kindly rounds and beautifies for you.

 

When you launch the app, it opens in it's own window, rather than in Safari. There's no address bar or browser navigation: it just looks like an app.

Media_httpwwwbenrhugh_fohdf

 

31 May 2010

HTML5 iPhone app: Password Generator

This hardly counts and creating something, as I've just taken Nic's password generator and made it offline-able. But if you'd like an iPhone app for generating passwords, you can get it here.

Posted via email from Ben Hughes' Stream

Tags

Programming (24)
Other stuff (17)
Photography (12)
Flex (7)
Politics (7)
Audio (6)
Personal (6)
Linux (5)
career (5)
Ubuntu (4)
eeepc (4)
info diet (4)
Gear (3)
PA2V2 (3)
Parenting (3)
ipod (3)
site (3)
Headphones (2)
Vista (2)
html5(2)
iphone (2)
libertarianism (2)
posterous (2)
proj365 (2)
social_media (2)
twitter (2)
AppEngine (1)
DT880 (1)
Health (1)
HyperProgram (1)
Java (1)
Notes (1)
O1 (1)
Pentax (1)
XML (1)
Zoo (1)
apple (1)
books (1)
dashboard (1)
development (1)
economy (1)
google (1)
hosting (1)
ipad (1)
management (1)
money (1)
music (1)
org_culture (1)
tax (1)
web (1)