Based on photo by dhester from morgueFile.com
Based on photo by dhester from morgueFile.com

Link to all EDSS classes     Class 1     Class2     Class3     Class 4     Class 5

EDSS is a combination of Create an Extensible Document (ICPMM491D) and Create an Extensible Style Sheet (ICPMM492D). This class is a cluster of the two units, that will be delivered together.

Overview

  • XML Summary
  • Creating a Style Sheet
  • Including Meta-Data in a Website
  • Internal DTD Declaration
  • Assessment

XML Summary (>W3Schools)

XML can be used to exchange, share, and store  data.

XML documents form a tree structure that starts at  “the root” and branches to “the leaves”.

XML has very simple syntax rules. XML with  correct syntax is “Well Formed”. Valid XML also validates against a DTD.

XSLT is used to transform XML into other formats  like HTML.

All modern browsers have a built-in XML parser  that can read and manipulate XML.

The DOM (Document Object Model) defines a standard  way for accessing XML.

The XML examples on W3Schools also represent a summary of this XML tutorial.

Creating a Style Sheet

Look at the style sheet used in the example of this XML/XSLT editor on W3Schools. It uses XSLT. Change aspects of it, replacing style elements. Change the colour, the border…

Including Meta-Data in a Website

Including meta-data in a website is best done in the HTML code. Use the head section to include your meta-data. Look at this link to see how to include it: Head Element With Meta Tags in HTML.

Examples:

  • Define keywords for search engines: <meta name=”keywords” content=”HTML, CSS, XML, XHTML, JavaScript”>
  • Define a description of your web page: <meta name=”description” content=”Free Web tutorials on HTML and CSS”>
  • Define the author of a page: <meta name=”author” content=”Hege Refsnes”>
  • Refresh document every 30 seconds: <meta http-equiv=”refresh” content=”30″>

Internal DTD Declaration

The internal DTD declaration is placed inside the XML document. See example on W3Schools.

Assessment Task

You will use the  XML/XSLT online editor on W3Schools to create an XML document with internal DTD declaration as well as a XLST document with integrated Meta-data.

Task:

Create two price lists with the help of two well formed and valid XML and XSLT files. Use the W3School online editor (as per last link above) and save the xml file as menu.xml and the xslt as menu.xslt.

Price List 1 is supposed to be for a cafe menu. Include a column for 8 or more food item and one for the price and description. You will need to make the descriptions and cost up.

Include an internal DTD in the XML document. You need to rename the individual parent and child elements. Do not use the elements in the example!

Incorporate the meta data into the HTML part of the XSLT document. The meta data needs to include: keywords, description and author.

Price List 2 is supposed to be for a purpose of your choice (eg a book catalog or supermarket stock). Apply the same principle and save as xml and xslt.

Submit the 2 xml and 2 xslt files on MyKangan.

Due Date: 19/7

Note: Your comments and feedback are as always welcome. Please leave additional information for other users. Thanks!

Based on photo by dhester from morgueFile.com
Based on photo by dhester from morgueFile.com

Link to all EDSS classes     Class 1     Class2     Class3     Class 4     Class 6

EDSS is a combination of Create an Extensible Document (ICPMM491D) and Create an Extensible Style Sheet (ICPMM492D). This class is a cluster of the two units, that will be delivered together.

Overview

In today’s class you will learn about DTD.

We will have a Guest Speaker.

Today’s Class

Revisiting some aspects of last week’s class, here is an example of the tree structure of an XML document:

Tree Structure of XML Document - from W3Schools
Tree Structure of XML Document – from W3Schools

The image above represents one book in the XML below:

XML document

The root element in the example is <bookstore>. All <book> elements in the document are contained within <bookstore>.

The <book> element has 4 children: <title>,< author>, <year>, <price>.

More on XML Tree

DTD

Use the DTD section on W3Schools to 1.research and 2.document the points below.

Please document your DTD research by  answering all questions in the document:>Class 5 – DTD Documentation. Upload the completed document to MyKangan!

List of Questions/ Tasks

These questions can be found in the attached Word File.

  1. What does DTD stand for and what is the purpose of a DTD or why would you use it?  Link: W3Schools – DTD Link2: W3Schools DTD Intro
  2. List an example for a DTD – the syntax!
  3. What is an internal DTD? Same link as above.
  4. Give an example of an internal DTD, use the correct syntax. Same link as above.
  5. Describe external DTD! Cover how it is linked through a DOCTYPE definition. Same link as above.
  6. Create a DOCTYPE definition for a DTD called Message. See example at same link as above.
  7. Give an example of an element declaration. Link: W3Schools – DTD Elements
  8. Give an example of an element declaration with parsed character data. Same link as above.
  9. Give an example of an element declaration with any content. Same link as above.
  10. Give an example of an element declaration declaring one occurrence of an element. Call the element process and the occurence contingency. Same link as above.
  11. Give an example of an element declaration declaring minimum one occurrence of an element. Call the element process and the occurence contingency. Same link as above.
  12. Give examples for
    • declaring zero or one occurance
    • declaring either/or content
    • declaring mixed content

