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í N18DCAT094 TPHCM 6/2021 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 2.1 Mô hình trạng thái Web .3 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ủ .4 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 2.5 Table .6 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 Các chữ viết tắt/tiếng anh/kí hiệu OOP OOD ERD Cụm từ đầy đủ/Giải thích Hướng đối tượng Object-oriented design/Sơ đồ liên kết thực thể hướng đối tượng Entity Relationship Diagram PTIT | LỜI NĨI ĐẦU 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 DANH MỤC CÁC BẢNG BIỂU Bảng 2-1Table Account .7 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 BẢNG PHÂN CHIA CÔNG VIỆC STT Họ Tên/MSSV Hồ Quốc Đạt/N18DCAT016 Trần Ngun Thiên Trí/N18DCAT094 Cơng Việc - Làm Database Code file server.js, phụ bạn Trí code module nhổ file cịn lại Soạn Word Code Hướng dẫn bạn nhóm code Hỗ trợ soạn word Hỗ trợ làm Database 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 đề cị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 hồn thiện Em xin chân thành cám ơn 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 o Dễ dàng mở rộng Nếu bạn có nhu cầu phát triển website tính dễ dàng mở rộng NodeJS lợi quan trọng PTIT | GIỚI THIỆU WEB 1.4 Công cụ sử dụng thiết kế đề tài     Dùng NodeJS React Visual Studio Code IDE để viết code SQL SERVER hỗ trợ Database Bootstrap 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ử: Hình 4-2bTrang quản lý Admin Tài khoản:  Thêm tài khoản:  Chỉnh sửa tài khoản: 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:  Chỉnh sửa nhà cung cấp:  Xóa nhà cung cấp: 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  Xóa hóa đơn: 4.5 Kiểm thử Thiết bị  Mặc định: Hình 4-5Thiết bị  Chỉnh sửa thiết bị:  Xóa thiết bị: 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 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, cịn 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 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 TÀI LIỆU THAM KHẢO ... 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... bị Tên hạn bảo hành không cho phép thay đổi  Xóa thiết bị: Lấy id thiết bị gọi sp database để xóa Xóa thiết bị thực việc không quản lý thiết bị khơng xóa thiết bị khỏi db 3.5 Thiết kế quản lý