Dự Án Thiết Kế Web Thương Mại Điện Tử Morela Store - FPT Polytechnic 2023

Thiết kế trang web 2023: Tổng hợp xu hướng thiết kế web nổi bật năm 2023. Tìm hiểu các phong cách thiết kế web mới nhất, sáng tạo và hiệu quả.

• Tác giả: Nguyễn Đình Ngọc
• Người hướng dẫn: Nguyễn Đình Ngọc
• Trường học: Trường Cao đẳng FPT Polytechnic
• Chuyên ngành: Thương mại điện tử
• Đề tài: Xây dựng trang web cho thương hiệu Morela Store
• Loại tài liệu: Xây dựng trang web
• Năm xuất bản: 2023
• Địa điểm: Cần Thơ

Mục lục chi tiết

• 1. CÀI ĐẶT XAMPP
• 1.1. Bước 1: Cài đặt XAMPP
• 1.2. Bước 2: Tham khảo giao diện cài đặt thành công
• 1.3. Bước 3: Chạy XAMPP mở trình duyệt nhập vào localhost/phpmyadmin
• 1.4. Bước 4: Mở phần mềm XAMPP để tạo Database điền thông tin
• 2. CÀI ĐẶT WORDPRESS
• 2.1. Bước 1: Truy cập vào đường dẫn https://wordpress.org/download/ để tải phiên bản WordPress mới nhất
• 2.2. Bước 2: Sau khi download xong, chúng ta giải nén và đặt tên thư mục lại ví dụ: WordPress_demo sau đó copy toàn bộ thư mục vào đường dẫn sau: C:\xampp\htdocs
• 2.3. Bước 3: Tiến hành cài đặt, chúng ta mở trình duyệt và nhập vào localhost/wordpress_demo
• 2.4. Bước 4: Thông tin cài đặt WordPress
• 2.5. Bước 5: Điền thông tin để kết nối với data_wordpress
• 2.6. Bước 6: Đăng ký tài khoản trong WordPress
• 2.7. Bước 7: Sau khi cài đặt thành công tiến hành đăng nhập
• 3. THIẾT LẬP CÁC CATEGORY VÀ SẢN PHẨM
• 3.1. Category ALBUM: Bts [Love Yourself #4 'Tear']
• 3.2. Category LIGHTSTICK: Seventeen Lightstick
• 3.3. Category Card: Card SEVENTEEN
• 3.4. Category GOODS: GOODS BTS DALMAJUNG
• 4. CÀI ĐẶT CÁC PLUGIN CẦN THIẾT CHO WOOCOMMERCE
• 4.1. Cài đặt WooCommerce
• 4.2. Cài đặt plugin Thanh Toán Quét Mã QR Code
• 4.3. Cài đặt plugin Woocommerce Vietnam Checkout
• 4.4. Các plugin bổ trợ cho WooCommerce
• 4.5. Thiết lập giỏ hàng và thanh toán đơn hàng
• 5. CÀI ĐẶT PLUGIN RANK MATH SEO
• 6. TẠO CÁC TRANG VỆ TINH
• 7. CÀI ĐẶT GOOGLE ANALYTICS VÀ GOOGLE SEARCH CONSOLE

Tóm tắt

I. Tổng quan về thiết kế web thương mại điện tử 2023

Ngành bán lẻ trực tuyến đòi hỏi nền tảng website chuyên nghiệp và vận hành ổn định. Thiết kế web thương mại điện tử 2023 đóng vai trò trung tâm trong chiến lược kinh doanh số. Hệ thống cung cấp không gian trưng bày sản phẩm trực quan. Khách hàng dễ dàng tìm kiếm thông tin, xem xét hình ảnh và đưa ra quyết định mua sắm nhanh chóng. Một trang web bán hàng hiện đại tích hợp nhiều chức năng tự động. Cơ sở hạ tầng cục bộ như XAMPP tạo môi trường thử nghiệm an toàn trước khi vận hành trực tiếp. Hệ thống quản trị nội dung WordPress kết hợp tiện ích mở rộng WooCommerce tạo ra quy trình bán hàng khép kín. Doanh nghiệp dễ dàng phân loại danh mục, cập nhật giá bán và xử lý đơn hàng tức thì. Ngoài ra, cấu trúc trang web cần đáp ứng các tiêu chuẩn kỹ thuật nghiêm ngặt. Tốc độ tải trang nhanh giữ chân khách hàng tiềm năng. Giao diện thân thiện trên điện thoại thông minh gia tăng tỷ lệ chuyển đổi. Việc tích hợp các tiện ích phân tích dữ liệu giúp doanh nghiệp theo dõi hành vi người tiêu dùng chính xác. Đây là bước đi nền tảng giúp định vị thương hiệu trên thị trường kỹ thuật số cạnh tranh khốc liệt.

1.1. Vai trò của hệ sinh thái WordPress và WooCommerce

WordPress chiếm lĩnh thị trường nhờ tính linh hoạt và mã nguồn mở mạnh mẽ. Nền tảng cho phép người quản trị tùy biến giao diện dễ dàng. Tiện ích WooCommerce chuyển đổi trang web thông thường thành cửa hàng trực tuyến hoàn chỉnh. Công cụ này hỗ trợ thiết lập kho hàng, cấu hình phương thức thanh toán và quản lý phí vận chuyển chi tiết. Người bán có thể tạo biến thể sản phẩm theo kích thước, màu sắc và mức giá riêng biệt. Cơ chế bảo mật vững chắc bảo vệ dữ liệu khách hàng tuyệt đối. Hệ sinh thái plugin phong phú giúp mở rộng tính năng kinh doanh mà không cần lập trình phức tạp. Sự kết hợp này mang lại hiệu quả chi phí cao cho các doanh nghiệp vừa và nhỏ.

1.2. Tầm quan trọng của trải nghiệm người dùng UI UX

Giao diện trực quan giữ chân người tiêu dùng ngay từ lần truy cập đầu tiên. Màu sắc đồng bộ nâng cao độ nhận diện thương hiệu. Thanh điều hướng rõ ràng giúp người mua tìm thấy sản phẩm mong muốn trong vài giây. Bố cục nút kêu gọi hành động cần đặt tại vị trí nổi bật để kích thích thao tác nhấp chuột. Tốc độ phản hồi của trang tác động trực tiếp đến tâm lý mua hàng. Trang web tải chậm khiến khách hàng rời bỏ giỏ hàng nhanh chóng. Quy trình thanh toán tinh gọn giảm thiểu tối đa các bước điền thông tin phiền toái. Trải nghiệm mượt mà tạo dựng niềm tin và thôi thúc người tiêu dùng quay lại mua sắm thường xuyên.

II. Thực trạng và thách thức thiết kế web thương mại điện tử 2023

Nhiều đơn vị kinh doanh gặp khó khăn khi triển khai kênh bán hàng trực tuyến độc lập. Sự phát triển thị trường đòi hỏi tiêu chuẩn kỹ thuật ngày càng cao. Nhiều trang web thương mại điện tử gặp lỗi xung đột plugin hoặc phiên bản cơ sở dữ liệu không tương thích. Vấn đề bảo mật thanh toán luôn tiềm ẩn nhiều rủi ro. Các cuộc tấn công mạng nhằm vào lỗ hổng mã nguồn mở diễn ra phổ biến. Hành vi tiêu dùng thay đổi nhanh chóng tạo áp lực lớn lên giao diện. Ví dụ việc kinh doanh sản phẩm ngách như photocard hay card bo góc thần tượng đòi hỏi cách phân loại danh mục rất chi tiết. Khách hàng trẻ ưu tiên sự tiện lợi, tốc độ tải tức thì và bộ lọc sản phẩm thông minh. Thiếu hụt liên kết giữa website và mạng xã hội làm giảm hiệu quả tiếp cận người mua. Nhiều chủ cửa hàng xem nhẹ việc tối ưu công cụ tìm kiếm ngay từ đầu. Nội dung mô tả sản phẩm trùng lặp khiến trang web khó đạt thứ hạng cao trên Google. Việc thiếu công cụ đo lường dẫn đến đánh giá sai lệch hiệu quả kinh doanh.

2.1. Thách thức về cấu hình kỹ thuật và hạ tầng máy chủ

Quá trình thiết lập máy chủ đòi hỏi kiến thức chuyên môn vững chắc. Cài đặt các gói phần mềm tích hợp như XAMPP trên hệ điều hành Windows thường gặp lỗi xung đột cổng mạng với các ứng dụng khác. Cấu hình Apache và MySQL thiếu chính xác khiến hệ thống ngắt kết nối đột ngột. Quản trị viên phải điều chỉnh thủ công tập tin cấu hình để phân bổ tài nguyên bộ nhớ hợp lý. Ngoài ra, việc thiết lập phpMyAdmin đòi hỏi biện pháp bảo vệ tài khoản gốc nghiêm ngặt. Nếu bỏ qua các bước kiểm tra phân quyền, cơ sở dữ liệu rất dễ bị xâm nhập. Khâu chuẩn bị môi trường thử nghiệm hoàn chỉnh quyết định tính ổn định của toàn bộ website sau này.

2.2. Khó khăn trong quản lý danh mục và hành vi người dùng

Sản phẩm thương mại điện tử đa dạng về chủng loại và nguồn gốc. Điển hình như các mặt hàng card bo góc chính hãng và card fanmade có tiêu chuẩn định giá hoàn toàn khác nhau. Sự thiếu hụt mô tả chi tiết khiến người mua nhầm lẫn chất lượng sản phẩm. Danh mục sản phẩm sắp xếp lộn xộn làm giảm trải nghiệm duyệt hàng trực tuyến. Khách hàng nhanh chóng thoát trang nếu không tìm thấy bộ lọc thuộc tính phù hợp. Ngoài ra, việc thiếu cơ chế đánh giá chân thực từ cộng đồng làm giảm độ uy tín của gian hàng. Doanh nghiệp cần xây dựng hệ thống phân loại danh mục logic và minh bạch để tháo gỡ điểm nghẽn chuyển đổi này.

III. Giải pháp tối ưu quy trình thiết kế web thương mại điện tử 2023

Quy trình phát triển website bài bản gồm các giai đoạn chuẩn bị, thử nghiệm và tối ưu hóa liên tục. Bước khởi đầu tập trung vào việc cài đặt môi trường máy chủ cục bộ bằng XAMPP. Nhà phát triển cấu hình Apache, MySQL và tạo cơ sở dữ liệu trên phpMyAdmin trước khi triển khai mã nguồn WordPress. Phương pháp này hạn chế tối đa rủi ro gián đoạn dịch vụ khi vận hành thực tế. Tiếp theo, việc kích hoạt WooCommerce cho phép thiết lập hệ thống danh mục, thuộc tính sản phẩm và phương thức thanh toán an toàn. Cửa hàng trực tuyến cần cài đặt thêm các tiện ích bổ trợ như Rank Math SEO để chuẩn hóa thẻ tiêu đề, mô tả và sơ đồ trang web. Rank Math SEO chấm điểm bài viết theo thời gian thực, nhắc nhở việc chèn từ khóa chính, tối ưu liên kết nội bộ và bổ sung văn bản thay thế cho hình ảnh. Cuối cùng, doanh nghiệp kết nối trang web với Google Analytics và Google Search Console. Hai công cụ cung cấp thông số chính xác về lượt truy cập, tỷ lệ thoát trang và hiệu suất từ khóa tìm kiếm. Dữ liệu thực tế định hướng các quyết định cải tiến giao diện và nội dung tiếp thị trong tương lai.

3.1. Kỹ thuật tối ưu hóa Onpage bằng Rank Math SEO

Rank Math SEO cung cấp bộ công cụ tối ưu hóa nội dung toàn diện trên nền tảng WordPress. Quản trị viên nhập từ khóa trọng tâm để hệ thống tự động phân tích mật độ và cách phân bổ trong bài viết. Thẻ tiêu đề và thẻ meta description phải chứa từ khóa chính nhằm tăng tỷ lệ nhấp chuột tự nhiên từ bảng kết quả tìm kiếm. Rank Math kiểm tra độ dài bài viết, tính dễ đọc của câu văn và sự hiện diện của các tiêu đề phụ. Plugin tự động sinh mã schema cấu trúc sản phẩm, giúp Google hiển thị thông tin giá bán và tình trạng kho hàng ngay trên trang tìm kiếm. Việc tối ưu hóa kỹ thuật này gia tăng đáng kể khả năng cạnh tranh từ khóa.

3.2. Đo lường hiệu suất qua Google Analytics và Search Console

Google Analytics theo dõi chi tiết hành vi của khách hàng khi truy cập gian hàng trực tuyến. Hệ thống ghi nhận số lượng người dùng thực tế, thời lượng xem trang và các sản phẩm được quan tâm nhiều nhất. Quản trị viên dễ dàng phát hiện trang đích có tỷ lệ chuyển đổi cao nhất hoặc các vị trí khách hàng hay thoát khỏi quy trình thanh toán. Song song đó, Google Search Console báo cáo các truy vấn tìm kiếm dẫn người mua đến trang web. Công cụ phát hiện sớm các lỗi thu thập dữ liệu, lỗi chỉ mục và các trang thiếu thân thiện trên di động. Việc tích hợp dữ liệu này giúp doanh nghiệp điều chỉnh kế hoạch kinh doanh kịp thời và chuẩn xác.

IV. Xu hướng và ứng dụng thiết kế web thương mại điện tử 2023

Thiết kế web thương mại điện tử 2023 tạo nền móng vững chắc cho sự phát triển của thương mại đa kênh. Xu hướng thương mại điện tử chuyên biệt theo cộng đồng sở thích đang bùng nổ mạnh mẽ. Doanh nghiệp cần xây dựng hệ thống website vệ tinh xoay quanh trang chủ nhằm gia tăng độ bao phủ thị trường. Nội dung chuyên sâu về sản phẩm độc quyền thu hút tệp khách hàng trung thành. Ứng dụng công nghệ thanh toán một chạm và quản lý đơn hàng tự động hóa giúp giảm thiểu chi phí vận hành. Các cửa hàng trực tuyến hiện đại không dừng lại ở việc đăng bán sản phẩm tĩnh. Website trở thành trung tâm tương tác đa phương tiện, tích hợp bài viết blog chuẩn SEO, chia sẻ kinh nghiệm sưu tập và kết nối các nền tảng mạng xã hội. Tóm lại, việc nắm vững quy trình thiết kế từ hạ tầng máy chủ đến tối ưu hóa công cụ tìm kiếm mang lại lợi thế cạnh tranh dài hạn. Doanh nghiệp cần liên tục kiểm tra tốc độ trang, cập nhật bảo mật định kỳ và theo dõi chỉ số phân tích người dùng. Một nền tảng trực tuyến hoàn thiện chính là chìa khóa mở rộng doanh thu bền vững trong kỷ nguyên số.

4.1. Xây dựng mạng lưới website vệ tinh hỗ trợ kinh doanh

Mạng lưới trang web vệ tinh đóng vai trò hỗ trợ đắc lực cho website bán hàng chính. Các trang web này tập trung vào các chủ đề ngách liên quan mật thiết đến sản phẩm cốt lõi. Ví dụ, trang vệ tinh có thể chia sẻ thông tin về tiểu sử thần tượng, cẩm nang phân biệt thẻ bo góc thật giả hoặc cách bảo quản ấn phẩm sưu tầm. Khi cung cấp nội dung giá trị, website vệ tinh thu hút lượng lớn người đọc trung thành. Việc đặt các liên kết tự nhiên trỏ về cửa hàng chính giúp cải thiện độ tin cậy của tên miền trên công cụ tìm kiếm. Chiến lược liên kết chéo này mở rộng tệp khách hàng tiềm năng và gia tăng thứ hạng SEO tổng thể.

4.2. Tích hợp đa kênh và tự động hóa vận hành đơn hàng

Tự động hóa vận hành là yếu tố sống còn đối với các nền tảng thương mại điện tử. Hệ thống cần tích hợp đồng bộ dữ liệu tồn kho giữa website với các sàn thương mại điện tử và mạng xã hội. Khi người mua đặt hàng, email thông báo tự động được gửi đi ngay lập tức. Thông tin đơn hàng chuyển thẳng đến đơn vị vận chuyển mà không cần can thiệp thủ công. Cơ chế này giảm thiểu tình trạng chậm trễ hoặc nhầm lẫn đơn hàng trong giờ cao điểm. Việc thanh toán trực tuyến qua ví điện tử và mã QR đem lại sự thuận tiện tuyệt đối cho người tiêu dùng. Nâng cấp quy trình tự động hóa giúp tiết kiệm chi phí nhân sự và tối ưu hóa lợi nhuận.

Nội dung chính

Bối cảnh và vấn đề nghiên cứu

Đồ án "Xây dựng trang web 2 - Xây dựng trang web cho thương hiệu Morela Store" được thực hiện bởi nhóm sinh viên Nguyễn Đình Ngọc và Phan Thị Xuân Mai (mã số sinh viên PC07122), thuộc chuyên ngành Thương mại điện tử tại Trường Cao đẳng FPT Polytechnic Cần Thơ, hoàn thành vào tháng 6 năm 2023.

Bối cảnh thực tiễn của đề tài xuất phát từ sự bùng nổ của thị trường thương mại điện tử tại Việt Nam gắn liền với làn sóng văn hóa đại chúng Hàn Quốc (Hallyu). Nhu cầu sở hữu các sản phẩm văn hóa phẩm thần tượng K-Pop chính hãng như đĩa nhạc (album vật lý), gậy phát sáng cổ vũ (lightstick), thẻ ảnh thần tượng (photocard/thẻ bo góc) và các vật phẩm lưu niệm liên quan (goods/merchandise) của người hâm mộ thuộc thế hệ trẻ gia tăng nhanh chóng. Tuy nhiên, thị trường này tồn tại nhiều rủi ro về hàng giả mạo, hàng không rõ nguồn gốc hoặc chi phí vận chuyển quốc tế phức tạp. Morela Store được định hình là thương hiệu bán lẻ trực tuyến chuyên cung cấp các sản phẩm K-Pop chính hãng, nhập khẩu từ các đơn vị phân phối uy tín tại Hàn Quốc và được tính điểm trên các bảng xếp hạng âm nhạc quốc tế như Hanteo và Gaon.

Mục tiêu và nhiệm vụ nghiên cứu của đồ án bao gồm:

1. Thiết lập hạ tầng môi trường máy chủ cục bộ (Localhost) bằng phần mềm đóng gói XAMPP và cài đặt hệ quản trị nội dung mã nguồn mở WordPress.
2. Xây dựng cấu trúc danh mục ngành hàng và quản trị dữ liệu sản phẩm chuyên biệt cho lĩnh vực văn hóa phẩm âm nhạc K-Pop.
3. Tích hợp giải pháp thương mại điện tử WooCommerce kết hợp hệ sinh thái tiện ích mở rộng (plugin) hỗ trợ tối ưu hóa quy trình đặt hàng, thanh toán tự động qua mã QR ngân hàng nội địa và ví điện tử MoMo tại thị trường Việt Nam.
4. Thiết lập công cụ xúc tiến bán hàng thông qua cơ chế mã ưu đãi (coupon) và thử nghiệm quy trình vận hành giỏ hàng, thanh toán, xử lý đơn hàng.
5. Biên soạn hệ thống bài viết chuyên đề chuẩn hóa nội dung tiếp thị, đồng thời thực hiện tối ưu hóa công cụ tìm kiếm On-page thông qua plugin Rank Math SEO.

Đối tượng nghiên cứu của đề tài là toàn bộ quy trình thiết kế, cài đặt, cấu hình, quản trị và tối ưu hóa một website thương mại điện tử bán lẻ hoàn chỉnh cho thương hiệu Morela Store. Phạm vi triển khai của đồ án được thực hiện trên môi trường máy chủ cục bộ và hệ thống lưu trữ thử nghiệm trực tuyến tại địa chỉ morelashop.azdigi.shop trong khoảng thời gian từ tháng 5 đến tháng 6 năm 2023.

Cơ sở lý thuyết và phương pháp

Đồ án vận dụng nền tảng lý thuyết và công nghệ về hệ quản trị nội dung (Content Management System - CMS) mã nguồn mở, cụ thể là WordPress, kết hợp với mô hình kiến trúc máy chủ web Apache, hệ quản trị cơ sở dữ liệu quan hệ MariaDB/MySQL và ngôn ngữ lập trình kịch bản PHP.

Về mặt mô hình nghiệp vụ, đề tài triển khai giải pháp thương mại điện tử B2C (Business-to-Consumer) dựa trên nền tảng tiện ích WooCommerce của Automattic. Mô hình này quản lý toàn bộ chu trình bán hàng từ danh mục sản phẩm, biến thể sản phẩm, giỏ hàng, bảng tính phí vận chuyển đến thanh toán và lưu trữ dữ liệu đơn hàng.

Phương pháp nghiên cứu và thực nghiệm kỹ thuật được áp dụng trong đồ án bao gồm:

• Phương pháp thực nghiệm kỹ thuật: Triển khai cài đặt trực tiếp, kiểm thử cấu hình các module dịch vụ (Apache, MySQL, FileZilla FTP Server), tạo lập và liên kết cơ sở dữ liệu quan hệ qua giao diện quản trị phpMyAdmin.
• Phương pháp thiết kế kiến trúc thông tin: Phân cấp hệ thống danh mục sản phẩm và danh mục nội dung blog theo cấu trúc hình cây nhằm tối ưu hóa trải nghiệm điều hướng của người dùng.
• Phương pháp tối ưu hóa công cụ tìm kiếm (On-page SEO): Áp dụng khung tiêu chuẩn đánh giá của plugin Rank Math SEO, tập trung kiểm soát các chỉ số: mật độ từ khóa mục tiêu (Focus Keyword Density), vị trí xuất hiện từ khóa (SEO Title, Permalink, Meta Description, 10% dung lượng mở đầu), độ dài bài viết, liên kết nội bộ (Internal Links), liên kết ngoài (External Links) và định dạng dữ liệu có cấu trúc Schema (Article / BlogPosting).

Nguồn dữ liệu sử dụng trong đồ án bao gồm thông số sản phẩm, hình ảnh bản quyền từ các đợt phát hành album và lightstick của các nhóm nhạc nổi tiếng (BTS, Blackpink, Seventeen, TWICE, Aespa, ITZY), bảng giá quy đổi thực tế từ các sàn thương mại điện tử quốc tế (Amazon) và dịch vụ vận chuyển trung gian (Giaonhan247), cùng các báo cáo kinh doanh tài chính năm 2019 của các công ty giải trí lớn tại Hàn Quốc (HYBE, SM Entertainment, JYP Entertainment, YG Entertainment, Kakao M).

Thiết kế và triển khai

Hệ thống website Morela Store được xây dựng theo kiến trúc phân tầng bao gồm tầng hạ tầng máy chủ cục bộ, tầng quản trị cơ sở dữ liệu, tầng ứng dụng cốt lõi WordPress và tầng tiện ích mở rộng thương mại điện tử.

Thành phần hệ thống	Công nghệ / Phần mềm sử dụng	Thông số kỹ thuật / Phiên bản	Ghi chú cấu hình
Hệ điều hành máy chủ	Microsoft Windows	64-bit	Môi trường phát triển cục bộ
Bộ công cụ máy chủ web	XAMPP Control Panel	Phiên bản v3.0 (06/04/2021)	Thư mục cài đặt C:\xampp\
Máy chủ Web	Apache	Phiên bản 2.4	Cổng kết nối (Ports): 80, 443
Hệ quản trị cơ sở dữ liệu	MariaDB	Phiên bản 10.4.28	Cổng 3306; PID: 24448
Ngôn ngữ máy chủ	PHP	Phiên bản 8.2.4	Mở rộng: mysqli, curl
Quản trị cơ sở dữ liệu	phpMyAdmin	Phiên bản 5.x	Người dùng: root@localhost
Nền tảng CMS	WordPress	Phiên bản 6.x	Tên CSDL: Morelashop, tiền tố: wp_
Quản trị viên hệ thống	Tài khoản cục bộ / Azdigi	Tên đăng nhập: maiptx	Email: [e-mail]
Giải pháp thương mại điện tử	WooCommerce	Của Automattic	Quản lý sản phẩm, giỏ hàng, đơn hàng
Cổng thanh toán Việt Nam	Thanh Toán Quét Mã QR Tự Động	Của BCK Team	Hỗ trợ MoMo, VietQR, TPBank
Tối ưu thanh toán nội địa	WooCommerce Vietnam Checkout	Của Lê Văn Toàn	Phân cấp Tỉnh/Thành, Quận/Huyện, Xã/Phường
Công cụ tối ưu hóa SEO	Rank Math SEO	Của Rank Math	Kiểm tra chỉ số On-page, tạo Schema Article

Hệ thống cho phép người dùng xem chi tiết sản phẩm, lựa chọn các biến thể theo nhu cầu, thêm vào giỏ hàng, áp dụng các mã ưu đãi giảm giá và thực hiện thanh toán trực tuyến qua mã QR tự động điền sẵn thông tin tài khoản người nhận và cú pháp chuyển khoản tương ứng với từng đơn hàng cụ thể.

Nội dung chính theo từng chương

Chương 1: Cài đặt và cấu hình môi trường máy chủ cục bộ (XAMPP và WordPress)

Nội dung chương trình bày quy trình chuẩn bị môi trường phát triển cục bộ trên máy tính cá nhân qua 7 bước:

• Tải gói cài đặt phần mềm XAMPP 64-bit cho hệ điều hành Windows (xampp-windows-x64-8...).
• Lựa chọn các thành phần cài đặt gồm MySQL, FileZilla FTP Server, Mercury Mail Server, Tomcat, Perl và công cụ phpMyAdmin; thiết lập thư mục lưu trữ mặc định tại đường dẫn C:\xampp\.
• Khởi chạy các dịch vụ cốt lõi từ bảng điều khiển XAMPP Control Panel v3.0, giám sát trạng thái kích hoạt của Apache (cổng 80, 443), MySQL (PID 24448) và FileZilla (PID 17224, cổng 21, 14147).
• Mở trình duyệt web truy cập địa chỉ localhost/phpmyadmin để quản lý hệ quản trị cơ sở dữ liệu MariaDB phiên bản 10.4.28 chạy trên giao thức 10 với người dùng root@localhost. Tiến hành tạo lập cơ sở dữ liệu mới với tên gọi Morelashop, thiết lập bảng mã đối chiếu dữ liệu ký tự utf8_general_ci.
• Tải gói mã nguồn WordPress mới nhất từ cổng thông tin wordpress.org/download, thực hiện giải nén và sao chép toàn bộ thư mục vào đường dẫn máy chủ web cục bộ tại C:\xampp\htdocs\wordpress_demo.
• Khởi tạo tiến trình cài đặt WordPress thông qua trình duyệt tại địa chỉ localhost/wordpress_demo. Điền các thông số kết nối cơ sở dữ liệu trong tệp cấu hình wp-config.php: Tên cơ sở dữ liệu là Morelashop, Tên người dùng là root, Mật khẩu để trống, Địa chỉ máy chủ là localhost, và Tiền tố bảng cơ sở dữ liệu là wp_.
• Khai báo thông tin khởi tạo website ban đầu: Tiêu đề trang (Site Title) "Morela Shop", tên người dùng quản trị maiptx, thiết lập mật khẩu bảo vệ, địa chỉ email quản trị và cấu hình tùy chọn chỉ mục tìm kiếm trước khi đăng nhập vào giao diện bảng điều khiển quản trị (Dashboard).

Chương 2: Thiết lập danh mục ngành hàng và quản trị sản phẩm thương mại điện tử

Tác giả tiến hành phân chia cấu trúc ngành hàng của Morela Store thành 4 danh mục chính: ALBUM, LIGHTSTICK, CARD và GOODS. Mỗi danh mục được đăng tải các mặt hàng tiêu biểu kèm thông số chi tiết:

• Danh mục ALBUM: Đăng tải sản phẩm BTS [Love Yourself 轉 'Tear'], hỗ trợ lựa chọn biến thể theo 3 phiên bản phát hành (Ver 1, Ver 2, Ver 3). Phần mô tả bổ sung quy cách đóng gói bao gồm sách nhật ký (Diary 148 x 210 mm, 132 trang), móc khóa (Key ring 37 x 30 mm), bộ nhãn dán (Sticker 130 x 200 mm, 3 tấm), film ảnh (Film photo 70 x 145 mm, 6 tấm), thẻ ảnh (Photocard 55 x 85 mm, 6 tấm), bưu thiếp (Postcard 100 x 150 mm, 6 tấm), băng dính trang trí (Masking tape 10 mm) và poster gấp (Folded poster 297 x 380 mm).
• Danh mục LIGHTSTICK: Đăng tải sản phẩm Seventeen Lightstick Ver phục vụ nhu cầu cổ vũ của người hâm mộ, ghi nhận thương hiệu sản xuất EKLOR, mã linh kiện 9015109069729.
• Danh mục CARD: Đăng tải sản phẩm Card SEVENTEEN với mức giá cơ sở 470.000 VND, thiết lập hai phân loại biến thể gồm "card official" (giá 619.000 VND) và "card unofficial". Quy cách sản phẩm gồm 5 hộp chứa 150 thẻ ảnh làm bằng chất liệu giấy in sắc nét, kích thước chuẩn.
• Danh mục GOODS: Đăng tải sản phẩm GOODS BTS DALMAJUNG với giá niêm yết 560.000 VND. Tác giả trình bày phương pháp định giá tham chiếu dựa trên giá bán gốc tại sàn Amazon Mỹ ($78.95) cộng phí vận chuyển nội địa ($7) thành tổng chi phí $86.05, ước tính trọng lượng vận chuyển 4.49 pounds qua đơn vị Giaonhan247 với thời gian hàng về Việt Nam từ ngày 29/06/2023 đến 02/07/2023, từ đó áp dụng các mức chiết khấu dịch vụ 10% để đưa ra mức giá bán lẻ cạnh tranh trên website.

Chương 3: Tích hợp hệ sinh thái Plugin hỗ trợ WooCommerce và cổng thanh toán nội địa

Để hoàn thiện quy trình giao dịch thương mại điện tử, nhóm tác giả cài đặt và cấu hình bộ tiện ích mở rộng bổ trợ cho nền tảng WooCommerce:

• WooCommerce: Công cụ nền tảng do Automattic phát triển (hơn 5 triệu lượt kích hoạt), quản lý danh mục hàng hóa, đơn hàng và khách hàng.
• Thanh Toán Quét Mã QR Code Tự Động: Plugin do BCK Team phát triển, tích hợp phương thức quét mã QR tự động kết nối tài khoản ngân hàng TPBank và Ví MoMo của chủ sở hữu Phan Thị Xuân Mai (số tài khoản: 0939518258).
• WooCommerce Vietnam Checkout: Tiện ích của tác giả Lê Văn Toàn (hơn 10.000 lượt kích hoạt), tối giản hóa và bổ sung các trường hành chính Tỉnh/Thành phố, Quận/Huyện, Xã/Phường vào biểu mẫu thanh toán nhằm phù hợp với hệ thống địa chỉ giao hàng tại Việt Nam.
• WP Mail SMTP: Hỗ trợ thiết lập máy chủ gửi thư điện tử thông báo đơn hàng qua giao thức SMTP thay thế hàm wp_mail() mặc định.
• YITH WooCommerce Compare và YITH WooCommerce Wishlist: Bổ sung tính năng so sánh các thông số sản phẩm trong cùng bảng dữ liệu và lưu danh sách sản phẩm yêu thích của khách hàng.

Hệ thống được kiểm thử thực tế thông qua các đơn hàng mẫu:

• Đơn hàng kiểm thử 1: Sản phẩm Card SEVENTEEN - card official (đơn giá 619.000 VND), áp dụng thành công mã giảm giá giamgia1 giảm 92.850 VND, miễn phí giao hàng (Free shipping), tổng tiền thanh toán đạt 526.150 VND.
• Đơn hàng kiểm thử 2: Sản phẩm BORN PINK: BLACKPINK - Ver 1 (đơn giá 950.000 đ), phí vận chuyển đồng giá 30.000 đ, tổng giá trị thanh toán 980.000 đ. Hệ thống tự động tạo mã QR Ví MoMo với mã nội dung chuyển tiền định danh ABC708.
• Đơn hàng kiểm thử 3: Sản phẩm THE ALBUM: BLACKPINK - Ver ED (đơn giá 490.000 đ), tạo mã thanh toán chuyển khoản ngân hàng TPBank với nội dung giao dịch ABC709.

Chương 4: Triển khai chiến lược mã ưu đãi (Coupon) và quy trình xử lý đơn hàng

Quy trình tạo lập phiếu ưu đãi được thiết lập trực tiếp trong bảng quản trị WooCommerce:

• Tạo mới mã ưu đãi có tên gọi giamgia2.
• Cấu hình thông số chiết khấu: Loại ưu đãi chọn "Giảm giá theo phần trăm" với mức ưu đãi là 30%.
• Cấu hình điều kiện phụ trợ: Đánh dấu tùy chọn "Cho phép giao hàng miễn phí" gắn liền với phương thức giao hàng tương ứng trong khu vực vận chuyển.
• Thời hạn hiệu lực: Thiết lập ngày hết hạn áp dụng mã là 2023-06-30.
• Thử nghiệm người dùng: Khi khách hàng nhập mã giamgia2 tại trang thanh toán, hệ thống ghi nhận thông báo áp dụng thành công, khấu trừ chính xác tỷ lệ phần trăm tiền hàng và miễn toàn bộ phí giao nhận đến địa chỉ khách hàng khai báo tại Phường Phạm Ngũ Lão, Quận 1, TP. Hồ Chí Minh.

Chương 5: Xây dựng hệ thống nội dung tiếp thị và tối ưu hóa công cụ tìm kiếm (Rank Math SEO)

Nhóm tác giả xây dựng 10 bài viết chuyên đề về văn hóa và sản phẩm K-Pop do tài khoản maiptx biên soạn, áp dụng cấu trúc dữ liệu Schema Article (BlogPosting) và theo dõi tiêu chuẩn đánh giá bằng plugin Rank Math SEO:

1. Điểm tên 10 trụ sở công ty giải trí đắt đỏ nhất K-pop: YG vượt HYBE (Từ khóa: trụ sở).
2. 7 Điều về Album Idol quan trọng mà bạn cần lưu ý (Từ khóa: album).
3. ĐỊA ĐIỂM BÁN ĐỒ KPOP GIÁ TỐT (Từ khóa: địa điểm).
4. 3 ĐIỀU CẦN BIẾT VỀ BLACKPINK NẾU BẠN MUỐN TRỞ THÀNH FAN (Từ khóa: blackpink).
5. Thẻ bo góc là gì mà ai cũng sưu tầm? (Từ khóa mục tiêu: thẻ bo góc).
6. 13 album KPOP xuất sắc nhất 2021 (Từ khóa: album kpop).
7. Bước đầu vào album kpop là gì gây ấn tượng với khán giả (Từ khóa: album kpop).
8. Những chiếc lightstick đẹp- độc-lạ và nhiều ý nghĩa của các idol K-Pop (Từ khóa: Lightstick kpop).
9. Top 20 công ty giải trí Hàn Quốc thành công nhất (Từ khóa mục tiêu: công ty giải trí hoặc công ty).
10. Vì sao ngoài album, các sản phẩm liên quan của thần tượng đang ngày càng nở rộ? (Từ khóa: sản phẩm).

Trong đó, bài viết tiêu điểm "Thẻ bo góc là gì mà ai cũng sưu tầm?" đạt điểm chất lượng SEO 92/100 trên thang đo của Rank Math với các thông số kỹ thuật chi tiết:

• Độ dài nội dung: 2.547 từ, được đánh dấu là nội dung trụ cột (Pillar Content).
• Mật độ từ khóa chính: 1.37%, xuất hiện 35 lần trong toàn bộ văn bản.
• Cấu hình đoạn trích (Snippet): Tiêu đề SEO dài 51/60 ký tự ("5 Thông tin về thẻ bo góc mà fan kpop cần phải biết"), đường dẫn tĩnh permalink là the-bo-goc-trong-kpop (độ dài URL 63 ký tự), thẻ mô tả Meta Description dài 95/160 ký tự.
• Nội dung học thuật của bài viết: Giải thích nguồn gốc photocard xuất hiện lần đầu từ album thứ hai Oh! của nhóm nhạc nữ SNSD do SM Entertainment phát hành năm 2010; phân biệt giữa thẻ chính hãng (card off) bóc từ album vật lý và thẻ người hâm mộ tự sản xuất (card unoff/fanmade); dẫn chứng số liệu giá giao dịch trên thị trường (photocard Blackpink từ 954.000 đồng, BTS từ 693.000 đồng, Bangtan Boys LOMO Card 554.000 đồng, SEVENTEEN từ 980.000 đồng, TWICE từ 720.000 đồng, EASPA từ 580.000 đồng, ITZY từ 500.000 đồng, một số mẫu hiếm đạt trên 16 triệu đồng trên sàn eBay); hướng dẫn quy trình 3 bước tự thiết kế thẻ bo góc kích thước 5.5 x 8.5 cm thông qua ứng dụng Canva và nguồn ảnh Pinterest.

Bài viết tiêu điểm thứ hai "Top 20 công ty giải trí Hàn Quốc thành công nhất" tổng hợp dữ liệu doanh thu và lợi nhuận năm 2019 của các đơn vị giải trí hàng đầu:

• Hybe Corporation (Big Hit Entertainment): Doanh thu 587.2 tỷ KRW (~507.29 triệu USD), lợi nhuận 98 tỷ KRW.
• SM Entertainment: Doanh thu 658 tỷ KRW, lợi nhuận 40 tỷ KRW.
• JYP Entertainment: Doanh thu 155 tỷ KRW, lợi nhuận 43 tỷ KRW.
• YG Entertainment: Doanh thu 265 tỷ KRW, lợi nhuận 2 tỷ KRW.
• Kakao M: Ghi nhận 93.3% tỷ trọng cơ cấu doanh thu đến từ kinh doanh âm nhạc số.
• Các công ty khác được phân tích gồm Cube Entertainment, RBW Entertainment (có văn phòng đại diện tại Quận 2, TP.HCM), Pledis Entertainment, FNC Entertainment, DSP Media, Starship Entertainment và Woollim Entertainment.

Kết quả và đóng góp

Đồ án đã đạt được các kết quả triển khai cụ thể:

1. Xây dựng hoàn chỉnh website thương mại điện tử Morela Store đáp ứng đầy đủ chu trình mua bán hàng hóa trực tuyến, vận hành trên cả môi trường máy chủ cục bộ (XAMPP) và môi trường lưu trữ mạng Azdigi (morelashop.azdigi.shop).
2. Hoàn thiện hệ thống quản trị sản phẩm với 4 nhóm danh mục chính, cấu hình thành công các biến thể phức tạp (phiên bản album Ver 1, Ver 2, Ver 3; phân loại card official và unofficial) cùng bảng mô tả quy cách chi tiết.
3. Bản địa hóa thành công quy trình thanh toán cho người dùng Việt Nam: Tích hợp hoàn chỉnh bảng chọn đơn vị hành chính 3 cấp (Tỉnh/Thành, Quận/Huyện, Xã/Phường), thiết lập cơ chế sinh mã QR thanh toán tự động gắn kèm mã đơn hàng định danh (ABC708, ABC709) qua cổng chuyển khoản TPBank và Ví MoMo.
4. Triển khai chiến lược mã ưu đãi linh hoạt với các điều kiện ràng buộc về chiết khấu phần trăm (30%), thời hạn kết thúc (30/06/2023) và miễn phí vận chuyển tự động.
5. Xây dựng hệ thống 10 bài viết tiếp thị nội dung chuẩn SEO, trong đó bài viết trụ cột đạt 92/100 điểm đánh giá trên công cụ Rank Math SEO với dung lượng 2.547 từ và mật độ từ khóa chuẩn xác 1.37%.

Chỉ số đánh giá	Giá trị ghi nhận trong đồ án
Số danh mục sản phẩm chính	04 danh mục (ALBUM, LIGHTSTICK, CARD, GOODS)
Phương thức thanh toán kiểm thử	02 phương thức quét mã QR (Ví MoMo, Ngân hàng TPBank)
Cú pháp đơn hàng kiểm thử tự động	ABC708 (đơn hàng MoMo 980.000 đ), ABC709 (đơn hàng TPBank)
Tỷ lệ chiết khấu mã ưu đãi giamgia2	Giảm 30% tổng giá trị đơn hàng, miễn phí vận chuyển
Số bài viết tiếp thị nội dung	10 bài viết (gắn định dạng Schema Article / BlogPosting)
Điểm số tối ưu Rank Math SEO cao nhất	92 / 100 điểm (bài viết Thẻ bo góc là gì mà ai cũng sưu tầm?)
Độ dài bài viết SEO tiêu điểm	2.547 từ (mật độ từ khóa chính: 1.37% với 35 lần xuất hiện)

Về mặt đóng góp, đề tài cung cấp tài liệu hướng dẫn thực hành chi tiết về việc kết hợp các plugin mã nguồn mở để giải quyết bài toán thanh toán và giao nhận tại thị trường Việt Nam mà không phát sinh chi phí mua bản quyền phần mềm phức tạp, đóng vai trò là một mô hình mẫu về ứng dụng thương mại điện tử cho phân khúc hàng hóa thần tượng âm nhạc.

Hạn chế và hướng nghiên cứu tiếp

Căn cứ vào dữ liệu được trình bày trong tài liệu, đồ án còn tồn tại một số điểm hạn chế sau:

• Vấn đề an toàn bảo mật: Giao diện website trên tên miền thử nghiệm morelashop.azdigi.shop vẫn hiển thị trạng thái cảnh báo không bảo mật ("Not secure"), do chưa tích hợp và cấu hình chứng chỉ số SSL (HTTPS) cho toàn bộ các trang giao dịch và thanh toán.
• Quản lý chuyên mục nội dung: Các bài viết tiếp thị trong trang quản trị vẫn đang lưu trữ dưới chuyên mục mặc định "Uncategorized", chưa được tổ chức thành các chuyên mục blog rõ ràng.
• Phạm vi tích hợp công cụ phân tích: Các mục tạo trang vệ tinh, cài đặt Google Analytics và Google Search Console mới chỉ dừng lại ở danh mục kế hoạch và thanh tiêu đề theo dõi, chưa có báo cáo dữ liệu phân tích lưu lượng thực tế trong nội dung văn bản.

Hướng nghiên cứu và hoàn thiện tiếp theo:

• Cài đặt và cấu hình chứng chỉ bảo mật SSL/HTTPS nhằm bảo vệ an toàn thông tin thanh toán của khách hàng.
• Hoàn tất kết nối dữ liệu đo lường với Google Analytics 4 (GA4) và Google Search Console để thu thập số liệu truy cập và lập chỉ mục website chính thức.
• Tự động hóa quy trình cập nhật trạng thái đơn hàng khi tiền về tài khoản ngân hàng thông qua webhook của cổng thanh toán.

Giá trị tham khảo

Đồ án có giá trị tham khảo thiết thực đối với:

• Sinh viên chuyên ngành Thương mại điện tử, Marketing số (Digital Marketing) và Công nghệ thông tin tại các cơ sở giáo dục nghề nghiệp và đại học đang thực hiện đồ án môn học hoặc khóa luận tốt nghiệp về xây dựng website bán hàng.
• Các cá nhân, hộ kinh doanh hoặc doanh nghiệp vừa và nhỏ có nhu cầu triển khai website bán lẻ trên nền tảng WordPress - WooCommerce với chi phí tiết kiệm.
• Các nhà quản trị nội dung website cần tham khảo phương pháp biên soạn bài viết đạt chuẩn On-page SEO theo checklist của công cụ Rank Math.

Các phần có giá trị ứng dụng cao nhất bao gồm quy trình cấu hình tệp wp-config.php kết nối máy chủ MariaDB, phương pháp tích hợp tiện ích WooCommerce Vietnam Checkout để xử lý biểu mẫu địa chỉ hành chính Việt Nam, giải pháp tạo mã QR thanh toán định danh và kỹ thuật tối ưu hóa bài viết nội dung đạt điểm số SEO cao.

Câu hỏi thường gặp

1. Website Morela Store sử dụng nền tảng công nghệ và phiên bản cơ sở dữ liệu nào để vận hành? Website vận hành trên hệ quản trị nội dung mã nguồn mở WordPress phiên bản 6.x, chạy trên nền tảng máy chủ cục bộ XAMPP v3.0 gồm máy chủ web Apache 2.4, ngôn ngữ lập trình PHP phiên bản 8.2.4 và hệ quản trị cơ sở dữ liệu MariaDB phiên bản 10.4.28 thông qua cơ sở dữ liệu mang tên Morelashop.

2. Giải pháp nào được tác giả sử dụng để xử lý việc thanh toán không dùng tiền mặt và điền địa chỉ giao hàng tại Việt Nam? Tác giả đã tích hợp plugin WooCommerce Vietnam Checkout của tác giả Lê Văn Toàn để tối ưu hóa biểu mẫu nhận hàng theo 3 cấp Tỉnh/Thành phố, Quận/Huyện, Xã/Phường; kết hợp cùng plugin Thanh Toán Quét Mã QR Code Tự Động của BCK Team để tạo mã quét thanh toán chuyển khoản qua ngân hàng TPBank và Ví MoMo kèm nội dung giao dịch định danh theo đơn hàng (ví dụ: ABC708, ABC709).

3. Bài viết "Thẻ bo góc là gì mà ai cũng sưu tầm?" đạt được những chỉ số kỹ thuật On-page SEO cụ thể nào trên Rank Math? Bài viết đạt 92/100 điểm SEO trên công cụ Rank Math, có dung lượng 2.547 từ (được xếp loại Pillar Content), từ khóa tiêu điểm là thẻ bo góc với mật độ 1.37% (xuất hiện 35 lần), tiêu đề SEO dài 51 ký tự, đường dẫn tĩnh URL dài 63 ký tự (the-bo-goc-trong-kpop) và thẻ mô tả dài 95 ký tự.

4. Mã ưu đãi giamgia2 trong đồ án được thiết lập với các thông số kỹ thuật nào? Mã giamgia2 được cấu hình với loại ưu đãi là "Giảm giá theo phần trăm" ở mức 30%, kích hoạt tùy chọn "Cho phép giao hàng miễn phí" và có thời hạn áp dụng đến hết ngày 30/06/2023.

5. Nhóm tác giả căn cứ vào cơ sở dữ liệu nào để định giá cho sản phẩm thuộc danh mục GOODS? Tác giả tham chiếu giá bán của sản phẩm trên sàn Amazon Mỹ ($78.95) kết hợp phí vận chuyển nội địa ($7), tổng chi phí cơ sở là $86.05 cho kiện hàng nặng 4.49 pounds thông qua dịch vụ mua hộ Giaonhan247 và cổng thanh toán GNPAY, từ đó tính toán áp dụng mức ưu đãi 10% để ấn định giá bán lẻ 560.000 VND trên website.

Kết luận

Đồ án "Xây dựng trang web 2 - Xây dựng trang web cho thương hiệu Morela Store" của nhóm sinh viên Trường Cao đẳng FPT Polytechnic Cần Thơ đã triển khai thành công một giải pháp website thương mại điện tử chuyên biệt cho ngành hàng văn hóa phẩm K-Pop. Công trình thể hiện năng lực thực hành kỹ thuật rõ nét từ khâu thiết lập môi trường máy chủ cục bộ XAMPP, quản trị CMS WordPress, tùy biến các tiện ích WooCommerce phục vụ thanh toán quét mã QR nội địa, cho đến kỹ thuật biên soạn nội dung đạt chuẩn SEO On-page bằng công cụ Rank Math. Đề tài là tài liệu thực hành hoàn chỉnh, mang tính ứng dụng thực tiễn cao cho sinh viên ngành Thương mại điện tử và các đơn vị bán lẻ trực tuyến quy mô nhỏ.

Trích đoạn nội dung tài liệu

TRƯỜNG CAO ĐĂNG FPT POLYTECHNIC GGG. Education FPT POLYTECHNIC XAY DUNG TRANG WEB 2 XAY DUNG TRANG WEB CHO THUONG HIEU MORELA STORE Ngành: THƯƠNG MẠI ĐIỆN TỬ Giảng viên: Thành viên: NGUYEN DINH NGOC PHAN THI XUAN MAI PC07122 Can Tho, Thang 6, Nam 2023 Mục lục No. THIẾT LẬP CÁC CATEGORY VÀ SẢN PHÁM. CÀI ĐẶT CÁC PLUGIN CÀN THIẾT CHO WOOCOMERCE.

CAI DAT PLUGIN RANK MATH SEO u. TAO CAC TRANG VE TINH. CÀI ĐẶT GOOGLE ANALYTICS VÀ GOOGLE SEARCH CONSOLE. CÀI ĐẶT WORDPRESS CÀI ĐẶT XAMPP e Buéc 1: Cai dat XAMPP € › v4 > Downloads @ Home Name Date modified Type > Z7 OneDriVe - Persone Today ® xampp-windows-x64-8.

5/11/2023 12:31 PM Application e Buéc 2: Tham khảo giao diện cài đặt thành công ® setup — x Setup - XAMPP Í [=] Welcome to the XAMPP Setup Wizard. 152,421 KB lại Setup = 0 x Select Components 83 Select the components you want to install; clear the components you do not want to install. Click Next when you are ready to continue. Click on a component to get a detailed description MySQL FileZilla FTP Server Mercury Mail Server Tomcat Perl phpMyAdmin Wink sliene nstallBuilder < Back Next > Cancel | ® Setup = : x _— es Please, choose a folder to install XAMPP Select a folder C:\xamppl R9 nstallBuilder < Back Next > Cancel ® Setup = x Welcome to XAMPP! XAMPP is an easy to install Apache distribution containing MySQL, PHP and Perl Installing Unpacking files a nstallBuilder < Back Cancel @ Setup = x Completing the XAMPP Setup Wizard Setup has finished installing XAMPP on your computer.

@ Do you want to start the Control Panel now? < Back Finish Cancel - Bam vao 3 6 start dau tiên © xampp Control Panel v3.0 [ Compiled: Apr 6th 2021 ] _ E1 XAMPP Control Panel v3.0 Modules Service Module PID(s) Port(s) Apache Admin Config Logs MySQL Admin Config Logs FileZilla Admin Config Logs - Mercury Admin Config Logs ‘Tomcat Start Admin Config Logs 12:46:03 PM [main] there will be a security dialogue or things will break! So think 12:46:03 PM [main] about running this application with administrator rights! 12:46:03 PM [main] XAMPP Installation Directory: “c:\xampp\" 12:46:03 PM [main] Checking for prerequisites 12:46:06 PM [main] _Alll prerequisites found 12:46:06 PM [main] Initializing Modules 12:46:06 PM [main] Starting Check-Timer 12:46:06 PM [main] Control Panel Ready f XAMPP Control Panel v3.0 [ Compiled: Apr 6th 2021 ] XAMPP Control Panel v3.0 Modules Service Module PID(s) Port(s) — 20, 443 Conta MySQL 24448 Config FileZilla 17224 21, 14147 Config Mercury _ Config Tomcat Start Admin Config 12:46:06 PM [main] Starting Check-Timer 12:46:06 PM [main] Control Panel Ready 12:46:25 PM [Apache] Attempting to start Apache app. 12:46:25 PM 12:46:33 PM 12:46:33 PM 12:46:34 PM 12:46:34 PM [Apache] Status change detected: running [mysql] [mysql] Attempting to start MySQL app. Status change detected: running [filezilla] Attempting to start FileZilla app. [filezilla] Status change detected: running e Bước 3: Chạy XAMPP mở trình duyệt nhập vào localhost/phpmyadmin € 3 Ơ lÐ loalhost/phonyadmi phpMyAamin agenee SD cosdcrngu Íj SQL & Trạngthải = Taikhoảnngườidng 3 Xuấtkhấu 's2 Nhậphhẩu gf calaat |) IMCIISINx'50GummNmWA-SrSHtqCSLkzof1AFS61)9GB2qa6°AM, gjdzI=JbsF4TDCKYTDHuals56/AK51Z1p21RPuI Gan day yêu thích.

Google Translate Ge Cai dat chung [_ ®Mới @®s + xen@: —_ “co uiemb4_unicode v Mếy chủ: 127.1 qua TCPIP † game. serene © mysql NEAT + Kétn6i may chi: SSL khong duoest dung @ 'Ô bu suất echona ~- Phiên bên máy chủ.428-MaraDB - phên phối nhị phân mariadb org a ——— + Phiên bên giao thức: 10 + Le” Cài đặt hiền thị * Người dùng: rool@Iccalhost ˆŸ Bàikiêm tra Bồ mã máy chủ: UTF-8 Unicode (utf6mb4). ÁPMiônngữ @ — Tiếng Anh v ẤÔchủđề — pmahomme v | Xemtất phpMyAdmin + _Thngtìn phiên bằn: 5. (cập nhất) + Tài lệu + Trang chỗ chính thức « Đồng góp, localhost/ohpmyadminyindexphptroute=/se1ver/databasesBlang=en ecm ¢ Bude 4: M6 phan mém Xampp dé tao Database dién théng tin Apachel2.

= Phiên bản máy khách cơ sở dữ lộu:Ibmyeql- mựsslnd 624 + Phin m6 rong PHP: mysal @ cut! @ mesting @ + Phiên bản PHP: 824 như phpMuAdmin 8l 9° ở 6 Gan day yêu thích (— ered eo cơ sở dữ liệu wo Íj §QL lẩ Trangthải *' Tàikhoảnngườidùng 53 Xuétkhdu ¡%2 Nhậpkhảu gf Caidst |! Nhanréng ©) Bién # bòiýtự ($ độngcơ #ề bôs | — 1. ˆ thông tia_lược đồ.¿ Tạo nên cơ sơ dư liệu @ #0 mysn! I Tên cơ sở dữ liệu I8 0enral ci Tạo nên. ẤT hiệu suất schema Lid 7 Y $ | ~ phpmyadmin 9 nuyên có Keim ratited [_ [gLàm 01 ` cơ sở dữ liệu déichiéu Hot động thông t lược đỗ u$f8 Gensral. s2Kẳm ta đặc cuyển mysql utfeabs General_ci a) Kim tre dc quyéa hiệu suất schema.

utf8 General ci ¡Kiếm ra đặc quyền phpmyadmin utf8_bin =. Kiếm tra đặc quyền O Baikiém re 1atinh_swedish_c¡. ,@3Kếm tra đặc quyên Tông cộng: 5 { Lay: Kich host thing ke co sở dữ lệu ở đây có thổ giyrø lưu lượng lớn giữa máy chủ web va may cha MySGL Bat thếng kê phpMuAdmin ss amoo6€ ở sơsðdữliu Lj SQL (ẩ Trạngthải +' Taikhoảnnguởidủng =j Xuẩtkhẩu sẽ Nhậpkhẩu J caida | Nhanrong © Biển B bộkÿlự ở độngcœ ile bos Gln đây. yêu thich cơ sở dữ liệu Ô Mới es, 'Ÿ—ˆ thông tin lược đồ ¿__ Lẻ Tạe nên cơ sở dữ liệu @ 9x, ; a Íweessss v amnenLo ~ | sua) ~ nigu sudt_schema “© phpmyadmin i" atc Lâm rơi 8 gại kiệm tra Kiếm tratất cả | E8 ) cơ sở dữ liệu 2.

đói chiếu Heat cong thong tin roc đồ —_ utfồ_6eneral cỉ. si Kiếm trađácquyền men! utFlinbé General ci =: Kiếm tra dic quyẫn hiệu suất scheme wtF8_Generel_ci =3 Kiểm tađặcquyền phpmyadmin utfS_bin 2) Kiém ta dacawyén © Baikiém ta Tatint_cuedich ci ay kidm ta đặc quyền Tông cộng: § ; Lưu ý. Kích hoạt thồng Kê co SỞ dữ liêu Ö day có thễ gây ¡a luu lượng lớn giữa máy chủ web và mráy chủ MySOLL Bất thồng kẽ. Bảng điều khiển.

CÀI ĐẶT WordPress Bước 1 : Truy cập vào đường dẫn https://wordpress.org/download/ dé tai phiên bản WordPress mới nhất. 4 Tiêm >Ơ ___& wordpressorg/download| ee eo ẤN News Download & Extend » Leam v Community ~ About v > Ey Get WordPress Everything you need to set up your site just the way you want it. Download and install it yourself Set up with a hosting provider For anyone comfortable getting their own hosting and domain. For anyone looking for the simplest way to start.2 Installation guide 57 or MariaDB version 10.3 or Releases - Nightly - Cou Bước 2: Sau khi download xong, chúng ta giải nén và đặt tên thư mục lại ví dụ: WordPress_demo sau đó copy toàn bộ thư mục vào đường dẫn sau: C:\xampp\htdocs v 2 Ar Home Type COneDrve- Personal dashboard mộ (Wi Desktop + webalizer "`.

1172023 130 Ph le tol i sec + >iampp G ocimens © applications aK Rneue #8 wmam Me @ước + i” Gi Videos % Bi index cov 7 = New volume (0). # Zalo Receive Fier # Screenshots vera Bước 3: Tiến hành cài đặt, chúng ta mở trình duyệt và nhập vào localhost/ wordpress_ demo @ Neynb X | sth kecahosv/127001/mordeehop\ X ĐỂ KếtquàtmtiếmvèlocahosU X + € > S @ loahos/wodpesl @_ localhost/wordpress © _locathost/wordpress - Secure Search Search. _localhost/wordpress/wp-admin —localhost/wordpress demo _ localhost/wordpress/admin © eam uoy murupresor aun a Q localhost/wordpress_daica123/wp-admin localhost wordpress admin _—. ky vu Azerbaycan dil Benapyckan mosa Bunrapexn ae sie Bosanski Catala Cebuano Ceétina Cymraeg Dansk Deutsch (Osterreich) Deutsch (Schweiz, Du) e Buéc 4: Thong tin cai dat wordpress Welcome to WordPress.

Before getting started, you will need to know the following items. Table prefix f you want to run more than one WordPress in a single database) This information is being used to create a wp-confiig. pho file f for any reason this automatic file creation does not work. do not worry.

All this does is fill n the database information to a configuration file. You ‘may also simply open wp-config-sample.php in a text editor, fill in your information, and save it as wp- ‘config. Need more help? Read the sunport article on wp-confie.aho Inallikeihood, these items were supplied to you by your web host. you do not have this information, then you will need to contact them before you can continue.

If you are ready. =1 10 e_ Bước 5: Điền thông tin dé kết nối với data_wordpress Below you should enter your database connection details. If you are not sure about these, contact your host. Database Name [Morelashop | The name ofthe ditabase you want to use eee with WordPress.

Username root Your database username, Password { password ) Your database password Database Host [ localhost ) You should be able to get this info from your —_— webhest.if1ocalhost does not work. Table Prefix [ we. ) lf you want to run multiple WordPress installations in a single database, change this. Submit All right, sparky! You've made it through this part of the installation.

WordPress can now communicate with your database. If you are ready, time now to. Run the installation > Tiếp theo chọn Run the install e_ Bước 6: Đăng ký tài khoản trong Wordpress 11 Welcome Welcome to the famous five-minute WordPress installation process! Just fill in the information below and you'll be on your way to using the most extendable and powerful personal publishing platform in the world. Information needed Please provide the following information.

Do not worry, you can always change these settings later. Site Title Username Password Your Email Search engine visibility Install WordPress Morela Shop Usernames can have only alphanumeric characters, spaces, underscores, hyphens, periods, and the @ symbol. Medium Important: You will need this password to log in. Please store it in a secure location.cor Double-check your email address before continuing.

Discourage search engines from indexing this site It is up to search engines to honor this request. 12 ¢ Buéc 7: Sau khỉ cài đặt thành công tiến hành đăng nhập Username or Email Address maiptx Password .sseseee ® (_] Remember Me Lost your password? + Go to Morela Shop 13 Giao diện cài đặt thành công của trang quản trị ‹ Ơ @ loelhos/wordor 2 # 2 OG: (epee Dashboard vn Welcome to WordPress! Learn more about the 6. ° r Pe 2 Author rich content with blocks Customize your entire site with H Switch up your site’s look & feel r5 = and patterns block themes with Styles Li] ° Site Health Status Y + Quick Draft ^* + Visit Site Bashboard 14 II. THIET LAP CAC CATEGORY VA SAN PHAM 'CHUYÊN ALBUM, LIGHSTICK CHÍNH HÃNG q QQ monet stor: + w ovê CHỦ GIỚI THỊ BÀI VIẾT LIÊNHỆ Ons me avoum uowtsriek caro sooos DANH MỤC LỌC THEO GIÁ e oe œ 190.000 VND Bts [Love Yourself #4 ‘Tear’ 2.000 VND Xin đừng bỏ qua «_ Album Chính hãng ~ nguyên seal s Nhập trực tiếp từ phân phối uy tín Hàn Quốc «Album được tính điểm bảng xếp hạng Hanteo và 6aon Loại Chọn một tùy chọn ~ Ver 1 Ver 2 Ver 3 Thém vao yéu thich Ma: N/A, Danh muc: ALBUM, BTS 15 MÔTẢ THONGTINB6 SUNG ĐÁNH GIÁ (0) DIARY : 148 X 210mm (132P) — KEY RING : 37 X 30mm (1EA) — STICKER : 130 X 200mm (3EA) — FILM PHOTO : 70 X 145mm (6EA) — PHOTOCARD : 55 X 85mm (6EA) — POSTCARD : 100 X 150mm (6EA) — MASKING TAPE : 10mm, 10mm (1EA) — FOLDED POSTER : 297 X 380mm (2EA) ~ FIRST PRESS LIMITED PHOTOCARD : 55 X 85mm (6EA 1SET LIGHTSTICK “at { e.

MOTA THONGTINBO SUNG ĐÁNH GIÁ (0) Brand Name Suggested Users Number of Items Manufacturer Part Number style CARD Seventeen Lightstick Ver.