W3Schools > We will use W3Schools when learning about the Markup languages.

Guest Speaker

Michael Ball is the manager of SSR at Kangan. He will provide an inside into his work and share his hands-on experience and methods of Operational Planning. As announced – this talk has been scheduled in for Operational Planning.

Please take notes and use the information for your assessment task.

Note: Your comments and feedback are as always welcome. Please leave additional information for other users. Thanks!

Based on photo by dhester from morgueFile.com
Based on photo by dhester from morgueFile.com

Link to all EDSS classes     Class 1     Class 2     Class 3     Class 5

EDSS is a combination of Create an Extensible Document (ICPMM491D) and Create an Extensible Style Sheet (ICPMM492D). This class is a cluster of the two units, that will be delivered together.

Overview

In today’s class you will learn about XML.

Today’s Class

Use the XML section on W3Schools and/or Tizag to 1.research and 2.document the points below.

Please document your XML research by  answering all questions in the document:>Class 4 – XML Documentation. Upload the completed document to MyKangan!

List of Questions/ Tasks

These questions can be found in the attached Word File.

  1. For what purpose was XML created?  Link: W3Schools – Home
  2. List some of the uses and benefits of XML!  Link: W3Schools – How canXML be used?
  3. XML documents are quite sensitive and the syntax (arrangement of words) must be followed exactly.
    Describe XML syntax:  what does it need to include and what is the structure?  Link:W3Schools – XML Tree Link:W3Schools – Syntax Rules
  4. What is an XML element and what may it contain? Link: W3Schools – XML Elements
  5. What are attributes? Give an example of the syntax (how it is used in XML). Link: W3Schools – XML Attributes
  6. What advice is given in regards to using attributes and elements in XML? What does the writer say about storing meta data and  storing data? Link:W3Schools – XML Attributes
  7. Define ‘Well Formed’ XML document and paste the example supplied on W3Schools! Link: W3Schools – Validation
  8. Define ‘Valid’ XML document and paste the example supplied on W3Schools! (Use previous link)
  9. What is the difference between a Well Formed and a Valid XML document?  (Use previous link)
  10. What does DTD stand for? What is its purpose? Paste the example of a DTD used on W3Schools.  Link: W3Schools – Validation    Link: W3Schools –Introduction to DTD
  11. W3Schools has a validator for XML. What does a validator do? Find other online or downloadable validators and provide links. Link:W3Schools -Validator
  12. View how CSS can be used to display XML. Explain what the CSS does by using an element and describing the outcome. Use the code provided at the link and a screen shot of the outcome. Link:W3Schools – XML with CSS
  13. What is XSLT? What does it do? Link:W3Schools – XML and XLST
  14. Imagine that you have an online shop and you need to adjust the prices. Use the supplied link and adjust the prices as this: Belgian Waffles:$ 4.95, Strawberry Belgian Waffles:$ 8.95, Berry-Belgian Waffles (SPECIAL):$ 7.95, French Toast $5,95, Homestyle Breakfast – $8.95
    Insert the XML code in the blue box! Link:W3Schools – TryIt Editor XML/CSS

W3Schools > We will use W3Schools when learning about the Markup languages.

Note: Your comments and feedback are as always welcome. Please leave additional information for other users. Thanks!

Based on photo by dhester from morgueFile.com
Based on photo by dhester from morgueFile.com

Link to all EDSS classes     Class 1     Class2     Class4     Class 5

EDSS is a combination of Create an Extensible Document (ICPMM491D) and Create an Extensible Style Sheet (ICPMM492D). This class is a cluster of the two units, that will be delivered together.

Overview

In today’s class you will do more JavaScript research by using W3Schools:

Read up on HTML on W3Schools

Read up on JavaScript on W3Schools

JavaScript - F.Viola
JavaScript – F.Viola

Today’s Class

Use the JavaScript section on W3Schools to 1.research and 2.document the points below.

You can document your research and definitions in a Word document. Use this template >JavaScript Documentation2  or create your own!

  • Describe what a Variable is in JavaScript terms. Give an example when you could use a variable.
  • Define Data Types in JavaScript! W3Schools refers to 7 Data Types.
  • Define Objects in JavaScript!
  • What are Comparisons and what are they used for!
  • What are Functions and what do they do?
  • Describe Loops!
  • What types of Loops are there and what are they used for?
  • Research examples for JavaScript use! List a 10+ uses and describe what the JavaScript does. >30 Brilliant Examples of JavaScript Use
  • What is JQuery and what does it do?
  • Try a JQuery Effect in the TryIt Editor, eg jQuery slideToggle(). Change some elements, eg text. Describe what it does. Do you like it?

W3Schools > We will use W3Schools when learning about the Markup languages.

Note: Your comments and feedback are as always welcome. Please leave additional information for other users. Thanks!

Based on photo by dhester from morgueFile.com
Based on photo by dhester from morgueFile.com

Link to all EDSS classes     Class 1     Class 3     Class4     Class 5

EDSS is a combination of Create an Extensible Document (ICPMM491D) and Create an Extensible Style Sheet (ICPMM492D). This class is a cluster of the two units, that will be delivered together.

