1

Active Fuse

Project Proposal

Supervisor

Dr. Kashif Naseer Qureshi

Submitted by

Ali Hussain
{01-134142-014}

Department of Computer Science, Bahria University, Islamabad.

[21st of March 2018]

Table of Contents
Chapter 1 ...........................................................................................................................................4
1.1 Overview.............................................................................................................................4
1.2 Objective .............................................................................................................................4
1.3 Problem Description ...........................................................................................................4
1.4 Methodology ...................................................................................................................5
1.5 Project Scope.......................................................................................................................6
1.6 Feasibility Study ..................................................................................................................7
1.7 Resource Requirement ........................................................................................................7
1.8 Solution Application Areas..................................................................................................7
1.9 Tools/Technology ...............................................................................................................7
1.11 Milestones ..........................................................................................................................8
Chapter 2 ...........................................................................................................................................9
2.1 Previous Works...................................................................................................................9
2.1.1 Terllo.............................................................................................................................9
2.1.2 Multi-Draw....................................................................................................................9
2.1.3 Bulb...............................................................................................................................9
2.1.4 My Simple Show...........................................................................................................9
2.1.5 Animatron ...................................................................................................................10
2.1.6 Game Salad .................................................................................................................10
2.1.7 Looplabs......................................................................................................................10
2.1.8 Proposed System .........................................................................................................10
Chapter 3 .........................................................................................................................................12
Requirement Specifications ............................................................................................................12
3.1 Purpose...............................................................................................................................12
3.2 Scope..................................................................................................................................12
3.3 Document Overview ..........................................................................................................12
3.4 System features .................................................................................................................13
3.4.1 Technical Field............................................................................................................13
3.4.2 System Environment ...................................................................................................13
3.5 Basic Functionality ...........................................................................................................13
3.7 Performance Requirements ...............................................................................................13
3.8 Budget ...............................................................................................................................14
3.9 Database of Users..............................................................................................................14
3.11 Functional Requirements ................................................................................................14
3.12 Non-Functional Requirements ........................................................................................15
3.13 Front End Description.....................................................................................................16
3.14 Back End Description .....................................................................................................16
 3.15 Login Use Case I.............................................................................................................16
3.16 Sign Up Use Case II........................................................................................................17
3.17 Create Community Use Case III .....................................................................................18
Chapter 4 .........................................................................................................................................19
Design .............................................................................................................................................19
4.1 System Architecture..........................................................................................................19
4.1.1 Design Constraints ......................................................................................................19
4.1.2 Sequence Diagram ......................................................................................................19
4.1.3 Login Sequence Diagram............................................................................................19
4.1.4 Sign Up Sequence Diagram ........................................................................................19
4.2 Software Interface …………………………………………………………………… 20
4.3 Communication Interface..................................................................................................20
4.4 Performance Requirements ...............................................................................................20
4.5 Other Requirements ..........................................................................................................20
Chapter 1
Introduction

1.1 Overview
Our project is an innovative headway that provides the students of Bahria University a
platform to collaborate with students of other departments and share ideas. It is a progressive
assistive application that allows for students with initiating their projects and activities related
to art, science and engineering. Some existing application provides the students a
collaborative platform which is TalkBoard [1], Padlet [2], Debate Graph [3], TitanPad [4] and
Slack [5] but they have limited scope, this application will be having different modules
and all the functionalities of above mentioned platform will be provided on a single
platform.

1.2 Objective
Our aim is to connect the new and non-social student who need help in connecting and
working with other members of the student community. This project acts as a communication
gateway between students. It will help in making the campus more productive and team work
oriented. Some people are reluctant towards social activities and need time and support
to have a recollection of their confidence. These tasks help in partake of intellectual building
of a student and people around him.
Starting from group studies to project collaboration the tasks are handled with every student
in his special field or domain. It is noted that just extroverts are social.
This will allow for students to meet other individuals that can take advantage of the each
other's strengths.
The collaborative feature that we offer between different students will enable them to procure
their interests and project scope regarding their field.

1.3 Problem Description

