Phát triển hệ thống quản lý cửa hàng trang trí tiệc cưới

BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT
THÀNH PHỐ HỒ CHÍ MINH

ĐỒ ÁN TỐT NGHIỆP
NGÀNH CƠNG NGHỆ THÔNG TIN

PHÁT TRIỂN HỆ THỐNG QUẢN LÝ CỬA HÀNG TRANG
TRÍ TIỆC CƯỚI

GVHD:LÊ VĂN VINH
SVTT:NGUYỄN XUÂN TRÚC
MSSV: 15110350
SVTH: NGUYỄN VĂN HÙNG
MSSV:15110222

SKL 0 0 5 7 5 5

Tp. Hồ Chí Minh, 2019


BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƢỜNG ĐẠI HỌC SƢ PHẠM KỸ THUẬT TP.HCM
------------------------------------------------------------------------------KHOA CƠNG NGHỆ THƠNG TIN


KHĨA LUẬN TỐT NGHIỆP
PHÁT TRIỂN HỆ THỐNG QUẢN LÝ CỬA HÀNG TRANG TRÍ
TIỆC CƢỚI

GIÁO VIÊN HƢỚNG DẪN: TS. Lê Văn Vinh

SINH VIÊN THỰC HIỆN:
Nguyễn Xuân Trúc

15110350

Nguyễn Văn Hùng

15110222

TP.HCM, ngày 17 tháng 9 năm 2019


ĐH SƢ PHẠM KỸ THUẬT

CỘNG HOÀ XÃ HỘI CHỦ NGHĨA VIỆT

TP.HCM

NAM

KHOA CNTT

Độc lập – Tự do – Hạnh Phúc

*******

*******

PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƢỚNG DẪN
Họ và tên Sinh viên 1 : NGUYỄN XUÂN TRÚC

MSSV 1: 15110350

Họ và tên Sinh viên 2 : NGUYỄN VĂN HÙNG

MSSV 2: 15110222

Ngành: Công nghệ Thông tin
Tên đề tài: PHÁT TRIỂN HỆ THỐNG QUẢN LÝ CỬA HÀNG TRANG TRÍ
TIỆC CƯỚI.
Họ và tên Giáo viên hướng dẫn: TS. LÊ VĂN VINH
NHẬN XÉT
1. Về nội dung thực hiện
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
2. Ưu điểm
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………


…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………

3. Khuyết điểm
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
4. Đề nghị cho bảo vệ hay không?
5. Đánh giá loại:
6. Điểm:

Tp. Hồ Chí Minh, ngày

tháng

Giáo viên hướng dẫn
(Ký & ghi rõ họ tên)

năm 2019


ĐH SƢ PHẠM KỸ THUẬT

CỘNG HOÀ XÃ HỘI CHỦ NGHĨA VIỆT

TP.HCM

NAM

KHOA CNTT

Độc lập – Tự do – Hạnh Phúc

*******

*******

PHIẾU NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN
Họ và tên Sinh viên 1 : NGUYỄN XUÂN TRÚC

MSSV 1: 15110350

Họ và tên Sinh viên 2 : NGUYỄN VĂN HÙNG

MSSV 2: 15110222

Ngành: Công nghệ Thông tin
Tên đề tài: PHÁT TRIỂN HỆ THỐNG QUẢN LÝ CỬA HÀNG TRANG TRÍ
TIỆC CƯỚI.
Họ và tên Giáo viên phản biện: Nguyễn Hữu Trung
NHẬN XÉT
1. Về nội dung thực hiện
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………

…………………………………………………………………………………………
2. Ưu điểm
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………


…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
3. Khuyết điểm
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
4. Đề nghị cho bảo vệ hay không?
5. Đánh giá loại:
6. Điểm:

Tp. Hồ Chí Minh, ngày

tháng

Giáo viên hướng dẫn
(Ký & ghi rõ họ tên)

năm 2019


LỜI CẢM ƠN
Để hồn thành Khóa luận tốt nghiệp Cơng Nghệ Phần Mềm nói chung và xây
dựng được ứng dụng quản lý của hàng trang trí tiệc cưới, nhóm ch ng em xin g i l i cảm
n chân thành đến:
an giám hiệu trư ng Đại Học Sư Phạm K Thuật TP.HCM đ tạo điều kiện về
c sở vật chất tốt, đáp ứng được nhu cầu của sinh viên, giảng viên với ph ng học sạch
đ p, máy chiếu, wifi để phục vụ cho việc học tập và t m kiếm thông tin của sinh viên,
giảng dạy của giảng viên.
Quý Thầy Cô Khoa Công Nghệ Thông Tin Trư ng Đại Học Sư Phạm K Thuật
Tp.HCM đ tạo điều kiện thuận lợi cho nhóm ch ng em thực hiện đề tài khóa luận này.
Giảng viên hướng dẫn Lê Văn Vinh, ngư i đ giảng dạy, hướng dẫn và ch bảo tận
t nh, chi tiết, giải đáp th c m c kịp th i để ch ng em có thể hồn thành đề tài khóa luận
tốt nghiệp này một cách tốt nhất. Xin chân thành cảm n các anh, chị khóa trên và bạn b
đ ủng hộ, gi p đ và động viên ch ng em trong th i gian học tập và nghiên cứu khóa
luận tốt nghiệp. o chưa có nhiều kinh nghiệm nên không thể tránh kh i những thiếu sót
và hạn chế, rất mong nhận được ý kiến đóng góp t phía thầy, cơ để đề tài được hồn
thiện h n nữa.
TP. Hồ Chí Minh, ngày

