xây dựng website thương mại điện tử chủ đề xây dựng website tmđt về máy tính

Nhóm 3

Ngô Khánh Huyền PH54603Phạm Ngọc Diễm PH54604Trần Quốc Việt PH49530Trịnh Minh Quân PH54664Ngô Bảo Long PH55873Trần Duy Khánh PH50921

Nguyễn Đình Tiến PH54633

LỜI CẢM ƠN

"Đầu tiên, Nhóm 3 xin gửi lời cảm ơn chân thành đến Trường Caođẳng thực hành FPT polytechnic đã đưa môn học Xây dựng Webthương mại điện tử-DOM 109 vào trương trình giảng dạy Đặc biệt,nhóm 3 xin gửi lời cảm ơn sâu sắc đến giảng viên bộ môn - Cô BạchNgọc Minh Châu đã dạy dỗ, truyền đạt những kiến thức quý báu trong suốt thời gian học tập vừa qua Trong thời gian tham gia lớphọc môn Xây dựng Website thương mại điện tử của cô, nhóm đã cóthêm cho mình nhiều kiến thức bổ ích, tinh thần học tập hiệu quả,nghiêm túc Đây chắc chắn sẽ là những kiến thức quý báu, là hànhtrang để có thể vững bước sau này.

Bộ môn Xây dựng Website thương mại điện tử là môn học thú vị, vôcùng bổ ích và có tính thực tế cao Đảm bảo cung cấp đủ kiến thức,gắn liền với nhu cầu thực tiễn của sinh viên Tuy nhiên, do vốn kiếnthức còn nhiều hạn chế và khả năng tiếp thu thực tế còn nhiều bỡngỡ Mặc dù đã cố gắng hết sức nhưng chắc chắn bài tiểu luận khócó thể tránh khỏi những thiếu sót và nhiều chỗ còn chưa chính xác,kính mong cô xem xét và góp ý để bài tiểu luận của nhóm đượchoàn thiện hơn

Nhóm 3 xin chân thành cảm ơn!”

Mục lục

CHƯƠNG 1: TỔNG QUAN DỰ ÁN WEBSITE 5

1.1 Giới thiệu chung về dự án 5

1.1.1 Ý tưởng thành lập 5

1.1.2 Tên thương hiệu 6

1.1.3 Hình thức kinh doanh, lĩnh vực kinh doanh 6

1.1.4 Sản phẩm, dịch vụ 6

1.2 Tổ chức nhân sự 15

1.2.1 Các vị trí công việc 15

1.2.2 Kế hoạch triển khai 16

Chương 2 Thiết kế và xây dựng website 20

2.2.1 Kết nối domain và hosting 28

2.2.2 Cài web trên hosting 29

3.1.3 Tối ưu các yếu tố kỹ thuật 67

3.4 Quản lý bài viết và chuyên mục bài viết 79

3.4.1 Tạo chuyên mục bài viết 79

3.4.2 Danh sách chuyên mục bài viết 79

3.4.3 Tạo bài viết 80

3.5 Tối ưu UI/UX 81

3.5.1 Tối ưu UI 81

3.5.2 Tối ưu UX 85

CHƯƠNG 4: PHÁT TRIỂN WEBSITE 89

4.1 Bài viết chuẩn SEO 89

4.1.1 Xác định từ khóa: từ khóa chính, từ khóa phụ, từ khóa LSI/Semantic 89

4.1.2 Xây dựng Outline bài viết 91

4.1.3 Tối ưu bài viết chuẩn SEO 94

4.1.4 Đăng tải bài viết 94

4.1.5 Quảng bá bài viết: Social và Backlink 98

4.1.6 Theo dõi hiệu quả bài viết: kiểm tra index, thứ hạng, hiển thị, click, user 98

4.2 Cải thiện hiệu suất 99

4.3 Sao lưu website 102

CHƯƠNG 1: TỔNG QUAN DỰ ÁN WEBSITE1.1 Giới thiệu chung về dự án

1.1.1 Ý tưởng thành lập

