enterprise application integration – web collaboration and standardisation enterprise application...

23
Enterprise Application Integration – Web Collaboration and Standardisation

Upload: scot-king

Post on 26-Dec-2015

227 views

Category:

Documents


3 download

TRANSCRIPT

Page 1: Enterprise Application Integration – Web Collaboration and Standardisation Enterprise Application Integration – Web Collaboration and Standardisation

Enterprise Application Integration

– Web Collaboration and Standardisation

Page 2: Enterprise Application Integration – Web Collaboration and Standardisation Enterprise Application Integration – Web Collaboration and Standardisation

Trends of Web collaborations‘ technologies

• Evolution of Web tech.

• Various markup languages

• Distributed network and API

Page 3: Enterprise Application Integration – Web Collaboration and Standardisation Enterprise Application Integration – Web Collaboration and Standardisation

Evolution of Web technology

DOM(object

Oriented)

MarkUp

ScriptJavaScript

JSPPHP

SGML(Cost &

Diff.)

HTML DHTMLHTML4.0

XML

XHTML

HTML5

BOM(object

Oriented)

CSS

Data Modeling

1986 1991 1994 1998 2000

Design

Page 4: Enterprise Application Integration – Web Collaboration and Standardisation Enterprise Application Integration – Web Collaboration and Standardisation

Cascading Style Sheet (CSS)Support from Style Sheet function

• There are three ways of inserting a style sheet: – External style sheet

– Internal style sheet

– Inline style

• To handle massive and a number of images for e-business web site.

Page 5: Enterprise Application Integration – Web Collaboration and Standardisation Enterprise Application Integration – Web Collaboration and Standardisation

CSS Image sprite

<html> <head> <style type="text/css"> .home {

width:46px; height:44px;

background:url(img_navsprites.gif) 0 0;

} .next

{ width:43px; height:44px;

background:url(img_navsprites.gif) -91px 0;

} </style> </head> <body>

<div class="home"></div> <br /><br /> <div class="next"></div>

</body> </html>

Page 6: Enterprise Application Integration – Web Collaboration and Standardisation Enterprise Application Integration – Web Collaboration and Standardisation

CSS Image Sprite

Page 7: Enterprise Application Integration – Web Collaboration and Standardisation Enterprise Application Integration – Web Collaboration and Standardisation

More Extensions for Visual Library

• Open source for visualisation

• http://dojotoolkit.org– provide various types of business charts

• http://d3js.org– Free libraries, Various dynamic graphs

Page 8: Enterprise Application Integration – Web Collaboration and Standardisation Enterprise Application Integration – Web Collaboration and Standardisation

Markup Languages

• SGML (Standard Generalized ML)• HTML (Hyper Text ML)• SHTML (Secured HTML)• XML (Extensible ML)• XHTML (Extensible HTML)• MathML • CML (Chemical ML)• BSML (Bioinformatic Sequence ML)• ebXMl (Electronic Business ML)• …etc

Page 9: Enterprise Application Integration – Web Collaboration and Standardisation Enterprise Application Integration – Web Collaboration and Standardisation

– Mid -1990s : Network

– Late 1990s: XML Standardization

Changing Trends

A Unix

B 200x Network

D Linux

DB

HTTP

HTTP

CGI

WWW

HTTP

XML Standards

A (Unix)

MS-SQL

C (Linux)

Informix

B (MS200x)

Oracle

D (AIX)

IBM-DB2

Page 10: Enterprise Application Integration – Web Collaboration and Standardisation Enterprise Application Integration – Web Collaboration and Standardisation

XML DOM

The XML DOM is:

• A standard object model for XML

• A standard programming interface for XML

• Platform- and language-independent

• A W3C standard

Page 11: Enterprise Application Integration – Web Collaboration and Standardisation Enterprise Application Integration – Web Collaboration and Standardisation

XML DOM

• "The W3C Document Object Model (DOM) is a platform and language-neutral interface that allows programs and scripts to dynamically access and update the content, structure, and style of a document."

• The DOM is separated into 3 different parts / levels:

• Core DOM - standard model for any structured document

• XML DOM - standard model for XML documents • HTML DOM - standard model for HTML

documents

Page 12: Enterprise Application Integration – Web Collaboration and Standardisation Enterprise Application Integration – Web Collaboration and Standardisation

XML DOM Structure

Page 13: Enterprise Application Integration – Web Collaboration and Standardisation Enterprise Application Integration – Web Collaboration and Standardisation

Methods for XML DOM

method description

String getNodeName() Return node name

String getNodeValue() Return node value

getElementsByTagName() Return tag name

short getNodeType() Return node type

