Bắt đầu tạo Website

Một phần của tài liệu Ứng dụng plugin pagebuilder và woocommerce trên nền tảng wordpress để hỗ trợ xây dựng hệ thống website thương mại điện tử,khoá luận tốt nghiệp (Trang 77)

Chọn “Run the install” đê cài đặt Website

Hình 3. 27. Cài đặt Website

Hình 3. 28. Khởi tạo ban đầu

Thơng báo Success! Là cài đặt thành cơng sau đó đăng nhập đê bắt đầu xây dựng Website.

Hình 3. 29. Đăng nhập Wordpress

Và chúng ta đến với trang quản trị của Wordpress

Hình 3. 30. Giao diện Quản trị Wordpress

Tải tệp plugins vào wp-content plugins ∖ trong xampp\htdocs\Khoaluantotnghiep

Cách 1: Cài đặt trực tiếp từ thư viện của Wordpress

Để tìm kiếm plugins, truy cập vào Dashboard => Plugins => Cài mới

Hình 3. 31. Cài đặt plugins

Sau đó tìm plugins bằng tên thơng qua khung Tìm kiếm gói mở rộng rồi Enter. Bấm vào tên Gói mở rộng để xem thông tin chi tiết.

Vào Bảng tin/ Plugins/Cài mới / Tải Plugins lên

Hình 3. 33. Cài đặt plugins cách 2

Tải tệp nén .zip của plugin “được nén đúng theo cấu trúc /tên-plugin/tên-file.php”

Cách 3:

3.2.3. Cài đặt các tính năng cơ bản

3.2.2. Công bố Website

Bước 1: Mua tên miền và nơi lưu trữ cho Website

Bước 2: Vòa hosting qua FTP, xóa đi các thư mục khơng cần thiết Bước 3: Tắt các plugin liên quan đến cache của Website

Bước 4: Vào cài đặt tên miền trỏ tên miền về địa chỉ IP của hosting Bước 5: Vào C:\\xampp\htdocs\thư-mục-chứa-website

Nén thư mục lại thành file zip

Hình 3. 35. Nén tệp website

Bước 6: Đăng nhập vào Control Panel của Hosting, vào File Manager -> tải thư mục đã nén lên thư mục cha public_html

Sau khi tải lên thì giải nén thư mục ra.

Bước 7: Truy cập PHP MyAdmin theo địa chỉ http://localhost/phpMyAdmin, chọn cơ sở dữ liệu của Website

Hình 3. 36. Cơ sở dữ liệu

Sau đó xuất dữ liệu ra một tệp .sql

Hình 3. 37. Xuất cơ sở dữ liệu

Bước 8: Đưa cơ sở dữ liệu lên host

define('WP_SITEURL','http://example.com');

Trong đó example.com là tên miền mà lưu trong public_html

Tìm đến đoạn có DB_NAME, DB_USER, DB_PASSWORD sửa lại các nội dung trong dấu ‘’ theo thông tin website mới tải lên.

Sau khi sửa thì lưu lại

Bước 10: Truy cập địa chỉ website http://tên-miền/wp-admin và đăng nhập vào quản trị.

Kế tiếp Settings -> Permalinks và nhấn Save Change để cập nhật lại permalink tránh bị lỗi 404 khi vào xem các post và page.

Khi truy cập có thơng báo “Error establishing a database connection” tức là thông tin database sai, cần kiểm tra lại.

Bước 11: Tìm và thay thế các đường dẫn có dạng tên miền.local sang đường dẫn tên miền mới là hồn tất việc cơng bố Website.

3.3. XÂY DỰNG GIAO DIỆN WEBSITE

3.3.1. Quy trình xây dựng giao diện của một trang mới.

Hình 3. 39. Khới tạo thông tin ban đầu

Bước 3: Chọn sửa trang với Elementor hoặc UX Builders trên Flatsome, sử dùng các

đối tượng trên thanh cơng cụ bên tay trái, tùy chỉnh để có được giao diện như mong muốn sau đó nhấn Update để lưu lại

3.3.2. Giao diện dùng chung

Bước 1: Vào phần thiết lập giao diện chung

Cách 1: Flatsome/ Theme Options

I ɪ

activating plugin I Dismiss this notice Imended P Iugiruis currently inactive: Nextend Social Login.

Tran

WordPress 5.4.2 đang có sẫnl Vui lịng cáp nhâĩ ngay.

n đã đăng nhập vào khu vực Quàn trị của WordPress!

g các liên kết dưới đây:

Các Bước Tiếp Theo

Biên tập trang chủ cùa bạn

∣Bang tin|

