DOI:10.23883/IJRTER.2018.4360.LFNYO 78 DESIGN OF A PAY-ON-DELIVERY ONLINE STORE U. I. Nduanya 1 , F. Ugwu 2 , F. A. Okoye 3 1,2,3 Department of Computer Engineering, Enugu State University of Science and Technology (ESUT). Enugu State, Nigeria. Abstract – Pay-On-Delivery online store is a web-based online shopping system for an existing shop which is an attempt to provide the advantages of online shopping to the customers of a physical shop. The system comprises of various GUIs (Graphical User Interfaces) for various modules of the system and also tables for the database design. The GUIs were implemented using the HTML, CSS, JavaScript, C# razor view engine and Bootstrap template for making the website responsive. At the backend, C#, Asp.Net MVC5 were used while Entity framework was used for interfacing with the database. MSSQL was used for the database as it has high security features. The customers can search for products, view them, add them to their carts and submit their orders. They can view the history of their transactions. The admin can manage products, orders and staff. The staff can view the orders yet to be delivered and history of delivered orders. Keywords: CSS, JavaScript, Asp.Net MVC5, C# razor view engine. I. INTRODUCTION Globalization and the growth in the new technological developments has commenced a new era of e- commerce (Ramayah and Ignatius 2005) leading to the growth of online shopping or e-shopping. These rapid changes in e-commerce has changed the way business and customers consume, customize and distribute products (Al-Maghrabi et al. 2011). Online Shopping is one of the widely and commonly used mediums for convenient shopping. It is a form of electronic commerce which allows consumers to directly buy goods or services from a seller over the internet using a web browser. It is in fact, a popular means of shopping in the Internet community (Boulakis, 2008). With internet connection, the consumers can have access to many products or services from all over the world even at the comfort of their home. This makes it possible for thorough comparisons to be made among the available goods or services. It has been seen that online shopping provides more satisfaction to modern-day consumers who are seeking convenience as well as speed (Yu, 2007). Compared to physical stores, online stores have many advantages: They are convenient and time saving; no more traveling and waiting in lines is needed. They are open at all times and they are accessible anytime and anywhere. These stores provide consumers with free and rich information about products and services (Mohammad et al. 2012). This design titled Pay-On-Delivery online store is a web based shopping system for an existing shop, and attempts to provide the advantages of online shopping to customers of a physical shop. This system comprises of various modules: Customer, Staff and Admin module. II. RELATED WORKS Jumia, formerly known as Africa Internet Group(AIG), was started up in Lagos, 2012, by Tunde Kehinde and Raphael Afaedor. The online shop was started up by Rocket Internet before they finally
12
Embed
DESIGN OF A PAY-ON-DELIVERY ONLINE STORE - IJRTER · 2018-07-25 · Enugu State University of Science and Technology (ESUT). Enugu State, Nigeria. Abstract – Pay-On-Delivery online
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
DOI:10.23883/IJRTER.2018.4360.LFNYO 78
DESIGN OF A PAY-ON-DELIVERY ONLINE STORE
U. I. Nduanya1, F. Ugwu 2, F. A. Okoye 3 1,2,3 Department of Computer Engineering,
Enugu State University of Science and Technology (ESUT). Enugu State, Nigeria.
Abstract – Pay-On-Delivery online store is a web-based online shopping system for an existing shop which is an attempt to provide the advantages of online shopping to the customers of a physical shop.
The system comprises of various GUIs (Graphical User Interfaces) for various modules of the system
and also tables for the database design. The GUIs were implemented using the HTML, CSS,
JavaScript, C# razor view engine and Bootstrap template for making the website responsive. At the
backend, C#, Asp.Net MVC5 were used while Entity framework was used for interfacing with the
database. MSSQL was used for the database as it has high security features. The customers can search
for products, view them, add them to their carts and submit their orders. They can view the history of
their transactions. The admin can manage products, orders and staff. The staff can view the orders yet
to be delivered and history of delivered orders.
Keywords: CSS, JavaScript, Asp.Net MVC5, C# razor view engine.
I. INTRODUCTION
Globalization and the growth in the new technological developments has commenced a new era of e-
commerce (Ramayah and Ignatius 2005) leading to the growth of online shopping or e-shopping. These
rapid changes in e-commerce has changed the way business and customers consume, customize and
distribute products (Al-Maghrabi et al. 2011).
Online Shopping is one of the widely and commonly used mediums for convenient shopping. It is a
form of electronic commerce which allows consumers to directly buy goods or services from a seller
over the internet using a web browser. It is in fact, a popular means of shopping in the Internet
community (Boulakis, 2008). With internet connection, the consumers can have access to many
products or services from all over the world even at the comfort of their home. This makes it possible
for thorough comparisons to be made among the available goods or services. It has been seen that
online shopping provides more satisfaction to modern-day consumers who are seeking convenience as
well as speed (Yu, 2007).
Compared to physical stores, online stores have many advantages: They are convenient and time
saving; no more traveling and waiting in lines is needed. They are open at all times and they are
accessible anytime and anywhere. These stores provide consumers with free and rich information about
products and services (Mohammad et al. 2012).
This design titled Pay-On-Delivery online store is a web based shopping system for an existing shop,
and attempts to provide the advantages of online shopping to customers of a physical shop. This system
comprises of various modules: Customer, Staff and Admin module.
II. RELATED WORKS
Jumia, formerly known as Africa Internet Group(AIG), was started up in Lagos, 2012, by Tunde
Kehinde and Raphael Afaedor. The online shop was started up by Rocket Internet before they finally
International Journal of Recent Trends in Engineering & Research (IJRTER) Volume 04, Issue 07; July - 2018 [ISSN: 2455-1457]
@IJRTER-2018, All Rights Reserved 79
went on to use an e-commerce platform called Magento. Magento is an open source platform written
in PHP. It employs MySQL or MariaDB relational database management system and elements of Zend
framework. It applies the conventions of object-oriented programming and model-view-controller
architecture. It also uses the entity-attribute-value model to store data. Its model-view model pattern
on its front-end code uses JavaScript library: knockout.js. The online shop was also designed with
ELM, a JavaScript programming language. Konga, an e-commerce company founded in 2012 by Sim
Shagaya. Its online store was initially designed with an open source solution called Spree. By 2013,
they moved on to Magento but highly customized, adding Prototype.js to its design. By 2016, the
Konga engineering team announced that they were moving away from Magento to micro-services,
which is an architecture that develops software applications as a suite of independently deployable,
small, modular services. It can employ HTTP/REST with JSON or Protobuf. Slot was a shop that
retailed Mobile phones, computers systems, computer and phone accessories founded by Nnamdi
Ezeigbo. It started in 1998 (Cp Africa, 2014). Its online store was eventually launched in 2013. It was
designed with WooCommerce and Netcore platform. Its front-end was designed with Wordpress
(visual composer) content Management system. At the back-end, it is PHP framework, Google font
API, Zendesk chat (formerly Zopin) and jQuery. Dealdey is an e-commerce company founded in 2011
by Sim Shagaya (Shagaya, 2015). Its online store uses Netcore platform, Ruby on Rails framework
and jQuery. Parktelonline was founded in 2010 (Linkedin, 2012). It deals exclusively on Mobile
phones, its accessories and related gadgets. Its online store uses Magento (customized) with jQuery
and CSS.
Yudala was launched in 2015, founded by Nnamdi Ekeh. Its online store was built on Magento,
Magento 2.0, Magento Enterprise, PHP framework and jQuery.
III. PAY-ON-DELIVERY ONLINE STORE DESIGN
The hierarchical chart of Fig.1 presents the architecture of the Pay-On-Delivery online shopping
system. The design ensures that only authorized users are allowed to access the system’s information
in various modules.
There are also three other modules which are Admin, Staff and Customer as shown in figure 1.
3.1. Registration Module
User Registration requires the entry of the following data: Name, Age, Email, Phone Number, Address,
Sex, Username and Password. The registration module (Figure 2) is designed for both staff and
Figure 1. Architecture of the Pay-On-Delivery Online Shopping System
International Journal of Recent Trends in Engineering & Research (IJRTER) Volume 04, Issue 07; July - 2018 [ISSN: 2455-1457]
@IJRTER-2018, All Rights Reserved 80
customers. That staff registration must be authorized by an Admin before it is saved. There is an
authentication feature added for all users; administrators, staff and customers. The information
required from the user such as Username and Password will be crucial during the process of logging
in as it specifies what privileges the system user should and should not have.
3.2. Login Module
Once a User tries to log on, an authentication process takes place. If the user is not successfully logged
on, access to these system resources will be denied. For a user to login, they must key in username and
password used during registration. When logged in, the user is allowed access to the following sub-
modules: Admin Module, Staff Module and Customer Module (see Figure 3(a)). Figure 3(b) depicts
this process.
3.3. Customer Module
This module comprises of various features of the website open to registered customers after login.
Account Settings - Edit Profile links to the page where customers can edit their details. Transactions
History contains the history of previous transactions. It collapses into Orders Received, Packed
Figure 2. Registration Process
New User
Enter User Details
Register
Is
Registration
Successful?
Save to Database
Login
No
Yes
(a) (b)
Figure 3. (a) The Login Structure (b) The Login Process
Login
Admin
Module
Staff
ModuleCustomer
ModuleUser
Customer?
Yes
Enter User
Details
Verify entry from
Database
Login
Successful
?
Admin
Module
No
Login
User
Admin?Yes
No
No
No
Yes
YesUser Staff?
Customer
Module
Staff
Module
International Journal of Recent Trends in Engineering & Research (IJRTER) Volume 04, Issue 07; July - 2018 [ISSN: 2455-1457]
@IJRTER-2018, All Rights Reserved 81
Orders and Recent Orders. The customer makes use of the Stop Order button to stop the delivery of
an order (see Figure 4 (a)).
During the transaction process, requested and available products are displayed. For each selected
product, the option to add to cart is available. When added to cart, shipping details are automatically
requested and notification mail sent to the customer (see Figure 4(b)).
3.4. Staff Module
Figure 5 shows the functions available under the staff module.
This Module comprises of various features available to registered and logged in staff. These features
include:
Account Setting links to the page where staff can edit their profile. Orders to Deliver contains a record
of the orders yet to be delivered while Orders Delivered Contains record of the orders already
delivered. When Enter Customer Token is activated, a form where the token sent to customer who
placed an order is entered to validate and confirm delivery order. This token is stored with the order
for that staff.
A staff has more privileges than a registered customer. The module also allows view of a list of orders
placed by the customers which the Admin assigned to each staff. Staff are assigned different orders to
deliver because each Staff has area of coverage. A logged-in staff views the orders assigned to them
and also a record of already delivered orders. After delivery, the staff enters the token given to the
customer to enable the staff check it as “delivered”. Figure 5(b) shows the order delivery process.
(a) (b)
Figure 4. (a) The structure of the Customer Module (b) The Customer Process
Customer
Home
Account
Settings
Edit
Profile
Transactions
History
Orders
Received
Packed
Orders
Stop
Order
Recent
Orders
Yes
Yes
No
Customer
clicked on
Add to Cart?
Display
Available
Products
Add Selected
Item to Cart
No
Start
Continue
Shopping
?
NoCheckout
?
Save order and
send Customer a
Notification mail
Display
Shopping
Cart
Enter
Shipping
Details
International Journal of Recent Trends in Engineering & Research (IJRTER) Volume 04, Issue 07; July - 2018 [ISSN: 2455-1457]
@IJRTER-2018, All Rights Reserved 82
3.5. The Admin Module This module comprises of features accessible to the system administrator or Admin (see Fig. 6(a) &
(b)). As shown in Fig. 7(a) the Admin can manage products available in the store/database; can
add/delete/edit products. The Admin can also manage staff by viewing all registered staff. The admin
can also add/delete/edit staff details.
Fig.7(b) shows that the Admin manages orders by viewing all customer orders; assigning/un-assigning
staff to deliver orders. Provision is also made for the Admin to view all registered customers and
add/delete/edit customer records.
(a) (b) (c)
Figure 5. (a)The Structure of the Staff Module (b) Order delivery process (c) Order delivery sub-module