ICTWEB502 – Create Dynamic Web Pages

ICTDBS502 – Design a Database

ASSESSMENT 2 TASK

User Needs Analysis, ERD/Logical Model, Website Requirements

ICT50118 Diploma of Information Technology

ASSESSMENT 2 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/845445468.docx
Page 2 of 21
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/845445468.docx
Page 3 of 21
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/845445468.docx
Page 4 of 21
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/845445468.docx
Page 5 of 21
 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 Refer to comments below for feedback. and
Moodle®) successfully
NS resubmit. Keep up the good work.

Assessment 2 Task 1 – Determine Database and Website Requirements

1. The student has report on the Ameer has report on the technical requirement for
technical requirement for creating S creating the dynamic web pages.
the dynamic web pages.
2. The student has conducted a Ameer has conducted a user-needs analysis by
user-needs analysis by determining the database functionality and the users
determining the database requirements and report your findings.
functionality and the users
S
requirements and report your
findings.
3. The student has determined the Ameer has determined the user-needs analysis for
user-needs analysis for the the technical requirements and report your findings.
technical requirements and
S
report your findings.
4. The student has confirmed Ameer has confirmed applicable legislative and
applicable legislative and organisational standards and procedures applicable
organisational standards and to technical requirements for creating the Dynamic
procedures applicable to Website and report your findings.
technical requirements for
creating the Dynamic Website S
You would also want to determine what is the
and report your findings process and the legal requirement for storing
information for a client. Who would be responsible
for keeping it safe, would it be the hosting, the
company that holds the information and/or the client?

Assessment 2 Task 2 – Create ERD/Conceptual Model

5. The student has developed a Ameer has developed a User Case Diagram.
User Case Diagram.
S

6. The student has developed a Ameer has developed a Conceptual Model for the
Conceptual Model for the S WINVET system.
WINVET system.

/conversion/tmp/activity_task_scratch/845445468.docx
Page 6 of 21
/conversion/tmp/activity_task_scratch/845445468.docx
Page 7 of 21
7. The student has listed the The enterprise rules are the assumptions based on
Enterprise Rules for any the ERD, an example is;
assumptions that are required to
NS
complete the ERD.
Only on student to be enrolled in a course etc.,

Assessment 2 Task 3 – Identify Website Requirements

8. The student has identified What student list???
sections of website requiring NS
client-side dynamic content.

9. The student has identified What data from the student???

sections of website requiring NS
server-side dynamic content.

10. The student has selected Ameer has selected applicable languages and
applicable languages and technology according to technical requirements.
technology according to technical
S
requirements.

Assessment 2 Task 4 – Submit for Approval

11. The student has submitted the Ameer has submitted the UML and Conceptual
UML and Conceptual Model to Model to required personnel (Trainer) to obtain
required personnel (Trainer) to
S feedback.
obtain feedback.
12. The student has made changes Ameer has made changes to your UML, Conceptual
to your UML, Conceptual Model Model upon the Trainers feedback – if required.
upon the Trainers feedback – if
S
required.

/conversion/tmp/activity_task_scratch/845445468.docx
Page 8 of 21
Practical Checklist

Assessor to complete:
Did you observe the student? Yes

Further comments required

Assessor Comments

Ameer has completed this assessment task satisfactory and included the database and
website requirements, created the ERD/Conceptual model as well as Identified the Website
Requirements. Ameer needs to determine the dynamic data the is collected for the entire
website, not just the students as well as the enterprise rules for the database. Keep up the
good work Ameer and please resubmit.

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/845445468.docx
Page 9 of 21
 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/845445468.docx
Page 10 of 21
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/845445468.docx
Page 11 of 21
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/845445468.docx
Page 12 of 21
 Task 1 – Determine Database and Website Requirements

Breakdown the case study so you can;

1. Report on the technical requirement for creating the dynamic web pages.

