is2802 introduction to multimedia applications for business lecture 1: introduction to is2802 rob...

IS2802Introduction to Multimedia Applications for BusinessLecture 1: Introduction to IS2802

Rob Gleasure

R.Gleasure@ucc.ie

www.robgleasure.com

IS2802

Contact me at Ext 2503 Room 2.112 R.Gleasure@ucc.ie

Website for this course www.robgleasure.com

Outline of IS2802/IS2803

What we will cover this year IS2802

JavaScript JQuery

IS2803 Database design and SQL PHP

Outline of IS2802/IS2803

Assignments and grading will involve IS2802

Development project with HTML/CSS/JavaScript/JQuery focus (100%)

IS2803 Development project will build upon website built in IS2802,

with additional PHP/SQL functionalities (50%) End of year exam (50%)

The Document Object Model

The Document Object Model (DOM) is an interface between programs and scripts and web documents.

The DOM defines a standard way of accessing and manipulating HTML or XML documents

It is language neutral, so Java, C++, VB, etc. can all use it

It is platform independent, so it is not Windows-only, Mac-only, Linux-only, etc.

The Document Object Model

The W3C DOM is divided into three different components Core DOM - defines a standard set of objects for any structured

document XML DOM - defines a standard set of objects for XML documents HTML DOM - defines a standard set of objects for HTML

documents

The DOM is also divided into three levels: 1, 2 and 3, where each level allows more complex interactions but is less unanimously supported amongst browsers.

The Document Object Model

The HTML DOM presents a document in a tree-structure

image from www.w3schools.com

The Document Object Model

The XML DOM also presents a document in a tree-structure

image from www.w3schools.com

The Document Object Model

Every component of a HTML/XML document is represented in the DOM by nodes

The entire document is a document node Every element is an element node The text in the elements are text nodes Every attribute is an attribute node Comments are comment nodes

Nodes contain relational information stored as part of the DOM, as well as properties and methods for retrieving, deleting or altering data within nodes. These built-in components of the DOM become vital when programmers begin adding scripts to pages

So What Does Object-Oriented Mean?

Seriously, what do you think?

Why would we want to program things for the objects in our webpage?

References and Further Reading http://www.w3schools.com/dom/default.asp http://www.w3schools.com/htmldom/default.asp