tháng

năm 2019

Nhóm sinh viên thực hiện
Nguyễn Xuân Tr c
Nguyễn Văn Hùng

ĐỀ CƢƠNG KHÓA LUẬN TỐT NGHIỆP
Họ tên SV:

Nguyễn Xuân Trúc

MSSV: 15110350

Nguyễn Văn Hùng

MSSV: 15110222

Th i gian làm khóa luận : t : 11/03/2019 đến: 26/06/2019
Chuyên ngành : Công Nghệ Phần Mềm
Tên khóa luận : PHÁT TRIỂN HỆ THỐNG QUẢN LÝ CỬA HÀNG TRANG TRÍ TIỆC
CƯỚI.
GV hướng dẫn : TS. Lê Văn Vinh
Nhiệm Vụ Của Khóa Luận:
-

Áp dụng cơng nghệ Xamarin.Forms xây dựng ứng dụng trên nền tảng Mobile thực
hiện việc quản lý với các chức năng: Quản lý t nh trạng hóa đ n, quản lý chi tiết
hóa đ n, quản lý phân công, xem danh sách nhân viên và thông tin nhân viên, xem
danh sách vật liệu trong kho.

-

Xây dựng thêm ứng dụng trên

esktop s

dụng WPF (Windows Presentation

Foundation) để hỗ trợ việc quản lý của hàng trang trí tiệc cưới hiệu quả h n.
-

Xây dựng thêm Website s dụng ASP.NET Core để giới thiệu về của hàng trang
trí tiệc cưới, các dịch vụ c a hàng hiện có và hỗ trợ đặt lịch cho khách hàng.

Phạm vi nghiên cứu:
S dụng Xamarin.Forms để xây dụng ứng dụng Mobile trên nền tảng Android, xây
dụng ứng dụng quản lý trên

esktop trên nền tảng Window, xây dựng website giới thiệu

c a hàng với khách hàng.
Đề cƣơng viết luận văn:
PHẦN MỞ ĐẦU:
1. Tính cấp thiết của đề tài
2. Mục đích của đề tài


3. Đối tượng và phạm vi nghiên cứu
4. Phư ng pháp nghiên cứu
PHẦN NỘI DUNG
CHƯƠNG 1: Nền tảng kiến thức
CHƯƠNG 2: Khảo sát hiện trạng và xác định yêu cầu
CHƯƠNG 3: Thiết kế ứng dụng
CHƯƠNG 4: Cài đặt và kiểm th

Kế hoạch thực hiện:
STT Thời gian
1

11/3 – 17/3

Công việc đƣợc giao
Khảo sát hiện trạng, xác định yêu
cầu hệ thống

2

17/3 – 24/3

Lập lược đồ Usecase, xây dụng các
thông tin hiển thị

3

24/3 – 31/3

Lập Senario và lược đồ tuần tự cho
các chức năng trên ứng dụng di động
và website

4

1/4 – 7/4

Hoàn thành atabase và xây dựng

giao diện cho app và Website

5

8/4 – 15/4

Xây dựng API và kết nối c sở dữ
liệu với ứng dụng di động

6

16/4 – 23/4

Hoàn ch nh phần mềm trên ứng dụng
di động

7

24/4 – 2/5

Lập Usecase cho ứng dụng trên
Desktop, lập lược đồ tuần tự cho ứng
dụng trên esktop

8

3/5 – 10/5

Xây dụng ứng dụng trên esktop
(đăng nhập, quản lý nhân viên, tài

khoản)

Chú thích


9

11/5 – 18/5

Xây dựng ứng dụng trên esktop
(thêm mới hóa đ n + khách hàng,
quản lý hóa đ n, quản lý vật liêu)

10

19/5 – 31/5

Xây dựng ứng dụng trên esktop
(quản lý sản phẩm, quản lý phân
cơng, quản lý hóa đ n nhập, thống
kê).

11

1/6 – 8/6

Xây dựng ứng dụng trên esktop
(thống kê, quản lý đặt lịch, quản lý
blog)

12

9/6 – 8/6

Kiểm th phần mềm

13

9/6 – 26/6

