Google sheet Webapp Hệ thống Gửi và Phê duyệt Hỗ trợ file Pdf Xem và đính chữ ký

30/04/2026 giaoanppt 3 Lượt xem

Biến Quy Trình Giấy Tờ Thành Số Hóa: Giới Thiệu Hệ Thống Phê Duyệt & Ký Số Điện Tử (e-Portal) Bằng Google Apps Script

Trong thời đại làm việc từ xa và chuyển đổi số, việc in ấn, ký tay, scan và gửi lại một tờ đơn không chỉ gây lãng phí thời gian mà còn làm giảm hiệu suất công việc. Để giải quyết triệt để bài toán này, chúng tôi đã phát triển Hệ thống Phê Duyệt Văn Bản & Ký Số Điện Tử (e-Portal) – một giải pháp Web App “Serverless” toàn diện, linh hoạt và vận hành với chi phí 0 đồng.

🌟 e-Portal Là Gì?

e-Portal Phê Duyệt là một ứng dụng Web (Web Application) được xây dựng hoàn toàn trên hệ sinh thái Google Workspace. Ứng dụng cho phép nhân viên tải lên các tài liệu PDF (đơn từ, báo giá, đề xuất…), điền thông tin và gửi yêu cầu phê duyệt.

Ngay sau đó, cấp quản lý có thể đăng nhập vào hệ thống, xem trước tài liệu, kéo thả chữ ký trực tiếp lên file PDF và phê duyệt. Mọi quy trình từ lưu trữ, di chuyển file đến gửi Email thông báo đều được tự động hóa 100%.

🔥 Các Tính Năng Nổi Bật

1. Ký Số Trực Quan (Drag, Drop & Resize) 🎯

Đây là tính năng “ăn tiền” nhất của hệ thống. Quản lý không cần tải file về máy để ký. Ngay trên trình duyệt:

Xem trước PDF độ phân giải cao.
Hỗ trợ 2 chế độ ký: Vẽ trực tiếp bằng chuột/cảm ứng hoặc Sử dụng chữ ký mẫu đã lưu.
Kéo thả (Drag & Drop) chữ ký đến bất kỳ vị trí nào trên tài liệu.
Thay đổi kích thước (Resize) chữ ký cho phù hợp với từng mẫu form.
Tự động in đè họ tên người duyệt kèm chữ ký để tăng tính chuyên nghiệp.

2. Tự Động Hóa Luồng Công Việc (Workflow) ⚡

Phân loại tự động: Khi phê duyệt hoặc từ chối, hệ thống tự động đổi tên file theo chuẩn (PhòngBan_MãNV_HọTên_TênFile) và di chuyển file vào đúng thư mục Google Drive tương ứng.
Gửi Email tức thì: Ngay khi có quyết định, hệ thống tự động gửi Email thông báo đến nhân viên kèm theo lý do (nếu từ chối) hoặc đính kèm Link tải file PDF đã được đóng dấu chữ ký (nếu chấp thuận).

3. Giao Diện “Glassmorphism” Hiện Đại & Trải Nghiệm SPA 🎨

Thiết kế theo phong cách giao diện kính (Glassmorphism) kết hợp Dark Mode chuẩn xu hướng công nghệ.
Hệ thống cảnh báo SweetAlert2 siêu mượt mà.
Cơ chế SPA (Single Page Application): Mọi thao tác nộp đơn, đăng nhập, tìm kiếm, ký duyệt đều diễn ra tức thì mà không cần tải lại trang, loại bỏ hoàn toàn tình trạng giật lag hay trắng màn hình.

4. Quản Trị Trực Quan (Admin Dashboard) 📊

Tích hợp sẵn Dashboard thống kê tổng số đơn: Đã duyệt, Từ chối, Chờ xử lý theo từng tháng/năm.
Khung tìm kiếm thông minh: Tìm nhanh hồ sơ theo Tên, Mã nhân viên hoặc ID đơn.
Giao diện cài đặt (Config) ngay trên Web giúp Admin dễ dàng thay đổi ID các thư mục Google Drive lưu trữ mà không cần chạm vào code.

⚙️ Công Nghệ Chốt Lõi (Tech Stack)

Hệ thống chứng minh sức mạnh đáng kinh ngạc của Google Apps Script khi được kết hợp với các thư viện JavaScript hiện đại:

Backend & Hosting: Google Apps Script (GAS). Hoàn toàn Serverless, bảo mật cấp độ Google, chi phí duy trì 0 VNĐ.
Database & Storage: Dữ liệu lưu tại Google Sheets, File PDF lưu tại Google Drive.
Xử lý PDF (Frontend):
- Sử dụng pdf.js (Mozilla) để render bản xem trước mượt mà, vượt qua rào cản CORS của trình duyệt.
- Sử dụng pdf-lib để can thiệp sâu vào cấu trúc PDF, đóng dấu (embed) chữ ký dạng nhị phân và xuất ra bản PDF cuối cùng.
UI/UX: Bootstrap 5, SweetAlert2, Signature_Pad.

🎯 Hệ Thống Này Dành Cho Ai?

Các phòng ban Nhân sự (HR), Kế toán, Kỹ thuật cần duyệt đơn từ, đề xuất, bảng chấm công hàng ngày.
Các doanh nghiệp vừa và nhỏ (SME) muốn số hóa quy trình nhưng chưa muốn đầu tư hàng chục triệu đồng cho các phần mềm ERP cồng kềnh.
Các tổ chức giáo dục, trường học cần sinh viên/giáo viên nộp và duyệt form trực tuyến.

💡 Kết Luận

Không cần một hệ thống máy chủ phức tạp, không cần ngân sách duy trì hàng tháng. Với e-Portal, quy trình phê duyệt của bạn sẽ được rút ngắn từ vài ngày xuống chỉ còn vài phút. Mọi thứ minh bạch, lưu vết rõ ràng và cực kỳ thân thiện với người dùng.

👉 Bạn quan tâm đến giải pháp này? Trải nghiệm ngay sức mạnh của tự động hóa bằng cách liên hệ với chúng tôi theo địa chỉ: giaoan.link@gmail.com