Đề tài xây dựng website quản lý và điều hành văn bản trường đại học khoa học huế

ĐẠI HỌC HUẾ TRƯỜNG ĐẠI HỌC KHOA HỌC KHOA CÔNG NGHỆ THƠNG TIN -🙞🙜🕮🙞🙜 - KHỐ LUẬN TỐT NGHIỆP ĐẠI HỌC Đề tài: XÂY DỰNG WEBSITE QUẢN LÝ VÀ ĐIỀU HÀNH VĂN BẢN TRƯỜNG ĐẠI HỌC KHOA HỌC HUẾ SINH VIÊN THỰC HIỆN: NGUYỄN MẠNH HÙNG KHOÁ: TIN K42E – HỆ CHÍNH QUY Huế, 05 – 2022 ĐẠI HỌC HUẾ TRƯỜNG ĐẠI HỌC KHOA HỌC KHOA CÔNG NGHỆ THƠNG TIN -🙞🙜🕮🙞🙜 - KHỐ LUẬN TỐT NGHIỆP ĐẠI HỌC NGÀNH CÔNG NGHỆ THÔNG TIN Đề tài: XÂY DỰNG WEBSITE QUẢN LÝ VÀ ĐIỀU HÀNH VĂN BẢN TRƯỜNG ĐẠI HỌC KHOA HỌC HUẾ SINH VIÊN THỰC HIỆN: NGUYỄN MẠNH HÙNG KHỐ: TIN K42E – HỆ CHÍNH QUY GIÁO VIÊN HƯỚNG DẪN: ThS TRẦN NGUYÊN PHONG Huế, 05 – 2022 LỜI CẢM ƠN Em xin chân thành cảm ơn thầy, cô giáo trường Đại học Khoa học Huế nói chung, thầy Bộ mơn Cơng nghệ phần mềm nói riêng truyền đạt cho em kiến thức lý thuyết thực hành năm học trường Cũng khoảng thời gian ba tháng thực tập Công ty Enclave giúp em học hỏi cải thiện nhiều thứ nhằm đáp ứng phần cho hồn thành khố luận Những kiến thức hành trang quý báu giúp em học hỏi, tiếp tục phát triển thân năm sau Em xin chân thành cảm ơn thầy Trần Nguyên Phong tận tình giúp đỡ, định hướng em trình chọn thực đề tài Những điều giúp em nhiều q trình hồn thành khố luận tốt nghiệp Tuy nhiên, kiến thức chun mơn cịn hạn chế thân em chưa có nhiều kinh nghiệm nên nội dung báo cáo không tránh khỏi thiếu xót Em mong nhận góp ý, bảo thầy cô để báo cáo hoàn thiện Một lần em xin gửi đến thầy cô, bạn bè lời cảm ơn chân thành tốt đẹp nhất! Huế, tháng năm 2022 Sinh viên thực Nguyễn Mạnh Hùng MỤC LỤC CHƯƠNG TỔNG QUAN, LÝ DO LỰA CHỌN VÀ ĐỐI TƯỢNG NGHIÊN CỨU CỦA ĐỀ TÀI 1.1 Tổng quan đề tài 1.2 Lý chọn đề tài 1.3 Đối tượng nghiên cứu phạm vi đề tài CHƯƠNG CÔNG NGHỆ SỬ DỤNG 2.1 React 2.2 Node.js 2.3 Nginx 2.4 Socket.io 2.5 Redis 2.6 MongoDB 2.7 Restful API 2.8 Amazon Elastic Compute Cloud (EC2) 2.9 Amazon Simple Storage Service (Amazon S3) CHƯƠNG PHÂN TÍCH VÀ THIẾT KẾ 3.1 Mơ hình nghiệp vụ 3.2 Mơ hình phần rã chức 3.3 Mơ hình triển khai hệ thống 3.4 Thiết kế chức 3.4.1 Tác nhân hệ thống 3.4.2 Biểu đồ Use Case 3.4.3 Đặc tả Use Case 10 3.4.4 Biểu đồ hoạt động 16 3.4.5 Thiết kế sở liệu 19 3.4.6 Thiết kế giao diện 22 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 44 DANH MỤC ẢNH Hình Sơ đồ mơ hình nghiệp vụ Hình 2 Mơ hình triển khai hệ thống Hình Use Case Người dùng 13 Hình Use Case quản trị viên 14 Hình 3 Use Case người xem 14 Hình Biểu đồ hoạt động tìm kiếm văn 21 Hình Biểu đồ hoạt động xử lý văn 22 Hình Biểu đồ hoạt động chuyển tiếp văn 23 Hình Biểu đồ hoạt động thu hồi văn 24 Hình Biểu đồ hoạt động ban hành văn 25 Hình Thiết kế sở liệu 26 Hình 10 Thiết kế hình đăng nhập 29 Hình 11 Thiết kế hình danh sách văn 31 Hình 12 Thiết kế hình chi tiết văn (1) 32 Hình 13 Thiết kế hình chi tiết văn (2) 32 Hình 14 Thiết kế hình chi tiết văn (3) 33 Hình 15 Thiết kế hình chi tiết văn (4) 33 Hình 16 Thiết kế hình chi tiết văn (5) 33 Hình 17 Thiết kế hình chi tiết văn (6) 34 Hình 18 Thiết kế hình lọc tìm kiếm văn 35 Hình 19 Thiết kế hình văn đến 37 Hình 20 Thiết kế hình văn gửi 38 Hình 21 Ban hành văn (1) 39 Hình 22 Ban hành văn (2) 40 Hình 23 Ban hành văn (3) 40 Hình 24 Ban hành văn (4) 40 Hình 25 Ban hành văn (6) 41 Hình 26 Ban hành văn (7) 41 Hình 27 Thiết kế hình xử lý văn (1) 44 Hình 28 Thiết kế hình xử lý văn (2) 44 Hình 29 Thiết kế hình chuyển tiếp văn 45 Hình 30 Thiết kế hình thêm phong/ban 47 Hình 31 Thiết kế hình Thêm loại văn 48 Hình 32 Thiết kế hình thêm quan ban hành 49 DANH MỤC BẢNG BIỂU Bảng Đặc tả Collection Agencies 26 Bảng Đặc tả Collection TypesOfDocuments 26 Bảng 3 Đặc tả Collection Departments 27 Bảng Đặc tả Collection UrgentLevels 27 Bảng Đặc tả Collection Categories 27 Bảng Đặc tả Collection Users 28 Bảng Đặc tả Collection Documents 28 Bảng Đặc tả Collection Conversations 28 Bảng Đặc tả Collection Messages 29 Bảng 10 Đặc tả chi tiết hình đăng nhập đăng ký 31 Bảng 11 Đặc tả chi tiết danh sách văn 32 Bảng 12 Đặc tả chi tiết văn 35 Bảng 13 Đặc tả lọc tìm kiếm văn 37 Bảng 14 Đặc tả danh sách văn đến 38 Bảng 15 Đặc tả danh sách văn gửi 39 Bảng 16 Đặc tả chi tiết ban hành văn 43 Bảng 17 Đặc tả chi tiết xử lý văn 45 Bảng 18 Đặc tả chi tiết chuyển tiếp văn 46 Bảng 19 Đặc tả chi tiết Thêm phòng/ban 48 Bảng 20 Đặc tả chi tiết thêm loại văn 49 Bảng 21 Đặc tả chi tiết thêm quan ban hành 50 CHƯƠNG TỔNG QUAN, LÝ DO LỰA CHỌN VÀ ĐỐI TƯỢNG NGHIÊN CỨU CỦA ĐỀ TÀI 1.1 Tổng quan đề tài ● Hiện việc tra cứu tìm kiếm văn website cung cấp nhà trường cịn nhiều khó khăn việc tìm văn mong muốn cách nhanh chóng ● Việc ban hành điều hành văn thực qua Email Điều tránh trường hợp khơng mong muốn Email người nhận dùng để nhận Email từ bên trường nên dẫn đến việc Email chứa văn mong muốn bị đẩy xuống Điều không xảy thường xuyên trở ngại sau Ngồi việc gửi nhận văn thơng qua Email người nhận đọc xử lý yêu cầu văn hay chưa? Điều thực khó khăn không nhỏ việc gửi, nhận, theo dõi văn thông qua Email 1.2 Lý chọn đề tài ● Theo tình hình thực tế việc tra cứu quản lý văn trường nhiều hạn chế ● Được giúp đỡ hướng dẫn giảng viên hướng dẫn phần lớn giúp em định lựa chọn đề tài 1.3 Đối tượng nghiên cứu phạm vi đề tài ● Đối tượng nghiên cứu: Tra cứu điều hành văn trường Đại học Khoa học Huế ● Phương pháp nghiên cứu: Lấy ý kiến giảng viên trực tiếp hướng dẫn để hoàn thiện mặt nội dung hình thức khố luận ● Phạm vi: Trường Đại học Khoa học Huế CHƯƠNG CÔNG NGHỆ SỬ DỤNG 2.1 React ● React thư viện mã nguồn mở phát triển Meta (trước Facebook), mắt vào năm 2013, thân thư viện JavaScript dùng để xây dựng tương tác với thành phần website [1] b Đặc tả hình Màn hình Mơ tả Văn đến Giao diện cho phép người dùng xem danh sách văn gửi đến Truy cập Ở hình trang chủ bảng điều khiển Chọn văn đến Nội dung hình Tên Tiêu đề Kiểu Avatar Tóm tắt văn Tất Checkbox Chưa xử lý Checkbox Đã xử lý Checkbox Hành động Tên Tất Đã xử lý Mô tả Khi người dùng chọn vào tất hệ thống hiển thị danh sách tất văn gửi đến không phân biết xử lý hay chưa xử lý Khi người dùng chọn vào xử lý hệ thống hiển thị danh sách tất văn gửi đến mà xử lý Dữ liệu Mô tả Tiêu để văn danh sách văn Avatar người ban hành văn danh sách văn Tòm tắt văn danh sách tất văn Hiển thị tất văn đến Lọc văn theo văn chưa xử lý Lọc văn theo văn xử lý Thành công Thất bại Hiển thị danh sách tất văn gửi đến Hiển thị danh sách văn gửi đến mà xử lý Chưa xử lý Khi người dùng chọn vào Hiển thị danh chưa xử lý hệ thống sách văn hiển thị danh sách tất gửi đến văn gửi đến mà chưa mà chưa xử lý xử lý Bảng 14 Đặc tả danh sách văn đến ❖ Văn gửi a Thiết kế hình Hình 20 Thiết kế hình văn gửi b Đặc tả hình Màn hình Mô tả Truy cập Văn gửi Giao diện cho hiển thị danh sách văn gửi Ở hình trang chủ hình bảng điều khiển Chọn văn gửi Nội dung hình Tên Tiêu đề Kiểu Avatar Tóm tắt văn Gửi đến Hành động Tên Mô tả Dữ liệu Mô tả Tiêu để văn danh sách văn Avatar người ban hành văn danh sách văn Tòm tắt văn danh sách tất văn Danh sách người nhận văn Thành công Thất bại Bảng 15 Đặc tả danh sách văn gửi ❖ Ban hành văn a Thiết kế hình Hình 21 Ban hành văn (1) Hình 22 Ban hành văn (2) Hình 23 Ban hành văn (3) Hình 24 Ban hành văn (4) Hình 3.1 Ban hành văn (5) Hình 25 Ban hành văn (6) Hình 26 Ban hành văn (7) b Đặc tả hình Màn hình Mơ tả Truy cập Ban hành văn Giao diện cho phép Quản trị viên ban hành văn Quản trị viên đăng nhập vào hệ thống Chọn ban hành văn Nội dung hình Tên Loại văn Kiểu Select Chuyên mục Select Cơ quan ban hành Số hiệu văn Độ khẩn Select Ngày ban hành Người ký Date picker Tiêu đề Input Văn tải lên Tóm tắt Radio Input Select Input Input Dữ liệu Mô tả Chọn loại văn ban hành Chọn chuyên mục văn ban hành Chọn quan ban hành văn ban hành Nhập vào số hiệu văn văn ban hành Chọn độ khẩn văn ban hành Chọn ngày ban hành văn Nhập người ký văn ban hành Nhập tiêu đề văn ban hành Chọn văn tải lên từ tệp nhập vào Tóm tắt văn ban hành Nội dung Input Danh sách tệp đính kèm File Văn liên quan Người nhận văn Checkbox Ban hành Button Lưu nháp Button Quay lại Button Hành động Tên Ban hành Lưu nháp Checkbox Mô tả Nội dung văn banh hành Nếu chọn văn tải lên từ tệp chọn tệp đính kèm Chọn văn liên quan đến văn ban hành Chọn người nhận văn ban hành văn ban hành chế độ nội Nếu để trống văn ban hành công khải Nút ban hành văn với thông tin vừa nhập Nút lưu nháp thông tin vừa nhập Giúp người dùng quay lại bước trước Thành công Thất bại Khi quản trị viên chọn Hiển thơng Nếu có nội dung có vào ban hành, hệ thơng giao diện dấu * để trống kiểm tra tính hợp lệ thành công thông báo ‘’Không thể liệu để trống trường có Nếu liệu hợp lệ gửi dấu *” yêu cầu ban hành văn Nếu có lỗi xảy gửi lên server server lưu yêu cầu ban hành văn liệu vào database lên server thông Ngược lại báo lỗi báo lỗi tương ứng Khi người dùng kích vào Hiển thị Nếu có lỗi xảy gửi nút Lưu nháp hệ hình lưu vào yêu cầu lưu văn thống gửi yêu cầu lưu chế độ nháp chế độ nháp lên server thông tin nhập lên thành công thông báo lỗi tương server Nếu q trình ứng khơng xảy lỗi hiển thị lưu vào chế độ nháp thành công Ngược lại hiển thị thông báo lỗi Bảng 16 Đặc tả chi tiết ban hành văn ❖ Xử lý văn a Thiết kế hình Hình 27 Thiết kế hình xử lý văn (1) Hình 28 Thiết kế hình xử lý văn (2) b Đặc tả hình Màn hình Mơ tả Xử lý văn Giao diện cho phép người nhận văn thông báo với người xử lý (danh sách người liên quan đến văn bản) xem thực yêu cầu văn bản) Truy cập Đăng nhập vào website Tại hình Chọn văn đến Chọn văn cần xử lý Chọn báo cáo xử lý Tiếp tục chọn hoàn thành để tồn tất xử lý Nội dung hình Tên Báo cáo xử lý Kiểu Button Dữ liệu Mô tả Thông báo với người xử lý xứ lý văn Hoàn thành Huỷ Hành động Tên Button Button Mơ tả Xác nhận hồn tất q trình Huỷ bỏ q trình thơng báo xử lý Thành cơng Thất bại Hoàn thành Khi người dùng chọn Hiển thị Nếu có lỗi gửi u hồn thành, hệ thống thơng báo xử cầu lên server thơng thơng báo cho người lý văn báo lỗi tương ứng xử lý xử thành công lý văn Ngược lại thông báo lỗi Huỷ Khi người dùng kích vào Trở lại giao nút huỷ, hệ thống trở diện chi tiết giao diện chi tiết văn văn bản Bảng 17 Đặc tả chi tiết xử lý văn ❖ Chuyển tiếp văn a Thiết kế hình Hình 29 Thiết kế hình chuyển tiếp văn b Đặc tả hình Màn hình Chuyển tiếp văn Mơ tả Giao diện cho phép người nhận văn chuyển tiếp văn nhập cho người khác hệ thống Truy cập Đăng nhập vào website Tại hình Chọn văn đến Chọn văn cần chuyển Chọn chuyển tiếp Chọn người nhận Nhấp chuyến tiếp để gửi Nội dung hình Tên Danh sách người nhận văn Chọn người nhận Chuyển tiếp Hành động Tên Đóng Chuyển tiếp Kiểu Table Dữ liệu Checkbox Button Mơ tả Mơ tả Danh sách người nhận văn Chọn người nhận Nút chuyến tiếp văn Thành cơng Thất bại Khi người dùng kích vào Trở giao nút Đóng, hệ thống trở diện chi tiết giao diện chi tiết văn văn bản Khi người dùng kích vào Hiển thị Nếu có lỗi gửi yêu nút chuyển tiếp, hệ thống thông báo cầu lên server thơng gửi văn đến người chuyển tiếp báo lỗi tương ứng nhận thêm văn thành người nhận vào cơng người liên quan đến văn Nếu thành công hiển thị thông báo chuyển tiếp thành công, ngược lại thông báo lỗi Bảng 18 Đặc tả chi tiết chuyển tiếp văn ❖ Thêm phong/ban a Thiết kế hình Hình 30 Thiết kế hình thêm phong/ban b Đặc tả hình Màn hình Mơ tả Truy cập Thêm phong/ban Giao diện cho phép quản trị viên thêm phịng ban Tại hình điều khiển danh cho quản trị viên Chọn Quản lý phòng ban Tại giao diên danh sách phòng/ban Chọn Thêm Nội dung hình Tên Tên phong/ban Đóng Thêm Hành động Tên Đóng Thêm Kiểu Input Dữ liệu String Button Button Mơ tả Nhập vào tên phịng/ban cần thêm Nút hủy thêm Nút thêm phịng/ban Mơ tả Thành cơng Khi người dùng kích vào nút Đóng, hệ thống trở giao diện danh phòng/ban Khi người dùng kích vào nút Thêm mới, hệ thống kiểm tra tính hợp lệ liệu vừa nhập khơng có lỗi Gửi yêu cầu Trở giao diện danh phịng/ban Hiển thị thơng báo thêm phịng/ban thành cơng Thất bại - Nếu tên phịng/ban trống thơng báo “Tên phong/ban khơng trống” thêm phịng/ban với - Nếu có lỗi gửi thơng tin vừa nhập Nếu u cầu lên server thành cơng hiển thị thơng thơng báo lỗi tương báo thêm thành công, ứng ngược lại thông báo lỗi Bảng 19 Đặc tả chi tiết Thêm phòng/ban ❖ Thêm loại văn a Thiết kế hình Hình 31 Thiết kế hình Thêm loại văn b Đặc tả hình Màn hình Mơ tả Truy cập Thêm loại văn Giao diện cho phép quản trị viên thêm loại văn Tại hình điều khiển danh cho quản trị viên Chọn Quản lý loại văn Tại giao diên danh sách loại văn Chọn Thêm Nội dung hình Tên Tên loại văn Đóng Kiểu Input Button Thêm Button Hành động Tên Thêm Mơ tả Khi người dùng kích vào nút Thêm mới, hệ thống kiểm tra tính hợp lệ liệu vừa nhập Dữ liệu String Mô tả Nhập tên loại văn Nút hủy thêm loại văn vừa nhập Nút thêm loại văn vừa nhập Thành công Thất bại Hiển thị thông báo thêm loại văn thành công Nếu tên loại văn trống thơng báo “Tên loại văn khơng trống” Đóng khơng có lỗi Gửi u cầu - Nếu có lỗi gửi thêm loại văn với u cầu lên server thơng tin vừa nhập Nếu thông báo lỗi tương thành công hiển thị thông ứng báo thêm thành công, ngược lại thông báo lỗi Khi người dùng kích vào Trở giao nút Đóng, hệ thống trở diện danh giao diện danh loại loại văn văn Bảng 20 Đặc tả chi tiết thêm loại văn ❖ Thêm quan ban hành a Thiết kế hình Hình 32 Thiết kế hình thêm quan ban hành b Đặc tả hình Màn hình Mô tả Thêm quan ban hành Giao diện cho phép quản trị viên thêm quan ban hành văn Truy cập Tại hình điều khiển danh cho quản trị viên Chọn Quản lý loại quan ban hành Tại giao diên danh sách quan ban hành Chọn Thêm Nội dung hình Tên Tên quan ban hành Kiểu Input Dữ liệu Mô tả Nhập vào tên quan ban hành Thêm Button Đóng Button Hành động Tên Thêm Mơ tả Nút thêm quan ban hành vừa nhập Nút huỷ thêm quan ban hành vừa nhập Thành cơng Thất bại Khi người dùng kích vào Hiển thị thông Nếu tên quan ban nút Thêm mới, hệ thống báo thêm hành trống thơng kiểm tra tính hợp lệ quan ban báo “Tên quan ban liệu vừa nhập hành thành hành văn khơng khơng có lỗi Gửi u cầu công trống” thêm loại quan ban - Nếu có lỗi gửi hành với thơng tin vừa u cầu lên server nhập Nếu thành cơng thơng báo lỗi tương hiển thị thông báo thêm ứng thành công, ngược lại thông báo lỗi Bảng 21 Đặc tả chi tiết thêm quan ban hành KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN ❖ Kết đạt - Xây dựng website “Quản lý điều hành văn bản” - Biết cách xây dựng Restful API với Node.js, triển khai lên máy thực tế - Trong q trình giải tốn mang lại cho em nhiều kinh nghiệm khả phân tích thực dự án - Biết cách sử dụng số dịch vụ Web Services Amazon ❖ Hạn chế - Giao diện cịn nhiều thiếu sót cảm thấy chưa mạch lạc thông - Website chưa hồn thiện trọn vẹn cịn tồn phát sinh nhiều vấn đề việc phát triển sau ❖ Hướng phát triển tương lai - Cải tiến hoàn thiện chức chưa hoàn chỉnh - Cải tiến giao diện điểm chưa hợp lý - Tích hợp đăng nhập thơng qua tài khoản nhà trường - Hỗ trợ thiết bị di động DANH MỤC TÀI LIỆU THAM KHẢO 1] React, "Introducing React," 13 05 2022 [Online] Available: https://reactjs.org/ 2] React, "Introducing React," 13 05 2022 [Online] Available: https://reactjs.org/ 3] Wikipedia, "Node.js," 13 https://vi.wikipedia.org/wiki/Node.js 4] Express, "Introducing Express," 13 05 2022 [Online] Available: https://expressjs.com/ 5] 05 2022 [Online] Available: H G, "NGINX gì? Nó hoạt động nào?," 24 05 2022 [Online] Available: https://www.hostinger.vn/huong-dan/nginx-la-gi-no-hoat-dong-nhu-the-nao 6] freetuts.net, "Socket.io gì? Giới thiệu Socket.io," 24 05 2022 [Online] Available: https://freetuts.net/gioi-thieu-ve-socketio-2245.html 7] vietnix, "Redis gì? Tồn ưu điểm Redis mang lại," 24 05 2022 [Online] Available: https://vietnix.vn/redis-la-gi/ 8] Wikipedia, "MongoDB," 14 05 https://en.wikipedia.org/wiki/MongoDB 9] 2022 [Online] Available: viettranx, "REST API gì? Cách thiết kế REST API bạn chưa biết," 24 05 2022 [Online] Available: https://200lab.io/blog/rest-api-la-gi-cach-thiet-ke-rest-api/ AWS, "Bắt đầu với Amazon EC2," 14 05 2022 [Online] Available: 10] https://aws.amazon.com/vi/ec2/getting-started/ AWS, "Câu hỏi thường gặp Amazon S3," 14 05 2022 [Online] 11] Available: https://aws.amazon.com/vi/s3/faqs/