báo cáo thực tập tốt nghiệp front end

ỦY BAN NHÂN DÂN TP HỒ CHÍ MINH
TRƯỜNG ĐẠI HỌC SÀI GỊN
KHOA CƠNG NGHỆ THƠNG TIN

Họ và tên sinh viên: Hồng Thái

BÁO CÁO
THỰC TẬP TỐT NGHIỆP
Công ty thực tập

: Công ty Trách nhiệm hữu hạn Đại
Ninh Sơn

Chuyên gia hướng dẫn

: Lê Vĩnh Tường

Giảng viên hướng dẫn

: TS. Nguyễn Quốc Huy

TP. Hồ Chí Minh, tháng 12 năm 2022


MỤC LỤC

DANH MỤC HÌNH ẢNH .......................................................................................... III
NHẬN XÉT CỦA CHUYÊN GIA DOANH NGHIỆP .............................................. V
NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN .................................................... VI
LỜI CẢM ƠN ................................................................................................................1
LỜI MỞ ĐẦU ................................................................................................................3

CHƯƠNG 1. GIỚI THIỆU ...........................................................................................4
1.1 Giới thiệu công ty thực tập ........................................................................................4
1.1.1 Giới thiệu chung .................................................................................................4
1.1.2 Tầm nhìn và sứ mệnh .........................................................................................5
1.2 Nhiệm vụ thực tập .....................................................................................................6
1.2.1 Tổng hợp lại kiến thức lập trình và ngơn ngữ PHP, HTML, CSS, JS và SQL ..6
1.2.2 Xây dựng website bằng Wordpress ..................................................................10
1.2.3 WooComerce ....................................................................................................15
1.3 Hosting DirectAdmin .............................................................................................. 17
1.4 OmniChannel ...........................................................................................................18
CHƯƠNG 2. NỘI DUNG BÁO CÁO ........................................................................20
2.1 Xây dựng Website Skybros bằng Wordpress và Elementor ...................................20
2.1.1 Đối với khách hàng...........................................................................................20
2.1.2 Đối với người quản trị ......................................................................................22
2.2 Xây dựng Website kết hợp với Bricks Builder và WooCommerce ........................25
2.2.1 Đối với khách hàng...........................................................................................25
2.2.2 Đối với người quản trị ......................................................................................29
2.3 Xây dựng Website Pantera với Haravan Omnichannel ...........................................32
2.3.1 Đối với khách hàng...........................................................................................33
2.3.2 Đối với người quản trị ......................................................................................34
CHƯƠNG 3: KẾT QUẢ THỰC TẬP .......................................................................37
3.1 Kết quả thực tập .......................................................................................................37
3.2 Ghi nhận kết quả thực tập hàng tuần .......................................................................38
3.3 Đánh giá quá trình thực tập tốt nghiệp ....................................................................40
i


3.4 Đánh giá kết quả thực tập tốt nghiệp .......................................................................41
CHƯƠNG 4. KẾT LUẬN VÀ KIẾN NGHỊ ............................................................. 42
4.1 Kết luận....................................................................................................................42

4.2 Kiến nghị .................................................................................................................42
TÀI LIỆU THAM KHẢO...........................................................................................43

ii


DANH MỤC HÌNH ẢNH
Hình 1. Logo cơng ty Đại Ninh Sơn ................................................................................4
Hình 2 Logo cơng ty Clover ............................................................................................5
Hình 3. HTML .................................................................................................................6
Hình 4. CSS .....................................................................................................................7
Hình 5. Javascript ............................................................................................................8
Hình 6. PHP .....................................................................................................................9
Hình 7. Ngơn ngữ SQL..................................................................................................10
Hình 8. Wordpress .........................................................................................................10
Hình 9. Elementor Page Builder ....................................................................................12
Hình 10. Bricks Builder .................................................................................................14
Hình 11. Woocommerce ................................................................................................ 15
Hình 12. DirectAdmin ...................................................................................................17
Hình 13. OmniChannel ..................................................................................................18
Hình 14. Trang chủ Website SkyBros ...........................................................................20
Hình 15. Trang Liên hệ .................................................................................................20
Hình 16. Lên lịch hẹn ....................................................................................................21
Hình 17. Trang Liên hệ web SkyBros ...........................................................................21
Hình 18. Giao diện màn hình admin .............................................................................22
Hình 19. Các vai trị của website ...................................................................................22
Hình 20. Xây dựng Website với Elementor ..................................................................23
Hình 21. Tối ưu Website trên điện thoại .......................................................................23
Hình 22. Tối ưu Website trên máy tính bảng ................................................................ 24
Hình 23. Thêm dịch vụ ..................................................................................................24

