Institute Web Portal Full & Final

INSTITUTE
WEB
PORTAL
1
PROJECT
“INSTITUTE WEB PORTAL”
PROJECT ADVISOR
“MUHAMMAD ASIF”
PROJECT SUPERVISOR
“MUHAMMAD ASIF”
WORKED BY
“MUHAMMAD SULIMAN”
“MUHAMMAD SALMAN”
“MUDASSAR HUSSAIN”
“FAIZAN SHAHZAD YOUNAS”
“FARZOQ ANJUM”
INSTITUTE
“NATIONAL COLLEGE OF BUSINESS ADMINISTRATION &

ECONOMICS ECC”
(LAHORE, PAKISTAN)
2
ACKNOWLEGDEMENT
During the preparing and completing of this project, we have received many ideas and
guidance from our advisors and supervisors. Without these peoples and also our seniors
who are willing to share their ideas, experience and time to give their helping hands, we
cannot complete this project right on time and in better quality. So we would like to
thanks and express our heartfelt gratitude to all of these parties who had supported us at
any level of this project.
Firstly we would like to thanks our HOD “SIR Shahbaz Younis” who
guided us, how to prepare a good quality and highly documentation and presentation of
this project. He inspired with us his ideas on how to further enhance the portal which is
being developed. We like to thanks him for his concern to the project scope.
Secondly we would like to thanks our project advisor sir “Muhammad

Asif” who gives his knowledge to us on larval and guided properly to complete this
project. He also teaches us about HTML5, CSS3 and Javascript, PHP where we need to
learn on a specific problem. Also with his constructive comments and suggestion, we
could clearly see where our mistakes are and improves throughout the processes in
developing.
Next we would like to thanks our family member who supported us

financially and mentally during hard time. Without their encouragement, we may not
stand in stress being faced by developing process. At last but not least, we would also
like to thank our faculty, management and administrative department who provided us
every kind of help which we required to finished this project.
3
ABSTRACT
Today every institute, every university progress so rapidly. Every year number of
students are increases, about 200-300 students gets their admissions every year. Thus it
is difficult for institute to manage all things offline and students now a days need
response so quickly and just on one click. Thereby our web portal did it for everyone
students can see the admission information and results at home. Management can upload
every related information in an easy way.
4
Table of Content Page NO.
Chapter 01 “Introduction” 11
1.1 Introduction 12
1.2 Objective 12
1.3 Problem Statement 13
1.4 Existing Solution 13
1.5 Proposed Solution 13
1.6 Methodology and life cycle of the project 14
1.7 Background of the project 14
Chapter 02 “System requirement Specification” 15
2.1 Introduction 16
2.2 Front End Components 16
2.2.1 HTML5 16
2.2.2 CSS3 17
2.2.3 Bootstrap 17
2.2.4JavaScript 17
2.3 Back End Components 17
2.3.1 PHP 18
2.3.2 Database 19
2.3.3 Tools 19
2.3.4 Sublime 20
2.3.5 Laravel 20
2.3.6 Xampp 21
2.4 Scope of the project 21
2.4.1 Scope of HTML5 21
2.4.2 Scope of CSS3 22
2.4.3 Scope of JavaScript 22
2.4.4 Scope of Bootstrap 22
2.4.5 Scope of PHP 22
2.4.6 Scope of Sublime 23
2.4.7 Scope of Laravel 23
2.4.8 Scope of Xampp 23
5
2.5 Non-functional Requirements 24
2.5.1 User Friendly 24
2.5.2 Accessibility 24
2.5.3 Backup 25
2.5.4 Efficiency 25
2.5.5 Effectiveness 25
2.5.6 Extensibility 25
2.5.7 Maintainability 25
2.5.8 Modifiability 26
2.5.9 Portability 26
2.5.10 Quality 26
2.5.11Reliability 26
2.5.12 Security 26
Chapter No 3 Analysis 27
3.1 Introduction 28
3.2 Use cases of user end 28
3.2.1 Use case of Login 29
3.2.2 Use case of Logout 29
3.2.3 Use case of View Posts 30
3.2.4 Use case of Add comment 30
3.2.5 Use Case View Gallery 30
3.3 Use cases of Admin panel 31
3.3.1 Use case of Sign-up 32
3.3.2 Use case of Sign-in 32
3.3.3 Use case of Login 33
3.3.4 Use case of Logout 33
3.3.5 Use case of Insert Category 34
3.3.5.1 Use case of Delete Category 34
3.3.6 Use case of Add Post 35
3.3.6.1 Use case of Delete Post 35
3.3.7 Use case of Add student 36
3.3.7.1 Use case of Edit student 36
6
3.3.7.2 User case of Delete Student 37
3.3.8 Use case of Add Faculty Member 37
3.3.8.1 Use case of Edit Faculty Member 38
3.3.82 Use case of Delete Faculty Member 38
Chapter NO 4 Design 39
4.1 Class Diagram 40

4.2 Activity Diagram 41
4.2.1 Activity Diagram for Signup 42
4.2.2 Activity Diagram for Sign-in 43
4.2.3 Activity Diagram for Login 43
4.2.4 Activity Diagram for Logout 44
4.2.5 Activity Diagram for Insert Category 44
4.2.6 Activity Diagram for Delete Category 45
4.2.7 Activity Diagram for Add Posts 45
4.2.8 Activity Diagram for Delete Posts 46
4.2.9 Activity Diagram for Add Student 46
4.2.10 Activity Diagram for Edit Student 47
4.2.11 Activity Diagram for Delete Student 47
4.2.12 Activity Diagram for Add Faculty 48
4.2.13 Activity Diagram for Edit Faculty 48
4.2.14 Activity Diagram for Delete Faculty 49
4.3 ER Diagram 49
4.4 Data Flow Diagram 50
4.5 Deployment Diagram 51
Chapter NO 5 Testing 52
5.1 Testing Objectives 53

5.2 Testing Stages 53
5.3 Black Box Testing 53
5.4 White Box testing 54
5.5 Test Specifications 54
7
5.5.1 Test Specifications for website 54
5.5.1.1 User Login 54
5.5.1.1.1 Valid Partitioning 55
5.5.1.1.2 Invalid Partitioning 55
5.5.1.2 Search Pages 56
5.5.1.3 View Post 57
5.5.1.4 Add Comment 58
5.5.1.5 Logout 59
5.5.2 Test Specifications for admin panel 60
5.5.2.1 Signup 60
5.5.2.2 Insert Category 61
5.5.2.3 Delete Category 62
5.5.2.4 Add Post 63
5.5.2.5 Delete Post 64
5.5.2.6 Add Student 65
8
5.5.2.7 Edit Student 66
5.5.2.8 Delete Student 67
5.5.2.9 Add Faculty Member 68
5.5.2.10 Edit Faculty Member 69
5.5.2.11 Delete Faculty Member 70
Chapter NO 6 Tools and Techniques 71
6.1 Introduction to XAMPP 72

