The pages in this book combine explanation, illustration and demonstrations.
Instructions in a green shadowed box tell you what to do next. t the bottom of the page turn pages or return to the table of contents when clicked.cked.icked.
When the cursor turns to further explaination is available with a single click.
When the cursor turns to some actions is avaible with a single click.....
Click the right arrow to begin the next chapter.he next chapter..er.ext chapter....
Illustrations and demonstrations
Explanation
Buttons to turn pages and return to the table of contents
Button
Table of Contents
Table of Contents
Instructions
Purpose of this book
sectionNumber
startSection
Purpose of this book
Introductionwing and speeded
ToolBook is widely used to prototype Windows applications. ToolBook's integrated drawing tools, database fields, functional Windows control objects, and powerful scripting language combine to provide developers with the means to develop functional prototypes in a very short time.
Click the right arrow.
Demonstrate how using ToolBook saves time in development how using ToolBook saves time in development
Click the right arrow to continue.t page.hapter.in the next chapter.ext chapter....
Explain how ToolBook is used in protyping
Demonstrate how using ToolBook saves time in development
524480,8,30,20,171,92,,,Add MenuItem,8,Helv,,3.70,11.16,50.40,11.45,5,1342177282,130,Add To Menu:,0,,7.47,28.64,46.67,11.45,6,1342177282,130,MenuItem:,0,,7.47,46.48,46.67,11.45,19,1342177282,130,Position:,0,Menulist,56.00,9.97,110.10,78.31,18,1352728899,133,,0,MenuItem,55.89,27.24,110.13,13.17,8,1350631424,129,,0,Position,55.89,45.09,16.91,13.17,20,1350631424,129,,0,OK,35.09,64.74,50.93,12.31,9,1342242817,128,OK,0,Cancel,89.22,64.74,50.90,12.31,10,1342242816,128,Cancel,0
524480,8,30,20,171,92,,,Add MenuItem,8,Helv,,3.70,10.63,50.40,11.45,5,1342177282,130,Add To Menu:,0,,7.47,28.10,46.67,11.45,6,1342177282,130,MenuItem:,0,,7.47,45.95,46.67,11.45,19,1342177282,130,Position:,0,Menulist,56.00,9.44,110.10,80.31,18,1350631747,133,,0,MenuItem,55.92,26.71,110.13,13.17,8,1350631424,129,,0,Position,55.92,44.55,16.88,13.17,20,1350631424,129,,0,OK,35.12,64.21,50.90,12.31,9,1342242817,128,OK,0,Cancel,89.22,64.21,50.90,12.31,10,1342242816,128,Cancel,0
ToolBook offers the full set of Windows listbox and edit controls. Listboxes can be single or multiple selection. A listbox is a type of field, which is where you type text. A field can be edited and formatted with multiple font faces, sizes, color, and paragraph styles. All fields can have scroll bars, baselines, and hypertext-like hotwords.e hotwords.like hotwords.
ActivateScripts
false
This is an edit control...
"Text"
oselectedtextlines)
buttonUp
buttonUp
Courier
Modern
Roman
Script
System
Terminal
Tms Rmn
"Text"
oselectedtextlines)
buttonUp
buttonUp
Features
style
lineItem
ItemCount(
oSelectedTextLines)
feature
buttonUp
buttonUp
feature
lineItem:to
lineItem
style
ActivateScripts
false
Italic
Underline
Strikeout
Click the right arrow to continue. right to see an example. Click the right arrow to continue..
Click the right arrow to continue.k the right arrow to continue..
Select items from these listboxs to change the style of the text below. Type in the lower field to see an example of ToolBook's text field.ght arrow to continue..
Listboxes And Edit Controls
Table of Contents
-- If
moved,
a user-defined property, home,
-- the
graphic covering
"Arrow"
-- When
Fmouse
pressed,
B"pushButton"
released,
w. Finally,
-- Move
-- depending on
parameter, x, which can be
H15,15
buttonDown
moved
buttonUp
press
moved
Arrow
buttonDown
pushButton
press
buttonUp
press
press
Arrow
pushButton
2291,4043
pushButton
Arrow
Table of Contents
Table of Contents
pushButton
Arrow
Chapters
Sections
-- Turn the
selected section
clicked.
turnToSection
pressed.
--
pkey
default processing
-- Algorithm:
-- Get
currently
. If
named
strip(
oselectedTextLines
Click
buttonDoubleClick
keyChar
turnToSection
buttonDoubleClick
qturnToSection
keyChar
qturnToSection
turnToSection
strip
Chapter Name
Title
Graphics
sectionNumber
startSection
Graphics?
Controls in ToolBookToolBookk
Graphics are a key part of any Windows program.
With ToolBook, you can quickly draw, modify, or import graphics without writing complex code or compiling application resources. And any graphic can have a script, making it a control.
All done.eld is added for the finishing touch.sional effect.ion.
Dialog Boxes
4s_NoDlgDLL
FALSE
linkDLL "tbkdlg.dll"
dialog(
setValue(
getValue(
c"Cannot load
default
strNoDLL("
selectedtextlines
"db type"
unlinkDLL "
enterpage
leavepage
enterpage
tbkdlg.dll
dialog
setValue
getValue
Cannot load DLL
tbkdlg.dll
strNoDLL
db type
buttonUp
db type
default
s_NoDlgDLL
leavepage
tbkdlg.dll
s_NoDlgDLL
sectionNumber
startSection
Dialog Boxes
Controls in ToolBookToolBookk
You can quickly create modal Windows dialog boxes for your prototypes.
ToolBook includes a Windows dialog box editor. This graphical, interactive utility lets you copy and paste the controls for your dialog box, and constructs boilerplate scripts for tying it into your application..
Choose a dialog box from the list to the right, edit the text in the box above, then click the Click Me button to view the modified dialog box. Click the right arrow to go to the next
DB Type
oselectedtextlines)
buttonUp
keyUp
buttonUp
all dbs
keyUp
all dbs
About...
Search...
Character...eee
DB Type
Dialog Box Type
all dbs
search...
frame
wsgroup
false
search caption
wsgroup
false
Search...rololol
search search
ctrlID
wsgroup
false
objtype
static
Search for:
search replace
objtype
static
wsgroup
false
ctrlID
Replace with:
Search search edit
ctrlID
wsgroup
false
autohscroll
FALSE
autovscroll
FALSE
hscroll
FALSE
vscroll
FALSE
multiline
FALSE
objtype
integer
FALSE
search Replace edit
ctrlID
wsgroup
false
autohscroll
FALSE
autovscroll
FALSE
hscroll
FALSE
vscroll
FALSE
multiline
FALSE
objtype
integer
FALSE
defvalue
FALSE
objtype
button
ctrlID
wsgroup
false
ctrlID
objtype
button
defvalue
FALSE
FALSE
wsgroup
false
search cancel
Cancel
search ok
character...
frame
wsgroup
false
defvalue
objtype
button
ctrlID
wsgroup
false
Cancel
ctrlID
objtype
button
defvalue
FALSE
FALSE
wsgroup
false
noEdit
FALSE
sortItems
ddlength
objtype
combobox
editCtrl
field id 50 of page id 531
downArrow
paintObject id 49 of page id 531
ctrlid
cbItems
Courier
Modern
Roman
Script
System
Terminal
Tms Rmn
vscroll
wsgroup
false
wsgroup
false
ctrlID
:PHYSSIZE
wwwwwww
wwwwwww
ctrlID
wsgroup
false
ctrlid
downArrow
paintObject id 54 of page id 531
editCtrl
field id 55 of page id 531
objtype
combobox
ddlength
sortItems
FALSE
noEdit
FALSE
cbItems
vscroll
wsgroup
false
:PHYSSIZE
ctrlID
wsgroup
false
wwwwwww
wwwwwww
wsgroup
false
ctrlID
character style
Style Box
FALSE
buttonDown
buttonUp
buttonDown
buttonUp
defvalue
FALSE
objtype
button
ctrlID
false
wsgroup
false
Italic
FALSE
buttonDown
buttonUp
buttonDown
buttonUp
false
."$"ctrlID
L">"objtype
button
j"^"defvalue
FALSE
z"wsgroup
false
Italic
Underline
FALSE
buttonDown
buttonUp
buttonDown
buttonUp
false
#ctrlID
#objtype
button
#defvalue
FALSE
$wsgroup
false
Underline
Strikeout
FALSE
buttonDown
buttonUp
buttonDown
buttonUp
8%,%defvalue
FALSE
V%H%objtype
button
p%f%ctrlID
%|%def
false
%wsgroup
false
Strikeout
character caption
&wsgroup
false
Character...olol
character font
&ctrlID
&wsgroup
false
&objtype
static
Font:: for:
character point size
'x'objtype
static
'wsgroup
false
'ctrlID
Point Size::
character bold
Boldd
character italic
Italiccc
character Underline
Underlinee
character Strikeout
Strikeoutt
character OK
OKtttt
character Cancel
Cancell
o >+1
About...
about Static
Generic Application
(C) 1991
Acme Corporationn
about Caption
About...me ws Prototyping
about Button
Table of Contents
Sections5
Why use ToolBook?
Features in the full ToolBook
Sections4
Buttons
Menus
Listboxes and edit controls
Graphics
Dialog boxes
Sections3
Designing the user interface
Adding functionality quickly
Sections2
Programming on the fly
Tools for the job
Sections1
Purpose of this book
How to read this book
Introduction
What is a prototype?
Developing a prototype
Controls in ToolBook
Prototypes in ToolBookkkkkkes in ToolBookkkk
Purpose of this book
How to read this booklBookraphics
Dialog boxessoxes
Introductionn ToolBookolBookook
Windows Prototyping
-- Hide
help information
clicked.
default
buttonDoubleClick
buttonDoubleClick
default
Instructions:
Click a chapter name on the left to see the chapter's sections on the right.
Double-click a chapter name to go to the beginning of the chapter.
Double-click a section name on the right to go directly to the section.
Completed sections and chapters will be marked with an asterisk.e-click this text to make it disappear.ear....ear.ar.ppear.....in the Workbook window to return to the Workbook.
Click this text to make it disappear.r..e it disappear..
Windows Prototyping Book
1991 Asymetrix Corporation
All rights reserved.
Asymetrix Windows Prototyping Book team:
Tom Arnold
Jeff Day
Brad Gaub
Nanette Wright
Special thanks to:
Bob Galluppplupupluprles Seybold, and n Arbor, Michigan
ichigan
ructional design:
Tec Ed, Ann Arbor, Michigan
Table of Contents
-- Go
the Table
Contents
buttonUp
buttonUp
Table of Contents
Why Use ToolBook?
sectionNumber
startSection
Why use ToolBook?
Prototypes in ToolBook ToolBookkK
With ToolBook you can create functional graphic screens and menu structures in a matter of hours that would take many weeks to program in a traditional programming language like C, or even other graphical development tools that don't have all of ToolBook's predefined functionality..
Even minor changes at Author level could cause this
book to work incorrectly. Go to Author level anyway?
Cancel
s_Author
Table of contents
strip
moveImage
div_1
endPosY
endPosX
division
endPos
startPos
image
showObjects
group
objList
yOffset
xOffset
startTime
GetCurrentTime
s_testTime
showElapsedTime
GetCurrentTime
This test took
seconds.
faster
slower
It was
than the previous test.
relation
deltaTime
prompt
thisTestTime
s_testTime
s_lastTestTime
strNODLL
Cannot find DLL
rtStr
dllName
setupMenu
&Help
&How To Read This Book
RemoveMenuItemsByPosition
RemoveMenuItemsByPosition
8,7,6,5,4,3,2,1,0
RemoveMenuItemsByPosition
7,6,5,4,3,2,1,0
RemoveMenuItemsByPosition
unlink
saveSLS
GetSystemMenu
GetMenu
GetSubMenu
EnableMenuItem
RemoveMenu
unlink
RemoveMenuItemsByPosition
GetSystemMenu
GetMenu
GetSubMenu
menuitemPosList
EnableMenuItem
RemoveMenu
RemRet
EnaRet
MenuItemPos
hMainMenu
hMenu
MenuItemPosList
MenuPos
HowToReadThisBook
How To Read This Book
Chapter Head
Title
-- If
moved,
a user-defined property, home,
-- the
graphic covering
"Arrow"
-- When
Fmouse
pressed,
B"pushButton"
released,
w. Finally,
-- Move
-- depending on
parameter, x, which can be
H15,15
buttonDown
moved
buttonUp
press
moved
Arrow
buttonDown
pushButton
press
buttonUp
press
press
Arrow
pushButton
2291,4043
pushButton
Arrow
Table of Contents
-- Go
the Table
Contents
buttonUp
buttonUp
Table of Contents
Click the right arrow to continue.rrrrrrrrr
previous
-- If
moved,
a user-defined property, home,
-- the
graphic covering
"Arrow"
-- When
Fmouse
pressed,
B"pushButton"
released,
w. Finally,
Previous
-- Move
-- depending on
parameter, x, which can be
H15,15
buttonDown
moved
buttonUp
press
moved
Arrow
buttonDown
pushButton
press
buttonUp
press
Previous
press
Arrow
pushButton
1917,4043
pushButton
Arrow
reset
ClickMe
status "First
the irregular
~a filled region."
mvCursor
y,2970,3570,20,2,
B"currtool"
2820,3435
PointsPerI
StartVertices
y,x, y,20,5,
Drawing graphics
done visually."
5"))/(
*2)-((
*2)-1)
*2)-((
*2)-1)
EndVertices
*2-1
y,x,y,1,5,
FALSE
y,3270,1245,20,2,
3150,1110
"ToolPalette"
default
"rest
240,25.125,100
easy
ea complex
{..."
"White"
change its colors
give a three dimensional effect."
"Blue"
"continuing"
added
finishing touch."
y,6150,1005,20,2,
MyActivate
"Title"
"ToolBook"
newText
ClickMe
enterPage
reset
status
enterPage
reset
ClickMe
*status
First select the irregular polygon tool to draw a filled region.
mvCursor
currtool
black
black
StartVertices
black
black
black
mvCursor
*status
Drawing graphics is done visually.
black
black
black
EndVertices
black
black
mvCursor
mvCursor
currtool
ToolPalette
rest of black
background
*status
It is easy to copy a complex object...
White
*status
...and change its colors to give a three dimensional effect.
continuing
*status
A text field is added for the finishing touch.
mvCursor
ClickMe
MyActivate
*status
All done.
default
PointsPerI
reset
ToolPalette
black
rest of black
White
continuing
Title
ToolBook
background
0,100,0
ClickMe
MyActivate
*status
status
status
newText
Purpose of this book
What is a prototype?
Book Editor
Developing a Prototype
Topic
4s_Chapters
sectionNumber
3 Name"
strip(
mvcursor x1,y1,x2,y2,iterations,
ydif
(y1-y2)/
xdif
(x2-x1)/2
direction
theta
incr
/))+y2
m*(1+
D))+x1
x2,y2 --
cover
roundoff error
enterPage
mvcursor
enterPage
sectionNumber
Chapter Name
strip
s_Chapters
mvcursor
theta
direction
cursor
iterations
Chapter Name
Title
getLine loc
getLine
getLine
textFromPoint
-- If
moved,
a user-defined property, home,
-- the
graphic covering
"Arrow"
-- When
Fmouse
pressed,
oenabled
B"pushButton"
released,
w. Finally,
-- Move
-- depending on
parameter, x, which can be
H15,15
logVal
excludeTab
0,50,0
buttonDown
moved
buttonUp
enabled
press
enabled
moved
Arrow
buttonDown
enabled
pushButton
press
buttonUp
enabled
press
press
Arrow
pushButton
enabled
pushButton
pushButton
Arrow
0,0,0
Arrow
logVal
enabled
pushButton
2291,4043
pushButton
Arrow
Table of Contents
-- Go
the Table
Contents
buttonUp
buttonUp
Table of Contents
previous
-- If
moved,
a user-defined property, home,
-- the
graphic covering
"Arrow"
-- When
Fmouse
pressed,
B"pushButton"
released,
w. Finally,
Previous
-- Move
-- depending on
parameter, x, which can be
H15,15
buttonDown
moved
buttonUp
press
moved
Arrow
buttonDown
pushButton
press
buttonUp
press
Previous
press
Arrow
pushButton
1917,4043
pushButton
Arrow
Topic
arning ToolBook
enScript Exercises
s Rmn
3^D|D|
-- a
renumbering a
n > 0
enterBook
renumber
enterBook
sizeToPage
renumber
:REPORTDATA
:CONDITIONDATA
Text of RecordField "Instructions" is "null" As Text
Text of RecordField "Instructions" is null
defaultSize
9315,5745
System
y`D|D|
`D|D|
gD|D|E
gD|D|
System
gD|D|5
`D|D|
fD|D|E
fD|D|E
fD|D|E
`D|D|
rminal
`D|D|
`D|D|
`D|D|
fault
9_D|D|
pageNumber is 103 or pageNumber is 104
pageNumber is 103 or pageNumber is 104
pageNumber is 103 or pageNumber is 104
pageobjs
]D|D|
:PRINTLAYOUT
`D|D|
`D|D|
u`D|D|
`D|D|
aB|B|
Title
q\D|D|
\D|D|
System
S\D|D|
About Windows Prototyping
System
fD|D|%
]D|D|
Small Fonts
;gD|D|=
gD|D|5
`D|D|
Title
E v a l u a t i o n E d i t i o n
E v a l u a t i o n E d i t i o n
Tools for the job
sectionNumber
startSection
Tools for the job
What is a prototype?e
Though prototypes are developed quickly, they should still represent most of the functionality of a program. The most useful prototyping tools provide many functional elements that require little or no programming to apply. The more comprehensive the set of elements provided by the tool, the quicker the prototype can be built.
:PHYSSIZE
Title
ToolBook - (Untitled)
File Edit Text
Push Button
single
select
Checkbox
Radio
multi-
select
Edit and listbox controls.trols.ontrols.
Complete menu controls.rols.s.
Full-featured button controls.
Click the right arrow to continue.t page.hapter.in the next chapter.ext chapter....
Welcome
uy ToolBook
Windows Prototypingtion
Windows Prototypingtion
Controls in ToolBook
Designing the User Interface
sectionNumber
startSection
Designing the user interfacectionality Quickly
Back End Simulations
Developing a prototypement
With ToolBook you can build user interfaces (UIs) almost as quickly as you can envision them.
All elements of the UI can be drawn graphically. You can quickly define working menus. You can even copy UI elements onto the Clipboard and paste them into a new book.to a new book.o a new book.ew book. into a new book.ew book.
:PHYSSIZE
Title
ToolBook - (Untitled)
ToolPalette
:PHYSSIZE
currtool
Background
Caption
Name::
Login
"p1"
"Logged
%user:"&&
buttonUp
buttonUp
Logged in as user:
Login
Cancel
"p1"
buttonUp
buttonUp
Cancel
E-Mail
Acme E-Mail
Acme E-Mail
Acme E-Mail
Acme E-Mail
Acme E-Mail
Acme E-Mail
ClickMe
ButtonDown
myActivate()
"Click Me"
ClickMe
Reset
logicalValue
grey
0,50,0
oexcludeTab
ButtonDown
myActivate
myActivate
ButtonDown
myActivate
Click Me
.(ClickMe
Reset
myActivate
myActivate
0,0,0
logicalValue
Click Me
Click the button Click Me to see an example.
Click the right arrow to continue....
status
Chapter Head
Introduction
Introduction
startSection
sectionNumber
Programming on the fly
Tools for the job
Welcome
Adding Functionality Quickly
"list 1"
"Apple"&CRLF&"Grape"&
Strawberry"
"Red"&
+Blue"&
3een"
selectedtextlines
enterpage
enterpage
list 1
Apple
Grape
Strawberry
list 2
Green
list 1
list 2
sectionNumber
startSection
Adding functionality quickly
Developing a prototypement
ToolBook's intelligent objects allow you to create the basic functionality of buttons, list boxes, dialogs, and other objects graphically.
The OpenScript language allows you to quickly add application-specific functionality with clear, English-like syntax statements.
List 1
Apple
Grape
Strawberry
Redeawberryberry
List 2
GreenpeAppleGreen
Move >>
selectedTextLines
"List 1"
selectedItem
selectedTextItem
CRLF
buttonUp
buttonUp
List 1
List 1
List 1
List 2
List 2
List 2
List 1
selectedTextItem
selectedItem
Move >>
<< Move
selectedTextLines
"List 2"
selectedItem
selectedTextItem
CRLF
buttonUp
buttonUp
List 2
List 2
List 2
List 1
List 1
List 1
List 2
selectedTextItem
selectedItem
<< Move
List 11
List 22
Click here to see script of this button r example.
B"<< Move"
buttonUp
buttonUp
<< Move
Select an item from one of the lists, then click one of the Move buttons to see a prototype of a possible Windows dialog box. Click the right arrow to continue...
Adding Functionality Quickly
Menus
Features in the full ToolBook
selectedtextlines
"options"
"2,4,6,8"
enabled
FALSE
enterpage
leavepage
enterpage
options
2,4,6,8
enabled
leavepage
enabled
sectionNumber
startSection
Features in the full ToolBookkkkk
Prototypes in ToolBook ToolBookk
With the full version of ToolBook, you get Windows-style buttons, listboxes, a dialog box editor, and other tools to simplify development. You also receive graphics filters to import many types of graphics files,such as WMF, CGM, TIFF, and more. Building a prototype was never easier!
:PHYSSIZE
:PHYSSIZE
Title
My Prototype
File Edit Options
status
"Status"
"callouts"
buttonUp
buttonUp
Status
callouts
Status
callouts
Status
status
Run Test
options
Option A
Option B
Option C
Option D
Option E
Option F
Option G
Option H
Include 1
Include 1
Include 2
Include 2
callouts
Marbelized texture that was scanned then imported into ToolBook., then imported into ToolBook.
Customized menu bar
Listbox field that scrolls
Windows-style buttons
Click on the prototype to the right for an example. Choose Exit from the File menu to exit this demonstration......n..
Done: Suite 1n H: Suite 1
status
percent bar
percent
%"00.00"
4 &&"%"
M &&"%"
}+ ((
/100) * dX)
FALSE
sized
(dx/2)-300
(dx/2)-300
sized
percent
percent
00.00
sized
Percent White
100.00 %
Percent Blue
100.00 %
Percent Complete:
Current Status:
status
Done: Suite 1n H: Suite 1
Buttons
sectionNumber
startSection
Buttons
Controls in ToolBookToolBookk
ToolBook offers the full set of Windows button controls, as well as some additional styles.
Buttons, like all ToolBook objects, can be drawn with a single mouse operation. Their captions can have any color or font. And they all come with the standard functionality already programmed.
Click one of the buttons to to the right to see an example. Click the right arrow to continue..
Click the right arrow to continue.k the right arrow to continue..