xây dựng website bán hàng online

Qua quá trình khảo sát, tìm hiểu thực tế em đã lựa chọn đề tài “Nghiên cứu ứng dụng mã nguồn mở WordPress xây dựng Website thương mại điện tử bán giày thể thao” nhằm đáp ứng nhu cầu mua bán giày thể thao một cách nhanh chóng, dễ dàng, thuận tiện.

LỜI CẢM ƠN

Được sự phân công của Khoa Công nghệ thông tin trường Đại học Công nghiệp Việt

Trì và sự đồng ý của Cô giáo hướng dẫn ThS.Vũ Thị Khánh Vân, em đã thực hiện đề

tài " Nghiên cứu ứng dụng mã nguồn mở WordPress xây dựng Website thương mạiđiện tử bán giày thể thao" Để hoàn thành đồ án này, em xin chân thành cảm ơn cácThầy, Cô đã tận tình hướng dẫn, giảng dạy em trong suốt quá trình học tập, nghiên cứu

và rèn luyện tại Khoa Công nghệ thông tin trường Đại học Công nghiệp Việt Trì

Em xin chân thành cảm ơn cô giáo hướng dẫn ThS.Vũ Thị Khánh Vân đã tận

tình hướng dẫn em thực hiện đồ án này

Mặc dù em đã cố gắng để thực hiện nội dung đồ án một cách hoàn chỉnh nhấttuy nhiên trong quá trình thực hiện xây dựng ứng dụng chắc chắn không tránh khỏinhững thiếu xót Vì vậy em rất mong nhận được sự đóng góp ý kiến của quí Thầy, Côgiáo và các bạn để đồ án tốt nghiệp của em được hoàn chỉnh hơn

Em xin chân thành cảm ơn!

Sinh viên thực hiện

Nguyễn Duy Thanh

CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM

Độc lập – Tự do – Hạnh phúc

-

BẢN NHẬN XÉT, ĐÁNH GIÁ CỦA GIẢNG VIÊN HƯỚNG DẪN Họ và tên cán bộ hướng dẫn: ThS.Vũ Thị Khánh Vân Tên đề tài: Nghiên cứu ứng dụng mã nguồn mở WordPress xây dựng Website thương mại điện tử bán giày thể thao Sinh viên thực hiện: Nguyễn Duy Thanh NỘI DUNG NHẬN XÉT

Đồng ý/ không đồng ý cho sinh viên bảo vệ trước hội đồng chấm đồ án tốt nghiệp

Phú Thọ, ngày tháng 10 năm 2022

CÁN BỘ - GIẢNG VIÊN HƯỚNG DẪN

ThS Vũ Thị Khánh Vân

MỤC LỤC

ƠN i MỤC

LỤC iii

ẢNH v

MỞ

ĐẦU vii

CHƯƠNG 1 THƯƠNG MẠI ĐIỆN TỬ VÀ WEBSITE BÁN HÀNG ONLINE 1

1.1 Kiến thức cơ bản về thương mại điện tử

1.2.1 Website là gì? 3

1.2.2 Các thành phần cơ bản Website

hàng 5

1.3.1 Website bán hàng là gì? 5

1.3.2 Đặc điểm của Website bán hàng 5

CHƯƠNG 2 MÃ NGUỒN MỞ WORDPRESS 9

2.1 Công cụ XAMPP 9

2.2 PHP

9 2.3 Tổng quan về Wordpress 10

2.3.1 WordPress là gì ? 10

2.3.2 Ưu và nhược điểm của Wordpress 10

2.3.3 Cài đặt 11

2.3.3.1 Cài đặt XAMPP 11

2.3.3.2 Cài đặt WordPress trên localhost 13

2.3.3.3 Làm quen với Wordpress Dashboard 18

CHƯƠNG 3 XÂY DỰNG WEBSITE THƯƠNG MẠI ĐIỆN TỬ BÁN GIÀY THỂ THAO 22

3.1 Thực trạng hoạt động của cửa hàng giày thể thao Change Shop

3.4.2 Phạm vi ứng dụng 24

3.4.3 Tính năng của Website 24

3.5 Cài đặt theme Website 25

3.6 Các plugin đã cài đặt cho Website 28

3.6.1 Contact Form 7 28

3.6.2 Facebook chat 29

3.6.3 Tối ưu SEO cho Website 29

3.7 Thiết kế giao diện Website 39

3.7.1 Giao diện menu của Website 39

3.7.2 Giao diện trang chủ 41

3.7.3 Giao diện trang sản phẩm 42

3.7.4 Giao diện trang quy định - chính sách 43

3.7.5 Chức năng tìm kiếm 44

3.7.6 Chức năng chia sẻ mạng xã hội 44

3.7.7 Chức năng mua hàng 45

3.7.8 Chức năng thêm giỏ hàng

50 TÀI LIỆU THAM KHẢO 51

Hình 2.17: Thiết lập đường dẫn chuẩn SEO 30

Hình 2.18: Tìm kiếm Plugin Yoast SEO

Hình 2.19: Google Search Console 31

Hình 2.20: Xác minh sở hữu Website đã thêm vào Google Search Console 31

Hình 2.21: Plugin Yoast SEO đã được kích hoạt

Hình 2.33: Bước 12 cấu hình Yoast SEO

SEO 38 Hình 2.35: Thiết lập menu 39

main-Hình 2.36: Giao diện menu phụ Website 40

Hình 2.37: Thiết kế Top Bar menu .

menu 41 Hình 2.39: Header

41 Hình 2.40: Nội dung trang chủ 41

Hình 2.41: Trang quản trị widget .

Footer 42 Hình 2.43: Trang sản phẩm 43 Hình 2.44: Trang quy định, chính sách .

