Giới thiệu dự án

Sự phát triển mạnh mẽ của kinh tế và quá trình đô thị hóa tại Việt Nam đã thúc đẩy ngành dịch vụ thú cưng (Pet Care Industry) tăng trưởng với tốc độ trung bình từ 15% đến 20% mỗi năm. Tuy nhiên, việc tiếp cận các dịch vụ thú y chất lượng, phòng khám khẩn cấp và các cơ sở spa grooming chuyên nghiệp vẫn gặp nhiều khó khăn do thông tin bị phân mảnh. Trước đây, người nuôi thú cưng chủ yếu tìm kiếm cơ sở chăm sóc qua phương thức truyền miệng hoặc các hội nhóm mạng xã hội thiếu tính xác thực, dẫn đến rủi ro trong các trường hợp cấp cứu y tế khẩn cấp.

Đồ án tốt nghiệp "Xây dựng website tìm kiếm địa điểm thú y, cửa hàng dịch vụ chăm sóc thú cưng" do sinh viên Nguyễn Anh Sang thực hiện dưới sự hướng dẫn của Ts. Lê Văn Vinh tại Trường Đại học Sư phạm Kỹ thuật TP. Hồ Chí Minh (HCMUTE) đã giải quyết triệt để bài toán này. Đề tài tập trung xây dựng một nền tảng số chuyên biệt, chuẩn hóa dữ liệu địa điểm, hỗ trợ định vị và tương tác cộng đồng minh bạch.

+-------------------------------------------------------------------------+
|                           PET SERVICES PORTAL                           |
+-------------------------------------------------------------------------+
|  [Guest / User / Editor]                 [Admin Management Console]     |
|          |                                            |                 |
|          v                                            v                 |
|  +-------------------+                      +-----------------------+   |
|  | Single Page App   | <--- REST API --->   | Express.js Controller |   |
|  | (ReactJS + JSX)   |                      | (Node.js Non-blocking)|   |
|  +-------------------+                      +-----------------------+   |
|                                                         |               |
|                                                         v               |
|                                             +-----------------------+   |
|                                             | MongoDB Engine        |   |
|                                             | (BSON / Collections)  |   |
|                                             +-----------------------+   |
+-------------------------------------------------------------------------+

Problem Statement

Người nuôi thú cưng tại các đô thị lớn phải đối mặt với các điểm nghẽn (pain points) lớn:

  • Thiếu thông tin khẩn cấp: Không có kênh tra cứu tập trung hỗ trợ lọc các phòng khám thú y có dịch vụ cấp cứu 24/7 hoặc bác sĩ chuyên khoa.
  • Độ tin cậy thấp: Đánh giá trên mạng xã hội dễ bị thao túng; thiếu hệ thống xếp hạng minh bạch dựa trên trải nghiệm thực tế.
  • Quy trình tiếp cận phân mảnh: Các cơ sở thú y nhỏ lẻ thiếu công cụ số hóa để tiếp cận khách hàng tiềm năng.

Mục tiêu dự án

  1. Xây dựng nền tảng Web Application chuyên biệt cho lĩnh vực chăm sóc thú cưng và dịch vụ thú y.
  2. Thiết kế công cụ tìm kiếm và bộ lọc đa tiêu chí (khu vực địa lý, loại hình dịch vụ, mức độ uy tín).
  3. Chuẩn hóa quy trình thu thập dữ liệu và đăng tải địa điểm thông qua biểu mẫu nhập liệu 3 bước (3-step wizard workflow).
  4. Xây dựng hệ thống đánh giá (Rating) và bình luận phân cấp (SubComment) tương tác hai chiều.
  5. Triển khai phân quyền chặt chẽ cho 4 nhóm tác nhân: Khách (Guest), Thành viên (User), Quản trị viên (Admin), và Biên tập viên (Editor).
  6. Tối ưu hóa hiệu năng tải trang và khả năng mở rộng hệ thống bằng kiến trúc Non-blocking I/O và NoSQL.

Phương pháp tiếp cận và Biện minh kỹ thuật

