CMRU-SOET WEBSITE

A MINI PROJECT
REPORT
Submitted by

PRAJWAL DJ (16UG08031)
SAHANA HARISH (16UG08043)

In partial fulfillment for the award of the degree of

BACHELOR OF TECHNOLOGY

IN
COMPUTER SCIENCE AND ENGINEERING

SCHOOL OF ENGINEERING AND TECHNOLOGY

Main Campus, Off Hennur-Bagalur Main Road, Chagalahatti, Bengaluru-562149

MAY 2019
 SCHOOL OF ENGINEERING AND TECHNOLOGY

CERTIFICATE

Certified that this Mini project- II report “ CMRU-SOET WEB PORTAL ”

is the bonafide work of PRAJWAL DJ & SAHANA HARISH who carried out

the mini project work under my supervision.

Dr. Smitha Rao Dr. Nagaraj M.K

Submitted to the Viva voce Examination held on _____________________

EXAMINER 1 EXAMINER 2
 DECLARATION

We, PRAJWAL DJ, SAHANA HARISH, students of CMR University, School Of

Engineering and Technology, Bagalur, hereby declare that the dissertation entitled “ CMRU-SOET
WEB PORTAL” embodies the report of our Mini-project-II carried out independently by us
during sixth semester of Bachelor of Technology in Computer Science and Engineering, under
the supervision and guidance of Prof. Smitha Rao, Department of Computer Science and
Engineering and this work has been submitted for the partial fulfilment of the requirements for the
award of the Bachelor of Technology degree.

We have not submitted the matter embodies to any other university or institution for the award of
other degree.

Date :
Place :

PRAJWAL DJ (16UG08031)

SAHANA HARISH (16UG08043)

 ACKNOWLEDGEMENT

We express our foremost gratitude to Dr. Nagaraj M.K, Dean for his constant support. We
express our foremost gratitude to my guide Prof. Smitha Rao, Dept of Computer Science &
Engineering , CMR University, Bagalur for her inspiration, adroit guidance, constant supervision,
direction and discussions in successful completion of this dissertation.
Our sincere thanks to all teaching and non-Teaching Staff of Computer Science &
Engineering Department for all the facilities provided, without which, we could not have progressed
with my work. Thanks to our parents who have been a great source of strength in the completion of
this dissertation.

PRAJWAL DJ
(16UG08031)
SAHANA HARISH
(16UG08043)
 TABLE OF CONTENTS

Chapter Content Page

Number number

Abstract iii
List of Tablesiv
List of Figures v
List of symbols and Abbreviations vi

1 INTRODUCTION Page no
1.1 Background 11
1.2 Problem Statement 12
1.3 Objectives 12
1.4 Methodology

1.4.1 Basic Requirement Identification 13

1.4.2 Developing the initial prototype 13
1.4.3 Review of the prototype 13
1.4.4 Revise and enhance the prototype 13

2 REVIEW OF LITERATURE 15
3 SYSTEM ANALYSIS
3.1 Introduction 20
3.2 Existing System 21
3.3 Proposed System 21
3.4 Feasibility Study
3.4.1 Economic Feasibility 22
3.4.2 Technical Feasibility 22
3.4.3 Operational Feasibility 23
4 SYSTEM DESIGN AND SPECIFICATION
4.1 System Design 24
 4.1.1 Site map 24
4.1.2 ER Diagram 25
4.1.3 Data Flow Diagram 26
4.2 System Specification
4.2.1 Software Requirements 27
4.2.1 Hardware Requirements 28
4.3 Software Description 28
5 IMPLEMENTATION 31

6 RESULTS AND DISCUSSIONS 36

CONCLUSION 41
REFERENCES 42
APPENDICES
Appendix I (PIR)
Appendix II( PP)
Appendix III(WPR)
 ABSTRACT

Searching for colleges was difficult back in those days where parents and students had to run about
to various colleges with their applications, ask people for their views and advices to join a particular
college and learning the cut-offs at the last movement and struggling to get an admission done but
now, since the origin of the Internet in the 1960s, has made the lives of people much easier and
convenient. Starting from ordering food to your doorsteps to connecting to people all over the world,
Internet has provided us with all the facilities to sit back and know everything about the college, its
admission procedures, fee structure, courses offered etc. through their websites in just one click.

CMRU-SOET Website is a website designed specifically for the CMRU School Of Engineering and
Technology which is located in Bagalur. This web portal will give the complete details about the
college from the list of courses available, faculty details to the admissions and its procedure. This
website will also provide updates about the events happening in the college along with the
announcements about the upcoming ones. It also includes a 360 degree virtual map that gives a user
an all-round view of this campus. This project was inspired from the idea that the existing CMRU
Website provides details mostly about the city campus and the students who wish to enroll to the
main campus do not have much access to the information about the SOET campus.
 LIST OF TABLES

TABLE TITLE PAGE NUMBER

