TribhuvanUniversity

Faculty of
HumanitiesandSocialScience

Mega National College

Ecommerce (Business Website)

PROJECT REPORT

Submitted to
DepartmentofComputerApp
lication
MegaNational College

Inpartial fulfilment of the requirements for the BachelorsinComputerApplication

i
 Submittedby

AMULSHRESTHA. [6-02-925-178-
2019]

PRASHANTTHAPA.[6-2-925-187-2019]

September2022

UndertheSupervisionof

Er. Prabesh Maharjhan

i
 TribhuvanUniversity

FacultyofHumanitiesandSocialScien
ce Mega National College

Supervisor’sRecommendation

I hereby recommend that this project prepared under my supervision by

AMUL SHRESTHA and PRASHANT THAPA an entitled “Ecommerce”
impartial fulfillment of the requirements for the degree of Bachelor in Computer
Application is recommended for the final evaluation.

.……………………………..

SIGNATURE

Er.Prabesh Maharjhan

SUPERVISOR

i
Lecturer

FacultyofHumanitiesandSocialScien
ce
Mega National College

i
 TribhuvanUniversity

FacultyofHumanitiesandSocialScien
ce Mega National College

LETTER OFAPPROVAL

This is to certify that this project prepared by AMUL SHRESTHA and

PRASHANT THAPA entitled “Ecommerce” in partial fulfillment of their
requirements for the degree of Bachelor in Computer Application has been
evaluated. In our opinion it is satisfactory in the scope and quality as a project
for the required degree.

Signature Signature

Er.prabesh maharjhan LokhNathChapagain HOD

Lecturer MegaNational College
MegaNationalCollege
Kumaripati, Lalitpur
Kumaripati, Lalitpur

ii
Signature Signature

InternalExaminer: ExternalExaminer:

iii
 ACKNOWLEDGMENT

In the accomplishment of this project successfully, many people have

best owned up on their blessing and the heart please do support, this time we are
utilizing to thank all the people who have been concerned with this project.
We will like to extend our sincere thanks to Tribhuvan University for
giving us the golden opportunity in enhancing our hidden capabilities. Our next
thanks will be given to the MEGA National College whose helps us by giving
the perfect environment for learning and for proper infrastructure. We are highly
indebted to Mr. RishabhJha for his guidance and constant supervision, as well
as the providing necessary information regarding the project and also for his
support in completing the project.
Last but not least, we would like to thank to my classmate’s who helped
us a lot to support us during making of this project.

With Regards

AMULSHRESTHA

TURegistrationNo:6-02-925-178-2019

iv
 PRASHANTTHAP
A

TURegistrationNO:6-2-925-187-2019

v
 ABSTRACT

Ecommerce website is an informative/interactive website where people

can know and get the idea of the latest tech industry. In this website We aim to
deliver authentic products like pc, tablets, mobile & all electronic gadgets to the
audience. In recent years, Nepal has exponentially grown in the usage of
internet and online platforms due to this incline, we are able to initiate this
project and have an optimistic mindset that this project is sustainable. As mobile
consumer ourselves, we felt that a lot of people do not know what is best value
for money products today because there are thousands of varieties of products.

In this website we have set only selective products that are available
currently in the market. We have select only exclusive product of those product
that we had collected. As you can see that we have set price in USD because it
will be easy for the comparison of global variant. This website will use
technologies such as HTML, CSS, JavaScript and Bootstrap for the Front – End,
where as My SQL and PHP for the Back - End. We will also use VScode as
Text editor. Ecommerce is built to help people effortlessly know about National
& International mobile devices and accessories. So, to complete this project we
have used a spiral Methodology because we have to take feedback from the
customer to make it more reliable to the user. While doing this project we have
learned different new thing that we are never familiar with so it was a wonder
experience as well as excitement doing this project. There are still some bugs
and error that may appear in the projects of the solving process will be going on
as well the training data will also be update according the user posts.

vi
 TABLEOFCONTENTS
ACKNOWLEDGMENT.....................................................................................................iii

ABSTRACT........................................................................................................................iv

LISTOFTABLES...............................................................................................................vii

TABLEOF FIGURES.......................................................................................................viii

CHAPTER1.........................................................................................................................1

INTRODUCTION................................................................................................................1

INTRODUCTION.......................................................................................................................1

PROBLEMIDENTIFICATION..................................................................................................1

OBJECTIVES.............................................................................................................................2

SCOPEANDLIMITATION........................................................................................................2

DEVELOPMENTMETHODOLOGY........................................................................................2