6.2 Apache Server 72
6.3 PHP 73
6.4 MySQL 73
6.5 CSS 74
6.6 Html 74
6.7 Bootstrap 75
6.8 JavaScript 75
6.9 Sublime 75
6.10 Laravel 76
Chapter NO 7 Conclusion 77
7.1 Conclusion 78
9
Chapter NO 8 User Manual and Admin Panel 80
8.1 Home Page 81
8.2 Courses 81
8.3 Scholarships 82
8.4 Events 82
8.5 Gallery 83
8.6 Contact 83
8.7 Admin Signup 84
8.8 Login 84
8.9 Add Event Category 85
8.10 Add Comment 85
8.11 Departments 86
8.12 Add Students 86
8.13 Stude1nts Tables 87
8.14 Add Faculty 87
8.15 Faculty Table 88
8.16 Add Designation 88
8.17 Footer 89
References 90
10
Chapter 01
“Introduction”
11
1.1 Introduction
Web Portal is an informative platform where all type of information
about any Organization, Business or Institute is collected. In this project we will prepare
the web portal of our institute “National Collage of Business, Administration and
Economics ECC” where all kind of information is present and it would be search in a
one click. Information about Campuses takes out how many campuses are present and
their contacts and addresses. Which type of courses they propose, Information about
admissions, sessions and fee criteria. Students can also access this portal to get their
results, Class time table, and roll number slips. This web portal is prepared by using
HTML5, CSS3, JavaScript and Laravel. For results we made a database where all results
are saved and students can see their results. Database also contains the Gallery where
pictures of all type of functions held in university are saved. This database is also used
for saving the results of the students which is viewed by students using their roll
numbers.
1.2 Objective
In this project our target to produce a dynamic website with fully

attractive front end with one click multiple features like “slider, drop down menus, scroll
bars, navigations etc.” The next important feature is to reduce the response time when a
student or teacher can access the portal. For this purpose made the database responsive
for any time with server computer. The other key objectives are:
 To omit the communication barrier between students and institute.
 Reduce wastage of time by going directly to website.
 Providing security through password authentication. Privacy is the key
feature for any communication to occur.
12
1.3 Problem Statement
Today the world is progress so rapidly. Everyone in this world

demands quick and fast services to provide. Institute especially universities and colleges
now days every institute gets it self-online to provide the services to its students, faculty
and all departments. Students need to check admissions; courses offered, Course credit
hours, their results etc. at home on just a one click. Faculty members also need to upload
their results and all class study criteria for that reason they not need to travel day by day
for this purpose. Thus they get an easy way to handle it. Management and all department
demands a platform where all information is available for students and not need to put
our head with students all the time. Then finally a web portal is a best platform for all
people, where they fulfill their need as they need to do.
1.4 Existing Solution
Now a day university gets contact with their students and faculty
members using manual methodology and using social media websites. If they issue a
result, students need to travel for knowing their results. If management is need to make
an announcement they use social media for that purpose. All that ways are very time
taken and very hard working. University needs a better and fully secure platform for all
that work.
1.5 Propose Solution
As explain above ways which is used by university are time taken

and not a secured ways. Thus it is need to make a secure platform. Thus a web portal is a
best solution for that reason. Administrative panel is a key to secure the all database and
over all website controls. By using this idea everyone in that institute gets it self
satisfies.
13
1.6 Methodology and life cycle of project
A system of a board of principal or rules of

a specific method use to drive a particular problem solution within a scope of a particular
discipline is called a methodology. Unlike algorithm, a methodology is not a formula but
a set of practices. So in our project methodology refers to that framework which is being
used to develop portal. The framework name LARAVEL mostly used in recent times.
Remember that is not a structured programing it is a framework which has several
advantages over structured programing like:
 It follows MVC pattern which makes website responsive at any time.

 It has negligible chance of error occur in structure of website.
 User can easily access portal any time anywhere.
1.7 Background of the project
Our institute web portal provides multiple benefits

to the peoples (who attached with institute) in form of availability of results, information
etc. saves time. People can view everything they need to see with a click of mouse
button without moving out of their house or office. There is no intermediary service. The
administration panel are fully functioned and administrator don’t need to know the
detailed knowledge. You can do comments by web based platform of Website and if
you want to give any suggestion you can do that too. Students will check their results
and teachers can give results and this is our responsibility to give proper access and
security to them.
14
Chapter 02
“System Requirement Specification”
15
2.1 Introduction
System requirement specification is a detail description in which all
the specifications are discuss. Specification contains the components which include in
developing mean to say when a website is totally designed that components are visible to
run our website. Requirement contains the tools and framework which is followed to
build a required website. Tools or software used for this purpose are fully functioned for
building and developer remembers to the rules of that framework which makes website
error free and fully responsive. System requirement specification lays out functional and
non-functional requirements, and may include a set of use cases that describe user
interactions that the software must provide. Functional requirements, front end and back
end components and non-functional requirements mean the characteristics and services
of our website.
2.1 Front End Components
Those components which makes are website attractive

and fully visible for all users and administrative. It is the practice of producing HTML5,
CSS3, JavaScript and Bootstrap for a website so that a user can see and interact with
them directly. The challenge associated with front end development is that the tools and
techniques used to create a website change constantly and so the developer needs to
constantly be aware of how the field is developing.
The objective of designing a site is to ensure that when the users open up the site they
see the information in a format that is easy to read and relevant. This is further
complicated by the fact that users now use a large variety of devices with varying screen
sizes and resolutions thus forcing the designer to take into consideration these aspects
when designing the site. They need to ensure that their site comes up correctly in
different browsers, different operating systems and different devices.
2.2.1 HTML5
Hyper Text Markup Language used for structuring and presenting the
content of WWW. It is referred as the back bone of website. It allows you to describe
16
more accurately what your content is and communicate with the server in new and
innovative ways.
2.2.2 CSS3
Cascading Style Sheets is a style sheet language used for creating the look
and formatting of a document written in a markup language. Cascading style sheet is a
latest standard of earlier versions CSS2. The main difference between CSS2 and CCS3 is
follows: Media Queries, Namespaces, Selectors Level 3 and Color. CSS3 is
collaboration of CSS2 specifications and new specifications: Selectors, Box Model,
Backgrounds, Image Values and Replaced Content, User Interface.
2.2.3 Bootstrap
Bootstrap is a most popular HTML, CSS and JavaScript framework

used to make website for mobile responsive. It is free and easy to download and use. It
contains HTML and CSS base designs, templates of typography, buttons, and navigation
and other interface components as well as optional JavaScript extensions.
2.2.4 JavaScript
JavaScript is a light weight interpreted or JIT compiled programing