4.3.1(a) User Login 26

4.3.1(b) User Registration 26

4.3.1(c) Subscription 27
 LIST OF FIGURES

FIGURES TITLE PAGE NUMBER

6.1 Home Page 36

6.2 Login Page 37

6.3 Registration Page 38

6.4(a) Computer Science & Information Technology 38

6.5 Mechanical & Civil Department 39

6.6(a) Testimonial 1 40

6.5 faculty 39

6.6(b) Testimonial 2 40

4.1.1 Site Map 24

4.1.2 ER Diagram 25
 ABBREVIATIONS

CMRU CMR University

School Of Engineering &
SOET Technology
HTML Hypertext Markup Language
CSS Cascaded Style Sheet
PBS Public Broadcasting Service

Integrated Development
IDE Environment

CHAPTER 1

11
 INTRODUCTION

1.1Background

College hunting was one of the most tedious tasks back in those days when the internet
was less known. People searched for colleges running to their door steps to learn the cut offs,
admission process or the fee structure. Parents were also skeptical about enrolling their children
into an university without enquiring much about them or knowing very little about the academic
excellence of the college. All the prestigious colleges gained their reputation only by the word of
mouth spread from one to another. And the only form of advertisements was through flyers,
newspapers or hoardings. And many good college/universities would fall behind if not for a good
way of representing themselves to the people in a form where they are accessible to everyone.

Since the evolution of the internet and the introduction to the digital media marketing, colleges
now don’t have to manually address every parent/student’s query with every college having its
own website that answers all the general queries and concerns of the students. Not only does it
answer queries but also provides additional information about the college that might be essential to
them. Students can now visit the college websites to learn about the programs that are being
offered, the various specializations under each program, the course duration, the number of
graduates so far with placement opportunities, the admission process, the fees structures, the
faculties and their field of specialization and many more things that would help them decide their
choice of college and the field of studies.

CMRU- SOET is one such attempt to deliver a functioning website to the CMR University- School
Of Engineering & Technology so as to allow the parents/students to gather complete information
about the college and its work structure. Not only does it help the outsiders learn more about the
college but also allow its own faculty/student to view the updates, announcements and the
upcoming events in the college. This website highlights every aspect of the SOET campus that
was lesser known and provides a 360 degree virtual view of this 80 acre campus located in

12
Bagalur, yelahanka. Students can now experience the richness of the campus at the very comfort of
their couch in their homes.

1.2 Problem Statement

A website acts as a reflection of the college and its structure. Starting from the foundation
and the vision to the events and academic excellence, a college’s website holds every
information, every detail about the college in a structured and user-friendly format and
defines its mission and objective for the better future of its students.
But being one of the best educational institutions, CMR University does not have a
dedicated website for the SOET campus which is located in Bagalur, Yalahanka.
People, especially students are often confused between the programs and courses offered at
the city campus and at the main campus due to inadequacy and lack of specifics and those
who are interested to join the SOET campus are unable to proceed due to the lack of
information on the CMR University website that comprises much information about the city
campus located in OMBR layout.

1.3 Objectives
‘CMRU-SOET Web Portal’ is developed with the main aim of launching a dedicated
website for the SOET campus located in Bagalur, Yelahanka. This website serves the needs
of both the students/faculties of the university and also the aspirants/parents who wish to
know about the university from the outside. Not only does it provide information about the
college but also gives 360 degree virtual tour wherein aspirants/parents can get a view of
the college without having to come to the campus in-person.

1.4 Methodology

For our web portal we used the Protoyping model to take reviews from the user at each and every
step to ensure we meet the user requirements.
Prototype is a working model of software with some limited functionality. The prototype does
not always hold the exact logic used in the actual software application and is an extra effort to be
considered under effort estimation.

Prototyping is used to allow the users evaluate developer proposals and try them out before
implementation. It also helps understand the requirements which are user specific and may not
have been considered by the developer during product design.

13
Following is a stepwise approach explained to design a software prototype.

1.4.1 Basic Requirement Identification

This step involves understanding the very basics product requirements especially in terms of
user interface. The more intricate details of the internal design and external aspects like
performance and security can be ignored at this stage.

1.4.2 Developing the initial Prototype

The initial Prototype is developed in this stage, where the very basic requirements are
showcased and user interfaces are provided. These features may not exactly work in the same
manner internally in the actual software developed. While, the workarounds are used to give the
same look and feel to the customer in the prototype developed.

1.4.3 Review of the Prototype

The prototype developed is then presented to the customer and the other important stakeholders
in the project. The feedback is collected in an organized manner and used for further
enhancements in the product under development.

1.4.4 Revise and Enhance the Prototype

The feedback and the review comments are discussed during this stage and some negotiations
happen with the customer based on factors like – time and budget constraints and technical
feasibility of the actual implementation. The changes accepted are again incorporated in the new
Prototype developed and the cycle repeats until the customer expectations are met.