Hồn thành báo cáo khóa luận

Ngày tháng

năm 2019

Ngƣời viết đề cƣơng
Nguyễn Xuân Tr c
Nguyễn Văn Hùng


MỤC LỤC

MỤC LỤC ........................................................................................................................... 1
ANH MỤC CÁC ẢNG .................................................................................................. 4
ANH MỤC CÁC HÌNH ................................................................................................... 6
PHẦN MỞ ĐẦU ............................................................................................................... 11
PHẦN NỘI UNG ............................................................................................................ 13
CHƯƠNG 1:
1.1

NỀN TẢNG KIẾN THỨC ..................................................................... 13

Xamarin.Forms .......................................................................................................................................... 13

1.1.1

Tổng quan .............................................................................................................................................. 13

1.1.2

Các nền tảng được hỗ trợ ....................................................................................................................... 13

1.1.3

Môi trư ng phát triển ............................................................................................................................. 15

1.1.4

Ưu điểm và nhược điểm của ứng dụng Xamarin Forms ........................................................................ 16

1.1.5

User Interfaces. ...................................................................................................................................... 19

1.1.6

ata inding. (Liên kết dữ liệu) ............................................................................................................ 23

1.1.7

Binding Basic......................................................................................................................................... 24

1.1.8

Thực hiện ata inding trong Code và XAML. ..................................................................................... 25

1.1.9

The Binding Mode. ................................................................................................................................ 27

1.1.10

MVVM. ............................................................................................................................................. 31

1.1.11

Khái niệm c bản về MVVM. ........................................................................................................... 31

1.1.12

C chế hoạt động của MVVM. ......................................................................................................... 32

1.1.13

MVVM Framework. .......................................................................................................................... 33

1.2

Web App và Web API s dụng .NET Core................................................................................................ 37

1.3

WPF (Windows Presentation Foundation). ................................................................................................ 38

1


1.3.1

Giới thiệu WPF. ..................................................................................................................................... 38

1.3.2

Markup và Code-behind ........................................................................................................................ 39

CHƯƠNG 2:

KHẢO SÁT HIỆN TRẠNG VÀ XÁC ĐỊNH YÊU CẦU ..................... 40

2.1

Khảo sát hiện trạng..................................................................................................................................... 40

2.2

Xác định yêu cầu ........................................................................................................................................ 40

2.2.1

Yêu cầu ứng dụng trên esktop ............................................................................................................. 40

2.2.2

Yêu cầu ứng dụng trên Mobile .............................................................................................................. 43

2.2.3

Yêu cầu Website .................................................................................................................................... 44

2.3

Lược đồ Usecase ........................................................................................................................................ 45

2.3.1

Lược đồ Usecase ứng dụng trên esktop .............................................................................................. 45

2.3.2

Lược đồ Usecase ứng dụng trên Mobile ................................................................................................ 46

2.3.3

Lược đồ Usecase Website ...................................................................................................................... 47

CHƯƠNG 3:
3.1

THIẾT KẾ ỨNG ỤNG ........................................................................ 49

Hệ thống ..................................................................................................................................................... 49

3.1.1

Lược đồ lớp............................................................................................................................................ 49

3.1.2

Lược đồ sequence .................................................................................................................................. 58

3.2

C sở dữ liệu ............................................................................................................................................ 118

3.3

Đặc tả. ...................................................................................................................................................... 126

3.3.1

Đặc tả ứng dụng trên Mobile ............................................................................................................... 126

3.3.2

Đặc tả ứng dụng trên esktop ............................................................................................................. 126

3.3.3

Đặc tả ứng dụng Website ..................................................................................................................... 127

3.4

Giao diện .................................................................................................................................................. 127

3.4.1

Giao diện màn h nh ứng dụng trên Mobile .......................................................................................... 127

3.4.2

Giao diện màn h nh ứng dụng trên esktop ........................................................................................ 150

3.4.3

Giao diện màn h nh trên Website......................................................................................................... 168

CHƯƠNG 4:
4.1
4.1.1

CÀI ĐẶT VÀ KIỂM THỬ .................................................................. 174

Cài đặt ...................................................................................................................................................... 174
Cài đặt ứng dụng trên esktop ............................................................................................................ 174

2


4.1.2

Cài đặt ứng dụng trên Mobile .............................................................................................................. 174

4.1.3

Cài đặt Website .................................................................................................................................... 175

4.2

Kiểm th .................................................................................................................................................. 175

4.2.1

Kiểm th ứng dụng trên esktop ......................................................................................................... 175

4.2.2

Kiểm th ứng dụng trên Mobile .......................................................................................................... 178

4.2.3

Kiểm th Website ................................................................................................................................ 180

PHẦN KẾT LUẬN ......................................................................................................... 181
ANH MỤC TÀI LIỆU THAM KHẢO ........................................................................ 183

3


DANH MỤC CÁC BẢNG

