Bối cảnh và vấn đề nghiên cứu

Trong giai đoạn phát triển mạnh mẽ của công nghệ thông tin và thiết bị cầm tay, điện thoại thông minh (smartphone) và máy tính bảng đã trở thành công cụ truy cập Internet phổ biến. Sự dịch chuyển từ việc sử dụng máy tính để bàn (desktop/PC) sang các thiết bị di động kéo theo sự gia tăng đột biến về lưu lượng truy cập web di động (mobile traffic). Thực tế này đặt ra yêu cầu cấp thiết đối với việc thiết kế website: giao diện trang web không thể duy trì kích thước cố định như phương thức truyền thống mà bắt buộc phải có khả năng tự động co giãn, điều chỉnh bố cục tương thích với nhiều độ phân giải màn hình khác nhau (responsive design). Nếu website không được tối ưu hóa cho di động, người dùng sẽ gặp khó khăn khi tiếp cận thông tin, dẫn đến trải nghiệm kém và làm tăng tỷ lệ thoát trang (bounce rate).

Tại thời điểm năm 2019, Trường THPT Hữu nghị Lào - Việt Nam chưa xây dựng cổng thông tin website chính thức. Ban giám hiệu nhà trường đã đưa ra yêu cầu nghiên cứu và xây dựng một hệ thống website thân thiện, hoạt động hiệu quả trên cả máy tính và điện thoại thông minh. Hệ thống này cần hỗ trợ song ngữ (tiếng Lào và tiếng Việt) nhằm phục vụ công tác truyền thông, quản lý, quảng bá hình ảnh của nhà trường tới cán bộ, giáo viên, học sinh, phụ huynh, cũng như các cơ quan quản lý gồm Bộ Giáo dục và Đào tạo Việt Nam và Bộ Giáo dục và Thể thao Lào, góp phần thúc đẩy mối quan hệ hợp tác giáo dục giữa hai quốc gia.

Xuất phát từ yêu cầu thực tiễn đó, luận văn thạc sĩ chuyên ngành Khoa học máy tính của học viên Moua Vang, dưới sự hướng dẫn khoa học của TS. Vũ Đức Thái tại Trường Đại học Công nghệ Thông tin và Truyền thông – Đại học Thái Nguyên (năm 2020), đã thực hiện đề tài: "Nghiên cứu triển khai các giải pháp Mobile Responsive Website và ứng dụng".

Mục tiêu và nhiệm vụ nghiên cứu của luận văn được xác định cụ thể như sau:

  1. Nghiên cứu tổng quan về kỹ thuật xây dựng website, các thành phần vận hành hệ thống mạng (tên miền, máy chủ lưu trữ, trình duyệt) và khảo sát các hệ quản trị cơ sở dữ liệu phổ biến.
  2. Phân tích các tiêu chuẩn, giải pháp kỹ thuật thiết kế website đáp ứng thân thiện với thiết bị di động (Mobile Friendly/Mobile Responsive) kết hợp các tiêu chí tối ưu hóa công cụ tìm kiếm trên di động (Mobile SEO).
  3. Ứng dụng triển khai thực tế: Xây dựng hệ thống website hoàn chỉnh cho Trường THPT Hữu nghị Lào - Việt Nam với giao diện song ngữ Lào - Việt, đảm bảo khả năng hiển thị tương thích trên nhiều loại thiết bị.
  • Đối tượng nghiên cứu: Các kỹ thuật, giải pháp thiết kế website đáp ứng (Mobile Responsive Web Design), tiêu chuẩn tối ưu hóa Mobile Friendly và quy trình xây dựng website trường học.
  • Phạm vi nghiên cứu:
    • Không gian: Áp dụng tại Trường THPT Hữu nghị Lào - Việt Nam.
    • Thời gian: Dữ liệu và khảo sát thực nghiệm được tiến hành trong giai đoạn 2019 – 2020.

Cơ sở lý thuyết và phương pháp

