Project 201 15 13580
Project 201 15 13580
MARKETING
BY
Raiana Islam
Shifat
201-15-13580
ThisReportPresentedinPartialFulfillmentoftheRequirementsforthe
Degree of Bachelor of Science in Computer Science and Engineering
SupervisedBy
Co-SupervisedBy
Tapasy Rabeya
Senior Lecturer
Department of Computer Science and Engineering
Daffodil International University
JANUARY 2024
i
@DaffodilInternationalUniversity
ii
@DaffodilInternationalUniversity
ACKNOWLEDGEMENT
First, I express my heartiest thanks and gratefulness to almighty Allah for His divine
blessing makes me possible to complete the final year project successfully.
I really grateful and wish my profound our indebtedness to supervisor sir “Dr. Fizar
Ahmed” Associate Professor, Department of CSE Daffodil International University,
Dhaka. Deep Knowledge & keen interest of our supervisor in the field of “Web
Application” to carry out this project. His endless patience, scholarly guidance,
continual encouragement, constant and energetic supervision, constructive criticism,
valuableadvice,readingmanyinferiordraftsandcorrectingthematallstagehavemade it
possible to complete this project.
I would like to thank my entire course mate in Daffodil International University, who
took part in this discuss while completing the course work.
Finally, I must acknowledge with due respect the constant support and patients of my
parents.
iii
@DaffodilInternationalUniversity
ABSTRACT
In the contemporary digital landscape, I introduce "Gift Shop," a Multivendor E-
Commerce website development to simplify and enhance the online shopping
experience.Thisprojectcentersaroundthedevelopmentofauser-friendlye-commerce
platformtailoredforgiftingpurposes.“GiftShop"wantstoprovideaneasy-to-use,safe
online store where people can browse, choose, and purchase a wide range of gifts.
WordPressandtheWooCommerceframeworkwereusedinthewebsite'sconstruction,
which makes managing products on the site simple and the checkout procedure quick
andeasy."GiftShop"goesaboveandbeyondits dynamicuserinterfaceto provideits
userswithasimpleandpersonalizedbuyingexperience.Websitemanagersarealsoin
chargeof adding new products, maintaining the website current, and creating a unique
iv
@DaffodilInternationalUniversity
TABLEOFCONTENTS
Contents Page
Boardofexaminers i
Declaration ii
Acknowledgements iii
Abstract iv
CHAPTER
CHAPTER1:Introduction 1-3
1.1Introduction 1
1.2 Motivation 1
1.3Objectives 2
1.4Expected Outcomes 2
1.5ProjectManagementandFinance 2
1.6Report Layout 3
CHAPTER2:Background 4-5
2.1Preliminaries 4
2.2RelatedWorks 4
2.3ComparativeStudies 4
2.4Scopeof theProblem 5
2.5Challenges 5
CHAPTER3:RequirementSpecification 6-9
3.1BusinessProcess Modeling 6
3.2RequirementCollectionandAnalysis 7
3.3DesignRequirement 9
v
@DaffodilInternationalUniversity
CHAPTER4:DesignSpecification 11
4.1Front-end Design 11
4.2Back-end Design 11
4.3InteractionDesignandUserExperience(UX) 11
4.4ImplementationRequirements 11
CHAPTER5:Implementationandtesting 12-25
5.1ImplementationofDatabase 12
5.2ImplementationofFront-endDesign 12
5.3TestingImplementation 21
5.4TestResultsandReports 23
CHAPTER6:ImpactonSociety,Environmentand 24-25
Sustainability
6.1Impacton Society 24
6.2Impacton Environment 24
6.3EthicalAspects 25
6.4SustainabilityPlan 25
Chapter7:ConclusionandFuture Scope 26-28
7.1Discussionand Conclusion 26
7.2ScopeforFurther Developments 26
Reference 27
OriginalityReport 28
vi
@DaffodilInternationalUniversity
LISTOF FIGURES
FIGURE PAGE
Figure3.1.1:Business processmodeling 6
Figure3.2.1:WordPresswebsitedevelopmentlifecycle 7
Figure3.2.2:FlowChart 8
Figure3.2.3:DataFlowDiagramfor system 9
Figure5.2.1:Login Page 13
Figure5.2.2:Homepage 14
Figure5.2.3:Shop Page 15
Figure5.2.4:SingleProductPage 16
Figure5.2.5:CartPage 17
Figure5.2.6:CheckoutPage 18
Figure5.2.7:Profile 19
Figure5.2.8:Admin panel 20
vii
@DaffodilInternationalUniversity
LISTOFTABLES
TABLE PAGE
Table5.3.1:Differenttests 22
8
@DaffodilInternationalUniversity
CHAPTER 1
INTRODUCTION
1.1 Introduction
"GiftShop"'sprimaryobjectiveistouseWordPressandWooCommercetobuildanintuitive
multivendoronlinestore.Thewebsite'slayoutanddesignmakeiteasierforuserstobrowse,
choose products, and make gifts. In Additionally, any user can register as a vendor to sell
gifting products. The shopping cart's ease of use, several payment options, and simple
checkout are its main features.A convenient purchasing experience is offered by the
website to registered users.The upkeep of the website, the addition of new items, and
guaranteeing a varied selection for users are all key responsibilities of administrators.
1.2 Motivation
Therelationshipbetweendigitalconnectivity,business,andgiftingiscomplexandwasborn
outoftheadventofthe"giftshop".Wearemakingonlinegiftshoppingmoreenjoyableand
convenient by utilizing WordPress and WooCommerce."Gift Shop" is a religious platform
that offers a wide selection of presents for online purchasing and selling.
1.3 Objectives
The goal of this WordPress website development project is to revolutionize the way that
consumers purchase gifts.Our goal is to develop the user-friendly, secure, and visually
appealing "Gift Shop" website.It ought to simplify the redemption process and gift-buying
forusers.Ourgoalistomakeavisuallyappealinganduser-friendlywebsitethatenhancesthe current
experience.
1.4 ExpectedOutcome
The"Gift Shop" aims to build a user-friendly, aesthetically pleasing website that seamlessly
combines functionality and design.People can use this straightforward multivendor e-
commerce site to browse gifts.Users will have an interface that is at least as simple to
navigateasawebsitewithcarefulproductselection.HereisaWordPressandWooCommerce
website called "Gift Shop" that is not only aesthetically pleasing but also functional and
symbolizes fundamental safety and security.The purpose of "Gift Shop" is to develop a
simple, aesthetically pleasing, enjoyable, and easy-to-use website for gift browsing. People
canusethisstraightforwardmultivendore-commercesitetobrowsegifts.Userswill
9
@DaffodilInternationalUniversity
experience something at least as straightforward as an understandable website if product
selection is done with consideration.I have designed a website that is not only aesthetically
pleasing but also functional and embodies fundamental safety and security for vendor and
customer thanks to WordPress and WooCommerce current experience.
1.5 ProjectManagementandFinance
Developed using open-source resources, "Gift Shop" follows a cost-effective approach to
project development. I keep financial considerations minimal, focusing on optimizing
resources. Any future updates will undergo thorough financial scrutiny. While maintenance
costs are low, Daffodil International University oversees their management.
1.6 ReportLayout
This report unfolds as a narrative, encapsulating the essence of "Gift Shop." Chapters
dive into diverse topics, ranging from project overview and technologies employed to
challenges faced, solutions devised, and future trajectories envisioned. The subsequent
chapters provide a detailed exploration of the meticulous planning and execution that
define the "Gift Shop" WooCommerce website.
10
@DaffodilInternationalUniversity
CHAPTER 2
BACKGROUND
2.1 Preliminaries
In the realm ofonline shopping, individuals have long grappled with the challenges of
finding the perfect gift seamlessly. While platforms like Google Maps have simplified
the navigation aspect, the need for a comprehensive solution that includes suggestions
for vehicles and associated costs has remained unmet. Recognizing this gap, our
venture, "Gift Shop," emerges as a collaboration, aiming to integrate the functionality
of Google Maps into a holistic gift-shopping experience. We are committed to
addressing real-life travel requirements, ensuring that users not only find paths but
receive intelligent recommendations for vehicles and associated costs.
2.2 RelatedWorks
The digital landscape is dotted with various e-commerce projects, each attempting to
solve specific aspects of the gift-shopping puzzle. However, a common challenge
prevails—nosingleapplicationadeptlytacklesallfacetssimultaneously."GiftShop"is
designedwithasingularmission:tobethecomprehensivesolutionthatresolvesallthe
challenges presented by existing applications. This project is distinctive in its
commitment to addressing the entire spectrum of user needs, making it a pioneering
endeavor in the realm of online gift shopping.
2.3 ComparativeStudies
A parallel can be drawn with the evolution of Google Maps, initially focused on
providing path directions and gradually expanding its scope to include additional
featureslikeinformationonnearbyestablishments.LeveragingthestrengthsofGoogle
Maps,"GiftShop"seekstocollaborateandintegratethesefunctionalitiesintoasingular
platform. As the only project dedicated to addressing all facets of gift shopping, our
applicationgoesbeyondexistinglimitations,offeringusersaone-stopsolutionfortheir
gifting needs. As a multivendor e-commerce website, "Gift Shop"
11
@DaffodilInternationalUniversity
2.4 Scopeoftheproblem
Thecoreobjectiveof"GiftShop"istorevolutionizetheonlinegift-shoppingsystem,
providing aseamless and comprehensive solution to eliminate travel-related challenges.
InitiallyfocusedonDhaka,thedatabasearchitectureisdesignedforeasymodification,
enablingexpansiontootherdivisions.Thedynamicnatureoftheprojectallowsforthe
additionofnewfeaturestoenhanceuserexperiencecontinually.
2.5 Challenges
Our journey involves overcoming several challenges, our main goal is to make sure
our audience feels safe and finds it easy to use our website. Creating a user-friendly
interface is a key challenge for us. ensuring that users navigate the platform
effortlessly. Additionally, as an independent platform, a robust backend is essential
to facilitate smooth functionality across various features. The dynamic nature of our
project, complemented by a feature-rich admin panel, eliminates the need for a
separate backend server for data updates, putting control in the hands of
administrators for seamless management.
@DaffodilInternationalUniversity
12
CHAPTER
3KEYSPECIFICATIO
N
Projectguidelines"coverwhatfeaturesasystemorapplicationshouldhaveandhowit should
behave [1]. The whole project is created based on these guidelines. Developers build
their projects by paying attention to what the customers need.
3.1 CommercialWorkflowDesign
TheCommercialWorkflowDesign ofour project isdepictedinthefigure 3.1.1.
Figure-3.1.1(CommercialWorkflowDesign)
@DaffodilInternationalUniversity
13
3.2 ProjectRequirementGatheringandAssessment
Collectingandanalyzingrequirementsiscrucialforanyproject.It'snotjustessential
forbuildingprojectsbutalsoformanagingthemeffectively.Thisstepisparticularly vital
in project management. Essentially, we gather requirements based on what the
customer needs. If a project doesn't meet all these requirements, it runs into risks. In
such cases, the project might not meet customer satisfaction. That's why gathering
requirements is the cornerstone of project management. Therefore, we gather all the
necessary requirements based on customer needs, and we plan to gather more in the
future for further project development.
WordPressWebsiteCreationProcess
It is theessenceofWordPress websitecreation. It encompasses theentireprocess of
buildingawebsite,startingfromplanningandextendingtodevelopment.Amongthe
variousmodelsofwebsitecreation,theagileapproachstandsoutasthemosteffective
withinthecontextofWordPress.Theagilemodelsuggestsincrementalanditerative
methods for designing the website.
Figure:-3.2.1(WordPressWebsiteCreationProcess)
@DaffodilInternationalUniversity
14
FlowChart
Theentireprocess ofour project isdepictedin the figure3.2.2.
Figure:3.2.2(FLOW-ChART)
@DaffodilInternationalUniversity
15
DataflowDiagram
A Flowchart illustrates how processes or systems interact [4]. It's the initial step to
create a comprehensive view of a project and aids in visualizing data. Our project's
flowchart is displayed in section 3.2.3. This process is completely implemented in
our project.
Figure:3.2.3(Dataflowdiagramforsystem)
3.3 DesingRequirements
Designspecificationsarecrucialinprojectmanagement.Ifdeveloperscreateanapplication
thatisnotuser-friendly,itwon'tfindaplaceinthemarket.Userswilllikelyseekalternative
solutions.Architecturaldesign,usecasediagrams,flowcharts,andmultidimensionaldata
language all fallunder design specifications. In our project, we utilize modern andupdated
toolstoensureuser-friendliness.Currently,weareactivelyworkingonenhancingitsappeal.
Inthefuture,we'll continuetomonitorandupdateourapplicationregularly.
@DaffodilInternationalUniversity
16
ArchitectureDesign
Iaimtoconstructmy projectwithasimpleyetrobuststructure,ensuringaccessibility
forusersonanydevice.Anelementaryframeworkofourstructuraldesignisdepicted in the
illustration.
@DaffodilInternationalUniversity
17
CHAPTER 4
DESIGNSPECIFICATION
4.1 UserInterfaceDesign(UI)Design
Foruserinterfacecrafting,weutilizeHTML,CSS, andjQuery.Withthesetools,I create
the entire website. These are widely recognized for user interface design..
4.3 UserInteractionandExperienceDesign
Iplaceastrongemphasisondesigningmyprojecttobeuser-friendly.IleverageGoogle
forcraftinginterfaces,ensuringthatIdon'tdirectlyreplicateanyone'sideas.Instead,I
amalgamatevariousconceptstomakeourapp'sinterfaceappealing.
4.4 ExecutionNeeds
aim to incorporate all the specific requirements that are suitable for our project.
Keeping our project up-to-date is crucial, and we continuously strive to update the
data regularly.
@DaffodilInternationalUniversity
18
CHAPTER 5
IMPLEMENTATIONANDTESTING
5.2 Userinterface/Front-endDesignImplementation
The user interface (UI) of our application encompasses components such as login
pages, homepages, admin panels, product pages, and more, each detailed below:
User Authentication:
Theinitialinterfaceusersencounteronourapplicationisthe"Login"page,accessible
when accessing the WordPress website admin login. The login process is linked to
the user's email. Upon entering the login page, two options are presented: the first is
foruserswhoarealreadyregistered,allowingthemtologineasily.Thesecondoption is for
new users who need to register. Clicking the "Register Here" option prompts users
to set the required information for registration. After providing the necessary
details, users click the register button, triggering an email sent to the provided email
address. The email contains a registration link, and upon clicking it, the email is
registered. Subsequently, users can log in effortlessly by providing their email and
password. Details of the login page are illustrated in Figure 5.2.1.
@DaffodilInternationalUniversity
19
Figure:5.2.1(loginpage)
@DaffodilInternationalUniversity
20
Front-page:
Thecentralhubofourprojectisthehomepage,servingastheprimarylandingpage.It
featuresaprominentroutebanner,highlightedproducts,andcategorizedproductlistings.
ThespecificsarepresentedinFigure5.2.2.
Figure:5.2.2(Homepage)
@DaffodilInternationalUniversity
21
AllProductPage/Shoppage:
Itisthemainpageofthis WooCommerceshop. Themainsectionofthepagedisplaysall
products,providingacomprehensiveviewoftheentireproductcatalogforuserstoexplore
andchoosefrom.Additionally,thereisaleftsidebarwithasearchfilter,allowingusersto
refinetheirproductsearchesbasedonspecificcriteria.Thesearchfilterenhancestheuser
experiencebyenablingquickandtargetedproductdiscovery.5.2.3willshowtheproduct page-
Figure:5.2.3(Shoppage)
@DaffodilInternationalUniversity
22
SingleProductpage:
This is the dedicated page for a single product In our website shop.The user's text is
empty.
Thepurposeofthepageistoprovidecomprehensiveinformationontheselectedproduct. The
content comprises a visual representation of the product, a brief and succinct
explanation ofthe product, and detailedspecs.Usersmay access crucialinformation,
includingprice,availability,andanyrelatedproductvariants.Thewebpagealsoprovides
auser-friendlyandintuitivedesign,enablinguserstoeffortlesslyaddthegoodstotheir
shopping basket.
Furthermore, there can be customer evaluations and ratings available to provide
perspectivesfromotherpurchasers.Thedesignofthesingleproductpageiscarefully
created to provide a smooth and enlightening user experience. It effectively leads
customersthroughthemanyfeaturesandadvantagesoftheselectedproduct,whilealso
simplifyingthepurchasingprocedure.seeninFigure5.2.4.
Figure:5.2.4(SingleProductPage)
@DaffodilInternationalUniversity
23
Cart Page:
This page functions as the central location forour chosen things, displayingeach one
clearly.Anoverviewofouroptions,includingthenumberandcost,enablesconvenient
assessmentandadjustment.Wemayeasilyinclude,eliminate,ormodifyamountsaswe
meticulouslydesigntheidealassortment.TheCartPage,withitsuser-friendlydesign,
simplifiesourshoppingexperience,preparingusfortheseamlesstransitiontocheckout.
Ready to proceed? Our cart is a reflection of our unique selections, and we're here to make
thenextstepsasstraightforwardaspossible.Detailsshowinfigure5.2.5
Figure:5.2.5(Cart Page)
@DaffodilInternationalUniversity
24
Checkout:
StepintoourCheckoutPage–thefinaldestinationinourshoppingjourney.Thispageis
meticulouslycraftedto ensureasmooth andsecuretransition from cart to completion.Our
selected items are summarized with precision, detailing quantities, prices, and any
applicablediscounts.We'llenterourshippingdetailsandpreferredpaymentmethodin
theintuitivelayout,designedforefficiencyandclarity.DepictedinFigure5.2.4,5.2.6-
Figure:5.2.6(CheckoutProcess)
@DaffodilInternationalUniversity
25
MyAccount/Profile:
ThisiswherewehavethereinsonourWooCommerceexperience.Wecantweakour
personaldetails,updateourpasswords,andglanceatourorderhistorywithease.Ifwearea
vendor,wecanaccessvendordashboardforaddingorupdatingproducts. Thedashboard
keepsusintheloopwithquicksnapshotsofouraccountstatus,displayingpendingorders
andrecentactivity.Makingchangestoourprofilesortrackingordersisabreezethanksto
thestraightforwardnavigation.DepictedinFigure5.2.7-
Figure:5.2.7(MyAccountPage)
Figure:5.2.7(My Account)
@DaffodilInternationalUniversity
26
Adminpanel:
thecontrolhubformanagingourwebsite.Accessedthroughasecurelogin,it'sauser-friendly
interfacewherewecancollectivelyoverseeeverythingaboutoursite.Onceyougettothe admin
panel,thepowerof customizationlieshere, creating fullscopeand contentforsetting
upandinstallingplugins.Wecandoeverythingincluding comments,tracksitemonitoring,
statistics,anduserrolemanagement—andit'sallinonecentralhub.Itadditionallyhelps
manage and structureour WordPress website, and it standardizes in Image5.2.8 howto edit
easily.
Theadminpaneliswheretherealcustomizationmagichappens;here,youmaycreatethe
entirescopeandcontentneededforinstallingandconfiguringplugins.Everythingthatwe can
dois centralizedinoneplace,includingtrackingsitemonitoring,managinguserroles, leaving
comments, and statistics.It also standardizes how to modify simply and helps
organizeandmanageourWordPresswebsite(seeImage5.2.8).
Figure:5.2.8(WordPressAdmin-PanelInterface)
@DaffodilInternationalUniversity
27
5.3 QualityAssuranceTesting
Testcase1.1:
Precondition:Thewebsiteisanaccessibleone,andusershavetoselectproducts.
Assumptions:Userisauthenticated,andselected productsareinstock.
Input: Navigate to the checkout page and fill in the required information.
Result:Thecheckoutprocessissimple,andtheuserisprovidedtocompletethe
transaction.
TestCase1.2:
Precondition:Afterfinishingcheckout,theuserisonthetransactionpage.
Assumption: The user is authenticated, and the chosen products are available
in inventory.
Input:Navigateto thecheckout pageandcomplete therequired fields.
Result:Thecheckoutprocessissmooth,andtheuserisdirectedtothepayment step.
TestCase1.3:
Precondition:Theuserisonthepaymentpageaftercompletingthe checkout.
Assumption:Paymentgatewaysareconfiguredand
operational.
Input: Choose a payment method and provide necessary details.
Result:Thepaymentisprocessedsuccessfully,andtheuserreceivesa
confirmation of the order.
TestCase1.4:
@DaffodilInternationalUniversity
28
5.3TestCaseExecution
Thetestcaseswereruninacontrolledsettingtoguaranteeaccurateresults.Caseswere
handled in a regulated environment to guarantee this specific outcome.Instead of a
responsivewebsitewithWordPressandWooCommerceperformance,thiswasnotthe
desired outcome
5.4AssessmentOutcomesandTestingReports
Thetestresultsconfirmtheeffectiveimplementationofessentialfeatures,suchasthe
product purchasing flow, checkout procedure, payment process, and user account
management, on the WordPress WooCommerce website. The website is functioning
well,deliveringasmoothanduninterruptedshoppingexperiencefromthemomentof
selecting a product to the confirmation of the purchase.
@DaffodilInternationalUniversity
29
CHAPTER6
SocietalImpact,EnvironmentalandSustainableImpact
6.2 ImpactOnEnvironment
Significant technological and environmental consequences are associated with the
"gift-shop"website,whichheavilyimpactsuser-friendliness.Foruserstoutilizeour
platform, they require a smart device, such as a smartphone.This could lead to
furtherenvironmentalissuesandbenecessaryfortheproductionanddisposalofthe
device. Our firm stance is in favor of responsible device management that adheres
to proper recycling processes in order to alleviate this problem.As we encourage
environmentally sustainable conduct among our customers, our main goal is to
increase knowledge and awareness regarding electronic waste
@DaffodilInternationalUniversity
30
6.3 EthicalAspects
Our multivendor e-commerce website, an attempt at "gift shop" technology, is
createdwithethicsinmind.Customersecurityandprivacyareveryimportanttous. We
place a high value on transparency because it fosters confidence in us and
motivatesustocreateuser-generatedethicaldevelopmentstrategies.Thisprojectis
open-source.
6.4 SustainabilityPlan
Wetakegreatprideinregularlyupdatingandmodifyingthe"Gift-Shop"WordPress
Multivendor eCommerce website with its cutting-edge support, as it is designed to
last a lifetime.In general, we are upgrading and communicating with the newest
technology, as well as embracing it.We are always working toward our goal of
offering a robust and long-lasting online purchasing experience.
@DaffodilInternationalUniversity
31
CHAPTER 7
CONCLUSIONANDFUTURESCOPE
7.1 DiscussionandConclusion
The purpose of the "Gift-Shop" WordPress Multivendor e-Commerce website is to
make it simple for administrators and regular users to purchase and sell gifts.The
"GiftShop" website offers you easy present selection and purchase, as well as a
seamless browsing experience, together with all the necessary information on gifts.
Because the program is open source and free of advertisements, updates and
improvementscanbemadewithease.Mygoalindevelopingthewebsitewastomake it easy
to update and to save time for committed users.
7.2 OpportunitiesforFutureEnhancements
Thepurposeofthe"Gift-Shop"WordPressMultivendoreCommercewebsiteistogrow
theplatformandimprovetheuserexperience.Itspurposeistogivecustomersafeature-
rich,intuitiveplatformforalloftheirgift-buyingneeds.Wearecommittedtokeeping the
website simple while also improving its aesthetically pleasing design and user-
friendly layout.
@DaffodilInternationalUniversity
32
REFERENCE
[3] XamppServer,availableat<<https://www.apachefriends.org//>>lastaccessedon10-122023 at
7:00pm.
@DaffodilInternationalUniversity
33
ORIGINALITYREPORT
@DaffodilInternationalUniversity
34