Rohit Panchal Project Report

A
Project Report on
Hire Be Hired
(Freelancing Website)
Submitted in the partial fulfillment of the requirement for the award

of Degree of
Master of Computer Application

(Session: 2018-2020)
Under Supervision of: Submitted By:
Dr. R.K. Chauhan Rohit Panchal
Professor MCA-6th Sem

Roll No: 6465502
DEPARTMENT OF COMPUTER SCIENCE & APPLICATION
KURUKSHETRA UNIVERSITY KURUKSHETRA

Department of Computer Science & Applications
Kurukshetra University, Kurukshetra
DECLARATION
I, Rohit Panchal, a student of Master of Computer Applications (MCA), VI semester in the

Department of Computer Science & Applications, Kurukshetra University, Kurukshetra, under Roll
No. 6465502, for the session (2018-2020), hereby, declare that the project entitled “Hire Be Hired”
has been completed by me at Appworx IT Solution Pvt Ltd. after the theory examination of V
semester.
The matter embodied in this project work has not been submitted earlier for award of any degree or
diploma to the best of my knowledge and belief.
Date: 23/07/2020 Rohit Panchal
ii
CERTIFICATE OF TRAINING
This is to certify that Mr. Rohit Panchal a student of Department of Computer Science and
Application, Kurukshetra University is under training from 28th January, 2020 to 30th July, 2020.
During this training, he is working under the guidance of Ms. Seema Chauhan. His overall
performance during the training period is Excellent. Other details related to his training are as below:
i. Name of the Organization: Appworx IT Solutions Pvt. Ltd.

ii. Place of work: Chandigarh
iii. Address of the Employer: Plot No. 10, 4th Floor, Rajiv Gandhi IT Park, Chandigarh,
160101
iv. Stipend (in Rs.): N/A
Name: Deepti
Designation: Centre Manager
Department: Skill Development
Appworx IT Solutions Pvt Ltd., Corporate and Reg. Office Address: Netsmartz House, Plot No 10, I.T. Park, Chandigarh-160101, India
Phone No: 91-172-5055200, Website: www.appworx.in, CIN: U72900CH2012PTC033966
iii
Dr. R.K. Chauhan
(Professor)
CERTIFICATE
It is certified that Mr. Rohit Panchal, a student of Master of Computer Applications (MCA), under
Roll No. 6465502 for the session 2018-2020, has completed the project entitled “Hire Be Hired”
undertaken at Appworx IT Solution Pvt Ltd. under my supervision. He has attended the Department
of Computer Science & Applications, Kurukshetra University, Kurukshetra and Appworx IT Solution
Pvt Ltd. for required number of days after the theory examination of Vth semester.
I wish him all success in his all endeavors.
(Dr. R.K. Chauhan)
iv
Dr. Rajender Nath
Professor & Chairman
CERTIFICATE
It is certified that Mr. Rohit Panchal is a bonafide student of Master of Computer Applications
(MCA), under Roll No. 6465502. He has undertaken the project entitled “Hire Be Hired” at Appworx
IT Solution Pvt Ltd. under the supervision of Dr. R.K. Chauhan.
I wish him all success in his all endeavors.
(Dr. Rajender Nath)
v
ACKNOWLEDGMENT
I am highly grateful to the Dr. Rajender Nath, Chairperson, DCSA, KUK for providing me this
opportunity to carry out the six month industrial training at Appworx IT Solution Pvt Ltd.
The Constant guidance and encouragement received from Dr. R.K. Chauhan (Professor, Dept. of
Computer Science and Application) and training in charge Ms. Seema Chauhan has been of great help
in carrying out the work and is acknowledged with reverential thanks.
The help rendered by Ms. Seema Chauhan Supervisor for experimentation is greatly acknowledged.
I also express gratitude to other faculty members of the Department of Computer Science And
Application, Kurukshetra University, Kurukshetra for their intellectual support throughout the course
of this work.
Finally, I am indebted to all whosoever have contributed in this report work.
Rohit Panchal
vi
ABSTRACT
This report describes an overview and the outcome of work done during the industrial training of the
Master of Computer Applications. During training, I had made the project on FREELANCING. In this
project, I have used HTML5, CSS, JavaScript, PHP and MYSQL Server.
Online freelancing, also known as an online freelancer worker, is someone who is self-employed and is
not in a long-term contractual commitment to any one employer.
• The most common freelance jobs include writing, editing, photography, web design, graphic arts
or computer programming and so on.
• Freelancer makes their money selling their work to the clients rather than being employed by a
business.
• Online freelancing system is successfully used to find the job and hire the work.
• Online freelancing system software is interactive to user and client both.
• This online freelancing project runs as an online platform that supports multi-user system and
works fast than the usual one, all the data is stored in the database so created. Whatever
transaction is being done during the online process is stored in the database.
• If anyone wonders about the scope of online freelancing jobs, they will be amazed to know that
there are actually thousands and thousands of them available online.
vii
LIST OF FIGURE
Fig No. Content in figure Page No.
2.1 System Development Life Cycle 6
4.1 Data Flow Diagram 9
4.2 Flow Chart 10
6.1 Data Table 19
6.2 Database 19
6.3 Signup Table 20
6.4 Job Posting Table 20
6.5 Job Apply Table 21
6.6 Front Page 22
6.7 Signup Page 23
6.8 Login Page 24
6.9 Client Dashboard 24
6.10 Post New Jobs 25
6.11 Posted Jobs 26
6.12 Applicants 26
6.13 Client Profile 27
6.14 Freelancer Dashboard 27
6.15 Works/Jobs 28
6.16 Job Details 28
6.17 Apply Job 29
6.18 Freelancer Profile 30
6.19 Change Password 30
viii
INDEX
Chapters Page No.
1. Introduction of Project
1.1 Introduction…………………………………………………….. …… 1
1.2 Objective of the project……………………………………………… 2
1.3 Scope of the project …………………………………………………. 2
1.4 About the Company ………………………………………………… 3
1.5 Modules …………………………………………………………….. 3
2. Schedule of Activities
2.1 System Development Life Cycle …………………………………… 5
3. Application Environment
3.1 Hardware Environment……………………………………………… 8
3.2 Software Environment………………………………………………. 8
4. Data Flow Diagrams
4.1 Data Flow Diagram……………………………………………......... 9
4.2 DFD Symbols………………………………………………………... 9
4.3 Flow Chart …………………………………………………………… 10
5. Languages Used
5.1 Front End …………………………………………………………….. 11
5.2 Back End ………………………………………………………. ……. 16
6. Database Module
6.1 Database ……………………………………………………………… 18
6.2 Database Design and RDBMS ………………………………………. 18
6.3 Database Table Screenshots …………………………………… …….. 19
6.4 Output Designs ………………………………………………………. 22
ix
6.2.1 Client Module ……………………………………………………… 24
6.2.2 Freelancer Module …………………………………………………. 27
7. Coding and Testing
7.1 Modules ………………………………………………………………. 31
7.2 Coding………………………………………………………………… 31
7.3 Testing………………………………………………………………… 47
8. Implementation
8.1 Introduction.…..……………………………………………………… 49
9. Conclusion and Future Scope
9.1 Conclusion ………………………………………………………….. 52
9.2 Future Scope ………………………………………………………… 52
10. Bibliography
10.1 Books ………………………………………………………………. 53
10.2 URLs ………………………………………………………………… 53
x
CHAPTER 1
INTRODUCTION TO PROJECT
1.1 INTRODUCTION
Hire Be Hired is a website which helps in freelancers getting information regarding the jobs based on
their choices and skills. This website will lend a helping hand to the job seekers to involve in the job of
their dream so that they can enhance their working skills and contribute to their living as well. It
became much easier for independent professionals to publish their profile, while for those seeking a
service, the internet allowed for a far more efficient and expansive search.
There are two users in action, the one who hires labeled to be as the client and freelancer is the one
being hired. The client could hire and interact with freelancers when they have never met in person.
They work together to complete and deliver projects.
Freelancers offer a wide variety of skill sets to choose from, and are able to source work from
anywhere across the globe sitting at home. In assistance, the freelancers are no longer constrained by
barriers of time. This interaction between both turned out to the succession of the project so indulged
in.
1.2 OBJECTIVES
Thus, the main objectives of this project on freelancing (Hire Be Hired) can be enumerated as
follows:
• Easy availability of work of their choices to the freelancers on the basis of their skills.
• Ease the communication between the client and freelancer.
• Enable applicants to search for jobs in a convenient manner.
• Help the professionals to publish their profiles without a hitch.
• To make the best out of their skills on an online platform and contribute to their living as well.
• Eliminate the boundation of the fixed working hours (i.e. 9 hours straight).
• To work from anywhere in contrary to the hectic office environment.
• To head the freelancer towards the perpetual earning.
• Provide an online platform to monetize the person with effective skills and talent.
1
1.3 SCOPE
• This project will implement for all the countries across the world.
• This project will implement in different Community Foundation.
• It will link up with social networking sites.
• Internet technology has become a perfect medium for online business opportunities.
• Freelance job opportunities have never been very easy and reachable as they are now.
1.4 ABOUT COMPANY
Appworx is a joint venture of Sebiz and WeExcel. The company was formed with the mission to bridge
the gap between antiquated college syllabi and the demands of a fast changing IT environment. To
make the workforce industry-ready, Appworx initiated programs like Skill India Mission, Skill Malls
and Technology Excellence Centers and TISS. Appworx came in to existence as a social
entrepreneurial initiative in skill training, working largely in the underdeveloped regions of the country.
The company is committed towards providing young people with high quality vocational education &
skill training with relevant & recognized certifications that result in meaningful employment and
successful careers in the organized sector. Appworx is a skills training provider who works with the
Indian government as an NSDC training partner and to date has trained thousands of graduates in
different vocational courses, thereby providing gainful employment to many youngsters. Appworx tie-
ups with prominent global educational institutions help students for further professional growth and
explore career prospects across geographic boundaries.
1.4.1 Company History
Appworx IT Solutions Private Limited is a Non-govt company, incorporated on 06 Aug, 2012.

