Data · สำหรับมือใหม่

จัดการ + เชื่อมโยงข้อมูล

หัวใจของระบบจัดการทุกตัว — ข้อมูลต้อง ทำงานได้ · เชื่อมถึงกัน · แสดงให้อ่านง่าย. แต่ละหัวข้อ ซ้ายอธิบาย + ตัวอย่างจริง · ขวามีภาพหน้าจอ

อ่านยังไง

หน้านี้แบ่งเป็น 3 ภาค: ฟังก์ชันที่ควรมี · การเชื่อมโยง · การแสดงผล. แต่ละหัวข้อ — ฝั่งซ้าย: คืออะไร (อธิบายแบบมือใหม่ + เปรียบเทียบ) + 📊 ตัวอย่างจริง + ใช้เมื่อไหร่ (เขียว) ระวัง (แดง) · ฝั่งขวา: ภาพหน้าจอตัวอย่างจริง

CRUDค้นหา/กรองนำเข้า/Bulk ความสัมพันธ์Master-detailDrill-downLookup Table/List/CardDetail+Timeline
ภาค 1

ฟังก์ชันที่ควรมี

ทุกชุดข้อมูล (ลูกค้า/สินค้า/งาน) ต้องทำอะไรกับมันได้บ้าง — เพิ่ม ดู แก้ ลบ ค้นหา และทำทีละมาก ๆ

CRUD เพิ่ม · ดู · แก้ · ลบ

4 อย่างพื้นฐานสุดที่ข้อมูลทุกตารางต้องทำได้: Create เพิ่ม · Read ดู · Update แก้ไข · Delete ลบ. เปรียบเหมือน "สมุดรายชื่อ" — ต้องจดเพิ่มได้ เปิดอ่านได้ ขีดแก้ได้ และลบออกได้ ถ้าขาดข้อใดข้อหนึ่งระบบก็ใช้งานจริงไม่ได้

📊 ตัวอย่างจริงร้านมีลูกค้าใหม่โทรมา → กด + เพิ่ม บันทึกชื่อ-เบอร์ · ลูกค้าย้ายบ้าน → กด แก้ไข · ลูกค้าเลิกใช้ → กด ลบ (แต่ระบบแค่ซ่อน ไม่ลบทิ้งจริง เผื่อต้องดูประวัติยอดซื้อเก่าย้อนหลัง)
ใช้เมื่อ
ทุกตารางข้อมูลในระบบ — ลูกค้า · สินค้า · งาน · พนักงาน ต้องครบทั้ง 4
ระวัง
ลบ = ซ่อน (soft delete) ไม่ลบจริง — เก็บประวัติไว้เสมอ ดีกว่าลบหายแล้วตามไม่ได้ · เอกสารเงินใช้ "void" แทนลบ
ลูกค้า
ลูกค้า (24)+ เพิ่ม
บจก. เอ
VIP · กรุงเทพฯ
ดูแก้ไขลบ
บจก. บี
ลูกค้าทั่วไป
ดูแก้ไขลบ
บจก. ซี
เชียงใหม่
ดูแก้ไขลบ
กดลบ: ระบบถามยืนยันแล้ว "ซ่อน" รายการ — ยังกู้คืน/ดูประวัติเก่าได้
ค้นหา · กรอง · เรียง · แบ่งหน้า หาเจอไว

เมื่อข้อมูลเยอะ ต้องหาเจอได้ไว: ค้นหา พิมพ์ชื่อ/เบอร์เจอทันที · กรอง (Filter) เลือกดูเฉพาะกลุ่ม · เรียง (Sort) จัดลำดับมาก→น้อย · แบ่งหน้า (Pagination) ตัดเป็นหน้า ๆ ไม่ให้โหลดพันแถวพร้อมกัน. เปรียบเหมือนห้องสมุด — ถ้ามีหนังสือ 1,000 เล่มต้องมีระบบค้นและจัดหมวด ไม่งั้นหาไม่เจอ

📊 ตัวอย่างจริงมีลูกค้า 500 ราย ลูกค้าโทรมาบอกชื่อ → พิมพ์ค้นเจอทันที · อยากตามเก็บเงิน → กรองเฉพาะ "ค้างชำระ" · อยากรู้ใครซื้อเยอะสุด → เรียงยอดมาก→น้อย
ใช้เมื่อ
ข้อมูลเกิน ~20 แถว = ต้องมีค้นหา/กรองเสมอ ไม่งั้นผู้ใช้เลื่อนหาจนเหนื่อย
ระวัง
อย่าโหลดข้อมูลทั้งหมดทีเดียวถ้ามีเป็นพัน — ใช้แบ่งหน้าช่วยให้หน้าไม่หน่วง
รายการ
ทั้งหมดVIPค้างชำระ
รายการ Aใช้งาน
รายการ Bพัก
รายการ Cใช้งาน
123
กรอง "VIP" → เหลือเฉพาะกลุ่มที่อยากดู
นำเข้า · ส่งออก · Bulk ทำทีละมาก

