Xây dựng website quản lý tham quan của phòng quan hệ doanh nghiệp tại 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

139 24 0
Xây dựng website quản lý tham quan của phòng quan hệ doanh nghiệp tại 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

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

Thông tin tài liệu

TÓM TẮT BẰNG TIẾNG VIỆT Các vấn đề nghiên cứu - Tìm hiểu Single page application (Angular), Spring Boot MongoDB giải toán cho hệ thống cung cấp dịch vụ sử dụng API cho website quản lý tham quan phòng Quan hệ Doanh nghiệp - Tìm hiểu nghiệp vụ quản lý tham quan Các vấn đề phát sinh - Phía khách hàng thay đổi số nghiệp vụ trình xây dựng website - Không hiểu rõ mong muốn khách hàng Các phương pháp giải vấn đề - Tái sử dụng thêm số chức để phù hợp với nghiệp vụ thay đổi - Tiến hành nhiều thảo luận để giải vần đề đưa Kết đạt - Website quản lý tham quan - Xây dựng hệ thống dễ dàng bảo trì, phát triển mở rộng ii TĨM TẮT BẰNG TIẾNG ANH Research issues - Learn about Single page application (Angular), Spring Boot and MongoDB to solve the problem of service delivery system using API for the tour management website of the Business Relations Department - Learn about tour management profession Problems arise - The client side changes some operations during the construction of the website - Not understanding what the customer wants Problem Solving Methods - Reuse and add some functionality to accommodate changing business - Conduct a lot of discussions to solve the problem raised Results achieved - Website management visit - Build a system that is easy to maintain, develop and expand iii MỤC LỤC LỜI CẢM ƠN i TÓM TẮT BẰNG TIẾNG VIỆT ii TÓM TẮT BẰNG TIẾNG ANH iii MỤC LỤC iv DANH MỤC TỪ VIẾT TẮT viii DANH MỤC BẢNG ix DANH MỤC HÌNH ẢNH xiii CHƯƠNG TỔNG QUAN 1.1 Tính cấp thiết mục tiêu đề tài .1 1.1.1 Tính cấp thiết đề tài 1.1.2 Mục đích đề tài .1 1.2 Đối tượng, phạm vi phương pháp thực .2 1.2.1 Đối tượng nghiên cứu 1.2.2 Phạm vi 1.2.3 Phương pháp thực 1.3 Kết dự kiến đạt .2 CHƯƠNG CƠ SỞ LÝ THUYẾT .3 2.1 Spring Framework 2.1.1 Một số khái niệm .3 2.1.2 Các module 2.2 Spring Boot 2.2.1 Tổng quan Spring Boot 2.2.2 Tạo Spring Boot Application .8 iv 2.3 Angular 2.3.1 Tổng quan Angular 2.3.2 Mô tả 2.3.3 Mơ hình .8 2.4 MongoDB 10 2.4.1 Mơ hình .10 2.4.2 Đặc trưng 11 2.4.3 Ưu điểm .12 2.4.4 Nhược điểm .12 2.5 Các công nghệ thư viện khác 12 2.5.1 JSON Web Token 12 2.5.2 Ant Design of Angular 13 CHƯƠNG KHẢO SÁT HIỆN TRẠNG VÀ XÁC ĐỊNH YÊU CẦU 14 3.1 Khảo sát trạng 14 3.2 Xác định yêu cầu 15 3.2.1 Yêu cầu chức 15 3.2.2 Yêu cầu phi chức 18 CHƯƠNG ĐẶC TẢ CHỨC NĂNG 19 4.1 Định nghĩa usecase 19 4.1.1 Actor 19 4.1.2 Usecase 20 4.2 Lược đồ use case 24 4.3 Đặc tả use case .28 4.3.1 Quản lý lĩnh vực 28 v 4.3.2 CHƯƠNG Quản lý chuyến tham quan 31 THIẾT KẾ ỨNG DỤNG .44 5.1 Thiết kế liệu 44 5.1.1 Sơ đồ thiết kế liệu 44 5.1.2 Mô tả sơ đồ thiết kế liệu .45 5.2 Lược đồ lớp (Class Diagram) 62 5.3 Sơ đồ tuần tự (Sequence Diagram) 63 5.3.1 Sequence Hủy đăng ký dẫn đoàn 63 5.3.2 Sequence Đăng ký chuyến 64 5.3.3 Sequence Đăng ký dẫn đoàn .65 5.3.4 Sequence Thực khảo sát 66 5.3.5 Sequence Thêm sinh viên vào chuyến form .67 5.3.6 Sequence Thêm lĩnh vực 67 5.3.7 Sequence Cập nhật lĩnh vực 68 5.3.8 Sequence Thay đổi trạng thái lĩnh vực 69 5.4 Thiết kế giao diện 69 5.4.1 Phía người dùng .69 5.4.2 Phía admin 72 5.4.3 Phía cộng tác viên 92 5.4.4 Phía giảng viên 103 5.4.5 Phía sinh viên, doanh nghiệp 115 CHƯƠNG CÀI ĐẶT VÀ KIỂM THỬ ỨNG DỤNG 118 6.1 Cài đặt ứng dụng 118 6.1.1 Thư viện môi trường phát triển 118 vi 6.1.2 Lệnh cài đặt chạy chương trình 118 6.1.3 Các bước cài đặt 118 6.2 Kiểm thử phần mềm 119 6.2.1 Chức thêm cộng tác viên 119 6.2.2 Chức đăng ký, hủy đăng ký dẫn đoàn 120 6.2.3 Chức đăng ký chuyến tham quan quyền giảng viên .121 CHƯƠNG KẾT LUẬN 123 7.1 Kết đạt 123 7.2 Ưu điểm nhược điểm 123 7.2.1 Ưu điểm 123 7.2.2 Nhược điểm .123 7.2.3 Khó khăn 124 7.3 Kinh nghiệm đạt .124 7.4 Hướng phát triển tương lai .125 TÀI LIỆU THAM KHẢO .126 vii DANH MỤC TỪ VIẾT TẮT DI: Depedency Injection IoC: Inversion of Control JWT: JSON Web Token HTTP: Hyper Text Transfer Protocol API: Application Programming Interface MIT: Massachusetts Institute of Technology viii DANH MỤC BẢNG Bảng 2.1 Ưu khuyết điểm DI .5 Bảng 4.1 Actor 19 Bảng 4.2 Usecase .20 Bảng 4.3 Đặc tả use case "Xem danh sách lĩnh vực" .28 Bảng 4.4 Đặc tả use case "Cập nhật lĩnh vực" 29 Bảng 4.5 Đặc tả use case "Thay đổi trạng thái lĩnh vực" 29 Bảng 4.6 Đặc tả use case "Tìm kiếm lĩnh vực" 30 Bảng 4.7 Đặc tả use case "Thêm lĩnh vực" .30 Bảng 4.8 Đặc tả use case "Xem danh sách chuyến tham quan theo trạng thái" 31 Bảng 4.9 Đặc tả use case "Tìm kiếm chuyến tham quan" .32 Bảng 4.10 Đặc tả use case "Xem theo trạng thái chờ duyệt" 32 Bảng 4.11 Đặc tả use case "Xem theo trạng thái xử lý" 33 Bảng 4.12 Đặc tả use case "Xem theo trạng thái sẵn sàng chưa có đợt" 33 Bảng 4.13 Đặc tả use case "Xem theo trạng thái sẵn sàng" .34 Bảng 4.14 Đặc tả use case "Xem theo trạng thái hủy" 35 Bảng 4.15 Đặc tả use case "Upload file định BGH" .35 Bảng 4.16 Đặc tả use case "Xem danh sách cộng tác viên" 36 Bảng 4.17 Đặc tả use case "Xét duyệt cộng tác viên" .36 Bảng 4.18 Đặc tả use case "Xem danh sách sinh viên tham quan" 37 Bảng 4.19 Đặc tả use case "Thêm sinh viên tham quan" 37 Bảng 4.20 Đặc tả use case "Import danh sách sinh viên" 38 Bảng 4.21 Đặc tả use case "Điểm danh bù sinh viên" .39 Bảng 4.22 Đặc tả use case "Filter chuyến tham quan" 41 Bảng 4.23 Đặc tả use case "Thêm chuyến tham quan" 42 Bảng 4.24 Đặc tả use case "Lưu trữ hồ sơ" 42 Bảng 4.25 Đặc tả use case "Xem timeline graphic" 43 Bảng 5.1 Mô tả collection bai-viet 45 Bảng 5.2 Mô tả collection banner 46 ix Bảng 5.3 Mô tả collection cau-hinh-he-thong 46 Bảng 5.4 Mô tả collection chuyen-tham-quan 46 Bảng 5.5, Mô tả collection cong-tac-vien 48 Bảng 5.6 Mô tả collection doanh-nghiep 48 Bảng 5.7 Mô tả collection dot-tham-quan .49 Bảng 5.8 Mô tả collection file-huong-dan .50 Bảng 5.9 Mô tả collection giang-vien 50 Bảng 5.10 Mô tả collection hoc-ham .51 Bảng 5.11 Mô tả collection hoc-vi 51 Bảng 5.12 Mô tả collection ket-qua-khao-sat-cong-tac-vien 52 Bảng 5.13 Mô tả collection ket-qua-khao-sat-doanh-nghiep 52 Bảng 5.14 Mô tả collection ket-qua-khao-sat-sinh-vien 53 Bảng 5.15 Mô tả collection khoa .53 Bảng 5.16 Mô tả collection my-file 53 Bảng 5.17 Mô tả collection nganh 54 Bảng 5.18 Mô tả collection side-banner 54 Bảng 5.19 Mô tả collection sinh-vien 55 Bảng 5.20 Mô tả collection tai-khoan 55 Bảng 5.21 Mô tả collection van-ban-bieu-mau 56 Bảng 5.22 Mô tả collection xac-thuc-token .56 Bảng 5.23 Mô tả document cau-hoi-khao-sat-cong-tac-vien 56 Bảng 5.24 Mô tả document cau-hoi-khao-sat-doanh-nghiep 58 Bảng 5.25 Mô tả document cau-hoi-khao-sat-sinh-vien 58 Bảng 5.26 Mô tả document cong-tac-vien-dan-doan .59 Bảng 5.27 Mô tả document dia-diem .59 Bảng 5.28 Mô tả document GPS 60 Bảng 5.29 Mô tả document ket-qua-khao-sat 60 Bảng 5.30 Mô tả document linh-vuc 60 Bảng 5.31 Mô tả document phuong-tien 60 x Bảng 5.32 Mô tả document sinh-vien-tham-quan 61 Bảng 5.33 Mơ tả hình phía admin 69 Bảng 5.34 Mô tả hình đăng nhập .70 Bảng 5.35 Mơ tả hình qn mật 71 Bảng 5.36 Mơ tả hình phía admin 72 Bảng 5.37 Mô tả hình danh sách chuyến tham quan 73 Bảng 5.38 Mơ tả hình thêm chuyến tham quan 76 Bảng 5.39 Mơ tả hình chỉnh sửa danh sách sinh viên 80 Bảng 5.40 Mô tả hình thêm sinh viên tham quan 81 Bảng 5.41 Mơ tả hình điểm danh bù 82 Bảng 5.42 Mơ tả hình nhập danh sách sinh viên 83 Bảng 5.43 Mơ tả hình chỉnh sửa danh sách cộng tác viên .85 Bảng 5.44 Thêm cộng tác viên dẫn đoàn 86 Bảng 5.45, Mơ tả hình chỉnh sửa chuyến tham quan 87 Bảng 5.46 Mơ tả hình uploadfile định BGH 91 Bảng 5.47 Mô tả hình phía cộng tác viên .92 Bảng 5.48 Mơ tả hình phía cộng tác viên .94 Bảng 5.49 Mơ tả hình xem thơng tin chuyến tham quan 95 Bảng 5.50 Mô tả hình xác nhận đăng ký chuyến tham quan 96 Bảng 5.51 Mơ tả hình điểm danh chuyến 97 Bảng 5.52 Mơ tả hình checkin/ checkout 98 Bảng 5.53 Màn hình điểm danh sinh viên .99 Bảng 5.54 Mơ tả hình điểm danh QR code 100 Bảng 5.55 Mơ tả hình điểm danh nhập liệu 101 Bảng 5.56 Mô tả hình khảo sát .102 Bảng 5.57 Mơ tả hình thực khảo sát .102 Bảng 5.58 Mơ tả hình phía giảng viên 103 Bảng 5.59 Mô tả hình giảng viên 105 Bảng 5.60 Mơ tả hình thêm chuyến tham quan 106 xi Bảng 5.62 Mơ tả hình chỉnh sửa chuyến tham quan No Name Required(Input, Type Reference Note Validation) Tên true Chỉnh sửa Text chuyến tên chuyến tham quan tham quan Nội dung Chỉnh sửa Text nội tham quan dung chuyến tham quan Địa điểm true Select khởi hành Data API từ Chọn địa điểm khởi hành Phụ cấp cộng tác viên Text Chỉnh sửa phụ cấp cơng tác viên 112 Kinh phí True Chỉnh sửa Text kinh phí chuyến tham quan Doanh Select nghiệp Data từ Chọn API doanh nghiệp Thêm Thêm Button doanh doanh nghiệp nghiệp bảng select Khi click chuyển sang hình SIP03 Phương tiện Select Data API từ Chọn phương tiện di chuyển 113 Thời gian True Text/Select khởi hành Chỉnh sửa /chọn thời gian khởi hành 10 Thời gian True Text/Select bắt đầu Chỉnh sửa /chọn thời gian bắt đầu 11 Thời gian True Text/Select kết thúc Chỉnh sửa /chọn thời gian kết thúc 12 Thuê xe Radio Chọn button khơng cho trường việc xe có/ th ngồi trường cho chuyến tham quan 13 Đóng Button Khi click khỏi 114 hình chuyển sang hình SIP01 14 Lưu Button Khi click lưu thơng chuyến tham quan chuyển sang hình SIP01 5.4.5 Phía sinh viên, doanh nghiệp Bảng 5.63 Mơ tả hình phía sinh viên, doanh nghiệp STT Tên hình Mơ tả SSP01 Màn hình Màn hình hiển thị danh sách chuyến tham quan sinh viên/ doanh nghiệp tham gia diễn SSP02 Thực khảo sát chuyến Màn hình thực khảo sát chuyến tham tham quan quan 115 5.3.5.1 SSP01: Màn hình Hình 5.38 Màn hình phía sinh viên, doanh nghiệp Bảng 5.64 Mơ tả hình phía sinh viên doanh nghiệp No Name Khảo sát Required (Input, Validation) Type Reference Button Note Khi click chuyển sang hình SSP02 116 5.3.5.2 SSP02: Thực khảo sát Hình 5.39 Màn hình khảo sát Bảng 5.65 Mơ tả hình thực khảo sát No Name Required (Input, Validation) Type Reference Câu hỏi khảo sát Multiple type Hủy Button Khi click khỏi hình chuyển sang hình SSP01 Lưu Button Khi click lưu kết khảo sát chuyển sang hình SSP02 Data API Note từ Câu hỏi khảo sát 117 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/tham-quan 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 Npm Apache-tomcat Jdk Angular CLI MongoDB 6.1.2 Download URL https://nodejs.org/en/download/ https://tomcat.apache.org/tomcat-7.0-doc/appdev/installation.html https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html https://cli.angular.io/ https://docs.mongodb.com/manual/administration/install-community/ Lệnh cài đặt chạy chương trình 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 Angular để chạy front-end ng serve Chạy chương trình front-end 6.1.3 Các bước cài đặt Công cụ sử dụng để chạy project: ⚫ Visual Studio Code: dùng để chạy front-end ⚫ IntelliJ: dùng để chạy back-end Bước 1: Clone download project từ link github: https://github.com/stc-hcmute/tham-quan Bước 2: Một thư mục có tên “quan-ly-tham-quan” chứa thư mục như: “tham-quan-be”, “tham-quan-fe” xuất sau clone project từ github giải nén file đính kèm báo cáo Tiến hành vào thư mục “quan-ly-tham-quan” Bước 3: Sau vào thư mục “quan-ly-tham-quan” (như hình) 118 Hình 6.1 Các thư mục “quan-ly-tham-quan” Bước 4: Mở folder lib “quan-ly-tham-quan\tham-quan-be\lib” Sau mở file “readme.txt” mở terminal folder đó, copy lệnh file “readme.txt” vào terminal enter chạy lệnh Bước 5: Mở thư mục “tham-quan-be” IntelliJ, chọn run taskbar Bước 6: Mở thư mục “tham-quan-fe” Visual Studio Code, chọn termial taskbar Bước 7: Chạy lệnh “npm install” để cập nhật thư viện, package thiếu máy mà project cần Bước 8: Sau lệnh npm install kết thúc, gõ lệnh “ng serve” nhấn enter Bước 9: Sau compile xong, url project hiển thị dòng cuối, nhấn “ctrl + click” vào url, trình duyệt web hiển thị Hoặc chạy tay cách mở trình duyệt web nhập url: http://localhost:4200 Giao diện trang chủ khởi chạy đầu tiên: http://localhost:4200 6.2 Kiểm thử phần mềm Sau thực xong việc kiểm thử nhóm xin trình bày số test case tiêu biểu 6.2.1 Chức thêm cộng tác viên Bảng 6.3 Kiểm thử chức thêm cộng tác viên ID Test Case Description CreateGuid Kiểm tra việc thêm e_01 cộng tác viên sinh viên với đầy đủ field Test steps Nhập “họ tên” Nhập “mã số sinh viên” Nhập “email” Nhập “số điện Expected Output Result Hiện thông báo Pass “Thêm thành cơng”, đóng form quay hình ban đầu 119 thoại” Nhấn “Lưu” nút CreateGuid Kiểm tra việc thêm e_02 cộng tác viên người trường khơng có mã số sinh viên Nhập “họ tên” Nhập “email” Nhập “số điện thoại” Nhấn nút “Lưu” Hiện thông báo Pass “Thêm thành cơng”, đóng form quay hình ban đầu CreateGuid Kiểm tra việc thêm e_03 cộng tác viên với email không định dạng Nhập “họ tên” Hiện thông báo Pass Nhập “mã số “Email chưa sinh viên” định dạng” Nhập email không định dạng (adb2021gmail.c om) Nhập “số điện thoại” Nhấn nút “Lưu” CreateGuid Kiểm tra việc thêm e_04 cộng tác viên nhập thiếu field bắt buộc Nhập “họ tên” Nhập “mã số sinh viên” Nhập “số điện thoại” Nhấn nút “Lưu” Hiện thông báo Pass “Không để trổng” ô nhập email 6.2.2 Chức đăng ký, hủy đăng ký dẫn đoàn Bảng 6.4 Kiểm thử chức đăng ký, hủy đăng ký dẫn đoàn ID Test Case Description Test steps Expected Output Result 120 Registratio n_01 Đăng ký dẫn đồn thành cơng Nhấn nút “Đăng ký” Nhấn nút “Xác nhận” Hiện thông báo “Đăng ký thành công” Nút “Đăng ký” chuyển thành “Đã đăng ký” Pass Registratio n _02 Hủy đăng ký dẫn đoàn thành công Nhấn nút “Đã đăng ký” Nhấn nút “Xác nhận” Hiện thông báo “Hủy thành công” Nút “Đã đăng ký” chuyển thành “Đăng ký” Pass Registratio n _03 Hủy đăng ký dẫn đoàn thất bại Nhấn nút “Đã đăng ký” Nhấn nút “Xác nhận” Hiển thị thông Pass báo “Admin cập nhật trạng thái cộng tác viên” 6.2.3 Chức đăng ký chuyến tham quan quyền giảng viên Bảng 6.5 Kiểm tra chức đăng ký chuyến tham quan quyền giảng viên ID Test Case Description Test steps Expected Output Result CreateTour Kiểm tra việc _01 đăng ký chuyến tham quan thành công Giảng viên điền đầy đủ thông tin chuyến tham quan Giảng viên nhấn nút “Lưu” Hệ thống thông báo Pass “Cập nhật thành công” CreateTour Kiểm tra việc _02 đăng ký chuyến tham quan thất bại Giảng viên điền không đầy đủ thông tin chuyến tham quan Hệ thống thông báo Pass trường liệu không bỏ trống 121 Giảng viên nhấn nút “Lưu” 122 CHƯƠNG KẾT LUẬN 7.1 Kết đạt ● Kỹ làm việc nhóm tốt, kỹ giao tiếp team, phân công công việc làm dự án ngắn ngày ● Kỹ tìm kiếm thông tin, giải pháp mạng cho khúc mắc trình xây dựng đồ án ● 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 ● Xây dựng thành công website quản lý chuyến tham quan mục tiêu đặt 7.2 Ưu điểm nhược điểm 7.2.1 Ưu điểm ● Giao diện đơn giản, bắt mắt, dễ sử dụng giao diện người dùng ● Sử dụng cơng nghệ Website đại, có chia cấu trúc Frontend Backend rõ ràng ● Phần mềm Website có cấu trúc hồn thiện, có khả bảo trì nâng cấp ● Website với chức hoàn thành tốt như: o Website cho phép quản trị viên quản lý (thêm, xóa, sửa) liệu liên quan đến danh mục o 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 ● Về giao diện, nhiều thiếu sót việc thiết kế nên website tương thích với máy tính ● Về chức năng, kinh nghiệm nên việc xử lý số chức hoạt động chưa tốt, xảy lỗi 123 ● Về vấn đề tương tác admin với khách hàng, khơng tích hợp chat box nên khách hàng có cách để phản hồi với admin thông qua email ● Giao diện trang quản lý chưa tối ưu 7.2.3 Khó khăn 7.2.3.1 Cơng nghệ Bảng 7.1 Các khó khăn cơng nghệ STT 7.2.3.2 Khó khăn Khắc phục Cơng nghệ chưa có kinh nghiệm sử Học thêm từ nguồn tài liệu bên dụng google, udemy, … 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 Khách hàng yêu cầu thay đổi Cố gắng tìm giải pháp để hạn chế sửa số nghiệp vụ lại code mà đá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 bản, hỗ trợ tốt 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 quản lý thời gian, thực tốt công việc giao 124 7.4 Hướng phát triển tương lai ⚫ ⚫ ⚫ ⚫ ⚫ Tích hợp thêm chat box để giảng viên, doanh nghiệp, sinh viên, cộng tác viên trị chuyện trực tiếp với admin Thiết kế giao diện phù hợp mobile Cải thiện giao diện quản lý Cải thiện nghiệp vụ nhanh chóng, dễ dàng thao tác Thiết lập song ngữ vào website 125 TÀI LIỆU THAM KHẢO Tiếng Anh [1] Spring framework (n.d.) Spring Retrieved from: https://spring.io/projects/spring-framework [2] Cornellier (2019) Angular (web framework) Retrieved from: https://en.wikipedia.org/wiki/Angular_(web_framework) [3] MongoDB Retrieved from: https://www.mongodb.com/ [4] JWT.IO - JSON web tokens introduction (n.d.) JSON Web Tokens - jwt.io Retrieved from: https://jwt.io/introduction [5] NG-ZORRO Team (n.d.) Angular UI component library NG-ZORRO - Ant Design Of Angular Retrieved from: https://ng.ant.design/docs/introduce/en 126 ... DỰNG WEBSITE QUẢN LÝ THAM QUAN CỦA PHÒNG QUAN HỆ DOANH NGHIỆP TẠI 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ệ, ... 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ý tham quan cho phòng Quan hệ Doanh nghiệp giúp thầy cô dễ dàng quản lý thông tin chuyến tham quan. .. hệ thống Quản lý câu hỏi khảo sát cộng tác viên Quản lý câu hỏi khảo sát doanh nghiệp x Quản lý câu hỏi khảo sát sinh viên x Quản lý chuyến tham quan x Quản lý cộng tác viên x Quản lý doanh nghiệp

