|
Task Details: Assessment Task No. 1 Submission Instructions 1. This is an assessment task and will contribute
towards your FINAL assessment. 2. It is vital that your work is continually saved to
Cloud Storage, on to the school network. No excuses are acceptable for
loss of work due to computer or student error. All of your work should be done
on school equipment. 3. Students are to deploy the final project into School's Web/PHP/SQL server. It is up
to the students to ensure that it has saved properly and can be opened. 4. Work must be easily viewed using any school
computer Outcomes being assessed 1. knowledge and understanding of a
range of computer software and hardware, 5.1.1, 5.1.2 2. problem-solving and critical
thinking skills in order to design and develop creative information and software
technology solutions for a variety of real-world problems,
5.2.2 3. responsible and ethical attitude
related to the use of information and software technology, 5.3.1,
5.3.2 Task Description Summary: 1.
Students are to complete the GrokLearning "Introduction
to HTML/CSS" modules. 8
sections, 4 parts to each section. 2.
The with the skills acquired, create a series of
html and php pages based on a theme of your choice, which will combine to form
an informative and fun quiz website. 3.
Each activity requires students to upload files to
the school's testing server for server side operations to take place. 4.
Development may be completed using a local
webserver/database – such as Laragon WAMP server.
In order to
undertake this task you need to : Task 1: GrokLearning Skills Development 1. Complete all the 8 lessons on Grok learning ‘Introduction to
HTML/CSS’ Task2: Design of Webpage 1.
Students must design a
website with a single theme of your choice, using the HTML learnt in class, a
series of linked pages which must include the following. a.
Index page – ·
Using correct
file name for the home/index page of a website. ·
Include
range of relevant multimedia elements on this page – video/audio/image/text
etc. b.
Log in page – · Details need to be verified against a database – see Task 2a c.
Self Marking Quiz page – · A user interactive dynamic page – see Task 2b d.
Gallery page – · At least 6
Thumbnail images that are consistent in size and content, when clicked, display
full sized image. · Aim to use a scrolling images "widget" to make the page
sophisticated (e.g use Bootstrap 4 - Carousel) 2.
Each page must take
into account aesthetics and GUI evaluation criteria 3.
Each page must have a
clearly defined structure – banner, navigation, content, and footer 4.
Each page must have
clear & correctly operational navigational links 5.
A range of multimedia
elements must be used ( this may include the video, animation, music, ) a.
Images must be an
appropriate file size, and dimensions 6.
All pages must follow a
central theme of your choice, that is acceptable within school policy and
teacher’s opinion. The following activity to demonstrate your ability to link your web
pages to an active server (the St Pius X PHP /MySQL server) Task2a: Login page 1. In the first section of the task students
are required to create a login page as part of their webpage. a. In this section of the task you must use the PHP knowledge learnt in class to make the login page to access a Database (MySQL) and determine if the user is valid and if they are an Admin or standard user. 2. For the login decision you will require a
separate PHP page. a. This page will accept all form data from
your login, access the database and determine if the user is valid, and if the
user is an administrator or standard user. Once the user id has been determined
you must output a welcome message tailored to the user.
|
Table: Users
|
|
Field Name
|
Data Type
|
Description
|
|
userId
|
Varchar(12)
|
Primary Key –
uniquely identifies each user
|
|
password
|
Varchar(20)
|
Password
|
|
firstname
|
Varchar(50)
|
First name of user
|
|
lastname
|
Varchar(50)
|
Last name of user
|
|
role
|
Text(10)
|
"Admin" or
"User"
|
1. This page should follow the look and feel of
your website and also maintain navigational links to other parts of the
website. 2. Your code must be both functional and
efficient and must contain documentation. Task2b: Self marking quiz 1. In this section of the task students are
required to create a quiz as part of their webpage. In this section of the task
you must use the PHP knowledge learnt in class to make this quiz self marking. 2. For the quiz you will require a separate PHP
page. This page will accept all form data from you quiz and mark it according
to your provided answers. Once the quiz has been marked you must output a score
vs total possible score (e.g. 9 out of 10) and message to the user. 3. The marking page should follow the look and
feel of your website and also maintain navigational links to other parts of the
website. 4. Your code must be both functional and
efficient and must contain documentation. 5. The quiz should contain at least 10
questions that are relevant to the theme.
Assessment
Task - Marking Criteria /90
1. GrokLearning.com
|
|
|
·
Introduction to
HTML/CSS course
|
|
|
o
Complete all lessons.
o
1 mark per section (4 in each of 8 modules)
|
32
|
|
o
All sections completed successfully
|
3
|
|
Total
|
35
|
2. Website Creation
|
|
|
·
GENERAL CRITERIA
|
|
|
o
All filenames (e.g. webpages, media, css etc) are appropriate for each
webpage and theme
|
2
|
|
o
Index page created and correctly named for auto start when domain name
entered
|
2
|
|
o
Includes at least 4 different types of multimedia elements that are
relevant to theme – including images, videos, animations, embedded Youtubes,
audio files, etc.
|
4
|
|
o
All multimedia elements are appropriate dimensions and file size, good
quality
|
4
|
|
o
All navigation links present, consistent in format and working with
appropriate link names
|
3
|
|
o All layout and webpage formatting controlled by CSS
– including a sophisticated heading, navigation bar, maincontent and footer
elements
|
3
|
|
o
Website deployed and fully functioning on external school webserver
(spx-webtest-s01)
|
3
|
|
o
Each webpage is consistent in style and presentation and theme
|
4
|
|
o
|
|
|
Total
|
25
|
|
3. Website Creation – Additional specialised
features
|
|
|
·
LOGIN PAGE
|
|
|
o
Login has appropriate screen elements – e.g. input fields and labels
and appropriately name button
|
2
|
|
o
Login Page has appropriate validation of input fields
|
2
|
|
o
Login Page uses server-side scripting (PHP), using a Webserver, to
process the login
|
2
|
|
o
Login Page connects and verifies data using a MySQL Database
|
2
|
|
o
Correct decisions are made with the returned data from the database
(re: user roles)
|
2
|
|
Total
|
10
|
|
|
|
|
·
QUIZ
|
|
|
o
Multiple Choice Quiz created with 10 questions using HTML forms
|
2
|
|
o
Quiz marking gives feedback for each question – indicating right or
wrong
|
2
|
|
o
Quiz is marked using PHP and webserver
|
3
|
|
o
When Quiz is marked, a summary total score out of maximum possible
(e.g. 9 out of 10) is displayed
|
3
|
|
Total
|
10
|
|
|
|
|
·
GALLERY PAGE
|
|
|
o
Gallery Page created with at least 6 images
|
3
|
|
o
Images are consistent is size
|
1
|
|
o
Images are appropriate dimensions
|
1
|
|
o
Images are a good quality
|
1
|
|
o
Images are relevant to the theme
|
1
|
|
o
Gallery Page created using a scrolling image widget – e.g. Bootstrap 4
javascript
|
3
|
|
Total
|
10
|
| 