Instant Co-Browsing: Lightweight Real-time Collaborative Web Browsing
Alan W. Esenther
Mitsubishi Electric Research Laboratories
Cambridge, MA 02139 USA
We present a lightweight collaborative web browsing system, which targets casual (non-technical) web users. This system allows remote participants to easily synchronize pointing, scrolling and browsing of uploaded content in their web browsers. Since instant messenging systems have become a very popular method for remote participants to engage in real-time text chat sessions, it is conjectured that this simple co-browsing system which allows remote participants to share and point at their pictures and web content (instead of just sharing text) could prove useful and fun, too. The collaboratively viewed web content could either pre-exist on a host web server or, in a more typical scenario, be dynamically uploaded by the remote participants themselves. A specific goal of this system is to keep the interactions extremely simple and safe. Any user should be able to use it intuitively with a single click; there are no pre-installation or pre-registration requirements. Most significantly, there is no reliance on any controls, applets, plug-ins or binary executables, since these would require the trust of participants and are virus-prone. It is the reliance upon such inconvenient helper programs, along with any pre-installation or pre-registration requirements, that makes existing co-browsing offerings more heavyweight, and limits their appeal for casual collaboration.
Web collaboration, synchronized browsing, shared web browsing, instant messenging, co-browsing.
The CWB (Collaborative Web Browsing) system allows multiple users, who are typically talking on the telephone, to synchronize their views of web pages. If any of the users in a collaborative session browses to a new page, scrolls, drags a shared pointer, or fills in a form on a page, then all of the other users will immediately see that change in their browser windows, too (see Figure 1).
Figure 1: A representation of a CWB collaborative web browsing session. On the left is a close-up of the CWB Control Panel. This is a pop-under window that users never actually have to see. As any user in the session browses, scrolls, points, or fills in a form in any shared collaboration window (the windows displaying a map image above), the changes occur in everyone else's browser, too.
As with instant messenging systems (AOL Instant Messenger , MSN Messenger ), CWB is intended for "casual" collaboration -- safe, immediate sharing of user content between arbitrary users (perhaps strangers). In ad hoc testing CWB has successfully been used between the east and west coast of the United States just as easily and about as well as on a corporate LAN. It has been used to collaborate on Microsoft Office documents that were saved as HTML, and was also used during technical paper presentations so that remote participants could join in. It has also been used while reading a web-based storybook to children across a cable modem to point to the current text position.
2. USER INTERFACE
The philosophy for the interface was that the best user interface is no user interface. There is a small "pop-under" CWB Control Panel (shown on the left in Figure 1), but in most cases the user never even has to be aware that it exists. The system supports one-click collaboration in that users need only execute a bookmark/Favorite or click a button on a Welcome page to start collaborating in a default session. Users can join an existing session late or start a new session by simply entering any arbitrary Session ID string into the Control Panel. Multiple (parallel) sessions are supported, and a user may be a member of any of them at the same time. A user may also participate in the same session with multiple usernames, which is useful for debugging and fun to watch. By default a rainbow-colored collaboration pointer (Figure 2) is automatically created in the upper left corner of each frame, ready for dragging.
Figure 2: Interface details. Left: A shared pointer, which can be dragged by any user at any time. Right: Control Panel button details. Integrated file upload support includes automatically un-zipping uploaded .zip files.
To keep the user interface simple and unobtrusive, the existence of this shared pointer itself indicates collaboration. The tip of the pointer flashes (with subtlety) to indicate an active session, and the color of the tip changes from green to red if any user has not received the latest change, yet. Therefore, for typical collaboration there is no new or special user interface to learn, so users aren't forced to divert their attention away from the content they are discussing. If desired, however, the Control Panel can be used to open a Session Status window (Figure 3), to open a File Upload window, or to co-browse to a directory listing of all files that have been uploaded so far for the current session.
Figure 3: CWB Session Status window. Contains details about each user and session.
So far, CWB has been implemented for the Internet Explorer browser versions 4 and later on Win32 platforms. To insure identical views, users are discouraged from changing browser attributes that modify the viewable space in the browser window (such as default font size and number of toolbars). Polling delays are typically under a second, which is considered acceptable for casual collaboration. CWB automatically recovers from temporary network outages. CPU usage may max out on systems under ~200MHz, but the system will still work - running as fast as it can.
To avoid disadvantages of existing co-browsing approaches (see Figure 4), CWB is based on a lightweight polling architecture and Dynamic HTML . CWB also avoids intrusive mechanisms that might break the behavior of shared pages, such as proxy-based URL re-writing (CoWeb system ) or placing the contents of the shared page into a new container (IBM ). Similarly, since CWB uses polling rather than event-based change detection (WebVCR system ), the behavior of shared web pages is less likely to be affected, and even dynamically created content can be detected and shared.
Figure 4: A comparison of co-browsing approaches. Because CWB does not bypass security restrictions built into web browsers, it does not require users to trust others with potentially dangerous privileges.
Inspired by instant messenging systems, CWB provides a quick, simple and safe way for non-technical users to casually co-browse their content while avoiding the pre-collaboration and trust requirements of existing co-browsing offerings. Its' non-intrusive nature facilitates collaboration over existing web content without modification.
- America Online Inc., AOL Instant Messenger. Available at http://www.aol.com.
- Microsoft Corp., MSN Messenger. Available at http://www.microsoft.com.
- Sun Microsystems, Inc., Java Servlet technology. Available at http://java.sun.com/products/servlet/index.html.
- Goodman, D. Dynamic HTML: The Definitive Reference. O'Reilly & Associates, Inc., Sebastopol CA, 1998.
- Stephan Jacobs, Michael Gebhardt, Stefanie Kethers, and Wojtek Rzasa. "Filling HTML Forms Simultaneously: CoWeb - Architecture and Functionality." Proceedings of the Fifth International World Wide Web Conference, May 1996. URL
- G. Pacifici, U.S. Patent No. 6,230, 171 707/512. G06F 017/21. Markup system for shared HTML documents. May 8, 2001.
- Vinod Anupam, Juliana Freire, Bharat Kumar, and Daniel Lieuwen. "Automating Web Navigation with the WebVCR." Ninth International World Wide Web Conference Proceedings, May 2000.
- Microsoft Corp., NetMeeting. Available at http://www.microsoft.com.
- S. Greenberg, and M. Roseman, "GroupWeb: A WWW Browser as Real Time Groupware." ACM SIGCHI'96 Conference on Human Factors in Computing System, Companion Proceedings, April 1996.
- Makota Kobayashi, Masahide Shinozaki, Takashi Sakairi, Maroun Touma, Shahrokh Daijavad, and Catherine Wolf. "Collaborative Customer Services Using Synchronous Web Browser Sharing." ACM 1998 Conference on Computer Supported Cooperative Work Proceedings, pages 99-108, Nov. 1998.
- Synetry CoBrowse. Hipbone, Inc. Web page. http://www.hipbone.com.
- WebIntermeet. WebDialogs. Web page. http://www.webdialogs.com.