DANH MỤC CÁC BẢNG
Bảng 3.1 Bảng loại dịch vụ ............................................................................................ 119
Bảng 3.2: Bảng dịch vụ .................................................................................................. 120
Bảng 3.3: Bảng sản phẩm ............................................................................................... 120
Bảng 3.4: Bảng kho vật liệu ........................................................................................... 120
Bảng 3.5: Bảng chi tiết sản phẩm ................................................................................... 121
Bảng 3.6: Bảng nhà cung cấp ......................................................................................... 121
Bảng 3.7: Bảng đ n giá nhập hàng................................................................................. 121
Bảng 3.8: Bảng chi tiết đ n giá nhập hàng..................................................................... 121
Bảng 3.9: Bảng khách hàng ............................................................................................ 122
Bảng 3.10: Bảng đặt lịch ................................................................................................ 122
Bảng 3.11: Bảng hóa đ n ............................................................................................... 122
Bảng 3.12: Bảng chi tiết hóa đ n ................................................................................... 123
Bảng 3.13: Bảng phát sinh .............................................................................................. 123
Bảng 3.14: Bảng nhân viên ............................................................................................ 123
Bảng 3.15: Bảng tài khoản ............................................................................................. 124
Bảng 3.16: Bảng Blog .................................................................................................... 124
Bảng 3.17: Bảng phân công ............................................................................................ 124
Bảng 3.18: Bảng đánh giá............................................................................................... 125
Bảng 3.19: Bảng ch thích màn h nh đăng nhập ............................................................ 128
Bảng 3.20: Bảng chú thích màn hình danh mục............................................................. 129
Bảng 3.21: Bảng chú thích màn hình thơng tin tài khoản .............................................. 130
Bảng 3.22: Bảng ch thích màn h nh xem danh sách hóa đ n ....................................... 131
Bảng 3.23: Bảng ch thích thơng tin hóa đ n ................................................................ 132
Bảng 3.24: Bảng chú thích màn hình xem danh sách chi tiết hóa đ n........................... 134
Bảng 3.25: Bảng chú thích màn hình thêm chi tiết hóa đ n .......................................... 135
Bảng 3.26: Bảng chú thích màn hình ch nh s a chi tiết hóa đ n ................................... 136
Bảng 3.27: Bảng chú thích màn hình xem danh sách phát sinh ..................................... 137
4

DANH MỤC CÁC BẢNG
Bảng 3.28: Bảng chú thích màn hình thêm phát sinh ..................................................... 139
Bảng 3.29: Bảng chú thích màn hình ch nh s a phát sinh ............................................. 140
Bảng 3.30: Bảng chú thích màn hình danh sách vật liệu cần trong hóa đ n ................. 141
Bảng 3.31: Bảng chú thích màn hình danh sách phân cơng ........................................... 142
Bảng 3.32: Bảng chú thích màn hình thêm phân cơng nhân viên .................................. 143
Bảng 3.33: Bảng ch thích màn h nh điểm danh nhân viên ........................................... 144
Bảng 3.34: Bảng chú thích màn hình danh sách nhân viên ............................................ 145
Bảng 3.35: Bảng chú thích màn hình xem thơng tin nhân viên ..................................... 147
Bảng 3.36: Bảng chú thích màn hình xem danh sách vật liệu........................................ 148
Bảng 3.37: Bảng chú thích màn hình danh mục ở MasterPage...................................... 150
Bảng 3.38: Bảng ch thích màn h nh đăng nhập ............................................................ 151
Bảng 3.39: Bảng chú thích màn hình chính ................................................................... 151
Bảng 3.40: Bảng chú thích màn hình thêm mới ............................................................. 152
Bảng 3.41: Bảng chú thích màn hình quản lý hóa đ n .................................................. 154
Bảng 3.42: Bảng chú thích màn hình quản lý phát sinh ................................................. 157
Bảng 3.43: Bảng chú thích màn hình quản lý nhân viên ................................................ 158
Bảng 3.44: Bảng chú thích màn hình quản lý vật liệu ................................................... 160
Bảng 3.45: Bảng chú thích màn hình quản lý bảng phân cơng ...................................... 161
Bảng 3.46: Bảng chú thích màn hình quản lý sản phẩm ................................................ 162
Bảng 3.47: Bảng chú thích màn hình quản lý nhà cung cấp, đ n giá nhập hàng........... 163
Bảng 3.48: Bảng chú thích màn hình xem thống kê theo dạng biểu đồ ......................... 164
Bảng 3.49: Bảng chú thích màn hình xem thống kê theo dạng tổng qt ...................... 165
Bảng 3.50: Bảng chú thích màn hình quản lý đặt lịch ................................................... 166
Bảng 3.51: Bảng chú thích màn hình quản lý Blog........................................................ 167
Bảng 4.1: Bảng kiểm th một số chức năng trên ứng dụng Desktop ............................. 178
Bảng 4.2: Bảng kiểm th một số chức năng trên ứng dụng Mobile .............................. 180
Bảng 4.3: Bảng kiểm th một số chức năng trên Website ............................................. 180

