ICTWEB527 - Research & Apply Emerging Web Trends ICTWEB514 – Create Dynamic Web Pages ASSESSMENT TASK 3 Website Requirements & Dynamic Web Pages, Connectivity and using latest Trends ICT50220 Diploma...

ICTWEB527 - Research & Apply Emerging Web Trends
ICTWEB514 – Create Dynamic Web Pages
ASSESSMENT TASK 3
Website Requirements & Dynamic Web Pages, Connectivity and using latest Trends
ICT50220 Diploma of Information Technology
ASSESSMENT TASK 3 COVER SHEET
Please ensure this form is fully completed prior to submitting.
This page MUST be on the front of your assessment and needs to be easily accessible, filled in and signed.
    Student Number:
    WIN200253
    Student Name:
    Sumit Bhattarai
    Course:
    ICT50220 Diploma of Information Technology
    Subject:
    ICTWEB527 - Research & Apply Emerging Web Trends
ICTWEB514 – Create Dynamic Web Pages
STUDENT DECLARATION
I hereby certify that:
· This assessment task is my own work based on my personal study
esearch and not the work of another student and/or source.
· I have acknowledged all material and sources used to prepare this assessment task.
· 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)
· This assessment task has not previously been submitted.
· I am aware of the requirements set by my Trainer & Assessor.
· I have retained a copy of this assessment task for my own records.
· I have completed all my assessments, tasks & activities (on Moodle®) successfully.
    Student’s Signature
    Sumit Bhattarai
    Date
    
Wentworth Institute RTO Code: 91178 November 2017 Version: 1.0
Student instructions
This Assessment is designed to test the knowledge that you have acquired throughout the unit so far. 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. Do not 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 be 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.
ICTWEB527 Research and apply emerging web technology trends
Performance Evidence
Evidence of the ability to:
· research, investigate and apply at least two emerging web technology trends to a web application, according to organisational needs
Note: If a specific volume or frequency is not stated, then evidence must be provided at least once.
Knowledge Evidence
To complete the unit requirements safely and effectively, the individual must:
· principles of the internet and technologies that underpin its existence
· key principles of analysis and design
· programming control structures and object-oriented programming applicable to implementing new web technology
· web programming concepts, including:
· the hypertext transfer protocol (HTTP)
· stateless programming
· session management
· authentication and web security
· client-side programming
· latest web technology trends and their application to different clients - same
· features, functions and requirements of different web applications
· web application testing processes
· sources of information regarding new and emerging trends and technologies - same
· legislative and organisational requirements and standards applicable to implementation of new technologies.
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
· a development environment
· a serve
· a database serve
· hardware and software applicable to implementation of new technology
· the internet
·
owsers and digital devices.
· Assessors must satisfy NVR/AQTF assessor requirements
ICTWEB514 Create Dynamic Web Pages
Performance Evidence
Evidence of the ability to:
· produce at least three dynamic web pages according to technical requirements.
· 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
owsers and at least two different devices
· comply with organisational and legislative standards and procedures.
Knowledge Evidence
The candidate must be able to demonstrate knowledge to complete the tasks outlined in the elements, performance criteria and foundation skills of this unit, including knowledge of:
· web programming concepts, including:
· authentication and web security
· hypertext transfer protocol (HTTP)
· session management
· stateless programming
· types of technologies, including:
· programming control structures
· hypertext markup language (HTML) and markup languages
· cascading style sheets (CSS)
· 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
· technical requirements
· a development environment
· a serve
· a database serve
· web
owsers 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.
To achieve competency for this unit:
· All assessment activities in this unit must be successfully completed.
· The student must achieve a SATISFACTORY result in all the assessment activities in this unit to be deemed COMPENTENT.
· Students must perform to the standard as expressed by the competency standards of the ICT Training Package.
Reasonable Adjustment:
Reasonable adjustment is any approved modification or allowance made in assessment to accommodate a disability related function. Reasonable adjustment allows a learner with a disability to participate equitably in assessment procedures and demonstrate required skills and knowledge. Adjustment could be made in the physical environment, the assessment strategies or using assistive technology. Any adjustments made to the assessment must preserve the integrity of the assessment outcome.
Ensure that you:
· comply with the due date for assessment which your assessor will provide
· adhere with your RTO’s submission guidelines
· answer all questions completely and co
ectly
· submit work which is original and, where necessary, properly referenced
· submit a completed cover sheet with your work
· avoid sharing your answers with other students
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., obtain knowledge in emerging web trends, create dynamic web pages and integrate database with websites).
· 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 Satisfactory
    Comments 
    All assessments, tasks & activities (on Moodle®) successfully
    Add Scale
    
    Assessment 3 Task 3.1 – Q & A – Determine Website Requirements
    1. The student has determined the dynamic functionality of the website.
    Add Scale
    
    2. Determine the applicable legislative and organisational standards and procedures applicable to the technical requirements.
    Add Scale
    
    3. Determine sections of the website that requires client-side dynamic content.
    Add Scale
    
    4. The student has determined the server-side dynamic content.
    Add Scale
    
    5. The student has confirmed applicable language and technology and confirmed from feedback from the client (trainer).
    Add Scale
    
    Assessment 3 Task 3.2 – Create Dynamic Website, Connectivity & Session Management
    6. The student has determined requirements for the coding of HTML and PHP from your findings
    Add Scale
    
    7. Identify and create a boilerplate template according to technical requirements from your research in A2 – refer to HTML5 Boilerplate - Template and download.
    Add Scale
    
    8. Create boilerplate as a template using Dreamweave
    Add Scale
    
    9. The student has created a database
    Add Scale
    
    10. The student has incorporated data into the database
    Add Scale
    
    11. The student has incorporated code to connect to the database using the credentials from the installation of MAMP
    
    
    12. The student has created code to handle user interaction (Registration Forms, Logins etc, view of edit, delete and view)
    Add Scale
    
    13.
