ห้องสมุดสื่อสอน

ออกแบบระบบ & Dashboard
ครบทุกเรื่อง ที่เดียว

รวมสไลด์สอนทั้งหมด แบ่งเป็นหมวด — UX/UI · สถิติ & กราฟ · Dashboard & สไตล์ · ข้อมูล & ฟีเจอร์ · คลังโมดูล · เคสจริง · ทุกหน้ามีตัวอย่างจริง กดเล่นได้

เพิ่งเริ่ม? ดูเส้นทางแนะนำ

UX & UI

หลักการ · component

UI Principles for Beginners

5 หลักการ UX + รู้จัก component 30+ ตัว (ปุ่ม/Toast/Modal/Alert/เมนู) กดเล่นได้ พร้อม mockup

UX หลักการComponentกดเล่นได้
เปิดสไลด์

คัมภีร์ UI (อ้างอิง)

หน้ารวม component ทุกตัวแบบ scroll — เปิดดูตอนทำงานจริง · พิมพ์เป็น PDF ได้

อ้างอิงเร็วPDF
เปิดคัมภีร์

Dashboard & สไตล์

layout · theme · typo

Design Style

จัดเลย์เอาต์ Dashboard · ระบบสี (60-30-10 · light/dark) · ตัวอักษร (typography) ให้ดูโปร

Dashboard layoutสี/ThemeTypography
เปิดสไลด์

สถิติ & กราฟ

stat · chart · metric

Data Visualization

Stat box · Line · Pie · Bar · Table · Gauge — มีกราฟจริงทุกหน้า + เลือกกราฟให้ถูกชนิด

กราฟทุกชนิดเลือกใช้เมื่อไหร่
เปิดสไลด์

ตัวเลขธุรกิจที่ควรดู

การเงิน · ต้นทุน · ผลผลิต · ประสิทธิภาพ (เวลา/คน/พื้นที่) — มีสูตร + ตัวอย่างเลขจริง

การเงิน/ต้นทุนประสิทธิภาพมีสูตร
เปิดสไลด์

ข้อมูล & ฟีเจอร์ระบบ

data · feature

Data — เชื่อมโยง & แสดงผล

ฟังก์ชันข้อมูล (CRUD/ค้นหา/นำเข้า) · เชื่อมโยง (master-detail/drill-down) · แสดงผล (table/card/timeline)

CRUDเชื่อมโยงข้อมูลแสดงผล
เปิดสไลด์

ออกแบบระบบหลังบ้าน

ฟังก์ชันที่ระบบควรมี (10 แกน) · จุดที่ต้องระวัง · คำสั่ง · เช็คลิสต์ก่อนเริ่ม

10 ฟังก์ชันแกนกับดักเช็คลิสต์
เปิดสไลด์

คลังโมดูลระบบ

HR · การเงิน · ขาย · สต๊อก ...

แต่ละระบบต้องมีฟีเจอร์อะไรบ้าง

บลูพรินต์ระบบธุรกิจ — แกนกลาง/SSOT · HR · การเงิน-บัญชี · ขาย/CRM · สต๊อก · ผลิต · จัดซื้อ · POS · ขนส่ง · งาน · BI — เช็คลิสต์ฟีเจอร์ทีละโมดูล

แกนกลาง SSOTHRการเงิน-บัญชีเช็คลิสต์ฟีเจอร์
เปิดคลังโมดูล

เคสจริง

real cases · debug

เบื้องหลังสร้างระบบจริง

ทุกปัญหาที่เจอตอนสร้างระบบจริง — โจทย์ · ปัญหา · วิธีแก้ · ผลลัพธ์ + วิธี debug

เคสจริงวิธี debugบทเรียน
เปิดสไลด์