Hình 24. Xây dựng Website phong thuỷ với Bricks .....................................................25
Hình 25. Trang Kiến thức .............................................................................................. 25
Hình 26. Trang Dịch vụ .................................................................................................26
Hình 27. Chi tiết trang Dịch vụ .....................................................................................26
Hình 28. Trang Liên hệ .................................................................................................27
Hình 29. Trang Sản phẩm .............................................................................................. 27
Hình 30. Chi tiết sản phẩm ............................................................................................ 28
iii


Hình 31. Trang Giỏ hàng ............................................................................................... 28
Hình 32. Trang Thanh tốn ...........................................................................................29
Hình 33. Màn hình giao diện admin ..............................................................................29
Hình 34. Xây dựng Website với Bricks ........................................................................30
Hình 35. Tối ưu trên điện thoại và máy tính bảng.........................................................30
Hình 36. Đơn hàng ........................................................................................................31
Hình 37. Trang cấu trúc Dịch vụ ...................................................................................31
Hình 38. Thêm dịch vụ mới...........................................................................................32
Hình 39. Trang chủ Website Pantera .............................................................................32
Hình 40. Trang sản phẩm của Pantera ...........................................................................33
Hình 41. Trang Liên hệ .................................................................................................33
Hình 42. Trang Giỏ hàng ............................................................................................... 34
Hình 43. Màn hình giao diện admin ..............................................................................34
Hình 44. Màn hình giao diện admin ..............................................................................35
Hình 45. Sản phẩm ........................................................................................................35
Hình 46. Quản lý tồn kho .............................................................................................. 36
Hình 47. Thơng tin khách hàng .....................................................................................36

iv

NHẬN XÉT CỦA CHUYÊN GIA DOANH NGHIỆP
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................

v


NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................

...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................

vi


LỜI CẢM ƠN
Học tập là con đường dẫn đến sự thành cơng trong bất kì lĩnh vực nào tuy nhiên con
đường đó đầy rẫy những khó khăn và thử thách. Trong khoảng thời gian được rèn luyện
và học tập tại trường Đại học Sài Gòn cũng như làm việc tại công ty, em cảm thấy rất
trân trọng và biết ơn khi nhận được sự giúp đỡ tận tình của thầy cô, các anh chị đồng
nghiệp và bạn bè.
Với những sự giúp đỡ nhiệt, em xin chân thành gửi lời cảm ơn đến quý thầy cô khoa
Công nghệ thông tin cùng các anh chị làm việc tại Đại Ninh Sơn đã luôn quan tâm, giúp
đỡ, định hướng cho em, luôn sẵn sàng dành thời gian để giải đáp bất cứ thắc mắc nào
của em, tin tưởng và tạo điều kiện cho em để thực hiện đề tài này một cách thuận lợi
nhất.
Trong thời gian thực tập, ban đầu mọi thứ đều mới mẻ với em, em đã gặp rất nhiều khó
khăn về chuyên môn tuy nhiên nhờ sự hướng dẫn tận tình của anh Lê Vĩnh Tường, anh
đã truyền đạt những kinh nghiệm quý báu cho em trong suốt quá trình thực tập tại công
ty. Em xin gửi lời cảm ơn chân thành nhất tới anh Lê Vĩnh Tường, anh đã tin tưởng và
tận tình hướng dẫn. Anh Tường đã giúp đỡ em rất nhiều từ việc phát triển tư duy, cách
quan sát, anh ln theo sát động viên, góp ý, chỉnh sửa, cung cấp các tài liệu hay để em
có thể hồn thành đề tài được giao, bên cạnh đó anh còn chỉ bảo những kinh nghiệm
sống, cách ứng xử và thái độ làm việc để giúp em hoàn thiện bản thân mình hơn.
Em xin cảm ơn đến thầy TS. Nguyễn Quốc Huy đã luôn theo dõi, nhắc nhở, giúp đỡ
trong suốt q trình thực tập của em.
Tại cơng ty Đại Ninh Sơn, em đã rất may mắn gặp những người mình muốn sát cánh
cùng nhau chinh chiến, vì họ là những đàn anh đàn chị, những người luôn sẵn lịng giúp

đỡ và chia sẻ những lúc em gặp khó khăn. Em xin gửi lời cảm ơn tới ban lãnh đạo, các
anh chị đồng nghiệp – anh Lê Vĩnh Tường (hướng dẫn trực tiếp), … trong Công ty Trách
nhiệm hữu hạn (TNHH) Đại Ninh Sơn, giúp đỡ nhiệt tình để em hồn thành tốt cơng
1


