Point to each category folder to display the parts. Pass over a part to view its name. Once you are finished, click the forward arrow to continue.nue.
Library of Parts
Library of Parts
:PHYSSIZE
:PHYSSIZE
:PHYSSIZE
:PHYSSIZE
:PHYSSIZE
!:PHYSSIZE
3270 Hllapi
TCP/IP
CICS/OS2
Net BIOS
External Functions
A P P C Connection Spec
A P P C Conversation
External Function
l-:PHYSSIZE
^.6.[.
TCP/IP
TCP/IP
T C P Connection Spec
External Function
3:PHYSSIZE
CICS/OS2
CICS/OS2
CICS OS2 Connection Spec
External Function
9:PHYSSIZE
vvvvvvvvvvv
vvvvvvvvvvv
dA:PHYSSIZE
vvvvvvvvv
vvvvvvvvv
vvvvvvvvv
vvvvvvv
vvvvvvvvvvvv
vvvvv
vvvvvvvv
Net BIOS
Net BIOS
Net B I O S Connection Spec
Net B I O S Session
Net B I O S Proc Dialog
HK:PHYSSIZE
External Functions
External Functions
C External Function
External Function
COBOL External Function
Program Starter
&R:PHYSSIZE
These are some of the client/server support categories that are available from within VisualAge's library of parts. You can use parts from these categories for remote resource sharing, creating applications with split logic, and updating existing applications with new graphical user interfaces.ng applications.
DataGraph
6X:PHYSSIZE
\:PHYSSIZE
.a:PHYSSIZE
k:PHYSSIZE
Database
Functions
3270 Hllapi
3270 Hllapi
3270 Screen
Push Button
r:PHYSSIZE
Database Functions
Database Functions
Stored Procedure
Database Query
y:PHYSSIZE
LibraryParts2
CPJBQD[
Guard
Buttons
Lists
Canvas
Data Entry
Menus
Multimedia
GUI Elements
:PHYSSIZE
:PHYSSIZE
:PHYSSIZE
:PHYSSIZE
#:PHYSSIZE
(:PHYSSIZE
,:PHYSSIZE
\-4-Y-
Library of Parts
Library of Parts
These are some of the graphical user interface (GUI) categories that are available from within VisualAge's library of parts. You can use parts from these categories to build the user interface for your application....................
Listss
4:PHYSSIZE
Lists
Drop-down List
Multiple Select List
Combo Box
Buttons
;:PHYSSIZE
Buttons
Toggle Button
Radio Button Set
Scale
Push Button
Canvas
lB:PHYSSIZE
Canvas
Group Box
Notebook
Shell
Data Entry
I:PHYSSIZE
Data Entry
Table
Multi-line Edit
Label
Menus
O:PHYSSIZE
Menus
Cascade Button
Toggle Button
Separator
Push Button
Multimedia GUI Elements
V:PHYSSIZE
Multimedia
Track Buttons
Motion Buttons
Frame Buttons
Video Playback Window
Record
Eject
Rewind
Fast Forward
Frame Advance
Frame Reverse
Track Reverse
Pause
Track Advance
StatusBar
Point to each category folder to display the parts. Pass over a part to view its name. Once you are finished, click the forward arrow to continue.nue.he forward arrow to continue.tinue..
HandsOn
(P)<4%
ConnectionLine1
DataStuff
DatabaseQuery
X :PHYSSIZE
Database Query2
CurrentRow
currentRow
CurrentRowGraphic
:PHYSSIZE
ResultTable
resultTable
ResultTableGraphic
:PHYSSIZE
ConnectionLine2
ConnectionLine3
ConnectionLine4
DbQueryTearContext
self
destroyPart
destroyedPart
executeQuery
executeQueryAsTransa
close
databaseManagerName
databaseName
querySpecName
accessSetName
resultTable
ExecuteQueryOption
PINMENUOption
ScreenFilter
connectionLine
verticies
7740,4650,55,55
CurrentRowDetect
FirstNameField
PushConnectMenu
ClickedOption
PushConnectMenu
clicked
enabled
More...
more...
Delete
Create deferred update
Add event code hook
Add attribute code hook
Connect
Browse connections
Attribute default view
Tear off attribute
Layout
LastNameField
movement1
EntryFieldContext
TearContextMenu
string
enabled
More...
EntryFieldContents
PartContextMenu
Open settings...
Edit part...
Add event code hook...
Add attribute code hook...
Change name...
Delete
Layout
Create deferred update
Connect
Browse connections
Reorder connections from...
Attribute default view
Tear-off attributeok
Connect
Browse connections
Attribute default view
Tear off attribute
Layout
ConnectDetect
rowcontextmenu
CurrentRowList
columnNames
FIRST_NAME
LAST_NAME
PIN_NUMBER
CHECKING_BALANCE
SAVINGS_BALANCE
unlisted attribute ...
unlisted action ...
unlisted event ...
FirstName
LastName
InformationBox
Lets preview how this GUI and database back-end will look/behave at runtime by clicking the test icon on the toolbar.e.mized Database-query object.
InstructionBox
Click on the 'End Transaction' push button to exit.e database query..right mouse button on the currentRow.
Cursor
TestWindow
|+G!I
ShellView
TitleBar
Button
Button
Button
misc1
Savings Account
Misc2
Checking Account
AccessATM
Access ATM
Acct Balance
Cash Withdrawl
Acct Balance
Cash Withdrawl
EndTransaction
End Transaction
Account Information
First Name:
Last Name:
Amount:
Enter PIN:
PINNumber
FirstName
LastName
TargetIndicator
TargetIndicatorOutline
TargetIndicatorText
Click heree button 2 herery
DemoMainMenu
buttonUp
buttonUp
buttonUp
- Click on a topic to find out more about it.
- Double-click on a topic to choose it......
:PHYSSIZE
:PHYSSIZE
Topics
Taking the Vision-Demo Tour
Introducing VisualAge
'Hands-On' Time with VisualAge
Exit Vision-Demo Tour
The "Vision-Demo Tour" is an interactive demo that will acquaint you with the concepts and capabilities of VisualAge.n Builder Technology (ABT)........ Technology or ABT.
Vision-Demo Tour Topics
Vision-Demo Tour Topics
:PHYSSIZE
topicDesc
This topic will allow you to interact with VisualAge to create some connections to data retrieved from a database query. It takes about 5 minutes..
At its most simple level, Visual programming can be used to create Graphical User Interfaces by direct manipulation.
Information
To see how to connect the customer data to the view, when you return to the Database section click on the 'Main Menu' and select 'Hands-On' Time with VisualAge.Age'.s OEM databases such as Oracle and Sybase.
PaletteGraphic2
Database
Functions
Cursor
Multimedia
terPage
enterPage
leavePage
enterPage
VSetUpNP
NextOn
PrevOff
InstructForward
rotate
rotate
leavePage
InstructForward
rotate
rotate
leavePage
InstructForward
>(APAxA
The Multimedia feature for VisualAge allows you to combine audio and video into your VisualAge applications.......... Multimedia for VisualAge you can use the power of the VisualAge
visual programming tool to easily build new multimedia applications or to
integrate multimedia features into existing applications.
The results are applications which require reduced training time,
offer greater personal productivity, and are more usable.
TitleBar
Button
Button
Button
FocusGrabber
Button
:PHYSSIZE
":PHYSSIZE
zzzzzzzzzzzzzzzzzzzzzzzzzzzz
zzzzzzzzzzzzzzzzzzzzzz
zzzzzzz
zzzzzzz
zzzzzzzz
zzzzzzzz
zzzzzzzz
zzzzzzzz
8+:PHYSSIZE
zzzzzzzzzzzzzzzzzzzzzzzzzzzz
zzzzzzzzzzzzzzzzzzzzzz
zzzzzzzzzzzzzzzzzz
zzzzzz
zzzzzz
zzzzzzzzzzzzzzzzzz
3:PHYSSIZE
zzzzzzzzzzzzzzzzzzzzzzzzzzzz
zzzzzzzzzzzzzzzzzzzzzz
zzzzzzzzzzzzzzzzzz
zzzzzz
zzzzzz
zzzzzzzzzzzzzzzzzz
Digital Video
Audio Waveform
Compact Disc
Videodisc
Playersssa
Players
WithDraw
Balance
Checking
Savings
=:PHYSSIZE
Deposit
Credit
WELCOME to the
United OO
World Bank
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Motion
Track Frame
Eject Record
Mute Wrap Wrappppppppppppppppppppppp
dH:PHYSSIZE
O:PHYSSIZE
dW:PHYSSIZE
h_:PHYSSIZE
g:PHYSSIZE
l:PHYSSIZE
p:PHYSSIZE
Buttonsssa
Buttons
Track Frame
Eject Record
Mute Wrapppppp Wrap Wrappppppppppppppppppppppp
Pv:PHYSSIZE
Multimedia
|wTwyw
Multimedia
VisualProgrammingDemo
&x(x(
AccessPushButton
Push button
movement
PaletteGraphic
Palette
Categories
Parts
PaletteGraphic2
EntryField
movement2
PaletteGraphic3
Push Button
LoadedCursor
AccessPushButton
Push button
ConnectContextMenu
clicked
enabled
More...
more...
Delete
Create deferred update
Add event code hook
Add attribute code hook
Connect
Browse connections
Attribute default view
Tear off attribute
Layout
ShellViewContext
openApplicationModalWidget
closeWidget
aboutToOpenWidget
openedWidget
aboutToCloseWidget
closedWidget
title
More...ct
Browse connections
Attribute default view
Tear off attribute
Layout
movement3
EAConnectionLine
CursorDrop
LoadedCursor
TestWindow
TitleBar
Button
Button
Button
misc1
Savings Account
Misc2
Checking Account
Access ATM
Acct Balance
Cash Withdrawl
Acct Balance
Cash Withdrawl
End Transaction
Account Information
First Name:
Last Name:
Amount:
Enter PIN:
FocusGrabber
Button
Movement4
InstructionBox
Instruct
Visual Programming:
At its most simple level, Visual programming can be used to create Graphical User Interfaces by direct manipulation.
Information
At its simplest level, Visual Programming can be used to create graphical user interfaces by direct manipulation.cation logic behind them.e button 1.the Frame to perform the 'closeWindow' action...
connectionLine
verticies
3000,1050
PushButtonDirectEdit
PushContextMenu
Open settings...
Edit part...
Add event code hook...
Add attribute code hook...
Change name...
Delete
Layout
Create deferred update
Connect
Browse connections
Reorder connections from...
Attribute default view
Tear-off attributeok
Connect
Browse connections
Attribute default view
Tear off attribute
Layout
CursorDrop2
PushButton
uttonUp
rightButtonUp
buttonStillDown
rightButtonUp
ContextPushButton
ContextPushButton
buttonStillDown
dragHandle
svPart
buttonStillDown
dragHandle
svPart
>%6%label
L%level
Push button
LoadedCursor
Cursor
Access ATM
Multimedia2
enterPage
leavePage
enterPage
VSetUpNP
NextOn
PrevOn
InstructForward
leavePage
InstructForward
structForward
leavePage
InstructForward
Multimedia
Players
Multimedia
Players
The multimedia players represent real-world audio and video players and their media. With these players, you can integrate multimedia into your applications with a real-world look and feel.
CSDescribe
.
.
.
.
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
tools. Decision support tools support various distributed resource managers while programming tools let you interface to those resource managers.
All the business logic resides on the client side, unless the database manager supports features such as stored procedures, which let you add business logic to the database access.
e database access.
to the database access.
access.
ccess.
ccess.
ogic to the database access.
access.
late the operator operations.
The Audio Waveform Player allows you to play and record digital audio from files. These files are a digital representation of the original audio sound wave..
The Compact Disc Player allows you to play digital audio compact discs. You can use the Compact Disc Player for audio playback or as input to the record function of the Audio Waveform Player....
The Digital Video Player allows you to play digital video from files. The video is displayed in a window on your computer display.
your computer display.
The Videodisc Player allows you to play videodiscs. The video can be connected to a video monitor while the audio can be connected to speakers, headphones, or some other audio media device.
:PHYSSIZE
:PHYSSIZE
:PHYSSIZE
:PHYSSIZE
#:PHYSSIZE
CompositionEditor
Multimedia3
enterPage
leavePage
enterPage
VSetUpNP
NextOn
PrevOn
InstructForward
leavePage
InstructForward
structForward
leavePage
InstructForward
-H2$3
78?xF
T8\xc
q8y4{
Multimedia
Buttons
Multimedia
Buttons
The multimedia buttons are prepackaged and fully functional control buttons, similar to what you have at home today on your entertainment systems. With these buttons, you can control the multimedia players.
:PHYSSIZE
:PHYSSIZE
:PHYSSIZE
!:PHYSSIZE
F):PHYSSIZE
-:PHYSSIZE
>2:PHYSSIZE
Button groups are provided to allow you to
quickly add control of the multimedia players:
ia players.
A set of frame buttons to control frame movement of your video players.
A set of track buttons to control track movement of your Compact Disc Player.
A set of common motion buttons like Play, Stop and Fast forward.
Fast forward.
, Stop and Fast forward.
, Stop and Fast forward.
Individual buttons are also provided to give you complete flexibility in designing your multimedia user interface.
ould look.
Record
Eject
Rewind
Fast Forwarddd
Pause
Frame
Trackk
Track reverse
j<:PHYSSIZE
C:PHYSSIZE
J:PHYSSIZE
*R:PHYSSIZE
jY:PHYSSIZE
`:PHYSSIZE
g:PHYSSIZE
*o:PHYSSIZE
jv:PHYSSIZE
}:PHYSSIZE
DesigningATM3
LibraryParts2
P z:i
Animate5
enterPage
Animate6
animate3
Animate7
Animate8
Animate4
CursorMovement
leavePage
enterPage
+)SetUpGlobals
4!ResetPaletteToTop
buttonUp
Category1
ShellView
ATMGUI
Information
VisualAge provides generic parts that can be customized to your specific database needs.
InstructionBox
8animate3
s_flag
animate3
cursor
CursorMovement
Movement1
PaletteMoves
DbQueryPart
Item1
Information
For this example we want to customize this Database Query part to an OS/2 database, DB2/2.
Information
The database that we have set up in DB2/2 looks something like this...
InstructionBox
DatabaseGraphic
default
paletteCategory
svTimePause
svCursorState
Animate4
Information
To customize the generic Database Query part to the database that you just viewed, open the settings for the Database Query part.
instructionBox
InstructionBox
PartContextMenu
cursor
PartContextMenu
DBQueryDetails
InstructionBox
databasemanagerselect
databasemanagerselect
databasemanagerselect
dropdown1
dropdown2
QueryMenu
CreateCascadeMenu
Information
This settings dialog allows you to specify the parameters needed to customize this Database Query part to the DB2/2 database you just viewed.
instructionBox
CursorMovement
movement2
DatabaseSettings
9Animate5
svTimePause
svCursorState
Animate5
instructionBox
Information
From this window we can determine which tables and columns will be used to select the ATM's customer.
cursor
SelectDetails
InstructionBox
clauseMenu
ATMHighLight
ColumnsHighLight
instructionBox
Information
First, we will type a name for the Query that will be created.
CursorMovement
movement33
SelectDetails
:Animate6
svTimePause
svCursorState
Animate6
cursor
InstructionBox
WhereDetails
InstructionBox
OperatorDropDown
PINNumberHighLight
LeftOperandDropDown
Information
Here we can specify the search criteria (the 'Where' clause) for the query.
instructionBox
Information
First, we need to select a column name to apply to the search condition.
CursorMovement
movement66
WhereDetails
z:Animate7
svTimePause
svCursorState
Animate7
CursorMovement
movement99
FinishDBSettings
InstructionBox
SQLQuery
DbQueryDetails
SQLQuery
Information
The generic Database Query part has now been customized to retrieve ATM customer data from a table in DB2/2.
InstructionBox
Information
But the Database Query part contains encapsulated, or hidden, data that we need to access.
Information
This is how it works...
Information
The Database Query part only knows about the DB2/2 query.
DatabaseGraphic
ATMTableInformation
DatabaseGraphicButton
InstructionBox
DbQueryGraphic
ShrinkGrow
DatabaseGraphic
DatabaseGraphic
InstructionBox
Information
In order to access the customer data, we need to tear off, or expose, the data contained in the Database Query2 part.
InstructionBox
PartContextMenu
CursorMovement
movement5
TearOff1
TearContextMenu
resultTable
DatabaseGraphic
DatabaseGraphicButton
InstructionBox
ShrinkGrow
DatabaseGraphic
ResultTableGraphic
ShrinkGrow
ATMTableInformation
DatabaseGraphic
InstructionBox
Information
We now have a new object which contains the ATM customer result table. This table contains the encapsulated data for each ATM customer.
Information
To access the specific ATM customer data, we need to tear off the current data row retrieved by the query.
InstructionBox
PartContextMenu
CursorMovement
movement6
TearOff2
TearContextMenu2
PartContextMenu
currentRow
DatabaseGraphic
DatabaseIcon
DatabaseGraphicButton
ATMTableInformation
InstructionBox
ShrinkGrow
ATMTableInformation
JohnSmithData
CurrentRowGraphic
ShrinkGrow
JohnSmithData
ATMTableInformation
JohnSmithData
Information
We now have a new object which contains the current ATM customer row. This row contains the specific data retrieved for the ATM customer.
instructionBox
Information
At this point, we are able to connect our view directly to the specific customer data retrieved by the database query.
InstructionBox
RowContextMenu
RowContextMenu
:Animate8
svTimePause
svCursorState
Animate8
DatabaseConnections
ShrinkGrow
DatabaseConnections
ABTFeatures
Information
To see how to connect the customer data to the view, when you return to the Database section click on the 'Main Menu' and select 'Hands-On' Time with VisualAge.
HandsOn
Information
Returning to 'Hands-On' Time with VisualAge...
InstructionBox
svTimePause
svCursorState
svCurrentPage
?CursorMovement
0bringToFront
PaletteMoves
Information
We need to click on the parts palette scroll button to bring the 'Database Functions' category into view.
buttonUp
PaletteCategoryDown
paletteGraphic2
Information
Clicking on the 'Database Functions' palette category provides access to the generic parts used for database queries.
Clicking on the 'Database Query' part loads the cursor with a Database Query part.
paletteGraphic1
LoadedCursor
CursorDrop
DatabaseSettings
dropdown1
databasemanagerselect
Information
Note: VisualAge provides extensive support for IBM client/server databases such as DB2/2, as well as host databases, accessed via DDCS. In addition, VisualAge supports OEM databases such as Oracle and Sybase.
dropdown1
databasemanagerselect
databasemanagerselect
dropdown2
databasenameselect
databasenameselect
databasenameselect
DatabaseNameSelect
dropdown2
databasenameselect
databasenameselect
Information
From this pull-down menu, we are able to build a new query specification.
QueryMenu
CreateCascadeMenu
Information
The 'Select...' option allows us to create a query specification that will select the ATM customers from the database.
CreateCascadeMenu
QueryMenu
SelectDetails
QueryName
QueryName
DbQueryQuerySpecName
QueryName
Information
And we will also type a description for the Query.
SelectDescription
SelectDescription
DbQueryDbDescription
SelectDescription
Information
Next, we will select the Customers table.
ATMHighlight
Columns
Checking_Acct
Savings_Acct
First_Name
Last_Name
PIN_Number
Information
Since we will want to select all of the columns for each customer in the Customers table, we'll use the 'Select *' check box.
SelectAll
ColumnsHighLight
Information
Now that we have determined the SQL selection criteria, we also need to specify a clause.
clauseMenu
Information
We need to create a 'Where' clause to specify the search condition.
clauseMenu
WhereDetails
LeftOperandDropDown
PINNumberHighLight
PINNumberHighlight
CheckingAccountHighLight
LeftOperandDropDown
LeftOperand
PIN_Number
Expression
PIN_Number
Information
Next, we will determine the operator.
OperatorDropDown
Operator
OperatorDropDown
Expression
[PIN_Number =]
Information
Lastly, we need to type the name of the attribute that will determine the search.
RightOperand
RightOperand
Expression
[PIN_Number = :pin]
Information
We now have a 'Where' clause that will search the 'PIN_Number' column of the ATM's Customers table for a matching(=) :pin.
WhereDetails
FinishDbSettings
SelectDetails
TearOff1
PartContextMenu
TearContextMenu
TearOff2
PartContextMenu
TearContextMenu2
i:to3
textString
yAdjustment
xAdjustment
counter
paletteCategory
svTimePause
svCursorState
actionConditions
targetLine
leavePage
DatabaseGraphic
DatabaseIcon
DatabaseGraphicButton
DatabaseButtonText
ATMTableInformation
ATMTableInformation
JohnSmithData
DatabaseConnections
JohnSmithData
DbQueryQuerySpecName
DbQueryDbDescription
DatabaseNameSelect
SelectAll
QueryName
SelectDescription
Columns
LeftOperand
Operator
RightOperand
Expression
InstructionBox
VisualProgrammingDemo
Multimedia3
enterPage
Animate
leavePage
enterPage
VSetUpNP
NextOff
PrevOn
svSystemType
s_Flag
svTimePause
ShowInstructions
s_Flag
Animate
InstructButton
Graphic
Graphic
Object
Graphic
Object
Graphic5
Object5
OOInformationBlock
In an object-oriented environment, everything is treated as an object. Programming logic is created by having the objects 'communicate' with each other by sending messages.
showInstructions
svTimePause
leavePage
InformationBlock
OOInformationBlock
GraphicBlock
InstructButton
PageTitle
OOInformationBlock
In an object-oriented environment, everything is treated as an object. Programming logic is created by having the objects 'communicate' with each other by sending messages. Click on the push button to see what kind of objects you will deal with in VisualAge.
LibraryParts
enterPage
leavePage
enterPage
VSetUpNP
NextOn
PrevOff
InstructForward
leavePage
InstructForward
InstructForward
leavePage
InstructForward
Library of Parts
Library of Parts
:PHYSSIZE
:PHYSSIZE
VisualAge provides an extensive library of prefabricated parts. These reusable parts can be combined to create applications with features such as:
* Graphical User Interfaces
* Application Logic
* Client/Server Support transactions, and remote
and local functions.
:PHYSSIZE
:PHYSSIZE
%:PHYSSIZE
x'P'u'
Application
Application
DataGraph
~,:PHYSSIZE
0:PHYSSIZE
Library of
Parts
Application
Logic
Graphical
Interfaces
Client/Server
Support
initial
terPage
enterPage
leavePage
enterPage
Loading
svExitDemoCBT
Loading
svExitDemoCBT
leavePage
svSystemType
svExitDemoCBT
Loading
svExitDemoCBT
leavePage
svSystemType
svExitDemoCBT
W ""-
Loading
has given rise to a new age...
Loading
has given rise to a new age...
W ""-
A Powerful
Vision Of
Programming
A Powerful
Vision Of
Programming
LibraryParts3
l$`%f
Guard
:PHYSSIZE
Models
Multimedia
Playersments
Application Logic
:PHYSSIZE
Library of Parts
Library of Parts
:PHYSSIZE
Multimedia Players
:PHYSSIZE
Multimedia
Compact Disc Player
Audio Waveform Player
Videodisc Player
Digital Video Player
Models
#:PHYSSIZE
Models
Variable
Object Factory
Personal Logic Model
Ordered Collection
StatusBar
Point to each category folder to display the parts. Pass over a part to view its name. Once you are finished, click the forward arrow to continue.nue.
These are some of the application logic categories that are available from within VisualAge's library of parts. You can use parts from these categories to assemble the programming logic for your application.cation....................
enterPage
animate4
Animate1
rightbuttonUp
buttonUp
Animate2
Connection
CompleteConnection1
Animate3
CompleteConnection2
leavePage
enterPage
HandsOn
TargetIndicator
+)SetUpGlobals
4!ResetPaletteToTop
buttonUp
Category1
ShellView
ATMGUI
svInstructMsg
CompTour
s_Flag
svMouseLoaded
svTargetOrientation
svCurrentPage
You have not viewed the demonstration on how to customize a generic database part. It provides helpful background information for this section.
View demonstration
Continue with Hands-On
View demonstration
InstructionBox
Databasedemo
8Animate1
8Animate1
8Animate1
viewDemo
s_flag
svViewDatabaseDemo
Animate1
InformationBox
This section of the Vision-Demo Tour will show you how to connect the GUI interface to the data retrieved from the customized Database-query object.
InformationBox
InformationBox
Start by bringing up a context menu for the currentRow object.
InstructionBox
Click mouse button 2 on the currentRow.
InstructionBox
,VSetUpTI
Click mouse button 2 here
medium
CurrentRowDetect
GuidanceMsg
FirstConnection
svTask
Animate2
InstructionBox
InformationBox
InformationBox
Lets make one more connection. This time, you are on your own.
ddragMove
InformationBox
InformationBox
Make a connection from the currentRow object's LAST_NAME to the Last Name: Text field's string.
InstructionBox
Make the connection described above.
InstructionBox
,VSetUpTI
Click mouse button 2 here
medium
CurrentRowDetect
currentRowDetect
SecondConnection
tempLoc
svTask
Animate3
cursor
InstructionBox
InformationBox
Now that the data has been connected to the GUI, we need to tell the database query to execute a query action.
InformationBox
ddragMove
InformationBox
InformationBox
We'll do this for you by connecting the 'Access ATM' push button's clicked event to the...
movement1
connectionline
connectionline
PushConnectMenu
PushConnectMenu
connectionLine
InformationBox
...Database Query2 part's executeQuery action.
ConnectionLine
DbQueryTearContext
DbQueryTearContext
ConnectionLine3
InformationBox
Since the Database Query2 part uses a search condition, the ATM customer's PIN number, to execute the query...
InformationBox
We will connect the PIN Number: Text field's string to the...
EntryFieldContext
EntryFieldContext
EntryFieldContext
connectionLine
InformationBox
Database Query2 part's pin attribute.
ConnectionLine
DbQueryTearContext
DbQueryTearContext
ConnectionLine4
cursor
99animate4
default
showConnectionLine2
showConnectionLine
counter
tempLoc
svTask
svTimePause
svCursorState
animate4
,VSetUpTI
Click here
small
InformationBox
Lets preview how this GUI and database back-end will look/behave at runtime by clicking the test icon on the toolbar.
ddragMove
InformationBox
InstructionBox
Click on the test icon.
InstructionBox
InstructionBox
guidanceMsg
tempLoc
svTask
rightbuttonUp
FirstConnection
currentRowDetect
currentRowDetect
partContextmenu
partContextMenu
,VSetUpTI
Click here
small
ConnectDetect
InformationBox
From this menu, we can connect the currentRow to other parts.
InstructionBox
Select the 'Connect' menu option
guidanceMsg
guidanceMsg
SecondConnection
currentRowDetect
currentRowDetect
instructionbox
partContextmenu
partContextMenu
,VSetUpTI
Click here
small
ConnectDetect
guidanceMsg
svTask
buttonUp
FirstConnection
connectDetect
,VSetUpTI
Click here
small
FirstName
RowContextMenu
InformationBox
This menu presents a list of data, or attributes, retrieved from the database query.
InstructionBox
Select the ATM customer's 'FIRST_NAME'.
PartContextMenu
CurrentRowList
RowContextMenu
guidanceMsg
FirstName
PartContextMenu
RowContextMenu
FirstNameField
InformationBox
You want to connect the FIRST_NAME string to the First Name: Text field.
InstructionBox
Select the First Name: Text field as the target.
,VSetUpTI
Target
small
FirstNameField
guidanceMsg
Connection
FirstNameField
TargetIndicator
ConnectionLine
FirstNameField
ConnectionLine
InformationBox
You want to connect the 'string' of this Text field to the 'FIRST_NAME' string of the currentRow.
InstructionBox
Select the 'string' menu option.
EntryFieldContext
EntryFieldContext
,VSetUpTI
Click here
small
EntryFieldContents
guidanceMsg
EntryFieldContents
TargetIndicator
EntryFieldContext
ConnectionLine1
InformationBox
The connection between the currentRow's data, the ATM customer's FIRST_NAME, and the Text field's string has been made.
This demo containes a large number of animated segments, in order to maximize performance please select the type of system you are using.
286 processor
386 processor
486 processor
SetUpFrames
s_Flag
s_flag
svSystemType
buttonDown
topics
topicdesc
60,50,100
Tdescribe
buttonDoubleClick
TakingVT
Loading...
IntroducingABT
Loading...
HandsOn
Initial2
svExitDemoCBT
describe
Leave the Vision-Demo Tour.
descList
This topic will allow you to interact with VisualAge to create some connections to data retrieved from a database query. It takes about 5 minutes.
This topic introduces the basic concepts and components used in VisualAge. It takes about 10 minutes.
This topic explains how to make your way through the Vision-Demo Tour. It takes about 30 seconds.
TopicDesc
desclist
leavePage
topicdesc
topics
ControlBar
Introducing VisualAge
'Hands-On' Time with VisualAge
mouseEnter
mouseLeave
ClearPartsShowing
enterPage
leavePage
BoundsList
enterPage
3270 Hllapi
TCP/IP
CICS/OS2
Net BIOS
External Functions
Database Functions
VSetUpNP
NextOff
PrevOn
setStatus
Default
CategoryList
GroupList
CatIconList
s_Flag
ShowInstructions
s_Flag
mouseEnter
ClearPartsShowing
BoundsList
ShrinkGrow
setStatus
Category:
object:
ClearPartsShowing
Reference
CategoryList
GroupList
CatIconList
mouseLeave
setStatus
Category:
CategoryList
BoundsList
BoundsItem
ClearPartsShowing
setStatus
Default
leavePage
LibraryParts4
takingvt
AboutABT
IntroducingABT
Multimedia
OOTechnology
HandsOn3
enterPage
Animate
leavePage
enterPage
VSetUpNP
NextOff
PrevOff
MainMenu
Previous
ControlBar
Use the buttons shown to the right to navigate through the Vision-Demo Tour.
If a control is dimmed, you can not use it.
Use the buttons shown to the right to navigate through the Vision Tour.
If a control is dimmed, you can not use it.
s_Flag
svDemoCBT
.Animate
s_flag
Animate
First
dDragMove
TargetPos
TargetPos
dDragMove
ControlBar
MainMenu
Previous
ControlBar
Instruct
default
tempFrames
svFrames
leavePage
Title
Frame
ControlBar
MainMenu1Pos
SectionTopics1Pos
Previous1Pos
Next1Pos
TargetPos
LibraryParts
aseDemo
AltTask3
Databases
CSComputing
Task1
DllSupport
Multimedia4
HandsOn2
TeamProgramming
LibraryParts3
enterPage
Animate
animate2
leavePage
enterPage
VSetUpNP
NextOn
PrevOn
svSystemType
s_Flag
svTimePause
.Animate
InstructForward
s_Flag
h Animate
ShellView
ATMGUI
dDragMove
ShellView
dDragMove
dDragMove
dDragMove
dDragMove
dDragMove
dDragMove
dDragMove
dDragMove
dDragMove
dDragMove
dDragMove
dDragMove
dDragMove
dDragMove
dDragMove
dDragMove
dDragMove
dDragMove
shellview
animate2
ShrinkGrow
GUIGraphic
GUIGraphic
ddragMove
GUIGraphic
MoveLocation
leavePage
InstructForward
GUIGraphic
GUIGraphic
svTimePause
Initial2
SampleAppMenu
DesigningATM2
DatabaseDemo
mpbob
ABT provides a solution for building applications complete with
* A Graphic User Interface
(GUI)
* Application logic
* Local and remote resource access
All by merely selecting and clicking.
* Graphical User Interface
(GUI)
VisualAge provides an extensive library of graphical interface parts that you can use to quickly build your own GUIs. build your own GUIs.
eate the client portions of complex applications with minimum coding. application from parts is called "construction from parts". A part can be an elementary component; it can also be composed of multiple interacting subparts.
In this light, the process of constructing an application consists of:
* Selecting the necessary predefined parts
* Using them unmodified or customizing them for specific requirements
* Establishing comunication links (take out: connections) among parts to
create either the application or a new part.
ABT provides a solution for building applications complete with a Graphic User
Interface (GUI), application logic, and local and remote resource access by
merely selecting and clicking.
We would now like to show you some of the features of the ABT environment you
will be working in throughout this tutorial. Please click anywhere on the
screen to view the demonstartion.
Instruct
buttonUp
buttonUp
buttonUp
Click the forward arrow to continue...
duction Unit.
arrow
buttonUp
buttonUp
m8animate2
m8animate2
GUIGraphic
Button
Button
Button
Button
Button
Introducing
VisualAgeTTT
Introducing
VisualAgeTTT
ShellView
TitleBar
Button
Button
Button
ATMGUI
misc1
Savings Account
Misc2
Checking Account
Access ATM
Acct Balance
Cash Withdrawl
Acct Balance
Cash Withdrawl
End Transaction
Account Information
First Name:
Last Name:
Amount:
Enter PIN:
FocusGrabber
Button
GraphicBackGround
DemoMainMenu
terPage
Animate
enterPage
leavePage
enterPage
VSetUpNP
NextOn
PrevOn
ABTFeatures
Instruct
Animate
Graphic
Legname
Arrow
Spark
Legname
spark
Legname
spark
spark
spark
spark
spark
InstructForward
i:to2
Feature:to
XYAdjust
LegName
SparkName
DescName
NewBounds
GraphicName
ArrowName
tempFrames
StartPos
XYAdjustment
Feature
svFrames
leavePage
Spark
Graphic
Arrow
AnimateButton
InstructForward
Instruct
Click on the C/S Support push button.
Multimedia4
enterPage
leavePage
elapsed
enterPage
VSetUpNP
NextOff
PrevOn
s_Flag
rotate
svTimeBegin
-Elapsed
s_Flag
rotate
leavePage
instruct
elapsed
instruct
instruct
timeElapsed
svTimeBegin
s_Flag
-Elapsed
s_Flag
rotate
leavePage
instruct
elapsed
instruct
instruct
timeElapsed
svTimeBegin
s_Flag
By combining the multimedia players, the control buttons, and other VisualAge features, you can build new, powerful, and exciting applications.
Multimedia for VisualAge brings the future of advanced interactive applications to you today!
Multimedia for VisualAge harnesses the power of the VisualAge visual programming tool to easily build new multimedia applications or to integrate multimedia features into existing applications. The results are applications that require less training time, offer greater personal productivity, and are more usable.
Multimedia
Applications
Multimedia
Applications
:PHYSSIZE
TitleBar
Button
Button
Button
FocusGrabber
Button
WithDraw
Balance
Checking
Savings
:PHYSSIZE
Deposit
Credit
WELCOME to the
United OO
World Bank
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
4@d *
uttonUp
buttonDoubleClick
showDesc
StartAnimate
Animate
enterPage
Checks
clearFeatures
buttonDown
clearCompGraphic
buttonUp
leavePage
enterPage
@clearFeatures
Check
clearCompGraphic
VSetUpNP
NextOff
PrevOff
ABTFeatures
default
svSystemType
s_flag
GuidedTour
ChangePage
svCurrentPage
buttonDoubleClick
OOTechnology
VisualProgramming
LibraryParts
Databases
ProtocolsInterfaces
TeamProgramming
CSComputing
DllSupport
Multimedia
ChangePage
buttonDown
MainMenuIndicator
buttonUp
The entire VisualAge environment itself was created using Smalltalk and the VisualAge visual programming tool.
The Visual Programming Tool enables you to create applications nonprocedurally using the exciting new
technology called 'Construction from Parts.'
VisualAge's prefabricated parts include support for graphical user interfaces, and generic parts for database queries,
transactions, and remote and local functions.
VisualAge includes support for local and remote relational database access and queries. VisualAge uses this support
to provide visual programming parts that enable generic queries.
VisualAge provides classes that produce object-oriented interfaces for the following communication protocols: APPC, TCP/IP, NetBIOS, CICS OS/2, and EHLLAPI.
VisualAge supports team programming with a central library of parts and classes in a networked development environment.
VisualAge provides comprehensive support for client/server computing through remote resource sharing,
applications with split logic, and 'makeover' of the user interface for existing applications.
Enhanced Dynamic Link Library (DLL) support automates the definitions
that interface to a local C or COBOL DLL by building the necessary objects and methods for you.
The Multimedia feature for VisualAge allows you to combine audio
and video into your VisualAge applications.
The GUI support included in the library of parts enables you to develop applications that support smart entry fields,
tables, and forms.
graphicdesc
graphicdesc
graphicdesc
graphicdesc
graphicdesc
graphicdesc
graphicdesc
graphicdesc
graphicdesc
graphicdesc
desc10
desc9
desc8
desc7
desc6
desc5
desc4
desc3
desc2
desc1
ChangePage
showDesc
VisualAge is based on and provides a pure object-oriented environment. This includes...
...an object-oriented visual programming tool...
...an extensive library of prefabricated parts...
...support for local and remote relational database access and queries...
...support for multiple protocols and programming interfaces...
...advanced and comprehensive support for team programming...
...comprehensive support for client/server computing...
...interfaces to local C or COBOL DLLs...
...support for multimedia...
...and support for development of Graphical User Interfaces.
description
description
description
description
descList
svFrames
StartAnimate
RunAnimateDetect
ShrinkGrow
CompGraphic
CompGraphic
.Animate
tempVar
Animate
instruction
graphicdesc
feature
feature
Legname
Legname
feature
feature
6nshowDesc
feature
description
instruction
graphicdesc
graphicdesc
default
i:to2
groupbounds
itembounds
Feature:to
LegName
Feature
svFrames2
StartPos
XAdjust
YAdjust
XGrpAdj
YGrpAdj
svFrames
Checks
Check1
Check2
Check3
Check4
Check5
Check6
Check7
Check8
Check9
Check10
Instruction
MainMenuIndicator
clearFeatures
Instruction
CompGraphic
CompGraphic
instruct
RunAnimateDetect
GraphicDesc
VisualAge provides a powerful set of
tools and components that enables you to develop
sophisticated applications with a minimum of coding.
clearCompGraphic
Instruction
ABTFeatures
CompGraphic
instruct
RunAnimateDetect
graphicDesc
checks
leavePage
graphicDesc
MainMenuIndicator
description
graphicdesc
ABTFeatures
TeamProgramming
terPage
enterPage
leavePage
enterPage
VSetUpNP
NextOff
PrevOff
s_Flag
ShowInstructions
s_Flag
leavePage
ShowInstructions
s_Flag
leavePage
Programmingport
Programmingport
:PHYSSIZE
VisualAge supports team programming with a central library of parts and classes in a networked development environment.
VisualAge provides an advanced environment for team programming and configuration management.
Some highlights of the team programming environment:
* A central repository in the network that stores
classes and enables multiple programmers to share
and update classes. In an object-oriented
environment, the unit of sharing is the class.
* Aggregation of multiple classes into subsystems
(called applications) with an enhanced browsing tool
that shows only the classes and methods that are
defined and extended within the subsystem.
* Ownership of classes and subsystems by a
developer who has the final responsibility for their
integrity.
* Support for version control and releases of classes
and subsystems, plus support for prerequisites. and subsystems, plus support for prerequisites..
About Application Builder Technology
Application Builder Technology (ABT) is an extremly powerful yet easy to use
client/server application development environment. It enables you to quickly
create the client portions of complex applications with minimum coding.
ABT provides a solution for building applications complete with a Graphic User
Interface (GUI), application logic, and local and remote resource access by
merely selecting and clicking.
We would now like to show you some of the features of the ABT environment you
will be working in throughout this tutorial. Please click anywhere on the
screen to view the demonstartion.
:PHYSSIZE
terPage
enterPage
leavePage
enterPage
VSetUpNP
NextOff
PrevOff
s_Flag
showInstructions
s_Flag
leavePage
instruct
showInstructions
s_Flag
leavePage
instruct
VisualAge makes creating GUIs easy by including features such as:
* A WYSIWYG user interface layout
* Direct manipulation of the interface parts
* Sizing, alignment, and formatting functions
Related Topics:
VisualAge's library of prefabricated parts
VisualAge's visual programming tool
y have the need to work
concurrently on a class.
* Aggregation of multiple classes into subsystems
(called applications) with an enhanced browsing tool
that shows only the classes and the methods defined
and extended within the subsystem.
* Ownership of classes and subsystems by a
developer who has the final responsibility for their
integrity.
* Support for version control and releases of classes
and subsystems, plus support for prerequisits.
About Application Builder Technology
Application Builder Technology (ABT) is an extremly powerful yet easy to use
client/server application development environment. It enables you to quickly
create the client portions of complex applications with minimum coding.
ABT provides a solution for building applications complete with a Graphic User
Interface (GUI), application logic, and local and remote resource access by
merely selecting and clicking.
We would now like to show you some of the features of the ABT environment you
will be working in throughout this tutorial. Please click anywhere on the
screen to view the demonstartion.
Graphical User
Interface (GUI)
Graphical User
Interface (GUI)
The GUI support included in the library of parts enables you to develop applications that support smart entry fields, tables, and forms.
:PHYSSIZE
:PHYSSIZE
Button
Button
Button
ATM Application
Button
Button
V!v I
Button
Button
Button
ATM Application
Button
Button
CompTour1
ABTFeatures
* Local and Remote
Resource Access
VisualAge provides comprehensive support for client/server computing.
* Legacy Applications
* Split Logic
* Remote Resourcesication logic can be created as easily as drawing lines between two objects using the "Visual Programming Tool" or as powerful as using native SmallTalk code....nstruction from parts". A part can be an elementary component; it can also be composed of multiple interacting subparts.
In this light, the process of constructing an application consists of:
* Selecting the necessary predefined parts
* Using them unmodified or customizing them for specific requirements
* Establishing comunication links (take out: connections) among parts to
create either the application or a new part.
ABT provides a solution for building applications complete with a Graphic User
Interface (GUI), application logic, and local and remote resource access by
merely selecting and clicking.
We would now like to show you some of the features of the ABT environment you
will be working in throughout this tutorial. Please click anywhere on the
screen to view the demonstartion.
graphicbackground
ABT provides a solution for building applications complete with
* A Graphic User Interface
(GUI)
* Application logic
* Local and remote resource access
All by merely selecting and clicking.
Graphic3
:PHYSSIZE
Graphic2
:PHYSSIZE
arrow3
arrow2
Desc2
Split Logic
Desc3
Remote Resources
AnimateButton
buttonUp
buttonUp
instruct
.animate
instruct
.animate
C/S Support
Graphic1
:PHYSSIZE
arrow1
Spark1
height
Spark2
H height
Spark3
!height
Spark
"height
Desc1
Legacy Applications
arrows
Introducing
VisualAgeTTT
Introducing
VisualAgeTTT
Instruct
buttonUp
buttonUp
buttonUp
Click on the C/S Support push button...
duction Unit.
arrow
GUIGraphic
Button
Button
Button
Button
Button
CodeGraphic
Application Logic
2:PHYSSIZE
OOTechnology
OOInformationBlock
In an object-oriented environment, everything is treated as an object. Programming logic is created by having the objects 'communicate' with each other by sending messages. Click on the push button to see what kind of objects you will deal with in VisualAge.evelop, and you are not dependent on a vendor to provide you with missing functions.
The power of ABT goes further. For advanced applications with complex local buisness logic, Application Builder Technology provides a pure object-oriented language, SmallTalk, which can be used to enhance and extend the applications you create with ABT's visual programming tool.
From this perspective, ABT is also a tool that makes the transition to object-oriented technology smoother and easier. The trchnology can be aquired and introduced gradually in steps and at the pace that is best for your organization.
About Application Builder Technology
Application Builder Technology (ABT) is an extremly powerful yet easy to use
client/server application development environment. It enables you to quickly
create the client portions of complex applications with minimum coding.
ABT provides a solution for building applications complete with a Graphic User
Interface (GUI), application logic, and local and remote resource access by
merely selecting and clicking.
We would now like to show you some of the features of the ABT environment you
will be working in throughout this tutorial. Please click anywhere on the
screen to view the demonstartion.
GraphicBlock
PageTitle
OO Technology
OO Technology
Object5
Object4
Object1
Object2
Object3
InformationBlock
Included in VisualAge is an object-oriented visual programming tool. When you work with the visual programming tool, you are creating true object-oriented applications composed of object-oriented classes...ld to a procedural and descriptive paradigm.
to procedural representations.
dural representations.
of problems to procedural representations.
object-oriented application development environment.)
visual programming tools on the market place allow the developer to build
graphical user interfaces, however, not all are based on object-oriented
technology and not all of them integrate with an application development
platform.
(Visual programming tools acquire an even more interesting flavour when they,
like ABT, are based on object-oriented technology and integrate with an
object-oriented application development environment.)
ntegrate with an
object-oriented application development environment.)
the client portions of complex applications with minimum coding.
ABT provides a solution for building applications complete with a Graphic User
Interface (GUI), application logic, and local and remote resource access by
merely selecting and clicking.
We would now like to show you some of the features of the ABT environment you
will be working in throughout this tutorial. Please click anywhere on the
screen to view the demonstartion.
Graphic1
Databases
:PHYSSIZE
InstructButton
buttonUp
buttonUp
.animate
VisualAge Objects
ProgrammingObject
Graphic2
Graphical user interface elements
PushButton
Graphic5
Database Queries
&:PHYSSIZE
Graphic4
Programming Structures
+:PHYSSIZE
zzzzzzzzzzzzzzzzzzzzzzzzzzzzzz
zzzzzzzzzzz
zzzzz
zzzzzzzzzzz
zzzzzzzzzzz
zzzzz
zzzzzzzzzzz
zzzzzzzzzzz
zzzzz
zzzzzzzzzzz
zzzzzzzzzzzzzzzzzzzzzzzzzzzzzz
Graphic3
Graphical
Interfaces (Dialogs)
objectss
4:PHYSSIZE
terPage
animate
enterPage
leavePage
enterPage
InstructForward
animate
ShrinkGrow
CodeGraphic
CodeGraphic
arrows
arrows
TempTimePause
svTimePause
leavePage
arrows
CodeGraphic
Arrows
InstructForward
arrows
arrows
TempTimePause
svTimePause
leavePage
arrows
CodeGraphic
Arrows
InstructForward
* Application Logic
VisualAge enables you to create application logic in a variety of ways. You can easily create application logic by drawing lines between two objects with the "Visual Programming Tool." Or you can use the power of native Smalltalk code.................ful as using native SmallTalk code...e... code.alled "construction from parts". A part can be an elementary component; it can also be composed of multiple interacting subparts.
In this light, the process of constructing an application consists of:
* Selecting the necessary predefined parts
* Using them unmodified or customizing them for specific requirements
* Establishing comunication links (take out: connections) among parts to
create either the application or a new part.
ABT provides a solution for building applications complete with a Graphic User
Interface (GUI), application logic, and local and remote resource access by
merely selecting and clicking.
We would now like to show you some of the features of the ABT environment you
will be working in throughout this tutorial. Please click anywhere on the
screen to view the demonstartion.
graphicbackground
Native SmallTalk method:
applications complete with
* A Graphic User Interface
(GUI)
* Application logic
* Local and remote resource access
All by merely selecting and clicking.
buttonUp
buttonUp
.animate
.animate
add: number1 To: number2
" Add 2 numbers and return the total"
| total |
total : = number1 + number2
^total
arrows
Introducing
VisualAgeTTT
Introducing
VisualAgeTTT
GUIGraphic
Button
Button
Button
Button
Button
CodeGraphic
Application Logic
:PHYSSIZE
HandsOn
AltCompTour1
initial
DesigningATM
AltTask2
eEnter
enterPage
mouseLeave
ClearPartsShowing
mouseEnter
leavePage
BoundsList
enterPage
Buttons
Lists
Canvas
Data Entry
Menus
Multimedia
VSetUpNP
NextOn
PrevOn
setStatus
Default
CategoryList
GroupList
CatIconList
mouseEnter
ClearPartsShowing
BoundsList
ShrinkGrow
setStatus
Category:
object:
ClearPartsShowing
Reference
CategoryList
GroupList
CatIconList
mouseLeave
setStatus
Category:
CategoryList
BoundsList
BoundsItem
ClearPartsShowing
setStatus
Default
leavePage
TargetBounds1
ProtocolsInterfaces
enterPage
mouseEnter
mouseLeave
leavePage
enterPage
VSetUpNP
NextOff
PrevOff
s_Flag
ShowInstructions
s_Flag
mouseEnter
APPCGroup
NetBIOS
NetBIOS
NetBIOSGroup
TCPIP
TCPIP
TCPIPGroup
CICSGroup
EHLLAPI
EHLLAPI
EHLLAPIGroup
TCPIP
NetBIOS
TCPIP
NetBIOS
TCPIP
TCPIP
EHLLAPI
TCPIP
EHLLAPI
AS400
AS400
CICSVM
CICSVM
CICSGroup2
CICSMVS
CICSMVS
CICSGroup2
CICSVSE
CICSGroup2
CICSVSE
CICSGroup2
CICSOS2
CICSOS2
CICSGroup2
mouseLeave
APPCGroup
NetBIOS
NetBIOS
NetBIOSGroup
TCPIP
TCPIP
TCPIPGroup
CICSGroup
EHLLAPI
EHLLAPI
EHLLAPIGroup
TCPIP
NetBIOS
TCPIP
NetBIOS
TCPIP
TCPIP
EHLLAPI
TCPIP
EHLLAPI
AS400
AS400
CICSVM
CICSVM
CICSGroup2
CICSMVS
CICSMVS
CICSGroup2
CICSVSE
CICSVSE
CICSGroup2
CICSOS2
CICSOS2
CICSGroup2
leavePage
P,7{P
ABTFeatures
2p3\4H5T9
:<:j:
:";R;><
VisualAge
Features
VisualAge
Features
graphicdesc
:PHYSSIZE
Instruction
buttonUp
buttonUp
buttonUp
- Click any topic to
find out more about it.
- Double-click any
topic to choose it...
description
Visual Programming
:PHYSSIZE
:PHYSSIZE
Library of
Parts
:PHYSSIZE
Multiple Relational
Databases
":PHYSSIZE
Client/Server
Support
R':PHYSSIZE
Enhanced DLL
Support
,:PHYSSIZE
Programming
Check4
Check5
Check6
Check3
Check2
Check1
Check7
Check8
Check9
CompGraphic
RunAnimateDetect
buttonUp
buttonUp
instruct
graphicDesc
"StartAnimate
nstruct
graphicDesc
"StartAnimate
VisualAge
VisualAge
Leg10
o T$y
Check10
Multiple Protocols
and Interfaces
A:PHYSSIZE
Multimedia
F:PHYSSIZE
K:PHYSSIZE
MainMenuIndicator
Instruct
You have now viewed all of the VisualAge features presented here. At this time, you may review any of the features
OR
click the Main Menu button and choose "Hands-On Time with VisualAge" to continue.
Instruct
Click on the "VisualAge" display graphic to see some of the features that VisualAge has to offer.
e Main Menu button and select the "Some Hands-On Time with VisualAge."th ABT."
enterPage
leavePage
enterPage
InstructForward
leavePage
VSetUpNP
NextOn
PrevOn
InstructForward
leavePage
VSetUpNP
NextOn
PrevOn
InstructForward
C/S Computing
C/S Computing
Enterprise Business Logic and Data :
New client/server applications with split logic and access to remote transactions and programs. c, and 'makeover' of UI to existing applications..
erver (c/s) computing over multiple protocols and programming interfaces.
CSDescribe
Enterprise Business Logic and Data
The demand for this comes from applications that are critical for the enterprise operations, such as order entry, inventory control, customer information systems, financial transactions, reservation systems, and so on.
In this case the client application communicates with the application logic on the server side. These applications make use of an appropriate program-to-program communication protocol.
The major requirement is to enforce enterprise-wide business rules that can only be reached through business logic in the server side.
reached through business logic in the server side.
:PHYSSIZE
enterPage
leavePage
enterPage
InstructForward
leavePage
VSetUpNP
NextOn
PrevOn
InstructForward
leavePage
VSetUpNP
NextOn
PrevOn
InstructForward
C/S Computing
C/S Computing
Legacy Applications:
Client applications that provide a new look to the user interface of host (legacy) applications. ograms. c, and 'makeover' of UI to existing applications..
erver (c/s) computing over multiple protocols and programming interfaces.
CSDescribe
There is a great need to provide advanced user-friendly interfaces to old legacy applications that currently use character-based, nongraphical user interfaces. Advanced interfaces may be needed for applications that are not going to be renewed. In addition, it allows new applications to be delivered in stages, providing better user interfaces without changing the host programs.
VisualAge supports this by helping to create client parts that can make use of terminal emulator programming interfaces to simulate the operator operations.
r operations.
rts this by helping to create client parts that can make use of terminal emulator programming interfaces to simulate the operator operations.
:PHYSSIZE
:PHYSSIZE
Legacy Applications
terPage
enterPage
leavePage
enterPage
ABTFeatures
VSetUpNP
NextOff
PrevOn
s_Flag
svCurrentPage
ShowInstructions
DemoInstruct
s_Flag
leavePage
Loading
DemoInstruct
svCurrentPage
ShowInstructions
DemoInstruct
s_Flag
leavePage
Loading
DemoInstruct
Visual Programming
(continued)
Visual Programming
(continued)
In this light, the process of constructing an application consists of:
* Selecting the necessary
predefined parts
* Using them unmodified or
customizing them for
specific requirements
* Establishing communication
links among parts to
create either the application
or a new part.
* Selecting the necessary predefined parts
* Using them unmodified or customizing them for specific requirements
* Establishing comunication links (take out: connections) among parts to
create either the application or a new part.
ABT provides a solution for building applications complete with a Graphic User
Interface (GUI), application logic, and local and remote resource access by
merely selecting and clicking.
We would now like to show you some of the features of the ABT environment you
will be working in throughout this tutorial. Please click anywhere on the
screen to view the demonstartion.
A visual programming tool is a tool that provides users with a means to interactively and graphically specify programs. For example, routines, programs, and data have graphical representations, such as icons. Relationships among these components are depicted graphically as well. The construction of programs is done graphically; that is, you "write" programs by manipulating graphical representation of components into applications.
tions.
s done graphically; that is, you "write" programs by manipulating graphical representations of components to form applications.
About Application Builder Technology
Application Builder Technology (ABT) is an extremly powerful yet easy to use
client/server application development environment. It enables you to quickly
create the client portions of complex applications with minimum coding.
ABT provides a solution for building applications complete with a Graphic User
Interface (GUI), application logic, and local and remote resource access by
merely selecting and clicking.
We would now like to show you some of the features of the ABT environment you
will be working in throughout this tutorial. Please click anywhere on the
screen to view the demonstartion.
Loading
Loading
Demo...
buttonUp
buttonUp
Loading
VisualProgrammingDemo
svViewVPDemo
Loading
VisualProgrammingDemo
svViewVPDemo
:PHYSSIZE
VisualAge
VisualAge
DemoInstruct
Click on "A Powerful New Vision Of Programming" screen to see visual programming at work. It takes about 2 minutes...
Animate5
enterPage
Animate6
animate3
Animate7
CursorMovement
Animate4
leavePage
enterPage
+)SetUpGlobals
4!resetPaletteToTop
buttonUp
Category1
ShellView
ATMGUI
8animate3
s_flag
animate3
cursor
CursorMovement
movement
paletteChanges
EntryField
Item1
99Animate4
svCursorState
Animate4
cursor
CursorDrop
0bringToFront
Information
The same sequence of events are used to add any of the parts from the palette.
CursorMovement
movement2
AddPushButton
AccessPushButton
Item1
Information
You also have the ability to direct-edit the text of objects, in this case a Push Button.
Information
Information
Enter direct-edit mode by pressing ALT and mouse button 1.
AccessPushButton
PushButtonDirectEdit
PushButtonDirectEdit
PushButtonDirectEdit
AccessPushButton
PushButtonDirectEdit
PushButtonDirectEdit
9Animate5
buttonString
svCursorState
svTimePause
Animate5
Information
We'll complete this dialog by adding the rest of the sample GUI parts for you.
information
instruct
gAddGUIElements
:Animate6
Animate6
Information
Now that the GUI is complete...
Let's add some application logic using Visual Programming techniques.
InstructionBox
ddragMove
InstructionBox
Information
In this case, we want the window to close when the 'End Transaction' push button is clicked.
Information
We'll start by bringing up a context menu of options for the 'End Transaction' pushbutton.
As a result, whenever the 'End Transaction' push button is clicked, the event causes the connection to be fired.
z:Animate7
tempLoc
svCursorState
svConnectLine
Animate7
Information
Let's test the view to see if behaves as we expect.
cursor
CursorMovement
movement4
testWindow
Information
So, we have seen how Visual Programming can be used to both build graphical user interfaces and create the application logic behind them.
default
svCursorState
svTimePause
svCurrentPage
$CursorMovement
PaletteChanges
buttonUp
Category6
Information
Clicking on a palette category provides access to any of the parts contained within that category.
paletteGraphic
buttonUp
Category5
buttonUp
Category4
buttonUp
Category3
buttonUp
Category2
paletteGraphic
Item1
paletteGraphic2
setStatus
Category: Data Entry object: Text
Information
Clicking on the 'Text' part loads the cursor.
paletteGraphic2
LoadedCursor
CursorDrop
Information
Holding mouse button 1 down allows you to position the Text part.
AddPushButton
buttonUp
Category1
Item1
setStatus
Category: Buttons object: Push Button
Information
Information
For example, adding a Push Button.
paletteGraphic3
paletteGraphic3
LoadedCursor
CursorDrop2
ActionConditions
testWindow
ActionConditions
ContextMenu
connectionline
PushContextMenu
Information
We want to 'Connect' the 'clicked' event of this pushbutton to...
ConnectContextMenu
PushContextMenu
ConnectContextMenu
connectionLine
connectionLine
ShellViewContext
Information
...the 'closeWidget' action of the Shell View.
yAdjustment
xAdjustment
counter
paletteCategory
svTimePause
svCursorStatem
svConnectLine
svCursorState
actionConditions
targetLine
leavePage
PushButtonDirectEdit
AccessPushButton
Push button
InstructionBox
connectionline
Information
At its simplest level, Visual Programming can be used to create graphical user interfaces by direct manipulation.
InstructionBox
terPage
enterPage
leavePage
enterPage
VSetUpNP
NextOff
PrevOn
InstructForward
s_Flag
ShowInstructions
s_Flag
leavePage
ctForward
s_Flag
ShowInstructions
s_Flag
leavePage
C/S Computing
C/S Computing
Related Topics:
The two topics shown to the right provide additional details about client/server computing and VisualAge.
To view one of these topics directly, click on the appropriate icon shown to the right.click on the appropriate icon shown to the right...................the appropriate
topic icon (shown to the
right).
OR
o Select on
CSDescribe
Database Support
VisualAge provides support for local and remote relational database access and queries. This support provides visual programming parts that enable generic queries.
Multiple Protocols
and Interfaces
VisualAge provides communications to other systems by supporting the following communication protocol interfaces:
* APPC
* TCP/IP
* NetBIOS
* CICS OS/2
* EHLLAPI.
u interface to those resource managers from your applications. All the buisness logic resides on the client side, unless the database manager supports features such as stored procedures, which let you add buisness logic to the database access.
erfaces to simulate the operator operations.
buttonUp
buttonUp
Databases
Databases
:PHYSSIZE
buttonUp
buttonUp
ProtocolsInterfaces
ProtocolsInterfaces
:PHYSSIZE
enterPage
leavePage
enterPage
VSetUpNP
NextOn
PrevOn
InstructForward
leavePage
InstructForward
structForward
leavePage
InstructForward
C/S Computing
C/S Computing
Decision Support :
Remote resource sharing. The most typical shared resource is data. f host (legacy) applications. ograms. c, and 'makeover' of UI to existing applications..
erver (c/s) computing over multiple protocols and programming interfaces.
CSDescribe
The big demand for sharing remote resources comes from the need to use data from the enterprise's database in local decision support tools. The answer to this demand is in decision support tools and in programming tools. Decision support tools support various distributed resource managers while programming tools let you interface to those resource managers.
All the business logic resides on the client side, unless the database manager supports features such as stored procedures, which let you add business logic to the database access.
e database access.
to the database access.
access.
ccess.
ccess.
ogic to the database access.
access.
late the operator operations.
:PHYSSIZE
Decision Support s
A8-V+
ProtocolsInterfaces
$h%,&
VisualAge provides a rich set of communications connectivity. VisualAge applications (as well as non-VisualAge applications) can use this support to select and define the appropriate communications path for performing the application tasks. VisualAge simplifies the task of defining communications protocols between environments.
that developers provide the communications parameters required by each environment.
pplications.
to form applications.
s done graphically; that is, you "write" programs by manipulating graphical representations of components to form applications.
About Application Builder Technology
Application Builder Technology (ABT) is an extremly powerful yet easy to use
client/server application development environment. It enables you to quickly
create the client portions of complex applications with minimum coding.
ABT provides a solution for building applications complete with a Graphic User
Interface (GUI), application logic, and local and remote resource access by
merely selecting and clicking.
We would now like to show you some of the features of the ABT environment you
will be working in throughout this tutorial. Please click anywhere on the
screen to view the demonstartion.
Multiple Protocols
and Interfaces
Multiple Protocols
and Interfaces
:PHYSSIZE
VisualAge provides classes that produce object-oriented interfaces for the following communication protocols:
* APPC
* TCP/IP
* NetBIOS
* CICS OS/2
* EHLLAPI/IP
* NetBIOS
* CICS OS/2
* and EHLLAPI......
VisualAge
Application
Other
Application
TCPIP
TCP/IP
NetBIOS
NetBIOS
CICSGroup2
CICS OS/2
EHLLAPI
EHLLAPIU
APPCGroup
TCPIPGroup
NetBIOSGroup
EHLLAPIGroup
AS400
AS/400
CICSGROUP
CICSVM
CICS VM
CICSMVS
CICS MVS
CICSVSE
CICS VSE
CICSOS2
CICS OS/2
TCPIP
NetBIOS
EHLLAPI
VisualAge Supported Protocols
CICSMVS
CICSVM
CICSVSE
CICSOS2
AS400
Instruct
buttonUp
buttonUp
buttonUp
Point to each communication protocol or to the environment to see the connection possibilities..
Environments
OOTechnology
enterPage
leavePage
enterPage
VSetUpNP
NextOn
PrevOff
InstructForward
leavePage
InstructForward
InstructForward
leavePage
InstructForward
OO Technology
OO Technology
The entire VisualAge environment itself was created using Smalltalk and the visual programming tool.ol.ool.l.ment, in which everything is an object. This avoids the need to map a conceptual view of the world to a procedural and descriptive paradigm.
to procedural representations.
dural representations.
of problems to procedural representations.
object-oriented application development environment.)
visual programming tools on the market place allow the developer to build
graphical user interfaces, however, not all are based on object-oriented
technology and not all of them integrate with an application development
platform.
(Visual programming tools acquire an even more interesting flavour when they,
like ABT, are based on object-oriented technology and integrate with an
object-oriented application development environment.)
ntegrate with an
object-oriented application development environment.)
the client portions of complex applications with minimum coding.
ABT provides a solution for building applications complete with a Graphic User
Interface (GUI), application logic, and local and remote resource access by
merely selecting and clicking.
We would now like to show you some of the features of the ABT environment you
will be working in throughout this tutorial. Please click anywhere on the
screen to view the demonstartion.
:PHYSSIZE
Because VisualAge was created using its own language and tools, you can use VisualAge to modify and enhance the functionality of the VisualAge system itself. This means that you are never limited in what you can develop, and you are not dependent on a vendor to provide you with missing functions.
The power of VisualAge goes further. For advanced applications with complex local business logic, VisualAge provides a pure object-oriented language, Smalltalk, that can be used to enhance and extend the applications you create with the visual programming tool.
From this perspective, VisualAge is a tool that makes the transition to object-oriented technology smooth and easy. The technology can be acquired and introduced gradually in steps, at the pace that is best for your organization.......or your organization.
About Application Builder Technology
Application Builder Technology (ABT) is an extremly powerful yet easy to use
client/server application development environment. It enables you to quickly
create the client portions of complex applications with minimum coding.
ABT provides a solution for building applications complete with a Graphic User
Interface (GUI), application logic, and local and remote resource access by
merely selecting and clicking.
We would now like to show you some of the features of the ABT environment you
will be working in throughout this tutorial. Please click anywhere on the
screen to view the demonstartion.
Databases
terPage
enterPage
leavePage
enterPage
ABTFeatures
VSetUpNP
NextOff
PrevOff
default
s_Flag
svCurrentPage
ShowInstructions
Instruct2
s_Flag
leavePage
Loading
instruct2
revOff
default
s_Flag
svCurrentPage
ShowInstructions
Instruct2
s_Flag
leavePage
Loading
instruct2
Multiple Relational
Databases
Multiple Relational
Databases
:PHYSSIZE
VisualAge includes support for local and remote relational database access and queries. VisualAge uses this support to provide visual programming parts that enable generic queries.
VisualAge provides Smalltalk object classes and interactive tools that support easy, consistent access to data residing on a LAN or another workstation. VisualAge simplifies access to this data by providing object classes that conform to existing data structure requirements. Three basic types of database support are provided:
* Support for common application usage
* Support for the database engine's full capabilities
* A set of interactive tools to aid the developer in
quickly tailoring for site-specific needs and
requirements.
rom a list of known databases
- Ability to select the desired table from the database
- Facilitates building the individual expressions in the
query
- Simple compounding o
About Application Builder Technology
Application Builder Technology (ABT) is an extremly powerful yet easy to use
client/server application development environment. It enables you to quickly
create the client portions of complex applications with minimum coding.
ABT provides a solution for building applications complete with a Graphic User
Interface (GUI), application logic, and local and remote resource access by
merely selecting and clicking.
We would now like to show you some of the features of the ABT environment you
will be working in throughout this tutorial. Please click anywhere on the
screen to view the demonstartion.
buttonUp
buttonUp
Loading
DatabaseDemo
svViewDatabaseDemo
Loading
DatabaseDemo
svViewDatabaseDemo
:PHYSSIZE
VisualAge
VisualAge
Instruct2
Click on "A Powerful New Vision Of Programming" screen to see how database support works in ABT. It takes about 5 minutes.Takes about 3 minutes.
Loading
Loading
Demo...
DllSupport
terPage
enterPage
leavePage
enterPage
VSetUpNP
NextOff
PrevOff
s_Flag
ShowInstructions
s_Flag
leavePage
ShowInstructions
s_Flag
leavePage
Enhanced DLL
Support
Enhanced DLL
Support
:PHYSSIZE
:PHYSSIZE
Enhanced Dynamic Link Library (DLL) support automates the definitions that interface to a local C or COBOL DLL by building the necessary objects and methods for you.
VisualAge provides a tool that will take an interface file (namely a C include file or a COBOL copylib file) and produce a representation of the definitions in the file that can be utilized by VisualAge in Smalltalk.
Three primary types of objects are produced:
* Interfaces to non-Smalltalk data structures
* Constants dictionaries
* DynamicLinkLibrary (DLL) subclasses
s full capabilities
* A set of interactive tools have been provided to aid
the developer in quickly tailoring for site-specific
needs and requirements.
- Chose from a list of known databases
- Ability to select the desired table from the database
- Facilitates building the individual expressions in the
query
- Simple compounding o
About Application Builder Technology
Application Builder Technology (ABT) is an extremly powerful yet easy to use
client/server application development environment. It enables you to quickly
create the client portions of complex applications with minimum coding.
ABT provides a solution for building applications complete with a Graphic User
Interface (GUI), application logic, and local and remote resource access by
merely selecting and clicking.
We would now like to show you some of the features of the ABT environment you
will be working in throughout this tutorial. Please click anywhere on the
screen to view the demonstartion.
sion Tour
E\D|D|E
System
System
Times New Roman
Times New Roman
System
System
Vision-Demo Tour
sion Tour
System
System
Arial
System
System
System
Small Fonts
Sans Serif
Small Fonts
Times New Roman
. Sans Serif
Serif
mes New Roman
Times New Roman
Times New Roman
Times New Roman
b b b b b b
ControlBar
buttonUp
buttonDown
enable
disable
buttonDown
enabled
buttonUp
enable
enabled
disable
enabled
enabled
disable
enabled
enabled
false
ABTFeatures
buttonUp
buttonUp
ABTFeatures
InstructForward
ABTFeatures
InstructForward
:PHYSSIZE
previous
2(/b9
buttonUp
buttonDown
enable
disable
buttonDown
enabled
buttonUp
enable
enabled
disable
enabled
enabled
disable
enabled
enabled
MainMenu
buttonUp
buttonUp
DemoMainMenu
CBTMainmenu
svDemoCBT
DemoMainMenu
CBTMainmenu
svDemoCBT
Button
Button
Button
instruct
Instruct
Click the Section Topics button to return to the features list.
ColorBackground
InstructForward
buttonUp
buttonUp
buttonUp
Click the forward arrow to continue...
duction Unit.
arrow
ShrinkGrow
dragMove
showInstructions
SetUpFrames
SetUpNP
SetStatus
showInstructions
Instruct
Instruct
PauseTime
ShrinkGrow
CurrentBounds
CurrentBounds
CurrentBounds
CurrentBounds
CurrentBounds
Deltay2
Deltax2
Deltay1
Deltax1
currentBounds
startBounds
svTimePause
svFrames
pauseTime
targetBounds
graphicName
dragMove
svFrames
toWhere
SetUpFrames
286 processor
386 processor
486 processor
svFrames1
svSystemType
svFrames
svTimePause
SetUpNP
NextOn
enable
ox%disable
PrevOn
enable
Previous
ox%disable
Previous
PreviousCondition
NextCondition
SetStatus
Default
StatusBar
Point to each category folder to display the parts. Pass over a part to view its name. Once you are finished, click the forward arrow to continue.
You do not need a Variable to complete this task. task. task.
ShellView
TitleBar
ShellView
Button
Button
Button
ATMGUI
misc1
Savings Account
Misc2
Checking Account
Access ATM
Acct Balance
Cash Withdrawl
Acct Balance
Cash Withdrawl
End Transaction
Account Information
First Name:
Last Name:
Amount:
Enter PIN:
FocusGrabber
Button
Placement1
ATMEntryField
Label
Placement2
ATMEntryField
EditorZone
Placement3
ATMEntryField
Push Button
Placement4
ATMEntryField
Text
Placement5
ATMEntryField
H4 4E4
Placement6
ATMEntryField
H5 5E5
Listox
StickyCheckBox
Sticky
ListBox
buttonDown
buttonDown
dragHandle
svPart
Oandle
svPart
ExternalFunctions
&;:PHYSSIZE
Multimedia
?:PHYSSIZE
DatabaseQuery
D:PHYSSIZE
Database Query2
OrderedCollection
Ordered Collection2
.J:PHYSSIZE
zzzzzzzzzzzzzzzzzzzzzzzzzzzzzz
zzzzzzzzzzz
zzzzz
zzzzzzzzzzz
zzzzzzzzzzz
zzzzz
zzzzzzzzzzz
zzzzzzzzzzz
zzzzz
zzzzzzzzzzz
zzzzzzzzzzzzzzzzzzzzzzzzzzzzzz
PushButton
uttonUp
rightButtonUp
buttonStillDown
rightButtonUp
ContextPushButton
ContextPushButton
buttonStillDown
dragHandle
svPart
~Op6bPc
buttonStillDown
dragHandle
svPart
PushButton
EntryField
buttonDown
buttonDown
dragHandle
svPart
O`Qandle
svPart
StaticText
buttonDown
buttonDown
dragHandle
svPart
andle
svPart
Label
Models
<V:PHYSSIZE
Canvas
Z:PHYSSIZE
Menus
J_:PHYSSIZE
Lists
c:PHYSSIZE
DataEntry
Zh:PHYSSIZE
DatabaseFunctions
l:PHYSSIZE
CategoryGraphic3
~q:PHYSSIZE
CategoryGraphic4
v:PHYSSIZE
CategoryGraphic1
z:PHYSSIZE
CategoryGraphic2
:PHYSSIZE
Buttons
:PHYSSIZE
Parts
item1
item2
item3
item4
item5
item6
Categories
Category1
Category3
Category4
Category5
Category6
Category2
nterBook
reader
badExit
setStatus
leaveBook
Previous
author
enterBook
PartDropped
CRTResolution
IsMonochrome
ScreenPixels
enterBook
Vision-Demo Tour
Vision Tour
sizeToPage
svDemoCBT
CRTResolution
verticalDisplayRes
horizontalDisplayRes
IsMonochrome
displayBitsPerPixel
displayColorPlanes
default
s_author
badExit
where
ScreenPixels
screenFromPage
leaveBook
Leaving the Quick Tour -- Save the checkmarks for the topics you visited?
oldSysBooks
s_author
s_check
s_launchedFrom
author
sizetopage
default
s_author
reader
sizeToPage
setStatus
statusbar
enabled
Previous
Previous
enabled
Previous
Previous
default
s_RemedyTime
oldsusp
s_remedyTime
s_remedy
PartDropped
takingvt
First1
callout1
The Main Menu button will take you to the main topic list..
MainMenu1Pos
Button
Button
Button
Use the buttons shown to the right to navigate through the Vision-Demo Tour.
If a control is dimmed, you can not use it.
use it.
Frame
First3
Previous1Pos
callout3
The backward arrow will take you to the previous stop. button will take you to the topics list.
First4
Next1Pos
callout4
The forward arrow will take you to the next stop...... button will take you to the topics list.
First2
SectionTopics1Pos
:PHYSSIZE
callout2
The Section Topics button will take you to the topics list for the current section.
Instruct
Instruct
Click the Main Menu button and choose "Introducing ABT".
title
Taking the
Vision Tourrrrrr
Taking the
Vision Tourrrrrr
TargetPos4
buttonUp
buttonDown
enable
disable
buttonDown
enabled
buttonUp
enable
enabled
disable
enabled
enabled
disable
enabled
enabled
TargetPos2
buttonUp
buttonUp
ABTFeatures
ABTFeatures
:PHYSSIZE
TargetPos3
2(/b9
buttonUp
buttonDown
enable
disable
buttonDown
enabled
buttonUp
enable
enabled
disable
enabled
enabled
disable
enabled
enabled
TargetPos1
buttonUp
buttonUp
mainDemoMenu
mainmenu
svDemo
mainDemoMenu
mainmenu
svDemo
Button
Button
Button
buttonUp
buttonUp
mainDemoMenu
mainmenu
svDemo
mainDemoMenu
mainmenu
svDemo
Button
Button
Button
buttonUp
buttonUp
ABTFeatures
ABTFeatures
~*:PHYSSIZE
AboutABT
enterPage
leavePage
enterPage
VSetUpNP
NextOn
PrevOn
InstructForward
leavePage
InstructForward
structForward
leavePage
InstructForward
GraphicBackground
VisualAge enables professional developers to quickly build applications complete with
* Graphic user interfaces (GUI)
* Application logic
* Local and remote resource access
licking.
VisualAge is an extremely powerful yet easy-to-use client/server application development environment. It enables you to quickly create the client portions of complex applications with minimum coding. ons with minimum coding. application from parts is called "construction from parts". A part can be an elementary component; it can also be composed of multiple interacting subparts.
In this light, the process of constructing an application consists of:
* Selecting the necessary predefined parts
* Using them unmodified or customizing them for specific requirements
* Establishing comunication links (take out: connections) among parts to
create either the application or a new part.
ABT provides a solution for building applications complete with a Graphic User
Interface (GUI), application logic, and local and remote resource access by
merely selecting and clicking.
We would now like to show you some of the features of the ABT environment you
will be working in throughout this tutorial. Please click anywhere on the
screen to view the demonstartion.
Graphic3
:PHYSSIZE
Graphic2
:PHYSSIZE
Graphic1
:PHYSSIZE
Button
Button
Button
Button
Button
J!"!G!
Introducing
VisualAgeTTT
Introducing
VisualAgeTTT
B&:PHYSSIZE
IntroducingABT
enterPage
leavePage
enterPage
MainMenu
ABTFeatures
Previous
VSetUpNP
NextOn
PrevOff
leavePage
MainMenu
ABTFeatures
Previous
VSetUpNP
NextOn
PrevOff
leavePage
%2%\%
+V,~,
-@-h-
...V.~.
.&/X/
Introducing
VisualAgeTTT
Introducing
VisualAgeTTT
In this brief introduction you will see how VisualAge is designed to meet the challenge of constructing today's complex applications.arts. The parts are connected together in order to perform some task. The process of creating an application from parts is called "construction from parts". A part can be an elementary component; it can also be composed of multiple interacting subparts.
In this light, the process of constructing an application consists of:
* Selecting the necessary predefined parts
* Using them unmodified or customizing them for specific requirements
* Establishing comunication links (take out: connections) among parts to
create either the application or a new part.
ABT provides a solution for building applications complete with a Graphic User
Interface (GUI), application logic, and local and remote resource access by
merely selecting and clicking.
We would now like to show you some of the features of the ABT environment you
will be working in throughout this tutorial. Please click anywhere on the
screen to view the demonstartion.
Instruct
buttonUp
buttonUp
buttonUp
Click the forward arrow to begin the Introduction.
GraphicBackGround
ABT enables professional developers to quickly build applications complete with
* a graphic user interface
(GUI)
* application logic
* local and remote resource access
ely selecting and clicking.
Graphic3
:PHYSSIZE
Graphic2
:PHYSSIZE
Graphic1
:PHYSSIZE
#:PHYSSIZE
Object1
Object1
Object1
Object1
Object1
Object1
Object1
Object1
Object1
VisualAge
VisualAge
Button
Button
Button
Button
Button
:PHYSSIZE
Initial2
terPage
enterPage
leavePage
enterPage
VisualAge
MarketInfo
MarketInfo
VisualAge
svExitDemoCBT
initial
DemoMainMenu
CBTMainMenu
svExitDemoCBT
svDemoCBT
leavePage
svViewDatabaseDemo
svViewVPDemo
initial
DemoMainMenu
CBTMainMenu
svExitDemoCBT
svDemoCBT
leavePage
svViewDatabaseDemo
svViewVPDemo
VisualAge
VisualAge
VisualAge
MarketInfo
Thank you for your interest in this technology. We will continue to be in touch with you as we introduce this technology to market. Call
1-800-IBM-TEAC for education offerings on client/server computing and OO technology.
Please fax any other requests:
In USA 919-469-7423
In Canada 800-267-5185
Outside North America, please contact your local IBM representative.
MarketInfo
Thank you for your interest in this technology. We will continue to be in touch with you as we introduce this technology to market. Call
1-800-IBM-TEAC for education offerings on client/server computing and OO technology.
Please fax any other requests:
In USA 919-469-7423
In Canada 800-267-5185
Outside North America, please contact your local IBM representative.
VisualProgramming
enterPage
leavePage
enterPage
VSetUpNP
NextOn
PrevOff
InstructForward
leavePage
InstructForward
InstructForward
leavePage
InstructForward
VisualAge lets you work with an application as a collection of reusable and existing software components. These components, known as parts, are connected together in order to perform some task. The process of creating an application from parts is called "Construction from Parts."
tion from Parts."
part can be an elementary component; it can also be composed of multiple interacting subparts.
mponents into applications.
tions.
s done graphically; that is, you "write" programs by manipulating graphical representations of components to form applications.
About Application Builder Technology
Application Builder Technology (ABT) is an extremly powerful yet easy to use
client/server application development environment. It enables you to quickly
create the client portions of complex applications with minimum coding.
ABT provides a solution for building applications complete with a Graphic User
Interface (GUI), application logic, and local and remote resource access by
merely selecting and clicking.
We would now like to show you some of the features of the ABT environment you
will be working in throughout this tutorial. Please click anywhere on the
screen to view the demonstartion.
Visual Programming
Visual Programming
The Visual Programming Tool enables you to create applications nonprocedurally using the exciting new technology called 'Construction from Parts.'
:PHYSSIZE
:PHYSSIZE
Application
Composite Part
eEnter
enterPage
mouseLeave
ClearPartsShowing
mouseEnter
leavePage
BoundsList
enterPage
VSetUpNP
NextOn
PrevOn
setStatus
Default
mouseEnter
ClearPartsShowing
BoundsList
ShrinkGrow
Models
Multimedia
setStatus
Category:
object:
ClearPartsShowing
Reference
mouseLeave
Models
Multimedia
setStatus
Category:
CategoryList
BoundsList
BoundsItem
ClearPartsShowing
setStatus
Default
leavePage
CSComputing
enterPage
leavePage
enterPage
ABTFeatures
VSetUpNP
NextOn
PrevOff
InstructForward
leavePage
InstructForward
NextOn
PrevOff
InstructForward
leavePage
InstructForward
080b0
Legacy Applications: Client applications that provide a new look to the user interface of host (legacy) applications. rface of host (legacy) applications.
ns - client applications that provide a new look to the user interface of host (legacy) applications.
Enterprise Business Logic and Data :
New client/server applications with split logic and access to remote transactions and programs.
Legacy applications - client applications that provide a new look to the user interface of host (legacy) applications.
C/S Computing
C/S Computing
VisualAge provides comprehensive support for client/server computing through remote resource sharing, applications with split logic, and 'makeover' of the user interface for existing applications.
erver (c/s) computing over multiple protocols and programming interfaces.
There are three major areas in c/s computing, as shown in the figure: ure:
Enterprise business logic and data - new client/server applications with split logic and access to remote transactions and programs.
Decision support - remote resource sharing. The most typical shared resource is data.
Legacy applications - client applications that provide a new look to the user interface of host (legacy) applications.
:PHYSSIZE
:PHYSSIZE
4":PHYSSIZE
&:PHYSSIZE
,+:PHYSSIZE
Decision Support :
Remote resource sharing. The most typical shared resource is data.
at provide a new look to the user interface of host (legacy) applications.
plications that provide a new look to the user interface of host (legacy) applications.