ICTWEB502 – Create Dynamic Web Pages

ICTDBS502 – Design a Database

ASSESSMENT 3 TASK

Create ERD, Website and Database Relationships

ICT50118 Diploma of Information Technology

ASSESSMENT 3 ACTIVITY COVER SHEET

Please ensure this form is fully completed prior to submitting.

This page should be on the front of your assessment and needs to be easily accessible.

Student Number: Win200209

Student Name: Ameer Hamza

ICTWEB502 – Create Dynamic Web Pages

Subject: ICTDSB502 – Design a Database

ICT50118 Diploma of Information Technology

Course:

STUDENT DECLARATION
I hereby certify that:
1. This assessment task is my own work based on my personal study/research and not the work of
another student and/or source.
2. I have acknowledged all material and sources used to prepare this assessment task.
3. I have not plagiarised or copied any part of this assessment task from the work of any other student
or source either. (I know the penalties for plagiarism include $200 re-assessment fee)
4. This assessment task has not previously been submitted.
5. I am aware of the requirements set by my Trainer & Assessor.
6. I have retained a copy of this assessment task for my own records.
7. I have completed all my assessments, tasks & activities (on Moodle®) successfully.

Student’s Signature: Ameer Hamza Date: 31 January 2025

/conversion/tmp/activity_task_scratch/845445467.docx
Page 2 of 13
Student instructions

This assessment must be based on where you work (or have worked most recently).

This Assessment is designed to test the knowledge that you have acquired throughout the unit. Use the
following tips to help you answer the questions:

Read each question carefully. Check with your trainer or assessor if you are not sure what the question is
asking.

HINT: Use these questions as subheadings to create a business style report to answer your assessment

Your response to each question should aim to provide enough information to answer the question. In most
cases, this can be done with just a few paragraphs. Don’t forget to refer to attachments under the heading
(question) applicable, e.g. ‘See attached email’.

Important: Your assessment must contain this coversheet and your own coversheet (for your “report”)

Your answers & assessment submission must professional in style (Business), content and format.
Maximum font size 11 points: Font Arial or Times New Roman; single spacing; clear paragraphs with
appropriate punctuation, spellchecking and final submission will need to be proof-read. (i.e. few missing
words or typo’s)

In particular:
- Use clear, non-discriminatory language
- Avoid the use of jargon
- Write clearly using plain English
- Consider your target audience
- Ensure that your responses meet the needs of the target audience (in this case your trainer or
assessor).
- All of your work must be original.

ICTWEB502 – Create Dynamic Web Pages

Performance Evidence

Evidence of the ability to:

- include client and server-side dynamic content in each web page
- create and debug code
- test web page and code on at least two different web browsers and at least two different devices
- comply with organisational and legislative standards and procedures – not same

/conversion/tmp/activity_task_scratch/845445467.docx
Page 3 of 13
Knowledge Evidence

To complete the unit requirements safely and effectively, the individual must:
- web programming concepts, including:
o authentication and web security
o hypertext transfer protocol (HTTP)
o session management
o stateless programming
- types of technologies, including:
o programming control structures
o hypertext markup language (HTML) and markup languages
o cascading style sheets (CSS)
o syntax and uses of programming languages
- client and server-side scripting and its application to dynamic web page design
- data storage requirements
- debugging methods
- coding techniques
- cyber security protocols and procedures
- legislative and organisational procedures and standards applicable to creating dynamic web pages.

Assessment Conditions

Skills in this unit must be demonstrated in a workplace or simulated environment where the conditions are
typical of those in a working environment in this industry.
This includes access to:
- technical requirements
- a development environment
- a server
- a database server
- web browsers and devices
- web page testing and debugging tools required for creating dynamic web pages
- hardware, software and its components required for creating dynamic web pages.
- Assessors must satisfy NVR/AQTF assessor requirements.

/conversion/tmp/activity_task_scratch/845445467.docx
Page 4 of 13
ICTDBS502 – Design a Database

Performance Evidence

Evidence of the ability to:

- design, develop and implement a simple database on at least one occasion.
- document the database requirements, design plan and procedures.

Knowledge Evidence

