Advanced Web Solutions

Report Template
SID:.............

MOD004364

Submitted: April 2021

Table of Contents
1. Introduction..................................................................................................................... 3

1
2. Literature Review............................................................................................................ 3
3. Software Design.............................................................................................................. 3
3.1. Wireframe................................................................................................................3
3.2. Database design......................................................................................................3
3.3. Software design.......................................................................................................3
4. Software Development Documentation...........................................................................3
4.1. User story 1.............................................................................................................. 3
4.2. User story 2.............................................................................................................. 3
5.Testing................................................................................................................................ 3
6.Conclusions......................................................................................................................... 3
References............................................................................................................................... 3

2
1. Introduction
Companies are now implementing systems that keep efficiency in check, thanks to the
emergence of modern and advanced technologies. CRM and ERP systems aid
business organisations in smoothing out their business processes in an efficient
manner (Wang and Mao, 2013). The feedback application would offer the Happy tech
company a comprehensive strategy to better handle the applicant profiles. It would
also eliminate the conventional method of sending letters to and every candidate who
applies for a job with either a positive or negative response. The system would also be
useful for keeping track of each applicant's status and determining whether or not that
applicant can be contacted in the future for any open positions.

Aim of the Project

The HappyTech company hires a number of candidates for multiple positions.
However, management of HR require to balance applications with increasing rate.
Therefore, Feedback generation application will make it easy to send applications
with automatic generation directly to applicants. The purpose of conducting project is
to design a feedback application so that organization could select or reject candidates
after informing them. It makes the management process easier for selecting profiles as
per requirement.
The following aim of the project incorporates the development of application:
 To prepare a template module in which features like create, edit, and delete is
undertaken.
 To develop template header for relevant data.
 To generate feedback and download PDF file.
 Email notification process.
 Uploading of CV process.

Resources and Software Used

The following resources used for development project activities.
Human Resources: The human resources for this completion of this project included
project manager, software developer, software tester, and business analyst. The
project team was helpful in development of feedback application. With help of team

3
roles and responsibilities assigned, the modules were developed accordingly (Kramar,
2012).

Cost Resources: The total cost of project developed was estimated at $15,000 and
project team members were charged as per $60 per hour for total work done
respectively.

Hardware Resources:
The following hardware resources for information system development of feedback
application prototype was selected.
 Processor: Minimum 1 GHz; Recommended 2GHz or more.
 Ethernet connection (LAN) OR a wireless adapter (Wi-Fi)
 Hard Drive: Minimum 32 GB; Recommended 64 GB or more.
 Memory (RAM): Minimum 1 GB; Recommended 4 GB or above.
 Sound card w/speakers.

Software Resources:
The application is built using PHP as a server-side scripting language, for front end -
HTML, CSS and JavaScript will be used. For making the application responsive -
bootstrap will be used and for database MySQL database and Xampp server is used
for which description is provided below.

 PHP: The PHP is described as a server-side scripting language which is used

to develop dynamic website (Moutaouakkil and Mbarki, 2020). The PHP
language is chosen for feedback application for being simpler and easily
developed.
 HTML, CSS and JavaScript: The HTML is used to design actual page content
and written text; CSS is used for design and website style like layout, visual
effects and background color; and JavaScript for special graphics (Flavius,
2013).
 Bootstrap: It provide collection of HTML, CSS and JavaScript tools for
website responsiveness.

4
  MySQL database: As application is based on logged in sessions, MySQL
database supports web application interface.
 Xampp server: The testing for client on website before uploading to remote
server takes place.

List of User Stories

As a [persona] I [want to] [so that]
As a reviewer I want to access website So that I could access
features and functionality
As a reviewer I want to login with Id, So that I could access
password dashboard options
As a reviewer I want to upload So that candidate profile
application form is accessed
As a reviewer I want to upload So that candidate could
feedback check them

5
2. Literature Review
There are several types of applications related to human resource management for
candidate reviews, jobs posting, profiles, and sending email applications. For
example, one of them included UserVoice which is helpful to create a simpler forum
for customers to submit and vote for feedback process. The users access forum
through widget and forum page. The users will share ideas, issues, and suggestions to
discuss the profile for multiple people. Another feedback application included online
recruitment tool used by the human resource management. It is helpful to resource a
candidate and hire it respectively.

The purpose of online recruiting platform is providing and select a specific group of
candidates. First of all, applicant will be selected based on the profile, subscription
fees and job vacancies are checked on the portal. In addition to this, several online
recruiting web applications are determined including Monster, Indeed.com, and
Jobstreet.com have been helpful to determine the jobs. The web platform is helpful to
check if a employee is rejected or selected for hiring people and provide services
equally for the job seekers and organizations to hire people. Therefore, such
applications are working as an online tool with potentials applicants, online job
boards and all-inclusive e-recruitment portals.

