SE3316 Web Technologies

Web Content Types

Dr. Jagath Samarabandujagath@uwo.ca

TEB 351

519-661-2111 x80058

Fax: 519-850-2436

SE3316 Jagath Samarabandu 228/10/2013

Web Content Types For human consumption

Static Web PagesWeb scripting (server side scripts)Web application (web interface to software)Adding client side scripts (javascript, AJAX)

For machine consumptionWeb servicesWeb application?

SE3316 Jagath Samarabandu 328/10/2013

Web Scripting URL points to a file that contains code to

generate html Server must be configured to handle

processing directives contained in the file Server then runs the code contained in

this file as directed which generates html User only sees this generated html content

SE3316 Jagath Samarabandu 428/10/2013

Web scripting languages Typically, files contain both direct html and

code blocks Code blocks are contained within

processing directives PHP (Personal Home Page), ASP (Active

Server Page), CFM (ColdFusion Mark up Language)

SE3316 Jagath Samarabandu 528/10/2013

PHP Example

PHP Example

Counting with PHP

SE3316 Jagath Samarabandu 628/10/2013

Web Scripting Pros and Cons Allows integrating large databases and

sophisticated processing Requires entire software suite to be written

in the scripting language Interfacing with existing enterprise

software can be difficult

SE3316 Jagath Samarabandu 728/10/2013

Web Applications Combines web scripting and some

middleware that interface with enterprise software

Mostly ad-hoc approaches where newer versions of enterprise software comes with some type of interface for web scripting languages

SE3316 Jagath Samarabandu 828/10/2013

Interactive Web Applications Typically, interactivity is achieved simply

by sending form data through HTTP put or post methods

Form data is raw data entered by the user and all processing is done on server

Can make sluggish interfaces due to network latencies and increased server load

Solution is client-side scripting

SE3316 Jagath Samarabandu 928/10/2013

Client Side Scripts Code is sent as part of the html content

and it is interpreted by the browser E.g. JavaScript (most popular), VBScript ,

ActionScript (flash) and ActiveX controls. Complexity can vary from simple data

validation to more complex processing Still, user action (e.g. submit) was needed

to submit processed data to server

SE3316 Jagath Samarabandu 1028/10/2013

Asynchronous Interactions AJAX Asynchronous JavaScript and

XML Takes things another step forward by

interacting with the server asynchronously

SE3316 Jagath Samarabandu 1128/10/2013

Technologies in AJAX HTML and CSS for marking up and styling The DOM accessed with JavaScript to

dynamically display and interact with the information presented.

A method for exchanging data asynchronously XMLHttpRequest (XHR), IFrame object or dynamic

tags A format for the data sent to the browser

XML, pre-formatted HTML, plain text, and JavaScript Object Notation (JSON)

- From Wikipedia

SE3316 Jagath Samarabandu 1228/10/2013

HTML 5 Need material here

SE3316 Jagath Samarabandu 1328/10/2013

Web Content for Machines Doesnt need to deal with presentation Primarily a distributed computing

technology (E.g. Corba) Technologies

Web server for transportMiddleware for unpacking and packing data

and feeding it to underlying software

SE3316 Jagath Samarabandu 1428/10/2013

Web Service Implementations Java Servlets with Tomcat server

Designed for Java Apache Axis2 with Java/C interfaces

Designed for Web Service Standards (WS-*) Node.js

Server and server-side processing written in Javascript

SE3316 Jagath Samarabandu 1528/10/2013

SE3316 Jagath Samarabandu 1628/10/2013