Hình 2.49: Chức năng sửa, xóa, cập nhật giỏ hàng .

toán 46 Hình 2.51: Chức năng đăng

kí tài khoản 47 Hình 2.52: Chức năng đăng nhập tài khoản 48

Hình 2.53: Chức năng đăng liên hệ email 48

và công nghệ này, chúng ta dễ dàng nhận ra tầm quan trọng và tính tất yếu của thươngmại điện tử Với những thao tác đơn giản trên máy có nối mạng Internet, ta sẽ có tậntay những gì mình cần mà không phải mất nhiều thời gian

Thương mại điện tử là một trong những lĩnh vực tạo ra sự đột phá trong thươngmại toàn cầu Hệ thống này đã xóa bỏ khoảng cách giữa khách hàng với nhà cung cấp Tiết kiệm chi phí bán hàng và quản lý bán hàng Đo lường và đánh giá nhu cầu kháchhàng một cách nhanh chóng

Người dùng chỉ cần vào các trang dịch vụ thương mại điện tử, làm theo hướng

Để tiếp cận và góp phần đẩy mạnh sự phổ biến của thương mại điện tử ở Việt Nam Do

đó việc thiết kế, xây dựng website bán sách là một trong những trường hợp điển hìnhcủa một hoạt động thương mại điện tử

Qua quá trình khảo sát, tìm hiểu thực tế em đã lựa chọn đề tài “Nghiên cứu ứng

dụng mã nguồn mở WordPress xây dựng Website thương mại điện tử bán giày thểthao” nhằm đáp ứng nhu cầu mua bán giày thể thao một cách nhanh chóng, dễ dàng,

thuận tiện

Mục đích và ý nghĩa

- Học hỏi thêm những kiến thức mới kịp thời nắm bắt xu thế

- Rèn luyện khả năng tự học, nâng cao kĩ năng học hỏi, tìm tòi tài liệu

- Có kiến thức nhất định về thương mại điện tử; tìm hiểu hoạt động các trangthương mại điện tử; tìm hiểu về Website và Website bán hàng - Cài đặt, cấuhình môi trường lập trình Website

- Xây dựng một Website thương mại ứng dụng mã nguồn mở WordPress trongthực tế

Đối tượng phạm vi đề tài

- Đối tượng: Website thương mại điện tử bán giày thể thao

- Phạm vi: Nghiên cứu ngôn ngữ PHP, hệ cơ sở dữ liệu MySQL và công cụWordpress

Phương pháp nghiên cứu: Nghiên cứu bằng tài liệu, phương pháp phân tích thiết kế

và xây dựng phần mềm trong tin học

Dự kiến kết quả đạt được

 Xây dựng được Website thương mại để quảng cáo và bán giày thể thao với các chứcnăng: Quản trị tài khoản, quản lý sản phẩm, quản lý giỏ hàng và hình thức thanh toán,tích hợp tính năng SEO trên Website Đề tài của em bao gồm các nội dung nghiên cứusau:

CHƯƠNG 1 TỔNG QUAN VỀ THƯƠNG MẠI ĐIỆN TỬ VÀ WEBSITE BÁN HÀNG ONLINE

Trình bày một cách khái quát các cơ sở lý thuyết về thương mại điện tử, webiste,các thành phần của website, website bán hàng online

CHƯƠNG 2 MÃ NGUỒN MỞ WORDPRESS

Trình bày một cách khái quát các cơ sở lý thuyết để có thể xây dựng một Websitebán hàng Những kiến thức cơ bản về XAMPP, PHP và đặc biệt là Wordpress

CHƯƠNG 3 XÂY DỰNG WEBSITE THƯƠNG MẠI ĐIỆN TỬ BÁN GIÀY THỂ THAO

Trình bày cách xây dựng và phát triển ứng dụng đề tài qua đó xây dựng và hoànthiện đề tài

Cùng với sự chỉ bảo tận tình của cô ThS Vũ Thị Khánh Vân em đã hoàn thành

nội dung ‘Nghiên cứu ứng dụng mã nguồn mở WordPress xây dựng Website thương mại điện tử bán giày thể thao’ Trong quá trình phân tích thiết kế và triển khai hệ

thống không thể tránh khỏi những sai sót, kính mong nhận được ý kiến đóng góp củacác thầy cô và các bạn để em ngày càng hoàn thiện tốt hơn

Em xin chân thành cảm ơn!

CHƯƠNG 1 THƯƠNG MẠI ĐIỆN TỬ VÀ WEBSITE BÁN HÀNG ONLINE 1.1 Kiến thức cơ bản về thương mại điện tử

1.1.1 Thương mại điện tử là gì?

Theo định nghĩa của Tổ chức thương mại thế giới WTO

“Thương mại điện tử (còn gọi là E-Commerce hay E-Business) là quy trìnhmua bán thông qua việc truyền dữ liệu giữa các thiết bị truyền tin trong chính sáchphân phối của tiếp thị Tại đây một mối quan hệ thương mại hay dịch vụ trực tiếpgiữa người cung cấp và khách hàng được tiến hành thông qua việc truyền tin trên hệthống Internet”

Có thể hiểu một cách tổng quát, thương mại điện tử là việc tiến hành một phầnhay toàn bộ hoạt động thương mại bằng những phương tiện điện tử Thương mại điện

tử vẫn mang bản chất như các hoạt động thương mại truyền thống Tuy nhiên, thôngqua các phương tiện điện tử mới, các hoạt động thương mại được thực hiện nhanhhơn, hiệu quả hơn, giúp tiết kiệm chi phí và mở rộng không gian kinh doanh

1.1.2 Các loại hình chủ yếu của thương mại điện tử (TMĐT)