ทำงานกับข้อมูลทีละก้อนใหญ่: นำเข้า (Import) วางจาก Excel ทีเดียวเป็นร้อยแถว ไม่ต้องคีย์ทีละราย · ส่งออก (Export) โหลดออกเป็นไฟล์ไปทำต่อ/ส่งบัญชี · Bulk action ติ๊กเลือกหลายแถวแล้วสั่งทำพร้อมกัน (ลบ/ส่งข้อความ/เปลี่ยนสถานะ). เปรียบเหมือน "เลือกทั้งกอง แล้วสั่งทีเดียว" แทนหยิบทีละชิ้น

📊 ตัวอย่างจริงมีรายชื่อลูกค้าเก่าใน Excel 300 ราย → นำเข้าทีเดียว ไม่ต้องพิมพ์ใหม่ · อยากส่ง SMS โปรโมชั่นให้ลูกค้า VIP → ติ๊กเลือก 50 คน กด "ส่งข้อความ" ครั้งเดียว ส่งครบทุกคน
ใช้เมื่อ
ย้ายข้อมูลเก่าเข้าระบบ · ทำงานซ้ำ ๆ กับหลายรายการพร้อมกัน · ส่งไฟล์ให้บัญชี
ระวัง
Bulk action ที่ลบ/ส่งของจริง ต้องถามยืนยัน + บอกจำนวน ก่อนทำ กันกดพลาดทีเดียวพังหมด
เลือกหลายรายการ
เลือกแล้ว 3 รายการส่งออกส่งข้อความ
สมชาย ใจดี
สมหญิง รักงาน
สมศักดิ์ ขยัน
สมปอง ตั้งใจ
นำเข้า: ลากไฟล์ Excel มาวาง → ระบบอ่านทุกแถวเข้าเป็นรายการ
ภาค 2

การเชื่อมโยงข้อมูล

ทำให้ข้อมูล "ไหลถึงกัน" ไม่กระจัดกระจาย — ข้อมูล 1 ชิ้นอยู่ที่เดียว ที่อื่นแค่ "ชี้มา" (อ้างอิง) ไม่ก๊อปซ้ำ

ความสัมพันธ์ข้อมูล 1-to-many

ข้อมูลในธุรกิจโยงกันเป็นสาย: ลูกค้า 1 ราย → มีได้หลายออเดอร์ → แต่ละออเดอร์มีได้หลายรายการสินค้า (เรียกว่า one-to-many). หัวใจคือ เก็บแค่ "รหัสอ้างอิง" ไม่ก๊อปข้อมูลซ้ำ — ออเดอร์เก็บแค่ "รหัสลูกค้า C-018" ไม่จดชื่อ-ที่อยู่เต็มมาทั้งก้อน เปรียบเหมือนเขียน "ดูเล่ม 3 หน้า 5" แทนถ่ายเอกสารทั้งเล่มมาแปะ

📊 ตัวอย่างจริงลูกค้า "บจก.เอ" มี 12 ออเดอร์ ถ้าจดชื่อ-ที่อยู่ซ้ำในทุกใบ พอเขาย้ายบ้าน ต้องไล่แก้ 12 ที่ (พลาดแน่) — แต่ถ้าทุกออเดอร์เก็บแค่รหัส C-018 แก้ที่ลูกค้าทีเดียว ทุกออเดอร์อัปเดตตามทันที
ใช้เมื่อ
เกือบทุกระบบ — ลูกค้า→ออเดอร์ · ออเดอร์→สินค้า · พนักงาน→งาน · ผู้ขาย→ใบสั่งซื้อ
ระวัง
ยกเว้น เอกสารที่ออกแล้ว (ใบกำกับ) ต้องตรึงข้อมูล ณ วันออกไว้ในใบเลย (กฎหมาย) ไม่ให้เปลี่ยนตาม
ลูกค้า
1 ราย
C-018
มีได้หลาย
ออเดอร์
หลายใบ
↑ เก็บ C-018
มีได้หลาย
รายการสินค้า
หลายชิ้น
↑ เก็บรหัสสินค้า
อ่านได้ว่า: กล่องแต่ละใบ "ชี้กลับ" ด้วยรหัส (ลูกศร ↑) ไม่ก๊อปข้อมูลซ้ำ — แก้ต้นทางที่เดียวจบ
Master-Detail เลือกหัว → เห็นรายละเอียด

