39
1 IST 210 Organization of Data Database and the Web

1 IST 210 Organization of Data Database and the Web

Embed Size (px)

Citation preview

Page 1: 1 IST 210 Organization of Data Database and the Web

1

IST 210 Organization of Data

Database and the Web

Page 2: 1 IST 210 Organization of Data Database and the Web

2

IST 210 References

ASP Tutorial from MSDNhttp://msdn.microsoft.com/workshop/server/asp/

asptutorial.asp

Page 3: 1 IST 210 Organization of Data Database and the Web

3

IST 210

InternetHTML

HTML

SQL

HTML/VB Script/SQL

Page 4: 1 IST 210 Organization of Data Database and the Web

4

IST 210

HTML

VB Script

SQL

Page 5: 1 IST 210 Organization of Data Database and the Web

IST 210

Create Dynamic Web Applications

Static Web application Request with a URL (e.g., http://www.psu.edu)

Which contains three components: protocol, web server name, and folder path to an HTML page

Server simply send back the page From static to dynamic web pages

Take user input and respond accordingly Allow access to information stored in a database

https://aspdb.aset.psu.edu/ist210tsb4/example.asp https://aspdb.aset.psu.edu/ist210tsb4/student.html https://aspdb.aset.psu.edu/ist210tsb4/studentlist.asp

Page 6: 1 IST 210 Organization of Data Database and the Web

IST 210

Web Pages with Database Contents

Web pages contain the results of database queries. How do we generate such pages? Common Gateway Interface (CGI)

Web server creates a new process when a program interacts with the database.

Web server communicates with this program via CGI (Common gateway interface)

Program generates result page with content from the database

Problem: need to run multiple processes which is not efficient.

Page 7: 1 IST 210 Organization of Data Database and the Web

IST 210 Application Servers In CGI, each page request results in the creation

of a new process generally inefficient Application server: Piece of software between

the web server and the applications Functionality:

Hold a set of threads or processes for performance Database connection pooling (reuse a set of existing

connections) Integration of heterogeneous data sources Transaction management involving several data

sources Session management

Page 8: 1 IST 210 Organization of Data Database and the Web

IST 210 Other Server-Side Processing

Java Servlets: Java programs that run on the server and interact with the server through a well-defined API.

JavaBeans: Reusable software components written in Java.

Java Server Pages and Active Server Pages: Code inside a web page that is interpreted by the web server

Page 9: 1 IST 210 Organization of Data Database and the Web

9

IST 210 Active Server Pages (ASP) ASP is programming model that allows

dynamic, interactive Web pages to be created on server.

ASP runs in-process with the server, and is optimized to handle large volume of users.

When an ‘.asp’ file is requested, Web server calls ASP, which reads requested file, executes any commands, and sends generated HTML page back to browser.

Page 10: 1 IST 210 Organization of Data Database and the Web

10

IST 210 Active Server Pages (ASP)

Page 11: 1 IST 210 Organization of Data Database and the Web

11

IST 210 ASP Code

Combination of three types of syntax: Text HTML tags ASP scripts

Page 12: 1 IST 210 Organization of Data Database and the Web

12

IST 210 ASP Scripts ASP scripts can be written in

VBScript<SCRIPT LANGUAGE=VBScript>

JavaScript<SCRIPT LANGUAGE=JavaScript>

ActiveX Components Client-side vs. Server-Side

Client-side scripts downloaded to and execute on the client machine. (Problems: features by not be supported by some browsers)

Server-side scripts Run directly on the server and generate data to be

viewed by the browser in HTML. No concern for browser capability.

Page 13: 1 IST 210 Organization of Data Database and the Web

13

IST 210 ASP Code Script codes are executed by the server Generate HTML, on-the-fly, when

requested ASP code is browser independent. ASP code can be viewed at the server

using Text Editor Browser can not directly view the

source code of a ASP program

Page 14: 1 IST 210 Organization of Data Database and the Web

14

IST 210 ActiveX Data Objects (ADO)

Programming extension of ASP supported by Microsoft IIS for database connectivity.

Supports following key features: Independently-created objects. Support for stored procedures. Support for different cursor types. Batch updating. Support for limits on number of returned rows.

Designed as an easy-to-use interface to OLE DB.

Page 15: 1 IST 210 Organization of Data Database and the Web

15

IST 210

Getting User Input From a Form Connection – establishing link between

application program and database Recordset – contains data returned

from a specific action on the database Command – allow you to run

commands against a database

Page 16: 1 IST 210 Organization of Data Database and the Web

IST 210

Extensible Markup Language

(XML)

Page 17: 1 IST 210 Organization of Data Database and the Web

IST 210 Question:

What’s the difference between the world of documents and databases?

Page 18: 1 IST 210 Organization of Data Database and the Web

18

IST 210 Documents vs DatabasesDocument world

> plenty of small documents> usually static

> implicit structuresection, paragraph

> tagging

> human friendly

> contentform/layout, annotation

> Paradigms“Save as”, wysiwyg

> meta-dataauthor name, date, subject

Database world> a few large databases> usually dynamic

> explicit structure (schema)

> records

> machine friendly

> contentschema, data, methods

> ParadigmsAtomicity, Concurrency, Isolation, Durability

> meta-dataschema description

Page 19: 1 IST 210 Organization of Data Database and the Web

19

IST 210 What to do with themDocuments

editing

printing

spell-checking counting words

retrieving

searching

Database

updating

cleaning

querying

Page 20: 1 IST 210 Organization of Data Database and the Web

20

IST 210 The thin line The line between the document

world and the database world is not clear.

In some cases, both approaches are legitimate.

An interesting middle ground is data formats -- of which XML is an example

Page 21: 1 IST 210 Organization of Data Database and the Web

21

IST 210

A common form of data extraction

<doc1> <employee>

<name> John Doe </name><contact-info>

<address> … </address><tel> 123 7456 </tel><email> [email protected]</email>

</contact-info> <dept> IST </dept>

</employee><employee>

…</employee>

...</doc1>

John Doe 123 7456 Jane Dee 234 5678 …...

Find the names and telephones of all employees in IST

Page 22: 1 IST 210 Organization of Data Database and the Web

22

IST 210 Lineage (WWW Consortium)

Standard GeneralizedMarkup Language

(SGML – Late 1980s)

Hypertext MarkupLanguage

(HTML – Early 1990s)

Extensible MarkupLanguage

(XML – Late 1990s)

Ease ofUse

Flexibility

Page 23: 1 IST 210 Organization of Data Database and the Web

23

IST 210 Need

Doctor want to who wants to send you medical record to a specialist:

<html><p>Patient G. Washington is allergic topenicillin</p></html>

As HTML provides a way for all computers to read Internet documents, but how can a computer read the data?

Page 24: 1 IST 210 Organization of Data Database and the Web

24

IST 210 HTML Lingua franca for publishing hypertext on the World

Wide Web Designed to describe how a Web browser should

arrange text, images and push-buttons on a page. Easy to learn, but does not convey structure. Fixed tag set.

<HTML><HEAD><TITLE>Welcome to IST210</TITLE></HEAD><BODY>

<H1>Introduction</H1><IMG SRC=”ist.jpeg" WIDTH="200" HEIGHT="150” >

</BODY></HTML>

Opening tag

Text (PCDATA)

Closing tag “Bachelor” tagAttribute name Attribute

value

Page 25: 1 IST 210 Organization of Data Database and the Web

25

IST 210 The Structure of XML XML consists of tags and text

Tags come in pairs <date> ...</date>

They must be properly nested <date> <day> ... </day> ... </date> --- good <date> <day> ... </date>... </day> --- bad

(You can’t do <i> ... <b> ... </i> ...</b> in HTML)

Page 26: 1 IST 210 Organization of Data Database and the Web

26

IST 210 XML textXML has only one “basic” type -- text.

It is bounded by tags e.g. <title> G. Washington </title> <year> 2001 </ year> --- 2001 is still text

XML text is called PCDATA (for parsedcharacter data). It uses a 16-bit encoding.

Later we shall see how new types are specified by XML-data

Page 27: 1 IST 210 Organization of Data Database and the Web

27

IST 210 XML structure

Nesting tags can be used to express various structures. E.g. A tuple (record) :

<person> <name> G. Washington </name> <tel> (703) 111 1000 </tel> <email> [email protected] </email></person>

Page 28: 1 IST 210 Organization of Data Database and the Web

28

IST 210 XML structure (cont.) We can represent a list by using the

same tag repeatedly:

<addresses> <person> ... </person> <person> ... </person> <person> ... </person> ...</addresses>

Page 29: 1 IST 210 Organization of Data Database and the Web

29

IST 210 Terminology

The segment of an XML document between an opening and a corresponding closing tag is called an element.

<person> <name> G Washington </name>

<tel> (703) 111 1000 </tel> <tel> (703) 111 1001 </tel>

<email> [email protected] </email> </person>

element

not an elementelement, a sub-elementof

Page 30: 1 IST 210 Organization of Data Database and the Web

30

IST 210 XML is tree-like

person

name emailtel tel

G Washington

(703) 111 1001

(703) 111 1000

[email protected]

Page 31: 1 IST 210 Organization of Data Database and the Web

31

IST 210 Mixed ContentAn element may contain a mixture of sub-elements and PCDATA

<airline> <name> Agony Airways </name> <motto> US’s <dubious> favorite</dubious> airline </motto>

</airline>

Data of this form is not typically generated from databases. It is needed for consistency with HTML.

Page 32: 1 IST 210 Organization of Data Database and the Web

32

IST 210 A Complete XML Document<?xml version="1.0"?><person> <name> G Washington </name> <tel> (703) 111 1000 </tel> <email> [email protected] </email></person>

Page 33: 1 IST 210 Organization of Data Database and the Web

IST 210 Document Type Descriptors

Imposing structure on XML documents

Page 34: 1 IST 210 Organization of Data Database and the Web

34

IST 210

Document Type Descriptors

Document Type Descriptors (DTDs) impose structure on an XML document.

There is some relationship between a DTD and a schema

The DTD is a syntactic specification.

Page 35: 1 IST 210 Organization of Data Database and the Web

35

IST 210 Example: The Address Book<person>

<name> MacNiel, John </name>

<greet> Dr. John MacNiel </greet>

<addr>1234 Huron Street </addr>

<addr> Rome, OH 98765 </addr>

<tel> (321) 786 2543 </tel>

<fax> (321) 786 2543 </fax>

<tel> (321) 786 2543 </tel>

<email> [email protected] </email>

</person>

Exactly one name

At most one greeting

As many address lines as needed (in order)

Mixed telephones and faxes

As manyas needed

Page 36: 1 IST 210 Organization of Data Database and the Web

36

IST 210

Specifying the structure

name to specify a nameelement

greet? to specify an optional (0 or 1) greet elements

name,greet? to specify a name followed by an optional greet

Page 37: 1 IST 210 Organization of Data Database and the Web

37

IST 210

Specifying the structure (cont)

addr* to specify 0 or more address lines

tel | fax a tel or a fax element

(tel | fax)* 0 or more repeats of tel or fax

email* 0 or more email elements

Page 38: 1 IST 210 Organization of Data Database and the Web

38

IST 210

Specifying the structure (cont)

So the whole structure of a person entry is specified by

name, greet?, addr*, (tel | fax)*, email*

This is known as a regular expression.

Page 39: 1 IST 210 Organization of Data Database and the Web

39

IST 210 Summary XML is a new data format. Its main

virtues are: widespread acceptance and the

ability to handle semistructured data (data without schema)

The emerging combination of database and XML provide a powerful tool for delivering content over the web