Xây dựng website bán hàng thời trang cho shop go store

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT KHOA CÔNG NGHỆ SỐ Đồ Án Chuyên Ngành Đề Tài : Xây dựng Website Bán hàng thời trang cho shop go store GVHD : PGS.TS.Võ Trung Hùng Sinh viên thực : Nguyễn Minh Vương Mã sinh viên : 171250533360 Lớp : 17T3 MỤC LỤC LỜI NÓI ĐẦU CHƯƠNG : MỞ ĐẦU Phân tích nhu cầu website Tầm ảnh hưởng website Nghiên cứu tính khả thi website CHƯƠNG : KHẢO SÁT HỆ THỐNG .7 Mục tiêu – Phạm vi đồ án Mô tả hệ thống .7 o Hệ thống giúp cho khách hàng cần mong muốn sản phẩm tìm đến 2.2 Nhiệm vụ o Giới thiệu thông tin sản phẩm thời trang o Giới thiệu bán sản thời trang o Hỗ trợ, tư vấn khách hàng cần đặt mua loại sản phẩm o Hỗ trợ tư vấn , tìm kiếm sản phẩm .7 2.3 Khảo sát trạng 2.3.1 Quản trị hệ thống .8 CHƯƠNG : PHÂN TÍCH HỆ THỐNG 3.1 Phân tích hệ thống mặt chức 3.1.1 Sơ đồ phân giã chức 3.1.2.Sơ đồ luồng liệu 11 3.1.3 3.2 Đặc tả chức chi tiết 18 Phân tích hệ thống mặt liệu 26 Xây dựng mơ hình thực thể kết hợp ( ERD – Entity Relationship Diagram) .26 Xây dựng mơ hình quan hệ liệu 31 2.1 Chuyển từ ERD sang mơ hình quan hệ 31 2.2 Mơ hình quan hệ liệu 33 2.3 Đặc tả bảng liệu 34 CHƯƠNG 4: THIẾT KẾ HỆ THỐNG 40 I Thiết kế giao diện 40 Thiết kế giao diện người dùng 40 Giao diện trang quản trị .45 CHƯƠNG : CÀI ĐẶT HỆ THỐNG 50 5.1 Cài đặt XAMPP : 50 5.2 Chèn sở liệu : 52 5.3 Chạy hệ thống : .53 KẾT LUẬN 54 TÀI LIỆU THAM KHẢO 55 Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store LỜI NĨI ĐẦU Với phát triển cơng nghệ thơng tin nay, Internet ngày giữ vai trò quan trọng lĩnh vực khoa học kĩ thuật đời sống Dĩ nhiên bạn nghe nói nhiều Internet, nói cách đơn giản, Internet tập hợp máy tính nối kết với nhau, mạng máy tính tồn cầu mà kết nối máy PC họ Với mạng Internet, tin học thật tạo nên cách mạng trao đổi thông tin lĩnh vực văn hóa, xã hội, trị, kinh tế Mạng internet sản phẩm có giá trị lớn lao trở nên công cụ thiếu, tảng tuyền tải, trao đỏi thơng tin tồn cầu mạng intenet, thực cơng việt nhanh Chính điều thúc đẩy phát triển thương mại điện tử khắp thể giới, làm biến đổi 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 vad phất triển doanh nghiệp Đối với 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ới lí đó, hướng dẫn giúp đỡ thầy Võ Trung Hùng, em chọn đề tài: “Xây dựng website bán hàng thời trang cho shop go store” làm đề tài cho đồ án tốt nghiệp Tuy nhiên nỗ lực đồ án khó tránh khỏi thiếu sót Em mong nhận thơng cảm, lời góp ý bảo tận tình q Thầy Cơ bạn Sinh viên thực Nguyễn Minh Vương Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store Giới thiệu Với phát triển công nghệ thông tin nay, Internet ngày giữ vai trò quan trọng lĩnh vực khoa học kĩ thuật đời sống Dĩ nhiên bạn nghe nói nhiều Internet, nói cách đơn giản, Internet tập hợp máy tính nối kết với nhau, mạng máy tính tồn cầu mà kết nối máy PC họ Với mạng Internet, tin học thật tạo nên cách mạng trao đổi thông tin lĩnh vực văn hóa, xã hội, trị, kinh tế Mạng internet sản phẩm có giá trị lớn lao trở nên công cụ thiếu, tảng tuyền tải, trao đỏi thơng tin tồn cầu mạng intenet, thực công việt nhanh Chính điều thúc đẩy phát triển thương mại điện tử khắp thể giới, làm biến đổi 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 vad phất triển doanh nghiệp Đối với 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 Mục tiêu o Nội dung hấp dẫn, đầy đủ, phù hợp với đối tượng sử dụng o Được xếp, bố cục cách hợp lý, tạo điều kiện cho người đọc dễ định hướng website o Hình thức đẹp phù hợp với chủ đề, nội dung, thân thiện với người dùng Phạm vi đồ án o Phạm vi thực đồ án dựa kiến thức thu từ môn học trình học tập trường tham khảo thêm số tài liệu bên để bổ sung thêm kiến thức nhằm hoàn thiện đồ án tốt hơn, đáp ứng mục tiêu đồ án o Ứng dụng phát triển hoàn chỉnh tăng hiệu kinh doanh, giảm tri phí quảng cáo, giúp tuyên truyền dễ dàng Kết quả: o Đã thử áp dụng xây dựng website cho shop chưa có trang web, giúp shop ngày nâng cao phát triển Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store Ý nghĩa: o o Nhầm nâng cao phát triển thuận lời cho việc kinh doanh Giúp quản bá sản phẩm đến khách hàng Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store CHƯƠNG : CƠ SỞ LÝ THUYẾT Cơ sở dư liệu 1.1 Cơ sở liệu MySQL o MySQL là hệ quản trị sở liệu tự nguồn mở phổ biến giới nhà phát triển ưa chuộng trình phát triển ứng dụng Vì MySQL hệ quản trị sở liệu tốc độ cao, ổn định dễ sử dụng, có tính khả chuyển, hoạt động nhiều hệ điều hành cung cấp hệ thống lớn hàm tiện ích mạnh Với tốc độ tính bảo mật cao, MySQL thích hợp cho ứng dụng có truy cập CSDL internet Người dùng tải MySQL miễn phí từ trang chủ o MySQL là ví dụ Hệ Quản trị Cơ sở liệu quan hệ sử dụng Ngơn ngữ truy vấn có cấu trúc o MySQL được sử dụng cho việc bổ trợ NodeJs,PHP , Perl, nhiều ngôn ngữ khác 1.2 Ngôn ngữ PHP o PHP mang tầm vóc Open Source nên thư viện chúng phong phú đa dạng Có nhiều thư viện cộng đồng cung cấp hồn tồn miễn phí, giải hầu hết vấn đề gặp phải lập trình web.Với thư viện code phong phú, framework đa dạng giúp dễ dàng nghiên cứu học tập, lựa chọn “sản phẩm” phù hợp để triển khai ứng dụng Đây nguyên nhân chủ yếu khiến PHP ngày phát triển mạnh mẽ đa số lập trình viên tin dùng 1.3 Khảo sát trạng Các chức : - Quản trị hệ thống : Thêm , sửa, xóa danh sách quản trị viên - Quản lý tin tức : thêm, sửa , xóa tin tức danh mục tin - Quản lý sản phẩm : thêm, sửa , xóa sản phẩm danh mục sản phẩm - Quản lý banner : thêm, sửa , xóa banner quảng cáo - Quản lý đơn đặt hàng : xem , xóa đơn hàng xử lý - Quản lý khách hàng : xem, xóa khách hàng - Quản lý thơng tin liên hệ : xem, xóa thơng tin liên hệ xử lý 1.3.1 Quản trị hệ thống Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store 1.3.2 1.3.3 1.3.4 1.3.5 1.3.6 1.3.7 - Khi quản trị viên muốn thêm người quản lý website (đăng tin, đăng sản phẩm, …) quản trị viên thêm admin vào liệu Vào Hệ thống => Quản lý admin => Thêm admin Quản lý tin tức Đăng nhập vào hệ thống quản trị Vào Quản trị nội dung => Danh sách tin tức => Thêm tin : Cách thêm tin tức Vào Quản trị nội dung => Danh mục tin tức => Thêm danh mục : Cách thêm danh mục tin tức Quản lý sản phẩm Đăng nhập vào hệ thống quản trị Vào Sản phẩm => Danh sách sản phẩm => Thêm sản phẩm : Cách thêm sản phẩm Vào Sản phẩm => Danh mục sản phẩm => Thêm danh mục : Cách thêm danh mục sản phẩm Quản lý banner Đăng nhập vào hệ thống quản trị Vào Marketing => Danh sách banner => Thêm banner: Cách thêm banner Vào Marketing => Danh sách banner => Quản lý vị trí banner => Thêm vị trí banner : Cách thêm vị trí banner Quản lý đơn đặt hàng Khi khách hàng gửi đơn đặt hàng website , hệ thống lưu đơn hàng quý khách vào sở liệu Quản trị viên xem đơn đặt hàng khách hàng giao hàng cho khách theo đơn đặt hàng Những đơn hàng xử lý , quản trị viên tiến hành xóa đơn hàng Quản lý khách hàng Khi khách hàng đăng ký website, hệ thống lưu thông tin khách hàng sở liệu Khi khách hàng đặt hàng, quản trị viên xem thông tin khách hàng đăng ký để liên hệ chuyển hàng địa điểm Quản lý liên hệ Khi khách hàng gửi liên hệ hàng hóa hay cần hỗ trợ vấn đề quản trị viên quản lý thơng tin liên hệ khách hàng Quản trị viên xem xử lý yêu cầu khách hàng Sau xử lý xong yêu cầu liên hệ khách hàng, quản trị viên xóa thơng tin liên hệ Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store CHƯƠNG : PHÂN TÍCH THIẾT KẾ 2.1 Giới thiệu ý nghĩa Phân tích nhu cầu website Trong thời đại cơng nghệ thông tin nay, mà Internet trở nên thân quen dần trở thành công cụ thiếu sống lợi ích website việc quảng bá sản phẩm thương hiệu công ty thật to lớn o Tùy lĩnh vực kinh doanh doanh nghiệp mà website mang lại lợi ích khác Trang web trở thành cửa ngõ để doanh nghiệp tiếp thị sản phẩm đến khách hàng khắp nơi toàn giới o Tầm ảnh hưởng website Website nơi doanh nghiệp khách hàng gặp Khi họ truy cập vào website bạn tìm thấy thông tin sản phẩm bạn cung cấp, đó, website trở thành kênh tư vấn khách hàng trực tuyến hữu hiệu o Website phương tiện để giới thiệu doanh nghiệp, quảng bá, marketing PR o Nghiên cứu tính khả thi website o Khả thi tổ chức :  Giúp hội kinh doanh mở rộng : Cơ hội quảng bá không giới hạn, công việc kinh doanh mở cửa 24h/1ngày Website bạn văn phịng giao dịch kinh doanh tồn cầu ln mở cửa 24h/ngày, ngày/tuần 365 ngày/năm Bất kỳ ai, dù đâu ghé thăm văn phịng bạn  Giảm tối thiểu thời gian quản lý o Khả thi kinh tế :  Hãy tưởng tượng, thay phải gửi mẫu sản phẩm cho khách hàng, Bạn mời khách hàng đến thăm website với thơng tin cịn cặn kẽ đầy đủ Catalogue  Bạn trả lương cho cả, thứ văn phịng giao dịch tồn cầu bạn thực cách xác hồn tồn tự động Chi phí để có website thật nhỏ bé so với chi phí mà bạn bỏ để quảng bá hoạt động bạn phương tiện truyền thống Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store 2.1 Phân tích hệ thống mặt chức Sơ đồ phân giã chức Kí hiệu sử dụng : Sử dụng hình chữ nhật để biểu diễn chức chi tiết hệ thống Chức công việc cần làm phân theo mức từ tổng hợp đến chi tiết Tên chức Mỗi chức phân rã thành chức Chức có quan hệ phân cấp với chức cha Có loại phân cấp phân cấp dọc phân cấp ngang Các phân cấp có ý nghĩa tương đương nhau, chức mức có tầm quan trọng 10 Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store 1.1 Quan hệ thực thể 1.1.1.1 Quan hệ CATEPRO PRODUCT Mỗi danh mục sản phẩm có nhiều sản phẩm, sản phẩm danh mục sản phẩm  Mối quan hệ – n 1.1.1.2 Quan hệ PRODUCT ORDERDT Mỗi sản phẩm có nhiều hóa đơn hóa đơn có nhiều sản phẩm  Mối quan hệ n –n 1.1.1.3 Quan hệ USER ORDER Mỗi khách hàng có nhiều hóa đơn, mõi hóa đơn ứng với khách hàng  Mối quan hệ –n 27 Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store Xây dựng mơ hình quan hệ liệu 2.1 Đặc tả bảng liệu 2.2 Bảng : tbl_admin Tên trường id name email Kiểu liệu int Varchar(100) varchar(100 ) varchar(40) passwor d level created 2.3 Int Int Bảng: tbl_ product Tên trường id catalong name content Kiểu liệu int int Varchar(225) text Khóa Khóa decimal(15,2) price int Varchar(100) text int int int int int discount image_link Image_list view buyed rate_total rate_count created 2.4 Khóa Khóa Bảng : tbl_catalog Tên trường Kiểu liệu Khóa id Int Khóa name Varchar(250) description Perent_id Sort created varchar(255) int tinyint datetime 28 Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store 2.5 Bảng danh mục tin tức : tbl_order Tên trường 2.6 Kiểu liệu khóa id transacrion int int Khóa Product_id qty int int amount status decimal(15,2) int Bảng banner : tbl_sliled Tên trường id name image_link link sort_order created 2.7 Kiểu liệu int Varchar(100) Varchar(100) Varchar(100) int datetime khóa Khóa Bảng vị trí banner : tbl_transaction Tên trường id status user_id user_id user_email user_phone user_address Message Amount Payment Created Kiểu liệu Int Int Int khóa Khóa varchar(100) varchar(100) varchar(100) varchar(100) varchar(100) decimal Varchar(32) Int 29 Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store 2.8 Bảng giới thiệu : tbl_User Tên trường id Name Email Password Phone Address Created Kiểu liệu Id Varchar(100) Varchar(50) Varchar(50) Varchar(11) Varchar(225) Int Khóa Khóa 30 Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store CHƯƠNG 4: THIẾT KẾ HỆ THỐNG I Thiết kế giao diện Thiết kế giao diện người dùng Khi khách hàng cập vào web lên giao diện trang chủ website - 31 Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store Hình 10 : Giao diện trang chủ - Khi khách hàng chọn mua sản phẩm , sản phẩm thêm vào giỏ hàng Hình 11 : Giao diện giỏ hàng - Giao diện sản phẩm mà shop khuyến Hình 12 : Giao diện trang tin tức khuyến 32 Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store - Bản thông kê sản phẩm bán chạy shop 33 Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store Hình 15 : Giao diện trang danh sách sản phẩm bán chạy - Giao diện chi tiết sản phẩm 34 Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store Hình 16 : Giao diện trang chi tiết sản phẩm - Khi khách hàng muốn mua sản phẩm shop cần phải đăng kí thơng tin Giao diện đăng kí khách hàng Hình 17 : Giao diện form đăng ký 35 Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store - Khí đăng kí xong khách hàng đăng nhập tài khoản Hình 18 : Giao diện form đăng nhập Giao diện trang quản trị - Giao diên quản trị để quản lý thông tin sản phẩm web 36 Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store Hình 19 : Giao diện trang quản trị - Giao diện quản lý đơn hàng khách hàng mà đặt mua Hình 20 : Giao diện trang danh sách đơn hàng - Quản lý dánh sách khách hàng đăng kí Hình 21 : Giao diện trang danh sách khách hàng 37 Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store - Giao diện quản lý danh mục sản phẩm Hình 22 : Giao diện trang quản trị danh mục 38 Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store Hình 23 : Giao diện trang quản trị sản phẩm 39 Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store Hình 24 : Giao diện trang quản trị slidel - Danh sách quản trị viên Hình 25: Giao diện trang quản trị viên - Giao diện thông tin khách hàng đăng kí 40 Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store Xay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.storeXay.dung.website.ban.hang.thoi.trang.cho.shop.go.store