Example Training InstantPalace

This example illustrates a training environment in which users first go to a web page to enter their names and pick avatars. Then they enter the InstantPalace environment. To facilitate training, a button above the InstantPalace frame lets them easily move between large Palace rooms (for introductions and breakouts) and small Palace rooms (for PalacePresents events and pushing web pages). See InstantPalace Parameters here.

Files

The files for this example are located in the /palace/client/button-activated directory.

index.html

This file launches another browser window in which all the rest of the pages will be displayed. The new window turns off the browser menu, button bar or status bar so the resulting pages can be more easily displayed on lower-resolution computers.

 

 

 

selectAvatar.html

This page contains a table of your default avatars that users can choose among, plus a text box to enter a name. This information is forwarded to InstantPalace which gives the users the names and avatars selected. If your website already has a mechanism for logging on or registering users, you can add to it some of the code from this page to automatically give users their registered names.

buttonbar-event.html

This page is the frame that contains the "Click to Go To Event" button. Clicking the button disconnects the user from the Palace and the large room view and reconnects them using a smaller InstantPalace view.

buttonbar-lobby.html

This page is the frame that contains the "Click to Go to Lobby" button.  Clicking the button disconnects the user from the small InstantPalace view and reconnects them to the original room using the large room view.

button-event-demo.html

This file defines the frames that appear when the user clicks the "Click to Go To Event" button.  The top frame is the button frame. Beneath that are two frames; the left one contains a small InstantPalace view and the right one contains a dummy web page.  During PalacePresents events, connecting to the room will cause the user to automatically joing the PalacePresents event.  The right frame will contain the web pages that the moderator pushes as part of the event.

In addition, there is a hidden frame where you could include multimedia content, such as a URL pointing to a RealAudio server.

button-palace-demo.html

This file defines the frames that appear when the user clicks the "Click to Go to Lobby" button. As with the previous file, the top frame is the button frame.  Beneath that is a frame that contians the large InstantPalace view.   There is also a frame for multimedia content. 

default-slide.html

This is a dummy html page that appears in the large frame when the user clicks on the "Click to Go to Event" button. Web pages pushed as part of a PalacePresents event will be pushed into this frame later.

index.html

This html file formats the InstantPalace view to show the large rooms and a log on the right. This view is used when the user initially joins the Palace and whenever the user clicks the "Click to Go to Lobby" button. Changing this file affects how InstantPalace appears.

fullnoselect.html

This html file formats the InstantPalace view to show the large rooms and a log on the right. This view is used when the user initially joins the Palace and whenever the user clicks the "Click to Go to Lobby" button. Changing this file affects how InstantPalace appears.

tinyplusloga.html

This html file formats the InstantPalace view to show the small rooms with a log beneath.  This view is used when the user clicks the "Click to Go to Event" button. Changing this file affects how InstantPalace appears