DAFFODIL INTERNATIONAL UNIVERSITY

DHAKA, BANGLADESH

HIRE HELPER: A WEB BASED SERVICING SYSTEM

Submitted By

Shakhawat Hossain Piash

ID: 163-35-1791

Supervised By

Asif Khan Shakir

Senior Lecturer
Department of SWE
Daffodil International University
 DAFFODIL INTERNATIONAL UNIVERSITY
DHAKA, BANGLADESH

Approval
This Project titled “Hire Helper”, submitted by Shakhawat
Hossain Piash (ID:163-35-1791) to the Department of Software
Engineering, Daffodil International University, has been
accepted as satisfactory for the partial fulfillment of the
Requirements for the degree of Software Engineering and
approved.

2
 DECLARATION

I am declare that, this project has been done by me under the

supervision of Asif Khan Shakir, Lecturer (Senior Scale),
Department of SWE, Daffodil International University. I also
declare that neither this project nor any part of this project has
been submitted elsewhere for award of any degree or diploma.

Supervised by:

Asif Khan Shakir

Lecturer (Senior Scale)
Department of Software Engineering
Faculty of Science & Information Technology
Daffodil International University
Submitted by:

Shakhawat Hossain Piash

ID: 163-35-1791
Department of SWE,
Daffodil International University

ACKNOWLEDGEMENT

First of all, I want to thank and gratefulness to Almighty Allah

for His blessing that makes us capable to complete this project
And also my mother.

I would like to thanks to our honorable teacher & project

supervisor Asif Khan Shakir, Senior Lecturer Department of
SWE, Daffodil International University for his endless patience,
guidance, encouragement, constant and energetic supervision,
constructive criticism, valuable advice, reading many inferior
draft and correcting them at all stage have made it possible to
complete this project.

I must acknowledge with due respect the constant support and

patients of our parents.
Finally, we would like to thank our entire course mates in
Daffodil International University, who took part in this discuss
while completing the course work.

ABSTRACT
This project is on “Hire Helper”. It is a kind of web application which helps
customer to find out Electrical Services at home (TV, AC, Refrigerator, etc.).
From this web application, customer can find out employees sitting in home with
their own choice. In this online era, I have made a web application which will
help service holder, single old people, less educated people to find out employee.
To develop this project, I have use HTML, CSS for the front-end design and
Laravel and PHP for back end and for database I use SQL Server. After the
implementation of all function’s application is explored in specific degree and it
works successfully as an illustration.
 TABLE OF CONTENTS

CONTENTS PAGE
Approval 02
Declaration 03
Acknowledgements 04
Abstract 05
Table of Contents 06

CHAPTERS:
CHAPTER 1: INTRODUCTION 08-09
1.1 Objectives 08
1.2 Motivation 08
1.3 Expected Outcome 09
1.4 Report Layout 09

CHAPTER 2: BACKGROUND 10-14

2.1 Introduction 10
2.2 Organization Event Scenario 10
2.3 Event Collaboration 10
2.4 Related Works 11
2.5 Comparative Studies 13
 2.6 Scope of the Problems 13
2.7 Challenges 13

CHAPTER 3: SOFTWARE REQUIREMENT 15-28

SPECIFICATION
3.1 Business Process Model 15
3.2 Use Case Model 15
3.3 Implementation & Requirements 25
3.4 Logical Data Model 28

CHAPTER 4: DESIGN SPECIFICATION 29-39

4.1 System Environment 29
4.2 Front-end Design 30
4.3 Back-end Design 35
4.4 Testing and Integration 38

CHAPTER 5: CONCLUSION & FUTURE SCOPE 40

5.1 Conclusion 40
5.2 Future Scope 40

REFERENCES 41

LIST OF FIGURES

FIGURES PAGE
NO
Figure 2.1: Exware Online Event Management site 11
Figure 2.2: Eventbrite web site 12
Figure 3.1: System Use Case Diagram 16
Figure 3.2: Log in for Create Event Use Case Diagram 17
Figure 3.3: Create Event Use Case Diagram 18
Figure 3.4: Display Event Use Case Diagram 19
Figure 3.5: Select Schedule Use Case Diagram 20
Figure 3.6: Visit Portal Use Case Diagram 21
Figure 3.7: Log in for Participants Use Case Diagram 22
Figure 3.8: Registration Process Use Case Diagram 23
Figure 3.9: Approve Registration Use Case Diagram 24
Figure Logical Data Model 28
3.10:
Figure 4.1: System Environment 29
Figure 4.2: Home Page 30
 Figure 4.3: Login Panel 31
