Web App & Google Sheet

Vibe Coding Web App Quản Lý Nhân Sự HRM Kết Hợp Google Sheets

Tác giả: Bùi Ngọc Thuận Đăng ngày: 02/10/2026 14 phút đọc
Vibe Coding Web App Quản Lý Nhân Sự HRM Kết Hợp Google Sheets

Quản lý nhân sự luôn là bài toán đau đầu đối với các đội nhóm và doanh nghiệp nhỏ. Khi chỉ có vài người, việc theo dõi ngày công, duyệt đơn nghỉ phép hay tính lương trên các cuốn sổ tay hoặc bảng tính Google Sheets có vẻ vẫn ổn. Nhưng khi nhân sự đông lên, việc chia sẻ chung một file bảng tính rất dễ dẫn đến tình trạng nhân viên nhìn thấy lương của nhau, vô tình bấm nhầm xóa mất công thức hoặc làm lộ thông tin nhạy cảm. Trong bài hướng dẫn thực chiến này, mình chia sẻ trọn vẹn quy trình biến một file bảng tính quen thuộc thành một ứng dụng web quản lý nhân sự HRM chuyên nghiệp, mượt mà và hoàn toàn miễn phí.

Toàn bộ các bước từ thiết lập bảng dữ liệu, kiểm tra độ tin cậy của trợ lý thông minh đến kết nối trực tiếp lên đám mây đều được quay lại tỉ mỉ. Bạn có thể theo dõi video thực hành trực tiếp ở bên dưới để nắm bắt trực quan nhất.

1. Ý Tưởng Biến Bảng Tính Thành Web App Chuyên Nghiệp

Nhiều người nghĩ muốn có phần mềm quản lý nhân sự chuyên nghiệp thì bắt buộc phải mua những gói phần mềm đắt đỏ hàng chục triệu mỗi năm. Nhưng với các doanh nghiệp vừa và nhỏ, nhu cầu thực tế thường rất tinh gọn. Chúng ta chỉ cần một nơi lưu trữ hồ sơ nhân viên, một bảng chấm công mỗi ngày, một nơi nộp đơn xin nghỉ và một bảng tính lương rõ ràng.

Bảng tính Google Sheets có ưu điểm là rất quen thuộc, ai cũng biết dùng và hoàn toàn miễn phí. Tuy nhiên nhược điểm lớn nhất của nó là không có giao diện đẹp mắt để thao tác trên điện thoại và rất khó phân quyền bảo mật. Giải pháp tuyệt vời ở đây là dùng bảng tính làm chiếc két sắt cất giữ dữ liệu phía sau, còn phía trước chúng ta xây dựng một quầy lễ tân web app xinh đẹp, hiện đại để nhân viên và quản lý tương tác hàng ngày.

2. Khung Sườn Dữ Liệu Nền Tảng Của Hệ Thống Nhân Sự

Trước khi bắt tay vào nhờ các công cụ thông minh viết mã nguồn, bạn cần hình dung thật rõ cấu trúc các ngăn kéo lưu trữ thông tin trong hệ thống của mình. Trong file mẫu, chúng ta chia dữ liệu thành các bảng liên kết chặt chẽ với nhau:

Bảng thông tin cơ bản: Phòng ban và chức vụ

Đây là hai danh mục nền tảng giúp phân cấp tổ chức trong công ty:

  • Bảng phòng ban: Gồm mã phòng ban định danh và tên phòng ban như phòng kinh doanh, phòng vận hành, phòng kỹ thuật.
  • Bảng chức vụ: Gồm mã vị trí và chức danh cụ thể như giám đốc, trưởng phòng, phó phòng và chuyên viên.

Bảng hồ sơ nhân sự chi tiết

Mỗi nhân viên trong công ty sẽ có một thẻ hồ sơ điện tử riêng biệt. Bảng này lưu trữ mã nhân viên, họ và tên đầy đủ, ngày tháng năm sinh, giới tính, số điện thoại, địa chỉ nơi ở, hòm thư điện tử, ngày bắt đầu vào làm, mã phòng ban trực thuộc, mã chức vụ đảm nhiệm và thông tin số tài khoản ngân hàng để chuyển khoản tiền lương.

