TEACHER REGISTRATION PAGE

Submitted by:
Angel Ale Magar (57702062)
Lokendra Rawal (57702070)
Subash Adhikari (57702067)

A project submitted in partial fulfillment of the requirements for the bachelor’s degree in
computer application awarded by Faculty of Humanities and Social Sciences, Tribhuvan
University

Nepalaya College
Kalanki, Kathmandu, Nepal
September 2023

Under the Supervision of

Sitaram Khadka
 Supervisor’s Recommendation

I hereby recommend that this project prepared under my supervision by Angel Ale Magar (TU
Exam Roll No. 57702062), Lokendra Rawal (TU Exam Roll No.57702070) & Subash Adhikari
(TU Exam Roll No.57702067) entitled “Teacher Registration Page” in partial fulfillment of
the requirements for the degree in Bachelor of Computer Application to be processed for final
evaluation.

-----------------------------------
Signature:
Name of the supervisor: Mr. Sitaram Khadka
Designation:
Date signed:
 LETTER OF APPROVAL

This is to certify that this project prepared by Angel Ale Magar, Lokendra Rawal &
Subash Adhikari entitled “Teacher Registration Page” in partial fulfillment of the
requirements for the degree of bachelor’s in computer application has been evaluated. In
our opinion it is satisfactory in the scope and quality as a project for the required degree.

----------------------------- -----------------------------
Mr. Sitaram Khadka
Mr. Shaila Mitra Neupane
Lecturer
Coordinator
Nepalaya College
Nepalaya College
Kalanki, Kathmandu
Kalanki, Kathmandu

----------------------------- -----------------------------
Internal Examiner External Examiner
 Abstract

The Teacher Registration Form (TRF) is a proposed project that aims for teacher registration by
replacing the conventional manual registration as Manual process of registration needs a lot of
paper work and consume more time. So, this registration page is a solution to these all problem
as it is a web based which allows the institute to register teacher easily via internet which reduces
paper work and save valuable time of teacher. This attendance system is user friendly as it uses
HTML, PHP, JS and CSS for webpage designing and MYSQL for database.
In conclusion, aim of this project is the proper implementation of teacher registration process by
simplifying the application process, enhancing data security, and enabling real-time monitoring
through the help of online platform.
List of tables

Table 1: login test case……………………………………………...23

Table 2: Test Case for user and admin panel………………………………………...24
LIST OF TABLES
List of abbreviations

1. HTML Hyper Text Markup Language

2. PHP Hypertext Preprocessor

3. JS Java script

4. CSS Cascading Style Sheets

5. XAMPP Cross-Platform, Apache, MySQL

6. DFD Data Flow Diagram

7. SQL Structured Query Language

 CHAPTER 1: INTRODUCTION
Introduction:

Registration is an important factor in any sector or organization as registration is a

process for officially registering any individual in any organization similarly This
Teacher Registration form is user-friendly online based platform aimed at
modernizing the process of teacher registration which seeks to replace the manual
registration process with an secure, and accessible online platform simplifying the
teacher registration process
We aim to make this registration page efficient to save time by avoiding the time-
consuming paperwork which simplifies in registration process by making it online
based

The manual process of registering teacher in educational institutions is often time-

consuming, cause errors, and lacks real-time monitoring capabilities Registering
manually requires a lot of administrative effort and time, which decreases
productivity and increases administrative costs. This inefficiency hampers the
smooth functioning Paper-based registration or manual registration can lead to
errors such as inaccurate registration, misplaced records, or tampering. These
inaccuracies compromise the overall registration process

Due to these problems, there is a big need for a modern registration in educational
institutions. It should use technology to make the registration process faster and
easier,
OBJECTIVE
The objective of a teacher registration form is to provide a digital platform that allows teachers to
register within educational institutions. The system aims to help the teacher registration process,
making it efficient and faster
 Shifting into web-based registration from traditional method.
 To eliminate the need for manual paperwork reducing administrative burdens
 To ensure accurate and reliable attendance records and minimize errors and provide a
dependable method for registration
 To ensure security measure to protect the personal and sensitive information of teachers
In simple terms, implementing a much easier and efficient registration. which helps ensure that
registered records are accurate, allows educational institutions to check or view in time of need

Scope
With the help of registrations, admin can manage and record registration process
systematically Some scopes of the system are:
 Support different user role (teacher, admin)
 Save time of teacher, s and administration
 Securely store and manage registered data
 Eliminating the manual paper works
 Saving data for further needs and updates