Technical requirements are the technical issues that must be considered to viably complete an
assignment. These are points of view, for instance, execution, constancy, and availability that your
errand must meet on in order to proceed with an endeavor. In programming adventures, technical
requirements ordinarily suggest how the item is functioned, for example: which language it's redone
in, which working structure it's made for, and which rules it must meet.
The technical requirements for developing a dynamic web pages are given below:
1. Information of the project
In order to develop the web site or web application, the first requirement is the basic information
of the projects. It includes the basic business knowledge of the organization and should have the
information off how the tasks are executed physically. Si, this was the first requirement of the
project.
2. The purpose and goals of the web application:
A goal is an object of your aspiration or exertion. It's something you need to complete, to
accomplish, to get. You may have bunches of goals, just a couple, or even none by any means.
Goals aren't generally of your own creation possibly; you can be affected or controlled to take on
a goal, or even be compelled to do as such while purpose is the explanation behind your reality.
In the event that you work that retrogressive, it infers that in the event that you exist, you should
have a purpose. It doesn't infer anyway that everybody is enlightened to that purpose.
The purpose of the web application should be clear. It should be clear that which software you
are developing and what is the purpose and goal for it.
3. Design Requirements
The early phase of a thing's design requirements relies upon whether the thing is designed by a
Type I or Type II coalition. The design requirements for a Type I thing depend on the necessities
and requirements of the proposed client. These necessities and requirements should be seen by
the affiliation making the thing, and they are ordinarily passed on by the objective client in
nontechnical and occasionally damaged terms. For instance, a thing ought not be basic, ought to
be some different option from difficult to open, or should look "creative." Design packs must
change over these necessities and requirements to unequivocal design requirements. For
instance, the mass of a thing should be 0.5 to 0.7 kg, the power expected to open a thing ought
to be under 5 newtons, or a surface must reflect at any rate 80% of occasion light. It ought to be
obvious that what sort of design they, so as to continue with designs are traded from both of the
customer and master sides.
4. Functional Requirements
Functional requirements portray the central structure direct. In a general sense, they are what
the structure does or should not do, and can be thought of to the degree how the framework
reacts to inputs. Functional requirements generally depict on the off chance that/by then
practices and solidify figuring's, information data, and business measures. Functional
requirements are highlights that permit the structure to fill in as it was proposed. Put another
way, if the functional requirements are not met, the structure won't work. Functional
requirements are thing highlights and spotlight on client requirements. In order to develop an
incredible web application, the functional requirements sold be clear and direct. Because in case
something missing it will cost both time and money.

/conversion/tmp/activity_task_scratch/845445468.docx
Page 13 of 21
 5. Content Requirements
The content is distributed by the client. What they want to inform to the users thorough their
website about their organization.
So, these were the technical requirements mentioned in order to develop an new application.

2. Conduct a user-needs analysis by determining the database functionality and

the users requirements and report your findings.

User Needs Analysis is important for the way toward building up a site that will effectively address the issues
of imminent users. Notwithstanding distinguishing the key needs, it can help balance possible clashes in the
wants of the site proprietors, partners and target crowd gatherings. Just as distinguishing and organizing the
site objectives of guests, User Needs Analysis will help decide the innovative prerequisites important for
them to accomplish those objectives.

Together we decide the most fitting approaches to assemble bits of knowledge about your users, contingent
upon the accessible time, the user populace, and different elements about the task. Our specialists are
exceptionally prepared in encouraging user examination to increase a profound comprehension of your
users' needs, mental models, task methodologies, and viewpoints and setting of utilization. The emphasis
will be on the exercises that will best serve your association and get you the data you need.
It is the part of the process of developing a web sites or application. In this part we will discuss the needs of
the users by assuming their perspective.

In this scenario the needs of the users are:

1. A login page to enter the system.

2. Each user needs its data.
3. Easy navigation

Easy of understand information

3. Determine the user-needs analysis for the technical requirements and report
your findings.

Now we will discuss the user-needs analysis for the technical requirements

A login page where the user enters his user name and password to enter in the system.
The other requirements is that the student page should connected to database to show the data
relevant to the user.
The navbar should be on each page for the relevant information.
The information provided should be of the same user and should be accurate and there should be no
any ambiguity.

/conversion/tmp/activity_task_scratch/845445468.docx
Page 14 of 21
4. Confirm applicable legislative and organisational standards and procedures
applicable to technical requirements for creating the Dynamic Website and
report your findings.

Procedures to technical requirements.

1. Ask the client to provide the in-depth details of the scenario
2. Functional requirements will be find by the team of developers according to the scenario.
3. Design will be provided by the client means that the client gives the idea of the design.
4. Information or content which includes the organizational truths and quotes will be provided by client
side.
Process and the legal requirement for storing information for a client:
 The client will give the data on the given portion of the website interface.
 The data is then submitted into the database of the website.
 The client will know the Privacy Policy published on the website. This will tell the user or client
that for what purpose the providing data will be used.
 Client should know the licences and privacy agreement and also agree the terms and conditions
 Data given will be protected by the website owner and Data protection and copy right laws
should be followed.

Task 2 – Create ERD/Conceptual Model

5. Develop a User Case Diagram – UML.

Use case Diagram:

A use case is the essential kind of framework/programming necessities for another thing program
adolescent. Use cases choose the average lead (what), and not the specific method for causing it to go
(how). Use cases once showed can be inferred both imaginative and visual portrayal (for example use case
diagram). A key idea of use case demonstrating is that it causes us plan a structure from the end user's point
of view. It is a momentous method for passing on structure direct in the user's terms by choosing all indirectly
conspicuous framework lead.

A use case diagram is normally basic. It doesn't show the detail of the use cases:

 It just sums up a portion of the connections between use cases, entertainers, and frameworks.
 It doesn't show the request where steps are performed to accomplish the objectives of each use
case.

/conversion/tmp/activity_task_scratch/845445468.docx
Page 15 of 21
Use case 1: Login

Use Case - 1

Use case 2: Student Page

Use Case - 2

/conversion/tmp/activity_task_scratch/845445468.docx
Page 16 of 21
6. Develop a Conceptual Model for the WINVET system.

Conceptual Diagram:

Conceptual Diagram

7. List the Enterprise Rules for any assumptions that are required to complete
the ERD.

The enterprise rules are assumptions based on the ERD. Business Rules are keys to check the accuracy and
completeness of ERD. This may have two types
1. Structural Rules
2. Procedural Rules
Structural Rules
They indicate the type of information to be stored and relationship between information elements.

/conversion/tmp/activity_task_scratch/845445468.docx
Page 17 of 21
Procedural Rules

They show the work flow and process of data storing and information gathering.

For example when we have condition like

A student must pass the Algebra if he wants to enrol in Trigonometry.

These assumptions are also listed as

 Each applicant can submit one or more applications (one application per year for multiple years).
 Each application is submitted by only one applicant.
 Each school can be associated with one or more applications. Each application is associated with only one
school.
 Each application must include two or more recommendations. Each recommendation is included with only
one application.
 Each bowling centre can be associated with one or more applications. Each application is associated with only
one bowling centre.

Task 3 – Identify Website Requirements

8. Identify sections of website requiring client-side dynamic content.

Client-side dynamic content:

First of all the accessing of the webpage from the server side. For this purpose we generate a
request at the browser and the server may check this request and then look the requested page at
its memory and display it.
The Client side may be the browser and we use HTML java script and CSS for making the dynamic
content of the website at client side.
The Interface of the website is the section which contain the dynamic content of the client side.
For Example
User registration form
Login Form
Activity form
Home page of the website
Cookies expiries etc.

9. Identify sections of website requiring server-side dynamic content.

Server-side dynamic content:

When we talk about the Server side
The database and the Scripting language like PHP are the basic contents
Database like SQL or MYSQL is used to store the data from the client side and also provide it when
demanded. All information is kept here.
Information updates are the sections which are controlled by the server side.

/conversion/tmp/activity_task_scratch/845445468.docx
Page 18 of 21
 Searching from the webpage is controlled by the server side.
PHP or other server side language is used to perform the functions and Commands to manipulate
and show the information to the client.
10. Select applicable languages and technology according to technical
requirements.

Select applicable languages and technology according to technical requirements.

1. PHP language for scripting
2. JavaScript for lessen the burden on the server. It do the validation etc.
3. CSS for designing.
4. HTML for basic web pages
5. Bootstrap for additional graphics

References:

Firesmith, D. (2003). Engineering security requirements. J. Object Technol., 2(1), 53-68.

Haley, C., Laney, R., Moffett, J., & Nuseibeh, B. (2008). Security requirements engineering: A framework for
representation and analysis. IEEE Transactions on Software Engineering, 34(1), 133-153.

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.

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.

Velte, T., Velte, A., & Elsenpeter, R. (2009). Cloud computing, a practical approach. McGraw-Hill, Inc..

https://www.w3.org/TR/WCAG20-TECHS/client-side-script

https://www.bbc.co.uk/bitesize/guides/znkqn39/revision/4

Task 4 – Submit for Approval

/conversion/tmp/activity_task_scratch/845445468.docx
Page 19 of 21
11. Submit UML, Conceptual Model to required personnel (Trainer) to obtain feedback.
12. Make changes to your UML, Conceptual Model upon the Trainers feedback – if required.

/conversion/tmp/activity_task_scratch/845445468.docx
Page 20 of 21
 Specifications

What you have to Submit/Upload;

Task 1

1. Answer all questions from Task 1 - Determine Database and Website Requirements

Task 2

2. Copy and paste UML – User Case Diagram

3. Copy and paste your Conceptual Model
4. List all the Enterprise Rules

Task 3

5. Answer all questions from Task 3 – to identify the Website Requirements.

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

/conversion/tmp/activity_task_scratch/845445468.docx
Page 21 of 21