REPORT ORGANIZATION......................................................................................................4

CHAPTER2.........................................................................................................................5

BACKGROUNDSTUDIESANDLITERATURE REVIEW...............................................5

BACKGROUNDSTUDIES........................................................................................................5

LITERATUREREVIEW...........................................................................................6

CHAPTER3.........................................................................................................................7

SYSTEMANALYSISAND DESIGN..................................................................................7

SYSTEM ANALYSIS................................................................................................................7

FeasibilityAnalysis......................................................................................................................9

ObjectModeling: ClassandObjectDiagram................................................................................10

DynamicModeling:Sequence Diagram.....................................................................................12

vii
ProcessModeling: ActivityDiagram..........................................................................................13

EntityRelationshipDiagram.......................................................................................................14

ContextDiagram........................................................................................................................15

SYSTEM DESIGN....................................................................................................................17

ArchitectureDesign....................................................................................................................18

DatabaseSchemaDesign............................................................................................................20

FeaturesSubmissionDetails.......................................................................................................20

InterfaceDesign.....................................................................................................21

GanttChart 22

CHAPTER4.......................................................................................................................23

IMPLEMENTATIONANDTESTING...............................................................................23

IMPLEMENTATION..............................................................................................23

Tools Used: 23

Implementation details of modules:..................................................................26

TESTING 29

Purpose of Testing.....................................................................................................................29

Test case for Unit Testing.........................................................................................................29

Test case for System Testing.....................................................................................................33

CHAPTER5.......................................................................................................................34

CONCLUSIONANDRECOMMENDATIONS.................................................................34

CONCLUSION.........................................................................................................................34

LESSONLEARNT/OUTCOME..............................................................................34

FUTURERECOMMENDATIONS...........................................................................................35

viii
REFERECNCES................................................................................................................36

ix
 LISTOFTABLES

Table1:Non-Functional Requirements
.............................................................................................................................................
8

Table2: Unit Testing for Responsive Design

...........................................................................................................................................
29

Table3: Unit Testing for Form-Validation

...........................................................................................................................................
31

x
 TABLEOFFIGURES

Figure1: Spiral Model

.............................................................................................................................................
3

Figure2: Class Diagram of the System

...........................................................................................................................................
11

Figure3: Object Diagram of the System

...........................................................................................................................................
12

Figure4: Sequence Diagram of the System

...........................................................................................................................................
13

Figure5: Process Modeling of the System

...........................................................................................................................................
14

Figure6: ER diagram of mobiles

...........................................................................................................................................
15

Figure7: Context Diagram of mobiles

...........................................................................................................................................
16

Figure8:Level1DFDof mobiles
...........................................................................................................................................
17

Figure9: Architecture Design of mobiles

...........................................................................................................................................
19
xi
Figure10: Database Schema Design of mobiles
...........................................................................................................................................
20

Figure11: Rating Submission Details in Database

...........................................................................................................................................
20

Figure12: Interface Design of mobiles

...........................................................................................................................................
21

Figure13: Gantt Chart

...........................................................................................................................................
22

Figure14: Tokenization Analysis Module

...........................................................................................................................................
28

Figure15: Desktop View

...........................................................................................................................................
30

Figure16: Mobile View

...........................................................................................................................................
30

Figure17: Form Submission with False Information

...........................................................................................................................................
31

Figure18: Form Validation Prompt

...........................................................................................................................................
32

xii
 CHAPTER1

INTRODUCTION

Ecommerce website is very use full to costumers as well as for the brands
like Samsung, Apple, One plus, Google, etc. In recent years, Nepal has
exponentially grown in the usages of internet and online platforms due to this
incline, we are able to initiate this project and have an optimistic mindset that
this project is sustainable. As student of information technology we know and
can guarantee to the users that we can provide the best quality products for their
uses. We initiated with the vision to provide legit Rating and best and attractive
product. We aim to deliver the best product for every users that are anywhere at
any time. In current scenario, we found out that a lot of people love to have time
with their devices but, have no idea about where such original product are
found, so we ought to create a free-for-all website enlisting details, rating and
different devices according to user preference that are available near them. This
website will use technologies such as HTML, CSS, JavaScript for the Front-
End, whereas MySQL and PHP for the Back-End. We will also use VS code as
Text editor. Ecommerce is built to help people effortlessly know where to get
genuine products.

PROBLEM IDENTIFICATION