The student has copied all codes and pasted them into the report section of this assessment.
    Add Scale
    
    14. The student has tested that the coding works with the forms that you have created and that you can log into your website using the credentials and/or other user credentials that you have created, you should be directed to another page on a successful login if you have coding the login page co
ectly.
    Add Scale
    
    15. The student has tested and debugged the code.
    Add Scale
    
    16. The student has evaluated the testing results and amend their website
    Add Scale
    
    17. The student has confirmed the security of their website using cyber security protocols and procedures.
    Add Scale
    
    
Assessment 3 Task 3.2 – Create Dynamic Website, Connectivity & Session Management
    18. The student has sought out feedback from the client/trainer to confirm the website is what the client wanted.
    Add Scale
    
    Assessor declaration
    Assessor name
    
    Assessor signature
    
    Date
    
    Assessment outcome:
    SATISFACTORY |_|
    NOT SATISFACTORY |_|
    Resubmission
     NO |_|
     YES |_|
    Date Resubmission must be handled in by:
    
    Feedback:
    
    Student result response
     My performance in this assessment task has been discussed and explained to me.
The feedback that my educator provided to me will assist me to resubmit my assessment.
    Student signature
    
    Date
    
Case Study
Wentworth Institute (WIN) is well known for its quality education that it provides to its students. WIN cu
ently resides in Sydney and has around 1,000 students that are undertaking different vocational courses.
WIN offers many courses in ICT, Business as well as other different vocational qualifications which include;
ICT Course
· Certificate IV in IT
· Diploma of IT
· Diploma of Screen & Media
· Advanced Diploma of IT
Business Courses
· Certificate IV in Business Management
· Diploma of Leadership & Management
· Advanced Diploma of Leadership & Management
· Certificate IV in Accounting
· Diploma of Accounting
· Diploma of Project Management
· Diploma of Financial Planning
The college has maintained a strong ICT infrastructure with different hardware and network equipment, as well as different software applications.
Due to the increase in number of students, the college has thought of performing its enrolment online through its website. The website of WIN provides a lot useful information to students as well as its staff.
WIN has its own internal website, which is used for delivering courses to students as well as entering attendance of students, storing the result of students, and maintaining the course database. All are done through the internal website.
Albert Jackson was responsible for designing and updating the website of WIN. Recently, Albert Jackson has left the job as he moved to a different city. Due to this vacant position, you have been hired by WIN as a Website Developer. As a part of this role, you are responsible for the design and development of college website.
Albert was in process of designing and developing a new website for the WIN college, which purpose was to manage the student and course details. This is a web application, which can be run on the college intranet to manage all the details about the courses, teachers, and students, registration and logins etc., It also manages the enrolment details of each of the students. The cu
ent website is outdated and needs a makeover to be competitive in today’s market, ability to be used on any device and have
anding to make WIN the leaders in Education.
You have been asked to start working on the project first by creating a website where student can create their account by registering their details. They can login to the website and update their personal details.
Instructions
In this assessment task, you are to create a website using PHP and MYSQL for the database. You are to create your website using header information. The website is going to be hand coded, which mean that you are not going to be using any software to help in the development of the website only to view.
You can use Visual Studio, Dreamweaver (not any of the features of Dreamweaver though), Notepad ++ - alternatively we will be using either Dreamweaver and/or Notepad ++. Notepad ++ has been uploaded onto the Moodle for you to download and use. You will also be adding new technology found from your research in Assessment 2 to be implemented into your assessment. Download the latest version of MAMP and/or ensure that you are using php version 7 and above.
Note: your website must be responsive, must have the ability to be used on multiple
owsers.
You are also to create the navigation for the website – alternatively you can find a responsive menu and implement that into your website.
You can also add other features/functions to the website if you desire. Check the W3Schools – Jquery Tutorials – for new coding techniques that are available.
The database should contain;
Database -- Students = Users
Login = Page – Code – Connect Database
Register – Page – Code -Connect Database
Students – Profile Page – Update Code Database – Connect Database – After Login
Registration Email Verification
Timestamp when a student registers
Guest Users – View Courses – Page
Contact Administration – Contact Us Page
Registe
Admin
Modify Users/Students
Add users/Students
Edit Users/Students
Delete Users/Students
Add or deny Course Access
Add Courses
Add Subjects
Add Timetable
Student
Login
View Enrolled Course Materials
Submit Assessment
Edit Profile
· the ability for students to enter in data required to login and registe
· Students should be able to update any information they want. Updated data will be saved back to database.
· There should be an option to delete the data from the database.
· Programming so students can obtain a registration email to verify their email address – Coding involves – via php/MySQL
· time/date stamp for when a student creates an account
Task 3.1 – Determine Website Requirements
1. Research new technology developments in order to determine the dynamic needs/functionality most applicable to the website application and the technical requirements required to be created for the client’s website.
    Functional / Technical Requirement
    ID
    Functional Requirement
    1.1
    Now a Day due to the pandemic, there is a need to change the older pattern of study to latest one by sifting it to the computerise learning which ease to facilitate the proper study to everyone without being harasses in day to day life of schooling.
