HND-42 Swam Pyae Maung Maung

Database Design and Development

Assignment 1

Swam Pyae Maung Maung

Student ID: MG16573

1
HND-42 Swam Pyae Maung Maung

Contents
Introduction.................................................................................................................................................3
Shop Information.........................................................................................................................................3
User Requirements......................................................................................................................................3
ER Diagram..................................................................................................................................................3
Normalization..............................................................................................................................................4
1NF – 1st Normalization Form......................................................................................................................5
2NF - 2nd Normalization Form......................................................................................................................6
3NF - 3rd Normalization Form......................................................................................................................6
Data Dictionary............................................................................................................................................7
User Interface..............................................................................................................................................9
Database Efficiency....................................................................................................................................17
Data validity...............................................................................................................................................17
Documentation..........................................................................................................................................19
User Documentation.................................................................................................................................19
User Interface............................................................................................................................................20
Admin UI....................................................................................................................................................29
Technical Documentation..........................................................................................................................31
Software Requirement..............................................................................................................................31
Hardware Requirements...........................................................................................................................32
Flow chart..................................................................................................................................................33
References:................................................................................................................................................35

2
HND-42 Swam Pyae Maung Maung

Introduction
This report is about the database development for The Bread Box, a
local bread shop. I am a database developer who’s working at IT consultancy
Co., Ltd. My company was submitted to work the database for The Bread
Box, a local bread shop so I will create software to fulfil their requirements.

Shop Information
The Bread Box, a local bread box, is a many kinds of bread sales shop.
The Bread Box delivers the good products that in stock can be response to
the customers’ orders and print invoice is produced for selected items.

User Requirements
- Customize the sales ordering and can add to the cart.
- Build a database system to store data in many categories.
- Make a file including item data that customers buy, display product
name, product ID, product details, such as description, product
quantity left, order quantity, product price and its supplier.
- An invoice must be printed out for selected item.

ER Diagram
ER Diagram is the conceptual diagram, by analyzing data
systematically and produce a dynamic diagram. This helps you to produce
dynamic system and so you should design an ER diagram before actual
producing a database.

3
HND-42 Swam Pyae Maung Maung

Normalization
It’s a large database which is built without normalization form can be
very convenient. In non-normalization database, enter data, deleting, and
updating can be also very efficient, as the same progress is repeating again
and again continuously before all data is set.

So, using normalization can lessen to those blockings. This helps to

avoid less storage needed and every data is rational. Also help in avoiding
update or delete anomalies. Normalization has 3 forms and they are:

4
HND-42 Swam Pyae Maung Maung

1NF – 1st Normalization Form

1NF is used to exclude repeating information groups. I would like to
compare about “Before Arranging” and “After Arranging”.

Before arranging:

These following 3 tables are the same table, which are having repeating data
and are not dynamic.

After arranging:

Order Table

OrderDetails

This table contain 2 tables, after removing duplicate data.

5
HND-42 Swam Pyae Maung Maung

2NF - 2nd Normalization Form

Satisfy 1st form. All non-key attributes need to be dependent on the
primary key and need to delete redundant data.

Order Table

Item Table

OrderDetails

3NF - 3rd Normalization Form

This is mostly like the final form also the clearest form. This form
makes the best efficiency out of database. In 1 st and 2nd form must be
satisfied and eliminate the columns not dependent on key.

Order Table

OrderDetails

Item Table

6
HND-42 Swam Pyae Maung Maung

Customer Table

Staff Table

Branch Table

Category Table

Data Dictionary
Order Table

OrderDetails Table

7
HND-42 Swam Pyae Maung Maung

Branch Table

Item Table

Customer Table

8
HND-42 Swam Pyae Maung Maung

Staff Table

CategoryDetails Table

User Interface
This is the following UI of the product page and can login, sign up,
search products of the shop in the product list. This is the home page of our
“The Bread Box” when you touch the icon of the app from your home screen
and it will show like this.

9
HND-42 Swam Pyae Maung Maung