language with first class functions. It is used to make website a dynamic and behave in
any environment and platform. It is totally scripted base language and easy to learn and
implements.
2.3 Back end components
The back end usually consists of three parts; a server, an

application, and a database. If you book a flight or buy concert tickets, you usually open
a website and interact with the front end. Once you've entered that information, the
application stores it in a database that was created on a server. A back end developer is a
type of programmer who creates the logical back end and core computational logic of a
website, software or information system. The developer creates components and features
17
that are indirectly accessed by a user through a front-end application or system. The
main components of a back end are PHP and Database. It is usually referred as the
backbone of the website. Without this you can see those features but cannot accessible
and may not web proper work.
2.3.1 PHP
PHP is a recursive acronym for “Hypertext Preprocessor”. It is widely used
open source general purpose scripting language that is especially suitable for web
development. Distinguishes between PHP and other client sites JavaScript is that the
code is executed on the server site, generating HTML which is then sent to client site.
The client receives results from running script and doesn’t know what the code was.
Some questions was arises about PHP:
What is PHP file?
 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"
What can PHP do?
 It can generate dynamic page content.

 It can create, open, read, write, delete, and close files on the server.
 It can collect form data.
 It can send and receive cookies.
 It can add, delete, and modify data in your database.
 It can be used to control user-access.
 It can encrypt data.
Why PHP is widely used?
 PHP runs on various platforms like Windows, Linux, Mac OS, etc.
18
 PHP is compatible with almost all servers used today.
 PHP supports a wide range of databases.
 PHP is free. Download it from the official PHP resource.
 PHP is easy to learn and runs efficiently on the server side.
2.3.2 Database
The most useful applications of the Web is its capability to link a

website with a database so web servers can search for information. Not only can the
Web serve up data, it can also collect it. For example, many websites ask users to
"register" their names, addresses, and other demographic information, which is then
captured and stored in a database. Although it is used to make web page dynamic. One
of the most common types of dynamic web pages is the database driven type. This
means that you have a web page that grabs information from a database (the web page is
connected to the database by programming,) and inserts that information into the web
page each time it is loaded. If the information stored in the database changes, the web
page connected to the database will also change according to without human
intervention. This is commonly seen on online banking sites where you can log in (by
entering your user name and password) and check out your bank account balance. Your
bank account information is stored in a database and has been connected to the web page
with programming thus enabling you to see your banking information.
2.3.3 Tools
Web development tools allow developer to test and debug their codes.
They are different from different website builders and integrated development
environment (IDE). They do not assist in the direct creation of website rather then they
tools used for testing the user interface of a website or web application. Web
development tools come as browser built-in feature of web browser. The most popular
web browser today are “Google Chrome, Firefox, Opera, Internet Explorer, UC Browser
and Safari” have built-in tools to help web developers and many additional add-ones can
19
be found in their respective plugin download center. The tools and methodology we used
for this website are “Sublime, Laravel and Xampp” and these are all supported by
Google Chrome.
2.3.4 Sublime
Sublime is a proprietary cross platform source code editor with a python

application programing interface (API). It natively supported many programming and
markup languages. Functions can be added by user with plugins. Following are the
features of sublime:
1. Quick navigation to file, symbols and lines.

2. Use adaptive matching for quick keyboard invocation of arbitrary commands.
3. Simultaneously make some attractive changes to multiple selected area.
4. Python base plugin (API).
5. Cross platform enhancement.
2.3.5 Laravel
Laravel is a free open source PHP web framework for the development
of web applications following the model-view-controller (MVC) architecture pattern.
Some of the features of laravel are a modular packaging system with a dependency
manager. Some other features of laravel are as follows:
1. Eloquent object relational mapping is a advance PHP implementation of the

active record pattern.
2. Query builder provide a more direct access to database and alternative
eloquent ORM.
3. Database seeding provide a way to populated database table with selected
default data which can use for application testing with initial database.
20
2.3.6 Xampp
XAMPP is a free open source cross platform web solution package

developed by Apache Friends. XAMPP stands for Cross-Platform (X), Apache (A), PHP
(P) and Perl (P). It is a simple, lightweight Apache distribution that makes it extremely
easy for developers to create a local web server for testing and deployment purposes.
Everything needed to set up a web server application (apache), database, and scripting
language (PHP) is included in an extractable file. XAMPP is also cross-platform, which
means it works equally well on Linux, Mac and Windows.
2.4 Scope of the project
Today the world being fast and fast with the passage of
time. Every person desire to quick access to everything. So this web portal fulfill their
desire. Project team has a main goal to made their institute online, where their every user
can get quick information with one click. Web portal also include the information about
other campuses but cannot contain the whole information. This web portal is directly
connected with online server which auto updated the small information form any
campus. The portal is also made-up for android users using bootstrap. The other
techniques and tools with their scope and history are given below.
2.4.1 Scope of HTML
The first publically available description of HTML tags by

“Tim Berners lee” in late 1991. HTML 2.0 is published in 24 November 1995. In 14
January 1997 HTML 3.2 was published. It was the first version developed and
standardized by W3C. HTML 4.0 was released in December 18, 1997 with three
variations: strict, transitional, frameset. After issue with HTML 4.0 W3C
recommendation released HTML 5 in October 28, 2014 and HTML 5.1 in November 1,
2016.
21
2.4.2 Scope of CSS3
CSS was first proposed by “Haakon Wium Lie” on October 10,

1994. The first W3C recommendation CSS1 is released in 1996. The CSS Working
Group began tackling issues that had not been addressed with CSS1, resulting in the
creation of CSS2 on November 4, 1997. It was published as a W3C recommendation on
May 12, 1998. CSS3, which was started in 1998, is still under development as of 2014.
2.4.3 Scope of JavaScript
JavaScript, not to be confused with Java was created in

10 days in May 1995 by “Brendan Eich”. In 1996 - 1997 JavaScript was taken
to “ECMA”. The standards process continued in cycles, with releases of ECMA Script 2
in 1998 and ECMA Script 3 in 1999. In July of 2008 the disparate parties on either side
came together in Oslo. This led to the eventual agreement in early 2009 to rename
ECMA Script 3.1 to ECMA Script 5.
2.4.4 Scope of Bootstrap
Bootstrap was created at Twitter in mid-2010

by @mdo and @fat prior to being an open-sourced framework, Bootstrap was known
as “Twitter Blueprint”. A few months into development. Originally released in Friday
August 19, 2011. With Bootstrap 2, we added responsive functionality to the entire
framework as an optional style sheet. Building on that with Bootstrap 3, we rewrote the
library once more to make it responsive by default with a mobile first approach.
2.4.5 Scope of PHP
PHP was firstly written in the C programming language by