Bảng ca làm việc và nhật ký chấm công

Để tính đúng ngày công cho người lao động, hệ thống phân chia các loại ca làm việc rõ ràng:

  • Ca hành chính: Quy định rõ giờ vào làm buổi sáng và giờ tan ca buổi chiều.
  • Các ca linh hoạt: Phục vụ các đơn vị làm theo ca sáng, ca chiều hoặc ca đêm.
  • Nhật ký chấm công: Lưu lại lịch sử quẹt thẻ điểm danh từng ngày, ghi nhận trạng thái đi làm đúng giờ hay đi trễ, số phút đi muộn và lý do cụ thể của từng nhân sự.

Bảng đơn từ xin nghỉ phép và quy trình phê duyệt

Thay vì nhân viên phải viết giấy xin phép tay rất dễ thất lạc, hệ thống có bảng đơn từ điện tử phân loại các lý do như nghỉ phép năm, nghỉ ốm đau, nghỉ việc riêng hay nghỉ thai sản. Mỗi đơn từ đều ghi rõ khoảng thời gian từ ngày nào đến ngày nào, lý do xin nghỉ và có cột trạng thái thể hiện đơn đang chờ duyệt hay đã được lãnh đạo đồng ý.

Bảng phụ cấp, khấu trừ và bảng lương

Bảng phụ cấp ghi nhận các khoản hỗ trợ như tiền ăn trưa, tiền xăng xe, tiền điện thoại liên lạc. Bảng khấu trừ lưu trữ các khoản đóng bảo hiểm hoặc tiền phạt đi muộn. Cuối cùng, bảng tính lương sẽ tự động xâu chuỗi số ngày công thực tế, cộng thêm các khoản phụ cấp và trừ đi các khoản khấu trừ để cho ra số tiền thực nhận của từng nhân viên.

3. Chiến Lược Chuẩn Bị Dữ Liệu Và Quy Tắc Kiểm Chứng Độ Tin Cậy Của AI

Đây là kinh nghiệm xương máu khi làm việc cùng các công cụ trí tuệ nhân tạo. Rất nhiều người vội vã đưa đường link bảng tính online cho AI đọc ngay từ đầu, dẫn đến việc kết nối bị chập chờn hoặc AI hiểu sai cấu trúc các cột.

Tại sao nên tải file về dạng Excel cục bộ trước

Chiến lược đúng đắn là bạn hãy tải file Google Sheets về máy tính dưới định dạng bảng tính Excel thông thường và cất vào một thư mục làm việc riêng. Khi làm việc trực tiếp với file trên máy, trợ lý thông minh có thể đọc toàn bộ các trang tính và phân tích mối quan hệ giữa các cột dữ liệu nhanh hơn gấp nhiều lần so với việc truy vấn qua mạng Internet.

Tuyệt đối không tin tưởng hoàn toàn vào máy móc

Dù các trợ lý thông minh ngày nay rất nhạy bén, chúng vẫn có xác suất đọc nhầm hoặc suy diễn sai lệch. Vì vậy, trước khi giao việc xây dựng giao diện, bạn bắt buộc phải đóng vai một vị giám khảo khó tính để kiểm tra năng lực đọc hiểu của AI.

Bộ năm câu hỏi trắc nghiệm kiểm tra độ chính xác

Bạn hãy mở file bảng tính gốc lên và hỏi AI năm câu hỏi bất kỳ để đối chiếu câu trả lời:

  • Hỏi nội dung tại một ô ngẫu nhiên trong trang tính chấm công: Ví dụ ô F21 đang chứa số liệu gì.
  • Hỏi số tiền tại một ô trong trang tính phụ cấp: Ví dụ ô F30 đang ghi số tiền bao nhiêu.
  • Hỏi thông tin một nhân viên theo mã số: Yêu cầu AI đọc chính xác họ tên, địa chỉ cư trú và email của nhân sự có mã số tương ứng.

