Professional Documents
Culture Documents
AD AGENCY
A Project Report
Submitted to partial fulfillment of the Requirements for the award of the
Degree of
By
Sharmeen Shaikh
Assistant Professor
MUMBAI 400076
MAHARASHTRA
2023
1|Page
BUNT SANGHA’S SM SHETTY COLLEGE OF SCIENCE,
COMMERCE & MANAGEMENT STUDIES
(Affiliated with the University of Mumbai)
MUMBAI-MAHARASHTRA-400076
CERTIFICATE
External Examiner
2|Page
BUNTS SANGHA’S
S.M. SHETTY COLLEGE OF SCIENCE, COMMERCE
& MANAGEMENT STUDIES
POWAI, MUMBAI-76
PERMANENTLY AFFILIATED TO THE UNIVERSITY
OF MUMBAI
IMC RBNQ Certificate of Merit 2019
ISO 21001:2018 Certified
__________________________________________________________________________________________
________________
PLAGIARISM CERTIFICATE
This is to certify that Ms. Sharmeen Shaikh (Roll No.145), third year
(Semester VI) student of Bachelor of Information Technology from
the University of Mumbai has submitted the project book content for
plagiarism check. It was found that the content is good, as per format
and the duplication is under UGC Recommended rules given in UGC
(Promotion of Academic Integrity and Prevention of Plagiarism in
Higher Educational Institutions) Regulations, 2018 [D.O.No.F.1-
18/2010 (CPP-II)].
Stamp:
Date:24.04.2023
3|Page
PREFACE
It gives me enormous pleasure to present this report on the project documentation black book
and the application I developed as a project of my last year. The idea of developing "Smart
Advertisers", (SA) an outdoor ad agency in which the Client/User can browse and buy any
advertisement he wishes to came to me when I used to see various types of outdoor ads while
traveling and used to think about the creativity behind it. Along with that, my dad works as a
freelancer in an ad agency, so his ideas gave me the upper hand to look forward to making
such a project. Thus, I was looking for ideas to develop an effective "Outdoor Ad Agency"
which can be efficiently used for outdoor marketing of advertisements.
After conducting a detailed research review on various types of ads displayed outside, based
on browsing numerous advertisement websites, I got the basic configuration required for a
web interface based on "smart advertisers". After discussion with some people such as media
buyers and sellers, I found and framed other utilities essentially needed to implement my
website. Based on all these, the main scope of the project was set to design and develop a
web interface for the effective buying of ads. The system includes an interface for user
identification, admin login, going through details of each ad displayed, and managing the
system by the administration.
Once I completed the processing of my modules, I started the research and added additional
structures and functionality to make the advertising website efficient and harmonious. So, in
conclusion, I tried to develop an Outdoor Ad Agency for easy outdoor media buying for
customers/clients with a web interface and dedicate the application and this report/black book
is maintained for the same purpose.
Therefore, I hope you adore the documentation/ the black book and that users appreciate the
use of the Smart Advertisers with web interface as it will be satisfactory for our efforts.
4|Page
ACKNOWLEDGEMENT
I would also like to offer gratitude to Professor Dr. Tushar Sambare Sir(Head of
the IT Department) as his frequent motivation was a major reason for the project’s
accomplishment.
I would like to express my thanks wholeheartedly to all our teachers and my family
for their support, motivation, and encouragement.
Thanking you
Sharmeen Shaikh
TY BSC IT-B
5|Page
DECLARATION
I hereby declare that the project entitled, “Smart Advertisers” done at Bunts Sangha’s S.M
Shetty College of Science, Commerce, and Management Studies, has not been in any case
duplicated to submit to any other university for the award of any degree. To the best of my
knowledge other than me, no one has submitted to any other University.
The project is done in partial fulfillment of the requirements for the award of a degree of
Sharmeen Shaikh
6|Page
INDEX
1. INTRODUCTION
1.1 Background 10
1.2 Scope 10
1.3 Purpose 11
1.4 Objective 11
1.5 Applicability 12
1.6 Achievements 12
1.7 Organization of Report 13
2. SURVEY OF TECHNOLOGIES
2.1 Front End 14
2.2 Back End 15
2.3 Database 16
2.4 Justification of Selected Technology 17
3. REQUIREMENTS AND ANALYSIS
3.1 Problem Definition 18
3.2 Hardware and software requirements 18
3.3 Functional Requirements 19
3.4 Non-functional requirements 22
3.5 Existing System 22
3.6 Proposed System 22
3.7 Use Case Diagram 23
3.8 ER Diagram 26
3.9 Activity Diagram 27
3.10 Gannt Chart 29
4. SYSTEM DESIGN
4.1 Class Diagram 30
4.2 Component Diagram 31
4.4 Sequence Diagram 32
4.6 Data Flow Model Diagram 34
7|Page
4.7 Security Issues 36
4.8 Test Cases 37
4.9 Database Design 39
4.10 UI Design (Visual Idea) 41
5. IMPLEMENTATION AND TESTING
5.1 Implementation approach 44
5.2 Model used: Waterfall Model 45
5.3 Implementation standards 46
5.4 Details of hardware used 48
5.5 Source code snippets 49
5.6 Testing approach 53
5.7 Application of the techniques in the project 56
5.8 UI Screenshots 62
6. RESULTS AND DISCUSSION
6.1 Project Information 87
6.2 Test Summary 88
6.3 Test Reports 89
6.4 Test Objective 90
6.5 Modifications and Improvements 91
6.6 Basic Modules Used 92
7. CONCLUSION
7.1 Conclusion of project 94
7.2 Limitations of project 95
7.3 Future Scope 96
7.4 References and Bibliography 97
8|Page
LIST OF FIGURES
DATABASE TABLE
9|Page
CHAPTER 1:
INTRODUCTION
1.1 BACKGROUND
By having an outdoor advertising agency, we can gain more clients that have an
interest in buying advertising. People tend to have a look physically before buying anything
rather than considering it online. So it is really important to have an outdoor agency that can
highlight its importance and features to users before they decide to accept the proposal or buy
the required advertisement. Billboards, lamp posts, banners, pole kiosks, balloon
advertisements, central median, dividers, etc are all examples of outdoor advertising methods.
Some of the famous advertising companies always bring something new, unique, and, creative
elements into their outdoor ads. When digital media was in a transformation phase, outdoor ads
create magic for the brand.
1.2 SCOPE
1. Clients- They can use this website for outdoor buying advertisements about what type of
advertisement they are interested in.
10 | P a g e
Features:
1)Our business provides customers the opportunity to physically visit the store and explore the
plethora of options we have.
2)Customers can attain hands-on experience and make the right choice in our physical stores
instead of making mistakes online and regretting them later.
3)Digital Advertisements require advanced technology hence its expensive whereas outdoor
advertising costs much less.
5)We have the availability of painting ads all over the city making sure that our ad traces people
everywhere they go. Repetitive Impression helps clients swiftly land customers.
1.3 PURPOSE
The main motive of this project is to develop an agency that provides the best
outdoor advertising service. Through my company, I want to deliver an experience that is one
of a kind, affordable, and expeditious to my clients.
I undertook this project because I have some knowledge about the working process
of an outdoor advertising agency. I want to learn in-depth about the whole advertising market
and contribute to it to the highest level of my capacity. This project will not only help me in
perfecting my coding and programming skills but will also motivate me to cognize what people
like and what grabs their attention so that I can develop Ads that are appealing and relatable to
the people at the grassroots level.
1.4 OBJECTIVE
11 | P a g e
1)Creation of Ads that is on fleek
Ads will be made using innovative ideas and techniques that will manage to influence
customers immensely.
1.5 APPLICABILITY
This agency will be beneficial to people who need Ads to be generated in a way that
is both pleasing and alluring. Through this website, people can discover options conventionally
online and visit our physical offices later to vividly experience our services.
Clients can share with us everything they expect to be in their ad and accordingly an
ad will be generated based on our client's choice and directive. If an individual has no idea
about how they want their ads to be, we offer them Ad specialists/freelancers that will suggest
various ideas for developing an influential ad. We enhance the reach of our client's
brand/product in an effective way.
1.6 ACHIEVEMENTS
12 | P a g e
degrade the standard of the product and should always abide by morals, one must keep good
social conduct.
Clients' interests and likings should always be considered, respected, and referred to while
creating the Ad.
1)Survey of Technologies: This chapter will give a detailed description of the technologies
used for the project: frontend and backend.
2)Requirement and analysis: Here, all the hardware and software requirements will be
mentioned.
3)Planning and Scheduling: Here, all the planning and scheduling of the project is done so that
the proper time required for each task is decided. Scheduling can be thought of as determining
whether all the resources are available to carry out the plan.
13 | P a g e
CHAPTER 2:
SURVEY OF TECHNOLOGIES
❖ HTML5
❖ CSS3
❖ Java Script
❖ Laravel PHP
❖ MySQL
2.1.1 HTML5
HTML stands for Hyper Text Markup Language. It is a scripting language used to
publish information on the web.HTML5 also introduces new features, easier-to-write code,
more interactivity, and better support for various image and file formats. It consists of more
than 100 specifications that relate to the next generation of Web technologies. It is an umbrella
term describing a set of HTML, CSS, and Java Script specifications designed to enable
developers to build the next generation of Web sites and applications.
Also known as flash killer, HTML5 aids better designs and layouts while
supporting new types of content. These updates have necessitated quite a few changes to the
basic code of HTML itself. HTML5 also brings support for APIs.
2.1.2. CSS3
CSS (Cascading Style Sheet) is a way to transform one web page into a Dynamic
webpage. It is used for describing the presentation of a document written in Markup Language
as it just modifies the webpage that is created in HTML.CSS3 version introduced new features
14 | P a g e
that allowed developers to style HTML elements with less CSS code. CSS3 is most notorious
for modules that speed up the specification process.
It is backward compatible with former CSS versions. It does not deprecate older CSS
code because it is only an addition to the features offered by CSS1. The most valuable feature
of CSS3 is the modularization of the specification approval process. Each section of CSS3
(borders, box shadows, images, etc) has its module. That means they can be approved
individually, and developed separately.
JavaScript (JS) is a calculating setup sound used to make websites and requests active and
shared. It’s singular cause it can run directly in your gateway, not just on an attendant. Along
with hypertext rise dialect (HTML) and overflowing style sheets (CSS), JavaScript is one of
the ultimate studies of computers of the computer network. 98.4% of all websites use
JavaScript as of March 2023.JavaScript, CSS, and HTML agree to make up the consumer-
binding components of most websites and are connected to internet uses.
➢ HTML is the base of the delegation of representatives. It provides the fundamental map,
form, and content of a site.
➢ CSS is the room decoration. It provides design, fonts, banners, belongings, and
additional optical materials.
➢ JavaScript is the electrical and probing plans. JS causes energy and interactivity to the
site. For example, pop-ups, animations, television and friendly television embeds, drop-
unhappy cuisines, and many added website elements are forged utilizing JavaScript.
Laravel is an open-beginning PHP foundation, that is strong and easy to use. It trails a model-
view-boss design pattern. Laravel reuses the existent elements of different foundations that
15 | P a g e
help in establishing a netting request. The web request accordingly created is organized and
sensible.
Laravel offers a rich set of functionalities that includes the elementary visage of PHP
foundations like CodeIgniter, and Yii and added programming languages like Ruby on Rails.
Laravel has a very rich set of appearances that will boost the speed of netting happening.
Advantages of Laravel:
2.2.2 MySQL
Depending on your programming environment you might enter SQL directly to maybe
generate reports, embed SQL statements into code written in another language, or use
language-specific API that hides the SQL syntax. It makes it possible for anyone to modify and
use the software. It is highly suited for accessing databases on the internet as it is rich in a
useful set of functions.
2.3 DATABASE
16 | P a g e
is designed and built to manage and store information. The system supports various business
intelligence operations, analytics operations, and transaction processing.
2.4.1. PHP
The PHP Hypertext Preprocessor (PHP) is a registered speech that allows netting builders to
create vital content that communicates accompanying databases. PHP is secondhand for
cultivating web-located operating system uses. This tutorial helps you to build your base
accompanying PHP.
➢ PHP is socially obligatory for juniors and active specialists to enhance an excellent
Software Engineer particularly when they are occupied in Web Development Domain.
I will list a few of the key benefits of using PHP:
➢ It is joined accompanying any common databases, including MySQL, PostgreSQL,
Oracle, Sybase, Informix, and Microsoft SQL Server.
➢ PHP is happily energetic in allure killing, exceptionally when assembled as an Apache
module on the Unix side.
➢ PHP Syntax is C-Like.
17 | P a g e
CHAPTER 3:
As technology is advancing, many new things have been developed and are helping in a big
manner. One of them is outdoor media advertising websites through which we can a buy variety
of outdoor advertisements of our choice easily and at comfort.
Smart Advertisers want to expand their outdoor business. So with help of a website, the agency
can be made available online and users can buy any type of ad to enhance their business and
publicity.
❖ Ram - 8 GB
❖ Wireless Connection
❖ Processor- I5
❖ Hard Disk - 10 GB
18 | P a g e
● HTML
❖ For the Back End
● Business Logic
● Laravel
❖ DBMS
● MySQL
➔ Editors
❖ Notepad
❖ Visual Studio
1) ID: FR1
DESCRIPTION: Users should be able to access the website through their laptops/cell
phones.
19 | P a g e
2) ID: FR2
DESCRIPTION: Users need to register by submitting their name, email-Id, and phone
number on our website. After doing this they will be asked to generate a password and
their account will be created.
3) ID: FR3
DESCRIPTION: By entering their email Id and password users will be able to log in to
their account where their history with our agency will be displayed.
4) ID: FR4
DESCRIPTION: In case a user forgets the password to their account they can click on
the “FORGOT PASSWORD” option available below the box. They will be asked to
reset their password once they choose the method which is easy for them i.e Through
email or phone number.
5) ID: FR5
DESCRIPTION: On the upper side of the website users can click on the search box to
surf through our agency's advertisements.
6) ID: FR6
7) ID: FR7
TITLE: Order
DESCRIPTION: By clicking on the “ORDER” option users can select the orders they
wish to buy and proceed to the payment method.
8) ID: FR8
9) ID: FR9
TITLE: Ad Information
DESCRIPTION: Users can find the details of our Ads under this option. Click on the
“AD INFORMATION” option and you will see the specific advertisement’s
description and what the ad is all about.
DESCRIPTION: Clients will get to see all the available promotions and required sales
on their specific advertisement.
21 | P a g e
3.3 NON-FUNCTIONAL REQUIREMENTS
Performance
• The website shall be based on the web and has to run on all the latest web browsers.
• The website’s design should be responsive to run on all devices.
• The performance should be such that the website runs smoothly on a user’s system with
minimal configuration.
Security
• The website should have a good database and shall secure the data of users.
• In case of failure, data backup should be available.
22 | P a g e
outdoor ads such as digital billboards, anamorphic advertisements, smart ads, moving OOH,
multichannel integration, and many more to grab the attention of people crossing by and to
level up sales and revenue.
CONCEPTUAL DIAGRAMS
1. Use Case Diagram
A use case is a description of how end users will use a software code. It describes a task or
series of tasks that users will accomplish using the software and includes the responses of the
software to user actions.
23 | P a g e
FIG 1.2 USE CASE DIAGRAM FOR CLIENT
24 | P a g e
3.6 ER DIAGRAM
25 | P a g e
FIG 2.1 ER DIAGRAM
26 | P a g e
3.7 ACTIVITY DIAGRAM
An activity diagram visually represents a series of actions or flow of control in a system. They
are used to describe the process used in modeling carried out by people, software components,
or computers.
27 | P a g e
FIG 3.2 ACTIVITY DIAGRAM FOR LOGIN
28 | P a g e
3.7 PLANNING AND SCHEDULING USING GANNT CHART
Gannt Chart:
Gantt Chart is a chart that represents a project schedule. It shows the start time and ends the
time of the phases of the project. It helps to plan out tasks that need to be completed. It helps
teams to plan work around essential deadlines and complete resources.
29 | P a g e
CHAPTER 4:
SYSTEM DESIGN
In the Unified Modelling Language (UML), a class diagram is a type of static structure
diagram that describes the structure of a system by showing the system’s classes, their
attributes, and the relationships between the classes. It consists of classes, interfaces,
associations, and collaboration.
30 | P a g e
4.1.2 COMPONENT DIAGRAM
The component diagram, also known as the UML Component Diagram describes the proper
organizing and wiring of physical components in a system. They are often drawn to help model
implementing details and double-check that every aspect of the system’s required functions is
covered by planned development.
31 | P a g e
4.1.4 SEQUENCE DIAGRAM
32 | P a g e
FIG 7.2 SEQUENCE DIAGRAM FOR ADVERTISEMENT MANAGEMENT
33 | P a g e
4.1.6 DATA FLOW MODEL DIAGRAM
A data flow diagram (DFD) maps out the flow of information for any process or
system. It uses defined symbols like rectangles, circles, and arrows, plus short text labels, to
show data inputs, outputs, storage points, and the routes between each destination. There are
three levels to it. Zero, One, and Two.
34 | P a g e
FIG 8.2 FIRST LEVEL DFD
35 | P a g e
FIG 8.3 SECOND LEVEL DFD
• One of the major concerns when it comes to displaying information on a website is that
anybody will be able to view it. Thus, to resolve the issues, there will be an ID and
Password provided to the user so only he will be able to access it.
• Consistency is also necessary when it comes to taking care of the database that has to
be created to store the previous records for comparison in the future. The previous
records can also help in investigating and improving the Data Store.
• Thus, it is very important to make sure that security is kept in mind while making the
website for keeping to data of the user safe from outsiders.
• User / Customer data should be safe. No outsider should get their information. For this,
when user/customer is creating their account, they should follow all the requirements:
o Minimum 8 characters.
o At least 1 special character.
36 | P a g e
o At least 1 Upper case.
o At least 1 Lower case.
o At least 1 numeric.
• Password stored in the database is secured with encryption, not in plain text. So, the
password is stored safely.
• While communicating with the internet, use HTTPS instead of HTTP because HTTPS
is by default secure.
4 Login Email: Click the login The email and phone you
cad456@gmail.com. button. entered don’t match any
Password: ***** account. Sign up for a new
account.
37 | P a g e
5 Forgot Enter a valid email or Click submit. Displays Password reset
password? phone to get a link to page.
change your password.
38 | P a g e
4.1.9 DATA DESIGN
1. Contact form
2. Media
3. Media Enquiry
39 | P a g e
7. Admin Panel
Sr. No Field Name Data Type Constraints
1 Username string(20) Primary key
2 Email Varchar(30) Not Null
3 Password Varchar(50) Not Null
8. Users
40 | P a g e
4.1.10 UI DESIGN (Visual Idea)
1. Home Page Screen
Advertisement Board
2. Media Page
Balloon
Ads Description about Balloons ad
Bus Shelter
Description about bus shelter
41 | P a g e
3. Login Page
Login Page
Username:
Password:
4. Registration Page
Registration
Email:
Phone No:
Oo
Password:
Re-Enter Password:
Register
42 | P a g e
5. Admin Panel
ADMIN DASHBOARD
AD ID AD Name Criteria
Categories
2.Media
Enquiry
6.Contact Us Page
CONTACT FORM
First Name:
Last Name:
Phone No:
E-Mail address:
Message:
43 | P a g e
CHAPTER 5:
The implementation and approach of this project were to benefit any person who wants to
purchase his desired outdoor ad to browse anything at his fingertips instead of going to the
company or agency by saving a lot of time. Also, the seller’s time so that he need not call every
person unlike BPO, and spread the message about his business, he can simply allow everyone
to browse and select any type of advertisements he wishes.
The main idea and purpose behind developing this website were that the clients don’t stay
unaware of the latest trends and promotions coming in the marketing field provided by media
owners and sellers. They can always stay updated and never miss out on any essential
information whirling in the company. This is also a marketing strategy for sellers to showcase
their latest ads in the market.
If we implement more ideas like this mentioned in future scope, we can socialize with more
people and get to know their ideas on how they would like their business to be and the kinds
of ads they wish to see in the future. Also by doing this we can attract a maximum number of
clients and customers by taking orders on a large scale as it will help the company in expanding
its business in one place by reducing much paperwork and documentations.
In the future, we can also implement Mobile App for an even better and more comfortable
user experience.
44 | P a g e
5.2 MODEL USED: WATERFALL MODEL
Requirement analysis
And
specification
Design
Phase
Implementation
Integration
Operation
& Maintenance
Phase
45 | P a g e
The waterfall model is a software development model used for project management. It makes
building projects easier and more effective due to limited phases and simpler processes in each
phase. It is named a waterfall as it resembles a cycle or cascade of waterfalls.
The model can be used for small-scale and stable projects where the requirements don’t change
easily and the situation is quiet and calm enough, especially where everything is predetermined
and remains constant throughout. Also used when tools and technology remain as it is and
resources are prepared beforehand and available to use.
For Smart Advertisers, a system with only minimal requirements is built and developed for the
user to display on the website. If in case it’s required, then necessary changes can be modified
and implemented in modules.
46 | P a g e
Phase 1: Initiation Phase
In this phase, we develop a plan at a broader level by considering the agendas needed. It is the
first phase in the project management life cycle and should take into account all sorts of
resources as it consequently boosts the success of a project. This should involve building a
powerful business case. It should include:-
At this point, a project plan document, or a set of documents, is conceived. This document
outlines all the processes (financial, quality, project development, etc.) required for the project
to succeed. It lists all the processes (economic, condition, project incident, etc.) necessary for
the project's expected profitability. The following steps can ensure whether planning is
successful:-
This state is the lengthiest in a project lifecycle and demands sink operation of the project plans
you fashioned in the former stage. In this stage, the outputs are built and bestowed onto the
customers. During the project killing stage, a project organizer hopeful complicated in directing
people as a political whole, processes, and ideas. A few pointers include:-
▪ Organize workflows
▪ Hold routine status crew meetings
▪ Interact with clients
This aspect is about weighing project progress and efficiency to guarantee that the project is
going very well. Project managers can review and path progress at whatever time all along a
project to create adaptations to the plan, for fear that belongings run flatly. It involves doing:-
47 | P a g e
▪ Measure the project’s progress
▪ Evaluate project risks and find resolutions
Phase 5: Closing
This state signifies that the project has existed completed. It’s the last stage that includes a
postmortem and effect. A project producer labels the substances and weaknesses of the project
in the agreement of the moment of truth captured, processes understood, and money used in
this place state. The proneness is evaluated for fear that project managers can expand strategies
to overcome bureaucracy. Here’s what we need to complete:-
▪ Re-evaluate money
▪ Hold a crew convergence
▪ Document project accomplishment and brace definitive project report
48 | P a g e
5.4 SOURCE CODE SNIPPETS
HOME PAGE
Home.html file
49 | P a g e
50 | P a g e
ADMIN DASHBOARD
main.php file
51 | P a g e
ADMIN LOGIN PAGE
Login.blade.php
52 | P a g e
5.5 TESTING APPROACH
Software testing is used for assessing the software itself to find the discrepancies between
the specified input and expected output. It assesses the quality consistency of the product made.
The testing is done through all stages of the development life cycle. It is a verification and
validation approach(V&V Model).
Verification
Verification is the method used to check whether a product is made according to the
requirements made by the customer at the start of the development life cycle. To put it in
another way, to check if the product performs the way we want it to.
Validation
Validation is the procedure to ensure the product satisfies the stated requirements at the end
of the phase growth. This is to say the product is made as per the requirements of the client.
Testing goes hand in hand with execution to ensure that the system works accurately and
efficiently.
The most common type of testing is done by the user who executed the program. The
application that is developed should be valid. It is in this phase, all the bugs and errors made in
the previous step of the SDLC are solved.
System testing helps in uncovering the weaknesses that were not detected in the earlier stages
of the development life cycle. The program is executed to find errors intentionally. This
includes stress testing, boundary value analysis, etc. For testing, various test cases are
generated.
• Unit Testing
• Integration Testing
53 | P a g e
It is the smallest executable component of the software including codes, classes, and methods.
in a black box where the internal coding is not a concert. The individual components and the
units are jested to check that they work individually as defined.
performed in debugger mode to find how the variables behave during the execution. Gray box
testing examines the code in detail for functioning.
• Black Box Testing - Tests the user interface, inputs, and outputs.
54 | P a g e
• Gray Box Testing - Executes tests, risks, and assessment methods.
• It was checked that devices would run when the input is passed.
55 | P a g e
6.3 INTEGRATION TESTING
This Testing of consolidated pieces of an application to decide whether they work together
accurately. The parts can be code modules, a person's application, customer and server
applications on a system, and so forth this sort of testing is particularly pertinent to
customer/server and conveyed frameworks.
• Bottom-up approach: It focuses on testing the bottom part individual wit goes upward by
integrating the units,
• Top-Down approach: The highest degree of the software is tested fire until the final
component is reached.
A test plan is an itemized report that diagrams the last system, testing destination, swedes Clers,
programming, and equipment) required for testing, test plan, Test Estimation, and test
expectations
The test plan fills in as an outline to lead programming testing exercises as a characteristic
procedure that is minutely observed and constrained by the test director and checks various
levels of tests.
• Resource Planning
56 | P a g e
• Determine Test Deliverables
The answer is no. A product should be understood properly before being tested. The developer
must also understand the end user's needs and expectations of the product.
The application applies to anyone interested in outdoor marketing and who wishes to buy the
same.
It allows the user to sit at home, surf the advertisements from the agency's website and then
choose and order whatever they want. The ordered ad will be mailed to him/her for further
processing.
i. Deployment environment requirements: Any system with the internet and the latest web
browser.
Test Strategy is an important step in the development of a test plan. An evaluation strategy
document is established by the Test Manager. This document defines:
57 | P a g e
Step 3: Define the Test Objective
The test aim is the goat and accomplishment of carrying out the check. Testing aims to find as
many software flaws as possible; make sure that the program test is bug-free before it releases.
• The principal target of the software is the proper functioning of all the components and
modules mentioned
• The end users must be satisfied with the final output of the software.
Test Criteria is the condition based on which the test process can be constructed.
• Suspension Criteria: Decide the critical suspension criteria for the test. When the suspension
criterion is met during testing, the currently active test cycle is suspended until the criterion is
solved.
• Exit Criteria: This is the criterion that signifies the completion of a test phase. They are the
targeted outcomes of a test.
It is a summary of all the resources which are required for the active completion of the project.
The resources can be humans, equipment, or materials. It helps in understanding the mass of
capital required. Hence it helps the test manager to make an accurate schedule.
The testing workbench consists of the software, and hardware on which the test team performs
the test cases and scenarios. It consists of the business and user environment, and the physical
environments.
It is the listing of documents, tools, and components that has to be stored for further reference.
58 | P a g e
Test deliverables to be provided before the testing phase:
Test deliverables that are provided subsequently after the testing cycle is over:
❖ Test Results/Report.
❖ Defect Report.
The test case represents the collection of acts that are to be executed to check a particular
feature or functionality of a particular application
I. Test Case ID
II. Test Case Description
III. Input Given
IV. Condition
V. Expected Result
VI. Actual Result
VII. Status(Fail/Pass)
VIII. Note
59 | P a g e
Project Name: Smart Advertisers Advertising Agency
Test Cases
No. Page Name Input Action Expected Actual Output Test Case
output
1. Admin Login Email: Click the login The admin Admin will Pass
admin@gmail.c button. should redirect to the
om. redirect to dashboard page
Password: the
cd346 dashboard
2. Admin Login Email: Click login Admin The system will Pass
admin@gmail.c button should not display an
om. get access invalid username
Password: or password
ccd34
3. Login Email: Click login The email The system will Pass
cad456@gmail. button and phone display an
com. you incorrect email
Password: entered message
cd346 don’t
match any
account.
Sign up for
a new
account.
60 | P a g e
4. Login Email: Click the login The email The system will Pass
cad456@gmail. button. and phone display an
com. you incorrect
Password: entered password
***** don’t message
match any
account.
Sign up for
a new
account.
5. Forgot Enter a valid Click submit. Displays Password is reset Pass
password? email or phone Password through email
to get a link to reset page.
change your
password.
6. Media Page Search media Click on the The The particular Pass
content by title: search icon searched advertisement
Hoarding ad should Searched for
be fetched opens.
from the
database
and
displayed
7. Media page Search media Click on the No such The media Pass
content by title: search icon media file searched for
ABC exists doesn’t show up
8. Admin Logout Click on the Click on the Admin Admin is logged Pass
Logout button Logout button should be out
logged out
61 | P a g e
5.8 UI SCREENSHOTS
• Home Page
This is the Home Page of the website that will open first as the landing page where
overview of the actual website is displayed
62 | P a g e
• Types of Outdoor Media Page
This is the Media section page where all the different types of outdoor advertisements
available are displayed and user can browse any ad he wishes to.
63 | P a g e
• Hoarding Enquiry Page
This is the inquiry page of hoarding where the various types of hoarding ads available
are shown and user can go to any specific ad he’s interested in.
64 | P a g e
• Hoarding Details Page
This is the details page where in depth properties of each specific selected billboard is
displayed. User can check whether given product meets his requirements or not.
65 | P a g e
• Balloon Ad Enquiry Page
This is the inquiry page of balloon ads where the various types of balloon ads available
are shown
66 | P a g e
• Balloon Ad Details Page
This is the details page where in depth properties of each specific selected balloon ad is
displayed
67 | P a g e
• Bus shelter Enquiry
This is the inquiry page of bus shelter where the various types of bus shelter ads
available are shown
68 | P a g e
• Bus shelter details Page
This is the details page where in depth properties of each specific selected bus shelter is
displayed
69 | P a g e
• Pole kiosk Enquiry
This is the inquiry page of kiosk where the various types of kiosk ads available are
shown
70 | P a g e
• Pole kiosk details Page
This is the details page where in depth properties of each specific selected kiosk ad is
displayed
71 | P a g e
• Metro Enquiry Page
This is the inquiry page of metro advertisement where the various types of metro ad
available are shown
72 | P a g e
• Metro Ad Details Page
This is the details page where in depth properties of each specific selected metro ad is
displayed
73 | P a g e
• Admin Login Page
This is the login page of admin where he needs to put his credentials and login to his
dashboard
74 | P a g e
ADMIN DASHBOARD
• Add Media UI
This is the add media section of dashboard where admin can add any new media
75 | P a g e
ADMIN DASHBOARD
• Edit Media UI
This is the edit media section where admin can edit any existing media
76 | P a g e
ADMIN DASHBOARD
This is the media enquiry section where admin can add any new details about an ad
77 | P a g e
ADMIN DASHBOARD
This is the media enquiry section where admin can edit enquiry about an existing media
78 | P a g e
ADMIN DASHBOARD
79 | P a g e
DATABASE UI
• All tables
This is the where all the created tables are shown in database
80 | P a g e
• Media Table structure
81 | P a g e
• Media Table
82 | P a g e
• Media Enquiry table structure
83 | P a g e
• Media Enquiry Table
This is the media enquiry table where changes made in frontend are seen
84 | P a g e
• Users Table structure
85 | P a g e
• Users Table
86 | P a g e
CHAPTER 6:
The test results are promising as all the test cases are passed and the proposed system can go
through all the conditions set while testing it. It can face problematic situations and can work
in harmful and tactical situations.
Project Overview
Project Description A website created for outdoor marketing clients such that users can surf their
advertisements and buy their choice while sitting at home.
Project Duration Start Date 4th July 2022 End Date 8th April 2023
87 | P a g e
6.2 TEST SUMMARY
EXECUTED PASSED 8
FAILED 0
(Total) TEST EXECUTED 8
(PASSED + FAILED)
PENDING 0
IN PROGRESS 0
BLOCKED 0
88 | P a g e
6.3 TEST REPORTS
Test Reports give a piece of brief information about the project to the company/agency
provided. It will show how every page works and the logic behind that.
They also help to solve clients’ and stakeholders' queries as they provide a solution to every
test. There are errors shown as well warnings given in it which a user should avoid.
Test Reports can become a great source of communication between a developer/provider and
a stakeholder/purchaser/organization. It creates transparency between them which is beneficial
in the future.
Test Reports have clarity in them. No errors or bugs are stayed hidden as they can come to any
users and there should be a solution provided by the developer.
89 | P a g e
6.4 TEST OBJECTIVE
i. The objective of these tests was to find any errors or faults in the development process
of this project.
ii. The main objective of these tests was to gain confidence in the system and its
performance.
iii. The other objective of this test was to check and ensure the quality of the system.
iv. Lastly, the objective of these tests was to check if the system doesn't give any defects
in future usage.
90 | P a g e
6.5 MODIFICATIONS AND IMPROVEMENTS
While working on the code, I faced a lot of errors especially in the backend part since I was
not so used to the technology. So I had to learn it from various sources on the net and understand
the basic concepts.
Also while running the login page, initially a lot of times the admin’s credentials were not
detected in the database, so again I had to change the logic of the code and solve the errors.
I modified it by changing the requirements again and testing the code through various paths so
that finally it would work.
On the media page, while editing the details of the ad it would sometimes fail to show the
updated properties. To solve this I had to change the backend code to access and solve the
error.
Many times database won’t connect with the backend causing a lot of bugs, so I resolved it by
changing the routes and main logic.
In the admin’s dashboard, the updated or newly added image of an ad would fail to show on
the front end’s media page.
So for this, I had to reverify and check the code and solve it by putting a different logic time
and again.
91 | P a g e
6.5 BASIC MODULES USED
1. Home
2. Media
3. Enquiry
4. Ad Details
5. Admin Login
For the admin to log in with his email id and password to access his page
6. Admin Dashboard
Where the admin to edit update or delete any type of ad he wants as well as add a new item in
the marketplace.
7. Contact Us
For clients to fill out the inquiry form about the ad they wished to enquire about.
1. Login
2. Admin Home
92 | P a g e
Admin can add any new outdoor media he wishes to.
Admin can edit any new or existing media details about a particular ad he wishes to.
Where the admin can delete any existing media not required on the page.
Admin can edit any new or existing media inquiry details about a particular ad he wishes to.
Where the admin can delete any existing media inquiry not required on the page.
93 | P a g e
CHAPTER 7:
CONCLUSION
This has been my first-ever project. It has given me a lot of knowledge of different languages
used. It gave me a chance to explore my skillset, test my potential, and gave me confidence in
delivering knowledge. Everything I’ve studied in the 3-year course, helped me implement in
real life in form of a live website.
It gave my idea a boost of creativity and I’ve gained much knowledge in trying to implement
that. I tried to observe and adapt the design and structures of different websites about my topic
and tried to compile and make a new product out of it. It could be beneficial for the agency I’m
working for as well as many other marketing campaigns too.
This has been a boon to develop and explore my coding skills and many other languages while
researching it and I’m sure that in the future I will build many more websites and use much
more advanced languages to make the project as exceptional as it can be and beneficial to
everyone using it.
I’m looking forward to gaining new knowledge about development and a new perspective
while getting ideas.
94 | P a g e
7.2 LIMITATIONS OF THE PROJECT
Users cannot directly contact the supplier if they are interested in any advertisement. They need
to fill out a form and wait for the reply which is a bit disturbing.
For now, the admin can just edit, create, delete, or modify any existing media and its respective
details on the user interface.
We cannot purchase any advertisement we want directly on the website. Currently, that
functionality is not there.
Use of an older version browser that does not support the used technologies might cause the
application to crash or not load as designed
Poor internet can cause data from the database time to load.
95 | P a g e
7.3 FUTURE SCOPE
When going to the media inquiry details page, users can zoom over on the advertisement to get
a magnified closer look at what the ad exactly looks like.
2. Payment Gateway
Whenever any user is interested in purchasing an ad, then and there he will be directed to the
payment gateway page where he can make payment and book the advertisement in advance
3. Track status
In the admin dashboard, he will be able to see the number of people who visited the website,
their exact count, and also the advertisement getting the maximum number of views so that he
can modify and work on it more.
4. Forgot Password
In the future, in case the admin forgets the password, he will be able to recover it through email
and phone number.
5. Cart
If any user wants to add an advertisement for future use or to keep a collection to view later
he/she can add the desired ad to the cart.
96 | P a g e
CHAPTER 8:
https://www.w3schools.com/w3css/4/w3.css
https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css
https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css
https://fonts.googleapis.com/css2?family=Bungee+Spice&family=Poppins:wght@20
0&display=swap
https://getbootstrap.com
https://bootstrapbrain.com
http://www.sunadsmedia.com/
https://www.pioneer-publicity.com/
https://brightoutdoor.com/
https://merahoardings.com/
97 | P a g e