แบ่งหน้าจอเป็น 2 ฝั่ง: รายการ (master) อยู่ซ้าย · คลิกอันไหน รายละเอียด (detail) โผล่ขวา ทันที ไม่ต้องเปิดหน้าใหม่. เปรียบเหมือนกล่องอีเมล — ฝั่งซ้ายเป็นรายชื่อจดหมาย คลิกฉบับไหนเนื้อหาก็ขึ้นฝั่งขวา เลื่อนดูทีละฉบับได้ไว

📊 ตัวอย่างจริงดูคำสั่งซื้อ 30 ใบ — คลิก #1042 ฝั่งซ้าย เห็นรายละเอียดของในใบนั้นฝั่งขวาทันที กดใบถัดไปก็เปลี่ยนเลย ไม่ต้องเปิด-ปิดหน้าใหม่ทุกครั้ง ตรวจงานเร็วขึ้นมาก
ใช้เมื่อ
ต้องไล่ดูทีละรายการเร็ว ๆ บนจอกว้าง — ออเดอร์ · อีเมล · เคสลูกค้า · แชต
ระวัง
บนมือถือจอแคบ ทำ 2 ฝั่งไม่ไหว — สลับเป็น "คลิกแล้วเปิดเต็มจอ" แทน
คำสั่งซื้อ
#1042 · คุณเอ
#1043 · คุณบี
#1044 · คุณซี
#1045 · คุณดี
ออเดอร์ #1042
คุณเอ · 21 มิ.ย.
กาแฟดริป ×2฿240
ขนม ×1฿80
รวม฿320
แถบน้ำเงินซ้าย = รายการที่เลือกอยู่ · ขวาคือรายละเอียดของมัน
Drill-down คลิกตัวเลข → ดูที่มา

ตัวเลขสรุป (KPI) ต้อง กดเข้าไปดูได้ว่ามาจากอะไร — เห็น "ยอดขาย ฿84k" แล้วคลิก → แตกออกเป็นรายการออเดอร์ทุกใบที่รวมกันได้ยอดนั้น. เปรียบเหมือนซูมกล้องจาก "ภาพรวมทั้งเมือง" ลงไปดู "ทีละบ้าน" ได้

📊 ตัวอย่างจริงเจ้าของเห็นยอดวันนี้ ฿84k สูงผิดปกติ → คลิกที่ตัวเลข เห็นเลยว่ามาจากออเดอร์ใหญ่ใบเดียว ฿50k ของ บจก.เอ — ตรวจที่มาได้ทันที ไม่ต้องเปิด Excel ไล่หา
ใช้เมื่อ
ทุก KPI/ตัวเลขสรุปในแดชบอร์ด ควรกดเจาะดูที่มาได้ — สร้างความน่าเชื่อถือ ตรวจสอบได้
ระวัง
ตัวเลขที่กดไม่ได้ = คนต้องเชื่อแบบไร้หลักฐาน มีปัญหาแล้วตามที่มาไม่ได้
แดชบอร์ด
ยอดขาย ↗ คลิกดู
฿84k
ออเดอร์
312
▼ คลิกแล้วแตกเป็นรายการที่มา
#1042 · คุณเอ฿50,000
#1043 · คุณบี฿18,000
#1044 · คุณซี฿16,000
อ่านได้ว่า: ยอด ฿84k มาจาก 3 ออเดอร์ — ใบแรกใหญ่สุด
Lookup · เลือกจากที่มี ไม่พิมพ์ใหม่

ตอนกรอกฟอร์ม ถ้าต้องอ้างถึงข้อมูลที่มีอยู่แล้ว ให้ เลือกจากรายการ (dropdown) ไม่พิมพ์ใหม่ — สร้างออเดอร์ก็เลือกลูกค้าจากที่มี ไม่พิมพ์ชื่อ-เบอร์ซ้ำทุกครั้ง (กันพิมพ์ผิด กันสร้างลูกค้าซ้ำคนเดิม 3 เวอร์ชัน). ถ้าไม่มีในรายการ → มีปุ่ม "เพิ่มใหม่" ในตัวเลือกได้เลย

📊 ตัวอย่างจริงพนักงานสร้างออเดอร์ใหม่ ช่องลูกค้าพิมพ์ "บจ" → เด้งรายชื่อที่มีให้เลือก กดเลือก "บจก.เอ" ได้รหัส C-018 ผูกให้เลย — ไม่มีปัญหาพิมพ์ "บจก เอ", "บ.เอ", "เอ จำกัด" เป็นคนละรายแต่คือคนเดียว
ใช้เมื่อ
ทุกช่องที่อ้างถึงข้อมูลในทะเบียนกลาง — เลือกลูกค้า · เลือกสินค้า · เลือกพนักงานผู้ดูแล
ระวัง
หลัก "1 ข้อมูล อยู่ที่เดียว" — ที่อื่นแค่อ้างถึง ไม่ปล่อยให้พิมพ์อิสระจนเกิดข้อมูลซ้ำ/ไม่ตรง
สร้างออเดอร์
ลูกค้า
บจก. เอ
บจก. เอ C-018
บจก. บี
บจก. ซี
+ เพิ่มลูกค้าใหม่
เลือกแล้ว ระบบผูกรหัส C-018 ให้ — ไม่ก๊อปชื่อ/ที่อยู่มาเก็บซ้ำ
ภาค 3