Registration Page:
· Check For Email Duplication
· Checking For All Required Field Need To be Field
· After Successful Registration Student/users Get an Email with Verification code
Login Page:
· Check For Email and Password Required
· Co
ect Email and Password
· After Successful Login if the account is verified redirected to Profile page else Redirect to Verification Code page
Home:
· Student/users check their course and also upload the assessment
Profile:
· Update any on the details except the email id
· Change password
    ID
    Technical Requirement
    1.2
    As per the latest technology we can use :
· Front-End Technology:
1. Html5
2. CSS
3. JavaScript
4. React
5. Angula
· Back-End Technology
1. Java
2. PHP
3. Python
· Database Technology:
1. MySQL
2. MongoDB
2. Determine the applicable legislative and organisational standards and procedures applicable to the technical requirements.
Hardware
Web Server – DNS – Hosting
Desktop or laptop
    Hardware Requirements
    ID
    Requirements
    1.1
    Hardware Requirement
· Ram 4GB
· Hard Drive 500GB
· Processor Intel Core i3 or updated series
· Keyboard or mouse or compatible pointing devices
· Network using 1mbps or highe
· Monitor with 32 bit color setting
Software
Text Editor- Atom, Notepad++, etc
    Software Requirements
    ID
    Requirements
    2.1
    Software Requirement
· Windows 10
· Xampp 3.3.0
· PHP 8.0.9
· Notepad++
· Microsoft Edge
3. Identify and determine sections of the website that requires client-side dynamic content.
    Client Side Content
    ID
    Requirements
    1.1
    JavaScript:
· For form validation whether the required details is filed or not
4. Identify and determine sections of the website that require server-side dynamic content.
    Server Side Content
    ID
    Requirements
    1.1
    PHP:
· For Validation of username/Email with password whether it’s exist or not
· Validation of Email for no duplication Entry
5. Confirm your selection of applicable language and technology according to technical requirements from your client/trainer.
    Technical Requirement
    ID
    Requirements
    1.1
    · HTML5
· CSS
· JAVASCRIPT
· BOILER TEMPLATE
· PHP-8.0.9
· MYSQL
Task 3.2 – Create Dynamic Website, Connectivity
6. Determine requirements for the coding of HTML and PHP from your findings from the identifying and determining the requirements above.
The website must meet the needs of the application as well as uses the latest technology/coding that is available (you have to implement 2 new technology trends) that meets not only the needs to the users’ expectations but also the needs to the software to which it much be viewed (MAMP, Browsers, CSS, Devices etc.,).
    1.1
    1. Text Editor:
