Đề tài xây dựng website bán đồ điện t cho c a hàng smart store

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT - CÔNG NGHỆ BÁO CÁO MÔN HỌC PHÁT TRIỂN PHẦN MỀM MÃ NGUỒN MỞ XÂY DỰNG WEBSITE BÁN ĐỒ ĐIỆN TỬ CHO CỬA HÀNG SMART STORE GV: THS Nguyễn Hữu Vĩnh SVTH: Đào Xn Hồng MSSV: 1724801030188 LỚP: D17PM02 Bình Dương – 11/2020 i|Page TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT - CÔNG NGHỆ BÁO CÁO MÔN HỌC PHÁT TRIỂN PHẦN MỀM MÃ NGUỒN MỞ XÂY DỰNG WEBSITE BÁN ĐỒ ĐIỆN TỬ CHO CỬA HÀNG SMART STORE GV: THS Nguyễn Hữu Vĩnh SVTH: Đào Xuân Hoàng MSSV: 1724801030188 LỚP: D17PM02 Bình Dương – 11/2020 ii | P a g e NHẬN XÉT VÀ CHẤM ĐIỂM CỦA GIẢNG VIÊN Họ tên giảng viên: Nguyễn Hữu Vĩnh Tên đề tài: XÂY DỰNG WEBSITE BÁN ĐỒ ĐIỆN TỬ CHO CỬA HÀNG SMART STORE 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) NGUYỄN HỮU VĨNH iii | P a g e Mục Lục CHƯƠNG I: TỔNG QUAN VỀ ĐỀ TÀI 1 Tên Đề Tài Mục Tiêu Của Đề Tài 3.Ý Nghĩa Của Đề Tài Đối Tượng Của Đề Tài Một Số Trang Chính Của Website CHƯƠNG II: GIỚI THIỆU CÔNG NGHỆ Giới Thiệu Về HTML 1.1 HTML gì? 1.2 Công dụng HTML 1.3 Định dạng HTML 2 Giới Thiệu Adobe Dreamweaver 3.Ngôn ngữ CSS Ngôn ngữ Javascript CHƯƠNG III: XÂY DỰNG WEBSITE BÁN ĐỒ ĐIỆN TỬ CHO CỬA HÀNG SMART STORE Sơ đồ website Đặc Tả Giao Diện Client 2.1 Giao Diện Trang Chủ 2.2 Giao diện trang Đăng Nhập Đăng Ký 2.3 Giao diện trang Giỏ Hàng 2.4 Giao diện trang Sản Phẩm 2.5 Giao diện trang Liên Hệ 2.6 Giao diện trang Hồ Sơ 2.7 Giao diện trang Chi Tiết Sản Phẩm 2.8 Giao diện trang Sản Phẩm Theo Thể Loại 10 Đặc tả giao diện trang Admin 11 3.1 Giao diện trang Đăng Nhập Admin 11 3.2 Giao diện Trang Chủ Admin 12 3.3 Giao diện Trang Thêm Mới Nhãn Hiệu 12 3.4 Giao diện trang Danh Sách Nhãn Hiệu 13 3.5 Giao diện trang Thêm Mới Thể Loại 13 iv | P a g e 3.7 Giao diện trang Thêm Mới Sản Phẩm .14 3.8 Giao diện trang Danh Sách Sả n Phẩm 15 Đặc tả UseCase 16 4.1 Danh sách usecase .16 4.2 Biều đồ usecase quản lý giỏ hàng .18 4.3 Biểu đồ quản lý sản phẩm 18 4.4 Biều đồ quản lý tài khoản khách hàng .19 Đặc tả use case 19 5.1 Đặc tả use case đăng nhập 19 5.2 Đặc tả use case quản lý giỏ hàng 20 5.3 Đặc tả use case quản lý sản phẩm .20 5.4 Đặc tả quản lý tài khoản khách hàng 22 5.5 Phân quyền 24 Biểu đồ chức hệ thống 25 6.1 Biều đồ đăng kí 25 6.2 Biểu đồ đăng nhập 26 6.3 Biểu đồ giỏ hàng .26 6.4 Biểu đồ quản lý sản phẩm 28 Thiết kế Database 29 7.1 Lược đồ quan hệ thực thể 29 7.2 Lược đồ 29 7.3 Lược đồ chi tiết 31 KẾT LUẬN 34 Kết đạt .34 Hướng phát triển đề tài 34 TÀI LIỆU THAM KHẢO .35 v|Page Danh Mục Hình H nh 1: Giao diện trang chủ H nh 2: Giao diện trang Đăng nhập Đăng ký H nh 3: Giao diện trang giỏ hàng H nh 4: Giao diện trang sản phẩm H nh 5: Giao diện trang liên hệ H nh 6: Giao diện trang hồ sơ H nh 7: Giao diện trang chi tiết sản phẩm 10 H nh 8: Giao diện trang sản phẩm theo thể loại 10 H nh 9: Giao diện trang đăng nhập admin .11 H nh 10: Giao diện trang chủ admin 12 H nh 11: Giao diện trang thêm nhãn hiệu 12 H nh 12: Giao diện trang danh sách nhãn hiệu .13 H nh 13: Giao diện trang thêm thể loại 13 H nh 14: Giao diện trang danh sách thể loại 14 H nh 15: Giao diện trang thêm sản phẩm .15 H nh 16: Giao diện trang danh sách sản phẩm .16 H nh 17: Biểu đồ usecase quản lý giỏ hàng 18 H nh 18: Biểu đồ quản lý sản phẩm 18 H nh 19: Biểu đồ quản lý tài khoản khách hàng 19 H nh 20: Biểu đồ đăng kí 25 H nh 21: Biểu đồ đăng nhập 26 H nh 22: Biểu đồ xem giỏ hàng 26 H nh 23: Biểu đồ cập nhật giỏ hàng 27 H nh 24: Biểu đồ xóa giỏ hàng .27 H nh 25: Biểu đồ thêm sản phẩm .28 H nh 26: Biểu đồ chỉnh sửa sản phẩm 28 H nh 27: Biểu đồ xóa sản phẩm 29 vi | P a g e Danh Mụ c Bảng Bảng 1: Mô tả usecase .17 Bảng 2: Bả ng phân quyền .25 Bảng 3: Lược đồ quan hệ thực thể .29 Bảng 4: Lược đồ tổng quan .30 Bảng 5: Lược đồ chi tiết product 31 Bảng 6: Lược đồ chi tiết customer 31 Bảng 7: Lược đồ chi tiết order .32 Bảng 8: Lược đồ chi tiết user 32 Bảng 9: Lược đồ chi tiết category 33 Bảng 10: Lượt đồ chi tiết brand .33 Bảng 11: Lượt đồ chi tiết cart 33 vii | P a g e Lời Mở Đầu Hiện nay, giớ i công nghệ thông tin thương mại điện tử phát triển mạnh mẽ Kỹ thuật số giúp tiết kiệm đáng kể chi phí nhờ chi phí vận chuyển trung gian, chi phí giao dịch đặc biệt giúp tiết kiệm thời gian để người đầu tư vào hoạt động khác Hơn nữa, thương mại điện tử cịn giúp người tìm kiếm tự động theo nhiều mục đích khác nhau, tự động cung cấp thông tin theo nhu cầu sở thích người Giờ đây, người ngồi nhà để mua sắm thứ theo ý muốn website bán hàng mạng giúp ta làm điều Chính v vậy, công nghệ mã nguồn mở trở nên ý v tính Giá thành rẻ hỗ trợ nhiều mạng giúp ta nhanh chóng Thiết kế website bán hàng thân thiện dễ sử dụng với người dùng Chính báo cáo chọn đề tài về: “Xây dựng website bán giày cho cửa hàng H&B” Đây hệ thống đơn giản đủ mạnh phép nhanh chóng Thiết kế ứng dụng bán hàng Internet Đề tài tiểu luận gồm phần phân chương sau: Chương 1: Tổng quan đề tài Chương 2: Giới thiệu công nghệ Chương 3: Giao diện website Chương 4: Kết luận hướng phát triển viii | P a g e CHƯƠNG I: TỔNG QUAN VỀ ĐỀ TÀI Tên Đề Tài XÂY DỰNG WEBSITE BÁN ĐỒ ĐIỆN TỬ CHO CỬA HÀNG SMART STORE Mục Tiêu Của Đề Tài Xây dựng website bán đồ điện tử cho cửa hàng smart store Ý Nghĩa Của Đề Tài Tối ưu tiết kiệm thời gian khách hàng - Giúp khách hàng tiếp cận sản phầm dễ dàng - Giúp cửa hàng quảng bá rộng rãi với nhiều khách hàng Đối Tượng Của Đề Tài Đối tượng nghiên cứu chủ yếu loại mặt hàng liên quan đến điện tử Một Số Trang Chính Của Website Home: Cung cấp số thông tin dịch vụ cần thiết khách hàng - Products: cung cấp cho khách hàng tất sản phẩm cửa hàng - Detail: Đây trang khách hàng xem chi tiết sản phẩm mua hàng - Login: Người dùng đăng nhập đăng kí để mua sản phẩm trang - Top Brand: Cung cấp cho khách hàng có thương hiệu - Contact: Nơi khách hàng hỏi đáp với cửa hàng - Profile: Khách hàng xem lại thơng tin 1|Page CHƯƠNG II: GIỚI THIỆU CÔNG NGHỆ Giớ i Thiệu Về HTML 1.1 HTML gì? HT ML (Hypertext Markup Language-Ngơn ngữ đánh dấu siêu văn bản) ngôn ngữ đánh dấu chuẩn dùng soạn thảo tài liệu World Wide Web, rõ trang Web hiển thị trình duyệt Ngơn ngữ HTML dùng tag đoạn mã lệnh trình duyệt (Web browsers) cách hiển thị thành phần trang text graphics HTML ngôn ngữ xác định cấu trúc thông tin HTML sử dụng loạt thẻ thuộc tính dùng để thị văn thông tin khác, cung cấp siêu liên kết tới tài liệu khác 1.2 Công dụng HTML Thiết kế nội dung hình thức trang web Xuất tài liệu trực tuyến hay truy xuất thông tin trực tuyến cách dùng liên kết chèn vào trang web Tạo biểu mẫu trực tuyến nhằm thu thập thông tin người dùng, quản lý giao dịch… Thêm vào đối tượng hình ảnh video, âm 1.3 Định dạng HTML Là tập tin có phần mở rộng htm html Là tập tin văn túy, có chứa mã đặc biệt gọi Tag(thẻ), thường đặt xung quanh khối văn Có thể viết nhiều trình soạn thảo: Microsoft Fontpage, notepad…và sử dụng nhiều adobe dreamweaver Giới Thiệu Adobe Dreamweaver Macromedia Dreamweaver trình biên soạn HTML chuyên nghiệp dùng để thiết kế, viết mã phát triển website trang web ứng dụng web Cho dù bạn có thích thú với cơng việc viết mã HTML thủ cơng bạn thích làm việc mơi trường biên soạn trực quan, Dreamweaver cung cấp cho bạn cơng cụ hữu ích để nâng cao kinh nghiệm thiết kế web bạn Các tính biên soạn trực quan Dreamweaver cho phép bạn tạo nhanh trang web mà khơng cần dịng mã Bạn xem tất thành phần website bạn kéo chúng trực tiếp từ panel dễ sử dụng vào văn Bạn nâng cao sản phẩm bạn cách tạo sửa ảnh Macromedia Fireworks ứng dụng ảnh khác, sau chèn trực 2|Page ... QUAN VỀ ĐỀ T? ?I T? ?n Đề T? ?i XÂY DỰNG WEBSITE BÁN ĐỒ ĐIỆN T? ?? CHO C? ? ?A HÀNG SMART STORE M? ?c Tiêu C? ? ?a Đề T? ?i Xây dựng website bán đồ điện t? ?? cho c? ? ?a hàng smart store Ý Ngh? ?a C? ? ?a Đề T? ?i T? ??i ưu ti? ?t. .. quan đến điện t? ?? M? ?t Số Trang Chính C? ? ?a Website Home: Cung c? ??p số thông tin dịch vụ c? ??n thi? ?t khách hàng - Products: cung c? ??p cho khách hàng t? ? ?t sản phẩm c? ? ?a hàng - Detail: Đây trang khách hàng. .. đối t? ?ợng, ví dụ đối t? ?ợng Math với t? ? ?t ch? ?c toán h? ?c Nhưng JavaScript không ngôn ngữ hướng đối t? ?ợng C+ +/Java 3|Page CHƯƠNG III: XÂY DỰNG WEBSITE BÁN ĐỒ ĐIỆN T? ?? CHO C? ? ?A HÀNG SMART STORE Sơ đồ website