Các bên tham gia TMĐT bao gồm Chính phủ (G), doanh nghiệp (B), kháchhàng cá nhân (C) Quan hệ đối tác giữa các bên này được biểu hiện trong bảng sau:

Căn cứ vào tính chất của thị trường và khách hàng, người ta tách TMĐT thành 2 loại:

- B2B (Business to Business): Các giao dịch thương mại trên Internet, trong đó

đối tượng khách hàng là các doanh nghiệp mua hàng Các quan hệ thương mại giữanhà máy sản xuất và công ty phân phối, giữa công ty sản xuất và công ty cung ứngnguyên vật liệu, giữa hai công ty thương mại… thuộc loại hình B2B

- B2C (Business to Consumer): Các giao dịch thương mại trên Internet giữa

doanh nghiệp và khách hàng là cá nhân và hộ gia đình Loại hình này áp dụng chobất cứ doanh nghiệp hay tổ chức nào bán các sản phẩm, dịch vụ của họ cho kháchhàng qua Internet, phục vụ nhu cầu sử dụng cá nhân Chẳng hạn, khi mua hàng trênmạng Amazon.com, sách của bạn sẽ được chuyển đến đúng hạn sau khi bạn đặt tênhàng trên Internet

* Các điểm khác biệt giữa hai loại này:

- Khác biệt về khách hàng: Khách hàng của các giao dịch B2B là công ty, tổchức, còn khách hàng của B2C là cá nhân Từ đặc điểm này về khách hàng, các giaodịch B2B phức tạp hơn và đòi hỏi nền tảng kỹ thuật cho các giao dịch cao hơn B2C

- Khác biệt về đàm phán, giao dịch: Việc bán hàng cho các doanh nghiệp (B2B)phải bao gồm ác yếu tố như đàm phán về quy cách, đặc tính sản phẩm, giá cả, việcgiao nhận hàng và thanh toán Bán hàng cho người tiêu dung (B2C) không nhất thiếtbao gồm tất cả các yếu tố đó Khác biệt này giúp các nhà bán lẽ dễ dàng hơn trongviệc đưa lên mạng catalog sản phẩm, dịch vụ của họ để mở một siêu thị trực tuyến.

đó chính là lý do tại sao những ứng dụng TMĐT B2B đầu tiên chỉ phát triển chonhững hàng hoá, sản phẩm hoàn chỉnh, đơn giản trong khâu mô tả tính chất và địnhgiá

- Khác biệt về vấn đề tích hợp: Các công ty TMĐT B2C không phải tích hợp hệthống của họ với hệ thống của khách hàng Trái lại, các công ty trong giao dịch B2Bphải đảm bảo các hệ thống của họ có thể giao tiếp được với nhau, dẫn đến nhu cầutích hợp hệ thống của doanh nghiệp bán hàng và doanh nghiệp mua hàng

1.1.3 Đặc trưng của Thương mại điện tử

So với các hoạt động thương mại truyền thống, thương mại điện tử có một sốđiểm khác biệt cơ bản sau:

- Các bên tiến hành giao dịch trong thương mại điện tử không tiếp xúc trực tiếpvới nhau và không đòi hỏi phải biết nhau từ trước

- Các giao dịch thương mại truyền thống được thực hiện với sự tồn tại của kháiniệm biên giới quốc gia, còn thương mại điện tử được thực hiện trong một thị trườngkhông có biên giới (thị trường thống nhất toàn cầu) Thương mại điện tử trực tiếp tácđộng tới môi trường cạnh tranh toàn cầu

- Trong hoạt động giao dịch thương mại điện tử đều có sự tham ra của ít nhất bachủ thể, trong đó có một bên không thể thiếu được là người cung cấp dịch vụ mạng,các cơ quan chứng thực

- Đối với thương mại truyền thống thì mạng lưới thông tin chỉ là phương tiện đểtrao đổi dữ liệu, còn đối với thương mại điện tử thì mạng lưới thông tin chính là thịtrường

1.1.4 Các hình thức hoạt động chủ yếu của Thương mại điện tử

- Thư điện tử

- Thanh toán điện tử

- Trao đổi dữ liệu điện tử

- Truyền dữ liệu

- Bán lẻ hàng hóa hữu hình

1.1.5 Cửa hàng trực tuyến (Online shop)

Trực tuyến là tiếp xúc trực tiếp qua mạng nhằm tìm hiểu thông tin, hình ảnh,giá cả… những gì mình cần muốn quan tâm đến và tìm hiểu

Các bước để thiết lập một cửa hàng trực tuyến

- Đưa các sản phẩm vào web ( add produce)

- Thiết lập các mối quan hệ trong thanh toán (set up pay ment methods)

- Thiết lập các mối quan hệ trong việc giao hàng (set up shiping)

- Tính các loại thuế trong việc mua bán hàng (set up sales tax)

Để một cửa hàng trực tuyến hoạt động hiệu quả, chúng ta cần phải thực hiện tốt những việc gì

- Quản lý lệnh mua hàng (manage orders)

- Thực hiện việc giao hàng ( ship orders)

- Thực hiện việc thanh toán (receive payments)

- Thực hiện các chuơng trình tiếp thị (market your store)

- Thực hiện các chuơng trình khuyến mãi (promote your products)

- Phân tích thống kê ( track site statistics)

1.2 Tổng quan về Website

1.2.1 Website là gì?

Website (Tạm dịch là "Trang mạng"), còn gọi là trang Web, là một tập hợp

các trang Web con, bao gồm văn bản, hình ảnh, video, flash v.v Website chỉ nằmtrong một tên miền hoặc tên miền phụ lưu trữ trên các máy chủ chạy online trênđường truyền World Wide của Internet Website được phát minh và đưa vào sử dụngvào khoảng năm 1990, 1991 bởi viện sĩ Viện Hàn lâm Anh Tim Berners-Lee vàRobert Cailliau (Bỉ) tại CERN, Geneva, Switzerland