việc và đề tài được giao. Cơng việc có lẽ khơng thể hồn chỉnh nếu khơng có sự giúp đỡ
tận tình từ các anh chị.
Sau cùng, em xin cảm ơn bạn bè và gia đình những người đã quan tâm và ln giúp đỡ,
động viên em những lúc khó khăn. Mọi người ln là chỗ dựa để em có thể phát triển
bản thân, tiến về tương lai tươi đẹp phía trước. Kính chúc thầy Nguyễn Quốc Huy, thầy
Nguyễn Thành Huy, các quý thầy cô đã và đang làm việc trong trường Đại học Sài Gòn
và anh Tường thật nhiều sức khỏe, niềm vui để tiếp tục thực hiện những dự định còn
đang dang dở hiện tại và tương lai. Chúc thầy Bảo ln duy trì sứ mệnh cao cả - truyền
đạt kiến thức quý báu và truyền lửa cho thế hệ mai sau, chúc anh Tường luôn thành công
và gặp nhiều may mắn trong cơng việc.

Thành phố Hồ Chí Minh, ngày 4 tháng 12 năm 2022
Sinh viên thực hiện

Hồng Thái

2


LỜI MỞ ĐẦU
Việc tổ chức thực tập cho sinh viên là một trong những việc rất cần thiết và bổ ích cho
sinh viên trong quá trình đào tạo của các trường Đại học. Đây là một cơ hội tuyệt vời để
sinh viên có thể cọ xát các cơng việc trong thực tế, áp dụng các kiến thức đã học vào
thực tiễn, cơ hội để tích luỹ, trau dồi kinh nghiệm cho bản thân, là hành trang tuyệt vời

để sinh viên có thể vững vàng hơn sau khi hồn thành chặng đường Đại học.
Trải qua khoảng thời gian vơ cùng khó khăn của cơn đại dịch vừa qua, , mọi hoạt động
doanh nghiệp hay trường học đều gặp phải rất nhiều trở ngại, tuy nhiên Trường Đại học
Sài Gòn cùng với công ty TNHH Đại Ninh Sơn vẫn tạo điều kiện hỗ trợ em thực hiện
khoá thực tập tốt nghiệp, em rất cảm kích và biết ơn khi mà nhà trường và công ty đã
tạo điều kiện cho em.
Nhờ Trường Đại học Sài Gòn tạo những điều kiện cho sinh viên khoa CNTT nói chung
và sự chấp thuận của Cơng ty TNHH Đại Ninh Sơn, em rất vinh dự khi trở thành một
thành viên của cơng ty với vai trị là một thực tập sinh. Thời gian làm việc ở công ty đã
giúp em có hiểu rõ hơn về quy trình làm việc của công ty, học hỏi thêm nhiều kiến thức
thực tế, quen biết với nhiều anh chị đồng nghiệp, luôn được mọi người giúp đỡ và chia
sẽ những kiến thức, kinh nghiệm thực tiễn quý báu. Đó là những trải nghiệm vơ cùng
q báu giúp em ngày càng hồn thiện kĩ năng, trau dồi thêm nhiều kiến thức, là hành
trang vơ cùng quan trọng để em có thể sẵn sàng bước ra khỏi cánh cổng Đại học.
Do còn bỡ ngỡ khi lần đầu được va chạm với các dự án thực tế của công ty, bên cạnh
kiến thức chuyên mơn cịn hạn chế, nên trong q trình thực hiện khố thực tập và bài
báo cáo em cịn mắc phải những sai sót. Em mong sẽ nhận được sự chỉ dẫn và đóng góp
ý kiến từ phía nhà trường và cơng ty để em có thể tiếp thu và hồn thiện bài báo cáo
thực tập tốt nghiệp của mình hơn.

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


CHƯƠNG 1. GIỚI THIỆU
1.1 Giới thiệu công ty thực tập
1.1.1 Giới thiệu chung

Hình 1. Logo cơng ty Đại Ninh Sơn

Cơng ty TNHH Đại Ninh Sơn là đơn vị đi đầu mang đến các giải pháp tư vấn
marketing chuyên biệt bao gồm xây dựng chiến lược marketing, truyền thông thương
hiệu và đẩy mạnh hoạt động kinh doanh tại thị trường Việt Nam. Công ty tập trung
vào marketing chiến lược (upstream marketing) và sử dụng các nguyên lý tiếp thị về
insights, nhận diện khách hàng và các giải pháp cải tiến để thúc đẩy tăng trưởng doanh
nghiệp.
Dựa trên các hoạt động phân tích tìm hiểu thị trường và khách hàng, đội ngũ của công
ty định ra các giải pháp phù hợp để cải thiện kết quả kinh doanh.
Công ty được thành lập vào năm 2015 trụ sở chính toạ lạc tại Số 891/140 Nguyễn
Kiệm, Phường 3, Quận Gò Vấp, Thành phố Hồ Chí Minh, đến năm 2018 cơng ty phát
triển thêm chi nhánh và đặt tên là Clover. Clover Brand Consultancy được đặt tên theo
loại cỏ ba lá, tên tiếng Anh gọi là Clover, hay cách gọi khác là Cỏ May mắn. Công ty
mong muốn mang lại sự may mắn, sự thoải mái, và hạnh phúc đến với khách hàng, đối
tác và cộng sự của mình. Cơng ty toạ lạc tại: 36 đường 31C, Phường An Phú, TP Thủ
Đức