Each organization hires new employees. The selected job applicants are very
complicated and lacks some criteria for hiring process. The new web-based
application works as an expert system which offer suitable job applicants for hard and
soft skills with process of job interview respectively. The database is also
implemented to identify job positions and comparative analysis for job position
requirements as well as job applicant’s skills and evaluating suitability of job
applicant through job position requirements additionalities.

6
7
3. Software Design
The web application was created so that candidates could send their resumes and
recorded requirements for the positions they wanted to apply for. The user experience,
front element, and registry are the three components used to design and create the
Feedback Application. This software product project will handle the control of such
elements. Web application structure is used to theoretically map the communications
and connections of all custom web elements.

8
 The software design process for feedback application is divided into three phases
completely. For development of web application, the very first step is to create design
layout which interacts with users. Secondly, database and information flow is
determined so that it is stored in structured manner. Lastly, software architecture for
operations of system is executed. First of all, wireframes are designed to develop
outline of web pages to gather view of structure, layout, architecture, user flow,
functionality and graphics (Santos, Pardo and Fdez-Vidal, 2018). In the below
wireframes for home screen, login, upload, feedback and review web pages are
described to determine information flow.

In the next step, the database architecture has been described so that storage details
will be captured for the client. The database architecture is focused on design,
development, and implementation of data for each candidate’s profile. The candidate
for selection or rejection for applying into system will be stored into database design.
The software design is the last step in which architectural design is proposed. The
architectural design works as higher abstract system version which determine system
components for interaction from client and server side with one another
(Subramanian, 2010). The overall design process works in sequential manner to
develop actual programming logic effectively.

3.1. Wireframe
The program is made up of several layers. It includes applicant reviews, and the
ad agency allows candidates to upload their CV. The site storyboards are a
representation of the software's actual execution, showing all of the icons, parts,
and templates. The Screenshots involve the visualization of the web application
which will involve the following functionalities. The pictorial representation is
attached below:
1. Home screen of the application:
This guides the reviewer about the application workflow and the
managing process of the feedback application. This helps the reviewer to
get the process and click on the buttons for getting the association in the
alignment. This page provides the user with basic functionality.

9
2. Login for the reviewer:
The page shows the login option for the reviewer which asks them to enter
the username and password. Shows invalid message notification if it does
not match with the entered values. The page is used by only the users
which are going to review the application of the applicants.

10
3. Upload section for the reviewer:
This section helps the reviewer to upload the application forms for the
applicants which have different positions and they can add different
functionalities like title, source codes, description and then a button is
given to upload the application.

11
4. Feedback page:
This window shows the feedback form text fields which involve
comments for the feedback, title, requirement and for which position the
applicant has applied for the application.

12
5. Upload the apply form for the reviewer:
The applicants come and upload their cv on the page shown below with
all the information given in the picture. This helps the reviewer to review
the applicants easily which helps them to sort the applications.

6. Email section:
This page shows the email section which helps the reviewer to show the
feedback and then send them to applicants which have applied for the
position through the website of the Happy Tech.

13
3.2. Database design
The database involves flow of the application required for the implementation of
the data, CV and email sent to the applicants. It saves the information related to
the system which is going to help the company as to how many applicants have
applied, how many feedbacks have many and which positions are available for
the application. The database involves has the following structure described
below:

14
The database design is one of the most crucial aspect of information system
development. The well-defined architecture is helpful so that information could be
managed from one place to another successfully. The above relational database design
describes the process of reviewer checking for applications, sending emails
notifications, gain feedbacks, check positions as per candidate requirement and send
their rejection or selection status successfully.
The database design presented above have following relations:
1. Reviewer will check application: The reviewer who will login into system is able
to see application with details such as id, name, position, comments, reply status,
and email_id. There is one reviewer who will check multiple applications and
have one-to-many relationship.
2. Reviewer send feedback: The reviewer will send feedback to each candidate. The
one-to-many relationship will be among two entities who interact with one
another. The feedback form will be filled up with details such as title, description,
color, comments and reviewer_id.
3. Application have email: The email will be sent for each application applied by the
candidate. The relationship will be many to many as multiple applications are sent
to many emails through automatic notification.

15
 4. Application applied for Position: The candidate will apply for position. The
relationship will be one-to-many as one candidate could apply for several
positions as per the requirement of job.

3.3. Software design

A front end and back end of a web app are built separately, but they work
together to complete the design process. The programmer interface on the
consumer side though is that the Customer and the Review will communicate
within the application. Client-side data will be collected using HTML, CSS, and
JavaScript in the user interface approach.

