A SS E S SM E NT
MAT E RI AL
EVIDENCE
GUIDE
Qualification
Web Designing and DESIGN AND PRESENT FINAL PROJECT
Development
CS Code:
Level: 2
Credit: 10
Version: 1
CONTENTS 1. Assessment Summary and Record
2. Candidate Assessment
3. Assessor Judgment Guide
4. List of required tools/equipment, material and context of assessment
ASSESSMENT AND Competent Not Yet Competent
ASSESSOR
DETAILS
Assessment Re-Assessment
Assessor’s Name Assessor’s Code
Assessor’s Signature Date
DD MM YYYY
CANDIDATE Candidate’s Name
DETAILS F i r s t N am e L a s t N am e
Father’s Name
Institute Name and District
CNIC/BFORM #
Registration Number issued by
Assessment Body
Gender Male Female Transgender
Candidate’s Consent I agree to the time and date of the assessment and am aware of the requirements
of the assessment. I fully understand my rights of appeal.
Candidate’s Signature
ASSESSMENT
You can use this coversheet as an Assessment Results Summary Form. Simply post a photocopy of this completed
RESULTS coversheet to NAVTTC
SUMMARY FORM
NAVTTC OFFICE
1. DATE 2. DATE E NTERE D INTO
ONLY FORM DATABASE:
RECEIVED: DD MM YYYY DD MM YYYY
Design and Present Final Project © NAVTTC November 2015 Page 1 of 10
1 ASSESSMENT SUMMARY & RECORD
ACTIVITY METHOD DESIRED OUTCOMES RESULT
OBSERVATION
COMPETENT
COMPETENT
PORTFOLIO DESIRED OUTCOMES FOR SUCCESSFUL ASSESSMENT OF
NATURE OF
WRITTEN
NOT YET
COMPETENCY STANDARD: DESIGN AND PRESENT FINAL
ACTIVITY
PROJECT
ORAL
Design registration form in Dreamweaver or Visual Studio
Write JavaScript code for client side validation
Create table in database for designed registration form
Practical Skill
Demonstration Write server side scripting ([Link] or PHP) for already
designed registration form
Design Mock-ups of webpage by using Adobe Photoshop
Develop entity relationship diagram (ERD) of any web
project
Answer all questions your assessor may have during the
Knowledge
Assessment practical assessment.
Provide verified evidence of a dynamic website with
server side programming which provides functionalities
Other
Requirements such as interacting with users, session management,
connecting back end database, generating reports and
contents management system
Design and Present Final Project © NAVTTC November 2015 Page 2 of 10
2 CANDIDATE ASSESSMENT
Candidate’s Name………………………………………………......Father’s Name …………………………………………………………………..
ALL WORK ASSESSED IN THIS COMPETENCY STANDARD MUST BE YOUR OWN WORK.
GUIDANCE TO CANDIDATE
To meet this standard you are required to complete the following tasks within four hours timeframe:
Design registration form in Dreamweaver or Visual Studio (as shown in Annexure-1)
Write JavaScript code for client side validation (already designed form)
Create table in database for designed registration form
Write server side scripting ([Link] or PHP) for already designed registration form
Design Mock-ups of webpage using Adobe Photoshop
Develop entity relationship diagram (ERD) of any web project
Important Note: The following general performance criteria will be followed and performed in all the tasks (where applicable) by the
candidate in order to meet this standard.
Follow health and safety procedure as per the requirements of given task
Prepare work station as per the requirements of task
Select tools/ equipment as per the requirements of task
Report to supervisor in case of any contingency after taking necessary actions
Complete the work by following sequence of operations
Perform task(s) within standard timeframe
ACTIVITIES CANDIDATE RESPONSE
1. Complete During a practical assessment, under observation by an assessor, I will correctly:
practical task
of ‘Designing Design registration form in Dreamweaver or Visual Studio (as shown in Annexure-1)
and Create all fields of registration form as per Annexure-1
Presenting Align all labels and text fields of registration form
Final Project’ Use CSS technique in form designing
under Write JavaScript code for client side validation (already designed form)
observation by Validate text fields if empty using JavaScript
an assessor Match pattern of e-mail ID using JavaScript
Validate password by verifying minimum length, alphabets, digits and special characters
Restrict length of text fields using JavaScript
Create table in database for designed registration form
Create table for each entity in MySQL
Set data types according to the nature of the field
Set required length of attributes
Set key constraints of the table
Write server side scripting ([Link] or PHP) for already designed registration form
Use correct name of text fields in PHP/[Link] code
Establish connection with the server to store data in database
Use SQL query to store data in database
Execute query to store data in database and to throw exception
Display meaningful message for successful data storage
Design Mock-ups of webpage using Adobe Photoshop
Convert JPG file (as shown in Annexure-2) into PSD file using Adobe Photoshop
Re-size dimensions and resolution of canvas
Change object colour as per Annexure-2
Use Selection tools for objects extraction from the image
Write text on the canvas
Move objects on the canvas
Use layers palate to differentiate each object
Arrange layers for the organization of objects
Design and Present Final Project © NAVTTC November 2015 Page 3 of 10
Use Slice tool to create HTML format
Export PSD file into HTML format
Develop entity relationship diagram (ERD) of any web project
Recognize the entities of web project
Create boxes for each entity
List attributes of each entity in oval shape
Draw lines to show relationship and label it using a verb
Add relationship type (1:1, 1:many, many:many) among entities
General performance criteria:
Follow health and safety procedure as per the requirements of given task
Prepare work station as per the requirements of task
Select tools/ equipment as per the requirements of task
Report to supervisor in case of any contingency after taking necessary actions
Complete the work by following sequence of operations
Perform task(s) within standard timeframe
2. Other Provide verified evidence of a dynamic website with server side programming which provides functionalities such
requirements as interacting with users, session management, connecting back end database, generating reports and contents
management system
3. Answer any My answers to questions are correct and demonstrate my understanding of the topics and their application.
questions your
assessor may
have during
the practical
assessment
Design and Present Final Project © NAVTTC November 2015 Page 4 of 10
3 ASSESSOR JUDGEMENT GUIDE
Candidate’s Name …………………………………………………. Father’s Name.……………………………………………………..
INSTRUCTIONS This section contains minimum evidence requirements. Oral questioning may be used to clarify
FOR ASSESSOR candidate understanding of the topic and its application .
ASSESSOR
ACTIVITIES MINIMUM EVIDENCE REQUIRED YES NO
COMMENTS
1. Complete practical During a practical assessment, under observation by an assessor,
task of ‘Designing the candidate correctly carried out the following tasks:
and Presenting
Final Project’ under
observation by an
assessor
Design registration form Created all fields of registration form as per Annexure-1
in Dreamweaver or
Visual Studio (as shown Aligned all labels and text fields of registration form
in Annexure-1)
Used CSS technique in form designing
Write JavaScript code Validated text fields if empty using JavaScript
for client side validation
(already designed form) Matched pattern of e-mail ID using JavaScript
Validated password by verifying minimum length, alphabets, digits
and special characters
Restricted length of text fields using JavaScript
Create table in Created table for each entity in MySQL
database for designed
registration form Set data types according to the nature of the field
Set required length of attributes
Set key constraints of the table
Write server side Used correct name of text fields in PHP/[Link] code
scripting ([Link] or
PHP) for already Established connection with the server to store data in database
designed registration
form Used SQL query to store data in database
Executed query to store data in database and to throw exception
Displayed meaningful message for successful data storage
Design Mock-ups of Converted JPG file (as shown in Annexure-2) into PSD file using
webpage using Adobe Adobe Photoshop
Photoshop Re-sized dimensions and resolution of canvas
Changed object colour as per Annexure-2
Used Selection tools for objects extraction from the image
Wrote text on the canvas
Moved objects on the canvas
Used layers palate to differentiate each object
Design and Present Final Project © NAVTTC November 2015 Page 5 of 10
Arranged layers for the organization of objects
Used Slice tool to create HTML format
Exported PSD file into HTML format
Develop entity Recognized the entities of web project
relationship diagram
(ERD) of any web Created boxes for each entity
project
List attributes of each entity in oval shape
Drew lines to show relationship and labelled it using a verb
Added relationship type (1:1, 1:many, many:many) among entities
General performance Followed health and safety procedure as per the requirements of
criteria given task
Prepared work station as per the requirements of task
Selected tools/ equipment as per the requirements of task
Reported to supervisor in case of any contingency after taking
necessary actions
Completed the work by following sequence of operations
Performed task(s) within standard timeframe
2. Other Provided verified evidence of a dynamic website with server side
requirements programming which provides functionalities such as interacting
with users, session management, connecting back end database,
generating reports and contents management system
Design and Present Final Project © NAVTTC November 2015 Page 6 of 10
3. Answer any Candidate’s answers to questions are correct and demonstrate
questions the understanding of the topics and their application.
assessor may have
during the practical Assessor to document below all questions asked and candidate
assessment answers. Use extra sheets if required and attach.
Design and Present Final Project © NAVTTC November 2015 Page 7 of 10
LIST OF TOOLS, EQUIPMENT, MATERIAL AND
4 CONTEXT OF ASSESSMENT
This section contains information regarding;
INSTRUCTIONS Context of the assessment
List of required tools and equipment.
List of consumable items required during the service
1. Context of
Assessment This task will be performed in real time environment.
2. List of tools and equipment required (for five candidates)
S. No Items Quantity
PCs with following software installed (Windows 7, XAMPP server, Visual Studio, Dreamweaver, FileZilla, 5
1
browsers )
2 Internet connection (minimum 1Mbps) 1
3 Antivirus 1
3. List of consumable items required (for five candidates)
S. No Items Quantity
1 N/A N/A
Design and Present Final Project © NAVTTC November 2015 Page 8 of 10
Annexure-1
Design and Present Final Project © NAVTTC November 2015 Page 9 of 10
Annexure-2
Design and Present Final Project © NAVTTC November 2015 Page 10 of 10