Rasmus Lerdorf in 1994 for use in monitoring his online resume and related personal
information. Lerdorf combined PHP with his own Form Interpreter, releasing the
combination publicly as PHP/FI (generally referred to as PHP 2.0) on June 8, 1995. In
1998 PHP 3.0 is released which is first widely used version. PHP 4.0 is released in 2000
22
with a new core called “Zend Engine”. PHP 5.0 is released in July 2004 with update
“Zend Engine”.
2.4.6 Scope of Sublime
Sublime Text 2.0.2, the current release, was released on 8

July 2013. changes from the first version of the software as promoted by skinner on the
official Sublime blog include retina display support and "Quick Skip Next" functionality.
Version 3 entered beta on 29 January 2013. At first available only for registered users
who have purchased Sublime Text 2, on 28 June 2013 it became available to the general
public. However, the very latest development builds still require a registration code.
2.4.7 Scope of Laravel
Laravel first beta release was made available on June 9,

2011, followed by the Laravel 1 release later in the same month. Laravel 1 included
built-in support for authentication, model, view, session, routing and other mechanisms,
but lacked support for controller that prevented it from being a true “MVC” framework.
Laravel 2 was released in September 2011 bringing various improvements from the
author and community. Major new features included the support for controllers which
made Laravel 2 a fully MVC-compliant framework. Laravel 3 was released in February
2012 with a set of new features including the command line interface (CLI)
named “Artisan”. Laravel 4, code named Illuminate, was released in May 2013. It was
made as a complete rewrite of the Laravel framework. Laravel 5 was released in
February 2015 as a result of internal changes.
2.4.8 Scope of Xampp
Apache Friends offer older versions of XAMPP through

Source Forge allowing developers to download the version that most closely resembles
their server environment, but unhelpfully don’t supply a version history. The table below
details the versions of Apache, MySQL, and PHP included in each version of XAMPP.
23
XAMPP APACHE MYSQL PHP5
1.8.3 2.4.9 5.6.16 5.5.11
1.8.2 2.4.9 5.5.36 5.4.27
1.8.1 2.4.3 5.5.27 5.4.7
1.8.0 2.4.2 5.5.25a 5.4.4
2.5 Non Functional Requirements
A non-functional requirement is a requirement that

specifies criteria that can be used to judge the operation of a system, rather than specific
behaviors. They are contrasted with functional requirements that define specific behavior
or functions. The plan for implementing functional requirements is detailed in
the system design. The plan for implementing non-functional requirements is detailed in
the system architecture, because they are usually architecturally significant requirements.
2.5.1 User Friendly

User friendly means product is accessible and understandable for
every user. All things are visible and user doesn’t need to know the detailed description
about each feature. He / She just access everything in just a single moment. All the
features are well manner arrange and easily visible.
2.5.2 Accessibility
Accessibility means product should be easily accessible anywhere
any place any time, it means our website is full responsive all the time and back end
works properly to give easy access to user and administration. Also keep in mind our
website is accessible in any time of machine, either it is PCs, laptops or Mobile phones.
24
2.5.3 Backup
The word backup means to make the copy of original data and recovers
it if their made any misshape to our data. There are two reasons to use backup of data:
The first primary reason is to recovers data after it losses by deletion or corruption. The
secondary reason of backup is to recover data earlier time according to the user define
retention policy.
2.5.4 Efficiency
Efficiency means our product is consumed minimum resources to
given the equal load which leads to quick access and it also increase accessibility and
make website user friendly. It is better to say give minimum input and takes out
maximum output. This leads to our website more efficient.
2.5.5 Effectiveness
This feature tells about the result after it is access by any user. It
should be effective. Mean to say that resulting performance of our product should be
extremely good just as example like “GOOGLE”, it’s effective because Google resulting
performance is calculated in mile seconds. So it is effective for every user.
2.5.6 Extensibility
Extensibility means our website has the ability to made up-
gradations time to time. Because at this level things are not constant even for short time,
so for small updates our website is automated to do this job.
2.5.7 Maintainability
If the administrator or user is need to change some features, it
should be easy job for developer. Basically the maintenance means to identify correct the
defects of current work, repair or replace without replace still work parts, prevent
unexpected working conditions, maximize the product life and also the reliability
efficiency and safety. It also has the ability to meet new requirements.
25
2.5.8 Modifiability
In above discussion, the term meet new requirements means the
product is easy modified when a user of administrator needs. This leads to save the time
and cost.
2.5.9 Portability
Our website is portable means it should be easily accessible by all
time of environments, machine and search engines. Environments like Windows, Linux,
Mac OS, android and IOS etc. This makes the website more effective and efficient foe
all over the world.
2.5.10 Quality
Quality refers that our website is fully functional developed under the
software quality assurance (SQA) criteria. Quality made our product according to
standard, which is acceptable by all over the world.
2.5.11Reliability
Reliability means there is less chance of error occur in our product.
As discuss above if the quality of our website is good then there are less chance of error
to occur in our product, and this thing made our website a effective for all users and
administration.
2.5.12 Security
The term security refers to many things. The security of data lose, the
security from internal breaches, the security from hacking and un-authorized users etc.
Security is also refers save the cost and time to complete when our product is under
development process.
26
Chapter 03
“Analysis”
27
3.1 Introduction
Analysis is the process of breaking a complex topic or substance into
smaller parts in order to gain a better understanding of it. The technique has been applied
in the study of mathematics and logic. Though analysis as a formal concept is a
relatively recent development. In this topic we will analysis user end and back end
according to activities they performed, for this purpose we will discuss some use cases to
analysis this web portal.
3.2 Use Cases of user end

Figure 1 demonstrates the use case of for a user where he
or she has access to the website. The user can access the home page, login, or logout,
view post, add comment, view gallery.
28
3.2.1 Use Case of login
Primary actor User
Secondary actor None
Pre-condition None
Basis flow Enter email id and password
Post condition Login in to the panel
Alternative flow  Forgot Password
 Input fields doesn’t match
3.2.2 Use Case of Logout
Primary actor User
Pre-condition User must be logged in
Basis flow Press logout button
Post condition User will be logged out
Alternative flow User will be logged in
29
3.2.3 Use Case of View Post
Primary actor User
Pre-condition User must be registered.
Basis flow User should go the post screen
Post condition User information display
Alternative flow User not registered
3.2.4 Use Case of Add Comment
Primary actor User
Basis flow User should go the add comment screen
Alternative flow User not registered
3.2.5 Use Case of View Gallery
Primary actor User
30
Basis flow User should go gallery page
Alternative flow Page Not Found
3.3 Use Cases of Admin Panel
Figure 2 demonstrates the use case of for an

administrator where he or she has access to the website. The administrator can access the
home page, select a category, or add/delete/update category, add/delete/update post.
31
3.3.1 Use case: Sign up
Primary Admin
actor
Secondary None
actor
Pre- An admin must using website.
condition
Basis flow Admin will fill all the requirement fields to
register.
Post Admin will be registered.
condition
Alternative Information provided not completed.
flow
3.3.2 Use case: Sign in
Primary Admin
actor
Secondary None
actor
Pre- Sign up
condition
Basis flow Enter fields
Post Login in to the account