Figure 4.4: Upcoming Events section 31
Figure 4.5: Featured Events section 32
Figure 4.6: Event View page 33
Figure 4.7: Event Submission page 34
Figure 4.8: Users table 35
Figure 4.9: Options table 36
Figure Event post table 37
4.10:

CHAPTER 1

INTRODUCTION

1.1 Introduction
In this servicing system you can find different services (Electrical, Cleaning, Vehicle
care, painting etc.) and chose an employee with your own preference. There is no
need of physical presence of customers to find an employee. This web application
shows all employees details and all details are verified. This service is secure and we
also check employee’s criminal record and verified national id card. By this
application people can chose employee.

1.2 Motivation
I have made an online web application names Hire a Helper for our final project. It’s a
peerless servicing application. By which customers can find different services sitting
home. Depending on their preference what kind of services (Electrical, Cleaning,
Vehicle care, painting etc.) they need. Here we have focused on how to give a secure
employee according to personal preference without wasting time. We have planned to
do many remunerative works in future through this application.

1.3 Purpose

The main objective of our system is to online servicing and display of

customized services (babysitter, teacher and nurse) details to
customers.

1.4 Expected Outcome

Managing different services (Electrical, Cleaning, Vehicle care, painting

etc.) and their we valid details is admittedly one of the most daunting
tasks than others services. To make more secure and trustable I
check all details of an employee. So, a customer can easily choose their
preferred choice of employee by comparing Price, place and experience.
Process of services will increase as well as the customer satisfaction
level. Price, place and experience. Process of services will increase as
well as the customer satisfaction level. To convention out pre-defined
objectives our system will provide the following feature for customers
as well as services (Electrical, Cleaning, Vehicle care, painting etc.).
• Customer can find different services and see their details.
• Customized and secure employee’s service.
• Employee’s salary based on their qualification and experience.
• To store all database along with the processing of propaganda.

1.3 Report Layout

In chapter 1, I display about motivation, objective and its expected

outcome.
In chapter 2, I will show this project’s “Background” and challenges. I
will discuss about the scope and challenges of the project and also
compare with different servicing system.
In chapter 3, I will display Requirement Specification.
In chapter 4, I will display Design Specification, Implementation, and
Testing. Show font- end and back-end design.
In chapter 5, I exhibited about future development of the project. I give
the related reference, at the last of the project
CHAPTER 2

BACKGROUND

2.1 Introduction

In this part, we will discuss about other similar application which already
exist in the web world. Why we made this application? We found that
services like providing Electrical, Cleaning, Vehicle care, painting etc.
which are rare in web world. We add secure and easy Web application. In
this sector, we have planned many things to do in future. We can see the
rapid change of the world with internet so we have thought we can
something taking help of internet. We hopeful about this website that it
will beneficial and efficient for job holder people, old people and those
parents who have little knowledge about education.
Programming tools are following: -
1. Html
2. CSS
3. jQuery
4. Laravel
5. Bootstrap
6. JavaScript

2.2. Related Works

https://deshtutor.com/ is a website where we can find tutor

 Figure: 2.1 Demo project

But other providing services like (Electrical, Cleaning, Vehicle care, painting
etc.) website are rare in market. So, this website will useful for all customer.

2.3 Correlative Studies

Before making this website, we consult with the Electrical

service and some people who wanted to Cleaning their big flat
or painting house. We collect their information and check it. We
also collect their all kind of information. We display valid
information to customer. Trust issue is important for a service.
Now a days to trust someone is very hard. So, we try our best to
make a secure service for both customers and employees. If the
customer has some issue with an employee, they can email us
or contact directly with us.

2.4 Scope of problem

We mention area, salary and category of an employee. If a

customer chose based on salary but employee is far from
customer address, it will make a problem for employee. That
time employee cannot provide services. We also check
customer’s details. If later, their behavior is not good for
employee it will impact on this website. All our services mainly
depend on trusting. If a customer and an employee show their
confidence in our website we can overcome from many critical
situations.

2.5 Challenges

Challenges is an important part of our daily life. I have faced

many difficult situations for this project. I need to add many
details about an employee, which is extremely hard to compute.
Additional difficult problem was collecting valid information of
an employee. Making an ordinary web app was the most
challenging part. Customer satisfaction and trust issue is most
important challenge. Sometimes customer can forgot their
username or password and sometimes they want to change their
data. To make it easier for customer is also a challenge.

CHAPTER 3