- Lĩnh vực kinh doanh: Kinh doanh-buôn bán laptop.- Thành viên dự án bao gồm:

Ngô Khánh HuyềnPhạm Ngọc DiễmNguyễn Đình TiếnNgô Bảo LongTrịnh Minh QuânTrần Quốc ViệtTrần Duy Khánh

- Lý do thành lập dự án: Việc kinh doanh, buôn bán là nhu cầu cần thiết đối với mọi chúng ta Lĩnh vực buôn bán laptop hiện đang thu hút sự quan tâm của nhiều doanh nghiệp và người kinh

doanh Dưới đây là một số lý do vì sao nhiều người chọn lĩnh vực này:

- Lý do khách quan:

 Tăng cầu về thiết bị công nghệ: Trong thời gian dịch bệnh, xu hướng làm việc và học tập tại nhà đã gia tăng Người dân cần có các thiết bị hỗ trợ việc học và làm việc online, bao gồm cả laptop

 Mở rộng phục vụ nhu cầu tăng cao: Mặc dù đã chịu thiệt hại nặng trong thời gian giãn cách, các doanh nghiệp bán lẻ thiết bị công nghệ lại có nhiều cơ hội để phát triển và mở rộng Nhu cầu tăng cao và xu hướng mới của thị trường đangtạo ra cuộc đua mở chi nhánh mới.

 Để thu hút người dùng và tăng doanh thu: Các dự án review công nghệ thường thu hút được lượng lớn người dùng quan tâm đến lĩnh vực công nghệ Đây là một nguồn khách hàng

tiềm năng lớn cho các doanh nghiệp Thông qua các bài review, các dự án có thể giúp các doanh nghiệp quảng bá sản phẩm, dịch vụ của mình đến với người dùng.

 Để tạo ra nguồn thu nhập: Các dự án review công nghệ có thể tạo ra nguồn thu nhập từ nhiều nguồn khác nhau như: quảng cáo, bán sản phẩm.

- Xu hướng tìm từ khóa: Từ đầu năm 2020 số lượng tìm kiếm từ khóatrung bình từ 60-70 Đến đầu năm 2024 xu hướng tìm kiếm từ khóa tăng và có thời điểm tăng vọt lên 100.

Hình : Tìm kiếm từ khóa Laptop trên Google Trend (Nguồn: Google Trend)

-> Như vậy hiểu được nhu cầu của xã hội, doanh nghiệp Buytech đưara dự án kinh doanh buôn bán laptop nhằm phục vụ nhu cầu của khách hàng.

- Buytech “Buy” có nghĩa là mua Thường thì chúng ta sử dụng

từ này để chỉ việc mua sắm bằng cách trả tiền.

- “Tech” có nghĩa là công nghệ Thường thì chúng ta sử dụng từ

này để chỉ việc liên quan đến kiến thức, máy móc hoặc phương pháp sử dụng trong khoa học và công nghiệp.

1.1.3 Hình thức kinh doanh, lĩnh vực kinh doanh

- Thức kinh doanh là trực tuyến : Với hình thức này khách hàng

có thể thoải mái truy cập lựa chọn và mua sắm sản phẩm thông qua các phương tiện có kết nối internet.Hình thức trực tuyến này giúp cho khách hàng tiết kiệm thời gian hơn so với mua bán trực tiếp.

- Lĩnh vực kinh doanh : Đồ công nghệ

1.1.4 Sản phẩm, dịch vụST

Danhmục sản phẩm

Tên sản phẩm

Giá sản phẩm

Ảnh sản phẩm

1 Laptop văn phòng

Laptop Asus Vivobook E1404FA-NK186W R5 7520U

12.490.000vnd

Laptop Huawei MateBook D15 R7 5700U

Laptop HP 15s-fq5146TUi7 1255U

Laptop Dell Inspiron 15 N3520 i5 1235U

Laptop Dell Inspiron 15

19.990.000vnd

2 Laptop gaming

Laptop Acer Aspire 7 Gaming