This is the second home page for visitors after 3seconds or more times
will take depends on your connection. In this page, visitors can search our
products. If visitors want to sign up without looking at the menu, so they
can just tap the “Sign up” button.

10
HND-42 Swam Pyae Maung Maung

This is the login page for customers who have already account to log
in. If not, customers can login in with Facebook, google or twitter instead of
email which is more efficient and also customers can go to menu by tapping
“skip & shopping” button but even though they skip & go shopping, after
adding products to carts, they still need to login and if new customer, they
have to sign up. Customers can also make “forget password” if they forgot
their password.

This is the sign-up page for new customers who want to do first. If
they make sign-up and login first, it’s going to be easier to shop. If they

11
HND-42 Swam Pyae Maung Maung

don’t want to sign-up with email and password, they can just tap sign-up
with social media which is the same as login with social media.

This is the menu page of “Doughnuts” after customers login or sign-up

with their social media accounts, or visitors who can see as guests but they
can also select, search, make favorite, order and can open account if they
want to.

This is the second page of “Muffins” when customers want to change

page, then they can just tap Muffins logo and the system will directly take

12
HND-42 Swam Pyae Maung Maung

them to that layout. It’s all the same as first, they can select, search and
can do many things.

This is the layout of “Loose Rolls” and this bread product can only have
one item yet. Also, like muffins, when customers or visitors tap the loose
rolls icon, the system will directly take to that layout.

13
HND-42 Swam Pyae Maung Maung

This is the favorite page of customers and visitors when they touch the
“love icons” which are revealed in other pages. Also make the products that
they select to the cart and the cart will show with 3 numbers and they if
they tap the cart button, system will show the shopping cart.

This is the page after customers selected the products quantities they
want and before check out of payments and their information. There’s also
total amount without Tax and discount. After getting confirmation about
those products from customers and then if products are sure that they took.
Then, they can tap check out button.

14
HND-42 Swam Pyae Maung Maung

In this page, before payments of products that customer took. Here,

you can see our branch where it’s located at, our BranchID, Phone Number.
Also, this page will include about customers’ order number and order date.
StaffID and StaffName will also produce before payment to let you know
who did this receipt for customers. After that, you can tap “Next”.

This is the page after showing branch information, order details and
staff details. In this page, you can edit your address. You can add addresses
more than two. Order summary will show again in this page but there’s a

15
HND-42 Swam Pyae Maung Maung

little bit different which is you can add more or remove the quantity per
items of your products. You can also check amounts. After that, the system
will lead you to “Payment Method”.

In this page, customers can choose for payments. As for now,

customers can only use Credit Card payment. After making changes, you
guys can pay with COD which means “Cash on delivery” services. We are
trying to make customers to feel more efficient. After selecting payment,
you need to add your Credit card number, expiration date which include
“Month and Year”. Also, Security code will be needed which is situated at the
back of your card. Then you need to click the “you agree to the terms and
conditions”. Then, your payment will be created.

16
HND-42 Swam Pyae Maung Maung

This is last page of customers’ orders and invoice. In this page, there’s
only be receipt, total amount, tax percentage, total amount including tax
percentage and delivery information. Also, include “Paid” stamp to let
customers know that they already paid and don’t want them to have any
doubt. After confirming, customers can tap confirm, then shopping time will
be done and system will lead them to the main page again of our Menu lists.

Database Efficiency
The database which is built in more efficiently way in order to keep the
data in one place. The data can be now added, update and delete without
taking too much time. And also, you can easily search for many data in
proper ways. As for example, if you want to find the specific details of
product, you can type and search with productID or name and the details
about products will be shown.

The design and UI (user interface) made this database to get more
utility by common people. For sure one thing is that only authorized people
will have access and do changes to the database to get more secure and
more integrity. That is what clients want and wish for.

Data validity

17
HND-42 Swam Pyae Maung Maung

Branch

 BranchID – ID of the branch, written only with integer.

 Address – Address of the branch, might be in both words and number.
Data type is varchar and will be lessened the space according to the
address.
 Phone – phone number of the branch, only with number.