The tech market is huge competitions hub and also there are many
varities of goods. Which make consumer even more confused which to get.
Now days shopkeepers tends to sell only those types of goods which are
profitable for them. As for example MI a2 is of rs21k but still in less value we
are able to get 16 GB ram phone device of techno at rs16k but still shop keepers
tends to convince consumer and sells the costumers.
 People do not know the real money for value goods.

 Top rated devices are always not good.

1
 Flagship cost way more expensive.

 Very few people are concern about what they are buying.

2
OBJECTIVES

The project is based on the following objectives:

 To explore about best product at pocket friendly rate.

 To provide delicate desire goods.

 To build an interactive and fun website where people can

effortlessly know gadgets availability near them.
 To reach out to national & international peoples.

SCOPE AND LIMITATION

The project has got some of the following scopes:

 The prospective of seeing brand value is only good will change.

 They can know and also buy form this website.

 Our website flexibility is in maximum level in mobile as well as desktop.

 The users have ability to buy and communicate with adviser for
reference.

The project has got some of the following limitation:

 They might not get some of the exclusive limited edition gadgets and
phones.

 Some of the phone and gadgets might face few problems.

3
4
DEVELOPMENT METHODOLOGY

The specific procedures or technique that is used to identify, select, process and
analyses information is methodology. In this project we will use Spiral
methodology as our requirements are not fully identified. The spiral model
is similar to the incremental development for a system, with more emphasis
placed on risk analysis. We have made different changes and adjustments
using this methodology which help to keep the project at low risk and less
error. It also helps to make the development work easy as while working we
can add the next user requirement as all the phases have completed and still
adding more on the project. . The outcome of one phase acts as the input for
the next phase sequentially. The spiral model passes through four phases
over and over in a “spiral” until completely. The four phases are:
Identification, Design, Construct or Build and lastly, Evaluation and Risk
Analysis.

Figure1:SpiralModel

5
6
Phase1:

In the first phase, the website has login or register. I will aim to host detailed
information on the vision of the peoples feeling. The user would be allowed to submit
the rating. Analytics and search engine optimization will be implemented to fine-tune
the interest and drive the traffic. The website will be accessible to desktop and handheld
devices by being responsive. The users will be able to leave their feedback as their taste.

Phase2:

The popular mobile phones with their identity will be posted in this phase. This
will help with the growth of the content in the long run. We will aim to add
about us page, we will aim to implement a search algorithm also in the next
phase.

REPORTORGANIZATION

This project report has been organized into various chapters:

The First Chapter discusses the overall project introduction. This chapter
includes the project's introduction, problem statement, objectives, scope and
limitation and Development methodology has been included. The Second
Chapter of this project report has discussed the Background Study and
Literature Reviews. The Third Chapter is the main focused chapter among all
the chapter here it shows the System analysis and design where it includes the
functional and non-functional requirements, feasibility analysis, object and class
diagram, state and sequence diagram, Activity Diagram, refinement of classes
and object, component and deployment diagram and lastly the main important
part the algorithm used in the project. The Fourth Chapter explains about the
implementation aspect of the project, and testing the system using the different
screen shots of various modules. The Final Chapter discusses the conclusion of
the project, the lesson learned and the future recommendation.

7
 CHAPTER2

BACKGROUNDSTUDIESANDLITERATUREREVIEW

BACKGROUNDSTUDIES

Our Nepal education system has been progressing much better than
before. In the past, they provide us only theoretical knowledge but they have
realized that practical knowledge is also importance as same as theoretical
knowledge. Many academic institutions in Nepal provide qualification and a
solid grasp of the fundamental in academics but practical business research is a
major minus. However, attempts are being made to improve the education
system by making students involve in real world where
studentshavetogoafteracquiringeducationqualification.Thisisourfirstprojectandw
e are really excited to do this. Thus, we are grateful to Tribhuvan University,
which has addressed this opportunity by incorporating first project. It is an
opportunity to carry out the practical research on any topic of interest and
explore it practically.
Mobile and computers are very much important part of the human life. It
is a basic thing we need mostly for education entertainment and many more. It’s
genuinely impossible for some people to get products as per their desire. So in
this website we aim to help people in order to get genuine and get products as
per their desire. Mostly people tends to buy goods blindly trusting their brand
name , so I hope that this website might help people to know regarding the
goods that they are buying or wondering to buy.