condition
32
3.3.3 Use case: Log in
Primary actor Administrator
Pre-condition None
Basis flow Enter email id and password
Post condition Login in to the panel
Alternative flow  Forgot Password
 Input fields doesn’t match
3.3.4 Use case: Log out
Primary Administrator
actor
Secondary None
actor
Pre- Administrator must be logged in
condition
Basis flow Press logout button
Post User will be logged out
condition
Alternative User will be logged in
flow
33
3.3.5 Use case: Insert Category
actor
Secondary None
actor
condition
Basis flow Fill the field or press insert category.
Post Category inserted
condition
Alternative Fields are not filled
flow
3.3.5.1 Delete category
actor
Secondary None
actor
condition
Basis flow Press delete button
Post Category deleted
condition
Alternative Deleted Failed
flow
34
3.3.6 Use Case of Add Post
actor
Secondary None
actor
condition
Basis flow Fill the field or press add post
Post Add Post Successful
condition
flow
3.3.6.1 Use Case of Delete Post
actor
Secondary None
actor
condition
Basis flow Press delete button
Post Post Deleted Successful
condition
flow
35
3.3.7 Use Case of Add student
actor
Secondary None
actor
condition
Basis flow Fill the field and Press add button
Post Student Added Successful
condition
flow
3.3.7.1 Use Case of Edit Student
actor
Secondary None
actor
condition
Basis flow Fill the field or Press Edit Button
Post Edit Student data Successful
condition
flow
36
3.3.7.2 Use Case of Delete Student
actor
Secondary None
actor
condition
Basis flow Press Delete Button
Post Student Deleted Successful
condition
flow
3.3.8 Use Case of Add Faculty Member
actor
Secondary None
actor
condition
Basis flow Fill the field and Press add button
Post Faculty Added Successful
condition
flow
37
3.3.8.1 Use Case of Edit Faculty Member
actor
Secondary None
actor
condition
Basis flow Fill the field or Press Edit Button
Post Edit Faculty data Successful
condition
flow
3.3.8.2 Use Case of Delete Faculty Member
actor
Secondary None
actor
condition
Basis flow Press Delete Button
Post Faculty Deleted Successful

condition
flow
38
Chapter NO 4
Design
39
4.1 Class Diagram
Figure # 1: Class Diagram
40
4.2 Activity diagram
Figure # 2: Activity Diagram
41
4.2.1 Activity diagram for sign-up
42
4.2.2 Activity Diagram for Sign-in
4.2.3 Activity Diagram for Login
43
4.2.4 Activity Diagram for Logout
4.2.5 Activity Diagram for insert Category
44
4.2.6 Activity Diagram for Delete Category
4.2.7 Activity Diagram for Add Post
45
4.2.8 Activity diagram for Delete Posts
4.2.9 Activity diagram for Add Student
46
4.2.10 Activity diagram for Edit Student
4.2.11 Activity Diagram for Delete Student
47
4.2.12 Activity Diagram for Add Faculty
4.2.13 Activity Diagram for Edit Faculty
48
4.2.14 Activity diagram for Delete Faculty
4.3 ER Diagram
49
4.4 Data Flow Diagram
50
4.5 Deployment Diagram
51
Chapter NO 5
Testing
52
5.1 Testing Objectives
1. Testing is a process of executing a program with the intent of finding an error.

2. A good test case is one that has a probability of finding an as yet undiscovered error.
3. A successful test is one that uncovers an undiscovered error.
5.2 Testing stages
5.3 Black Box Testing
Test approach that takes an external view of software is called

a Black-box testing. Black-box testing also called behavioral testing, focuses on the
functional requirements of the software. That is, Black-box testing techniques enable you
to derive sets of input conditions that will fully exercise all functional requirements for a
program. Black-box testing is not an alternative to white-box techniques. Rather, it is a
complementary approach that is likely to uncover a different class of errors than white-
box methods. Black-box testing attempts to find errors in the following categories:
53
 Incorrect or missing functions
 Interface errors
 Errors in data structures or external database access
 Behavior or performance errors
 Initialization and termination errors
Unlike white-box testing, which is performed early in the testing process, black-box
testing tends to be applied during later stages of testing.
5.4 White Box Testing
The test approach that takes an internal view of software is

called a White-box testing. White-box testing sometimes called glass-box testing. White-
box testing is a test case design method that uses the control structure of procedural
design to derive test cases. It is actually applied to know the internal workings of
product. Tests are conducted to ensure that “all gears mesh” that internal operations
perform according to the specification and all internal components are adequately
exercised.
5.5 TEST case specifications
5.5.1 Test case specifications for website
5.5.1.1 User Login
54
5.5.1.1.1 Valid Partitioning
Test Scenario
Project Name: Institute Web Portal
Test Scenario ID: TS_1
Test Scenario Summary: User login the account if registered
Testing Test Case Pre- Input Criteria Expected Status
Description Objective Conditions Result (Pass/Fail)
Account should Account will be Correct email Click login Account Pass
be login after logged in. or password is button should be
entering the entered login
correct email or
password if
user is
registered.
5.5.1.1.2 Invalid Partitioning
Test Scenario
Test Scenario Summary: User login the account if registered
Account Account will not Incorrect Click login Account Pass

should be be logged in. email or button should not be
login after password is login
entering the entered
correct email
or password if
user is
registered.
55
5.5.1.2 Search Pages
Test Scenario
Test Scenario Summary: User search Pages

When User Page will be Correct name Click search Page show Pass
search any shown of page is button
page, it will response
shown
Test Scenario
Test Scenario Summary: User search pages

When User Page will not be Incorrect Click search Page not Pass
search any shown name of page button show
page, it will is response
shown
56
5.5.1.3 View Post
Test Scenario
Test Scenario Summary: View Post

When user View post page is User click to Click view Post shows Pass
click to view shown view post button
Posts, All
posts shown

Test Scenario
Test Scenario Summary: View Post

When user View post page is Page not Click reload Post not Pass
click to view not shown found button shows
Posts, All
posts page is
shown
57
5.5.1.4 Add Comment
Test Scenario
Test Scenario Summary: Add Comment

When user Add comment to User click to Click textbox Comment is Pass
click to add related post comment button submitted
comment textbox

Test Scenario
Test Scenario Summary: Add Comment

When user View post page is Comment is Click textbox Comment is Pass
click to add not shown not entered not submitted
comment, all
comment is
shown
58
5.5.1.5 Logout
Test Scenario
Test Scenario Summary: User logout the account if login

User logout the Account will be User is login Click logout Account Pass
account logged out. button should be
logout

