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 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat 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.3.2 Giới thiệu NodeJS: 1.4 Công cụ sử dụng thiết kế đề tài .2 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 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 2.2.5 Phân tích trang hóa đơn 2.2.6 Phân tích trang thiết bị .4 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 .7 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat 2.5.4 Equipment 2.5.5 State 2.5.6 Suppliers 2.5.7 Staff 2.5.8 Record .9 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 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat 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 i TIEU LUAN MOI download : skknchat123@gmail.com moi nhat 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 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat 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 .9 PTIT | LỜI NÓI ĐẦU iii TIEU LUAN MOI download : skknchat123@gmail.com moi nhat 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 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 PTIT | LỜI NÓI ĐẦU iv TIEU LUAN MOI download : skknchat123@gmail.com moi nhat LỜI NĨI ĐẦU Ngày nay, cơng nghệ thơng tin trở thành phần khơng thể 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 hồn thiện Em xin chân thành cám ơn PTIT | LỜI NÓI ĐẦU v TIEU LUAN MOI download : skknchat123@gmail.com moi nhat 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 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat 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 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 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat  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 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat Hình 4-2bTrang quản lý Admin Tài khoản: PTIT | GIỚI THIỆU WEB 21 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat  Thêm tài khoản:  Chỉnh sửa tài khoản: PTIT | GIỚI THIỆU WEB 22 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat 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 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat  Chỉnh sửa nhà cung cấp: PTIT | GIỚI THIỆU WEB 24 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat  Xóa nhà cung cấp: PTIT | GIỚI THIỆU WEB 25 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat 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 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat  Xóa hóa đơn: PTIT | GIỚI THIỆU WEB 27 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat 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 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat  Xóa thiết bị: PTIT | GIỚI THIỆU WEB 29 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat 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 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat PTIT | GIỚI THIỆU WEB 31 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat 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 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat LỜI CẢM ƠN Chúng em gửi lời cảm ơn đến Nguyễn Thị Bích Ngun 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 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat TÀI LIỆU THAM KHẢO PTIT | GIỚI THIỆU WEB 34 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat ... 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ị Sau 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