Luận văn tiếp cận vấn đề dựa trên các khái niệm nền tảng của công nghệ web và hệ thống thông tin:

  • Kiến trúc vận hành website: Phân tích ba thành phần cốt lõi để một website hoạt động trên mạng Internet gồm: Tên miền (Domain name); Máy chủ lưu trữ (Web hosting với các loại hình: Shared Hosting, Reseller Hosting, Cloud Hosting, Máy chủ ảo VPS, Dedicated Server, Colocation Hosting); và Trình duyệt web (Web browser như Google Chrome, Mozilla Firefox, Internet Explorer, Safari, Opera...).
  • Không gian thông tin World Wide Web (WWW): Hệ thống siêu văn bản (hypertext) liên kết dữ liệu qua các máy chủ trên toàn cầu, phát minh và đưa vào sử dụng từ giai đoạn 1990–1991.
  • Khảo sát hệ quản trị cơ sở dữ liệu (DBMS): Tác giả tiến hành hệ thống hóa và phân loại các hệ quản trị cơ sở dữ liệu quan hệ (RDBMS) và phi quan hệ (NoSQL/Search Engine) dựa trên mô hình của E.F. Codd và các tài liệu kỹ thuật chuyên ngành.
Tên hệ quản trị CSDL Phiên bản khảo sát Loại hình / Bản quyền Ngôn ngữ phát triển Đặc tính kỹ thuật chính
Oracle 12c RDBMS thương mại Đa ngôn ngữ Tích hợp điện toán đám mây (Cloud), bảo mật cao, tối ưu không gian và xử lý dữ liệu lớn.
MySQL 8.0 RDBMS nguồn mở / thương mại C, C++ Tốc độ xử lý cao, hỗ trợ trigger tăng năng suất, tương thích Linux và Windows.
Microsoft SQL Server Bản phát triển từ 1989 RDBMS thương mại C, C++, Assembly Quản lý khối lượng công việc hiệu quả, cho phép nhiều người dùng đồng thời, tương thích dữ liệu Oracle.
PostgreSQL 9.x RDBMS đối tượng nguồn mở C Hỗ trợ mô hình quan hệ đối tượng, truy xuất nhanh, chia sẻ dữ liệu hiệu quả qua trang tổng quan.
MongoDB - NoSQL nguồn mở C++ Cơ sở dữ liệu hướng tài liệu, xử lý dữ liệu lớn, lưu trữ bộ nhớ trong (in-memory), mở rộng tỷ lệ linh hoạt.
IBM DB2 11.x (phát triển từ 1983) RDBMS thương mại Assembly, C, C++ Dễ cài đặt, thiết lập, hỗ trợ lưu trữ khối lượng dữ liệu quy mô lớn, tương thích Windows, UNIX, Linux.
Redis 3.x NoSQL In-memory (License BSD) C Tốc độ truy vấn cao, hỗ trợ cấu trúc dữ liệu băm (hash), chuỗi (string), hoạt động trên Linux/Windows.
Elasticsearch - Nguồn mở (Search Engine) Java Giao thức RESTful, phân tích và thống kê phân tán, khả năng mở rộng tự động theo cơ chế bổ sung node.
  • Phương pháp nghiên cứu:
    • Phương pháp phân tích và tổng hợp lý thuyết: Thu thập tài liệu chuyên khảo về thiết kế giao diện di động (dẫn xuất từ tài liệu của Patrick McNeil, 2008: "Mobile Web Designer's Idea Book" và "Trends, Themes and Styles in Mobile Web Design").
    • Quy trình thiết kế 6 bước:
      1. Lựa chọn nhà cung cấp dịch vụ Web Hosting chất lượng cao.
      2. Chọn nền tảng/Hệ quản trị nội dung (CMS WordPress - chiếm khoảng 30% thị phần web toàn cầu).
      3. Cài đặt môi trường máy chủ cục bộ (XAMPP tích hợp Apache, PHP, MySQL, FTP Server, phpMyAdmin) và công cụ hỗ trợ giao diện (Beaver Builder plugin).
      4. Phác thảo giao diện sơ bộ trên giấy (Mockup).
      5. Xây dựng bản mẫu thử nghiệm số hóa (Prototype) bằng trình soạn thảo và công cụ kéo thả.
      6. Kiểm tra tính tương thích trên thiết bị di động (sử dụng thiết bị thực tế và công cụ Chrome DevTools).

Thiết kế và triển khai

Căn cứ vào đặc thù của đề tài thuộc nhóm đồ án xây dựng ứng dụng phần mềm/hệ thống thông tin, tác giả đã tiến hành thiết kế và triển khai hệ thống cổng thông tin cho Trường THPT Hữu nghị Lào - Việt Nam theo các giai đoạn kỹ thuật cụ thể:

1. Phân tích yêu cầu và thiết kế Use Case

