DEV-5: Introduction to WebSpeed ® Stephen Ferguson Sr. Training Program Manager

DEV-5: Introduction to WebSpeed®

Stephen FergusonSr. Training Program Manager

© 2006 Progress Software Corporation2DEV-5: Introduction to WebSpeed

Agenda

What is WebSpeed? A Web Request Round-trip WebSpeed Workshop Programming Considerations Security

This presentation includes annotations with additional complementary information


OpenEdge Application Deployment Options

WebSpeedTransaction

Server

Any client

Data

Web Browser

Web service Client

Data

OpenEdge Application Server

ApplicationCode

AppServer™

SpeedScript

Character

GUI

ABL*

*OpenEdge Advanced Business Language


UI Choices Today

Desktop Application

versus

Web Application


WebSpeed is the ultimate thin client The client uses a browser to run applications WebSpeed components

• Web browser

• Web Server (3rd party product)

• Messenger

• WebSpeed broker

• WebSpeed agent

What is WebSpeed?

Components


WebSpeed Components

BusinessLogic

AgentWebSpeed

Broker

NameServer

DatabaseDatabase

Web Server

Messenger

HTTP


Listens for WebSpeed requests coming in to a Web server

Handles data transfer between Web server and agent Messenger types

• CGI messenger– Independent process started by the web server– Dies when its request is complete

• DLL messengers (ISAPI and NSAPI) – Loaded into the web server’s memory and reside there

• WSASP– Works with Microsoft Active Server Pages

WebSpeed Messenger

Components


WebSpeed Workshop• WebSpeed development environment

Name Server• Directs client connections to a broker

• Load balancing

• Fault tolerance

What is WebSpeed?

Additional Components


Web browser• Resides on client machine

• Handles the display

• Communicates with web servers

Web server • Resides on a server machine

• Waits for browser requests

• Serves web pages

• Can run programs and scripts

What is WebSpeed?

Non-OpenEdge Components


Netscape Navigator/Communicator• Version 4.5 or higher

Internet Explorer• Version 4.x or higher

Considerations / differences• Browser behavior• Back / refresh buttons• Frame handling

Browser Support

WebSpeed 3.1


Agenda



A Web Request Round-trip

Connection• Browser and the web server

Request• From browser to web server

Process• By the requested resources

Response• Web server to the browser

Termination• Of the connection


A Web Request Round-trip (1)

BusinessLogic

AgentWebSpeed

Broker

NameServer

DatabaseDatabase

Web Server

Messenger

HTTP



BusinessLogic

AgentWebSpeed

Broker

NameServer

DatabaseDatabase

Web Server

Messenger

HTTP



BusinessLogic

AgentWebSpeed

Broker

NameServer

DatabaseDatabase

Web Server

Messenger

HTTP



BusinessLogic

AgentWebSpeed

Broker

NameServer

DatabaseDatabase

Web Server

Messenger

HTTP



BusinessLogic

AgentWebSpeed

Broker

NameServer

DatabaseDatabase

Web Server

Messenger

HTTP



BusinessLogic

AgentWebSpeed

Broker

NameServer

DatabaseDatabase

Web Server

Messenger

HTTP



BusinessLogic

AgentWebSpeed

Broker

NameServer

DatabaseDatabase

Web Server

HTTP

Messenger



BusinessLogic

AgentWebSpeed

Broker

NameServer

DatabaseDatabase

Web Server

Messenger

HTTP



BusinessLogic

AgentWebSpeed

Broker

NameServer

DatabaseDatabase

Web Server

Messenger

HTTP


Agenda



WebSpeed Workshop

BusinessLogic

AgentWebSpeed

Broker

NameServer

Web Server

Messenger

HTTP

DatabaseDatabaseWeb Tools

AppBuilder Development


WebSpeed Workshop - WebTools

Developing WebSpeed Applications


Complete development tools• OpenEdge® Architect or Studio

• Browser based tools

Wizards Sample applications

WebTools

Advantages


Agenda



Programming Considerations

HTML with embedded SpeedScript CGI wrappers Mapped web objects

WebSpeed File Types


HTML with Embedded SpeedScript

HTML containing ABL code Script language enclosed in tags

<script language=“SpeedScript”>

Resolved on the server• SpeedScript never seen on client

Can use standard HTML editors


<script language="SpeedScript"> DEFINE VARIABLE vcCustName AS CHARACTER NO-UNDO.DEFINE VARIABLE vcToday AS CHARACTER NO-UNDO. FIND FIRST CUSTOMER NO-LOCK NO-ERROR.ASSIGN vcCustName = Customer.Name vcToday = STRING(today).</script>

The first customer in Sports2000 is: <B>` vcCustName `</B>.<BR>Todays Date is <B>` vcToday `.</B></BR>

Sample: HTML with Embedded SpeedScript


CGI Wrapper

There is no associated HTML file The ABL procedure renders the HTML

required• Embedded within character strings

Can reference variables and table field names


{src/web2/wrap-cgi.i}output-content-type ("text/html":U).{&OUT} "<HTML>":U SKIP "<HEAD>":U SKIP "<TITLE> {&FILE-NAME} </TITLE>":U SKIP "</HEAD>":U SKIP "<BODY>":U SKIP.

/* Custom HTML */{&OUT} "Sample CGI Wrapper".

{&OUT} "</BODY>":U SKIP "</HTML>":U SKIP .

Sample: CGI Wrapper


Development Methodology

PresentationPresentation

Business ServicesBusiness Services

Data AccessData Access

Data SourcesData Sources

Co

mm

on

Infra

stru

cture

Co

mm

on

Infra

stru

cture

Enterprise ServicesEnterprise Services


Separate UI from business logic HTML mapping

• HTML authored separately

• Match HTML tags with database fields



Mapped Web Objects

Separates HTML from ABL • Can use HTML editor for HTML file

• Structured ABL files

HTML can be maintained independently of the ABL code

ABL fields mapped to HTML form elements ABL output rendered as values of form

elements

Mapping HTML elements


Mapped Web Objects – HTML Form


Mapped Web Objects – Write Code


Mapped Web Objects – Generate Offset file


Mapped Web Objects – Run The App


Stateless – typical web mode• No limit on number of users

• Context management required

• Record locking / transaction management


The state you are in


Agenda



Disable WSMAdmin Set Application Mode to Production Disable debug mode Change all default ports Hide / rename your messengers Do not give execute permission to “upload”

directory Applies to WebSpeed only – still need to

secure the rest of your environment

WebSpeed Security


Zero footprint Update UI without impacting business logic Supports intra-, extra- and internet Flexible programming model Choice of

• Authoring tools

• ISAPI, NSAPI, CGI

• HTML, JavaScript, Java™, ActiveX, DHTML, ASP, etc

WebSpeed Benefits


In Summary

Ultimate thin client Browser based access to business

applications Scalable Flexible programming model


For More Information, go to…

PSDN• WebSpeed Product Information page

Relevant Exchange Sessions:• ARCH-7: Multiple "Views" with WebSpeed

• INNOV-6: Rich User Interface for the Web? AJAX to the Rescue


Education / Documentation References

WebSpeed Application Development


Questions?


Thank you foryour time


Documents

DEV-5: Introduction to WebSpeed ® Stephen Ferguson Sr. Training Program Manager