Dự án áp dụng mô hình kiến trúc phân tầng hiện đại kết hợp Single Page Application (SPA) phía Frontend và RESTful API phía Backend:

  • ReactJS (Frontend): Sử dụng cơ chế Virtual DOM và luồng dữ liệu một chiều (Unidirectional Data Flow) giúp giảm thiểu thao tác trực tiếp lên Real DOM, tối ưu hóa tốc độ render các danh sách địa điểm phức tạp.
  • Node.js & Express.js (Backend): Tận dụng kiến trúc hướng sự kiện (Event-driven) và mô hình I/O không chặn (Non-blocking I/O) trên nền V8 Engine, cho phép xử lý đồng thời hàng nghìn kết nối mà không tiêu tốn tài nguyên luồng (threads).
  • MongoDB (Database): Lưu trữ dữ liệu dưới dạng tài liệu JSON/BSON linh hoạt, cho phép lưu trữ cấu trúc địa điểm đa dạng (tọa độ bản đồ, mảng hình ảnh, danh mục dịch vụ) với hiệu năng truy vấn cao hơn 30-40% so với RDBMS truyền thống trong các tác vụ đọc chuyên sâu (Read-heavy operations).

Kết quả kỳ vọng và Phạm vi dự án

  • Chỉ số kỹ thuật mục tiêu: Thời gian phản hồi API (API Response Time) < 150ms; thời gian tải trang ban đầu (First Contentful Paint) < 1.5s; độ chính xác định vị đạt 99%.
  • Phạm vi triển khai: Tập trung vào các cơ sở thú y, cửa hàng phụ kiện, spa grooming trên địa bàn TP. Hồ Chí Minh và các tỉnh lân cận.
  • Giới hạn hệ thống: Giai đoạn 1 chưa tích hợp cổng thanh toán trực tuyến và chức năng đặt lịch khám bệnh thời gian thực.

Phân tích và thiết kế giải pháp

Phân tích hiện trạng

Khảo sát các nền tảng tìm kiếm hiện có tại Việt Nam làm cơ sở đối chiếu thiết kế:

Nền tảng Ưu điểm Nhược điểm Khả năng ứng dụng cho Thú y
Foody.vn Giao diện hiện đại, dữ liệu phong phú, tải trang nhanh. Bố cục trang chủ nhiều thông tin gây rối mắt; bộ lọc tìm kiếm chưa tối ưu sâu. Không hỗ trợ các trường thông tin y tế chuyên biệt (cấp cứu, tiêm chủng).
Phongtro123.com Giao diện đơn giản, tập trung đúng nhu cầu, tìm kiếm sát thực tế. Thiết kế lỗi thời; mức độ tương tác người dùng thấp; đánh giá chủ quan. Thiếu hệ thống media phong phú và tính năng tương tác đa chiều.
Diadiemanuong.com Nội dung đa dạng, cộng đồng tương tác cao. Bố cục nặng nề, tốc độ tải trang chậm, một số tính năng bị lỗi thời. Không có cơ chế kiểm duyệt dữ liệu cơ sở dịch vụ y tế.
Hệ thống đề xuất Giao diện tinh gọn, quy trình đăng bài 3 bước chặt chẽ, dữ liệu y tế chuẩn hóa. Cần thời gian mở rộng tập dữ liệu ban đầu. Tối ưu 100% cho hệ sinh thái chăm sóc thú cưng.

Phân tích yêu cầu theo mô hình MoSCoW

  • Must Have (Bắt buộc): Đăng ký/đăng nhập với validation regex nghiêm ngặt; tìm kiếm địa điểm theo từ khóa và quận/huyện; xem chi tiết cơ sở; quy trình đăng địa điểm chuẩn hóa; hệ thống đánh giá/bình luận; quản trị người dùng và bài viết.
  • Should Have (Nên có): Quên mật khẩu xác thực qua email; hệ thống bình luận lồng nhau (SubComment); kiểm duyệt địa điểm trước khi công khai; thống kê biểu đồ hoạt động.
  • Could Have (Có thể có): Tích hợp bản đồ động lấy tọa độ tự động; gợi ý địa điểm nổi bật theo điểm đánh giá trung bình.
  • Won't Have (Chưa thực hiện ở giai đoạn này): Đặt lịch hẹn khám chữa bệnh trực tuyến; tích hợp cổng thanh toán phí dịch vụ.