Limitations
This registration page has some limitation which are:
 It is a web-based registration process, so we need internet facility.
 electronic device is needed e.g computer and mobile.
 Some institution may hesitate since initial cost is high for online based registration.
 CHAPTER 2: LITERATURE REVIEW

Study of existing system

Digitalization have gained significant attention in recent years. In
comparisons to past, registration process in educational institutions
mostly relied on manual paper-based which was time-consuming and
As technology advanced, Digital registration were developed to make
registration more easier and more efficient which allowed to enter data
into a computer, which saved time compared to manual methods

Literature Review

For this project we got to deal with some of registration process. The registration
process which were introduced earlier were not very advanced and didn't have real-
time monitoring capabilities. Over time, they started using the internet and cloud
technology.
 Chapter 3: System Analysis and Design

System analysis
System analysis is the process of understanding and studying how
things work together as a whole in the system. It is the process of
planning a new system to either replace or complement an existing
system
REQUIREMENT ANALYSIS

▪ Functional Requirement
The use case diagram is used in presenting the system requirements of
any proposed system. A use case is a realistic description of the
workflow of the system, and it is used to explicitly describe intentions
and actions of users. The use case diagram, which present the system
requirements are used to show how the proposed system work in
practice. The interaction between actor and use cases are also described
using use case diagram
admin

user

Fig: use case diagram

  Non-Functional Requirement
These are those requirements which are not the functional part of day-
to-day activities but aids a major role for improving the performance of
the organization. For Example, customer services, motivation for the
workers etc. The block diagram of overall project is shown below

Block diagram of overall system

Here are some basic types of nonfunctional requirements:

Security

Security requirements ensure that the software is protected from unauthorized

access to the system. This system protects the admin account. When a admin gives
incorrect username or password in the login page, the system displays an error
message.

Operational and environmental requirements

. The operational and environmental requirements of this system do not require too
much equipment, and can be easily accessed from a laptop, a desktop computer or
any device with an internet con
Feasibility Analysis

Technical Feasibility
It is technically feasible, since there will not be much difficulty in getting
required resources for the development and maintaining system as well. The
project is being built by using simple technologies to reduce technological
hindrances. The project is written on VS (Visual Studio) Code. To deploy the
application, the only technical aspect needed are mentioned below:
• Operating System – Windows or any OS platform
• RAM – 512 MB or Higher
• Web browser - Simple Web browser with internet connection
• Database – MySQL
• Apache [XAMPP]
Operational Feasibility
The operational feasibility assessment focuses on the degree to which the proposed
development projects fits in with the existing environment. In this system, all the
features will be implemented using its own database. Furthermore, this system will
be compatible on all devices. Hence, this system is operationally feasible.
Economic Feasibility
The purpose of economic feasibility is to have an analysis of economic benefit to
the organization. Users only need internet facility to access the website. So, the
proposed project is economical and can fulfill user’s required purpose.
Schedule Feasibility
The schedule feasibility shows the time taken to develop the software.

The project’s tasks and milestones has been divided as shown in the given figure
below:

Time 1st 2nd 3rd 4th 5th 6th 7th

week week week week week week week

PLANNING

ANALYSIS
DESIGN

CODING
TESTING

UPDATE
RE - RELEASE
DOCUMENTATION

Fig: Gantt chart

 Data Modeling (ER Diagram)

A data model is a mechanism that provides abstraction for database application.

Data models define how data is connected to each other and how they are
processed and stored in a system. There are different data models which are used to
design and develop the database, but we are using Entity Relationship Model
which is a popular high-level data model that consists of a collection of basic
objects called entities and relationship among these objects. The ER diagram of
teacher registraton is shown below:

Fig: ER diagram
Process Modeling (DFD)

A Data Flow Diagram (DFD) is a simple way to show how information moves through a system.
It uses arrows and shapes to represent where data comes from, where it goes, and how it's
processed. It's like drawing a map that illustrates how information travels within a computer or a
process.

Level-0 DFD is also called a context DFD. The context level DFD describes the entire system at
a high level. In this level the whole system is defined as a single process and its relationship with
external entities. In this DFD there are two external entities:
● Teacher
● Admin

Level-0 DFD
Level 1 DFD gives a more clear view of the system than context level DFD. This level breaks
the single process into multiple sub processes.The subprocess for attendance management system
are as follows:
● teacher
● user management

