College of Computing and Informatics Project Deadline: Sunday 12/05/2024 @ 23:59

College of Computing and Informatics

Project

Deadline: Sunday 12/05/2024 @ 23:59

[Total Mark is 14]

Student Details: CRN:

Name:

Name:

Name:

ID:

ID:

ID:

Instructions:

You must submit two separate copies (one Word file and one PDF file) using the Assignment Template on Blackboard via the allocated folder. These files must not be in compressed format.

It is your responsibility to check and make sure that you have uploaded both the correct files.

Zero mark will be given if you try to bypass the SafeAssign (e.g. misspell words, remove spaces between words, hide characters, use different character sets, convert text into image or languages other than English or any kind of manipulation).

Email submission will not be accepted.

You are advised to make your work clear and well-presented. This includes filling your information on the cover page.

You must use this template, failing which will result in zero mark.

You MUST show all your work, and text must not be converted into an image, unless specified otherwise by the question.

Late submission will result in ZERO mark.

The work should be your own, copying from students or other resources will result in ZERO mark.

Use Times New Roman font for all your answers.

Description and Instructions

Description and Instructions

The aims of this project are to understand the role of the web designer, become familiar with the web design environment, and learn about the tools and programming languages that are required to create a web page.

Project Instructions

The project is a Group work with a minimum of 3 People and a maximum of 4 People.

Each group must submit three files:

1.

Word document of project report.

2.

PDF file of the project report

3.

Presentation in PPT/PPTX format.

Only one of the group members (group leader) should submit all the files on the blackboard.

Your project MUST be original work.

The project will be checked using a plagiarism tool.

Any matching with an online project or another/previous student project will be given ZERO.

Make sure everyone in the group understands the progress of the project. Marks will be deducted if there is an indication of laziness, cheating/plagiarism.

Project Total Marks = 14, divided as follow:

1

– Report and implementation = 10 marks

2

– Presentation = 4 marks

Due date: Sunday 12th May 2024 @11:59 PM

Project Description

Learning Outcome(s):

CLO1: Identify most HTML tags and CSS properties and use a text editor to construct the basic HTML and CSS structure for a webpage.

CLO3: Evaluate the effectiveness of a web design in respect to its context.

CLO4: Develop websites that present information, graphics and hypertext using CSS and JavaScript.

Description and Instructions

You are a web designer capable of creating a business portfolio for any organization. You are requested to select an organization and create a website that serves as a portfolio that briefly showcases the mission, vision, goals, services, products, and other relevant information of the selected organization.

Project Requirements

The website must cover all aspects of the course (HTML, CSS, JavaScript). The following table shows the required tasks along with marking criteria. Task Requirements Description Mark HTML

Create HTML including elements (Paragraph, Headings, Header, Footer, Navigation, Lists, Links, Tables and Form)

The main page on the website should be index.html.

The website must have at least five pages (excluding the main page).

The website should contain a navigation bar and it should be consistent across the website and all links are functional.

4 CSS

Design: The website follows design principles such as consistent alignment, proximity, repetition, and contrast, etc.

Responsiveness: The website should look good and work properly on all devices (desktop, laptop, tablet, mobile)

3 JavaScript

The website should contain Form validation, and Popup windows.

2 Report document

The report should be completed and well-organized.

It should include an overview of the selected organization and the source code (copy the code

1

Description and Instructions

and paste it in the specified place, DO NOT

take a screenshot of the code! The code must be editable) Presentation

The oral presentation made by all the team members is excellent and reflects the effort made.

You are required to open your website and navigate through its pages during the presentation.

4 Total 14

Overview about organization

Overview about organization

HTML

HTML

4 Marks

CSS

CSS

3 Marks

JavaScrip

JavaScrip

2 Marks