Order

 OrderNum – Ordinary number of the order, can be written in both

words and number.
 ItemID – ID of item, reference to the item table.
 Quantity – amount of the item for each order, should be only written
in number.

Staff

 StaffID – ID of the staff, only written in number.

 StaffName – name of the staff, should be only written in words.

Customer

 CustomerID – ID of the customer, can be written in both words and

number.
 CustomerName – Name of the customer, only written in words. Data
type is varchar and will be lessened the space according to the name.
 CustomerAddress – Address of the customer, might be in both words
and number. Data is varchar and will be lessened the space according
to the address.
 CustomerTownship – Township of the customer, should be only written
in words.
 CustomerPhone – Phone number of the customer, written only in
number.
 CustomerEmail – Email of the customer, might be in both words and
number. Data type is varchar and will be lessened the space in
accordance.

Order Detail

 BranchID – ID of the branch, reference to the branch table.

 Staff ID – ID of the staff, reference to the staff table.
 CustomerID – ID of the customer, reference to the customer table.

18
HND-42 Swam Pyae Maung Maung

 OrderNum – Ordinary number of the order, reference to the order

table.
 OrderDate – Date of the order, should be written in formatted way.
 Tax – Tax of the order, must be written with both decimal and special
character.
 DeliveryDate – Date of the delivery, should be written in formatted
way.
 DeliveryTime – Time of the delivery, can be written with words,
number and special character.
 DelveryFees – Fees of the delivery, should be written in number.

Category

 CategoryID – ID of the category, must be only written only in number.

 ItemCategory – Category of the item, should be written in words. Data
is varchar. Space will be lessened according to the item category.

Item

 ItemID – ID of item, should be written in number.

 ItemDescription – Description of the item, written in words. Data type
is varchar and will be lessened according to the item description.
 Price – price of the product, should be written in number.
 CategoryID – ID of the category, reference to the category table.

Documentation
User Documentation
It is the documentation of the service provided to end users. It’s
designed to explain the user about how the service or system work and how
system assistance to the user.

19
HND-42 Swam Pyae Maung Maung

User Interface
User Login

Email – Your email to enter the system.

Password – Password that need to get into the system, with email.

Eye button – can hide and show password.

Forgot password – If you forgot your password, you can reset your password
with code which will send to your email.

Login – click this button after entering email and password correctly.

Signup – click this button if you don’t have new account to enter the system.

Skip & shopping – click this button and this will lead to the system.

20
HND-42 Swam Pyae Maung Maung

Visitor Page

Search – To search data from database.

Profile – To look data from database.

Cart – To see data from database.

Home – Click this to go to the “Home” page.

Menu – Click this to go to the “Menu” page.

Order – Click this to go to the “Order” page.

Branches – Click this to go to the “Branches” page.

Signup – click this button if you don’t have new account to enter the system.

Products Page

21
HND-42 Swam Pyae Maung Maung

Doughnuts – Click this to go the “Doughnuts” page.

Muffins – Click this to go to “Muffins” page.

22
HND-42 Swam Pyae Maung Maung

Loose Rolls – Click this to go to “Loose Rolls” page.

Heart shape – Click this to make favorite.

Jam Doughnut – Click this to add to cart.

Chocolate Chip – Click this to add to cart.

Brown Finger Rolls – Click this to add to cart.

Profile – To look data from database.

Search – To search data from database.

Heart shape from bottom – To look favorite data from database.

Setting – To change data from database.

Cart – Click this to go to the “Shopping Cart” page.

Favorite Page

Cancel – To close this page.

Profile – To look data from database.

23
HND-42 Swam Pyae Maung Maung

Search – To search data from database.

Heart shape from bottom – To look favorite data from database.

Setting – To change data from database.

Cart – Click this to go to the “Shopping Cart” page.

Shopping Cart page

Cancel from top – To cancel data from database.

Cancel from each item – To cancel data from database.

Up down button – To add or less the quantity data from Database.

Check out – Click this to go to the “Check out” page.

Check out page