Prototypes can have horizontal or vertical dimensions. A Horizontal prototype displays the user
interface for the product and gives a broader view of the entire system, without concentrating on
internal functions. A Vertical prototype on the other side is a detailed elaboration of a specific
function or a sub system in the product.

The purpose of both horizontal and vertical prototype is different. Horizontal prototypes are
used to get more information on the user interface level and the business requirements. It can
even be presented in the sales demos to get business in the market. Vertical prototypes are
technical in nature and are used to get details of the exact functioning of the sub systems. For
example, database requirements, interaction and data processing loads in a given sub system.

14
CHAPTER 2
LITERATURE REVIEW

This section reviews the research works carried out by different researchers
that are related to the proposed work. In general, the website is developed using languages

15
such as HTML5, CSS, Bootstrap, JavaScript and jQuery. The data used for the website or
processed by the website are stored in the data bases. The following research papers
includes papers on languages used for web development and their pros and cons. This
section also includes papers published by students on their college website development
projects which will be briefed in the later part of this section.

ln[1], Ch Rajeshet al, from ANITS, Visakhapatnam presented a research paper on HTML5
in Web Development which said, The latest research on HTML by W3C is to create a
standard that handles all the jobs that the proprietary technologies performing currently.
W3C to increase web openness and platform independence is developing HTML5 with
cooperation of Web Hypertext Application Technology Working Group (WHATWG) as a
standard that facilitates the users and developers with intensified functionality without much
using the additional plug-ins.

ln[2], Punam Kumari et al from MDU, Rohtak, Haryana submitted a research paper on
Website Development Optimization using Xampp/PHP. This research paper discusses the
various useful tools and techniques that are used in a development of a website. They also
discuss about the procedure followed in a website, mostly focused on a local host named
Xampp tool. Next, they compare different development frameworks web application and in
addition to that they also discuss life cycle model and framework development of web
application. This Paper tells about the technologies used in this development, PHP and
explained in result its functionality with Xampp.

ln[3], Andr´e Lu´ıs dos Santos Domingues et al, from Brazil have submitted a paper on
the Comparison Study of Web Development Methods as Development methods for Web
applications give very few attention for the conception, planning, testing and client
evaluation stages. This paper presents such problems, presenting a comparison study of Web
applications methods based on their main features and supporting mechanisms. Considering
the fact that most of the methods have limitations, they present a case study based on a Web
portal in order to describe advantages and disadvantages of some selected methods.

In [6], Prof. B Nithya Ramesh et al, from a VTU affiliated college presented a paper on
Django, the python framework which focused on Django which is a highlevel Python
framework, by using it the development, speed will be faster and cleaner. Django is built by
the much more experienced people, so it takes care of the web development process in

16
easier way. Hence this paper provides the readers with an overview of why to choose
Django over any other framework in web development.

In[4], Another research paper is submitted on College Management System by Lalit

Mohan Joshi from BTKIT Dwarahat, Uttarakhand. This system is an Intranet based
application that can be accessed throughout the institution or a specified department. This
system may be used for monitoring attendance for the college. Students as well as staffs
logging in may also access or can be used to search any of the information regarding
college. Attendance of the staff and students as well as marks of the students will be updated
by the staff.

In[7], Thakur Ranjit Singh et al, from SSMJ , Bhilai published a paper on web portal features
as Knowledge management system in school education in which he stated how the development
of Web has affected different aspects of our lives, such as communication, sharing knowledge,
searching for jobs, social activities, etc. The web portal as a gateway in the World Wide Web is a
starting point for people who are connecting to the Internet. The web portal as the type of
knowledge management system provides a rich space to share and search information as well as
communication services like free email or content provision for the users. This research aims
to discover the university needs to the web portal as a necessary tool for students in the schools
to help them in getting the required information. A survey was conducted to gather students’
requirements which can be incorporated in to portal to be developed.

In[8], Y.Zubritska et al , from Zhytomyr Ivan Franco State University published a paper on
recommendation of HTML, CSS and JavaScript usage. The paper aims to give the advice to
beginners and professional web developers to avoid problems with slow loading pages,
encumbered code and to reduce the time for debugging there code. So, there are guidelines that
will help to improve code quality and to facilitate collaboration and to support infrastructure.
These recommendations present themselves as the best practices for writing
HTML/CSS/JavaScript. The paper suggested ways to use them in code optimize your code and
to avoid bugs.

In[12],Arjun Guha et al, from Brown University published a paper on essence of JavaScript.
The paper descibed how we reduce JavaScript to a core calculus structured as a small-step

17
operational semantics. We present several peculiarities of the language and show that our
calculus models them. We explicate the desugaring process that turns JavaScript programs into
ones in the core. We demonstrate faithfulness to JavaScript using real-world test suites. Finally,
we illustrate utility by defining a security property, implementing it as a type system on the core,
and extending it to the full language.