Ngày đăng: 05/06/2022, 17:37

Hình ảnh liên quan

Hình 2.5. Cấu trúc Json Web Token - Xây dựng website quản lý tham quan của phòng quan hệ doanh nghiệp tại 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

Hình 2.5..

Cấu trúc Json Web Token Xem tại trang 26 của tài liệu.
Bảng 4.2. Usecase - Xây dựng website quản lý tham quan của phòng quan hệ doanh nghiệp tại 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

Bảng 4.2..

Usecase Xem tại trang 33 của tài liệu.
Hình 4.5. Lược đồ usecase actor Sinh viên - Xây dựng website quản lý tham quan của phòng quan hệ doanh nghiệp tại 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

Hình 4.5..

Lược đồ usecase actor Sinh viên Xem tại trang 40 của tài liệu.
Bảng 4.3. Đặc tả usecase "Xem danh sách lĩnh vực". - Xây dựng website quản lý tham quan của phòng quan hệ doanh nghiệp tại 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

Bảng 4.3..

Đặc tả usecase "Xem danh sách lĩnh vực" Xem tại trang 41 của tài liệu.
Bảng 4.5. Đặc tả usecase "Thay đổi trạng thái lĩnh vực". - Xây dựng website quản lý tham quan của phòng quan hệ doanh nghiệp tại 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