8
LITERATURE REVIEW:
All the mobile phones are unique as in their own way. But
still we aim to deliver best of the best thing in the people hand. So as various
brands like Samsung, Oppo, vivo, and many more brand agreed with us to
cooperate and sell their products through our website so, it makes easier to
differentiate the categories of the mobile devices.
Not only mobile companies even accessories companies have come to
settle the agreement to provide their products. As for example brands like axis,
my power, purple, alewa, etc top notch accessories collector will help us to
provide product all over the Nepal. Some of the products of these brands are
earphones, charger doc, cable, ear buds.
Also Nepal insurance company sponsored us to provide free insurance
if delivering the product gets damage or lost. Although it is said it will provide
recovery we won’t get careless handling the goods. We aim to provide good
products as well as good services to. This project is mainly focus for every age
group category of people. Cause uses of the internet are rising day by day
adding up the millions of users day by day. To use internet or get in connect we
need the best phone to use where system does not lags; battery tends to serve
more power and long last and performing outstanding performance in gamming
or in any heavy application use which is our main and first priority to deliver in
every person hand and inside their mind. Some brands like itel and tecno are
secondary brands but tend to provide best quality and promising products in the
markets. As considering their pocket friendly price it provides very much high
quality features and premium feel in its segments. Even it compete with is rival
brands which are way more expensive than these two brands.

9
 CHAPTER3

SYSTEMANALYSISANDDESIGN

SYSTEMANALYSIS

The objective of the system analysis activity is to develop structured

system specification for the proposed system. The structured system
specification should describe what the proposed system would do, independent
of the technology, which used to implement these requirements. The structured
system specification used to implement these requirements. The structured
system specification called the essential model (also known as logical model).
The essential model may itself consist of multiple models, modeling different
aspect of the system. The data flow diagrams may model the data and their
relationships and the state transition diagram any model time dependent
behavior of the system.
The essential model thus, consists of the following:

 Context diagram

 Leveled dataflow diagram

 Process specification for elementary bubbles

 Data dictionary for the flow and stores on the DFDs

10
11
Requirements Identification:
Requirement Analysis

This is the beginning phase where we collecting valuable data

about specific project requirement from client. So, our system provides authentic
information about the latest technology of electronic devices and gadgets. Our website
helps to provide information about food taste and quality which are not easily found in
the internet. We are here to help you to find out which product is good and tends to
provide more value for you.
At this phase, we analyzed, outlined and discussed address that we found
many people are searching for different items in different locations, so our
website helps them.
This system needs to fulfill following functional and non-functional requirements.

There are many requirements of the system which should be analyzed so that
effective output can be produced with available resources.
i. Functional Requirement:

The functional requirement indicates what a software

system must do and how it must function. In our project, we have
made a social media where sentiment analysis takes place by the
Data abstraction, Data visualization, Data tokenization, Data
analysis. The functional requirement can be more understood by
the following user case diagram.
ii. Non-Functional Requirement.

Non-Functional will describe how a system should

behave and what limits there are on its functionally. The Non-
Functional requirements cover all the remaining requirements
which are not covered by the functional requirements. The Non-
Functional requirements of the system are given below:

12
 Table1: Non-Functional Requirements

CATEGORY Non-Functional Requirement

Usability The user will find it very easy for the programmer but difficult for the

User who is not computer literate.

Reliability The system should perform its process in an accurate way and precision

To avoid problems and no data losses.

Performance The system runs smooth and fast relying on the hardware bases of

computer.
Implementation It can be implemented on the specific computer which supports it.
Speed and The system speed and responsiveness all depends up on the hardware of

Responsiveness the computer.

13
Feasibility Analysis

Feasibility study includes consideration of all the

possible ways to provide a solution to a problem. That proposed solution should
satisfy all the user requirements and should be flexible enough so that future
changes can be easily done based on the future upcoming requirements.
● Economic Feasibility:

This is a very important aspect to be considered while developing a

project. We decided the technology based on the minimum possible cost
factors.
- To use this webpage, it doesn't require any cost.

- There are no economical factors that are affecting our project.

● Technical Feasibility:

This includes the study of function, performance and constraints

that may affect the ability to achieve an acceptable system. For this
feasibility study, we studied complete functionality to be provided in the
system and checked if everything was possible using different types of
front-end and backend platform. We can add it new requirement and
upgrade technical resources.

● Operational Feasibility:

This project is fully GUI (Graphical User Interface) based and is

very user friendly and all input to be taken are all self-explanatory even
to a layman. As far as our study is concerned the clients are comfortable
and happy as the system has cut down their loads and doings. The
computer resources and network architecture of candidate system are
14
workable.

15
Object Modeling: Class and Object Diagram