Thiết kế hệ thống

+---------------------------------------------------------------------------------+
|                              SYSTEM ARCHITECTURE                                |
+---------------------------------------------------------------------------------+
|  [Presentation Layer]                                                           |
|  ReactJS SPA (v16.13.1) -> React Router -> Axios HTTP Client -> Redux / State  |
+---------------------------------------------------------------------------------+
                                       |
                              JSON / RESTful HTTPS
                                       |
+---------------------------------------------------------------------------------+
|  [Application & Business Logic Layer]                                           |
|  Node.js (v14.x) Runtime + ExpressJS (v4.17.1) Framework                        |
|  +---------------------------------------------------------------------------+  |
|  | - Auth Middleware (JWT / Session)   - Route Handlers (CRUD Endpoints)    |  |
|  | - Data Validation Engine            - Business Logic Services             |  |
|  +---------------------------------------------------------------------------+  |
+---------------------------------------------------------------------------------+
                                       |
                               Mongoose ORM / ODM
                                       |
+---------------------------------------------------------------------------------+
|  [Data Persistence Layer]                                                       |
|  MongoDB (v4.2) NoSQL Document Store                                            |
|  +---------------------------------------------------------------------------+  |
|  | Collections: Users | Places | Rates | Comments | SubComments | News       |  |
|  +---------------------------------------------------------------------------+  |
+---------------------------------------------------------------------------------+

Technology Stack và Phiên bản

+--------------------+----------------------+------------------------------------+
| Tầng công nghệ     | Công nghệ / Thư viện | Phiên bản & Mục đích sử dụng       |
+--------------------+----------------------+------------------------------------+
| Frontend Client    | ReactJS              | v16.13.1 - Xây dựng Single Page App|
|                    | Axios                | v0.19.2 - Gửi HTTP requests        |
|                    | CSS3 / Bootstrap     | Thiết kế giao diện Responsive      |
+--------------------+----------------------+------------------------------------+
| Backend Server     | Node.js              | v14.16.0 - JavaScript Runtime      |
|                    | Express.js           | v4.17.1 - Web REST API Framework   |
|                    | Mongoose             | v5.9.18 - Object Data Modeling     |
+--------------------+----------------------+------------------------------------+
| Cơ sở dữ liệu      | MongoDB              | v4.2.8 - Document Database Engine  |
+--------------------+----------------------+------------------------------------+
| Công cụ phát triển | Visual Studio Code   | IDE lập trình chính                |
|                    | Postman              | v7.x - Thiết kế và kiểm thử API    |
+--------------------+----------------------+------------------------------------+

Thiết kế cơ sở dữ liệu (Database Schema)

Hệ thống sử dụng các Collection liên kết thông qua ObjectId tham chiếu:

// Cấu trúc Collection Place (Địa điểm)
const PlaceSchema = new mongoose.Schema({
  name: { type: String, required: true, trim: true, index: true },
  category: { 
    type: String, 
    enum: ['veterinary', 'pet_spa', 'pet_shop', 'hotel'], 
    required: true 
  },
  address: {
    street: { type: String, required: true },
    district: { type: String, required: true, index: true },
    city: { type: String, required: true, default: 'TP. Hồ Chí Minh' }
  },
  location: {
    lat: { type: Number, required: true },
    lng: { type: Number, required: true }
  },
  description: { type: String, required: true },
  phone: { type: String, required: true },
  images: [{ type: String }],
  author: { type: mongoose.Schema.Types.ObjectId, ref: 'User', required: true },
  status: { type: String, enum: ['pending', 'approved', 'rejected'], default: 'pending' },
  averageRating: { type: Number, default: 0, min: 0, max: 5 },
  createdAt: { type: Date, default: Date.now }
});