Bảng 4.5..

Đặc tả usecase "Thay đổi trạng thái lĩnh vực" Xem tại trang 42 của tài liệu.
Bảng 4.4. Đặc tả usecase "Cập nhật lĩnh vực". - Xây dựng website quản lý tham quan của phòng quan hệ doanh nghiệp tại 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

Bảng 4.4..

Đặc tả usecase "Cập nhật lĩnh vực" Xem tại trang 42 của tài liệu.
Bảng 4.11. Đặc tả usecase "Xem theo trạng thái đang xử lý" - Xây dựng website quản lý tham quan của phòng quan hệ doanh nghiệp tại 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

Bảng 4.11..

Đặc tả usecase "Xem theo trạng thái đang xử lý" Xem tại trang 46 của tài liệu.
Bảng 4.12. Đặc tả usecase "Xem theo trạng thái sẵn sàng chưa có đợt" - Xây dựng website quản lý tham quan của phòng quan hệ doanh nghiệp tại 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

Bảng 4.12..

Đặc tả usecase "Xem theo trạng thái sẵn sàng chưa có đợt" Xem tại trang 46 của tài liệu.
Bảng 4.13. Đặc tả usecase "Xem theo trạng thái sẵn sàng" - Xây dựng website quản lý tham quan của phòng quan hệ doanh nghiệp tại 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

