BÁO cáo đồ án CÔNG NGHỆ PHẦN mềm đề tài hệ THỐNG GIỮ XE máy SINH VIÊN

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC BÁCH KHOA KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO ĐỒ ÁN CÔNG NGHỆ PHẦN MỀM ĐỀ TÀI: “HỆ THỐNG GIỮ XE MÁY SINH VIÊN” GIẢNG VIÊN HƯỚNG DẪN TS Lê Thị Mỹ Hạnh KS Nguyễn Thành Nghĩa SINH VIÊN THỰC HIỆN Họ tên: Nguyễn Huy Tưởng MSSV: 102190197 Nhóm: 19.13C Họ tên: Hồ Văn Vy MSSV: 102190200 Nhóm: 19.13C Họ tên: Lê Hồng Ngọc Hân MSSV: 102190161 Nhóm: 19.13C Họ tên: Trần Thị Phượng MSSV: 102190184 Nhóm: 19.13C Đà Nẵng, 06/2021 Báo cáo đồ án Công nghệ phần mềm – Hệ thống giữ xe máy sinh viên MỤC LỤC DANH MỤC HÌNH ẢNH LỜI NÓI ĐẦU QUÁ TRÌNH TRIỂN KHAI: DANH SÁCH PHÂN CÔNG NHIỆM VỤ : 2.1 Bảng phân công nhiệm vụ: 2.2 Quản lý dự án: 10 2.2.1 Công cụ quản lý dự án: 10 2.2.2 Quá trình triển khai dự án: 12 2.2.2.1 Quản lý task trello: 12 GIỚI THIỆU: .12 3.1 Mục đích: 12 3.2 Phạm vi: 12 TỔNG QUAN: 13 4.1 Tác nhân: .13 4.2 Biểu đồ ca sử dụng: 14 4.2.1 Use case chức dành cho sinh viên: 14 4.2.2 Usecase chức dành cho nhân viên giữ xe: 20 4.2.3 Usecase chức dành cho nhân viên quản lí: 23 4.2.4 Usecase chức dành cho quản trị hệ thống: 28 4.3 Biểu đồ hoạt động: 30 4.4 Biểu đồ tuần tự: 37 4.5 Biểu đồ lớp: 44 4.6 Cơ sở liệu: 45 MÔ TẢ CHỨC NĂNG HỆ THỐNG: .47 5.1 App desktop: 47 5.1.1 Chức đăng nhập: 47 5.1.2 Giao diện chương trình: 49 5.1.3 Chức check-in xe: 52 5.1.4 Chức check-out xe: 54 5.1.5 Chức quản lí xe bãi: 58 5.1.6 Chức quản lí người dùng: 61 5.1.7 Chức quản lí nhân viên: 65 5.1.8 Chức quản lí - thống kê: .68 Nguyễn Huy Tưởng - Hồ Văn Vy - Trần Thị Phượng - Lê Hồng Ngọc Hân Báo cáo đồ án Cơng nghệ phần mềm – Hệ thống giữ xe máy sinh viên 5.1.9 Chức quản lí gói đỗ xe: 70 5.1.10 Chức quản lí đơn giá: 73 5.1.11 Chức toán: 76 5.2 Website: 79 5.2.1 Chức đăng nhập: 79 5.2.2 Chức tra cứu lịch sử gửi xe: 80 5.2.3 Chức đăng kí gói gửi xe: .83 5.2.3 Chức xem thông tin người dùng 85 5.2.4 Chức đổi mật khẩu: .88 5.2.4 Chức đăng kí người dùng: 89 5.2.5 Chức đăng xuất: 91 5.2.6 Trang chủ: .92 YÊU CẦU PHI CHỨC NĂNG: 95 a Yêu cầu công nghệ tảng sở liệu: 95 b Yêu cầu bảo mật an toàn liệu: 95 c Yêu cầu giao diện: .95 d Yêu cầu quản trị sử dụng: .95 e Yêu cầu tốc độ xử lý: 96 f Yêu cầu tích hợp hệ thống: 96 g Yêu cầu môi trường phát triển ngơn ngữ lập trình: 96 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN: 96 TÀI LIỆU THAM KHẢO: 97 Nguyễn Huy Tưởng - Hồ Văn Vy - Trần Thị Phượng - Lê Hoàng Ngọc Hân Báo cáo đồ án Công nghệ phần mềm – Hệ thống giữ xe máy sinh viên DANH MỤC HÌNH ẢNH Hình Trello quản lí tiến trình đồ án 10 Hình Các nhánh thành viên nhánh main ứng dụng Winform 11 Hình Các nhánh thành viên nhánh main Website 11 Hình Quản lí task Trello 12 Hình Use-case chức cho sinh viên 14 Hình Use-case cho nhân viên giữ xe 20 Hình Use-case dành cho nhân viên quản lý 23 Hình Use-case dành cho quản trị hệ thống 28 Hình Biểu đồ hoạt động thêm liệu 30 Hình 10 Biếu đồ hoạt động cập nhật liệu 31 Hình 11 Biểu đồ hoạt động xóa liệu 32 Hình 12 Biểu đồ hoạt động đăng nhập 33 Hình 13 Biểu đồ hoạt động gửi xe 34 Hình 14 Biểu đồ hoạt động lấy xe 35 Hình 15 Chức tra cứu lịch sử gửi xe dành cho sinh viên 36 Hình 16 Biểu đồ chức đăng nhập Website 37 Hình 17 Biểu đồ đăng nhập winform 38 Hình 18 Biều đồ gửi xe 38 Hình 19 Biểu đồ lấy xe 39 Hình 20 Biểu đồ chức Thanh toán 39 Hình 21 Biểu đồ chức Đăng kí gói giữ xe 40 Hình 22 Biểu đồ chức Tra cứu lịch sử gửi xe 41 Hình 23 Biểu đồ chức Quản lí xe bãi 41 Hình 24 Biểu đồ thêm khách hàng 42 Hình 25 Biểu đồ cập nhập thông tin khách hàng 42 Hình 26 Biểu đồ xóa khách hàng 43 Hình 27 Sơ đồ lớp 44 Hình 28 Sơ đồ quan hệ Cơ sở liệu 45 Hình 29 Sơ đồ triển khai sở liệu 46 Hình 30 Giao diện chức đăng nhập winform 47 Hình 31 Giao diện chương trình winform 49 Hình 32 Giao diện chức gửi xe 52 Hình 33 Giao diện chức lấy xe 54 Hình 34 Giao diện xác nhận xe biển số xe khơng khớp 55 Hình 35 Giao diện thơng báo số tiền cần tốn lấy xe 55 Nguyễn Huy Tưởng - Hồ Văn Vy - Trần Thị Phượng - Lê Hoàng Ngọc Hân Báo cáo đồ án Công nghệ phần mềm – Hệ thống giữ xe máy sinh viên Hình 36 Giao diện quản lý xe bãi 58 Hình 37 Giao diện quản lý tài khoản khách hàng 61 Hình 38 Giao diện xóa tài khoản khách hàng chưa lấy xe 61 Hình 39 Giao diện quản lý tài khoản nhân viên 65 Hình 40 Giao diện thống kê doanh thu 68 Hình 41 Giao diện chức quản lí gói đỗ xe winform 70 Hình 42 Giao diện quản lý đơn giá 73 Hình 43 Giao diện đăng ký gói dành cho nhân viên 76 Hình 44 Giao diện đăng nhập website 79 Hình 45: Giao diện tra cứu lịch sử gửi xe 80 Hình 46: Bảng lịch sử gửi xe 81 Hình 47: Giao diện tra cứu, đăng kí gói gửi xe 83 Hình 48: Popup xác nhận người dùng đăng kí gói gửi xe 83 Hình 49: Popup thơng báo người dùng đăng kí 84 Hình 50: Bảng lịch sử gói gửi xe người dùng đăng kí 84 Hình 51: Giao diện thơng tin tài khoản 85 Hình 52: Giao diện chỉnh sửa thông tin tài khoản 86 Hình 53: Popup hiển thị thơng tin gói gửi xe có hiệu lực 86 Hình 54: Giao diện thay đổi mật 88 Hình 55: Giao diện hiển thị thơng báo liệu khơng hợp lệ 88 Hình 56: Giao diện đăng kí người dùng 89 Hình 57: Giao diện đăng xuất 91 Hình 58: Giao diện chưa đăng nhập 92 Hình 59: Giao diện đăng nhập (Hiển thị tên người dùng góc bên phải, nút đăng xuất góc bên phải) 93 Nguyễn Huy Tưởng - Hồ Văn Vy - Trần Thị Phượng - Lê Hoàng Ngọc Hân Báo cáo đồ án Công nghệ phần mềm – Hệ thống giữ xe máy sinh viên DANH MỤC BẢNG BIỂU Bảng Quá trình triển khai Bảng Bảng phân công nhiệm vụ Bảng Bảng mô tả tác nhân 13 Bảng Đặc tả use-case chức đăng nhập cho sinh viên 15 Bảng Đặc tả use-case chức đăng kí cho sinh viên 16 Bảng Đặc tả use-case chức tra cứu lịch sử gửi xe 17 Bảng Đặc tả use-case chức đăng kí gói gửi xe 18 Bảng Đặc tả use-case chức đổi mật 19 Bảng Đặc tả use-case chức gửi xe 21 Bảng 10 Đặc tả use-case chức lấy xe 22 Bảng 11 Đặc tả use-case chức quản lý tài khoản người dùng 24 Bảng 12 Đặc tả use-case chức quản lý doanh thu 25 Bảng 13 Đặc tả use-case chức quản lý đơn giá 26 Bảng 14 Đặc tả use-case chức quản lý toán 27 Bảng 15 Đặc tả use-case chức quản lý nhân viên quản trị hệ thống 29 Bảng 16 Bảng mô tả chức đăng nhập 48 Bảng 17 Bảng mô tả chức giao diện 51 Bảng 18 Bảng mô tả chức check-in xe 54 Bảng 19 Bảng mô tả chức check-out xe 57 Bảng 20 Bảng mô tả chức quản lí xe bãi 60 Bảng 21 Bảng mơ tả chức quản lí người dùng 64 Bảng 22 Bảng mơ tả chức quản lí nhân viên 67 Bảng 23 Bảng mô tả chức quản lí, thống kê doanh thu 69 Bảng 24 Bảng mô tả chức quản lí gói gửi xe 72 Bảng 25 Bảng mơ tả chức quản lí đơn giá 75 Bảng 26 Bảng mơ tả chức quản lí tốn 78 Bảng 27 Bảng mơ tả chức đăng nhập cho người đăng kí gửi xe 80 Bảng 28 Bảng mô tả chức tra cứu lịch sử gửi xe 82 Bảng 29 Bảng mô tả chức đăng kí gói gửi xe 85 Bảng 30 Bảng mô tả chức xem thông tin người dùng 87 Bảng 31 Bảng mô tả chức đổi mật 89 Bảng 32 Bảng mơ tả chức đăng kí người dùng 90 Bảng 33 Bảng mô tả chức đăng xuất khỏi website 92 Bảng 34 Bảng mô tả chức truy cập website 95 Nguyễn Huy Tưởng - Hồ Văn Vy - Trần Thị Phượng - Lê Hoàng Ngọc Hân Báo cáo đồ án Công nghệ phần mềm – Hệ thống giữ xe máy sinh viên LỜI NÓI ĐẦU Thực đồ án PBL3 - Đồ án Công nghệ phần mềm học kỳ IV, năm 20202021, nhóm chúng em gồm thành viên : Nguyễn Huy Tưởng, Hồ Văn Vy, Trần Thị Phượng, Lê Hồng Ngọc Hân Mỗi thành viên có điểm mạnh điểm yếu riêng, song chúng em ln hỗ trợ, giúp đỡ lẫn để hồn thành cách tốt đồ án Nhờ vào kiến thức học kỳ kiến thức tảng kỳ trước, chúng em xây dựng nên dự án Hệ thống giữ xe máy sinh viên Với kết đạt được, chúng em xin gửi lời cảm ơn chân thành đến TS Lê Thị Mỹ Hạnh - giảng viên hướng dẫn đồ án KS Nguyễn Thành Nghĩa - kỹ sư từ doanh nghiệp tận tình hướng dẫn theo sát chúng em trình thực đồ án Đồng thời, chúng em xin gửi lời cảm ơn đến giúp đỡ bạn bè, tác giả viết, thảo luận mà chúng em tham khảo trình làm đồ án Dự án Hệ thống giữ xe sinh viên thực vòng tháng, sinh viên năm thiếu kinh nghiệm, chưa tiếp xúc nhiều với dự án thực tế nên sản phẩm tồn nhiều thiếu sót, mong nhận thơng cảm góp ý từ quý thầy/cô để chúng em cải thiện cho đồ án lần rút kinh nghiệm, làm tốt đồ án Nguyễn Huy Tưởng - Hồ Văn Vy - Trần Thị Phượng - Lê Hồng Ngọc Hân Báo cáo đồ án Cơng nghệ phần mềm – Hệ thống giữ xe máy sinh viên Q TRÌNH TRIỂN KHAI: Ngày Nội dung cơng việc 29/03 - 04/04 Mô tả usecase, SRS, vẽ Class Diagram Sản phẩm Tài liệu Usecase, SRS, Class Diagram Database, Bản thiết kế giao diện Web, App 05/04 - 11/04 Thiết kế Database, Giao diện Website, Giao diện App Desktop 12/04 -18/04 Đọc thẻ từ Aduirno 19/04 - 25/04 Kết nối Camera với máy tính App: Code Util, Lib, Helper Web: Code Giao diện FE 26/4 - 02/05 App: Code Repo, Code Service Web: Structure, Code Service Testing: Write test case Tính web, app Tài liệu test case 03/05 - 09/05 App: Code Repo, Code Service Web: Code Repo, Code Service Testing: Write test case Tính đầy đủ web, app Tài liệu test case 10/05 - 16/05 Web: Review App: Review Tiến hành testing tổng quát Giao diện web, package App Sản phẩm deploy đầy đủ tính Bảng Quá trình triển khai 2.1 DANH SÁCH PHÂN CƠNG NHIỆM VỤ : Bảng phân cơng nhiệm vụ: Nhiệm vụ Họ Tên Viết tài liệu phác thảo yêu cầu (RO), mô tả dự án (PD), vẽ ca sử dụng (Use-case) Trần Thị Phượng Hồ Văn Vy Nguyễn Huy Tưởng Lê Hoàng Ngọc Hân Tài liệu đặc tả yêu cầu phần mềm (SRS) Trần Thị Phượng Hồ Văn Vy Nguyễn Huy Tưởng Lê Hoàng Ngọc Hân Sơ đồ lớp (Class Diagram) Hồ Văn Vy Nguyễn Huy Tưởng Giao tiếp phần cứng Nguyễn Huy Tưởng Nguyễn Huy Tưởng - Hồ Văn Vy - Trần Thị Phượng - Lê Hồng Ngọc Hân Báo cáo đồ án Cơng nghệ phần mềm – Hệ thống giữ xe máy sinh viên Thiết kế sở liệu Hồ Văn Vy Nguyễn Huy Tưởng Thiết kế giao diện web, app Lê Hoàng Ngọc Hân Trần Thị Phượng Code giao diện winform Trần Thị Phượng Lê Hoàng Ngọc Hân Code giao diện web Trần Thị Phượng Code respository , service web Hồ Văn Vy Code respository , service app Trần Thị Phượng Hồ Văn Vy Nguyễn Huy Tưởng Lê Hoàng Ngọc Hân Hồn thiện tính Winform, sửa lỗi Trần Thị Phượng Hồ Văn Vy Nguyễn Huy Tưởng Lê Hoàng Ngọc Hân Xác định cấu trúc kết nối sở liệu web Nguyễn Huy Tưởng Hồ Văn Vy Testing winform Lê Hoàng Ngọc Hân Nguyễn Huy Tưởng Trần Thị Phượng Hồ Văn Vy Testing web Nguyễn Huy Tưởng Lê Hoàng Ngọc Hân Trần Thị Phượng Hồ Văn Vy Viết báo cáo Lê Hoàng Ngọc Hân Trần Thị Phượng Trần Thị Phượng Hồ Văn Vy Bảng Bảng phân công nhiệm vụ Nguyễn Huy Tưởng - Hồ Văn Vy - Trần Thị Phượng - Lê Hoàng Ngọc Hân Báo cáo đồ án Công nghệ phần mềm – Hệ thống giữ xe máy sinh viên 2.2 Quản lý dự án: 2.2.1 Công cụ quản lý dự án: - Các thành viên thực công việc giao Trello, trao đổi trực tiếp qua Trello call team Google Meet thông báo, thảo luận lịch mạng xã hội Facebook - Link Trello: https://trello.com/b/2ofjgtOu/pbl3-software-technology Hình Trello quản lí tiến trình đồ án - Mỗi thành viên thực cơng việc branch chức Repositories PBL3-HeThongGuiXe-Winform PBL3HeThongGuiXe-Website nhóm - Link Github: o https://github.com/hovanvydut/PBL3-HeThongGuiXe-Winform o https://github.com/hovanvydut/PBL3-HeThongGuiXe-Website Có tất branch thành viên branch chính: main Nguyễn Huy Tưởng - Hồ Văn Vy - Trần Thị Phượng - Lê Hoàng Ngọc Hân 10 Báo cáo đồ án Công nghệ phần mềm – Hệ thống giữ xe máy sinh viên 5.2.3 Chức đăng kí gói gửi xe: a Giao diện: Hình 47: Giao diện tra cứu, đăng kí gói gửi xe Hình 48: Popup xác nhận người dùng đăng kí gói gửi xe Nguyễn Huy Tưởng - Hồ Văn Vy - Trần Thị Phượng - Lê Hoàng Ngọc Hân 83 Báo cáo đồ án Công nghệ phần mềm – Hệ thống giữ xe máy sinh viên Hình 49: Popup thơng báo người dùng đăng kí Hình 50: Bảng lịch sử gói gửi xe người dùng đăng kí b Bảng mô tả chức năng: Giao diện Giao diện đăng kí gói gửi xe Mơ tả Cho phép sinh viên, nguời gửi xe đăng kí trả trước gói gửi xe Truy cập Truy cập “Xem gói” navbar website Nguyễn Huy Tưởng - Hồ Văn Vy - Trần Thị Phượng - Lê Hoàng Ngọc Hân 84 Báo cáo đồ án Công nghệ phần mềm – Hệ thống giữ xe máy sinh viên Nội dung giao diện Kiểu Dữ liệu Thành phần Thơng tin gói Các thẻ div, p, small Đăng kí button – type=”submit” Lịch sử gói gửi xe table Hành động Đăng kí gói gửi xe Thơng tin gói gửi xe lấy từ Database Mô tả Hiển thị thông tin gói gửi xe Cho phép người dung đăng kí gói gửi xe Lịch sử đăng kí gói gửi xe lấy từ Database Các hành động giao diện Mô tả Thành công Người dùng đọc Hệ thống hiển thơng tin chi tiết thi popup đăng kí gói, tiến hành chọn thành cơng nút đăng kí tương ứng với gói muốn đăng kí Lỗi Hệ thống hiển thị popup đăng kí thất bại lí đăng kí khơng thành cơng Bảng 29 Bảng mơ tả chức đăng kí gói gửi xe 5.2.3 Chức xem thơng tin người dùng a Giao diện Hình 51: Giao diện thông tin tài khoản Nguyễn Huy Tưởng - Hồ Văn Vy - Trần Thị Phượng - Lê Hoàng Ngọc Hân 85 Báo cáo đồ án Công nghệ phần mềm – Hệ thống giữ xe máy sinh viên Hình 52: Giao diện chỉnh sửa thơng tin tài khoản Hình 53: Popup hiển thị thơng tin gói gửi xe có hiệu lực Bảng mơ tả chức năng: Giao diện Giao diện xem thông tin người dùng Mô tả Cho phép ngưởi dung xem, sửa thông tin người dung, gói đăng kí Truy cập Truy cập navbar website Nguyễn Huy Tưởng - Hồ Văn Vy - Trần Thị Phượng - Lê Hoàng Ngọc Hân 86 Báo cáo đồ án Công nghệ phần mềm – Hệ thống giữ xe máy sinh viên Nội dung giao diện Kiểu Dữ liệu Thành phần Thông tin tài khoản form – method=”POST” Các trường thông tin người dùng Chỉnh sửa input Reset password button Xem chi tiết Button Thông tin người dùng button Các hành động giao diện Hành động Mô tả Thành công Chỉnh sửa Chọn nút “Chỉnh Hệ thống hiển thông tin sửa”, trường thị lại thông tin người dùng thông tin người dùng người dùng sau cho phép chỉnh sửa cập nhật có viền màu xanh nhạt Người dùng chỉnh sửa thơng tin sau nhấn chọn nút “Lưu thay đổi” Xem thông tin Người dùng chọn nút Một popup gói gửi xe “Xem chi tiết” bên thơng tin gói gửi trái xe lên đăng kí Thay đổi mật Người dùng chọn nút Điều hướng người “Reset password” dùng sang trang thay đổi mật Mô tả Hiển thị thông tin người dung vào trường Hiển thị thông tin người dung vào trường Chuyển người dùng sang giao diện chỉnh sửa Chuyển người dùng sang trang thay đổi mật Dùng để hiển thị thơng tin gói gửi xe người dùng đăng kí Lỗi Hệ thống thơng báo trường nhập thơng tin khơng xác, khơng hợp lệ Bảng 30 Bảng mô tả chức xem thông tin người dùng Nguyễn Huy Tưởng - Hồ Văn Vy - Trần Thị Phượng - Lê Hoàng Ngọc Hân 87 Báo cáo đồ án Công nghệ phần mềm – Hệ thống giữ xe máy sinh viên 5.2.4 Chức đổi mật khẩu: a Giao diện: Hình 54: Giao diện thay đổi mật Hình 55: Giao diện hiển thị thông báo liệu không hợp lệ b Bảng mô tả chức năng: Giao diện Giao diện đổi mật Mô tả Cho phép người dùng thay đổi mật Truy cập Chọn nút “Reset Password” giao diện thông tin người dùng Nguyễn Huy Tưởng - Hồ Văn Vy - Trần Thị Phượng - Lê Hoàng Ngọc Hân 88 Báo cáo đồ án Công nghệ phần mềm – Hệ thống giữ xe máy sinh viên Nội dung giao diện Kiểu Dữ liệu Thành phần Mật cũ input text Mật input text Nhập lại mật text Hành động Thay đổi mật input Các hành động giao diện Mô tả Thành công Người dùng điền Hệ thống điều thông tin vào hướng người dùng trường form, trang thơng tin sau nhấn nút “Đặt người dùng lại” Mô tả Cho phép người dùng nhập mật Cho phép người dùng nhập mật Cho phép người dùng nhập lại mật mới, cho khớp Lỗi Hệ thống hiển thị thơng báo lỗi trường có liệu không hợp lệ Bảng 31 Bảng mô tả chức đổi mật 5.2.4 Chức đăng kí người dùng: a Giao diện: Hình 56: Giao diện đăng kí người dùng Nguyễn Huy Tưởng - Hồ Văn Vy - Trần Thị Phượng - Lê Hoàng Ngọc Hân 89 Báo cáo đồ án Công nghệ phần mềm – Hệ thống giữ xe máy sinh viên b Bảng mô tả chức năng: Giao diện Giao diện đăng kí người dùng Mơ tả Cho phép người đăng kí trở thành người dùng hệ thống gửi xe Truy cập Chọn “Đăng kí” trang đăng nhập Nội dung giao diện Thành phần Kiểu Dữ liệu Mô tả Họ tên, Tên tài khoản, Mã số sinh viên, Số điện thoại Mật input – type=”text” text Input – type=”password” text Email Input – type=”email” email Đăng kí Button type=”submit” Cho phép người dùng đăng kí với thơng tin nhập Đăng nhập Thẻ a Điều hướng người dùng sang trang đăng nhập Các hành động giao diện Hành động Mơ tả Thành cơng Đăng kí người Sau người dùng Hệ thống điều dùng nhập thông tin cần hướng người dùng thiết, nhấn nút “Đăng tới trang đăng kí” nhập Cho phép người dùng nhập thơng tin người dùng để đăng kí Cho phép người dùng nhập mật Cho phép người dùng nhập địa email Lỗi Hệ thống hiển thị thông báo lỗi trường có liệu khơng hợp lệ Bảng 32 Bảng mơ tả chức đăng kí người dùng Nguyễn Huy Tưởng - Hồ Văn Vy - Trần Thị Phượng - Lê Hoàng Ngọc Hân 90 Báo cáo đồ án Công nghệ phần mềm – Hệ thống giữ xe máy sinh viên 5.2.5 Chức đăng xuất: a Giao diện: Hình 57: Giao diện đăng xuất b Bảng mơ tả chức năng: Giao diện Giao diện đăng xuất Mô tả Cho phép người dùng đăng xuất khỏi hệ thống Thành phần Chọn nút “Đăng xuất” giao diện thông tin người dùng Nội dung giao diện Kiểu Dữ liệu Mô tả Ở lại Button Đăng xuất Button Truy cập Cho phép người dùng hủy bỏ đăng xuất trì phiên đăng nhập hệ thống Cho phép người dùng đăng xuất khỏi hệ thống Nguyễn Huy Tưởng - Hồ Văn Vy - Trần Thị Phượng - Lê Hoàng Ngọc Hân 91 Báo cáo đồ án Công nghệ phần mềm – Hệ thống giữ xe máy sinh viên Hành động Ở lại Đăng xuất Các hành động giao diện Mô tả Thành công Người dùng muốn Người dùng trì phiên đăng lại hệ thống nhập hệ thống tiếp tục sử dụng Lỗi Người dùng muốn Thốt khỏi hệ Khơng thể thống, hủy bỏ khỏi hệ thống, thoát khỏi hệ thống phiên đăng nhập trì phiên đăng nhập Bảng 33 Bảng mơ tả chức đăng xuất khỏi website 5.2.6 Trang chủ: a Giao diện: - Chưa đăng nhập Hình 58: Giao diện chưa đăng nhập Nguyễn Huy Tưởng - Hồ Văn Vy - Trần Thị Phượng - Lê Hoàng Ngọc Hân 92 Báo cáo đồ án Công nghệ phần mềm – Hệ thống giữ xe máy sinh viên - Đã đăng nhập ( Hiển thị tên người dùng nút bấm đăng xuất ) Hình 59: Giao diện đăng nhập (Hiển thị tên người dùng góc bên phải, nút đăng xuất góc bên phải) b Bảng mơ tả chức năng: Giao diện Giao diện trang chủ Mô tả Hiển thị điều hướng sau đăng nhập Truy cập Giao diện điều hướng sau đăng nhập, xem giao diện kể chưa đăng nhập Nội dung giao diện Kiểu Dữ liệu Thành phần Mô tả Điều hướng người dùng sang trang chủ Điều hướng người dùng sang trang tra cứu thông tin lịch sử Trang chủ Thẻ a Tra cứu Thẻ a Xem gói Thẻ a Điều hướng người dùng sang trang xem gói Đăng nhập Thẻ a Điều hướng người dùng sang trang đăng nhập, có giao diện chưa đăng nhập Nguyễn Huy Tưởng - Hồ Văn Vy - Trần Thị Phượng - Lê Hoàng Ngọc Hân 93 Báo cáo đồ án Công nghệ phần mềm – Hệ thống giữ xe máy sinh viên Tên người dùng Thẻ a Điều hướng người dùng sang trang xem thông tin cá nhân, có giao diện đăng nhập Xem gói Thẻ a Điều hướng người dùng sang trang xem gói gửi xe Đăng xuất Button Cho phép người dùng đăng xuất Hành động Các hành động giao diện Mô tả Thành công Lỗi Trang chủ Người dùng muốn truy cập trang chủ Điều hướng người dùng sang trang chủ Không Điều hướng người dùng sang trang chủ Tra cứu Người dùng muốn truy cập trang tra cứu lịch sử Điều hướng người dùng sang trang tra cứu Không Điều hướng người dùng sang trang tra cứu Xem gói Người dùng muốn truy cập trang xem gói gửi xe Điều hướng người dùng sang trang xem gói Khơng Điều hướng người dùng sang trang xem gói Đăng nhập Người dùng muốn đăng nhập hệ thống Điều hướng Không Điều hướng người dùng người dùng sang sang trang đăng trang đăng nhập nhập Tên người dùng Người dùng muốn Điều hướng xem tồn thơng tin người dùng cá nhân sang trang Không Điều hướng người dùng sang trang thông tin người dùng Nguyễn Huy Tưởng - Hồ Văn Vy - Trần Thị Phượng - Lê Hoàng Ngọc Hân 94 Báo cáo đồ án Công nghệ phần mềm – Hệ thống giữ xe máy sinh viên thông tin người dùng Xem gói Đăng xuất Người dùng muốn truy cập trang xem gói Người dùng muốn đăng xuất Điều hướng người dùng sang trang xem gói Khơng Điều hướng người dùng sang trang xem gói Hiển thi popup xác nhận đăng xuất hay lại Không Hiển thi popup xác nhận đăng xuất hay lại Bảng 34 Bảng mô tả chức truy cập website YÊU CẦU PHI CHỨC NĂNG: a Yêu cầu công nghệ tảng sở liệu: o Hệ thống ứng dụng chạy Internet cách triển khai ứng dụng thông qua AWS (EC2) o Hệ thống ứng dụng chạy tảng Desktop (Winform), Web (JSP-Servlet) o Hệ thống sử dụng hệ quản trị sở liệu SQL Server (sử dụng remote database Azure SQL) o Dữ liệu quản lí tập trung Database đảm bảo đồng liệu tảng thiết bị khác b Yêu cầu bảo mật an toàn liệu: o Hệ thống có module quản lý riêng việc phân cấp, phân quyền quản lý o Hệ thống cho phép đảm bảo tính tồn vẹn liệu, an tồn liệu mức ứng dụng mức cở sở liệu c Yêu cầu giao diện: o Giao diện thân thiện với người dùng o Giao diện web có khả tương thích tốt trình duyệt o Giao diện web có khả hiển thị tốt kích cỡ hình máy tính, điện thoại đa dạng d Yêu cầu quản trị sử dụng: o Hệ thống cho phép quản trị viên quản lí đầy đủ chức doanh thu, người dùng, toán, … Nguyễn Huy Tưởng - Hồ Văn Vy - Trần Thị Phượng - Lê Hoàng Ngọc Hân 95 Báo cáo đồ án Công nghệ phần mềm – Hệ thống giữ xe máy sinh viên e Yêu cầu tốc độ xử lý: o Đảm bảo tốc độ xử lý hệ thống, hình, báo cáo, chương trình xử lý số liệu hiển thị khoảng thời gian nhỏ o Có thể chạy nhiều ứng dụng củng lúc để quản lý nhiều luồng xe vào f Yêu cầu tích hợp hệ thống: o Hệ thống có khả tích hợp với phần cứng bên camera, arduino g Yêu cầu mơi trường phát triển ngơn ngữ lập trình: o Môi trường phát triển ứng dụng hệ điều hành Window, Linux o Các IDE, Text Editor phát triển: Visual Studio, Visual Studio Code, Eclipse, Arduino IDE o Công cụ quản lí phiên bản: Git, Github o Ngơn ngữ lập trình: C#, Java, Javascript, C++ KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN: Dự án “Hệ thống đỗ xe thông minh” xây dựng dựa cầu thực tiễn, áp dụng công nghệ để đơn giản hóa cơng việc nhân viên giữ xe tăng trải nghiệm cho sinh viên Trong khuôn khổ đồ án PBL3, thành viên nhóm làm hồn thiện tất tính đưa ra, đảm bảm chức hoạt động ổn định trình thử nghiệm Để ứng dụng hoạt động ổn định môi trường thực tế, cần cải thiện nhiều điểm tương lai như: o Module đọc thẻ từ cần tích hợp cho nhiều loại thẻ hơn, trình thử nghiệm đọc thẻ RFID tầng số 13Mhz o Xây dựng module đọc biển số chạy local thay cho API giúp tăng tốc độ xử lí giảm chi phí thực tác vụ o Tích hợp tốn trực tiếp để sinh viên tốn tiền gửi xe củng tốn gói đăng ký Nguyễn Huy Tưởng - Hồ Văn Vy - Trần Thị Phượng - Lê Hồng Ngọc Hân 96 Báo cáo đồ án Cơng nghệ phần mềm – Hệ thống giữ xe máy sinh viên TÀI LIỆU THAM KHẢO: [1] ParkPow, Inc , Plate recognizer, https://docs.platerecognizer.com/?java [2] Nguyen Hoang Phu Thinh, Use case diagram sai lầm thường gặp, https://thinhnotes.com/chuyen-nghe-ba/use-case-diagram-va-5-sai-lamthuong-gap/ [3] GitHub, Inc, Git - Reference, https://git-scm.com/docs [4] GitHub, Inc, GitHub Docs, https://docs.github.com/en [5] Trello, Trello documentation, https://help.trello.com/collection/691trello-public-help-documentation [6] Thầy Đặng Hoài Phương, Slide giảng mơn học Lập trình NET [7] Cô Lê Thị Mỹ Hạnh, Slide giảng môn học Phân tích – thiết kế hướng đối tượng [8] Cơ Nguyễn Thị Minh Hỷ, Slide giảng, tài liệu môn học Quản lí dự án [9] Kathy Sierra, Bryan Basham, Bert Bates, Head First Servlets and JSP, 2nd Edition [10] AWS documentation, https://docs.aws.amazon.com/ [11] Java tutorial, https://www.javatpoint.com/java-tutorial Nguyễn Huy Tưởng - Hồ Văn Vy - Trần Thị Phượng - Lê Hoàng Ngọc Hân 97 ... 12 Báo cáo đồ án Cơng nghệ phần mềm – Hệ thống giữ xe máy sinh viên TỔNG QUAN: ? ?Hệ thống giữ xe máy sinh viên? ?? xây dựng nhằm quản lý xe vào bãi thẻ từ tương ứng với sinh viên Nhân viên giữ xe. .. Hoàng Ngọc Hân Báo cáo đồ án Công nghệ phần mềm – Hệ thống giữ xe máy sinh viên LỜI NÓI ĐẦU Thực đồ án PBL3 - Đồ án Công nghệ phần mềm học kỳ IV, năm 20202021, nhóm chúng em gồm thành viên : Nguyễn... Báo cáo đồ án Công nghệ phần mềm – Hệ thống giữ xe máy sinh viên Mã use-case UC – 2.1 Tên use-case Chức gửi xe Mô tả Sinh viên đưa xe đến vị trí nhân viên để gửi xe Tác nhân Sinh viên, nhân viên