Hệ thống được mô hình hóa chức năng qua các biểu đồ Use Case phân cấp:

  • Biểu đồ Use Case tổng quát: Thể hiện tương tác giữa các nhóm tác nhân (Người dùng thông thường và Quản trị viên) với hệ thống cổng thông tin.
  • Biểu đồ Use Case cho tác nhân Người dùng (Học sinh, Sinh viên, Phụ huynh, Giáo viên):
    • Xem thông tin trang chủ, tra cứu tin tức, bài viết, thông báo đào tạo.
    • Tìm kiếm nội dung theo danh mục chuyên môn.
    • Chuyển đổi ngôn ngữ hiển thị (tiếng Việt - tiếng Lào).
    • Gửi biểu mẫu liên hệ, phản hồi tới nhà trường.
  • Biểu đồ Use Case cho tác nhân Quản trị viên (Admin):
    • Đăng nhập hệ thống quản trị bảo mật.
    • Quản lý tin tức, bài viết (thêm, sửa, xóa, duyệt bài).
    • Quản lý danh mục chuyên mục và cấu trúc menu.
    • Quản lý cấu hình giao diện, media và thông tin liên hệ.

2. Thiết kế và cài đặt kiến trúc kỹ thuật

  • Môi trường máy chủ: Luận văn sử dụng gói phần mềm đóng gói XAMPP để thiết lập môi trường máy chủ cục bộ (Web Server), bao gồm Web Server Apache, trình thông dịch mã nguồn PHP và hệ quản trị cơ sở dữ liệu MySQL, kết hợp công cụ quản trị phpMyAdmin.
  • Nền tảng mã nguồn và Theme: Triển khai trên nền CMS WordPress. Sử dụng công cụ thiết kế Beaver Builder kết hợp hệ thống layout dạng mô-đun (modular), cho phép bố trí các thành phần hiển thị linh hoạt mà không phụ thuộc vào mã nguồn cứng.
  • Tổ chức cơ sở dữ liệu: Thiết kế các bảng lưu trữ thông tin bài viết, danh mục, liên kết media, tài khoản quản trị và dữ liệu cấu hình song ngữ.

3. Hiện thực hóa giao diện đa nền tảng

Hệ thống giao diện được thiết kế đáp ứng theo các thông số kỹ thuật chuẩn:

  • Giao diện Desktop: Bố cục dạng đầy đủ, thanh điều hướng ngang, hiển thị banner trường, khối tin tức nổi bật và các liên kết chức năng.
  • Giao diện Máy tính bảng (iPad): Tự động tái cấu trúc lưới nội dung (grid system), co giãn các khối bài viết dạng 2 cột.
  • Giao diện Điện thoại thông minh (Mobile): Chiều rộng bố cục tối thiểu đạt 320px. Thanh điều hướng chuyển thành menu thu gọn dạng mô-đun; các nút bấm cảm ứng (touch targets) và liên kết đạt kích thước xấp xỉ 44px (tương đương đầu ngón tay). Thao tác điều hướng được tối ưu hóa theo chiều cuộn dọc, loại bỏ hoàn toàn thanh cuộn ngang.
  • Tích hợp song ngữ: Xây dựng giao diện trang chủ và các chuyên mục chức năng bằng hai phiên bản ngôn ngữ riêng biệt: tiếng Việt và tiếng Lào.

Nội dung chính theo từng chương

Chương 1: Tìm hiểu kỹ thuật xây dựng trang web

Chương 1 hệ thống hóa toàn diện các kiến thức nền tảng về công nghệ web và hạ tầng hệ thống:

  • Trình bày định nghĩa website, cấu trúc tên miền, các mô hình lưu trữ máy chủ (Hosting) và cơ chế biên dịch siêu văn bản của trình duyệt web.
  • Khảo sát, phân tích ưu nhược điểm và so sánh thông số của 8 hệ quản trị cơ sở dữ liệu tiêu biểu trên thị trường gồm: Oracle (12c), MySQL (8.0), Microsoft SQL Server, PostgreSQL (9.x), MongoDB, IBM DB2 (11.x), Redis (3.x), Elasticsearch.
  • Đưa ra các số liệu thống kê về hành vi người dùng di động: Khoảng 97% người dùng sử dụng điện thoại để tìm kiếm thông tin, trong đó 54% từng thực hiện giao dịch mua hàng qua thiết bị di động.
  • Trình bày 10 phương pháp tối ưu hóa website trên thiết bị di động, nhấn mạnh nguyên tắc "người dùng tìm thấy thông tin trong 3 lần nhấp chuột" (3-click rule), tối ưu kích thước màn hình tối thiểu 320px, kích thước phần tử tương tác 44px, giảm thiểu nhập liệu bàn phím ảo.
  • Phân tích 4 yếu tố On-page SEO cốt lõi: Thẻ tiêu đề (Title tag - khuyến nghị dưới 65 ký tự để đảm bảo hiển thị chính xác tối thiểu 95% trên kết quả tìm kiếm), thẻ mô tả Meta (Meta description - khoảng 155 ký tự), thẻ tiêu đề H1 (duy nhất cho mỗi trang) và thẻ mô tả hình ảnh Alt.