Level-1 DFD
level-2 DFD of attendance system further breaks the process into more details subprocess. This level adds
all necessary data store and information.

Level-2 DFD
System Design
System design is the process of planning and creating a detailed plan for how a
computer system or software will work. It involves deciding what the system
should do, how different parts will interact, and what technologies or components
will be used. It's like creating a step-by-step instruction manual for building and
using a digital tool or program.
Architectural Design
Architectural design is like planning the layout and structure of a building, but for
computer systems or software. It's about deciding how different parts of a system
will work together, what they'll look like, and how they'll communicate. Just like
an architect plans rooms, doors, and windows in a house, an architectural design
plans components, connections, and interactions in a computer system.

Fig: architectural design

 CHAPTER 4: IMPLEMENTATION AND TESTING
Technology used
 HTML
Hyper Text Markup Language (HTML) is the standard markup language for creating web pages
and web application (code academy, 2016). It was created by Tim-Berners-Lee in 1991 to define
the structure of web page. HTML (Version 5, HTML5) is used to make the formatting of the
different pages like index.html, register.html, login.html, studentdashboard.html, admin.html,
etc. The <! DOCTYPE Html > declaration defines that the document is an HTML5 document.
HTML is also used for displaying the content like images, forms etc. The language uses such
tags to define what manipulation has to be done on the text.

 CSS
Cascading Style Sheet (CSS) is a style sheet language used for describing the presentation of a
document written in a markup language like HTML. CSS allows to apply styles to web pages.
More importantly, CSS enables to do this independently of the HTML that makes up each web
page. CSS describes how a webpage should look: it prescribes colors, fonts, spacing and much
more. CSS is a cornerstone technology of the World Wide Web, alongside HTML and
JavaScript. In this project, CSS is used to style the HTML pages.

 PHP
The term PHP is an acronym for PHP: Hypertext Preprocessor. PHP is a server-side scripting
language designed specifically for web development. It is an open-source language. It is very
simple to learn and use. The files have the extension “.php”. PHP code is executed in the server.
The thing that differentiates PHP from client-side language like HTML is, that PHP codes are
executed on the server whereas HTML codes are directly rendered on the browser. PHP codes
are first executed on the server and then the result is returned to the browser.

 MYSQL
Structured Query Language (SQL) is a programming language specifically designed for
managing and manipulating relational databases. It's used to communicate with a database
management system (DBMS) in order to perform various operations, such as creating, updating,
retrieving, and deleting data. Relational databases are a type of database that organizes data into
structured tables with rows and columns. SQL and relational databases are fundamental to data
storage, organization, and retrieval in many software applications, ranging from web applications
to enterprise systems. They provide a structured and efficient way to manage and maintain data.
Tools used

 Visual Studio

Visual Studio is an Integrated Development Environment (IDE) developed by Microsoft to

develop GUI (Graphical User Interface), Web applications, web apps, mobile apps, etc. With the
help of this IDE, users can create managed code. It is not a language-specific IDE as developers
can use this platform to write code in HTML, CSS, JavaScript, PHP, and many more languages.
It is available for Windows as well as for macOS. The first version of VS (Visual Studio) was
released in 1997, named as Visual Studio 97 having version number 5.0. The latest version of
Visual Studio is 15.0 which was released on March 7, 2017.

 Xampp

XAMPP is a cross-platform web server that is free and open-source. XAMPP is a short form for
Cross-Platform, Apache, MySQL, PHP, and Perl. XAMPP is a popular cross platform web
server that allows programmers to write and test their code on a local webserver. This local
server runs on the personal computer, whether it’s a desktop or a laptop. It is used to test clients
or websites before publishing them to a remote web server. It is Multi Cross-Platform, which
implies it works on both Windows and Linux. With a single command, it can start and stop the
entire web server and database stack.

 Smart Draw

Smart Draw is a diagramming and visual communication tool that allows users to create a wide
variety of diagrams, charts, and visual content for different purposes. It is known for its user-
friendly interface, extensive library of templates and shapes, and its ability to simplify the
process of creating professional-looking visuals
Development methodology

We are going to use the agile methodology while building the website. as this project has
specific documentation, ample time, fixed requirements, well-understood technology so in
order to build this system, agile methodology can be used.

Figure: agile model

Fig: agile methodology

