Smart School Computer Login logo Smart School Computer Login
ระบบสำหรับห้องคอมพิวเตอร์โรงเรียน

Smart School Computer Login

ระบบล็อกอินคอมพิวเตอร์สำหรับห้องเรียนคอมพิวเตอร์ คุมหน้าจอก่อนเข้าใช้ ให้นักเรียนยืนยันตัวตนด้วยรหัสหรือใบหน้า แล้วบันทึกประวัติการใช้งานเข้า Web Admin อัตโนมัติ

ล็อกเครื่องก่อนใช้ ยืนยันตัวตนนักเรียน เก็บรายงานที่แอดมิน
ดาวน์โหลดโปรแกรม ดูวิดีโอสอน รันทดสอบด้วย Docker ใช้ Google Apps Script
Windows Client พร้อมตัวติดตั้ง Web Admin จัดการผ่าน Browser Version 3.1.1 รองรับจอขนาดเล็กและ Display scaling

Latest Release

ดาวน์โหลดไฟล์สำหรับติดตั้งและดูแลระบบ (Free)

แยกไฟล์ให้พร้อมใช้งานตามบทบาทของครูไอที: ตัวติดตั้งเครื่องนักเรียน, ชุด Web App สำหรับระบบแอดมิน และวิดีโอสอนติดตั้งแบบทีละขั้นตอน

โปรแกรม Client ล่าสุด v3.1.1 ตรวจสอบข้อมูลจาก latest.json
ดาวน์โหลด .exe 7203360CC4D94FEEAEFC42673FD0907F9107B1F61985ACF969EE9E3CFA25DB9B
Web App สำหรับระบบแอดมิน Docker Ready มี source code, database schema, Dockerfile และ docker-compose.yml
ดาวน์โหลด Web Admin .rar
PHP 8+ MariaDB/MySQL Docker Compose
คลิปสอนติดตั้ง พร้อมรับชมแล้ว วิดีโอสาธิตการติดตั้งและเริ่มใช้งาน Smart School Computer Login
ดูวิดีโอสอน
Independent Mode

No Hosting Required

ไม่มีโฮส ก็สร้าง API ของโรงเรียนเองได้

ใช้ Google Sheets เป็นฐานข้อมูล และ Google Apps Script เป็น API สำหรับโปรแกรม Smart School Computer Login ข้อมูลทั้งหมดอยู่ในบัญชี Google ของโรงเรียน ไม่ต้องติดตั้ง PHP, MySQL หรือ Docker

ไม่ต้องเช่าโฮส ไม่ใช้ License โรงเรียนถือครองข้อมูล
ดาวน์โหลดเทมเพลต .zip ดูขั้นตอนติดตั้ง ดูคลิปสอนติดตั้ง

ภายในมี Code.gs, appsscript.json และคู่มือภาษาไทย

School Independent API
Computer Loginเครื่องนักเรียน
JSON API
Apps ScriptAPI Endpoint
Google Sheetsข้อมูลโรงเรียน
บัญชี Google และข้อมูลเป็นของโรงเรียน

Choose Your Backend

เลือกวิธีที่เหมาะกับทรัพยากรของโรงเรียน

Managed ModeWeb Computer Login

เหมาะกับโรงเรียนที่มีโฮสและต้องการระบบบริหารเต็มรูปแบบ

  • Dashboard และจัดการนักเรียนผ่านเว็บ
  • License ปลดล็อคการติดต่อผู้พัฒนา
  • Support Chat ติดต่อผู้พัฒนา
ดูวิธีติดตั้งบนโฮส
ทางเลือกสำหรับโรงเรียนไม่มีโฮส
Independent ModeGoogle Apps Script

โรงเรียนติดตั้งและดูแล API เอง ข้อมูลอยู่ใน Google Sheets ของโรงเรียน

  • ไม่ต้องมีโฮสและไม่ใช้ License
  • รองรับ Login, Logout และ Offline Sync
  • ไม่มี Dashboard กลางและ Support Chat
ดาวน์โหลดชุดติดตั้ง

4-Step Setup

