โปรต้อนรับปีใหม่
2 วัน (สามารถปรับเป็น 3 วันเพื่อทำ Workshop เพิ่มได้)
วันละ 5–6 ชั่วโมง (รวมพักกลางวันและพักเบรก)
ผู้ที่ต้องการสร้าง Digital Signage แบบ interactive หรือ dynamic
นักการตลาด, นักออกแบบ, ผู้ประกอบการ SME
นักพัฒนาเว็บที่สนใจนำ AI มาช่วยสร้างสื่อโฆษณาและป้ายดิจิทัล
เข้าใจแนวคิด Digital Signage และ HTML5
รู้จักเครื่องมือ AI สำหรับสร้างสื่อกราฟิกและ HTML5
สามารถสร้าง Digital Signage แบบ dynamic ด้วย HTML5 + AI
เข้าใจข้อดีของ HTML5 เทียบกับวิดีโอ และแนวทางประหยัดค่า bandwidth
สามารถสร้างสื่อที่เชื่อมต่อกับข้อมูลแบบ real-time (เช่น ตารางคิว, ราคาสินค้า, หรือ event)
แนะนำ Digital Signage
ประเภทของ Digital Signage (interactive, non-interactive)
HTML5 vs Video: ข้อดีข้อเสีย
การวาง Layout และ UX สำหรับหน้าจอใหญ่
พื้นฐาน HTML5 และ Canvas
HTML5 Canvas, SVG, CSS animations
การทำ Animation เบื้องต้น
การใช้ JavaScript สำหรับ dynamic content
AI Tools สำหรับสร้างสื่อ
การใช้ AI เช่น DALL·E, MidJourney, หรือ Stable Diffusion เพื่อสร้าง Background, Icon, Graphic
AI สำหรับสร้างโค้ด HTML/CSS/JS อัตโนมัติ
เทคนิคปรับภาพและสีให้เข้ากับ Digital Signage
Workshop 1
สร้าง background หรือ visual element ด้วย AI
แปลงภาพเป็น assets สำหรับ HTML5
สร้าง prototype HTML5 แบบ static
Animation และ Interaction
การทำ Animation แบบ responsive
การใช้ JavaScript และ CSS transition
การทำ Interactive Buttons หรือ Touch Screen
เชื่อมต่อข้อมูล Dynamic
การดึงข้อมูล JSON/CSV สำหรับแสดงราคา ตารางคิว หรือ Event
การใช้ API สำหรับข้อมูล real-time
AI ช่วย Generate HTML5 แบบ Dynamic
การใช้ AI สร้าง template HTML5 ตาม content ที่เปลี่ยนไป
เทคนิคปรับโค้ดให้เข้ากับ data-driven display
Workshop 2
สร้าง Digital Signage แบบ dynamic
ทดลองเปลี่ยนเนื้อหาแบบ real-time
Optimize performance สำหรับเปิดทิ้งบนจอใหญ่ทั้งวัน
การ Deploy และ Management
วิธีนำไปแสดงบนจอ Digital Signage (Local server / Cloud)
การอัปเดตเนื้อหาและการ Monitor
Tips ประหยัดค่า Internet และ bandwidth
สรุปและ Q&A
Best practices การสร้าง Digital Signage ด้วย AI + HTML5
แนะนำ resources และ community สำหรับต่อยอด
เข้าใจ Digital Signage แบบ HTML5 และข้อดี
สามารถใช้ AI สร้าง assets และโค้ด HTML5 ได้
ทำ Digital Signage แบบ interactive หรือ dynamic ได้เอง
ลดเวลาและค่าใช้จ่ายในการผลิตสื่อ
ตัวอย่างโปรเจกต์ที่พร้อม deploy ใช้จริง
ความคิดเห็น
แสดงความคิดเห็น