SOFTWARE REQUIREMENT SPECIFICATION

3.1 User of Application

3.2 Customer
Customer will able to see the website’s homepage, person category,
people’s picture, name, salary and gender. But customer will able to see
full details and confirm person to register them self’s in website using
name, email. After login through the email and password a customer will
able to add a person into list.

3.2 Administrator
Administrator will handle the whole program. Admin must login into
website and then an admin will get excess of a dashboard. When a
customer adds a person to the list admin will get notification. Admin can
delete, update and add a person in this website. Admin get mail from
customer and contact with customer via phone.

3.2 Developers Responsibilities Overview:

• Demonstrating the system and installing the system at
client's location after the acceptance testing is successful.
• Submitting the required user manual describing the
system interfaces to work on it and also the documents of the
system.
• Conducting any user training that might be needed for using
the system.
• Maintaining the system for a period of one year after
installation.
3.2 Use Case Model
A use-case model is a model of how different types of users interact with
the system to solve a problem. As such, it describes the goals of the
users, the interactions between the users and the system, and the required
behavior of the system in satisfying these goals.
A use-case model consists of a number of model elements. The most
important model elements are: use cases, actors and the relationships
between them. [1]
A use-case diagram is used to graphically depict a subset of the model to
simplify communications. There will typically be several use-case
diagrams associated with a given model, each showing a subset of the
model elements relevant for a particular purpose. The same model
element may be shown on several use-case diagrams, but each instance
must be consistent. If tools are used to maintain the use-case model, this
consistency constraint is automated so that any changes to the model
element (changing the name for example) will be automatically reflected
on every use-case diagram that shows that element.
The use-case model may contain packages that are used to structure the
model to simplify analysis, communications, navigation, development,
maintenance and planning. Much of the use-case model is in fact textual,
with the text captured in the use-case specifications that are associated
with each use-case model element. These specifications describe the flow
of events of the use case.
The use-case model serves as a unifying thread throughout system
development. It is used as the primary specification of the functional
requirements for the system, as the basis for analysis and design, as an
input to iteration planning, as the basis of defining test cases and as the
basis for user documentation.

• Class Diagram:
The Class Diagram is the fundamental structure square of article arranged
displaying. It is utilized for general reasonable demonstrating of the
structure of the application, and for point by point displaying making an
interpretation of the models into programming code. Class charts can
likewise be utilized for information modeling. The classes in a class
outline speak to both the principle components, communications in the
application, and the classes to be modified.

Figure: 3.1 System Class Diagram

 Use Case of Registration System:

 Figure: 3.2 Registration System

 Activity Diagram:

Figure: 3.3 Activity Diagram

 Admin Sequence:

Figure: 3.4 Admin Sequence

 Employee Sequence:

Figure: 3.5 Employee Sequence

 Registration Sequence:
 Figure: 3.6 Registration Sequence

 User Login Sequence:

Figure: 3.7 User Login Sequence

 Sequence Diagram:
 Figure: 3.8 Sequence Diagram
3.3 Implementation Requirements

Before any programming could be done decisions needed to be made on

which technologies should be used to program the project with. The
following is a critical evaluation of the different programming languages
that could be used to program such an online application.

• Back-End (HTML):
Hypertext Markup Language (HTML) is used for creating web pages and
web applications. Web browsers receive HTML documents from a web
server or from local storage and render the documents into multimedia
web pages. [2]
When a normal document is written using a word processor like
Microsoft Word/Office, text is saved in a file with a special format. It is
not simply saved as the string of words typed since the document needs to
preserve things like the font chosen, the size of the text, which words are
in bold, which italics, and so on. The special format includes not only
words, but all this extra information so that the next time Word opens the
document.
It can display the document with the exact appearance created earlier. In
the same way, web pages and portals are simply strings of words put in a
special format that web browsers are able to display. While the format of
Word documents is simply called "Word format" (or "doc format"),
loosely speaking, one might say that web pages are formatted using
"HTML".

• jQuery:
jQuery is a fast and concise JavaScript library created by John Res ig in
2006.
It simplifies HTML document traversing, event handling, animating, and
Ajax interactions for Rapid Web Development. With a combination of
versatility and extensibility, jQuery has changed the way that millions of
people write JavaScript. [3]
Using jQuery there is two ways, Local Installation- you can download
jQuery library on your local machine and include it in your HTML code
and CDN Based Version which you can include jQuery library into your
HTML code directly from Content Delivery Network (CDN).