NamedNodeMap getAttributes() Return node attribute

Document getOwnerDocument()

Return owner document of the current node

Page 14: Enterprise Application Integration – Web Collaboration and Standardisation Enterprise Application Integration – Web Collaboration and Standardisation

XML DOM

http://www.w3schools.com/dom/tryit.asp?filename=try_dom_parsertest

Page 15: Enterprise Application Integration – Web Collaboration and Standardisation Enterprise Application Integration – Web Collaboration and Standardisation

XML DOM with JavaScript

<html><head><script type="text/javascript">function loadXMLDoc(dname){if (window.XMLHttpRequest) { xhttp=new XMLHttpRequest(); }else { xhttp=new

ActiveXObject("Microsoft.XMLHTTP");

}xhttp.open("GET",dname,false);xhttp.send();return xhttp.responseXML;} </script></head>

<body><script type="text/javascript">xmlDoc=loadXMLDoc("books.xml");

document.write(xmlDoc.getElementsByTagName("title")[1].childNodes[0].nodeValue + "<br />");

document.write(xmlDoc.getElementsByTagName("author")[0].childNodes[0].nodeValue + "<br />");

document.write(xmlDoc.getElementsByTagName("year")[0].childNodes[0].nodeValue);

</script></body></html>

Page 16: Enterprise Application Integration – Web Collaboration and Standardisation Enterprise Application Integration – Web Collaboration and Standardisation

Simple Object Access Protocol(SOAP)

• XML based communication tool(protocol)– A way for a program running in one kind of OS to communicate

with a progamme in the same or another kind of an OS

• Designed as an object-access protocol in 1998 by MS engineers but currently maintained by the XML Protocol Working Group.

• After SOAP was first introduced, it became the underlying layer of Web Services Description Language (WSDL)

• Cf. SOA:Service-oriented architecture

Page 17: Enterprise Application Integration – Web Collaboration and Standardisation Enterprise Application Integration – Web Collaboration and Standardisation

Service Broker

SOAP Message Exchange with WSDL and

ServiceConsumer

Service Provider

http transport

SOAPmessage

WSDLdescribing

service

SOAPmessage

httptransport

client service

registryfind

publish

DESCRIBE

INVOKE

SOAP Sender SOAP Receiver

SOAP SenderSOAP Receiver

Page 18: Enterprise Application Integration – Web Collaboration and Standardisation Enterprise Application Integration – Web Collaboration and Standardisation

SOAP Body

SOAP Message

SOAP header

SOAP envelope

Header block

Header data

Header data

Header data

Body child element

Page 19: Enterprise Application Integration – Web Collaboration and Standardisation Enterprise Application Integration – Web Collaboration and Standardisation

SOAP Building Blocks

• A SOAP message is an XML document with the following elements – A required envelope

• Identifies XML document as a SOAP message

– An optional header • Contains header information

– A required body element with call and response information

– An optional fault element • Information about errors that could occur

Page 20: Enterprise Application Integration – Web Collaboration and Standardisation Enterprise Application Integration – Web Collaboration and Standardisation

SOAP -example

POST /InStock HTTP/1.1

Host: www.example.org

Content-Type: application/soap+xml; charset=utf-8

Content-Length: 299

SOAPAction: "http://www.w3.org/2003/05/soap-envelope"

<?xml version="1.0"?>

<soap:Envelope xmlns:soap="http://www.w3.org/2003/05/soap-envelope">

<soap:Header>

</soap:Header>

<soap:Body>

<m:GetStockPrice xmlns:m="http://www.example.org/stock">

<m:StockName>IBM</m:StockName>

</m:GetStockPrice>

</soap:Body>

</soap:Envelope>

Page 21: Enterprise Application Integration – Web Collaboration and Standardisation Enterprise Application Integration – Web Collaboration and Standardisation

Web Services Description Language

• Provides a model and an XML format for the “contract” of a web service

• Separates abstract service description from both concrete network protocol and message format

• Describes data types used in messages• Messages are defined as aggregation of typed

parts• Operations are message exchange patterns

supported by the web service• PortTypes are named collections of operations

Page 22: Enterprise Application Integration – Web Collaboration and Standardisation Enterprise Application Integration – Web Collaboration and Standardisation

WSDL Specification

types

message message message

operation

porttype

operation operation

binding

serviceport

Page 23: Enterprise Application Integration – Web Collaboration and Standardisation Enterprise Application Integration – Web Collaboration and Standardisation

WSDL: More Basics

• Define services as collections of network endpoints or ports

• Messages are abstract descriptions of data being exchanged

• Port types are abstraction collection of operations

• Concrete protocol and data format specification for a particular porttype constitutes a binding