Phân tích và thiết kế hệ thống bán quần áo online theo chuẩn đại học giao thông vận tải

Ngày nay, Công nghệ thông tin có vai trò hết sức quan trọng, là động lực thúc đẩy tăng trưởng kinh tế và kích thích đổi mới nền kinh tế toàn cầu nói chung và nền kinh tế nước ta nói riêng. Bước vào thời đại công nghiệp 4.0, công nghệ thông tin đã có các cải tiến vượt bậc. Ngày nay, các thiết bị điện tử đã không còn là những phương tiện quý hiếm, mà ngược lại đã trở thành phương tiện giải trí, công cụ làm việc tiện lợi của con người mọi lúc, mọi nơi. Việc phổ thông hóa các thiết bị điện tử đã mở ra cho nhân loại một kỷ nguyên mới – kỷ nguyên công nghệ thông tin.Song song với sự phát triển vượt trội của ngành Công nghệ thông tin thì bên cạnh đó thị trường thời trang đã và đang là thị trường đầy tiềm năng, nó ngày càng gần gũi và quan trọng với mọi người. Trong cuộc sống, nhu cầu làm đẹp cho bản thân của mọi người càng tăng cao dẫn đến sự phát triển vượt trội của các sàn thương mại điện tử lớn như: Lazada, Shopee, v.v.Hơn thế nữa, sự ảnh hưởng không nhỏ của dịch bệnh COVID19, việc giãn cách xã hội đã làm sôi động hoạt động mua bán hàng hóa, sản phẩm qua các trang thương mại điện tử, qua các trang bán hàng, website online hơn bao giờ hết. Khi mà dịch đang ngày càng căng thẳng việc phong tỏa các nơi đã làm việc mua sắm khó khăn lại không mang lại an toàn cho bản thân, cho gia đình và cho cộng đồng. Với tư cách là một sinh viên của khoa Công nghệ thông tin việc áp dụng công nghệ vào việc mua sắm, bán hàng để giúp cho thấy được nhiều lợi ích nhờ việc áp dụng công nghệ thông tin vào thực tế. Chính vì vậy, em đã quyết định lựa chọn đề tài “PHÂN TÍCH THIẾT KẾ HỆ THỐNG WEBSITE BÁN QUẦN ÁO ONLINE” để thực hiện đồ án của mình với mục đích nghiên cứu hệ thống website bán quần áo online, giúp cho việc mua bán được thuận tiện hơn (nhất là thời kỳ dịch bệnh như hiện tại) nhờ việc áp dụng công nghệ thông tin.

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ GIAO THÔNG VẬN TẢI KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO ĐỒ ÁN TỐT NGHIỆP TÊN ĐỀ TÀI PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG WEBSITE BÁN QUẦN ÁO ONLINE GIÁO VIÊN HƯỚNG DẪN: LÊ TRUNG KIÊN SINH VIÊN THỰC HIỆN: LÊ THỊ HƯỜNG MÃ SINH VIÊN: 69DCTT20067 LỚP: 69DCTT23 Hà Nội 2022 LỜI CẢM ƠN Trong thời gian làm đồ án tốt nghiệp, em nhận nhiều giúp đỡ, đóng góp ý kiến bảo nhiệt tình thầy cơ, gia đình bạn bè giúp em hoàn thiện đồ án tốt nghiệp Trước tiên em xin gửi tới thầy cô khoa Công nghệ thông tin trường Đại học Công nghệ Giao thông vân tải lời chúc sức khỏe lời cảm ơn chân thành Với quan tâm, bảo thầy cô tạo điều kiện cho em suốt trình học tập hồn thành đồ án tốt nghiệp lần Đặc biệt em xin gửi lời cảm ơn chân thành đến thầy Lê Trung Kiên trực tiếp tận tình hướng dẫn nhận xét giúp đỡ em suốt q trình hồn thiện đồ án Em xin chân thành cảm ơn đến Ban giám hiệu trường Đại học Công nghệ Giao thông vận tải thầy cô khoa Công nghệ thông tin tạo điều kiện tốt suốt trình học tập hoàn thiện đồ án Với điều kiện thời gian kinh nghiệm hạn chế sinh viên, đồ án không tránh khỏi thiếu sót Em mong nhận giúp đỡ thầy bạn để hồn thiện đồ án Em xin chân thành cảm ơn! Hà Nội, ngày tháng năm 2022 Sinh viên thực MỤC LỤC LỜI CẢM ƠN LỜI CAM ĐOAN MỤC LỤC DANH MỤC HÌNH ẢNH DANH MỤC BẢNG 11 BẢNG KÍ HIỆU CÁC CỤM TỪ VIẾT TẮT 14 LỜI MỞ ĐẦU 16 TÓM TẮT 17 CHƯƠNG 18 GIỚI THIỆU 18 1.1 Lý chọn đề tài 18 1.2 Mục tiêu đồ án 18 1.3 Giới hạn phạm vi đồ án 19 1.4 Kết dự kiến đạt 19 CHƯƠNG 20 KIẾN THỨC NỀN TẢNG 20 2.1 Cơ sở lý thuyết 20 2.1.1 Phân tích thiết kế hướng đối tượng 20 2.1.2 Ngôn ngữ thiết kế website HTML 20 2.1.3 CSS 21 2.1.4 JAVASCRIPT JQUERY 21 2.1.5 PHP 22 2.1.6 UML 22 2.1.7 Cơ sở liệu 24 2.2 Công cụ sử dụng 25 2.2.1 Phần mềm hỗ trợ phân tích thiết kế StarUML 25 2.2.2 Framework Codeigniter 26 2.2.3 MYSQL 27 2.2.4 XAMPP 27 2.2.5 Visual Studio Code (VS Code) 28 CHƯƠNG 29 PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 29 3.1 Khảo sát hệ thống 29 3.1.1 Giới thiệu đơn vị khảo sát 29 3.1.2 Phỏng vấn 30 3.1.3 Mô tả trạng hệ thống 41 3.2 Yêu cầu cho hệ thống 41 3.3 Mô tả tốn 42 3.4 Phân tích thiết kế 45 3.4.1 Xác định tác nhân (Actor) chức (Usecase) 45 3.4.2 Biểu đồ ca sử dụng (Usecase Diagram) 50 3.4.3 Đặc tả ca sử dụng loại biểu đồ (Use Case specification) 59 3.4.4 Biểu đồ trạng thái (State Diagram) 137 3.4.5 Biểu đồ thành phần (Component Diagram) 138 3.4.6 Biểu đồ triển khai (Deployment Diagram) 139 3.4.7 Biểu đồ lớp (Class Diagram) 139 3.4.8 Thiết kế sở liệu vật lý 140 3.4.9 Xây dựng sở liệu vật lý 147 CHƯƠNG 148 XÂY DỰNG CHƯƠNG TRÌNH 4.1 Xây dựng module chương trình 148 148 4.1.1 Module chức thêm tài khoản 148 4.1.2 Module chức sửa sản phẩm 150 4.1.3 Module chức thêm sản phẩm vào giỏ hàng 151 4.2 Cài đặt chương trình 153 4.3 Một số giao diện website 154 4.3.1 Giao diện trang chủ 154 4.3.2 Giao diện trang quản trị 157 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 159 TÀI LIỆU THAM KHẢO 160 DANH MỤC HÌNH ẢNH Hình Bố cục HTML 21 Hình 2 Các phần tử UML 22 Hình Chuẩn hóa liệu [3] 25 Hình Mơ hình MVC 27 Hình Usecase tổng quát 50 Hình Usecase dành cho tác nhân ‘Quantri’ 50 Hình 3 Usecase dành cho tác nhân ‘Nhanvien’ 51 Hình Usecase dành cho tác nhân ‘Khách hàng’ 51 Hình Usecase dành cho tác nhân ‘Khách xem’ 52 Hình Biểu đồ chi tiết usecase ‘Đăng nhập’ Quantri, Nhanvien, Khachhang 52 Hình Biểu đồ chi tiết usecase ‘Quản lý tài khoản’ Quantri 53 Hình Biểu đồ chi tiết usecase ‘Đặt hàng’ 53 Hình Biểu đồ chi tiết usecase ‘Quản lý giao dịch’ Quantri, Nhanvien 53 Hình 10 Biểu đồ chi tiết usecase ‘Quản lý đơn hàng’ khách hàng 54 Hình 11 Biểu đồ chi tiết usecase ‘Quản lý sản phẩm’ Quantri, Nhanvien 54 Hình 12 Biểu đồ chi tiết usecase ‘Quản lý danh mục’ Quantri, Nhanvien 54 Hình 13 Biểu đồ chi tiết usecase ‘Quản lý màu sắc’ Quantri, Nhanvien 55 Hình 14 Biểu đồ chi tiết usecase ‘Quản lý size’ Quantri, Nhanvien 55 Hình 15 Biểu đồ chi tiết usecase ‘Quản lý tin tức’ Quantri, Nhanvien 56 Hình 16 Biểu đồ chi tiết usecase ‘Thống kê’ Quantri, Nhanvien 56 Hình 17 Biểu đồ chi tiết usecase ‘Quản lý giỏ hàng’ Khách xem, khách hàng 56 Hình 18 Biểu đồ chi tiết use case ‘Đăng ký tài khoản’ khách xem 57 Hình 19 Biểu đồ chi tiết use case ‘Quản lý tài khoản’ khách hàng có tài khoản 57 Hình 20 Biểu đồ chi tiết use case ‘Quản lý tài khoản cá nhân’ Quan tri, Nhan vien 57 Hình 21 Biểu đồ chi tiết use case ‘Quản lý nhân viên hỗ trợ’ Quản trị, Nhân viên 58 Hình 22 Biểu đồ chi tiết use case ‘Xem chi tiết sản phẩm’ người dùng 58 Hình 23 Biểu đồ chi tiết use case ‘Tìm kiếm’ 58 Hình 24 Biểu đồ hoạt động chức 'Đăng nhập' 60 Hình 25 Biểu đồ trình tự chức 'Đăng nhập' 60 Hình 26 Biểu đồ hoạt động chức thêm tài khoản 62 Hình 27 Biểu đồ trình tự chức thêm tài khoản 62 Hình 28 Biểu đồ hoạt động chức sửa tài khoản 64 Hình 29 Biểu đồ trình tự chức sửa tài khoản 64 Hình 30 Biểu đồ hoạt động chức xóa tài khoản 66 Hình 31 Biểu đồ trình tự chức xóa tài khoản 66 Hình 32 Biểu đồ hoạt động chức đặt hàng 68 Hình 33 Biểu đồ trình tự chức đặt hàng 68 Hình 34 Biểu đồ hoạt động chức xử lý giao dịch 70 Hình 35 Biểu đồ trình tự chức xử lý giao dịch 71 Hình 36 Biểu đồ hoạt động chức xóa giao dịch 72 Hình 37 Biểu đồ trình tự chức xóa giao dịch 73 Hình 38 Biểu đồ hoạt động chức in giao dịch 74 Hình 39 Biểu đồ trình tự chức in giao dịch 74 Hình 40 Biểu đồ hoạt động chức xem lịch sử đơn đặt hàng 76 Hình 41 Biểu đồ trình tự chức xem lịch sử đơn đặt hàng 76 Hình 42 Biểu đồ hoạt động chức xem chi tiết đơn hàng 78 Hình 43 Biểu đồ chức xem chi tiết đơn hàng 78 Hình 44 Biểu đồ hoạt động chức hủy đơn đặt hàng 80 Hình 45 Biểu đồ trình tự chức hủy đơn đặt hàng 81 Hình 46 Biểu đồ hoạt động chức thêm sản phẩm 82 Hình 47 Biểu đồ trình tự chức thêm sản phẩm 83 Hình 48 Biểu đồ hoạt động chức sửa sản phẩm 84 Hình 49 Biểu đồ trình tự chức sửa sản phẩm 85 Hình 50 Biểu đồ hoạt động chức xóa sản phẩm 86 Hình 51 Biểu đồ trình tự chức xóa sản phẩm 87 Hình 52 Biểu đồ hoạt động chức thêm danh mục 88 Hình 53 Biểu đồ trình tự chức thêm danh mục 89 Hình 54 Biểu đồ hoạt động chức sửa danh mục 90 Hình 55 Biểu đồ chức sửa danh mục 91 Hình 56 Biểu đồ hoạt động chức xóa danh mục 92 Hình 57 Biểu đồ trình tự chức xóa danh mục 93 Hình 58 Biểu đồ hoạt động chức thêm màu sắc 94 Hình 59 Biểu đồ trình tự chức thêm màu sắc 95 Hình 60 Biểu đồ hoạt động chức sửa màu sắc 96 Hình 61 Biểu đồ trình tự chức sửa màu sắc 97 Hình 62 Biểu đồ hoạt động chức xóa màu sắc 98 Hình 63 Biểu đồ trình tự chức xóa màu sắc 99 Hình 64 Biểu đồ hoạt động chức thêm size 100 Hình 65 Biểu đồ trình tự chức thêm size 101 Hình 66 Biểu đồ hoạt động chức sửa size 102 Hình 67 Biểu đồ trình tự chức sửa size 103 Hình 68 Biểu đồ hoạt động chức xóa size 104 Hình 69 Biểu đồ trình tự chức xóa size 105 Hình 70 Biểu đồ hoạt động chức thêm tin tức 106 Hình 71 Biểu đồ trình tự chức thêm tin tức 107 Hình 72 Biểu đồ hoạt động chức sửa tin tức 108 Hình 73 Biểu đồ trình tự chức sửa tin tức 109 Hình 74 Biểu đồ hoạt động chức xóa tin tức 110 Hình 75 Biểu đồ trình tự chức xóa tin tức 111 Hình 76 Biểu đồ hoạt động chức thống kê 112 Hình 77 Biểu đồ trình tự chức thống kê 112 Hình 78 Biểu đồ hoạt động chức thêm sản phẩm vào giỏ hàng 114 Hình 79 Biểu đồ trình tự chức thêm sản phẩm vào giỏ hàng 114 Hình 80 Biểu đồ hoạt động chức xóa sản phẩm giỏ hàng 116 Hình 81 Biểu đồ trình tự chức xóa sản phẩm giỏ hàng 116 Hình 82 Biểu đồ hoạt động chức sửa giỏ hàng 118 Hình 83 Biểu đồ trình tự chức sửa giỏ hàng 118 Hình 84 Biểu đồ hoạt động chức đăng ký tài khoản 120 Hình 85 Biểu đồ trình tự chức đăng ký tài khoản 120 Hình 86 Biểu đồ hoạt động chức thay đổi thơng tin, mật 122 Hình 87 Biểu đồ trình tự chức sửa thơng tin, mật 122 Hình 88 Biểu đồ hoạt động chức thêm thành viên hỗ trợ 124 Hình 89 Biểu đồ trình tự chức thêm thành viên hỗ trợ 124 Hình 90 Biểu đồ hoạt động chức sửa thành viên hỗ trợ 126 Hình 91 Biểu đồ trình tự chức sửa thành viên hỗ trợ 126 Hình 92 Biểu đồ hoạt động xóa thành viên hỗ trợ 128 Hình 93 Biểu đồ trình tự chức xóa thành viên hỗ trợ 128 Hình 94 Biểu đồ hoạt động chức xem chi tiết sản phẩm 130 Hình 95 Biểu đồ trình tự xem chi tiết sản phẩm 130 Hình 96 Biểu đồ hoạt động tính lượt xem cho sản phẩm 131 Hình 97 Biểu đồ trình tự tính lượt xem cho sản phẩm 132 Hình 98 Biểu đồ hoạt động đánh giá sản phẩm 133 Hình 99 Biểu đồ trình tự đánh giá sản phẩm 133 Hình 100 Biểu đồ hoạt động tìm kiếm theo tên sản phẩm 135 Hình 101 Biểu đồ trình tự tìm kiếm theo tên sản phẩm 135 Hình 102 Biểu đồ hoạt động tìm kiếm theo giá sản phẩm 136 Hình 103 Biểu đồ trình tự tìm kiếm theo giá sản phẩm 137 Hình 104 Biểu đồ trạng thái Đăng nhập 137 Hình 105 Biểu đồ trạng thái giao dịch 138 Hình 106 Biểu đồ trạng thái sản phẩm 138 Hình 107 Biểu đồ thành phần 138 Hình 108 Biểu đồ triển khai 139 Hình 109 Biểu đồ lớp 139 Hình 110 Mơ hình sở liệu 147 Hình Lưu đồ thuật tốn chức thêm tài khoản 148 Hình Lưu đồ thuật tốn chức sửa sản phẩm 150 Hình Lưu đồ thuật toán chức thêm sản phẩm vào giỏ hàng 151 Hình 4 Giao diện trang chủ 154 Hình Giao diện chi tiết sản phẩm 155 Hình Giao diện đăng ký thành viên cho khách hàng 156