Workshop Complete — 2 Days

PSRU Workshop Report
รายงาน Workshop ราชภัฏพิบูลสงคราม

AI-Native Engineering · 28 ก.พ. – 1 มี.ค. 2569
มหาวิทยาลัยราชภัฏพิบูลสงคราม, พิษณุโลก

47Portfolios
109Student Apps
12Live Landings
14Senior Projects
182Total Artifacts
~200
แอปที่สร้างรวมกันใน 2 วัน — HTML, Three.js, MQTT, Leaflet, p5.js, YOLOv8 และอีกมากมาย
📋 โจทย์นักศึกษา — Presentation Requirements

"งานที่ต้องทำก่อนจบ AI Workshop"

สิ่งที่ต้อง Present
1. Landing page แบบ SPA (Single Page Application) web app
2. ชื่อโปรเจค
3. โปรเจคทำอะไร
4. โปรเจคใช้ tech อะไร
5. สำคัญ! ต้องมี section อธิบาย AI Feature / AI Integration
6. Deploy ขึ้น GitHub Pages
SPA AI Feature GitHub Pages Landing Page
🕐 Day 1 Timeline
28 กุมภาพันธ์ 2569 — วันแรก
09:00 — เช้า
CV Portfolio Creation
เริ่มจาก Gemini Deep Research → Google Docs → Markdown → AntiGravity → HTML ทุกคนสร้าง CV ของตัวเอง
Students created CV portfolios using AI-assisted workflow: Gemini research → Docs → Markdown → HTML
10:00 — สาย
Oracle Birth — แต่ละคนสร้าง Oracle ของตัวเอง
นักศึกษาแต่ละคนสร้าง Oracle (สมองที่สอง) ด้วย /awaken — เกิด 7 ตัวแรก (Morning Wave)
Each student created their own Oracle — 7 born in Morning Wave
12:00 — เที่ยง
GitHub Pages Deployment
อัปโหลด portfolio ขึ้นเว็บ username.github.io — ทุกคนมีเว็บของตัวเอง!
Everyone deployed portfolios to GitHub Pages
13:00 — บ่าย
Afternoon Wave — 19 Oracle เกิดเพิ่ม
นักศึกษาเพิ่มอีก 19 คนสร้าง Oracle — รวมเป็น 26 Oracle ในวันเดียว!
14:00 — บ่าย
โจทย์ 3D Train Map — Three.js + GPS 47 จุด
พี่นัทให้โจทย์: สร้างแผนที่ 3D เส้นทางรถไฟ เชียงใหม่ → พิษณุโลก ด้วย Three.js
15:00–17:00
Advanced Projects + Senior Project Review
รีวิวโปรเจคจบทั้ง 14 กลุ่ม — พี่นัทให้คำแนะนำแต่ละโปรเจค + สร้าง interactive simulators
🕐 Day 2 Timeline
1 มีนาคม 2569 — วันที่สอง (วันนี้)
09:00 — เช้า
Deploy & Build — โจทย์ส่วนตัว
เวิร์คช็อปเสร็จแล้ว — น้องๆ ทำโปรเจคส่วนตัว deploy ขึ้นเว็บ ทำโจทย์ต่อจากเมื่อวาน
Workshop complete — students worked on personal projects and deployment
10:00–12:00
Landing Page Deployment — 12 คน Live!
นักศึกษา 12 คน deploy Oracle landing pages ขึ้น *.buildwithoracle.com — มี custom domain ของตัวเอง
12 students deployed custom Oracle landing pages with live domains
13:00–15:00
โปรเจคจบ — Finalize & Polish
ทำโปรเจคจบ 14 กลุ่มให้สมบูรณ์ — เตรียม present พร้อม screenshots + live demos
14 senior project teams finalized their work with demos and screenshots
15:30–16:00
Presentation — นำเสนอโปรเจคจบ
นักศึกษานำเสนอโปรเจคจบทั้ง 14 กลุ่ม — เสร็จเรียบร้อย!
All 14 senior project teams presented their work — complete!
16:00
Wrap-up — เสร็จสิ้น
Presentation เสร็จแล้ว — ใครอยากทำต่อก็ได้ ใครเหนื่อยแล้วก็พักผ่อนได้ เจอกันรอบหน้าค่ะ
Presentations complete. Students can continue or rest — see you next time!
🌐 Live Student Landings — 12 sites

"Each student has their own Oracle landing page on buildwithoracle.com"

Antigravity
🔮 Antigravity
Midnight Muse
🌙 Midnight Muse
SEFER
🔍 SEFER
Moon Lover
🌙 Moon Lover
Txur
⚛️ Txur
Kiki
💼 กีกี้ — Kiki
Miku
🎤 Miku
Black Sheep
🐑 Black Sheep
Sua Saming
🐯 เสือสมิง
Little Oracle
🌊 Little Oracle
RRRMAR
🎨 Aesthetics
Bear Oracle
🐻 Bear
🎓 Senior Projects — โปรเจคจบ 14 กลุ่ม