5


DANH MỤC CÁC HÌNH

DANH MỤC CÁC HÌNH
Hình 1-1 Ba nền tảng được Xamarin.Forms hỗ trợ ........................................................... 14
Hình 1-2 Ví dụ về các Control trên các nền tảng .............................................................. 15
Hình 1-3 Hình mơ tả chia sẽ code trong Xamarin.Forms ................................................. 17
Hình 1-4 Số liệu performances .......................................................................................... 18
Hình 1-5 Các Page được hỗ trợ trong Xamarin.Forms ..................................................... 21
Hình 1-6 Các Layout được hỗ trợ trong Xamarin.Forms .................................................. 22
Hình 1-7 Thực hiện DataBinding trong Code ................................................................... 25
Hình 1-8 Thực hiện DataBinding trong Code ................................................................... 25
Hình 1-9 Thực hiện DataBinding trong Code ................................................................... 26
Hình 1-10 Kết quả khi thực hiện DataBinding trong Code ............................................... 26
Hình 1-11 Thực hiện DataBinding trong XAML .............................................................. 27
Hình 1-12 Code s dụng thuộc tính Default ..................................................................... 28
Hình 1-13 Code s dụng thuộc tính OneWay ................................................................... 28
Hình 1-14: Code s dụng thuộc tính OneWayToSource................................................... 29
Hình 1-15: Code s dụng thuộc tính TwoWay ................................................................. 29
Hình 1-16: Kết quả khi s dụng Mode trong DataBinding ............................................... 29
Hình 1-17: Code s dụng Mode trong Databinding .......................................................... 30
Hình 1-18: Kết quả khi thực hiện Mode trong Databinding ............................................. 31
Hình 1-19: Mơ hình MVVM ............................................................................................. 32
Hình 2-1: Lược đồ Usecase ứng dụng trên Desktop ......................................................... 45
Hình 2-2: Lược đồ Usecase ứng dụng trên Mobile ........................................................... 46
Hình 2-3: Lược đồ Usecase trên Website .......................................................................... 47
Hình 3-1: Lược đồ lớp màn h nh anh sách hóa đ n ....................................................... 49

Hình 3-2: Lược đồ lớp màn h nh Thơng tin hóa đ n ........................................................ 50
Hình 3-3: Lược đồ lớp màn hình Danh sách sản phẩm trong hóa đ n ............................. 51
Hình 3-4: Lược đồ lớp màn h nh Phân cơng nhân viên trong hóa đ n ............................. 52
Hình 3-5: Lược đồ lớp màn hình Danh sách vật liệu trong kho ........................................ 53
6


DANH MỤC CÁC HÌNH
Hình 3-6: Lược đồ lớp màn h nh Đăng nhập .................................................................... 54
Hình 3-7: Lược đồ lớp màn hình Quản lý nhân viên ........................................................ 55
Hình 3-8: Lược đồ lớp màn hình Quản lý sản phẩm ......................................................... 56
Hình 3-9: Lược đồ lớp màn hình Quản lý vật liệu ............................................................ 57
Hình 3-10: Lược đồ tuần tự đăng nhập ............................................................................. 58
Hình 3-11: Lược đồ tuần tự xem danh sách hóa đ n ........................................................ 59
Hình 3-12: Lược đồ tuần tự thay đổi tình trạng hóa đ n................................................... 60
Hình 3-13: Lược đồ tuần tự ch nh s a chi tiết hóa đ n ..................................................... 61
Hình 3-14: Lược đồ tuần tự xem chi tiết hóa đ n ............................................................. 62
Hình 3-15: Lược đồ tuần tự thêm chi tiết hóa đ n ............................................................ 63
Hình 3-16: Lược đồ tuần tự thêm phát sinh ...................................................................... 64
Hình 3-17: Lược đồ tuần tự ch nh s a phát sinh ............................................................... 65
Hình 3-18: Lược đồ tuần tự xóa phát sinh ......................................................................... 66
Hình 3-19: Lược đồ tuần tự thêm phân cơng nhân viên .................................................... 67
Hình 3-20: Lược đồ tuần tự xóa phân cơng nhân viên ...................................................... 68
Hình 3-21: Lược đồ tuần tự checkin nhân viên ................................................................. 69
Hình 3-22: Lược đồ tuần tự checkout nhân viên ............................................................... 70
Hình 3-23: Lược đồ tuần tự xem danh sách nhân viên ..................................................... 71
Hình 3-24: Lược đồ tuần tự xem thơng tin nhân viên ....................................................... 72
Hình 3-25: Lược đồ tuần tự xem danh sach vật liệu ......................................................... 73
Hình 3-26: Lược đồ tuần tự đăng nhập trên Desktop ........................................................ 74
Hình 3-27: Lược đồ tuần tự thêm mới ............................................................................... 75

