Upskill ภาคเรียนที่ 1 ปีการศึกษา 2569
1. รหัสประจำตัวครู :
รหัสประจำตัวครูที่สอนร่วม :
2. ชื่อกระบวนวิชา :
3. วิชากลุ่ม :
เลือก
Boost up
Power up
Dancing & Music
Technology
Language and Culture
Science-Math
Arts & Design
Hobbies and DIY
Sports Club
Food and Beverage
LifeStyle
4. ครูประจำวิชา :
5. นักเรียนที่รับ ( สามารถเลือกได้มากกว่า 1 ) :
นักเรียนไทย
นักเรียนต่างชาติ
6. จำนวนนักเรียน :
คน
7. คำอธิบายกระบวนวิชา :
มุ่งเน้นให้ผู้เรียนเข้าใจกระบวนการออกแบบแอปพลิเคชันตั้งแต่แนวคิด (Idea) ไปจนถึงการสร้างต้นแบบ (Prototype) โดยใช้เครื่องมือ Figma ร่วมกับเทคโนโลยี AI เพื่อเพิ่มประสิทธิภาพในการออกแบบและสร้างสรรค์ผลงาน ผู้เรียนจะได้เรียนรู้การใช้งานเครื่องมือพื้นฐานของ Figma การออกแบบ UI/UX เบื้องต้น การใช้ AI เพื่อช่วยสร้างแอนิเมชันและองค์ประกอบต่าง ๆ การเลือกและปรับใช้ Template จาก Community ตลอดจนการสร้าง Prototype ที่สามารถโต้ตอบได้เสมือนแอปจริง และการเผยแพร่ผลงานสู่สาธารณะ รายวิชานี้เน้นการเรียนรู้แบบลงมือปฏิบัติ (Project-based Learning) เพื่อให้ผู้เรียนสามารถพัฒนาโปรเจกต์แอปพลิเคชันของตนเองได้จริงภายในระยะเวลาเรียน
8. ทักษะที่คาดว่าจะเกิดขึ้น กับนักเรียนหลังจากเรียนจบ :
-ทักษะด้านความคิดสร้างสรรค์: คิดและพัฒนาไอเดียแอปพลิเคชัน -ทักษะด้านการออกแบบ: ใช้งาน Figma ได้อย่างคล่องแคล่ว ออกแบบ User Interface (UI) ให้สวยงามและใช้งานได้จริง ใช้ Template และ Design System จาก Community ได้อย่างเหมาะสม -ทักษะด้านเทคโนโลยี AI: ใช้ AI ช่วยสร้างองค์ประกอบ เช่น ภาพ แอนิเมชัน
9. สมรรถนะ 6 ด้าน (ทุกด้านรวมกันไม่เกิน 3):
1.การจัดการตนเอง
2.การคิดขั้นสูง
3.การสื่อสาร
4.การรวมพลังทำงานเป็นทีม
5.การเป็นพลเมืองที่เข้มแข็ง
6.การอยู่ร่วมกันกับธรรมชาติและวิทยาการอย่างยั่งยืน
10. สถานที่จัดการเรียนการสอน :
ห้องเรียน
ห้องปฏิบัติการ (ระบุในช่องด้านล่าง)
อื่นๆ (ระบุในช่องด้านล่าง)
11. ระดับชั้นที่ต้องการเปิดสอน ( สามารถเลือกได้ไม่เกิน 2 วัน ) :
วันจันทร์ ม.1
วันจันทร์ ม.2
วันจันทร์ ม.3
วันอังคาร ม.1
วันอังคาร ม.2
วันพฤหัสบดี ม.1
วันพฤหัสบดี ม.2
วันศุกร์ ม.1
วันศุกร์ ม.2
วันศุกร์ ม.3
12. ทักษะที่นักเรียนควรมี :
การใช้คอมพิวเตอร์เบื้องต้น
13. อุปกรณ์ที่นักเรียนต้องมี :
-
14. ค่าใช้จ่ายเพิ่มเติม (คิดนักเรียนต่อหัว 200 บาท) :
15. Course outline
สัปดาห์ที่ 1 :
- แนะนำรายวิชา + ภาพรวมการสร้างแอป - รู้จัก Figma - ลงทะเบียนใช้งาน
สัปดาห์ที่ 2 :
- เครื่องมือพื้นฐานใน Figma - Frame / Shape / Text / Color
สัปดาห์ที่ 3 :
- การออกแบบ UI (Mobile App) - Typography และ Color System
สัปดาห์ที่ 4 :
- แนะนำ AI Tools สำหรับงานออกแบบ - ใช้ AI สร้างภาพ / Icon / Moodboard
สัปดาห์ที่ 5 :
- การใช้ AI สร้าง Animation - Micro Interaction เบื้องต้น
สัปดาห์ที่ 6 :
- สำรวจ Figma Community - การเลือก Template ที่เหมาะสม
สัปดาห์ที่ 7 :
- การเชื่อมหน้า (Flow) - Interaction และ Transition
สัปดาห์ที่ 8 :
- ทดสอบ Prototype - ปรับปรุง UX จาก Feedback
สัปดาห์ที่ 9 :
- พัฒนาโปรเจค 1 Animated Website
สัปดาห์ที่ 10 :
- การใช้ AI Image UpScale - การติดตั้ง Action Jitter
สัปดาห์ที่ 11 :
- พัฒนาโปรเจค 2 Bakery Landing Page UI Animation
สัปดาห์ที่ 12 :
- พัฒนาโปรเจค 2 Bakery Landing Page UI Animation ต่อ
สัปดาห์ที่ 13 :
- พัฒนาโปรเจค 3 Figma Landing Page Animation
สัปดาห์ที่ 14 :
- พัฒนาโปรเจค 3 Figma Landing Page Animation ต่อ