BÁO CÁO THỰC TẬP TỐT NGHIỆP THIẾT KẾ VÀ XÂY DỰNG WEBSITE QUẢNG BÁ DOANH NGHIỆP BẰNG WORDPRESS

MỤC LỤC MỞ ĐẦU ...................................................................................................... 1 1. Giới thiệu về đơn vị thực tập ............................................................ 1 2. Lý do chọn đề tài................................................................................ 2 3. Mục tiêu của báo cáo ......................................................................... 2 4. Phương pháp nghiên cứu .................................................................. 3 CHƯƠNG 1 TỔNG QUAN VÀ CƠ SỞ LÝ THUYẾT........................... 5 1.1. Tổng quan về WordPress................................................................ 5 1.1.1. Giới thiệu về WordPress.............................................................. 5 1.1.2. Lịch sử phát triển WordPress..................................................... 5 1.1.3. Tính năng nổi bật của WordPress.............................................. 6 1.2. Quản trị nội dung (CMS)................................................................. 7 1.2.1. Khái niệm và vai trò CMS........................................................... 7 1.2.2. Các CMS phổ biến (WordPress, Joomla, Drupal)..................... 7 1.2.3. Ưu và nhược điểm của WordPress so với các CMS khác ......... 8 1.3. Thiết kế giao diện người dùng (UI/UX).......................................... 9 1.3.1. Nguyên tắc thiết kế UI/UX.......................................................... 9 1.3.2. Các bước trong quy trình thiết kế UI/UX.............................. 10 1.3.3. Công cụ thiết kế figma .............................................................. 11 1.4. Tối ưu hóa công cụ tìm kiếm (SEO).............................................. 12 1.4.1. Khái niệm và tầm quan trọng của SEO ................................... 12 1.4.2. Các yếu tố ảnh hưởng đến SEO ............................................... 12 1.4.3. Các công cụ hỗ trợ SEO............................................................ 14 1.5. Bảo mật website .............................................................................. 14 1.5.1. Tầm quan trọng của bảo mật website....................................... 14 1.5.2. Các biện pháp bảo mật cơ bản cho website.............................. 14 1.5.3. Công cụ hỗ trợ bảo mật website................................................ 15 CHƯƠNG 2 PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG...................... 16 2.1. Khảo sát và phân tích yêu cầu....................................................... 16 2.1.1. Khảo sát nhu cầu người dùng .................................................. 16 2.1.2. Phân tích yêu cầu chức năng ................................................... 16 2.2.3. Phân tích yêu cầu phi chức năng............................................. 17 2.3. Thiết kế giao diện người dùng ....................................................... 18 2.3.1. Trang chủ .................................................................................. 18 2.3.2. Trang giới thiệu......................................................................... 20 2.3.3. Trang sản phẩm & dịch vụ ....................................................... 21 2.3.4. Trang liên hệ ............................................................................. 22 2.4. Thiết kế kiến trúc hệ thống ............................................................. 23 2.4.1. Kiến trúc N-tier.......................................................................... 23 2.4.2. Kiến trúc Client-Server ............................................................. 24 2.5. Phát triển website bằng WordPress.............................................. 24 2.5.1. Cài đặt WordPress..................................................................... 24 2.5.2. Chọn theme phù hợp................................................................. 25 2.5.3. Cài đặt các plugin cần thiết:..................................................... 26 CHƯƠNG 3 TÍCH HỢP VÀ KIỂM THỬ.............................................. 32 3.1. Tích hợp các tính năng chính ........................................................ 32 3.1.1. Tích hợp tính năng nhận báo giá............................................. 32 3.1.2. Tích hợp tính năng liên hệ và hỗ trợ........................................ 33 3.1.3. Tích hợp tính năng quản lý nội dung....................................... 34 3.2. Kiểm thử Website ........................................................................... 34 3.2.1. Kiểm thử chức năng và bảo mật............................................... 34 3.2.2. Kiểm thử hiệu suất .................................................................... 37 3.3. Tối ưu hóa và bảo mật website ...................................................... 38 3.3.1. Tối ưu hóa tốc độ tải trang ....................................................... 38 3.3.2. Tối ưu hóa SEO......................................................................... 39 3.3.3. Tăng cường bảo mật ................................................................. 39 CHƯƠNG 4 TRIỂN KHAI VÀ BẢO TRÌ ............................................. 41 4.1. Triển khai website ........................................................................ 41 4.1.1. Triển khai lên server thực tế................................................... 41 4.1.2. Cấu hình tên miền và quản lý hosting ................................... 43 4.1.3. Quản lý cơ sở dữ liệu và sao lưu ............................................ 45 4.2. Bảo trì và nâng cấp website ......................................................... 46 4.2.1. Các hoạt động bảo trì .............................................................. 46 4.2.2. Các hoạt động nâng cấp.......................................................... 47 4.3. Đánh giá hiệu quả website sau một thời gian hoạt động .......... 47 4.3.1. Đánh giá từ góc nhìn khách hàng.......................................... 47 4.3.2. Đánh giá từ góc nhìn quản trị viên ........................................ 47 KẾT LUẬN................................................................................................ 49 1. Về quá trình thực tập......................................................................... 49 2. Đề xuất hướng phát triển tiếp theo ................................................ 50 TÀI LIỆU THAM KHẢO ........................................................................ 51

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC GIA ĐỊNH KHOA CÔNG NGHỆ THÔNG TIN

BÁO CÁO THỰC TẬP TỐT NGHIỆP