Object Modeling Technique (OMT) is a real world-based modeling

approach for software modeling and designing. It was developed basically as a
method to develop object-orientedsystemsandtosupportobject-
orientedprogramming.Itdescribesthestatic structure of the system.
 Class Diagram:

Class diagram is a static diagram. It represents the static view of

an application. Class diagram is not only used for visualizing,
describing, and
documentingdifferentaspectsofasystembutalsoforconstructingexecutable
code
ofthesoftwareapplication.Thepurposeofclassdiagramistomodelthestaticvi
ew of an application. Class diagrams are the only diagrams which can be
directly mapped with object-oriented languages and thus widely used at
the time of construction.

16
 review

actionreview conditionreview

Figure2:ClassDiagramofthe System

 Object Diagram:

An object diagram is similar to a class diagram except it shows the

instances of classes in the system. We depict actual classifiers and their
relationships making the use of class diagrams. On the other hand, an
Object Diagram represents specific instances of classes and relationships
between them at a point of time. Objects are the real-world entities
whose behavior is defined by the classes. Objects are used to represent
the static view of an object-oriented system. We cannot define an object
without its class. Object and class diagrams are somewhat similar.

17
 Ecommerce.com

review
submitreview
Name=review

reviewname

Ecommerce Product list

Name=review

Figure3: ObjectDiagramofthe System

Dynamic Modeling: Sequence Diagram

Sequence diagrams, commonly used by developers, model the

interactions between objects in a single use case. They illustrate how the
different parts of a system interact with each other to carry out a function, and
the order in which the interactions occur when a particular use case is executed.
A sequence diagram is structured in such a way that it represents a timeline
which begin the top and descends gradually to mark this sequence of

18
interactions. Each object has a column and the messages exchanged between
them are represented by arrows.

19
 Inasequencediagramitisnecessarytoidentifytheobjectsoractorsthatwouldb
e involved in creating a new user account. Once the object is being identified,
then it is important to write a detailed description on what the use case does.

View Submit
features features

Store submitted
goods

Show features at footer

Figure4: SequenceDiagramof theSystem

ProcessModeling:Activity Diagram

Process modeling involves graphically representing the processes, or

actions, that capture, manipulate, store, and distribute data between a system
and its environment and among components within a system.
Activity diagram is another important diagram in UML to describe the

20
dynamic aspects of the system. Activity diagram is basically a flowchart to
represent the flow from one activity to another activity. The activity can be
described as an operation of the system. Activity is a particular operation of the
system. Activity diagrams are not only used for visualizing the dynamic nature
of a system, but they are also used to construct the executable system by using
forward and reverse engineering techniques.

21
 View products Submit product

View individual
products

Figure5: ProcessModelingoftheSystem

EntityRelationship Diagram

An entity relationship diagram (ERD), also known as an entity

relationship model, is a graphical representation that depicts relationships
among people, objects, places, concepts or events within an information
technology (IT) system. ER Diagrams are most often used to design or debug
relational databases in the fields of software engineering, business information
systems, education and research. Also known as ERDs or ERModels, they use a
defined set of symbols such as rectangles, diamonds, ovals and connecting lines
to depict the interconnectedness of entities, relationships and their attribute.

22
 review
review
Report

Userdesire

Figure6:ERdiagramofEcommerece

Context Diagram

Context diagrams show the interactions between a system and other

factors (external factors) with which the system is designed to interface. System
context diagrams can be helpful in understanding the context which the system
will be part of. They are used early in a project to get agreement on the scope
and can be included in are requirements document. A context diagram shows
the entire system as a single process.

23
 Online product

Figure7:Context DiagramofEcomerce

Level 1 DFD diagramofAdmin:

24
 In 1-level DFD, the context diagram is decomposed into multiple
bubbles/processes. In this level, we highlight the main functions of the system
and breakdown the high-level process of 0-level DFD into sub processes.

25
Figure8: Level 1DFDof Ecommerce

26
27
 SYSTEMDESIGN

System design is the process of defining the elements of a system such as the
architecture, modules and components, the different interfaces of those
components and the data that goes through that system. It is meant to satisfy
specific needs and requirements of a business or organization through the
engineering of a coherent and well-running system.

The system is based on HTML, CSS and PHP it is fairly static and does not
have working admin panel to perform CRUD operation through interface.
However, since our scope and knowledge are limited, we decided to make
the website less dynamic. Following are the system design of Ecommerce:
 View products

 Get information regarding latest tech update

 Get to know valuable products

 Submit products

 Receive Email upon Submission