4


Hình 2 Logo cơng ty Clover

Cơng ty có nhiều bộ phận như: phòng Account, phòng content, phòng design-studio,
phòng ecommerce, phòng kỹ thuật, phịng kinh doanh và phịng hành chính nhân sự.
1.1.2 Tầm nhìn và sứ mệnh
Tầm nhìn và sứ mệnh: Dù ở dưới hình thức truyền thống, đã được tái phát
minh, tái mơ tả lại, nó có thể là những “tun bố về mục đích” hoặc được tóm
lược trong các tuyên bố khái quát hơn, mang tính chiến lược như tun ngơn
thương hiệu, thì chúng vẫn là sức mạnh cơ bản của một doanh nghiệp và
thương hiệu.
Mục tiêu của Clover là tạo ra giá trị nổi bật cho khách hàng thông qua sự nhận

thức đúng đắn của người dùng về tâm hồn và hồi bão doanh nghiệp. Đội ngũ
Clover khơng ngừng sáng tạo, tận dụng nguồn lực về công nghệ để tìm hiểu và
khám phá ra nhu cầu tiềm ẩn của thị trường, từ đó xây dựng và phát triển chiến
lược hiệu quả nhất để doanh nghiệp phát triển hình ảnh độc đáo và xây dựng
tầm nhìn của mình.
Kim chỉ nam: “mỗi sản phẩm/dịch vụ chúng tôi làm ra đều phải khiến chính
chúng tơi hài lịng và tự hào khoe với mọi người”
Giá trị cốt lõi:
Chân thành: Chân thành trao đổi những vấn đề cốt lõi từ đó đưa ra giải pháp
phù hợp.
Rõ ràng: Rõ ràng trong quá trình làm việc nhằm tạo nên giá trị thật như đã cam
kết.
Biết ơn: Biết ơn bạn vì giữa rất nhiều lựa chọn, bạn đã chọn Clover để cùng
nhau phát triển.

5


1.2 Nhiệm vụ thực tập
Thông tin về chuyên gia doanh nghiệp hướng dẫn:
Tên: Lê Vĩnh Tường
Email:
Vị trí: Project Manage
Clover là công ty chuyên về lĩnh vực quảng cáo tại Việt Nam, bên cạnh đó cơng
ty cịn mở rộng qua các lĩnh vực phát triển Website,... Trong khoảng thời gian được
học tập và làm việc tại công ty, em đã tiếp thu được rất nhiều các kiến thức không chỉ
về chun mơn mà cịn về những kỹ năng mềm từ người dẫn dắt, đồng nghiệp, họ đã
giúp em cải thiện các kỹ năng của mình như mạnh dạng đưa ra ý kiến, tinh thần làm
việc nhóm, chủ động trong cơng việc. Những bài học này tuy rằng em đã được trải
nghiệm ở trường học nhưng khi áp dụng vào thực tế trong mơi trường chun nghiệp

của cơng ty em có thể cảm nhận rõ hơn từ người dẫn dắt của mình về tinh thần đồng
đội, cách làm việc và nhiệt huyết với nhiệm được giao phó
1.2.1 Tổng hợp lại kiến thức lập trình và ngơn ngữ PHP, HTML,
CSS, JS và SQL

Hình 3. HTML

HTML là viết tắt của cụm từ Hypertext Markup Language (tạm dịch là Ngôn ngữ
đánh dấu siêu văn bản). HTML được sử dụng để tạo và cấu trúc các thành phần trong
trang web hoặc ứng dụng, phân chia các đoạn văn, heading, titles, blockquotes…
và HTML không phải là ngơn ngữ lập trình.

6


Cha đẻ của HTML là Tim Berners-Lee, cũng là người khai sinh ra World Wide Web
và chủ tịch của World Wide Web Consortium (W3C – tổ chức thiết lập ra các chuẩn
trên môi trường Internet). Các thiết lập và cấu trúc HTML được vận hành và phát triển
bởi World Wide Web Consortium (W3C). Bạn có thể kiểm tra tình trạng mới nhất của
ngôn ngữ này bất kỳ lúc nào trên trang W3C’s website.