16.990.000 vnd

-

19.990.00 vnd

Laptop MSI Gaming Thin GF63 12VE

19.990.000 vnd

Laptop Asus TUF Gaming A15

16.490.000 vnd

Laptop Lenovo Gaming LOQ

29.990.000 vnd

-

31.990.000 vnd

Laptop Gigabyte Gaming G5

20.490.000 vnd

-23.490.000 vnd

3 Màn hình máy tính

Màn hình AOCQ24G2 24″ IPS 2K 165Hz G-Sync

chuyên game

5.090.000 vnd

Màn hình LG 24GN65R-B 24″ IPS 144HzHDR10

Freesync chuyên game

3.490.000 vnd

Màn hình DRA

E-2.190.000 vnd

Màn hình cong Dell Alienware AW3423DW 34″ QD-OLED 2K 175Hz G-Sync Ultimate

32.990.000 vnd

Màn hình Asus TUF GAMING VG249Q3A 24″ Fast IPS 180Hz Gsync chuyên game

3.300.000 vnd

4 PC PC Dell Optiplex 3050|5050|7050 SFF G4400 RAM 8GB

4.490.000 vnd

PC HP

EliteDesk 800 G2 SFF i5 6500 RAM 8GB SSD 256GB

4.900.000 vnd

PC Dell Precision T3610 Xeon E5 1650 V2 RAM 32GB M2.SATA 256GB + HDD2TB NVIDIA Quadro NVS 510 2GB

5.900.000 vnd

PC HP

EliteDesk 800 G1 i5 4570 RAM 8GB

5.400.000 vnd

PC Dell Precision T7810 2 x Xeon E5 2680V4 RAM 64GBM2.SSD

512GB + HDD

35.000.000 vnd

5 Chuộtmáy tính

Chuột Bluetooth Microsoft

540.000 vnd

Chuột không dây Targus W600

290.000 vnd

Chuột Không Dây Silent Rapoo B2S

200.000 vnd

Chuột Bluetooth Silent Logitech M240

330.000 vnd

Chuột không dây Logitech M171

350.000 vnd

6 Bàn phím máy tính

Bàn phím bluetooth DareU EK868

799.000 vnd

Bàn phím cơ Bluetooth DareU EK 75 pro

990.000 vnd

Bàn Phím Không Dây

690.000 vnd

Bàn phím có dây DareU EK87

490.000 vnd

Bàn Phím Cơ Có Dây

Gaming Rapoo V500alloy

400.000 vnd

7 Tai nghe máy tính

Tai nghe gaming

233.000 vnd

Tai nghe hiFi 1.590.000 vnd

Tai nghe gaming Logitech

2.356.000 vnd

Tai nghe razer 500.000 vnd

Tai nghe Logitech

3.568.900 vnd

1.2 Tổ chức nhân sự

1 Trịnh Minh Quân

Nguyễn Đình Tiến

Ban kỹ thuật

-Phân tích, xử lí kĩ thuật-Triển khai xây dựng web-Phân tích yêu cầu kỹ thuật

-Thiết kế và và tối ưu Form đăng ký-Giải quyết sự cố kỹ thuật

Ban thiết kế

-Chịu trách nhiệm thiết kế trang webnhư banner, màu sắc, font chữ

KhánhPhạm NgọcDiễm

Ban nội dung

- Tìm kiếm và xây dựng nội dung đa dạng

-Tìm hiểu thói quen truy cập web của khách hàng

-Tối ưu hóa SEO

-Tạo nội dung trên trên cơ sở dữ liệu-Theo dõi xu hướng và đổi mới

-Đo lường hiệu suất nội dung

4 Ngô Khánh Huyền

Ban quản trị

- Lên kế hoạch

-Phân công công việc cho cả nhóm-Theo dõi tiến độ công việc của các thành viên

1.2.2 Kế hoạch triển khai

HẠNG MỤC

Thời Gian

Đảm Nhận Bắt

Kết ThúcA Thiết Lập