The Agile software development methodology is one of the simplest and effective
processes to turn a vision for a business need into software solutions. Agile is a term used to
describe software development approaches that employ continual planning, learning,
improvement, team collaboration, evolutionary development, and early delivery. It
encourages flexible responses to change.
Testing
Testing is done to make sure that there are no hidden bugs or issues left in the software. In order to test
the user module and learning module in this project following test case are created then these test cases
are executed to check the correctness of the system.
Test Case
S.N Test Cases Input Data Expected Outcome

1 Login Page E-mail: admin@gmail.com User must be redirected to the

Password: admin@123 home page.

2 Login Page Email and password field empty invalid Email or Password

3 Login Page E-mail: user.gmail.com Invalid Email

Password: User@123

4 Login Page E-mail: admin.gmail.com Invalid Email or Password.

Password: 123

Username: user Password must contain at least

5 Register Account Email: admin@gmail.com one uppercase.
Password: admin12345

Username: user Password must contain at least

6 register Account Email: admin@gmail.com one special symbol.
Password: admin12

Username: user Password must be at least 6

7 Register Account Email: user@gmail.com Character long.
Password: Use#1

Username: user Email should be inserted as

8 Register Account Email: user.gmail.com example@mail.com.
Password: User@123

Table 1 :login test case

S.N Test Cases Test Procedure Expected Outcome

1 add add the data into database Successfully added

2 View admin view all the data Display all the data

3 Update Update the entered data in New data has been updated
database

4 Delete Delete from database Delete the data from database

Table 2: Test Case for user and admin panel

 CHAPTER 5

CONCLUSION

With the help of this project development opportunity. I have gained experience in developing a small-
sized web-based application. This project provided an opportunity to learn a wide variety of skills
including frontend development, and backend development. I have learned a lot of new technologies
and skills. I also gained familiarity with many industry standards tools and processes like agile
methodology. The project also led to the development of research skills because the project required a
lot of research to develop. This project helps to deliver a system that helps a lot of students who want
to learn more than the school-provided materials and can help in the development of the skills they
need in the real world. The delivered project has a lot of room for improvement which resulted due to
the limited time and lack of useful skills required to implement properly in this software. However,
this project will be very promising once it reaches its full potential. While working on this project it
provided valuable time management skills. All in all, this project was a perfect opportunity to learn a
variety of real-world skills and a chance for me to grow my knowledge and skills.

During the project period, I found that this project development was very beneficial as a part of the
development of my carrier and the experience gained through this would be helpful and beneficial for
future opportunities. Besides developing a project other lessons are also learned, and they are as
follows:

• How to bring ideas into the implementation and how to work within the time constraints.
• The process of gathering the information that is required to develop software.

REFERENCES
Smart Draw, (2021). Smart Draw. Retrieved from https://www.smartdraw.com/about/
Gopal, M., & Moorthy, S. V. (2016). An Analysis of the Benefits of Digital Registration Systems in
Educational Institutions. International Journal of Computer Applications, 139(2), 28-32.
Smith, A. (2020). The Role of Digitalization in Education: A Comprehensive Review. International
Journal of Educational Technology and Learning, 5(1), 45-56.
https://www.w3schools.com/
 APPENDIX

Fig: Home page

Fig :teacher registration page

Fig: email validation

Fig: phone no validation

Fig: gender (every field must not be empty)

Fig: view page

CRUD (create read update delete)

Fig: view page

Fig: update page

fig: before delete

Fig: after delete

Contents
Supervisor’s Recommendation………………………………………………………………………………………………………. i
Letter of approval…………………………………………………………………………………………………………………………… ii
Abstract…………………………………………………………………………………………………………………………………………... iii
List of tables……………………………………………………………………………………………………………………………………… iv
List of figures……………………………………………………………………………………………………………………………………... v
Abbreviation……………………………………………………………………………………………………………………………………….vi
CHAPTER 1: INTRODUCTION
Introduction:
Objective
Scope
Limitations
CHAPTER 2: LITERATURE REVIEW
Study of existing system
Literature Review
Chapter 3: System Analysis and Design
System analysis
REQUIREMENT ANALYSIS
Feasibility Analysis
Data Modeling (ER Diagram)
Process Modeling (DFD)
System Design
Architectural Design
CHAPTER 4: IMPLEMENTATION AND TESTING
Technology used
Tools used
Development methodology
Testing
CHAPTER 5: CONCLUSION AND RECOMMENDATION
CONCLUSION
REFERENCES
APPENDIX