TRƯỜNG ĐẠI HỌC MỞ HÀ NỘI KHOA KINH TẾ BÁO CÁO BÀI TẬP LỚN PHÁT TRIỂN CÁC ỨNG DỤNG THƯƠNG MẠI ĐIỆN TỬ ĐỀ TÀI THIẾT KẾ WEBSITE KINH DOANH CÁC SẢN PHẨM DÀNH CHO MẸ VÀ BÉ Giảng viên hướng dẫn Trần Tiến Dũng,...
TRƯỜNG ĐẠI HỌC MỞ HÀ NỘI KHOA KINH TẾ ***** BÁO CÁO BÀI TẬP LỚN PHÁT TRIỂN CÁC ỨNG DỤNG THƯƠNG MẠI ĐIỆN TỬ ĐỀ TÀI THIẾT KẾ WEBSITE KINH DOANH CÁC SẢN PHẨM DÀNH CHO MẸ VÀ BÉ Giảng viên hướng dẫn: Trần Tiến Dũng Sinh viên thực hiện: Phạm Thuỳ Dương Lớp: K28-TMĐT Hà Nội – 2021 I ĐẶT VẤN ĐỀ Giới thiệu 1.1 Lý chọn đề tài Tình hình dịch bệnh căng thẳng khiến nhiều cửa hàng nói chung cửa hàng kinh doanh sản phẩm dành cho mẹ bé nói riêng rơi vào tình trạng khó khăn Tuy nhiên, việc sử dụng phương tiện điện tử có kết nối internet lại phát triển hết, giúp cho việc mua bán online cực đơn giản thuận tiện Đồ sử dụng cho bé mẹ lại sản phẩm vơ thiết yếu, với với nguồn hàng sẵn có, chúng tơi lên ý tưởng định xây dựng website kinh doanh mặt hàng dành cho mẹ bé trực tuyến Tên Website: Tizi 1.2 Cơ sở thực tiễn đề tài chọn Website thiết kế nhắm đến đối tượng bà mẹ bỉm sữa, người có gia đình… TIZI quảng bá thương hiệu khơng giới hạn tồn quốc với chi phí quảng cáo thấp mang lợi nhuận tốt 1.3 Phân tích yêu cầu đề tài Các chức cần đạt đề tài: - Xây dựng thành công Website - Website hoạt động ổn định - Giao diện website đơn giản, bố cục hợp lý, dễ dàng thao tác + Tên Website dễ nhớ, slogan logo để lại ấn tượng cho khách hàng + Đầy đủ chức cần thiết như: Giỏ hàng, tìm kiếm, danh mục sản phẩm, tư vấn, mua hàng, + Gam màu tươi sáng dễ nhìn Hình ảnh sinh động, đáng yêu, hút + Khách hàng đặt hàng - Nội dung trang web có chiều sâu - Có phiên hiển thị dành cho Máy tính, máy tính bảng điện thoại thơng minh, - Tối ưu hóa, tốc độ duyệt web nhanh giúp khách hàng có trải nghiệm tốt II NỘI DUNG Cơ sở lý thuyết Cấu trúc Website 2.1 Số Lượng Trang Gồm tổng cộng 19 trang: - Trang chủ (Homepage) - Trang Giới thiệu - Trang Danh mục Sản Phẩm gồm trang bên trong: + Thời trang + Đồ dùng cho bé + Chăm sóc bé + Đồ cho mẹ + Đồ chơi - Trang Liên hệ tư vấn Trang Ưu đãi thông tin Trang Blog chia sẻ kinh nghiệm chăm sóc trẻ, kinh nghiệm sinh Trang Giỏ hàng Trang Đăng Nhập Trang Đăng Kí Trang Thanh Tốn 2.2 Độ Sâu sơ đồ liên kết Website Trang chủ Danh mục SP Ưu đãi Giới thiệu Blog chia sẻ Liên hệ tư vấn Ngành hàng Sản phẩm trang Trang giỏ hàng Trang tốn Trang Đặt Hàng Thành Cơng Giao diện chi tiết nội dung trang xây dựng 3.1 Bố cục Layout trang chủ, style cách thức thiết kế + Header: W: 1340 px, H: 200 px, X: 0, Y: + Body: W:1340 px, H: 1600 px, X: 0, Y: 200 + Footer: 1340 px, H: 300 px, X:0, Y: 1290 HEADER 1340 px PHÂN BỔ TRANG CON CẤP BANNER QUẢNG CÁO PHÂN BỔ TRANG CON CẤP Sản phẩm bán chạy 3.2 Bố cục Layout trang conFOOTER - Trang danh mục sản phẩm Header: W: 1340 px, H: 200px, X:0, Y:0 Content: Top: W: 1340 px, H: 200 px Left: W: 400 px, H: 775 px Right: W: 940 px, H: 775 px Footer: W: 1340 px, H: 300, X:0, Y: 1230 HEADER 200 px 1340px 200 px -DANH MỤC SẢN PHẨM940 px 400 px -LOẠI SẢN PHẨMSP SP SP SP SP SP - Thời trang - Đồ dùng cho bé 775 px - Chăm Sóc bé SP SP SP - Đồ cho mẹ XEM THÊM - Đồ chơi FOOTER - Đồ cho mẹ Note: khoảng trắng phần Mỗi khoảng 5px - Trang Blog chia sẻ Header: W: 1340 px, H: 200 px, X: 0, Y: Content: Top: W: 1340 px, H: 200 px Bottom: W: 1340 px, H: 700px Footer: W: 1340 px, H: 300px 300 px Trang Tin tức HEADER 1340px -TIN TỨC- ẢNH ẢNH ẢNH CONTENT CONTENT CONTENT FOOTER - Trang Liên hệ tư vấn: Header: W: 1340 px, H: 200 px, X: 0, Y: Content: Top: W: 1340 px, H: 200 px Left: W: 650 px, H: 750 px Right 1: W: 650 px, H: 450px Right 2: W: 650 px, H: 300 px Footer: W: 1340 px, H: 300 px HEADER 1340px ĐỊA CHỈ - LIÊN HỆ TƯ VẤN - SỐ ĐIỆN THOẠI EMAIL THỜI GIAN LÀM VIỆC BẢN ĐỒ ĐỊA CHỈ GỬI THẮC MẮC CHO CHÚNG TÔI HỘP THƯ ĐIỆN TỬ FOOTER 3.3 Các thành phần trang web: Header: Tên thương hiệu, Logo, Hotline, Email, Thơng Báo, Hỏi đáp, Đăng nhập, Đăng kí, Thanh tìm kiếm, Giỏ hàng Body: Menu Địa chỉ, thơng tin liên hệ, chứng nhận quyền: Footer Button liên kết (facebook, zalo, Instagram, twitter): Footer HOTLINE TIZI EMAIL THÔNG BÁO THANH TÌM KIẾM MENU Banner MENU DANH MỤC SẢN PHẨM HỎI ĐÁP ĐĂNG NHẬP ĐĂNG KÍ ĐĂNG KÍ NHẬN TIN LIÊN KẾT THÔNG TIN LIÊN HỆ 3.4 Sơ đồ website – Sơ đồ phân cấp liên kết trang web SẢN PHẨM Danh mục SP ABOUT US TRANG TrangCHchủ Ưu đãi Giới thiệu Ngành hàng Sản phẩm trang Đồ dùng cho bé Thời trang Đồ chơi cho bé Chăm sóc bé Đồ cho mẹ Blog chia sẻ Liên hệ tư vấn III KẾT LUẬN Tổng kết kết đạt - Giao diện dễ nhìn, bố cục hợp lý, dễ thao tác - Hình ảnh rõ nét, cân đối, hài hoà - Thao tác được, nhập liệu - Đầy đủ chức cần thiết như: Giỏ hàng, tìm kiếm, danh mục sản phẩm, tư vấn, mua hàng, Những vấn đề chưa đạt so với ý tưởng - Một số trang ngắn so với dự kiến - Font chữ chưa hoàn toàn đẹp so với dự định - Chưa đủ thời gian để phát triển thêm trang sâu danh mục Thời trang chia làm quần, áo, set body,… - Codeweb chưa chuyên nghiệp, chưa phát huy hết chức Hướng phát triển đề tài - Thêm danh mục nhỏ hơn, kĩ lưỡng - Cần tăng thêm độ dài trang - Tìm kiếm Font chữ đẹp để thay - Kiểm tra thêm thẻ, chức phục vụ cho người dùng thao tác tiện lợi IV TÀI LIỆU THAM KHẢO VÀ CÁC PHẦN MỀM SỬ DỤNG Tài liệu tham khảo [1] Website Bé yêu shop: https://beyeushop.vn/ Các phần mềm sử dụng Phần mềm đồ hoạ chỉnh sửa, thiết kế bố cục, banner, hình ảnh quảng cáo cho website (Adobe Photoshop CC 2018) Phần mềm soạn thảo lập trình cho website (Adobe Dreamweaver 2020) V MỤC LỤC 10 ... KHẢO VÀ CÁC PHẦN MỀM SỬ DỤNG Tài liệu tham khảo [1] Website Bé yêu shop: https://beyeushop.vn/ Các phần mềm sử dụng Phần mềm đồ hoạ chỉnh sửa, thiết kế bố cục, banner, hình ảnh quảng cáo cho... SỐ ĐIỆN THOẠI EMAIL THỜI GIAN LÀM VIỆC BẢN ĐỒ ĐỊA CHỈ GỬI THẮC MẮC CHO CHÚNG TÔI HỘP THƯ ĐIỆN TỬ FOOTER 3.3 Các thành phần trang web: Header: Tên thương hiệu, Logo, Hotline, Email, Thơng Báo, ... trạng khó khăn Tuy nhiên, việc sử dụng phương tiện điện tử có kết nối internet lại phát triển hết, giúp cho việc mua bán online cực đơn giản thuận tiện Đồ sử dụng cho bé mẹ lại sản phẩm vơ thiết