UIS For ECE
UIS For ECE
Submitted By
Signature
ii
APPROVAL
Design and Development of “University Information System for ECE department” submitted by
Bushra Ahmed, Registration No: 16508000045 to the Department of Electronic and
Communication Engineering, Institute of Science and Technology (IST), Dhaka, Bangladesh
has been accepted as satisfactory for the partial fulfillment of the requirements for the Degree of
Bachelor of Science in Electronic and Communication Engineering under National University
and approved as to its style and contents.
______________________
1.
2.
iii
ACKNOWLEDGEMENT
First of all we would like to thank the Almighty ALLAH. Today we are successful in
completing our work with such case because Allah gave us the ability, chance, and a
cooperating supervisor. I have taken efforts in this project. However, it would not
have been possible without the kind support and help of many individuals and
organizations. I would like to extend my sincere thanks to all of them.
I am highly indebted to our respectable teacher Md. Rakib Hossain for his guidance
and constant supervisor as well as for providing necessary information regarding the
project & also for support in completing the project.
I would like to express my special gratitude and thanks to industry persons for giving
me such attention and time and encouragement mate in developing the project and
people who have willingly helped their abilities.
Finally, I must acknowledge with due respect the content support and patient of our
parents.
iv
ABSTRACT
Keeping pace with the modern world, Bangladesh is also becoming a technology
dependent county. In its continuity, the internet has reached the doorsteps of every
human being in our country. The internet has united the whole world today.
Nowadays, all kind of activities can be done at home on the digital platform. In our
country, the whole process of education has started to be internet based. Since as a
student, we need to study in a good department at a good university for a bright
future, so he or she needs proper university admission guidelines. University
Information System for ECE department will serve a proper guideline for a student
during this admission period.
ii
TABLE OF CONTENTS
CONTENTS PAGE NO
Board of examiners i
Declaration ii
Acknowledgements iii
Abstract iv
CHAPTER
1.1 Introduction 1
1.2 Motivation 1
1.3 Objectives 2
1.4 Expected Outcome 2
1.5 Report Layout 3
iii
3.3 Requirement Analysis 10
3.3.1 Functional Requirement 11
3.3.2 Non-Functional Requirement 11
3.4 Use Case Model and Description 06-14
3.5 Logical Data Model 14-15
3.6 Design Requirements 16
References 38-39
iv
LIST OF FIGURES
FIGURES PAGE NO
v
LIST OF TABLES
TABLES PAGE NO
Table 2.1: Comparative studies 07
Table 3.1: Representation of Use Case Diagram for General Users 13
Table 3.2: Representation of Use Case Diagram for Registered Users 13
Table 3.3: Representation of Use Case Diagram for Admin 14
Table 5.1: TEST CASE 01 31
Table 5.2: TEST CASE 02 32
Table 5.3: TEST CASE 03 33
Table 5.4: TEST CASE 03 34
vi
CHAPTER 1
INTRODUCTION
1.1 Introduction
University Information System for ECE department is a web-based application that
provides all universities information of Bangladesh. It provides several information
like university list, university ranking, admission time and date, question bank and
many more. In the modern age admission test is a battlefield for the bright future of
all students. Students need to know the right information at the right time to be
successful in this battlefield. Keeping in this mind, our website has been designed in
such a way that a student can find out all the information related to the university as
well as several books. All the question papers of the past years of all the universities
have been included in this website. Users can access our website in two ways. If a
user does not register then he can only access the external aspects of the website.
Registered users will get all the benefits of this website. Through login, a user can buy
books related to admission test, will be able to take appointments of teachers of
different departments and be able to test their skills. Users will also be able to share
their valuable feedback with us and in case of any problem they face, they will be able
to contact us directly through messenger chat. This is how our website will play a
helpful role in a student’s admission test.
1.2 Motivation
We know web application is an application program which composed on a remote
server and rescued over the internet via a browser interface. It can be aimed for a wide
diversity of uses and also be used by everyone [5]. Keeping pace with the developed
world, our country has become technologically dependent by online. Now a days
everyone collects all the necessary information through online. Even after all this, we
haven't found any complete website that can provide information to the students at the
time of admission. This is why we have created a website where students can find all
the information, they need during their admission in one website.
1
1.3 Objectives
University Information System for ECE department is to help Bangladeshi student
denomination to attend enrichment in all walks of their life [6]. During the admission
test, every student is under a kind of stress. Then they need a system through which
they can get all the information they need without any hassle and save their valuable
time. University Information System for ECE department is such an informative
website through while students can know all the updated information. We always
strive to provide students with educational authentic news to build Digital
Bangladesh. So University Information System for ECE department is providing the
information solution to the students for getting admission to their desired institute.
2
1.5 Report Layout
CHAPTER 1: INTRODUCTION
In this particular segment, we recapitulate the motivation, objectives and expected
outcome of our project.
CHAPTER 2: BACKGROUND
In this particular segment, we have recapitulated about our proposed system, related
work and compare it with other adversary systems about related work, problem areas
and project challenges as well.
3
CHAPTER 2
BACKGROUND
2.1 Introduction
University Information System for ECE department is a new procreation education
and information based online platform. University Information System for ECE
department is primarily designed for admission seeking students. Through this
website, admission seeking students in any part of the country will be able to know
the information of their expected university. Many students don't know which
university is in which part of the country. For this reason, we have designed our
website in such a way that they can view all the universities according to the location
division. In maximum number of cases after completing the higher secondary exam,
the students have no idea what to read for admission test. For this, our website has
counseling system so that the students can get the right direction. As students get all
kinds of benefits from a website, they will be able to focus more on their studies and
won't waste their precious time. Since now everything is digitalized, that's why
students can be accessed with several platforms like laptop, desktop, mobile and
different browsers.
4
Figure 2.1: Resultinbd.net
Another one is “Admission War” which also provides admission information about
school, college universities and there is also some helpful PDF book for the students
[7].
5
Figure 2.3: edpdbd.org
And last one is named “Campus Planet” that demonstrates guideline about admission
along with the news of admission and job circular [9].
6
2.3 Comparative Studies
Security No No No No Yes
Admission Yes Yes Yes Yes Yes
Circular
Purchasing No No No No Yes
System
2.5 Challenges
➢ Actuate regulation is complex
➢ Lack of exposer
➢ Sometimes it is difficult to keep the site UpToDate
➢ Maintenance issues
➢ Providing substantive and authentic information
➢ Prepare important query for the user
8
CHAPTER 3
Requirement Specification
As we used agile model, the first step which refers software development approach
flourished on iterative development [2]. In agile model it segmented all tasks into
lesser iterations. Every iteration involves cross functional teams that works at one
time in various areas like, planning, requirement analysis, design, development,
testing, deployment, release, maintenance. Here is a figure 3.1 that will describe agile
model.
9
3.2 Planning
We have looked at various admission related educational websites but haven’t found
the full information on a single site. That’s why we have planned to create a website
where students can learn about the admission procedure of all the universities in
Bangladesh within the same website. In this phase, we have scrum, kanban and agile
project management.
3.2.1 Scrum
Since we have worked as a team, we often plan for a certain period of time that what
changes have been made or if there are any problems or what updates or deletions
have been made.
3.2.2 Kanban
We have discussed whether it is possible to do anything beyond our knowledge.
Mainly we have followed workflow management system. We have been able to
visualize our work through this phase and also able to maximize the efficiency.
10
3.3.1 Functional Requirement
In our website, we have used many functional requirements. Like- there we have a
registration panel where user can register by e-mail, after completing the registration,
user can log in by providing e-mail address and password. By logging in this website,
user can access the rest of the system and do his work. For us, there is also an admin
panel which can’t be accessed by the user.
11
Figure 3.2: Use case diagram of University Information System for ECE department
In our system, there are two kinds of users, General User and Registered User.
General user can access university list, university ranking, admission time and date,
question bank. On the other hand, Registered User can make an appointment, test his
skill, make his own profile, can sign up and log in, order history along with the
general user. In profile section, registered user can check his appointment status and
add his opinion. Users’ opinion is something we need to work on in the future. There
is also a segment called admin panel. An admin can add question, add teacher, can
approve appointment, can see pending appointment, pending order and also delivery
order. Registered user and admin both can log out from the system after completing
their tasks.
12
Table 3.1: Representation of Use Case Diagram for General Users
Pre-condition This is free for all, basically general users who viewed the
site
Post-condition If general user wants to apply any of these universities, they
must have logged in else they can’t access this facility.
Description General users mean the people who aren’t register in the
system, they can’t access the inner facilities but they only
can view university list, university ranking, admission time
and date, question bank.
13
Table 3.3: Representation of Use Case Diagram for Admin
Logical Data Model is a norm of data model which narrates data elements in trifles
that is used to exhibit visual compassionate of data enteritis, attributes, keys and
relationship. This model is supremely independent from a tangible database apropos
establish a directional structure for elements of the semantic layer in data management
system [3].
14
Figure 3.3: Data flow diagram
In this above diagram figure:3.3, we demonstrate the workflow of our project. Here, if
the user is registered then he can login by g-mail and password and if is correct then
he can access all functions. If the password or g-mail is incorrect then it will show
error. In that case we have to login again. Now, if the user is not registered then he
can just visit our website and access some functions.
For admin, admin can login by entering his id and password. Then if it is correct the
admin can control and manage the full website database and he can make any kind of
changes in the website. If the password and g-mail is incorrect, it will show error.
15
3.6 Design Requirements
We all know a goodly designed website is a gladness to use. The main thing is that it
apprehension the attention of the user, sustains the intelligence that they might need
and convinces them to engage with the service. A website also gleams the affectation
with the its’ customers and if their doughty to keep up with the times [4].
16
Chapter 4
Design Specification
React.js
By creating user interfaces in java script for isolated platforms react.js can be used. It
is a general, feature rich, element-based java script UI library. React Js also be used to
amplify miniature applications as well as extensive, complicated applications. The
primary characteristic of react.js which discriminates it from several popular java
script frameworks is pliability. React community felicitation react library through
providing massive set of ready-made materials to exhibit web application [11][12].
Bootstrap 5.1
We all know bootstrap is the most popular html, css and js framework for manifesting
a responsive and mobile friendly website. It is also a free and open-source front-end
development framework for websites. Responsive design invents it possible for a web
page to discover the visitants screen size, orientation and automatically accommodate
the display [13][14].
17
Express.js
Express.js which is a back-end web application framework for Node.js. It is released
open source and free software under MIT license. Node.js take steps various
prominences which make web application development simple and speedy. It is also
defined roots of user application emerged on HTTP and URLs. Express.js that easily
connect with databases like MongoDB and MySQL [17][18].
Node.js
Node.js which is an open source, cross platform runtime ambience for developing
server site and also networking applications. The applications of node.js are written in
java script. That can be conduct among the node.js runtime on Microsoft windows
and Linux. It provides rich library of diverse java script modules that simplifies the
development of web applications [19].
MongoDB
MongoDB which is specified as open-source document-oriented database that is
planned to depot a massive scale of data and moreover approves one to work with that
data very efficiently. This is classified under the NoSQL database whereas the storage
and salvation of data in MongoDB which is not in the form of tables. It is developed
and manage by MongoDB. lmc under SSPL. It provides official driver support for all
popular languages such as C#, C++, C, .Net, Go, Node.js, PHP, Python, Ruby etc.
[20].
➢ React.js
➢ Bootstrap 5.1
➢ Express.js
➢ Node.js
➢ MongoDB
➢ Visual studio
19
CHAPTER 5
20
Figure 5.3: Database of all book
It is very important and also challenging to elaborate engaging and spanking front end
because this needs to balance the user’s device screen size. Though it is very much
presuming to build a facile and user-friendly UI design for all the user. We have tried
our level best to make our website user friendly. We have created our website as a
responsive website so that all users can easily access it from any kind of devices.
21
5.2.1 Website Front-end Design
22
Figure 5.4: Home page of University Information System
23
Figure 5.5: List of Universities
24
5.2.2 Registered User
25
Figure 5.7: Log-In Form
26
Figure 5.8: Purchasing System of User
27
Figure 5.9: Order List of User Profile
28
5.2.3 Admin Panel
29
Figure 5.13: Add University Ranking
30
5.3 Implementation of Interactions
31
Landscape Tested on Successfully, Fit for all Pass 08-06-2022
or portrait landscape fit for all modes
mode or portrait modes
mode
32
Access Question Browse our Successfully Successfully Pass 08-06-
Bank Website and access the access the 2022
go to question question question
bank bank bank
33
Counseling Make Approved or Showing the Pass 12-06-2022
pending
appointment status
Teacher Search Successfully Successfully Pass
show details
Details desired show details
about the
teacher teacher about the
teacher
34
Add Book Insert new Successfully Successfully Pass 21-06-2022
book add books to add books to
information the site the site
➢ User friendly
➢ Invulnerable website
➢ Updated information
➢ Proper guidance
➢ Minimize waste of time
➢ Provides all universities information
35
➢ Convincing website
➢ Apprehensible interface
➢ Easy to communicate
➢ Easy to l
36
Chapter 6
Conclusion & Future work
Finally, we are able to build our desired website properly. To us it was like a flam
come true. Where Bangladesh was a few years ago, it is no longer in that position in
terms of technology. Now, everyone is moving forward in tandem with the age
through internet. After HSC, most of the students do not understand exactly how they
will study for the admission test. Moreover, they do not understand that where they
should be admitted for any subject in any university. And for any particular
university, we have to browse the internet separately every time. In that case we
providing all the necessary information for the students in one platform through our
website. Also, for the last two years it has been very difficult for corona pandemic to
go out and do everything. So, we have ensured that the students can buy the books
they need from home. In one word we have made little effort to ensure that students
time is not wasted in any way and so that they get a proper guideline from any part of
the country.
37
References
[3] www.javatpoint.com. 2022. Agile Model (Software Engineering) - javatpoint. [online] Available at:
<https://www.javatpoint.com/software-engineering-agile-model> [Accessed 4 April 2022]..
[4] SiteProNews. 2022. 10 Requirements for Website Design - SiteProNews. [online] Available at:
<https://www.sitepronews.com/2012/08/16/10-requirements-for-website-design/> [Accessed 4 April
2022].
[5] SearchSoftwareQuality. 2022. What is Web Application (Web Apps) and its Benefits. [online]
Available at: <https://searchsoftwarequality.techtarget.com/definition/Web-application-Web-app>
[Accessed 4 April 2022].
[6] Result in BD. 2022. About Us. [online] Available at: <http://resultinbd.net/about-us/> [Accessed 4
April 2022].
[8] Edpdbd.org. 2022. edpdu.com. [online] Available at: <https://edpdbd.org/> [Accessed 4 April
2022].
[10] En.wikipedia.org. 2022. Front-end web development - Wikipedia. [online] Available at:
<https://en.wikipedia.org/wiki/Front-end_web_development> [Accessed 4 April 2022].
[13] Whatis.techtarget.com. 2022. Computer Glossary, Computer Terms - Technology Definitions and
Cheat Sheets from WhatIs.com - The Tech Dictionary and IT Encyclopedia. [online] Available at:
<https://whatis.techtarget.com/definition/> [Accessed 4 April 2022].
[15] Engineering Education (EngEd) Program | Section. 2022. Front End vs Back End in Web
Development. [online] Available at: <https://www.section.io/engineering-education/front-end-vs-back-
end-in-web-development/> [Accessed 4 April 2022].
[16] Build Blog by ThinkApps | Content on Entrepreneurship, Mobile Apps, Web Platforms and more.
2022. Back-End Development: A Guide to the Basics. [online] Available at:
<http://thinkapps.com/blog/development/basics-back-end-development> [Accessed 4 April 2022].
[20] GeeksforGeeks. 2022. What is MongoDB - Working and Features - GeeksforGeeks. [online]
Available at: <https://www.geeksforgeeks.org/what-is-mongodb-working-and-features/> [Accessed 4
April 2022].
[21] Designmodo. 2022. Learn about interaction design,. [online] Available at:
<https://designmodo.com/interaction-design/> [Accessed 4 April 2022].
[22] The Interaction Design Foundation. 2022. What is Interaction Design?. [online] Available at:
<https://www.interaction-design.org/literature/article/what-is-interaction-design> [Accessed 4 April
2022].
39