Skip to content

pltrue/Timekeeping-system

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Timekeeping-system

ระบบการบันทึกเวลา (พื้นฐาน) Demo Website

ระบบบันทึกเวลาทำงานด้วย Google Sheets

คำอธิบาย

ระบบนี้ช่วยให้คุณสามารถบันทึกเวลาทำงานของพนักงานลงใน Google Sheets ได้โดยอัตโนมัติ รองรับการดึงข้อมูลย้อนหลังและคำนวณเวลาทำงาน ฟีเจอร์หลัก ได้แก่:

  • บันทึกเวลาเข้า-ออกงาน
  • คำนวณชั่วโมงการทำงาน
  • แสดงประวัติการทำงานล่าสุด
  • รองรับการล็อกอินด้วยบัญชี Google
  • ใช้ Google Sheets เป็นฐานข้อมูล

วิธีการตั้งค่า Google Sheets API

1. สร้าง Google Sheets

  • สร้าง Sheet ใหม่ใน Google Drive และคัดลอก ID ของ Sheet (จาก URL)

2. ตั้งค่า Google Cloud Project

  1. ไปที่ Google Cloud Console
  2. สร้างโปรเจกต์ใหม่
  3. เปิดใช้งาน Google Sheets API
  4. สร้าง API Key และ OAuth 2.0 Client ID

3. แก้ไขค่าคงที่ในไฟล์ script.js

  • ใส่ YOUR_API_KEY (API Key ที่สร้างไว้)
  • ใส่ YOUR_CLIENT_ID (Client ID ที่สร้างไว้)
  • ใส่ YOUR_SPREADSHEET_ID (ID ของ Google Sheet ที่สร้างไว้)

คุณสมบัติของระบบ

1. การเชื่อมต่อ Google Sheets

  • ล็อกอินด้วยบัญชี Google
  • สร้าง Sheet ใหม่อัตโนมัติถ้ายังไม่มี
  • บันทึกข้อมูลการทำงานลงใน Google Sheets
  • ดึงข้อมูลจาก Google Sheets มาแสดงผล

2. ฟังก์ชันหลัก

  • บันทึกวันที่, ชื่อพนักงาน, เวลาเข้า-ออกงาน
  • คำนวณเวลาทำงานเป็นชั่วโมงและนาที
  • แสดงประวัติการทำงานล่าสุด (เรียงจากใหม่ไปเก่า)
  • รีเฟรชข้อมูลได้ทันทีเมื่อมีการอัพเดท

3. การรักษาความปลอดภัย

  • ใช้ OAuth 2.0 สำหรับการให้สิทธิ์
  • ตรวจสอบสิทธิ์การเข้าถึง Google Sheets
  • สามารถออกจากระบบได้

ข้อดีของการใช้ Google Sheets

  • ไม่ต้องมีเซิร์ฟเวอร์หรือฐานข้อมูลแยกต่างหาก
  • เข้าถึงข้อมูลได้จากทุกที่ผ่าน Google Drive
  • สามารถแชร์ข้อมูลกับผู้อื่นได้ง่าย
  • มีการสำรองข้อมูลอัตโนมัติ
  • สามารถนำข้อมูลไปประมวลผลต่อใน Google Sheets ได้ทันที

วิธีใช้งาน

  1. เปิดเว็บเพจ และกดปุ่ม "เข้าสู่ระบบด้วย Google"
  2. อนุญาตการเข้าถึง Google Sheets
  3. กรอกข้อมูลวันที่, ชื่อพนักงาน, เวลาเข้า-ออกงาน
  4. กดปุ่ม "บันทึกเวลา" เพื่อบันทึกข้อมูลลง Google Sheets
  5. ดูประวัติการทำงานได้ในตารางด้านล่าง
  6. กดปุ่ม "โหลดข้อมูลใหม่" เพื่อดึงข้อมูลล่าสุดจาก Google Sheets

การปรับแต่งเพิ่มเติม

หากคุณต้องการเพิ่มฟังก์ชัน เช่น ค้นหาหรือกรองข้อมูลตามชื่อพนักงาน สามารถทำได้โดยปรับแต่งโค้ดในไฟล์ script.js ตามความต้องการของคุณ

Screenshot Screenshot

About

ระบบการบันทึกเวลา (พื้นฐาน)

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published