Test Scenario
Test Scenario Summary: User logout the account if login

User logout Account will not User is not Click logout Account Pass
the account be logout. login button should not be
logout
59
5.5.2 Test specifications for admin panel
5.5.2.1 Signup
Test Scenario

Test Scenario Summary: Administrator registered or create an account

When Administrator will Administrator Click sign up Administrato Pass

administrator be registered fills all fields. button r register
fill all fields

Test Scenario

Test Scenario Summary: Administrator registered or create an account

When Administrator will Administrator Click sign up Administrato Pass

administrator not be registered doesn’t fills button r will not
fill all fields all fields. register
it registered
60
5.5.2.2 Insert Category
Test Scenario
Test Scenario Summary: Administrator add new category
Testing Test Case Pre-Conditions Input Expected Status

Description Objective Criteria Result (Pass/Fail)
Administrator add Administrat Administrator enters Click New Pass

new category or will add correct email or insert category
through admin new password and fill all category inserts
panel by filling all category the fields of adding button
the required fields new category

Test Scenario
Test Scenario Summary: Administrator add new category

Administrato Administrator will Administrator Click insert New Pass

r add new not add new does not category button category does
category category enters correct not inserts
through email or
admin panel password and
by filling all fill all the
the required fields of
fields adding new
category
61
5.5.2.3 Delete Category
Test Scenario
Test Scenario Summary: Administrator delete existing category
Testing Test Case Pre-Conditions Input Criteria Expected Status
Description Objective Result (Pass/Fail)
Administrator Administrat Administrator Click delete category Pass

delete existing or will enters correct email button deletes
category delete or password and
through admin existing select the category
panel category which he wants to
delete

Test Scenario
Test Scenario Summary: Administrator delete existing category
Administrator Administrat Administrator Click delete Category Pass

delete existing or will not enters incorrect button does not
category delete email or password deletes
through admin existing and select the
panel category category which he
wants to delete
doesn’t exists
62
5.5.2.4 Add Post
Test Scenario
Test Scenario Summary: Administrator add new post

Administrato Administrator will Administrator Click add post New post Pass
r add new add new post enters correct button added
post through email or
admin panel password and
by filling all select the add
the required post
fields

Test Scenario
Test Scenario Summary: Administrator add new post

Administrato Administrator will Administrator Click add post New post Pass
r add new not add new post enters button does not
post through incorrect added
admin panel email or
by filling all password and
the required page not
fields found
63
5.5.2.5 Delete Post
Test Scenario
Test Scenario Summary: Administrator delete existing post
Administrator Administrat Administrator Click delete post deletes Pass

delete existing or will enters correct email button
post through delete or password and
admin panel existing post select the post
which he wants to
delete

Test Scenario
Test Scenario Summary: Administrator delete existing post
Administrator Administrat Administrator Click delete Post doesn’t Pass

delete existing or will not enters incorrect button deletes
post through delete email or password
admin panel existing post and select the post
which he wants to
delete does not
exists
64
5.5.2.6 Add Student
Test Scenario
Test Scenario Summary: Administrator add new student

Administrato Administrator will Administrator Click add new New student Pass
r add new add new student enters correct student button added
student email or
through password and
admin panel select the add
by filling all new student
the required
fields

Test Scenario
Test Scenario Summary: Administrator add new student

Administrato Administrator will Administrator Click add new New student Pass
r add new not add new enters student button does not
student student incorrect added
through fields and
by filling all new student
the required
fields
65
5.5.2.7 Edit Student
Test Scenario
Test Scenario Summary: Administrator edit existing student

Administrato Administrator will Administrator Click edit Student edits Pass

r edit existing edit existing enters correct button
student student record email or
record password and
through fill the desire
admin panel fields
by editing the
desire
required
fields

Test Scenario
Test Scenario Summary: Administrator edit existing student

Administrator Administrator Administrator Click edit Student does Pass

edit existing will not edit enters correct button not edits
student record existing student email or
through admin record password and
panel by does not fill
editing the the desire
desire required fields
fields
66
5.5.2.8 Delete Student
Test Scenario
Test Scenario Summary: Administrator delete existing student
Administrator Administrat Administrator Click delete student Pass

student delete or password and
through admin existing select the student
panel student which he wants to
delete

Test Scenario
Test Scenario Summary: Administrator delete existing student
Administrator Administrat Administrator Click delete student Pass

delete existing or will not enters incorrect button doesn’t
student delete email or password deletes
panel student student which he
wants to delete
does not exists
67
5.5.2.9 Add Faculty Member
Test Scenario
Test Scenario Summary: Administrator add new faculty

Administrato Administrator will Administrator Click add new New faculty Pass
r add new add new faculty enters correct faculty button added
faculty email or
through password and
by filling all new faculty
the required
fields

Test Scenario
Test Scenario Summary: Administrator add new faculty

Administrato Administrator will Administrator Click add new New faculty Pass
r add new not add new enters faculty button does not
faculty faculty incorrect added
through fields and
by filling all new faculty
the required
fields
68
5.5.2.10 Edit Faculty Member
Test Scenario
Test Scenario Summary: Administrator edit existing faculty

Administrato Administrator will Administrator Click edit Faculty edits Pass

r edit existing edit existing enters correct button
faculty faculty record email or
record password and
through fill the desire
admin panel fields
by editing the
desire
required
fields

Test Scenario
Test Scenario Summary: Administrator edit existing faculty

Administrator Administrator Administrator Click edit Faculty does Pass

edit existing will not edit enters correct button not edits
faculty record existing faculty email or
through admin record password and
panel by does not fill
editing the the desire
desire required fields
fields
69
5.5.2.11 Delete Faculty Member
Test Scenario
Test Scenario Summary: Administrator delete existing faculty
Administrator Administrat Administrator Click delete faculty Pass

faculty delete or password and
through admin existing select the faculty
panel faculty which he wants to
delete

Test Scenario
Test Scenario Summary: Administrator delete existing faculty
Administrator Administrat Administrator Click delete faculty Pass

delete existing or will not enters incorrect button doesn’t
faculty delete email or password deletes
panel faculty faculty which he
wants to delete
does not exists
70
Chapter NO 6
Tools and Techniques
71
6.1 introduction to XAMPP
XAMPP is a light-weight easy to install bundle that

will allow you to do local development on websites in case you don't have a server
hosted already. Also, I'm being biased here, because frankly I believe in open source
(ironical that I have a mac). Also, I like to scratch and build upwards so that in the long
run it helps me learn better rather than just following manuals and documentation. Since
this post is for absolute beginners, it's good to start out with XAMPP which does the
basic task of setting out the environment for you so you can start building stuff right
away. XAMPP is a small and light Apache distribution containing the most common
web development technologies in a single package. Its contents, small size, and
portability make it the ideal tool for customers developing and testing applications in
PHP and MySQL. XAMPP is available as a free download in two specific packages:
full and lite. While the full package download provides a wide array of development
tools, this article will focus on using XAMPP Lite which contains the necessary
technologies that meet the Ontario Skills Competition standards. As the name
implies, the light version is a small package containing Apache HTTP Server, PHP,
MySQL, phpMyAdmin, Opens, and SQLite. Anyway, XAMPP consists of the three
main things that you need to know when starting web development. They are:
 Apache Web Server
 PHP
 MySQL