16
 4. Software Development Documentation
In the software development documentation process, agile software development
technique is explored. The user story is described as brief plain language explanation
for functionality from point of view to complete smallest unit of product development
(Sobiech, Eilermann and Rausch, 2016). The following user story is from point of
view of reviewer who will interact into the system mostly. There are several benefits
for adoption of user stories. for example, first it is easier for understating the role, as
well as representation of deliverables in sprint for feature development becomes clear.
In addition to this, achieving focus on perspective of user as well as development of
momentum for development team gained respectively.

4.1. User story 1

Design
The design consist of the following requirement of the user cases :
1. Login of the Reviewer
2. Upload of application
3. Feedback process
Implement
A login form was introduced so that testers could log in to the process and then
examine the applications. The models that are mounted using the gallery view
have a lot of choices. The user can use the prototype by simply clicking on it. A
dialog box is given for providing feedback, and the reviewer can apply the form
there. The program now includes an automated email system.
Testing
For testing the function:

Steps Expected output Actual Output

Click on login button from Login form opens Login page appears with
nav bar username and password

Click on upload button Page should open Shows the upload form
window with different options

Click on feedback button Page should open Shows Feedback form and
application shows following

17
 fields

4.2. User story 2

Design
The design consist of the following requirement of the user cases :
1. Should support all the browser
2. Application should take the request
3. Application should respond to the request
4. Show some data from database
Implement
The application is run on the different browser and check the compatibility of all
the browser. Application takes the request by giving the following inputs and
application respond to the following actions and respond to the request send in
different manner.
Testing

Steps Expected output Actual output

Run application on different Web application opens in Web applications opens the
browser different browser. index.html page in google,
Firefox and Microsoft edge.

Respond to given input Should take the response Responded to input with a
alert message

Shows data for the Should show the data Shows the list
applications

5. Testing
The unit testing offers validity to test unit components of a software system. The testing of
software components is done for checking whether modules are working properly or not
(SugunaMallika, 2013). In addition to this, it also helps to check information flow from
one direction to the another with transparency. Whereas, software errors could be removed
by understanding from which direction it is moving and making sure that programming
logic is working properly or not. The software testing is important aspect of information

18
 system in which actual issue with logical components are checked (SugunaMallika, 2013).
The framework was helpful to check whether each module is working properly or not.

For this framework, the unit testing is to check whether each module from feedback
application is identified respectively. In the first part of testing, the reviewer login form,
upload application, and feedback process were checked. The reviewer will first login into
the system and for that testing was accomplished. The implementation process included
testing of login form so that process for application examination is checked. The user will
need to access the dialog box for offering feedback, and reviewer will apply form as well
as email notification is sent.

From navigation bar login will be opened and reviewer will insert id and password
respectively. The expected output will be reaching to account section and invalid output
will id, password does not match one another. Secondly, the web application will run on
browser for which compatibility of browser is accessed successfully. The invalid output
shows that password does not match properly within the framework. The upload and
feedback button should work properly in expected output. Whereas, if the page navigation
becomes invalid upload and feedback option cannot work properly. The application
running on different browser will generate expected output of different browser.

6. Conclusions
On a closing note, the purpose of this report was to develop a web-based solution for
Happy Tech. The company from this project aims to develop a feedback information
system which provide organization to provide candidate with rejection or selection status.

19
 Overall, feedback application prototype was helpful framework which offer the
organization to check each candidate’s profile before making selection or rejection
process. The prototype was helpful to design the web page layout before designing the
programming logic. The project resources included human resources, hardware, and
software resources which are used for the system development process. The software
resources are helpful to develop a system including PHP, database design with MYSQL
server and Xampp server. The PHP was selected as method due to it’s effective and
simpler approach for dynamic web page development process.

To develop this system, software design process was implemented with help of
wireframes, database and software design architecture. The wireframes offered the layout
of information system and it’s interaction with reviewer. Furthermore, database design
described information flows and interactions among the system for reviewers. The
software architecture design was helpful to determine client side and server-side
architecture process. In the second part, software development documentation was
designed to understand role of users.

The user stories are helpful to determine the requirements of information system from
reviewers’ perspective. The first user story was designed based on requirements for
reviewer’s login, application uploads, and process feedback. The second user story was
developed for browser support, request application, request response and data from
database display. The testing framework was implemented to check if all the operations on
web interface is working properly or not. The unit testing was helpful framework to check
each module in clear manner. The software development and documentation process is
helpful to understand system requirements and building programming logic in a
conceptual manner.

References

20
21