Thursday, May 27th, 2010
Creating an iPhone Website/App
For most of the year, I thought I would have time to do this for my current school. Unfortunately, it didn’t happen. However, the other day I started on it again – for the new school. It took some time, but I think I got it to work. It isn’t pretty or flashy yet, but it is a start to getting our website mobile.
Resources I used:
- Make Your Website an iPhone Application
- How to build a website for the iPhone with orientation detection
- Cornell University Library Mobile Site
- Mr. Hughes, BVW Business Teacher
For more links to other resources, click here.
If you would like a copy of the code I used on the site, send me an email and I can send to you or grab the code off my site. If you do not read html and other fancy code stuff, don’t worry – send me an email and I can show you how to code it for your library. It sounds like it could be very complicated – but of all the code type things I have done, this is one of the easiest.
Now, once I code my site to fit for the iPhone, I then need to set it up so it can be “app-like”. * Since I don’t want to pay $99 a year to Apple or hire a site to make it an app, it won’t be available on iTunes (unless I figure out another way… if so, I will blog later.) So a user does this —
1. Go to Safari on iPhone or iTouch. Type in the URL (http://www.bvswlmc.com/ilibrary.html)
2. Once the page appears, click the + .
3. Choose Add to Home Screen.
4. New page pops up to Add to Home. Title default (from your code above – you name it, but the user can change it.)
Notice the image on the left of the Title – it is either a snapshot of your site or HOPEFULLY it is an image/logo that you created. (This is determined in your code above for your site.) *
5. Click ADD.
It will then be added to the screen of the iPhone/iTouch. When a user clicks on the image, your site will launch with an opening screen of your image/logo.
(I plan on making a video to show users how to do this. I have a feeling the students will pick this up pretty quickly.)
*Troubleshooting and other interesting info
1. It can be expensive to create an app so it is placed in iTunes. Gale did a great job with their app and it is available in iTunes. I wanted to go this route with the library app, but at this time, I couldn’t justify the expense. In addition, I would need to learn some crazy codes. I don’t want Gale to be the only database students can grab information though. (THANK YOU GALE for creating the app – hopefully more databases will follow.) Libguides also has a mobile feature. (Viewing these sites from a non-mobile device can make them seem very boring – but try it on an iPhone or iTouch.) Now as I dive more into this, I am realizing there are many way to do this that are not as expensive. So there may be more information to follow at a later time.
2. While making the app, I notice that my logo did not appear when I tried to “re-put” it on my iTouch. It worked the first time with the site, but the next time, it just showed me the website as the logo – not my cool logo. So I change the website URL and put it in my iTouch – it then showed the correct logo. Moral of the story: Don’t freak out if your logo doesn’t appear the second time you install it on your phone/touch – for users it will show up (I think).
3. Text doesn’t show up on the computer browser. However, it works on my touch. I will play with the coding so it does show up.
Be looking for my current school’s app soon – I promised I would do one before I leave…










