$34.99
SENG1050 - Assignment 1 Solution
The objectives of this assignment are to test your ability to create XML documents that contain well-defined information and to develop web pages using HTML with CSS. This assignment will be developed further in Assignment 2.
You are NOT allowed to use tools which generate HTML, XML, XSLT or CSS code, either from a visual representation or otherwise. This includes DreamWeaver, Microsoft Frontpage, saving to HTML from MS Word, etc. You must write all code yourself in a plain-text editor such as NotePad. Any assignments that use code generated from a tool will be given ZERO.
Outline
Newcastle travel agent goHoliday plans to expand their business through online selling of holiday packages and providing holiday advice to customers. The first step is to build a website to allow customers register online and book different types of holiday packages such as adventure holidays, beach holidays, family holidays, budget holidays, luxury holidays, season holidays, cruise holidays, or honeymoon holidays.
As a promising student of SENG1050, you are invited to develop a web site for goHoliday. To construct the web page, you will choose 2 of the categories listed above. For each category, you will provide a page listing 3 holiday packages. For example, if you choose Beach Holiday as a category, your page will list 3 beach holiday packages.
Your task is to present these holidays as appealingly as possible on the web. This will involve,
1. Creating an XML template and DTD
2. Creating two XML documents
3. Developing a home page for the site.
Details of all these requirements are given below.
XML Template
XML Specification
As new attractions are discovered and tourism opportunities developed, new categories of holidays can be created and promoted. For example, the future development of consumer-level space flight is expected to eventually lead to the creation of space holidays. So goHoliday's IT team, responsible for page updating and maintenance, will need an XML template that they can copy and use for all new categories. The template will be used for your example holidays described below.
The document should be able to store as many holiday packages as required within a given category. You will decide the tags that you wish to use to describe the holiday. For each holiday, you will at least have element tags for the following items:
Package Name (only one)
Description (only one)
Number of Nights
Popularity (number of stars out of five)
Accommodation Options (at least one)
Location
Additional cost (or mark as included with the package)
Coupon Code (zero or one)
Reviews (zero or more)
The filename of a promotional picture (one or more, use a relative path)
URL of the destination's external promotional webpage (use an absolute path)
At least 1 tag must have an attribute. If you include only the items mentioned above you will NOT get full marks for the assignment. In addition, you will add at least 2 more tags that make your template different from others.
DTD
You will write a DTD for your XML. Generally, it is your choice whether the DTD is internal or external; however, for the SENG1050 assignment, you will make the DTD internal because it is easier to validate your XML and DTD.
Your DTD will to describe all the tags and attributes that you used in your XML. It is important to use optional modifiers (+, *, ?) to indicate how many instances of each tag are allowed.
In your DTD, define at least one entity (<!ENTITY>) and use it in the XML document.
XML documents
Once you have your XML template with DTD, you will make 2 separate XML documents by:
Choosing two categories, and
Creating one XML document for each category.
Note:
Homepage Development
You will develop the Homepage for goHolidays by creating the following files:
General Requirements
Page will be coded according to the HTML5 standard.
Page will contain the full HTML5 document structure, including <!DOCTYPE>, <html>, <head>, <title> and <body>.
Page will use Cascading Style Sheets (CSS) for visual formatting. You must use an external style file and a few (NOT many) inline
Your assignment directory will contain a sub-directory, named images with all the image files you are using in your web pages.
A nice, non-intrusive background image will be used for the page.
Left side margin will be 1cm.
The page will have good readability, consistency and navigation.
Use CSS as follows:
Use a class attribute and a CSS .xxx selector to style multiple elements with the same class
Use at least one <div> and use CSS to provide some interesting styling for it (your choice of borders, background, floating alignment, etc.)
Use at least one <span> to provide some formatting (e.g. a colour or font change) for a few words of text
Provide comments for your HTML code
Detail Description for Homepage
Your submission will contain a homepage called index.html. This page will contain the following elements (in addition to the General Requirements):
A descriptive title
The text that appears in the browser window’s title bar.
Navigation bar (Menu bar)
Hyperlinks from the index page to other pages (two XML pages).
These links will use a relative URL.
Headings at more than one level, with <h1> formatted to make a nice looking title for the pages.
Level 1 heading appropriate for the homepage. Centre the heading.
The page must have a couple of level 2 headings, which should be underlined.
Meaningful headings for each section. All level 1 and 2 headings must be in uppercase and this must be controlled by the external stylesheet.
Several paragraphs of text
A paragraph welcoming people to the Web site. This particular paragraph should use a font size larger than other paragraphs.
Use a CSS to control at least a few aspects of text rendering (e.g. colour, font-styles, text-align, etc.)
List 3 holiday packages
Use an unordered list or an ordered list
Short descriptions for each holiday (no details needed, they are provided on the holiday pages)
One image for each holiday package
Use an <img> tag
Float them to the left side of the webpage using CSS. Add box information (margin, padding and/or border) to make it look nice on the webpage.
Keep images in the images folder you created.
The above mentioned welcoming paragraph and the short description must have some abbreviations.
One hyperlink to an external website (e.g., http://www.newcastle.edu.au), but related to the course in some way. This must be an absolute URL.
Choose some other tag, such as EM, STRONG, P, or BLOCKQUOTE. You can customize that tag in your external style sheet.
External Style Sheet
Once your Homepage is written, create an external style sheet (style.css) to define the style of the Homepage. The external style sheet will specify:
The style of a header tag
The background image, and the default font family, size, and colour for the text
The style of the tags you used
Use a document-level style for some tags, AND an inline style for some other tags.
Use at least one ID and one class selector in CSS.
Coding Style
Other than the specifications mentioned, the way you design your page is up to you. However it should use semantically-correct tags.
Your creation must be fully valid HTML5 and CSS.
Submission
Submission will be via the Assignments page on Blackboard. To submit your files, place them all into a single .zip archive containing every file and submit it using the Web form in the Assignment 1 area. The .zip archive should be named cXXXXXXX.zip archive where XXXXXXX is replaced by your student id.
Your submission will contain:
1. A template file (containing XML and DTD), two XML files (each XML file contains an internal DTD), a html homepage and a CSS file.
If there are any other files that are part of your assignment (e.g. graphics files), include those too. You will also include a
README.txt file, containing your student number, a list of the files that are part of your submission, and references to any external content (such as images) that you have taken from other sources.
2. A completed Assignment Cover Sheet. You can download an Assessment Item Cover Sheet for Individual Assessment of
SENG1050 from BlackBoard or from SUBMITTING AN ASSESSMENT, then fill in the details and include it with your submission. An Assignment Cover Sheet submitted electronically is deemed to have been signed. Your assignment cannot be marked until a completed cover sheet is received.
Failure to submit correctly is not of itself a sufficient reason to apply for Adverse Circumstances on the assignment.
Marking Guide
Total Marks: 100
XML and DTD Template Page: 30
XML pages: 30
Homepage and CSS: 35
Aesthetic appearance, neatness, spelling and grammar and correctly following instructions: 5
Remember, all XML, HTML and CSS pages must be valid. You should check your work before submitting at https://validator.w3.org for HTML and CSS, and https://www.xmlvalidation.com/ for XML.