Overview

XML is a central aspect of this class. We will use W3Schools to learn XML.

XML is connected to HTML and JavaScript. You need to learn the basics of both:

Read up on HTML on W3Schools

Read up on JavaScript on W3Schools

Today’s class is about JavaScript.

JavaScript - F.Viola
JavaScript – F.Viola

Today’s Class

Use the JavaScript section on W3Schools to 1.research and 2.document the points below.

You can document your research and definitions in a Word document. Use this template > JavaScript Documentation  or create your own!

  • Definition for JavaScript, including the purpose and context of other Markup Languages
  • Definition HTML DOM and example of a HTML DOM tree found on W3Schools
  • Can JavaScript be inserted into the Head or Body section of an HTML document?
  • How is JavaScript inserted into HTML?
  • Give an example of a Script Tag
  • What file extension will you need for an external JavaScript file?
  • Do external JavaScript files use <script> tags?
  • Write document output: Look at this example on the TryIt Editor and  change the Script so that it writes the <h1> and not the <p> content, change the <p> to HTML.
  • What is a JavaScript statement? Define and give an example!
  • How do you separate statements?
  • Is JavaScript case sensitive?
  • Write document output 2: Look at this example on the TryIt Editor and  change the Script so that JavaScript creates the <h1> Good Morning and an additional <h2> What I love? while HTML is responsible for <p>The smell of coffee.
  • The For Loop: Use the example provided for cars on the TryIt Editor and change it to write 6 brands of chocolate. Make sure to change the string (or text value=cars to something more appropriate).
  • Data Types – define: dynamic (data) types, JavaScript Strings, JavaScript Numbers, JavaScript Booleans, JavaScript Arrays, JavaScript Objects.

W3Schools > We will use W3Schools when learning about the Markup languages.

Based on photo by dhester from morgueFile.com
Based on photo by dhester from morgueFile.com

Link to all EDSS classes     Class2     Class 3     Class4     Class 5

Welcome to your first class of EDSS, which is a combination of Create an Extensible Document (ICPMM491D) and Create an Extensible Style Sheet (ICPMM492D).

This class is a cluster of the two units, that will be delivered together.

Create an Extensible Document

… requires the individual to create an extensible markup language (XML/PPML)
document for content publishing that is well-formed, free of errors, meets the needs of the
business and is extensible to meet future business needs.

In more detail, you will learn to:

  1. Define document structure
    > details required for the job are checked and confirmed against the job specifications
    > mark-up language version and the character encoding used in the document (or declaration statement) are defined and/or inserted in the document
    > an external or internal Document Type Definition (DTD) or mark-up language schema is chosen and correctly wrapped and referenced depending on project requirements
    > root element is correctly defined and all elements are accurately nested
    > attribute types and default values are declared, where necessary
    > occurrences of elements are stated and elements of mixed content declared
  2. Confirm validity
    > start and end tags are included and closed to ensure no element errors
    > namespaces are used to resolve name conflicts
    > the document is well-formed, error-free and conforms to the mark-up language syntax rules
    > the document conforms to the rules of a Document Type Definition (DTD) or the mark-up language schema
  3. Finalise and test document
    > character data (CDATA) sections are added to the document structure
    > the final document is viewed with a mark-up language parser
    > the mark-up language document is well-formed, free of errors and meets the needs of the business
    > the document is linked to an extensible style sheet and template and tested
    > the document is extensible to meet future business needs

Create an Extensible Style Sheet

… requires the individual to create extensible style sheets for electronic publishing or online documents including computer screens and handheld devices.

In more detail, you will learn to:

  1. Prepare the source document:
    > by validating it as free of errors,
    > by confirming the style and transformation requirements of the source document,
    > by confirming the required advanced styling requirements,
    >
    by confirming the different media, display formats and target audience
    > preferred platforms and abilities
    > by preparing the source document for the style sheet
  2. Create the style sheet:
    > design multiple templates and apply them to the style
    sheet
    > use the required presentation styles
    > incorporate transformation requirements into several style sheets
    > link or associate the style sheet with the source document
    > test the link
  3. Test the style sheet:
    > validate style sheets are to ensure correct presentation and transformation
    > update the style sheet is if errors occur and validate again
    > link the style sheet to a data-store and to a digital template and test
    > make the style sheet extensible to meet future business needs

Assessments:

There will be 2 assignments, for each you will have to

  • create an extensible mark-up language document, that is well formed, free of errors, meet the needs of the business and is extensible to meet future business needs.
  • create extensible style sheets for online documents or electronic publishing
  • create a testing method (eg a flow chart).

Direct questioning and in-class participation will be included as a form of validation. If you participate well in class it will make it easier for me to mark you as competent.

In-class Task:

Research the acronyms below! You can present your findings as a table.

  1. What does the acronym stands for?
  2. What does it mean, or do or what is the function?
  3. Find an example of coding or document structure and copy or screen print it!

HTML XML PPML SGML CSS XSL PRISM DSSSL

For in-class discussion and submit your document on MyKangan (available by next class).

W3Schools > We will use W3Schools when learning about the Markup languages.