•PHP:
PHP Hypertext Pre-processor (PHP) is an open source Scripting language. The
edition of PHP (Version 5) has implemented Object Orientation. This was considered
for the project due to a small previous knowledge of the scripting language as well as
a want to expand and improve knowledge and understanding of the language.
Although there was some previous knowledge of the language this was quite limited
as most PHP sites that we have developed have only been very basic. Using the
language to create some basic input forms and put the incoming values into a
database. From this basic insight into PHP it was felt that with some more research
and experimentation this would be an excellent language to use to make the online
ticket sales system. Most Web Hosting companies offer PHP on their servers as
default and include a MySQL database so the program will be written in PHP and
interact with a MySQL database to store and retrieve information that is necessary for
the running of the program. [4]
• MySQL:
MySQL is the world’s most popular open source database, enabling the cost-effective
delivery of reliable, high-performance and scalable Web-based and embedded
database applications. It is based on the structure query language (SQL), which is
used for adding, removing, and modifying information in the database. Standard SQL
commands, such as ADD, DROP, INSERT, and UPDATE can be used with MySQL.
MySQL can be used for a variety of applications but is most commonly found on
Web servers. [5] A website that uses MySQL may include Web pages that access
information from a database. These pages are often referred to as "dynamic," meaning
the content of each page is generated from a database as the page loads. Websites that
use dynamic Web pages are often referred to as database-driven websites. Many
databases driven websites that use MySQL also use a Web scripting language like
PHP to access information from the database. MySQL commands can be
incorporated into the PHP code, allowing part or all of a Web page to be generated
from database information. Because both MySQL and PHP are both open source
(meaning they are free to download and use), the PHP/MySQL combination has
become a popular choice for database-driven websites.

• CSS:
Research was done into Cascading Style Sheets (CSS) and the different
ways it could be used to control both layout and style of the site. There
was some experimentation with using <div> tags and CSS to controlled
layout, as well as using tables to control layout with some CSS to format
things like alignment and color. [8]. Both approaches give web
developers a lot of control of site layout. However pure CSS layout
allows the designer to complete separate style and layout from content,
whereas table-based layout does not allow for complete separation of the
two. A good example of how much control developers using pure CSS
layout have is the website 'CSS Zen Garden', the creation of CSS expert
Eric Meyers, which is not
only full of CSS tutorial but also uses its homepage to showcase different
CSS designers, meaning the site is never the same [9]. The use of table
layout currently has one major advantage over pure CSS layout and this is
the cross-browser compatibility. Because of it more stable and solid
structure a website that uses tables will look near enough the same as
most commonly used web browsers. This is because although all current
versions of web browsers support CSS layout, therefore each browser's
development team interpret the CSS standards for layout a little
differently, if developers wish to use pure CSS layout they must introduce
'hacks' into their CSS using scripting languages such as PHP to check
which browser a user is using and, on that information, decide which
parts of the CSS to serve up. After researching into CSS, particularly its
use for layout, it was decided that it would be best to use pure CSS layout
to control the website as this will make expansion and updating the site
easier in the long run.

3.4 Logical Data Model

Figure 3.10 describes the Logical Data Model or ER Diagram of this
project which representing the relationship among the entities.
Figure: 3.9 Logical Data Model
 CHAPTER 4

DESIGN SPECIFICATION

4.1 System Environment

The Design & Development of Online Inventory System has two active actors. Figure
4.1 describe the system environment.

Internet

Admin

Database
Actors

Figure: 4.1 System Environment

4.2 Front-end Design

Homepage
Figure 4.2 shows the Homepage of the system
 Figure: 4.2 Home page
Login Panel
Figure 4.3 shows the Login Panel of the system

Figure: 4.3 Login Panel

Registration Panel
Figure 4.4 shows the Registration panel section of the system
 Figure: 4.4 Registration section

Company Registration
Figure 4.5 shows the Company Registration section of the system

Figure: 4.5 Employee Registration section

Our Services
Figure 4.6 shows the Service section of the system
 Figure: 4.6 Service section

Booked Details
Figure 4.7 shows the Booked details section of the system

Figure: 4.7 Book Details section

Edit Profile
Figure 4.8 shows the Edit Profile section of the system

Figure: 4.8 Edit Profile

Admin Panel
Figure 4.9 shows the Admin section of the system

Figure: 4.9 Admin details

Service History
Figure 4.10 shows the Service History section of the system

Figure: 4.10 Service History details

Booked Services
Figure 4.11 shows the Booked Service section of the system

Figure: 4.11 Booked Service details