Khi bạn so sánh từng câu trả lời của AI với con số thực tế trên bảng tính mà khớp nhau hoàn toàn một trăm phần trăm, lúc đó bạn mới an tâm để AI bắt tay vào viết mã nguồn giao diện.

4. Lựa Chọn Công Nghệ Và Thiết Kế Giao Diện Tinh Gọn

Để ứng dụng chạy nhanh như gió và không tốn chi phí thuê máy chủ hàng tháng, chúng ta lựa chọn nền tảng Next.js kết hợp dịch vụ máy chủ đám mây Vercel. Sự kết hợp này mang lại tốc độ tải trang cực nhanh và hoàn toàn miễn phí cho các quy mô nhỏ.

Chuẩn bị sẵn bộ khung giao diện mẫu

Để giao diện trông chuyên nghiệp và không bị cũ kỹ, chúng ta đưa ra những yêu cầu rất cụ thể: Phong cách thiết kế tối giản, tông màu sáng hiện đại, sử dụng màu xanh dịu nhẹ làm điểm nhấn ở các nút bấm quan trọng. Nếu bạn đã có sẵn một thư mục chứa giao diện mẫu ưng ý, bạn chỉ cần chỉ định cho AI đọc thư mục đó để tạo ra sản phẩm tương đồng về mặt thẩm mỹ.

Xây dựng đầy đủ các màn hình chức năng

Hệ thống được AI dựng hoàn chỉnh với các khu vực làm việc rõ ràng:

  • Màn hình bảng tin tổng quan: Thống kê nhanh tổng số nhân sự, số người đi làm hôm nay và các đơn từ đang chờ xét duyệt.
  • Màn hình danh sách nhân viên: Xem danh sách dạng lưới hoặc dạng thẻ, có thanh tìm kiếm nhanh theo tên hoặc phòng ban.
  • Màn hình chấm công theo tháng: Lọc xem dữ liệu chấm công của toàn bộ nhân viên theo từng tháng riêng biệt.
  • Màn hình lịch xin nghỉ: Hiển thị các ngày nghỉ dưới dạng tờ lịch trực quan giúp người quản lý nhìn là biết ngày nào phòng ban bị thiếu người.
  • Màn hình bảng lương và chi tiết đãi ngộ: Xem chi tiết từng khoản thu nhập của nhân viên.

5. Thao Tác Nghiệp Vụ Thực Tế: Thêm, Sửa, Xóa Và Kiểm Tra Nhật Ký

Khi phiên bản đầu tiên của web app được khởi chạy, chúng ta cần trực tiếp thực hiện các thao tác quản trị để kiểm tra xem hệ thống có chạy chuẩn xác hay không.

Nghiệp vụ quản lý hồ sơ nhân viên

Chúng ta thử nghiệm bấm nút thêm mới một nhân sự tên là Ngọc Thuận, điền năm sinh, số điện thoại, chọn phòng ban vận hành và chức vụ trưởng phòng. Ngay khi bấm lưu, trên màn hình web xuất hiện ngay nhân sự mới. Đồng thời mở file bảng tính lên kiểm tra, chúng ta thấy một dòng mới được tự động điền vào đúng vị trí với các mã phòng ban và mã chức vụ hoàn toàn trùng khớp.

Tiếp tục thử nghiệm sửa đổi năm sinh của một nhân sự cũ từ năm 1989 thành 1990, chuyển vị trí từ nhân viên lên giám đốc, hệ thống lập tức cập nhật mượt mà. Thử tính năng xóa một nhân sự đã nghỉ việc, tên người đó biến mất khỏi màn hình và dòng tương ứng trong bảng tính cũng được dọn dẹp sạch sẽ.

Kiểm tra cuốn sổ nhật ký hoạt động