Tuỳ chỉnh website của bạn ⅛ ActivateTheme O 9 O + Mới Ô Bảng tin Trang chủ Cập nhật 9 φ Jetpack Flatsome

Help & Guides Change log Theme Options Setup Wizard Bài viểt Portfolio Thư viện Trang Phân hỡi UX Blocks Thac Ul R=I .

Hình 3. 42. Tùy chỉnh giao diện chung cách 1

Cách 2: Giao diện/ Tùy biến

Bước 2: Tùy chọn mục cần chỉnh sửa, chỉnh sửa và lưu lại

Hình 3. 44. Tùy chỉnh giao diện chung theo modul

3.3.3. Giao diện các trang chính sau khi xây dựng

a, Trang chủ

b, Trang Danh sách Sản phẩm

Copyright 2020 © UX Themes

V/SA PayPat stripe Bnivtfii1

Chát lượng là uy tín hàng đâu

c, Trang chi tiết sản phẩm d, Trang Giỏ hàng

Đồng giá: 40.000,0d

Nhân cưới khắc têr

⅝000000.0d B.OOO.OOO.Ođ 102.800.000,Ođ √⅛n chuyên đến Ha Noi. Ha Noi. Đổi dịs chi 102.840.000, Ođ

Copyright 2020 © UX Themes

V/SA PayPat stripe Bnivtfii1

____________________________________________________________________Chát lượng là uy tín hàng đãu_______________________________________________________________________

e, Trang Thanh toán

Ve Dim Trăn Liên he Ξ Đẵng kỹ nhận tin f El V.

DIMTR

AN

Qj TRANG sức VÀN G TA V TRANG sức CƯỚI ĐÁ QUÝ PHONGTHilY

TRANG SỨC KIM CƯƠNG

Bạn có mâ ưu đài? An vào đây để nhập mã

THƠNG TIN THANH TỐN

TẾn* Hộ* Ngun nhung TỄn cơng ty (tuỳ chọn) HVNH Country / Region ’ Việt Nam Địa chỉ * Ha Noi

Mã bưu điện (tuỳ chọn)

IOOOOO TInh/Thành phỗ* Ha Noi SỂ điện thoại * 0796203988 ĐƠN HÀNG CỦA BẠN SẢN PHẨM khuyên tai bạc đính da X 1 Nhấn kim cưohg X 2 Tạm tinh Giao hàng Tóng TẠM TÍNH 4.800.000,Od 196.000.000,0đ 200.800.000.0d Dons giá: 40.000.0d 200.840.000.0d ® Chuyển khốn ngân hàng

Thụt hiện thanh tốn vảo ngay tãí khồn ngân hàng của chúng tơi. Vui lịng sử dụng Mã đon hảng của bạn trong phần Nội dung thanh toán. -Đon hàng sẽ đưoc giao sau khi tiên đã chuyến. O Trá tiền mật khi nhận háng

ĐẠT HÀNG

Thõrg tin ca nhàn cứa bạn cê được Zii dựng đế xử lý đon hárg. tang trối

nghiệm cử dụng Svebcite. và cho c⅛c mục đích cụ thể khác đâ được

mỏ tẻ

Địa chỉ email ■ nhungnhw@griail.com

Q Giao hàng tới địa chi khác?

Tên’ Ho *

Nguyen Tên công ty (tuỳ chọn) HVNH Country / Region ■ Việt Nam Địa chí * Ha Noi

Mã bưu điện (tuỳ chộn) IOOOOO Tlnh / Thành phế ■ Ha Noi

Ghl chú đơn hàng (tuỷ chọn)

Ghi chú vè đơn hàng, vi dụ: thời gian hay chi dân địa điểm giao hàng chì tiết hơn.

__J

f, Trang Đặt hàng thành công

Ve Dim Trăn Liên he Ξ Đẵng kỹ nhận tin f El V.

DIMTRẲN

7gg⅛τ ""lικv TRANG sức VÀN G TA V TRANG sức CƯỚI ĐÁ QUÝ PHONG THỦY TRANG sức KIM CƯƠNG TAI KHOẢN GIQ HÀNG /ữ,ođ pɔ

Thông tin chuyền khoản ngân hàng

Nguyen Hong Nhung: • Ngắn hàng: VP Bank • Số tài khồn: 175312439

. BIC VPBKVNVX

Chi tiết đơn hàng

SẢN PHẨM

khuyên tai bạc đính đá X 1

Nhấn kim cương * 2 Tổng số phụ: Giao nhận hàng: Phương thức thanh toán: Tổng cộng:

Cảm ơn bạn. Đơn hàng của bạn đã được nhận.

• Mã đơn hàng: 299 • Ngày: 21 Tháng Sáu, 2020 • Email: nhungnhw@gmail.com • Tổng cộng: 200.840.000,Qđ

• Phương thức thanh tốn: Chuyển khỗn ngân hãng TỔNG

4.800.000,Od 196.000.000,ođ 2∞.8∞.O∞nd 40.000,Ođ qua Oorg giã Chuyển khoản ngân hàng

200.840.000,04

Địa chi thanh toán Địa chi giao hàng

Nguyen nhung HVNH Ha Noi Ha Noi 0796203988 Nguyen nhung HVNH Ha Noi Ha Noi nhungnhw@gmail.com TlM KlỄM SÀN PHẴM

g, Trang Thông tin tài khoản

Ve Dim Trăn Liên he Ξ Đẵng kỹ nhận tin f El V.

i⅛"<i

DIMTRAN

fcfi TRANG sức VÀN G TA V TRANG sức CƯỚI ĐÁ QUV PHONG THỦY TRANG sức KIM CƯƠNG

TÀI KHOẢN GIOHANGZO1Od K

Tẽn • Họ •

Nhung Nguyễn

Tẽn hiển thí*

Nhung Nguyễn

Đảy sẽ tà cách mà tên của bạn sẽ được hiền thị trong phăn tài khoản và trong phãn đánh giá

Địa chỉ email"

nhungnhw@gmatl.com

THAY ĐỔI MẬT KHẨU

Mật khâu hiện tại (bỏ trổng nêu không đổi}

Mật kháu mới (bỏ trông nếu không đổi)

Xác nhận mật khẩu mới

LƯU THAY ĐỔI

Hình 3. 53. Trang thơng tin các nhân

i, Xem nhanh giỏ hàng

JỚ\ ĐÁ QUÝ PHONG THỦY

bói hơn 1000 khách hàng mơi năm

Tạm tính: 102.800.000,0d

khuyên tai bạc đính đá

. 4.800.000.0d

Nhân kim cương

. 98.000.000, Ođ

2 GIO HANG / 102.800.000.0d ?■ TÀI KHOẢN .

Giỏ hàng

v⅛ Dim Trần Liên hệ Ξ Olng ký nhận tin f Ξ ‰

XEM GIỎ HÀNG

THANH TỐN

Hình 3. 55. Xem nhanh giỏ hàng

l, Xem nhanh sản phẩm

Hình 3. 57. Xem nhanh Sản phẩm

3.4. XÂY DỰNG CHỨC NĂNG WEBSITE

Một số chức năng chính:

Chức năng dùng khun mãi

Hình 3. 59. Chức năng dùng khuyến mại

Chức năng thêm, sửa, xóa tài khoản quản trị

Hình 1. Chức năng quản trị quản trị viên

Chức năng giỏ hàng

CỘNG GIỊ HÀNG

Tạm tính 4.000.000,Od

Chức năng quản lý đơn hàng

Hình 3. 61. Chức năng quản lý đơn hàng

Chức năng quản lý sản phẩm

Chức năng Báo cáo thơng kê

Hình 3. 63. Chức năng quản lý báo cáo thống kê

Chức năng xuất báo cáo

KẾT LUẬN

Trong q trình thực hiện khóa luận em đã tìm hiểu được nhiều cơng nghệ xây dựng nên một Website từ cơ bản đến phức tạp, từ xưa đến nay. Cùng với những kiến thức về mặt lý thuyết em đã tìm hiểu được cách sử dụng cơ bản Wordpress để triển khai

một Website thương mại điện tử ở mức cơ bản danh cho các doanh nghiệp nhỏ và vừa, giúp doanh nghiệp có thể xây dựng được cho mình một Website nhỏ. Ngồi ra cơng nghệ mà em lựa chọn vẫn có thể lập trình mở rộng thêm các chức năng đáp ứng nhu cầu

mở rộng của doanh nghiệp sau này. Đứng dưới góc độ là một nhà tư vấn triển khai Website sau khi làm khóa luận này em thấy mình tự tin hơn rất nhiều trong cơng việc tư

vấn cho khách hàng giải pháp phù hợp, có thể khơng chỉ là các doanh nghiệp nhỏ và vừa

trên nền tảng WordPress mà có thể dùng nhiều cơng nghệ khác như .net hay Java. Thơng qua q trình triển khai thực tế em đã nhận thấy một số điểm sau:

Khó khăn và hạn chế

- Cần mất thời gian nhất định để người dùng tìm hiểu cơng nghệ nếu chưa có nền tảng căn bản.