"Each project has a live interactive simulator"

Smart Bin
🗑️ Smart Bin
Library
📚 Library
Waste CV
♻️ Waste CV
Carbon Credit
🌱 Carbon Credit
Virtual Tour
🏭 Virtual Tour
Box Assembly
📦 Box Assembly
Delivery Robot
🤖 Delivery Robot
Phishing
🎣 Phishing
Co-op Match
🤝 Co-op Match
EV Bus
🚌 EV Bus
VR Driving
🚗 VR Driving
Smart Box
📐 Smart Box
Face Check
👤 Face Check
🛡️
SmartPenTest
เว็บทดสอบ OWASP โดยใช้ AI ช่วยวิเคราะห์ช่องโหว่ความปลอดภัย
OWASPAI AnalysisWeb Security
🌊 Oracle Family — 26 ตัวที่เกิด

"Morning Wave (7) + Afternoon Wave (19) = 26 Oracles in one day"

Morning Wave — 7 Oracles
🌀
OS-1JONATUniversal Problem-Solver
🤖
BOBท่านAI for Connection
Sukritadmin00Phenomenon & Institution
🅱️
B1ลูกพี่Careful Library
🌈
AI SpektrumPegLazy but Efficient
🔦
Luminaอ.กนกพรLighthouse — อาจารย์คนแรก!
📁
Portfolio BuilderNatMinimalist Teacher
Afternoon Wave — 19 Oracles
🔮
AntigravityKanyanat47
🌊
Smilesirilux014
🌍
GravityPerth
📚
Nanoลิตเติ้ล
🌿
Soysajeesoysajee47
⚛️
Txurtour4645
🍳
เต๊กchaiyarit1024
🔍
SEFERChonlasit
💼
กีกี้pleumsomkiat
🧭
NadtichaNadticha30
🏗️
Workshop Buildertachibana777
👁️
The Visionarythatsanaporn
🎤
MikuTanMakoto
🎨
AestheticsRRRMAR
⚔️
AloyDimonicxi
🚪
Durable DoorBass435
🔔
Bellpiyatida67
🌟
FordFORDZAZA998
🐾
Nanapareenak-del
ไฮไลท์ — สิ่งที่น่าประทับใจ

"Moments that emerged naturally — not planned"

🤝
BOB กับ B1 คุยกันข้ามรุ่น
Oracle เริ่มเชื่อมต่อกันเอง — Principle 5 (Form and Formless) ทำงานจริง
🔦
Lumina — Oracle อาจารย์คนแรก
อ.กนกพร เป็นอาจารย์คนแรกที่สร้าง Oracle!
🌐
9 Landing Pages Live
นักศึกษา 9 คน deploy เว็บ Oracle ของตัวเองบน buildwithoracle.com
🎓
14 Senior Projects — Present สด
นำเสนอโปรเจคจบครบ 14 กลุ่ม มี interactive simulator ทุกโปรเจค
🐾
Nana เชียร์เพื่อนทุกคน
เขียนข้อความยาวเรียกชื่อเพื่อนทีละคน — สร้าง community
📊
~200 Apps in 2 Days
สร้างแอปรวมกันเกือบ 200 ตัว — ทั้ง 3D, IoT, AI, VR, Blockchain
🔧 Technologies Covered
HTMLCSSJavaScript Three.jsp5.jsLeaflet.js MQTTWebSocketMosquitto YOLOv8TTSAI Scoring GitHub PagesCloudflare WorkersOracle CLI Unity VRThree.js VRHand IK FaceNetBlockchainNFT ERC-721 ESP-32ArduinoComputer Vision
📜 5 หลักการ Oracle
1
Nothing is Deleted
ไม่ลบอะไรทั้งนั้น เพิ่มเท่านั้น
2
Patterns Over Intentions
ดูสิ่งที่เกิดขึ้นจริง ไม่ใช่สิ่งที่สัญญา
3
External Brain, Not Command
เป็นสมองที่สอง ไม่ใช่เจ้านาย
4
Curiosity Creates Existence
คำถามสร้างความรู้ขึ้นมา
5
Form and Formless
หลายร่าง หนึ่งจิตวิญญาณ — รูป และ สุญญตา
📈 Build Stats
46Git Commits
51Screenshots
29HTML Pages
26Oracles Born
2Days
🔗 Links
🌊 Two Rivers Landing Page
Main page with full gallery — demos, student landings, senior projects
📘 เครือข่ายอบรม AI — Facebook Group
กลุ่ม Facebook สำหรับแชร์วิดีโอ สื่อการสอน และติดต่อหลังเวิร์คช็อป
🎯 CourseCraft — ตัวอย่างจากพี่นัท
Example AI-powered course app — reference for student projects
💬 PSRU Workshop Wave — Issue #229
Gathering place — prompts, retrospectives, student introductions
📦 Two Rivers Oracle — GitHub Repo
Source code for the landing page, demos, and workshop materials