Chương 2: Các giải pháp Mobile Friendly Website

Chương 2 tập trung phân tích sâu các tiêu chuẩn kỹ thuật để một website đạt chuẩn thân thiện với thiết bị di động:

  • Tiêu chuẩn hiển thị và định dạng: Sử dụng phông chữ không chân (Sans-Serif) để tránh hiện tượng lóa và khó đọc trên màn hình nhỏ; định dạng văn bản thành các đoạn ngắn kèm gạch đầu dòng; tối ưu hóa hình ảnh, video và infographics mà không bắt người dùng phải phóng to/thu nhỏ thủ công.
  • Tối ưu hóa hiệu năng và tốc độ: Phân tích tiêu chuẩn tốc độ tải trang theo chuẩn SEO với thời gian tải tối đa dưới 3 giây; chỉ rõ ngưỡng tâm lý người dùng sẽ từ bỏ trang web nếu thời gian chờ vượt quá 10 giây. Tác giả khuyến nghị sử dụng công cụ Google PageSpeed và Google Search Console để đo lường.
  • Kỹ thuật công nghệ nâng cao: Đề xuất sử dụng triệt để bộ đôi công nghệ HTML5 và CSS3 (áp dụng DOCTYPE HTML5), loại bỏ hoàn toàn việc sử dụng Flash và Java applet, đồng thời hạn chế các hiệu ứng JavaScript phức tạp nhằm giảm tải cho bộ nhớ thiết bị di động và máy chủ.
  • Quản trị cấu trúc web: Xử lý các liên kết hỏng (broken links), thiết lập sơ đồ trang (sitemap) trên Google Webmaster Tools, và giải quyết vấn đề trùng lặp nội dung khi chuyển hướng sang phiên bản di động.

Chương 3: Ứng dụng xây dựng website cho Trường THPT Hữu nghị Lào - Việt Nam

Chương 3 là phần thực nghiệm triển khai ứng dụng các giải pháp lý thuyết vào trường hợp cụ thể:

  • Giới thiệu bối cảnh: Trình bày sơ lược về Trường THPT Hữu nghị Lào - Việt Nam (nhắc lại dấu mốc cựu Tổng Bí thư Nông Đức Mạnh đến thăm trường năm 2010), vai trò của việc tin học hóa và xây dựng cổng thông tin phục vụ quan hệ giáo dục song phương.
  • Đặc tả thiết kế hệ thống: Xây dựng chi tiết biểu đồ Use Case tổng quát, biểu đồ Use Case cho người dùng và biểu đồ Use Case cho quản trị viên.
  • Thiết kế cơ sở dữ liệu và cài đặt: Mô tả các bước thiết lập môi trường XAMPP làm máy chủ thử nghiệm, cấu hình hệ quản trị cơ sở dữ liệu MySQL và cài đặt hệ quản trị nội dung WordPress.
  • Hiện thực hóa và kiểm thử giao diện: Minh họa chi tiết hệ thống giao diện đã triển khai bao gồm: Giao diện trang chủ tiếng Việt, giao diện tiếng Lào, trang quản lý tin tức/danh mục, trang liên hệ trực tuyến; đối chiếu kết quả hiển thị trên các nền tảng phần cứng: Desktop, máy tính bảng iPad và điện thoại thông minh.

Kết quả và đóng góp