ArchitectureDesign

Website architecture refers to the planning and design of a site’s

information architecture (IA) to establish structure and enhance usability. In
other words, it’ show you group your content into themes, and then sort those
themes from broader to narrower. Once mapped out, site structure is further
defined through elements like breadcrumbs, URL structure and navigation. Site
architecture organizes your content so visitors including search engines can
easily find what they want. As it turns out, that’s really important for SEO.

28
Figure9:ArchitectureDesign of Najikkomitho

29
DatabaseSchemaDesign

Figure10: DatabaseSchemaDesignofEcommerce

Product Submission Details

30
Figure11:ProductSubmissionDetailsin Database

31
InterfaceDesign

This is the User interface design; this is what the end user will be able to
view. As, this is the layer where user interaction takes place, it is important to
emphasize on it. We have done just so, we have integrated simple, minimal and
useful design approach. The colors used are neutral and the design is well
integrated with the system’s use case and scope of our website. We have also
designed our own logo that resembles the business platform; we have
implemented some Java Script to make the landing page dynamic. Here is a

screenshot of our landing page.

32
Figure12: InterfaceDesignof Ecommerce

33
 GanttChart

A Gantt chart is a project management tool that illustrates a project plan. It

typically includes two sections: the left side outlines a list of tasks, while the
right side has a time line with schedule bars that visualize work. The Gantt chart
can also include the start and end dates of tasks, milestones, dependencies
between tasks, and assignees.

Figure13: GanttChart

34
 CHAPTER4
IMPLEMENTATIONANDTESTING
IMPLEMENTATION

Tools Used:

Different tools, applications and technologies have been used in this project.
And all of them are discussed below:
● MicrosoftVisualStudio:

Microsoft Visual Studio is an Integrated Development

Environment (IDE) developed by Microsoft to develop GUI (Graphical
user interface), console, web application, web apps, mobile apps, cloud,
and web server, etc. With the help of this IDE, you can create manage a
code as well as native code. It uses the various platforms of Microsoft
Software development software like windows store, Microsoft
Silverlight, and Windows API, etc. It is not a language-specific IDE as
you can use this to write code in c#, c++, VB (Visual Basic), Python,
JavaScript, and many more languages. It provides support for 36
different programming languages.

● MySQL:

MySQL is an open-source, relational database management

system (RDBMS) that is not owned or controlled by one companion
individual. Because MySQL software is open-source, it is managed
mostly through coordinated online effort by an active global community
of developers, enthusiasts and other volunteers.
MySQL supports almost all relational database features and
offers a few unusual features that are normally absent in other RDBMS
engines. Commonly supported objects include views, stored procedures,
indexes, triggers and object- defined data types, in addition to general
RDBMS features such as primary keys, foreign key relationships and
35
atomicity.

36
● Frontend:

As a web developer, the three main languages we use to build

websites are HTML, CSS, and JavaScript. JavaScript is the
programming language, we use HTML to structure the site, and we use
CSS to design and layout the web page.
- Html

HTML stands for Hyper Text Markup Language. It is a

relatively simple language that allows developers to create the
basic structure of a website. Even the most complex websites
have HTML at their core. It’s also the second-most-used
programming language by developers.
HTML uses “elements,” or tags, to denote things like the
beginning of a paragraph, the bolding of a font, or the addition of
a photo caption. In this way, it controls how a webpage looks,
how the text is separated and formatted, and what the user sees.
[8]

- CSS

If HTML represents the building blocks of a website, CSS is away

to shape and enhance those blocks. CSS is a style sheet language

used to specify the way different parts of a webpage appear to
users. In other words, it’s a way to add some style and additional
formatting to what you’ve already built with HTML.
For example, perhaps you’ve used HTML to add header
text, and now you want that header to have a more pleasant font,
a background color, or other formatting elements that make it
more sleek, professional, and stylish. That’s where CSS comes
in. CSS also helps websites adapt to different device types and
screen sizes so that your pages render equally well on

37
 smartphones, tablets, or desktop computers. [8]

- JavaScript

JavaScript is a light-weight object-oriented programming

language which is used by several websites for scripting the
webpage. It is an interpreter, full-fledged programming language
that enables dynamic interactivity on websites when applied to an
HTML document. With JavaScript, users can build modern web
applications to interact directly without reloading the page every
time. The traditional website uses JS to provide several forms of
interactivity and simplicity. In addition to web browsers,
databases such as CouchDB and MongoDB uses JavaScript as
their scripting and query language.

