Create a Kick Ass Intranet App using 37signals
- The Productivity entry posted on June 12th, 2008.
I use three 37signals applications: Backpack, Basecamp and Highrise (go go referral links). With these 3 excellent web apps, I’m able to rock out a seriously awesome complete intranet setup for my business.
Just using them is fine but, as usual, I like to take it one step further into better integration with my desktop workflow. That’s where OpenID and Fluid.app come in.
OpenBar
If you didn’t already know, the 37signals apps support OpenID (they call it OpenBar, to be cool). Step one is to go into all your accounts and switch over to OpenID login.

If you’re wondering, I use my custom url for OpenID.
This gives me a convenient bar at the top of all my applications whereby I can switch between them. If you don’t already use this, you’re insane.

Having all of these applications in place really creates a great intranet-type workflow. It’s helpful even when working solo but if you have a small team like me it really shines. I also noticed my people used the various apps a lot more once I introduced them to using OpenID to bring them together — as well as putting it all together in Fluid.app (below).
Fluid.app
So we have our cool kid intranet setup with OpenID. Now we need to go download Fluid.app and turn this puppy into a desktop-like application. Fluid is an SSB (site-specific browser), which is basically just a web browser without all the extras and with a customizable dock icon (I would recommend grabbing these nice icons for use with Fluid).
It’s great for tabbing to your intranet window, adding a calendar entry, and tabbing back to Photoshop, to give a quick example. This is a process that just isn’t as exciting when you’re stuck in Safari.
(If you’re completely insane and not using a Mac, Prism does something similar on the PC)
When creating a new Fluid app for this project, I would recommend setting the url you use the most as the homepage. For me, this is /calendar in BackpackIt. You may be more inclined to roll with one of the Dashboard views in either Backpack or Basecamp though. I’m considering a move to one of those 2 options as well.
By default, when you click one of the links in your OpenBar (to go from Basecamp to Backpack, for example) Fluid will open that link in Safari. It does this because it assumes this is an external link and treats it accordingly — each service has a different URL.
There are 2 options to get around this. For me, it was easy because I use the same URL prefix for every one of my 37signals services: vocino. So what I did was change the URL wildcards in the Fluid preferences to include any URL that contains *vocino*.

If you’ve used different account URLs for your 37signals apps, you could either add each one of simply allow any linked to be opened inside Fluid. The latter option is not ideal because a lot of times you’ll have real links to external sites that people in your intranet have posted and you’ll generally want to view those in Safari so that you can keep your original app pure.
Now you have a stylish intranet app that lives in your dock, complete with all of your 37signals services. Ah, sweet sweet synergy, the web 6.0 word of the future.


15 Responses to “Create a Kick Ass Intranet App using 37signals”rss
Nicole Price, on June 13th, 2008, said:
Wow! You are lucky that your name and URL are so rare to be able to prefix the 37 sites. Any way, it is a very well written tutorial, quite simple to follow. Thank you.
Steve, on June 18th, 2008, said:
How long would it take to add all 37 urls if you hadn’t used the same one across the board?
Eva White, on June 19th, 2008, said:
A lot of useful information in this post. Must try and apply as much of it as I can.
Nicole Price, on June 20th, 2008, said:
Quite a while since you last posted! Any problems?
Panther, on July 3rd, 2008, said:
Thanks for all of the info. I would love to make an app like this.
Travis, on July 10th, 2008, said:
Cool Heath! Nice job.
Meet, on July 15th, 2008, said:
Do you know how to make wordpress plugins ?
Kazelnzo, on July 18th, 2008, said:
Hi webmaster!
Patrick, on July 25th, 2008, said:
Heck, you are such a pro..I totally salute you and you site is simply amazing..
Goran Website, on August 19th, 2008, said:
Great article. We have just signed up for Base Camp and all of a sudden I am reading about all its functionality. Thanks for the heads up.
stephanazs, on September 20th, 2008, said:
Interesting facts.I have bookmarked this site. stephanazs
Recent Links Tagged With "backpackit" - JabberTags, on November 4th, 2008, said:
[...] public links >> backpackit Create a Kick Ass Intranet App using 37signals Saved by misscowbell on Mon 03-11-2008 Top 10 Reasons to Use Weave - A Firefox Must Have Saved by [...]
ciasta, on January 15th, 2009, said:
Great programming article!
M Conalty, on April 9th, 2009, said:
Thank you so much for this great post! I use Backpack and kept getting thrown out to my default browser every time i tried to login.
h2o audio, on June 6th, 2009, said:
I use this product in my site selling
waterproof ipod case. Thank you for
the great post.
Commenting
You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>Your nasty comment spam will be blocked by Akismet.