· Notepad++
2. Browser:
· Microsoft Edge
7. Identify and create a boilerplate template according to technical requirements from your research in A2 – refer to HTML5 Boilerplate - Template and download.
.
├── src # Source files (alternatively use `lib` or `app`)
├── lib # Li
aries and module sources
├── 3P # Third party Li
aries and modules
├── build # Compiled files (alternatively `dist`)
├── tools # Tools and utilities
├── scripts # Useful scripts
├── test # Test files (alternatively `spec` or `tests`)
│ ├── benchmarks # Load and stress tests
│ ├── integration # End-to-end, integration tests (alternatively `e2e`)
│ └── unit # Unit tests
├── docs # Documentation
│ ├── TOC.md # Table of contents
│ ├── faq.md # Frequently asked questions
│ └── ... # etc.
├── CHANGELOG.md # A running list of changes and fixes
├── LICENSE # CYA
└── README.md # $this
8. Create boilerplate as a template using Dreamweaver.
What you can use jQuery for;
Form validation
Calendars
Menus
Events like;
· moving a mouse over an element
· selecting a radio button
· clicking on an element
    1.1
    function validateForm(){
var name = document.forms["myForm"]["name"].value;
var email = document.forms["myForm"]["email"].value;
var subject = document.forms["myForm"]["subject"].value;
var message = document.forms["myForm"]["message"].value;
result=true;
if (name == "") {
document.getElementById("namee
or").innerHTML = "*";
result=false;
}
if (email == "") {
document.getElementById("emaile
or").innerHTML = "*";
result=false;
}
if (subject == "") {
document.getElementById("subjecte
or").innerHTML = "*";
result=false;
}
if (message == "") {
document.getElementById("messagee
or").innerHTML = "*";
result=false;
}
if(result==true)
{
return result;
}
else{
return result;
}
}
function validatelogin(){
var name = document.forms["myLoginForm"]["name"].value;
var email = document.forms["myLoginForm"]["password"].value;
result=true;
if (name == "") {
document.getElementById("namee
or").innerHTML = "*";
result=false;
}
if (email == "") {
document.getElementById("emaile
or").innerHTML = "*";
result=false;
}
if(result==true)
{
return result;
}
else{
return result;
}
}
function validateregister(){
var name = document.forms["myRegisterForm"]["name"].value;
var email = document.forms["myRegisterForm"]["email"].value;
var phone = document.forms["myRegisterForm"]["phone"].value;
var password = document.forms["myRegisterForm"]["password"].value;
var confirmpassword = document.forms["myRegisterForm"]["confirmpassword"].value;
result=true;
if (name == "") {
document.getElementById("namee
or").innerHTML = "*";
result=false;
}
if (email == "") {
document.getElementById("emaile
or").innerHTML = "*";
result=false;
}
if (phone == "") {
document.getElementById("phonee
or").innerHTML = "*";
result=false;
}
if (password == "") {
document.getElementById("passworde
or").innerHTML = "*";
result=false;
}
if (confirmpassword == "") {
document.getElementById("confirmpassworde
or").innerHTML = "*";
result=false;
}
if(result==true)
{
if (password != confirmpassword) {
alert("Passwords do not match.");
result= false;
}
else
return result;
}
else{
return result;
}
}
function validatecourse(){
var Title = document.forms["mycourseForm"]["Title"].value;
var Description = document.forms["mycourseForm"]["Description"].value;
var Credit = document.forms["mycourseForm"]["Credit"].value;
var Duration = document.forms["mycourseForm"]["Duration"].value;
result=true;
if (Title == "") {
document.getElementById("titlee
or").innerHTML = "*";
result=false;
}
if (Description == "") {
document.getElementById("descriptione
or").innerHTML = "*";
result=false;
}
if (Credit == "") {
document.getElementById("credite
or").innerHTML = "*";
result=false;
}
if (Duration == "") {
document.getElementById("duratione
or").innerHTML = "*";
result=false;
}
if(result==true)
{
return result;
}
else{
return result;
}
}
function validatesubject(){
var Title = document.forms["mysubjectForm"]["Title"].value;
result=true;
if (Title == "") {
document.getElementById("titlee
or").innerHTML = "*";
result=false;
}
if(result==true)
{
return result;
}
else{
return result;
}
}
9. Create your database according the clients/trainers feedback ensuring that you include relationships, index etc., within the database and the relevant tables, structures using the appropriate datatypes etc.
10. Incorporate data into the database to use for testing purposes, ensuring that you have data in all tables created for testing purposes;
Username:     admin
Password:    admin
Username:     student
Password:    student
11. Incorporate code to connect to the database using the credentials from the installation of MAMP e.g.,
Host:    localhost
Username:     root
Password:    root
12. Create code to handle user interaction (Registration Forms, Logins etc,);
11.1. Create Registration.php form
?php
include 'function/init.php';
?
!doctype html
html class="no-js"...