COMP3322/CSIS0322 Modern Technologies on WorldWide Web

Assignment 2 (9%)

[Learning Outcomes 2, 3]

Due by: 23:59, Tuesday March 10 2015

Overview

In this assignment you are going to develop your professional Curriculum Vitae (CV)in XML. Through this assignment we will practice the use of XML, XSD, XSL, HTML,and CSS.

Part I. Complete an XSD schema for your CV (35 marks)

Create a W3C XML Schema filemyCV.xsd, according to the following requirements:

1. Root element should be . (2 marks)

2. should have the following 6 child elements as in thefollowing order.

i. (1 mark)

ii. (3 marks)

iii. (3 marks)

iv. (3 marks)

v. Add another element with type defined by . (4 marks)

vi. Add another element with type defined by . (4 marks)

3. should have 4 child elements appearing in thefollowing order.

i. (exactly one Name) (6 marks)

ii. (at least one email address and at most 3 email addresses areallowed) (3 marks)

iii. (exactly one photo) (3 marks)

iv. (exactly one gender) (3 marks)

4. should have the following 3 child elements, which can appear inany order.

i.

ii.

iii.

5. contains the first name, with the type of xs:string.

6. contains the middle name, with the type of xs:string,this is an optional element.

7. contains the last name, with the type of xs:string.

8. contains the email address, with the type of xs:string.

9. contains text in URL format (use the type xs:anyURI).

10. contains text in string format, with more restrictions: either

Male or Female.

Part II. Develop your CV in XML format (15 marks)

Given the XML Schema myCV.xsd created in Part I, create your own CV file myCV.xmlin XML format. The file should be both well-formed and valid according to theschema definition in myCV.xsd. Take this as a chance to organize an online CV thatyou may wish to use in your own website.(1. If your xml is not well-formed, 5 marks will be deducted.)(2. If you miss one required element, 5 marks will be deducted.)

Part III. Create an XSL file that transforms your CV to HTML (35 marks)

Create myCV.xsl that transforms myCV.xml to an HTML page. Please note thefollowing requirements:

1. The transformed HTML page should contain 3 divisions (i.e., ):

HeaderContentFooter

(5 marks for implementing Header, Content and Footer divisions.)

2. In the Content division:

a. There should be 6 divisions with respect to the 6 child elements of inmyCV.xml. (6 marks: 1 mark for implementingeach of the 6 divisions.)

b. In each division, the corresponding data inmyCV.xml should bedisplayed in the transformed HTML. The data should be properlypresented using HTML elements:

Use at least one list element (ordered or unordered) ( 4 marks) Use at least one paragraph element (4 marks) Use at least one heading element (4 marks) Use at least one image element (4 marks) Use at least one table element (4 marks)

2. State the last-update date in the Footer division (4 marks)

Note: You do not need to submit the generated myCV.html to us. We will useGoogle Chrome to open your myCV.xml to inspect your transformation.(Therefore you need to add some codes into myCV.xml to link it with myCV.xsl).

Part IV. Create CSS to style the HTML page (15 marks)

Create myCV.css that styles the transformed HTML page. Please note thefollowing requirements:

1. Modify your myCV.xsl to link the generated HTML code with the CSS file. (2marks)

2. InmyCV.css, use CSS to display a background image in the Header division (2marks)

3. Include at least one selector to style at least one list (paragraph, headingimage, table) element in the Content division, i.e., at least 5 selectors to stylethe Content division. (10 marks: 2 marks for styling each of the 5 elements)

4. Use CSS to style the text in the Footer division (1 mark)

Submission

You should submit your files (myCV.xsd, myCV.xml, myCV.xsl, myCV.css, images, etc.)

in a file yourCSID_assignment2.zip on Moodle by following the steps below.(Please make sure your .zip file is no larger than 10 MB.)(1) Login Moodle.(2) Find Assignments in the left column and click Assignment 2.(3) Click Add submission, browse your .zip file and save it. Done. You will receive an

automatic confirmation email, if the submission was successful.(4) You can Edit submission to your already submitted file, but ONLY before the deadline.