In[9] Fatemeh Bordbar et al, from Southern Utah University published a paper on the
Effectiveness of Website Design in Higher Education Recruitment.This paper explores the
effectiveness of visual elements and aesthetics in university websites for recruiting prospective
students. College and university websites are the gateway to an educational institution and the
public face for both academics and athletics. According to Ruffalo Noel Levitz’s study on
consumer behavior (Levitz, 2014), websites play an important role in providing information for
prospective students (both new and transfer), current students, parents, and alumni. Universities’
recruiters constantly strive to maximize the utility and depth of information on their websites
while offering pleasing and powerful aesthetics to attract potential students and donors. Entirely
qualitative in content, this study examines the role of aesthetics in the three key categories: web
design, website functionality, and universities’ online recruitment strategies. The website
functionality key category divides further into subcategories including website usability,
accessibility and credibility.

In[10],Asha Mandava et al, from Murray State University, Kentucky published a paper on
review and analysis of technologies used for web applications. In this paper we review
technologies useful for design and development of web-based applications. We also discuss
about the technologies that are used at the client side and server side of web application. Next,
we compare different web application development frameworks. In addition, we discuss life
cycle model and framework of web application development.

In[11],Fernando Almeida et al, from Centre for Innovation, Technology and Entrepreneurship,
INESC TEC, Porto, Portugal published a paper on the role of responsive design for web
development. Responsive design allows software developers to build a Web page that can
dynamically adapt to the size of the devices. This development philosophy enables the rendering

18
of Web pages in a fast and optimized way, ensuring a good user experience on mobile devices,
tablet and desktop. In the scope of this study, we intend to explore the main advantages and
limitations associated with responsive Web design. We adopted a quantitative approach based on
a questionnaire filled by 181 professionals in the industry that allowed us to identify the reasons
that lead software developers to the adoption of the responsive design and also address the
limitations felt by them. The results obtained indicate that offering a good user experience and
increasing accessibility stands out as being the most important advantages. On the other hand,
the main limitations include the compatibility with older Web browsers, the higher loading time
and the difficulties in optimizing user experience. Finally, it was found that the perception of the
advantages and limitations of responsive design is distinct for professionals with more
professional experience in the field and for freelancer developers.

In[12],Pierre Genevès et al, published paper on the Analysis of Cascading Style Sheets(CSS).
Developing and maintaining cascading style sheets (CSS) is an important issue to web
developers as they suffer from the lack of rigorous methods. Most existing means rely on
validators that check syntactic rules, and on runtime debuggers that check the behavior of a CSS
style sheet on a particular document instance. However, the aim of most style sheets is to be
applied to an entire set of documents, usually defined by some schema. To this end, a CSS style
sheet is usually written w.r.t. a given schema. While usual debugging tools help reducing the
number of bugs, they do not ultimately allow to prove properties over the whole set of
documents to which the style sheet is intended to be applied. We propose a novel approach to fill
this lack. We introduce ideas borrowed from the fields of logic and compile-time verification for
the analysis of CSS style sheets. We present an original tool based on recent advances in tree
logics. The tool is capable of statically detecting a wide range of errors (such as empty CSS
selectors and semantically equivalent selectors), as well as proving properties related to sets of
documents (such as coverage of styling information), in the presence or absence of schema
information. This new tool can be used in addition to existing runtime debuggers to ensure a
higher level of quality of CSS style sheets.

In[5],The last paper we came across was on Online College Management System by Kartiki
Datarkar, Nagpur University, India. Online College Management System (OCMS) provides a

19
simple interface for maintenance of student information. Student information system deals with
all kind of student details, academic related reports, college details, course details, curriculum,
batch details, placement details and other resource related details too. It will also have faculty
details, batch execution details, students’ details in all aspects, the various academic notifications
to the staff and students updated by the college administration as well.
From the literature Review it is observed that there are a lot of ways that can opted for web
development and the ones that we choose should purely be based on the optimization level
that we need given our resources and constraints, what best framework to be used and what
database best serves our purpose. And other college management and website project papers
shows us the various functionalities that can be incorporated and the best technologies that
can be used for them.

University portal takes data from different data sources, organizes them and provides with
consistent look and feel to the users. Proposed portal covers almost all major aspects related to
students and teachers. Its high speed, dynamic rendering and asynchronous communication with
data sources make things snappy and very responsive. University portal must be complete and
provide all features related to students and teachers. This review paper provides a brief
comparison of existing web portal and suggests following eye catching and stunning
features/modules such as Oral Commands Interpreter, Oral Dictation, Multitasking, Rental
Services, SMS alerts and Software Industry modules.

CHAPTER 3
SYSTEM ANALYSIS

3.1 INTRODUCTION

Analysis can be defined as breaking up of any whole so as to find out their nature, function etc. It
defines design as to make preliminary sketches of; to sketch a pattern or outline for plan. To plan
and carry out, especially by artistic arrangement or in a skillful wall. System analysis and design
can be characterized as a set of techniques and processes, a community of interests, a culture and
an intellectual orientation. The various tasks in the system analysis include the following. –

