(TIỂU LUẬN) quản lý thiết bị tập gym môn công nghệ phần mềm

HỌC VIỆN CƠNG NGHỆ BƯU CHÍNH VIỄN THƠNG CƠ SỞ TẠI THÀNH PHỐ HỒ CHÍ MINH KHOA CƠNG NGHỆ THƠNG TIN II -□□ - Quản lý thiết bị tập Gym Môn: Công Nghệ Phần mềm Giảng viên hướng dẫn: Nguyễn Thị Bích Ngun Nhóm sinh viên thực hiện: Họ tên MSSV Hồ Quốc Đạt N18DCAT016 Trần Nguyên Thiên Trí TPHCM 6/2021 N18DCAT094 MỤC LỤC DANH MỤC CÁC TỪ VIẾT TẮT i DANH MỤC CÁC HÌNH ẢNH ii DANH MỤC CÁC BẢNG BIỂU iii BẢNG PHÂN CHIA CÔNG VIỆC .iv LỜI NÓI ĐẦU v CHƯƠNG GIỚI THIỆU WEB 1.1 Sự Ra Đời Của Web quản lý thiết bị phòng Gym 1.2 Mô tả Web 1.3 Giới thiệu React NodeJS 1.3.1 Giới thiệu React: .1 1.3.2 Giới thiệu NodeJS: 1.4 Công cụ sử dụng thiết kế đề tài CHƯƠNG PHÂN TÍCH .3 2.1 Mơ hình trạng thái Web 2.2 Phân tích trang Web .3 2.2.1 Phân tích trang Login/Signup 2.2.2 Phân tích trang chủ 2.2.3 Phân tích trang quản lý(admin) 2.2.4 Phân tích trang nhà cung cấp .4 2.2.5 Phân tích trang hóa đơn .4 2.2.6 Phân tích trang thiết bị 2.2.7 Phân tích trang tài khoản cá nhân 2.3 Sơ đồ ERD 2.4 Diagrams .6 2.5 Table 2.5.1 Account 2.5.2 Equip_Group 2.5.3 Receipt 2.5.4 Equipment 2.5.5 State 2.5.6 Suppliers .8 2.5.7 Staff 2.5.8 Record CHƯƠNG MÃ CODE 10 3.1 Thiết kế xử lí Login 10 3.2 Thiết kế xử lý Supplier(Nhà cung cấp) 10 3.3 Thiết kế xử lý Receipt(Hóa đơn) 12 3.4 Thiết kế xử lý Equipment(Thiết bị) 13 3.5 Thiết kế quản lý tài khoản(chỉ admin) 16 3.6 Thiết kế xử lý Tài khoản cá nhân 18 Lấy thông tin từ req.body gọi sp database để thực hành động 18 staffId id nhân viên id account 18 CHƯƠNG KIỂM THỬ CHƯƠNG TRÌNH 19 4.1 Kiểm thử Login 19 4.2 Kiểm thử Quản lý 20 4.3 Kiểm thử Nhà cung cấp 23 4.4 Kiểm thử Hóa đơn 26 4.5 Kiểm thử Thiết bị 28 4.6 Kiểm thử Tài khoản cá nhân 30 KẾT LUẬN 32 LỜI CẢM ƠN 33 TÀI LIỆU THAM KHẢO 34 DANH MỤC CÁC TỪ VIẾT TẮT STT PTIT | LỜI NÓI ĐẦU i Các OOP OOD ERD DANH MỤC CÁC HÌNH ẢNH Hình 2-1Mơ hình liên kết trạng thái Hình 2-2Sơ đồ ERD Hình 2-3Sơ đồ Diagrams Database Hình 4-1Trang Login 19 Hình 4-2aTrang quản lý Staff 20 Hình 4-2bTrang quản lý Admin 21 Hình 4-3Nhà cung cấp 23 Hình 4-4Hóa đơn 26 Hình 4-5Thiết bị 28 Hình 4-6Tài khoản cá nhân 30 PTIT | LỜI NÓI ĐẦU ii DANH MỤC CÁC BẢNG BIỂU Bảng 2-1Table Account Bảng 2-2Table Equip_Group Bảng 2-3Table Receipt Bảng 2-4Table Equipment Bảng 2-5Table State Bảng 2-6Table Suppliers Bảng 2-7Table Staff Bảng 2-8Table Record .9 PTIT | LỜI NÓI ĐẦU iii BẢNG PHÂN CHIA CƠNG VIỆC STT PTIT | LỜI NĨI ĐẦU iv LỜI NĨI ĐẦU Ngày nay, cơng nghệ thơng tin trở thành phần thiếu sống, đóng vai trị quan trọng ngành khoa học công nghệ, kỹ thuật, kinh tế, xã hội quốc gia giới.Nên vấn đề sức khỏe phát triển nước để học đáp ứng nhu cầu người cần các phịng tập thể dục, aerobic, yoga thể hình, để có sức khỏe thật tốt tập trang thiết bị phải đảm bảo chuẩn mực yêu cầu cường độ tập người sử dụng nên đời WEB quản lý trang thiết bị phòng tập, cung cấp trang thiết bị quản lý tính trạng trang thiết bị, có nhiều nhóm thiết bị khác đáp ứng nhu cầu cho tập Sau trình học tập, nghiên cứu trau dồi kiến thức mơn mơn “Lập trình Web” bạn Trí hướng dẫn, làm quen với lập trình NodeJS, React hướng dẫn nhiệt tình bạn trí Cuốn báo cáo bao gồm chương: Chương “Giới thiệu web quản lý trang thiết bị phòng tập Gym” Chương “Phân tích” phân tích trang web Chương “Thiết kế “ thiết kế xử lý Chương “Kiểm thử chương trình đánh giá” bước cuối kiểm thử chương trình từ khắc phục vấn đề tồn Do chúng em tiếp cận phương pháp lập trình web nên chương trình cịn nhiều thiếu sót, mong thầy giúp đỡ, góp ý để chúng em hoàn thiện Em xin chân thành cám ơn PTIT | LỜI NÓI ĐẦU v CHƯƠNG GIỚI THIỆU WEB 1.1 Sự Ra Đời Của Web quản lý thiết bị phòng Gym Web quản lý thiết bị phòng Gym đời em tập Gym thấy người chủ phịng tập khơng có thời gian nhiều cho việc quản lý trang thiết bị Vì phải giúp cho khách tập thường xuyên nên người chủ khơng có thời gian để kiểm tra thiết bị, có buổi tối, có thời gian để kiểm tra người chủ lại khơng có thời gian để nghỉ ngơi lo gia đình ngày phải bỏ sót nhiều thiết bị chưa kiểm tra, khó khăn việc quản lý bảo dưỡng thiết bị phịng tập Bạn Trí em thấy hồn cảnh người chủ tội nghiệp nên lập trang web quản lý thiết bị phòng Gym, web quản lý trực tuyến để giúp bạn nhân viên báo với người chủ tình trạng thiết bị lúc nơi 1.2 Mơ tả Web Web quản lý thiết bị phịng GYM web trang thiết bị, cung cấp loại thiết bị quản lý thiết bị nhóm thiết bị dễ dàng tìm thiết bị trống khách hàng cần Giao diện thân thiện người dùng, rõ trang chính, có view chuyên cho admin user để xử lý, người chủ phòng tập cần bỏ số tiền nhỏ để sở hữu phần mềm thời gian lâu dài kiểm tra lúc nơi lúc nơi 1.3 Giới thiệu React NodeJS 1.3.1 Giới thiệu React: • • • • React thư viện JavaScript nhằm đơn giản hóa việc phát triển giao diện người dùng Được phát triển Facebook release giới vào nằm 2013 sử dụng để viết Facebook, instagram ủng hộ sử dụng nhiều công ty khác giới Mục tiêu react đơn giản để phát triển Tất trạng thái tập trung thời điểm, cách chia giao diện người dùng thành tập hợp thành phần (components) React sử dụng để xây dựng single-page web applications 1.3.2 Giới thiệu NodeJS: • • NodeJS tảng xây dựng V8 JavaScript Engine – trình thơng dịch thực thi mã JavaScript, giúp xây dựng ứng dụng web cách đơn giản dễ dàng mở rộng Đặc điểm: o NodeJS viết JavaScript với cộng đồng người dùng lớn mạnh Nếu bạn cần hỗ trợ NodeJS, nhanh chóng có người hỗ trợ bạn o Tốc độ xử lý nhanh Nhờ chế xử lý bất đồng độ (non-blocking), NodeJS xử lý hàng ngàn kết nối lúc mà khơng gặp khó khăn PTIT | GIỚI THIỆU WEB  Login thành công:  Khơng tìm thấy account sở liệu 4.2 Kiểm thử Quản lý  Màn hình Staff Hình 4-2aTrang quản lý Staff  Màn hình Admin Lịch sử: PTIT | GIỚI THIỆU WEB 20 Hình 4-2bTrang quản lý Admin Tài khoản: PTIT | GIỚI THIỆU WEB 21 Thêm tài khoản: Chỉnh sửa tài khoản: PTIT | GIỚI THIỆU WEB 22 4.3 Kiểm thử Nhà cung cấp  Mặc định: Hình 4-3Nhà cung cấp  Thêm nhà cung cấp: PTIT | GIỚI THIỆU WEB 23  Chỉnh sửa nhà cung cấp: PTIT | GIỚI THIỆU WEB 24  Xóa nhà cung cấp: PTIT | GIỚI THIỆU WEB 25 4.4 Kiểm thử Hóa đơn  Mặc định: Hình 4-4Hóa đơn  Thêm hóa đơn:  Sửa hóa đơn PTIT | GIỚI THIỆU WEB 26  Xóa hóa đơn: PTIT | GIỚI THIỆU WEB 27 4.5 Kiểm thử Thiết bị  Mặc định: Hình 4-5Thiết bị  Chỉnh sửa thiết bị: PTIT | GIỚI THIỆU WEB 28  Xóa thiết bị: PTIT | GIỚI THIỆU WEB 29 4.6 Kiểm thử Tài khoản cá nhân  Mặc định: Hình 4-6Tài khoản cá nhân  Đổi mật PTIT | GIỚI THIỆU WEB 30 PTIT | GIỚI THIỆU WEB 31 KẾT LUẬN Web quản lý trang thiết bị phần khăc phục khuyết điểm việc quản lý thiết bị sức người Nó có giao diện thân thiện người dùng dễ dàng tiếp cận sử dụng Web số khuyết điểm chưa thể làm cho tất người hài lòng, vài chỗ khó khăn việc thao tác web Sắp tới chúng em cố gắng phát triển web PTIT | GIỚI THIỆU WEB 32 LỜI CẢM ƠN Chúng em gửi lời cảm ơn đến Nguyễn Thị Bích Nguyên giảng dạy cho tụi em môn Nhập môn công nghệ phần mềm, giúp cho tụi em nắm kiến thức việc phát triển phần mềm Cho tụi em có nhìn sâu ngành CNTT Chúc có nhiều sức khỏe để ươm mầm kiến thức cho hệ tiếp theo!!! Cuối lời cảm ơn đến gia đình bạn bè tạo điều kiện tinh thần để có hội nâng cao kiến thức Xin chân thành cảm ơn cô bạn Hồ Quốc Đạt PTIT | GIỚI THIỆU WEB 33 TÀI LIỆU THAM KHẢO PTIT | GIỚI THIỆU WEB 34 ... Của Web quản lý thiết bị phòng Gym Web quản lý thiết bị phòng Gym đời em tập Gym thấy người chủ phịng tập khơng có thời gian nhiều cho việc quản lý trang thiết bị Vì phải giúp cho khách tập thường... trạng thiết bị lúc nơi 1.2 Mô tả Web Web quản lý thiết bị phòng GYM web trang thiết bị, cung cấp loại thiết bị quản lý thiết bị nhóm thiết bị dễ dàng tìm thiết bị trống khách hàng cần Giao diện thân... thêm loại thiết bị thiết bị thêm từ động vào db  Thêm thiết bị:  Thêm thiết bị: lấy id loại thiết bị vừa thêm thông qua req.body gọi sp database để thêm thiết bị Sửa thông tin thiết bị: PTIT