เริ่มใช้งานได้ใน 4 ขั้นตอน

ไม่ต้องเขียนโค้ดใหม่ เทมเพลตจะสร้างโครงสร้างชีตและ API Token ให้โดยอัตโนมัติ

  1. 01

    สร้าง Google Sheets

    สร้างชีตเปล่าในบัญชีโรงเรียน แล้วเปิด Extensions → Apps Script

  2. 02

    วาง Code.gs

    นำไฟล์จากเทมเพลตไปวาง แล้วรัน setupSchoolApi()

  3. 03

    Deploy Web App

    Deploy ให้ทำงานในสิทธิ์เจ้าของ และคัดลอก URL ที่ลงท้ายด้วย /exec

  4. 04

    เชื่อมโปรแกรม

    นำ API URL และ Token ไปกรอก แล้วทดสอบ Client Info ก่อนใช้งานจริง

Google Apps Script Tutorial

คลิปสอนติดตั้ง Google Apps Script

ดูวิธีสร้าง Google Sheets, วางโค้ด, Deploy เป็น Web App และนำ API URL ไปเชื่อมกับโปรแกรมแบบทีละขั้นตอน

ทำตามได้ตั้งแต่เริ่มต้น ครบตั้งแต่สร้างชีตจนทดสอบ API
เปิดดูบน YouTube

Template 1.0.0

ในชุดดาวน์โหลดมีอะไรบ้าง

appsscript.jsonManifest และเขตเวลา Code.gsAPI พร้อมใช้งาน README-TH.mdคู่มือติดตั้งภาษาไทย
ดาวน์โหลดเทมเพลต ไฟล์ ZIP · ไม่รวมข้อมูลนักเรียนตัวอย่าง SHA-256 F7B11CA819077B54…1BB2B01
อิสระมาพร้อมความรับผิดชอบ

โรงเรียนเป็นผู้ดูแลบัญชี Google, สิทธิ์เข้าถึง, การสำรองข้อมูล และความเป็นส่วนตัวเอง โหมดนี้ไม่เชื่อม License ซึ่งจะส่งผลให้ไม่สามารถติดต่อ Support Chat ได้

Video Tutorial

วิดีโอสอนติดตั้งและใช้งาน

ดูขั้นตอนการติดตั้งและตั้งค่าระบบแบบเป็นลำดับ ก่อนนำไปใช้งานจริงภายในห้องคอมพิวเตอร์ของโรงเรียน

ดูตามได้ทีละขั้นตอน รองรับมือถือและคอมพิวเตอร์ ฝังผ่าน YouTube No-Cookie
เปิดดูบน YouTube

Computer Lab Control

ระบบเดียวสำหรับควบคุมการใช้งานคอมพิวเตอร์ในโรงเรียน

ออกแบบให้ครูดูแลห้องคอมได้ครบตั้งแต่ล็อกเครื่อง ยืนยันตัวตน บันทึกเวลา ไปจนถึงรายงานและอัปเดตโปรแกรม

Student Access

ให้นักเรียนยืนยันตัวตนก่อนเริ่มใช้เครื่อง

เครื่อง client จะแสดงหน้าล็อกอินก่อนเข้า Windows นักเรียนใช้รหัสประจำตัวหรือสแกนใบหน้า ระบบผูกข้อมูลกับชื่อเครื่องและบันทึกเวลาเข้า–ออกให้อัตโนมัติ ทำให้ตรวจสอบย้อนหลังได้ว่าใครใช้เครื่องไหน เวลาใด

รหัสนักเรียน สแกนใบหน้า เวลาเข้า–ออก
Web Administration

จัดการทุกเครื่องจากเว็บแอดมิน

เพิ่มรายชื่อนักเรียน ลงทะเบียนใบหน้า สร้าง API Token ดูรายงาน และตรวจสอบสถานะเครื่องที่กำลังใช้งานได้จากศูนย์กลาง

Dashboardสถานะเครื่องและรายงานย้อนหลัง
Offline Ready

อินเทอร์เน็ตล่มก็ยังใช้งานต่อได้

