Xây dựng hệ thống website tin tức trực tuyến Xây dựng hệ thống website tin tức trực tuyến Xây dựng hệ thống website tin tức trực tuyến Xây dựng hệ thống website tin tức trực tuyến Xây dựng hệ thống website tin tức trực tuyến Xây dựng hệ thống website tin tức trực tuyến Xây dựng hệ thống website tin tức trực tuyến Xây dựng hệ thống website tin tức trực tuyến Xây dựng hệ thống website tin tức trực tuyến Xây dựng hệ thống website tin tức trực tuyến Xây dựng hệ thống website tin tức trực tuyến Xây dựng hệ thống website tin tức trực tuyến Xây dựng hệ thống website tin tức trực tuyến
TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA CÔNG NGHỆ THÔNG TIN BỘ MÔN CÔNG NGHỆ PHẦN MỀM - - NGUYỄN HOÀNG LONG – 15110242 BÙI XUÂN TRÍ – 15110338 Đề Tài: XÂY DỰNG HỆ THỐNG WEBSITE TIN TỨC TRỰC TUYẾN KHÓA LUẬN TỐT NGHIỆP KỸ SƯ CNTT GIÁO VIÊN HƯỚNG DẪN Th.S NGUYỄN MINH ĐẠO KHÓA 2015 - 2019 LỜI CẢM ƠN Sự thành công gắn liền với hỗ trợ, giúp đỡ người xung quanh giúp đỡ hay nhiều, trực tiếp hay gián tiếp Trong suốt thời gian từ bắt đầu làm khóa luận tốt nghiệp đến nay, nhóm nhận quan tâm, bảo, giúp đỡ quý Thầy Cô bạn bè xung quanh Với lịng biết ơn vơ sâu sắc, nhóm xin gửi lời cảm ơn chân thành từ đáy lịng đến q Thầy Cơ trường… bỏ nhiều tâm huyết truyền đạt kiến thức quý báu để chúng em trau dồi vốn hiểu biết thời gian học tập trường Đặc biệt, chúng em xin gửi lời cảm ơn sâu sắc tới Thạc sĩ Nguyễn Minh Đạo – Giảng Viên trực tiếp hướng dẫn bảo chúng em nhiều q trình làm khóa luận tốt nghiệp Trong q trình học tập, làm khóa luận tốt nghiệp, q trình làm báo cáo khóa luận tốt nghiệp, khó tránh khỏi sai sót, mong Thầy Cơ bỏ qua Đồng thời trình độ lý luận kinh nghiệm thực tiễn hạn chế nên báo cáo tránh khỏi thiếu sót, em mong nhận ý kiến đóng góp Thầy Cô để chúng em học thêm nhiều kinh nghiệm trước rời khỏi giảng đường đại học bước vào đời Xin chân thành cảm ơn ! i MỤC LỤC LỜI CẢM ƠN i NHIỆM VỤ THỰC HIỆN KHÓA LUẬN TỐT NGHIỆP ii MỤC LỤC v DANH MỤC HÌNH ẢNH ix DANH MỤC BẢNG xi DANH MỤC TỪ VIẾT TẮT xiii MỞ ĐẦU xiv TÍNH CẤP THIẾT CỦA ĐỀ TÀI xiv MỤC TIÊU CỦA ĐỀ TÀI xv CÁCH TIẾP CẬN VÀ PHƯƠNG PHÁP NGHIÊN CỨU xvi 3.1 Đối tượng nghiên cứu xvi 3.2 Phạm vi nghiên cứu xvi 3.3 Phương pháp nghiên cứu xvi PHÂN TÍCH CÁC HỆ THỐNG WEBSITE CÓ LIÊN QUAN xvi KẾT QUẢ DỰ KIẾN ĐẠT ĐƯỢC xvii NỘI DUNG CHƯƠNG CÁC CÔNG NGHỆ SỬ DỤNG 1.1 TỔNG QUAN VỀ SPRING BOOT 1.1.1 Giới thiệu Spring Framework 1.1.1.1 Enterprise Javabeans Spring 1.1.1.2 Sự đời Spring Spring gì? 1.1.1.3 Kiến trúc, module Spring Framework 1.1.1.4 Các lợi ích Spring Framework 1.1.2 Giới thiệu Spring Boot 1.1.2.1 Spring Boot gì? 1.1.2.2 Ưu điểm Spring Boot 1.2 TỔNG QUAN VỀ HIBERNATE 1.3 TỔNG QUAN VỀ ANGULAR 1.3.1 Giới thiệu Angular 1.3.2 Kiến trúc thành phần 1.3.3 Giới thiệu Module Angular 1.4 1.3.3.1 Module gì? 1.3.3.2 Cách phân chia ứng dụng theo Module 10 TỔNG QUAN VỀ MICROSERVICES 10 1.4.1 Giới thiệu Microservices 10 1.4.2 Ưu điểm Microservices 11 1.4.3 Giới thiệu API Gateway 11 v 1.4.4 Cấu trúc Microservices nhóm sử dụng Project 12 CHƯƠNG KHẢO SÁT HIỆN TRẠNG VÀ XÁC ĐỊNH YÊU CẦU 13 2.1 PHÂN TÍCH HIỆN TRẠNG 13 2.2 PHÂN TÍCH YÊU CẦU 13 2.2.1 Yêu cầu chức 13 2.2.1.1 Yêu cầu chức nghiệp vụ 13 2.2.1.2 Yêu cầu chức hệ thống 16 2.2.2 Yêu cầu phi chức 17 CHƯƠNG MƠ HÌNH HĨA U CẦU 18 3.1 NHẬN DIỆN TÁC NHÂN VÀ CHỨC NĂNG TRONG SƠ ĐỒ USE CASE 18 3.2 MÔ TẢ CHI TIẾT TỪNG CHỨC NĂNG VÀ TỪNG TÁC NHÂN 19 3.2.1 Mô tả tác nhân 19 3.2.2 Mô tả chức 21 3.3 SƠ ĐỒ USE CASE 25 3.3.1 Các sơ đồ Use case 25 3.3.2 Đặc tả Use case 28 CHƯƠNG THIẾT KẾ PHẦN MỀM 45 4.1 THIẾT KẾ HỆ THỐNG 45 4.1.1 Lược đồ lớp 45 4.1.2 Lược đồ Sequence 45 4.1.2.1 Sequence Diagram cho use case Chỉnh sửa mật khẩu: 45 4.1.2.2 Sequence Diagram cho use case Đăng ký: 46 4.1.2.3 Sequence Diagram cho use case Đăng nhập: 46 4.1.2.4 Sequence Diagram cho use case Liên hệ với người quản trị: 47 4.1.2.5 Sequence Diagram cho use case Xóa chi tiết liên hệ: 47 4.1.2.6 Sequence Diagram cho use case Chỉnh sửa loại tin tức: 48 4.1.2.7 Sequence Diagram cho use case Kích hoạt/ Hủy kích hoạt loại tin tức: 48 4.1.2.8 Sequence Diagram cho use case Thêm loại tin tức: 49 4.1.2.9 Sequence Diagram cho use case Chỉnh sửa quyền người dùng: 49 4.1.2.10 Sequence Diagram cho use case Kích hoạt/ Hủy kích hoạt người dùng: 50 4.1.2.11 Sequence Diagram cho use case Chỉnh sửa quyền: 50 4.1.2.12 Sequence Diagram use case Kích hoạt/ Hủy kích hoạt quyền: 51 4.1.2.13 Sequence Diagram cho use case Thêm quyền: 51 4.1.2.14 Sequence Diagram cho use case Cập nhật ảnh đại diện: 52 4.1.2.15 Sequence diagram cho use case Chỉnh sửa thông tin cá nhân: 52 4.1.2.16 Sequence Diagram cho use case Phân loại tin tức: 53 4.1.2.17 Sequence Diagram cho use case Duyệt tin tức: 53 4.1.2.18 Sequence Diagram cho use case Xóa tin tức: 54 vi 4.2 4.1.2.19 Sequence Diagram cho use case Thêm tin tức: 54 4.1.2.20 Sequence Diagram cho use case Tìm kiếm tin tức: 55 4.1.2.21 Sequence Diagram cho use case Thêm web lấy liệu: 55 4.1.2.22 Sequence Diagram cho use case Cập nhật web lấy liệu: 56 4.1.2.23 Sequence Diagram cho use case Xóa web lấy liệu: 56 4.1.2.24 Sequence Diagram cho use case Thêm link rss: 57 4.1.2.25 Sequence Diagram cho use case Cập nhật link rss: 57 4.1.2.26 Sequence Diagram cho use case Xóa link rss: 58 THIẾT KẾ DỮ LIỆU 58 4.2.1 Sơ đồ logic 58 4.2.1.1 Lược đồ logic 58 4.2.1.2 Chi tiết bảng liệu 59 4.2.2 Sơ đồ quan hệ 65 4.2.3 Danh sách ràng buộc toàn vẹn sở liệu 65 4.3 4.2.3.1 Ràng buộc khóa 65 4.2.3.2 Ràng buộc khóa ngoại 68 4.2.3.3 Ràng buộc miền giá trị 70 THIẾT KẾ GIAO DIỆN 71 4.3.1 Danh sách hình sơ đồ chuyển đổi 71 4.3.2 Mô tả chi tiết hình 72 4.3.2.1 Màn hình đăng nhập 72 4.3.2.2 Màn hình đăng ký 73 4.3.2.3 Màn hình thơng tin cá nhân 74 4.3.2.4 Màn hình chỉnh sửa thơng tin cá nhân 75 4.3.2.5 Màn hình đổi mật 77 4.3.2.6 Màn hình quản lý người dùng 78 4.3.2.7 Màn hình chi tiết quản lý người dùng 80 4.3.2.8 Màn hình quản lý quyền 81 4.3.2.9 Màn hình chỉnh sửa quyền 83 4.3.2.10 Màn hình thêm quyền 84 4.3.2.11 Màn hình quản lý danh mục 86 4.3.2.12 Màn hình thêm danh mục 87 4.3.2.13 Màn hình trang chủ 88 4.3.2.14 Màn hình chi tiết tin tức 91 4.3.2.15 Màn hình tin tức theo danh mục 92 4.3.2.16 Màn hình quản lý tin tức 93 4.3.2.17 Màn hình phân loại tin tức 95 4.3.2.18 Màn hình chi tiết quản lý, phân loại tin tức 97 vii 4.3.2.19 Màn hình thêm tin tức 97 4.3.2.20 Màn hình thống kê tin tức theo danh mục 99 4.3.2.21 Màn hình quản lý link rss 100 4.3.2.22 Màn hình quản lý web rss 102 CHƯƠNG CÀI ĐẶT VÀ KIỂM THỬ 105 5.1 CÀI ĐẶT 105 5.2 KIỂM THỬ 105 KẾT LUẬN 108 NHỮNG KẾT QUẢ ĐẠT ĐƯỢC 108 NHỮNG KHÓ KHĂN VÀ CÁCH KHẮC PHỤC KHI THỰC HIỆN ĐỀ TÀI 108 ƯU ĐIỂM 109 HẠN CHẾ 109 KINH NGHIỆM ĐẠT ĐƯỢC 109 HƯỚNG PHÁT TRIỂN TRONG TƯƠNG LAI 110 DANH MỤC TÀI LIỆU THAM KHẢO 111 PHỤ LỤC 112 viii DANH MỤC HÌNH ẢNH Hình 1.1 Kiến trúc tổng thể Spring Framework Hình 1.2 Nền tảng Spring IO Hình 1.3 Hình minh họa giải thích Spring Boot Hình 1.4 Sơ đồ kiến trúc Hibernate Framework Hình 1.5 Sơ đồ cấu trúc Angular Hình 1.6 Các thành phần Angular Hình 1.7 Module chứa nhiều Submodule Hình 1.8 Mơ tả thành phần thuộc tính Module Hình 1.9 Sơ đồ minh họa API Gateway 11 Hình 3.1 Use case chung hệ thống 25 Hình 3.2 Use case Quản lý người dùng 25 Hình 3.3 Use case Quản lý quyền 26 Hình 3.4 Use case Quản lý thông tin cá nhân 26 Hình 3.5 Use case Quản lý tin tức 27 Hình 3.6 Use case Quản lý loại tin tức 27 Hình 3.7 Use case Quản lý web lấy liệu 28 Hình 3.8 Use case Quản lý link rss 28 Hình 4.1 Lược đồ lớp 45 Hình 4.2 Sequence Diagram use case Chỉnh sửa mật 45 Hình 4.3 Sequence Diagram use case Đăng ký 46 Hình 4.4 Sequence Diagram use case Đăng nhập 46 Hình 4.5 Sequence Diagram use case Liên hệ với người quản trị 47 Hình 4.6 Sequence Diagram use case Xóa chi tiết liên hệ 47 Hình 4.7 Sequence Diagram use case Chỉnh sửa loại tin tức 48 Hình 4.8 Sequence Diagram use case Kích hoạt/ Hủy kích hoạt loại tin tức 48 Hình 4.9 Sequence Diagram use case Thêm loại tin tức 49 Hình 4.10 Sequence Diagram use case Chỉnh sửa quyền người dùng 49 Hình 4.11 Sequence Diagram use case Kích hoạt/ Hủy kích hoạt người dùng 50 Hình 4.12 Sequence Diagram use case Chỉnh sửa quyền 50 Hình 4.13 Sequence Diagram use case Kích hoạt/ Hủy kích hoạt quyền 51 Hình 4.14 Sequence Diagram use case Thêm quyền 51 Hình 4.15 Sequence Diagram use case Cập nhật ảnh đại diện 52 Hình 4.16 Sequence Diagram use case Chỉnh sửa thông tin cá nhân 52 Hình 4.17 Sequence Diagram use case Phân loại tin tức 53 Hình 4.18 Sequence Diagram use case Duyệt tin tức 53 Hình 4.19 Sequence Diagram use case Xóa tin tức 54 Hình 4.20 Sequence Diagram use case Thêm tin tức 54 Hình 4.21 Sequence Diagram use case Tìm kiếm tin tức 55 Hình 4.22 Sequence Diagram use case Thêm web lấy liệu 55 Hình 4.23 Sequence Diagram use case Cập nhật web lấy liệu 56 Hình 4.24 Sequence Diagram use case Xóa web lấy liệu 56 Hình 4.25 Sequence Diagram use case Thêm link rss 57 Hình 4.26 Sequence Diagram use case Cập nhật link rss 57 Hình 4.27 Sequence Diagram use case Xóa link rss 58 Hình 4.28 Lược đồ logic 58 Hình 4.29 Sơ đồ quan hệ 65 Hình 4.30 Hình Danh sách hình sơ đồ chuyển đổi 71 Hình 4.31 Màn hình đăng nhập 72 ix Hình 4.32 Sơ đồ biến cố hình đăng nhập 72 Hình 4.33 Màn hình đăng ký 73 Hình 4.34 Sơ đồ biến cố hình đăng ký 73 Hình 4.35 Màn hình thơng tin cá nhân 74 Hình 4.36 Sơ đồ biến cố hình thông tin cá nhân 75 Hình 4.37 Màn hình chỉnh sửa thông tin cá nhân 75 Hình 4.38 Sơ đồ biến cố hình chỉnh sửa thơng tin cá nhân 76 Hình 4.39 Màn hình đổi mật 77 Hình 4.40 Sơ đồ biến cố hình đổi mật 78 Hình 4.41 Màn hình Quản lý người dùng 78 Hình 4.42 Sơ đồ biến cố hình Quản lý người dùng 79 Hình 4.43 Màn hình Chi tiết quản lý người dùng 80 Hình 4.44 Sơ đồ biến cố hình Chi tiết quản lý người dùng 81 Hình 4.45 Màn hình Quản lý quyền 81 Hình 4.46 Sơ đồ biến cố hình Quản lý quyền 82 Hình 4.47 Màn hình Chỉnh sửa quyền 83 Hình 4.48 Sơ đồ biến cố hình Chỉnh sử quyền 84 Hình 4.49 Màn hình thêm quyền 84 Hình 4.50 Sơ đồ biến cố hình Thêm quyền 85 Hình 4.51 Màn hình Quản lý danh mục 86 Hình 4.52 Sơ đồ biến cố hình Quản lý danh mục 87 Hình 4.53 Màn hình Thêm danh mục 87 Hình 4.54 Sơ đồ biến cố hình Thêm danh mục 88 Hình 4.55 Màn hình trang chủ 89 Hình 4.56 Sơ đồ biến cố hình Trang chủ 90 Hình 4.57 Màn hình chi tiết tin tức 91 Hình 4.58 Sơ đồ biến cố hình Chi tiết tin tức 92 Hình 4.59 Màn hình tin tức theo danh mục 92 Hình 4.60 Sơ đồ biến cố hình tin tức theo danh mục 93 Hình 4.61 Màn hình Quản lý tin tức 94 Hình 4.62 Sơ đồ biến cố hình quản lý tin tức 95 Hình 4.63 Màn hình phân loại tin tức 95 Hình 4.64 Sơ đồ biến cố hình phân loại tin tức 96 Hình 4.65 Màn hình chi tiết quản lý, phân loại tin tức 97 Hình 4.66 Sơ đồ biến cố hình chi tiết quản lý, phân loại tin tức 97 Hình 4.67 Màn hình thêm tin tức 98 Hình 4.68 Sơ đồ biến cố hình Thêm tin tức 99 Hình 4.69 Màn hình Thống kê tin tức theo danh mục 99 Hình 4.70 Sơ đồ biến cố hình Thống kê tin tức theo danh mục 100 Hình 4.71 Màn hình Quản lý link rss 101 Hình 4.72 Sơ đồ biến cố hình Quản lý link rss 102 Hình 4.73 Màn hình Quản lý web rss 103 Hình 4.74 Sơ đồ biến cố hình Quản lý web rss 104 x DANH MỤC BẢNG Bảng 1.1 Bảng mô tả chức module Spring Framework Bảng 2.1 Bảng chức nghiệp vụ Quản trị viên 14 Bảng 2.2 Bảng chức nghiệp vụ nhân viên 15 Bảng 2.3 Bảng chức nghiệp vụ người dùng 16 Bảng 2.4 Bảng yêu cầu chức hệ thống 16 Bảng 2.5 Bảng yêu cầu phi chức 17 Bảng 3.1 Bảng Danh sách tác nhân chức 18 Bảng 3.2 Bảng tác nhân vai trò tác nhân 19 Bảng 3.3 Bảng mô tả chức 21 Bảng 3.4 Bảng mô tả Use case Đăng nhập 28 Bảng 3.5 Bảng mô tả Use case Đăng xuất 29 Bảng 3.6 Bảng mô tả Use case Đăng ký 29 Bảng 3.7 Bảng mô tả Use case Chỉnh sửa quyền người dùng 30 Bảng 3.8 Bảng mơ tả Use case Hủy kích hoạt/ Kích hoạt người dùng 30 Bảng 3.9 Bảng mô tả Use case Chỉnh sửa quyền 31 Bảng 3.10 Bảng mô tả Use case Kích hoạt/ Hủy kích hoạt quyền 32 Bảng 3.11 Bảng mô tả Use case Xem thông tin cá nhân 32 Bảng 3.12 Bảng mô tả Use case Sửa thông tin cá nhân 33 Bảng 3.13 Bảng mô tả Use case Xem chi tiết tin tức 33 Bảng 3.14 Bảng mô tả Use case Tìm kiếm tin tức 34 Bảng 3.15 Bảng mô tả Use case Xem thông tin cá nhân 34 Bảng 3.16 Bảng mô tả Use case Phân loại tin tức 35 Bảng 3.17 Bảng mơ tả Use case Xóa tin tức 35 Bảng 3.18 Bảng mô tả Use case Duyệt tin tức 36 Bảng 3.19 Bảng mô tả Use case Xem danh sách người dùng 37 Bảng 3.20 Bảng mô tả Use case Xem danh sách quyền 37 Bảng 3.21 Bảng mô tả Use case Xem danh sách tin tức 37 Bảng 3.22 Bảng mô tả Use case Cập nhật ảnh đại diện 38 Bảng 3.23 Bảng mô tả Use case Chỉnh sửa mật 38 Bảng 3.24 Bảng mô tả Use case Thêm loại tin tức 39 Bảng 3.25 Bảng mô tả Use case Xem danh sách loại tin tức 39 Bảng 3.26 Bảng mô tả Use case Chỉnh sửa loại tin tức 39 Bảng 3.27 Bảng mơ tả Use case Kích hoạt/ Hủy kích hoạt loại tin tức 40 Bảng 3.28 Bảng mô tả Use case Thích tin tức 40 Bảng 3.29 Bảng mô tả Use case Thêm quyền 41 Bảng 3.30 Bảng mô tả Use case Thêm web lấy liệu 41 Bảng 3.31 Bảng mô tả Use case Cập nhật web lấy tin tức 42 Bảng 3.32 Bảng mô tả Use case Xóa web lấy liệu 42 Bảng 3.33 Bảng mô tả Use case Thêm link rss 43 Bảng 3.34 Bảng mô tả Use case Cập nhật link rss 43 Bảng 3.35 Bảng mô tả Use case Xóa link rss 44 Bảng 3.36 Bảng mô tả Use case Xem thống kê tin tức theo danh mục 44 Bảng 4.1 Chi tiết bảng Loại tin tức 59 Bảng 4.2 Chi tiết bảng Tin tức 59 Bảng 4.3 Chi tiết bảng Người dùng 61 Bảng 4.4 Chi tiết bảng Quyền 62 Bảng 4.5 Chi tiết bảng Lịch sử thao tác Item 63 xi Bảng 4.6 Chi tiết bảng User_Role 63 Bảng 4.7 Chi tiết bảng Cat_Item 64 Bảng 4.8 Chi tiết bảng Web 64 Bảng 4.9 Chi tiết bảng Cat_Web 65 Bảng 4.9 Bảng đối tượng hình đăng nhập 72 Bảng 4.10 Bảng đối tượng hình đăng ký 73 Bảng 4.11 Bảng đối tượng hình thông tin cá nhân 74 Bảng 4.12 Bảng đối tượng hình chỉnh sửa thơng tin cá nhân 75 Bảng 4.13 Các đối tượng hình đổi mật 77 Bảng 4.14 Bảng đối tượng hình Quản lý người dùng 78 Bảng 4.15 Bảng đối tượng hình Chi tiết quản lý người dùng 80 Bảng 4.16 Bảng đối tượng hình Quản lý quyền 81 Bảng 4.17 Bảng đối tượng hình Chỉnh sửa quyền 83 Bảng 4.18 Bảng đối tượng hình Thêm quyền 84 Bảng 4.19 Bảng đối tượng hình Quản lý danh mục 86 Bảng 4.20 Bảng đối tượng hình Thêm danh mục 88 Bảng 4.21 Bảng đối tượng hình Trang chủ 90 Bảng 4.22 Các đối tượng hình Chi tiết tin tức 91 Bảng 4.24 Các đối tượng hình tin tức theo danh mục 93 Bảng 4.25 Các đối tượng hình Quản lý tin tức 94 Bảng 4.26 Các đối tượng hình phân loại tin tức 96 Bảng 4.27 Bảng đối tượng hình chi tiết quản lý, phân loại tin tức 97 Bảng 4.28 Các đối tượng hình Thêm tin tức 98 Bảng 4.29 Các đối tượng hình Thống kê tin tức theo danh mục 100 Bảng 4.30 Các đối tượng hình Quản lý link rss 101 Bảng 4.31 Các đối tượng hình Quản lý web rss 103 Bảng 5.1 Một số Test Case tiêu biểu nhóm kiểm thử 105 Bảng Khó khăn cơng nghệ dự án 108 Bảng Khó khăn quy trình nghiệp vụ dự án 108 Bảng Khó khăn người dự án 109 xii Sơ đồ biến cố: Hình 4.68 Sơ đồ biến cố hình Thêm tin tức 4.3.2.20 Màn hình thống kê tin tức theo danh mục Ý nghĩa: Cho phép quản trị viên xem số lượng tin tức tồn website theo danh mục Chi tiết hình: Hình 4.69 Màn hình Thống kê tin tức theo danh mục 99 Các đối tượng hình: Bảng 4.29 Các đối tượng hình Thống kê tin tức theo danh mục Loại Ý nghĩa simpleButton Hiển thị chức năng: thông tin cá nhân, đăng xuất simpleButton simpleButton simpleButton simpleButton STT Hiển thị danh sách chức quản trị viên nhân viên (Chỉ quản trị viên nhân viên thấy nút này) Chuyển hình trang chủ Chuyển hình tin tức theo danh mục (Danh mục Thể Thao) Chuyển hình tin tức theo danh mục (Danh mục Thời Sự) Sơ đồ biến cố: Hình 4.70 Sơ đồ biến cố hình Thống kê tin tức theo danh mục 4.3.2.21 Màn hình quản lý link rss Ý nghĩa: Cho phép quản trị viên thêm, xóa, sửa link rss để lấy data từ trang web khác sử dụng Chi tiết hình: 100 Hình 4.71 Màn hình Quản lý link rss Các đối tượng hình: Bảng 4.30 Các đối tượng hình Quản lý link rss Loại Ý nghĩa simpleButton Hiển thị chức năng: thông tin cá nhân, đăng xuất simpleButton simpleButton simpleButton simpleButton Chuyển hình tin tức theo danh mục (Danh mục Thời Sự) simpleButton Xóa link rss khơng cịn muốn sử dụng comboBox simpleButton STT Hiển thị danh sách chức quản trị viên nhân viên (Chỉ quản trị viên nhân viên thấy nút này) Chuyển hình trang chủ Chuyển hình tin tức theo danh mục (Danh mục Thể Thao) Chọn số link rss muốn xem trang Chuyển sang trang để xem link rss khác 101 comboBox Hiển thị chọn loại tin tức 10 comboBox Hiển thị chọn web 11 textBox 12 simpleButton Tạo link rss 13 simpleButton Cập nhật link rss Nhập link rss Sơ đồ biến cố: Hình 4.72 Sơ đồ biến cố hình Quản lý link rss 4.3.2.22 Màn hình quản lý web rss Ý nghĩa: Cho phép quản trị viên thêm, xóa, sửa web rss để lấy data từ trang web khác sử dụng 102 Chi tiết hình: Hình 4.73 Màn hình Quản lý web rss Các đối tượng hình: Bảng 4.31 Các đối tượng hình Quản lý web rss STT Loại Ý nghĩa Hiển thị chức năng: thông tin cá nhân, đăng xuất simpleButton simpleButton simpleButton simpleButton simpleButton Chuyển hình tin tức theo danh mục (Danh mục Thời Sự) simpleButton Xóa link rss khơng cịn muốn sử dụng comboBox Chọn số link rss muốn xem trang simpleButton textBox Hiển thị danh sách chức quản trị viên nhân viên ( Chỉ quản trị viên nhân viên thấy nút này) Chuyển hình trang chủ Chuyển hình tin tức theo danh mục (Danh mục Thể Thao) Chuyển sang trang để xem link rss khác Nhập tiêu đề web 103 10 textBox Nhập link web 11 textBox Nhập tên class nội dung để lấy thông tin 12 simpleButton Tạo web lấy liệu 13 simpleButton Cập nhật web lấy liệu rss Sơ đồ biến cố: Hình 4.74 Sơ đồ biến cố hình Quản lý web rss 104 CHƯƠNG CÀI ĐẶT VÀ KIỂM THỬ 5.1 CÀI ĐẶT Cài đặt java JDK 1.8 trở lên: Link : https://www.oracle.com/technetwork/java/javase/downloads/jdk8downloads-2133151.html Cài đặt node.JS: Link : https://nodejs.org/en/ Thêm thư viện datatable vào front-end hỗ trợ giao diện phân trang table: npm install bootstrap@4.0.0-beta.2 save save-exact npm install datatables.net save npm install datatables.net-bs4 save npm install jquery save npm install @types/jquery save-de Thêm thư viện Ckeditor vào front-end hổ trợ viết văn bản: npm install @ckeditor/ckeditor5-build-classic save-dev Thêm thư viên moment vào front-end hổ trợ định dạng ngày tháng: npm install moment save Thêm thư viện fusioncharts vào front-end hỗ trợ vẽ chart: npm install angular-fusioncharts save npm install fusioncharts save 5.2 KIỂM THỬ Nhóm lập kế hoạch kiểm thử ( lập Test Plan, Test Case chi tiết) website Sau nhóm tiến hành kiểm thử chức website Vì nhóm có hai người nên chức viết người kiểm thử người lại Sau tiến hành test nhóm rút số test case tiêu biểu sau: Bảng 5.1 Một số Test Case tiêu biểu nhóm kiểm thử Test case ID REG_01 Test case description Kiểm tra đăng ký với tài khoản tồn Test steps Truy cập vào hệ thống Expected Result Xuất thông báo “Email tồn Status PASS 105 Thực đăng ký !!!” tài khoản với tên tài khoản tồn Truy cập vào hệ thống Kiểm tra đăng ký với REG_02 mật xác nhận không khớp Thực đăng ký tài khoản với mật xác nhận Xuất thông báo “Mật xác nhận phải PASS giống mật !!!” không khớp Truy cập vào hệ thống Kiểm tra đăng ký với REG_03 tên tài khoản, mật khẩu, mật xác nhận rỗng Thực đăng ký không nhập tên tài khoản, mật Xuất thông báo “Bạn phải nhập thông PASS tin bắt buộc !!!” khẩu, mật xác nhận Kiểm tra Khách đăng LOG_01 nhập sai tài khoản mật Nhập tên tài khoản mật báo “Sai Email Nhấn button mật “Login” Kiểm tra Khách đăng LOG_02 nhập với tài khoản bị khóa Nhập tên tài khoản mật Nhấn button “Login” Kiểm tra người dùng HACK_1 sử dụng chức admin Xuất thông Nhập đường dẫn “/usersmanager” PASS !!!” Xuất thông báo “Tài khoản bạn PASS bị khóa !!!” Xuất thông báo “Bạn không PASS quyền truy 106 cách nhập đường dẫn cập vào trang đến trang quản lý này” chuyển người dùng trang chủ Vào trang cá nhân Kiểm tra cập nhật ảnh CH_AV đại diện chưa chọn ảnh Ở tab “Change Avatar”, nhấn Xuất thông báo “Bạn chưa PASS chọn ảnh !!!” “Submit” 107 KẾT LUẬN NHỮNG KẾT QUẢ ĐẠT ĐƯỢC Hiểu rõ kiến thức Spring Framework: Spring Boot, Spring Data JPA, Microservices Hiểu rõ kiến thức Angular RESTful APIs Xây dựng thành công Website tin tức trực tuyến với việc áp dụng kiến thức tìm hiểu NHỮNG KHĨ KHĂN VÀ CÁCH KHẮC PHỤC KHI THỰC HIỆN ĐỀ TÀI Rủi ro yếu tố tồn tất hoạt động, sản xuất, dự án phát triển phần mềm công nghệ thông tin không ngoại lệ Nếu xem nhẹ khâu nhận diện rủi ro dự án, dự án dẫn đến kết không tốt thất bại Dưới số rủi ro - khó khăn mà nhóm gặp phải q trình tìm hiểu cơng nghệ phát triển phần mềm: Cơng nghệ: Bảng Khó khăn công nghệ dự án STT Rủi ro, khó khăn Đồng thời nghiên cứu nhiều cơng nghệ Angular, Microservices dẫn đến tiến độ triển khai dự án khơng nhanh chóng Cách khắc phục Chia thành viên nhóm tìm hiểu cơng nghệ, sau họp nhóm trao đổi kiến thức Tài liệu Microservices mạng Khai thác tài liệu Internet, nhận ít, khó hiểu tài liệu từ giáo viên hướng dẫn Quy trình nghiệp vụ: Bảng Khó khăn quy trình nghiệp vụ dự án STT Rủi ro, khó khăn Cách khắc phục Source code document liên quan Sử dụng Git lưu trữ tất resource thay đổi theo thời gian cách Real Time Các lỗi phát sinh issue chưa giải Cùng thảo luận đưa cách giải nhờ trợ giúp GVHD, GVBM, bạn bè cộng 108 đồng Nếu chưa tìm solution đưa phương án thay thế, dự trù,… Con người: Bảng Khó khăn người dự án Rủi ro, khó khăn STT Cách khắc phục Tăng thời gian làm việc nhóm để có Kỹ làm việc nhóm chưa tốt đồng nhất, dễ dàng đưa hướng giải nhanh Lịch trình họp nhóm khó khăn phải Liên lạc nhiều thơng qua MXH thực tập làm công ty FB, Zalo,… ƯU ĐIỂM Giao diện đơn giản giúp người dùng dễ dàng sử dụng lần Xây dựng Website tin tức trực tuyến cập nhật nhanh tin tức cấp quyền cho thành viên đăng tin tức Tin tức duyệt nhân viên, đảm bảo tin tức xác HẠN CHẾ Giao diện chưa đẹp mắt, cịn sơ sài Thuật tốn chưa tối ưu hóa KINH NGHIỆM ĐẠT ĐƯỢC Sau q trình làm thực dự án, nhóm rút nhiều kinh nghiệm cho thân để sau thực dự án khác cách tốt hơn: Cần rèn luyện kỹ làm việc nhóm, kỹ trình bày, khơng trì hỗn, ln chủ động, sẵn sàng đối phó với tình bất lợi xảy Việc clean code, optimize code quan trọng Nhóm nên đưa quy định chung format code Ngoài việc đụng code submit quan trọng nên cần có phân chia rõ ràng cơng việc Tận dụng tối đa thư viện, công cụ hỗ trợ giúp project tốt giảm thiểu chi phí tối ưu hóa thuật tốn 109 Lưu trữ phiên project Git SVN, commit ghi rõ description để dễ dàng backup HƯỚNG PHÁT TRIỂN TRONG TƯƠNG LAI Trong thời gian ngắn nên Website tin tức Trực tuyến thiếu số chức hỗ trợ cho người dùng admin Vì sau phát triển số chức để hỗ trợ người dụng thảo luận, chia sẻ viết lên trang mạng xã hội,… để website có giao diện hồn thiện hơn, có tính chun nghiệp 110 DANH MỤC TÀI LIỆU THAM KHẢO https://viblo.asia/p/tong-quan-ve-spring-framework-YWOZryEyKQ0 https://o7planning.org/vi/11267/huong-dan-lap-trinh-spring-boot-cho-nguoi-moibat-dau http://itprotraining.vn/vi/tips-cong-nghe/Kien-truc-tong-quat-cua-Angular%205 https://kipalog.com/posts/Gioi-thieu-ve-Microservices-Part1?fbclid=IwAR29L4TnaxjXtSyReu4mT4CPt9T5yqHnhSsVa3hsUUG0HACqzlh8 JbHE0vA https://kipalog.com/posts/Xay-dung-Microservices Su-dung-cong-ket-noi-API-APIGateway?fbclid=IwAR2kDVIV2YZu6mkOMZuS7vn3lxGzf7YFF69qwjCPvtYPj1 xuIzWggrCkANs https://stackoverflow.com/ https://github.com/ https://datatables.net/forums/ https://vnexpress.net/ 10 https://ckeditor.com/ckeditor-5/ 111 PHỤ LỤC BẢNG PHÂN CÔNG CÔNG VIỆC CỤ THỂ Sinh viên thực Service Công việc Đăng ký Đăng nhập Bùi Xuân Trí Non User Service Xem danh sách tin tức Xem thông tin chi tiết tin tức Quản lý thông tin cá nhân: - Xem thông tin cá nhân - Đổi thông tin cá nhân - Đổi mật - Đổi ảnh đại diện User Service Thích/ Bỏ thích tin tức Quản lý tin tức: Nguyễn Hoàng - Xem danh sách tin tức - Phân loại tin tức - Xóa tin tức - Duyệt tin tức Long Mod Service Quản lý loại tin tức: - Xem danh sách loại tin tức - Thêm loại tin tức - Chỉnh sửa loại tin tức - Kích hoạt/ Hủy kích hoạt loại tin tức Thêm tin tức 112 Quản lý người dùng: - Xem danh sách người dùng - Kích hoạt/ Hủy kích hoạt người dùng - Chỉnh sửa quyền người dùng Quản lý quyền: Bùi Xuân Trí Admin Service - Xem danh sách quyền - Thêm quyền - Chỉnh sửa quyền - Kích hoạt/ Hủy kích hoạt quyền Thống kê tin tức theo loại tin tức Nguyễn Hoàng Long Gateway Service Sử dụng Spring security để phân quyền phân luồng đến service Quản lý, cấu hình link rss để lấy liệu từ trang báo khác: Bùi Xuân Trí Crawler Service - Thêm link rss - Chỉnh sửa link rss - Xóa link rss 113 ... tin tin tức Tìm kiếm danh mục tin tức Thống kê: Thống kê danh sách tin tức Thống kê danh sách người dùng Thống kê danh sách quyền 13 Thống kê danh sách danh mục tin tức Thống kê tin. .. Thêm tin tức Tìm kiếm tin tức Quản lý thông tin cá nhân Chỉnh sửa mật Thêm tin tức Quản lý tin tức Quản lý loại tin tức Đăng xuất Xem chi tiết tin tức 18 Khách Tìm kiếm tin tức. .. tức Sửa , xóa, duyệt tin tức Thêm loại tin tức Sửa, xóa loại tin tức Xem chi tiết tin tức Liên hệ với quản trị Thêm tin tức Thích tin tức Xem, sửa thông tin cá nhân Cập nhật