Hình 4. CSS

CSS là chữ viết tắt của Cascading Style Sheets, nó là một ngơn ngữ được sử dụng
để tìm và định dạng lại các phần tử được tạo ra bởi các ngơn ngữ đánh dấu (HTML).
Nói ngắn gọn hơn là ngôn ngữ tạo phong cách cho trang web. Bạn có thể hiểu đơn
giản rằng, nếu HTML đóng vai trò định dạng các phần tử trên website như việc tạo ra
các đoạn văn bản, các tiêu đề, bảng,…thì CSS sẽ giúp chúng ta có thể thêm style vào
các phần tử HTML đó như đổi bố cục, màu sắc trang, đổi màu chữ, font chữ, thay đổi
cấu trúc…

CSS được phát triển bởi W3C (World Wide Web Consortium) vào năm 1996, vì
HTML khơng được thiết kế để gắn tag để giúp định dạng trang web.

7


Hình 5. Javascript

JavaScript là ngơn ngữ lập trình mang đến sự sinh động của website. Nó khác với
HTML (thường chuyên cho nội dung) và CSS (thường chuyên dùng cho phong
cách), và khác hẵn với PHP (chạy trên server chứ không chạy dưới máy client).
JavaScript hoặc JS sẽ giúp tăng tính tương tác trên website. Script này chạy trên các
trình duyệt của người dùng thay vì trên server và thường sử dụng thư vuiên của bên
thứ 3 nên có thể tăng thêm chức năng cho website mà không phải code từ đầu
Trong lập trình Website thì HTML, CSS và JS là những thành phần không thể để xây
dựng 1 trang web. Nói một cách dễ hiểu, HTML như khn mặt, cịn CSS và JS là các
loại phấn, son hay trang sức để làm cho khuôn mặt trở nên thu hút và xinh đẹp hơn.

8


Hình 6. PHP

Ngơn ngữ PHP là từ viết tắt của Personal Home Page (hiện nay là Hypertext
Preprocessor). Thuật ngữ này chỉ chuỗi ngôn ngữ kịch bản hay mã lệnh, phù hợp để phát
triển cho các ứng dụng nằm trên máy chủ.
Khi viết phần mềm bằng ngôn ngữ PHP, chuỗi lệnh sẽ được xử lý trên server để từ đó
sinh ra mã HTML trên client. Và dựa vào đó, các ứng dụng trên website của bạn sẽ hoạt
động một cách dễ dàng.
PHP là ngơn ngữ phía server, khác với JavaScript chạy trên máy client. Nó thường

được sử dụng trong các hệ quản trị nội dung nền PHP như WordPress, nhưng cũng
thường được dùng với lập trình back-end và có thể tạo ra kênh truyền thông tin hiệu
quả nhất tới và từ database.
Nếu ví HMTL như khn mặt, CSS và JS là các loại để làm khuôn mặt trở nên thu hút
và lung linh hơn thì PHP tạo nên các hoạt động trên khn mặt đó như khóc, cười,
nói,… Nói tóm lại, HTML để tạo một trang web, CSS và JS để giúp trang web trở nên
bắt mắt, hấp dẫn hơn, còn PHP xử lý trên server và tạo nên các chức năng cho trang
web.

9


Hình 7. Ngơn ngữ SQL

SQL viết tắc của Structured Query Language là ngơn ngữ truy vấn có cấu trúc. Nó là
một ngôn ngữ, là tập hợp các lệnh để tương tác với cơ sở dữ liệu. Dùng để lưu trữ,
thao tác và truy xuất dữ liệu được lưu trữ trong một cơ sở dữ liệu quan hệ. Trong thực
tế, SQL là ngôn ngữ chuẩn được sử dụng hầu hết cho hệ cơ sở dữ liệu quan hệ.
Tất cả các hệ thống quản lý cơ sở dữ liệu quan hệ (RDMS) như MySQL, MS Access,
Oracle, Postgres và SQL Server,... đều sử dụng SQL làm ngôn ngữ cơ sở dữ liệu
chuẩn. SQL bắt đầu từ những năm 1970, khi các kỹ sư của IBM là Donald Chamberlin
và Raymond Boyce thiết kế phiên bản đầu tiên để tương tác và lấy dữ liệu được lưu trữ
trong hệ thống cơ sở dữ liệu của cơng ty. Họ gọi nó là SEQUEL, mặc dù sau đó họ
buộc phải thay đổi nó do các vấn đề bản quyền.
1.2.2 Xây dựng website bằng Wordpress
1.2.2.1 Wordpress là gì?

