Đề tài xây d ng website bán n áo cho c ự quầ nam ửa hàng ntd

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CÔNG NGHỆ ĐỒ ÁN MÔN HỌC ĐỒ N CHUYÊN NGNH XÂY DỰNG WEBSITE BÁN QUẦN ÁO NAM CHO CỬA HÀNG NTD GVHD: ThS Nguyn H u Vnh SVTH: Nguyễn Trường Duy BNH DƯƠNG – 11/2021 0 1824801030058 TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CÔNG NGHỆ ĐỒ ÁN MÔN HỌC ĐỒ N CHUYÊN NGNH XÂY DỰNG WEBSITE BÁN QUẦN ÁO NAM CHO CỬA HÀNG NTD GVHD: ThS Nguyn H u Vnh SVTH: Nguyễn Trường Duy BNH DƯƠNG – 11/2021 i 0 1824801030058 TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CÔNG NGHỆ NHẬN XÉT VÀ CHẤM ĐIỂM CỦA GIẢNG VIÊN Họ tên giảng viên: Ths Nguyn Hu Vnh Tên đề tài: XÂY DỰNG WEBSITE BÁN QUẦN ÁO NAM CHO C ỬA HÀNG NTD Nội dung nhận xét: Điểm: Bằng số: Bằng chữ: GIẢNG VIÊN CHẤM (Ký, ghi rõ họ tên) ThS Nguyn H u Vnh ii 0 MỞ ĐẦU Công nghệ thông tin giai đoạn có bước phát triển nhu vũ bão lĩnh vực hoạt động khắp nơi toàn giới, điều xảy vài năm vừa qua Việt Nam đầu tư ạt vào công nghệ Tin học vấn đề thiếu tổ chức, công ty Đặc biệt tin học ngày có vai trị quan trọng vấn đề quản lý quan, tổ chức lĩnh vực thu thập thông tin Đối với Việt Nam, công nghệ thông tin mớ i phát triển vòng vài năm trở lại bước phát triển nhũng bước phát triển cho thấy Việt Nam nước có tiềm lĩnh vực công nghệ thông tin, phát triển hệ thống thơng tin mạnh đất nước Hệ thống thông tin giúp cho công việc quản lý dễ dàng hơn, nâng cao hiệu làm việc, tiết kiệm thời gian công sức Qua nghiên cứu học hỏi từ thầy cô, bạn bè cách thiết kế website, em đưa kết “Website bán quần áo nam cho cửa hàng NTD” Hi vọng sản phẩm giúp người chọn cho trang phục ưng ý để tôn lên vẻ đẹp thân cách tốt iii 0 MỤC LỤC MỞ ĐẦU iii MỤC LỤC iv DANH MỤC HÌNH vii DANH MỤC BẢNG viii DANH SÁCH CÁC KÝ TỰ, CHỮ VIẾT TẮT ix CHƯƠNG MÔ TẢ BI TON V SƠ ĐỒ CHỨC NĂNG 10 1.1 Mơ tả tốn: 10 1.1.1 Gi ới thiệu Website bán quần áo cho cửa hàng NTD 10 1.1.2 M ục tiêu đối tượng nghiên cứu 10 1.1.3 Các yêu cầu hệ thống 10 1.1.4 Các chức tiêu biểu 11 CHƯƠNG TỔNG QUAN VỀ PHP, CÁC FRAMEWORK SỬ DỤNG VÀ CÁC SƠ ĐỒ CHỨC NĂNG 13 2.1 Tổng quan PHP: 13 2.1.1 Gi ới thiệu PHP 13 2.1.2 Lịch sử phát triển 13 2.1.3 M ột số thư viện Framework 14 2.1.4 Gi ới thiệu MySQL 18 2.2 Khảo sát Website 19 2.3 Tích hợp cơng nghệ vào Website 20 2.4 Sơ đồ chức năng(Usecase Diagram) 20 CHƯƠNG PHÂN TCH V THIẾT KẾ CƠ SỞ DỮ LIỆU 21 3.1 Danh sách Actor 21 3.2 Danh sách Usecase 21 3.3 Sơ đồ Usecase 23 3.4 Đặc tả Usecase 24 3.4.1 Đc t usecase đăng nhp 24 3.4.2 Đc t Usecase đăng xut 24 3.4.3 Đc t Usecase đăng k tài khon 25 3.4.4 Đc t Usecase cp nht thông tin tài khon 26 3.4.5 Đc t Usecase mua hàng 27 iv 0 3.4.6 Đc t Usecase xem chi tit sn phm 28 3.4.7 Đc t Usecase danh sch đơn hàng 29 3.4.8 Đc t Usecase cp nht sn phm 30 3.4.9 Đc t Usecase cp nht loi sn phm 31 3.4.10 Đc t Usecase thêm sn phm 32 3.4.11 Đc t Usecase cp nht đơn hàng 33 3.4.12 Đc t Usecase sp xp sn phm 34 3.4.13 Đc t Usecase tm kim sn phm 35 3.5 Lược đồ CSDL 36 3.6 Sơ đồ liên kết trang 36 CHƯƠNG HIỆN THỰC CHỨC NĂNG V KIỂM THỬ 37 4.1 Hiện thực chức năng: 37 4.1.1 Trang đăng k 37 4.1.2 Trang đăng nhp 38 4.1.3 Trang Chủ 38 4.1.4 Trang Sn Phm 39 4.1.5 Trang Chi tit sn phm 39 4.1.6 Trang Giỏ hàng 40 4.1.7 Trang giao hàng 42 4.1.8 Trang ton 43 4.1.9 Trang đt hàng thành công 44 4.1.10 Trang Danh sch sn phm 44 4.1.11 Trang Thêm sn phm 45 4.1.12 Trang Sửa sn phm 46 4.1.13 Trang Sửa đơn hàng 47 4.1.14 Trang Danh sch đơn hàng 48 4.1.15 Trang Danh sch tài khon khch hàng 49 4.1.16 Trang thêm mi tài khon cho khch hàng 49 4.1.17 Trang sửa tài khon cho khch hàng 50 4.1.18 Trang danh sch tài khon Admin 51 4.1.19 Trang thêm tài khon Admin 51 4.1.20 Trang sửa tài khon Admin 52 4.1.21 Trang đi mt khu 53 v 0 4.1.22 Trang thông tin c nhân 53 4.1.23 Trang sửa thông tin khch hàng 54 4.1.24 Trang đi mt khu 55 4.1.25 Trang thông tin gi ỏ hàng 56 4.1.26 Trang chi tit đơn hàng 56 CHƯƠNG KẾT LUẬN V HƯỚNG PHÁT TRIỂN 57 5.1 Kết luận: 57 5.1.1 Các chức ứng dụng làm được: 57 5.1.2 Hn ch website: 57 5.2 Hướng phát triển: 57 TÀI LIỆU THAM KHẢO 59 vi 0 DANH MỤC HÌNH Hình 1: Sơ đồ chức năng(Usecase Diagram) 20 Hình 2: Sơ đồ Usecase khách hàng 23 Hình 3: Sơ đồ Usecase Admin 23 Hình 4: Lược đồ CSDL 36 Hình 5: Sơ đồ liên kết trang 36 Hình 6: Trang đăng ký 37 Hình 7: Trang đăng nhập 38 Hình 8: Trang Chủ 38 Hình 9: Trang Sản Phẩm 39 Hình 10: Trang Chi tiết sản phẩm(1) 39 Hình 11: Trang Chi tiết sản phẩm(2) 40 Hình 12: Trang Giỏ hàng 40 Hình 13: Trang Giỏ hàng 41 Hình 14: Trang giao hàng 42 Hình 15: Trang tốn 43 Hình 16: Trang đặt hàng thành cơng 44 Hình 17: Trang Danh s ách sản phẩm 44 Hình 18: Trang Thêm sản phẩm 45 Hình 19: Trang Sửa sản phẩm 46 Hình 20: Trang Sửa đơn hàng 47 Hình 21: Trang Danh s ách đơn hàng 48 Hình 22: Trang Danh s ách tài khoản khách hàng 49 Hình 23: Trang thêm mói tài khoản cho khách hàng 49 Hình 24: Trang sửa tài khoản cho khách hàng 50 Hình 25: Trang danh s ách tài khoản Admin 51 Hình 26: Trang thêm tài khoản Admin 51 Hình 27: Trang sửa tài khoản Admin 52 Hình 28: Trang đổi mật 53 Hình 29: Trang thơng tin cá nhân 53 Hình 30: Trang sửa thơng tin khách hàng 54 Hình 31: Trang đổi mật 55 Hình 32: Trang thông tin giỏ hàng 56 Hình 33: Trang chi tiết đơn hàng 56 vii 0 DANH MỤC BẢNG Bảng 1: Danh sách Actor 21 Bảng 2: Danh sách Usecase 22 Bảng 3: Đặc tả Usecasr đăng nhập 24 Bảng 4: Đặc tả Usecase đăng xuất 25 Bảng 5: Đặc tả Usecase đăng ký tài khoản 26 Bảng 6: Đặc tả Usecase cập nhật thông tin t ài khoản 27 Bảng 7: Đặc tả Usecase mua hàng 28 Bảng 8: Đặc tả Usecase xem chi tiết sản phẩm 29 Bảng 9: Đặc tả Usecase danh sách đơn hàng 30 Bảng 10: Đặc tả Usecase cập nhật sản phẩm 31 Bảng 11: Đặc tả Usecase cập nhật loại sản phẩm 32 Bảng 12: Đặc tả Usecase thêm sản phẩm 33 Bảng 13: Đặc tả Usecase cập nhật đơn hàng 34 Bảng 14: Đặc tả Usecase cập nhật đơn hàng 34 Bảng 15: Đặc tả Usecase tìm kiếm sản phẩm 35 viii 0 DANH SÁCH CÁC KÝ TỰ, CHỮ VIẾT TẮT Từ viết tắt Giải thích Tiếng Việt CSDL Cơ sở liệu ĐVT Đơn vị tính TV Thành viên DH Đơn hàng SP Sản phẩm Tiếng Anh UC Use Case ix 0 4.1.18 Trang danh sch t ài khoản Admin  Mô tả trang: Hình 25: Trang danh s ách tài khoản Admin  Trang Danh sách tài khoản Admin bao gồm: mã tài khoản, tên khách hàng, email, địa chỉ, số điện thoại, tên đăng nhập chức sửa, xóa, đổi mật 4.1.19 Trang thêm t ài khoản Admin  Mơ tả trang: Hình 26: Trang thêm tài khoản Admin 51 0  Gồm TextBox: tên tài khoản, email, địa chỉ, số điện thoại, tên đăng nhập, mật button Lưu  Các bước thực hiện:  Bước 1: nhập thông tin vào TextBox  Bước 2: ấn nút Lưu 4.1.20 Trang sửa tài khoản Admin  Mơ tả trang: Hình 27: Trang sửa tài khoản Admin  Gồm TextBox: mã tài kho ản, tên tài kho ản, email, địa chỉ, SDT, tên đăng nhập, mật khẩu, button Lưu load hiển thị từ CSDL  Các bước thực hiện:  Bước 1: nhập thông tin cần sửa vào TextBox  Bước 2: ấn nút Lưu 52 0 4.1.21 Trang đi mật khu  Mô tả trang: Hình 28: Trang đổi mật  Gồm TextBox: mã tài kho ản, tên tài kho ản, email, địa chỉ, SDT, tên đăng nhập, mật khẩu, button Lưu load hiển thị từ CSDL  Các bước thực hiện:  Bước 1: nhập thông tin cần sửa vào TextBox  Bước 2: ấn nút Lưu 4.1.22 Trang thông tin c nhân  Mô tả trang: Hình 29: Trang thơng tin cá nhân 53 0  Gồm thẻ p: mã tài khoản, tên khách hàng, email, địa chỉ, SDT, button sửa thông tin load hiển thị từ CSDL 4.1.23 Trang sửa thơng tin khch hàng  Mơ tả trang: Hình 30: Trang sửa thông tin khách hàng  Gồm TextBox: mã tài kho ản, tên khách hàng, email, địa chỉ, SDT, button Lưu load hiển thị từ CSDL  Các bước thực hiện:  Bước 1: nhập thông tin cần sửa vào TextBox  Bước 2: ấn nút Lưu  Bước 3: hệ thống thông báo lưu thành công 54 0 4.1.24 Trang đi mật khu  Mơ tả trang: Hình 31: Trang đổi mật  Gồm TextBox: nhập lại mật cũ, nhập mật mơi, nhập lại mật mớ, button Lưu  Các bước thực hiện:  Bước 1: nhập thông tin vào TextBox  Bước 2: ấn nút Lưu  Bước 3: hệ thống thông báo lưu thành công 55 0 4.1.25 Trang thông tin giỏ hàng  Mơ tả trang: Hình 32: Trang thơng tin giỏ hàng - Gồm bảng ghi lại thông tin đơn hàng khách hàng: mã đơn hàng, ngày lập hóa đơn, tên khách hàng, địa chỉ, số điện thoại, phương thức tốn, tình trạng, thành tiền, button để xem chi tiết đơn hàng 4.1.26 Trang chi tiết đơn hàng  Mơ tả trang: Hình 33: Trang chi tiết đơn hàng - Gồm bảng ghi lại thông tin đơn hàng khách hàng: mã sản phẩm, tên sản phẩm, size, đơn giá, số lượ ng, thành tiền 56 0 CHƯƠNG KẾT LUẬN V HƯỚNG PHÁT TRIỂN Chương trình bày kt lun cuối cùng, ưu điểm, khuyt điểm website, cc website làm hướng phát triển website 5.1 Kết luận: - Kết đạt cá nhân em phân tích thiết kế hệ thống thông tin website bán quần áo nam cho cửa hàng NTD, thiết kế sơ đồ usecase, sơ đồ activity, xây dựng chức đăng nhập, đăng ký, đăng xuất, đổi mật khẩu, chức tìm kiếm, cập nhật thơng tin ngườ i dùng, chức đặt hàng, giỏ hàng, quản lý giỏ hàng, tạo viết mới, sửa-xóa viết, bình luận 5.1.1 Các chức ứng dụng làm được: - Xây dựng chức đăng nhập - Đăng ký, đăng xuất, đổi mật - Chức tìm kiếm - Cập nhật thông tin người dùng - Chức đặt hàng - Giỏ hàng - Quản lý giỏ hàng - Tạo viết - Sửa-xóa viết, bình luận 5.1.2 Hạn chế website: - Tốc độ xử lí liệu cịn chậm - Website chưa có chức tốn trực tuyến - Thời gian cịn hạn chế - Một số vấn đề khó cần trợ giúp từ người khác - Giao diện chưa tối ưu 5.2 Hướng phát triển: - Hướng phát triển trang phần mề m tiến tới bổ sung tối ưu số chức cửa hàng bán quần áo cho nam nữ, phụ 57 0 kiện thời trang, danh sách đối tác cung cấp sản phẩm, cải thiện sở liệu, cải thiện giao diện làm phần mềm trở nên hoàn thiện nhiều chức cho người dùng 58 0 TÀI LIỆU THAM KHẢO Tiếng việt [1] Charles Wyke-Smith, "Định Kiểu Web Với CSS - Phiên Bản Lần Thứ 2", Alpha Books: NXB Tri Thức, 03-2011 [2] Đậu Quang Tuấn, "T ự Học Thiết Kế Trang Web Bằng JAVA Script", NXB Giao Thông Vận Tải, 2006 [3] Harris, Joel Murach - Ray, "Lập Trình Nâng Cao PHP Và MySQL", TRƯỜNG ĐẠI HỌC FPT, 09-2014 [4] Đậu Quang Tuấn, "T ự Học Thiết Kế Trang Web Bằng HTML", NXB Giao Thông Vận Tải, 2006 Website [5] https://hiepsiit.com/detail/php/ngonnguphp [6] https://hiepsiit.com/detail/html/ngon-ngu-html [7] https://hiepsiit.com/detail/html/ngonngucss [8] https://hiepsiit.com/detail/html/javascript 59 0 TRƯỜNG ĐH THỦ DẦU MỘT CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM VIỆN KỸ THUẬT CÔNG NGHỆ Độc lập – Tự – Hạnh phúc PHIẾU ĐNH GI PROJECT (Đnh gi qu trnh thự c hiện, bo co văn bn sn phm) Học phần: Đồ Án Chuyên Ngành Họ tên sinh viên (MSSV): Nguyễn Trường Duy Tiêu chí Thái độ tham gia tích cực MSSV: 1824801030058 Trọng Tốt Khá Trung bình Kém số % 100% 75% 50% 0% chủ động đưa Tìm kiếm đưa Chọn ý tưởng số ý tưởng mang tính ý tưởng tốt đề nghị Tích cực tìm kiếm Nêu ý tưởng 05 60 0 Không quan tâm lựa chọn ý tưởng Lập kế hoạch thực 05 Hoàn toàn hợp lý, Khá hợp lý, điều khơng cần điều chỉnh chút theo chỉnh góp ý Chuẩn bị tốt Giai đoạn chuẩn bị 10 Chuẩn bị đa số điều kiện cho việc điều kiện cho việc thực project, khởi động project nghiêm túc 10 Thực hoàn toàn phương pháp ý Chuẩn bị số điều kiện cho việc thực Không chuẩn bị sung thêm mớ i sung sau khởi động nhỏ có sửa chữa Triển khai kế kế hoạch, có chậm hoạch trễ không gây ảnh hưởng 61 chỉnh theo góp khởi động bổ Triển khai 10 chỉnh theo góp ý điều kiện phương pháp, sai sót thực khơng điều cần bổ Thực Giai đoạn Chưa hợp lý, có điều thực hiện, Q trình thực Không hợ p lý Thực tương đối phương pháp, sai sót quan trọng có sửa chữa Thực khơng phương pháp, sai sót khơng sửa chữa Triển khai tương đối Triển khai kế hoạch, có chậm trễ, gây chậm trễ gây ảnh ảnh hưởng hưởng khắc không khắc phục phục Mức độ đạt mục tiêu 20 Ghi rõ từ ng mục tiêu thành phần (ở giai đoạn project) thang điểm cụ thể thành phần Báo cáo Nội dung kết báo cáo văn rõ ràng Trình bày báo cáo 10 - Báo cáo tiến trình thực - Thuyết minh sản phẩm - Bài học rút 10 - Format quán - Văn phong ph hợp Chất lượng sản phẩm đáp ứng 20 (Ghi rõ tiêu chí chm điểm sn phm thang điểm chi tit cho tiêu chí) tiêu chí đề 62 0 ĐIỂM CỦA NHĨM: GĨP Ý LĨNH VỰC CẦN CẢI TIẾN: ĐIỂM PROJECT NHÓM - Về phương pháp học tập, suy nghĩ, xử lý vấn đề: - Về kiến thức, kỹ năng, thái độ: - Khác: - Phương pháp cải tiến: - Nơi cung cấp hỗ trợ: TÊN HỌ VÀ CHỮ KÝ XÁC NHẬN CỦA GV: Phần 2: Đánh giá cá nhân làm việc nhóm Làm việc nhóm Hướng dẫn: Nhóm họp tho lun đnh gi lẫn K t qu sử dụng để qui đi từ điểm nhóm thành điểm cá nhân, tuỳ theo % m ỗi c nhân đt 1) Thành viên có tham gia họp đầy đủ: 40% Đầy đủ: 40% Vắng họp lần: 20% Vắng họp lần: 0% 2) Thành viên nộp sản phm giao hạn: 40% Đúng hạn: 40% 63 0 Trễ ngày: 20% Trễ ngày: 0% 3) Thành viên có tham gia giải vấn đề, đóng góp ý kiến cải tiến: 20% Đóng góp đạt hiệu quả: 20% Có quan tâm đóng góp: 10% Khơng quan tâm: 0% Danh sách thành viên Nhóm: ĐIỂM THÀNH VIÊN NHĨM (do nhóm ghi) (Tên họ):Nguyễn Trường Duy Điểm làm việc nhóm (%): 100% TÊN HỌ VÀ CHỮ KÝ XÁC NH ẬN CỦA CÁC THÀNH VIÊN TRONG NHÓM: Danh sách thành viên Nhóm: ĐIỂM CỦA CÁ NHÂN (do GV ghi) (Tên họ): Nguyễn Trường Duy Điểm cá nhân: Phan Phú Trọng TÊN HỌ VÀ CHỮ KÝ XÁC NH ẬN CỦA GV: Ghi nhận GV GÓP Ý CẢI TIẾN CHO CÁ NHÂN: (phần GV ghi lưu riêng 1) Tên SV: để theo dõi, tư vn cho cá nhân SV, GÓP Ý LĨNH VỰC CẦN CẢI TIẾN: khơng ph bin cho lớp, nhóm) - Về phương pháp học tập, suy nghĩ, xử lý vấn đề: 64 0 - Về kiến thức, kỹ năng, thái độ: - Khác: - Phương pháp cải tiến: - Nơi cung cấp hỗ trợ: 2) Tên SV: 65 0 ... th? ?c 1.1 Mơ tả t? ?n: 1.1.1 Giới thi ệu Website b? ?n qu? ?n áo cho c? ??a h? ?ng NTD T? ?n đề tài: Website b? ?n qu? ?n áo cho c? ??a h? ?ng NTD Website b? ?n qu? ?n áo cho c? ??a h? ?ng NTD trang web, n? ?i ng? ?ời tìm cho qu? ?n. .. đ? ?n h? ?ng Hậu điều ki? ?n Ng? ?ời d? ?ng xem đ? ?n h? ?ng Mô tả chung Cho phép ng? ?ời d? ?ng xem đ? ?n h? ?ng hệ th? ?ng D? ? ?ng ki? ?n B1: Ng? ?ời d? ?ng ? ?n vào th? ?ng tin đ? ?n h? ?ng giao di? ?n th? ?ng tin c? ? nh? ?n B2: Hệ th? ?ng. .. ng? ?ời d? ?ng c? ??p nhật th? ?ng tin đ? ?n h? ?ng hệ th? ?ng D? ? ?ng ki? ?n B1: Ng? ?ời d? ?ng ? ?n vào Danh sách d? ?n h? ?ng B2: Hệ th? ?ng hi? ?n thị giao di? ?n danh sách đ? ?n h? ?ng B3: Ng? ?ời d? ? ?ng đi? ?n th? ?ng tin c? ??p nhật B4: Ng? ?ời