1 Lựa chọn chủ đề, ý tưởng 6/3 6/3 Ngô Khánh Huyền2 Lựa chọn sản phẩm 6/3 6/3 Ngô Bảo

3 Xác định lợi thế cạnh tranh 7/3 7/3 Phạm Ngọc Diễm

4 Định giá sản phẩm 7/3 7/3 Nguyễn Đình TiếnB Thiết Kế Chung

5 Lựa chọn màu sắc chủ đạo 6/3 6/3 Phạm Ngọc Diễm

6 Lựa chọn font chữ 7/3 7/3 Trịnh Minh Quân

7 Lựa chọn các thành phần xuất hiện trên header

13/3 14/3 Trần Duy Khánh8 Lựa chọn các thành phần

xuất hiện trên footer

14/3 18/3 Trần Quốc Việt

11 Trang giới thiệu 14/3 14/3 Ngô Bảo Long

12 Trang liên hệ 15/3 15/3 Trịnh Minh Quân

13 Trang danh mục sản phẩm 15/3 19/3 Ngô Khánh Huyền14 Trang sản phẩm đơn 15/3 19/3 Ngô Khánh

18 Trang 404 15/3 17/3 Trịnh Minh Quân

19 Trang đăng nhập 19/3 19/3 Trần Duy Khánh20 Trang đăng ký 19/3 19/3 Trần Duy

Khánh21 Trang thanh toán 20/3 22/3 Nguyễn

Đình TiếnD Cài Đặt Website

22 Mua hosting và domain 15/3 15/3 Ngô Bảo Long23 Kết nối hosting và domain 17/3 20/3 Ngô Bảo

Long24 Cài đặt giao diện Flatsome 15/3 17/3 Ngô Bảo

Long25 Cài đặt SSL 17/3 20/3 Ngô Bảo

Long26 Cài đặt Favicon 17/3 21/3 Ngô Bảo

Long27 Tùy chỉnh URL 17/3 18/3 Ngô Bảo

Long28 Cài đặt plugin Rank Math 18/3 20/3 Ngô Bảo

LongE Khai Báo Website

29 Cài đặt Google Analytics 20/3 20/3 Trịnh Minh Quân

30 Cài đặt Google Search Console

20/3 20/3 Ngô Khánh Huyền31 Khai báo Sitemap.xml 20/3 20/3 Ngô Bảo

Long32 Kiểm tra file robots.txt hoạt

20/3 20/3 Ngô Bảo LongF Cài Đặt Tính Năng

33 Tính năng tìm kiếm 21-3 21-3 Phạm Ngọc Diễm

34 Tính năng lọc sản phẩm 21-3 21-3 Phạm Ngọc Diễm

viết/sản phẩm liên quan QuânG Cài Đặt Plugin Cần Thiết Khác

38 Classic Editor 22-3 22-3 Trịnh Minh Quân

39 Contact Form 7 22-3 22-3 Trần Duy Khánh40 Table of Contents 22-3 22-3 Trần Duy

41 WooCommerce 22-3 22-3 Ngô Khánh Huyền42 Chat Bubble 22-3 22-3 Trần Quốc

43 Jetpack 22-3 22-3 Ngô Khánh Huyền44 Advanced Custom Fields 22-3 22-3 Ngô Bảo

LongH Tối Ưu SEO Cơ Bản

45 Tối ưu giao diện mobile 23-3 23-3 Phạm Ngọc Diễm

46 Tối ưu tốc độ tải trang 23-3 23-3 Nguyễn Đình Tiến47 Tạo lập bộ từ khóa SEO cơ

23-3 23-3 Ngô Khánh Huyền48 Tối ưu bài viết chuẩn SEO cơ

23-3 23-3 Ngô Khánh Huyền49 Quảng bá nội dung chuẩn

23-3 23-3 Ngô Bảo Long

50 Đo lường và đánh giá hiệu 23-3 23-3 Phạm Ngọc

quả bài viết SEO Diễm

2.1 Thiết kế website 2.1.1 : Logo

