IT 361 De ma

see attached

project+presentation

College of Computing and Informatics
Project
Deadline: Thursday 07/12/2023 @ 23:59
[Total Mark for this Assignment is 14]
Students Details:
CRN: ###
Name: ###
Name: ###
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 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.
Project
Pg. 01
Learning
Outcome(s):
2. Create web
pages using
HTML5 and
CSS3.
3. Develop
Project
14 Marks
GROUP PROJECT
In this project, you need to build a website based on an idea you will choose. You can
work on it as a group of a minimum 2 members and a maximum of 3 members.
OBJECTIVES OF PROJECT
This PROJECT aims to evaluate the student’s web development skills:
•
Establish a website with different sections pages based on a real-life problem.
•
Apply HTML markup language, standard and professional elements to structure
the website and present its content.
•
Use HTML5 Forms.
6. Build web
•
Use CSS3 ready styles.
applications using
•
Apply JavaScript to add some interactivity to the website.
PHP and MySQL.
•
Use PHP to link to a simple database.
•
Cooperate with the group members.
dynamic web
pages using
JavaScript.
• Present the project orally.
Tasks
You are required to think of a website that provides a service that attempts to solve a
problem you find in the university.
▪ For example, one of the challenges we have in the university is the long queues to the
food booths. One possible solution is to build a website to allow the students to check
how crowed is a food booth and preorder their meal. You can think of less complicated
or more challenging project idea.
▪ By the end of your project, all the team members must present part of the website
using oral presentation and be able to answer any question.
Project
Pg. 02
WEBSITE REQUIREMENTS
The website must cover all aspects of the course (HTML, CSS, JavaScript, PHP,
MySQL). The following table shows the required tasks.
Task
Description for requirements
Mark
Create HTML including elements (header, footer, list,
table, form …)
•
HTML
•
•
•
PHP and
MySQL
Presentation
4
Design (using CSS) Website demonstrates design
principles: with consistent alignment, proximity,
repetition, and contras, etc.
2
•
Form validation, input/output.
2
•
Create and populate a database in MySQL (1-2
tables).
•
Select records from MySQL database using PHP
•
Insert records into MySQL database using PHP
•
Update records into MySQL database using PHP
•
Delete records into MySQL database using PHP
•
The oral presentation made by all the team members
is excellent and reflects the effort made.
CSS
JavaScript
Your main page on the website should be
index.html.
You should create multiple pages such as contact
us, about, in addition to other content pages.
You should create a top menue for navigation (it
is accepted if links are clear and located in the
same area on each page. All links are functional).
Total
4
2
14
Project
Pg. 03
Important notes:
•
•
•
•
•
•
•
•
The number of Web pages within the website must be at least 4.
The number of dynamic Web pages (using JavaScript) must be at least 2.
The Website must connect to a database (1 Select + 1 Insert + 1 Update
queries)
For form validation, there must be, at least, one popup message that appears
after the submit button has been clicked. The message must contain a list of all
validation errors on the Web page.
The project needs to be submitted in BlackBoard by ONE of the group
members.
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.
Maximum number of students in group is 3. Only the group leader will
upload the final report on the blackboard.
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.
Presentation:
Each group needs to make a presentation of their project based on the following
guidelines:
• The maximum time for a presentation is 5 mins.
• All the group members need to present their work orally.
• You need to make PowerPoint slides. You also need to run/demonstrate your
project pages and present their functionality and interfaces.
• Use any recording software such as Camtasia/Powerpoint to record your
presentation.
• After finishing your presentation recording, upload the recorded video to any
cloud service and paste the access URL here:
O i.e: PASTE YOUR VEDIO URL HERE
Files to submit/upload:
Pg. 04
Project
1. IT361_Project.docx:
The group must use the this file (IT361_Project.docx)
to prepare his answer.
2. IT361_Project.pdf
Prepare a PDF version of this file (IT361_Project.pdf).
3. IT361_Project.zip:
Contains all the files of the project (HTML, CSS,
JavaScript, PHP and MySQL).
HTML
Pg. 05
Learning
Outcome(s):
2. Create web
pages using
HTML5 and
CSS3.
HTML
4 Marks
CSS
Pg. 06
Learning
Outcome(s):
2. Create web
pages using
HTML5 and
CSS3.
CSS
2 Marks
JavaScript
Pg. 07
Learning
Outcome(s):
3. Develop
dynamic web
pages using
JavaScript.
JavaScript
2 Marks
PHP + MySQL
Pg. 08
Learning
Outcome(s):
6. Build web
applications using
PHP and MySQL.
PHP + MySQL
4 Marks