Xây dựng hệ thống quản lý cơ sở vật chất trường đại học bằng QR CODE

MỤC LỤC Trang PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN i PHIẾU NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN ii LỜI CẢM ƠN iii ĐỀ CƯƠNG LUẬN VĂN TỐT NGHIỆP iv MỤC LỤC vii DANH MỤC CÁC HÌNH ẢNH, BIỂU ĐỒ DANH MỤC BẢNG BIỂU x xii PHẦN MỞ ĐẦU 1 Tính cấp thiết đề tài Mục đích đề tài Cách tiếp cận phương pháp nghiên cứu 3.1 Đối tượng nghiên cứu 3.2 Phương pháp nghiên cứu PHẦN NỘI DUNG CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 1.1 Tổng quan công nghệ 1.1.1 Ngôn ngữ React Native [1] 1.1.2 Ngôn ngữ ExpressJS [2] 1.1.3 Ngôn ngữ Angular [3] 1.1.4 Ngôn ngữ NodeJS [4] 1.1.5 Hệ quản trị sở liệu MongoDB [5] 1.2 Tổng quan QR code vii 1.2.1 Khái niệm mã QR [6] 1.2.2 So sánh khác QR code mã vạch truyền thống 1.2.3 Những ứng dụng mã QR đời sống 1.2.4 Cấu trúc QR code CHƯƠNG 2: KHẢO SÁT HIỆN TRẠNG VÀ XÁC ĐỊNH YÊU CẦU 2.1 Khảo sát trạng 2.2 Xác định yêu cầu 10 2.3 Mô tả chức 11 2.3.1 Mô tả tác nhân 11 2.3.2 Mô tả chức 11 2.3.3 Mơ tả phi chức 12 2.4 Lược đồ usecase 13 2.5 Mô tả usecase 14 2.5.1 Usecase chung 14 2.5.2 Usecase quản lý 15 2.5.3 Usecase quản trị viên (admin) 16 CHƯƠNG 3: THIẾT KẾ PHẦN MỀM 3.1 21 Thiết kế hệ thống 21 3.1.1 Lược đồ lớp 21 3.1.2 Lược đồ 22 3.2 Thiết kế sở liệu 32 3.2.1 Lược đồ sở liệu 32 3.2.2 Mô tả bảng thuộc tính 33 3.2.3 Danh sách chi tiết mô tả bảng 33 viii 3.3 Thiết kể giao diện 36 3.3.1 Giao diện trang quản trị viên 36 3.3.2 Giao diện trang quản lý 49 CHƯƠNG 4: CÀI ĐẶT VÀ KIỂM THỬ 4.1 65 Cài đặt 65 4.1.1 Ngơn ngữ lập trình: 65 4.1.2 Các công nghệ sử dụng: 65 4.2 Kiểm thử 65 4.2.1 Kiểm thử hệ thơng phía app: 65 4.2.2 Kiểm thử hệ thống phía client: 68 KẾT LUẬN 70 KẾT QUẢ ĐẠT ĐƯỢC 70 ƯU ĐIỂM CỦA ĐỀ TÀI 70 HẠN CHẾ CỦA ĐỀ TÀI 70 HƯỚNG PHÁT TRIỂN 71 DANH MỤC TÀI LIỆU THAM KHẢO 72 PHỤ LỤC 73 ix DANH MỤC CÁC HÌNH ẢNH, BIỂU ĐỒ Hình 3.1 Lược đồ cho chức quản lý tài khoản 21 Hình 3.2 Lược đồ cho chức quản lý tài khoản 21 Hình 3.3 Lược đồ chức Đăng nhập .22 Hình 3.4 Lược đồ chức Đăng xuất 22 Hình 3.5 Lược đồ chức Đổi mật 23 Hình 3.6 Lược đồ chức Xem danh sách vật tư cấp phát 24 Hình 3.7 Lược đồ chức Đánh giá vật tư cấp phát 25 Hình 3.8 Lược đồ chức Gửi yêu cầu cấp phát thêm vật tư 26 Hình 3.9 Lược đồ chức Thêm thiết bị 27 Hình 3.10 Lược đồ chức Xóa thiết bị 28 Hình 3.11 Lược đồ chức Cấp phát thiết bị 29 Hình 3.12 Lược đồ chức Xác nhận cấp phát thiết bị 30 Hình 3.13 Lược đồ chức Thu hồi thiết bị 31 Hình 14 Lược đồ sở liệu 32 Hình 3.15 Giao diện trang admin – đăng nhập 36 Hình 3.16 Giao diện trang admin – thông tin cá nhân .37 Hình 3.17 Giao diện trang admin – quản lý tài khoản .38 Hình 3.18 Giao diện trang admin – thêm tài khoản 39 Hình 3.19 Giao diện trang admin – pop-up sửa tài khoản 40 Hình 3.20 Giao diện trang admin – pop-up xóa tài khoản 40 Hình 3.21 Giao diện trang admin – xem danh sách thiết bị .41 Hình 3.22 Giao diện trang admin – thêm thiết bị 42 Hình 3.23 Giao diện trang admin – pop-up xóa thiết bị 43 Hình 3.24 Giao diện trang admin – cấp phát thiết bị 43 Hình 3.25 Giao diện trang admin – loại thiết bị 44 Hình 3.26 Giao diện trang admin – pop-up thêm loại thiết bị 45 Hình 3.27 Giao diện trang admin – thiết bị cấp phát – tab yêu cầu cấp phát 45 Hình 3.28 Giao diện trang admin – thiết bị cấp phát – tab thiết bị cấp phát .46 x Hình 3.29 Giao diện trang admin – thiết bị cấp phát – tab thiết bị thu hồi .47 Hình 3.30 Giao diện trang admin – sửa cấp phát thiết bị 48 Hình 3.31 Giao diện app quản lý – đăng nhập 49 Hình 3.32 Giao diện app quản lý – danh sách loại thiết bị 50 Hình 3.33 Giao diện app quản lý – danh sách thiết bị loại 51 Hình 3.34 Giao diện app quản lý – chi tiết thiết bị 52 Hình 3.35 Giao diện app quản lý – cấp phát thiết bị 53 Hình 3.36 Giao diện app quản lý – báo cáo thiết bị 54 Hình 3.37 Giao diện app quản lý – yêu cầu cấp phát thiết bị .55 Hình 3.38 Giao diện app quản lý – đăng nhập 56 Hình 3.39 Giao diện app quản lý – thiết bị thu hồi .57 Hình 3.40 Giao diện app quản lý – tất thiết bị loại 58 Hình 3.41 Giao diện app quản lý – thiết bị tìm kiếm theo phịng .59 Hình 3.42 Giao diện app quản lý – chi tiết thiết bị cấp phát 60 Hình 3.43 Giao diện app quản lý – đánh giá thiết bị 61 Hình 3.44 Giao diện app quản lý – cấp phát lại thiết bị 62 Hình 3.45 Giao diện app quản lý – quét mã QR 63 Hình 3.46 Giao diện app quản lý – quản lý tài khoản .64 xi DANH MỤC BẢNG BIỂU Bảng 2.1 Bảng mô tả tác nhân 11 Bảng 2.2 Bảng mô tả chức 11 Bảng 2.3 Mô tả chức 12 Bảng 2.4 Mô tả Usecase đăng nhập 14 Bảng 2.5 Mô tả Usecase đăng xuất 14 Bảng 2.6 Mô tả Usecase đổi mật 14 Bảng 2.7 Mô tả Usecase xem danh sách vật tư cấp phát 15 Bảng 2.8 Mô tả Usecase đánh giá vật tư cấp phát 15 Bảng 2.9 Mô tả Usecase gửi yêu cầu cấp phát thêm vật tư .15 Bảng 2.10 Mô tả Usecase gửi yêu cầu thu hồi vật tư .16 Bảng 2.11 Mô tả Usecase xem quản lý loại thiết bị, quản lý thiết bị, cấp phát 16 Bảng 2.12 Mô tả Usecase thêm thiết bị .16 Bảng 2.13 Mô tả Usecase sửa thiết bị 17 Bảng 2.14 Mô tả Usecase xóa thiết bị 17 Bảng 2.15 Mô tả Usecase Cấp phát thiết bị .18 Bảng 2.16 Mô tả Usecase Xác nhận cấp phát thiết bị vật tư .18 Bảng 2.17 Mơ tả Usecase Xóa u cấp phát thiết bị vật tư .18 Bảng 2.18 Mô tả Usecase Thu hồi thiết bị 19 Bảng 2.19 Mô tả Usecase xem đánh giá thiết bị 19 Bảng 2.20 Mô tả Usecase xem chi tiết thiết bị 19 Bảng 3.1 Bảng diễn giải bảng liệu 33 Bảng 3.2 Bảng users 33 Bảng 3.3 Bảng facilities .34 Bảng 3.4 Bảng facilitiestypes 34 Bảng 3.5 Bảng units 34 Bảng 3.6 Bảng rooms 34 Bảng 3.7 Bảng loanfacilities 35 Bảng 3.8 Bảng vote 35 Bảng 4.2 Bảng kiểm thử số chức ứng dụng 65 Bảng 4.3 Bảng kiểm thử số chức web 68 xii PHẦN MỞ ĐẦU PHẦN MỞ ĐẦU Tính cấp thiết đề tài Hiện việc quản lý toàn sở vật chất trường Đại học diễn khó khăn, chậm chạp, trễ tiến độ hiệu công việc không cao phần lớn xử lý người mà khơng có phương pháp cơng nghệ hỗ trợ Việc mua thêm hay loại bỏ vật tư, nhân viên có nhiệm vụ kiểm kê, cập nhật vào sổ sách Các công đoạn nhập – kiểm kê – xuất – kiểm kê Quy trình này lặp lặp lại khiến người quản lý nhiều công sức để kiểm kê vật tư nhiều lần và việc nhập liệu tay khiến rủi ro sai sót là điều khó tránh khỏi Việc thất lạc, thừa thải hay sử dụng vật chất không hiểu quả, tối ưu thường xuyên diễn không nắm hết tình trạng sở vật chất trường Việc ứng dụng công nghệ để tối ưu thời gian, chi phí và độ xác cao nhiệm vụ hàng đầu phòng quản lý sở vật chất Và công nghệ là mã QR hướng tới sử dụng ngày nhiều hơn, tính ưu việt Mã QR coi cơng cụ hữu ích giúp phịng quản lý sở vật chất sử dụng điện thoại thông minh (smartphone) để quản lý vật tư cách nhanh chóng dễ dàng Nhận thấy điều này, đề tài: “Xây dựng hệ thống quản lý sở vật chất trường đại học QR” thực nhằm mục đích giúp cho cơng tác quản lý sở vật chất diễn cách trôi chảy và dễ dàng tạo điều kiện tốt cho phòng ban hoạt động hiệu và giảm thiểu mát tiết kiệm ngân sách Mục đích đề tài - Tìm hiểu xây dựng ứng dụng di động cơng nghệ React Native, MEAN Stack - Tìm hiểu QR code - Xây dựng hệ thống quản lý sở vật chất trường đại học QR code hoàn chỉnh PHẦN MỞ ĐẦU Vận dụng công nghệ phần mềm, website, công nghệ xây dựng - website quản lý với: NodeJS, AngularJS ExpressJS Tìm hiểu vận dụng sở liệu MongoDB, đem lại hiệu cao - Cách tiếp cận phương pháp nghiên cứu 3.1 Đối tượng nghiên cứu - Nghiên cứu và sử dụng ngôn ngữ React Native để xây dựng app - Nghiên cứu và sử dụng thư viện NodeJS, AngularJS, ExpressJS để xây dựng website quản lý Sử dụng hệ quản trị sở liệu MongoDB để xây dựng database lưu trữ liệu - 3.2 Phương pháp nghiên cứu - Phương pháp tổng hợp lý thuyết: Nghiên cứu tìm hiểu tài liệu, ứng dụng liên quan đến công nghệ tìm hiểu - Phương pháp chuyên gia: Tham khảo ý kiến thầy hướng dẫn anh chị, bạn bè có kinh nghiệm liên quan đến vấn đề tiểu luận tạo độ xác khoa học cho đề tài - Phương pháp mơ hình hóa: Mơ ứng dụng bước từ thiết kế cài đặt cho đến kết thành phẩm ứng dụng CHƯƠNG 1: CƠ SỞ LÝ THUYẾT PHẦN NỘI DUNG CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 1.1 Tổng quan công nghệ 1.1.1 Ngôn ngữ React Native [1] React Native ngơn ngữ lập trình sử dụng để xây dựng ứng dụng di động Nếu muốn sử dụng React Native để xây dựng ứng dụng iOS Android bạn cần sử dụng ngơn ngữ lập trình JavaScript Mục đích việc sử dụng React Native giúp lập trình viên khắc phục điểm yếu ứng dụng web Cho nên, cần thành thạo JavaScript bạn chiến đấu mặt trận web Chính mà người lập trình viên tiết kiệm nhiều thời gian cơng sức Hơn hết, cịn giúp doanh nghiệp sử dụng nhân lựa phát triển sản phẩm đầu cuối 1.1.2 Ngôn ngữ ExpressJS [2] Là web application framework cho NodeJS, cung cấp tính mạnh mẽ cho việc xây dựng ứng dụng web nghĩa lai Là framework phổ biến và sử dụng rộng rãi NodeJS, xây dựng cấu trúc ngữ pháp Sinatra Ý tưởng đằng sau Ex-pressJS là đưa đến framework nhẹ, dễ dàng tiếp cận để phát triển ứng dụng web từ nhỏ đến lớn hay hybrid 1.1.3 Ngôn ngữ Angular [3] Là JavaScript Framework tạo để xây dựng ứng dụng web động (dynamic web app), thường sử dụng để tạo ứng dụng trang (Single Page Application - SPA) Và hoạt động dựa việc mở rộng thêm thuộc tính (attribute) cho thẻ HTML (Các thuộc tính theo quy tắc Angular) AngularJS tảng miễn phí và hàng ngàn lập trình viên thế giới ưa chuộng 1.1.4 Ngôn ngữ NodeJS [4] Là tảng cho việc viết ứng dụng JavaScript phía server, khơng giống JavaScript thường viết trình duyệt Với ngôn ngữ JavaScript CHƯƠNG 1: CƠ SỞ LÝ THUYẾT tảng nhập xuất bất đồng bộ, tảng mạnh mẽ để phát triển ứng dụng thời gian thực 1.1.5 Hệ quản trị sở liệu MongoDB [5] - Là sở liệu dạng NoSQL Đặc điểm khơng ràng buộc (nonrelational), phân tán (distributed), mã nguồn mở (open source), khả co giản theo chiều ngang (Horizontal scalable) lưu trữ, xử lý từ lượng nhỏ liệu cực lớn, lên đến hàng petabytes liệu hệ thống cần có độ chịu tải, chịu lỗi cao với yêu cầu tài nguyên phần cứng thấp - Lợi thế MongoDB: ▪ Ít Schema hơn: MongoDB là sở liệu dựa Document, Collection giữ Document khác Số trường, nội dung kích cỡ Document khác với Document khác ▪ Cấu trúc đối tượng rõ ràng ▪ Không có Join phức tạp ▪ Khả truy vấn sâu MongoDB hỗ trợ truy vấn động Document sử dụng ngôn ngữ truy vấn dựa Document mà mạnh mẽ SQL ▪ MongoDB dễ dàng để mở rộng ▪ Việc chuyển đổi/ánh xạ đối tượng ứng dụng đến đối tượng sở liệu không cần thiết ▪ Sử dụng nhớ nội để lưu giữ phần công việc, giúp truy cập liệu nhanh - Đặc điểm MongoDB: • Kho lưu định hướng Document: Dữ liệu lưu tài liệu kiểu JSON • Lập mục thuộc tính • Các truy vấn đa dạng • Cập nhật nhanh CHƯƠNG 3: THIẾT KẾ PHẦN MỀM 3.3.2.10 Giao diện tất thiết bị loại Hình 3.40 Giao diện app quản lý – tất thiết bị loại Mô tả chi tiết: Bảng 3.34 Bảng mô tả giao diện app quản lý – tất thiết bị loại STT Thành phần Diễn giải Navigation Quay lại màn hình trước View Dẫn tới hình xem chi tiết thiết bị 58 CHƯƠNG 3: THIẾT KẾ PHẦN MỀM 3.3.2.11 Giao diện thiết bị tìm kiếm theo phịng Hình 3.41 Giao diện app quản lý – thiết bị tìm kiếm theo phịng Mô tả chi tiết: Bảng 3.35 Bảng mô tả giao diện app quản lý – thiết bị tìm kiếm theo phòng STT Thành phần Diễn giải Navigation Quay lại trang trước RNPickerSelect Chọn phịng muốn hiển thị danh sách thiết bị View Dẫn tới hình xem chi tiết thiết bị 59 CHƯƠNG 3: THIẾT KẾ PHẦN MỀM 3.3.2.12 Giao diện chi tiết thiết bị cấp phát Hình 3.42 Giao diện app quản lý – chi tiết thiết bị cấp phát Mô tả chi tiết: Bảng 3.36 Bảng mô tả giao diện app quản lý – chi tiết thiết bị cấp phát STT Thành phần Diễn giải Navigation Quay lại màn hình trước RNPickerSelect Chọn quản lý RNPickerSelect Chọn phòng Input Nhập ghi OptionButton Cập nhật thông tin cấp phát OptionButton Thu hồi thiết bị OptionButton Hoàn tất chỉnh sửa 60 CHƯƠNG 3: THIẾT KẾ PHẦN MỀM 3.3.2.13 Giao diện đánh giá thiết bị Hình 3.43 Giao diện app quản lý – đánh giá thiết bị Mô tả chi tiết: Bảng 3.37 Bảng mô tả giao diện app quản lý – đánh giá thiết bị STT Thành phần Diễn giải OptionButton Tắt modal RNPickerSelect Chọn tình trạng thiết bị Input Nhập thêm ghi OptionButton Lưu đánh giá 61 CHƯƠNG 3: THIẾT KẾ PHẦN MỀM 3.3.2.14 Giao diện cấp phát lại thiết bị Hình 3.44 Giao diện app quản lý – cấp phát lại thiết bị Mô tả chi tiết: Bảng 3.38 Bảng mô tả giao diện app quản lý – cấp phát lại thiết bị STT Thành phần Diễn giải OptionButton Tắt modal cấp phát lại thiết bị RectButton Chọn ngày thu hồi sau cấp phát lại TouchableOpacity Lưu cấp phát SystemComponent Chọn tháng SystemComponent Chọn ngày SystemComponent Chọn năm SystemComponent Xác nhận chọn xong ngày tháng năm 62 CHƯƠNG 3: THIẾT KẾ PHẦN MỀM 3.3.2.15 Giao diện quét mã QR Hình 3.45 Giao diện app quản lý – quét mã QR Mô tả chi tiết: Bảng 3.39 Bảng mô tả giao diện app quản lý – quét mã QR STT Thành phần Button Diễn giải Tắt thông báo 63 CHƯƠNG 3: THIẾT KẾ PHẦN MỀM 3.3.2.16 Giao diện quản lý tài khoản Hình 3.46 Giao diện app quản lý – quản lý tài khoản Mô tả chi tiết: Bảng 3.40 Bảng mô tả giao diện app quản lý – quản lý tài khoản STT Thành phần Diễn giải OptionButton Mở pop-up sửa thông tin cá nhân OptionButton Mở pop-up sửa mật OptionButton Đăng xuất 64 CHƯƠNG 4: CÀI ĐẶT VÀ KIỂM THỬ CHƯƠNG 4: CÀI ĐẶT VÀ KIỂM THỬ 4.1 Cài đặt 4.1.1 Ngơn ngữ lập trình: • Xây dựng front-end: HTML, CSS, Javascript, Typescript • Xây dựng back-end: Javascript, TypeJscript • Xây dựng app: Javascript 4.1.2 Các công nghệ sử dụng: • Nodejs: Xây dựng back-end • Angular 8: Xây dựng front-end • MongoDb: Lưu trữ liệu • React native: Xây dựng app • Expo: Tool hỗ trợ build app 4.2 Kiểm thử 4.2.1 Kiểm thử hệ thơng phía app: Bảng 4.2 Bảng kiểm thử số chức ứng dụng ID TestCase Kiểm tra Các bước thực chức Nhập đăng nhập Kết dự Kết kiến username Chuyển sang password giao diện danh Nhấn đăng nhập mục thông GENERAL tin tài khoản _FUNC_01 Hiển thị thông báo lỗi sai thông tin đăng nhập 65 Pass CHƯƠNG 4: CÀI ĐẶT VÀ KIỂM THỬ Kiểm tra chức Chọn thị danh ADMIN_FUNC_01 sách thiết bị button Hiện thị danh facilities sách thiết bị Chọn button loại Pass thiết bị muốn thiết bị hiển thị Kiểm ADMIN_FUNC_02 tra load từ server chức Chọn cấp phát Thiết bị cấp cấp phát thiết Nhập thông tin phát bị cấp phát thành công Pass Nhấn Lưu Kiểm tra chức Chọn hiển thị yêu cầu cấp phát button Hiển thị Report yêu cầu cấp Chọn yêu cầu cấp phát phát ADMIN_FUNC_03 thiết bị theo Chọn loại hiển thị loại hiển thị Pass kết mong người muốn Chọn dùng chọn thiết bị muốn coi Kiểm tra chức Chọn button Hiển thị hiển thị Report thiết bị cấp thiết bị cấp Chọn cấp phát phát ADMIN_FUNC_04 phát Chọn loại hiển thị thiết bị theo Pass kết mong muốn loại hiển thị Chọn thiết bị người muốn coi Kiểm tra chức Chọn ADMIN_FUNC_05 hiển thị thiết bị thu hồi chọn button Hiển thị Report Chọn thu hồi 66 dùng thiết bị thu Pass hồi thiết CHƯƠNG 4: CÀI ĐẶT VÀ KIỂM THỬ Chọn loại hiển thị bị theo loại kết mong hiển thị người muốn Chọn dùng chọn thiết bị muốn coi Kiểm tra chức Chọn phê duyệt button Thiết bị Report chuyển trạng yêu cầu cấp phát, Chọn kiểu mong thái (yêu cầu thu hồi, cấp phát ADMIN_FUNC_06 lại muốn thực Chọn thiết sang cấp phát, bị cấp phát sang Pass mong muốn thu hồi, thu Chọn vào button hồi sang cấp bên cạnh thiết phát lại) bị để thực Kiểm tra chỉnh chức Chọn bị Thiết bị trạng thay đổi thông sửa thông tin thiết bị, ADMIN_FUNC_07 thiết thái mong muốn tin thay trạng thái thiết Thay đổi thông đổi trạng thái bị tin mong muốn Pass Chọn lưu chọn trạng thái mong muốn chức Chọn thiết bị trạng phản hồi thái mong muốn Chọn vào biểu ADMIN_FUNC_08 tượng phản hồi Thêm ghi chọn mức độ phù hợp Kiểm tra 67 Thông tin phản hồi thiết bị cập nhật công thành Pass CHƯƠNG 4: CÀI ĐẶT VÀ KIỂM THỬ ADMIN_FUNC_09 Kiểm tra chức Chọn button camera Hiển thị thông quét mã QR để quét mã tin thiết bị Pass 4.2.2 Kiểm thử hệ thống phía client: Bảng 4.3 Bảng kiểm thử số chức web ID Test case GENA_FUNC_1 Kiểm tra chức đăng nhập FUNC_1 Kiểm tra chức sửa thông tin FUNC_2 Kiểm tra chức đổi mật FUNC_4 Kiểm tra chức quản lý phòng FUNC_5 Kiểm tra chức quản lý đơn vị Các bước thực Kết dự kiến Chọn đăng nhập mong muốn Nếu là đăng nhập bình thường nhập email, password nhấn đăng nhập Nếu là đăng nhập với tài khoản google chọn tài khoản google mong muốn Thay đổi thông tin mong muốn Nhấn lưu thông tin Nhập mật cũ Nhập mật xác nhận lại Nhấn thay đổi mật Chọn quản lý phòng Thêm, xóa, sửa thơng tin phịng nếu cần thiết Hiển thị trang thông tin cá nhân người dùng nếu đăng nhấp thành công Thông báo lỗi nếu đăng nhấp thất bị Thơng tin người dùng thay đổi xác Mật người dùng thay đổi nếu mật cũ xác Thơng báo lỗi nếu khơng Hiển thị thơng tin phịng có Thay đổi thơng tin nếu người dùng thêm xóa sửa Chọn quản lý đơn Hiển thị vị thông tin đơn vị Thêm xóa sửa có Thay đổi thông tin đơn vị thông tin nếu nếu cần thiết 68 Kết Pass Pass Pass Pass Pass CHƯƠNG 4: CÀI ĐẶT VÀ KIỂM THỬ người dùng thêm xóa sửa FUNC_6 FUNC_7 FUNC_8 FUNC_9 FUNC_10 FUNC_11 Kiểm tra chức quản lý loại thiết bị Chọn quản lý loại thiết bị Thêm xóa sửa thơng tin loại thiết bị nếu cần thiết Chọn quản lý tài khoản Kiểm tra chức Thêm xóa sửa quản lý thông tin người người dùng dùng nếu cần thiết Chọn quản lý Kiểm tra chức thiết bị quản lý thiết Thêm xóa sửa bị thơng tin thiết bị nếu cần thiết Chọn quản lý thiết bị cấp phát Thêm xóa sửa Kiếm tra chức thơng tin thiết bị quản lý cấp phát nếu cần thiết bị cấp phát thiết Kiểm tra chức thay đổi trạng thái thiết bị cấp phát Kiếm tra chức filter thông tin thiết bị cấp phát in Chọn quản lý thiết bị cấp phát Chọn vào mục thiết bị mong muốn chọn loại thay đổi mong muốn Chọn quản lý thiết bị cấp phát Chọn vào filter mong muốn Chọn in 69 Hiển thị thông tin loại thiết bị có Thay đổi thơng tin nếu người dùng thêm xóa sửa Hiển thị người dùng có Thay đổi người dùng nếu thêm xóa sửa Hiển thị thiết bị có Thay đổi thiết bị nếu người dùng thêm xóa sửa Hiển thị thiết bị cấp phát có Thay đổi thông tin thiết bị cấp phát nếu người dùng thêm xóa sửa Các thiết bị thay đổi trạng thái theo mong muốn Hiển thị thiết bị cấp phát theo loại filter thích hợp In thành file PDF nếu người dùng chọn in Pass Pass Pass Pass Pass Pass KẾT LUẬN KẾT LUẬN KẾT QUẢ ĐẠT ĐƯỢC Sau thời gian nghiên cứu thực đề tài “Xây dựng hệ thống quản lý sở vật chất trường Đại học QR code”, nhóm nắm bắt kiến thức tảng lập trình React Native & MEAN Stack, cơng nghệ QR code và ứng dụng để xây dựng ứng dụng thiết bị di động Iphone để thực việc quản lý sở vật chất trường Đại học QR code Ngoài ra, nhóm cịn đạt kết sau: - Sử dụng ngơn ngữ javascript để lập trình mobile web - Tìm hiểu số cơng nghệ MEAN Stack, React native - Sử dụng số package ExpressJS, Multer, React navigation, Expo, … ƯU ĐIỂM CỦA ĐỀ TÀI Ứng dụng có ưu điểm sau: - Đáp ứng chức để thực việc quản lý sở vật chất trường Đại học QR code - Ứng dụng chạy thiết bị di động phù hợp với tính chất cơng việc - Qt mã Qrcode nhanh để truy xuất thơng tin - Giao diện dễ nhìn, dễ sử dụng - Ứng dụng có cấu trúc hồn thiện, có khả bảo trì nâng cấp - Web có giao diện dễ sử dụng dùng để quản lý thông tin HẠN CHẾ CỦA ĐỀ TÀI Ứng dụng có điểm hạn chế sau: - Chưa dùng token để hạn chế người dùng thực chức khoảng thời gian - Chưa hoàn thiện chạy android - Load liệu chưa mượt 70 KẾT LUẬN HƯỚNG PHÁT TRIỂN Trong tương lai, nếu có điều kiện thời gian, chúng em hoàn thiện ứng dụng nâng cấp chức như: - Tăng tốc độ xử lý, load liệu - Bảo mật ứng dụng, sử dụng JSON Token - Hoàn thành phiên chạy android IOS 71 DANH MỤC TÀI LIỆU THAM KHẢO [1] https://reactnative.dev/docs/getting-started [2] https://expressjs.com/ [3] https://angular.io/docs [4] https://nodejs.org/en/ [5] https://mongoosejs.com/docs/guide.html [6] https://vi.wikipedia.org/wiki/M%C3%A3_QR 72 ... hiểu xây dựng ứng dụng di động cơng nghệ React Native, MEAN Stack - Tìm hiểu QR code - Xây dựng hệ thống quản lý sở vật chất trường đại học QR code hồn chỉnh PHẦN MỞ ĐẦU Vận dụng cơng nghệ phần... để quản lý vật tư cách nhanh chóng dễ dàng Nhận thấy điều này, đề tài: ? ?Xây dựng hệ thống quản lý sở vật chất trường đại học QR? ?? thực nhằm mục đích giúp cho cơng tác quản lý sở vật chất diễn... ngữ ngôn ngữ đại NodeJS, AngularJS, ExpressJS, React Native, hệ quản trị sở liệu MongoDB QR code Xây dựng ứng dụng app quản lý sở vật chất với chức sau: - o Quản lý tài sản o Quản lý sử dụng tài