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