Website được tương tác và hiển thị đến với người dùng thông qua các phầnmềm gọi là "Trình duyệt web" với các văn bản, hình ảnh, đoạn phim, nhạc, trò chơi

và các thông tin khác ở trên một trang web của một địa chỉ web trên mạng toàn cầu

hoặc mạng nội bộ Website được tạo nên bởi các nhà thiết kế web (Website

developer)

Ngày nay, thuật ngữ Website được sử dụng rất phổ thông, người người, nhà nhà đều

có thể truy cập một Website ở bất kì đâu có kết nối internet hoặc có kết nối sóng di

động Với các doanh nghiệp, cá nhân thường xuyên tương tác với cộng đồng onlinethì Website là công cụ tốt nhất và duy nhất giúp họ quảng bá hình ảnh, sản phẩm,thông tin, của mình Và từ đó các dịch vụ thiết kế web chuyên nghiệp ra đời nhằmđáp ứng điều đó

1.2.2 Các thành phần cơ bản Website

Tên miền chính là địa chỉ Website trên internet, giống như địa chỉ một ngôi nhà vậy,

để tìm đến một ngôi nhà thì cần biết được địa chỉ nhà Tương tự, ta cần phải biếtđược địa chỉ của Website để có thể truy cập được Website đó

Tên miền (Domain) chính là “địa chỉ nhà” Website của người sở hữu trên internet,

để truy cập một Website người dùng sẽ gõ địa chỉ Website đó vào thanh địa chỉ của

trình duyệt web Như vậy là đã có thể truy cập vào trang web này b) Web Hosting

Sau khi đăng ký tên miền, vậy là bạn đã có cho mình một địa chỉ Website trêninternet Nhưng “ngôi nhà Website” của người dùng sẽ nằm ở đâu trên internet Câutrả lời chính là web hosting Web hosting sẽ đóng vai trò là mảnh đất để Website củabạn sẽ được đặt và hoạt động trên internet

Web hosting là nơi đặt source code để người dùng truy cập vào Website Webhosting là các máy chủ chạy trên internet, bạn sẽ phải thuê các web hosting này và đặtcác dữ liệu trang web của mình trên đó, để người dùng có thể truy cập trang web củabạn

Có nhiều nhà cung cấp dịch vụ web hosting khác nhau Ta có thể lựa chọn cho

mình nhà cung cấp web hosting tốt nhất c) Source code

Hay còn gọi là mã nguồn của Website Đó chính là nội dung, chức năng hiển thị lêncho người dùng xem, đọc, truy cập Tùy vào chức năng và yêu cầu của Website, mà

mã nguồn có thể nhiều hay ít câu lệnh, phức tạp hoặc đơn giản

Nội dung, chức năng của Website có những gì, là do người lập trình viên web viết racác câu lệnh trong Website để yêu cầu web server chạy các câu lệnh đó Web sever sẽchạy các câu lệnh này và hiển thị nội dung ra cho người dùng truy cập trên trìnhduyệt web Người dùng sẽ không thể xem được các câu lệnh mà người lập trình viênviết, mà chỉ có thể xem được nội dung do web server hiển thị ra trình duyệt web (saukhi thực hiện các câu lệnh do người lập trình viên viết)

1.3 Tổng quan về Website bán hàng

1.3.1 Website bán hàng là gì?

Website bán hàng là công cụ trao đổi giữa người bán và người mua, nơi người bán

giới thiệu sản phẩm, dịch vụ đến người mua có nhu cầu và thực hiện công cuộc traođổi thành công mà không cần giao tiếp trực tiếp

Như vậy, đồng nghĩa trên Website bán hàng online cần thể hiện đầy đủ những sản

phẩm, dịch vụ của nhà cung cấp Cùng với đó là thông tin liên lạc, công cụ đặt hàng,thanh toán trực tuyến được thao tác nhanh chóng Chỉ cần một click chuột là ngườidùng hoàn thiện tác vụ mua sản phẩm, dịch vụ mình cần

1.3.2 Đặc điểm của Website bán hàng

 Thúc đẩy doanh số bán hàng, gia tăng doanh thu

Đầu tư cho Website bán hàng là khoản đầu tư có lãi Người tiêu dùng ngày càng

ưa chuộng mua sắm Online, đặc biệt xu hướng mua sắm này có nhiều chuyển biếnmạnh mẽ sau giãn cách xã hội Mua sắm trên các sàn thương mại điện tử: Shopee,Lazada, Tiki,… hay trên mạng xã hội Facebook, Instagram,… ngày càng được nhiềukhách hàng lựa chọn Tuy nhiên, Website doanh nghiệp vẫn được người tiêu dùngđánh giá là nơi mua sắm uy tín Tại đây, doanh nghiệp có thể tiếp cận lượng kháchhàng tiềm năng khổng lồ không giới hạn vị trí địa lý

 Không giới hạn thời gian

Một trong những lý do khách hàng ưa chuộng mua sắm trực tuyến là họ có thể muahàng bất kỳ thời điểm nào trong ngày 24/7 lúc nào khách hàng cũng có thể tìm kiếmsản phẩm và đặt hàng trên Website của bạn Đây là cách Website bạn thúc đẩy tăngdoanh số hiệu quả, đáp ứng khách hàng ngay khi nảy sinh nhu cầu Điều này đỏi hòidoanh nghiệp cần tích hợp hệ thống chăm sóc khách hàng (Livechat, Hotline tư vấn,

…) bất cứ lúc nào

 Xây dựng hình ảnh doanh nghiệp/ thương hiệu uy tín

