31268 Web Systems Assignment
31268 Web Systems
Practical Assignment
Due Date:
5:00pm, Friday Week 7
Weighting:
20% of your final grade and will be marked out of 20.
Late submission:
Late assignments will be deducted 2 marks per day late.
More than seven days late the assignment will receive zero.
Special consideration for late submission must be arranged before the due date with the
subject coordinator.
Assignment objectives:
This assignment aims to help meet the following objectives from the subject outline:
#1. Explain the role of an operating system, and manipulate its structure such as processes,
file systems and memory management using Unix based scripting.
#3. Identify and explain the role and function of the Internet, the World Wide Web, and their
components.
#4. Design and implement a web site.
Description
Your task is to write a home page for yourself on the faculty student web server,
https://www-student.it.uts.ed…, and a couple of secondary pages describing your experiences
with computing so far.
This assignment tests 2 main skills – creating a live working web site and demonstrating some basic
HTML/CSS skills.
You will need to:
- If you don’t already have a public web page on the faculty student web server, you will need to set
this up.
See https://www-student.it.uts.ed… for instructions on how to do this. Basically….
a. You will need to create directory called public_html directory in your home directory on
the lab workstations.
Note that this is the same home directory on the rerun.it.uts.edu.au server and is - Web Systems Assignment
2
equivalent to drive X: on the Windows workstations.
b. This should have public execute permission (recall your people and permissions lab?).
c. Your home directory should also have public execute permission, but NOT public read or
write permission.
d. Create a file called index.html in the public_html subdirectory. This file is your home
page. - Create a subdirectory in public_html called “websystems”
- Create a file in the public_html/websystems subdirectory called index.html.
This page should list some information about yourself eg: your name, what course you are doing
etc. Please don’t put any personal information here!!
It should have links to 3 other pages in this
subdirectory- past.html, future.html and comments.html (see below) - past.html should describe your experiences with computing so far (eg: mention your HSC
experience, past work experience, etc) - future.html should describe what you want to do with computing in the future.
- comments.html is where you need to comment on:
a. The technical aspects of your website: eg: describe the structure of your website, what
CSS selectors/id’s etc you used and why you used them.(about half a page)
b. The aesthetics of your website – eg: how users should perceive your page and what
effects you were trying to achieve (about half a page).
An introduction to the aesthetics of Web design can be found
here: http://alistapart.com/article…
and http://www.webstyleguide.com/…
c. The accessibility aspects of your website – eg: how you made your web site usable by
disabled users
A quick guide to accessibility can be found
at https://www.w3.org/standards/… and at http://webaim.org/intro/ - Create a style sheet called websystems.css and modify index.html, past.html and future.html to
use this style sheet. - Modify your main home page index.html to link to your websystems/index.html.
You should try to make this web site as appealing as possible, using style sheets only.
You will lose marks for embedded or inline styles.
You MUST check the validation of your website at http://validator.w3.org/ and your style sheet
at http://jigsaw.w3.org/css-vali… Generally you can ignore ‘information’ messages, but warnings
and errors are penalised.
You MUST use the assignment checker provided (see next item) to give you some feedback on your
assignment. I will start running the actual marking program every evening from 1 week before the due
date – you can see your actual technical mark and can make adjustments until the due time/date. - Web Systems Assignment
3
Site map
Figure 1 Site Map
Submission
You MUST create a hyperlink in your default FEIT home page
https://www-student.it.uts.ed… which points to your websystems directory.
You MUST make your assignment visible to your tutor at the URL
https://www-student.it.uts.ed… and they must be able to view your past.html,
future.html, comments.html and websystems.css files online (where userid is your FIT student
account userid)
This means that your ~/public_html and ~/public_html/websystems subdirectories and files must be
publicly readable and executable.
You will get zero (0) marks for websites email’ed, submitted on UTS online, using Linuxgym or
demonstrated by using the browser to directly load a HTML file (ie: using File -> Open, c:\ or file://
URL’s.).
We will ONLY mark via https://www-student.it.uts.ed… (where userid is your
Faculty of IT userid)
ANYTHING ELSE WILL NOT BE MARKED!!
Do not change the web site after the submission date. Your tutor may take up to 2 weeks to finalise
the marking.
Please read the UTS Online Assignments Discussion board for common questions and answers about
the assignment. - Web Systems Assignment
4
Do not use WYSIWYG tools such as Dreamweaver or Expression Web etc to create this website.
Your tutor may ask you to prove that you wrote this assignment by hand and not with assistance.
Marking Criteria
Mark breakdown:
Technically correct: 30% 6
Comments page: 30% 6
Quality: 15% 3
Peer Marking: 25% 5
TOTAL: 100% 20
Marks will be based on: - Does this page meet the requirements?
- Is it technically correct? (meets validation, structured correctly)
- Is it pleasant and easy to look at?
- Does it use a common style sheet?
Your marks on the comments.html page will be split equally between technical (2), aesthetics (2) &
accessibility (2) comments.
You will peer mark 2 other students – your marks will be based on participation and comment
feedback.
General marking comments: - You MUST have the site layout exactly as described above.
- Do NOT change the filenames or directory location as we use an automated marking checker.
- Minimum HTML 4.01 Strict and CSS 2.1 – our checker can handle most HTML5 and CSS3,
but best to check with OUR online assignment checker. - Do NOT use vendor specific tags or attributes – eg –webkit- -moz- etc as the validator will
penalise you for this. - Do NOT use deprecated tags or attributes.
See http://en.wikipedia.org/wiki/… for a list of deprecated tags
and attributes. - Do NOT use frames or iframes (this causes problem for my validator/assignment checker)
- Additional marks WILL NOT be granted for features such as Flash, fancy graphics,
animations, audio/video, javascript etc. - Don’t bother using CSS positioning or anything else not covered in lectures, labs or tutorials.
- You MUST acknowledge graphic files downloaded from the internet. It is sufficient to put
them in a HTML comment adjacent to the image tag.
This is for legal copyright reasons as well as ethical ones. - You MUST use styles sheets to format your page. This MUST be in one CSS file,
websystems.css - Do NOT use @import since the assignment checker won’t pick this up.
- Do NOT hard-code your page URL’s inside your pages – all links should be “relative”
i.e. any href’s to “https://www-student.it.uts.edu.au/~” will be penalised. - You MUST have:
a. At least 5 CSS classes and 1 CSS id.
b. At least 1 div and 1 span tag per page
c. At least 1 table, 1 list (any type) and 1 image within the entire assignment submission - You do not need to use advanced CSS, e.g: CSS positioning, it is not essential to use them to
layout your web pages. - Web Systems Assignment
5 - Your web site MUST be easy to navigate and read (consider your target audience).
i.e. We expect to be able to point and click, and not press the ‘BACK’ key on the browser, or
type in any extra URL’s in the address bar. - Unreadable or unusable web sites will also be penalised.
i.e. You MUST test your web site with graphics and JavaScript turned off. Is it still usable? - Don’t put advertisements or animations on your web site.
- Do not put private information on your web site eg date of birth, home address, e-mail, phone
number, credit card details!.
i.e. This is a PUBLIC website. - Don’t use bad colour combinations (for example, red on black, purple on black, purple on red,
blue on purple, black on red). If your tutor can’t read it, you will lose marks.
i.e. Don’t become a site on http://webpagesthatsuck.com - Make font sizes reasonable, use style sheets to manage them.
i.e. Consider what will happen if your marker uses a smaller screen (eg: 800×600). - Do not have large image files – keep pictures to less than 100kb, and anything
larger will attract penalties.
i.e. Watch out for large JPG from cameras – use a tool to reduce the size e.g. Microsoft Paint
or Photoshop or GIMP etc. - Do not use BMP or TIF files – these aren’t web friendly.
- Do not make pages so wide that they can’t be read unless you scroll horizontally.
i.e You will lose marks if a tutor cannot read the web page. Recommend testing at 1024×768,
though you should design your web site to cope with larger (and smaller) screens. - You MUST NOT use style sheets or designs from anyone else
- this includes open source and commercial style sheets and frameworks eg bootstrap!
- You SHOULD check your web site on the 2 of the following browsers
- Chrome, Firefox and/or Internet Explorer/Edge
Additional information
Please look at the UTS-Online Discussion Board, Assignment forum, for any questions and answers
about this assignment.
If the question is inappropriate for the discussion board, please email chris.wong@uts.edu.au directly.
Special Consideration:
In general, late submissions will not be accepted without documented evidence of illness or
misadventure.
Students seeking special consideration or an extension on the basis of illness or misadventure must
contact the subject coordinator before the deadline for the assignment, unless the nature of the illness
or misadventure prevents early notification.
Please note that network or server downtime in general is not valid grounds for late submission or an
assignment extension. The exception would be if the faculty servers and/or network were down for an
extremely long duration (at least two days).
Return of results/feedback:
Marks for this assignment will be posted on UTS Online.
In addition, you will receive an individual email showing each of the marking criteria, your mark for
that criterion, and if you did not receive full marks for the criterion, a comment indicating why you
did not receive the full marks available.
Group-work: - Web Systems Assignment
6
This assignment is an individual assessment. No group work is permitted. Please carefully read the
section on “Academic Integrity” below.
Academic Integrity
Students are reminded of the principles laid down in the Faculty’s Statement of Academic Integrity – Good
Practice and Ethics in Informal Assessment found at https://www.uts.edu.au/curren…
Assignments in this subject should be your own original work. The inclusion in assessable work of any material
such as HTML, CSS, code, graphics or text obtained from other persons or sources without citation of the
source is plagiarism and is a breach of University Rule 16.2.2.
Any collaboration with another person should be limited to those described in the “Acceptable Behaviour”
section of the Statement of Academic Integrity. Any infringement by a student will be considered a breach of
discipline and will be dealt with in accordance with the Rules and By-Laws of the University.
This assignment is to be done individually. No group-work is permitted.
Students are not to give to or receive from any other person copies of their assessable work in any form (hard
copy or an electronic file). To do so is ‘academic misconduct’ and is a breach of University Rule 16.2.2. That is,
assisting other students to cheat or to act dishonestly in a submitted assignment.
Accidental submission of another students work as your own is considered to be a breach of University Rule
16.2.2 in that you are acting dishonestly since you should not have a copy of another student’s work.
The Faculty penalty for proven and serial misconduct of this nature is zero marks for the subject.
Referencing requirements and academic standards
You are required to reference the source of ANY HTML, CSS, objects or text which is copied from ANY source
(including the internet, books, software, etc). You also must reference your own prior published work as we use
TurnItIn, Moss and other anti-cheating tools which might accidentally detect your prior work. This can be a
comment in your code/webpage indicating the source and the extent to which you have used the sections of code
that you did not write yourself.
You must acknowledge graphic files downloaded (not linked) from the internet. It is sufficient to put them in a
HTML comment adjacent to the image tag. This is for legal copyright reasons as well as ethical ones.
The only exception to this rule is for code supplied in the subject’s own lab exercises, which need not be
acknowledged. Acknowledgement is required even if you start with existing code and make modifications.
Failure to acknowledge sources will be regarded as unacceptable behaviour in the context of the “Statement of
Academic Integrity” referenced above.
Using code or text that belongs to other students currently or formerly enrolled in this subject (i.e.
copying or sharing code or text) is unacceptable behaviour. - Web Systems Assignment
7
Your Name:
SEMINAR – the Web assignment?
What do you want to display on your PAST page?
What do you want to display on your FUTURE page?
Your Aesthetics : See http://alistapart.com/article…
What do you want to use? Why?