- Ngồi các yếu tố về mặt kỹ thuật người dùng cần có được tư duy logic cũng như con mắt thẩm mỹ nhất định để xây dựng và triển khai một cách hiệu quả.

- Nếu sau này doanh nghiệp cần mở rộng về quy mơ và chức năng thì vần cần đến sự hỗ trợ của một đơn vị tư vấn và xây dựng Website chuyên nghiệp.

- Cần viết lại Hướng dẫn sử dụng Website cụ thể sau khi xây dựng xong để dễ dàng hơn trong việc đào tạo quản trị.

Định hướng trong tương lai

Trong tương lai gần em sẽ cố gắng tìm hiểu thêm các plugins khác của Wordpress và các cơng nghệ xây dựng Website khác để có thể tìm ra được những giải pháp tối ưu nhất cho khách hàng của mình.

TÀI LIỆU THAM KHẢO TIẾNG VIỆT

Website

[1] Wikipedia, 2020, Cách mạng công nghiệp <https://bit.ly/348V9TT >.

[2] Thạch Phạm, 2020, Cách cài đặt localhost trên máy tính với xampp, <https://bit.ly/37lez9Q >.

[3] Thạch Phạm, 2020, Cách tìm và cài đặt plugin, < https://bit.ly/2XQXXnf>. [4] Thạch Phạm, 2020, Hướng dẫn menu trong wordpress, < https://bit.ly/3cPfgJw>. [5] Thạch Phạm, 2020, Hướng dẫn sử dụng widget, < https://bit.ly/3dSqMVG >. [6] Thạch Phạm, 2020, Tìm hiểu khu vực appearance trong dashboard, <https://bit.ly/37fiPYa>.

[7] Thạch Phạm, 2020, [học html] Html là gì và vì sao nó quan trọng, <https://bit.ly/3cQxdqW>.

[8] Hostinger, 22 tháng 1 2019, HTML là gì? Giải thích rõ về ngơn ngữ Markup

Hypertext, < https://www.hostinger.vn/huong-dan/html-la-gi/ >.

[9] Developer Mozilla, JavaScript là gì, <https://mzl.la/3dNArgg >.

[10] Mắt bão, JavaScript là gì? Cơ bản về ngôn ngữ lập trình của tương lai, <https://bit.ly/2MN5XiJ >.

[11] Nordiccoder, Javascript là gì? Tại sao cần phải có Javascript khi lập trình Web, <https://nordiccoder.com/blog/javascript-la-gi/ >.

[13] Cơng ty hồn vũ, Ưu Điểm Và Nhược Điểm Của CSS, <http://www.hoanvusolutions.com.vn/uu-diem-va-nhuoc-diem-cua-css/>.

Khác

[1] Nguyễn Thị Thu Trang, Giáo trình Cơ sở dữ liệu, Khoa hệ thống thơng tin quản lý [2] Trần Thị Huế, Giáo trình Phân tích, phát triển Hệ thống thơng tin kinh tế.

TIẾNG ANH

[1] Aaron Lumsden, 25 Sep 2012, A Brief History of the World Wide Web,

<https://bit.ly/2xg2ogN >.

[3] Wikipedia, 2020, Internet, <https://bit.ly/39L9QxA >.

[4] Wikipedia, 2020, History of the Interne,t <https://bit.ly/2RkGFuM >.

[5] Ben Tarnoff, Tue 28 Nov 2017, How the internet was invented,

<https://bit.ly/2Xlrl5e >.

[6] The Online Library Learning Center, A Brief History of the Internet,

<https://bit.ly/2yNzi97 >.

[7] Internetsociety, History of the Internet, <https://bit.ly/2JOU4an >.

[8] World Wide Web Foundation, History of the Web, <https://bit.ly/2xeDL45 >. [9] CERN Accelerating science, A short history of the Web, <https://bit.ly/3c2y6Nb >. [10] Wikipedia, 2020, History of the World Wide Web, <https://bit.ly/3c34dwb >. [11] Shortpoint, Websites history 101, <https://bit.ly/3e7VVFi >.

[13] Hostinger, May 4, 2020, What is WordPress? An Overview of the World’s Most

Popular CMS, < https://www.hostinger.com/tutorials/what-is-wordpress >.

PHỤ LỤC 01

Một phần của tài liệu Ứng dụng plugin pagebuilder và woocommerce trên nền tảng wordpress để hỗ trợ xây dựng hệ thống website thương mại điện tử,khoá luận tốt nghiệp (Trang 77)

Tải bản đầy đủ (DOCX)

(104 trang)
w