Profile of The Problem: College Student Portal Project Report
Profile of The Problem: College Student Portal Project Report
Online College Portal aims at providing the Facility to automate and simplify the smooth
interaction between student and faculty. This application does all automated work regarding
maintaining and disseminating all information which is extremely useful in colleges. The
creation and management of accurate & update information regarding a student is critically
important in college. The administrator and student are two major functional requirements in
the given system. Proper login with time & role based secure access is provided to admin,
faculty & students. The whole system will be controlled by admin. This portal includes
uploading /downloading study material, notifications, fees payment, view result. All these
general details like student name, address, course details etc. provide various records
regarding students. This application is helpful in sharing of document with the individual,
department or whole organization depending on the requirement.
The programming has been accomplished in PHP. The administrator and the user can login
using the username and password which they can select according to their choice. Only
restriction is that multiple persons will not be permitted to accept the same username. The
project has been developed in PHP as front end and MY SQL as back end which develop to
help powerful software.
This website is developed in such a way that it makes use of the current hardware as far as
possible in care of up gradation that it should be done. This software is easy to use and has a
good graphical user interface.
2. SYSTEM STUDY
2.1 INTRODUCTION
All activities associated with each life cycle phase must be performed, managed and
documented. Hence, we define system analysis as the performance, management,
documentation of the activities related to the life cycle phases of a computer-based business
system. In the study phase a detailed study of the project is made and clear picture of the
project is in mind. In the design phase the designing of the input, output and table designs are
made. Development phase is where the physical designing of the input-output screens and
coding of the system is done. System implementation actually implements the system by
making necessary testing.
In the present system all the work is done manually. The whole information related to
department is stored in register and at the end of the session the reports are generated. We are
not interested in generating report in the middle of the session or as per the requirement
because it takes more time in calculations. It takes more effort and physical space to keep
track of paper documents, to find information and to keep details secure. When mistakes are
made or changes or corrections are needed, often a manual transaction must be completely
redone rather than just updated. The manual or partially automated systems information often
has to be written down and copied or entered more than once. Systemization can reduce the
amount of duplication of data entry. An Online College Portal is an application which
overcome the drawbacks of existing system and consist of forums, term-work scheduling,
uploading/downloading study resources.
This project is aimed at developing online portal for college. Once you open the portal all
basic information about college is available. There are mainly 3 users they are Admin,
Student, and Faculty of the college. The admin has all control over portal, he is a master user.
The function of administrator involves verifying and accepting the request of registered
student, updating portal, deleting user. Students first register on portal by filling all basic
information such as name, email, academic year, branch etc. The verified students can very
flexibly login and View Forums, blogs and download assignments, notes, presentation.
Students can access relevant resources placed online for them. A separate
registration will not be there for faculty. Admin will provide login and password for the first
time, changing password for faculty during first login is mandatory. They will have access of
forum, with which they can post queries, reply queries, upload assignment, notes,
presentation, and video, placement activity. Students will also use the system to read
important announcements, to obtain information on assessment, online discussion board for
queries and to see the results of Term-work recorded in the system. Each user provided a
different features & authorization. They can see the information provided by the student like
personal details, educational details, parent mobile number, extracurricular activity or other
information. They put online notices, schedule and events so that the entire user can view
this. They also uploads/download the information.
The proposed Online College Portal is intended to avoid all the drawbacks of
existing system. It will add some more features than the existing system. The proposed
Online College Portal is a cost-effective way of doing the manual processes done in the
existing system. This helps the organization to win the war in the existing competitive world.
Advantages:
Globally accessible
They also provide uploads/download information
Central place for all asks and 24 Hour accessible
Student can add/modify self-details, check notification
Secure and personalized
Faster and better communication
Saving of time and man power
3. PROBLEM ANALYSIS
1. Economic Feasibility
2. Behavioral Feasibility
3. Technical Feasibility
4. Operational Feasibility
5. Legal Feasibility
To be judged feasible, a proposal for the specific project must pass all these tests, otherwise it
is not considered as a feasible project. I gathered the details regarding the financial aspects
incorporated in the system to make it cost efficient.
There are a number of technical issues, which are generally raised during
the feasibility stage of the investigation. A study of function, performance and constraints
gave me the ability to achieve acceptable system. The software required for this system is:
PHP
MySQL
Suppose for a moment that technical and economic resources are both
judged adequate. The systems analyst must still consider the operational feasibility of the
requested project. Operational feasibility is dependent on human resources available for the
project and involves projecting whether the system will operate and be used once it is
installed. If users are virtually wed to the present system, see no problems with it, and
generally are not involved in requesting a new system, resistance to implementing the new
system will be strong. Chances for it ever becoming operational are low.
1. Within the organization: How the project is to be implemented? What are various
constraints? What is market strategy?
2. With respect to the customer: Weekly or timely meetings with the customer with
presentations on status reports. Customer feedback is also taken and further modifications
and developments are done. Project milestones and deliverables are also presented to the
customer. For a successful project the following steps can be followed:
4. REQUIREMENT ENGINEERING
4.1 INTRODUCTION
Requirement analysis involves studying the current system to find out how
it works and where improvements could be made. A clear idea about the existing system is a
must for making improvements where it is required. Proper planning and collection of data
serves the purpose. The popularity of this document is to describe all the requirements for the
popularity of the website for ‘COLLEGE STUDENT PORTAL’. This website gives all the
information for a person. In our busy life, we cannot go to each department or offices. This
problem will manage this site. It will help to avoid in correction and missing data.
HARDWARE REQUIREMENTS:
CPU - 1.8 GHz or faster processor
HARD DISK SPACE - Minimum 160GB
RAM - 2GB or more
Introduction to PHP
PHP, stands for "Hypertext Preprocessor" is an extremely popular scripting
language that is used to create dynamic Web pages. Combining syntax from the C, Java
and Perl languages, PHP code is embedded within HTML pages for server-side
execution. PHP is used to develop Static websites or Dynamic websites or Web
applications. A scripting language is a language that interprets scripts at runtime. Scripts
are usually embedded into other software environments.
PHP is a powerful PHP framework designed for PHP coders who are looking for a simple
and elegant toolkit to form full-featured web applications. CodeIgniter can develop projects
much faster by providing a set of libraries for commonly desired tasks, and a simple interface
and logical structure to access these libraries. It has simple installation process with minimum
configuration, and avoids PHP version conflict. It can work well with most of the shared and
dedicated hosting platforms.
PHP files can contain text, HTML, CSS, JavaScript, and PHP code
PHP code are executed on the server, and the result is returned to the browser as plain
HTML
PHP files have extension ".php"
PHP can generate dynamic page content
PHP can create, open, read, write, delete, and close files on the server
PHP can collect form data
PHP can send and receive cookies
PHP can add, delete, modify data in your database
PHP can restrict users to access some pages on your website
PHP can encrypt data
PHP runs on various platforms (Windows, Linux, Unix, Mac OS X, etc.)
PHP is compatible with almost all servers used today (Apache, IIS, etc.)
PHP supports a wide range of databases
PHP is easy to learn and runs efficiently on the server side
JavaScript
JavaScript is an object based, cross-platform, loosely typed multiuse programming
language that is used to add interactivity to the web pages. A JavaScript is a program that is
included on an HTML page. Because it is enclosed in the <SCRIPT> tag, the text of the
script doesn't appear on the user's screen, and the Web browser knows to run the JavaScript
program. The <SCRIPT> tag is most often found within the <HEAD> section of the
HTML page. Scripts that write text to the screen or that write HTML is best put in the body
section. JavaScript allows you create an active interface, giving the users feedback as they
navigate your pages. JavaScript can be used to make sure that your users enter valid
information in forms, which can save time and money. If the forms require calculations,
you can do them in JavaScript on the user's machine without needing to use a complex
server CGI.
With JavaScript, you have the ability to create custom HTML pages depending on
actions that the user takes. JavaScript controls the browser, because JavaScript has a set of
date and time features. Java script deals with commands called event handles. An action by
the user on the page triggers an event handler in your script. JavaScript is case sensitive.
Scripts can be put in either of two places on an HTML pages: between the <HEAD> and
</HEAD> tag or between the <BODY> and </BODY> tag. One of the main uses of
JavaScript is to provide feedback to people browsing your site. An alert window can be
created that pops up and gives the user the vitally important information that they need to
know about the page. Different languages versions can be have had on different scripts on
one page.
MySQL
MySQL is an open-source relational database management system (RDBMS). A relational
database organizes data into one or more data tables in which data types may be related to
each other; these relations help structure the data. SQL is a language programmer use to
create, modify and extract data from the relational database, as well as control user access to
the database. In addition to relational databases and SQL, an RDBMS like MySQL works
with an operating system to implement a relational database in a computer's storage system,
manages users, allows for network access and facilitates testing database integrity and
creation of backups.
MySQL is free and open-source software under the terms of the GNU General Public
License, and is also available under a variety of proprietary licenses. MySQL has stand-alone
clients that allow users to interact directly with a MySQL database using SQL, but more often
MySQL is used with other programs to implement applications that need relational database
capability.
5. MODELING
5.1 INTRODUCTION
We create models to obtain a better understanding of the actual entity to be
built. The model focuses on what the system must do and not on how it does it. The second
and third operational analysis principles require that we build modules of function and
behavior. The written word is a wonderful vehicle for communication, but it isn't
necessarily the best way to represent the requirements for computer software. Analysis
modeling uses a combination of text and diagrammatic forms to depict requirements for
data, function, and behavior in a way that is relatively easy to understand, and more
important, straightforward to review for correctness, completeness and consistency. This
section presents resources for conventional and object-oriented analysis (OOA) methods as
well as resources for UML. Analysis modeling is an extremely robust subject.
The actors are connected by lines to the use cases that they carry out. The use
cases are placed in a rectangle but the actors are not .This rectangle is a visual remainder of
the system boundaries and that the actors are outside the system.
automated means for creating comprehensive entity relation diagrams, data object
dictionaries, and related models.
Give
notc Course
Adds
SID Password
Notification
Student Subject
Course Name CID
Phone Course
Course
Need
Qualification Duration
Got sname sid
Attendance
tpresent tleaves
sid sname
Contains
grade Result
Score course
fname fmname
subject
Course_Materia
path sname
course
Fig: ER Diagram
6. DESIGN
6.1 INTRODUCTION
Design for Web apps encompasses technical and non-technical activities
that include: establishing the look and feel of the Web app, creating the aesthetic layout of the
user interface, defining the overall architectural structure, developing the content and
functionality that reside within the architecture, and planning the navigation that occurs
within the Web app.
Design allows you to create a model that can be assessed for quality and
improved before content and code are generated, tests are conducted, and end users become
involved in large numbers. Design is the place where Web app quality is established.
In general, the following design objectives must be kept in mind;
System design sits at the technical kernel of the software engineering and is applied
regardless of the software process model that is used. Beginning once software requirements
have been analyzed and specified, software design is the first technical activity that is used to
build and verify the software. Each activity (designing, coding and testing) transforms
user interface is the link between the users and the employers. A well-designed user interface
makes it very easy for users to learn software. The user interface portion of software is
responsible for all interaction with the user. Development of good user interface usually takes a
significant portion of the total system development effort. GUI can be defined as a program
interface that takes advantages of the computer’s graphic capabilities to make the program
easier to use.
application use client/server architecture. The web application resides on a server and responds to
request from multiple clients over the Internet on the client side, a browser, such as Internet
Explorer, Netscape Navigator, hosts the Web application. The application’s user interface takes
the form of HTML pages that are interpreted and displayed by the client’s browser. On the server
side, the Web application runs under Microsoft Internet Information Services (IIS). IIS manages
the application, passes requests from clients to the application, and returns the application’s
an architectural designer, you must identify content architecture and WebApp Architecture.
Content architecture focuses on the manner in which content objects are structured for
presentation and navigation. WebApp Architecture addresses the manner in which the
application is structured to manage user interaction, handle internal processing tasks, effect
navigation and present content. Architectural design - creates a blueprint for the design with
the necessary specifications for the hardware, software, people and data resources. In this
project n-Tier architecture is used for development. It can use objects for handling business
rules and data access. It has multiple servers handling business services.
Student_Info
Faculty_Info
Admin_Info
Course
Notification
Course_Mat
Attendance
Attendance_Days
Result
6.8. DIAGRAMS
The data flow diagram (DFD) is one of the most important tools used
by system analysts. Data flow diagrams are made up of a number of symbols, which
represent system components. Most data flow modeling methods use four kinds of symbols.
These symbols are used to represent four kinds of system components. Possesses, data stores,
data flows and external entities are the components. Circles in DFD represent a process. Data
flow is represented by a thin line in DFD and square or rectangle represents external entities.
Level-0
Student
Portal
Level-1
ADMIN Us er ADMIN
na
Pas s me /
word
Us er
na Valid Username &
Pas s me /
Faculty word Password Faculty
EMPLOYEE EMPLOYEE
Member’s
Member’s Login
Valid /
Invalid
CUSTOMER
Student
customers
User_Info Student
CUSTOMER
Level – 2
Faculty
Members Faculty Memmber’s Details Student_Info
Admin Profile
Management Editing Profile Admin_Info
Student
Student Details Student_Info
Faculty
Members Attendance
Manage Attendance Attendance
Notification
Viewing Notification Student_Info
Student Result
Getting Results Result
Profile
Mangement Editing Profile Notification
7. CODING
7.1 INTRODUCTION
The coding step is a process that transforms design into a programming
language. It translates a detail design representation of software into a programming language
realization. The translation process continues when a compiler accepts source code as input
and produces machine-dependent object code as output. Quality is an important goal during
coding. The quality of source code can be improved by the use of structured coding
techniques; good coding style and readable, consistent code format. During coding, some
coding standards are to be followed. This has two purposes; reducing the chance of making it
easier for some time to modify the code later on. Coding phase affects both testing and
maintenance profoundly. The “COLLEGE STUDENT PORTAL” uses PHP as the
programming language for coding.
8. TESTING
8.1 INTRODUCTION
The purpose of system testing is to identify and correct errors in the candidate
system. Testing is an important element of the software quality assurance and represents the
ultimate review of specification, design and coding. The increasing visibility of the software
as a system element and the costs associated with a software failure are motivated forces for
well planned, through testing.
During testing the system is used experimentally to ensure that the software
does not fail, i.e., it will run according to the specification and in the way the user expects.
Preparation of test data plays n vital role in the system testing. Different set of test data are
generated and the system under study is tested using that data. While testing using test data
errors are again uncovered and corrected using different testing techniques.
System testing was conducted in order to detect errors and for comparing then
the final system with the requirement specification report. That is, whether the system meets
requirements. During testing the software was executed with a set of test cases and the output
of the program for the test cases was evaluated to determine if the program is performing as it
was expected to.
process of executing a program for finding errors. A good test is one that has high probability
of finding an uncovered error
The turn error is used to refer the difference between the actual output of the
software and the correct output. Fault is a condition that causes the software to fail to perform
its required function. Software reliability is defined as the required function.
Software reliability is defined as the probability that the software will not
undergo failure for a specified time under specified condition. Failure is the inability of a
system or a component to perform a required function according to its specification.
Different levels of testing were employed for software to make an error free, fault free and
reliable. Basically, in software testing four type of testing methods are adopted.
Test cases
Project Title : “COLLEGE STUDENT PORTAL”
Software Tool : PHP
Test objective : To check whether the entered User name and Password are valid or invalid.
Test data : User name = admin and password = admin
Step Steps Data Expected results Actual
no: results
1 Enter User name and User name = Should display warning Login
press LOGIN Button admin message box "Please Enter failed
Password"
2 Enter Password and Password = Should display warning Login
press LOGIN Button admin message box "Please Enter failed
User name “
3 Enter User name and User = admin Should display warning Login
Password and press and Password = message box "Invalid User failed
LOGIN Button XYZ name or Password"
4 Enter User name and User = XYZ and Should display warning Login
Password and press Password = message box "Invalid User failed
LOGIN Button admin name or Password"
5 Enter User name and User = xyz and Should display warning Login
Password and press Password = xyz message box "Invalid User failed
LOGIN Button name or Password"
6 Enter User name and User = “ ” and Should display warning Login
Password and press Password = “ ” message box "Please Enter failed
LOGIN Button User name and Password“
7 Enter User name and User = admin Should navigate to admin Login
Password and press and password home page made
LOGIN Button =admin
9. IMPLEMENTATION
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<link href='login.css' rel="stylesheet">
<title>Login</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/mdb.min.css">
<link rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?
family=Roboto:300,400,500,700&display=swap">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/popper.min.js"></script>
<script type="text/javascript"
src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/mdb.min.js"></script>
<script src='login.js' type='text/javascript'></script>
<style>
</style>
</head>
<body>
<!--Navbar-->
<div class='navbar'>
<div align='right'>
<!--Login Page(Candidate)-->
<div class='candidate-login'>
<div class='block' align="center">
<span class="log-text">LOGIN</span>
</div>
<div class="container-fluid">
<div class="col-8 col-md-8 col-lg-8 col-xl-8 mx-auto">
<!--Forgot Password(Modal)-->
<div class="modal fade" role="dialog" id="forgot-password" data-
backdrop="static">
<div class="modal-dialog" role="document">
var toggleSelector = 0;
$("#admin-btn").click(function() {
if (toggleSelector == 0) {
$("#admin-btn").html("Candidate");
document.getElementById('login-btn').id = 'login-adm';
$("#user-can").html("Username");
toggleSelector = 1;
} else if (toggleSelector == 1) {
$("#admin-btn").html("Administrator");
$("#user-can").html("Student Id");
document.getElementById('login-adm').id = 'login-btn';
toggleSelector = 0;
}
})
$("#can-user").focusin(function() {
$("label").css("color", "rgb(66, 122, 157)");
});
$("#can-user").focusout(function() {
$("label").css("color", "rgba(0,0,0,0.6)");
});
$("#forgot-btn").click(function() {
$("#forgot-password").modal("show")
})
</script>
</html>
12. CONCLUSION
Conclusion
Implementing the Online Student Course Registration System, the registration procedure has
been simplified. Previously student had to go door to door in order to get the documents
acknowledged from the concerned officials whereas the currently developed system offers an
efficient way to perform these operations. The students can access the registration portal
online either from a computer or a smart phone, and fill the necessary information and submit
it for further approval. This web application provides us with ease of access, user friendliness
and transparency. On the other hand, from organizations viewpoint, it helps in maintaining
transparency, data consistency, data accessibility and easy maintenance.
Implementation of the proposed system will reduce the workload of all those
involved as the data can be now managed with proper authentication and authorizations
instead of being hard copied and accessible to everyone. This system will largely save the
precious time of Deans, Advisors and Accounts Officers, instead of explicitly signing every
document; they just have to acknowledge entries online with the click of a mouse.
Online application of the whole system helps easy access to the system
anywhere. Physical presence of the student is not required. The time taken for process
completion is now largely reduced. After registration the database is automatically updated at
the end of process completion removing the hassle for department officials who had to enter
the data manually.
13. APPENDIX
SCREEN LAYOUT
Home
Login Page
Register Page
Student Page
Admin Page
14. BIBILOGRAPHY
Books References:
PHP: The Complete Reference, Steven Holzner, McGraw Hill Professional, 2008
Web References:
https://www.w3schools.com/php/
https://www.javatpoint.com/mysql-tutorial
https://api.jquery.com/
https://www.tutorialspoint.com/jquery/index.htm
https://www.w3schools.com/js/js_json_intro.asp
https://www.w3schools.com/js/DEFAULT.asp