Tại đây, người dùng sẽ dễ dàng tìm thấy các sản phẩm như tai nghe, máy tính, Apple Watch, và nhiều thiết bị điện tử khác đến từ những thương hiệu uy tín.. Mỗi sản phẩm đều được giới thiệ
Trang 1TRƯỜNG ĐẠI HỌC SÀI GÒN
✧ -
Thành phố Hồ Chí Minh– 2024
KHOA CÔNG NGHỆ THÔNG TIN
-BÁO CÁO CÁ NHÂN MÔN THƯƠNG MẠI ĐIỆN TỬ VÀ ỨNG DỤNG
Tên đề tài: Website Thương mại điện tử
Về Thiết Bị Điện Tử GVHD: TS Phạm Thi Vương SVTH: Nguyễn Văn Manh - 3121560053
Nhóm 24
Trang 2MỤC LỤC
CHƯƠNG I - GIỚI THIỆU WEBSITE 1
CHƯƠNG II - VAI TRÒ VÀ ĐÓNG GÓP CÁ NHÂN 2
CHƯƠNG III – KHÓ KHĂN ĐÃ TRẢI QUA 9
Tích hợp thanh toan online 9
Các giới hạn của hosting miễn phí 9
TÀI LIỆU THAM KHẢO 12
1.
2
Cài đặt hosting, CMS Wordpress và các plugin cần thiết
1
Xây dựng giao diện
2
Hướng dẫn nhóm về công cụ Wordpress và Elementor
3
Tích hợp thanh toán điện tử thông qua VietQR (PayOS)
4
Xây dựng chức năng giỏ hàng, trang thanh toán
5
Xây dựng hệ thống thương mại và quản lý sản phẩm, khách hàng bằng WooCommerce
6
Xây dựng tính năng đăng nhập, đăng ký tài khoản của khách hàng
7
Trang 3Chương I: Giới thiệu website
Website bán đồ công nghệ của chúng em sẽ là điểm đến toàn diện cho những tín đồ yêu thích công nghệ, cung cấp một kho thông tin phong phú và đa dạng về các thiết bị công nghệ hàng đầu hiện nay Tại đây, người dùng sẽ dễ dàng tìm thấy các sản phẩm như tai nghe, máy tính, Apple Watch, và nhiều thiết bị điện tử khác đến từ những thương hiệu
uy tín Mỗi sản phẩm đều được giới thiệu chi tiết với các thông số kỹ thuật, tính năng nổi bật, đánh giá từ chuyên gia và người dùng, giúp khách hàng dễ dàng so sánh và đưa ra quyết định mua sắm Ngoài ra, website sẽ cập nhật thường xuyên các bài viết phân tích chuyên sâu về xu hướng công nghệ, mẹo sử dụng và các bài đánh giá sản phẩm mới nhất Giao diện thân thiện, tốc độ tải trang nhanh, cùng với quy trình thanh toán và hỗ trợ khách hàng chuyên nghiệp sẽ mang lại trải nghiệm mua sắm trực tuyến mượt mà và đáng tin cậy
Phạm vi và tính năng của hệ thống website bán đồ công nghệ bao gồm:
- Trang chủ: Hiển thị các sản phẩm nổi bật, khuyến mãi, và xu hướng công nghệ mới Có các banner quảng cáo về chương trình giảm giá và sản phẩm mới, đến các bài blog về công nghệ trang web hướng tới
- Danh mục sản phẩm: Phân loại sản phẩm theo các nhóm chính như tai nghe, laptop, apple watch, phụ kiện, thiết bị thông minh, v.v Người dùng có thể lọc theo giá, nhóm sản phẩm
- Trang chi tiết sản phẩm: Cung cấp thông tin chi tiết về sản phẩm bao gồm giá, mô tả, thông số kỹ thuật, đánh giá từ người dùng, và hình ảnh
- Giỏ hàng và thanh toán: Người dùng có thể thêm sản phẩm vào giỏ hàng và tiến hành thanh toán trực tuyến qua nhiều hình thức (ví dụ: thẻ ngân hàng, thanh toán sau khi nhận hàng )
- Quản lý đơn hàng: Cho phép khách hàng theo dõi trạng thái đơn hàng và lịch sử mua hàng
CHƯƠNG I - GIỚI THIỆU WEBSITE
Trang 4CHƯƠNG II - VAI TRÒ VÀ ĐÓNG GÓP CÁ NHÂN
1 Cài đặt hosting, CMS WordPress và các plugin cần thiết
Hosting là nơi lưu trữ dữ liệu và mã nguồn của website, giúp website hoạt động trực
tuyến Nhóm 24 đã chọn Pantheon, một dịch vụ hosting miễn phí, để triển khai website
Quy trình cài đặt hosting:
1 Đăng ký tài khoản Pantheon: Truy cập trang web của Pantheon và hoàn tất các bước
đăng ký
2 Tạo website mới: Sau khi đăng nhập, bạn có thể tạo một website mới và lựa chọn
WordPress làm CMS.
CMS WordPress
WordPress là hệ thống quản lý nội dung (CMS) phổ biến và dễ sử dụng Nó cho phép bạn tạo và quản lý website mà không cần có kiến thức lập trình chuyên sâu Với WordPress, bạn có thể dễ dàng tùy chỉnh nội dung, giao diện và các chức năng của website
Plugin
Tôi có nhiệm vụ tìm kiếm và cài đặt các plugin cần thiết và hỗ trợ nhóm trong quá trình làm việc Thực hiện back up dữ liệu của website mỗi khi cài đặt hoặc xóa các plugin quan trọng, điều nay giảm thiểu tối đa việc mất dữ liệu của website
Các plugin đã sử dụng: Nhóm 24 đã tích hợp nhiều plugin khác nhau để tối ưu hóa chức
năng của website, bao gồm:
- WooCommerce: Plugin cốt lõi cho website bán hàng trên WordPress, cho phép quản lý
sản phẩm, đơn hàng và khách hàng
- Elementor: Trình kéo-thả giúp xây dựng giao diện website một cách trực quan và dễ
dàng, cho phép tùy chỉnh mọi khía cạnh của thiết kế
- Advanced Woo Search: Cung cấp chức năng tìm kiếm sản phẩm nâng cao, giúp khách
hàng dễ dàng tìm thấy sản phẩm họ cần
- CartFlows: Tối ưu hóa phễu bán hàng, cải thiện trải nghiệm mua sắm của khách hàng
và tăng tỷ lệ chuyển đổi
- Các plugin khác: Nhóm 24 cũng sử dụng nhiều plugin khác để bổ sung thêm tính năng
cho website, như quản lý thanh toán, tạo form liên hệ, và tối ưu hóa hiệu suất website
- Kết luận: Việc cài đặt hosting, CMS WordPress và các plugin cần thiết là bước quan trọng
trong quá trình xây dựng một website thương mại điện tử Nhờ vào sự lựa chọn đúng đắn và cấu hình hợp lý, website của nhóm 24 đã có thể hoạt động hiệu quả và đáp ứng nhu cầu của người dùng
Trang 5– 3 –
2 Xây dựng giao diện các trang
Trong quá trình phát triển website thương mại điện tử, tôi đảm nhận việc xây dựng giao diện cho các trang quan trọng như trang chủ, giỏ hàng và trang tìm kiếm sản phẩm
Trang chủ
Trang tìm kiếm sản phẩm
Trang 6– 4 –
3 Hướng dẫn nhóm về công cụ Wordpress và Elementor.
1.1 Cung cấp Kiến thức Cơ bản
- Hướng dẫn nhóm về WordPress và Elementor giúp các thành viên nắm bắt được
kiến thức cơ bản về hai công cụ này Điều này rất quan trọng để mọi người có thể: Hiểu cách hoạt động của WordPress: Làm quen với giao diện quản trị và các chức năng cơ bản
Khám phá Elementor: Nắm vững cách sử dụng plugin này để thiết kế trang web
mà không cần lập trình
1.2 Tăng cường Khả năng Thiết kế
- Elementor cho phép người dùng tạo ra các giao diện đẹp mắt và chuyên nghiệp Hướng dẫn giúp nhóm:
Khám phá khả năng sáng tạo: Các thành viên có thể tự do thiết kế mà không bị giới hạn bởi mã nguồn
Tạo ra trải nghiệm người dùng tốt hơn: Sử dụng các phần tử thiết kế để nâng cao trải nghiệm của khách truy cập
1.3 Thúc đẩy Tinh thần Làm việc Nhóm
- Việc cùng nhau tìm hiểu và thực hành với WordPress và Elementor có thể:
Khuyến khích sự hợp tác: Nhóm có thể chia sẻ ý tưởng và hỗ trợ lẫn nhau trong quá trình thiết kế
Xây dựng sự tự tin: Khi mỗi thành viên nắm vững công cụ, nhóm sẽ hoạt động hiệu quả hơn
1.4 Tối ưu Hóa Quy trình Phát triển
Hướng dẫn sử dụng công cụ giúp nhóm:
Tiết kiệm thời gian: Hiểu rõ các tính năng sẽ giúp nhóm làm việc nhanh chóng và hiệu quả hơn
Giảm thiểu lỗi: Kiến thức vững sẽ giúp tránh những sai sót phổ biến trong quá trình thiết kế và phát triển website
1.5 Tạo Ra Sản Phẩm Cuối Chất Lượng
Việc hiểu rõ WordPress và Elementor sẽ dẫn đến:
Website chuyên nghiệp hơn: Giao diện đẹp và chức năng tốt sẽ thu hút khách hàng
Khả năng mở rộng: Nhóm có thể dễ dàng cập nhật và mở rộng website trong tương lai
Trang 7– 5 –
4 Tích hợp thanh toán điện tử thông qua VietQR (PayOS).
- Giới thiệu về PayOS: PayOS là nền tảng thanh toán điện tử đa dạng, hỗ trợ nhiều hình thức thanh toán như thẻ tín dụng, chuyển khoản ngân hàng và ví điện tử Việc tích hợp PayOS giúp cải thiện trải nghiệm mua sắm cho khách hàng
4.1 Mục tiêu của Nhiệm vụ
Mục tiêu chính của việc tích hợp PayOS bao gồm:
Cung cấp tùy chọn thanh toán linh hoạt
Tăng cường tính an toàn cho giao dịch
Nâng cao trải nghiệm khách hàng khi thanh toán
4.2 Đảm bảo An toàn và Bảo mật
Mã hóa dữ liệu qua HTTPS
Xác thực giao dịch để chỉ xử lý những giao dịch hợp lệ
4.3 Lợi ích của Tích hợp PayOS
Đáp ứng nhu cầu khách hàng với nhiều phương thức thanh toán
Giảm tỷ lệ bỏ giỏ hàng nhờ quy trình thanh toán thuận tiện
Cải thiện trải nghiệm người dùng với giao diện dễ sử dụng
Trang 85 Xây dựng chức năng giỏ hàng, trang thanh toán.
5.1 Giới thiệu
Chức năng giỏ hàng và trang thanh toán là những thành phần thiết yếu của một website thương mại điện tử, giúp khách hàng quản lý sản phẩm đã chọn và hoàn tất giao dịch mua sắm một cách dễ dàng
5.2 Xây dựng Chức năng Giỏ hàng
5.2.1 Mục tiêu
Quản lý sản phẩm: Cho phép khách hàng thêm, sửa hoặc xóa sản phẩm trong giỏ hàng
Hiển thị thông tin: Cung cấp thông tin chi tiết về sản phẩm, giá cả và tổng giá trị đơn hàng
5.2.2 Quy trình Xây dựng
Tạo Giỏ hàng:
1
Sử dụng session hoặc cookie để lưu trữ thông tin giỏ hàng của người dùng Khi khách hàng thêm sản phẩm, cập nhật giỏ hàng
Hiển thị Giỏ hàng:
2
Tạo trang giỏ hàng với danh sách các sản phẩm đã chọn, bao gồm hình ảnh, tên, giá và số lượng
Cung cấp chức năng chỉnh sửa cho từng sản phẩm (thay đổi số lượng hoặc xóa sản phẩm)
Tính toán Tổng giá:
3
Tính toán tổng giá trị của giỏ hàng, bao gồm thuế và phí vận chuyển (nếu có)
5.3 Xây dựng Trang Thanh toán
5.3.1 Mục tiêu
Cung cấp giao diện cho khách hàng nhập thông tin thanh toán và hoàn tất đơn hàng
Đảm bảo an toàn và bảo mật thông tin khách hàng
5.3.2 Quy trình Xây dựng
Thông tin Khách hàng:
1
Tạo biểu mẫu để khách hàng nhập tên, địa chỉ, số điện thoại và email Chọn Phương thức Thanh toán:
2
Cung cấp nhiều lựa chọn thanh toán như thẻ tín dụng, chuyển khoản ngân hàng và ví điện tử
Xác nhận Đơn hàng:
3
Hiển thị tóm tắt đơn hàng để khách hàng kiểm tra trước khi hoàn tất
Cung cấp nút "Xác nhận thanh toán" để tiến hành giao dịch
Trang 96 Xây dựng Hệ thống Thương mại và Quản lý Sản phẩm, Khách hàng bằng WooCommerce
Trong quá trình thực hiện đồ án, tôi đảm nhận phẩm quan trọng nhất của website thương mại điện tử là cài đặt công cụ dành cho việc quản lý sản phẩm, đơn hàng và khác hàng Công cụ tôi đã lựa chon chính là WooCommerce
WooCommerce là một plugin mạnh mẽ cho WordPress, cho phép xây dựng và quản lý một cửa hàng trực tuyến một cách dễ dàng Nó cung cấp các công cụ cần thiết để quản lý sản phẩm, đơn hàng, và khách hàng, giúp doanh nghiệp tối ưu hóa quy trình bán hàng
Trang 107 Xây dựng Tính năng Đăng nhập và Đăng ký Tài khoản của Khách hàng
Tính năng đăng nhập và đăng ký tài khoản là rất quan trọng trong bất kỳ hệ thống thương mại điện tử nào Nó không chỉ giúp khách hàng quản lý thông tin
cá nhân mà còn tạo ra trải nghiệm mua sắm cá nhân hóa và bảo mật hơn
- Mục tiêu:
Cung cấp giao diện cho khách hàng đăng ký tài khoản mới
Thu thập thông tin cần thiết như tên, email, và mật khẩu
Cho phép khách hàng đăng nhập vào tài khoản đã đăng ký
Đảm bảo tính bảo mật cho thông tin đăng nhập
Trang 11Theo kế hoạch ban đầu nhóm dự kiến sẽ tích hợp thêm cả thanh toán momo vào hệ thống Chức năng thanh toán momo cho phép người dùng quét QR, thanh tóa ngân hàng và visa Tuy nhiên mô trường test của momo cụ thể là app test của momo trên điện thoại gặp lỗi xác thực (Cần phải xác thực CMND) Theo hướng dẫn sử dụng của MOMO nếu gặp những lỗi như vậy thì hãy liên hệ qua mail để nhờ sự giúp đỡ Tuy nhiên tới nay thì MOMO vẫn chưa phản hồi vì thế chức năng thanh toán momo chưa được hoàn thiện Vì thế nhóm phải đưa ra 1 giải pháp thay thế khác là VietQR (PayOS)
Khi sử dụng hosting WordPress miễn phí như Pantheon, người dùng có thể gặp phải một
số khó khăn và giới hạn nhất định Dưới đây là một số vấn đề mà em đã gặp phải và tìm cách xử lý trong quá trình thực hiện:
2.1 Giới hạn Dung lượng
Hosting miễn phí thường đi kèm với giới hạn dung lượng lưu trữ Điều này có thể ảnh hưởng đến khả năng lưu trữ nội dung, hình ảnh và các tệp khác trên website Khi vượt quá dung lượng cho phép, người dùng có thể gặp phải các vấn đề như:
Không thể tải lên tệp mới: Điều này có thể gây khó khăn trong việc cập nhật nội dung hoặc thêm sản phẩm mới cho trang web thương mại điện tử
Giảm tốc độ tải trang: Nếu dung lượng gần đạt mức giới hạn, hiệu suất website có thể bị ảnh hưởng, dẫn đến trải nghiệm người dùng kém
2.2 Khó khăn trong việc Thiết lập SSH
Mặc dù Pantheon cung cấp khả năng truy cập SSH, việc thiết lập có thể không đơn giản Một số khó khăn mà người dùng có thể gặp bao gồm:
Cấu hình phức tạp: Người dùng cần phải có kiến thức kỹ thuật để thiết lập SSH, bao gồm việc tạo khóa SSH và cấu hình các tệp liên quan
Giới hạn quyền truy cập: Ngay cả khi đã thiết lập SSH, quyền truy cập có thể bị giới hạn, ảnh hưởng đến khả năng thực hiện các thay đổi nâng cao
CHƯƠNG III – KHÓ KHĂN ĐÃ TRẢI QUA
1 Tích hợp thanh toán online
2 Các giới hạn của hosting miễn phí
Trang 122.3 Không có khả năng Chỉnh sửa PHP ini
Với hosting miễn phí, người dùng thường không có quyền truy cập để chỉnh sửa tệp cấu hình PHP (php.ini) Điều này có thể gây ra một số vấn đề:
Giới hạn tính năng: Một số tính năng yêu cầu cấu hình PHP đặc biệt (như tăng giới hạn bộ nhớ hoặc thời gian thực thi) sẽ không thể thực hiện được
Khó khăn trong việc tối ưu hóa: Việc tối ưu hóa hiệu suất website trở nên khó khăn hơn khi không thể điều chỉnh các thông số trong php.ini
4 Không thể Cài đặt PHP Extensions
Nhiều hosting miễn phí không cho phép người dùng cài đặt các extension PHP bổ sung Điều này có thể gây ra một số hạn chế quan trọng:
Giới hạn chức năng của website: Nếu một plugin yêu cầu một extension PHP cụ thể, người dùng sẽ không thể sử dụng plugin đó, dẫn đến việc giảm khả năng mở rộng và tính năng của website
Không thể đáp ứng các yêu cầu đặc biệt: Một số dự án có thể cần các extension đặc thù để hoạt động, và việc không có khả năng cài đặt sẽ hạn chế khả năng phát triển
Trang 13Lời cảm ơn
Trước tiên em xin chân thành cảm ơn thầy Phạm Thi Vương đã luôn quan tâm chỉ dạy, theo dõi, giúp đỡ tận tình trong suốt khoảng thời gian em thực hiện tiểu luận
Em xin bày tỏ lòng biết ơn trân trọng đến quý thầy cô trường Đại học Sài Gòn đã tận tình chỉ dạy, truyền đạt những kiến thức quý báo cho Em trong thời gian vừa qua để em có đủ kiến thức, điều kiện để thực hiện đề tài này Đồng thời em cũng rất biết ơn các cán bộ trực ở thư viện khoa công nghệ, trung tâm học liệu, phòng máy đã hỗ trợ giúp đỡ chúng em trong thời gian qua
Đồng cảm ơn đến các tác giả trong các quyển sách báo, internet, anh chị đi trước đã tìm tòi, nghiên cứu đúc kết kinh nghiệm làm tài liệu để em có thể tham khảo trong quá trình thực hiện đề tài
Sau cùng tôi xin cảm ơn các bạn cùng lớp Thương mại điện tử & ứng dụng, khoa Công nghệ thông tin, trường Đại học Sài Gòn đã tận tình giúp đỡ, hỗ trợ cho tôi thực hiện báo cáo này
LỜI CẢM ƠN
Trang 14TÀI LIỆU THAM KHẢO
[1] Tìm hiểu về thương mại điện tử, phân loại, ưu điểm và nhược điểm:
https://sell.amazon.vn/blog/danh-cho-nguoi-moi/thuong-mai-dien-tu-la-gi
[2] Tìm hiểu các loại hình phố biến trong thương mại điện tử:
https://blog.tomorrowmarketers.org/5-loai-mo-hinh-kinh-doanh-cua-e-commerce/
[3] Tìm hiểu về pháp luật trong thương mại điện tử:
https://tapchicongthuong.vn/phap-luat-ve-thuong-mai-dien-tu-tren-mang-xa-hoi-trong-boi-canh-chuyen-doi-so-tai-viet-nam-hien-nay-107174.htm
[4] Hướng dẫn xây dựng website bán hàng bằng wordpress:
https://www.youtube.com/watch?v=Dgg-B4RS4ro
[5] Các plugin hỗ trợ xây dựng website bán hàng:
https://mangoads.vn/learn/9-plugin-wordpress-giup-thiet-ke-website-cong-ty-chuyen-nghiep