The common system for a social sharing section of the student’s community does not
contribute in collaborative helping and project sharing. So, the application is needed that will
help the student community to progress.
The problem hence resides in the student community for not being able to share knowledge
and collaborative efforts between creative art and idea sharing because presently the
university
does not have any collaborative application only the website of university provides the
information of events [6]. The students need a platform to converse with their fellow students,
as the era of technology is progressing further, the need for technology-based application for
collaboration ideas can be improved.

1.4 Methodology
A thorough survey of the student community will help us in requirement gathering based on
student’s current interactions issues. We will integrate the existing CMS with the application
(if applicable) otherwise the user will get registered by providing his/her credentials. Services
for assessment, orientation, counseling/educational plans, there are some changes and
upgrades to the modules used in the system underway and will help in learning process.
We will follow the incremental model for this project development phase.
1.4.1 Login:
From here the user can login or Sign up to the application to access the functionalities.

Figure: 1 login Module

1.4.2 Create Community:
Create community to organize your events. Create community using Active Fuse then create
new community dialog. Once your community is set up, you can share the ideas with each
other.

Figure 2: Community Modules

1.5 Project Scope

Our application is for the student community. It will be used in a variety of
educational institutes and would surpass any application of the kind. The application will help
the student community in becoming an intellectual and collaborative platform. This is
necessary as we need the ability of the student community to coordinate and communicate
with the ideas of one and another and specially for the ones who lack the resources
and have difficulty in communicating and collaborating with one another. The basic work of
our product is to create
communities with in the application so that all the students of the same interests can come on
a unique platform to discuss and get involved in a few activities of their own choice.

1.6 Feasibility Study

Regarding the scope mentioned above it is imperative that we meet the timeline for the
projects as defined:
• The main risk involved is in the development of the modules which are dependent on
new technology and language.
• We can also assume the risk that the application is in fact not a success in the student
community.
• To avoid the above risks, we will advertise the application on university website
and within the campus.

1.7 Resource Requirement

• There will be need of a new device (Limited to 3 years of use) Mobile
application development and testing will be limited to this mobile device.
• Application development platform will also be used.
• Internet devices using 820.0u (b/g/n/s) device or further.
• Hardware capabilities based on next gen processors.
• Complete knowledge of different languages and technologies to be used in
the development of this application.

1.8 Solution Application Areas

• The student community and the interactive society of an educational institute will actual
help the passion of less social personalities to have an interactive forum to communicate.
• Share and develop ideas, reforming brilliant applications and practical uses for the
software system in machines.
• These developed projects or collaborated art will enhance them to become a better version
of them.
• All the educational institutes pertaining to students in different departments or fields will
in fact need such a collaborative and social app that can unite and enhance the capacity of
student community everywhere.

1.9 Tools/Technology
The tools and technology being used by our system are mentioned here:
• Html5 and CSS3.
• AngularJS.
• Node.js
• Ionic platform
 • Firebase Cloud for database.
• We will be using Microsoft Windows 10.1 Pro Operating system as or
development resource platform.
• Latest hardware will be required for the development of this application and will enable
us to learn new technologies for which we were provided proper instructions in the
course criteria lectures.
• As the interaction requires a mobile platform to test run on and perform routinely for the
user it also requires a device for this action to complete.

1.10 Expertise of the team members:

The project has its domain in the field of mobile application development and thus requires
expertise in it. Furthermore, the implementation will be based on NodeJS and
AngularJS Framework and we have comprehensive understanding of object oriented
and functional programing.
• Ali Hussain will work on the backend of the application and handling the connectivity of
application through database.
• Anique Bilal will work on the front end of the application and developing the GUI. This
chapter will discuss the literature view of the application ACTIVE USE.

1.11 Milestones

2018-2019
Feb Mar April May Jun Jul August Sep Oct Nov Dec

Re
uirem nt Speci ication
Res arch on
available too s
and libraries

Programming
and ataba e
De elopme t

Developmen
and Designi g

Debugging
and Testing

Docume tation
Chapter 2
Literature Review