Không chỉ là nơi bán hàng, Website còn là bộ mặt đại điện cho doanh nghiệp Một

thiết kế Website chuyên nghiệp với giao diện bắt mắt là cách để doanh nghiệp xây

dựng hình ảnh trong tâm trí khách hàng, đối tác

 Chi phí xây dựng và vận hành hợp lý, tiết kiệm

So với chi phí xây dựng và vận hành cửa hàng truyền thống Xây dựng “cửa hàngOnline” được đánh giá là tiết kiệm hơn Hơn nữa, trong bối cảnh giãn cách xã hội dođại dịch Covid-19, khi các doanh nghiệp lao đao vì cửa hàng đóng cửa, giá mặt bằng.Những Web bán hàng trực tuyến vẫn hoạt động hiệu quả, đem lại doanh thu chodoanh nghiệp

Tùy vào kinh phí, có thể tự xây dựng Website bán hàng hay liên hệ công ty thiết kếWebsite phù hợp Bán hàng trực tuyến thì cần xây dựng một Website để tăng hiệuquả kinh doanh

 Website bán hàng là công cụ cần thiết cho kinh doanh thời 4.0

Với những lợi ích kể trên cùng với bối cảnh kinh doanh thời 4.0, Website bánhàng thực sự là công cụ cần thiết Theo dự báo của Statista.com, năm 2020 trong 7,7

tỷ dân số toàn cầu có đến 26,28% dân số mua sắm trực tuyến (2,05 tỷ người) Con sốnày đang tăng lên nhanh chóng và dự kiến sẽ đạt 2,14 tỷ người vào năm 2021 Với xuhướng này, tiềm năng của thương mại điện tử thực sự rất lớn

Hơn nữa, người tiêu dùng ngày càng phụ thuộc nhiều hơn vào Internet khi tìm kiếmthông tin về sản phẩm, so sánh giá cả,… Vậy nên, xây dựng Website bán hàng cùngvới việc kết hợp đa kênh khác là lựa chọn của nhiều doanh nghiệp để tạo sự hiện diệnOnline, mang đến đa dạng sự lựa chọn cho khách hàng

Các tính năng cần có của một Website bán hàng:

Một thiết kế Website trước khi đưa vào sử dụng phải đảm bảo Website đó đã đượctích hợp các tính năng sau:

- Tính năng tối ưu Website chuẩn SEO

- Phân quyền Shop

- Tính năng tìm kiếm

 Quản lý sản phẩm

Tính năng này cho phép tạo nhiều danh mục và phân loại sản phẩm phù hợp vớidanh mục một cách dễ dàng Bạn có thể tạo danh mục phân loại theo màu sắc, giá cả,

Size,… Chỉ với vài thao tác có thể cập nhật danh sách sản phẩm lên Website, lưu trữ

và quản lý một cách nhanh chóng  Thanh toán Online

Website bán hàng được tích hợp nhiều hình thức thanh toán khác nhau như: ví điện

tử, thẻ ngân hàng, thẻ tín dụng,… Ngoài yêu cầu về tính nhanh chóng, yêu cầu an

toàn và bảo mật cũng được lưu ý để khách hàng an tâm thực hiện giao dịch  Quản

lý giỏ hàng

Quản lý giỏ hàng là tính năng bắt buộc mà Website cần có Mục đích của giỏ hàngnày giúp nhắc nhở khách hàng về sản phẩm họ đã chọn cũng như giúp khách

hàng xem lại các mặt hàng đã chọn mua, giá cả, số lượng,…

Một giỏ hàng được thiết kế tốt nên bao gồm các tiêu chí như: tên sản phẩm, mô tảsản phẩm, hình ảnh sản phẩm, số lượng (khách hàng có thể thêm bớt dễ dàng), giá

từng sản phẩm, tổng chi phí của tất cả hàng hóa trong giỏ  Quản lý đơn hàng

Ngay sau khi khách hàng đặt hàng hay hủy đơn, đơn hàng sẽ được đổ về trang quản

trị giúp quản trị nhanh chóng tiếp nhận và xử lý đơn hàng  Mua hàng nhanh chóng

Với sự phát triển của công nghệ, Website bán hàng được tích hợp nhiều công nghệmới giúp thao tác mua hàng, thanh toán diễn ra nhanh chóng hơn

 Thống kê truy cập

Tính năng này giúp doanh nghiệp nắm được lưu lượng truy cập Website, sản phẩmđược quan tâm, tìm kiếm,…

 Tính năng tối ưu Website chuẩn SEO

Tiêu chí bắt buộc của mọi thiết kế Web là chuẩn SEO để hoạt động hiệu quả hơn.

Website bán hàng được thiết kế tối ưu SEO, tối ưu khi tìm kiếm trên Google cũngnhư hiệu quả khi chạy quảng cáo

 Phân quyền Shop

Tính năng này cho phép bạn phân quyền cho nhân viên cùng quản lý Shop Dựa theo

tính chất công việc được giao, bạn có thể chọn quyền phù hợp cho nhân viên: cóquyền truy cập vào danh mục sản phẩm/ đơn hàng/ khách hàng/ chương trình khuyếnmãi,…

 Tính năng tìm kiếm

Tính năng tìm kiếm kết hợp các bộ lọc thông minh cho phép khách hàng tìm kiếmchính xác sản phẩm phù hợp với nhu cầu từ phân loại màu sắc, kích thước, giá bán,nhà cung cấp…

CHƯƠNG 2 MÃ NGUỒN MỞ WORDPRESS

Để cài WordPress trên localhost, người dùng cần có một bộ phần mềm chính:Chúng bao gồm ứng dụng máy chủ web như Apache, ngôn ngữ lập trình như Perl &PHP và phần mềm quản lý cơ sở dữ liệu – MySQL Tuy nhiên, việc cài đặt từngthành phần riêng biệt khá tốn thời gian và rắc rối