เครื่อง client ใช้ข้อมูลนักเรียนที่เคยบันทึกไว้เพื่อเข้าใช้งานแบบออฟไลน์ และซิงก์เวลาเข้า–ออกกลับเซิร์ฟเวอร์เมื่อระบบออนไลน์อีกครั้ง

Cache นักเรียน Sync ภายหลัง
Lab Control

ควบคุมสภาพแวดล้อมเครื่องนักเรียน

ล็อกหน้าจอก่อนเข้าใช้ บล็อกเว็บไซต์และ Roblox พร้อมเลือกปิดโปรแกรมที่ไม่ต้องการหลังนักเรียนบันทึกเวลาออก

Block List Close Apps
School Website

พานักเรียนเข้าสู่เว็บโรงเรียนทันที

ครูตั้งค่า URL โรงเรียนได้เอง เมื่อเข้าสู่ระบบสำเร็จ โปรแกรมจะเปิดเว็บด้วย Microsoft Edge โปรไฟล์ Personal และใช้ Google Chrome เป็นตัวสำรองหากเครื่องไม่มี Edge

ตั้งค่า URL Edge / Chrome
Safe Updates

อัปเดตโปรแกรมได้อย่างปลอดภัย

ตรวจเวอร์ชันใหม่จากไฟล์ล่าสุดบนเว็บไซต์ ดาวน์โหลดตัวติดตั้ง และยืนยันไฟล์ด้วย SHA-256 ก่อนเริ่มอัปเดต ลดปัญหาไฟล์เสียหรือดาวน์โหลดไม่ครบ

v3.1.1 SHA-256

Installation

วิธีติดตั้งโปรแกรมบนเครื่องนักเรียน

เหมาะสำหรับติดตั้งทีละเครื่อง หรือเตรียม image เครื่องห้องคอมไว้ใช้งานทั้งห้อง

1

ดาวน์โหลดตัวติดตั้ง

กดดาวน์โหลดไฟล์ SmartSchoolComputerLoginSetup-x.x.x.exe จากหน้าเว็บนี้

2

เปิดไฟล์ setup

เลือกให้โปรแกรมเปิดพร้อม Windows และสร้าง shortcut บน Desktop ตามต้องการ

3

กรอกค่า API ในขั้นตอนติดตั้ง

นำ API URL จากหน้า API Tokens ของระบบแอดมินมากรอก เช่นลิงก์ที่มี token query string

4

เริ่มใช้งาน

โปรแกรมจะเปิดหน้า Student Login สำหรับกรอกรหัสนักเรียนหรือสแกนใบหน้า

Update Flow

วิธีอัปเดตซอฟต์แวร์

ระบบอัปเดตใช้ไฟล์ latest.json เป็นตัวประกาศเวอร์ชันล่าสุด และดาวน์โหลดตัว setup จากโฮสต์กลาง

ผู้ใช้กดอัปเดตในโปรแกรม

เปิดตั้งค่า แล้วกดปุ่มอัปเดตซอฟต์แวร์ โปรแกรมจะอ่าน latest.json จากโฮสต์

ตรวจเวอร์ชันและ SHA-256

ถ้ามีเวอร์ชันใหม่ โปรแกรมจะดาวน์โหลด setup และตรวจ hash ก่อนรันติดตั้ง

ติดตั้งทับอัตโนมัติ

ตัว setup จะปิดโปรแกรมเดิมก่อนติดตั้ง และเปิดโปรแกรมเวอร์ชันใหม่หลังจบขั้นตอน

Docker Desktop

วิธีรันทดสอบ Web Admin บนเครื่องตัวเอง

ทำตามลำดับนี้ได้เลย เหมาะสำหรับโรงเรียนที่ยังไม่มีโฮสต์กลาง แต่อยากทดลองระบบบนเครื่อง Windows ก่อน