Hình 3-28: Lược đồ tuần tự xem danh sách hóa đ n ........................................................ 76
Hình 3-29: Lược đồ tuần tự xem thơng tin hóa đ n .......................................................... 77
Hình 3-30: Lược đồ tuần tự xem danh sách phân công nhân viên trong hóa đ n ............ 78
Hình 3-31: Lược đồ tuần tự thêm xóa phân cơng trong hóa đ n ...................................... 79
Hình 3-32: Lược đồ tuần tự điểm danh nhân viên ............................................................ 80
Hình 3-33: Lược đồ tuần tự xóa hóa đ n .......................................................................... 81
Hình 3-34: Lược đồ tuần tự thay đổi tình trạng hóa đ n................................................... 82
7


DANH MỤC CÁC HÌNH
Hình 3-35: Lược đồ tuần tự ch nh s a thơng tin hóa đ n, khách hàng ............................. 83
Hình 3-36: Lược đồ tuần tự thêm nhân viên ..................................................................... 84
Hình 3-37: Lược đồ tuần tự ch nh s a nhân viên .............................................................. 85
Hình 3-38: Lược đồ tuần tự xóa nhân viên........................................................................ 86
Hình 3-39: Lược đồ tuần tự xem thơng tin tài khoản ........................................................ 87
Hình 3-40: Lược đồ tuần tự ch nh s a thông tin tài khoản ............................................... 88
Hình 3-41: Lược đồ tuần tự xóa tài khoản ........................................................................ 89
Hình 3-42: Lược đồ tuần tự xem bảng chấm cơng nhân viên ........................................... 90
Hình 3-43: Lược đồ tuần tự tìm kiếm vật liệu ................................................................... 90
Hình 3-44: Lược đồ tuần tự thêm vật liệu ......................................................................... 91
Hình 3-45: Lược đồ tuần tự ch nh s a vật liệu .................................................................. 92
Hình 3-46: Lược đồ tuần tự xóa vật liệu ........................................................................... 93
Hình 3-47: Lược đồ tuần tự tìm kiếm sản phẩm ............................................................... 94
Hình 3-48: Lược đồ tuần tự thêm sản phẩm ...................................................................... 95
Hình 3-49: Lược đồ tuần tự ch nh s a sản phẩm .............................................................. 96
Hình 3-50: Lược đồ tuần tự xóa sản phẩm ........................................................................ 97
Hình 3-51: Lược đồ tuần tự ch nh s a chi tiết sản phẩm .................................................. 98
Hình 3-52: Lược đồ tuần tự xem danh sách ngày có hóa đ n ........................................... 99
Hình 3-53: Lược đồ tuần tự xem danh sách hóa đ n theo ngày...................................... 100

Hình 3-54: Lược đồ tuần tự thêm xóa phân cơng ............................................................ 101
Hình 3-55: Lược đồ tuần tự thêm nhà cung cấp .............................................................. 102
Hình 3-56: Lược đồ tuần tự ch nh s a nhà cung cấp ...................................................... 103
Hình 3-57: Lược đồ tuần tự xóa nhà cung cấp ................................................................ 104
Hình 3-58: Lược đồ tuần tự xem danh sách hóa đ n nhập ............................................. 105
Hình 3-59: Lược đồ tuần tự thêm đ n giá nhập hàng ..................................................... 106
Hình 3-60: Lược đồ tuần tự xóa đ n giá nhập hàng........................................................ 107
Hình 3-61: Lược đồ tuần tự ch nh s a đ n giá nhập hàng .............................................. 108
Hình 3-62: Lược đồ tuần tự thêm loại dịch vụ ................................................................ 109
Hình 3-63: Lược đồ tuần tự ch nh s a loại dịch vụ ......................................................... 110
8


DANH MỤC CÁC HÌNH
Hình 3-64: Lược đồ tuần tự thêm dịch vụ ....................................................................... 111
Hình 3-65: Lược đồ tuần tự ch nh s a dịch vụ ................................................................ 112
Hình 3-66: Lược đồ tuần tự xem thống kê theo tháng .................................................... 113
Hình 3-67: Lược đồ tuần tự xem thống kê trong khoảng ................................................ 114
Hình 3-68: Lược đồ tuần tự xem bài viết ........................................................................ 115
Hình 3-69: Lược đồ tuần tự xem dịch vụ ........................................................................ 116
Hình 3-70: Lược đồ tuần tự đặt lịch ................................................................................ 117
Hình 3-71: Lược đồ tuần tự đánh giá .............................................................................. 118
Hình 3-72: Lược đồ ERD của hệ thống ........................................................................... 119
Hình 3-73: Lược đồ c sở dữ liệu ................................................................................... 125
Hình 3-74: Màn h nh đăng nhập ...................................................................................... 127
Hình 3-75: Màn hình danh mục....................................................................................... 128
Hình 3-76: Màn hình thơng tin tài khoản ........................................................................ 129
Hình 3-77: Màn h nh danh sách hóa đ n ........................................................................ 130
Hình 3-78: Màn h nh thơng tin hóa đ n .......................................................................... 132
Hình 3-79: Màn hình danh sách chi tiết hóa đ n ............................................................ 133