20
- Understanding application.
– Planning.
- Scheduling.
- Developing
- Candidate solution.
- Performing trade studies
- Performing cost benefit analysis.
- Recommending alternative solutions.
- Selling of the system.
- Supervising, installing and maintaining the system

This website ensures a one stop destination for all the information related to the CMRU School
of Engineering and Technology campus. The website gives a brief overview on various aspects
of the college which includes activities, achievements, events and the academics. The home page
includes several elements of interests including some snippets of events, college introduction,
calendar of events, contact details which are some of the major things that an outsider would
look into. We also provide the academic structure and course details for each branch along with
the departmental wise faculty details which talks about their experience in teaching field and
their specialization. We have also included the mail subscription so as to allow user to enroll to
get updates about the college and its activities to the user.

3.2 EXISTING SYSTEM

The existing CMRU website is designed to represent the university on a whole. Since CMR
University has two campuses and the city campus being the first one and has been years since its
construction, the website focuses more on the activities, achievements and events of that campus
than the SOET campus which is a newly built campus surrounding 80 acres of land and is still
nurturing and growing.

Although the website talks about SOET, it does not do much justice in providing complete
details about the campus for the ones who wish to start their academics in the SOET campus. Not
only do the outsiders suffer because of this but also the students of SOET campus who wish to

21
get the event updates or any form of announcements are cheated of the opportunity to have
something of their own that would solely based on the SOET campus only

Also focusing on the design of the front end, the existing website looks less interactive which
may not appeal the outsiders to look further. Due to long documentation and clutter of
information, the user may not want to read and look into much detailing.

3.3 PROPOSED SYSTEM

To overcome the drawbacks of the existing system, the proposed system has been evolved. This
website not only overcomes the need to have a dedicated website for the SOET campus but also
provides an interactive UI that is appealing and user friendly. It also provides a registration/login
section for the students and faculties for academics purposes. The announcement section keeps
updating and lets the students/faculties know if there is any sort of notice.

Advantages of the proposed system include:

- It is user-friendly and responsive

- It contains all and only information about the SOET campus

- Implementation of bootstrap has helped make it interactive in nature

- 360 degree Virtual view of the entire campus

- Detailed information about the course structure and the faculty details

3.4 FEASIBILITY STUDY

Feasibility analysis begins once the goals are defined. It starts by generating broad possible
solutions, which are possible to give an indication of what the new system should look like. This
is where creativity and imagination are used. Analysts must think up new ways of doing things-
generate new ideas. There is no need to go into the detailed system operation yet. The solution
should provide enough information to make reasonable estimates about project cost and give
users an indication of how the new system will fit into the organization. It is important not to

22
exert considerable effort at this stage only to find out that the project is not worthwhile or that
there is a need significantly change the original goal. Feasibility of a new system means ensuring
that the new system, which we are going to implement, is efficient and affordable. There are
various types of feasibility to be determined. They are,

3.4.1 Economic Feasibility

Development of this web portal is highly economically feasible. It is cost effective in many
sense as in submitting the application form online eliminating the paper work and also visiting
the website to check for any sort of information required instead of taking a brochure or flyer.
The system is also time effective in two ways:
1. The website provides a complete virtual tour of the campus that can be done in seconds
instead of visiting he campus for that sole purpose.
2. All the queries can be raised and answered through the question and answers section or
through dropping a mail instead of calling.

3.4.2 Technical Feasibility

The technical requirement for the website is economic and it uses only basic frontend
development tools which is free such a s HTML, CSS, JavaSript, BootStrap and Jquery. And for
the backened it use the Django web framework. Technical evaluation must also assess whether
the existing systems can be upgraded to use the new technology and whether the organization has
the expertise to use it. This website does not require much updates except for updating
announcements or event related information or media.

3.4.3 Operational Feasibility

The system working is quite easy to use and learn due to its simple but attractive interface. User
requires no special training for operating the system. The user friendly interface is self-
explanatory and guides the users in itself as to where to look what they are looking for. The
addition of Question and Answer section will further help them to get a direct answer to their
questions without having to search for anything.

23
CHAPTER 4

SYSTEM DESIGN AND SPECIFICATION

System design is the phase that bridges the gap between problem domain and the existing
system in a manageable way. This phase focuses on the solution domain, i.e. “how to
implement?”

Specification talks about the hardware and software requirements needed to fulfil or run the
project. Basically, the minimum requirements on which the program or app will run.

24
4.1 SYSTEM DESIGN
It is the phase where the SRS document is converted into a format that can be implemented and
decides how the system will operate.
In this phase, the complex activity of system development is divided into several smaller sub-
activities, which coordinate with each other to achieve the main objective of system
development.

4.1.1 SITE MAP

