สร้าง Application ด้วย Flutter สำหรับ Android และ iOS แบบไม่ต้องเขียน Code

สร้าง Application ด้วย Flutter สำหรับ Android และ iOS แบบไม่ต้องเขียน Code
FLUT-101

เวิร์กช็อปเข้มข้น 2 วันสร้าง Mobile Application สำหรับ Android และ iOS ด้วย Flutter แบบไม่ต้องเขียนโค้ด (No-Code Visual Development) ออกแบบ UI สวยทันสมัย เชื่อมต่อ Cloud Database, REST API และ Action โต้ตอบ พร้อมทดสอบบนเครื่องจริงและแนวทางการนำขึ้น Store

12 ชั่วโมง พื้นฐาน สอบถามค่าลงทะเบียน

วัตถุประสงค์

เข้าใจโครงสร้างและการทำงานของ Mobile Application ข้ามแพลตฟอร์ม (Cross-Platform) บน Flutter ออกแบบหน้าจอ UI/UX ที่สวยงาม ตอบสนองทุกขนาดหน้าจอ (Responsive) ทั้งสมาร์ตโฟนและแท็บเล็ต สร้างระบบสลับหน้าจอ (Navigation), Menu Bar, Tab Bar และ Form Input พร้อมการตรวจสอบข้อมูล เชื่อมต่อฐานข้อมูล Cloud (Firebase / Supabase) เพื่อจัดเก็บข้อมูลและจัดการระบบสมาชิก (Authentication) เชื่อมต่อและรับ-ส่งข้อมูลกับ REST API ภายนอกมาแสดงผลแบบ Real-time ทดสอบแอปพลิเคชันบนสมาร์ตโฟนจริง และเข้าใจขั้นตอนการ Build เพื่อเตรียมส่งขึ้น App Store และ Google Play Store

กลุ่มเป้าหมาย

ผู้ประกอบการ เจ้าของธุรกิจ และสตาร์ตอัปที่ต้องการสร้าง Mobile App หรือ MVP ใช้งานจริงอย่างรวดเร็ว บุคลากรฝ่ายไอทีและหน่วยงานภาครัฐที่ต้องการพัฒนา Application สำหรับใช้งานภายในองค์กร Designer, Product Owner และผู้เริ่มต้นที่อยากมี Mobile App ของตัวเอง พื้นฐานที่ควรมี: ใช้งานคอมพิวเตอร์และอินเทอร์เน็ตได้คล่องแคล่ว ไม่จำเป็นต้องมีพื้นฐานการเขียนโปรแกรม

รายละเอียด

ทำไมต้องเรียนหลักสูตรนี้

การพัฒนา Mobile Application ในอดีตจำเป็นต้องอาศัยโปรแกรมเมอร์ที่เชี่ยวชาญ และต้องพัฒนาแยกเป็น 2 ระบบระหว่าง Android (Java/Kotlin) และ iOS (Swift) ซึ่งต้องใช้ทั้งระยะเวลาและงบประมาณมหาศาล แม้ Flutter จะช่วยให้เขียนโค้ดชุดเดียวรันได้ทั้งสองระบบ แต่การเรียนรู้ภาษา Dart และ Flutter Framework จากศูนย์ก็ยังคงเป็นกำแพงสูงสำหรับผู้เริ่มต้นและผู้บริหารธุรกิจ

หลักสูตรนี้จึงออกแบบมาเพื่อ ทลายกำแพงการเขียนโค้ด โดยใช้เครื่องมือ Visual Development / No-Code สำหรับ Flutter (เช่น FlutterFlow) ซึ่งเป็นเทคโนโลยีที่ทรงพลังที่สุดในการสร้างแอปพลิเคชันระดับ Production ผู้เรียนจะได้ออกแบบหน้าจอ วางโครงสร้างฐานข้อมูล และตั้งค่า Interaction ต่าง ๆ ผ่านการลากวาง (Drag & Drop) แต่ได้ผลลัพธ์เป็น Flutter App แท้ ๆ ที่มีประสิทธิภาพสูง สวยงามตามมาตรฐาน และพร้อมนำขึ้น Google Play Store และ Apple App Store ได้จริง

สิ่งที่จะได้ลงมือทำและผลลัพธ์กลับบ้าน

  • แอปพลิเคชันมือถือที่ใช้งานได้จริง 1 โปรเจกต์ ติดตั้งและเปิดใช้งานบนสมาร์ตโฟนของตนเอง (ทั้ง Android และ iOS)
  • ระบบสมาชิกและการยืนยันตัวตน (Authentication) สมัครสมาชิก ล็อกอินผ่านอีเมล/รหัสผ่าน และจัดการสิทธิ์ผู้ใช้งาน
  • ฐานข้อมูลบน Cloud (Cloud Database) ออกแบบคอลเลกชัน จัดเก็บและดึงข้อมูลมาแสดงผลแบบ Real-time ร่วมกับ Firebase หรือ Supabase
  • การเชื่อมต่อ REST API ดึงข้อมูลจากระบบภายนอกหรือฐานข้อมูลขององค์กรมาแสดงผลในแอป
  • Source Code และ Project Export สิทธิ์ความเป็นเจ้าของโปรเจกต์ สามารถนำไปต่อยอด หรือ Export เป็น Flutter Source Code เพื่อให้ทีมนักพัฒนานำไปพัฒนาเพิ่มเติมได้ในอนาคต

