Software Design Documents
Software Design Documents
In resolve concerns about our handmade products of Nepal, the Nepalese handicraft
initiative group has started working alongside various artisan dealers to preserve local
traditions as well as provide them better accessible help this same wider population.
Given a strategy, this design group examined the need for web shop in order to improve
the marketing as well as sale of Nepali handcraft items. As a result, our team will create
a webpage for these kind of handcraft enterprises in this project. Every E-commerce
business requires careful strategy as well as implementation. Everything is required
properly build this webpage through start until end. Because this same e-commerce
industry selling Nepalese handcraft items having grown exponentially, a simple update
will quickly get to be a section of such a trade online fleet. Our Nepalese craft e-
commerce website would enable digital transactions across a wide range of handcraft
goods in an unified spot. The proposed online platform intended allow businessmen to
utilize it to run the complete operation even while improving its access ease thousands
of times via the web. This should allow a plethora of handcraft vendors to offer their
items. Stock administration would assume this same structure of subdivisions here on
system. The major necessity of the platform is customer satisfaction, therefore it should
be addressed accordingly. In this study, we analyzed the technological design of the
product in depth, as well as different explanations and the product's operating
mechanism.
Introduction
Much all research enthusiasm surrounding developing informational as well as
networking systems have concentrated about potential capacity to transcend
international borders as well as potentially create additional markets to existing firm’s
industry enterprises. Mostly in 1990s, increasing use of Information and communication
technologies could ease business, particularly e-commerce, became however regarded
as a key main drivers behind the so-called Digitization. This bleak vision having
emerged five years through into modern century. Also it allows businesses to reach out
to customers sans engaging in a permanent location, enhancing revenue. Most current
e-commerce companies are using the web to connect clients but also organizations,
permitting individuals to buy goods and products virtually any place across the world.
Online shopping is an online marketing strategy which enables client’s access purchase
goods as well as interact with businesses from any kind of place, anywhere at moment,
as well as via any platform. Online revenues are expected to exceed $2.2 trillion mostly
by 2022, indicating that global online marketplace is steadily rising.
Native handicrafts are indeed an important part of both the Nepalese economy. Several
rural families rely on income made through spinners as well as similar handicrafts to
support their families and care for their youngsters. Nevertheless, over the past years,
many old handicrafts having remained threatened by growing resource cost, a decline
with in international value of both the Nepali currency, especially inadequate
commercialization. Therefore designers established a webpage where users may
browse as well as acquire all of Nepal's handcrafted items. Designers include presented
so this whole description of something like the software, as well as its operation as well
as architecture.
AIM
Technologies used
The layout should be completed throughout production. It really is, nonetheless, usually
given in the form of static visuals. Based on the layout's intricacy, converting something
into HTML/CSS and then applying a stacking of movements via JavaScript requires
extra construction time. Its official website is produced initially, followed by another
"shell" for internal pages. Because it contains the core functionality, the base acts as a
template for the website's content. The purpose of the designer following constructing
this framework is to populate pages with content. The components are as follows:
User interface design
Database Implementation
Transaction Processing
iOS as well as Android compatibility
Subsystem of Security
CSS stands for cascading style sheets. The coding language employed
determines the style and layout of a website. CSS, like HTML, is a fundamental
component of web design. Without it, websites would still have white
backgrounds and basic text. CSS enables a variety of website layout
breakthroughs, including the ability to:
• Use color to draw attention to backdrops.
• Use boxes to enclose website elements and float them to certain page
positions.
System Overview
This paper explains each phase and step of Nepalese handicrafts' future planning. The
Nepalese handicraft website will be an online application that can be accessed via any
platform, including desktop computers and mobile devices. Stakeholders estimate and
track progress by examining this document and learning how it works and when it will
be implemented. MG Technologies will provide a global platform for Nepalese
handicrafts and assist them in displaying their products online, which anybody may
access from anywhere. Nepalese handicraft makers register as vendors and list their
items in the virtual shop, which exclusively permits Nepalese handicraft manufacturers
to register as sellers. One of the greatest browser platforms for digital purchasing as
well as trading is commerce that allows consumers to select the things they desire to
buy and then purchase them. This program were created for three sections: customers,
sellers, as well as administrators. The online purchasing mechanism will make it easier
for customers to purchase a variety of handcrafted products from skilled artisans who
have listed their wares internet. The group's main objective is to design, construct, and
analyze an e-commerce network including both basic as well as sophisticated
functionalities using its one target host. y . Such kind of system may assist tiny
developing countries like Nepal acquire cash while also expanding manpower and job
options for people, and users can enjoy a variety of items manufactured by these
individuals. The system's user interface was created using HTML, CSS, and JavaScript.
The system's graphical user interface (GUI) was simple to use, and design principles
were followed during construction. The program has three separate dashboards, each
with its own set of features. All UI (user interface) concepts have been used to construct
the product in order to make it more appealing as well as easier for consumers to use
so that they do not have any misunderstanding when using the website and can buy the
items without any hassles.
Architecture Pattern
The system architecture creates a conceptual design which may represent various as
behavior as well as connectivity of the programming modules with other subsystems
including equipment, programming, access points, etc. It helps in comprehending the
centralized and decentralized responsibilities that make up the complete system
structure. It specifies the reduced architecture of something like the program and is
largely focused just on platform as a whole. By utilizing various versions but instead
patterns which assist in the construction of ideas, this can regulate views. It is depicted
using logical as well as mechanical representations, which also are typically used to
show the platform's fundamental characteristics. The website system is divided into
three sections: users, company interaction, and admin, with the admin serving as the
core hub for all sub-systems. The system architecture is conceptualization-oriented,
global, and abstract, with the goal of achieving the system's life cycle ideas.
Logical Viewpoint
This program's intellectual viewpoint shows the web connections between the
conceptual elements which could define performance and indeed the reasoning which
may divide the program's responsibilities as well as capabilities. It acts as a bridge
across the configuration as well as black box testing. Some rational perspective
elements of the site advancements are really the cloud services, the host, install
multiple (search engine as well as pc), information, plus users. The class diagram that
follows shows all of the website's elements and how they work together to function as a
whole, along with user interactions and input data.
Figure 2 class diagram
Informational viewpoint
The relationship of the entity set that may store data in the database has been
described by the entity relationship diagram. By defining the core three layouts of
entities, attributes, and relationships as well as outlining the logical structure of
databases, it can aid in the system's development. The database table structure and the
relationships between the tables may be previewed using ERD. The database system
that will be used in the actual database system is also known as its blueprint. Entities,
attributes, and relationships are the ERD's three main building blocks. The specified
entities in the system include admin, cart, most rated products, seller, buyers, products,
latest products, and other things. Each of these entities has a unique set of
characteristics with a primary and foreign key. Product title, product name, product id,
user name, and other properties like admin id, name, and email. The connection
between the entities is distinct, and this is demonstrated by the way in which they
interact with one another in real life—whether it be one to one, one too many, many to
many, etc. It demonstrates the entire process of website operations, including how
users and merchants may use it to check and transact.
Figure 3 er diagram
Interface viewpoint
The website's design, also known as the mid-level design phase, is shown below.
Although not every page is covered in the user interface design, it still satisfies the
majority of the website's design requirements. HTML, CSS, and JavaScript were used in
the website's design. The website was created using the programming tool Sublime
Text, and the database server, Xampp, which may act as a local database server, was
utilized.
At first we have registration page in which a user has to add their contact details and
their personal details as well. The information they provide are secure and they don’t
have to worry about the information being misused. As first they have to enter their
name and then number, email address. Password for them to register in the website.
After that they can login into the website.
Then we have we have login page in which the users can enter their name and
password to login in to the website. If the name or password don’t match the registered
users in the database they will be requested to register the account.
After successful login users are now in the main page of the website in which they can
see various products along with their description and the price of that product. They can
browse the website see all the products, contact us form in which the users can contact
the administration as well as give feedback to the product. In the products they can add
the products in their cart and choose the quantity of the item of how many of the product
that they want. They can also see the gallery of the products alongside, new products,
categories of the products as well as the top rated and most purchased products. There
are about us page and location details of the main store as well.
After the user has successfully browserd the website and they hace selected the
products the products they want to buy they can proceed to payement option they can
see the total costs of the products and shipping cost as well. then they can proceed to
payement gateway after providing required details such as contact no, address, email
and location. After they have provided the correct details they have options to pay
online using various payment gateways or they also have option to pay through cash of
time of delivery.
The website is user focused and has implemented all the required principles of user
interface to make sure it is easy to underdstabd and easy to use for its users.
Traceability matrix
Numbe Functional Requiremen Comments Create Implemente Chang Priority
r Requirement t type d d e
s status
1 Accessing the functional The High
webpage dropdown list
of navigation,
which
contains all
the product
sections,
allows users
to access the
website's
content.
2 Register into functional With their High
the system login, email
address, first
and last
name, and
other
personal
information,
users may
quickly sign
up for the
system.
3 Login functional Users can Mediu
access the m
system by
entering their
password and
admin-
registered
email.
4 View functional The user may Mediu
products read the m
product
information
on the
products
page, where
they can also
view the
lesson
information.
5 View Functional The goods Low
categories page allows
users to
examine the
information
of the
categories.
6 Add to cart Functional By using the High
add to cart
option on the
items page,
users may
add things to
their
shopping
basket.
7 View rated Functional On the Mediu
product website for m
rated items,
users can
examine the
products that
have been
reviewed or
take a test.
8 Seller login Functional Using their High
registered
email address
and
password,
the seller
may enter
the system
and view the
dashboard.
9 Seller Functional Seller has High
manage control over
product the items by
adding to or
removing
them from
the system.
10 Seller Functional Sellers have Low
manage control over
categories the
categories by
adding to or
removing
them from
the system.
11 Seller Functional Seller has High
manage control over
quantity the rated
items by
adding to or
deleting them
from the
system.
14 Manage Functional Through the High
admin main page,
dashboard admins may
manage their
admin
dashboards.
15 Manage Functional By adding the low
seller seller to the
system or
deleting them
from it,
admin may
control the
seller.
registering
into the
system or
removing
from the
system
16 Manage Functional Admin can High
users manage the
student by
registering
into the
system
through the
help of
information
page details
or removing
from the
system.
17 Manage Functional Admin can High
products manage the
rated
products by
adding into
the system or
removing
from the
system
18 Manage Functional Admin can High
categories manage the
products by
adding into
the system or
deleting from
the system
19 Manage Functional The High
quantity administrator
can control
the
categories by
adding new
ones to the
system or
removing
existing ones.
20 Manage Functional The system High
admin administrator
has the ability
to create new
administrator
s and delete
existing ones.
21 Admin login Functional Admin need High
login to
access the
admin
dashboard
22 Manage Functional Admin can High
shipping manage the
information shipping
information
which is
submitted by
the users by
conforming
order and
contacting to
the vendors
The website's characteristics that allow users, administrators, and administrators to interact without any
problems have been described by the traceability matrix. The requirements traceability outlines how the
system may provide dynamic features and how the user can interact with the system successfully. The
system's inputs, outputs, and behavior are the only things that make up the functional requirements.
Additionally, it may aid in data manipulation, calculation, business process, user interface, and various
other features that can predict how the system will work.
References