Do đó, việc xây dựng mộtwebsite kinh doanh dụng cụ thể thao là một giải pháp hữu hiệu giúp kết nối người bán và người mua, cung cấp những thông tin và sản phẩm đa dạng và chính xác, tạo
Trang 1Trường Đại học Mở Hà Nội KHOA KINH TẾ 🙠🙠🙠
BÁO CÁO BÀI TẬP LỚN Môn học: Thiết kế và triển khai website TMĐT
ĐỀ BÀI TRIỂN KHAI THIẾT KẾ WEBSITE KINH DOANH DỤNG CỤ
THỂ THAO
Giảng viên hướng dẫn : Trần Duy Hùng
Sinh viên thực hiện : Nguyễn Thị Minh Anh
Mã sinh viên : 22A4701D0010
Hà Nội, tháng 11 năm 2023
Trang 2MỤC LỤC
Trang bìa 1
Mục lục 2
Lời nói đầu 3
Phần 1: Đặt vấn đề 4
Phần 2: Nội dung 5
Phần 3: Kết luận 27
Phần 4: Tài liệu tham khảo và các phần mềm sử dụng 27
Trang 3LỜI NÓI ĐẦU
Trong thời đại ngày nay, với sự bùng nổ của cách mạng công nghiệp 4.0, khoa học công nghệ ngày càng phát triển, cùng với đó là sự ứng dụng rộng rãi công nghệ thông tin trong tất cả các lĩnh vực đã có những đóng góp to lớn vào quá trình phát triển của nhân loại Trong các lĩnh vực đó thì lĩnh vực thương mại điện tử - mua sắm trực tuyến đang phát triển vô cùng mạnh mẽ, các hình thức mua bán trao đổi trực tuyến ngày càng đa dạng, phổ biến Website hiện tại đã trở thành một công cụ hỗ trợ đắc lực cho cả người mua và người bán
Đề tài của em là Thiết kế website kinh doanh dụng cụ thể thao Thể thao là một hoạtđộng rất quan trọng và bổ ích cho sức khỏe và tinh thần của con người Trong xã hội hiệnđại, nhu cầu chơi thể thao của mọi lứa tuổi ngày càng tăng cao Do đó, việc xây dựng mộtwebsite kinh doanh dụng cụ thể thao là một giải pháp hữu hiệu giúp kết nối người bán và người mua, cung cấp những thông tin và sản phẩm đa dạng và chính xác, tạo ra một trải nghiệm mua sắm trực tuyến an toàn và tiết kiệm Đây là một môn học rất thực tiễn và bổ ích, giúp em nắm bắt được những kiến thức và kỹ năng cơ bản về thiết kế website, các ngôn ngữ lập trình web, các công cụ và phương pháp phát triển website, cũng như các vấn đề liên quan đến giao diện, nội dung, chức năng và quảng bá website Qua đó, em mong muốn xây dựng được một website kinh doanh dụng cụ thể thao chuyên nghiệp, đẹpmắt, dễ sử dụng và hiệu quả
Với đề tài và môn học này, em xin chân thành cảm ơn sự giúp đỡ tận tình của giảng
viên hướng dẫn – thầy Trần Duy Hùng Song, do còn nhiều hạn chế nên đề tài em xây
dựng không tránh khỏi những sai sót Rất mong được thầy cô và các bạn đóng góp ý kiến
để giúp em khắc phục những thiếu sót và hoàn thiện đề tài Em xin trân trọng cảm ơn!
Trang 4PHẦN 1: ĐẶT VẤN ĐỀ
1 Mục tiêu của đề tài
Xây dựng một website kinh doanh dụng cụ thể thao trực tuyến, phục vụ nhu cầu củangười chơi thể thao trong thời đại công nghệ 4.0 Website sẽ có những tính năng chínhnhư sau:
Hiển thị danh mục các loại dụng cụ thể thao theo các tiêu chí như môn thể thao, thươnghiệu, giá cả, đánh giá, khuyến mãi, v.v
Cho phép người dùng tìm kiếm, lọc, so sánh và đặt hàng các sản phẩm dụng cụ thể thaomột cách dễ dàng và nhanh chóng
Cung cấp những thông tin chi tiết và hình ảnh minh họa về các sản phẩm dụng cụ thểthao, giúp người dùng có thể lựa chọn phù hợp với nhu cầu và sở thích của mình
Hỗ trợ thanh toán trực tuyến qua nhiều hình thức như thẻ tín dụng, thẻ ghi nợ, chuyểnkhoản, ví điện tử, v.v
Đảm bảo bảo mật và an toàn cho thông tin cá nhân và giao dịch của người dùng, áp dụngcác biện pháp phòng chống gian lận và bảo vệ quyền lợi của người mua hàng
Tạo ra một giao diện thân thiện, đẹp mắt, tương thích với nhiều thiết bị và trình duyệtkhác nhau, tối ưu hóa tốc độ tải trang và trải nghiệm người dùng
Quảng bá và tiếp cận đến nhiều đối tượng khách hàng tiềm năng, tăng doanh số bán hàng
và uy tín thương hiệu của website
2 Kết quả mong muốn đạt được
Xây dựng được một website kinh doanh dụng cụ thể thao trực tuyến chất lượng cao, đápứng được nhu cầu và sự hài lòng của người dùng Cụ thể:
Hoàn thành website theo đúng yêu cầu và tiến độ của môn học, đảm bảo chất lượng vềgiao diện, nội dung, chức năng của website
Nhận được những phản hồi tích cực và góp ý xây dựng từ giảng viên
Trang 5+ Màu đỏ cam có thể thể hiện sự năng động, sáng tạo và hài hước của trang web Màu đỏ cam cũng có thể kích thích sự quan tâm, hứng thú và hành động của người truy cập, khuyến khích họ mua hàng và tham gia các chương trình khuyến mãi của trang web Màu
đỏ cam có thể được sử dụng ở các phần như tiêu đề, nút mua hàng, banner, hoặc làm nổi
Trang 6+ Màu trắng tạo ra cảm giác rộng rãi, thoáng mát và dễ chịu cho người truy cập, giúp họ không bị rối mắt và mệt mỏi khi xem trang web Màu trắng có thể được sử dụng ở các phần như nền, khoảng trống, chân trang, hoặc làm đối lập với các màu khác để tạo sự cânbằng và hài hoà.
Tóm lại, việc sử dụng ba gam màu chủ đạo là xanh nước biển, đỏ cam và trắng có thể giúp trang web kinh doanh dụng cụ thể thao trở nên hấp dẫn, thân thiện và hiệuquả hơn Gam màu này cũng phù hợp với lĩnh vực thể thao, vì nó mang đến cho người truy cập cảm giác vui vẻ, yêu đời và khỏe mạnh
4 Sơ đồ mạng lưới trang web.
5 Mẫu trang
- Tất cả các trang đều có đầy đủ header, footer và menu.
- Chiều rộng của website là 1227pixels.
6 Ý tưởng thiết kế từng trang.
a Trang chủ
TRANG CHỦ
DANH MỤC SẢN PHẨM
DỤNG CỤ
TẬP THỂ
HÌNH
PHỤ KIỆN TẬP GYM XE ĐẠP TẬP THỂ DỤC
DỤNG CỤ VÕ THUẬT &
BOXING
DỤNG CỤ CÁC MÔN THỂ THAO
HỆ THỐNG CỬA HÀNG GIỚI THIỆU TIN TỨC LIÊN HỆ
HEADER 1227x63 (Logo, thanh tìm kiếm, giỏ hàng) MENU 1227x36 (Danh mục sản phẩm, Hệ thống cửa hàng, Giới thiệu, Tin tức, Liên hệ)
LIST 232x413
Danh mục sản phẩm Banner 811x415
Trang 7GỢI Ý SẢN PHẨM
IMG
Danh mục sản phẩm
Tin tức – Sự kiện
IMG
FOOTER (Hệ thống cửa hàng, Về chúng tôi, Chính sách ưu đãi)
1227x218
Trang 8IMG 155x170
IMG 155x170
IMG 155x170
IMG 155x170
IMG 155x170
IMG 155x170
IMG 155x170
FOOTER (Hệ thống cửa hàng, Về chúng tôi, Chính sách ưu đãi)
1227x218
Trang 9c Trang con chi tiết
HEADER 1227x63 (Logo, thanh tìm kiếm, giỏ hàng) MENU 1227x36 (Danh mục sản phẩm, Hệ thống cửa hàng, Giới thiệu, Tin tức, Liên hệ)
IMGẢnh sản phẩm
430x445
Text Thông tin sản phẩm 470x190
Số lượng 100x35
Thêm vào giỏ hàng 210x35
Text Thông tin liên hệ, địa chỉ
430x140
Text 290x250
Sản phẩm tương tự
IMG 190x185
IMG 190x185
IMG 190x185
IMG 190x185
IMG 190x185
IMG 190x185
IMG 190x185
IMG 190x185
IMG 190x185
IMG 190x185
Danh mục sản phẩm
FOOTER (Hệ thống cửa hàng, Về chúng tôi, Chính sách ưu đãi)
1227x218
Trang 10d Trang con giỏ hàng
HEADER 1227x63 (Logo, thanh tìm kiếm, giỏ hàng) MENU 1227x36 (Danh mục sản phẩm, Hệ thống cửa hàng, Giới thiệu, Tin tức, Liên hệ)
Text (Giỏ hàng trống) 1050x50
Quay lại trang chủ
175x35
Danh mục sản phẩm
FOOTER (Hệ thống cửa hàng, Về chúng tôi, Chính sách ưu đãi)
1227x218
Trang 11e Trang chi tiết giỏ hàng
đáád HEADER 1227x63 (Logo, thanh tìm kiếm, giỏ hàng)
MENU 1227x36 (Danh mục sản phẩm, Hệ thống cửa hàng, Giới thiệu, Tin tức, Liên hệ)
IMG 100x100
Số lượng 115x35
Text 205x50 Text (Giá trị đơn hàng, Tổng cộng)
Trang 12II Giao diện chính và nội dung các trang
- Menu: là thanh ngang cố định, sẽ di chuyển theo và luôn cố định ở đầu trang, tiện
lợi và hữu ích cho khách hàng trong suốt quá trình tìm kiếm và lựa chọn sản phẩm Trên thanh menu bao gồm: Danh mục sản phẩm, trang chủ, hệ thống cửa hàng, giới thiệu, tin tức, liên hệ, hotline
+ Danh mục sản phẩm: luôn sẵn danh sách các dòng sản phẩm để khách hàng dễ dàng click vào
+ Trang chủ: sẵn có để khách hàng có thể back lại tùy ý muốn ở mọi trang con, trang chi tiết
+ Hệ thống cửa hàng: thông tin về các chuỗi cửa hàng trên toàn quốc
+ Giới thiệu: tổng quan về Dụng cụ thể thao Mjan; gắn kèm link mạng xã hội của doanh nghiệp như Instagram, Facebook, Zalo; lời cảm ơn đến khách hàng
+ Tin tức: cập nhật các kiến thức về thể thao, các phòng gym,… tiện lợi cho kháchhàng tham khảo và tìm hiểu
+ Liên hệ: để lại địa chỉ email cùng số điện thoại để khách hàng có thể liên hệ để giải đáp thắc mắc, tư vấn, góp ý,…
+ Hotline: số điện thoại liên lạc trong trường hợp khách hàng cần đặt hàng gấp, khiếu nại,…
- Nội dung: Tùy theo các trang khác nhau (trang chủ, trang con, trang chi tiết, giỏ
hàng) mà sẽ có sự khác nhau về cách bố trí ảnh, text, các tiện ích,…
- Footer: Hệ thống showroom, Về chúng tôi và Chính sách ưu đãi.
+ Hệ thống showroom: Bao gồm địa chỉ các showroom và kèm số điện thoại liên lạc
+ Về chúng tôi: Tiếp tục phần giới thiệu với khách hàng, ngoài ra còn có các hình thức mua hàng, hình thức thanh toán đơn hàng, quan điểm kinh doanh và hệ thốngcửa hàng
+ Chính sách ưu đãi: Bao gồm chính sách bảo mật thông tin, chính sách vận chuyển, chính sách bảo hành và quy định đổi trả hoàn tiền
Trang 131 Trang chủ
Trang chủ bắt mắt đóng vai trò quan trọng trong việc thu hút khách hàng Trang giới thiệu về các sản phẩm hot, với deal hời giảm giá cực sốc cho các sản phẩm tập thể hình chất lượng tốt, thương hiệu cao cấp và chính hãng
Trang 15Đầy đủ header, danh mục sản phẩm chính và footer.
c Xe đạp tập thể dục
Danh sách phân loại sản phẩm rõ ràng, danh sách sản phẩm kèm hình ảnh rõ nét kèm giágốc cùng giá sau khi giảm Khách hàng có thể dễ dàng xem và lựa chọn
Trang 16Đầy đủ header, danh mục sản phẩm chính và footer.
Trang 17d Dụng cụ võ thuật & Boxing
Danh sách phân loại sản phẩm rõ ràng, danh sách sản phẩm kèm hình ảnh rõ nét kèm giágốc cùng giá sau khi giảm Khách hàng có thể dễ dàng xem và lựa chọn
Đầy đủ header, danh mục sản phẩm chính và footer
Trang 193 Trang con chi tiết.
a Khung gánh tạ KB-G01
Trang 20b Găng tay tập gym Aolikes 112
Trang 21c Xe đạp tập thể dục TOKADO – TK007
Trang 22d Trụ đấm boxing cỡ đại J10
Trang 23e Kính bơi trẻ em View 730J
Trang 244 Trang giỏ hàng
a Khung gánh tạ KB-G01
b Găng tay tập gym Aolikes 112
Trang 25c Xe đạp tập thể dục TOKADO – TK007
d Trụ đấm boxing cỡ đại J10
Trang 26e Kính bơi trẻ em View 730J
5 Trang con giỏ hàng
Trang 27- Chưa có tính năng đánh giá sau mua hàng.
- Chưa có tính năng lịch sử mua hàng.
- Chưa thiết kế được hết số lượng trang con chi tiết.
PHẦN 4: TÀI LIỆU THAM KHẢO