MỤC LỤCCHƯƠNG 1: TỔNG QUAN...3Thiết kế website thương mại điện tử với các yêu cầu:...3Thiết kế website thương mại điện tử với các chức năng:...3Bảng phân công công việc...4CHƯƠNG 2: T
Trang 1BÁO CÁO ĐỒ ÁN CUỐI KÌ MÔN PHÁT TRIỂN WEBSITE CĂN BẢN
ĐỀ TÀI: CÁC NHÓM SẼ THAM GIA PROJECT PHÁT TRIỂN VÀ TRIỂN KHAI MỘT WEBSITE THƯƠNG MẠI ĐIỆN TỬ HOÀN CHỈNH BẰNG
CMS WORDPRESSGiảng viên hướng dẫn: Nguyễn Minh Tân
Lớp: 232_71MISS40213_06
Nhóm: 3
Nhóm Ngành: Marketing
…, tháng 5 năm 2024.
Trang 2MỤC LỤC
CHƯƠNG 1: TỔNG QUAN 3
Thiết kế website thương mại điện tử với các yêu cầu: 3
Thiết kế website thương mại điện tử với các chức năng: 3
Bảng phân công công việc 4
CHƯƠNG 2: TRIỂN KHAI WEBSITE 5
-Trình bày các bước cài đặt WP trên máy để thực hiện đồ án .5
+ Bước 1: Mua hosting và tên miền 5
+ Bước 2: Tạo tài khoản WordPress bằng cách click vào WordPress Manager by Softaculous 6
+ Bước 3: Đăng nhập vào WordPress bằng cách chọn Login và điền tài khoản + mật khẩu 7
-Trình bày các bước thực hiện xây dựng các chức năng của website 8
Trang tin tức + trang giới thiệu + trang chính sách đổi trả 8
Tạo danh mục và up sản phẩm 9
Giỏ hàng + thanh toán 16
Thông tin liên hệ 20
Widget 22
Chức năng thông minh của website 22
_Trình bày các giao diện chức năng sau khi đã hoàn thành website 22
Chức năng với vai trò quản trị: 22
Chức năng với vai trò người dùng bên ngoài: 27
CHƯƠNG 3: KẾT LUẬN VÀ KIẾN NGHỊ 33
Hướng phát triển 33
-Tối ưu hóa trải nghiệm người dùng (UX): 33
Thiết kế giao diện: 33
Cấu trúc website: 33
Tốc độ truy cập: 33
Thông tin sản phẩm: 33
Thanh toán và vận chuyển: 33
Hỗ trợ khách hàng: 33
Trang 3Nghiên cứu từ khóa: 33
Tối ưu hóa nội dung: 33
Xây dựng backlinks: 34
-Phân tích dữ liệu và điều chỉnh chiến lược: 34
Sử dụng công cụ phân tích: 34
Đánh giá và điều chỉnh: 34
-Đảm bảo an ninh mạng và bảo vệ dữ liệu: 34
Cài đặt hệ thống bảo mật: 34
Nâng cao nhận thức: 34
Kết luận 34
Trang 4CHƯƠNG 1: TỔNG QUAN
Thiết kế website thương mại điện tử với các yêu cầu:
Trang tin tức
Hiển thị danh sách product theo categories
Tối thiểu 20 products/category
Tổi thiểu 05 category
Hiển thị chi tiết sản phẩm
Có nhiều model trong cùng 01 sản phẩm (size, màu, ngôn ngữ,v.v…)
Đặt hàng
Quản lý đơn đặt hàng
Thông tin liên hệ (gọi điện, chat with me, zalo v.v…)
Thiết kế website thương mại điện tử với các chức năng:
Chức năng với vai trò quản trị:
chức năng với vai trò người dùng bên ngoài:
Xem danh sách các sản phẩm theo loại, các sản phẩmmới nhất, các sản phẩm bán chạy nhất
Tìm kiếm sản phẩm
Xem chi tiết một sản phẩm
Quản lý giỏ hàng, đặt hàng
Trang 6CHƯƠNG 2: TRIỂN KHAI WEBSITE
-Trình bày các bước cài đặt WP trên máy để thực hiện đồ án
+ Bước 1: Mua hosting và tên miền
Hình 1
Sau khi có tài khoản và mật khẩu đăng nhập sẽ xuất hiện giao diệndưới đây
Hình 2
Trang 9-Trình bày các bước thực hiện xây dựng các chức năng của website
Trang tin tức + trang giới thiệu + trang chính sách đổi trả
Tìm “Trang” và chọn “tất cả các trang”
Hình 8
Chọn trang cần thêm nội dung, ví dụ chọn trang “Giới thiệu”=>
“chỉnh sửa” (các trang này sẽ có sẵn khi kích hoạt theme nên khôngphải tạo trang mới)
Hình 9
Trang 10Thêm nội dung hoặc công cụ cho trang này và ấn “Cập nhật”
Trang 11Điền các thông tin và chọn “Thêm danh mục mới”
Hình 13
Kết quả
Trang 12Hình 14
Sau khi thêm danh mục thì đây là trình tự thêm sản phẩm mới
Tiếp theo “Sản phẩm” => “Thêm mới”
Hình 15
Tại đây điền các thông tin của sản phẩm như: tên, giá, ảnh, mô tả,chọn danh mục… và click “Đăng”
Trang 15Sau đó trở lại giao diện up sản phẩm, tìm “Dữ liệu sản phẩm”=>
“Sản phẩm có biến thể”
Trang 17Hình 24
Giỏ hàng + thanh toán
Vào “Trang”=> “Tất cả các trang”=> “Giỏ hàng”=> “Chỉnh sửa”
Trang 18Hình 25
Click vào dấu + trên góc trái màn hình để chọn Block=> chọn “CartItems”, “Cart Cross-Sells”, “Tóm tắt đơn hàng” => Cập nhật
Trang 19Hình 27
Trang 20Trang thanh toán cũng thực hiện các thao tác tương tự giỏ hàng.Nhưng chọn các Block tên “Trường thanh toán” và “Tóm tắt đơnhàng”
Sau đó tìm “WooCommerce”=> “Cài đặt”
Hình 28
Chọn “Thanh toán” và bật các mục trong ảnh
Hình 29
Kết quả
Trang 21Cài đặt plugin “all in one contact buttons”=> “Kích hoạt”
Hình 31
Cài đặt các thông tin như sđt, zalo, email, messenger, gg map
Trang 22Hình 32
Kết quả
Hình 33
Trang 24Hình 35
Hình 36
+ Quản lý sản phẩm:
Trang 25Hình 38
Hình 39
Trang 27Hình 43
Trang 28Hình 44
Hình 45
Chức năng với vai trò người dùng bên ngoài:
+ Xem danh sách các sản phẩm theo loại, các sản phẩm mới nhất,các sản phẩm bán chạy nhất
Trang 29Hình 47
Trang 30Hình 49
Hình 48
+ Tìm kiếm sản phẩm
Hình 50
Trang 31Hình 51
Trang 34CHƯƠNG 3: KẾT LUẬN VÀ KIẾN NGHỊ
Hướng phát triển
-Tối ưu hóa trải nghiệm người dùng (UX):
Thiết kế giao diện:
o Tiêu chí thẩm mỹ cao, bố cục khoa học, thân thiện vớingười dùng
o Tương thích đa dạng thiết bị (desktop, mobile, tablet)
Cấu trúc website:
o Hệ thống phân loại hợp lý, logic
o Dẫn đường người dùng hiệu quả
Tốc độ truy cập:
o Tối ưu hóa tốc độ tải trang, đảm bảo mượt mà, nhanhchóng
Thông tin sản phẩm:
o Hình ảnh sản phẩm chất lượng cao, đa góc độ
Thanh toán và vận chuyển:
o Hỗ trợ đa dạng phương thức thanh toán (bổ sung thêm víđiện tử, QRcode )
o Cung cấp nhiều đơn vị vận chuyển (giao hang nhanh,Ninjavan, )
Hỗ trợ khách hàng:
o Tích hợp chatbot giúp tự động trả lời
o Phản hồi nhanh chóng, chuyên nghiệp
Tạo ra nhiều chương trình khuyến mãi:
o Khuyến mãi theo dịp lễ Tết, sự kiện đặc biệt
o Voucher giảm giá, miễn phí vận chuyển
o Chương trình tri ân khách hàng
Trang 35o Xác định từ khóa phù hợp, tiềm năng liên quan đến sảnphẩm, dịch vụ.
o Phân tích mật độ từ khóa hợp lý
Tối ưu hóa nội dung:
o Tạo nội dung chất lượng cao, hữu ích cho người dùng
o Sử dụng từ khóa mục tiêu một cách tự nhiên
o Cập nhật nội dung thường xuyên
Xây dựng backlinks:
o Tìm kiếm và liên kết với các website uy tín trong ngành
o Tham gia các diễn đàn, cộng đồng liên quan
-Phân tích dữ liệu và điều chỉnh chiến lược:
Sử dụng công cụ phân tích:
o Google Analytics, Google Search Console
o Theo dõi hành vi người dùng
o Đào tạo nhân viên về an ninh mạng
Cung cấp thông tin an toàn cho khách hàng
Kết luận
website bán hàng mang đến cho doanh nghiệp cơ hội tiếp cận thịtrường rộng lớn, tối ưu hóa quy trình vận hành, gia tăng lợi nhuận vàđóng vai trò then chốt trong việc thúc đẩy tăng trưởng kinh doanhtrực tuyến
Trang 36Đồng thời nhóm khách hàng quan tâm đến các sản phẩm làm đẹpchiếm số lượng không hề nhỏ ở cả nam và nữ nên đây là thị trườngtiềm năng để phát triển Vì thế, sau khi tiến hành khảo sát thì emquyết định thiết kế một trang web bán mỹ phẩm có tên là
“beautysaigongenz” với các chức năng cơ bản mà một trang webmua bán cần có
Website “beautysaigongenz” thứ nhất dùng để quảng bá sản phẩm,thứ hai là kênh thông tin cho mọi người, thứ ba là một địa chỉ tin cậy
để những khách hàng có thể tìm mua được những sản phẩm màmình yêu thích với giá cả hợp lí