Xây dựng website quản lý đồ án tốt nghiệp tại khoa cơ khí máy trường đại học sư phạm kỹ thuật TP HCM đồ án tốt nghiệp khoa đào tạo chất lượng cao ngành công nghệ thông tin

MỤC LỤC LỜI CẢM ƠN i LỜI MỞ ĐẦU ii PREFACE iii MỤC LỤC iv DANH MỤC CÁC TỪ VIẾT TẮT vii DANH MỤC CÁC BẢNG BIỂU viii DANH MỤC CÁC HÌNH ẢNH, BIỂU ĐỒ xi TÀI LIỆU THAM KHẢO xii CHƯƠNG GIỚI THIỆU 1.1 1.2 1.3 1.4 Tính cấp thiết đề tài Mục đích đề tài Đối tượng phạm vi nghiên cứu Kết dự kiến đạt CHƯƠNG CƠ SỞ LÝ THUYẾT 2.1 2.1.1 2.1.2 2.2 2.2.1 2.2.2 2.3 2.3.1 2.3.2 2.4 2.4.1 2.4.2 2.4.3 2.5 2.5.1 2.5.2 2.6 Giới thiệu Java Java gì? Hồn cảnh đời Java Đặc điểm Java Spring Framework Tổng quan Spring Các module kiến trúc Spring Framework Spring Boot Spring Boot gì? Tác dụng Spring Boot Các yêu cầu hệ thống Spring Boot Tìm hiểu RESTful API RESTful API gì? .9 Cách thức hoạt động RESTful .10 Các ràng buộc REST 11 Angular (web framework) 11 Khái niệm Angular Phân biệt Angular AngularJS .11 Cách thức hoạt động 12 Cơ sở liệu MongoDB 13 CHƯƠNG KHẢO SÁT HIỆN TRẠNG VÀ XÁC ĐỊNH YÊU CẦU 16 3.1 3.2 Khảo sát trạng 16 Xác định yêu cầu 17 iv 3.2.1 3.2.2 Yêu cầu chức .17 Yêu cầu phi chức .18 CHƯƠNG ĐẶC TẢ CHỨC NĂNG 20 4.1 4.1.1 4.1.2 4.2 4.3 4.3.1 4.3.2 4.3.3 4.3.4 4.3.5 Định nghĩa Use Case 20 Mô tả Actor 20 Mô tả Usecase 20 Use Case Diagram 21 Đặc tả Use Case 21 Quản lý viết 24 Quản lý biểu điểm hội đồng .27 Quản lý biểu điểm nhận xét – GVHD 31 Giảng viên đề xuất đề tài 35 Giảng viên đăng ký hướng dẫn đề tài 36 CHƯƠNG THIẾT KẾ ỨNG DỤNG 38 5.1 5.1.1 5.1.2 5.2 5.2.1 5.2.2 5.2.3 5.2.4 5.2.5 5.3 5.3.1 5.3.2 Thiết kế sở liệu 38 Lược đồ sở liệu 38 Chi tiết collection 39 Thiết kế xử lý 56 Lược đồ lớp 56 Chức quản lý viết 61 Chức quản lý biểu điểm hội đồng 63 Chức giảng viên đăng ký hướng dẫn đề tài .65 Chức giảng viên đề xuất đề tài 66 Thiết kế giao diện 67 Phía admin/thư ký khoa 67 Phía giảng viên 76 CHƯƠNG CÀI ĐẶT VÀ KIỂM THỬ ỨNG DỤNG 82 6.1 6.1.1 6.1.2 6.1.3 6.2 6.2.1 6.2.2 6.2.3 Cài đặt ứng dụng 82 Thư viện môi trường phát triển .82 Lệnh cài đặt chạy website Front-end .82 Lệnh cài đặt chạy API web serivce Back-end (tuỳ chọn) .82 Kiểm thử phần mềm 83 Chức quản lý viết 83 Chức quản lý biểu điểm hội đồng 84 Chức giảng viên nhận xét đề tài hướng dẫn 84 CHƯƠNG KẾT LUẬN 85 v 7.1 7.2 7.2.1 7.2.2 7.2.3 7.3 7.4 Kết đạt 85 Ưu điểm nhược điểm 85 Ưu điểm 85 Nhược điểm 85 Khó khăn 85 Kinh nghiệm đạt 86 Hướng phát triển tương lai 86 vi DANH MỤC CÁC TỪ VIẾT TẮT JWT: Json Web Token OOP: Object Oriented Programming LTS: Long Term Support IoC: Inversion of Control DI: Dependency Injection IDE: Integrated Development Environment vii DANH MỤC CÁC BẢNG BIỂU Bảng 2.1: Danh sách phiên Java phát hành .4 Bảng 2.2: Build Tool hỗ trợ Spring Boot Bảng 2.3: Servlet Containers Spring Boot hỗ trợ Bảng 4.1: Mô tả Actor .20 Bảng 4.2: Mô tả Use Case 20 Bảng 4.3: Đặc tả Use Case 21 Bảng 4.4: Chi tiết use case "xem danh sách viết" .24 Bảng 4.5: Chi tiết use case "cập nhật viết" 25 Bảng 4.6: Chi tiết use case "thay đổi trạng thái viết" 25 Bảng 4.7: Chi tiết use case "tìm kiếm viết" .26 Bảng 4.8: Chi tiết use case "thêm viết mới" 26 Bảng 4.9: Chi tiết use case "xem danh sách biểu điểm hội đồng" 28 Bảng 4.10: Chi tiết use case "cập nhật biểu điểm hội đồng" 28 Bảng 4.11: Chi tiết use case "thay đổi trạng thái biểu điểm hội đồng" 29 Bảng 4.12: Chi tiết use case "tìm kiếm biểu điểm hội đồng" 29 Bảng 4.13: Chi tiết use case "thêm biểu điểm hội đồng mới" 30 Bảng 4.14: Chi tiết use case "xem danh sách biểu điểm nhận xét hướng dẫn " .31 Bảng 4.15: Chi tiết use case "cập nhật biểu điểm nhận xét hướng dẫn" 32 Bảng 4.16: Chi tiết use case "thay đổi trạng thái biểu điểm nhận xét hướng dẫn " 33 Bảng 4.17: Chi tiết use case "tìm kiếm biểu điểm nhận xét hướng dẫn" 33 Bảng 4.18: Chi tiết use case "thêm biểu điểm nhận xét hướng dẫn mới" 34 Bảng 4.19: Chi tiết use case "giảng viên đề xuất đề tài" 35 Bảng 4.20: Chi tiết use case "giảng viên đăng ký hướng dẫn đề tài" .36 Bảng 5.1: Collection "bai-viet" 39 Bảng 5.2: Collection "side-banner" 40 Bảng 5.3: Collection "banner" 40 Bảng 5.4: Collection "my-file" 40 Bảng 5.5: Colleciton "cau-hinh-he-thong" 41 Bảng 5.6: Colleciton "dia-diem" .41 Bảng 5.7: Colleciton "tai-khoan" 41 Bảng 5.8: Colleciton "thoi-gian-bao-ve" 42 Bảng 5.9: Colleciton "hoc-ham" .42 Bảng 5.10: Colleciton "hoc-vi" 42 Bảng 5.11: Colleciton "khoa" 42 Bảng 5.12: Colleciton "nganh" 43 viii Bảng 5.13: Colleciton "bo-mon" .43 Bảng 5.14: Colleciton "mon-hoc" .43 Bảng 5.15: Colleciton "chuc-vu" 44 Bảng 5.16: Colleciton "sinh-vien" 44 Bảng 5.17: Colleciton "giang-vien" 45 Bảng 5.18: Colleciton "hoi-dong" .46 Bảng 5.19: Colleciton "dot-dang-ky" 46 Bảng 5.20: Colleciton "de-tai" 47 Bảng 5.21: Colleciton "de-tai-de-xuat" .49 Bảng 5.22: Colleciton "bieu-diem-hoi-dong" 49 Bảng 5.23: Colleciton "bieu-diem-nhan-xet-huong-dan" 50 Bảng 5.24: Colleciton "bieu-diem-nhan-xet-phan-bien" 50 Bảng 5.25: Colleciton "linh-vuc" 51 Bảng 5.26: Colleciton "ca-nhan" .51 Bảng 5.27: Document "muc-do-hoan-thanh" 51 Bảng 5.28: Document "tieu-chi-danh-gia" 52 Bảng 5.29: Document "diem-hoi-dong" 52 Bảng 5.30: Document "diem-huong-dan" 52 Bảng 5.31: Document "diem-phan-bien" 52 Bảng 5.32: Document "diem-do-an-embedded" .53 Bảng 5.33: Document "de-tai-embedded" 53 Bảng 5.34: Document "giang-vien-embedded" 53 Bảng 5.35: Document "nhan-xet-huong-dan" 54 Bảng 5.36: Document "nhan-xet-phan-bien" 54 Bảng 5.37: Document "thoi-gian" .55 Bảng 5.38: Document "thu-tu-bao-ve" .55 Bảng 5.39: Document "uy-vien-hoi-dong" .55 Bảng 5.40: Danh sách hình phía "admin/thư ký khoa" .67 Bảng 5.41: Mơ tả “màn hình biểu điểm GVHD" 67 Bảng 5.42: Mô tả "màn hình thêm biểu điểm" 68 Bảng 5.43: Mơ tả "màn hình chỉnh sửa biểu điểm" 70 Bảng 5.44: Mơ tả "màn hình quản lý sinh viên" .72 Bảng 5.45: Mô tả "màn hình thêm sinh viên" 73 Bảng 5.46: Mơ tả "màn hình duyệt thông tin sinh viên" 74 Bảng 5.47: Mơ tả "màn hình chỉnh sửa thơng tin sinh viên" 76 Bảng 5.48: Danh sách hình phía "giảng viên" 76 ix Bảng 5.49: Mơ tả "màn hình xem danh sách hội đồng" 77 Bảng 5.50: Mơ tả "màn hình hội đồng đánh giá đề tài" 78 Bảng 5.51: Mơ tả "màn hình hội đồng đánh giá đề tài" 79 Bảng 6.1 Danh sách thư viện môi trường phát triển cần thiết sản phẩm 82 Bảng 6.2 Danh sách lệnh cài đặt chạy chương trình .82 Bảng 6.3 Kiểm thử chức quản lý viết 83 Bảng 6.4: Kiểm thử chức quản lý biểu điểm hội đồng 84 Bảng 6.5: Kiểm thử chức giảng viên nhận xét đề tài hướng dẫn .84 Bảng 7.1 Các khó khăn cơng nghệ 85 Bảng 7.2 Các khó khăn quy trình thực 86 x DANH MỤC CÁC HÌNH ẢNH, BIỂU ĐỒ Hình 2.1: Lập trình hướng đối tượng Java Hình 2.2: Kiến trúc Spring Framework Hình 2.3: REST API Design .9 Hình 2.4: Angular Application Diagram 12 Hình 2.5: Mơ hình Mongoose 15 Hình 4.1: Use Case Diagram .21 Hình 4.2: Use case quản lý viết 24 Hình 4.3: Use case quản lý biểu điểm hội đồng 27 Hình 4.4: Use case quản lý biểu điểm nhận xét hướng dẫn 31 Hình 4.5: Use case giảng viên đề xuất đề tài 35 Hình 4.6: Use case giảng viên đăng ký hướng dẫn đề tài 36 Hình 5.1: Lược đồ sở liệu (1) 38 Hình 5.2: Lược đồ sở liệu (2) 39 Hình 5.3: Class Diagram (1) .56 Hình 5.4: Class Diagram (2) .57 Hình 5.5: Class Diagram (3) .58 Hình 5.7: Class Diagram (5) .60 Hình 5.8: Class Diagram (6) .60 Hình 5.9: Sequence diagram chức "cập nhật viết" .61 Hình 5.10: Sequence diagram chức "thêm viết mới" 62 Hình 5.11: Sequence diagram chức "thay đổi trạng thái biểu điểm hội đồng" 63 Hình 5.12: Sequence diagram chức "thêm biểu điểm hội đồng mới" 64 Hình 5.13: Sequence diagram chức "giảng viên đăng ký hướng dẫn đề tài" 65 Hình 5.14: Sequence diagram chức "giảng viên đề xuất đề tài" 66 Hình 5.15: Màn hình biểu điểm GVHD 67 Hình 5.16: Màn hình thêm biểu điểm 68 Hình 5.17: Màn hình chỉnh sửa biểu điểm 70 Hình 5.18: Màn hình quản lý sinh viên .72 Hình 5.19: Màn hình thêm sinh viên 73 Hình 5.20: Màn hình duyệt thơng tin sinh viên 74 Hình 5.21: Màn hình chỉnh sửa thơng tin sinh viên 75 Hình 5.22: Màn hình xem danh sách hội đồng 77 Hình 5.23: Màn hình hội đồng đánh giá đề tài 78 Hình 5.24: Màn hình hội đồng đánh giá đề tài 79 xi TÀI LIỆU THAM KHẢO Tiếng Việt [1] Chu Thị Thơm (2020, March 22) Bắt đầu với NoSQL MongoDB Viblo https://viblo.asia/p/bat-dau-voi-nosql-va-mongodb-jvEla00zZkw [2] Cát Tường (2017, November 22) Java gì? Tại nên chọn Java? https://quantrimang.com/java-la-gi-tai-sao-nen-chon-java-143130 [3] Nguyễn Luật (2021, April 6) Spring Boot gì? Bạn cần biết học Spring Boot Blog ITNavi https://blog.itnavi.com.vn/spring-boot-la-gi/ [4] TopDev Blog (2020) RESTful API gì? Cách thiết kế RESTful API https://topdev.vn/blog/restful-api-la-gi/ [5] Trần Hiếu (2021, March 14) Angular gì? Đặc trưng tính Angular Blog ITNavi https://blog.itnavi.com.vn/angular-la-gi/ [6] Trần Văn (2019, December 21) [Spring framework] Kiến trúc, module Spring Framework Code Lean https://www.codelean.vn/2019/12/spring-mvckien-truc-cac-module-cua.html?m=1 Tiếng Anh [7] Getting started (n.d.) Spring Retrieved July 15, 2021, from https://docs.spring.io/spring-boot/docs/current/reference/html/gettingstarted.html#getting-started.introducing-spring-boot [8] Github language stats (n.d.) Retrieved July 13, 2021, from https://madnight.github.io/githut/#/pull_requests/2021/2 [9] Java - Overview (n.d.) Tutorials Point https://www.tutorialspoint.com/java/java_overview.htm [10] Javin Paul (2018, July 10) 10 reasons to learn Java programming language and why Java is best https://javarevisited.blogspot.com/2018/07/10-reasons-tolearn-java-programming.html [11] Priya Pedamkar (n.d.) How angular works EDUCBA https://www.educba.com/how-angular-works/ [12] Write once, run anywhere? (2002, May 2) ComputerWeekly https://www.computerweekly.com/feature/Write-once-runanywhere xii CHƯƠNG GIỚI THIỆU 1.1 Tính cấp thiết đề tài Trong ngày tháng năm cuối đại học, đa số sinh viên thường làm dẫn đến khó xếp, cập nhật thơng tin, thời gian việc đăng ký đồ án tốt nghiệp Trong giảng viên bận rộn với cơng việc giảng dạy, nắm bắt số lượng, tình hình sinh viên đăng ký Với lý trên, nhóm định chọn đề tài xây dựng website quản lý đồ án tốt nghiệp nhằm giảm bớt gánh nặng cho giảng viên sinh viên việc quản lý đồ án mình, phần giảm bớt khó khăn việc lưu trữ đồ án tốt nghiệp 1.2 Mục đích đề tài Đề tài “XÂY DỰNG WEBSITE QUẢN LÝ ĐỒ ÁN TỐT NGHIỆP TẠI KHOA CƠ KHÍ MÁY TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP.HCM ” đặt vấn đề trọng tâm mục tiêu mà sinh viên nghiên cứu cần thực bao gồm: - Sử dụng công nghệ, kỹ thuật, thư viện ứng dụng trình phát triển phần mềm, mang lại giá trị nhanh cho khách hàng, bao gồm: công nghệ giúp phát triển ứng dụng web đa tảng, công nghệ ứng dụng giúp phát triển dự án nhanh nhất, độc lập dễ dàng triển khai cho môi trường khác - Xây dựng website quản lý đồ án tốt nghiệp giúp thầy cô dễ dàng quản lý thông tin đồ án mà sinh viên thực cho trường Từ đó, sản phẩm xem xét đánh giá cách phù hợp - Sản phẩm trang web nên yêu cầu giao diện thân thiện với người dùng, phù hợp với khách hàng mong muốn Sản phẩm yêu cầu phải sử dụng nhiều trình duyệt khác nhiều loại thiết bị 1.3 Đối tượng phạm vi nghiên cứu Đồ án thực xoay quanh hai đối tượng trọng tâm, bao gồm: công nghệ kiến thức thực tế việc quản lý, xử lý nghiệp vụ mà khách hàng yêu cầu Trong đó, đối tượng cơng nghệ bao gồm đối tượng nghiên cứu bắt buộc: Java Spring Boot, Angular Framework, sở liệu NoSQL MongoDB Ngoài việc kết hợp đối tượng nghiên cứu công nghệ, số thư viện hữu ích JWT (Json Web Token), Ant Design (ng-zorro) nghiên cứu để xây dựng giao diện website tốt SAP04: Trang quản lý sinh viên 5.3.1.4 Hình 5.18: Màn hình quản lý sinh viên Bảng 5.44: Mơ tả "màn hình quản lý sinh viên" STT Tên trường Tìm kiếm thơng tin Tìm kiếm Khoa Ngành Thêm Nhập danh sách Chưa duyệt Đã duyệt Bắt buộc (Input Validation) Kiểu Text Tài liệu Ghi Nhập thông tin cần tìm Click hiển thị tất bảng ghi Button phù hợp với thơng tin cần tìm kiếm Select Data từ Chọn khoa từ danh sách tất option API khoa Select Data từ Chọn ngành từ danh sách tất option API ngành từ khoa Click chuyển sang hình Button SAP05 Click nhập danh sách Button sinh viên có sẵn Tab danh sách sinh viên Button chưa duyệt Data từ Tab danh sách sinh viên Tab API duyệt 72 10 11 12 5.3.1.5 Data từ Tab danh sách sinh viên API không duyệt Data từ … Trạng thái sinh viên API Click vào chuyển sang Button hình SAP06 Click vào chuyển sang Button hình SAP07 Khơng duyệt Trạng thái Duyệt sinh viên Tab Chỉnh sửa SAP05: Thêm sinh viên Hình 5.19: Màn hình thêm sinh viên Bảng 5.45: Mơ tả "màn hình thêm sinh viên" Tên STT trường Bắt buộc (Input Validation) Kiểu Tài liệu Ghi Họ tên True Text Ngành True Text MSSV Giới tính Huỷ Lưu True Text True Text Chọn giới tính Button Button Click hình SAP05 Click hình SAP05 Nhập họ tên sinh viên Data từ Chọn ngành từ danh sách ngành API Nhập mã số sinh viên 73 5.3.1.6 SAP06: Duyệt thông tin sinh viên Hình 5.20: Màn hình duyệt thơng tin sinh viên Bảng 5.46: Mơ tả "màn hình duyệt thơng tin sinh viên" STT Tên trường Bắt buộc (Input Kiểu Validation) True Text True Text True Text Select True option Họ tên Số điện thoại Lớp Ngành Số tín tích luỹ True Giới tính True Ngày sinh Quê quán True True Text Select box Text Text Tài liệu Ghi Nhập họ tên sinh viên Nhập số điện thoại sinh viên Nhập lớp sinh viên Chọn ngành từ danh sách ngành Nhập số tín tích luỹ sinh viên Chọn giới tính Chọn ngày sinh Nhập họ tên sinh viên 74 CMND/CCCD True Text 10 Email cá nhân True Text 11 Duyệt Button 12 Không duyệt Button 13 Huỷ Button 5.3.1.7 Nhập CMND/CCCD viên Nhập Email cá nhân viên Click vào chuyển hình SAP05 Click vào chuyển hình SAP05 Click vào chuyển hình SAP05 sinh sinh sang sang sang SAP07: Chỉnh sửa thông tin sinh viên Hình 5.21: Màn hình chỉnh sửa thơng tin sinh viên 75 Bảng 5.47: Mơ tả "màn hình chỉnh sửa thông tin sinh viên" Tên STT trường Bắt buộc (Input Validation) Tài liệu Kiểu Ghi Họ tên True Text Nhập họ tên sinh viên Ngành True Select box Chọn ngành danh sách ngành MSSV Giới tính Huỷ Lưu True 4 True Nhập mã số sinh viên Select box Button Button Chọn giới tính Click chuyển hình SAP05 Click chuyển hình SAP05 5.3.2 Phía giảng viên Bảng 5.48: Danh sách hình phía "giảng viên" STT Tên hình SLP01 Xem danh sách hội đồng SLP02 Hội đồng đánh giá đề tài SLP03 Giảng viên đề xuất đề tài Nhận xét đề tài phản biện SLP04 Hoặc giảng viên đăng ký đề tài hướng dẫn tuỳ bạn Mơ Tả Màn hình xem danh sách hội đồng giảng viên Xem chi tiết đánh giá cho đề tài tốt nghiệp 76 5.3.1.8 SLP01: Xem danh sách hội đồng Hình 5.22: Màn hình xem danh sách hội đồng Bảng 5.49: Mơ tả "màn hình xem danh sách hội đồng" Tên STT trường Tìm kiếm Tìm kiếm Thơng tin đánh giá chi tiết Bắt buộc (Input Validation) Kiểu Tài liệu Ghi Text Nhập thơng tin tìm kiếm Button Click hiển thị tất bảng ghi phù hợp với thơng tin cần tìm kiếm Button Click chuyển sang hình SUP02 77 SLP02: Hội đồng đánh giá đề tài 5.3.1.9 Hình 5.23: Màn hình hội đồng đánh giá đề tài Bảng 5.50: Mơ tả "màn hình hội đồng đánh giá đề tài" Tên STT trường Mức điểm Lưu Bắt buộc (Input Validation) Kiểu True Button Click chọn mức điểm với ĐATN Button Click chuyển hình SLP01 Tài liệu Ghi 78 5.3.1.10 SLP03: Giảng viên đề xuất đề tài Hình 5.24: Màn hình hội đồng đánh giá đề tài Bảng 5.51: Mơ tả "màn hình hội đồng đánh giá đề tài" Tên STT trường Tên đề tài (tiếng việt) Tên đề tài (tiếng anh) Bắt buộc (Input Validation) Kiểu Tài liệu Ghi True Text Nhập tên đề tài tiếng việt True Text Nhập tên đề tài tiếng anh 79 10 11 12 Ngôn ngữ Mã môn học Sô lượng sinh viên thực Sinh viên thực GV hướng dẫn Kinh phí dự kiến Lĩnh vực Cam kết hỗ trợ Tóm tắ nội dung thực (tiếng việt) Tóm tắt nội True Check box True Select box True Text Chọn ngôn ngữ cho đề tài Data Chọn mã môn học danh sách từ mã môn học API Số lượng sinh viên thực tối đa Chọn sinh viên thực số sinh viên có Giảng viên giáo viên hướng dẫn True Kinh phí dự kiến cho đồ án True Text True Select box True Text Cam kết hỗ trợ cho đồ án True Text Tóm tắt nội dung thực đồ án tiếng việt True Text Tóm tắt nội dung thực đồ án tiếng anh Data từ Chọn lĩnh vực từ danh sách lĩnh vực API 80 13 dung thực (tiếng anh) Lưu Button Click lưu thông tin đề tài 81 CHƯƠNG CÀI ĐẶT VÀ KIỂM THỬ ỨNG DỤNG 6.1 Cài đặt ứng dụng Clone download project từ link github: https://github.com/stc-hcmute/detai-tot-nghiep-ckm 6.1.1 Thư viện môi trường phát triển Bảng 6.1 Danh sách thư viện môi trường phát triển cần thiết sản phẩm STT Library/Software Nodejs/NPM Apache-tomcat Jdk Angular CLI MongoDB Download URL https://nodejs.org/en/download/ https://tomcat.apache.org/tomcat-7.0doc/appdev/installation.html https://www.oracle.com/java/technologies/javase/ja vase-jdk8-downloads.html https://cli.angular.io/ https://docs.mongodb.com/manual/administration/in stall-community/ 6.1.2 Lệnh cài đặt chạy website Front-end Bảng 6.2 Danh sách lệnh cài đặt chạy chương trình STT Lệnh Mơ tả npm install Cài đặt thư viện để khởi động chương trình ng serve Chạy website Front-end Sau tiến hành tải project cài đặt thư viện môi trường phát triển, tiến hành chạy website theo bước sau: - Bước 1: Mở command line trỏ vào thư mục “quan-ly-do-an-tot-nghiep-fe” chứa project front-end - Bước 2: Lần lượt nhập lệnh cài đặt thư viện bảng 6.2 - Bước 3: Sau chương trình build xong, mở trình duyệt vào địa http://localhost:4200/ 6.1.3 Lệnh cài đặt chạy API web serivce Back-end (tuỳ chọn) Do service Back-end deploy Google Cloud nên việc chạy Backend khơng cần thiết, chạy với mục đích bảo trì, phát triển… - Bước 1: Tải chương trình IntelliJ IDE dùng để phát triển Java - Bước 2: Mở project Back-end chứa thư mục “quan-ly-do-an-totnghiep-be” - Bước 3: Trên IDE chọn run để tiến hành build chạy project 82 6.2 Kiểm thử phần mềm 6.2.1 Chức quản lý viết Bảng 6.3 Kiểm thử chức quản lý viết ID Mô tả Test case Bước thực Kết mong đợi Kết Đăng nhập vào hệ thống với quyền admin Post Chọn cài đặt trang Thêm viết Mana chủ -> chuyên mục mới, nhập thiếu geme viết thông tin nt_01 Chọn thêm mới, nhập thiếu thông tin, chọn lưu Hiện thông báo “Mục không Pass để trống” Post Mana Cập nhật viết geme nt_02 Chọn viết cần cập nhật Nhập thông tin cần cập nhật, chọn lưu Lưu thông tin viết vừa cập nhật, Pass thông báo thành công Post Chọn trạng thái Mana Thay đổi trạng viết cần thay đổi geme thái viết Nhấn xác nhận nt_03 Lưu trạng thái viết vừa cập nhật, Pass thông báo thành công 83 6.2.2 Chức quản lý biểu điểm hội đồng Bảng 6.4: Kiểm thử chức quản lý biểu điểm hội đồng ID Mô tả Test case Bước thực Đăng nhập vào hệ Thêm biểu ScoreLe thống với quyền admin điểm, ver_Cou Chọn cấu hình -> tổng điểm đủ ncil_01 biểu điểm hội đồng, 100 thêm Kết mong đợi Kết Hệ thống hiển thị thông báo điểm Pass vượt 100 Đăng nhập vào hệ thống với quyền admin Cập nhật biểu Chọn cấu hình -> ScoreLe Hệ thống hiển thị điểm biểu biểu điểm hội đồng, ver_Cou thông báo điểm Pass điểm thay đổi chọn biểu điểm cần cập ncil_02 vượt 100 vượt 100 nhật Cập nhật thông tin cần chỉnh sửa, nhấn lưu 6.2.3 Chức giảng viên nhận xét đề tài hướng dẫn Bảng 6.5: Kiểm thử chức giảng viên nhận xét đề tài hướng dẫn ID Mô tả Test case Bước thực Kết mong đợi Kết Đăng nhập vào hệ Nhận xét đề tài thống với quyền giảng hướng dẫn viên chưa tới thời gian Chọn “Nhận xét đề nhận xét tài hướng dẫn” Hệ thống hiển thị thông báo “Chưa Pass đến thời gian nhận xét đề tài!” Từ danh sách đề tài Evalu hướng dẫn, chọn đề tài ateLe Nhận xét đề tài cần hướng dẫn cture hướng dẫn Nhập thông tin nhận _02 xét Nhấn Lưu Hệ thống hiển thị thông báo nhận xét Pass đề tài hướng dẫn thành công Evalu ateLe cture _01 84 CHƯƠNG KẾT LUẬN 7.1 Kết đạt - Cải thiện kỹ việc nhóm, phân cơng cơng việc rõ ràng - Cải thiện kỹ tìm kiếm, giải vấn đề cơng việc - Hồn thành Website mục tiêu đặt - Biết cách áp dụng sở liệu không quan hệ (NoSQL) để xây dựng database cho hệ thống, xây dựng web server REST API phục vụ cho ứng dụng web, xây dựng giao diện trang web dạng Single Page Application Angular 7.2 Ưu điểm nhược điểm 7.2.1 Ưu điểm Giao diện đơn giản Sử dụng công nghệ Website mới, Front-end Back-end phân biệt rõ ràng Website có khả bảo trì nâng cấp Website với chức hoàn thành tốt như: ○ Quản trị viên quản lý liệu có liên quan đến danh mục ○ Webiste cho phép người dùng sau đăng nhập với quyền khác thực tính tương ứng với quyền - 7.2.2 Nhược điểm - Giao diện hoàn thiện cho thiết bị máy tính - Về chức năng, kinh nghiệm thực tiễn nên việc xử lý số chức cịn chưa tốt, chưa hồn thiện 7.2.3 Khó khăn 7.2.3.1 Về cơng nghệ Bảng 7.1 Các khó khăn cơng nghệ STT Khó khăn Khắc phục Cơng nghệ chưa có kinh nghiệm sử Sử dụng tài liệu bên ngồi tích dụng cực thực hành Nội dung tài liệu tiếng anh Trau dồi từ vựng chuyên ngành xem ví dụ cụ thể 85 7.2.3.2 Về quy trình thực Bảng 7.2 Các khó khăn quy trình thực STT Khó khăn Khắc phục Phân tích – xử lý nghiệp vụ Trao đổi, tìm hướng giải cho trình thực đề tài Front-end Back-end Cố gắng tìm giải pháp để vừa bổ sung Khách hàng yêu cầu thay đổi chức vừa tái sử dụng code mà số nghiệp vụ đáp ứng nghiệp vụ Thời gian làm việc trực tiếp bị hạn Sử dụng công cụ mạng xã hội chế dịch bệnh teamview để giải vấn đề 7.3 Kinh nghiệm đạt - Học cách quản lý source control cách bản, trau dồi kinh nghiệm việc làm dự án nhiều người - Học cách giải vấn đề front-end back-end - Học cách tối ưu hoá code, tái sử dụng code logic lập trình - Thiết lập mơi trường code chuẩn, sử dụng công nghệ chuyên dùng cho dự án thực tế 7.4 Hướng phát triển tương lai - Tích hợp thêm phần chatbox trao đổi để đưa phần hướng dẫn tuần sinh viên giảng viên lên ứng dụng - Thiết kế giao diện tương thích với thiết bị smartphone - Cải thiện nghiệp vụ nhanh chóng, dễ dàng thao tác 86 ... “XÂY DỰNG WEBSITE QUẢN LÝ ĐỒ ÁN TỐT NGHIỆP TẠI KHOA CƠ KHÍ MÁY TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP. HCM ” đặt vấn đề trọng tâm mục tiêu mà sinh viên nghiên cứu cần thực bao gồm: - Sử dụng công nghệ, ... 12 13 14 15 Quản lý viết Quản lý banner Quản lý side-banner Quản lý địa điểm Quản lý thời gian bảo vệ Quản lý cấu hình hệ thống Quản lý đợt đăng ký Quản lý biểu điểm hội đồng Quản lý biểu điểm... triển khai cho môi trường khác - Xây dựng website quản lý đồ án tốt nghiệp giúp thầy cô dễ dàng quản lý thông tin đồ án mà sinh viên thực cho trường Từ đó, sản phẩm xem xét đánh giá cách phù hợp