It’s also free to use–just sign up here: https://goinstant.com/signup
Real-time, collaborative experiences are cropping up all over. In the consumer space there are apps that do real-time messaging, or provide live updates of data (e.g. sports scores, stock quotes, etc.) In the enterprise, real-time collaboration is evident in tools such as Google Docs, where two or more people can write and edit a document simultaneously. There are other examples as well, but we’re just scratching the surface of what’s possible.
At GoInstant we see a couple of major use cases for real-time collaboration in the enterprise. The first is in streamlining workflows–where two or more people have to review and approve something (such as an email marketing campaign)–and it can be done faster when they’re able to work together. The second is in providing hands-on support through a complex process, such as filling out lengthy forms.
GoInstant makes all of this possible. And it’s quite easy to integrate GoInstant into Visualforce where you’re building your enterprise applications and features every single day. Below we’ve provided a quick tutorial and example for how to turn a Visualforce page into a real-time, collaborative experience. The end result is a single page form that can have two or more people simultaneously working together.
Want to see this in action?
2. At the bottom of the form you’ll see a URL that you can share with a friend or open in a different browser to experience how real-time collaboration works.
Step #1. Sign up for GoInstant and get a connection URL.
This step only takes about 1 minute and you’ll need to do this to get your connect URL, which we’ll use later in this example. Sign up here and once you’re in, create a new app and copy your connect URL.
Step #2. Create a simple Visualforce page with a form
This is a straightforward Visualforce page using Apex:
Your page should look something like this:
Step #3. Add GoInstant to the page
Now it’s time to start making the form multi-user. First, add the core dependencies needed, just after the opening apex:page tag in the code above.
We just added the GoInstant library and GoInstant widgets. The widgets add very useful functionality such as click indicators (to see when people click on the page), and form synchronization (so you can see what a user fills into the form as they type and help them out).
Step #4. Join a room
Now that we have all our dependencies, we’re ready to start hooking things up. With GoInstant, when you connect, you join a room. You can think of a room as the general container for the session that you’re sharing with other users. You and the other users will be present in a room and the data you share will exist within that room.
The following code creates a random room and gets a person to join it:
Let’s also add an “invite a friend” link so you can get others to join you:
Step #5. Add the GoInstant Widgets
The GoInstant Widgets add useful functionality to a multi-user page. We’re going to add the user list, user colors, click indicator, and form synchronization widgets:
Step #6. Invite a friend and try it out!
You now have a multi-user, collaborative Visualforce page. You can invite others to join you with the “invite a friend” link, and everyone will be able to interact together.
Here’s a link to download all of the code we’ve shared and try this example out: . Make sure you add your connect URL on line 21.
You can also try a live example and share that with friends or use two browsers to see the collaboration in action.
Don’t forget to sign up for GoInstant, to get started!
This is a guest post from Ben Yoskovitz, Head of Product at GoInstant, a salesforce company. You can meet Ben and other members of the GoInstant team at Dreamforce.