1. ติดตั้ง Docker Desktop

  1. เข้าเว็บไซต์ Docker Desktop official download
  2. ดาวน์โหลด Docker Desktop for Windows แล้วเปิดไฟล์ติดตั้ง
  3. ถ้ามีตัวเลือก WSL 2 ให้เลือกใช้ WSL 2 ตามที่ Docker แนะนำ
  4. ติดตั้งเสร็จแล้ว restart เครื่อง 1 รอบ จากนั้นเปิด Docker Desktop
  5. รอจน Docker Desktop ขึ้นสถานะว่าพร้อมใช้งาน หรือ Docker Engine is running

2. ดาวน์โหลดและแตกไฟล์ Web App

  1. กดปุ่ม ดาวน์โหลด Web Admin .rar จากส่วนดาวน์โหลดด้านบน
  2. แตกไฟล์ไปไว้ในโฟลเดอร์ที่หาเจอง่าย เช่น D:\computer-login-web
  3. ตรวจว่าในโฟลเดอร์มีไฟล์ docker-compose.yml, Dockerfile, database/schema.sql และโฟลเดอร์ public
  4. ถ้า Windows ซ่อนนามสกุลไฟล์ ให้เปิดดูใน File Explorer ว่าไฟล์ถูกแตกออกจาก .rar แล้วจริง
ดาวน์โหลด Web App

3. เปิด PowerShell ในโฟลเดอร์ Web App

  1. คลิกขวาในพื้นที่ว่างของโฟลเดอร์ที่แตกไฟล์ไว้
  2. เลือก Open in Terminal หรือ เปิดใน Terminal
  3. ถ้าเปิดจากที่อื่น ให้ใช้คำสั่ง cd เข้าไปยังโฟลเดอร์ที่มี docker-compose.yml
PowerShell 
cd D:\computer-login-web

4. สั่งรันระบบด้วย Docker Compose

  1. รันคำสั่งด้านล่างเพื่อ build และเปิด Web App, Database และ phpMyAdmin
  2. รอจน download image และ build เสร็จ ครั้งแรกอาจใช้เวลาหลายนาที
  3. ตรวจสถานะ container ด้วยคำสั่ง docker compose -p smart-computer-login ps
PowerShell 
docker compose -p smart-computer-login up -d --build
docker compose -p smart-computer-login ps

5. สร้างบัญชีแอดมินครั้งแรก

  1. หลัง container ทำงานแล้ว ให้รันคำสั่งสร้างแอดมิน
  2. ระบบจะถาม username, email, full name, password และ confirm password
  3. ตั้งรหัสผ่านอย่างน้อย 8 ตัวอักษร และเก็บไว้สำหรับเข้า Dashboard
PowerShell 
docker compose -p smart-computer-login exec app php scripts/create_admin.php

6. เปิดเว็บทดสอบ

Web Admin: localhost:8099 phpMyAdmin: localhost:8081
phpMyAdmin server: db / user: scl_user / password: scl_password
ใช้ในวงแลน เครื่องอื่นให้เปิด http://IP-เครื่องหลัก:8099 เช่น http://192.168.1.50:8099
เปิดไม่ได้จากเครื่องอื่น ให้ตรวจ Windows Firewall และอนุญาต TCP port 8099 ส่วน phpMyAdmin ใช้ port 8081

7. คำสั่งดูแลระบบ Docker

PowerShell 
# หยุดระบบชั่วคราว
docker compose -p smart-computer-login stop

# เปิดระบบอีกครั้ง
docker compose -p smart-computer-login start

# ปิดและลบ container แต่เก็บข้อมูล database volume ไว้
docker compose -p smart-computer-login down

# reset database ทั้งหมด ใช้เมื่ออยากเริ่มใหม่จริง ๆ
docker compose -p smart-computer-login down -v

คำสั่ง down -v จะลบข้อมูลในฐานข้อมูล Docker ออกทั้งหมด ควรใช้เฉพาะตอนทดสอบหรือเมื่อต้องการเริ่มใหม่จริง ๆ

Shared Hosting

วิธีนำ Web App ไปติดตั้งบนโฮสต์จริง

ใช้สำหรับโรงเรียนที่มีโฮสต์ PHP + MySQL อยู่แล้ว เช่น cPanel, DirectAdmin, Plesk หรือโฮสต์ทั่วไปที่ตั้งค่า document root ได้