Công cụ cho phép người dùng cài tất cả các yếu tố trên một cách nhanh chóng

và dễ dàng đó là XAMPP

2.1 Công cụ XAMPP

XAMPP là tên viết tắt của cross (x)-platform, Apache, MySQL, PHP và Perl.

XAMPP là một ứng dụng phần mềm khá nổi tiếng và thường hay được các lập trìnhviên sử dụng để xây dựng và phát triển các dựa án Website ngôn ngữ PHP XAMPPđược cài đặt và chạy trực tiếp trong môi trường Windows XAMPP 5.6.28 là phiênbản mới nhất hiện nay được rất nhiều người dùng ưa thích

XAMPP được xem là một bộ công cụ hoàn chỉnh dành cho lập trình viên PHP, nótích hợp các thành phần quan trọng và tương thích nhau như :

1 Apache;

2 PHP (tạo môi trường chạy các tập tin script *.php);

3 MySql (hệ quản trị dữ liệu mysql);

Sau đó, có thể sử dụng XAMPP thiết lập môi trường cần thiết để chạy WordPresstrên localhost Ở đó, người dùng có thể kiểm tra plugin, thử nghiệm theme, lập trình

và phát triển web một cách an toàn

2.2 PHP

PHP là chữ viết tắt của “Personal Home Page” do Rasmus Lerdorf tạo ra năm

1994 Vì tính hữu dụng của nó và khả năng phát triển, PHP bắt đầu được sử dụngtrong môi trường chuyên nghiệp và nó trở thành “PHP: Hypertext Preprocessor”

Thực chất PHP là ngôn ngữ kịch bản nhúng trong HTML, nói một cách đơngiản đó là một trang HTML có nhúng mã PHP, PHP có thể được đặt rải rác trongHTML

PHP là một ngôn ngữ lập trình được kết nối chặt chẽ với máy chủ, là một côngnghệ phía máy chủ (Server-Side) và không phụ thuộc vào môi trường(crossplatform) Đây là hai yếu tố rất quan trọng, thứ nhất khi nói công nghệ phíamáy chủ tức là nói đến mọi thứ trong PHP đều xảy ra trên máy chủ, thứ hai, chính vìtính chất không phụ thuộc môi trường cho phép PHP chạy trên hầu hết trên các hệđiều hành như Windows, Unix và nhiều biến thể của nó Đặc biệt các mã kịch bản

PHP viết trên máy chủ này sẽ làm việc bình thường trên máy chủ khác mà không cầnphải chỉnh sửa hoặc chỉnh sửa rất ít

Khi một trang Web muốn được dùng ngôn ngữ PHP thì phải đáp ứng được tất

cả các quá trình xử lý thông tin trong trang Web đó, sau đó đưa ra kết quả ngôn ngữ HTML

2.3 Tổng quan về Wordpress

2.3.1 WordPress là gì ?

WordPress hay WP chính là một trong những blog mạnh mẽ nhất bây giờ và được sử dụng phổ biến tại Việt Nam hiện nay Đây là một blogging platform có mã

nguồn mở được xây dựng bởi ngôn ngữ PHP và CSDL MySQL, chạy trên một dịch

vụ lưu trữ Website tối ưu

WordPress là nền tảng Website có nhiều tính năng cho người sử dụng như có một hệ

thống pug-in đa dạng, có nhiều khuôn mẫu Website kết hợp với nhiều mẫu giao diệnWordPress được thiết kế vô cùng tinh sảo và đẹp mắt.Hiện nay, số lượng Websiteđược hình thành phát triển thì trong đó có tới 28% Website đó được làm bằngWordpres trên thế giới, đây là mã nguồn đã được dịch sang 52 ngôn ngữ khác nhau

2.3.2 Ưu và nhược điểm của Wordpress

Ưu điểm

- Dễ cài đặt, sử dụng và quản lý

- Hỗ trợ đa ngôn ngữ kể cả tiếng Việt

- Nhiều plugin hỗ trợ, hầu như mọi ý tưởng đều đã có plugin hỗ trợ

- Nhiều theme có sẵn, hầu như là nhiều nhất trong các CMS hiện nay Bao gồmcác theme miễn phí và theme trả phí rất chuyên nghiệp

- Dễ tùy biến, nếu bạn là người đã có kiến thức sẵn về PHP, CSS, HTML thìđiều này rất dễ dàng

- Được cập nhập, vá lỗi thường xuyên

- Wordpress có lợi thế cộng đồng vô cùng lớn, bạn có thể thưởng thức, học hỏinhững kinh nghiệm, mẹo vặt từ những người khác

- Có thể làm được nhiều thể loại Website, từ blog cá nhân đến các trang thươngmại điện tử

- Nhẹ và hao tốn ít tài nguyên máy chủ

- Các Theme Framework hiện có sẽ giúp bạn tự thiết kế giao diện WordPress dễdàng

- Wordpress cung cấp nhiều lợi thế về SEO (Search Engine Optimization) thôngqua plugin, giúp nội dung của bạn có thứ hạng tốt hơn trên bảng kết quả tìmkiếm của các công cụ như Google

- Việc thêm mới bài viết, video, dịch vụ đơn giản dễ dàng vơi rất nhiều tínhnăng có sẵn

- Thân thiện với di động cụm từ mà các công ty bán Web luôn đặt lên hàng đầugiờ chỉ là chức năng mặc định trong Wordpress

Nhược điểm

Không gì là hoàn hảo tuyệt đối và không có gì là xài miễn phí hoàn toàn Vớiquá nhiều ưu điểm nổi trội như vậy nhưng WordPress vẫn có thêm một số mặt hạnchế như:

- WordPress là mã nguồn mở và rất phổ biến Điều này có những ưu điểmnhưng cũng có những khuyết điểm Bởi vì nó quá phổ biến nên nó là mục tiêuchính cho nhiều hacker - họ có thể tìm kiếm các trang WordPress và tìm rabạn ngay cả khi bạn chỉ sở hữu một Website nhỏ

- Rất nhiều WordPress themes và plugins miễn phí không được cập nhật và hỗtrợ, gây ra nhiều khó khăn trong việc giữ cho mọi thứ hoạt động ổn định khinền tảng WordPress được cập nhật liên tục Giải pháp đơn giản nhất cho điềunày là chủ yếu dựa vào các plugin cao cấp

- Việc cài đặt Theme và Plugin không phải lúc nào cũng dễ dàng nếu cài khôngphù hợp về phiên bản Bạn thường xuyên phải nâng cấp Theme và Plugin choWordPress Khi nâng cấp bản mới thì những dữ liệu bản cũ có thể bị xóa đi vàbạn phải làm lại

Muốn tùy biến WordPress, bạn phải có kiến thức lập trình web căn bản nhất Các theme đẹp đa phần là phải trả phí và plugin cũng vậy

Hiệu suất thấp trong việc xử lý các cơ sở dữ liệu dung lượng lớn và multisite

2.3.3 Cài đặt

2.3.3.1 Cài đặt XAMPP

Để cài đặt XAMPP truy cập trang web https://www.apachefriends.org vàdownload phần mềm về máy tính, máy tính là PC nên chọn gói dùng cho Windows

Hình 2.1: Tải XAMPP cho windows phiên bản mới nhất

Sau khi tải về máy, chạy phần mềm và cài đặt theo hướng dẫn Sau khi cài đặt thànhcông, trên màn hình Desktop xuất hiện icon XAMPP, chạy chương trình sẽ có mànhình như sau (Màn hình chạy XAMPP thành công):

Click vào Start của module Apache để chạy Server Apache, Click vào Start củamodule MySQL để chạy server MySQL Vị trí để cài đặt toàn bộ source củaWordPress là C:\XAMPP\htdocs vị trí này để chép source code WordPress vào để càiđặt

Hình 2.2: Trang dashboard của XAMPP Nếu local server như hình trên thì có thể tiến hành cài đặt được WordPress

2.3.3.2 Cài đặt WordPress trên localhost

Bước 1 : Tạo database :

Mở browser, gõ http://localhost/phpmyadmin

 Làm như hình dưới:

 Click Databases

Hình 2.3 Hình 2.3: Tạo cơ sở dữ liệu

Vậy là đã có nơi chứa dữ liệu Tiếp tục qua bước 2

Bước 2 : Truy cập http://wordpress.org/ và tải wordpress hiện đang là wordpressversion 5.7.2(nhóm dùng bản tiếng Việt), sau đó giải nén và mở thư mục ra Bước 3 :

Chép file .zip vừa tải vào C:\xampp\htdocs\ rồi Extract Here Sau khi bung sẽ được folder Wordpress , hãy đổi thành tên folder theo ý bạn,ví dụ:shopgiay Bước

4 : Vào http://localhost/shopgiay.Click Thực hiện ngay

Hình 2.4: Vào trang quản trị Wordpress để cài đặt

Bước 5 : Khai báo thông tin kết nối csdl như hình rồi ấn: Gửi

Hình 2.5: Tạo kết nối cơ sở dữ liệu

Bước 6: Bắt đầu cài đặt

Hình 2.6: Bắt đầu cài đặt

Bước 7:Cài đặt thông tin

Hình 2.7: Cài đặt thông tin

Bước 8: Cài đặt thành công và đăng nhập

Hình 2.8: Đăng nhập thành công

Bước 9: Điền tên Tài khoản và Mật khẩu

Hình 2.9: Điền tên, mật khẩu rồi đăng nhập

Hình 2.10: Trang quản trị

Để tạo 1 trang tin tức không đơn giản chỉ cần cài đặt xong Wordpress là có, màcòn cần cài đặt thêm các theme, các plugin, … để có thể trở thành trang bán hàngchuyên nghiệp và đẹp mắt

2.3.3.3 Làm quen với Wordpress Dashboard ( bảng điều khiển khi mới cài đặt)

Hình 2.11: Bảng điều khiển khi mới cài đặt

Chú thích:

1 Khung Menu trái:

Đây là nơi để người dùng truy cập vào các thành phần công cụ có trongWordpress Dashboard, khi bạn rê chuột vào phần nào nó sẽ hiển thị thêm cácphần bên trong nó nữa Mỗi Menu như vậy tương ứng với một phần tính nănghoặc một tính năng riêng biệt

2 Khung nội dung bên phải:

Đây là phần hiển thị các nội dung tương ứng với từng phần bạn đã chọn ở mục 1

Ở đó ta có thể thao tác sử dụng các chức năng của nó

3 Tùy chọn hiển thị:

Khi người dùng click vào nút tùy chọn hiển thị này, có thể tùy chọn được việc

hiển thị, ẩn các đối tượng trong khu vực 2 để làm nó gọn đi nếu thấy có nhiều tínhnăng không cần thiết

4 Thanh điều hướng nhanh cho Admin:

Khi đăng nhập vào Wordpress thì dù bạn có ở đâu trong trang thì bạn vẫn có thểthấy được thanh công cụ này, nó giúp bạn di chuyển nhanh đến các phần quantrọng như viết bài mới, tạo page mới nhanh hơn

Đó là 4 phần quan trọng mà người dùng cần biết ki bắt đầu làm quen với trangquản trị Wordpress Bây giờ là tới phần quan trọng nhất đó là tìm hiểu ý nghĩa cáccông cụ bên menu trái của trang quản trị

