KONA PROJECT (LÊN LỊCH, ĐẶT PHÒNG)

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC BÁCH KHOA KHOA CÔNG NGHỆ THÔNG TIN ĐỒ ÁN TỐT NGHIỆP NGÀNH CÔNG NGHỆ THÔNG TIN ĐỀ TÀI: KONA PROJECT (LÊN LỊCH, ĐẶT PHÒNG) Sinh viên thực hiện : TRẦN LONG VŨ Số thẻ sinh viên : 102150146 L ớp : 15T2 Người hướng dẫn : ThS. ĐỖ THỊ TUYẾT HOA Đà Nẵng , 12/2019 NHẬN XÉT CỦA NGƯỜI HƯỚNG DẪN ............................................................................................................................. .............. ..................................................................................................................... ...................... ............................................................................................................................. .............. ............................................................................................... ............................................ ............................................................................................................................. .............. ......................................................................... .................................................................. ............................................................................................................................. .............. ................................................... ........................................................................................ ............................................................................................................................. .............. ............................. .............................................................................................................. ............................................................................................................................. .............. ....... ............................................................................................................................. ....... ............................................................................................................................ ............... ............................................................................................................................. .............. ...................................................................................................... ..................................... ............................................................................................................................. .............. ................................................................................ ........................................................... ............................................................................................................................. .............. .......................................................... ................................................................................. ............................................................................................................................. .............. Đà Nẵng, ngày… tháng … năm 2019 G i ả ng viên hướng dẫn ThS. Đỗ Thị Tuyết H oa NHẬN XÉT CỦA NGƯỜI PHẢN BIỆN ............................................................................................................................. .......... .................................................... ......................................................................................... ............................................................................................................................. ................ .......................... ................................................................................................................... ............................................................................................................................. ................ ............................................................................................................................. ................ ................................................................................................................... .......................... ............................................................................................................................. ................ ......................................................................................... .................................................... ............................................................................................................................. ................ ............................................................... .............................................................................. ............................................................................................................................. ................ ..................................... ........................................................................................................ ............................................................................................................................. ................ ........... ............................................................................................................................. ..... ............................................................................................................................. . ............... ............................................................................................................................. ................ .................................................................................................... ......................................... ............................................................................................................................. ................ .......................................................................... ................................................................... .......................................................................................................... ................................... Đà Nẵ ng, ngày … tháng … năm 2019 T ÓM TẮT I. Thông tin chung 1. Tên đề tài: Kona Project (Lên lịch, đặt phòng) 2. Sinh viên thực hiện: Trần Long Vũ 3. Số thẻ sinh viên: 102150146 4. Lớp: 15T2 II. Tóm tắt đồ án Kona Project là một nền tảng nơi mà khách hàng (client) và nhà cung cấp dịch vụ (provider) có thể lên lịch/xem/điều chỉnh cuộc hẹn trong lịch trình có trước ở tại các phòng đã được đặt trên hệ thống, quản lí hóa đơn(hóa đơn, thanh toán…), và cho phép nhà cung cấp có thể xem/lên lịch/liên hệ với khách hàng của họ. Nhà cung cấp sử dụng hệ thống n ày để có thể quản lí những không gian làm việc chung. Họ cũng có thể thanh toán trực tiếp cho những phòng đã đặt thông qua hệ thống này . Khách hàng cũng có thể xác nhận việc đặt phòng này và thanh toán thông qua hệ thống này và cũng có thể liên lạc với n hà cung cấp dịch vụ thông qua hệ thống. Những địa điểm ( như : khách sạn, tòa nhà...) nơi có nhiều phòng cần cung cấp dịch vụ. Những phòng dịch vụ cá nhân đó sẽ là nơi mà nhà cung cấp và khách hàng gặp nhau. ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC BÁCH KHOA KHOA CÔNG NGHỆ THÔNG TIN CỘNG HÒA XÃ HÔI CHỦ NGHĨA VIỆT NAM Độc lập - Tự do - Hạnh phúc NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP Họ t ên sinh viên: Trần Long Vũ Số thẻ sinh viên: 102150146 Lớp: 15T2 Khoa: CNTT Ngành: Công nghệ phần mềm 1. Tên đề tài đồ án: Kona Project (Lên lịch, đặt phòng) 2. Đề tài thuộc diện: ☐ Có ký kết thỏa thuận sở hữu trí tuệ đối với kết quả thực hiện 3. Các số liệu và dữ liệu ban đầu: ……………………………………..……………………………………………..……... ...………………………………………………………………………………………… …..………………………………….…..………………………..……………………… 4. Nội dung các phần thuyết minh và tính toán: …...……………………………………………………………………………………… …...……………………………………………………………………………………… …...……………………………………………………………………………………… …...……………………………………………………………………………………… …...……………………………………………………………………………………… 5. Các bản vẽ, đồ thị ( ghi rõ các loại và kích thước bản vẽ ): …...……………………………………………………………………………………… …...… …………………………………………………………………………………… …...……………………………………………………………………………………… …...……………………………………………………………………………………… 6. Họ tên người hướng dẫn: …………………………………..…………………… 7. Ngày giao nhiệm vụ đồ án: ……../……./201….. 8. Ngày hoàn thành đồ án: 20/12/2019 Đà Nẵng, ngày 20 t háng 12 năm 201 9 Trưởng Bộ môn Công nghệ phần mềm Người hướng dẫn TS. Lê Thị Mỹ Hạnh ThS. Đỗ Thị Tuyết Hoa LỜI NÓI ĐẦU Trong suốt thời gian thực hiện và hoàn thành đồ án này, c húng em đã nhận được sự giúp đỡ và hướng dẫn tận tình của các Thầy, các Cô và các bạn trong Khoa Công nghệ Thông tinTrường Đại học Bách khoa - Đại học Đà Nẵng. Chúng em x in gửi lời cảm ơn chân thành và sâu sắc tới các Thầy Cô trong Khoa đã giảng dạy và truyền đạt những kiến thức cần thiết, những kinh nghiệm quý báu ch o chúng em có thể thực hiện đồ án này. Trước tiên chúng em xin chân thành cảm ơn cô Th.s Đỗ Thị Tuyết Hoa , người đã từng bước hướng dẫn, giúp đỡ em trong quá trình thực hiện đồ án tốt nghiệp của mình. Thứ hai, chúng em xin được gửi lời cảm ơn đến Công ty O rient Software đã tạo nhiều điểu kiện thuận lợi cho em trong suốt quá trình làm đồ án. Trong quá trình học tập, cũng như trong quá trình làm đồ án tốt nghiệp không thể tránh khỏi những thiếu sót, em rất mong được sự góp ý quý báu của tất cả các thầy cô cũ ng như tất cả các bạn để đồ án tốt nghiệp của em được hoàn thiện hơn. Một lần nữa em xin chân thành cảm ơn và kính chúc quý Thầy Cô sức khỏe và thành công trong cuộc sống. Đà Nẵng, ngày 20 tháng 12 năm 2019 Sinh viên thực hiện Trần Long Vũ CAM ĐOAN Tôi xin cam đoan: 1. Những nội dung trong đồ án này là do tôi thực hiện dưới sự hướng dẫn trực tiếp của cô T h S. Đỗ Thị Tuyết Hoa . 2. Mọi tham khảo dùng trong đồ án đều được trích dẫn rõ ràng tên tác giả, tên công trình, thời gian, địa điểm công bố. 3. Nếu có những sao chép không hợp lệ, vi phạm, tôi xin chịu hoàn toàn trách nhiệm. Đà Nẵng, ngày 20 tháng 12 năm 2019 Sinh viên thực hiện Trần Lon g Vũ Đ Ạ I H Ọ C Đ À N Ẵ N G − T R Ư Ờ N G Đ Ạ I H Ọ C B Á C H K H O A KHOA CÔNG NGHỆ THÔNG TIN 54, Nguyễn Lương Bằng, Hoà Khánh, Liên Chiểu, TP. Đà Nẵng Tel. 84.511.3.736.949, Fax. 84.511.842.771 - Website: itf.dut.edu.vn - E - mail: cntt@dut.udn.vn PHIẾU DUYỆT ĐỒ ÁN TỐT NGHIỆP I. Phần dành cho Sinh viên 1. Họ và tên: Trần Long Vũ 2. Mã Sinh viên: 102150146 3. Lớp: 15T 2 4. Tên đề tài: Kona Project (Lên lịch, đặt phòng) 5. Họ và tên GVHD: T h S. Đỗ Thị Tuyết Hoa 6. Điện thoại: 0932037127 7. E - mail: vutran.270797@gmail.com II. Phần dành cho Hội đồng STT Nội dung đánh giá Kết luận 1. Trình bày báo cáo theo đúng mẫu qui định của Khoa 2. Không có sự sao chép nội dung báo cáo và chương trình đã có 3. Biên dịch mã nguồn và chạy được chương trình 4. Có kịch bản thực hiện với dữ liệu thử nghiệm 5. Kết quả thực hiện chương trình đúng theo báo cáo 6. Có sự đóng góp, phát triển của tác giả trong đồ án Ý kiến khác: ........................................................................................................................... ............................................................................................................................. ....... .............. Kết luận:  Đạt yêu cầu  Phải sửa chữa lại  Không đạt yêu cầu Đà Nẵng, ngày 20 tháng 12 năm 2019 Chủ tịch Hội đồng (Ký và ghi họ tên) Cán bộ duyệt kiểm tra (Ký và ghi họ tên) Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 1 MỤC LỤC TÓM TẮT ................................ ................................ ................................ ................ iv LỜI NÓI ĐẦU ................................ ................................ ................................ ......... vi CAM ĐOAN ................................ ................................ ................................ ........... vii MỤC LỤC ................................ ................................ ................................ ................ 1 DANH MỤC HÌNH ................................ ................................ ................................ .. 3 DANH MỤC BẢNG ................................ ................................ ................................ . 4 CHƯƠNG 1 TỔNG QUAN VỀ ĐỀ TÀI ................................ ............................ 5 1.1 Giới thiệu ................................ ................................ ................................ .................. 5 1.1.1 Lý do thực hiệ n đề tài ................................ ................................ ................ 5 1.1.2 Mô tả đề tài ................................ ................................ ............................... 5 1.1.3 Mục đích, ý nghĩa, yêu cầu ................................ ................................ ........ 5 1.1.4 Mục đích, ý nghĩa, yêu cầu ................................ ................................ ........ 6 1. 2 Công việc dự kiến ................................ ................................ ................................ ..... 6 1.3 Kết quả dự kiến đạt được ................................ ................................ ........................... 6 1.4. Bố cục dự kiến của đồ án tốt nghiệp ................................ ................................ .......... 7 1.5. Kế hoạch triển khai ................................ ................................ ................................ ... 8 CHƯƠNG 2 PHÂN TÍCH THIẾT KẾ HỆ THỐNG ................................ ...... 9 2.1 Phân tích đặc tả yêu cầu ................................ ................................ ............................ 9 2.1.1 Đặc tả ca sử dụng ................................ ................................ ....................... 9 2.1.2 Biểu đồ usecase ................................ ................................ ......................... 9 2.2 Biểu đồ hoạt động ................................ ................................ ................................ ... 21 2.3 Biểu đồ tuần tự ................................ ................................ ................................ ........ 30 2.4 Biểu đồ lớp ................................ ................................ ................................ .............. 36 2.5 Cơ sở dữ liệu ................................ ................................ ................................ ........... 40 CHƯƠNG 3 TRIỂN KHAI VÀ ĐÁNH GIÁ KẾT QUẢ ................................ 47 3.1 Triển khai ................................ ................................ ................................ ................ 47 3.2 Kết quả và đánh giá ................................ ................................ ................................ . 55 KẾT LUẬN ................................ ................................ ................................ ............. 67 1. Kết quả đạt được ................................ ................................ ............................ 67 2. Hạn chế ................................ ................................ ................................ ........... 67 Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 2 3. Hướng phát triển ................................ ................................ ............................ 67 TÀI LIỆU THAM KHẢO ................................ ................................ ...................... 68 Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 3 DANH MỤC HÌNH Hình 2.1.1: Bi ể u đ ồ ca s ử d ụ ng t ổ ng quát ................................ ................................ ........... 10 Hình 2.1.2 Bi ể u đ ồ ca s ử d ụ ng qu ả n lý nhà cung c ấ p ................................ ......................... 11 Hình 2.1.3: Bi ể u đ ồ ca s ử d ụ ng qu ả n lý booking ................................ ................................ 12 Hình 2.1.4: Bi ể u đ ồ ca s ử d ụ ng qu ả n lý bình lu ậ n ................................ .............................. 13 Hình 2.1.5: Bi ể u đ ồ ca s ử d ụ ng qu ả n lý hóa đơn ................................ ................................ 14 Hình 2.1.6: Bi ể u đ ồ ca s ử d ụ ng qu ả n lý phòng h ọ p ................................ ........................... 15 Hình 2.1.7: Bi ể u đ ồ ca s ử d ụ ng qu ả n lý thông tin cá nhân ................................ .................. 16 Hình 2.1.8: Bi ể u đ ồ ca s ử d ụ ng qu ả n lý booking ................................ ................................ 17 Hình 2.1.9: Bi ể u đ ồ ca s ử d ụ ng qu ả n lý khách hàng ................................ ........................... 18 Hình 2.1.10: Bi ể u đ ồ ca s ử d ụ ng qu ả n lý hóa đơn và thanh toán ................................ ......... 19 Hình 2.1.11: Bi ể u đ ồ ca s ử d ụ ng qu ả n lý c ủ a khách hà ng ................................ ................... 20 Hình 2.2.1: Bi ể u đ ồ ho ạ t đ ộ ng xem danh sách l ị ch h ẹ n ................................ ...................... 21 Hình 2.2.2: Bi ể u đ ồ ho ạ t đ ộ ng xem danh sách nhà cung c ấ p ................................ .............. 22 Hình 2.2.3: Bi ể u đ ồ ho ạ t đ ộ ng l ọ c danh sách booking c ủ a nhà cung c ấ p ............................ 23 Hình 2.2.4: Bi ể u đ ồ ho ạ t đ ộ ng ch ứ c n ăng đăng bài ................................ ............................ 24 Hình 2.2.5: Bi ể u đ ồ ho ạ t đ ộ ng l ọ c danh sách hóa đơn ................................ ........................ 25 Hình 2.2.6: Bi ể u đ ồ ho ạ t đ ộ ng export hóa đơn ra file PDF ................................ ................. 26 Hình 2.2.7: Bi ể u đ ồ ho ạ t đ ộ ng thêm đ ị a đi ể m ................................ ................................ .... 27 Hình 2.2.8: Bi ể u đ ồ ho ạ t đ ộ ng t ạ o cu ộ c h ẹ n ................................ ................................ ....... 29 Hình 2.2.9: Bi ể u đ ồ ho ạ t đ ộ ng thanh toán hóa đơn ................................ ............................. 29 Hình 2.2.10: Bi ể u đ ồ ho ạ t đ ộ ng thanh toán hóa đơn ................................ ........................... 30 Hình 2.3.1: Bi ể u đ ồ tu ầ n t ự hi ể n th ị danh sách l ị ch h ẹ n ................................ ...................... 31 Hình 2.3.2: Bi ể u đ ồ tu ầ n t ự t ạ o m ớ i đ ị a đi ể m ................................ ................................ ..... 32 Hình 2.3.3: Bi ể u đ ồ tu ầ n t ự thêm cu ộ c h ẹ n ................................ ................................ ......... 34 Hình 2.3.4: Bi ể u đ ồ tu ầ n t ự thanh toán hóa đơn ................................ ................................ . 35 Hình 2.4.1: Bi ể u đ ồ l ớ p cho ch ứ c năng đăng bài, bình lu ậ n ................................ ................ 36 Hình 2.4.2: Bi ể u đ ồ l ớ p cho ch ứ c năng qu ả n lí phòng h ọ p ................................ ................. 37 Hình 2.4.3: Bi ể u đ ồ l ớ p cho ch ứ c năng qu ả n lí booking ................................ ..................... 38 Hình 2.4.4: Bi ể u đ ồ l ớ p cho ch ứ c năng qu ả n lí hoá đơn và thanh toán ............................... 39 Hình 2.5.1: Cơ s ở d ữ li ệ u ................................ ................................ ................................ ... 40 Hình 3.2.1: Trang admin dashboard ................................ ................................ ................... 55 Hình 3.2.2: Giao di ệ n nhà cung c ấ p trang admin ................................ ................................ 56 Hình 3.2.3: Giao di ệ n community trang admin ................................ ................................ ... 57 Hình 3.2.4: Giao di ệ n hóa đơn trang admin ................................ ................................ ........ 58 Hình 3.2.5: Giao di ệ n thêm đ ị a đi ể m ................................ ................................ .................. 58 Hình 3.2.6: Giao di ệ n qu ả n lí account admin ................................ ................................ ...... 59 Hình 3.2.7: Trang dashboard c ủ a nhà cung c ấ p ................................ ................................ .. 60 Hình 3.2.8: Model t ạ o booking ................................ ................................ ........................... 61 Hình 3.2.9: Model t ạ o cu ộ c h ẹ n ................................ ................................ ......................... 62 Hình 3.2.10: Trang chi ti ế t hóa đơn ................................ ................................ .................... 63 Hình 3.2.11: Trang hi ể n th ị thông báo ................................ ................................ ................ 64 Hình 3.2.12: Trang dashboard c ủ a client ................................ ................................ ........... 64 Hình 3.2.13: Trang hi ể n th ị hóa đơn c ủ a client ................................ ................................ ... 65 Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 4 DANH MỤC BẢNG B ả ng 1.5.1: K ế ho ạ ch tri ể n khai ................................ ................................ ........................... 8 B ả ng 2.1.1: B ả ng đ ặ c t ả ca s ử d ụ ng ................................ ................................ ...................... 9 B ả ng 2.1.2: B ả ng đ ặ c t ả ca qu ả n lí nhà cung c ấ p ................................ ................................ 11 B ả ng 2.1.3: B ả ng đ ặ c t ả ca qu ả n lí nhà cung c ấ p ................................ ................................ 12 B ả ng 2.1.4: B ả ng đ ặ c t ả ca s ử d ụ ng qu ả n lí bình lu ậ n ................................ ......................... 13 B ả ng 2.1.5: B ả ng đ ặ c t ả ca s ử d ụ ng qu ả n lí hóa đơn ................................ ........................... 14 B ả ng 2.1.6: B ả ng đ ặ c t ả ca s ử d ụ ng qu ả n lí phòng h ọ p ................................ ....................... 15 B ả ng 2.1.7: B ả ng đ ặ c t ả ca s ử d ụ ng qu ả n lí thông tin cá nhân ................................ ............ 16 B ả ng 2.1.8: B ả ng đ ặ c t ả ca s ử d ụ ng qu ả n lí booking ................................ .......................... 17 B ả ng 2.1.9: B ả ng đ ặ c t ả ca s ử d ụ ng qu ả n lí khách h àng ................................ ..................... 18 B ả ng 2.1.10: B ả ng đ ặ c t ả ca s ử d ụ ng qu ả n lí hóa đơn và thanh toán ................................ ... 19 B ả ng 2.5.1: Mô t ả b ả ng users ................................ ................................ ............................. 41 B ả ng 2.5.2: Mô t ả b ả ng providers ................................ ................................ ...................... 42 B ả ng 2.5.3: Mô t ả b ả n clients ................................ ................................ ............................. 42 B ả ng 2.5.4: Mô t ả b ả ng posts ................................ ................................ ............................. 43 B ả ng 2.5.5: Mô t ả b ả ng venues ................................ ................................ .......................... 43 B ả ng 2.5.6: Mô t ả b ả ng spaces ................................ ................................ ........................... 44 B ả ng 2.5.7: Mô t ả b ả ng booking ................................ ................................ ........................ 44 B ả ng 2.5.8: Mô t ả b ả ng appointments ................................ ................................ ................ 45 B ả ng 2.5.9: Mô t ả b ả ng invoices ................................ ................................ ........................ 45 B ả ng 2.5.10: Mô t ả b ả ng payments ................................ ................................ .................... 46 Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 5 CHƯƠNG 1 TỔNG QUAN VỀ ĐỀ T ÀI 1.1 Giới thiệu 1.1.1 Lý do thực hiện đề tài Cuộc sống ngày càng bận rộn, mọi thứ thì thay đổi theo từng ngày. Những cuộc họp ngày càng quan trọng trong việc làm ăn, cần có nơi để tổ chức sự kiện như liên hoan, cuộc họp, gặp mặt khách hàng... Và với những vấn đề như trên, để thuận lợi cho việc đặt phòng, phân phối phòng, thuê địa điểm cho bất cứ sự kiện gì, dẫn đến cần có hệ thống đặt phòng này. 1.1.2 Mô tả đề tài Kona Project là một nền tảng nơi mà khách hàng (client) và nhà cung cấp dịch vụ (provider) có thể lên lịch/xem/điều chỉnh cuộc hẹn trong lịch trình có trước ở tại các phòng đã được đặt trên hệ thống, quản lí hóa đơn(hóa đơn, thanh toán…), và cho phép nhà cung cấp có thể xem/lên lịch/liên hệ với khách hàng của h ọ. Nhà cung cấp sử dụng hệ thống này để có thể quản lí những không gian làm việc chung. Họ cũng có thể thanh toán trực tiếp cho những phòng đã đặt thông qua hệ thống này . Khách hàng cũng có thể xác nhận việc đặt phòng này và thanh toán thông qua hệ thống này và cũng có thể liên lạc với nhà cung cấp dịch vụ thông qua hệ thống. Những địa điểm ( như : khách sạn, tòa nhà...) nơi có nhiều phòng cần cung cấp dịch vụ. Những phòng dịch vụ cá nhân đó sẽ là nơi mà nhà cung cấp và khách hàng gặp nhau. 1.1.3 Mục đích, ý nghĩa, yêu cầu 1. Mục đích, ý nghĩa. Giúp dễ dàng cung cấp phòng cho sự kiện, gặp khách hàng, thanh toán qua hệ thống, nhanh, thuận tiện. 2. Yêu cầu a. Frontend - Response design hỗ trợ cho mobile, tablet và PC(Safari, Chrome, Edge, Firefox). - Được phát triển bằng Re actjs library. - Fulcalendar.io library cho calendar system. b. Backend Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 6 Phát triển bằng Django framework c. Database PostgreSQL d. Hosting Google Cloud Platform 1.1.4 Mục đích, ý nghĩa, yêu cầu 1. Thiết kế database cho hệ thống. 2. Viết API cho hệ thống. 3. Design frontend. 4. Gọi API và hoàn thành frontend. 5. Testing. 6. Deploy lên server. 1.2 Công việc dự kiế n - Phần backend cung cấp các API để bên frontend có thể triệu gọi. Người dùng tương tác trang web qua frontend. Người sử dụng ở đây có thể là : + Admin (có mọi quyền với các chức năng của trang web). + Manager (quản lý các project và tạo các task con của từng project). + User (sẽ nhận các task đó và khởi chạy bộ đếm thời gian khi công việc của mình bắt đầu). Bên cạnh đó, role này cũng có thể tự tạo thời gian biểu cho chính mình. - Phân tích và thiết kế: thiết kế hệ thống (phân tích nghiệp vụ của trang web) ; thiết kế chức năng (Định hình cơ bản các chức năng cần có của trang web) ; thiết kế dữ liệu; thiết kế các giao diện - Xây dựng: cài đặt dữ liệu; lập trình (sử dụng spri ngboot framework và triển khai trang web trên heroku). - Kiểm thử (bao gồm sửa lỗi và hoàn thiện). - Thử nghiệm và đánh giá kết quả - Viết báo cáo 1.3 K ết quả dự kiến đạt được 1. Về mặt lí thuyết Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 7 - Biết thêm về các framework mới - Học được ngôn ngữ mới và các công nghệ, kĩ thuật đi kèm - Thực hiện theo đúng quy trình như là 1 nhân viên chính thức ở công ty 2. Về mặt thực tiễn : Xây dựng được sản phẩm có khả năng ứng dụng thực tế cao, đáp ứng các chức năng cơ bản: - Lên lịch - Đặt phòng - Giao tiếp với khách hàng - Thanh toán cho phòng đã đặt 1.4. Bố cục dự kiến của đồ án tốt nghiệp - MỞ ĐẦU: trình bày lý do chọn đề tài, mục đích, đối tượng và phạm vi nghiên cứu, phương pháp, nội dung nghiên cứu. - MỤC LỤC: trình bày thứ tự, sơ lược đề mục của đồ án - NỘI DUNG CỦA ĐỒ ÁN: Trình bày nội dung đã nghiên cứu, tìm hiểu và xây dựng. Chi tiết hơn bao gồm: Kế hoạch thực hiện của đồ án; Chi tiết về công nghệ và công cụ được sử dụng; Sơ đồ của dự án, tài liệu đặc tả (bao gồm cả cơ sở dữ liệu); Chi tiết từng tính năng cũng như quá trình thực hiện hay nhữn g khó khăn gặp phải. - KẾT LUẬN: trình bày những kết quả mới của đồ án một cách ngắn gọn, không có lời bàn và bình luận thêm. - DANH MỤC TÀI LIỆU THAM KHẢO: Chỉ bao gồm các tài liệu được trích dẫn, sử dụng và đề cập tới để bàn luận trong đồ án. - PHỤ LỤC Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 8 1.5. Kế hoạch triển khai Bảng 1.5 . 1 : Kế hoạch triển khai STT Tên công việc Từ ngày Đến ngày 1 Nghiên cứu và tìm hiểu 28/08/2019 07/09/2019 2 Thiết kế cơ sở dữ liệu và xây dựng bản mẫu cho các chức năng. 08/9/201 17/09/2019 3 Triển khai các chức năng ở phía server 18/9/2018 18/10/2019 4 Hoàn thiện phần giao diện 19/10/2019 10/11/2019 5 Sửa lỗi 12/11/2019 25/11/2019 6 Deploy lên server 26/11/2019 30/11/2019 7 Viết báo cáo. 01/12/2019 10/12/2019 Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 9 CHƯƠNG 2 PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2.1 Phân tích đặc tả yêu cầu 2.1.1 Đặc tả ca sử dụng Bảng 2.1 . 1 : Bảng đặc tả ca sử dụng Actor Ch ứ c năng Admin - Qu ả n lí tài kho ả n nhà cung c ấ p - Qu ả n lí tài kho ả n các admin khác - Qu ả n lí booking - Qu ả n lí phòng h ọ p - Qu ả n lí h ệ th ố ng - Qu ả n lí hóa đơn - Qu ả n lí bài đăng và bình lu ậ n Nhà cung c ấ p - Qu ả n lí khách hàng - Qu ả n lí hóa đơn - Qu ả n lí booking - Qu ả n qu ả n lí tin nh ắ n - Tìm ki ế m phòng h ọ p Khách hàng - Thanh toán hóa đơn - Nh ắ n tin v ớ i nhà cung c ấ p - Xem thông tin nhà cung c ấ p - Xem thông tin cu ộ c h ẹ n - Xem thông báo 2.1.2 Biểu đồ usecase Biểu đồ ca sử dụng (use case) mô tả các chức năng, sự tương tác đặc trưng giữa người dùng và website. Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 10 Hình 2.1 . 1 : Biểu đồ ca sử dụng tổng quát Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 11 Hình 2.1 . 2 Biểu đồ ca sử dụng quản lý nhà cung cấp Bảng 2.1 . 2 : Bảng đặc tả c a quản lí nhà cung cấp Tên ca sử dụng Quản lí nhà cung cấp Mã ca sử dụng KONA - 01 Tác nhân Admin Mô tả Hiển thị danh sách nhà cung cấp trong hệ thống. Điều kiện trước Đăng nhập vào hệ thống với quyền Admin. Điều kiện sau Hiển thị màn hình xem danh sách nhà cung cấp Các bước thực hiện 1. Chọn menu Providers Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 12 2. Click các button tương ứng với thêm, xóa, sửa, lọc thông tin nhà cung cấp Hình 2.1 . 3 : Biểu đồ ca sử dụng quản lý booking Bảng 2.1 . 3 : Bảng đặc tả c a quản lí nhà cung cấp Tên ca sử dụng Quản lí booking Mã ca sử dụng KONA - 02 Tác nhân Admin Mô tả Hiển thị danh sách booking trong hệ thống. Điều kiện trước Đăng nhập vào hệ thống với quyền Admin. Điều kiện sau Hiển thị màn hình xem danh sách booking Các bước thực hiện 1. Chọn menu Bookings 2. Click các button tương ứng với thêm, xóa, sửa, lọc thông tin booking Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 13 Hình 2.1 . 4 : Biểu đồ ca sử dụng quản lý bình luận Bảng 2.1 . 4 : Bảng đặc tả ca sử dụng quản lí bình luận Tên ca sử dụng Quản lí bình luận Mã ca sử dụng KONA - 03 Tác nhân Admin Mô tả Hiển thị danh sách bình luận, bài post trong hệ thống. Điều kiện trước Đăng nhập vào hệ thống với quyền Admin. Điều kiện sau Hiển thị màn hình xem danh sách bình luận Các bước thực hiện 1. Chọn menu Community 2. Click các button tương ứng với thêm, xóa, sửa bình luận Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 14 Hình 2.1 . 5 : Biểu đồ ca sử dụng quản lý hóa đơn Bảng 2.1 . 5 : Bảng đặc tả ca sử dụng quản lí hóa đơn Tên ca sử dụng Quản lí hóa đơn Mã ca sử dụng KONA - 04 Tác nhân Admin Mô tả Hiển thị danh sách hóa đơn trong hệ thống Điều kiện trước Đăng nhập vào hệ thống với quyền Admin. Điều kiện sau Hiển thị màn hình xem danh sách bình luận Các bước thực hiện 1. Chọn menu Billing 2. Click các button tương ứng với “Send”, “Void”, “Paid” Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 15 Hình 2.1 . 6 : Biểu đồ ca sử dụng quản lý phòng họp Bảng 2.1 . 6 : Bảng đặc tả ca sử dụng quản lí phòng họp Tên ca sử dụng Quản lí phòng họp Mã ca sử dụng KONA - 05 Tác nhân Admin Mô tả Hiển thị danh sách phòng họp Điều kiện trước Đăng nhập vào hệ thống với quyền Admin. Điều kiện sau Hiển thị màn hình xem danh sách bình luận Các bước thực hiện 1. Click button Spaces 2. Click các button tương ứng với các phòng họp, chọn lịch cụ thể. Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 16 Hình 2.1 . 7 : Biểu đồ ca sử dụng quản lý thông tin cá nhân Bảng 2.1 . 7 : Bảng đặc tả ca sử dụng quản lí thông tin cá nhân Tên ca sử dụng Quản lí thông tin cá nhân Mã ca sử dụng KONA - 06 Tác nhân Admin Mô tả Hiển thị danh sách tài khoản admin Điều kiện trước Đăng nhập vào hệ thống với quyền Admin. Điều kiện sau Hiển thị màn hình xem danh sách tài khoản Các bước thực hiện 1. Click button Systems 2. Click các button tương ứng để thêm, sửa, xóa tài khoản. Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 17 Hình 2.1 . 8 : Biểu đồ ca sử dụng quản lý booking Bảng 2.1 . 8 : Bảng đặc tả ca sử dụng quản lí booking Tên ca sử dụng Quản lí Booking Mã ca sử dụng KONA - 07 Tác nhân Nhà cung cấp Mô tả Hiển thị danh sách booking, lịch trình Điều kiện trước Đăng nhập vào hệ thống với quyền Nhà cung cấp. Điều kiện sau Hiển thị màn hình xem danh sách booking Các bước thực hiện 1. Click button Calendar 2. Chọn thời gian trên màn hình chính để tạo booking 3. Chọn các button tương ứng trên màn hình với các hành động. Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 18 Hình 2.1 . 9 : Biểu đồ ca sử dụng quản lý khách hàng Bảng 2.1 . 9 : Bảng đặc tả ca sử dụng quản lí khách hàng Tên ca sử dụng Quản lí Khách hàng Mã ca sử dụng KONA - 08 Tác nhân Nhà cung cấp Mô tả Hiển thị danh sách khách hàng Điều kiện trước Đăng nhập vào hệ thống với quyền Nhà cung cấp. Điều kiện sau Hiển thị màn hình xem danh sách khách hàng Các bước thực hiện 1. Click button Clients 2. Chọn các button tương ứng với các hành động Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 19 Hình 2.1 . 10 : Biểu đồ ca sử dụng quản lý hóa đơn và thanh toán Bảng 2.1 . 10 : Bảng đặc tả ca sử dụng quản lí hóa đơn và thanh toán Tên ca sử dụng Quản lí hóa đơn và thanh toán Mã ca sử dụng KONA - 09 Tác nhân Nhà cung cấp Mô tả Hiển thị danh sách hóa đơn, phương thức thanh toán Điều kiện trước Đăng nhập vào hệ thống với quyền Nhà cung cấp. Điều kiện sau Hiển thị màn hình xem danh sách hóa đơn Các bước thực hiện 1. Click button Clients 2. Click button Billing 3. Màn hình các hóa đơn 4. Click các button tương ứng với các hành động. Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 20 Hình 2.1 . 11 : Biểu đồ ca sử dụng quản lý của khách hàng Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 21 2.2 Biểu đồ hoạt động Biểu đồ hoạt động là biểu đồ mô tả các hoạt động, luồng xử lý bên trong hệ thống . Sau đây là biểu đồ hoạt động của một số chức năng chính trong hệ thống. Hình 2.2 . 1 : Biểu đồ hoạt động xem danh sách lịch hẹn Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 22 Hình 2.2 . 2 : Biểu đồ hoạt động xem danh sách nhà cung cấp Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 23 Hình 2.2 . 3 : Biểu đồ hoạt động lọc danh sách booking của nhà cung cấp Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 24 Hình 2.2 . 4 : Biểu đồ hoạt động chức năng đăng bài Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 25 Hình 2.2 . 5 : Biểu đồ hoạt động lọc danh sách hóa đơn Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 26 Hình 2.2 . 6 : Biểu đồ hoạt động export hóa đơn ra file PDF Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 27 Hình 2.2 . 7 : Biểu đồ hoạt động thêm địa điểm Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 28 Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 29 Hình 2.2 . 8 : Biểu đồ hoạt động tạo cuộc hẹn Hình 2.2 . 9 : Biểu đồ hoạt động thanh toán hóa đơn Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 30 Hình 2.2 . 10 : Biểu đồ hoạt động thanh toán hóa đơn 2.3 Biểu đồ tuần tự M ột số biểu đồ tuần tự tổng quát sau sẽ cho ta thấy rõ hơn trình tự tương tác giữa các đối tượng và các thông điệp được gửi đi giữa các đối tượng trong website. Để hiểu rõ hơn về hệ thông. Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 31 Hình 2.3 . 1 : Biểu đồ tuần tự hiển thị danh sách lịch hẹn Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 32 Hình 2.3 . 2 : Biểu đồ tuần tự tạo mới địa điểm Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 33 Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 34 Hình 2.3 . 3 : Biểu đồ tuần tự thêm cuộc hẹn Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 35 Hình 2.3 . 4 : Biểu đồ tuần tự thanh toán hóa đơn Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 36 2.4 Biểu đồ lớp Biểu đồ lớp là một tập các lớp, giao diện và mỗi quan hệ giữa chúng. Mô tả cái nhìn tĩnh của hệ thống. Bao gồm các thuộc tính và các hành vi của lớp. Bên dưới là biểu đồ lớp của hệ thống. Hình 2.4 . 1 : Biểu đồ lớp cho chức năng đăng bài, bình luận Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 37 Hình 2.4 . 2 : Biểu đồ lớp cho chức năng quản lí phòng họp Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 38 Hình 2.4 . 3 : Biểu đồ lớp cho chức năng quản lí booking Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 39 Hình 2.4 . 4 : Biểu đồ lớp cho chức năng quản lí hoá đơn và thanh toán Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 40 2.5 Cơ sở dữ liệu Hình 2.5 . 1 : Cơ sở dữ liệu Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 41 Mô tả các bảng trong cơ sở dữ liệu : Bảng 2.5 . 1 : Mô tả bảng users Tên c ộ t Gi ả i thích Ki ể u d ữ li ệ u Đ ộ dài t ố i đa Ghi chú i d UUID Khóa chính user_name BYTEA email Tên đăng nh ậ p c ủ a ngư ờ i dùng BYTEA password character fir st_name BYTEA last_name BYTEA is_staff boolean is_provider boolean is_client boolean address BYTEA date_of_birth BYTEA phone_number BYTEA avatar BYTEA Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 42 Bảng 2.5 . 2 : Mô tả bảng providers Tên c ộ t Gi ả i thích Ki ể u d ữ li ệ u Đ ộ dài t ố i đa Ghi chú id UUID Khóa chính status BYTEA credit_card BYTEA ethera_credit numeric promo_credit numeric cancelation_balance int provider_type character Bảng 2.5 . 3 : Mô tả bản clients Tên c ộ t Gi ả i thích Ki ể u d ữ li ệ u Đ ộ dài t ố i đa Ghi chú id UUID Khóa chính provider_id UUID Khóa ngo ạ i credit_card BYTEA status int gender BYTEA note BYTEA Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 43 Bảng 2.5 . 4 : Mô tả bảng posts Tên c ộ t Gi ả i thích Ki ể u d ữ li ệ u Đ ộ dài t ố i đa Ghi chú id T ự đ ộ ng tăng int Khóa chính updated_at datetime created_at datetime content text created_by_id UUID Khóa ngo ạ i updated_by_id UUID Khóa ngo ạ i Bảng 2.5 . 5 : Mô tả bảng venues Tên c ộ t Gi ả i thích Ki ể u d ữ li ệ u Đ ộ dài t ố i đa Ghi chú id UUID Khóa chính name character image character room_map character contact_person character updated_by_id UUID Khóa ngo ạ i created_by_id UUID Khóa ngo ạ i Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 44 Bảng 2.5 . 6 : Mô tả bảng spaces Tên c ộ t Gi ả i thích Ki ể u d ữ li ệ u Đ ộ dài t ố i đa Ghi chú id UUID Khóa chính name character floor character venue_id UUID Khóa ngo ạ i updated_by_id UUID Khóa ngo ạ i created_by_id UUID Khóa ngo ạ i Bảng 2.5 . 7 : Mô tả bảng booking Tên c ộ t Gi ả i thích Ki ể u d ữ li ệ u Đ ộ dài t ố i đa Ghi chú id UUID Khóa chính space_id UUID Khóa ngo ạ i provider_id UUID Khóa ngo ạ i start_date datetime cancel_date datetime status integer space_price numeric updated_by_id UUID Khóa ngo ạ i created_by_id UUID Khóa ngo ạ i Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 45 Bảng 2.5 . 8 : Mô tả bảng appointments Tên c ộ t Gi ả i thích Ki ể u d ữ li ệ u Đ ộ dài t ố i đa Ghi chú id UUID Khóa chính booking_id UUID Khóa ngo ạ i client_id UUID Khóa ngo ạ i start_ time datetime end_time datetime status integer service _price numeric service_type BYTEA updated_by_id UUID Khóa ngo ạ i created_by_id UUID Khóa ngo ạ i Bảng 2.5 . 9 : Mô tả bảng invoices Tên c ộ t Gi ả i thích Ki ể u d ữ li ệ u Đ ộ dài t ố i đa Ghi chú id UUID Khóa chính booking_id UUID Khóa ngo ạ i client_id UUID Khóa ngo ạ i provider_id UUID Khóa ngo ạ i invoice_number character due_date datetime status integer total_amount numeric updated_by_id UUID Khóa ngo ạ i created_by_id UUID Khóa ngo ạ i Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 46 Bảng 2.5 . 10 : Mô tả bảng payments Tên c ộ t Gi ả i thích Ki ể u d ữ li ệ u Đ ộ dài t ố i đa Ghi chú id UUID Khóa chính invoice_id UUID Khóa ngo ạ i date_of_payment UUID Khóa ngo ạ i type_of_payment integer payment_number character Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 47 CHƯƠNG 3 TRIỂN KHAI VÀ ĐÁNH GIÁ KẾT QUẢ 3.1 Triển khai Công cụ xây dựng chương trình − Sử dụng Django, Django rest framework, Reactjs. − Hệ quản trị cơ sở dữ liệu: PostgreSQL. − Các công cụ khác: Visual Studio Code. Triển khai website Hệ thống được triển khai trên hệ thống Google Cloud Platform Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 48 Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 49 Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 50 Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 51 Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 52 Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 53 Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 54 Hình 3.1.1 : Hệ thống Google Cloud Platform Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 55 3.2 Kết quả và đánh giá Trang Dashboard Admin hiển thị lịch tháng của tất cả cuộc hẹn. Hình 3.2 . 1 : Trang admin dashboard Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 56 Trang provider hiển thị tất cả các nhà cung cấp . Hình 3.2 . 2 : Giao diện nhà cung cấp trang admin Trang community hiển thị các bài đăng của admin, bình luận với nhà cung cấp. Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 57 Hình 3.2 . 3 : Giao diện community trang admin Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 58 Trang billing hiển thị tất cả hóa đơn của nhà cung cấp . Hình 3.2 . 4 : Giao diện hóa đơn trang admin Trang Create Venue cho phép admin thêm các địa điểm, phòng họp vào hệ thống. Hình 3 .2 . 5 : Giao diện thêm địa điểm Trang System cho phép admin quản lí tài khoản các admin khác, thêm tier s cho các booking. Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 59 Hình 3.2 . 6 : Giao diện quản lí account admin Trang Dashboard của nhà cung cấp cho phép nhà cung cấp xem khoảng thời gian còn trống để booking, tạo cuộc hẹn. Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 60 Hình 3.2 . 7 : Trang dashboard của nhà cung cấp Model hiển thị để nhà cung cấp có thể thêm booking và cuộc hẹn cho những khách hàng của họ. Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 61 Hình 3.2 . 8 : Model tạo booking Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 62 Hình 3.2 . 9 : Model tạo cuộc hẹn Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 63 Hiển thị chi tiết hóa đơn cần xuất và thanh toán. Hình 3.2 . 10 : Trang chi tiết hóa đơn Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 64 Hiển thị tất cả các thông báo tới nhà cung cấp của admin và các booking đã tạo. Hình 3.2 . 11 : Trang hiển thị thông báo Trang Dashboard cho phép khách hàng có thể chatting với nhà cung cấp của họ, nhận các thông báo về cuộc hẹn đã đặt. Hình 3.2 . 12 : Trang dashboard của client Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 65 Trang billing của client hiển thị tất cả các hóa đơn cần trả của khách hàng cho nhà cung cấp. Hình 3.2 . 13 : Trang hiển thị hóa đơn của client Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 66 Kona project (lên lịch, đặt phòng) SVTH: Trần Long Vũ 67 KẾT LUẬN 1. Kết quả đạt được Sau quá trình tìm hiểu thực tế, nghiên cứu cơ sở lý thuyết và triển khai hệ thống đã đạt được những kết quả như sau: Về mặt lý thuyết, đã áp dụng được các sơ đồ ca sử dụng, lớp, tuần tự, hoạt động vào quá trình thiết kế hệ thống. Ứng dụng các công nghệ, f ramework Django, ReactJs, PostgreSQL vào xây dựng hệ thống. Về mặt thực tiễn ứng dụng , đã giải quyết được những vấn đề ban đầu đưa ra, cụ thể: − Hệ thống đã đáp ứng được việc quản lí lịch trình, đặt phòng, tạo và thanh toán hóa đơn cho khách hàng và nhà cung cấp. − Giải quyết được nhu cầu đặt phòng, giảm thiểu thời gian, tiện lợi cho nhà cung cấp và khách hàng . 2. Hạn chế Hệ thống vẫn còn tồn tại một số vấn đề như sau: − Chưa xử lí được số lượng, kích thước của phòng họp. − Việc thanh toán hóa đơn qua Stripe vẫn còn chưa hoàn thành . 3. Hướng phát triển − Tiếp tục xây dựng hoàn thiện những chức năng còn lại của hệ thống; − Xây dựng hệ thống uyển chuyển hơn, s ửa các lỗi về giao diện. − C ải thiện tốc độ xử lý hệ thống; − Tối ưu hóa cơ sở dữ liệ u . TÀI LIỆU THAM KHẢO [1] https://reactjs.org [2] https://stackoverflow.com [3] https://www.npmjs.com/package/npm [4] https://www.django - rest - framework.org [5] https://www.djangoproject.com