38
Backend:

- PHP

PHP(HypertextPreprocessor) is a general-purpose scripting

language. It is used for the development of web pages. Using

web-based software applications it creates dynamic content that
interacts with databases. Using the command line interface, it can
be used with various web template systems, web content
management systems and web frame works. Considered as one
of the friendliest language sit easily lets you connect with
MySQL, many other databases. Due to the easy coding language,
it is very easy to deploy any e-commerce website within a short
period of time.

39
Implementationdetailsofmodules:

- ProductSubmission Module.

This Modules help users to submit their own recipes to the web
application and also help to store the user enter data into the data base.
This will allow the admin to interact and store information about the
users
Operation provided by this modelsystem are:

 Submit_review()

 verify_review ()

- UsermanagementModule.

This Module helps for managing different users of the system by

taking the secure measure to protect data and also gives the access to
edit their post, username, password, and email which are all stored in
PostgreSQL. Using different buttons that have been coded with different
queries and actions for the user to make them easy.
Operationprovidedbythis modelsystem are:

 add_post()

 delete_post()

 update_post()

 update_email()

 update_pass()

 update_uname()

- Textanalysis Module.

40
 This Model is used to analyze all the text that a user has posted in the
web application where the only positive content is taken in the
application. To share the positivity toward the people using it. The
module works into different techniques that are listed below:
-Tokenization

Tokenization is the act of breaking up a sequence of

strings into pieces called tokens. Tokens can be individual words
or even whole

41
 sentences.Forexample:Lianahadagreatyearin2021.Thetokenizationo
f this sentence is:
-Liana-had-a -great-year-in-2021

- Cleaning the data

Cleaning the data involves removing the special

characters. So, after cleaning the data we get, -Liana -had -a -
great -year -in -2021.
- Removingthestopwords

Stop words are commonly used in Text Mining and

Natural
LanguageProcessing(NLP)toeliminatewordsthataresocommonlyu
sed that they carry very little useful information.
-Liana

- Classification

Positive: +1

Negative:-1

Neutral:0

- Applysupervisedalgorithmforclassification

Supervised algorithm is a learning algorithm that maps an

input to an output based on example input – output pairs. In
simple terms, supervised learning means if this (input) then that
(output).
Liana:0
42
 great:1

- Calculation

1+0=1

Polarity>0:pos
itive
Polarity<0:neg
ative

43
Figure14:Tokenization AnalysisModule

- DatabaseModule.

This Module will be implemented by an object data base

management system used to store the persistence data. The database
consists of the following:
 User: User added to database with unique id based on the role.

 Post: Post added to the database with the user’s name to

see who posted the post.
Data Object:

U_ id, Username, Full Name, Email, Password, mobile

number Post_id, post, username

44
TESTING

PurposeofTesting:

The purpose of testing is to help in finalizing the software application or

product against business and user requirements. It is very important to have
good test coverage in order to test the software application completely and make
it sure that it’s performing well as per the specifications. Testing can be
verification and validation or reliability estimation. Some of the objectives of
software testing are given below:
 To check whether software is built. It is as per the requirement or not.

 Finding defects from the software before customers find them out.

 Defects gets fix from the developer.

 Preventing defects.

 Gaining confidence about the levelof quality.

TestcaseforUnitTesting:

A) Responsive Design:

Table2:UnitTestingforResponsiveDesign

Objectives Tocheck ifthedesignis responsive.

Action The contents of the webpage must change according to the

screen size

ExceptedResults Adynamicand responsive,user experience forboth desktop

and mobile.

Actual Results Theresultsmatchasexpected.

45
Conclusion Test Successful.

46
Figure15: DesktopView

47
Figure16: Mobile View

48
 B) Form-Validation:

Table3:Unit TestingforForm-Validation

Objectives ToValidateform inthe client sideusingJavaScript.

Action Userenterswrong/invalidinformation.Invalidusername,and
blank email.

ExceptedResults Tothrowrelevant exceptionerrorbefore submission.

Actual Results Theresultsmatchtheexpectation.

Conclusion Test Successful.

Figure17:FormSubmissionwithFalseInformation

49
Figure18:FormValidation Prompt

50
TestcaseforSystemTesting:

System testing is a process of testing the entire system that is fully

functional, in order to ensure the system is bound to all the requirements
provided by the client in the form of the functional specification or system
specification documentation. In most cases, it is done next to the Integration
testing, as this testing should be covering the end-to-end system’s actual routine.
So, the System Testing is divided into two testing that is:
- Alpha Testing