Contact
Figure 4.12 shows the Contact section of the system

Figure: 4.12 Contact Information

4.3 Back-end Design

User
Figure 4.12 shows the Users table of the system

Booked Figure: 4.12 Users table

Figure 4.13 shows the Booked table of the system

Figure: 4.13 booked table

Contact
Figure 4.14 shows the Contact table of the system

Figure: 4.13 Contact table

4.4 Testing and Integration
 System testing is an important part. Testing represents an interesting
anomaly for the software. Thus, a series of testing are performed for
the proposed system before the system is ready for user acceptance
testing. Unit testing is essential for the verification of the code
produced during the coding phase and hence the goal is to test the
internal logic of the modules. Using the detailed design description as a
guide, important paths are tested to uncover errors within the boundary
of the modules.
These tests were carried out during the programming stage itself. All
functional behavioral performance requirements and the errors which are
uncovered during the testing are corrected. Form level and as well as
field level validations are performed in all the data entry screens.
Program testing is nothing but testing a number of programs that form a
cluster to achieve a certain goal. During program testing two kinds of
errors will occur namely, syntax errors and logical errors.
• Syntax errors have to be corrected before the program is executed.
• Handling of data, improper sequence of program statement etc.

The following are the various stages in the testing process.

• Black Box Testing:

In this testing we give input to the system and test the output. Here we do
not go for watching the internal variable in the system and what are the
changes made on them for the required output, any invalid input for the
above leads to failure in establishing the connection between the front
end and the back end.
• White Box Testing:
It is just the vice versa of the black box testing. There we do not watch
the internal variables during testing. This gives clear idea about what is
 going on during execution of the system. The points at which the bug
occurs were all clear and were removed.

• tress testing:
The purpose of stress testing is to improve that the candidate system does
not malfunction during peak loads. We subject a high volume of data
during a very short period of time. This simulates an online environment
where a high volume of activities occurs in spurts.
• Cross-Browser Compatibility Testing:
This is done to ensure that the web system works and looks similar on a
variety of different browsers. The testing is done on the most popular
browsers which are:
•Mozilla Firefox
•Chrome
•Microsoft internet Explorer Version 8
•Microsoft Internet Explorer Version 9
•Opera
•Safari
•Netscape
The functioning of the web system exactly the same as all of the
programming is dealt with at the server. However, because of long
going browser wars there can be dissimilarities between how the
browsers interpret and render the HTML, and CSS sent to them can
differ.
The system also is tested at different screen resolutions to ensure that the
structure of the site and positioning of the content does not change too
much at different resolutions. The site is checked at the follow screen
resolutions.
• 800 by 600
• 1024 by 768
• 1152 by 864

CHAPTER 5

CONCLUSION & FUTURE SCOPE

5.1 Conclusion
The design of this project Hire Helper is done with the help of HTML,
CSS, jQuery, PHP and MySQL Database. The project Hire Helper is for
those people who are busy at their job sector, old people who are unable
to work. There are many unemployed people who need a part time job or
full-time job for money. Our service also helps them. If they have degree
and they want to give service we try to help them to get a job through
this website. We maintain both a customer and employee’s information
secure. The framework is secure, employees adjust the data simply after
the best possible verification.
5.2 Future Scope
There are many flashpoints in our project. We will try to overcome from
this problem. Every website has many pros and cons, it depends on the
creation of a project. This project made by Html, CSS, PHP and Laravel
framework. In future, we will develop it with user demand. It is a web-
based website. In future, we will try to develop it in android version. We
will make it more secure and more user friendly. Future purpose plane is
following:
• Allow a customer chose employee base on their location.
• Cash On S
• Create an office.

Reference:

[1] eclipse.org, "Concept: Use-Case Model," eclipse.org, 2010.

[Online]. Available:
http://epf.eclipse.org/wikis/openup/core.tech.common.extend_supp/guida
nces/concepts/use_case_model_CD178AF9.html.
[2] Wikipedia, "HTML," Wikipedia,
Available:
https://en.wikipedia.org/wiki/HTML.
[3] Tutorials Point, "jQuery - Overview," Tutorials Point (India) Pvt.
Ltd., [Online]. Available: https://www.tutorialspoint.com/jquery/jquery-
overview.htm.
[4] W3Schools.com, "PHP 5 Introduction," W3Schools.com,
[Online]. Available:
https://www.w3schools.com/php/php_intro.asp.
[5] Oracle, "MySQL," Oracle, [Online]. Available:
http://www.oracle.com/technetwork/database/mysql/index.html.