Design and Implementation of A Mobile E-Commerce P
Design and Implementation of A Mobile E-Commerce P
1, December 2024 41
Alturki, B. Adabashi, A.
Faculty of Engineering, Sabratha University Faculty of Engineering, Sabratha University
[email protected] [email protected]
https://orcid.org/0000-0002-8339-3836
Index Terms— e-commerce, mobile application, machine The e-commerce domain serves as the nexus where
learning techniques, recommendation system, image-based innovation, convenience, and consumer preferences
search. converge. In the B2C sphere, direct sales from businesses
to end consumers redefine retail paradigms, while B2B
I. INTRODUCTION transactions underpin inter-company commerce.
Irrespective of the domain, the overarching objective
I
nformation and communications technology has
evolved over time, which has the ability to play an
important role in developing and improving services for
remains consistent, facilitating seamless access to goods
and services across diverse digital platforms,
transcending geographical constraints and temporal
distributing services and solutions in the business sectors limitations.
simplifying daily tasks [1]. Nowadays, finding everything
one needs remotely has become effortlessly achievable Moreover, with the widespread use of smartphones,
with a few clicks, provided there's a reliable internet mobile e-commerce has become an integral part of our
connection. As in all other spheres of life, the commercial daily lives. An e-commerce mobile application is a digital
field has also evolved in tandem with technological platform specifically designed and developed for
advancement. With electronic commerce, people may handheld devices that facilitates online buying and selling
now purchase and obtain the things they need without of goods or services.
ever leaving their houses. Of the various technological advancements shaping
ـــــــــــــــــــ ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ this landscape, Machine Learning (ML) stands at the
Received 15 Apr , 2024; revised 12 May, 2024; accepted 15 Mar 2024.
forefront, exerting a profound influence on the dynamics
Available online 08 Aug, 2024.
of e-commerce. The application of machine learning
Chat Features
Personalized
Search Type
Suggestions
Platform
System
online marketplace, enabling them to make well-informed Inspired by these applications, this paper presents the
choices with confidence. design and implementation of a mobile e-commerce
system using machine learning techniques.
Over the years, several different approaches for
generating recommendations have been proposed. Bansal
et al. [10] applied GRU-based recurrent neural networks III. METHODOLOGY
to transform item text into latent features. This approach The Software Development Life Cycle known as the
aimed to enhance collaborative filtering performance, Iterative Waterfall Model was used for developing this
particularly for addressing cold start challenges. They mobile e-commerce application. This approach allows for
tested the model on a citation recommendation system periodic reviews and adjustments in each phase of
using real-world datasets from CiteULike, including both development, offering greater flexibility and adaptability
dense and sparse versions. Their model was compared to changing requirements and stakeholder feedback while
with a modified version of collaborative topic modeling. still maintaining the structured, sequential nature of the
Across both datasets, their proposed model demonstrated Waterfall Model. The typical phases in this model include
statistically significant performance improvements. requirements, design, implementation and testing. The
Zheng et al. [11] presented DeepCoNN (Deep details of each phase are given in the following
Cooperative Neural Networks) as a novel approach to subsections.
recommender systems. DeepCoNN applies deep learning A. Requirements
to jointly capture user and item characteristics using
reviews. It incorporates two parallel neural networks— In the pivotal phase of requirements gathering, a
one for learning user preferences and another for item comprehensive exploration of the research objectives and
properties from reviews. These networks share a top stakeholder requirements is systematically conducted.
layer, allowing interaction between learned factors for This research used two methods to collect requirements:
users and items, resembling factorization machines. competitive analysis and market research.
Liang and Baldwin [12] introduced a novel Gathering requirements through competitive analysis is
recommender system approach called the Probabilistic a valuable method for comprehending market trends,
Rating Auto-Encoder. This system leverages customer expectations, and industry best practices.
unsupervised feature learning and generates user profiles Through the examination of competitors and their
from user-item rating data to enhance collaborative offerings, one can derive invaluable insights to inform the
filtering methods. By adding deep learning to development of their own products or services. The
conventional approaches like matrix factorization, advantages of competitive analysis include gaining a
particularly with the yelp.com dataset in the e-commerce deeper understanding of the market landscape, learning
domain, they observed statistically significant about customer preferences and expectations.
improvements in rating prediction. Market research encompasses the collection, analysis,
V. Paranjape et al. [13] deployed a machine learning and interpretation of data related to the market and
approach for item recommendation in e-commerce potential customer base. Through meticulous
making use of collaborative based model. This research examination, it enables organizations to acquire crucial
follows the model based approach using the concept of insights that inform strategic decisions. The advantages
singular value decomposition (SVD) in order to get the of market research include preventing the wastage of
ratings of unrated items and minimize the sparsity resources on ineffective strategies, understanding
problem. customer preferences and needs, and proactively
addressing potential risks and challenges.
Image background remover, in the realm of image
processing, a machine learning-based background The most important aspect of obtaining a
remover stands as an advanced technique utilizing deep comprehensive picture of the interactions between users
learning algorithms, particularly convolutional neural and the platform is to perform a system requirements
networks. Its primary function is to automatically identify analysis. The paper employs the use of use case diagrams
and isolate foreground objects from their backgrounds to model user interactions with system components. This
within digital images. The core principle revolves around serves the purpose of identifying and elucidating user
the algorithm's ability to recognize patterns, textures, and requirements. The main functions of the system, as
contours, enabling it to accurately delineate the depicted in Figure 1, represents the core operations and
foreground objects and remove the surrounding activities that the system is designed to carry out. These
background. functions hold critical importance, as they are essential in
guaranteeing the system's effective realization of its
intended goals and in meeting the needs of its users.
real-time chat services and capturing user system of customers in the realm of buying and selling.
interactions. In MongoDB, data is organized into Individuals have the option to register on this platform,
collections, which are similar to tables in relational either as merchants to showcase their products or as
databases. Each collection contains a set of documents, customers to peruse and make purchases.
where each document represents an individual item or
The application is accompanied by a dedicated
entity.
website shown in Figure 3 that provides detailed insights
Machine learning techniques: In the realm of into the application's features and usage guidelines. User
machine learning implementation, a variety of techniques can easily access this website to download the
were used. Singular Value Decomposition (SVD) was application.
utilized for collaborative recommendations, while TF- FIGURE 3. STORY WEBSITE
IDF and cosine similarity integration for content-based
recommendations. For image feature extraction, The major objectives of developing STORY
ResNet80 Convolutional Neural Network (CNN) was
utilized for both image search and content
recommendation, and incorporated ANNOY as the search
algorithm. Finally, the extraction of the image's
background was successfully accomplished through the
utilization of Rembg algorithm. The Rembg algorithm is
an advanced tool based on deep learning, specifically
utilizing the U-2-Net-L neural network architecture to
precisely remove backgrounds from images. This
algorithm operates on the principle of semantic
segmentation, where it identifies and understands the
semantic meaning of different parts of an image.
Furthermore, in this study, Socket.IO a JavaScript
library, was used to enable real-time, bidirectional
communication between clients (users and devices) and
the system servers. It utilizes WebSocket as the
underlying protocol to provide low-latency, full-duplex
communication channels. To utilize Socket.IO, the initial
step involves incorporating the Socket.IO library on both
the client and server facets of the application. This
ensures seamless communication between the client and
server, facilitated by Socket.IO's protocol.
D. Testing application are to:
Provide customers with product recommendations
The testing phase ensures the integrity and quality of based on their behavior and individual preferences to
the system by thoroughly examine the system to uncover enhances their shopping experience.
and resolve any issues or irregularities. This phase is like
a final check to make sure the system functions smoothly Provide customers multiple search options, including
and meets the intended requirements. Various types of image-based search, and text search to diversifies
tests were conducted to address every aspect of the their browsing experience.
mobile e-commerce application. Provide tools and interfaces for vendors to manage
Unit testing involves testing each function in the their product listings, inventory, pricing, and order
system individually, isolating it from its dependencies to fulfillment efficiently.
ensure the excellence and correctness of each function. Streamline the order processing and fulfillment
Integration testing is a multifaceted process that extends process, including order tracking and communication
to data integrity. This phase is crucial in ensuring that between vendors and customers.
data is seamlessly shared and processed between various
Offers sellers the opportunity to deal directly with
components, guaranteeing the integrity and reliability of
customers via an internal messaging system
the application.
integrated into the platform, which simplifies the
Furthermore, system restrictions and permissions process of inquiries and negotiations.
testing was performed, which is an essential step to Enables sellers to effectively remove the background
ensure that the system accurately enforces access from product images, thereby enhancing their visual
restrictions and permissions assigned to different user appeal and overall attractiveness.
roles.
Provide vendors with analytics tools to track sales,
customer behavior, and other key metrics, enabling
IV. THE PLATEFORM
data-driven decisions.
The STORY platform developed in this research
represents a system designed to cater to the requirements
B. Seller Interface
The Seller homepage consists of the statistics, orders,
financial analytics and customers section as shown in
Figure 7. The statistics section ( )االحصبئيبتprovides
A. Customer Interface sellers with crucial insights and metrics related to their
performance, order volumes, customer acquisition, and
FIGURE 4. GENERAL CATEGORIES PAGE SCREENSHOT daily sales. The Order Analytics section ( )الطلببتprovides
sellers with detailed insights into specific order statuses,
The customer interfaces serve as the primary analytical drawing displaying the percentage of orders
interaction point for users browsing and purchasing attributed to each category, individual product sales, and
products. The customer homepage consists of the sales frequency over different time frames.
recommendation product tab, followed store, search, and
the general categories page. The general categories page The Financial Analytics section ()البيبنبت المبلية
( )الفئبتshown in Figure 4, showcases a structured layout visualizes the information about total sales, profits, and
presenting various product categories available within the profit percentages through bar charts that depict sales and
application. It enables users to browse through diverse profits over different time periods. In addition, it provides
categories, offering a clear and organized navigation path. graphs to compare weekly, monthly and yearly sales
against previous periods. Furthermore, it provides
insights into average order value and breaks down sales
figures by product category.
The customer section ( )العمالءoffers sellers insights
into customer acquisition trends, order frequency, and a
breakdown of customers based on their order count
within various time frames.
V. SYSTEM EVALUATION
FIGURE 5. RECOMMENDATION PAGE SCREENSHOT
In the process of evaluating the system, the
The recommendation product page ( )لكdescribed in questionnaire consisting of 12 questions was used. It aims
Figure 5, offers personalized recommendations tailored to to gather insights into the user experience, identify areas
individual user preferences. The followed store tab of improvement, and assess overall satisfaction. Each
( )المتببعةexclusively showcases products from stores question within the questionnaire has been carefully
followed by the user. Figure 6 shows the search tab selected and worded with meticulous precision to
( )البحثoffers versatile search capabilities, empowering effectively measure usability. Questions related to
users to explore products through both text-based queries usability cover various aspects, including ease of
and image inputs. navigation, task efficiency, and system responsiveness.
FIGURE 6. SEARCH PAGE SCREENSHOT
VI. CONCLUSIONS
This study applied ML techniques to develop a mobile
e-commerce platform called STORY, in order to support
the advancement of the Libya's online retail market. This
platform seamlessly integrates numerous features,
including multi-vendor functionalities and cutting-edge
AI elements such as image search, background removal,
recommendation systems, real-time chat, and
comprehensive vendor analysis tools. Furthermore, the
utilize of open-source technologies such as PHP,
MySQL, Dart, Node.js, and Python not only underscores
the application's robustness, but also emphasizes its
commitment to simplicity, performance, and security.
Moreover, the evaluation using questionnaires
highlighted its efficacy in enhancing user experiences and
empowering vendors with data-driven insights.
For future research, this study suggests to add some
The process begins with the collecting basic features to increase the application performance and
demographic data from the participants. Followed by users’ satisfaction such as:
questions evaluating ease of use. These questions are Implement a range of electronic payment options,
specifically designed to assess the ease of use, including digital wallets, mobile payment systems,
satisfaction, and system efficiency. They are tailored to and additional emerging technologies, to offer users
provide insights into the user's perception of how user- with diverse and secure methods to conduct in-app
friendly and convenient the software is in practical use. transactions.
The questionnaire concludes with an open-ended Develop an integrated delivery service program
question, inviting participants to provide qualitative within the application framework and orders tracking
comments and express their thoughts using their own to ensure efficient and reliable delivery experiences
words. This qualitative data collection method gathers for purchased items.
deeper insights into participants' experiences with the
Develop a feature allowing users to seamlessly
system.
convert product images into interactive 3D models
The distribution strategy for collecting user feedback within the application.
involved utilizing the Facebook platform within a
dedicated group over a period of few days. REFERENCES
The questionnaire survey, drawing 20 responses, [1] Asif Rahman, Md., M. A., and Khan, Rabiul Islam Md., 2022.
reflected a gender distribution of 33% male and 66% Design and Implementation of a Web-Based Electronic-
female. The user satisfaction resonated positively, with Commerce System. European Journal of Engineering and
Technology Research, Vol 7.
38% expressing being "very satisfied" and 53% reporting [2] DOI: http://dx.doi.org/10.24018/ejeng.2022.7.2.2789
as "satisfied" while a remaining 9% remained "neutral" [3] Meesam, M. 2021. "Business Organization and e-Commerce".
Regarding usability, a substantial 70% rated it as "very Journal of Advance Research in Science and Social Science
good" with an additional 25% considering it "good". (JARSSC) 4(1),pp. 181-191.
[4] Statista:https://www.statista.com/statistics/617136/digital-
These figures indicate that a commendable user population-worldwide/, accessed on Fepruary 11, 2024.
experience and high usability. [5] Niranjanamurthy, M., Kavyashree, N., Jagannath , S., and Chahar,
D. 2013. ―Analysis of ecommerce and m-commerce: advantages,
limitations and security issues,‖ International Journal of Advanced
Research in Computer and Communication Engineering, 2(6),
2360- 2370.
[6] Chopdar, P.K., Balakrishnan, J. 2020. ―Consumers response
towards mobile commerce applications: SOR approach,‖
International Journal of Information Management, 53, 102106.
[7] Alzu’bi, A., Amira, Ramzan, A. N. 2015. ―Semantic Content-
based Image Retrieval: A Comprehensive Study,‖ J. Vis.
Commun. Image R.
System Usability
[8] Krizhevsky, A., Sutskever, I., and Hinton, G. 2017. ―Imagenet
classification with deep convolutional neural networks,‖ Commun.
ACM, vol.60, pp. 84–90.
[9] Babenko, A., and Lempitsky, V. 2015. ―Aggregating local deep
features for image retrieval. In International Conference on
Computer Vision (ICCV)‖, Proceedings of the IEEE International
Conference on Computer Vision (ICCV), pp. 1269-1277.
[10] R. Burke, ―Hybrid web recommender systems. In: The adaptive
web‖, pp. 377–408, 2007.
User satisfaction