Alpha testing is the final stage of testing performed by your QA

team to check that your application is ready for release outside your
company. The testing is coordinated in-house, structured and is usually
done by your own test team. Alpha testing is predominantly about
ensuring bug-free functionality.
This testing is done very carefully for the bug-free. While doing
this we found different bugs and some of the bugs have been solved. A
few bugs are still needed to be fixed. The bugs that are there like (popup
bugs and posts that are not posted even though the data is positive.).
There are a few bugs that we are working to solve. But the bugs do not
affect the performance of the system a little bit. so, we can say that it is
ready to be released in the real world.
- BetaTesting

Beta testing involves releasing the software to a limited number

of real users. They are free to use it as they want. In other words, this
testing is unstructured. However, the users are encouraged to give
feedback about how the application performs. Usually, you will also
monitor how the backend is performing during these tests. Beta testing is
more focused on performance and scalability. So, for the beta testing we
have given access to the beta project to a few friends for a week then
after a week the feedback is taken from the users. The feed back was the
UI and the color coordination is very well and the working process is

51
smooth. And, also the content they have been getting is all positive
meaning the aim of the project works greatly. The only drawback is that
the project as the bugs that while posting the content even the positive
content the data is not taken by the application. But, after solving the
bugs it is a very good application for positive content which is perfect
for the real-world project.

52
 CHAPTER5

CONCLUSIONANDRECOMMENDATIONS

CONCLUSION

Ecommerce is a simple web base application where you can get

information about different and brand new accessories and mobile phones. By
using our website, the user can make difference and choose product as per their
preference. Our website is user friendly where the user can understand and learn
easily. We built our system on the basis of spiral model so our website is
versatile and dynamic.
We found that many people of our country and other countries were
searching for best but pocket friendly price and get consult at home so in that
scenario we are here to solve that problem. We build our website for to those
who are in search for such products. By doing this project we have achieved
different things and had fun doing this project.

LESSON LEARNT/OUTCOME

While making this project we have learned many things. And they are listed down
below:

 Learn to communicate and coordinate with the team.

 Learn to make a workable real time project.

 As gadgets and accessories user we learned that brand scamming is

common all over the world so we are here to provide you product as
you were searching for.
 We get chance to reach out national and international brand and
collect their collection for good sales having high profits .

53
FUTURERECOMMENDATIONS

We have got many things that we want to do in the comingdays, so some

of these are listed below:
 We will adding the real videos of repairing .

 We will try to add more brands in near future.

 We will try to add more bug free and error free applications.

 We will implement search algorithm min upcoming days.

 We will add rating system.

 The user can share their opinion with us by using comment and form.

54
 REFERECNCES

1. https://brandselectshut.com/

2. https://github.com/john-smilga/html-css-simply- recipes?
fbclid=IwAR0SXitEOAlPa8Kdx3YcWqN32dH0kcq77ycjaT58dglfz5I4l
v
_-JLnzTqEhttps://en.wikipedia.org/wiki/Newa_cuisine

3. https://www.techtarget.com/searchdatamanagement/definition/entity-
relationship- diagram-ERD?fbclid=IwAR1-
4. https://www.geeksforgeeks.org/levels-in-data-flow-diagrams- dfd/?
fbclid=IwAR3QN_cjbuwZxcPRo1nShMGTGmUlAOh0VcZHYqv4i_w
MN 4FqIsGduqyzoSw
5. FreeCodeCamp.Org(2022)[online]Availabeat:

6. https://www.youtube.com/watch?v=-
8LTPIJBGwQ&ab_channel=freeCode
Camp.org
7. VgNoZwrT_ZCY_c9AekxfUHeEq5Y3XYidxNFBtpfTTnuSjWCu7FD
GIZc#:~:t ext=An%20entity%20relationship%20diagram%20
8. En.wikipedia.org. (2022). Apple. [online] Available at:
https://en.wikipedia.org/wiki/samsung
[Accessed:4February.2022].
9. En.wikipedia.org. (2022). Newa People. [online] Available at:
https://en.wikipedia.org/wiki/techno [Accessed:4February.2022].
10. FontAwesome.(2022).Icons.[online]Availableat:https://
fontawesome.com/ [Accessed: 24 July 2022].
11. Wpbeginner (2020). WordPress Custom Fields. [online] Available at
: https://www.wpbeginner.com/wp-tutorials/wordpress-custom-
fields-101-tips- tricks-and-hacks/ [Accessed: 2 August 2022].

55