Saturday, July 28, 2007

How to create your browser app on the iPhone

Since I started going around with my iPhone with the additional icon on it, showing the contacts application included in the free myFUNAMBOL portal, a lot of people have asked me how can they have it as well, or do the same with their browser-based app.


The goal is simple: having an additional icon on your screen, with your logo and the name of your application, that fires up a browser to your site. So you can keep the Safari for browsing and that icon to access that web-based app you really like (for me, it is one-click access to all my contacts over-the-air, with search capabilities, since the native iPhone contact app has zero search and I have 700+ contacts...).

The assumption is that you have already done jailbreak and you have ssh access to your iPhone. If you did it already, I am not responsible for anything that happens on your iPhone (or the warranty). If you did not, well... good luck with the rest of this ;-)

Steps:
  1. Create a folder called Funambol.app under /Applications
  2. Copy all the files under /Applications/MobileSafari.app to /Applications/Funambol.app (making sure you copy also the subdirectory English.lproj). You can use iphoneinterface, sftp or, better, do a "cp -r"
  3. Make sure /Applications/Funambol.app/MobileSafari can be executed (chmod 755 MobileSafari)
  4. Overwrite the existing icon.png with the Funambol icon.png in /Applications/Funambol.app (or make your 60x60 PNG file)
  5. Overwrite the existing Info.plist with the Funambol Info.plist in /Applications/Funambol.app (the trick is simply for the app to be called something differently than com.apple.mobilesafari)
  6. Reboot the iPhone
That's it. You now have a second browser on your iPhone, with a pretty icon named Funambol. The two browsers share bookmarks and history at boot, but once started they will live separate lives. That means you can click on your Funambol icon, open the http://my.funambol.com/iphone URL and it won't change, while you use your Safari icon to browse your favorite sites.

Change Funambol with your application and you have one-click access to your favorite web app. Nice.
Posted by Fabrizio Capobianco at 18:59  

5 Comments:

Anonymous Anonymous said...  

Very Nice and intresting Blog on Mobile Phones...Thanks
You covered very nice all technical matters.www.cellbaba.com

Comment Posted at 12:20

Anonymous Anonymous said...  

this doesn't work. I made a new folder in Applications called "Movies.app"

I copied all of the files over, including the English.lproj

I got my own icon in their and I used the Funambol Info.plist that you provided.


The app showed up on the screen with my icon and name, but when I clicked on it, it jsut showed the browser frozen. I couldnt click anything and after 10 secs it went back to the home page. Why?


I tried fiddeling around with the Info.plist but that didnt work. and I know for sure that all of the files are there.


Maybe you could give me an Info.plist that would work with the app name: Movies.app

???


thanks for any help

Comment Posted at 13:05

Blogger Fabrizio said...  

Hello,
most likely you missed step 3:
- Make sure /Applications/Movies.app/MobileSafari can be executed (chmod 755 MobileSafari)

Cheers,

fabrizio

Comment Posted at 16:39

Anonymous Anonymous said...  

Nice. But I am 12 years old and I have no idea what you are talking about. What i want to do is in my Iphone in the destop I want to create a new folder and I can't do that. Can you please theach me how!

Thanks

Comment Posted at 05:15

Anonymous Anonymous said...  

It isn't a LOT easier if you just click "+" and "Add to home screen" on Mobile Safari?

Comment Posted at 11:20

Post a Comment

Links to this post:

Create a Link

Back to My Blog