1. Kết quả chính kèm số liệu trong văn bản

  • Xây dựng thành công cổng thông tin trường học: Hoàn thành website cho Trường THPT Hữu nghị Lào - Việt Nam với đầy đủ các phân hệ chức năng: Trang chủ, Tin tức sự kiện, Danh mục hoạt động, Trang liên hệ, hỗ trợ hiển thị hoàn chỉnh 2 ngôn ngữ (tiếng Việt và tiếng Lào).
  • Đáp ứng các thông số kỹ thuật chuẩn Mobile Friendly và SEO:
    • Layout co giãn linh hoạt, đảm bảo hiển thị trên độ phân giải chiều rộng từ 320px trở lên.
    • Các phần tử liên kết, nút bấm được thiết kế kích thước đạt ~44px, phù hợp với thao tác chạm ngón tay.
    • Cấu trúc website dạng phẳng, tuân thủ nguyên tắc điều hướng tối đa 3 lần nhấp chuột để tiếp cận thông tin.
    • Tối ưu hóa các thẻ On-page SEO: Giới hạn tiêu đề dưới 65 ký tự, mô tả meta khoảng 155 ký tự, tối ưu thẻ Alt cho tài nguyên đồ họa.
    • Định dạng mã nguồn dựa trên chuẩn DOCTYPE HTML5 và CSS3, loại bỏ hoàn toàn Flash.

2. Giải pháp và kiến nghị tác giả đề xuất

  • Doanh nghiệp và các tổ chức giáo dục cần ưu tiên chiến lược "Mobile-first" hoặc tối ưu giao diện di động ngay từ giai đoạn lập kế hoạch thiết kế.
  • Sử dụng các hệ quản trị nội dung (CMS) kết hợp công cụ dựng trang (Page Builder) để rút ngắn thời gian phát triển giao diện prototype nhưng vẫn đảm bảo tính tùy biến cao.
  • Thực hiện kiểm tra định kỳ sức khỏe website thông qua các công cụ phân tích tự động (Google Search Console, Google PageSpeed, Chrome DevTools) nhằm phát hiện sớm các liên kết hỏng và sự cố vỡ khung giao diện.

3. Đóng góp của đề tài

  • Về mặt học thuật: Hệ thống hóa toàn diện các lý thuyết, tiêu chuẩn kỹ thuật thiết kế web đáp ứng (Responsive) và tối ưu SEO di động từ các nghiên cứu chuyên ngành.
  • Về mặt thực tiễn: Cung cấp giải pháp công nghệ trực tiếp giải quyết bài toán thiếu hụt cổng thông tin điện tử tại Trường THPT Hữu nghị Lào - Việt Nam, tạo nền tảng truyền thông số hóa kết nối nhà trường với phụ huynh, học sinh và các cơ quan quản lý giáo dục của hai nước Việt Nam - Lào.

Hạn chế và hướng nghiên cứu tiếp

  • Hạn chế:
    • Đề tài chủ yếu thử nghiệm và vận hành hệ thống trên môi trường máy chủ cục bộ (Localhost qua phần mềm XAMPP), chưa triển khai đo lường tải thực tế trên hạ tầng máy chủ đám mây (Cloud Hosting) quy mô lớn với lượng truy cập đồng thời cao.
    • Giao diện được xây dựng dựa trên sự hỗ trợ của theme và plugin dựng trang (Beaver Builder), chưa tự phát triển framework giao diện độc lập từ mã nguồn gốc.
  • Hướng nghiên cứu tiếp:
    • Đưa hệ thống website lên môi trường Internet thực tế thông qua các gói dịch vụ lưu trữ chuyên dụng (Cloud/VPS Hosting) và đăng ký tên miền chính thức.
    • Nghiên cứu tích hợp thêm các phân hệ quản lý đào tạo nâng cao (tra cứu điểm số, quản lý thời khóa biểu trực tuyến) cho học sinh nhà trường.
    • Nghiên cứu chuyên sâu các giải pháp cân bằng tải và bảo mật cơ sở dữ liệu trên môi trường phân tán.

Giá trị tham khảo

Luận văn là tài liệu tham khảo hữu ích đối với:

  • Sinh viên, học viên cao học chuyên ngành Công nghệ thông tin, Khoa học máy tính, Kỹ thuật phần mềm: Đang thực hiện khóa luận, đồ án tốt nghiệp về chủ đề thiết kế web đáp ứng (Responsive Web Design), tối ưu hóa trải nghiệm người dùng (UX/UI) trên thiết bị di động, hoặc xây dựng cổng thông tin trường học đa ngôn ngữ.
  • Các nhà phát triển web (Web Developers) và quản trị web (Webmasters): Cần tài liệu tổng hợp quy chuẩn kỹ thuật thiết kế Mobile Friendly, quy tắc On-page SEO, bảng phân tích so sánh các hệ quản trị cơ sở dữ liệu (Oracle, MySQL, PostgreSQL, MongoDB, Redis, Elasticsearch) và quy trình 6 bước triển khai website từ Mockup đến Prototype hoàn chỉnh.