Bảng 4.13..

Đặc tả usecase "Xem theo trạng thái sẵn sàng" Xem tại trang 47 của tài liệu.
Bảng 4.15. Đặc tả usecase "Upload file quyết định của BGH" - Xây dựng website quản lý tham quan của phòng quan hệ doanh nghiệp tại 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

Bảng 4.15..

Đặc tả usecase "Upload file quyết định của BGH" Xem tại trang 48 của tài liệu.
Bảng 4.14. Đặc tả usecase "Xem theo trạng thái hủy" - Xây dựng website quản lý tham quan của phòng quan hệ doanh nghiệp tại 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

Bảng 4.14..

Đặc tả usecase "Xem theo trạng thái hủy" Xem tại trang 48 của tài liệu.
Bảng 4.16. Đặc tả usecase "Xem danh sách cộng tác viên" - Xây dựng website quản lý tham quan của phòng quan hệ doanh nghiệp tại 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

Bảng 4.16..

Đặc tả usecase "Xem danh sách cộng tác viên" Xem tại trang 49 của tài liệu.
Bảng 4.18. Đặc tả usecase "Xem danh sách sinh viên tham quan" - Xây dựng website quản lý tham quan của phòng quan hệ doanh nghiệp tại 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

Bảng 4.18..

Đặc tả usecase "Xem danh sách sinh viên tham quan" Xem tại trang 50 của tài liệu.
Bảng 4.20. Đặc tả usecase "Import danh sách sinh viên" - Xây dựng website quản lý tham quan của phòng quan hệ doanh nghiệp tại 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