To complete the unit requirements safely and effectively, the individual must:
- process for conducting data analysis, data types and data structures, query and report design
- data modelling procedures related to conceptual data model development
- data redundancy identification methodologies
- database management system (DBMS) design phase fundamentals
- encryption and authentication database security features
- functions and features of data types and data structures, and of databases
- logical design concepts, including those for data structures, queries screens and reports
- object model design concepts, including those for data structures, queries, screens and reports
- database scalability.

Assessment Conditions

Skills in this unit must be demonstrated in a workplace or simulated environment where the conditions are
typical of those in a working environment in this industry.

- industry standard equipment and materials

- industry standard database software
- network and other systems required for remote or multi-user access
- organisational requirements and deliverables
- computer-aided software engineering (CASE) or diagramming software.
- Assessors must satisfy NVR/AQTF assessor requirements.

/conversion/tmp/activity_task_scratch/845445467.docx
Page 5 of 13
 Marking and Criteria guide:
Assessor and student must read this carefully before assessment.
- All parts of the assessment must be completed successfully in accordance with the guidance provided
in the Marking guide for the student to achieve competence in this unit.
- Students & assessors must note that professionally critical aspects/concepts must be included (e.g.
develop an action plan).
- All parts (criteria) in the marking guide must be completed successfully for the student to achieve
competence in this unit

EDUCATOR to complete

Observation/assessment Satisfactory/not Comments

Satisfactory
All assessments, tasks & activities (on Moodle®) Refer to comments below for
successfully NS feedback and resubmit. Keep up the
good work.

Assessment 3 Task 1 – Identify Attributes and Create ERD

1. The student has identified and reported on Ameer has identified and reported on
attributes and determine data types that are S attributes and determine data types
required for your database. that are required for your database.
2. The student has developed an ERD/Logical Ameer has developed an
Model Design using Workbench for the WINVET ERD/Logical Model Design using
system and clarify cardinality of relationships. Workbench for the WINVET system
Workbench can be used to create the physical
S and clarify cardinality of
model. relationships. Workbench can be
used to create the physical model.
3. The student has documented attributes, Ameer has documented attributes,
normalised data and ER diagram and submit to normalised data and ER diagram and
your Trainer to seek feedback and obtain submit to your Trainer to seek
approval. Make changes according to feedback
S feedback and obtain approval. Make
– if required. changes according to feedback – if
required.

Assessment 3 Task 2 – Create Website Template

4. The student has created a boilerplate template Ameer hasn’t created a boilerplate
according to technical requirements. NS template according to technical
requirements.
5. The student has created boilerplate as a template Ameer hasn’t created boilerplate as a
using Dreamweaver.
NS template using Dreamweaver.

6. The student has implemented the Dynamic Ameer hasn’t implemented the
Connection to the database (Dynamic Content). NS Dynamic Connection to the database
(Dynamic Content).
7. Create the required pages using selected Ameer hasn’t create the required
languages from A2 using the template created in pages using selected languages from
NS A2 using the template created in
Dreamweaver.
Dreamweaver.

/conversion/tmp/activity_task_scratch/845445467.docx
Page 6 of 13
Assessment 2 Task 3 – Creation Database Relationships

8. The student has confirmed the primary and Ameer has confirmed the primary
foreign keys according to database/technical and foreign keys according to
S database/technical requirements –
requirements – relationships.
relationships.
9. The student has identified referential integrity Ameer has identified referential
constraints and organisational business rules. S integrity constraints and
organisational business rules.
10. The student has established database Ameer has established database
management system constraints and incorporate S management system constraints and
into database design incorporate into database design

11. The student has designed and developed data Ameer hasn’t designed and
validation rules, indexes and data dictionary. NS developed data validation rules,
indexes and data dictionary.
12. The student has documented the database Ameer hasn’t documented the
design according to organisational policies and database design according to
procedures which includes the incorporation of organisational policies and
NS procedures which includes the
the data dictionary and backup of database.
incorporation of the data dictionary
and backup of database.

Practical Checklist

Assessor to complete:
Did you observe the student? Yes

Further comments required

Assessor Comments