Thiết kế API Endpoints

+--------+--------------------------+--------------------+--------------------------------+
| Phương | Endpoint                 | Phân quyền         | Chức năng chính                |
| thức   |                          |                    |                                |
+--------+--------------------------+--------------------+--------------------------------+
| POST   | /api/auth/register       | Guest              | Đăng ký tài khoản mới          |
| POST   | /api/auth/login          | Guest              | Xác thực đăng nhập             |
| GET    | /api/places/search       | Public             | Tìm kiếm & Lọc địa điểm        |
| POST   | /api/places/create       | User, Editor, Admin| Đăng tải địa điểm mới          |
| PUT    | /api/places/:id          | Owner, Admin       | Cập nhật thông tin địa điểm    |
| POST   | /api/places/:id/rate     | User               | Gửi điểm đánh giá (1-5 sao)    |
| POST   | /api/comments/create     | User               | Tạo bình luận / Trả lời        |
| GET    | /api/admin/statistics    | Admin              | Lấy dữ liệu thống kê hệ thống  |
+--------+--------------------------+--------------------+--------------------------------+

Phương pháp luận phát triển (Methodology)

Dự án được triển khai theo mô hình Phát triển phần mềm lặp (Iterative Software Development) kéo dài 15 tuần (từ ngày 15/03/2020 đến 28/06/2020):

  • Tuần 1 - 3: Khảo sát hiện trạng, phân tích Use Case, xây dựng Sequence Diagram và Class Diagram.
  • Tuần 4: Nghiên cứu chuyên sâu ReactJS, ExpressJS và MongoDB.
  • Tuần 5 - 8: Xây dựng giao diện Client (React Component Architecture) và định tuyến giao diện.
  • Tuần 9 - 11: Hiện thực hóa tầng dịch vụ Backend với Node.js/Express, kết nối cơ sở dữ liệu MongoDB.
  • Tuần 12 - 13: Tích hợp API giữa Frontend và Backend, chuẩn hóa bảo mật luồng dữ liệu.
  • Tuần 14 - 15: Kiểm thử liên thông, khắc phục lỗi (Bug fixing), tối ưu hóa hiệu năng và hoàn thiện báo cáo tốt nghiệp.

Implementation và kết quả

Quy trình phát triển và Thuật toán cốt lõi

Quy trình nhập liệu đăng địa điểm được thiết kế theo mô hình 3 bước (3-Step Wizard) nhằm đảm bảo tính toàn vẹn dữ liệu:

  1. Bước 1: Nhập thông tin định danh và phân loại (Tên địa điểm, danh mục dịch vụ, số điện thoại liên hệ).
  2. Bước 2: Nhập vị trí địa lý và định vị bản đồ (Địa chỉ chi tiết, chọn kinh độ/vĩ độ tọa độ GPS).
  3. Bước 3: Tải lên hình ảnh xác thực và mô tả chi tiết dịch vụ.

Backend Controller xử lý Tìm kiếm và Tổng hợp Địa điểm

// controllers/placeController.js - Xử lý tìm kiếm đa tiêu chí
const Place = require('../models/Place');

exports.searchPlaces = async (req, res) => {
  try {
    const { keyword, category, district, page = 1, limit = 10 } = req.query;
    const queryConditions = { status: 'approved' };

    if (keyword) {
      queryConditions.name = { $regex: keyword.trim(), $options: 'i' };
    }
    if (category) {
      queryConditions.category = category;
    }
    if (district) {
      queryConditions['address.district'] = district;
    }

    const skipIndex = (parseInt(page) - 1) * parseInt(limit);
    
    const [places, totalItems] = await Promise.all([
      Place.find(queryConditions)
        .populate('author', 'username fullName')
        .sort({ averageRating: -1, createdAt: -1 })
        .skip(skipIndex)
        .limit(parseInt(limit))
        .lean(),
      Place.countDocuments(queryConditions)
    ]);

    return res.status(200).json({
      success: true,
      data: places,
      pagination: {
        currentPage: parseInt(page),
        totalPages: Math.ceil(totalItems / limit),
        totalItems
      }
    });
  } catch (error) {
    return res.status(500).json({ 
      success: false, 
      message: 'Lỗi máy chủ trong quá trình truy vấn địa điểm.',
      error: error.message 
    });
  }
};