Bảng 4.20..

Đặc tả usecase "Import danh sách sinh viên" Xem tại trang 51 của tài liệu.
21 duongDan string Đường dẫn lưu trữ hình ảnh. - Xây dựng website quản lý tham quan của phòng quan hệ doanh nghiệp tại 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

21.

duongDan string Đường dẫn lưu trữ hình ảnh Xem tại trang 61 của tài liệu.
Bảng 5.10. Mô tả collection hoc-ham - Xây dựng website quản lý tham quan của phòng quan hệ doanh nghiệp tại 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

Bảng 5.10..

Mô tả collection hoc-ham Xem tại trang 64 của tài liệu.
Bảng 5.17. Mô tả collection nganh - Xây dựng website quản lý tham quan của phòng quan hệ doanh nghiệp tại 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

Bảng 5.17..

Mô tả collection nganh Xem tại trang 67 của tài liệu.
Hình 5.12. Màn hình đăng nhập Bảng 5.34. Mô tả màn hình đăng nhập  - Xây dựng website quản lý tham quan của phòng quan hệ doanh nghiệp tại 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

Hình 5.12..

Màn hình đăng nhập Bảng 5.34. Mô tả màn hình đăng nhập Xem tại trang 83 của tài liệu.
khỏi màn hình và chuyển  sang  màn  hình SAP03.  - Xây dựng website quản lý tham quan của phòng quan hệ doanh nghiệp tại 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