6.2 Apache Web Server
It is a web server that allows you to host your websites or

any other content for that matter. Apache is available for UNIX as well as WINDOWS.
Some of the most common server-side languages supported by Apache are -
PHP, Python and Perl. It is free of charge.
72
6.3 PHP
PHP is a powerful language and the interpreter, whether included in a web

server as a module or executed as a separate CGI binary, is able to access files, execute
commands and open network connections on the server. These properties make anything
run on a web server insecure by default. PHP is designed specifically to be a more secure
language for writing CGI programs than Perl or C, and with correct selection of compile-
time and runtime configuration options, and proper coding practices, it can give you
exactly the combination of freedom and security you need. As there are many different
ways of utilizing PHP, there are many configuration options controlling its behavior. A
large selection of options guarantees you can use PHP for a lot of purposes, but it also
means there are combinations of these options and server configurations that result in an
insecure setup. The configuration flexibility of PHP is equally rivaled by the code
flexibility. PHP can be used to build complete server applications, with all the power of a
shell user, or it can be used for simple server-side includes with little risk in a tightly
controlled environment. How you build that environment, and how secure it is, is largely
up to the PHP developer. This chapter starts with some general security advice, explains
the different configuration option combinations and the situations they can be safely
used, and describes different considerations in coding for different levels of security.
6.4 SQL Server
SQL Server is a relational database server, developed by Microsoft: It is a