Ameer hasn’t completed this assessment task satisfactory using skills learnt in class to
develop the ERD for the database development burt he hasn’t included his website which
was the boilerplate website and incorporating relationships within the website. Keep up the
good work Ameer and submit.

Resubmission required Yes

Date resubmission must be handed in: 26th November 2020

Assessor’s name and signature: VM

Date: 31 January 2025

/conversion/tmp/activity_task_scratch/845445467.docx
Page 7 of 13
 Simulated Workplace Case Study - Win Vet High School

Win Vet High School is located in the heart of Sydney. It services students from Year eight (7) to Year twelve
(12) in the local surrounding community.

Win Vet High School has hired you to create a front-end administrative website for updating student details
to a database. The following are some notes that you have made following initial discussions with the
principal and senior educational staff at Win Vet High School.

Based on the requirements you believe that at a minimum the following web pages need to be developed:

 A login web page

 A student web page

The website is to be written in HTML5, CSS, php using a MySQL database to store data. All web pages
should be located within the same directory with any images to be stored in a sub-directory called “Images”.
You have been supplied with an image called “Logo.png” which must be incorporated into all web pages.
This is the high school’s logo as well as create a favicon to use for the website to ensure live presence.

Login web page

The Login web page should be the first web page that the user encounters when they visit the website. It is
to contain a username and password fields and a login button to authenticate the user. The password field
should also be masked.

Required value Validation required

Username Required. Must be at least 6 characters.

Password Required. Must be between 8 and 12

characters

Student web page

At the top of the web page a personalised message should be displayed to the user. This message should
read “Welcome <<user>>”, where <<user>> is the users name. This name should be retrieved from the
stored value that was create from the users being able to use a registration form you will create. This will be
displayed after the user logins into the system using the Login page.

