ITAP3012 Developing Web Applications 2022 ITAP3012 Developing Web Applications Individual Assessment Project 1 Individual Assessment: Weightage: 25% Report deadline: Week 5 This assessment relates to...

this assignment of subject developing web application


ITAP3012 Developing Web Applications 2022 ITAP3012 Developing Web Applications Individual Assessment Project 1 Individual Assessment: Weightage: 25% Report deadline: Week 5 This assessment relates to the following Learning Outcomes: LO1 Apply the key features of world wide web, web design and programming features in enterprise application context LO2 Design and develop web client pages using standard mark-up and scripting programming languages and models Overview: In this assessment, you are required to design and develop a static VIT College website. The tutorials will help you to acquire the basic knowledge to complete the website. It is highly recommended that you complete your tutorial work each week. You can also refer to online resources. The following are two great websites to check while coding 1.http://www.w3schools.com 2.https://developer.mozilla.org/en-US/docs/Learn Website Requirements You must adhere the following requirements when developing your website. Home Page Requirement · The filename for homepage should be “index.html”. · The purpose of the website should immediately be clear from homepage · It must contain the short introduction of VIT and the courses offered by the college. A short paragraph (20-50 words) about each course offered. · Make this page more creative than the rest of your web pages. Add images, visually appealing design · Try to reflect VIT style and presentation. First impressions count! Contact Page Requirements · Give this page an appropriate filename, title, heading (and subheading if required). · You should include relevant text with links to contact you such as email and social media. · This page must have an HTML Contact Form using the

element: It must: · Be well-designed and styled with CSS, and its intent must be clear; · Use HTML5 built-in form validation and/or JavaScript to validate the data; · Output error messages/user feedback when there is user input errors or form submission success. Requirements of five additional web pages · In addition to the home and contact pages, you are given creative freedom to design and develop the rest of your website yourself with only a few specific requirements. · You need to design and develop five more web pages for your website for a total of seven that specifically reflect the career focused purpose of the website. · Some suggestions (but you may think of your own) are shown below: · About, Policies and Forms, FAQs, Testimonials, Courses Details, Fees details, Clubs, Library, Blog etc. Note that some of these suggestions above would technically require server-side scripting to fully function. In these cases (such as a blog), create a prototype of this web page, focusing on design and layout, with sample content in place. Content · Give appropriate filenames, titles, headings (and subheadings if required) related to their content. Use at least three piece of media (image/video/audio). · There should be one gallery page which showcase the college events. · The gallery must have some interactive visual features such as thumbnail images that display larger version when clicked. Header · To identify the website as your dedicated website, provide a relevant heading / title banner and/or image/logo Navigation · There should be a clear, intuitive and consistent navigation structure on the website. · You need to think about how you will provide navigation to the user, and whether some pages may be categorized together or not. Footer · An appropriate and intuitive footer must be included on your website. General Requirements · You are not allowed to use any existing templates, or frameworks such as bootstrap etc. You will receive a ZERO score for HTML and CSS marking criteria if you do so. · You are expected to create your own website from scratch using HTML, CSS and JavaScript. (Tutorials and lecture materials and resources can be used to get help BUT do not use design or layout form tutorial exercises). · This assessment is to develop static website so do not use any server-side scripting languages, such as PHP, ASP.NET, etc. · Your design should focus on design rules such as · Rules of good visual design. · Usability guidelines related to color, typography, placement of objects, readability and balance. · A solid understanding of the use of other elements such as; contrast, white space, layout, alignment, etc. (Note: These rules may require some research over the internet) · All text should follow the rules of writing for the web. · Images, sound, and other media file sizes optimized for download and display. · Well-designed unique and creative websites will be awarded appropriately. HTML Requirements · All your html files must use HTML5 syntax. · The structure of your website should be built using HTML5 tags styled with CSS where applicable. Avoid a