Sitemaps are an easy way for webmasters to inform search engines about pages on their sites that
are available for crawling. In its simplest form, a Sitemap is an XML file that lists URLs for a
site along with additional metadata about each URL so that search engines can more intelligently
crawl the site.
4.1.2 ER DIAGRAM
The ER or (Entity Relational Model) is a high-level conceptual data model diagram. Entity-
Relation model is based on the notion of real-world entities and the relationship between them.
ER modeling helps you to analyze data requirements systematically to produce a well-designed
database.

Fig 4.1.1 Sitemap

25
 Fig 4.1.2 ER Diagram

4.1.3 TABLES

Table 1 for USER_LOGIN

Table no: 1
Table Name: User Login

26
 Table Description:
Contains usernames and passwords of all
the users in the system.
Seq no Column name Column description Column PK/FK? Remarks
type Null/Not
Null
1 UserID UG Number VarChar PK/FK Not Null
2 Password Password VarChar

Constraints:
 Key Constraints: userID is the primary key and must be unique.
 Referential Integrity: user id

Table 2 for USER REGISTRATION

Table No: 2
Table Name: User Registration
Table Description:
Contains all the details of students i.e user id, email,
password.
Column Null/Not
Seq no Column Column PK/FK? Remarks
Name Description Type Null
UG number
1 UserID Varchar PK/FK Not Null
Email ID of
2 Email Varchar
user
User
3 Password Varchar
password
Password
4 Confirm Varchar
password confirmation

Constraints:
 Key Constraints: user id is the primary key and must be unique.
 Referential Integrity: user id

TABLE 3 for SUBSCRIPTION

3
Table No:
Subscription
Table Name:

27
 Contains mail ID to send newsletters,
Table Description:
Brochures,
Column
Seq no Column Column PK/FK? Null/Not Remarks
Name Description Type Null
1 Mail ID Varchar PK Not Null
Mail ID of
the user

Constraints:
Key Constraints: Mail ID is the primary key and must be unique.
 Referential Integrity: N/A
 Check Constraints: None

4.2 SYSTEM SPECIFICATION

The »System Specification describes the functional and non-functional requirements posed on a
system element In order to prepare the System Specification, the requirements will be derived
from the specifications of higher system elements or from the Overall System Specification. The
specification provides standards and tools for designing and decomposing the architecture. If
changes are required in the course of the development of the system element, the System
Specification shall be adapted at first.

4.2.1 SOFTWARE REQUIREMENTS:

Operating system:
 Windows 7, Windows 8 or Windows 10
 Mac OSX 10.8, 10.9, 10.10 or 10.11

 Linux- Debian, Fedora, Ubuntu etc

IDE used:

 Pycharm-Community-Edition 2017.3.3
Frameworks:

28
  Django Framework for backend
 Bootstrap framework for front-end
Text Editor:
 Gedit
 Sublime Text
Browsers:
 Mozilla Firefox
 Internet Explorer
 Google Chrome
 Opera
 Safari etc

4.2.2 HARDWARE REQUIREMENTS:

 Processor (CPU) with 2 gigahertz (GHz) frequency or above

 A minimum of 2 GB of RAM

 Monitor Resolution 1024 X 768 or higher

 Internet Connection Broadband (high-speed) Internet connection with a speed of 4 Mbps

or higher

4.3 SOFTWARE DESCRIPTION:

1. Django: Django is a high-level Python Web framework that encourages rapid development
and clean pragmatic design. A Web framework is a set of components that provide a standard
way to develop websites fast and easily. Django’ s primary goal is to ease the creation of
complex database-driven websites. Some well known sites that use Django include Instagram,
PBS, Disqus, Washington Times, Bitbucket and Mozilla. We have used Django for back-end
development.
Django' s primary goal is to ease the creation of complex, database-driven websites. The
framework emphasizes re-usability and "pluggability" of components, less code, low coupling,

29
rapid development, and the principle of don't repeat yourself. Python is used throughout, even for
settings files and data models. Django also provides an optional administrative create, update,
modify and delete interface that is generated dynamically through introspection and configured
via admin models.

2. Bootstrap: Bootstrap is a web framework that focuses on simplifying the development of

informative web pages . The primary purpose of adding it to a web project is to apply Bootstrap's
choices of color, size, font and layout to that project. As such, the primary factor is whether the
developers in charge find those choices to their liking. Once added to a project, Bootstrap
provides basic style definitions for all HTML elements. The end result is a uniform appearance
for prose, tables and form elements across web browsers In addition, developers can take
advantage of CSS classes defined in Bootstrap to further customize the appearance of their
contents. For example, Bootstrap has provisioned for light- and dark-colored tables, page
headings, more prominent pull quotes, and text with a highlight.
Bootstrap also comes with several JavaScript components in the form of j Query plug ins. They
provide additional user interface elements such as dialog boxes,tooltips, and carousels. Each
Bootstrap component consists of an HTML structure, CSS declarations, and in some cases
accompanying JavaScript code. They also extend the functionality of some existing interface
elements, including for example an auto-complete function for input fields.