โครงสร้างเนื้อหาหลักสูตร (2 วัน · 12 ชั่วโมง)

วันที่ 1: พื้นฐาน Visual Builder, การออกแบบ UI/UX, Navigation และ Form Input

  • บทนำสู่ Flutter และโลกของ No-Code Mobile App
    • สถาปัตยกรรมของ Flutter และแนวคิดการทำงานของ No-Code Visual Builder
    • การเตรียม Workspace, การตั้งค่าโปรเจกต์ และภาพรวมเครื่องมือพัฒนา
  • การออกแบบหน้าจอและ UI Components
    • การจัดวางเลย์เอาต์ตามหลักการของ Flutter: Column, Row, Container, Stack, ListView, GridView
    • การจัดการระยะห่าง (Padding/Margin), สี, ตัวอักษร (Typography) และไอคอนตามแนวทาง Material Design & iOS Human Interface
    • การออกแบบ Responsive UI ให้รองรับสมาร์ตโฟนหน้าจอขนาดต่าง ๆ และแท็บเล็ต
  • การจัดการ Navigation และ Form Input
    • การสร้างการเปลี่ยนหน้า (Page Navigation), Bottom Navigation Bar, และ Drawer Menu
    • การสร้างฟอร์มรับข้อมูล: Text Field, Dropdown, Checkbox, Date Picker, File Upload
    • การตั้งค่า Form Validation เพื่อตรวจสอบความถูกต้องของข้อมูลก่อนบันทึก

วันที่ 2: Database & Backend Integration, Logic Flow, Testing และ Store Deployment

  • การเชื่อมต่อฐานข้อมูล Cloud (Firebase / Supabase)
    • การผูกโปรเจกต์เข้ากับบริการ Cloud Backend ฟรี
    • การออกแบบโครงสร้างข้อมูล (Collections / Tables) และชนิดข้อมูล
    • การผูกข้อมูล (Data Binding) เพื่อแสดงผล Dynamic Content บน List และ Grid
    • การสร้างฟังก์ชัน CRUD (Create, Read, Update, Delete) บันทึก แก้ไข และลบข้อมูล
  • การจัดการระบบสมาชิก (User Authentication)
    • การสร้างหน้าลงทะเบียน (Sign Up), ล็อกอิน (Login), และออกจากระบบ (Logout)
    • การกำหนดสิทธิ์การเข้าถึงหน้าจอและข้อมูลเฉพาะผู้ใช้งาน (Role & Permissions)
  • การเชื่อมต่อ REST API และ External Services
    • การเชื่อมต่อ API ภายนอกด้วยคำสั่ง GET และ POST
    • การดึงข้อมูล JSON มาแมปปิ้งแสดงผลบนหน้าจอแอปพลิเคชัน
  • การทดสอบและการเตรียมนำขึ้น Store
    • การทดสอบแอปพลิเคชันแบบ Live Test บนเว็บ และการรันบนโทรศัพท์จริงผ่าน Companion App / APK
    • แนวปฏิบัติและข้อกำหนดในการส่งแอปขึ้น Google Play Store และ Apple App Store
    • การ Export โค้ด Flutter สำหรับทีมโปรแกรมเมอร์นำไปพัฒนาฟีเจอร์ระดับสูงต่อ

สิ่งที่ต้องเตรียมสำหรับเข้าอบรม

  • คอมพิวเตอร์โน้ตบุ๊ก (Windows หรือ macOS) พร้อมเว็บเบราว์เซอร์ Google Chrome เวอร์ชันล่าสุด
  • สมาร์ตโฟนสำหรับทดสอบแอปพลิเคชัน (Android หรือ iPhone)
  • บัญชี Google (Gmail) สำหรับใช้ลงทะเบียนเข้าใช้งานเครื่องมือพัฒนาและบริการ Cloud

หมายเหตุ หลักสูตรนี้ไม่จำเป็นต้องมีความรู้ด้านการเขียนโค้ดมาก่อน เน้นการลงมือปฏิบัติจริงแบบ Step-by-Step ตลอด 2 วัน เพื่อให้ผู้เรียนทุกคนได้แอปพลิเคชันของตนเองกลับไปใช้งาน

รอบที่เปิดรับสมัคร

ยังไม่มีรอบที่เปิดรับสมัคร ติดต่อทีมงาน เพื่อจัดอบรมเฉพาะหน่วยงานได้