Full HTML for

Basic foilset Developing Collaborative Applications with Tango Beans

Given by Likasz Beca at Rice University Tango Tutorial on October 18 1999. Foils prepared October 20 1999
Outside Index Summary of Material

Introduction
Tango Bean API installation
Application framework
Embedding Tango Bean API components
Connecting components
Adding necessary modifications
Testing
Application signing and packaging
Running in Tango Interactive environment

Table of Contents for full HTML of Developing Collaborative Applications with Tango Beans

 Denote Foils where Image Critical
Denote Foils where HTML is sufficient
1 Developing Collaborative Applications with Tango Beans
2 Contents
3 Introduction
4 Tango Bean API installation
5 Tango Bean API installation
6 Application framework
7 Embedding Tango Bean API components
8 Connecting components
9 Connecting components
10 Connecting components
11 Connecting components
12 Connecting components
13 Connecting components
14 Connecting components
15 Adding necessary modifications
16 Testing
17 Applet signing and packaging
18 Running in Tango Interactive environment

Outside Index Summary of Material

HTML version of Basic Foils prepared October 20 1999

Foil 1 Developing Collaborative Applications with Tango Beans

From Developing Collaborative Applications with Tango Beans Rice University Tango Tutorial -- October 18 1999. *
Full HTML Index
Lukasz Beca
NPAC, Syracuse University, Syracuse, USA
HTML version of Basic Foils prepared October 20 1999

Foil 2 Contents

From Developing Collaborative Applications with Tango Beans Rice University Tango Tutorial -- October 18 1999. *
Full HTML Index
Introduction
Tango Bean API installation
Application framework
Embedding Tango Bean API components
Connecting components
Adding necessary modifications
Testing
Application signing and packaging
Running in Tango Interactive environment
HTML version of Basic Foils prepared October 20 1999

Foil 3 Introduction

From Developing Collaborative Applications with Tango Beans Rice University Tango Tutorial -- October 18 1999. *
Full HTML Index
Illustration of development process - building application for exchanging simple messages
Application term used in this presentation refers to Tango application which in turn can be Java applet or Java application.
Example development environment - VisualCafe
Details can be found in the Tango Beans API Documentation
HTML version of Basic Foils prepared October 20 1999

Foil 4 Tango Bean API installation

From Developing Collaborative Applications with Tango Beans Rice University Tango Tutorial -- October 18 1999. *
Full HTML Index
Tango Beans API components must be installed in Integrated Development Environment before they can be combined with other components
The jar file with Tango Beans API must be downloaded from Tango API page
Downloaded jar file must be imported to the development environment:
In VisualCafe - "Add Component to Library" option should be used for this purpose
HTML version of Basic Foils prepared October 20 1999

Foil 5 Tango Bean API installation

From Developing Collaborative Applications with Tango Beans Rice University Tango Tutorial -- October 18 1999. *
Full HTML Index
Tango Beans installed in the VisualCafe Component Library
HTML version of Basic Foils prepared October 20 1999

Foil 6 Application framework

From Developing Collaborative Applications with Tango Beans Rice University Tango Tutorial -- October 18 1999. *
Full HTML Index
In the next step application specific components should be placed in the application development frame:
In this case we have text area and two buttons, they will provide functionality visible to the users: buttons will generate messages and text area will display them
HTML version of Basic Foils prepared October 20 1999

Foil 7 Embedding Tango Bean API components

From Developing Collaborative Applications with Tango Beans Rice University Tango Tutorial -- October 18 1999. *
Full HTML Index
When essential components are in place, the Tango Beans can be added:
The figure above shows one TangoBean component and two ObjectPipe components added. They will provide collaboration functionality.
HTML version of Basic Foils prepared October 20 1999

Foil 8 Connecting components

From Developing Collaborative Applications with Tango Beans Rice University Tango Tutorial -- October 18 1999. *
Full HTML Index
Components must be connected to communicate properly
Connection: ObjectPipe to Application Component:
  • enables routing distributed events to the specific application components.
  • when new data arrives, the ObjectPipe fires the `Data arrived' event that contains received information
  • the application component intercepts this event and activates desired operation when the event arrives
  • `Data arrived' event contains information that can be used by the application component
HTML version of Basic Foils prepared October 20 1999