3. PyCharm Community Edition

PyCharm is totally free and open-source, available under the Apache 2.0 license. The feature set
of this edition is limited to support pure Python coding, while the major functionality and
complementary tooling is still there. Community Edition provides core Python language support
with code completion, one-the-fly code analysis, refactoring, local debugger, test runner,
virtualenv, version control integrations, etc.
Some of the attractive features of PyCharm are
 SQLAlchemy support
 Pyramid & Web2Py web frameworks support
 Full-featured embedded local terminal
 Configurable language injections
 Improvements in Python and Django code intelligence

30
  Much better code insight for PyQt and PyGTK

CHAPTER 5

31
 IMPLEMENTATION

Project implementation (or project execution) is the phase where visions and plans become
reality. This is the logical conclusion, after evaluating, deciding, visioning, planning, and
choosing the right method to go about this particular plan of action. Technical implementation is
one part of executing a project

5.1 ABOUT SOET

This section provides information about the university which includes its vision, mission and its
objectives. It also provides some major event timelines in CMR University- School Of
Engineering & Technology.

5.2 CALENDAR OF EVENTS

32
 One of the interesting feature about this website is the calendar of events that showcases the
major events run in the college in the form of a timeline from the beginning of the University
till the recent ones.

5.3 CONTACT DETAILS

33
 Contact section enables the user to seek any sort of help regarding the information about the
college. They will be prompted to enter their unique credentials such as phone numbers and
email id so that the office administration can get in touch with them and answer their queries.

5.4 TESTIMONIALS

34
 In this section, we here reviews about the college. Reviews are given by either faculties
working here, the students or their partents/guardians

5.5 THE FOOTER SECTION

The footer section contains a short description about the college, along with links that connect to
the social networking sites of the college. It also includes information links like home, about us,
contact etc that takes them to the relevant pages. On the other hand, it also holds information
about the address and contact details of CMR University School Of Engineering & Technology

35
36
CHAPTER 6

RESULTS AND DISCUSSIONS

The project presented is a web portal designed specifically for the use of CMR University-
School Of Engineering and Technology. As promised we are providing many features
through this web portal along with virtual view of the SOET campus, Alumni section and
the companies that visit us for placement. We have also ensured that the user interface is
user-friendly and interactive. Responsiveness is also ensured.

6.1 Homepage
The home page acts as the face of the website providing an overview of the list of information in
the website
In home page, we have a header that has ‘home’ section which is the starting page, ‘about us’
section that gives the vision and mission of the university, courses section gives the list of
courses provided by the university and so on. The Apply Now section takes the user to login and
register page.

Fig. 6.1: Home page

6.2 Login Page

37
The login page consists of Login/Registration options wherein the existing user can login by
entering their UG number and password. They also get an option ‘Forgot Password’ wherein
after authentication they will be given with a new password through the email they used while
registering.

Fig 6.2: Login Page

6.3 Registration page

The registration page is for a new user if he/she does not have an account already. They can
register themselves by providing their UG number, name, email address etc Confirm password is
used to recheck the password’s validity.

38
 Fig 6.3: Registration Page

6.4 Departments

The department section shows the list of departments pertaining to B.tech, M.Tech or Ph.d. It
includes, branches such as Computer Science, Information Technology, Electronics and
communications, Civil and Mechanical Engineering. Each consists of course curriculum and the
faculty profile.

Fig 6.4 (a): Computer Science and Information Technology

39
 Fig. 6.4(b) Mechanical and Civil Department

6.5 Faculty

This section gives the information about the faculty teaching in the university.
This also includes a link to their linkedin profile along with their other social media accounts.
Faculties are divided by department wise to know which particular faculty teaches in which
department

Fig 6.5: Faculty Profile

40
6.6. Testimonials

Testimonilas are the reviews received by student/faculty regarding the college, its service, its
infrastructure or qulity of education. Anything that the the user feels about the college is
displayed in the testimonials section

Fig 6.6(a): Testimonial 1

Fig 6.6(b): Testimonial 2

41
 CONCLUSION

The CMRU SOET web portal is specific to main campus of CMR University located Off
Hennur, Bagalur main Road, Chagalatti. This web portal enables visitors to view the
campus through its unique 360 degree view. The user can either login or register by
providing CMRU Email address and UG number. Visitors can get the complete information
about the University through this site. It offers news about the happenings of the college
(through calendar of events), information about the faculty, departments, alumni
,admissions. The unique innovative design of the website built using Bootstrap and CSS
creates a positive impression on visitors. Usage of high end frameworks like django
provides easy database storage and fast functioning of the website.

The website requires constant updating as the calender of events, Faculty profile, courses
offered might change time to time. Django’ s easy modification feature makes this easier.