Ý nghĩa của logo: Hình ảnh là logo của một thương hiệu bán công nghệ hoặc công nghệ dựa trên dòng chữ bên dưới logo “BUY

TECH” Logo bao gồm các chữ cái “B” và “T” được hình thành và kếthợp một cách độc đáo Màu sắc và phong cách thiết kế của logo này

có thể hướng tới đối tượng khách hàng trong ngành công nghệ.

2.1.3 Cấu trúc web

Bảng chú thích

Chuột máy tính Ngô Khánh HuyềnLaptop gaming Nguyễn Đình TiếnBàn phím máy tính Trần Duy KhánhLaptop văn phòng Trịnh Minh Quân

Màn hình máy tính Ngô Bảo LongTai nghe máy tính Trần Quốc ViệtDiễn giải:

Trang chủ

Danh mục sản phẩm

Sản phẩm chi tiết

Trang giỏ hàng

Trang thanh toán

Trang danh mục tin tức

Trang bài viết

Trang liên hệ

Trang giới thiệu

Trang chính sách

2.2 Cài Đặt Website

2.2.1 Kết nối domain và hosting

Bước 1: Mua Hosting và Đăng nhập

Mua Hosting

( Nguồn: inet.vn)

Bước 2: Lấy IP từ Hosting

Bước 3: Mua Domain và Đăng nhập

Domain: buytech.top

( Nguồn: inet.vn )

Bước 4: Cập nhật bản ghi trên Domain

2.2.2 Cài web trên hosting

Bước 1: Truy cập quản lí hosting

Bước 2: Đăng nhập CPanel

Bước 3: Sử dụng WP Toolkit để cài đặt Wordpress

2.2.3 Website PC

Trang Phiên bản PC

Trang chủ

Danh mục sản phẩm

Sản phẩm chi tiết

Trang giỏ hàng

Trang thanh toán

Trang danh mục tintức

Trang bài viết

Trang liên hệ

Trang giới thiệu

Trang chính sách

2.2.4 Website Mobile

Trang chủ

Danh mục sản phẩm

Sản phẩm chi tiết

Trang giỏ hàng

Trang thanh toán

tin tức

Trang bài viết

Trang liên hệ

Trang giới thiệu

Trang chính sách

-CHƯƠNG 3: QUẢN TRỊ NỘI DUNG3.1 Cài đặt các plugin

3.1.1 Khai báo websitea) Truy cập Google anlytics

Bước 1: Truy cập Google Analytics

Bước 2: Nhấn bắt đầu và nhập các thông tin

Bước 4 : Quay về kiểm tra Google Analytics đã được kết nối hay chưa

b) Google Search Console

Bước 1: Truy cập Google Search Console

Bước 2: Nhập địa chỉ URL vào phần tiền tố URL

Bước 3: Nhấn tiếp tục

Bước 1: Cài plugin Rank Math

Bước 2: Bật Robots.txt trong cài đặt Rank Math

Rank Math sẽ tạo file Robots.txt tự động Đây là màn hình file robots.txt của nhóm:

*Giải thích thành phần trong file robots.txt:

- User-agent: Phần này là tên của các trình thu thập, truy cập dữ liệu web (ví dụ: Googlebot, Bingbot,…)

- Allow: Link được phép truy cập

- Disallow: Link không được phép truy cập - Sitemap: Link sơ đồ trang web của nhóm

d) Sitemap website

Bước 1: Cài plugin Rank Math

Bước 2: Bật Sitemap trong cài đặt Rank Math

Rank Math sẽ tạo link sitemap tự động Đây là màn hình file sitemap.xml của nhóm:

Bước 3: Truy cập Google Search Console Chọn “Sơ đồ trang web” để khai báo sitemap

Bước 4: Dán link sitemap vào và nhấn gửi

e) Khai báo SSL

Bước 1: Truy cập quản trị hosting

Bước 2: Đăng nhập CPanel

Bước 3: Chọn SSL Certificate

Bước 4: Chọn chạy SSL tự động