Mọi hành động thêm nhân viên mới, sửa đổi thông tin hay xóa hồ sơ đều được hệ thống tự động ghi lại trong trang nhật ký hoạt động. Nó ghi rõ ai là người thực hiện, làm vào lúc mấy giờ và thay đổi nội dung gì. Nhờ đó, người quản lý có thể hoàn toàn yên tâm phân quyền cho cấp dưới thao tác mà không sợ thất lạc thông tin.

Nghiệp vụ chấm công và ghi nhận đi muộn

Chuyển sang trang chấm công, chúng ta thử thêm một lượt điểm danh cho nhân viên với trạng thái đi trễ ba mươi phút do tắc đường. Hệ thống tự động tính số giờ làm việc thực tế trong ngày là 7,5 giờ thay vì đủ 8 giờ hành chính. Mọi con số đều được ghi nhận chuẩn xác từng phút.

Nghiệp vụ gửi đơn và duyệt đơn xin nghỉ phép

Nhân viên thử tạo một lá đơn xin nghỉ phép năm dài ngày với lý do cá nhân. Đơn sau khi nộp sẽ hiển thị ở trạng thái chờ duyệt. Khi người quản lý đăng nhập vào và bấm nút duyệt đơn, trạng thái lập tức chuyển sang màu xanh đã duyệt và tên của nhân sự đó tự động xuất hiện trên tờ lịch nghỉ chung của toàn công ty.

6. Đấu Nối Web App Với Bảng Tính Google Sheets Trực Tuyến

Sau khi hệ thống đã vận hành hoàn hảo với file dữ liệu trên máy tính, bước quan trọng tiếp theo là móc nối web app với file Google Sheets online để dữ liệu tự động cập nhật mọi lúc mọi nơi.

Thiết lập chìa khóa kết nối trên Google Cloud Console

Đây là thao tác kết nối an toàn theo đúng chuẩn của tập đoàn Google:

  • Bước một: Truy cập vào trang quản lý dịch vụ Google Cloud và tạo một dự án mới, ví dụ đặt tên là Kết Nối Nhân Sự HRM.
  • Bước hai: Vào thư viện dịch vụ và bấm kích hoạt hai công cụ thiết yếu là Google Sheets API và Google Drive API.
  • Bước ba: Tạo một tài khoản dịch vụ riêng biệt và tạo một chìa khóa bí mật định dạng JSON tải về máy tính.

Cấp quyền mở khóa cho tài khoản dịch vụ

Bạn mở file chìa khóa JSON vừa tải về, tìm dòng ghi địa chỉ hòm thư điện tử của tài khoản dịch vụ. Sau đó, bạn mở file Google Sheets của bạn trên trình duyệt web, bấm vào nút chia sẻ ở góc trên bên phải, dán địa chỉ email này vào và cấp quyền cho phép chỉnh sửa. Cuối cùng, bạn đưa file chìa khóa và đường dẫn file Google Sheets cho AI để chuyển đổi mã nguồn. Từ giây phút này, mọi thao tác bấm nút trên web app sẽ tự động truyền dữ liệu thẳng lên bảng tính trên mây theo thời gian thực.

7. Triển Khai Lên Mạng Internet Hoàn Toàn Miễn Phí Với Vercel

Để không phải bật máy tính cả ngày mà nhân viên vẫn có thể mở web app trên điện thoại bất cứ lúc nào, chúng ta đưa toàn bộ dự án lên dịch vụ đám mây Vercel.

Thao tác triển khai vô cùng đơn giản: Bạn chỉ cần yêu cầu trợ lý thông minh đóng gói mã nguồn và đưa lên Vercel. Hệ thống sẽ tự động làm mọi việc từ cấu hình đến xuất bản. Chỉ sau vài phút, bạn sẽ nhận được một đường link chính thức. Bạn có thể tự do đổi tên đường link theo ý muốn của mình để nhân viên dễ nhớ và truy cập hàng ngày.

8. Đánh Giá Ưu Điểm Và Giới Hạn Cần Biết