software product whose primary function is to store and retrieve data as requested by other
software applications, be it those on the same computer or those running on another
computer across a network (including the Internet). There are at least a dozen different
editions of Microsoft SQL Server aimed at different audiences and for different
workloads (ranging from small applications that store and retrieve data on the same
computer, to millions of users and computers that access huge amounts of data from the
Internet at the same time). A central feature of SQL Server Management Studio is the Object
Explorer, which allows the user to browse, select, and act upon any of the objects within the
server. It can be used to visually observe and analyze query plans and optimize the database
73
performance, among others. SQL Server Management Studio can also be used to create a
new database, alter any existing database schema by adding or modifying tables and
indexes, or analyze performance.
6.5 CSS
Another separate — but no less important — part of creating web pages is Cascading
Style Sheets (CSS). As you probably know, CSS is a style language that describes how HTML
markup is presented or styled. CSS3 is the latest version of the CSS specification. The term
“CSS3” is not just a reference to the new features in CSS, but the third level in the progress of
the CSS specification. CSS3 contains just about everything that’s included in CSS2.1 (the
previous version of the spec). It also adds new features to help developers solve a number of
problems without the need for non-semantic markup, complex scripting, or extra images. New
features in CSS3 include support for additional selectors, drop shadows, rounded corners,
multiple backgrounds, animation, transparency, and much more. CSS3 is distinct from HTML5.
We’ll be using the term CSS3 to refer to the third level of the CSS specification, with a particular
focus on what’s new in CSS3. Thus, CSS3 is separate from HTML5 and its related APIs.
6.6 HTML
This is Primer #1 in a series of seven that will calmly introduce you to the very
basics of Hypertext Mark-up Language. I suggest you take the Primers one at a time over seven
days. By the end of the week, you'll easily know enough to create your own HTML home page.
H-T-M-L are initials that stand for Hypertext Markup Language (computer people love initials
and acronyms -- you'll be talking acronyms ASAP). Let me break it down for you: Hyper is the
opposite of linear. It used to be that computer programs had to move in a linear fashion. This
before this, this before this, and so on. HTML does not hold to that pattern and allows the person
viewing the World Wide Web page to go anywhere, anytime they want. Text is what you will
use. Real, honest to goodness English letters. Mark-up is what you will do. You will write in
plain English and then mark up what you wrote. More to come on that in the next Primer.
Language because they needed something that started with "L" to finish HTML and Hypertext
Mark-up Louie didn't flow correctly. Because it's a language, really -- but the language is plain
English.
74
6.7 Bootstrap
Bootstrap is a most popular HTML, CSS and JavaScript framework used

to make website for mobile responsive. It is free and easy to download and use. It
contains HTML and CSS base designs, templates of typography, buttons, and navigation
and other interface components as well as optional JavaScript extensions. Bootstrap was
created at Twitter in mid-2010 by @mdo and @fat prior to being an open-sourced
framework, Bootstrap was known as “Twitter Blueprint”. A few months into
development. Originally released in Friday August 19, 2011. With Bootstrap 2, we
added responsive functionality to the entire framework as an optional style sheet.
Building on that with Bootstrap 3, we rewrote the library once more to make it
responsive by default with a mobile first approach.
6.8 JavaScript
JavaScript is a light weight interpreted or JIT compiled programing

language with first class functions. It is used to make website a dynamic and behave in
any environment and platform. It is totally scripted base language and easy to learn and
implements. JavaScript, not to be confused with Java was created in 10 days in May
1995 by “Brendan Eich”. In 1996 - 1997 JavaScript was taken to “ECMA”. The
standards process continued in cycles, with releases of ECMA Script 2 in 1998 and
ECMA Script 3 in 1999. In July of 2008 the disparate parties on either side came
together in Oslo. This led to the eventual agreement in early 2009 to rename ECMA
Script 3.1 to ECMA Script 5.
6.9 Sublime
Sublime is a proprietary cross platform source code editor with a python

application programing interface (API). It natively supported many programming and
markup languages. Functions can be added by user with plugins. Following are the
features of sublime:
1. Quick navigation to file, symbols and lines.
75
2. Use adaptive matching for quick keyboard invocation of arbitrary commands.
3. Simultaneously make some attractive changes to multiple selected area.
4. Python base plugin (API).
5. Cross platform enhancement.
Sublime Text 2.0.2, the current release, was released on 8 July 2013. changes from the
first version of the software as promoted by skinner on the official Sublime blog
include retina display support and "Quick Skip Next" functionality. Version 3 entered
beta on 29 January 2013. At first available only for registered users who have purchased
Sublime Text 2, on 28 June 2013 it became available to the general public. However, the
very latest development builds still require a registration code.
6.10 Laravel
Laravel is a free open source PHP web framework for the development
of web applications following the model-view-controller (MVC) architecture pattern.
Some of the features of laravel are a modular packaging system with a dependency
manager. Some other features of laravel are as follows:
6 Eloquent object relational mapping is a advance PHP implementation of the

active record pattern.
7 Query builder provide a more direct access to database and alternative
eloquent ORM.
8 Database seeding provide a way to populated database table with selected
default data which can use for application testing with initial database.
Laravel first beta release was made available on June 9, 2011, followed by the Laravel 1
release later in the same month. Laravel 1 included built-in support for
authentication, model, view, session, routing and other mechanisms, but lacked support
for controller that prevented it from being a true “MVC” framework. Laravel 2 was
released in September 2011 bringing various improvements from the author and
community. Major new features included the support for controllers which made
Laravel 2 a fully MVC-compliant framework. Laravel 3 was released in February 2012
76
with a set of new features including the command line interface (CLI) named “Artisan”.
Laravel 4, code named Illuminate, was released in May 2013. It was made as a complete
rewrite of the Laravel framework. Laravel 5 was released in February 2015 as a result of
internal changes.
77
Chapter NO 7
Conclusion
78
7.1 Conclusion
The main objective of the application is to help computer science
students understand the basics of Java, JavaScript, and HTML. By browsing through the
application and looking at the code for each graphical interpretation, students should be
able to easily understand the implementation. The following results have been achieved
after the completing the system and relate back to the system’s objective.
1. Should allow computer science students to browse through the code and
application
This is achieved when users, i.e., computer science students, are able to
run and install the application. When they run the application, they can browse through
the implementation of different objects.
2. Should allow users to browse through different pages
This is achieved when the
user first runs the application and is directed to a home page that has pages available for
all the different types that can allow any user to access any type of page. The user can
browse and click on any category to view the items listed for that particular category.
3. Should allow users to view all post and user can easily comments
User should be
allowed to view all posts and comments on all post if he/she have profile created by
administrator. Administrator have full rights to change every post and any related
information and not technique knowledge is needed but for students there are lots of
things to learn.
4. Should allow administrator to secure and also to view detailed information
about a particular item.
Administrator should be secure about data, time and maintainability
about web portal because these thing are secured by creating strong and quick responsive
database. User can also save his time to get a quick and full informative platform in a
single page where he/she access every information they need.
79
Chapter NO 8
User Manual and Admin Panel
80
8.1 Home Page
The home page including slider which include three pictures and the
other pages are linked with home page user just click the shows option on the upper bar.
This bar including Courses, Scholarship, Events, Gallery and Contact.
8.2 Courses
This page shows you all type of curses that institute offered their students,
one time three courses are visible and you can view all other by clicking arrow for next
and previous courses
81
8.3 Scholarships
This page include the information about scholarships on different subjects
and different bases like sports base or other students that take highest marks in current
examination.
8.4 Events
In this page information is held about all events arranging by institutes or
departments. Students and teachers can view posts directly by accessing this page after
they login.
82
8.5 Gallery
This page is include all pictures about events which is held in institute. In
this page, every events is partitioned and contain his own gallery students can view and
download these pictures.
8.6 Contact Us
User can contact us by using the by giving his email in text box and
he/she can send a message or give any suggestion regarding anything.
83
8.7 Admin Signup
8.8 Login
84
8.9 Add Events Category
8.10 Add Comment
85
8.11 Departments
8.12 Add Student
86
8.13 Student Table
8.14 Add Faculty
87
8.15 Faculty Table
8.16 Add Designation
88
8.17 Footer
89
References
1. https://laravel.com/docs/4.2/introduction
2. http://www.businessdictionary.com/definition/methodology.html
3. https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5
4. http://www.w3schools.com/html/html_links.asp
5. http://www.htmlgoodies.com/primers/jsp/
6. http://www.htmlgoodies.com/primers/database/
7. http://www.htmlgoodies.com/HTML5/gallery
8. http://stackoverflow.com/questions/29677909/redirecting-internal-links-
in-html-to-new-development-links
9. http://stackoverflow.com/questions/29677909/redirecting-internal-links-
in-html-to-new-development-links
90

Institute Web Portal Full &amp; Final

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Institute Web Portal Full &amp; Final

Uploaded by

Copyright:

Available Formats

INSTITUTE

“INSTITUTE WEB PORTAL”

“FAIZAN SHAHZAD YOUNAS”

“NATIONAL COLLEGE OF BUSINESS ADMINISTRATION &

Secondly we would like to thanks our project advisor sir “Muhammad

Next we would like to thanks our family member who supported us

Chapter 02 “System requirement Specification” 15

4.1 Class Diagram 40

5.1 Testing Objectives 53

Chapter NO 6 Tools and Techniques 71

6.1 Introduction to XAMPP 72

In this project our target to produce a dynamic website with fully

 To omit the communication barrier between students and institute.

 Reduce wastage of time by going directly to website.

 Providing security through password authentication. Privacy is the key

feature for any communication to occur.

Today the world is progress so rapidly. Everyone in this world

1.4 Existing Solution

1.5 Propose Solution

As explain above ways which is used by university are time taken

A system of a board of principal or rules of

 It follows MVC pattern which makes website responsive at any time.

1.7 Background of the project

Our institute web portal provides multiple benefits

“System Requirement Specification”

2.1 Front End Components

Those components which makes are website attractive

Bootstrap is a most popular HTML, CSS and JavaScript framework

JavaScript is a light weight interpreted or JIT compiled programing

2.3 Back end components

The back end usually consists of three parts; a server, an

What can PHP do?

 It can generate dynamic page content.

Why PHP is widely used?

The most useful applications of the Web is its capability to link a

Sublime is a proprietary cross platform source code editor with a python

1. Quick navigation to file, symbols and lines.

1. Eloquent object relational mapping is a advance PHP implementation of the

XAMPP is a free open source cross platform web solution package

2.4 Scope of the project

2.4.1 Scope of HTML

The first publically available description of HTML tags by

CSS was first proposed by “Haakon Wium Lie” on October 10,

2.4.3 Scope of JavaScript

JavaScript, not to be confused with Java was created in

2.4.4 Scope of Bootstrap

Bootstrap was created at Twitter in mid-2010

2.4.5 Scope of PHP

PHP was firstly written in the C programming language by

2.4.6 Scope of Sublime

Sublime Text 2.0.2, the current release, was released on 8

2.4.7 Scope of Laravel

Laravel first beta release was made available on June 9,

2.4.8 Scope of Xampp

Apache Friends offer older versions of XAMPP through

1.8.3 2.4.9 5.6.16 5.5.11

1.8.2 2.4.9 5.5.36 5.4.27

1.8.1 2.4.3 5.5.27 5.4.7

1.8.0 2.4.2 5.5.25a 5.4.4

2.5 Non Functional Requirements

A non-functional requirement is a requirement that

2.5.1 User Friendly

3.2 Use Cases of user end

Primary actor User

Institute Web Portal Full & Final

Institute Web Portal Full & Final