ĐỀ TÀI:XÂY DỰNG WEBSITE BÁN QUẦN ÁO TỰ THIẾT KẾ . Giảng viên hướng dẫn : ThS. TRẦN ĐÌNH SƠN

ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG BÁO CÁO ĐỒ ÁN CƠ SỞ ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN QUẦN ÁO TỰ THIẾT KẾ Sinh viên thực : LÊ QUANG VINH VÕ THỊ THÙY VUI Giảng viên hướng dẫn : ThS TRẦN ĐÌNH SƠN Lớp : 18IT4 Đà nẵng, tháng … năm … ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG BÁO CÁO ĐỒ ÁN CƠ SỞ XÂY DỰNG WEBSITE BÁN QUẦN ÁO TỰ THIẾT KẾ Đà Nẵng, tháng … năm … LỜI CẢM ƠN Để đồ án đạt kết tốt đẹp, nhận hỗ trợ, giúp đỡ nhiều cá nhân Với tình cảm sâu sắc, chân thành, cho phép tơi bày tỏ lòng biết ơn sâu sắc đến tất cá nhân quan tạo điều kiện giúp đỡ trình học tập nghiên cứu đề tài Trước hết xin gửi tới thầy cô khoa Công nghệ Thông tin Truyền thông - Đại học Đà Nẵng chào trân trọng, lời chúc sức khỏe lời cảm ơn sâu sắc Với quan tâm, dạy dỗ, bảo tận tình chu đáo thầy cơ, đến tơi hồn thành đồ án với đề tài:" Xây dựng website bán quần áo tự thiết kế” Đặc biệt xin gửi lời cảm ơn chân thành tới thầy giáo– ThS Trần Đình Sơn quan tâm giúp đỡ, hướng dẫn tơi hồn thành tốt đồ án thời gian qua Với điều kiện thời gian kinh nghiệm hạn chế học viên, đồ án khơng thể tránh thiếu sót Chúng tơi mong nhận bảo, đóng góp ý kiến thầy để tơi có điều kiện bổ sung, nâng cao ý thức mình, phục vụ tốt việc học tập làm sau Chúng xin chân thành cảm ơn! NHẬN XÉT (Của giảng viên hướng dẫn) … …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… … …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… … …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… … …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… … …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… … …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………… MỤC LỤC Chương Giới thiệu 1.1 Tổng quan 1.2 Phương pháp, kết 1.3 Cấu trúc đồ án Chương Phân tích thiết kế hệ thống 2.1 Mơ hình tổng quan hệ thống nghiên cứu .7 Yêu cầu chức : Yêu cầu phi chức : 2.2 Thiết kế chi tiết 2.2.2 Mơ hình khái niệm (conceptual model of UML) .20 Các lớp biên hệ thống……(boundary classes) .20 Các lớp điều khiển hệ thống……(control classes) 21 Chương Triển khai xây dựng website .23 Kết luận 24 Chương Giới thiệu 1.1 Tổng quan Mạng INTERNET sản phẩm có giá trị lớn lao ngày trở nên công cụ thiếu, tảng để truyền tải, trao đổi thơng tin tồn cầu Bằng INTERNET, thực công việc với tốc độ nhanh hơn, chi phí thấp nhiều so với cách thức truyền thống Chính điều này, thúc đẩy khai sinh phát triển thương mại điện tử khắp giới, làm biến đổi đáng kể mặt văn hóa, nâng cao đời sống người Trong hoạt động sản xuất, kinh doanh, thương mại điển tử khẳng định xúc tiến thúc đẩy phát triển doanh nghiệp Đối với cửa hàng, việc quảng bá giới thiệu sản phẩm đến khách hàng đáp ứng nhu cầu mua sắm ngày cao khách hàng cần thiết Vì vậy, nhóm chúng em thực đề tài “Xây dựng Website kinh doanh trang phục thiết kế” Cửa hàng đưa sản phẩm lên Website quản lý Website đó, khách hàng đặt mua, mua hàng cửa hàng mà không cần đến cửa hàng, cửa hàng gửi sản phẩm đến tân tay khách hàng Website nơi cửa hàng quảng bá tốt tất sản phẩm bán 1.2 Phương pháp, kết - Trình bày phương pháp triển khai thực đề tài: o Tìm hiểu nhu cầu người tiêu dùng o Tim hiểu shop bán hàng online để biết cách thức hoạt động hệ thống shop từ lấy tiền đề phát triển cho hệ thống - Kết đạt được: o Website bán quần áo tự thiết kế online 1.3 Cấu trúc đồ án Chương I: Giới thiệu Chương II: Phân tích thiết kế hệ thống Chương III: Triển khai-Xây dựng Chương Phân tích thiết kế hệ thống 2.1 Mơ hình tổng quan hệ thống nghiên cứu 2.1.1 Các yêu cầu hệ thống Yêu cầu chức : Chức hệ thống chia làm nhóm chức sau Nhóm chức đăng ký, đăng nhập thành viên Nhóm chức xem thơng tin, bao gồm xem thơng tin giỏ hàng, xem thông tin đơn hàng, xem thông tin sản phẩm Nhóm chức quản lý thông tin, bao gồm quản lý thông tin cá nhân, quản lý danh sách thành viên, quản lý danh mục sản phẩm Nhóm chức mua hàng, tiếp nhận xử lý đơn hàng Yêu cầu phi chức : + Website thân thiện với người dùng 2.2 Thiết kế chi tiết 2.2.1 Mơ hình hóa u cầu 1.Xác định tác nhân (actors) Người quản lý : người đứng đầu, người quản lý,tiếp nhận yêu cầu điều hành hoạt động diễn biến hệ thống website, người xử lý đơn hàng xác nhận yêu cầu từ người dùng Khách Hàng : người thông qua website giao dịch với cửa hàng, khách hàng xem thơng tin sản phẩm, khách hàng đăng ký làm thành viên để lần mua Thành Viên: bao gồm người quản lý khách hàng đăng ký Sau đăng nhập, ngồi chức chung cịn có quyền chức phù hợp với tác nhân Xác định use case - Tác nhân người quản lý có usecase sau: + Tiếp nhận đơn hàng + Tự hực yêu cầu + Quản lý danh mục sản phẩm + Quản lý danh sách thành viên - Tác nhân khách hàng có usecase sau: + Đăng ký làm thành viên + Xem thông tin chi tiết sản phẩm + Chọn sản phẩm cần mua + Xem thông tin giỏ hàng + Thêm bớt sản phẩm giỏ hàng + Thực việc mua hàng +Thanh toán - Tác nhân thành viên ( bao gồm người quản lý khách hàng đăng ký) có chức : + Đăng nhập + Xem chỉnh sửa thông tin cá nhân + Xem thông tin tiết sản phẩm Biểu đồ use case (use case diagrams) - Với phần ta phân tích chi tiết trường hợp sử dụng usecase actor nên ta dễ dàng xây dựng gói usecase sau: Đăng ký , Đăng nhập Quản lý danh mục sản phẩm Quản lý danh sách thành viên Quản lý thông tin cá nhân Mua hàng Tiếp nhận xử lý đơn hàng a) Mối quan hệ tác nhân b) Đăng Ký – Đăng nhập c) Quản lý danh mục sản phẩm d) Quản lý danh sách thành viên: e) Quản lý thông tin cá nhân: f) Mua hàng: g) Xử lý đơn hàng Đặc tả use case (use case descriptions) a) Hệ thống Đăng ký, Đăng nhập * Đăng Ký thành viên • Ca sử dụng : Đăng ký thành viên • Các tác nhân : Khách chưa đăng ký • Điều kiện trước : • Điều kiện sau: Khách hàng trở thành thành viên hệ thống website • Mơ tả : Cho phép khách xem website đăng ký làm thành viên • Các kiện Hành động tác nhân 1.Khách xem chọn mục đăng ký thành viên 3.Khách nhập thông tin cá nhân vào form đăng ký 4.Khách nhấn nút đăng ký 7.Kết thúc • Hành động hệ thống 2.Form đăng ký hiển thị 5.Thông báo kết đăng ký 6.Cập nhật khách hàng vừa đăng ký vào danh sách thành viên Các kiện phụ Hành động tác nhân Nhấn đồng ý để nhập lại thông tin , Hủy để kết thúc Hành động hệ thống 5.Quá trình nhập thơng tin khơng xác 5.1 Hệ thống thơng báo nhập thơng tin khơng xác 5.2 Hệ thơng yêu cầu khách nhập lại thông tin * Đăng Nhập thành viên • Ca sử dụng Đăng Nhập thành viên • Các tác nhân : Thành viên • Điều kiện trước : Thành viên chưa đăng nhập vào hệ thống • Điều kiện sau: Thành viên sử dụng chức hệ thống cung cấp • Mơ tả : Cho phép thành viên đăng nhập vào hệ thống • Các kiện Hành động tác nhân Hành động hệ thống 1.Thành viên chọn chức đăng nhập 2.Form đăng nhập xuất 3.Thành viên nhập thông tin đăng nhập vào 4.Kiểm tra thông tin đăng form đăng nhập nhập Thông báo đăng nhập thành cơng • Các kiện phụ Hành động tác nhân Hành động hệ thống Thông báo đăng nhập không thành công yêu cầu đăng nhập lại kết thúc b) Hệ thống xem thông tin * xem thơng tin đơn hàng • Ca sử dụng : Xem thơng tin đơn hàng • Các tác nhân : Khách hàng • Điều kiện trước : • Điều kiện sau: • Mơ tả : Cho phép khách hàng xem thơng tin giỏ hàng • Các kiện • Các kiện Hành động tác nhân Hành động hệ thống 1.Khách hàng chọn chức xem giỏ hàng 2.Form xem thông tin giỏ 3.Khách hàng xem thông tin chi tiết sản hàng xuất hiển thị phẩm giỏ hàng giỏ hàng khách *Xem thông tin sản phẩm • Ca sử dụng : Xem thơng tin sản phẩm • Các tác nhân : Quản lý, khách hàng • Điều kiện trước : • Điều kiện sau: • Mô tả : Cho phép quản lý khách hàng xem thơng tin giỏ hàng • Các kiện Hành động tác nhân Hành động hệ thống 1.Chọn sản phẩm cần xem 2.Form xem thông tin sản 3.Xem thông tin chi tiết sản phẩm phẩm xuất hiển thị thông tin sản phẩm *Xem thơng tin cá nhân • Ca sử dụng : Xem thơng tin cá nhân • Các tác nhân : Quản lý khách hàng đăng ký • Điều kiện trước : Tác nhân đăng nhập vào hệ thống • Điều kiện sau: • Mơ tả : Cho phép quản lý khách hàng đăng ký xem thơng tin cá nhân • Các kiện Hành động tác nhân Hành động hệ thống 1.Chọn mục xem thông tin nhân 2.Form xem thông tin cá 3.Xem thông tin chi tiết sản phẩm nhân xuất hiển thị thông tin cá nhân thành viên c) Hệ thống quản lý thông tin *Sửa thơng tin cá nhân • Ca sử dụng : Sửa thơng tin cá nhân • Các tác nhân : Quản lý khách hàng • Điều kiện trước : Thành viên phải đăng nhập vào hệ thống • Điều kiện sau: Thông tin tác nhân lưu vào hệ thơng sau chỉnh sửa • Mơ tả : Cho phép quản lý khách hàng xem thông tin giỏ hàng • Các kiện Hành động tác nhân 1.Chọn chức sửa thông tin 3.Nhập thông tin 4.Nhấn nút lưu thông tin 6.Nhấn xác nhận để lưu thông tin Hành động hệ thống 2.Hiển thị form sửa thông tin với thông tin củ thành viên 5.Thông báo thành công 7.Lưu thơng tin • Các kiện phụ Hành động tác nhân 7.Nếu thông báo thất bại tác nhân nhập lại thông tin hủy để kết thúc Hành động hệ thống 5.Thông báo thất bại mở lại form sửa * Quản lý danh mục sản phẩm • Ca sử dụng : Quản lý danh mục sản phẩm • Các tác nhân : Quản lý • Điều kiện trước : Quản lý phải đăng nhập • Điều kiện sau: Các thông tin sản phẩm sau thực chức cập nhật vào sở liệu • Mơ tả : Cho phép quản lý sử dụng chức thêm, sửa xóa • Các kiện Hành động tác nhân 1.Người quản lý chọn chức lên sản phẩm thêm sản phẩm, xóa sản phẩm, thay đổi thơng tin sản phẩm A A.1 Quản lý chọn chức thêm sản phẩm A.3 Nhập thông tin sản phẩm A.4 Nhấn nút lưu thông tin A.6 Xác nhận thành công B B,1 Quản lý chọn chức thay đổi thông tin B.3 Nhập thông tin cần thay đổi B.4 Nhấn nút lưu thông tin thay đổi C C.1 Quản lý chọn sản phẩm cần xóa C.2 Chọn chức xóa sản phẩm C.4 Đồng ý Hành động hệ thống A.2 Hệ thống hiển thị form nhập thông tin cho sản phẩm A.5 Hiển thị thành công lưu thông tin sản phẩm B B.2 Hệ thống hiển thị form thay đổi thông tin cho sản phẩm B.5 Hiển thị thành công lưu thông tin sản phẩm B C.3 Hệ thống hiển thị thơng báo xác nhận xóa C.5 Thơng báo sản phẩm xóa C.6 Hiển thị lại danh sách sản phẩm • Các kiện phụ Hành động tác nhân A.6,B.6 Nhập lại thông tin C.5 Không đồng ý thực bước C.6 Hành động hệ thống A.5,B.5 Hiển thị thất bại *Quản lý danh sách thành viên (Tương tự quản lý sản phẩm) d) Hệ thống mua hàng * Chọn sản phẩm cần mua • Ca sử dụng : Chọn sản phẩm cần mua • Các tác nhân : Khách hàng • Điều kiện trước : Sản phẩm bỏ vào giỏ hàng phải có hệ thống • Điều kiện sau: Sản phẩm khách hàng chọn có giỏ hàng • Mơ tả : Cho phép khách hàng chọn sản phẩm cần mua vào giỏ hàng • Các kiện Hành động tác nhân 1.Chọn chức sửa thông tin 3.Nhập thông tin 4.Nhấn nút lưu thông tin 6.Nhấn xác nhận để lưu thông tin Hành động hệ thống 2.Hiển thị form sửa thông tin với thông tin củ thành viên 5.Thơng báo thành cơng 7.Lưu thơng tin • Các kiện phụ Hành động tác nhân 7.Nếu thông báo thất bại tác nhân nhập lại thông tin hủy để kết thúc Hành động hệ thống 5.Thông báo thất bại mở lại form sửa * Thêm sản phẩm vào giỏ hàng • Ca sử dụng : Thêm sản phẩm cần mua • Các tác nhân : Khách hàng • Điều kiện trước : Sản phẫm chọn • Điều kiện sau: Sản phẩm khách hàng chọn có giỏ hàng • Mơ tả : Cho phép khách hàng đưa sản phẩm vào giỏ hàng • Các kiện Hành động tác nhân 1.Chọn chức thêm sản phẩm vào giỏ hàng Hành động hệ thống 2.Hệ thống hiển thị thông tin sản phẩm đưua vào giỏ hàng • Các kiện phụ Hành động tác nhân 1.Nếu chưa chọn sản phẩm mà nhấn nút thêm vào giỏ hàng Hành động hệ thống 2.Hệ thống thông báo sản phẩm chưa chọn * Loại bỏ sản phẩm từ giỏ hàng • Ca sử dụng : Loại bỏ sản phẩm từ giỏ hàng • Các tác nhân : Khách hàng • Điều kiện trước : Sản phẫm chọn • Điều kiện sau: Sản phẩm khách hàng loại bỏ không nằm giỏ hàng • Mơ tả : Cho phép khách hàng loại bỏ sản phẩm từ giỏ hàng • Các kiện Hành động tác nhân 1.Chọn sản phẩm cần loại bỏ 2.Chọn biểu tượng loại bỏ sản phẩm 4.Nhấn chấp nhận để loại bỏ sản phẩm Hành động hệ thống 3.Hiển thị thông báo để xác nhận lại 5.Hiển thị loại bỏ thành cơng • Các kiện phụ Hành động tác nhân Nhần hủy để hủy loại bỏ Hành động hệ thống 3.Hiển thị lại danh sách giỏ hàng * Thanh tốn • Ca sử dụng : Thanh tốn • Các tác nhân : Khách hàng • Điều kiện trước : Khách hàng có sản phẩm giỏ hàng • Điều kiện sau: Hóa hàng khách hàng tạo gửi đến quản lý • Mơ tả : Cho phép khách hàng tạo hóa hàng từ sản phẩm có giỏ hàng • Các kiện Hành động tác nhân 1.Nhấn nút tốn để tạo hóa đơn 3.Điền thơng tin hóa đơn(họ tên, địa ) phương thức toán số tài khoản 4.Chọn gửi đơn hàng Nếu đơn hàng nhập thơng tin tiếp tục • Hành động hệ thống 2.Form toán xuất hiện, Hệ thống thị đơn hàng số thông tin mặc định đơn hàng 5.Kiểm tra phương thức toán số tài khoản Nếu thơng báo thành công Sự kiện phụ:Đơn hàng nhập sai thông tin Hành động tác nhân Hành động hệ thống 4.1 Đơn hàng nhập thông tin không Hệ thống thông báo tạo hóa khơng thành cơng Hiển thị lại form nhập thơng tin • Sự kiện phụ:Tài khoản khơng Hành động tác nhân -Nhập lại thông tin hủy bỏ hóa đơn Hành động hệ thống 5.-Thơng báo không hợp lệ -Quay lại form nhập thông tin d) Hệ thống tiếp nhận xử lý đơn hàng * Tiếp nhân hóa đơn • Ca sử dụng : Tiếp nhận hóa đơn • Các tác nhân : Quản lý • Điều kiện trước : Khách hàng gửi hóa đơn thành cơng • Điều kiện sau: Hiểu u cầu hóa đơn • Mơ tả : Cho phép quản lý nhận thơng tin hóa đơn khách hàng • Các kiện Hành động tác nhân 1.Chọn xem đơn hàng 3.Xem yêu cầu đơn hàng Hành động hệ thống 1.Thơng báo có hóa đơn 2.Hiển thị thơng tin hóa đơn * Nhận đơn hàng giao hàng • Ca sử dụng : Nhận đơn hàng giao hàng • Các tác nhân : quản lý • Mơ tả : quản lý nhận hóa đơn giao hàng • Các kiện Hành động tác nhân 1.Nhận đơn hàng cần thực 2.Thực giao hàng thành cơng • Các kiện phụ Hành động tác nhân Hành động hệ thống 3.Gửi thông tin phản hồi thành công đến quản lý Hành động hệ thống 2.Thực giao hàng thất bại 3.Gởi thông tin không thực cho quản lý * Báo cáo kết • Ca sử dụng : Nhận hóa đơn giao hàng • Các tác nhân : quản lý • Mô tả : báo cáo kết nhiệm vụ • Các kiện Hành động tác nhân Chọn chức gửi báo cáo 2.Gửi thông tin cần báo cáo : thành công hay thất bại Hành động hệ thống 3.Form gửi báo cáo xuất 5.Thông báo gửi thành cơng • Các kiện phụ Hành động tác nhân Nhập lại thông tin báo cáo hủy Biểu đồ hoạt động (activity diagrams) a) Đăng ký Hành động hệ thống 5.Thông báo gủi không thành công b) Đăng nhập c) Sửa thông tin cá nhân d) Quản lý danh sách thành viên e) Quản lý danh sách sản phẩm Tương tự Quản lý danh sách thành viên f) Mua hàng 2.2.2 Mơ hình khái niệm (conceptual model of UML) Các lớp biên hệ thống……(boundary classes) Các lớp điều khiển hệ thống……(control classes) 3.Biểu đồ lớp ( sở liệu): 2.2.3 Mơ hình hóa hành vi Biều đồ mua hàng Chương Triển khai xây dựng website Công cụ thực Trang web shop-2V viết từ Html, css, ngơn ngữ lập trình php tảng framework laravel Bên cạnh đó, phần sở liệu viết ngôn ngữ truy vấn SQL chương trình tạo web server XAMPP Framework Laravel: Laravel PHP framework mã nguồn mở miễn phí, phát triển Taylor Otwell nhắm vào mục tiêu hỗ trợ phát triển ứng dụng web theo kiếm trúc model-view-controller (MVC) Những tính bật Laravel bao gồm cú pháp dễ hiểu – rõ ràng , hệ thống đóng gói modular quản lý gói phụ thuộc, nhiều cách khác để truy cập vào sở liệu quan hệ, nhiều tiện ích khác hỗ trợ việc triển khai vào bảo trì ứng dụng Vào khoảng Tháng năm 2015, lập trình viên có bình chọn PHP framework phổ biến nhất, Laravel giành vị trí quán quân cho PHP framework phổ biến năm 2015, theo sau Symfony2, Nette, CodeIgniter, Yii2 vào số khác Trước đó, Tháng 2014, Laravel trở thành project PHP phổ biến theo dõi nhiều Github Laravel phát hành theo giấy phép MIT, với source code lưu trữ Github Demo giao diện Dưới hình ảnh số giao diên website: H1 Trang chủ h3.Trang backend quản lý danh mục sản phẩm người quản lý Kết luận Kết đạt Qua đồ án tìm hiểu trình phân tích thiết kế dự án gồm hiểu đươc biểu đồ từ làm tảng để phát triển hệ thống sau Trang web chúng em có chức sau: + Nhóm chức đăng ký, đăng nhập thành viên + Nhóm chức xem thơng tin, bao gồm xem thông tin giỏ hàng, xem thông tin đơn hàng, xem thơng tin sản phẩm + Nhóm chức quản lý thông tin, bao gồm quản lý thông tin cá nhân, quản lý danh sách thành viên, quản lý danh mục sản phẩm + Nhóm chức mua hàng, tiếp nhận xử lý đơn hàng Hạn chế: Tuy nhiên, đồ án hạn chế : + Chưa biểu diễn đầy đủ biểu đồ + chưa có chức quản lý tài khoản giao diện quản lý + Chưa làm chức giao hàng Hướng phát triển: Chũng em cố gắng hồn thành chức cịn tồn Lời cuối em xin gửi lời chân thành đến giáo viên hướng dẫn thầy Trần Đình Sơn trực tiếp hướng dẫn, dìu dắt, giúp đỡ với dẫn khoa học bổ ích anh chị khóa tận tích giúp đỡ .. . đề phát triển cho hệ thống - Kết đạt được: o Website bán quần áo tự thiết kế online 1.3 Cấu trúc đồ án Chương I: Giới thiệu Chương II: Phân tích thiết kế hệ thống Chương III: Triển khai-Xây dựng. .. tơi hồn thành đồ án với đề tài:" Xây dựng website bán quần áo tự thiết kế? ?? Đặc biệt xin gửi lời cảm ơn chân thành tới thầy giáo– ThS Trần Đình Sơn quan tâm giúp đỡ, hướng dẫn tơi hồn thành tốt .. . * Báo cáo kết • Ca sử dụng : Nhận hóa đơn giao hàng • Các tác nhân : quản lý • Mô tả : báo cáo kết nhiệm vụ • Các kiện Hành động tác nhân Chọn chức gửi báo cáo 2.Gửi thông tin cần báo cáo : thành