Hình 8. Wordpress

WordPress là một hệ thống mã nguồn mở dùng để xuất bản blog/website được viết

bằng ngơn ngữ lập trình PHP và cơ sở dữ liệu MySQL. WordPress được biết đến như
một CMS miễn phí nhưng tốt, dễ sử dụng và phổ biến nhất trên thế giới.
10


Với WordPress, bạn có thể tạo trang web thương mại điện tử, cổng thông tin, portfolio
online, diễn đàn thảo luận và những web tuyệt vời khác.
Theo thông tin từ WordPress.org, WordPress là sự kế thừa chính thức từ một cơng cụ
viết blog được phát triển bởi lập trình viên người Pháp Michel Valdrighi có tên
là b2/cafelog, ra mắt lần đầu tiên vào năm 2001.
Đến ngày 27 tháng 5 năm 2003, WordPress mới chính thức được phát hành phiên bản
đầu tiên bởi Matt Mullenweg và Mike Little.
Ưu điểm:
+ Dễ sử dụng: Thao tác sử dụng WordPress rất đơn giản, dễ hiểu và dễ vận hành nên
người sử dụng không cần biết kiến thức lập trình nâng cao.
+ Dễ quản lý: Hệ thống quản trị dễ dàng, tất cả các mục như bài đăng, giao diện, cài
đặt,... được sắp xếp dễ hiểu, khoa học và thân thiện với người dùng.
+ Tối ưu hóa SEO: Có các cơng cụ mặc định để giúp SEO trang web dễ dàng hơn và
nhanh hơn.
+ Hỗ trợ nhiều loại ngôn ngữ: WordPress hỗ trợ 52 ngôn ngữ trong đó có tiếng Việt.
+ Thiết kế trang web đa dạng: Nhiều gói giao diện có sẵn, hệ thống Themes đồ sộ,
có thể làm nhiều loại website.
+ Tiết kiệm chi phí: Có rất nhiều themes miễn phí và có sẵn để sử dụng, bạn có thể
thiết kế một website riêng mà khơng tốn bất kỳ chi phí nào.
+ Cộng đồng sử dụng rộng lớn: Có thể học hỏi các mẹo vặt và thủ thuật dành cho
WordPress từ những người khác trên Internet.
Nhược điểm:
+ Cài đặt template và plugin: Cài đặt khơng đơn giản, nếu cài đặt khơng đúng cách
có thể dẫn đến nhiều xung đột xảy ra khi sử dụng.
+ Phù hợp với doanh nghiệp nhỏ: Có hiệu suất thấp trong việc xử lý các cơ sở dữ

liệu dung lượng lớn nên khơng phù hợp với các doanh nghiệp có dung lượng máy chủ
lớn.
1.2.2.2 Xây dựng website trên Wordpress bằng Elementor Page Builder

11


Hình 9. Elementor Page Builder

Elementor là Plugin Page Builder (Page Builder là công cụ hỗ trợ xây dựng website
thông qua các thao tác kéo thả (drag & drop). Công cụ được trang bị sẵn các thành
phần, người dùng có thể tự do chia bố cục trang bằng cách kéo thả block đến vị trí
mong muốn) giúp bạn tạo các trang WordPress đẹp mắt một cách dễ dàng. Chỉ với các
thao tác kéo thả đơn giản là bạn đã sở hữu được một Website theo ý muốn.
Elementor được xây dựng dựa trên yếu tố cốt lõi là tốc độ. Vì vậy nó xử lý rất nhanh
tất cả yêu cầu. Plugin này xây dựng Page trực tiếp Front-End, có nghĩa là nó sẽ chỉnh
sửa Page với trình trực quan dễ dàng quan sát trong lúc xây dựng website.
Nó có những tiện ích về văn bản, hình ảnh đến khu vực hiển thị lời chứng thực, đánh
giá của khách hàng, thanh trượt, biểu tượng, Tab, phương tiện truyền thơng xã hội,…
Mỗi tiện ích đều sẽ có cách cài đặt riêng biệt, tuy nhiên chúng rất dễ để sử dụng.
Plugin này còn cho phép thêm những phần tử được tạo ra từ các Plugin khác của
WordPress. Ngồi ra, Elementor cịn sở hữu nhiều mẫu sẵn có để bạn dễ sử dụng và
chỉnh sửa ngay tức thời. Chỉ với vài cú Click chuột đơn giản là đã sửa được bất kỳ
mục nào trên trang hay thay thế bằng nội dung của riêng mình.

12


Nhờ sự thiết lập đơn giản lại tiện lợi nên Elementor là một trong những Plugin được
cài đặt nhiều nhất. Hiện nay trên WordPress đã có hơn 5 triệu người cài đặt và sử

