Swinburne University of TechnologyDepartment of Foundation and PathwaysCOS10020Creating Web ApplicationsAssignment Part 1A, TP 1, 2019Develop a simple static websiteImportant Dates:
Due Date ESP
End of Week 5 – 24th March 2019, 11:59PM(Late submission penalty 10% of total available marks per day)
Demonstration
Your tutorial: Week 6
Contribution to Final Assessment: 20%Note: You must meet the Essential Requirements of this assignment to be eligible to submitAssignment 1B (and 2).This is an Individual Assignment. All work must be your own. Submissions are automaticallychecked for similarities. Unexplained similarities may constitute plagiarism. Carefully read thesection on plagiarism in the Unit Outline before you proceed (including the section forbiddingsharing your work with others).Purpose of the assignmentThis individual assignment will familiarise you with the techniques and skills involved indesigning and creating static webpages utilising validated HTML and CSS created with astandard text editor. You will deploy these Web pages on a Unix / Apache server. This should bedone in a way that keeps HTML content and CSS presentation separate, as discussed in thelectures.No JavaScript is to be used in this part of the assignment – we will use JS in Part B.The essential requirements for this assignment are listed in the marking guide. In general the webpages must:• have relevant content• must include the HTML markup specified in the marking guide• must validate to HTML5 without errors• must be styled by a validated CSS3 file• must be linked to each other via a menu• must be deployed on Mercury.COS10020 Creating Web Applications Assignment Part 1A – TP 1 2019 Page 2 of 11Scenario:The Beta company (Refer to INF20015 project specification) wants to develop a website that willenable it to advertise vacant positions. These have a ‘position description’ that sets out thequalifications, skills and knowledge required. Potential applicants for the position will be able tosubmit an online form to apply for a position.In this assignment you will develop a prototype of this website. The website you develop willconsist of the following Web pages, accessible from a common menu on each page:• Home page with details of the company (index.html)• A page of job descriptions (jobs.html)• A job application page (apply.html)• A page with your personal details (about.html)• A page which lists any enhancementsyou have made (enhancements.html)You will also include• A CSS file that styles your website (style.css).Content and presentation of Web PagesHTML ElementsThe website must be developed using HTML5 to describe the content and logical structure.Web pages should not contain any deprecated elements/attributes.The following HTML elements must be used in this assignment• General
o
Comment, Head, Title, Meta, BodyAs appropriate to each page
• Structureo Header, Navigation, Footer, Section, Aside Used in most pages• Contento Heading levels, Paragrapho Ordered list, Unordered list, Definition list, Table, Image and Anchorso Other elements as detailed in the page requirements shown belowo A Form, with labelled and grouped form control elements which validate user inputWhere “in-house” templates have been defined in this unit (e.g. for meta-data; tables; etc.) theseshould be followed.All Web pages should have a consistent layout and navigation.The HTML in your Web pages must validate against the W3C HTML5 validatorhttp://validator.w3.org/nu . It is also desirable that markup should be well-formed XML.Accessibility guidelines should be followed, especially for media, tables and forms.Elements such as block quotes, strong, emphasis, among others can be used, if deemed necessaryand appropriate for the content.Generic structural elements like div or span should only be used where there is not a moreappropriate or meaningful HTML5 element (e.g. section or strong).Pages should not contain any deprecated elements/attributes (e.g. <i> , <b>).Do not use iframe elements in your assignment.You must call these filesexactly by these names,otherwise the markingprogram will not knowthey exist!COS10020 Creating Web Applications Assignment Part 1A – TP 1 2019 Page 3 of 111. Home page (index.html)This page should contain appropriate title, a description and graphic related to the Beta company. Itis up to you to make up little more details of the company (apart from INF20015 projectspecification). It should contain a menu that links to the other pages on your Web site. This samemenu should be in every page of your website with an email link to your student email.2. Position Descriptions page (jobs.html)You need to write a web page with at least 2 position descriptions. For one of these your tutor willallocate you a job title. For the second position, the choice of IT job type is entirely up to you (basedon the case study).The HTML on this page must contain:• Hierarchically structured headings of at least 2 levels• More than one <section>• An <aside> with appropriate content• At least one ordered list• At least one unordered list• The page should also have an appropriate footer.Your job descriptions should be concise but as a minimum include :• Company’s position description reference number (5 alphanumeric characters)• Position title• Brief description of the position• Salary range• The title of the position to whom the successful applicant will report• Key responsibilities. A list of the specific tasks that are to be performed• Required qualifications, skills, knowledge and attributes. These should be divided into“essential” and “preferable”. These requirements should include such things asprogramming languages required, number-of-years of experience required, etc.. (if theposition is elated to IT programming)The content of the job description should be appropriately structured with headings, sections,subsections, lists etc. using the appropriate HTML elements.Sources / References:• You can use material from other websites but the source of all material must beacknowledged. This acknowledgement should be immediately after the materialand include a hyperlinked URL to the original source. The text of the hyperlinkreference can be a short name but the hyperlink must work.• If you are unsure of what is contained in a position description there are manyresources on the web. Here is one: http://recruitloop.com/blog/how-to-write-ajob-description/COS10020 Creating Web Applications Assignment Part 1A – TP 1 2019 Page 4 of 113. Job application page (apply.html)This page has a form that allows a potential candidate to register their interest in the advertisedposition. HTML5 data validation should be used to check the user’s input.The form will allow a potential applicant to fill in the following:
Field
Format requirement
Job reference number
exactly 5 alphanumeric characters
First name
max 20 alpha characters
Last name
max 20 alpha characters
Date of birth
dd/mm/yyyy
Gender
radio inputs grouped using a fieldset and legend
Street Address
max 40 characters
Suburb/town
max 40 characters
State
drop down selection fromVIC,NSW,QLD,NT,WA,SA,TAS,ACT
Postcode
exactly 4 digits
Email address
validate format
Phone number
8 to 12 digits, or spaces
Skill list – the last item in listshould read “Other skills…”
checkbox inputs
Other skills
textarea
All inputs should have labels. All form values, except the comment textarea are ‘required’ or havea default value (e.g. select and checkbox inputs). The user should not be able to submit the formif any of these required fields are blank.Data Submission to ServerThe form should have a submit button labelled “Apply”. When this button is clicked the namevalues from the associated form should be sent to the server using
What Students Are Saying About Us
.......... Customer ID: 12*** | Rating: ⭐⭐⭐⭐⭐"Honestly, I was afraid to send my paper to you, but splendidwritings.com proved they are a trustworthy service. My essay was done in less than a day, and I received a brilliant piece. I didn’t even believe it was my essay at first 🙂 Great job, thank you!"
.......... Customer ID: 14***| Rating: ⭐⭐⭐⭐⭐
"The company has some nice prices and good content. I ordered a term paper here and got a very good one. I'll keep ordering from this website."
