(Đồ án tốt nghiệp) xây dựng hệ thống website tin tức trực tuyến

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 XÂY DỰNG HỆ THỐNG WEBSITE TIN TỨC TRỰC TUYẾN GVHD: NGUYỄN MINH ĐẠO SVTH:NGUYỄN HỒNG LONG MSSV: 15110242 SVTH: BÙI XN TRÍ MSSV: 15110338 SKL005868 Tp Hồ Chí Minh, tháng 8/2019 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 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 ĐH SƯ PHẠM KỸ THUẬT TP.HCM CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA CNTT Độc lập – Tự – Hạnh Phúc ******* ******* PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Họ tên Sinh viên 1: Bùi Xuân Trí MSSV 1: 15110338 Họ tên Sinh viên 2: Nguyễn Hoàng Long MSSV 2: 15110242 Ngành: Công nghệ Thông tin Tên đề tài: Tìm hiểu Spring, Microservices xây dựng hệ thống website tin tức trực tuyến Họ tên Giáo viên hướng dẫn: ThS Nguyễn Minh Đạo NHẬN XÉT 1.Về nội dung đề tài khối lượng 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 năm 2019 Giáo viên hướng dẫn (Ký & ghi rõ họ tên) ĐH SƯ PHẠM KỸ THUẬT TP.HCM CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA CNTT Độc lập – Tự – Hạnh Phúc ******* ******* PHIẾU NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN Họ tên Sinh viên 1: Bùi Xuân Trí MSSV 1: 15110338 Họ tên Sinh viên 2: Nguyễn Hồng Long MSSV 2: 15110242 Ngành: Cơng nghệ Thơng tin Tên đề tài: Tìm hiểu Spring, Microservices xây dựng hệ thống website tin tức trực tuyến Họ tên Giáo viên phản biện: Th.S Lê Vĩnh Thịnh NHẬN XÉT 1.Về nội dung đề tài khối lượng 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 năm 2019 Giáo viên phản biện (Ký & ghi rõ họ tên) 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 ĐH SƯ PHẠM KỸ THUẬT TP.HCM CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA CNTT Độc lập – Tự – Hạnh Phúc ******* ******* ĐỀ CƯƠNG KHÓA LUẬN TỐT NGHIỆP Họ tên Sinh viên 1: Nguyễn Hoàng Long MSSV 1: 15110242 Họ tên Sinh viên 2: Bùi Xuân Trí MSSV 2: 15110338 Thời gian làm luận văn: Bắt đầu từ 18/03/2019 đến 30/06/2019 Chuyên ngành: Cơng nghệ phần mềm Tên khóa luận: Tìm hiểu Spring, Microservices xây dựng hệ thống website tin tức trực tuyến Giáo viên hướng dẫn: ThS Nguyễn Minh Đạo Nội dung thực hiện: Lý thuyết: - Tổng quan Spring Framework: SpringBoot, Spring Security, Spring Data…     Định nghĩa Cấu trúc Nhu cầu, mục đích sử dụng Ứng dụng - Tổng quan Microservices, Angular, RESTful APIs - Tìm hiểu Microservices, Angular, RESTful APIs - Áp dụng xây dựng hệ thống website tin tức trực tuyến Kế hoạch thực hiện: STT 10 11 12 13 14 15 Tp Hồ Chí Minh, ngày tháng năm 2019 Người viết đề cương (Ký & ghi rõ họ tên) Ýkiến giáo viên hướng dẫn (Ký & ghi rõ họ tên) Th.S Nguyễn Minh Đạo 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  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  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  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 cịn 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 descrip Kiểm tra đăng ký tài khoản tồn t Kiểm tra đăng ký REG_02 mật xác nhậ không khớp Kiểm tra đăng ký REG_03 tên tài khoản, khẩu, mật x nhận rỗng Kiểm tra Khách đ LOG_01 nhập sai tài khoản mật Kiểm tra Khách đ LOG_02 nhập với tài khoả khóa Kiểm tra người d HACK_1 sử dụng ch admin b 106 cách nhập đường đến trang quản lý người dùng Kiểm tra cập nhậ CH_AV đại diện chưa ảnh 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, k Đồng thời nghiên Angular, M đến tiến độ triển kha nhanh chóng Tài liệu Microser ít, khó hiểu  Quy trình nghiệp vụ: Bảng Khó khăn quy trình nghiệp vụ dự án STT Rủi ro, k Source code thay đổi theo thời gi Các lỗi phát sinh đồ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 STT Rủi ro, k Kỹ làm việc nh Lịch trình họp nhóm thực tập làm Ư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 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-moi-bat-dau http://itprotraining.vn/vi/tips-cong-nghe/Kien-truc-tong-quat-cua-Angular %205 https://kipalog.com/posts/Gioi-thieu-ve-Microservices-Part- 1? fbclid=IwAR29L4TnaxjXtSyReu4mT4CPt9T5yqHnhSsVa3hsUUG0HACqzlh8 JbHE0vA https://kipalog.com/posts/Xay-dung-Microservices Su-dung-cong-ket-noi- API API-Gateway? fbclid=IwAR2kDVIV2YZu6mkOMZuS7vn3lxGzf7YFF69qwjCPvtYPj1 xuIzWggrCkANs https://stackoverflow.com/ https://github.com/ https://datatables.net/forums/ https://vnexpress.net/ 10 https://ckeditor.com/ckeditor-5/ 111 Sinh viên thực Bùi Xn Trí Nguyễn Hồng Long 112 Bùi Xn Trí Nguyễn Hồng Long Bùi Xn Trí 113 ... xây dựng website tin tức trực tuyến để bắt kịp xu hướng thời đại MỤC TIÊU CỦA ĐỀ TÀI Tìm hiểu Microservices, Angular, RESTful APIs Phân tích, thiết kế xây dựng hệ thống website tin tức trực tuyến. .. 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... KHOA CÔNG NGHỆ THÔNG TIN BỘ MÔN CÔNG NGHỆ PHẦN MỀM  - - NGUYỄN HỒNG LONG – 15110242 BÙI XN 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Ỹ