The existing applications does not provide every kind of domain in which the students
can collaborate. This application allows every student to collaborate with any student in
multiple domains. Secondly this application is specifically for the students of Bahria
University. This application will help the students to collaborate with students for their final year
project. As most of the times students face difficulties. The students can take help from there
seniors through this application. Students are using smart phones very often and this application
will be a user friendly.

2.1 Previous Works

2.1.1 Terllo

Since mutual-level projects often require students to work together, it can be difficult for
individual students to be accountable for their own. Terllo enables this process to become
transparent for both teachers and students. The best, the "Fremium" version of the app is a
budget- friendly solution for any school.

2.1.2 Multi-Draw

If you are looking for an easy-to-see application for young visual learning, to ignore and manage
information with them, multi-screw is a good choice. With this free, web-based
application, students are part of password protected groups and can get their ideas together.
There are many features that teachers may be useful, such as "replay" function in which
any student activity is instantaneous recap. Of course, teachers probably want to moderate the
room to ensure that students stay at work and some students do not dominate the "dialogue".

2.1.3 Bulb

An important part of the digital era is the creation of content: communicating with others, sharing
your plans while doing your work, and commenting. Students tested them production should be
proud, and the bulb gives them an opportunity to do so, because they make their own creative
portfolio, comment on their colleagues, and consider their progress throughout the school year.

2.1.4 My Simple Show

My simple show is a very high efficient video creation application. It allows students to upload
original images or choose from larger assets of previously assets. They can also record the
Hadith and fulfill their own offer. This intuitive and simple interface has provided a great
selection of young students as well as to make themselves an instant offer.

2.1.5 Animatron

Creative students are likely to love Animatron, which is a platform that helps users
create animated. If you want to see your students busy with a presentation, encourage a group of
three to four students to assist in their own cartoon.
When Adobe is used together with creative cloud applications, it can create some real
and impressive offers. It also offers pre-paid assets for students who are less willing to try their
hands- on custom animations

2.1.6 Game Salad

Regardless of the grade level, chances are high you have more than a few gamers in
your classroom. GameSalad engages students by giving them the power to create their own
interactive experiences. Students can demonstrate their knowledge and perspectives by working
on their own games in groups while learning essential computer science skills—a key
component of K-12 education since the start of the “Computer Science for All” initiative in
early 2016.

Regardless of the grade level, the chances are more that you are more than a few rooms in your
classroom. The GameSalad students are busy giving the power to make their own
interactive experiences. While learning the essential computer science skills, students learn their
work on their own while learning at the beginning of 2016 as an important element of K-12
education since the beginning of " Computer Science for All " initiative in 2016.

2.1.7 Looplabs

Students will be surprised to default on stock music for creative offers when they can make their
own music by looplabs. With this free application, sharing tracks can include sharing, editing,
and real-time music on music. This is especially helpful for dramatic interpretations of
literature, where music indications can increase the meaning of students' projects.

2.1.8 Proposed System

Based on reviewing the perspective of the literature, it is estimated that most applications provide
only one domain such as Trello, which is to provide a platform for Project Managers, where our
cooperation in any domain will be specially supported by the university environment.

These collaborating applications are gaining attention due to the following reasons:
• Now a day’s people talk more on smart phones rather talking face to face.
• You can access that those application anywhere and can collaborate with anyone.
Our application has been developed on the latest technology, which will offer the application
efficient and different options as well. Different options will allow the user to learn more about
the features of the app because it is user-friendly.
This application is free of cost and especially helping students with a lot of people. There is a lack
of confidence through the students who can overcome their difficulties. The GUI of this
application is user-friendly and customizable.
Analyzer analysis is expected to provide more stability in the approach of each collaboration,
because people can cooperate with their interests and field-related cooperation.
Chapter 3

Requirement Specifications
3.1 Purpose

Our aim is to connect the new and non-social student who need help in connecting and
working with other members of the student community. This project acts as a communication
gateway between students. It will help in making the campus more productive and team work
oriented. Some people are reluctant towards social activities and need time and support
to have a recollection of their confidence. These tasks help in partake of intellectual building
of a student and people around him.
Starting from group studies to project collaboration the tasks are handled with every student
in his special field or domain. It is noted that just extroverts are social.
This will allow for students to meet other individuals that can take advantage of the each
other's strengths.
The collaborative feature that we offer between different students will enable them to procure
their interests and project scope regarding their field.