การแสดงผลข้อมูล

ข้อมูลชุดเดียวกัน แสดงได้หลายแบบ — เลือกให้ถูกสถานการณ์ ผู้ใช้ถึงจะอ่านง่าย

Table · List · Card 3 แบบหลัก

ข้อมูลรายการเดียวกันโชว์ได้ 3 ทรง: Table (ตาราง) หลายคอลัมน์เทียบกันเป็นแถว เหมาะบนคอม · List (รายการ) เรียบ ๆ ทีละบรรทัด อ่านง่ายบนมือถือ · Card (การ์ด) เป็นช่อง ๆ มีรูป/เด่น เหมาะของที่ต้องเห็นภาพ เช่นสินค้า. เลือกผิดทรง = อ่านยากทันที (เอาสินค้ามีรูปไปยัดตาราง หรือเอาตัวเลข 8 คอลัมน์ไปทำการ์ด)

📊 ตัวอย่างจริงเมนูร้านกาแฟ → ใช้ Card มีรูปน่าซื้อ · ยอดขายต่อสาขา 8 คอลัมน์ → ใช้ Table เทียบเลขง่าย · รายการแจ้งเตือนบนมือถือ → ใช้ List เลื่อนอ่านสะดวก
ใช้เมื่อ
เลือกตามว่า "ต้องเห็นอะไร" — เทียบหลายค่า=Table · อ่านบนมือถือ=List · มีรูป/เด่น=Card
ดูได้หลายแบบ
▸ Table (เทียบหลายค่า)
สมชายจ่าย฿1,200
สมหญิงค้าง฿800
▸ List (มือถือ)
แจ้งเตือน: ออเดอร์ใหม่ #1042
▸ Card grid (มีรูป)
กาแฟ ฿120
ชา ฿90

⭐ สรุป: แสดงข้อมูลแบบไหนดี?

หลายแถว เทียบหลายค่า (บนคอม)Table
มือถือ / แต่ละรายการมีไม่กี่ค่าList
มีรูป / อยากให้เด่น (สินค้า)Card grid
ตัวเลขสรุปตัวเดียวKPI card
แนวโน้ม / สัดส่วนกราฟ
เหตุการณ์ตามเวลาTimeline
Detail + Timeline ดู 1 รายการเต็ม

Detail view = เปิดดู 1 รายการแบบเต็ม ๆ รวมทุกข้อมูลที่เชื่อมกันไว้ในที่เดียว (ข้อมูลหลัก + ออเดอร์ + เอกสาร) · Timeline = แถบประวัติว่า "เกิดอะไรขึ้นเมื่อไหร่" เรียงตามเวลา. เปรียบเหมือน "แฟ้มประวัติคนไข้" — เปิดมาเห็นทุกอย่างของคนนี้ + ไทม์ไลน์ว่ารักษาอะไรไปบ้าง

📊 ตัวอย่างจริงลูกค้าโทรมาถามความคืบหน้า → เปิดแฟ้มเห็น ไทม์ไลน์ ว่าทีมคุยอะไรไปแล้ว ใครดูแล ลูกค้าขออะไร เราทำอะไรตอบ → ตอบได้ทันทีไม่ต้องไล่ถามในกลุ่มไลน์
ใช้เมื่อ
ข้อมูลที่มี "เรื่องราว" ต่อเนื่อง — แฟ้มลูกค้า · เคสงาน · ออเดอร์ที่มีหลายสถานะ · ประวัติพนักงาน
ระวัง
Timeline ต้องบันทึก ใครทำ-เมื่อไหร่ อัตโนมัติ ไม่ใช่ให้คนมานั่งจดเอง ไม่งั้นไม่มีใครจด
แฟ้มลูกค้า
บจก. เอใช้งาน
VIPต่อสัญญา Q3
ผู้ดูแลพี่เอ
ยอดซื้อสะสม฿128,400
ประวัติกิจกรรม (Timeline)
ลูกค้าขอเลื่อนส่งงบ → วันที่ 25
เราทำโทรยืนยันแล้ว · ส่งใบเสนอ
เราทำแจ้งภาษีเรียบร้อย

สรุปสั้น ๆ: ข้อมูลดี = เชื่อม + แสดง เป็น

กลับห้องสมุดออกแบบ