Create a Kick Ass Intranet App using 37signals

15 Comments

by Travis Vocino in The Lab on Thursday, June 12, 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.

Switch to OpenID Login on All Your Accounts

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.

Backpack, Basecamp and Highrise on the OpenBar

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*.

Fluid.app URL Preferences

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.

Tags: , , , ,

Travis Vocino

Travis is the founder and managing partner at Vocino Labs. He specializes in business strategies that utilize technology to solve problems.

15 Responses to “Create a Kick Ass Intranet App using 37signals”

  1. Nicole Price says:

    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.

  2. Steve says:

    How long would it take to add all 37 urls if you hadn’t used the same one across the board?

  3. Eva White says:

    A lot of useful information in this post. Must try and apply as much of it as I can.

  4. Nicole Price says:

    Quite a while since you last posted! Any problems?

  5. Panther says:

    Thanks for all of the info. I would love to make an app like this.

  6. Travis says:

    Cool Heath! Nice job.

  7. Meet says:

    Do you know how to make wordpress plugins ?

  8. Kazelnzo says:

    Hi webmaster!

  9. Patrick says:

    Heck, you are such a pro..I totally salute you and you site is simply amazing..

  10. 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.

  11. stephanazs says:

    Interesting facts.I have bookmarked this site. stephanazs

  12. [...] 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 [...]

  13. ciasta says:

    Great programming article!

  14. M Conalty says:

    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.

  15. h2o audio says:

    I use this product in my site selling
    waterproof ipod case. Thank you for
    the great post.