TÊN ĐỀ TÀI

THIẾT KẾ VÀ XÂY DỰNG WEBSITE QUẢNG BÁ DOANH

NGHIỆP BẰNG WORDPRESS

Giảng viên hướng dẫn: ĐINH HOÀNG GIA

Sinh viên thực hiện: VÕ VĂN TOÀN

MSSV: 2104110021 Lớp: K15DCPM01 Khóa: 2021-2024

Thành phố Hồ Chí Minh, tháng 07 năm 2024

LỜI CẢM ƠN

Kính thưa thầy Đinh Hoàng Gia,

Em xin gửi lời cảm ơn chân thành và sâu sắc nhất đến thầy vì sự hướng dẫn tận tình và hỗ trợ vô giá trong suốt quá trình thực tập và hoàn thành báo cáo thực tập tốt nghiệp này

Thầy đã không chỉ cung cấp cho em những kiến thức chuyên môn quý báu

mà còn truyền đạt những kinh nghiệm thực tế và những lời khuyên quý giá, giúp em hoàn thiện kỹ năng và phát triển tư duy sáng tạo Sự hỗ trợ và hướng dẫn của thầy đã giúp em vượt qua nhiều khó khăn, thử thách trong quá trình thực tập

Em xin chân thành cảm ơn quý doanh nghiệp đã tạo điều kiện thuận lợi cho

em trong thời gian thực tập Sự hỗ trợ từ cơ sở vật chất đầy đủ và hiện đại đã giúp em tiếp cận và thực hiện công việc một cách hiệu quả Bên cạnh đó, những kinh nghiệm quý báu và sự hướng dẫn tận tình từ các anh chị tại công

ty đã giúp em trưởng thành và học hỏi được nhiều điều bổ ích

Em rất trân trọng và cảm kích vì những cơ hội và sự giúp đỡ mà quý doanh nghiệp đã dành cho em Những bài học và trải nghiệm này sẽ là hành trang quý giá trên con đường sự nghiệp của em trong tương lai

Em xin cảm ơn thầy đã luôn đồng hành, động viên và khích lệ em trong suốt thời gian qua Em rất trân trọng sự quan tâm và hỗ trợ của thầy và em sẽ luôn ghi nhớ những bài học quý báu mà thầy đã truyền đạt

Kính chúc thầy luôn mạnh khỏe, hạnh phúc và thành công trong sự nghiệp giáo dục và nghiên cứu

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

ĐÁNH GIÁ CỦA ĐƠN VỊ THỰC TẬP

1 Thái độ tác phong trong thời gian thực tập:

2 Kiến thức chuyên môn:

3 Nhận thức thực tế:

4 Đánh giá khác:

5 Đánh giá chung kết quả thực tập:

………, ngày … tháng … năm …………

TM Đơn vị thực tập

(Ký tên, đóng dấu)

ĐÁNH GIÁ CỦA GIẢNG VIÊN HƯỚNG DẪN

1 Thái độ tác phong trong thời gian thực tập:

2 Kiến thức chuyên môn:

3 Nhận thức thực tế:

4 Đánh giá khác:

5 Đánh giá chung kết quả thực tập:

………, ngày …… tháng …… năm …………

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

(Ký tên, ghi rõ họ tên)

TRƯỜNG ĐẠI HỌC GIA ĐỊNH

KHOA CÔNG NGHỆ THÔNG TIN CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự do – Hạnh phúc

BÁO CÁO THỰC TẬP TỐT NGHIỆP HÀNG TUẦN

Họ và tên SV: Võ Văn Toàn MSSV: 2104110021 Lớp: K15DCPM01

Giảng viên hướng dẫn: Đinh Hoàng Gia Tên doanh nghiệp đến thực tập: CÔNG TY TNHH THƯƠNG MẠI SẢN XUẤT XÂY DỰNG TRƯỜNG ĐẠT

Địa chỉ: 162 Bùi Quang Là, Phường 12, Quận Gò Vấp, Hồ Chí Minh

Điện thoại: 0977 518 608 Tên cán bộ phụ trách thực tập tại doanh nghiệp: Phạm Thị Phương Linh Thời gian thực tập Từ: 25/05/2024 Đến: 02/08/2024

Stt Tuần thứ Nội dung CV thực tập trong tuần

Nhận xét của CB hướng dẫn tại DN (Ký tên và ghi rõ

họ tên)

Nhận xét của giảng viên hướng