ตรวจความพร้อมของโฮสต์

PHP 8.0 ขึ้นไป เปิด extension pdo_mysql และ fileinfo มี MySQL หรือ MariaDB พร้อมสร้าง database/user ได้ Apache เปิดใช้ mod_rewrite หรือมีระบบ rewrite URL เทียบเท่า มี SSL สำหรับใช้งานผ่าน https://
1

ดาวน์โหลดและแตกไฟล์ Web App

ดาวน์โหลด SmartSchool-WebAdmin-1.1.0.rar แล้วแตกไฟล์ในเครื่องก่อนอัปโหลดขึ้นโฮสต์

2

สร้างฐานข้อมูลบนโฮสต์

สร้าง database, database user และ password จาก control panel ของโฮสต์ แล้วจดค่า host, database, username, password ไว้

3

Import schema.sql

เข้า phpMyAdmin แล้วเลือกฐานข้อมูล จากนั้น import ไฟล์ database/schema.sql เพื่อสร้างตารางและ view ทั้งหมด

4

อัปโหลด source code

อัปโหลดไฟล์ทั้งหมดขึ้นโฮสต์ โดยเก็บโฟลเดอร์ app, config, database, uploads และไฟล์ .env ไว้นอก public root ได้ยิ่งดี

5

ตั้ง document root ไปที่ public

ตั้งค่า domain หรือ subdomain ให้ชี้ไปยังโฟลเดอร์ public ของโปรเจกต์ เช่น /home/user/computer_login/public

6

ตั้งค่าไฟล์ .env

คัดลอก .env.example เป็น .env แล้วแก้ค่า APP_URL และข้อมูลฐานข้อมูลให้ตรงกับโฮสต์จริง

ตัวอย่าง .env บนโฮสต์ 
APP_NAME="Smart Computer Login"
APP_URL="https://your-domain.com"
APP_ENV=production
DB_HOST=localhost
DB_PORT=3306
DB_DATABASE=your_database
DB_USERNAME=your_database_user
DB_PASSWORD=your_database_password
APP_TIMEZONE=Asia/Bangkok
7

ตั้งสิทธิ์โฟลเดอร์ uploads

ให้ PHP เขียนไฟล์ได้ที่ uploads/students และ uploads/face_profiles เพื่อรองรับรูปนักเรียนและรูปใบหน้า

8

สร้างบัญชีผู้ดูแลระบบ

ถ้ามี SSH ให้รัน php scripts/create_admin.php หากไม่มี SSH ให้ insert admin ผ่าน phpMyAdmin ด้วยรหัสผ่านที่สร้างจาก password_hash()

9

ทดสอบระบบและสร้าง API Token

เปิดหน้าเว็บ, login เข้า Dashboard, เพิ่มนักเรียน, สร้าง API Token แล้วนำ API URL ไปใส่ในโปรแกรม client

ข้อควรระวังด้านความปลอดภัย

อย่าวาง .env, app, config, database และ scripts ให้เปิดผ่าน URL ได้โดยตรง ถ้าโฮสต์บังคับใช้ public_html เป็น root และเปลี่ยน document root ไม่ได้ ควรย้ายเฉพาะไฟล์ใน public ไว้ใน public_html แล้วเก็บไฟล์ระบบไว้นอก public_html หรือใช้โฮสต์ที่ตั้ง document root ได้

Privacy & School Use

เก็บข้อมูลเท่าที่จำเป็นต่อการดูแลห้องคอม

ระบบถูกออกแบบให้บันทึกข้อมูลการเข้าออกเครื่องคอมพิวเตอร์ ไม่เก็บรหัสผ่านแบบ plain text และ API token แสดงจริงเฉพาะตอนสร้างเท่านั้น

ใช้ PDO prepared statements ฝั่ง Web App รหัสผ่านใช้ password_hash และ password_verify API token เก็บเป็น SHA-256 hash รองรับการปิดเปิด token และดูประวัติการใช้งาน
คัดลอกแล้ว