Tài liệu Website bán quần áo korder shop

BÁO CÁO Đề tài : WEBSITE BÁ QẦ́ AO KORDER SHOP Giáo viên: Đặng Thành viên: Kiều Thanh Tùng (Leader) ́guyễn uang Minh uang Huy Phan Đình Bình Hà Nội, ngày 22 tháng 5 năm 2020 Mục Lục PHẦ́ 1 : GIỚI THIỆQ CHỨC ́ẮG - HỆ THỐ́G.....................................................................................4 1. Giới thiệu đề tài..................................................................................................................................................5 1.1. Khảo sát hiện trạng...............................................................................................................5 1.2. Những vấn đề khó khăn của thực trạng....................................................................................5 1.3. Xây dựng ý tưởng..................................................................................................................6 2. Phân chia công việc............................................................................................................................................8 3. Các công cụ và công nghệ..................................................................................................................................8 3.1. Các công cụ phát triển sử dụng trong dự án..................................................................................................8 3.2. Các công nghệ sử dụng trong dự án.........................................................................................8 3.3. Yêu cầu về trình duyệt............................................................................................................8 PHẦ́ 2. CHỨC ́ẮG CỦ CHƯỚG TRÍH.............................................................................................8 1. Các Tác ́hân Hê ̣ Thống...................................................................................................................................8 2. Các QseCase.....................................................................................................................................................10 3. Sơ Đồ QseCase..................................................................................................................................................12 3.1. Sơ Đồ UseCase Hê ̣Thông.............................................................................................................................12 3.2. Phân Tách UseCase.............................................................................................................12 3.2.1. Usecase Admin Quan L ́an ̉n m...................................................................................12 3.2.2. Usecase Admin Quan L ́QA...........................................................................................13 3.2.3. Usecase Admin Quan L ́ n Hann...................................................................................13 3.2.5. Usecase Admin Quan L ́nuhun ̃n ia Event.......................................................................14 3.2.6. Usecase ́nacn Hann......................................................................................................15 3.2.7. Usecase Tnann iin........................................................................................................16 3.3. Sơ đồ chi tiết QseCase Hệ Thống..........................................................................................16 3.3.1. Usecase Admin đănn nnâ ̣p ni ̣ tnônn...................................................................................16 3.3.2. Usecase knacn nann tnim san pn m vav ni ........................................................................18 3.3.3. Usecase knacn nann gem ni nann.....................................................................................19 3.3.4. Usecase knacn nann g a san pn m t vnn ni nann................................................................20 3.3.5.Usecase tim kiim san pn m...............................................................................................21 3.3.6. Usecase knacn nann đă ̣t nann...........................................................................................22 3.3.7. Usecase đănn ki tnann viin..............................................................................................23 3.3.8. Usecase cninn sưa tnhnn tin tnann viin..............................................................................25 3.3.9. Usecase tnim san pn m...................................................................................................26 3.3.10. Usecase sưa san pn m...................................................................................................28 3.3.11. Usecase g a san pn m...................................................................................................29 3.3.12. Usecase gem cni tiit san pn m t vnn đ n nann...................................................................30 3.3.13. Usecase gem dann sacn cac use .....................................................................................31 3.3.14. Usecase sưa tnhnn tin use .............................................................................................32 3.3.15. Usecase gem cni tiit tnhnn tin use ...................................................................................33 3.3.16. Usecase g a tnann viin..................................................................................................33 3.3.17. Usecase cninn sưa t ann tnai đ n nann.............................................................................34 3.3.18. Usecase nuh đ n nann...................................................................................................36 3.3.19. Usecase gem lii ̣t ki đ n nann..........................................................................................37 3.3.20. Usecase tnim mơi events................................................................................................38 3.3.21. Usecase sưa events knuhin mn i......................................................................................39 3.3.22. Usecase g a events knuhin mn i......................................................................................40 4. Thiết kế giao diện hệ thống.............................................................................................................................41 4.1. Mockup hệ thông.................................................................................................................41 4.1.1. ̃an ninn đănn nnập.......................................................................................................41 4.1.2. ̃an ninn đănn kL...........................................................................................................42 4.1.3. ̃an ninn đổi mật kn u....................................................................................................43 4.1.4. ̃an ninn quin mật kn u..................................................................................................44 4.1.5. ̃an ninn t ann cnu........................................................................................................45 4.1.6. ̃an ninn cni tiit mua nann..............................................................................................46 4.1.7. ̃an ninn quan lL đ n nann..............................................................................................47 4.1.8. ̃an ninn ni nann.........................................................................................................48 4.1.9. ̃an ninn n a đ n cni tiit................................................................................................49 5. Sơ đồ Class Diagram........................................................................................................................................50 6. Mô tả chi tiết luồng chức năng........................................................................................................................50 6.1. Đăng nhập.........................................................................................................................50 6.2 Đăng ký..............................................................................................................................51 6.3 Đặt hàng.............................................................................................................................52 6.4 Thêm mới mặt hàng..............................................................................................................53 6.5 Xóa mặt hàng......................................................................................................................54 7. Sơ Đồ ERD........................................................................................................................................................55 8. Thiết Kế Dữ Liệu..............................................................................................................................................56 8.1. Mô tả chi tiết về các quan hệ.................................................................................................56 9. Sử dụng Trello để quản lý dự án...................................................................................................................60 PHẦ́ 1 : GIỚI THIỆQ CHỨC ́ẮG - HỆ THỐ́G 1. Giới thiệu đề tài 1.1. Khảo sát hiện trạng Mua sắm làm đẹp là những nhu cầu thiết yếu của mỗi người-những người cúa thế kỷ hiện đại,của cuộc sống năng động và giao tiếp. Nhu cầu làm đẹp ngày càng phong phú,nào nón, giày dép quần áo cho đến các thứ trang sức.Trong đó quần áo ngày càng được quan tâm. Hình 1.1Theo nguồn cuocsongomy.com 1.2. Những vấn đề khó khăn của thực trạng Nhu cầu về thời trang của người tiêu dùng ngày càng cao, dẫn đếnviệc chạy đua theo xu hướng , khiến của hàng đang buôn 1 mẫu mà nào đấy sẽ khiến cho khách hàng nhanh nhàm chán và chuyển sang cửa hàng khác. Trong thời đai công nghệ số , tỉ lệ cạnh tranh của các shop ngày càng nhiều hơn do du nhập những hãng thời trang hay những trang web bán hàng trực tuyến khiến cho việc bán hàng khó khăn hơn . Hình 1.2. nguồn MSshopkeer 1.3. Xây dựng ý tưởng Vốn ít, không tốn chi phí thuê cửa hàng, nhu cầu thị trường cao khiến việc bán quần áo online trở thành một các cách kiếm tiền nhanh chóng , hiệu quả ,ít rủi ro. Việc bán hàng hoàn toàn phụ thuộc vào chiến lược và sản phẩm. Đồng thời kinh doanh bán hang online dễ cập nhật xu hướng thời trang khiến cho việc buôn bán thuận lợi. Người mua hang có thể tùy ý chọn quần áo và kích cỡ đặt hàng mà người bán không phải tư vấn.Lượng khách khi mua hàng online số lượng có thể nhiều hơn ở shop do tính chất bán hàng . Hinn 1.4. ti lệ ban nann vnline cua từnn mặt nann năm 2019 nnuồn ̉ vject̃edia 2. Phân chia công việc ST T 1 Tên Thành Viên Nguyễn Quang Huy 2 3 Kiều Thanh Tùng Phan Đình Bình 3. Các công cụ và công nghệ 3.1. Các công cụ phát triển sử dụng trong dự án - Netbean 8.2 - Microsort SQL Sever 2019 3.2. Các công nghệ sử dụng trong dự án 3.3. Yêu cầu về trình duyệt - CocCoc - Google Chrom - FireFox ́hiệm Vụ Tester, coder Coder, thiết kế Database, (front end, back end) Thiết kế, làm Document PHẦ́ 2. CHỨC ́ẮG CỦ CHƯỚG TRÍH 1. Các Tác ́hân Hê ̣ Thống Tác ́hân Mô Tả - Đăng Nhâ ̣p Với Quyền admin - Xem Danh Sách Các Sản Phẩm - Quản lý chỉnh sửa, thêm mới xóa sản phẩm - Quản lý các thành viên - Quản lý đơn hàng - Quản lý FQA - Quản lý loại sản phẩm - Quản lý event khuyễn mãi - Xem các sản phẩm có trên trang web - Xem chi tiết các sản phầm - Tiến hành đă ̣t hàng - Quản lý giỏ hàng - Đăng kí thành member - Tìm kiểm sản phẩm - Thưa hưởng tất cả các chức năng của khách Hàng - Quản lý thông tin cá nhân của khách hàng - Login,logout - Tham gia các sự kiê ̣n của cửa hàng 2. Các QseCase STT CODE TÊN NỘI DUNG 1 UC01 Login Đăng Nhâ ̣p Vào Hê ̣ Thống 2 UC02 Logout Đăng Xuất Hê ̣ Thống 3 UC03 Xem WebSite Xem các sản phẩm Được đăng trên website, thông tin về shop 4 UC04 Thêm vào sản phẩm cho giỏ hàng Thực hiê ̣n thêm sản phẩm vào giỏi hàng 5 UC05 Xem giỏ hàng Thực hiê ̣n đưa ra các sản phẩm khách hàng đã thêm vào 6 UC06 Xóa sản phẩm trong giỏ hàng Thực hiê ̣n xóa các sản phẩm trong giỏ hàng 7 UC07 Xem sản phẩm Thực hiê ̣n đưa ra thông tin sản phẩm, hình ảnh, chất liê ̣u…. 8 UC08 Đă ̣t Hàng Tiến hành đă ̣t hàng, đưa ra form nhâ ̣p thông tin đăt hàng. 9 UC09 Đăng Kí Thực hiê ̣n mở form đăng k̃ cho khách hàng đăng kí thành viên 10 UC10 Chỉnh Sửa Thông Tin Thành Viên Thực hiê ̣n chỉnh sửa các thông tin các nhân đối với các khách hàng đã là thành viên 11 UC11 Thêm sản phẩm Thực hiê ̣n thêm các sản phẩm mới 12 UC12 Sửa sản phẩm Thực hiê ̣n sửa các sản phẩm có trong kho hàng, giá ca ̉,thông tin chi tiết 13 UC13 Xóa Sản phẩm Thực hiê ̣n xóa các sản phẩm 14 UC14 Xem sản phẩm Xem chi tiết các sản phẩm 15 UC15 Xem danh sách các sản phẩm Thực hiê ̣n liê ̣t kê các sản phẩm có trong data 16 UC16 Xem danh sách user Thực hiê ̣n liê ̣t kê các khánh hàng đã đang kí thành viên 17 UC17 Sửa thông tin user Thực hiê ̣n chỉnh sửa thông tin user 18 UC18 Xem Chi tiết user Thực hiê ̣n xem chi tiết thông tin user 19 UC19 Xóa thành viên Thực hiê ̣n xóa thành viên 20 UC20 Chỉnh sửa trạng thái Thực hiê ̣n chuyển trạng thái hóa đơn: giao, chưa giao, tiếp nhâ ̣n 21 UC21 Hủy Đơn hàng Thực hiê ̣n chuyển hủy hóa đơn 22 UC22 Xem chi tiết đơn hàng Thực hiê ̣n xem chi tiết đơn hàng 23 UC23 Liê ̣t kê đơn hàng Liê ̣t kê danh sách đơn hàng 24 UC24 Thêm mới event Thực hiê ̣n thêm các event khuyễn mãi 25 UC25 Sửa Event Thực hiê ̣n sửa các event 26 UC26 Thêm Event Thực hiê ̣n thêm event 27 UC27 Xem event khuyễn mãi Xem danh sách các khuyễn mãi trên website 3. Sơ Đồ QseCase 3.1. ́ ́ồ UseCase Hi ̣ Tnônn Hinn 2.1. ́ đồ UseCase Hi ̣ Tnônn 3.2. Phân Tách UseCase 3.2.1. Usecase Admin Quan L ́an ̉n m Hinn 2.2. ́ dồ Usecase Quan L ́an ̉n m 3.2.2. Usecase Admin Quan L ́QA Hinn 2.3. ́ ́ồ Usecase Quan L ́QA 3.2.3. Usecase Admin Quan L ́ n Hann Hinn 2.4. ́ đồ Usecase Quan L ́ n Hann 3.2.4. Usecase Admin Quan L Tnann iin Hinn 2.5. ́ đồ Use case Quan L Tnann iin 3.2.5. Usecase Admin Quan L ́nuhun ̃n ia Event Hinn 2.6. ́ đồ Usecase ́nuhun ̃n ia Event 3.2.6. Usecase ́nacn Hann Hinn 2.7. ́ đồ Usecase knacn nann 3.2.7. Usecase Tnann iin Hinn 2.8. ́ dồ Usecase tnann viin 3.3. Sơ đồ chi tiết QseCase Hệ Thống 3.3.1. Usecase Admin đănn nnâ ̣p ni ̣ tnônn Hinn 4. 1. ́ đồ UseCase đănn nnâ ̣p Bann 4. 1 ̃h ta use-case vnin Use Case ID: QC01 Use Case Name: Login Actv s: AdminSystem,Member. Chức năng đăng nhập cho phép người Desc iptivn: dùng đăng nhập vào hệ thống để sử dụng T inne : ̉ ecvnditivns: ̉vst Cvnditivns: Nv mal ́lvw: các chức năng của hệ thống. Chức năng này sẽ được sử dụng khi người dùng truy cập vào website Người dùng đã được cấp một tài khoản để đăng nhập. 1. Hệ thống sẽ đưa ra các chức năng chính để người dùng lựa chọn chức năng làm việc. 2. Một phiên làm việc của người dùng bắt đầu tư lúc đăng nhập thành công cho đến khi đăng xuất. 1. Hệ thống sẽ đưa ra trang đăng nhập. 2. Người dùng nhập tên vào ô chữ có nhãn là “Username” và nhập mật khẩu vào ô chữ có nhãn là “Password”. 3. Khi người dùng nhấn nút “Login” thì hệ thống sẽ tự động chuyển qua trang chính của website. 4. Khi người dùng nhấn nút “Reset” thì hệ thống sẽ xóa hết các thông tin đăng nhập để người dùng nhập lại. Alte native ́lvws: Egceptivns: 1. Nếu người dùng không nhập thông tin vào các ô chữ và nhấn nút “Ok” thì hệ thống sẽ đưa ra thông báo lỗi và đòi hỏi phải nhập thông tin vào các ô chữ đó. 2. Nếu người dùng nhập sai tên đăng nhập hoặc mật khẩu đăng nhập, khi nhấn nút “Login”, hệ thống sẽ đưa ra thông báo lỗi và yêu cầu đăng nhập lại. Nếu tài khoản đăng nhập hiện đang được sử dụng, khi đăng nhập hệ thống sẽ đưa ra thông báo tài khoản hiện đang sử dụng. ́pecial Requi ements: 3.3.2. Usecase knacn nann tnim san pn m vav ni Hinn 4. 2 ́ đồ UseCase tnim san pn m vav ni nann Bann 4. 2 Mô Tả UseCase Thêm Vào Sản Phẩm cho Giỏ hàng: Use Case ID: QC04 Use Case Name: Thêm Vào Sản Phẩm cho Giỏ hàng Actv s: Customer, Member Chức năng thêm sản phẩm giúp cho người Desc iptivn: T inne : ̉ ecvnditivns: ̉vst Cvnditivns: dùng có thể thêm sản phẩm mới. Chức năng này sẽ được sử dụng khi người dùng chọn vào mục “Buy Now” Người khách hàng đang trong phiên làm việc. Một sản phẩm mới sẽ được thêm giỏ hàng. 1. Hê ̣ thống sẽ thêm mă ̣t hàng vào giỏ hàng 2. Người dùng có thể xem giỏ hàng xem mình đã đă ̣t bao nhiêu mă ̣t hàng Nv mal ́lvw: Alte native ́lvws: Egceptivns: ́pecial Requi ements: 3.3.3. Usecase knacn nann gem ni nann Hinn 4. 3 ́ đồ UseCase gem ni nann Bann 4. 3 ̃h Ta UseCase Xem Gi Hann Use Case ID: UC05 Use Case Name: Xem Giỏ Hàng Actv s: Customer, Member Desc iptivn: Cho người dùng xem các mă ̣t hàng trong giỏ hàng T inne : Người dùng nhấp vào nút giỏ hàng được đă ̣t bên góc trên cùng bên phải ̉ ecvnditivns: Người dùng đang trong phiên ̉vst Cvnditivns: Hiển thị ra danh sách các mă ̣t hàng đã được thêm vào giỏ hàng Nv mal ́lvw: 1. Nhấn vào nút giỏ hàng 2. Hiển thị tất cả các mă ̣t hàng đã được thêm vào giỏ hàng Alte native ́lvws: Egceptivns: ́pecial Requi ements: 3.3.4. Usecase knacn nann g a san pn m t vnn ni nann Hinn 4. 4 ́ đồ UseCase g a san pn m kn i ni nann Bann 4. 4. Mô Tả UseCase Xóa sản phẩm trong giỏ hàng Use Case ID: QC06 Use Case Name: Xóa sản phẩm trong giỏ hàng Actv s: Customer,Member Chức năng xóa đơn hàng cho phép người Desc iptivn: T inne : ̉ ecvnditivns: ̉vst Cvnditivns: Nv mal ́lvw: Alte native ́lvws: dùng có thể xóa đơn hàng khỏi cơ sở dữ liệu. Chức năng này sẽ được sử dụng khi người dùng nhấn vào mục “Delete” trong form quản lý đặt hàng. Người dùng đang trong phiên làm việc. Một mă ̣t hàng sẽ bị xóa khỏi giỏ hàng 1. Hệ thống sẽ đưa ra form giỏ hàng. 2. Danh sách các mă ̣t hàng sẽ được liệt kê ra để người dùng lựa chọn xóa. 3. Người dùng đánh dấu chọn mă ̣t hàng cần xóa và nhấn nút “Delete”. 4. Nếu chọn “Yes”, hệ thống sẽ đưa ra yêu cầu xác nhận có chắc chắn hay không. Nếu chọn “Yes”, hệ thống sẽ xóa mă ̣t hàng đánh dấu khỏi giỏ hàng, nếu chọn “No”, mă ̣t hàng sẽ không bị xóa. Nếu người dùng không đánh dấu vào mă ̣t hàng nào và nhấn nút “Delete”, hệ thống sẽ đưa ra thông báo yêu cầu chọn mă ̣t hàng muốn xóa.