Hình 3-80: Màn hình thêm chi tiết hóa đ n .................................................................... 134
Hình 3-81: Màn hình ch nh s a chi tiết hóa đ n ............................................................. 135
Hình 3-82: Màn hình xem danh sách phát sinh ............................................................... 137
Hình 3-83: Màn hình thêm phát sinh ............................................................................... 138
Hình 3-84: Màn hình ch nh s a phát sinh ....................................................................... 139
Hình 3-85: Màn hình danh sách vật liệu cần trong hóa đ n ........................................... 140
Hình 3-86: Màn hình xem danh sách phân cơng ............................................................. 141
Hình 3-87: Màn hình thêm phân cơng nhân viên ............................................................ 142
Hình 3-88: Màn h nh điểm danh nhân viên ..................................................................... 143
Hình 3-89: Màn hình xem danh sách nhân viên .............................................................. 145
Hình 3-90: Màn hình xem thơng tin nhân viên ............................................................... 146
Hình 3-91: Màn hình danh sách vật liệu trong kho ......................................................... 147
Hình 3-92: Màn hình danh mục ở MasterPage................................................................ 149
9


DANH MỤC CÁC HÌNH
Hình 3-93: Giao diện màn h nh đăng nhập ..................................................................... 150
Hình 3-94: Giao diện màn hình chính ............................................................................. 151
Hình 3-95: Giao diện màn hình thêm mới ....................................................................... 152
Hình 3-96: Giao diện màn hình quản lý hóa đ n ............................................................ 153
Hình 3-97: Giao diện màn hình quản lý chi tiết hóa đ n ................................................ 155
Hình 3-98: Giao diện màn hình quản lý phát sinh .......................................................... 156
Hình 3-99: Giao diện màn hình quản lý nhân viên ......................................................... 157
Hình 3-100: Giao diện màn hình quản lý vật liệu ........................................................... 159
Hình 3-101: Giao diện màn hình quản lý bảng phân cơng .............................................. 160
Hình 3-102: Giao diện màn hình quản lý mẫu trang trí .................................................. 161
Hình 3-103: Giao diện màn hình quản lý nhà cung cấp, hóa đ n nhập hàng ................. 162
Hình 3-104: Giao diện màn hình xem thống kê doanh thu theo dạng biểu đồ................ 163
Hình 3-105: Giao diện màn hình xem thống kê doanh thu theo dạng tổng quát ............ 164

Hình 3-106: Giao diện màn hình quản lý đặt lịch ........................................................... 165
Hình 3-107: Giao diện màn hình quản lý blog ................................................................ 166
Hình 3-108: Màn hình trang chủ ..................................................................................... 168
Hình 3-109: Màn hình trang giới thiệu ............................................................................ 169
Hình 3-110: Màn hình trang dịch vụ ............................................................................... 170
Hình 3-111: Màn hình trang bài viết ............................................................................... 171
Hình 3-112: Màn h nh trang đặt lịch ............................................................................... 172
Hình 3-113: Màn hình trang liên hệ ................................................................................ 173

10


PHẦN MỞ ĐẦU

PHẦN MỞ ĐẦU
1. Tính cấp thiết của đề tài
Hiện nay, các c a hàng dịch vụ trang trí được mở ra rất nhiều, và các hoạt động
diễn ra trong các c a hàng cũng rất phức tạp như quản lý nhân viên, nhập nguyên
vật liệu, khách hàng, … dùng phư ng pháp quản lý thủ công sẽ rất khó để quản lý
hết khối lượng cơng việc như vậy.V thế rất cần một hệ thống để gi p việc quản lý
diễn ra dễ dàng h n.
Hệ thống sẽ được triển khai như sau:
-

Các thông tin c a hàng, các dịch vụ mà c a hàng có thể cung cấp, đặt lịch
khách hàng sẽ được thao tác trên website.

-

Việc quản lý nhân viên, vật liệu, hóa đ n xuất nhập, quản lý website sẽ

được quản lý trên phần mềm desktop.

-

V tính chất cơng việc của ngành này phải di chuyển nhiều và một số công
việc cần quản lý t xa nên một số chức năng như tính lư ng nhân viên, xem
hóa đ n, quản lý chi tiết hóa đ n, quản lý phát sinh của hóa đ n, quản lý
phân cơng trong hóa đ n, xem danh sách các vật liệu trong kho sẽ được
thiết kế trên ứng dụng di động.