24
HND-42 Swam Pyae Maung Maung

Cancel from top – To cancel data from database.

Next – Click this to go to the “Billing Details” page.

25
HND-42 Swam Pyae Maung Maung

Billing details page

Cancel from top – To cancel data from database.

Add address – To add more data addresses to database.

Cancel from each item – To cancel data from database.

Next – Click this to go to the “Payment method” page.

26
HND-42 Swam Pyae Maung Maung

Billing details page

Fill appropriate data in the boxes.

Choose payment data in the box.

Cancel from top – To cancel data from database.

Next – Click this to go to the “Invoice” page.

27
HND-42 Swam Pyae Maung Maung

Invoice page

Check details in the receipt.

Cancel from top – To cancel data from database.

Confirm – Click this to exit the process.

28
HND-42 Swam Pyae Maung Maung

Admin UI
Admin login

Login as admin – admin can click this button to login.

Login/register – Click this button for old customer to login and new customer
can register.

29
HND-42 Swam Pyae Maung Maung

Email – Admin email to enter the system.

Password – Admin password that need to get into the system, with email.

Eye button – can hide and show password.

Forgot password – If you forgot your password, you can reset your password
with code which will send to your email.

Login – click this button after entering email and password correctly.

Admin home page

Check – To search data from database.

Profile – To look admin account.

Cart – To see data from database.

Navigation bar – can go home page, menu page, order page and branches
page.

Pencil – can edit home page there.

Save – can save after editing.

Signup – click this button if you don’t have new account to enter the system.

30
HND-42 Swam Pyae Maung Maung

Admin edit branches

Search – can search items.

Navigation bar – can go home page, menu page, order page and branches
page.

Profile – To look admin account.

Cart – To see data from database.

Pencil – can edit home page there.

Save – can save after editing.

Cancel – can cancel the editing process.

Edit text – can edit texts and save.

Technical Documentation
Technical documentation is how explained how your system functions,
what are the system requirements, software requirements and hardware
requirements.

Software Requirement
Operating System

To make some queries from Microsoft SQL database, the system is

needed to be compatible. I will be using SQL server 2017 and it can run on
31
HND-42 Swam Pyae Maung Maung

minimum, Windows 8. If we want a fully functions to run on SQL server,

Windows 10 will be perfect.

User Interface Design

This UI design can be drawn in many various tools. If we want to draw

a UI which purposes and not considered, it can be drawn by using web
designing tools and also at Mockflow, Figma, and so on. In IDE, such as
Netbeans, Visual Studio Code, etc. So, the software is needed for those
functions in computing devices.

For Data Dictionary

As for data dictionary and documentation, we will use Microsoft Word,

Excel and who doesn’t have word and excel will should use Google docs and
Google sheets. These office applications are essentially necessary to do
these functions. The Microsoft applications are widely used in nowadays.

Drawing Entity Diagrams

Before making data dictionary and normalization, entity diagrams are

needed to draw to assign the relations and cardinalities. In drawing these
diagrams, we usually use EDraw Max applications. We can also draw on web,
including draw.io, creately.com and many so on. Also, a web browser is
necessarily needed.

Hardware Requirements
You will need an own server where the database will be built and to
store data and access by your company. The recommend following PC
requirements are as follows.

Component Requirement
Hard Disk 1 TB or more (To get better more space)

Processor Intel Core i5 10 Gen or later versions

RAM 8 GB or more (has 64 GB)

Monitor 1920 x 1080 or maybe higher resolution

Internet speed 30 mbps or higher and faster

32
HND-42 Swam Pyae Maung Maung

Flow chart
User login flow chart

This is the user login flowchart.

Admin flow chart

33
HND-42 Swam Pyae Maung Maung

34
HND-42 Swam Pyae Maung Maung

References:
 Lecture’s slides
 https://miracleskills.com/uk/assignment/unit-4-database-design-and-
development-assignment-help-2211.html
 https://www.mockflow.com/
 What are the requirements for SQL Server 2016? (servermania.com)
 EDraw Max
 Normalization Excel Slides

35