Báo cáo môn học lập trình web đề tài xây dựng website bán giày sneaker

Những website mua bán, thương mại xuất hiệnngày càng nhiều, những trang thương mại nổi tiếng như www.amazone.com,www.alibaba.com hay www.ebay.com không còn xa lạ với chúng ta.Đối với một

Đại học Công nghệ Giao thông Vận tải Khoa Công Nghệ Thông Tin - - BÁO CÁO MÔN HỌC: LẬP TRÌNH WEB ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN GIÀY SNEAKER Lớp 72DCTT23- NHÓM Giáo viên hướng Sinh viên thực hiện: dẫn: Phạm Đức Anh Trần Thị Hồng Ánh – 72DCTT20115 Lê Thị Phương Hoa – 72DCTT20228 Đỗ Thị Phương Thảo – 72DCTT20111 Phạm Thị Kim Dung – 72DCTT20131 Hà Nội MỤC LỤC LỜI MỞ ĐẦU I.GIỚI THIỆU BÀI TOÁN THỰC HIỆN Tổng quan toán .3 1.1 Khảo sát trạng 1.2 Mơ tả tốn .3 1.3 Ưu điểm website bán giày sneaker .3 1.4 Nhược điểm Các hệ thống liên quan tương tự 3 Mục tiêu giải toán Yêu cầu trang web II.PHÂN TÍCH HỆ THỐNG Yêu cầu chi tiết Website .4 1.1 Đối với người truy cập Website với chức user 1.2 Đối với người quản trị Các nhóm chức Xác định thực thể Xác định Use Case .7 Database .8 III.CÀI ĐẶT GIAO DIỆN HỆ THỐNG Cấu trúc trang web 1.1.Tiêu đề ( header) 1.2 Thân bố cục (main) 1.3 Phần chân trang (footer) .8 Giao diện .8 2.1 Giao diện trang chủ .8 2.2 Giao diện sản phẩm 2.3 Giao diện đăng nhập 2.3 Giao diện admin 10 2.4 Quản lý danh mục 11 2.5 Quản lý đơn hàng .11 2.6 Quản lý thành viên .12 2.7 Giao diện giỏ hàng toán .12 LỜI MỞ ĐẦU Hiện nay, ứng dụng công nghệ thơng tin tin học hóa xem yếu tố mang tính định hoạt động phủ, tổ chức công ty Cùng với phát triển không ngừng kĩ thuật máy tính mạng điện tử, cơng nghệ thông tin chinh phục hết đỉnh cao đến đỉnh cao khác có vị trí định Mạng Internet sản phẩm có giá trị to lớn cơng cụ khơng thể thiếu, tảng cho truyền tải, trao đổi thơng tin tồn cầu thời đại công nghệ 4.0 Đi với phát triển mạnh mẽ công nghệ thông tin phát triển thương mại hóa tồn cầu Những website mua bán, thương mại xuất ngày nhiều, trang thương mại tiếng www.amazone.com, www.alibaba.com hay www.ebay.com khơng cịn xa lạ với Đối với cửa công ty, doanh nghiệp hay cửa hàng, việc quảng bá giới thiệu đến khách hàng sản phẩm đáp ứng nhu cầu khách hàng cần thiết Vậy phải quảng bá đó? Đó xây dựng Website cho cửa hàng quảng bá tất sản phẩm bán Và nắm bắt xu thời đại nên chúng em thực đề tài “Xây dựng Website bán giày sneaker” nhằm phục vụ cho nhu cầu tất yếu sống ưu chuộng đẹp Trong thời gian thiết kế website, giúp đỡ, hướng dẫn tận tình thầy Phạm Đức Anh, chúng em tiến hành tìm hiểu xây dựng website thương mại Website giúp chúng em phát huy tính sáng tạo, tinh thần làm việc tập thể, khả vận dụng kiến thức học để hồn thành tốt báo cáo Mặc dù có nhiều cố gắng trình làm dự án, nhiên kiến thức hạn chế thời gian có hạn nên dự án cịn nhiều thiếu sót, chúng em mong giúp đỡ, góp ý, sửa chữa thầy cô để báo cáo chúng em hoàn thiện Chúng em xin chân thành cảm ơn quý thầy cô! I.GIỚI THIỆU BÀI TOÁN THỰC HIỆN Tổng quan toán 1.1 Khảo sát trạng Thực tìm hiểu, khảo sát hệ thống, cụ thể số website bán giày internet, đánh giá trạng cửa hàng, xác định mặt hạn chế hệ thống cũ, từ đề xuất khắc phục Xã hội ngày phát triển, nhu cầu mua sắm, thời trang người nâng cao Trong khơng thể thiếu gọng kính sang trọng, lạ mắt, đại Những gọng kính ngày thu hút nhiều người quan tâm, người có tật khúc xạ mà ưu chuộng đẹp Tuy nhiên cửa hàng, website bán hàng chưa đáp ứng yêu cầu khách hàng, phục vụ chưa chu đáo, tốn nhiều thời gian Các trang web bán giày chưa phổ biến, phong phú Nhằm khắc phục điều mong muốn có mơi trường giao tiếp tiện lợi khách hàng, đơn giản hóa việc mua sắm, chúng em xây dựng website Bên cạnh , khách hàng phản hồi cho cửa hàng chia sẻ với người, đóng góp ý kiến với website để chúng em hồn thiện hơn, phục vụ khách hàng tốt Qua website, khách hàng nắm thơng tin bổ ích từ sản phẩm, liên tục cập nhật thông tin từ hãng sản xuất 1.2 Mô tả tốn - Website giúp cho chủ cửa hàng quản lý mặt hàng cửa hàng cách thuận tiện hơn, đồng thời chủ cửa hàng cập nhật mặt hàng nhập lên website, lưu thông tin mặt hàng bán cho khách hàng, đồng thời kiểm tra, chỉnh sửa viết sản phẩm, hiển thị thông tin lên theo mục - Một website bán hàng có quy trình bắt đầu việc nhận đơn hàng từ phía khách hàng, nhận trực tiếp gián tiếp qua điện thoại, email, theo tiếp nhận thơng tin đơn đặt hàng, sản phẩm đặt hàng sau lưu vào kho đơn đặt hàng tất khách hàng Sau người quản lí hệ thống lên lịch hẹn với khách hàng thời điểm giao hàng vị trí giao hàng thuận tiện - Website gồm nhiều trang, trang có chủ đề chức riêng Mỗi chủ đề phải có đường dẫn đến trang, có tên chủ đề nội dung trang Trang chủ tóm tắt nội dung toàn website bao gồm viết, video quảng cáo,… - Mỗi chủ đề phải khác phân biệt với chủ đề khác Mỗi chủ đề có giao diện riêng biệt cho chủ đề phù hợp với chủ đề - Đối với người truy cập Website với tư cách User cho phép đăng kí, đăng nhập, tìm kiếm tham khảo thơng tin sản phẩm, cho phép bình luận viết đánh giá sản phẩm 1.3 Ưu điểm website bán giày sneaker Ngày hình thức kinh doanh bán hàng online mang lại nhiều ưu điểm thuận lợi: - Sự Đa Dạng Về Sản Phẩm: Một trang web bán giày sneaker nên cung cấp đa dạng sản phẩm, bao gồm nhiều loại giày, kích thước mẫu mã Khách hàng có nhiều lựa chọn để chọn từ - Tích Hợp Tính Năng Tìm Kiếm: Một cơng cụ tìm kiếm hiệu giúp người dùng tìm kiếm lựa chọn sản phẩm dễ dàng - Xem Trước Sản Phẩm: Hiển thị hình ảnh thơng tin chi tiết sản phẩm giúp khách hàng biết rõ sản phẩm trước mua - Tích Hợp Giỏ Hàng Thông Minh: Một giỏ hàng trực tuyến giúp khách hàng thêm quản lý sản phẩm dễ dàng, với tính tính tốn tổng giá trị - Chất Lượng Hình Ảnh: Hiển thị hình ảnh sản phẩm chất lượng cao giúp người dùng thấy rõ sản phẩm chi tiết - Tùy Chọn Thanh Tốn Linh Hoạt: Cung cấp nhiều phương thức toán khác nhau, bao gồm toán trực tuyến, toán nhận hàng (COD), thẻ tín dụng, ví điện tử, PayPal - Vận Chuyển Giao Hàng: Cung cấp nhiều tùy chọn vận chuyển giao hàng khác nhau, bao gồm giao hàng nhanh, giao hàng quốc tế dịch vụ theo dõi vận chuyển - Dịch Vụ Khách Hàng: Tích hợp dịch vụ khách hàng dễ dàng tiếp cận, bao gồm chat trực tuyến, email, điện thoại hỗ trợ qua mạng xã hội để giải thắc mắc khách hàng - Tích Hợp Xã Hội: Cho phép chia sẻ sản phẩm đánh giá tảng truyền thông xã hội - Theo Dõi Đơn Hàng: Cung cấp cho khách hàng tính theo dõi đơn hàng để họ biết xác vị trí trạng thái đơn hàng họ - An Toàn Bảo Mật: Đảm bảo an tồn bảo mật thơng tin cá nhân toán khách hàng 1.4 Nhược điểm Bên cạnh ưu điểm kinh doanh bán hàng web tồn nhược điểm định:  Hiện khách hàng chưa tin tưởng vào hình thức bán hàng web số trang web thực “ đăng đằng bán kiểu” nên gây hoang mang cho khách hàng  Đòi hỏi website phải chủ động linh hoạt khâu: từ khâu quảng bá sản phẩm đến khâu quan hệ khách hàng, giao hàng, tốn, lấy hàng, Trong q trình kinh doanh web gặp nhiều khó khăn  Sự cạnh tranh website lớn Nên sản phầm không chất lượng, đa dạng, đẹp làm ăn khơng uy tín khó trì lâu  Khách hàng sau đặt hàng đến giao hàng lại không nhận nên chủ shop lại thêm chi phí  Một số trang web giả mạo, lừa đảo Các hệ thống liên quan tương tự Một số website tìm hiểu tham khảo  Website: https://sneakerdaily.vn/ -Website Sneaker Daily web bán giày sneaker hãng với mẫu ln cập nhật ngày để mang đến cho khách hàng lựa chọn phong phú Nhận thấy trang chủ dễ nhìn, đẹp, đa dạng, nhiều chức năng, lôi người xem  Nhận xét website Việt Nam nước ngồi: - Nhìn tổng quan trang web Việt Nam chất lượng khơng thua trang web nước - Layout phân chia đều, đẹp, dễ nhìn - Thơng tin rõ ràng, đầy đủ cho người xem - Một số hình ảnh, chức trang web Việt Nam cịn thừa khơng cần thiết, xuất nhiều quảng cáo làm rối mắt người xem - Đối với web bên nước cảm thấy tối ưu, đơn giản, đầy đủ, trang trí đẹp hình ảnh, sản phẩm bố cục Mục tiêu giải toán - Xây dựng chức website bán hàng thương mại Website có khả tự tương thích, hiển thị tất thiết bị nâng cấp tương lai - Website hiển thị cách sinh động, đẹp mắt không phức tạp tất người sử dụng - Hỗ trợ khách hàng cách nhanh nhận yêu cầu liên hệ từ khách hàng - Quản lý mặt hàng sản phẩm, cấu hình website - Nắm bắt cơng nghệ thiết kế web ngôn ngữ như: ngôn ngữ đánh dấu siêu văn HTML, CSS, JAVASCRIPT, PHP giúp cho website sinh động hấp dẫn Yêu cầu trang web - Website có dung lượng không lớn, tốc độ xử lý nhanh - Cơng việc tính tốn thực xác, khơng chấp nhận sai sót - Sử dụng mã hóa thông tin cá nhân khách hàng - Đảm bảo an toàn liệu chạy website trực tuyến - Hình thức thơng tin đa dạng sống động - Giao diện thân thiện, dễ nhìn, an tồn liệu - Cung cấp thơng tin phát triển hoạt động 24/24 - Thông tin cập nhật sửa đổi thường xuyên II.PHÂN TÍCH HỆ THỐNG Yêu cầu chi tiết Website - Hiển thị danh mục sản phẩm sản phẩm bán chạy, sản phẩm sale cửa hàng, - Hiển thị thông tin chi tiết sản phẩm có danh sách bao gồm tên sản phẩm, giá sản phẩm ( giá sale có) hiển thị thơng tin sản phẩm sản phẩm thuộc loại bán chạy hay không bán chạy - Hiển thị kết thông tin việc tìm kiếm sản phẩm, đăng kí đăng nhập tài khoản 1.1 Đối với người truy cập Website với chức user - Cho phép đăng kí thành viên, thành viên hợp tác bán hàng để nhận nhiều ưu đãi cửa hàng dịp bật nhằm tri ân khách hàng - Cho phép xem thông tin chi tiết sản phẩm, thông tin giỏ hàng - Cho phép tìm kiếm sản phẩm theo giá, theo tên sản phẩm - Chọn sản phẩm phù hợp với nhu cầu thân thực việc mua hàng việc toán khách hàng muốn mua 1.2 Đối với người quản trị - Là người điều hành, quản lý theo dõi hoạt động cửa hàng - Quản lí thành viên,phân quyền cho thành viên quản lý - Cập nhật thông tin sản phẩm - Kiểm tra chỉnh sửa lại thông tin sản phẩm - Cập nhật loại sản phẩm lên trang website để người dung cập nhật nhanh - Kiểm tra,xác nhận thông tin đơn hàng Các nhóm chức - Hệ thống Website bao gồm:  Trang chủ  Tài Khoản  Đăng Ký  Sản phẩm  Tìm kiếm lọc sản phẩm  Thông tin sản phẩm  Giỏ Hàng toán  Theo dõi đơn hàng giao hàng  Tìm kiếm đơn hàng  Kiểm tra tồn kho cho giỏ hàng  Quản lý thành viên Chức hệ thống chia làm nhóm chức sau: - Người quản trị (Admin): Chỉ có Admin có quyền truy cập vào chức (Xem thành viên, quản lý thông tin thành viên, tài khoản thành viên, quản lý danh mục sản phẩm, quản lý tồn kho,quản lý đơn hàng) - Nhóm thành viên Website (User): Dành cho User đăng nhập vào xem sản phẩm đăng ký đăng nhập tài khoản thành viên (nếu có) Xác định thực thể - Dựa mô tả tốn, ta xác định thực thể hệ thống bán hàng sau: Người quản lí: Là người điều hành, quản lí theo dõi hoạt động hệ thống quản lý nhân viên có mặt cửa hàng Thành viên: Bao gồm người quản lí, khách hàng đăng kí Sau đăng nhập để trở thành thành viên, chức chung người sử dụng, cịn có số chức khác phục vụ cho công việc cụ thể đối tượng Khách hàng: người giao dịch với hệ thống, đăng ký làm thành viên hệ thống để nhận ưu đãi đặc biệt Xác định Use Case - Thực thể Khách hàng có Use Case sau:  Đăng kí làm thành viên  Xem thông tin sản phẩm  Thực việc xem thơng tin sản phẩm  Tìm kiếm thơng tin sản phẩm  Chọn sản phẩm cần mua thực việc mua hàng 10  Thanh tốn - Thực thể Người quản lí có Use Case sau:  Tiếp nhận thông tin đăng kí thành viên từ khách hàng  Tiếp nhận sản phẩm đăng lên Website  Quản lí danh sách thành viên  Quản lí danh mục sản phẩm  Bảo hành lại hệ thống bán hàng  Đăng thông tin chi tiết sản phẩm lên Website  Kiểm tra hoạt động thành viên  Cập nhật lại thông tin sản phẩm - Ngoài ra, thành viên hệ thống bán hàng bao gồm Người quản lí Thành viên đăng kí cịn có Use Case sau:  Đăng nhập  Xem thông tin cá nhân  Sửa đổi thông tin cá nhân Database 11 III.CÀI ĐẶT GIAO DIỆN HỆ THỐNG Cấu trúc trang web Muốn xây dựng trang web hồn chỉnh người lập trình khơng thể thiếu tư bố cục trang web, xác định thiết kế gì, xây dựng bố cục hồn chỉnh lúc việc lập trình trở nên dễ dàng Chúng em xác định bố cục cho trang web gồm phần chính: header, main, footer cách xây dựng màu lập trình đưa thơng tin lên tẩy màu phối màu lại 1.1.Tiêu đề ( header) Header phần đầu trang, chủ yếu chứa thông tin tiêu đề, logo, menu, liên hệ, Một trang web phần header, giữ vị trí quan trọng, giúp người dùng dựa vào để biết tồn nội dung trang web có 12 Một header chuẩn thường kết hợp với yếu tố: logo, slogan, menu, phần tìm kiếm, banner quảng cáo Những điều giúp cỗ máy tìm kiếm đánh giá dộ uy tín website 1.2 Thân bố cục (main) Main phần quan trọng trang web, dùng để xác định nội dung trang web có Phần main dùng để đưa, bày bán, thị tất nội dụng trang web lên 1.3 Phần chân trang (footer) Footer phần chân trang chứa thơng tin quyền, tác giả, liên hệ, Giao diện 2.1 Giao diện trang chủ 13 2.2 Giao diện sản phẩm 2.3 Giao diện đăng nhập 14 2.3 Giao diện admin 15 2.4 Quản lý danh mục 2.5 Quản lý đơn hàng 16 2.6 Quản lý thành viên 2.7 Giao diện giỏ hàng toán 17