Không có giải pháp công nghệ nào là hoàn hảo cho mọi hoàn cảnh. Bạn cần hiểu rõ điểm mạnh và ranh giới an toàn của mô hình này để ứng dụng hiệu quả nhất.

Những ưu điểm vượt trội

Chi phí đầu tư ban đầu bằng không vì cả Google Sheets và Vercel đều cung cấp gói miễn phí rất hào phóng. Thời gian hoàn thiện cực nhanh, chỉ mất một đến hai buổi làm việc là bạn đã có một ứng dụng chạy mượt mà theo đúng quy trình nội bộ của riêng mình.

Những giới hạn cần lưu ý khi mở rộng

Mô hình kết nối này hoạt động tốt nhất cho các đội nhóm từ hai đến mười lăm người với tần suất ghi chép vừa phải. Khi doanh nghiệp phát triển lên hàng trăm nhân viên với hàng nghìn lượt truy cập mỗi ngày, việc ghi dữ liệu liên tục có thể làm chạm giới hạn tốc độ của Google. Ngoài ra, việc bảo mật giấu bảng lương giữa các cấp quản lý trên bảng tính cũng cần sự cẩn trọng. Khi quy mô lớn hơn, đó sẽ là thời điểm thích hợp để bạn nâng cấp lên hệ thống cơ sở dữ liệu chuyên nghiệp chạy trên máy chủ VPS riêng.

Làm Chủ Công Nghệ Để Giải Phóng Sức Lao Động

Việc chuyển đổi số trong quản lý nhân sự không nhất thiết phải bắt đầu từ những dự án to tát. Đôi khi nó chỉ bắt đầu từ một file bảng tính quen thuộc được khoác lên tấm áo công nghệ hiện đại.

Chính sự thấu hiểu quy trình vận hành của bạn kết hợp cùng khả năng thực thi nhanh nhẹn của các công cụ thông minh mới là chìa khóa giúp doanh nghiệp vận hành trơn tru và tiết kiệm tối đa thời gian mỗi ngày.

Nếu bạn muốn tự tay xây dựng những ứng dụng web app quản lý nhân sự, quản lý bán hàng từ chính những bảng tính có sẵn của mình, Thuận Phần Mềm luôn sẵn sàng đồng hành chia sẻ những kinh nghiệm thực tế nhất. Chúng mình cũng nhận tư vấn và lập trình các hệ thống phần mềm chuyên biệt theo yêu cầu riêng để doanh nghiệp của bạn vận hành tự động và hiệu quả hơn.

Bùi Ngọc Thuận
Tác giả bài viết Bùi Ngọc Thuận Đồng sáng lập Automeet.vn · Thuận Phần Mềm

Chuyên cung cấp dịch vụ triển khai và đào tạo làm các phần mềm quản trị thực chiến cho Doanh nghiệp vừa và nhỏ.

  • Đồng sáng lập Automeet.vn — giải pháp chốt đơn tự động cho ngành dịch vụ
  • Kinh nghiệm Digital Marketing thực chiến từ năm 2013
  • Trực tiếp triển khai nhiều phần mềm quản lý khách hàng, bán hàng, doanh thu, kho và lợi nhuận
  • Đã hướng dẫn nhiều anh chị em dùng AI để tự làm được phần mềm theo đúng ý mình
Chính vì có kinh nghiệm Marketing sâu sắc nên Thuận rất hiểu nỗi đau thất thoát khách hàng của chủ doanh nghiệp. Thuận sẽ giúp bạn tự tay biến AI thành công cụ giải quyết đúng các bài toán nghiệp vụ thực tế của mình!
HỌC TẬP & THỰC HÀNH CÙNG THUẬN PHẦN MỀM

Tham Gia Nhóm Zalo Học AI Cùng Thuận Miễn Phí

Tham Gia Nhóm Zalo Ngay Miễn phí 100% · Hơn 1.000+ thành viên đang tham gia
Đã sao chép liên kết vào bộ nhớ tạm!