1. IS2802 Introduction to Multimedia Applications for Business Lecture 1: Introduction to IS2802 Rob Gleasure R.Gleasure@ucc.ie www.robgleasure.com

2. IS2802 Contact me at  Ext 2503  Room 2.112  R.Gleasure@ucc.ie R.Gleasure@ucc.ie Website for this course  www.robgleasure.com www.robgleasure.com

3. Outline of IS2802/IS2803 What we will cover this year  IS2802 JavaScript JQuery  IS2803 Database design and SQL PHP

4. 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%)

5. 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.

6. 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.

7. The Document Object Model The HTML DOM presents a document in a tree-structure image from www.w3schools.com

8. The Document Object Model The XML DOM also presents a document in a tree-structure image from www.w3schools.com

9. 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

10. So What Does Object-Oriented Mean? Seriously, what do you think? Why would we want to program things for the objects in our webpage?

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