Foil 9 Connecting components

From Developing Collaborative Applications with Tango Beans Rice University Tango Tutorial -- October 18 1999. *
Full HTML Index
Connection: ObjectPipe to Application Component (TextArea) in the VisualCafe environment:
HTML version of Basic Foils prepared October 20 1999

Foil 10 Connecting components

From Developing Collaborative Applications with Tango Beans Rice University Tango Tutorial -- October 18 1999. *
Full HTML Index
Connection: ObjectPipe to Application Component
The figure above illustrates connection from ObjectPipe to the TextArea component. TextArea displays messages in response to events that arrive from ObjectPipe.
HTML version of Basic Foils prepared October 20 1999

Foil 11 Connecting components

From Developing Collaborative Applications with Tango Beans Rice University Tango Tutorial -- October 18 1999. *
Full HTML Index
Connection: Application Component to Object Pipe
  • Interception of events generated by the application component
  • ObjectPipe listens to the events that should be distributed to other applications in the session
  • In order to transmit event, `Send data to all participants' method on ObjectPipe must be called
  • Tango Beans API uses serialization to exchange data between applications so an object provided as a parameter for `Send ...' method should be serializable
HTML version of Basic Foils prepared October 20 1999

Foil 12 Connecting components

From Developing Collaborative Applications with Tango Beans Rice University Tango Tutorial -- October 18 1999. *
Full HTML Index
Connection: Application Component to Object Pipe
The figure above illustrates connection from Button component to the ObjectPipe. When the user presses the Button, it fires the event, which is intercepted by the Object Pipe
HTML version of Basic Foils prepared October 20 1999

Foil 13 Connecting components

From Developing Collaborative Applications with Tango Beans Rice University Tango Tutorial -- October 18 1999. *
Full HTML Index
Connection: Object Pipe to TangoBean
  • registration of ObjectPipe in TangoBean
  • when registered, ObjectPipe can send and receive messages from TangoBean
  • communication between ObjectPipe and TangoBean is two-way but the connection must be established only in one direction
HTML version of Basic Foils prepared October 20 1999

Foil 14 Connecting components

From Developing Collaborative Applications with Tango Beans Rice University Tango Tutorial -- October 18 1999. *
Full HTML Index
Connection: Object Pipe to TangoBean
The figure above illustrates connection from ObjectPipe component to the TangoBean in the example application
HTML version of Basic Foils prepared October 20 1999

Foil 15 Adding necessary modifications

From Developing Collaborative Applications with Tango Beans Rice University Tango Tutorial -- October 18 1999. *
Full HTML Index
Unfortunately, the IDE application builder tools are not able to create Tango applications fully automatically. Part of the applet source code must be modified manually:
  • Tango specific classes must be imported
  • Application must be properly initialized
  • Application must be properly shut down
HTML version of Basic Foils prepared October 20 1999

Foil 16 Testing

From Developing Collaborative Applications with Tango Beans Rice University Tango Tutorial -- October 18 1999. *
Full HTML Index
When all necessary components are embedded and interconnected, the application can be executed outside Tango Interactive environment as regular applet (directly in the IDE, Applet Viewer or Netscape browser):
HTML version of Basic Foils prepared October 20 1999

Foil 17 Applet signing and packaging

From Developing Collaborative Applications with Tango Beans Rice University Tango Tutorial -- October 18 1999. *
Full HTML Index
The classes that contain the applet implementation should be signed and packaged into one jar file
Also, as with any applet, HTML page must be created that starts applet in the Web browser (do not forget to use MYSCRIPT tag)
HTML page and applet classes should be placed on HTTP server
The developed application must be added to the set of Tango applications recognized by the Session Manager - this requires modification in configuration file for SM
HTML version of Basic Foils prepared October 20 1999

Foil 18 Running in Tango Interactive environment

From Developing Collaborative Applications with Tango Beans Rice University Tango Tutorial -- October 18 1999. *
Full HTML Index
Finally, the application can be started in Tango Interactive environment and used for collaboration:
© Northeast Parallel Architectures Center, Syracuse University, npac@npac.syr.edu

If you have any comments about this server, send e-mail to webmaster@npac.syr.edu.

Page produced by wwwfoil on Wed Oct 20 1999