In future the website is expected to work on more functionalities like Online assignment
submission, discussion with faculty, sharing of notes and other documents , updates about
examinations, internships, interviews etc,.

42
 REFERENCES

[1] Ch Rajesh, et al, ” Research on HTML5 in Web Development”, (IJCSIT) International

Journal of Computer Science and Information Technologies, Vol. 5 (2) , 2014, 2408-2412

[2] PunamKumari et al, “A Research Paper OnWebsite Development OptimizationUsing

Xampp/PHP” Volume 8, No. 5, May-June 2017 International Journal of Advanced Research in
Computer Science

[3] Andr´e Lu´ıs dos Santos Domingues et al, “A Comparison Study of Web Development
Methods”, Centro Universit´ario Bar˜ao de Mau´a, R. Ramos de Azevedo. 423, 14090-180
Ribeir˜ao Preto, SP, Brazil

[4] Lalit Mohan Joshi et al, “ A Research Paper on College Management System” International
Journal of Computer Applications (0975 – 8887), Volume 122 – No.11, July 2015

[5] Kartiki Datarkar et al, “Online College Management System”, International Journal of
Computer Science and Mobile Computing, Vol.5 Issue.4, April- 2016, pg. 118-122

[6] Prof. B Nithya Ramesh et al, “Django The Python Web Framework”, International
Journal of Computer Science and Information Technology Research ISSN 2348-120X
(online) Vol. 6, Issue 2, pp: (59-63), Month: April - June 2018.

[7] Thakur Ranjith Singh, “A study of web portal features as a knowledge management
system in school education”, International Journal of Computer Science and Information
Technology Research ISSN 2249-894X (online) Vol. 5, Issue 5, pp: (59-63), Month:
Febraury – 2016

[8] Y. Zubritska, “Recommendations for html, css and javascript usage”. International Journal of
Computer Applications (0975 – 8887), Volume 112 – No.11, June 2016.

[9] Fatemeh Bordbar, “The effectiveness of website design in higher education recruitment”, A
Project submitted to Southern Utah University, April 2016.

[10] Asha Mandava et al, “A review and analysis of technologies for developing
webapplications”,International Journal of Computer Science and Information
Technology.

[11] Fernando Almeida ,”The Role of Responsive Design in Web Development”, Webology,
Volume 14, Number 2, December, 2017.

43
[11] Lang, M. (2009). Web-based systems development: the influence of disciplinary
backgrounds on design
practices. Journal of Information and Organizational Sciences, 65-77.
Al-Ghourabi, A. (2006). A comparison of web development technologies: WebObjects vs.
ASP .NET.
ROCHESTER INSTITUTE OF TECHNOLOGY.
mm Al-Ghourabi, A. (2006). A comparison of web development technologies: WebObjects vs.
ASP .NET.
ROCHESTER INSTITUTE OF TECHNOLOGY.

[12] Pierre Genevès, Nabil Layaïda, Quint Vincent.” On the Analysis of Cascading Style Sheets.”
[Research Report] RR-7808, INRIA. 2011. ffhal-00643075f

Lang, M. (2009). Web-based

systems development: the
influence of disciplinary
backgrounds on design
practices. Journal of
Information and
Organizational Sciences,
65-77.
Lang, M. (2009). Web-based
systems development: the
influence of disciplinary
backgrounds on design

44
practices. Journal of
Information and
Organizational Sciences,
65-77.
Lang, M. (2009). Web-based
systems development: the
influence of disciplinary
backgrounds on design
practices. Journal of
Information and
Organizational Sciences,
65-77.
Lang, M. (2009). Web-based
systems development: the
influence of disciplinary
backgrounds on design

45
practices. Journal of
Information and
Organizational Sciences,
65-77.
Lang, M. (2009). Web-based
systems development: the
influence of disciplinary
backgrounds on design
practices. Journal of
Information and
Organizational Sciences,
65-77.
Lang, M. (2009). Web-based
systems development: the
influence of disciplinary
backgrounds on design

46
practices. Journal of
Information and
Organizational Sciences,
65-77.
Lang, M. (2009). Web-based
systems development: the
influence of disciplinary
backgrounds on design
practices. Journal of
Information and
Organizational Sciences,
65-77.
Al-Ghourabi, A. (2006). A
comparison of web
development technologies:
WebObjects vs. ASP .NET.

47
ROCHESTER INSTITUTE OF
TECHNOLOGY.
[13] Al-Ghourabi, A. (2006). A comparison of web development technologies: WebObjects
vs. ASP .NET. Rochester institute of technology.

[14] Lang, M. (2009). Web-based systems development: the influence of disciplinary

backgrounds on design practices. Journal of Information and Organizational Sciences, 65-
77.

[15] Lang, M. a. (2006). New branches, old roots: A study of methods and techniques in
web/hypermedia systems design. Information systems management, 62-74.

48
APPENDICES

49