Câu hỏi thường gặp

1. Tại sao tác giả khuyến nghị sử dụng HTML5 & CSS3 thay thế cho Flash và Java trong thiết kế website di động?
Trả lời: Theo phân tích trong văn bản, Flash và các ứng dụng Java gây nặng tải cho hệ thống, làm tăng thời gian tải trang, hao tổn tài nguyên và thường xuyên gặp lỗi không tương thích trên các trình duyệt di động hiện đại. Sử dụng chuẩn DOCTYPE HTML5 kết hợp CSS3 là giải pháp lý tưởng giúp giao diện co giãn linh hoạt, giảm thiểu lỗi và nâng cao tốc độ tải trang.

2. Tiêu chuẩn thời gian tải trang và độ dài thẻ tiêu đề (Title) chuẩn SEO được đưa ra trong luận văn là bao nhiêu?
Trả lời: Văn bản nêu rõ tiêu chuẩn tốc độ tải trang tối đa cho một website chuẩn SEO là 3 giây, và người dùng sẽ không đủ kiên nhẫn chờ đợi quá 10 giây. Đối với thẻ tiêu đề (Title tag), độ dài tối ưu là dưới 65 ký tự, giúp đảm bảo ít nhất 95% nội dung tiêu đề được hiển thị chính xác và đầy đủ trên trang kết quả tìm kiếm của Google.

3. Quy tắc "3 lần nhấp chuột" và kích thước phần tử cảm ứng tối thiểu trên mobile được tác giả xác định ra sao?
Trả lời: Luận văn nêu rõ nguyên tắc điều hướng: người dùng phải tìm thấy thông tin cần thiết trong vòng tối đa 3 lần nhấp chuột. Về mặt giao diện cảm ứng, các nút bấm và liên kết có thể nhấp phải đạt kích thước tối thiểu tương đương đầu ngón tay, xấp xỉ 44px, trên bố cục màn hình di động có chiều rộng tối thiểu 320px.

4. Website Trường THPT Hữu nghị Lào - Việt Nam giải quyết những yêu cầu thực tiễn nào của nhà trường?
Trả lời: Trước năm 2019, trường chưa có website. Hệ thống mới được xây dựng giúp nhà trường công bố thông tin, quảng bá hình ảnh tới cán bộ, học sinh, phụ huynh và hai cơ quan quản lý (Bộ Giáo dục và Đào tạo Việt Nam, Bộ Giáo dục và Thể thao Lào) thông qua giao diện hỗ trợ song ngữ (tiếng Lào và tiếng Việt), tương thích trên cả máy tính và smartphone.

5. Trong phần khảo sát hệ quản trị cơ sở dữ liệu, những hệ thống nào được tác giả phân tích?
Trả lời: Tác giả đã khảo sát chi tiết 8 hệ quản trị cơ sở dữ liệu gồm: Oracle (bản 12c), MySQL (bản 8.0), Microsoft SQL Server, PostgreSQL (bản 9.x), MongoDB, IBM DB2 (bản 11.x), Redis (bản ổn định 3.x) và Elasticsearch.

Kết luận

Luận văn thạc sĩ của học viên Moua Vang đã nghiên cứu và hệ thống hóa thành công các giải pháp kỹ thuật xây dựng website đáp ứng (Mobile Responsive Website), các tiêu chuẩn Mobile Friendly và quy tắc tối ưu hóa Mobile SEO. Trên cơ sở lý thuyết đó, tác giả đã hiện thực hóa việc thiết kế và cài đặt cổng thông tin điện tử song ngữ Lào - Việt cho Trường THPT Hữu nghị Lào - Việt Nam vận hành trên nền tảng WordPress và máy chủ XAMPP. Công trình đáp ứng đầy đủ các yêu cầu kỹ thuật về tính tương thích đa thiết bị, phục vụ thiết thực cho công tác truyền thông và quản lý giáo dục của nhà trường.