- Bảng tin:

Khu vực bảng tin này là tập hợp các công cụ liên quan đến việc theo dõi thống kêcủa Website và cập nhật các phiên bản theme, plugin, WordPress, có 2 phần nhưsau:

• Trang chủ: Khu vực theo dõi các tiến trình của WordPress, cũng như báo cáochi tiết về các bài viết, bình luận,…

• Update: Nơi để bạn vào cập nhật những bản Update mới nhất của theme,plugins, phiên bản WordPress đang sử dụng Mỗi khi có bản update mới nó sẽhiển thị thông báo cho bạn thấy

- Bài viết:

Đây chính là phần để người dùng đăng bài viết và quản lý bài viết

Tất cả bài viết: Xem và chỉnh sửa, quản lý tất cả các bài viết đang có trênWebsite Cụ thể là:

Viết bài mới: Đăng bài mới

Chuyên mục: Quản lý các chuyên mục bài viết đang có

Thẻ: Quản lý các thẻ bài viết đang có

- Phương tiện:

Phần này để người dùng quản lý các file media đang có trên Website (ảnh, nhạc,video,… nhưng thông thường ta chỉ chứa ảnh trong bài viết)

Thư viện: Thư viện media, nơi bạn quản lý các tập tin đã upload lên

Thêm tập tin: Thêm mới một file media

Đây cũng là một phần rất quan trọng, nơi này để người dùng quản lý và chỉnh sửanhững thứ liên quan đến giao diện của Website

Nếu chúng ta đang dùng giao diện mặc định thì phần này sẽ thấy các menu sau:

 Giao diện: Nơi bạn quản lý, cài đặt và xóa các theme (giao diện) bạn đang có Nócũng tích hợp tính năng tìm theme có trong thư viện WordPress

 Tùy chỉnh (không phải theme nào cũng có): Chỗ này để bạn có thể thỏa thích tùybiến giao diện đang có như đổi màu sắc, màu chữ, thêm banner,…

 Widgets: Nơi để bạn quản lý và sử dụng các widget được hỗ trợ, các widget bạn

cứ hiểu như là một tính năng nhỏ và bạn có thể kéo nó vào sidebar (thanh bêncạnh nội dung) để sử dụng

 Menus: Nơi để bạn quản lý và chỉnh sửa menu hiện có trong theme  Header: Nơi

để bạn thêm ảnh header cho theme

 Sửa: Đây là phần khá quan trọng có thể bạn sẽ cần dùng nhiều, và cũng khôngnên sửa những gì ở đây nếu bạn không hiểu về nó Đại loại là nơi để bạn can thiệpvào phần code của theme

- Gói mở rộng:

Plugin như là một tính năng trong WordPress mà khi cài đặt bạn sẽ không có,muốn có bạn phải cài thêm plugin để sử dụng

Đã cài đặt: Nơi để bạn quản lý các plugin hiện có, bạn có thể bật, tắt hoặc xóa nó

ra khỏi Website ở đây

Cài mới: Nơi để bạn cài mới một plugin

Biên tập: Cũng như Appearance (giao diện), đây là chỗ để bạn có thể can thiệpvào phần code của từng plugin, không nên sửa nếu không hiểu về nó

- Thành viên:

WordPress cho phép bạn có thể tạo ra nhiều thành viên khác nhau và có thể phânquyền cho thành viên, bạn có thể chỉ định họ chỉ được sửa bài, được viết bài và thậmchí là được làm Admin Đây là khu vực để bạn làm các thao tác đó

All Users: Quản lý các thành viên hiện có trong Website

Your Profile: Nơi bạn sửa thông tin cá nhân, đổi mật khẩu tài khoản của chínhngười dúng - Công cụ:

Khu vực này đôi khi cũng ít dùng tới, chỉ là nơi sử dụng các công cụ nhỏ của

WordPress mà thôi Đôi khi một số plugin người dùng cài vào nó nằm ở trong vị trínày

Các công cụ: Nơi có thể xem các công cụ mà người dùng có thể được sử dụngtrong hiện tại

Nhập vào: Nhập nội dung từ Website khác về trang WordPress của bạn

Xuất ra: Xuất nội dung ra một file xml và có thể Import nó lại khi cần hoặcImport ở một Website khác Tuy ít dùng nhưng đây là một tính năng quan trọngcần biết

- Cài đặt:

Có thể nói đây là phần người dùng tới nhiều nhất, vì đa phần các plugin cài vàothì nó sẽ xuất hiện thêm menu trong phần này Phần Settings này là tập hợp các công

cụ liên quan đến việc cấu hình, thiết lập Website WordPress

Tổng quan: Nơi để cấu hình chung của WordPress, bạn có thể thiết lập tênWebsite, múi giờ và một số tính năng khác ở đây

Viết: Nơi để bạn cài các thiết lập liên quan đến việc đăng bài lên Website

Đọc: Nơi để bạn thiết lập các tính năng liên quan đến việc hiển thị, xem bài viếttrên Website với bạn đọc

Thảo luận: Thiết lập các tùy chọn liên quan đến việc bình luận trên Website Phương tiện: Thiết lập tùy chọn liên quan đến việc lưu trữ các file media trongthư viện Media

Đường dẫn tĩnh: Thiết lập dường dẫn tĩnh cho Website, tức là có thể đưa link bàiviết của mình từ dạng động sang cấu trúc dạng tĩnh, giống như mình đang sửdụng

CHƯƠNG 3 XÂY DỰNG WEBSITE THƯƠNG MẠI ĐIỆN TỬ BÁN GIÀY

THỂ THAO 3.1 Thực trạng hoạt động của cửa hàng giày thể thao Change Shop