cs2340: Web Design with Smalltalk

1
cs2340 Web Design with Smalltalk

• Fall 2006

2
Web Pages
3
Static Details
4
Dynamic Pages
5
Basic Operation

• Client (browser) requests a page
• Application Server loads page
• Embedded scripts evaluated by server
• Results of the script are merged back into stream
  to the client
• Smalltalk code enclosed in

6
Web Design

• Server is stateless
• Get / Post from client
• OK / Not Found from server
• For required state, use Cookies or Session
  Variables
• Pages static vs. dynamic

7
Designer Tasks
8
General Design (The Page Styles)
9
General Design (Site Navigation)
10
Design Backend Data
11
VisualWorks Server

• System Parcel Manager load VisualWave and
  WebToolkit
• Test server by http//localhost8008/echo
• Test toolkit by http//localhost8008
• Create a directory in web for your code.
• Configure toolkit for directory

12
Then we write some code
Hey, you got HTML in my Smalltalk. Well you got
Smalltalk in my HTML.
13
Lets make a simple page (SSP)
Bobs Test
PagerWelcome to CS2340The date
today is l
14
A more complex page
15
The Html
16
Workspace Code
empfile stream separator number firstName
lastName level empfile 'c\Program
Files\Cincom\vw7.4.1nc\web\bobstest\db\employees.t
xt' asFilename. separator ,. stream
empfile readStream lineEndCRLF. stream atEnd
whileFalse number (stream upTo
separator). level (stream upTo
separator). lastName (stream upTo
separator). firstName (stream upTo
separator). stream upTo (Character cr).
Transcript show number, level, firstName, '
', lastName cr. . stream close.
17
Convert to SSP
18
But

• Just using server pages is not reusable or object
  oriented.
• What if I need real classes and data?

19
Workspace code a lot less
employees employees (Toyz new)
getEmployees. employees inspect.
20
And so is our SSP
21
Interaction
response redirectTo URL