kh.

ỏi màn hình và chuyển sang màn hình SAP03. Xem tại trang 97 của tài liệu.
Bảng 5.43. Mô tả màn hình chỉnh sửa danh sách cộng tác viên - Xây dựng website quản lý tham quan của phòng quan hệ doanh nghiệp tại 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

Bảng 5.43..

Mô tả màn hình chỉnh sửa danh sách cộng tác viên Xem tại trang 98 của tài liệu.
khỏi màn hình và chuyển  sang  màn  hình SAP01.  - Xây dựng website quản lý tham quan của phòng quan hệ doanh nghiệp tại 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

kh.

ỏi màn hình và chuyển sang màn hình SAP01. Xem tại trang 98 của tài liệu.
6 Chọn tệp Button Màn hình - Xây dựng website quản lý tham quan của phòng quan hệ doanh nghiệp tại 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

6.

Chọn tệp Button Màn hình Xem tại trang 101 của tài liệu.
Hình 5.26. Màn hình xác nhận đăng ký chuyến Bảng 5.50. Mô tả màn hình xác nhận đăng ký chuyến tham quan  - Xây dựng website quản lý tham quan của phòng quan hệ doanh nghiệp tại 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

Hình 5.26..

Màn hình xác nhận đăng ký chuyến Bảng 5.50. Mô tả màn hình xác nhận đăng ký chuyến tham quan Xem tại trang 109 của tài liệu.
Hình 5.30. Màn hình điểm danh bằng QR code Bảng 5.54. Mô tả màn hình điểm danh bằng QR code  - Xây dựng website quản lý tham quan của phòng quan hệ doanh nghiệp tại 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

Hình 5.30..

Màn hình điểm danh bằng QR code Bảng 5.54. Mô tả màn hình điểm danh bằng QR code Xem tại trang 113 của tài liệu.
Hình 5.31. Màn hình điểm danh nhập liệu - Xây dựng website quản lý tham quan của phòng quan hệ doanh nghiệp tại 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

Hình 5.31..

Màn hình điểm danh nhập liệu Xem tại trang 113 của tài liệu.
màn hình và chuyển sang màn hình SSP01.  - Xây dựng website quản lý tham quan của phòng quan hệ doanh nghiệp tại 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.

àn hình và chuyển sang màn hình SSP01. Xem tại trang 116 của tài liệu.
Bảng 5.59. Mô tả màn hình chính của giảng viên - Xây dựng website quản lý tham quan của phòng quan hệ doanh nghiệp tại 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

Bảng 5.59..

Mô tả màn hình chính của giảng viên Xem tại trang 118 của tài liệu.
màn hình và chuyển sang màn hình SSP01.  - Xây dựng website quản lý tham quan của phòng quan hệ doanh nghiệp tại 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.

àn hình và chuyển sang màn hình SSP01. Xem tại trang 130 của tài liệu.

Tài liệu cùng người dùng

Tài liệu liên quan