dẫn (Ký tên và ghi rõ

liên kết chính

Kiểm thử toàn bộ trang web, tìm

và sửa lỗi, kiểm tra tính tương thích trên các trình duyệt và thiết

bị Hoàn thiện các chi tiết cuối cùng, triển khai trang web lên máy chủ

MỤC LỤC

MỞ ĐẦU 1

1 Giới thiệu về đơn vị thực tập 1

2 Lý do chọn đề tài 2

3 Mục tiêu của báo cáo 2

4 Phương pháp nghiên cứu 3

CHƯƠNG 1 TỔNG QUAN VÀ CƠ SỞ LÝ THUYẾT 5

1.1 Tổng quan về WordPress 5

1.1.1 Giới thiệu về WordPress 5

1.1.2 Lịch sử phát triển WordPress 5

1.1.3 Tính năng nổi bật của WordPress 6

1.2 Quản trị nội dung (CMS) 7

1.2.1 Khái niệm và vai trò CMS 7

1.2.2 Các CMS phổ biến (WordPress, Joomla, Drupal) 7

1.2.3 Ưu và nhược điểm của WordPress so với các CMS khác 8

1.3 Thiết kế giao diện người dùng (UI/UX) 9

1.3.1 Nguyên tắc thiết kế UI/UX 9

1.3.2 Các bước trong quy trình thiết kế UI/UX 10

1.3.3 Công cụ thiết kế figma 11

1.4 Tối ưu hóa công cụ tìm kiếm (SEO) 12

1.4.1 Khái niệm và tầm quan trọng của SEO 12

1.4.2 Các yếu tố ảnh hưởng đến SEO 12

1.4.3 Các công cụ hỗ trợ SEO 14

1.5 Bảo mật website 14

1.5.1 Tầm quan trọng của bảo mật website 14

1.5.2 Các biện pháp bảo mật cơ bản cho website 14

1.5.3 Công cụ hỗ trợ bảo mật website 15

CHƯƠNG 2 PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 16

2.1 Khảo sát và phân tích yêu cầu 16

2.1.1 Khảo sát nhu cầu người dùng 16

2.1.2 Phân tích yêu cầu chức năng 16

2.2.3 Phân tích yêu cầu phi chức năng 17

2.3 Thiết kế giao diện người dùng 18

2.3.1 Trang chủ 18

2.3.2 Trang giới thiệu 20

2.3.3 Trang sản phẩm & dịch vụ 21

2.3.4 Trang liên hệ 22

2.4 Thiết kế kiến trúc hệ thống 23

2.4.1 Kiến trúc N-tier 23

2.4.2 Kiến trúc Client-Server 24

2.5 Phát triển website bằng WordPress 24

2.5.1 Cài đặt WordPress 24

2.5.2 Chọn theme phù hợp 25

2.5.3 Cài đặt các plugin cần thiết: 26

CHƯƠNG 3 TÍCH HỢP VÀ KIỂM THỬ 32

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

3.1.1 Tích hợp tính năng nhận báo giá 32

3.1.2 Tích hợp tính năng liên hệ và hỗ trợ 33

3.1.3 Tích hợp tính năng quản lý nội dung 34

3.2 Kiểm thử Website 34

3.2.1 Kiểm thử chức năng và bảo mật 34

3.2.2 Kiểm thử hiệu suất 37

3.3 Tối ưu hóa và bảo mật website 38

3.3.1 Tối ưu hóa tốc độ tải trang 38

3.3.2 Tối ưu hóa SEO 39

3.3.3 Tăng cường bảo mật 39

CHƯƠNG 4 TRIỂN KHAI VÀ BẢO TRÌ 41

4.1 Triển khai website 41

4.1.1 Triển khai lên server thực tế 41

4.1.2 Cấu hình tên miền và quản lý hosting 43

4.1.3 Quản lý cơ sở dữ liệu và sao lưu 45

4.2 Bảo trì và nâng cấp website 46

4.2.1 Các hoạt động bảo trì 46

4.2.2 Các hoạt động nâng cấp 47

4.3 Đánh giá hiệu quả website sau một thời gian hoạt động 47

4.3.1 Đánh giá từ góc nhìn khách hàng 47

4.3.2 Đánh giá từ góc nhìn quản trị viên 47

KẾT LUẬN 49

1 Về quá trình thực tập 49

2 Đề xuất hướng phát triển tiếp theo 50

TÀI LIỆU THAM KHẢO 51

PHỤ LỤC

Hình 2 1 Trang chủ 19

Hình 2 2 Trang giới thiệu 20

Hình 2 3 Trang sản phẩm & dịch vụ 21

Hình 2 4 Trang liên hệ 22

Hình 2 5 Kiến trúc N – tier (nguồn herbertograca.com) 23

Hình 2 6 Kiến trúc Clients – Server 24

Hình 2 7 Elementor 26

Hình 2 8 Ithemes Security Pro 27

Hình 2 9 10Web Booster 28

Hình 2 10 All in one SEO 29

Hình 2 11 WP Mail SMTP 30

Hình 2 12 Contact form 7 31

Hình 3 1 Kết quả kiểm tra bằng công cụ Lighthouse 38

Bảng 3 1 Kiểm thử trang web 37

Hình 4 1 Hosting Cpanel 42

Hình 4 2 Source web wordpress 43

Hình 4 3 Cấu hình DNS 44

Hình 4 4 Khai báo tên miền vào hosting cấp chứng chỉ SSL 45

Hình 4 5 Công cụ sao lưu tự động Jetbackup 5 tích hợp vào hosting 46

MỞ ĐẦU

1 Giới thiệu về đơn vị thực tập

- TRƯỜNG ĐẠT là đơn vị hàng đầu trong tư vấn thiết kế và sản xuất, thi công các sản phẩm cơ khí, cửa nhôm, cửa kính, cửa cuốn, cửa kéo, khung nhôm kính các loại, đảm bảo bền đẹp và tiện dụng

- Với các sản phẩm đa dạng: cửa nhôm, cửa cuốn, cửa kéo, cửa kính, Cửa thủy lực – Phòng tắm kính – Kính an toàn – Mặt dựng kính, cầu thang kính, lan can kính, cửa kính tự động, vách kính, kính điêu khắc – trang trí…

- Với đội ngũ kỹ sư và thợ lắp đặt giàu kinh nghiệm, cùng với công nghệ tiên tiến, TRƯỜNG ĐẠT cam kết mang đến những sản phẩm cửa kính không chỉ đẹp mắt mà còn bền bỉ và an toàn Chúng tôi sử dụng các loại kính chất lượng cao, đạt tiêu chuẩn quốc tế, và áp dụng các công nghệ mới nhất trong quy trình lắp đặt để đảm bảo mọi sản phẩm đều đạt hiệu suất tối ưu và đáp ứng nhu cầu thẩm mỹ cũng như chức năng của khách hàng

- Điểm nổi bật của TRƯỜNG ĐẠT chính là khả năng tùy chỉnh sản phẩm theo yêu cầu của từng dự án, từ thiết kế cho đến lắp đặt Chúng tôi luôn lắng nghe

và hiểu rõ nhu cầu của khách hàng để cung cấp các giải pháp tối ưu nhất Sự hài lòng của khách hàng là ưu tiên hàng đầu của chúng tôi, và chúng tôi cam kết mang đến dịch vụ khách hàng tận tâm, chuyên nghiệp

- TRƯỜNG ĐẠT không ngừng cập nhật xu hướng mới và công nghệ tiên tiến trong ngành cửa kính, đảm bảo rằng chúng tôi luôn đi đầu trong việc cung cấp những sản phẩm và dịch vụ tốt nhất Với uy tín và chất lượng đã được khẳng định, Cửa Kính TRƯỜNG ĐẠT là sự lựa chọn tin cậy cho mọi nhu cầu về cửa kính

2 Lý do chọn đề tài

- Trong bối cảnh thị trường ngày càng cạnh tranh và phát triển nhanh chóng, việc quảng bá doanh nghiệp thông qua các phương tiện truyền thông số trở nên vô cùng quan trọng Công ty TRƯỜNG ĐẠT, với uy tín và chất lượng hàng đầu trong lĩnh vực tư vấn thiết kế, sản xuất và thi công các sản phẩm cơ khí, cửa nhôm, cửa kính, cửa cuốn, cửa kéo, khung nhôm kính, cần phải tận dụng hiệu quả các công cụ kỹ thuật số để tiếp cận khách hàng và nâng cao thương hiệu

- Công ty TRƯỜNG ĐẠT cần một nền tảng trực tuyến để giới thiệu sản phẩm, dịch vụ và các dự án đã thực hiện, từ đó tạo lòng tin với khách hàng và đối tác Một website chuyên nghiệp và dễ sử dụng sẽ giúp công ty tiếp cận được nhiều khách hàng hơn, tăng doanh số và mở rộng thị trường

- WordPress là một nền tảng mã nguồn mở phổ biến với giao diện thân thiện,

dễ sử dụng và quản lý Việc sử dụng WordPress sẽ giúp công ty dễ dàng cập nhật thông tin, sản phẩm và dịch vụ một cách nhanh chóng mà không cần nhiều kiến thức về lập trình

- So với việc phát triển một website từ đầu, việc sử dụng WordPress giúp tiết kiệm chi phí và thời gian Ngoài ra, WordPress cung cấp rất nhiều plugin và theme miễn phí hoặc có giá thành hợp lý, giúp nâng cao tính năng và thẩm mỹ cho website

- WordPress cho phép tùy chỉnh theo nhu cầu cụ thể của doanh nghiệp Từ việc thiết kế giao diện, thêm các tính năng đặt hàng trực tuyến, liên hệ, đến tích hợp các công cụ phân tích và SEO, WordPress đáp ứng được mọi yêu cầu của công ty TRƯỜNG ĐẠT trong việc xây dựng một website hoàn chỉnh và hiệu quả

3 Mục tiêu của báo cáo

- Xây dựng một website chuyên nghiệp cho công ty TRƯỜNG ĐẠT : Tạo ra một nền tảng trực tuyến để giới thiệu sản phẩm và dịch vụ của công ty Thiết

kế giao diện thân thiện, dễ sử dụng và phù hợp với phong cách và thương hiệu của công ty Đảm bảo website có tốc độ tải nhanh, bảo mật cao và hoạt động

ổn định

- Tối ưu hóa công cụ tìm kiếm (SEO): Nghiên cứu và áp dụng các kỹ thuật SEO

để nâng cao thứ hạng của website trên các công cụ tìm kiếm như Google Tăng cường khả năng tiếp cận và thu hút khách hàng tiềm năng thông qua tìm kiếm

tự nhiên

- Đánh giá và phân tích hiệu quả website: Sử dụng các công cụ phân tích web

để theo dõi lượng truy cập, hành vi người dùng, và hiệu quả của các chiến dịch marketing

- Phát triển kỹ năng cá nhân và kiến thức chuyên môn: Nâng cao hiểu biết về thiết kế web, quản lý nội dung và marketing số Phát triển kỹ năng lập trình, quản lý dự án và làm việc thông qua quá trình thực hiện đề tài

- Đóng góp vào sự phát triển của công ty TRƯỜNG ĐẠT: Giúp công ty xây dựng một hình ảnh chuyên nghiệp, hiện đại trên môi trường trực tuyến Hỗ trợ công ty trong việc tiếp cận và mở rộng thị trường, nâng cao uy tín và thương hiệu

4 Phương pháp nghiên cứu

- Thu thập tài liệu: Tìm kiếm và thu thập các tài liệu, sách, bài viết và báo cáo liên quan đến WordPress, thiết kế web, SEO và marketing số

- Phân tích tài liệu: Đọc và phân tích các tài liệu để nắm vững kiến thức cơ bản

về WordPress, cách thức thiết kế và phát triển website, cùng các kỹ thuật tối

ưu hóa và quảng bá website

- Phát triển website: Sử dụng WordPress để xây dựng và phát triển website theo các thiết kế đã đề ra, bao gồm việc cài đặt theme, plugin và tùy chỉnh giao diện

- Kiểm thử: Thực hiện các bước kiểm thử chức năng, hiệu suất, bảo mật và giao diện người dùng để đảm bảo website hoạt động ổn định và đáp ứng yêu cầu

- Tối ưu hóa SEO: Áp dụng các kỹ thuật SEO để cải thiện thứ hạng của website trên các công cụ tìm kiếm

- Tối ưu hóa hiệu suất: Sử dụng các công cụ và kỹ thuật tối ưu hóa hiệu suất để đảm bảo website tải nhanh và hoạt động mượt mà

- Triển khai website: Đưa website lên môi trường thực tế và thực hiện các bước cấu hình cuối cùng để đảm bảo website hoạt động tốt

- Sử dụng công cụ phân tích: Sử dụng các công cụ như Google Analytics, Google Search Console để theo dõi và phân tích lượng truy cập, hành vi người dùng trên website

- Cải tiến: Dựa trên phản hồi và phân tích, thực hiện các cải tiến và cập nhật để nâng cao chất lượng và hiệu quả của website

CHƯƠNG 1

TỔNG QUAN VỀ XÂY DỰNG WEBSITE TRÊN NỀN TẢNG

WORDPRESS

1.1 Tổng quan về WordPress

1.1.1 Giới thiệu về WordPress

- WordPress là một hệ quản trị nội dung (Content Management System - CMS)

mã nguồn mở được viết bằng ngôn ngữ lập trình PHP và sử dụng cơ sở dữ liệu MySQL WordPress được phát hành lần đầu vào năm 2003 bởi Matt Mullenweg và Mike Little, và kể từ đó đã phát triển thành một trong những nền tảng xây dựng website phổ biến nhất thế giới

- WordPress ban đầu được thiết kế như một công cụ để tạo blog, nhưng với sự phát triển và mở rộng các tính năng, nó đã trở thành một nền tảng mạnh mẽ

để xây dựng nhiều loại website khác nhau, từ blog cá nhân, trang web doanh nghiệp đến các website thương mại điện tử phức tạp

1.1.2 Lịch sử phát triển WordPress

- Giai đoạn khởi đầu (2003-2005):

+ WordPress được ra mắt vào năm 2003 như một nền tảng blog, kế thừa từ dự án b2/cafelog

+ Phiên bản đầu tiên, WordPress 0.7, được phát hành vào tháng 5/2003

- Giai đoạn phát triển (2005-2010):

+ Năm 2005, WordPress 1.5 ra đời với sự bổ sung của Pages và hệ thống quản lý giao diện (Theme System), mở rộng khả năng sử dụng cho nhiều loại website khác nhau

+ WordPress 2.0 được phát hành vào năm 2005, giới thiệu các tính năng mới như Editor cải tiến và tích hợp Gravatar

- Giai đoạn bùng nổ (2010-2015):

+ Năm 2010, WordPress 3.0 được phát hành, tích hợp nền tảng quản lý mạng lưới (Multisite), cho phép tạo và quản lý nhiều website từ một cài đặt WordPress duy nhất

+ WordPress trở thành CMS phổ biến nhất thế giới, với hàng triệu website sử dụng nền tảng này

- Giai đoạn hiện đại (2015 - nay):

+ WordPress tiếp tục phát triển với các phiên bản cải tiến, tập trung vào tính năng bảo mật, tốc độ và trải nghiệm người dùng

+ Năm 2018, WordPress 5.0 ra đời với việc giới thiệu Gutenberg, một trình biên tập khối mới, mang đến trải nghiệm chỉnh sửa nội dung trực quan và linh hoạt hơn

1.1.3 Tính năng nổi bật của WordPress

- Dễ dàng sử dụng và cài đặt: WordPress được thiết kế để dễ dàng cài đặt

và sử dụng mà không cần nhiều kiến thức kỹ thuật Người dùng có thể thiết lập website trong vài phút với giao diện quản lý thân thiện và trực quan

- Hệ thống plugin mạnh mẽ: WordPress hỗ trợ một kho plugin khổng lồ, giúp

mở rộng tính năng của website mà không cần phải lập trình thêm Các plugin phổ biến như WooCommerce cho thương mại điện tử, Yoast SEO cho tối ưu hóa công cụ tìm kiếm, và Wordfence cho bảo mật website

- Tính tùy biến cao với hệ thống giao diện (Themes): Người dùng có thể dễ dàng thay đổi giao diện của website thông qua việc chọn và tùy chỉnh các

theme WordPress cung cấp hàng ngàn theme miễn phí và trả phí, đáp ứng nhu cầu thiết kế đa dạng

- Quản lý nội dung linh hoạt: WordPress cung cấp công cụ quản lý nội dung mạnh mẽ, cho phép tạo và quản lý các bài viết, trang, media, và nhiều loại nội dung khác một cách dễ dàng

- Hỗ trợ đa ngôn ngữ: WordPress hỗ trợ nhiều ngôn ngữ khác nhau, cho phép người dùng tạo ra các website đa ngôn ngữ để tiếp cận khách hàng trên toàn thế giới

- Cộng đồng phát triển lớn mạnh: WordPress có một cộng đồng phát triển lớn

và năng động, cung cấp sự hỗ trợ kỹ thuật, tài liệu hướng dẫn, và nhiều tài nguyên phong phú để người dùng có thể tự học và phát triển website

1.2 Quản trị nội dung (CMS)

1.2.1 Khái niệm và vai trò CMS

- Hệ thống quản trị nội dung (Content Management System - CMS) là một phần mềm ứng dụng cho phép người dùng tạo, quản lý và chỉnh sửa nội dung trên một trang web mà không cần kiến thức sâu về lập trình CMS giúp việc quản

lý nội dung trở nên dễ dàng và hiệu quả hơn

- Vai trò:

+ Tăng cường khả năng quản lý và cập nhật nội dung

+ Giảm phụ thuộc vào lập trình viên

+ Hỗ trợ quản lý đa người dùng

+ Cải thiện khả năng cộng tác và quản lý dự án

+ Tích hợp các công cụ SEO, bảo mật và phân tích

1.2.2 Các CMS phổ biến (WordPress, Joomla, Drupal)

- WordPress:

+ Chiếm hơn 40% thị phần website toàn cầu

+ Được biết đến với giao diện thân thiện, dễ sử dụng và tùy biến cao + Có sẵn hàng ngàn theme và plugin để mở rộng chức năng

- Joomla:

+ Một CMS mạnh mẽ, linh hoạt với nhiều tính năng phức tạp

+ Phù hợp cho các website lớn và phức tạp, cần nhiều tính năng tùy chỉnh

+ Cộng đồng người dùng lớn và tài liệu hỗ trợ phong phú

- Drupal:

+ Được đánh giá cao về bảo mật và khả năng mở rộng

+ Phù hợp cho các website doanh nghiệp lớn, chính phủ và tổ chức phi lợi nhuận

+ Yêu cầu người dùng có kiến thức kỹ thuật sâu hơn so với WordPress

và Joomla

1.2.3 Ưu và nhược điểm của WordPress so với các CMS khác

- Ưu điểm của WordPress:

+ Dễ sử dụng: Giao diện thân thiện, dễ dàng cài đặt và quản lý

+ Tùy biến cao: Hàng ngàn theme và plugin miễn phí hoặc trả phí giúp

mở rộng chức năng và thiết kế

+ Cộng đồng hỗ trợ lớn: Hỗ trợ từ cộng đồng người dùng và nhà phát triển rộng rãi, nhiều tài liệu và hướng dẫn trực tuyến

+ SEO: Nhiều plugin hỗ trợ tối ưu hóa công cụ tìm kiếm (SEO)

+ Bảo mật: Cập nhật thường xuyên để vá các lỗ hổng bảo mật

- Nhược điểm của WordPress:

+ Bảo mật: Mặc dù có nhiều plugin bảo mật, WordPress cũng là mục tiêu phổ biến của tin tặc do thị phần lớn

+ Tốc độ: Sử dụng nhiều plugin và theme phức tạp có thể làm giảm tốc

độ tải trang

+ Quản lý: Yêu cầu người dùng cập nhật thường xuyên và quản lý các plugin, theme để tránh xung đột và lỗi

- So sánh với Joomla và Drupal:

+ Joomla: Cung cấp tính năng mạnh mẽ và linh hoạt hơn WordPress, nhưng phức tạp hơn trong việc cài đặt và quản lý Phù hợp với các website lớn và cần nhiều tính năng tùy chỉnh

+ Drupal: Cực kỳ mạnh mẽ và bảo mật cao, nhưng yêu cầu kiến thức kỹ thuật sâu hơn Phù hợp cho các dự án lớn và cần tùy chỉnh cao, như các trang web chính phủ và tổ chức lớn

1.3 Thiết kế giao diện người dùng (UI/UX)

1.3.1 Nguyên tắc thiết kế UI/UX

- Khái niệm:

+ UI (User Interface): Thiết kế giao diện người dùng, tập trung vào việc tạo ra các yếu tố trực quan và tương tác mà người dùng sử dụng để giao tiếp với một sản phẩm số

+ UX (User Experience): Thiết kế trải nghiệm người dùng, tập trung vào tổng thể cảm nhận của người dùng khi tương tác với sản phẩm số, đảm bảo rằng sản phẩm dễ sử dụng và mang lại giá trị cho người dùng

- Nguyên tắc cơ bản:

+ Đơn giản: Giao diện nên đơn giản, rõ ràng, tránh phức tạp không cần thiết

+ Nhất quán: Sử dụng nhất quán các yếu tố thiết kế như màu sắc, phông chữ, và hình ảnh để tạo ra một trải nghiệm mạch lạc

+ Khả năng truy cập: Đảm bảo rằng mọi người dùng, bao gồm cả những người khuyết tật, đều có thể sử dụng sản phẩm

+ Phản hồi: Cung cấp phản hồi ngay lập tức cho các hành động của người dùng để họ biết rằng hệ thống đang hoạt động

+ Hiệu quả: Giúp người dùng thực hiện các nhiệm vụ một cách hiệu quả

và dễ dàng

+ Thẩm mỹ: Giao diện nên hấp dẫn và phù hợp với thương hiệu của công ty

1.3.2 Các bước trong quy trình thiết kế UI/UX

- Nghiên cứu người dùng:

+ Khảo sát: Thu thập thông tin từ người dùng thông qua khảo sát để hiểu nhu cầu và mong muốn của họ

+ Phỏng vấn: Tiến hành phỏng vấn người dùng để lấy ý kiến sâu hơn về các vấn đề và nhu cầu của họ

+ Usability Testing: Tiến hành kiểm thử tính khả dụng để nhận phản hồi

từ người dùng thực tế và cải tiến giao diện

+ A/B Testing: So sánh hai phiên bản của giao diện để xác định phiên bản nào hoạt động tốt hơn

1.3.3 Công cụ thiết kế figma

- Giới thiệu về Figma:

+ Figma là một công cụ thiết kế giao diện và tạo nguyên mẫu (prototype) trực tuyến, cho phép các nhà thiết kế làm việc cùng nhau trong thời gian thực

+ Figma cung cấp các công cụ mạnh mẽ để thiết kế giao diện người dùng, tạo nguyên mẫu tương tác, và quản lý dự án thiết kế Nó cho phép làm việc nhóm và cộng tác một cách dễ dàng nhờ khả năng hoạt động trực tuyến và chia sẻ thiết kế

- Các tính năng chính của Figma:

+ Thiết kế giao diện

+ Tạo nguyên mẫu (Prototyping)

công ty TRƯỜNG ĐẠT sẽ giúp tăng cường hiệu quả công việc, đảm bảo tính nhất quán và chất lượng cao trong các sản phẩm thiết kế

1.4 Tối ưu hóa công cụ tìm kiếm (SEO)

1.4.1 Khái niệm và tầm quan trọng của SEO

- Là quá trình tối ưu hóa trang web để nâng cao thứ hạng của nó trên các công

cụ tìm kiếm như Google, Bing, và Yahoo SEO bao gồm việc cải thiện các yếu tố trên trang (on-page) và ngoài trang (off-page) để tăng cường khả năng hiển thị và lưu lượng truy cập tự nhiên (organic traffic)

- Tầm quan trọng:

+ Tăng lưu lượng truy cập: SEO giúp tăng lượng truy cập tự nhiên vào trang web từ các công cụ tìm kiếm, góp phần tăng doanh thu và sự tương tác của người dùng

+ Nâng cao uy tín: Một trang web có thứ hạng cao trên kết quả tìm kiếm thường được người dùng tin tưởng hơn

+ Hiệu quả chi phí: So với các phương pháp quảng cáo trả tiền, SEO là một chiến lược dài hạn, mang lại lợi ích bền vững và chi phí thấp hơn + Cạnh tranh: Giúp doanh nghiệp cạnh tranh hiệu quả hơn với các đối thủ trong ngành

1.4.2 Các yếu tố ảnh hưởng đến SEO

- Thẻ mô tả (Meta Descriptions): Tạo thẻ mô tả hấp dẫn, chứa từ khóa chính, giúp tăng tỉ lệ nhấp chuột (CTR)

- Thẻ heading (H1, H2, H3): Sử dụng hợp lý các thẻ heading để cấu trúc nội dung và chứa từ khóa

- URL thân thiện: Tạo URL ngắn gọn, chứa từ khóa và dễ nhớ

- Tối ưu hóa hình ảnh: Sử dụng thẻ alt cho hình ảnh, giảm dung lượng hình ảnh để tăng tốc độ tải trang

- Liên kết nội bộ: Tạo liên kết giữa các trang trong website để cải thiện khả năng điều hướng và trải nghiệm người dùng

1.4.2.2 Off-Page SEO

- Backlinks: Xây dựng liên kết ngược từ các trang web uy tín để tăng cường

độ tin cậy và thứ hạng

- Mạng xã hội: Tận dụng các nền tảng mạng xã hội để chia sẻ nội dung và tạo

ra lưu lượng truy cập

- Guest Posting: Đăng bài viết trên các trang web khác để xây dựng thương hiệu và thu hút liên kết ngược

1.4.2.3 Technical SEO

- Tốc độ tải trang: Tối ưu hóa tốc độ tải trang để cải thiện trải nghiệm người dùng và thứ hạng trên công cụ tìm kiếm

- Mobile-Friendly: Đảm bảo trang web hiển thị tốt trên các thiết bị di động

- Sitemap: Tạo sitemap và gửi lên công cụ tìm kiếm để họ có thể dễ dàng lập chỉ mục trang web

- Robots.txt: Sử dụng tệp robots.txt để kiểm soát các trang mà bạn muốn hoặc không muốn công cụ tìm kiếm lập chỉ mục

- HTTPS: Sử dụng giao thức HTTPS để bảo mật trang web và cải thiện thứ hạng

- SEMrush: Công cụ SEO mạnh mẽ, cung cấp các tính năng như nghiên cứu

từ khóa, phân tích đối thủ, và theo dõi vị trí từ khóa

1.5 Bảo mật website

1.5.1 Tầm quan trọng của bảo mật website

- Bảo vệ thông tin: Bảo mật website giúp bảo vệ thông tin quan trọng của khách hàng và doanh nghiệp khỏi các mối đe dọa như tin tặc, phần mềm độc hại và các hình thức tấn công khác

- Uy tín: Một trang web được bảo mật tốt mang lại sự tin tưởng cho khách hàng và nâng cao uy tín của doanh nghiệp

- Tuân thủ các quy định: Bảo mật website giúp doanh nghiệp tuân thủ các quy định về bảo vệ dữ liệu cá nhân như GDPR (General Data Protection Regulation) tại châu Âu hoặc các quy định tương tự ở các quốc gia khác

1.5.2 Các biện pháp bảo mật cơ bản cho website

- Sử dụng HTTPS: Triển khai SSL/TLS để mã hóa thông tin giao tiếp giữa máy khách và máy chủ, đảm bảo bảo mật trong quá trình truyền tải dữ liệu

- Cập nhật thường xuyên: Đảm bảo hệ thống và các phần mềm liên quan luôn được cập nhật lên phiên bản mới nhất để bảo vệ khỏi các lỗ hổng bảo mật đã biết

- Quản lý mật khẩu mạnh: Yêu cầu sử dụng mật khẩu mạnh, đổi mật khẩu định

kỳ và không sử dụng mật khẩu trùng lặp

- Phân quyền truy cập: Áp dụng nguyên tắc tối thiểu quyền hạn (least privilege)

để giới hạn quyền truy cập vào các tài nguyên hệ thống

- Bảo vệ chống lại SQL Injection và XSS: Kiểm tra và xử lý đầu vào từ người dùng để ngăn chặn các cuộc tấn công SQL Injection và Cross-site Scripting (XSS)

- Backup dữ liệu định kỳ: Thực hiện sao lưu dữ liệu định kỳ và lưu trữ sao lưu

ở nơi an toàn để phòng ngừa mất dữ liệu do sự cố

- Giám sát và phát hiện: Thực hiện giám sát hệ thống để phát hiện sớm các hoạt động bất thường và các nỗ lực tấn công

1.5.3 Công cụ hỗ trợ bảo mật website

- Firewall ứng dụng web (WAF): Lọc và giám sát lưu lượng mạng để ngăn chặn các cuộc tấn công web

- Công cụ quản lý danh sách đen (Blacklist): Giúp phát hiện và chặn các địa chỉ IP và tên miền có thể gây nguy hiểm

- Công cụ quản lý danh sách trắng (Whitelist): Xác định các dịch vụ và ứng dụng được phép truy cập vào hệ thống

- Quản lý chứng chỉ SSL: Đảm bảo cài đặt và quản lý chứng chỉ SSL/TLS để bảo vệ thông tin giao tiếp

CHƯƠNG 2

PHÁT TRIỂN ỨNG DỤNG WEBSITE

2.1 Khảo sát và phân tích yêu cầu

2.1.1 Khảo sát nhu cầu người dùng

- Nghiên cứu và thu thập thông tin từ người dùng cuối để hiểu rõ các nhu cầu, mong đợi và thói quen khi sử dụng website quảng bá của công ty TRƯỜNG ĐẠT

- Phương pháp khảo sát:

+ Khảo sát trực tuyến: Tạo các bảng câu hỏi online để người dùng điền thông tin về các tính năng họ mong muốn, cảm nhận về giao diện và trải nghiệm sử dụng

+ Ghi nhận phản hồi từ các kênh khác: Thu thập các phản hồi từ các kênh như email, mạng xã hội hoặc hệ thống hỗ trợ khách hàng để hiểu rõ hơn về nhu cầu và đánh giá của người dùng

2.1.2 Phân tích yêu cầu chức năng

- Chức năng quản lý nội dung: Bao gồm khả năng đăng bài, quản lý danh mục, tạo và chỉnh sửa nội dung, và công cụ tối ưu hóa SEO để cải thiện hiệu quả tìm kiếm trên các công cụ tìm kiếm

- Chức năng tương tác người dùng: Bao gồm các tính năng như bình luận, đánh giá sản phẩm, chia sẻ nội dung lên mạng xã hội, và hệ thống gợi ý sản phẩm để tăng tính tương tác và giữ chân người dùng

- Chức năng tích hợp và liên kết: Đảm bảo tính tương thích với các dịch vụ bên thứ ba như thanh toán trực tuyến, tích hợp các phương thức giao tiếp

như email marketing, và kết nối với các hệ thống CRM (Customer Relationship Management) để quản lý khách hàng hiệu quả

- Yêu cầu bảo mật và hiệu suất: Đưa ra các yêu cầu cụ thể về bảo mật như cài đặt SSL, quản lý phân quyền truy cập, và giải pháp bảo vệ dữ liệu cá nhân Ngoài ra, đảm bảo hệ thống đáp ứng các tiêu chuẩn về hiệu suất để tăng trải nghiệm người dùng và đảm bảo sự ổn định của website

2.2.3 Phân tích yêu cầu phi chức năng

+ Tải cao: Xây dựng để chịu được tải cao trong các điều kiện khác nhau

mà vẫn đảm bảo hiệu suất

- Bảo mật:

+ Bảo vệ dữ liệu: Đảm bảo an toàn cho dữ liệu cá nhân của người dùng

và thông tin quan trọng của công ty

+ Chống tấn công: Ngăn chặn các cuộc tấn công như SQL injection, cross-site scripting (XSS), và các hình thức tấn công khác

+ Quản lý phiên đăng nhập: Đảm bảo quản lý phiên đăng nhập an toàn

và hiệu quả để ngăn chặn truy cập trái phép

- Thẩm mỹ và trải nghiệm người dùng:

+ Thiết kế thân thiện người dùng: Đảm bảo giao diện thân thiện, dễ sử dụng và phản ánh được thương hiệu và phong cách của công ty TRƯỜNG ĐẠT

2.3 Thiết kế giao diện người dùng

2.3.1 Trang chủ

- Header : bao gồm logo công ty, hotline, các nút social

- Navbar: thanh điều hướng đến các trang và nút nhận báo giá thi công

- Banner: gồm khẩu hiệu công ty, 2 nút chuyển đến trang giới thiệu sản phẩm và liên hệ

Hình 2 1 Trang chủ

2.3.2 Trang giới thiệu

Hình 2 2 Trang giới thiệu

- Gồm banner tên trang và nội dung giới thiệu phía dưới