It's a private unlisted company and is classified as ‘company limited by shares’. Company’s
authorized capital stands at Rs 200.0 lakhs and has 62.926% paid-up capital which is Rs 125.85
lakhs. Company is registered in Chandigarh (Chandigarh) Registrar Office. Appworx IT
Solutions Private Limited registered address is Netsmartz House, Plot No. 10, Rajiv Gandhi
Chandigarh Technology Park Chandigarh Chandigarh CH 160101 IN.
2
1.4.2 Goal
To be a catalyst in enriching and empowering businesses through sustainable technology in
accordance with the highest professional standards continuously challenging ourselves while
maintaining team spirit, integrity and happiness.
1.4.3 The Company

Founded in 2012, Appworx, headquarter in Chandigarh, India. The activity is focused on the
following major activity axes:
• Web Development
• Web Designing
• Project Management
• Digital Marketing
1.4.4 Values
Appworx have been able to establish our credibility by providing highest level of service
ensuring strict quality compliance at every milestone and providing continuous and timely
support in implementation and integration of system processes at client sites by capitalizing on
the support of an efficient network of professional experts.
1.4.5 The People

The people are their key strength. They pick and nurture the best to create an awesome base of
expertise and talent. They are a team of young professionals, enthusiastic and talented people.
Web Developers, Web Designers, Digital Marketing experts or technical support people, the
company is committed to provide their clients with high quality products and flawless technical
support. The people working in sales, marketing and administration divisions are all client driven,
closely co-operating with the web developers, therefore making them as an unbeatable team.
1.5 MODULES
1.5.1 Admin Module
Admin block is main module of the tool. This is containing all the controls of the modules. This
module is maintaining the edit option like add, delete and views related to the organization.
Where the freelancer maintains the new project details and maintains data for the organization.
3
1.5.2 User Module
The user module allows users to register, log in and log out. The user module supports user roles,
which can be set up with fine-grained permissions allowing and each role to do only what the
administrator permits like as the users can bid on the projects of their choice, estimate the time of
completion of that particular project and if the requirements (skills, money, time) so provided by
the clients are served then the project is handed over to the user so presenting.
Each user is assigned one or more roles.
1.5.3 Freelancer login Module
Login to access the ultimate freelancer jobs website with millions of freelance jobs and millions
of professional freelancers ready to bid on your projects. All the jobs on the business owner’s
platform are automatically directed to the freelancer app maintaining complete transparency
between the business owner and the service provider.
4
CHAPTER 2
SCHEDULE OF ACTIVITIES
2.1 System Development Life Cycle
This is the most creative and challenging phase of the System Development Life Cycle. The
design of the system produces the detail of the system that state how system will meet the
requirements identified during system analysis. The system specialists often refer to this stage as
Logical Design, in contrast to the process of developing program software, which is referred to as
Physical Design. Designing starts by identifying reports and other outputs, the system will
produce. Then the specific data on each are pinpointed. Usually designer sketch the form or
display, as they are to appear when system is complete. This may be done on a paper or on a
Computer Display, using one of the automated system design tool available.
The software development life cycle is also known as the software development process.
SDLC consists of following activities:
2.1.1 Planning
The most important parts of software development, requirement gathering or requirement

analysis are usually done by the most skilled and experienced software engineers in the
organization. After the requirements are gathered from the client, a scope document is created
in which the scope of the project is determined and documented.
2.1.2 Implementation
The software engineers start writing the code according to the client’s requirements.
2.1.3 Testing
This is the process of finding defects or bugs in the created software.
2.1.4 Documentation
Every step in the project is documented for future reference and for the improvement of the
software in the development process. The design documentation may include writing the
application programming interface (API).
5
2.1.5 Deployment and maintenance
The software is deployed after it has been approved for release.
2.1.6 Maintaining
Software maintenance is done for future reference. Software improvement and new
requirements (change requests) can take longer than the time needed to create the initial
development of the software.
Figure 2.1 (System Development Life Cycle)
2.1.7 Feasibility Study
A feasibility study is an evaluation and analysis of the potential of the proposed project
which is based on extensive investigation and research to support the process of decision
making. Feasibility studies aim to objectively and rationally uncover the strengths and
weaknesses of an existing business or proposed venture, opportunities and threats present in
the environment, the resources required to carry through, and ultimately the prospects for
success.
2.1.8 System Analysis
The objective of phase is to conduct a preliminary analysis, propose alternative solutions,

describe costs and benefits and submit a preliminary plan with recommendations. Conduct the
preliminary analysis. In this step you need to find out the organization’s objectives and the
nature and scope of the problem under study. Even if a problem refers only to a small segment
6
of the organization itself then you need find out what the objectives of the organization itself
are. Then you need to see how the problem is being studied fits in with them.
2.1.9 User Requirements
• Besides all the jobs that were being done in the existing system, the user expected certain
other features to be added to the package.
• The number of reports that were being generated was not enough so various new reports
that were required to be generated according to his needs.
• The user expected more effective checking and validations at various levels. Also, the
user wants instantaneous information.
2.1.10 Performance Requirements
The following performance characteristics were taken care of while developing the system:
• User Friendliness
The system is easy to learn and understand. A naïve user can also use the system
effectively, without any difficulty.
• User Satisfaction
The system is such that it stands up to the user expectations.
• Response Time
The response of all the operation is good. This has been made possible by careful
programming.
• Error Handling
Response to user errors and undesired situation has been taken care of to ensure that the
system operates without halting.
7
CHAPTER 3
APPLICATION ENVIRONMENT
3.1 Hardware Requirements
Hardware
PC Windows Server
Processor Intel dual core or above
RAM 1 GB RAM or above
Hard Disk 20 GB hard disk or above
Table 3.1 (Hardware Requirement)
3.2 Software Requirements
Software
Operating System PC (Windows)
Database My SQL
Server Xampp Web Server
Text Editor Sublime, Notepad++,Visual Studio
Table 3.2 (Software Requirement)
8
CHAPTER 4
DATA FLOW DIAGRAMS
4.1 DATA FLOW DIAGRAM
In our DFD, we give names to data flows, processes, and data stores. Although the names are
descriptive of the data, they do not give details. So the following the DFD, our interest is to build some
structured place to keep details of the contents of data flow, processes, and data store. A data dictionary
is a structured repository of data about data. It is a set of rigorous definition of all DFD data element
and data structure.
4.2 DFD Symbols