2. Mục đích của đề tài
 T m hiểu và xây dựng ứng dụng di động
 T m hiểu và xây dựng ứng dụng trên desktop
 T m hiểu và xây dựng ứng dụng website
 Xây dựng hệ thống quản lý c a hàng tiệc cưới hoàn ch nh
3. Phạm vi nghiên cứu
 Xamarin.Forms (thiết kế trên nền tảng Android)
 WPF( Windows Presentation Foundation)
 ASP.NET CORE
4. Phƣơng pháp nghiên cứu
11


PHẦN MỞ ĐẦU
 Phư ng pháp tổng hợp lý thuyết:
Nghiên cứu và t m hiểu các tài liệu, ứng dụng liên quan đến công nghệ
đang t m hiểu
 Phư ng pháp chuyên gia:
Tham khảo ý kiến của thầy hướng dẫn cũng các anh chị, bạn b có kinh
nghiệm liên quan đến các vấn đề của khóa luận tạo độ chính xác và khoa

học cho đề tài
 Phư ng pháp mô h nh hóa:
Mơ ph ng ứng dụng các bước t thiết kế cài đặt cho đến kết quả thành
phẩm của ứng dụng

12


NỀN TẢNG KIẾN THỨC

PHẦN NỘI DUNG
CHƢƠNG 1:

NỀN TẢNG KIẾN THỨC

1.1 Xamarin.Forms
1.1.1

Tổng quan

Vào 28/5/2014,Xamarin đ giới thiệu Xamarin Forms,nó là một framework cho
phép các nhà phát triển phần mềm xây dựng các ứng dụng di động đa nền tảng s dụng
các thành phần giao diện c bản của hệ điều hành như: Pages, Layouts, Views, Controls.
Khi chạy chư ng tr nh, mỗi thành phần giao diện của Xamarin Forms sẽ được chuyển
hóa sang các thành phần giao diện tư ng ứng với mỗi nền tảng.
1.1.2

Các nền tảng đƣợc hỗ trợ

Xamarin Forms hỗ trợ 5 nền tảng ứng dụng khác nhau:

 IOS cho chư ng tr nh chạy trên iphone,iPad và iPod Touch.
 Android cho chư ng tr nh chạy trên điện thoại Android và Tablets.
 Universal Windows Platform(UWP) chạy trên Windows 10 và Windows 10
Mobile.
 Windows Runtime API của Win 8.1
 Windows Runtime API của Windows Phone 8.1
Thông thư ng ,một ứng dụng Xamarin Forms trên Visual Studio bao gồm 5
project riêng biết cho mỗi nền tảng,và một project chứa các m chung của các nền tảng.
ưới đây là s đồ hiển thị cho 3 nền tảng c bản Android ,iOs và UWP (Hai nền
tảng c n lại tư ng tự UWP).

13


NỀN TẢNG KIẾN THỨC

Hình 1-1 Ba nền tảng đƣợc Xamarin.Forms hỗ trợ
Các thư viện Xamarin.Forms.Core và Xamarin.Forms.Xaml sẽ triển khai
các Xamarin.Forms.API.Tùy thuộc vào t ng nền tảng mà Xamarin.Forms.Core sẽ s
dụng một trong số các thư viện của Xamarin.Forms.Platform.Các thư viện này chủ yếu là
tập hợp các lớp dùng để chuyển đổi các đối tượng UI Xamarin Forms sang giao diện
dùng cho t ng nền tảng.
ưới đây là ví dụ s dụng các control được thiết kế giao diện cho các các
nền tảng Android ,iOS và UWP mà ch cần một lần code.

14


NỀN TẢNG KIẾN THỨC

Hình 1-2 Ví dụ về các Control trên các nền tảng
XAML viết t t của eXtensible Application Markup Language được giới thiệu đầu
tiên trong ứng dụng WPF (Windows Presentation Foundation). XAML là ngôn ngữ đánh
dấu, th a kế t ngơn ngữ XML và có một số tiện ích c bản sau:
+ Với XAML, các trang, bố cục, các điều khiển được thể hiện một cách cấu tr c
với các phần t XML và các thuộc tính tư ng ứng.
+ Tách bạch giữa việc thiết kế giao diện và lập tr nh. Điều này cho phép các nhà
thiết kế và các nhà lập tr nh có thể tập trung vào “chuyên môn” của m nh mà không cần
can thiệp lẫn nhau.
+ Xaml đặc biệt phù hợp để s dụng với kiến tr c ứng dụng MVVM(Model-ViewViewModel).
1.1.3

Môi trƣờng phát triển

Cách lựa chọn và thiết lập phần cứng và phần mềm tùy thuộc vào t ng nền tảng
mà ch ng ta lựa chọn để phát triển và môi trư ng phát triển tốt nhất cho ch ng ta.

15