3.2 Scope

Our application is for the student community. It will be used in a variety of

educational institutes and would surpass any application of the kind. The application will help
the student community in becoming an intellectual and collaborative platform. This is
necessary as we need the ability of the student community to coordinate and communicate
with the ideas of one and another and specially for the ones who lack the resources
and have difficulty in communicating and collaborating with one another. The basic work of
our product is to create communities with in the application so that all the students of the
same interests can come on a unique platform to discuss and get involved in a few activities
of their own choice.

3.3 Document Overview

The document is limited to two chapters for the overview of purpose of the document. First,
we will provide the full description of the project that is dependent on collaborative
application. The details provided below about the various requirements and various software
are given/defined below:

Overall Description:
From here the user can login or Sign up to the application to access the functionalities.
Create community to organize your events. Create community using Active Fuse then create
new community dialog. Once your community is set up, you can share the ideas with each
other.

3.4 System features

3.4.1 Technical Field

The present invention or development of an application system as our project relates

to a collaborative application which will help the students to collaborate in different domains.

3.4.2 System Environment

Most use cases for the project are based on the user as most of functionality for the
application is on user. The user will have access to all phases of the application/software and
will be able to manage scheduling and generation of emails and text message at run-time on
user account access.

3.5 Basic Functionality

Following are the basic functionality of the application:

• User login or signup to access the application.

• Create community to organize your events. •
• Create community using Active Fuse
• Create new community dialog.
• Once your community is set up, you can share the ideas with each other.

3.6 User Characteristics.

This application/system has a very simple and easy user interface. The privilege levels are:

• The user can only fully access his/her account.

• Different users can see the interests of each other to collaborate further.

3.7 Performance Requirements

Since, we are developing an application that is optimized in size and consumption of

resources, we should not have to worry regarding the hardware and performance
requirement. The recommended system/hardware specifications would be:
• There will be need of a new device (Limited to 3 years of use) Mobile
application development and testing will be limited to this mobile device.
• Application development platform will also be used.
• Internet devices using 820.0u (b/g/n/s) device or further.
• Hardware capabilities based on next gen processors.
Complete knowledge of different languages and technologies to be used in the development
of this application

3.8 Budget

The budget will only be required in the development phase for two things:
• The acquiring and usability of a PC.
• Android mobile phone

3.9 Database of Users

• Firebase Cloud for database.

• Bahria University Student Portal

3.11 Functional Requirements

The designed interface and backend of the application will redefine the automated teller
system having:
1. A device used to check email and password.
2. A user input console mainly keyboards and display that is used for interaction with the
customer, entering information and filling text boxes etc.

3.11.1 Facility of Cancel Community

A user has ability to cancel a community in creation by pressing the cancel key.

3.11.2 Email code format

The email provided should be of proper format and contain @ symbols.

3.11.3 Facility of Email reentering

If the user email is invalid, the user will be required to re-enter the email.

3.11.3 Facility of password reentering

If the user password is invalid, the user will be required to re-enter the password.

3.11.5 If password goes wrong

 If the user is unable to successfully enter the password address, they can be reset our
password.

3.12 Non-Functional Requirements

There are some requirements that can said to be non-functional in nature. Specifically, in
these terms the constraints the system must obey are also called the qualities of the system.
Other various forms of non-functional requirements are service requirements and
nonbehavioral requirements.
Our application is for the student community. It will be used in a variety of
educational institutes and would surpass any application of the kind. The application will help
the student community in becoming an intellectual and collaborative platform. This is
necessary as we need the ability of the student community to coordinate and communicate
with the ideas of one and another and specially for the ones who lack the resources
and have difficulty in communicating and collaborating with one another. The basic work of
our product is to create communities with in the application so that all the students of the
same interests can come on a unique platform to discuss and get involved in a few activities
of their own choice.

3.12.1 Scope:

The scope of this project to allow the student community in becoming an intellectual
and collaborative platform.

3.12.2 Functionality:

The basic functionality of our product is to create communities with in the application so that
all the students of the same interests can come on a unique platform to discuss and get
involved in a few activities of their own choice.

3.12.3 Usability:

The interface is independent of the user’s skills. Non-technical users are also able to use the
system with ease. The interface follows all the basic principles of Human Computer
Interaction.
3.12.4 Reliability:

The system is reliable to not make any human errors with lag and error debug compatibility.
The system shows confirmation of reliable use and information tracking.

3.12.5 Performance:
The performance is independent of the user and completely depends on the device
for execution. The interface and software run at optimal performance on all supported
browsers and multiple platforms.

3.12.6 Security:

The system has complete security and all information for and purposes is secured with endto-
end system. The system must not store the information or data.

3.13 Front End Description

The Front-end interface will be fully dependent on Angular JS framework platform, with
Html and CSS as the programming linguistic due to these reasons:
1. Flexible interface that is non-technical and easy to use.
2. User information is secured and customizable.
3. The system operates on good performance and is highly reliable.
4. Interface is based on the principles of Human Computer Interaction and has been made to
be used at the best of its design.

3.14 Back End Description

In the process of database creation and development we are using fire base cloud for database
and node JS uses an event-driven, non-blocking I/O model due to the following reasons:
1. Node JS makes it lightweight and efficient
2. Node is a runtime or environment. It is not a framework. People often get this
wrong because frameworks like express are ubiquitous with node.
3. Elastic, Accessible and vigorous database architecture.
4. This system is preferred and used by innovative leading companies worldwide.

3.15 Login Use Case I

Table 3.1: Use case 1
Use Case Id 1
Title Log-In
Description The student will enter authentication credentials to access.
Primary Actor Student
Pre-condition Student must provide with a valid Email and password
Post-Condition Student will be successfully logged in.
 Figure 3: Use Case 1

3.16 Sign Up Use Case II

Figure 3.2: Use Case 1

 Table 3.2: Use case 2
Use Case Id 2
Title Sign-Up
Description The student will sign in to access the application.
Primary Actor Student
Pre-condition Account must be created (Sign Up).
Post-Condition User can use the application

3.17 Create Community Use Case III

Figure 3.3: Use Case 3

Table 3.3: Use case 3
Use Case Id 3
Title Create Community
Description User will sign in and create a community
Primary Actor Registered Student
Pre-condition User must be Sign In
Post-Condition Community will be created successfully
Chapter 4
Design

4.1 System Architecture

The system has many basic functionalities to create communities with in the application
so that all the students of the same interests can come on a unique platform to discuss and
get involved in a few activities of their own choice. The application will help the student
community in becoming an intellectual and collaborative platform

4.1.1 Design Constraints

The specific constraints in terms of design can be specified as internet connection is an

important constraint in running the basic web services needed to execute the
system capabilities. As all systems need data from the database, so in terms an internet
connection is necessary. Database is shared between the systems and secure encryption
on the user end and secure decryption on the server side is put into action. The web
portal and the end system will be constrained by the capacity of internet and database
used.

4.1.2 Sequence Diagram

Sequence diagram is used to show interaction between different object of the system. Web
Sequence Diagram is tool used to draw the sequence diagram.

4.1.3 Login Sequence Diagram

The following is the sequence diagram of the Login into an Application. It tell the sequence
of how to login into an Application.

4.1.4 Sign Up Sequence Diagram

The following is the sequence diagram of the Login into an Application. It tell the sequence
of how to login into an Application.
4.2 Software Interface
The software being operated on the credentials must provide:

• The software that is being used by mobile phone.

• Networking software used to correspond with the device.

The detailed specification of the software interface is in detail not needed to be

specified in this document.

4.3 Communication Interface

If the performance requirement is specified, there is no need to restrict

the authentication to operate on a single or specified network protocol.

4.4 Performance Requirements

4.4.1 Performance prerequisite 1

In case of failure the error message should be displayed for at least 30 seconds.

4.4.2 Performance prerequisite 2

In the case/scenario that there is no response from server due to invalid credentials or
no record found in database after/within 2 minutes the portal is disallowed with an
error message.

4.5 Other Requirements