dụng.
Ưu điểm:
•

Elementor rất dễ sử dụng và nó mang lại khá nhiều tính năng ấn tượng.

•

Elementor cịn cung cấp bản xem trước thời gian thực để bạn có thể xem lại
thiết kế của mình. Từ đó, sẽ có cái nhìn trực quan nhất trong q trình chỉnh sửa
bố cục và nội dung.

•

Dễ dàng điều chỉnh chế độ xem trên máy tính bảng, máy tính và thiết bị di
động. Elementor cho phép tự điều chỉnh bố cục riêng biệt và phù hợp cho từng
thiết bị khác nhau.

•

Có thể thêm hoặc bớt các bố cục, phần tử và thiết kế nâng cao cho Website và
nội dung. Ngoài ra, dễ dàng di chuyển các phần tử từ biểu mẫu, hình ảnh cho
đến các nút bằng cách kéo thả.

•

Đây cịn được xem là một công cụ giúp tạo Landing Page một cách cực chuyên
nghiệp.

Nhược điểm:

•

Cần một thời gian để học tập và sử dụng thành thạo Plugin.

•

Nếu hủy kích hoạt Plugin thì bố cục sẽ dễ dàng bị phá vỡ, đây là nhược điểm
chung của mọi Page Builder.

•

Tính năng API thì chưa được tích hợp với nhiều dịch vụ ở bên ngoài.

13


1.2.2.3 Xây dựng website trên Wordpress bằng Brick Page Builder

Hình 10. Bricks Builder

Bricks Builder là một theme WordPress giúp bạn tạo các trang web tùy chỉnh với tốc
độ rất nhanh. Cũng là một dạng Page Builder như Elementor tuy nhiên, vì Bricks mới
được phát triển gần đây nên các tính năng còn hạn chế, chưa phổ biến với nhiều người
như Elementor. Elementor dễ sử dụng hơn là do nó có giao diện kéo và thả giúp dễ
dàng thêm và sắp xếp lại các thành phần trên trang. Mặt khác, Bricks Builder yêu cầu
phải có một số kiến thức về code để có thể sử dụng nó một cách hiệu quả.
Ưu điểm:
•

Trình tạo được tích hợp ngay trong chủ đề, vì vậy bạn khơng cần thêm bất kỳ

plugin nào

•
•

Các trang web nhanh và nhẹ, điều này rất tốt cho PageSpeed
Giao diện tương tự như các trình tạo trang khác, vì vậy việc làm quen với nó trở
nên dễ dàng hơn

•

Có thể sử dụng phơng chữ tùy chỉnh ngồi Google Fonts

•

Có thể ghim bất kỳ phần tử nào để truy cập nhanh hơn

•

Cung cấp lộ trình phát triển cơng khai, khơng giống như các trình tạo khác

•

Cực kỳ linh hoạt, cho phép tạo bất kỳ loại bố cục nào mà có thể tưởng tượng.

•

Tốc độ trang web được tạo ra bằng Bricks khá nhanh.

•

Bricks có khả năng tùy biến cao, nghĩa là có thể thay đổi giao diện của trang
web để phù hợp hồn hảo với thương hiệu của mình.

Nhược điểm:
•

Vì mới được phát triển gần đây nên Bricks chưa được phổ biến, bên cạnh đó là
cịn thiếu nhiều tính năng

•

Thiếu tùy chỉnh cho các element
14


•

Chưa có phiên bản miễn phí

1.2.3 Woo Comerce

Hình 11. Woocommerce

WooCommerce là một plugin mã nguồn mở trên WordPress hỗ trợ thiết kế website
thương mại điện tử hay web bán hàng.
WooCommerce được phát triển và ra mắt bởi hai nhà lập trình Mike Jolley và James
Koster sau khi làm việc trên một bản sao của plugin thương mại điện tử JigoShop tại
cơng ty Woothemes vào năm 2011 và nhanh chóng trở nên phổ biến. Plugin này đạt 1
triệu lượt tải về trong vòng 2 năm sau khi phát hành và vượt 4 triệu lượt tải về vào năm

2014. Đến năm 2015, Automattic, công ty mẹ của WordPress mua lại cả Woothemes và
WooCommerce, thương vụ đã giúp WooCommerce vượt mốc 7 triệu lượt tải về trong
vịng 1 năm. Sự kết hợp hồn hảo đó đã thúc đẩy plugin này phát triển ngày càng mạnh
mẽ với hơn 22% trong số 1 triệu website chạy trên nền tảng WordPress sử dụng plugin
này và 28% của tất cả các cửa hàng trực tuyến toàn cầu.
Tác vụ của nó là biến website trở thành một trang thương mại điện tử nhanh chóng, hiệu
quả. WooCommerce có tồn bộ các chức năng mà một web bán hàng cần có như: giỏ
đơn hàng, số lượng hàng hóa, thanh tốn, khuyến mãi, đăng ký khách hàng, …
WooCommerce cung cấp rất nhiều tính năng hữu ích như:

15


•

Tạo danh sách để người dùng tùy ý nhập và tra cứu thơng tin sản phẩm (ví
dụ như: mã, tên, số lượng,..).

•

Tính tốn được tổng chi phí đơn hàng của người mua một cách nhanh chóng,
chính xác.

•

Hỗ trợ các hình thức thanh tốn trực tiếp và online thơng dụng như: PayPal,
Credit Card, COD, Cash.

•

Hỗ trợ tính thuế VAT hoặc thuế doanh nghiệp.

•

Cung cấp template mẫu, hỗ trợ xây dựng giao diện hiển thị cho doanh nghiệp.

•

Xác nhận trạng thái đơn hàng, giúp người bán biết được món hàng của mình
đang ở giai đoạn nào (đã xác nhận đơn, đang giao hàng, đã giao thành công hay
yêu cầu trả lại hàng,…).

Ưu điểm:
•

Miễn phí hồn tồn.

•

Dễ dàng cài đặt và sử dụng nên khơng cần người dùng phải có kiến thức chun
sâu về kỹ thuật.

•

Có kho thư viện template WordPress phong phú nên thuận tiện cho người dùng
trong việc thiết kế website kinh doanh trực tuyến nhanh chóng, chỉ qua vài thao
tác.

•

Các tính năng mới được các nhà phát triển thường xuyên cập nhật và hỗ trợ.

•

Độ bảo mật cao, ngăn chặn được tất cả các cuộc xâm nhập của của hacker, mã
độc. Nhờ thế dữ liệu và các thông tin giao dịch của người dùng được an tồn.

•

Cho phép người dùng tùy ý cấu hình một lượng lớn tính năng hay extensions
được tích hợp.

Nhược điểm:
•

Khả năng tăng trưởng và mở rộng cịn hạn chế.

•

Để có được một cửa hàng đẹp, bạn cũng phải cấu hình tất cả các phần khác của
Wordpress như chọn một chủ đề Wordpress tốt.

•

Phải mất rất nhiều cơng sức để có được một cửa hàng đẹp.
16


1.3 Hosting DirectAdmin

Hình 12. DirectAdmin

DirectAdmin là một trong những Bảng điều khiển (Control Panel) dành cho
người quản trị Web Hosting được ưa chuộng hiện nay với giao diện trực quan, dễ
sử dụng. DirectAdmin cung cấp các tính năng như xem, thay đổi thiết lập phần cứng
và phần mềm của máy chủ. Đồng thời nâng cao tính bảo mật và kiểm soát tài khoản
người dùng. Điều tạo nên sự khác biệt giữa DirectAdmin và các hệ quản trị hosting
khác là gì?
DirectAdmin hướng đến sự đơn giản, tiện dụng, tốc độ và sự ổn định. Nhưng vẫn có
đầy đủ các tính năng cần thiết cho một quản trị hosting server. Đặc biệt khi sử dụng
DirectAdmin, các nhiệm vụ đều sẽ được tự động hoá. Việc quản trị máy chủ và chia sẻ
trang web sẽ được thực hiện một cách dễ dàng hơn.
Ưu điểm:
•

Giao diện sử dụng của DirectAdmin tương đối đơn giản nhưng vẫn đầy đủ
những tính năng cần thiết.
17


•

Tốc độ xử lý cực kỳ nhanh chóng và khả năng thích ứng cao. Bên cạnh đó, giao
diện của phần mềm này cũng được thiết kế theo hướng tối giản, dễ sử dụng và ít
tiêu tốn tài ngun hệ thống.

•

Tính ổn định cao, nó có thể hoạt động trong thời gian dài mà không mắc phải
lỗi hệ thống như các phần mềm quản trị hosting khác. Thêm vào đó,

DirectAdmin cịn có khả năng tự phục hồi trong trường hợp xảy ra lỗi bằng
cách khởi động lại hệ thống

•

Giá bản quyền thấp.

1.4 OmniChannel

Hình 13. OmniChannel

Omnichannel là mơ hình bán hàng đa kênh được nhiều người biết đến hiện nay. Mơ hình
này giúp bạn tiếp cận khách hàng qua những nền tảng phổ biến và hoạt động một cách
thống nhất trên cùng một hệ thống.

18