3.1.2 Tích hợp các tính năng

a) Xác định các tính năng cần cài đặt

Để xác định các tính năng cần cài đặt, nhóm đã vẽ ra quy trình mua hàng của khách hàng trên trang web:

Sơ đồ mô phỏng quy trình mua hàng của khách

hàng

*Bảng tổng hợp các tính năng cần cài đặt

Tính năng

1 Đăng ký/Đăng nhập

Tính năng này giúp cho người dùng tạo tài khoản và truy cập vào trang web

Có sẵn

2 Tính năng Search

Tính năng này giúp người dùng có thể dễ dàng tìm kiếm sản phẩm mà họ đang quan tâm.

Có sẵn

3 Tiện ích Live Chat

Tiện ích Live chat là một công cụ được tích hợp vào trang web để

Button contact VR

5 So sánh Tiện ích so sánh giúp người dùng so sánh các sản phẩm và dễ dàng đưa ra quyết định mua hàng

Plugin YiTH Woocomerce Compare6 Thanh

toán Trực tuyến

Tiện ích thanh toán trực tuyến cho phép người dùng quét mã QRqua các ví điện tử hoặc các ứng dụng ngân hàng để thực hiện thanh toán thuận tiện và nhanh chóng

Plugin Viet QR

7 Lọc Tính năng này giúp người dùng có thể lọc ra những sản phẩm phù hợp với nhu cầu của họ.

Ux

Builder/Widget8 Voucher Là tính năng cung cấp các

chương trình ưu đãi, giảm giá dành cho người sử dụng

Tiếp thị

9 Wishlist Tính năng này cho phép người dùng thêm sản phẩm của họ vào mục danh sách sản phẩm yêu thích

Plugin YiTH Woocommerce Wishlist

10 Vận chuyển

Woocommerce11 Rating Cho phép người dùng đánh giá

sản phẩm qua số sao 1 sao là tồitệ, 5 sao là rất tốt

kk Star Ratings

12 Đánh giásản phẩm

Cung cấp thông tin cho khách hàng và người tiêu dùng để họ cóthể đưa ra quyết định mua hàng thông thái và có sự đánh giá toàndiện về sản phẩm

Có sẵn

b) Cài đặt các tính năng cho website

 Cho phép khách hàng tạo tài khoản khi thanh toán

 Cho phép khách hàng tạo tài khoản trong trang “ tài khoản củatôi”

 Khi tạo tài khoản mới, tự động tạo tên tài khoản dựa trên tên,họ, email…

(2) Tính năng Search

Bước 1: Giao diện -> tùy biến -> Header-> Search

Bước 2: Khi đã cài xong

(3) Tiện ích live chat

Bước 1: Cài đặt Plugin “Button contact VR”

Bước 2: Vào tùy chỉnh plugin và lưu thay đổi

Bước 3: Khi đã cài xong

(4) Liên hệ

Bước 1: Cài Plugin “Contact Form 7”

Bước 2: Plugin đã cài -> Cấu hình

Bước 3: Sau khi cài xong

(5) So sánh

Bước 1:Cài Plugin “YiTH Woocommerce Compare”

Bước 2: Plugin đã cài -> Settings -> Mục Link/Button text Thêm “So sánh”

Bước 3: Khi đã cài xong

(6) Thanh toán trực tuyến

Bước 1 : Cài plugin Viet QR

Bước 2: Vào Plugin đã cài -> Thiết lập -> Thêm các thông tin

Bước 3: Khi đã cài xong

Bước 2: Khi đã cài xong

(9) Wishlist

Bước 1: Cài Woocommerce wishlist

Bước 2: Vào Plugin đã cài -> tích vào các ô muốn xuất hiện trên web

Bước 3: Khi đã cài xong

(10) Đánh giá sản phẩm

Bước 1: Cài đặt Plugin “kk Star Ratings”

Bước 2: Vào Plugin đã cài -> kk Star Ratings -> Cài đặt

 Tích vào ô kích hoạt -> Tùy chọn đánh giá