SPECIFIC INSTRUCTION FOR THE STUDENT
Qualification: Programming (.Net Technology) NCIII
Full Units of • Perform Programming in HTML 5 with JavaScript and CSS3
Competency • Develop ASP .NET MVC5 Web Application
Student Name
Given the necessary tools, materials, instruments, and equipment, perform the following task in 6
hours:
Background
This project involves the development of a Registration page where the Information entered in the
Registration form will be stored in a Database, a Login page which will use the Registered user’s
information to login and a Home page where information registered database can be accessed.
Name of Company: Informatics Baguio City Center Inc.
Nature of Business: Education
Required
Develop a user-friendly Registration page and Admin page in [Link] with the following instructions
and specifications:
A. Develop a Project Plan (see Appendix D)
B. Develop a relational Database:
• At least one table to contain Registration information
C. Create Responsive Registration Form (see Appendix A) with the following fields and
specifications:
• Each field should be validated using JavaScript when the user clicks on the SUBMIT
button.
• All fields are required to have value.
• The Registration form should follow the wireframe provided.
• When the REGISTER button is pressed, the form should record the entry into a
database table.
D. Create Responsive Login Page (see Appendix B) with the following fields and specifications:
• Username input
• Password input
• When the LOGIN button is pressed, it will verify if the Username and Password is
registered in the Database. Else, it will alert “Invalid Username/Password!”.
E. Create Responsive Admin Page (see Appendix C) with the following fields and specifications:
• The Admin Page must contain the Company Logo
• The page must have the title “Admin User”
• The page has a Grid view ASP component which displays the registered users upon
loading the page.
Assessment Result: Competent Not Yet Competent
Student’s Name & Signature Date:
PROGRAMMING (.NET Technology) NCIII: INSTITUTIONAL ASSESSMENT
Appendix A – Sign Up Page
Sign Up Form Fields: Use the Form Field Types and Format indicated.
• First Name <asp: TextBox>
• Middle Nam <asp: TextBox>
• Last Name <asp: TextBox>
• Name Extension <asp: DropDownlList>
• Gender <asp: DropDownList>
• Birthdate <asp: TextBox> Format (YYYY-MM-DD)
• Phone Number <asp: TextBox>
• Email <asp: TextBox>
• Password <asp: Textbox>
• Confirm Password <asp: TextBox>
Sample Sign Up Form
PROGRAMMING (.NET Technology) NCIII: INSTITUTIONAL ASSESSMENT
Appendix B – Sign In Page
Sign In Form Fields: Use the Form Field Types and Format indicated.
• Email <asp: TextBox>
• Password <asp: Textbox>
Sample Sign In Page
PROGRAMMING (.NET Technology) NCIII: INSTITUTIONAL ASSESSMENT
Appendix C – Home Page
Home Page Fields: Use the Form Field Types and Format indicated.
• Sign Our <asp: Button>
• Table <asp: GridView>
PROGRAMMING (.NET Technology) NCIII: INSTITUTIONAL ASSESSMENT
Appendix D – Web Application Plan
1. What can be the name of the Project based on the reference materials
provided?
2. Draw an Entity Relationship Diagram of your database design.
3. What are the stages or process in developing a website?
4. What is the significance of the provided project?
PROGRAMMING (.NET Technology) NCIII: INSTITUTIONAL ASSESSMENT