Active fuse system must be able to use several data formats according to some of
the data formats that are provided by the databases of different systems.
 Figure 4: Activity Diagram 1

This is the activity of portal, it tells that how the activities will be carried out. The
whole activity of the application is summarized in the following diagram.
 Figure 5: Sequence Diagram 1

The following is the sequence diagram of the Log in Screen. As you can see from
the figure above, the user interacts with three basic entities of the system.
The following is the sequence diagram of Creating Community screen.

Figure 6: Community Sequence Diagram

The following is the sequence diagram of Creating event screen.

 Figure 6: Community Sequence Diagram

The following is the sequence diagram of Creating event screen.

Figure 6: Add member Sequence Diagram

 Chapter 5

System Implementation
5.1 System Architecture

Our application has been developed on the most recent technology, which
will offer the application productive and distinctive choices too.
Distinctive alternatives will enable the client to take in more about the
highlights of the application since it is easy to understand. This
application is free of expense and particularly helping understudies with
many individuals. There is an absence of certainty through the
understudies who can beat their troubles.
The GUI of this application is easy to understand and adjustable.
Analysis is relied upon to give greater security in the methodology of
every joint effort, since individuals can participate with their interests
and field-related collaboration

5.1.1 Server-side system

Data base is developed on Cloud based server, anyone signing up will be

individually registered with the application and credentials which will be
saved on the cloud based data base. This application can be introduced/kept
running on every single upheld smart device and various distinctive tools that
help comparative system applications. Just the client can utilize this
application on this stage. The client is empowered to sign into record and
modify the data confined to their utilization as it were.

5.2 System Internal Component

5.2.1 Sign Up
The sign-up process to register an account into the application
database. Once the user is registered into the database, they can
access all the features of the application. The user has to add
their email address, name, basic information and interests to
create their account.
 5.2.2 Login
For login purposes into the system, the user will provide a valid email /
account-user name and password that is already registered into the
application database.

5.2.7 Email Generation

The one functionality of the system is that it can generate an activity
conformation email and sends an email on users email account on
every activity he/she perform. This functionality makes the system
more user friendly for the user that he/she can know his/her activity
record.
5.3 Tools and Technology
There are many techniques which are being used in fingerprint
based Automated
Transaction system, some of which are being used
here below.

5.3.1 .Net
.Net programming language is used to create the back-end of the system
responsible for all the functionality inside the system.

5.3.2 Visual Studio

Visual Studio is a tool developed by Microsoft to develop web
applications and an environment of Visual Editor and Code Editor. It
was used in the development of Web portal for the system interface and
functionalities.

5.3.4 MySQL
MYSQL is a relational database management system developed by
Oracle and is used to store and retrieve data placed in the Hosted
Internet Server. It is the also the backend of the system used to create a
database responsible for handling all the data sync and storage inside
the system.

5.4 Development Environment/Languages Used

The main development language used is angular js and node js which
enabled us to make the whole backend and frontend of the application
. Node js and angular js are the languages used in making of the
application. SQL was used in the creation of database system for the
creation, input and retrieval of data inside the application.

5.6 Methodology
This application is developed by using Incremental Model, because
requirements will be change according to the user suggestions. The
system includes multiple
functionality with complete access of the basic transaction functions.
We have used an improvisational method for system creation and
implementation. Development of this application was done in different
phases:

5.6.1 Phase 1
In this phase the fingerprint identification was done using unique
fingerprint match- ing algorithms with the help of Secugen biometric
identification device with a success matching rate above 90 percent.

5.6.2 Phase 2
In this phase Web Portal was developed, for the user access purpose
only, through web portal the user will be able to create account, login
into his/her account, and will be able to perform certain functions
like, deposit amount, withdraw amount and transfer amount.

5.6.3 Phase 3
In this phase the encryption-decryption modules were developed in
accordance with the database on server side and web portal on the user
side. The email module was integrated with the main system for the
purposes of email generation etc. The user can also update his/her
account after all the modules are developed in this phase.

5.6.4 Phase 4
In this phase an interactive and proper interface of the application
was designed. And all the components of the system were integrated
with each other. In this phase system was ready for deployment and
testing.