Mô tả chi tiết các tính năng
A. Dashboard & Thống kê thời gian thực
-
Chỉ số tổng quát: Hiển thị tức thời tổng số tài sản, số thiết bị đang hoạt động tốt, số máy đang sửa chữa và các thiết bị đã thanh lý.
-
Thống kê theo đơn vị (Department Summary): Phân tích và hiển thị tỷ lệ sở hữu thiết bị giữa các khối hành chính và khối giảng dạy bằng biểu đồ thanh (progress bar).
-
Phân bổ khu vực (Location Summary): Theo dõi số lượng máy móc tại các khu vực khác nhau (Khu A, B, C, D) để dễ dàng kiểm soát hạ tầng vật lý.
B. Quản lý danh sách tài sản
-
Tra cứu nhanh: Tính năng tìm kiếm thông minh theo mã tài sản (Asset Code) hoặc tên người dùng (User) ngay tại giao diện danh sách.
-
Thông tin chi tiết: Hiển thị đầy đủ thông số phần cứng (CPU, RAM, Ổ cứng), màn hình và các thiết bị ngoại vi đi kèm (chuột, bàn phím, máy in...).
-
Trạng thái màu sắc: Sử dụng mã màu trực quan để nhận diện tình trạng thiết bị (Xanh: Tốt, Cam: Đang sửa, Đỏ: Hỏng/Thanh lý).
C. Hệ thống QR Code & Tra cứu nhanh (Deep Link)
-
Mã QR định danh: Mỗi thiết bị được hệ thống tự động tạo một mã QR duy nhất dẫn đến liên kết chi tiết của chính thiết bị đó.
-
Tra cứu tức thì: Hỗ trợ tính năng "Deep Link" – khi truy cập qua URL có chứa mã ID, hệ thống sẽ tự động mở cửa sổ thông tin chi tiết của máy đó mà không cần tìm kiếm thủ công.
-
In ấn hàng loạt: Tính năng cho phép xuất danh sách mã QR để in nhãn dán vật lý lên thiết bị, phục vụ công tác kiểm kê.
D. Quản lý bảo trì & Sửa chữa (Maintenance)
-
Nhật ký sửa chữa (Maintenance Logs): Lưu trữ lịch sử tất cả các lần tác động kỹ thuật lên thiết bị, bao gồm ngày giờ và nội dung chi tiết.
-
Thông báo bảo trì: Hiển thị huy hiệu (badge) đếm số lượng máy đang cần sửa chữa trên thanh menu để quản trị viên dễ dàng theo dõi.
-
Quy trình khép kín: Hỗ trợ chuyển đổi trạng thái thiết bị từ "Đang sửa" về "Tốt" kèm theo ghi chú hoàn tất tự động.
E. Phân quyền & Bảo mật
-
Chế độ Người xem (Viewer): Người dùng thông thường chỉ có thể xem danh sách, tra cứu thông tin và cấu hình máy qua QR Code.
-
Chế độ Quản trị (Admin Mode): Yêu cầu đăng nhập để mở khóa các tính năng: Thêm mới tài sản, Chỉnh sửa thông tin, Xóa dữ liệu và Cập nhật nhật ký bảo trì.
-
Đồng bộ Cloud: Sử dụng Firebase Firestore để đảm bảo dữ liệu được đồng bộ hóa tức thì trên tất cả các thiết bị đang truy cập hệ thống.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
🚀 Hướng Dẫn Cài Đặt Hệ Thống NSG ASSET
Hệ thống này được xây dựng theo kiến trúc "Serverless" (không cần máy chủ riêng), sử dụng Firebase làm cơ sở dữ liệu đám mây. Bạn có thể chạy trực tiếp từ máy tính cá nhân hoặc upload lên bất kỳ host nào mà không cần cấu hình phức tạp.
1. Chuẩn bị tệp tin
Hãy tạo một thư mục mới trên máy tính (ví dụ: IT-Asset-Manager) và tạo 3 file bên trong với nội dung đã được tách ở bước trước:
-
index.html
-
style.css
-
script.js
Lưu ý: Đảm bảo cả 3 file nằm chung một thư mục.
2. Tùy chỉnh Tài khoản & Mật khẩu
Để thay đổi thông tin đăng nhập Admin, bạn mở file script.js và tìm dòng sau (thường ở đầu file):
// Tìm đoạn này trong script.js
const CREDENTIALS = { user: 'admin', pass: 'admin' };
3. Tùy chỉnh Firebase (Cơ sở dữ liệu)
Hệ thống hiện tại đang sử dụng cấu hình Firebase có sẵn của tôi (bạn có thể sài luôn để test). Nếu bạn muốn dùng Database riêng để bảo mật dữ liệu tuyệt đối:
-
Truy cập Firebase Console.
-
Tạo Project mới và tạo một "Web App".
-
Copy đoạn firebaseConfig được cấp và dán đè vào đoạn sau trong script.js:
const firebaseConfig = {
apiKey: "YOUR_API_KEY",
authDomain: "YOUR_PROJECT.firebaseapp.com",
projectId: "YOUR_PROJECT",
storageBucket: "YOUR_PROJECT.appspot.com",
messagingSenderId: "...",
appId: "..."
};
4. Cách chạy hệ thống
Cách 1: Chạy trên máy tính (Local)
-
Mở thư mục chứa các file bằng Visual Studio Code.
-
Chuột phải vào file index.html chọn Open with Live Server (nếu bạn đã cài Extension Live Server).
-
Hoặc đơn giản là nhấp đúp chuột vào file index.html để mở bằng trình duyệt.
Cách 2: Đưa lên Internet (Hosting)
-
GitHub Pages / Netlify / Vercel: Bạn chỉ cần kéo thả thư mục chứa 3 file này lên các nền tảng này, chúng sẽ cấp cho bạn một tên miền miễn phí (ví dụ: https://ten-cua-ban.netlify.app).
-
Hosting/CPANEL: Upload cả 3 file vào thư mục public_html của tên miền bạn sở hữu.
5. Lưu ý quan trọng
-
QR Code: Khi bạn chạy hệ thống trên tên miền mới (ví dụ: https://my-it-web.com), các mã QR sẽ tự động nhận diện và tạo liên kết theo tên miền đó.
-
Tính năng In: Nhấn nút "IN QR" trong Admin để xuất file PDF nhãn dán cho thiết bị.
-
Module: Vì file script.js sử dụng import từ Firebase, bạn phải đảm bảo thẻ script trong HTML có thuộc tính type="module".
Chúc bạn quản lý hệ thống hiệu quả!