Create different themes for different user types. An example is one theme for every guest user (a user that
can access the website, student user and an administration user.

For each theme you need to create a skin and CSS file. The skin file should apply styling to the CSS styling
each of the web pages while the CSS should apply styling to the HTML elements on the web page. The
settings in the skin and CSS files have been left to you but there should be a visible difference between each
theme based on its title.

/conversion/tmp/activity_task_scratch/845445467.docx
Page 8 of 13
Under this should be the functionality to be able to retrieve, add, edit and delete a student.
Each student should receive a unique student id from the system when they are first added. This should be
provided by a New button. Once clicked the system should look up the current highest student id, add 1 to it
and then use this as the student id value for the new student. The student id field should be between 1,000
and 10,0000.

To add a student, the user should click the Add button once they have filled out all of the relevant information
about the student. At a minimum the user should provide the following information as shown in the following
table for a new student.

Required value Validation required

Their first name Required. Must be a string.

Their surname Required. Must be a string.
Their gender Required. Must be male or female.
Their date of birth Required. Must be between the dates of 01/01/1950 and today's date.
A street address Required.
A suburb Required. Must be a string.
A city Required. Must be a string.
A post code Required. Must be between 0001 and 9999.
A mobile number Required. Must be between eight and ten digits in length.
An email address Required. Must be a valid email address.

These details should be validated and then stored using MAMP MySQL database table so they can be
accessed.

To retrieve, edit or delete an existing student the user should enter a valid student id, and then click an
appropriate button (Retrieve, Update and Delete) to undertake the operation. Validation should occur to
ensure that the student id exists for the student that is to be retrieved, deleted or have their details updated.

Usability functionality

As well as allowing a user to be able to change a theme the website should highlight which control the user
is currently hovering the mouse cursor over. That is, when a user moves the mouse cursor over a control it
should be highlighted in a different colour that none of the themes implement. Once the cursor is moved
away from the control the highlighting should disappear.

/conversion/tmp/activity_task_scratch/845445467.docx
Page 9 of 13
Further notes

 The purpose of this assessment is to put into place your ability to create a website that contains
client-side and server-side functionality. It is testing your ability to make decisions on whether the
functionality required should be implemented using client-side technologies or server-side
technologies.
 You will need to create the database for the Student table and ensures it can be accessed by the
web page.
 A regular expression is required for validation purposes for the email address. This should be looked
up online.
 Validation of the website using W3C's

You can use Dreamweaver and is a free version and a MySQL Database - MAMP (which is universal for
Apple and PC).

/conversion/tmp/activity_task_scratch/845445467.docx
Page 10 of 13
 Task 1 – Identify Attributes and Create ERD

1. Identify and report on attributes and determine data types that are required for your database
ensuring that you undertake normalisation of the attributes.
2. Develop an ERD/Logical Model Design using Workbench for the WINVET system and clarify
cardinality of relationships. Workbench can be used to create the physical model.
3. Document your attributes, normalised data and ER diagram and submit to your Trainer to seek
feedback and obtain approval. Make changes according to feedback – if required.

Use Diagrams.net to create the ERD and/or alternatively you can use Workbench which will also
create the physical model.

Task 2 – Create Website Template

4. Create a boilerplate template according to technical requirements from your research in A2 – refer
to HTML5 BoilerPlate - Template and download.
5. Create boilerplate as a template using Dreamweaver.
6. Implement the Dynamic Connection to the database (Dynamic Content).
7. Create the required pages using selected languages from A2 using the template created in
Dreamweaver.

Task 3 – Creation Database Relationships

8. Confirm primary and foreign keys according to database/technical requirements – relationships.

9. Identify referential integrity constraints and organisational business rules – refer to A2.
10. Establish database management system constraints and incorporate into database design
11. Design and develop data validation rules, indexes and data dictionary – Refer to Final Assessment
for information on how to do this.
12. Document database design according to organisational policies and procedures. Incorporate data
dictionary.

Specifications

What you have to Submit/Upload;

Task 1

/conversion/tmp/activity_task_scratch/845445467.docx
Page 11 of 13
1. Report on the attributes and the data types and normalisation of attributes that are required for your
database.
The attributes we create in this system are given below:

There will be two tables which we create in this:

1. Users
2. Students

Users have the attributes

i. Username (varchar) PK
ii. password (varchar)
iii. role (varchar)

Then the other is the table of students

i. StudentID (integer) PK
ii. FName (varchar)
iii. LName (varchar)
iv. Gender (varchar)
v. DoB (varchar)
vi. Address (varchar)
vii. Suburb (varchar)
viii. Postcode(integer)
ix. MobileNo(integer)
x. Email(varchar)

Task 2

2. Copy and paste your ERD/Logical Data Model

ER Diagram
Assumption:

1. In this ER digram, we created two tables,

Relationship assumption:
1. There is one to many relationship exists in them.
2. An user (admin) can add one to many students

/conversion/tmp/activity_task_scratch/845445467.docx
Page 12 of 13
Normalization:
Data is in normalized 3nf. As we can see that there is no any transitive dependency between them.

3. Obtain Feedback for ERD Diagram from Trainer

Task 3

4. Save and incorporate Data Dictionary – from Final Assessment.

References:
Chandhok, N. V., Michael, M. L., & Fries, R. M. (2011). U.S. Patent No. 7,899,788. Washington, DC: U.S.
Patent and Trademark Office.

Brown, A. P., & Flowers, J. C. (2012). U.S. Patent No. 8,117,163. Washington, DC: U.S. Patent and
Trademark Office.

Van Ingen, C., & Berkowitz, B. T. (2010). U.S. Patent No. 7,756,833. Washington, DC: U.S. Patent and
Trademark Office.

Arora, G. S., Bassov, I., Faibish, S., & Sezer, U. (2012). U.S. Patent No. 8,099,572. Washington, DC: U.S.
Patent and Trademark Office.

Structured Design Methodologies Define the Scope of Software Copyright?. Jurimetrics, 32(1), 1-32.

Fantechi, A., & Spinicci, E. (2005, June). A Content Analysis Technique for Inconsistency Detection in
Software Requirements Documents. In WER (pp. 245-256).

Niemelä, E., & Latvakoski, J. (2004, October). Survey of requirements and solutions for ubiquitous software.
In Proceedings of the 3rd international conference on Mobile and ubiquitous multimedia (pp. 71-78).

Alternatively, you can embed the images into this file and/or insert the files in the A3 Task Submission.

/conversion/tmp/activity_task_scratch/845445467.docx
Page 13 of 13