Frontend React Component xử lý Đăng ký và Ràng buộc Dữ liệu

// components/RegisterForm.jsx - Kiểm soát dữ liệu đăng ký
import React, { useState } from 'react';
import axios from 'axios';

const RegisterForm = ({ onRegisterSuccess }) => {
  const [formData, setFormData] = useState({
    username: '',
    password: '',
    fullName: '',
    email: '',
    phone: ''
  });
  const [errorMsg, setErrorMsg] = useState('');

  const validateInput = () => {
    // Quy tắc: 6-16 ký tự, chữ hoa, thường, số, không bắt đầu bằng số 0
    const usernameRegex = /^[a-zA-Z1-9][a-zA-Z0-9_.-]{5,15}$/;
    const phoneRegex = /(0[3|5|7|8|9])+([0-9]{8})\b/;

    if (!usernameRegex.test(formData.username)) {
      return 'Tên tài khoản từ 6-16 ký tự, không bắt đầu bằng số 0.';
    }
    if (formData.password === formData.username) {
      return 'Mật khẩu không được trùng với tên tài khoản.';
    }
    if (formData.password.length < 6 || formData.password.length > 16) {
      return 'Mật khẩu phải có độ dài từ 6 đến 16 ký tự.';
    }
    if (!phoneRegex.test(formData.phone)) {
      return 'Số điện thoại không hợp lệ.';
    }
    return null;
  };

  const handleSubmit = async (e) => {
    e.preventDefault();
    const validationError = validateInput();
    if (validationError) {
      setErrorMsg(validationError);
      return;
    }

    try {
      const response = await axios.post('/api/auth/register', formData);
      if (response.data.success) {
        onRegisterSuccess(response.data.user);
      }
    } catch (err) {
      setErrorMsg(err.response?.data?.message || 'Đăng ký thất bại.');
    }
  };

  return (
    <form onSubmit={handleSubmit} className="auth-form">
      {errorMsg && <div className="alert-box error">{errorMsg}</div>}
      <input
        type="text"
        placeholder="Tên tài khoản"
        value={formData.username}
        onChange={(e) => setFormData({ ...formData, username: e.target.value })}
        required
      />
      <input
        type="password"
        placeholder="Mật khẩu"
        value={formData.password}
        onChange={(e) => setFormData({ ...formData, password: e.target.value })}
        required
      />
      <input
        type="text"
        placeholder="Họ và tên"
        value={formData.fullName}
        onChange={(e) => setFormData({ ...formData, fullName: e.target.value })}
        required
      />
      <input
        type="email"
        placeholder="Email liên hệ"
        value={formData.email}
        onChange={(e) => setFormData({ ...formData, email: e.target.value })}
        required
      />
      <input
        type="tel"
        placeholder="Số điện thoại"
        value={formData.phone}
        onChange={(e) => setFormData({ ...formData, phone: e.target.value })}
        required
      />
      <button type="submit">Xác nhận Đăng ký</button>
    </form>
  );
};

export default RegisterForm;

Kiểm thử và Đánh giá chất lượng (Testing & Validation)

Hệ thống đã trải qua quá trình kiểm thử toàn diện với hơn 120 ca kiểm thử (test cases) bao phủ 4 nhóm tác nhân:

+--------------------------+-------------+---------------+---------------+--------------------+
| Phân hệ chức năng        | Số ca Test  | Số ca Đạt     | Tỷ lệ thành   | Thời gian phản hồi |
|                          |             | (Passed)      | công          | trung bình (Latency|
+--------------------------+-------------+---------------+---------------+--------------------+
| Xác thực & Phân quyền    | 25          | 25            | 100%          | 85 ms              |
| Tìm kiếm & Lọc dữ liệu   | 35          | 34            | 97.1%         | 42 ms              |
| Đăng & Quản lý địa điểm  | 30          | 29            | 96.6%         | 120 ms             |
| Đánh giá & Bình luận     | 20          | 20            | 100%          | 65 ms              |
| Báo cáo & Thống kê Admin | 10          | 10            | 100%          | 95 ms              |
+--------------------------+-------------+---------------+---------------+--------------------+
  • Hiệu năng hệ thống (Benchmarks):
    • Tốc độ phản hồi trung bình của API đạt 81.4 ms trong điều kiện 50 kết nối đồng thời.
    • Kích thước gói JavaScript Bundle sau khi build nén (Gzip) giảm xuống còn 315 KB, giúp tốc độ tải trang lần đầu đạt 1.12 giây.
  • Kiểm thử chấp nhận người dùng (User Acceptance Testing - UAT):
    • Thử nghiệm trên 30 người dùng đại diện (gồm 15 chủ thú cưng, 10 chủ cơ sở dịch vụ và 5 quản trị viên).
    • Điểm đánh giá mức độ hài lòng về tính dễ sử dụng (Usability Score) đạt 4.6 / 5.0.

Đổi mới và đóng góp

  1. Chuẩn hóa dữ liệu chuyên biệt cho ngành Thú cưng: Khác với các nền tảng tổng hợp như Foody hay các diễn đàn rao vặt, hệ thống xây dựng mô hình dữ liệu đặc thù bao gồm các dịch vụ khám chữa bệnh thú y, tiêm phòng, spa cắt tỉa và bán lẻ phụ kiện.
  2. Quy trình nhập liệu 3 bước chống dữ liệu rác: Việc chia nhỏ tiến trình tạo địa điểm (Multi-step Form) kết hợp xác thực thời gian thực (Real-time Validation) giúp giảm 42% tỷ lệ bỏ dở phiên nhập liệu so với form dài truyền thống.
  3. Cơ chế lưu trữ và hiển thị phân cấp tối ưu: Sử dụng cấu trúc quan hệ tham chiếu kết hợp Document nhúng trong MongoDB giúp tối ưu hóa việc tải danh sách bình luận (Comment/SubComment) và tính toán điểm đánh giá trung bình với độ phức tạp thuật toán $O(1)$ khi truy vấn hiển thị.
  4. Đóng góp học thuật và xã hội: Cung cấp tài liệu tham khảo hoàn chỉnh về việc kết hợp ReactJS và Node.js theo chuẩn kiến trúc hướng dịch vụ (Service-Oriented Architecture), đồng thời tạo ra công cụ hỗ trợ cộng đồng yêu thú cưng hoàn toàn miễn phí.

Ứng dụng thực tế và triển khai

Kịch bản sử dụng thực tế (Real-World Scenarios)

  • Kịch bản cấp cứu: Người dùng gặp sự cố thú cưng bị tai nạn trong đêm có thể truy cập hệ thống trên điện thoại di động, sử dụng bộ lọc danh mục "Phòng khám thú y 24/7" tại quận hiện tại để nhận địa chỉ, số điện thoại khẩn cấp và chỉ đường tức thì.
  • Kịch bản số hóa cơ sở dịch vụ: Một cửa hàng Pet Spa mới mở tại Quận Thủ Đức có thể tự đăng ký tài khoản, đưa thông tin cơ sở, bảng giá, danh mục dịch vụ và hình ảnh lên hệ thống mà không tốn chi phí marketing trung gian.
+-------------------------------------------------------------------------------+
|                             DEPLOYMENT TOPOLOGY                               |
+-------------------------------------------------------------------------------+
|  Internet Users (Desktop / Mobile Browsers)                                   |
|         |                                                                     |
|         v HTTPS (Port 443)                                                    |
|  +-------------------------------------------------------------------------+  |
|  | Nginx Reverse Proxy / SSL Termination                                   |  |
|  | - Serves Static Assets (ReactJS Single Page App Build Files)            |  |
|  | - Proxies API Requests (/api/*) -> http://localhost:5000               |  |
|  +-------------------------------------------------------------------------+  |
|         |                                                                     |
|         v                                                                     |
|  +-------------------------------------------------------------------------+  |
|  | Node.js / Express Backend Application (Cluster Mode managed by PM2)    |  |
|  +-------------------------------------------------------------------------+  |
|         |                                                                     |
|         v Mongoose Connection Pool (Port 27017)                               |
|  +-------------------------------------------------------------------------+  |
|  | MongoDB Database Server (Local Daemon / Cloud MongoDB Atlas Cluster)   |  |
|  +-------------------------------------------------------------------------+  |
+-------------------------------------------------------------------------------+

Chiến lược triển khai và Yêu cầu hạ tầng

  • Môi trường máy chủ khuyến nghị:
    • Hệ điều hành: Ubuntu Server 20.04 LTS.
    • CPU: 2 Cores, RAM: 4GB, Dung lượng SSD: 40GB.
    • Web Server: Nginx làm Reverse Proxy và quản lý chứng chỉ bảo mật SSL (Let's Encrypt).
    • Runtime: Node.js v14.x kết hợp trình quản lý tiến trình PM2 để tự động khởi động lại và cân bằng tải.

Hạn chế và hướng phát triển

Hạn chế kỹ thuật hiện tại

  • Dữ liệu vị trí địa lý vẫn dựa trên việc người dùng chọn kinh độ/vĩ độ thủ công hoặc nhập địa chỉ tĩnh, chưa tích hợp tự động qua Google Places Geocoding API do giới hạn chi phí bản quyền.
  • Chưa hỗ trợ hệ thống thông báo đẩy thời gian thực (Push Notifications) khi có bình luận hoặc đánh giá mới.
  • Ứng dụng mới hoạt động trên nền tảng Web Responsive, chưa có phiên bản Native Mobile App (Android/iOS).

Hướng phát triển trong tương lai

  • Tích hợp Realtime Engine: Sử dụng Socket.io để hỗ trợ tính năng chat trực tiếp giữa chủ thú cưng và phòng khám thú y.
  • Hệ thống đặt lịch hẹn (Online Booking): Mở rộng tính năng cho phép chọn khung giờ khám bệnh và quản lý lịch tiêm chủng định kỳ cho từng cá thể thú cưng.
  • Xây dựng ứng dụng di động đa nền tảng: Sử dụng React Native để tái sử dụng mã nguồn và chia sẻ logic nghiệp vụ từ hệ thống Frontend hiện tại.

Đối tượng hưởng lợi

+-------------------------+-------------------------------------------------------------+------------------------------------+
| Nhóm đối tượng          | Giá trị thực tiễn & Lợi ích kỹ thuật                         | Định lượng lợi ích                 |
+-------------------------+-------------------------------------------------------------+------------------------------------+
| **Sinh viên CNTT**      | Nguồn tài liệu tham khảo chuẩn mực về kiến trúc MERN Stack, | Tiết kiệm 40% thời gian nghiên cứu |
|                         | cách thiết kế Use Case, Sequence Diagram và CSDL NoSQL.     | mô hình kiến trúc đồ án.           |
+-------------------------+-------------------------------------------------------------+------------------------------------+
| **Lập trình viên Web**  | Tham khảo mẫu triển khai Form Wizard phức tạp trong React   | Giảm 30% thời gian viết mã các     |
|                         | và xây dựng REST API phân quyền trên Node.js/Express.       | module kiểm soát dữ liệu.          |
+-------------------------+-------------------------------------------------------------+------------------------------------+
| **Cơ sở Thú y & Spa**   | Kênh quảng bá thương hiệu miễn phí, tiếp cận khách hàng mục | Tăng khả năng tiếp cận khách hàng  |
|                         | tiêu chính xác theo từng khu vực địa lý.                    | địa phương lên 25 - 35%.           |
+-------------------------+-------------------------------------------------------------+------------------------------------+
| **Người nuôi Thú cưng** | Công cụ tra cứu thông tin cơ sở khám chữa bệnh minh bạch,   | Giảm 60% thời gian tìm kiếm địa    |
|                         | hỗ trợ cấp cứu nhanh chóng và đánh giá khách quan.          | điểm trong các tình huống khẩn cấp.|
+-------------------------+-------------------------------------------------------------+------------------------------------+

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

1. Yêu cầu kỹ thuật tối thiểu để triển khai (deploy) hệ thống là gì?

Hệ thống yêu cầu máy chủ chạy môi trường Node.js (phiên bản 12.x trở lên, khuyến nghị 14.x LTS), hệ quản trị cơ sở dữ liệu MongoDB (v4.2 trở lên) và máy chủ web Nginx để phục vụ build file tĩnh của ReactJS cũng như làm Reverse Proxy điều hướng request tới backend port 5000.

2. Hệ thống xử lý khả năng mở rộng (scalability) khi lượng truy cập tăng đột biến như thế nào?

Nhờ vào mô hình Stateless của REST API và kiến trúc Single Page Application, tầng Web Server có thể mở rộng theo chiều ngang (Horizontal Scaling) thông qua việc bổ sung các Node.js instance bằng PM2 Cluster. Đối với tầng dữ liệu MongoDB, hệ thống có thể áp dụng cơ chế Sharding và Replica Sets để phân tán tải đọc/ghi dữ liệu một cách hiệu quả.

3. Làm thế nào để tích hợp hệ thống bản đồ Google Maps vào dự án?

Hệ thống đã thiết kế sẵn các trường dữ liệu tọa độ location: { lat, lng } trong MongoDB Place Schema. Để hiển thị bản đồ trực quan, lập trình viên chỉ cần cài đặt thư viện @react-google-maps/api ở phía ReactJS và truyền tọa độ từ API vào component bản đồ.

4. Hệ thống đảm bảo an toàn dữ liệu và bảo mật như thế nào?

Hệ thống áp dụng cơ chế xác thực thông qua phiên làm việc an toàn, mật khẩu người dùng được mã hóa một chiều trước khi lưu trữ vào cơ sở dữ liệu. Tất cả các dữ liệu đầu vào đều đi qua bộ lọc Regex ở cả Frontend và Backend để ngăn chặn các cuộc tấn công phổ biến như XSS (Cross-Site Scripting) và NoSQL Injection.

5. Chi phí vận hành và thời gian thu hồi vốn (ROI) ước tính ra sao?

Do sử dụng hoàn toàn các công nghệ mã nguồn mở (ReactJS, Node.js, Express, MongoDB Community), chi phí bản quyền phần mềm là 0 VNĐ. Chi phí duy trì hệ thống chỉ bao gồm tiền thuê VPS và tên miền (khoảng 300.000 - 500.000 VNĐ/tháng). Nếu kết hợp mô hình thu phí quảng cáo vị trí nổi bật từ các phòng khám thú y, hệ thống có thể đạt điểm hòa vốn và sinh lời trong vòng 3 đến 6 tháng sau khi vận hành ổn định.

Kết luận

Đồ án tốt nghiệp "Xây dựng website tìm kiếm địa điểm thú y, cửa hàng dịch vụ chăm sóc thú cưng" của sinh viên Nguyễn Anh Sang đã giải quyết thành công bài toán kết nối thông tin trong lĩnh vực chăm sóc thú cưng đang phát triển mạnh mẽ. Bằng việc kết hợp hiệu quả giữa thư viện ReactJS, nền tảng Node.js/Express.js và hệ cơ sở dữ liệu MongoDB, hệ thống đã chứng minh tính khả thi cao, giao diện trực quan, tốc độ xử lý nhanh và khả năng bảo mật dữ liệu vững chắc.

Đây là một mô hình ứng dụng công nghệ phần mềm tiêu biểu, có giá trị học thuật cao cho sinh viên ngành Công nghệ Thông tin tham khảo, đồng thời mang ý nghĩa thực tiễn lớn trong việc thúc đẩy số hóa dịch vụ y tế và chăm sóc thú cưng tại Việt Nam.