In the DFD, there are four symbols,
1) A Square defines a source (originator) or destination of system data.

2) An Arrow identifies data flow- data in motion .It is pipeline through which information flows.
3) A circle or a bubble (or a oval bubble) represents a process that transforms incoming data flow(s)
into outgoing data flow(s)
4) An open rectangle is a data store-data at rest, or temporary repository of data.
5) Data Flow Diagram
Figure 4.1 (Data Flow Diagram)

9
4.3 Flow Chart
Login/Registration
registered not registered registration as work seeker
Registered as customer
Registration
Login
valid user
not valid user
yes
display main screen for work customer display main screen for work seeker
Search for Send service Response Rate work

work seeker request worker seeker
request
Search for Send work Response Upload his

customers request customer works
request
Figure 4.2 (Flow Chart)
10
CHAPTER 5
LANGUAGES USED
5.1 FRONT END
5.1.1 HTML5
Hyper Text Markup Language is very effective language to develop the site. Our project is prepared
in HTML. It also includes the important codes that are used while we coding a site. It supports the
d-html and script languages like VB-Script and Java Script; here in this project we have used the
latter one.
HTML is a very simple language, easy to learn and user friendly. It is as popular as it can use any
text editor for coding purposes, and developing web pages is an easy task here. HTML is the
language interpreted by browsers. Web pages are also called HTML documents. HTML is a set of
special Codes that can be emended in text to add formatting and linking Information. HTML is
specified as tags in an HTML documents i.e. the Web page.
• HTML stands for Hyper Text Markup Language
• HTML is a markup language
• A markup language is a set of markup tags
• The tags describes document content
• HTML documents contain HTML tags and plain text
• HTML documents are also called web pages
• Hypertext: It refers to the text which acts as a link.
• Markup: It refers to the symbols or sequence of characters to define the structure of the text.
5.1.2 CSS3
CSS stands for Cascading Style Sheet. It is used to give designer look to HTML using the external
file. Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation
semantics (the look and formatting) of a document written in a markup language. It’s most common
application is to style web pages written in HTML and XHTML, but the language can also be
11
applied to any kind of XML document, including plain XML. CSS is designed primarily to enable
the separation of document content (written in HTML or a similar markup language) from document
presentation, including elements such as the layout, colors, and fonts. This separation can improve
content accessibility, provide more flexibility and control in the specification of presentation
characteristics, enable multiple pages to share formatting, and reduce complexity and repetition in
the structural content (such as by allowing for table less web design.
5.1.3 PHP
PHP is an intuitive server side scripting language. Like any other scripting language it allows
developers to build logic into the creation of web page content and handle data returned from a web
browser. PHP also contains a number of extensions that make it easy to interact with databases,
extracting data to be displayed on a web page and storing information entered by a web site visitor
back into the database. Web forms and create content.
PHP is an acronym for “Hypertext Preprocessor”. It is widely used open source scripting language.
PHP is a server scripting language, and a powerful tool for making dynamic and interactive Web
pages.PHP is a widely-used, free, and efficient alternative to competitors such as Microsoft's ASP.
that allows web developers to create dynamic content that interacts with databases. PHP is basically
used for developing web based software applications.
• PHP started out as a small open source project that evolved as more and more people found out
how useful it was.
• PHP is a recursive acronym for "PHP: Hypertext Preprocessor".
• PHP is a server side scripting language that is embedded in HTML. It is used to manage dynamic
content, databases, session tracking, even build entire e-commerce sites.
• It is integrated with a number of popular databases, including MySQL, PostgreSQL, Oracle,

Sybase, Informix, and Microsoft SQL Server.
• PHP is pleasingly zippy in its execution, especially when compiled as an Apache module on the
Unix side. The MySQL server, once started, executes even very complex queries with huge result
sets in record-setting time.
12
5.1.4 JQUERY
JQuery is a cross-platform JavaScript library designed to simplify the client-side

scripting of HTML. It is free, open-source software using the permissive MIT license. Web analysis
indicates that it is the most widely deployed JavaScript library by a large margin JQuery is a fast,
small, and feature-rich JavaScript library. It makes things like HTML document traversal and
manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that
works across a multitude of browsers. With a combination of versatility and extensibility, JQuery
has changed the way that millions of people write JQuery's syntax is designed to make it easier to
navigate a document, select DOM elements, create animations, handle events, and
develop Ajax applications. JQuery also provides capabilities for developers to create plug-ins on top
of the JavaScript library. This enables developers to create abstractions for low-level interaction and
animation, advanced effects and high-level, theme able widgets. The modular approach to the
JQuery library allows the creation of powerful dynamic web pages and Web applications.
The set of JQuery core features—DOM element selections, traversal and manipulation—enabled by
its selector engine (named "Sizzle" from v1.3), created a new "programming style", fusing
algorithms and DOM data structures. This style influenced the architecture of other JavaScript
frameworks like YUI v3 and Dojo, later stimulating the creation of the standard Selectors API.
Microsoft and Nokia bundle JQuery on their platforms. Microsoft includes it with Visual Studio for
use within Microsoft's ASP.NET AJAX and ASP.NET MVC frameworks while Nokia has
integrated it into the Web Run-Time widget development platform.
5.1.5 JAVASCRIPT
JAVASCRIPT is an interpreted computer programming language. It was originally implemented as

part of web browser so that client-side scripts could interact with the user, control the browser,
communicate asynchronously and alter the document content that was displayed. JavaScript is a
prototype –based scripting language that is dynamic, weakly typed, and has first-class functions. Its
syntax was influenced by the language C. JavaScript copies many names and naming conventions
from Java, but the two languages are otherwise unrelated and have very different semantics. The key
design principles within JavaScript are taken from the self and Scheme programming languages. It is
a multi-paradigm language, supporting object-oriented, imperative, and functional programming
styles. JavaScript's use in applications outside of web pages—for example, in PDF documents, site-
specific browsers, and desktop widgets —is also significant. It is a Dynamic programming language
13
• JavaScript is a lightweight, interpreted programming language.
• Designed for creating network-centric applications.
• Complementary to and integrated with Java.
• Complementary to and integrated with HTML.
• Open and cross-platform
• Client-side JavaScript
5.1.6 AJAX
AJAX is a web development technique used for creating interactive web applications. The intent is
to make web pages feel more responsive by exchanging small amounts of data with the server
behind the scenes, so that the entire web page does not have to be reloaded each time the user
requests a change. This is intended to increase the web page’s interactivity, speed, functionality, and
usability. Ajax is a cross-platform technique usable on many different operating systems, computer
architectures, and Web browsers as it is based on open standards such as JavaScript and XML,
together with open source implementations of other required technologies. Or AJAX is a technique
for creating fast and dynamic web pages. AJAX allows web pages to be updated asynchronously by
exchanging small amounts of data with the server behind the scenes. This means that it is possible to
update parts of a web page, without reloading the whole page. Ajax allows content on Web pages to
update immediately when a user performs an action, unlike an HTTP request, during which users
must wait for a whole new page to load. For example, a weather forecasting site could display local
conditions on one side of the page without delay after a user types in a zip code.
Google Maps is one well-known application that uses Ajax. The interface allows the user to change
views and manipulate the map in real time. Ajax applications do not require installation of a plug-in,
but work directly with a Web browser. Because of the technique's reliance on XML Http Request,
early applications worked only with Microsoft's Internet Explorer browser, but most other browsers
now support Ajax.
Applications created with Ajax use an engine that acts as an intermediary between a user's browser
and the server from which it is requesting information. Instead of loading a traditional Web page,
the user's browser loads the Ajax engine, which displays the page the user sees. The engine
continues to run in the background, using JavaScript to communicate with the Web browser. User
14
input or clicking on the page sends a JavaScript call to the Ajax engine, which can respond instantly
in many cases. If the engine needs additional data, it requests it from the server, usually using XML,
while it is simultaneously updating the page.
Ajax is not a proprietary technology or a packaged product. Web developers have been using
JavaScript and XML in combination for several years. Jesse James Garrett of the consultancy firm
Adaptive Path is credited with coining the name "Ajax" as a shorthand way to refer to the specific
technologies involved in a current approach.
5.1.7 BOOTSTRAP
BOOTSTRAP is a front-end framework for HTML, CSS and JavaScript that is notable for
developing mobile-first and responsive websites. With some basic knowledge of HTML and CSS,
you can create Bootstrap forms, tables, buttons, typography, navigation, modals, image carousels
and optional JavaScript plugins, by using the premade templates Bootstrap provides you. It comes
with the following features
1 Responsive
Bootstrap's features are responsive, which means they are optimized to fit the size of the screen
you're seeing the page on, such as desktops, tablets or cell phones. For example, a Bootstrap form
on a desktop site will proportionally change in size when viewed from a mobile phone.
2 Mobile-first
As we mentioned above, part of the core structure of Bootstrap is mobile-first styles as opposed
to desktop-first. This means that instead of using max-width in the media queries- like you would
for a site designed for desktop- you use min-width. Generally, coding for mobile-first is simpler
than coding for desktop. Also, where global styles (outside the media queries) are usually
designed to make websites look nice on a large screen, a mobile-first approach focuses on sites
looking attractive on a small screen.
3 Browser-friendly
Bootstrap doesn't discriminate, which is why it is compatible with all current browsers, like
Chrome, Safari, Internet Explorer, Firefox, and Opera.
4 Easy-to-use
The best reason of them all! You only need very barebones knowledge of HTML and CSS to
begin using Bootstrap.
15
5.2 BACK END
5.2.1 MYSQL:
MySQL is a relational database. MySQL is a powerful database. It's very good and free of charge.
Many developers in the world selected MySQL and PHP for developing their website. So nowadays,
we use relational database management systems (RDBMS) to store and manage huge volume of data.
This is called relational database because all the data is stored into different tables and relations are
established using primary keys or other keys known as foreign keys.
What is a Database?
A database is a structure that comes in two flavors: a flat database and a relational database. A
relational database is much more oriented to the human mind and is often preferred over the gabble-
de-gook flat databases that are just stored on hard drives like a text file. MySQL is a relational
database.
• MySQL is developed, marketed, and supported by MySQL AB, which is a Swedish company.
• MySQL is released under an open-source license. So you have nothing to pay to use it.
• MySQL is a very powerful program in its own right. It handles a large subset of the functionality
of the most expensive and powerful database packages.
• MySQL uses a standard form of the well-known SQL data language.
• MySQL works on many operating systems and with many languages including PHP, PERL, C,
C++, JAVA etc.
• MySQL works very quickly and works well even with large data sets.
• MySQL supports large databases, up to 50 million rows or more in a table. The default file size
limit for a table is 4GB, but you can increase this (if your operating system can handle it) to a
theoretical limit of 8 million terabytes (TB).
• MySQL is customizable. The open source GPL license allows programmers to modify the
MySQL software to fit their own specific environments.
5.2.2 XAMPP
XAMPP is an open source free software developed by Apache friends. XAMPP software package
contains Apache distributions for Apache server, MariaDB, PHP, and Perl. And it is basically a local
host or a local server. This local server works on your own desktop or laptop computer. You can just
install this software on your laptop or desktop and test the clients or your website before uploading it
16
to the remote web server or computer. This XAMPP server software gives you suitable environment
for testing MYSQL, PHP, Apache and Perl projects on the local computer.
The full form of XAMPP is X stands for Cross-platform, (A) Apache server, (M)MariaDB, (P)PHP
and (P)Perl. The Cross-platform usually means that it can run on any computer with any operating
system.
Next MariaDB is the most famous database server and it is developed by MYSQL team. PHP usually
provides a space for web development. PHP is a server-side scripting language. And the last Perl is a
programming language and is used to develop a web application.
17
CHAPTER 6
DATABASE MODULE
6.1 Database
Database is a collection of tables having rows and columns. Database is used to store the data in the
form of table. Admin can delete, update and insert new data, retrieve the database. All the data is
stored in database.
6.2 Database Design and RDBMS
The general theme behind database design is to handle information as on integrated whole. There is
none of the artificiality that is normally embedded in separate files or applications. A database is a
collection of interrelated data stored with minimum redundancy to serve many users quickly and
efficiently. The general objective is to make information access easy, quick, inexpensive and flexible
for the user. In database design of this project several objectives were considered.
6.2.1 Controlled redundancy

Redundant data occupies space and therefore is a waste. If versions of the same data are in
different phase of updating, the system gives conflict information. A unique aspect of database
design is storing data only once, which control redundancy and improves system performance.
6.2.2 Ease of learning and use
A major feature of user-friendly database package is how easy it is to learn and use. It can be
modified without interfering into the established way of using data.
6.2.3 Data independence
An important database objective is changing hardware and saving procedures or adding new
data without having to rewrite application programs.
6.2.4 Performance
This objective emphasizes response time with respect to the use of data. How satisfactory the
response time is depends on the nature of the user database dialogue.
18
6.2.5 Data table:
Figure 6.1 (Data Table)
6.3 Database Table Screenshots
6.3.1 Database
Figure 6.2 (Database)
19
6.3.2 Signup Table
Figure 6.3 (Signup Table)
6.3.3 Job Posting Table
Figure 6.4 (Job Posting Table)
20
6.3.4 Job Apply Table
Figure 6.5 (Job Apply Table)
21
6.4 Output Design
6.4.1 Front Page
Figure 6.6 (Front Page)

22
Front page appears when you hit the URL (http://freelancer.ekarma.co.in) and tends to define the
overall structure of the website, it provides the whole idea about the same. It may be consider as the
entry point of any website and contains the buttons that are used to build an account in order to surf the
same. It sums up the working categories of the website into a page, it may contain the work persuaded
by the same
6.4.2 Signup Page

When we hit the signup button, there appears to be the signup page that asks the user their Username,
Email id, Password and user type that simply define the role of the user either a freelancer or a client.
Those with priorly created account can directly login with their respective email id and password using
the login button given below.
Figure 6.7 (Signup Page)
6.4.3 Login Page
Clicking on the login button will lead you to the login page that allows a user to gain access to the
website by entering their user name and password or by authenticating using a social media. Logins may
provide access to an entire site or a part of website. Those who have not attained the authentication can
signup using the button given below that will help you logging in with their credentials successively.
23
Figure 6.8 (Login Page)
6.5 Client Module

6.5.1 Client Dashboard
This page will be presented when the user logs in as a client. As the client has its own role to perform on
a freelancing website such as post a new job for the freelancers and keep a check on the applicants for
the same. Here, the client can view the jobs posted and can check the freelancers who had applied for the
job. There also are some basic pages linked to it under the “setting” dropdown that will help the client to
complete his profile or change the password whenever they want or can logout either.
Figure 6.9 (Client Dashboard)
24
6.5.2 Post a New Job
Logging in as a “client” will help you to post a new job for the freelancers, who are searching for job
that can make the best out of them. This page consists of the details about the job that is needed to post
such as title of the job, description, category and other informations so required. Here, the client can
specify the amount he wishes to pay after completion.
Figure 6.10 (Post New Job)
25
6.5.3 Posted Jobs
This page displays all the jobs that are posted by a particular client, who has logged in at that moment. It
also comprises of a delete and edit option using which any of the job can be deleted or edited
respectively. The column on the most right shows number of the applicants who had applied for that job
clicking on which will take you to the information of the job applicant so applied.
Figure 6.11 (Posted Jobs)
6.5.4 Applicants
The details of the freelancer that had applied for a job will be displayed after clicking on the “applicants”
icon given on the ‘posted job’ page. This also provides the client with a send reply button using which
the client can communicate with the applicant directly for the jobs that are needed to be done. It also
specifies the amount, freelancers or applicants bid for that particular posted job.
Figure 6.12 (Applicants)
26
6.5.5 Client Profile
It simply displays the personal information about the client such as his address, phone number,
nationality etc that may help the admin to know his better. It consist of an edit icon on the top right
corner that will lead you to the edit profile.
Figure 6.13 (Client Profile)
6.6 Freelancer Module
6.6.1 Freelancer Dashboard

This page opens up when the user logs in as a freelancer in order to find a job based on his skills. There
is a search bar where keying the job type will show you the list of all the posted jobs of that category
either it is related to web development, web designing or any other.
Figure 6.14 (Freelancer Dashboard)
6.6.2 Find Work/Job
Freelancers can find work/job based on their skills that can enhance their workings as well. They can
search for the jobs by the category so defined by mentioning it in the search bar, there appears the list of
the jobs posted under the same category. It shows all the details of the job precisely, so that the interested
freelancers can click on the title and read more about the same accordingly. It comprises of the job title,
job type, the date of job posting and so on.
27
Figure 6.15 (Works/Jobs)
6.6.3 Job Details

After getting the list of the jobs so keyed in the search bar, freelancer gets the chance to apply for any
job he compiles to do. Clicking on the title of the job will take you the further more details about the
same. It also comes with a button for applying for the job so defined.
Figure 6.16 (Job Details)

28
6.6.4 Apply Job
The “apply now” button with the details will help the freelancers to apply and bid for the jobs he is going
to be involved in. You may add up your achievements in the cover letter or can attach the sample data of
your work previously done that might create a positive impact on the client. Adding your best work can
really be helpful in getting the job you thought of. After mentioning all the details, you can hit the button
and submit a proposal that the client may take into account.
Figure 6.17 (Apply Job)

29
6.6.5 Freelancer Profile
Here the freelancer completes his personal information such as address, phone number, nationality and
many other that manages to understand him in a better way. He can edit his profile any time by clicking
on the icon given on the top right corner.
Figure 6.18 (Freelancer Profile)

6.6.6 Change Password
This page helps the user to change the password of their login credentials. Here you have to enter the old
password that is to be changed, then key the new password of your choice and asks for a confirmation of
the new password so created. Once you have hit the submit button on this page, you can login with your
new password anytime. It is used when the user finds any discrepancy in his profile.
Figure 6.19 (Change Password)
30
CHAPTER 7
CODING AND TESTING
7.1 MODULES
7.1.1 Admin Module
Admin block is main module of the tool. This is containing all the controls of the modules. This
module is maintaining the edit option like add, delete and views related to the organization.
Where the freelancer maintains the new project details and maintains data for the organisation.
7.1.2 User Module
The user module allows users to register, log in and log out. The user module supports user roles,
which can be set up with fine-grained permissions allowing and each role to do only what the
administrator permits like as the users can bid on the projects of their choice, estimate the time of
completion of that particular project and if the requirements (skills, money, time) so provided by
the clients are served then the project is handed over to the user so presenting.
Each user is assigned one or more roles.
7.1.3 Freelancer login Module
Login to access the ultimate freelancer jobs website with millions of freelance jobs and millions
of professional freelancers ready to bid on your projects. All the jobs on the business owner’s
platform are automatically directed to the freelancer app maintaining complete transparency
between the business owner and the service provider.
7.2 CODING
7.2.1 Header File

<!DOCTYPE html>
<html>
<head>
<title>Freelancer</title>
31
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/ bootstrap.min .css ">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
<link
rel="stylesheet"href=https://use.fontawesome.com/releases/v5.7.0/css/all.css integrity="sha384-
lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ"
crossorigin="anonymous">

<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=84b606c3-884b-43ae-
96e8-4f23c34dadc5"> </script>

<link
rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
</head>
<body>

<header>
<div class="container-fluid">
<div class="row">
<div class="col-sm-1"> </div>
<div class="col-sm-4">
<div class="logo">
<img src="Images/logo.jpg">
</div></div>
<div class="btn12"><a href="signup.php" style="color: white;"><button type="button" class="btn
btn-secondary"><span class="glyphicon glyphicon-user"></span>Sign Up</button></a>
32
<button type="button" class="btn btn-success"><a href="login.php" style="color: white;"><span
class="glyphicon glyphicon-log-in"></span> Login</a></button>
<button type="button" class="btn btn-secondary"><a href="client.php" style="color: white;">Post a
job</a></button>
</div></div>
</div></div>
</header>

7.2.2 Footer File

<footer class="ftr">
<div class="container">
<div class="row" id="list1"
<div class="none">
<ul> <li><i class="material-icons" style="font-size:40px;color:white"></i></li> </ul>
<ul> <li><i class='fas fa-globe' style='font-size:20px;color:white'><a href="#">&ensp;English-

US<br>&ensp;&ensp;&ensp;(International)</a></i></li></ul>
<ul> <li><i class='far fa-question-circle' style='font-size:20px;color:white'><a

href="#">&ensp;Help & Support</a></i></li>
</ul>
</div></div>
<div class="none">
33
<ul> <li><a href="#"><strong>Freelancer</strong></a></li> </ul>
<ul> <li><a href="#">Categories</a></li> </ul>
<ul> <li><a href="#">Projects</a></li> </ul>
<ul> <li><a href="#">Contests</a> </li> </ul>
<ul> <li><a href="#">Freelancers</a></li> </ul>
<ul> <li><a href="#">Enterprise</a></li> </ul>
<ul> <li><a href="#">Local Jobs</a></li> </ul>
<ul> <li><a href="#">Showcase</a></li> </ul>
</div></div>
<div class="none">
<ul><li><a href="#"><strong>About</strong></a></li></ul>
<ul> <li><a href="#">About us</a></li> </ul>
<ul> <li> <a href="#">How it works</a></li> </ul>
<ul> <li><a href="#">Security</a> </li></ul>
<ul> <li><a href="#">Investor</a></li></ul>
<ul> <li><a href="#">Sitemap</a></li></ul>
<ul> <li><a href="#">Quotes</a></li> </ul>
</div></div>
<div class="none">
<ul> <li><a href="#"><strong>Terms</strong></a></li> </ul>

<ul> <li><a href="#">Private Policy</a></li> </ul>
34
<ul> <li><a href="#">Terms and Conditions</a></li> </ul>
<ul> <li><a href="#">Copyright Policy</a></li> </ul>
<ul> <li><a href="#">Code of Conduct</a></li> </ul>
<ul> <li><a href="#">Fees and Charges</a></li> </ul>
</div></div>
<div class="none">
<ul> <li> <a href="#"><strong>Apps</strong></a></li> </ul>

<ul> <li><a href="#"></a></li></ul>
<ul><li><img class="FooterNew-appStoreIcon-image" src="https://www.f-

cdn.com/assets/img/footer/app-store-1f36bbd8.svg" alt="Apple App Store Badge" style="height:
40px;"></li><br>
<li><img class="FooterNew-appStoreIcon-image" src="https://www.f-

cdn.com/assets/img/footer/google-play-66442243.svg" alt="Google Play Store Badge" style="height:
40px;"></li><br></ul>
<ul><li><a href="#"><i class='fab fa-facebook' style='font-size:24px;color:white'></i></a>

<a href="#"><i class='fab fa-twitter' style='font-size:24px;color:white'></i></a>
<a href="#"><i class='fab fa-instagram' style='font-size:24px;color:white'></i></a>
<a href="#"><i class='fab fa-youtube' style='font-size:24px;color:white'></i></a>
<a href="#"><i class='fas fa-rss' style='font-size:24px;color:white'></i></a></li></ul>
</div></div> </div>
<hr style="height: 1px;">
<div class="row">
<center><cite>Copyright © 2020 Freelancer Technology Pty Limited (ACN 142 189

759)</cite></center>
35
</div></div></div>
</footer>

</body>
</html>
7.2.3 Index File

<?php
require 'header.php';
?>

<section id="slider">
<div id="demo" class="carousel slide" data-ride="carousel">
<ul class="carousel-indicators">
<li data-target="#demo" data-slide-to="0" class="active"></li>
<li data-target="#demo" data-slide-to="1"></li>
<li data-target="#demo" data-slide-to="2"></li>
</ul>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="Images/img5.jpg" alt="Los Angeles">
</div>
<div class="carousel-item">
<img src="Images/img2.jpg" alt="Chicago">
</div>
<div class="carousel-item">
<img src="Images/img3.jpg" alt="New York">
</div>
<div class="top-left">
Want to work?<br>Get to Work!
</div> </div>
<a class="carousel-control-prev" href="#demo" data-slide="prev">
36
<span class="carousel-control-prev-icon"></span> </a>
<a class="carousel-control-next" href="#demo" data-slide="next">
<span class="carousel-control-next-icon"></span> </a>
</div>
</section>



<section id="block1">
<div id="white-content">
<div class="row">
<div class="page-header" id="content-bg">
<h1 class="text center">Find quality talent or agencies</h1>
</div> </div> </div>
<div class="row">
<div class="col-md-4">
<div class="thumbnail">
<a href="Images/How-to-Grow-Your-Agencys-Business-on-Upwork-feature.webp">
<img src="Images/cat-tiles.svg" alt="Lights" style="width:100%">
<div class="caption">
<p>Sales and Marketing</p> </div></a>
</div> </div>
<img src="Images/cat-tiles-data.1f508fe7c79b.svg" alt="Nature" style="width:100%">
<p>Data Science and Analytics</p>
</div> </a></div></div>
37
<div class="thumbnail"><a href="Images/How-to-Grow-Your-Agencys-Business-on-Upwork-
feature.webp">
<img src="Images/cat-tiles-design.5cebc71fd11d.svg" alt="Fjords" style="width:100%">
<p>Design and Creative</p>
</div> </a></div></div></div>
<div class="row">
<img src="Images/cat-tiles-dev.7cd9c1a602e3.svg" alt="Lights" style="width:100%">
<p>Web, Mobile & Software Development</p>
<img src="Images/cat-tiles-engineering.51146f376a11.svg" alt="Nature" style="width:100%">
<p>Engineering and Architecture</p>
<img src="Images/cat-tiles-writing.91467b6cd089.svg" alt="Fjords" style="width:100%">
<p>Writing</p>
</div> </a></div></div></div></div></div>
</section>

<br><br><br>
38
<div class="row">
<div class="page-header1">
<h1 class="text center">Need work done? </h1>
<div class="row">
<div class="thumbnail1">
<img src="Images/post-a-job.svg">
<div class="caption" style="text-align: center;">
<h3>Post a job</h3>
<p>It's easy. Simply post a job you need completed and receive competitive bids from freelancers
within minutes</p>
</div></div></div>
<img src="Images/freelancers.svg">
<h3>Choose freelancers</h3>
<p>Whatever your needs, there will be a freelancer to get it done: from web design, mobile app
development, virtual assistants, product manufacturing, and graphic design (and a whole lot more).
</p>
<img src="Images/pay-safely.svg">
<h3>Pay safely</h3>
<p>With secure payments and thousands of reviewed professionals to choose from, Freelancer.com is
the simplest and safest way to get work done online. </p>
</div></div></div></div></div>
</section>
39

<div class="row">
<div class="page-header1" >
<h1 class="text center">Browse top job categories</h1>
</div></div></div>
<div class="category">
<div class="row">
<ul type="none"><li><a href="#">PHP</a></li></ul>
<ul type="none"><li><a href="#">Graphic Design</a></li></ul>
<ul type="none"><li><a href="#">HTML</a></li></ul>
<ul type="none"><li><a href="#">Wordpress</a></li></ul>
<ul type="none"><li><a href="#">Javascript</a></li></ul>
<ul type="none"><li><a href="#">Android</a></li></ul>
<ul type="none"><li><a href="#">Photoshop</a></li></ul>
</div>
<ul type="none"><li><a href="#">Data Entry</a></li></ul>
<ul type="none"><li><a href="#">Excel</a></li></ul>
<ul type="none"><li><a href="#">Css</a></li></ul>
<ul type="none"><li><a href="#">HTML5</a></li></ul>
<ul type="none"><li><a href="#">3D Animation</a></li></ul>
<ul type="none"><li><a href="#">Linux</a></li></ul>
<ul type="none"><li><a href="#">eCommerce</a></li></ul>
</div>
<ul type="none"><li><a href="#">MySQL</a></li></ul>
<ul type="none"><li><a href="#">Python</a></li></ul>
<ul type="none"><li><a href="#">Marketing</a></li></ul>
40
<ul type="none"><li><a href="#">Magento</a></li></ul>
<ul type="none"><li><a href="#">SEO</a></li></ul>
<ul type="none"><li><a href="#">C++ Programming</a></li></ul>
<ul type="none"><li><a href="#">3D Rendering</a></li></ul>
</div></div></div></div>
</section>

<?php
require 'footer.php';
?>
7.2.4 Client Dashboard
<?php
session_start();
if(isset($_SESSION['id'])==''){
header("location:login.php?act=loginFirst");}
?>
<body>
<header>
<nav class="navbar">
<div class="navbar-header">
<div class="logo"><a href="index.php"><img src="Images/logo.jpg"></a>
</div></div>
<div style="margin-left: 530px;">
<ul class="nav navbar-nav">
41
<li class="active"><a href="viewjobs.php">VIEW JOBS</a></li>
<li><a href="#">TALENT</a></li>
<li><a href="#">REPORTS</a></li>
<li><a href="#">MESSAGES</a></li>
</ul>
<ul class = "nav navbar-nav">
<li class = "dropdown">
<a href = "#" class = "dropdown-toggle" data-toggle = "dropdown"><span class="text-primary">

SETTINGS</span><b class = "caret"></b></a>
<ul class = "dropdown-menu">
<li><a href = "changepassword.php"><span class="glyphicon glyphicon-exclamation-

sign"></span>&ensp;Change Password</a></li>
<li class = "divider"></li>
<li><a href = "cprofile.php"><span class="glyphicon glyphicon-user"></span>&ensp;My

Profile</a></li>
<li><a href = "logout.php"><span class="glyphicon glyphicon-log-out"></span>&ensp;Sign

Out</a></li>
</ul></li></ul></div> </div>
</nav>
</header>

<div class="container" style="padding: 20px;">
42
<div class="row">
<span style="color: #35AE40">Jobs</span> / <span>Job posting</span>
</div>
</div>
<button class="btn btn-success"><a href="jobposting.php" style="color: white; text-decoration:

none;">Post a New Job</a></button>
</div></div></div><br>
<form class="form-horizontal" enctype="multipart/form-data" method="post" style="padding: 36px;

box-shadow: 1px 1px 7px #9d9f83;">
<fieldset>
<div class="col-md-5 input-group">
<input type="text" class="form-control input-md" placeholder="Find Jobs" name="test">
<div class="input-group-btn">
<button class="btn btn-success" type="submit" name="go"><i class="glyphicon glyphicon-

search"></i></button>
</div></div>
<hr style="padding: 10px">
<div><p>We looked, but we couldn't find any job posting that match your criteria. please try
again.</p></div>
</fieldset>
43
</form>
</div></div>

<?php
include 'footer.php';
?>
7.2.5 Freelancer Dashboard
<?php
session_start();
if(isset($_SESSION['id'])==''){
header("location:login.php?act=loginFirst");
}
?>
<?php
error_reporting("E_ALL ^ E_NOTICE");
require 'config.php';
if(isset($_POST['go'])){
$test=$_POST['test'];
$select=$con->query("SELECT * FROM jobposting WHERE category LIKE '%$test'");
$count=$select->num_rows;
}
?>
<body>
<header>
<nav class="navbar">
<div class="navbar-header">
<div class="logo">
<a href="index.php"><img src="Images/logo.jpg"> </a>
44
</div> </div>
<form class="navbar-form navbar-left" method="post">
<div class="input-group">
<input type="text" class="form-control" placeholder="Find Jobs" name="test">
<button class="btn btn-default" type="submit" name="go"><i class="glyphicon glyphicon-
</div> </div>
</form>
<ul class="nav navbar-nav">
<li class="active"><a href="fdashboard.php"><span style="color: #35AE40"> FIND
WORK</span></a></li>
<li><a href="#">MY JOBS</a></li>
<li><a href="#">REPORTS</a></li>
<li><a href="#">MESSAGES</a></li>
</ul>
<ul class = "nav navbar-nav">
<li class = "dropdown">
<a href = "#" class = "dropdown-toggle" data-toggle = "dropdown"><span class="text-primary">
SETTINGS</span>
<b class = "caret"></b>
</a>
<ul class = "dropdown-menu">
<li><a href = "changepassword.php"><span class="glyphicon glyphicon-exclamation-
sign"></span>&ensp;Change Password</a></li>
<li><a href = "fprofile.php"><span class="glyphicon glyphicon-user"></span>&ensp;My
Profile</a></li>
<li><a href = "logout.php"><span class="glyphicon glyphicon-log-out"></span>&ensp;Sign
Out</a></li>
</ul></li></ul>
</div>
45
</nav>
</header>
<form class="form-horizontal" enctype="multipart/form-data" method="post" style="padding: 36px;
box-shadow: 1px 1px 7px #9d9f83;">
<fieldset>
<div class="col-md-5 input-group">
<input type="text" class="form-control input-md" placeholder="Find Jobs" name="test">
<button class="btn btn-success" type="submit" name="go"><i class="glyphicon glyphicon-
</div> </div>
<hr style="padding: 10px">
<div><p>Searching Job here...</p></div>
<?php
$i=0;
while($fetch=$select->fetch_object())
{
?>
<div class="row">
<hr>
<h4><a href="jobdetail.php?id=<?php echo $fetch->id; ?>" style="color: black;"><strong><?php echo
$fetch->job_title ?></strong></a></h4>
<br>
<p><strong><?php echo $fetch->job_type ?></strong>:&ensp;$<?php echo $fetch->amount ?><span
style="color: grey;"> - <?php echo $fetch->expertise ?> -
Posted : <?php echo $fetch->job_posting_date ?></span></p>
<p class="show-read-more"> <?php echo $fetch->description ?></p>
<p><?php echo $fetch->skills ?></p>
<h5><strong><?php echo $fetch->category ?></strong></h5>
</div></div>
46
<?php
$i++;
}
?>
</fieldset>
</form>
</div></div>
<br><br><br><br>
<?php
include 'footer.php';
?>
7.3 TESTING
Software testing is a critical element of quality assurance. It is vital to the success of our system.
Because of human inability to perform and communicate with perfection, software development is
accompanied by a quality assurance activity. System testing makes a logical assumption that if all the
parts of the system are correct the goal will be successfully achieved.
System testing is one of the most crucial elements to which the attention is needed for the careful
examination of the operations. System testing ensures the quality of the product and represents the
ultimate review of the specification, design and coding.Testing phase is responsible for assurance of
good quality of product. The system is tested successfully with different testing technique.
Types Of Tests
The test plan specifies the different types of tests that will be performed to ensure the product meets
customer requirements and does not contain defects. Table 10-1 describes the most common test
types.
This system is tested using unit testing firstly then all the modules are integrated and again the system
is tested using integrated testing and it was found that system is working according to its expectation.
Test type Ensures that
Unit test : Each independent piece of code works correctly
47
Integration test : All units work together without errors
Regression test : Newly added features do not introduce errors to other
features that are already working
Load test (also stress test) : The product continues to work under extreme usage
Platform test : The product works on all of the target hardware and
software platforms
7.3.1 Integrated Testing

Testing progress by moving outward along the rectangle leads to integrating testing. It is a
systematic technique for constructing the program structure whereas at the same time conducting
tests to uncover errors associated for interfacing. The objectives are to take unit-tested modules
and build a program structure that has been dictated by the design.
7.3.2 Validation Testing
At the culmination of integrating testing, software is completely assembled as a package,

interfacing errors have been discovered and corrected, and a final series of software tests-
validation testing may begin. Validation success when the software functions in a manner that can
reasonably expected by the customer. Deviations and errors have been corrected.
7.3.3 System Testing
Here, the system is tested with all the components of application. The project leader tests all the
components to see that they interact correctly when combined as a one product. A series of testing
are performed for newly developed systems before the system is ready for the users acceptance
testing and output testing. Software once validated must be combined with other systems. System
testing verifies that all the elements mesh properly and that the overall system performance is
achieved. It is actually a series of different tests whose primary purpose is to fully exercise the
computer-based system.
7.3.4 User Acceptance Testing
The system tested for the user acceptance by constantly keeping in touch with prospective system
users at the time of development and changes were made whenever required.
48
CHAPTER 8
IMPLEMENTATION
8.1 INTRODUCTION
Implementation is the stage in the project where the theoretical design is turned into the working
system and is giving confidence to the new system for the users i.e. will work efficiently and
effectively. It involves careful planning, investigation of the current system and its constraints on
implementation, design of method to achieve the change over, an evaluation, of change over methods.
A part from planning major task of preparing the implementation is education of users. The more
complex system is implemented, the more involved will be the system analysis and design effort
required just for implementation. An implementation coordinating committee based on policies of
individual organization has been appointed. The implementation process begins with preparing a plan
for the implementation for the system. According to this plan, the activities are to be carried out;
discussions may regarding the equipment have to be acquired to implement the new system.
Implementation is the final and important phase. The most critical stage is in achieving a successful
new system and in giving the users confidence that the new system will work and be effective. The
system can be implemented only after thorough testing is done and if it found to working according to
the specification. This method also offers the greatest security since the old system can take over if
the errors are found or inability to handle certain types of transaction while using the new system.
At the beginning of the development phase a preliminary implementation plan is created to schedule
and manage the many different activities that must be integrated into plan. The implementation plan is
updated throughout the development phase, culminating in a change over plan for the operation
phase. The major elements of implementation plan are test plan, training plan, equipment installation
plan, and a conversion plan.
IMPLEMENTATION TOOLS:
• Training personnel
• Conversion Procedures
• Post-implementation review
49
8.1.1 Training of Personnel involved with system:
Even well designed system can succeed or fail because of the way they are operated and used.
Therefore, the quality of training received by the personal involved with the system in various
capacities helps or hinders and may even prevent the successful implementation of management
information system.
Those who are directly or indirectly related with the system development work must know in detail
what must know in detail what their roles will be, how they can make efficient use of the system
and what the system will or will not do for them. Both system operators and users need training.
8.1.2 System Operators Training:
Running of the system successfully depend on the personnel working in the Computer Centre.
They are Responsible for providing the necessary support. Their training must ensure that they are
able to handle all possible operations, both routine and extra-ordinary in nature.
If the system calls for the installation of new equipment, such as new computer system, special
terminals or different data entry machines, the operators training should include such fundamentals
as how to turn the equipment on and use it, how to power off and a knowledge of what constitutes
normal operations. The operators should also be trained on different type of malfunctioning, how
to recognize them and what steps should also be taken whenever they arise.
8.1.3 User Training:
User may be trained on use equipment, particularly in the case where, e.g. a micro computer is in
use and individual involved is both operator and user. In such cases, user must be given training on
how to operate and user. In such cases, user must be given training on how to operator the system
also. Questions that may be trivial to the analyst, such as how to turn on a terminal, how to insert a
diskette into a micro-computer or when it is safe to turn off equipment without danger of data loss
are significant problems to new users who are not familiar.
In most of the cases user training deals with the operation of the system itself, with proper attention
given to data handling techniques. It is imperative that users be properly trained in methods of
entering transaction, editing data, formulating inquiries, deleting and inserting of records. No
training is complete without familiarizing users with simple systems maintenance activities.
Weakness in any aspect of training may lead of awkward situation that creates user frustration and
error.
50
8.1.4 Conversion Methods:
A conversion is the process of changing from the old system to the new one. It must be properly
planned and executed. Four methods are common in use. They are Parallel Systems, Direct
Conversion, Pilot System and Phase In method. Each method should be considered in the light of
the opportunities that it offers and problems that it may create. In general, system conversion
should be accomplished in shortest possible time. Long conversion periods create problems for all
persons involved including both analysts and users.
8.1.5 Parallel systems:
The most secure method of converting from an old to new system is to run both systems in
parallel. This method is safest one because it ensures that in case of any problem in using new
system, the organization can still fall back to the old system without the loss of time and money.
8.1.6 Direct conversion:
This method converts from the old system to new system abruptly, sometimes over a weekend or
even overnight. The old system is used until a planned conversion day, when it is replaced by the
new system.
8.1.7 Pilot system:
Pilot approach is often preferred in the case of the new system which involves new techniques or
some drastic changes in organization performance. In this method, a working version of the system
is implemented in one part of the organization, such as a single work area or department.
8.1.8 Phase –IN- method:
This method is used when it is not possible to install a new system throughout an organization all
at once. The conversion of files, training of personnel or arrival of equipment may force the
staging of the implementation over a period of time, ranging from weeks to months.
8.1.9 Post Implementation Review
After the system is implemented and conversion is complete, a review should be conducted to
determine whether the system is meeting expectations and where improvements are needed. A post
implementation review measures the systems performance against predefined requirement. It
determines how well the system continues to meet the performance specifications.
51
CHAPTER 9
CONCLUSION AND FUTURE SCOPE
9.1 CONCLUSION
This is to conclude that the project that I undertook was worked upon with a sincere effort. Most of the
requirements have been fulfilled up to the mark and the requirements which have been remaining, can
be completed with a short extension.
The relational database approach of developing the system has helped in:
• Reducing data redundancy.

• Improving data consistency.
• Establishing data integrating in the system.
9.1 FUTURE SCOPE
Future scope mainly includes:
• This project will implement for all the countries across the world.
• This project will implement in different Community Foundation.
• It will link up with social networking sites.
• The scope for online freelance job opportunity is immense, because of the fact that it offers a win-
win situation for both the client and the service provider.
• Freelance job opportunities have never been very easy and reachable as they are now.
• Initially it may be slower to earn online, but there is a rising scope of getting income consistently
from online jobs.
• All most all the companies have made their presence online for wider reach among the people all
over the world.
• Internet technology has become a perfect medium for online business opportunities.
52
CHAPTER 10
10. BIBLIOGRAPHY
10.1 BOOKS
• Ramez Elemsari, Shamkant B. Navathe “Fundamentals of Database Systems” , Pearson
Education India, 7th Edition, 2016
• Elias M. Awad “System analysis and Design”, Richard D Irwin, 1985
• Roger S. Pressman “Software Engineering”, McGraw-Hill, 5th edition, 2001
• Robin Nixon “PHP”, O'Reilly Media, Inc. , 5th edition , 2018
10.2 URLs
• https://www.w3schools.com
• https://www.stackoverflow.com
• https://www.google.com
• https://www.upwork.com
• https://www.freelancer.in
• https://www.tutorialspoint.com/php
53

Rohit Panchal Project Report

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Rohit Panchal Project Report

Uploaded by

Copyright:

Available Formats

A

Submitted in the partial fulfillment of the requirement for the award

Master of Computer Application

Under Supervision of: Submitted By:

Dr. R.K. Chauhan Rohit Panchal

Professor MCA-6th Sem

DEPARTMENT OF COMPUTER SCIENCE & APPLICATION

KURUKSHETRA UNIVERSITY KURUKSHETRA

I, Rohit Panchal, a student of Master of Computer Applications (MCA), VI semester in the

Date: 23/07/2020 Rohit Panchal

i. Name of the Organization: Appworx IT Solutions Pvt. Ltd.

Designation: Centre Manager

Department: Skill Development

Dr. R.K. Chauhan

I wish him all success in his all endeavors.

(Dr. R.K. Chauhan)

Dr. Rajender Nath

Professor & Chairman

I wish him all success in his all endeavors.

(Dr. Rajender Nath)

4.1 Data Flow Diagram 9

4.2 Flow Chart 10

6.1 Data Table 19

6.3 Signup Table 20

6.4 Job Posting Table 20

6.5 Job Apply Table 21

6.6 Front Page 22

6.7 Signup Page 23

6.8 Login Page 24

6.9 Client Dashboard 24

6.10 Post New Jobs 25

6.11 Posted Jobs 26

6.13 Client Profile 27

6.14 Freelancer Dashboard 27

6.16 Job Details 28

6.17 Apply Job 29

6.18 Freelancer Profile 30

6.19 Change Password 30

1.2 Objective of the project……………………………………………… 2

1.3 Scope of the project …………………………………………………. 2

1.4 About the Company ………………………………………………… 3

1.5 Modules …………………………………………………………….. 3

2.1 System Development Life Cycle …………………………………… 5

3.1 Hardware Environment……………………………………………… 8

3.2 Software Environment………………………………………………. 8

4. Data Flow Diagrams

4.1 Data Flow Diagram……………………………………………......... 9

4.2 DFD Symbols………………………………………………………... 9

4.3 Flow Chart …………………………………………………………… 10

5.1 Front End …………………………………………………………….. 11

5.2 Back End ………………………………………………………. ……. 16

6.1 Database ……………………………………………………………… 18

6.2 Database Design and RDBMS ………………………………………. 18

6.3 Database Table Screenshots …………………………………… …….. 19

6.4 Output Designs ………………………………………………………. 22

6.2.2 Freelancer Module …………………………………………………. 27

7. Coding and Testing

7.1 Modules ………………………………………………………………. 31

9. Conclusion and Future Scope

9.1 Conclusion ………………………………………………………….. 52

9.2 Future Scope ………………………………………………………… 52

10.1 Books ………………………………………………………………. 53

10.2 URLs ………………………………………………………………… 53

1.4 ABOUT COMPANY