IT 404 Saudi Electronic University Webpages Structure and Design Questions

Description


College of Computing and Informatics
Project
Deadline: Thursday 15/05/2022 @ 23:59
[Total Mark for this Assignment is 15]
Student Details:
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.
IT404 Project
Pg. 01
Learning
Outcome(s):
Recognize and
evaluate a range
of real-world web
IT404 Project
10 Marks
As a web designer, you are required to design a website using the different techniques
and technologies that are introduced in this course. The website idea is determined by
your group.
design
In this project, there are three main phases for creating your website: Design, marking
approaches.
up content using HTML, and adding style to the web pages using CSS (10 marks).
Additionally, you are required to prepare a presentation to demonstrate your work.
Each group will be allocated 10 mins for the presentation (5 Marks).
Identify most
The project should be implemented by a group of three students, and the list of the group
HTML tags and
members must be sent to your respective instructor by the end of week-6 (27th Feb.
CSS properties
2022)
and use a text
There are different requirements for each phase in this project:
editor to construct
Design Phase:
the basic HTML
and CSS
structure for
a webpage.

Overall site Goal.

Who is the site for?

What do they expect to find or do there?

Wireframe and sitemap creation.
Markup Phase:

Use at least 10 different HTML Web elements (paragraphs, headings, images,
lists, tables, forms …)

Navigation: Links should be clear and located in the same area on each page. All
links should be functional
Styling Phase:

Define styles for your web pages using CSS, including the design, layout, colors,
fonts…etc.
IT404 Project
Pg. 02

Website should clearly demonstrates design principles: with consistent
alignment, proximity, repetition, contrast …etc.
Important Notes:

The number of students in each group: minimum 3, maximum 4

The number of Web pages must be at least 8

Use the same theme across the website

Use correct HTML and CSS syntax

Add Navigation menu to all pages (appear at the same area in all pages)
Each student/group has to prepare
1. IT404_Project.docx:
a. Students must use the same file (IT404_Project.docx) to prepare their
answers.
b. For the design part, students must identify the tool or application that is
used in developing the wireframe diagrams and site diagram (Photoshop
or Illustrator…etc.)
c. For each part of the project (HTML and CSS) students must:
i.
copy and paste the website code
ii. add screenshots of the output with a brief explication of each
functionality of the web application.
d. Prepare a PDF version of this file.
2. Project.zip: contains all the files of the project (Design, HTML and CSS).
3. IT404_Project Presentation: shows all the required phases in the project and
display a Demo for the website on the browser.
Student will upload:
1. IT404_Project.docx
2. IT404_Project.pdf
3. Project.zip
Pg. 03
IT404 Project
Design
Pg. 04
Learning
Outcome(s):
Recognize and
evaluate a range
of real-world web
design
approaches.
Design
2 Marks
HTML
Pg. 05
Learning
Outcome(s):
Identify most
HTML tags and
CSS properties
and use a text
editor to construct
the basic HTML
and CSS
structure for a
webpage.
HTML
5 Marks
CSS
Pg. 06
Learning
Outcome(s):
Identify most
HTML tags and
CSS properties
and use a text
editor to construct
the basic HTML
and CSS
structure for a
webpage.
CSS
3 Marks

Purchase answer to see full
attachment

Saudi Electronic University PHP Project Worksheet

Description

This project is about the creation of PHP and MySQL based web application in which you will be required to upload the given data into MySQL database using PHP. You are required to fulfill the following requirements.


College of Computing and Informatics
Project
Deadline: Thursday 12/05/2022 @ 23:59
[Total Mark is 15]
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
Pg. 01
Description and Instructions
Project Objective:
This project is an opportunity for you to practice your knowledge in PHP and MySQL.
It will allow you to develop skills of working in teams.
Project Description:
This project is about the creation of PHP and MySQL based web application in which
you will be required to upload the given data into MySQL database using PHP. You
are required to fulfill the following requirements.
Download the XAMPP server by following the link.
Download XAMPP (apachefriends.org)
1. Install XAMPP on your laptop/computer
2. Go to Kaggle Dataset or Google dataset search
https://www.kaggle.com/datasets
https://datasetsearch.research.google.com/
3. Download any dataset as a CSV file
4. Import CSV File into MySQL using PHP
5. Create an HTML form.
Description and Instructions
Pg. 02
6. Write PHP script for connecting to XAMPP and MySQL database.
7. Execute MySQL query from php using HTML form.
8. Create Dynamic Data Visualization with PHP and MySQL.
9. Create users Registration and Login System with PHP and MySQL.
Submission Guidelines:
1. The project will have two sub-parts namely “report” of 5 absolute marks and
“presentation” of 10 absolute marks.
2. Every group must consist of minimum 3 or maximum 4 students.
3. Presentations will be conducted in Week 15.
4. You are required to submit the report, presentation and the source code on or
before the due data via BlackBoard.
5. Only the Group Leader has to submit the report via BlackBoard. However, the
names and IDs of all the group members should appear on the report.
Marking Criteria:
The program is error-free
/10
HTML form is designed correctly with proper interface
/20
The data is loaded into MySQL database properly
/20
The user registration and login system work properly
/20
Data visualization is achieved
/10
Output screenshots in the report
/10
The code is well documented (commented)
/10
Presentation
/50
Total
/150
Final Grade
/15
Answer
Pg. 03
Learning
Outcome(s):
LO3: Create web
databases using
MySQL.
LO4: Build web
applications using
PHP and MySQL
Answer
10 Marks for project + 5 marks for presentation
1. Brief description
Provide a brief description of your program in this section.
2. Program code
Put the code of your program in this section. Also, submit the source code in a
separate zip file. Do not forget to document (comment) on your code.
3. Screenshots
Put the different screenshots with a brief description in this section (at least 6
screenshots).
Pg. 04
Answer

Purchase answer to see full
attachment