คู่มือศัพท์หน้าจอ Odoo 18 (UI Anatomy)

คู่มือศัพท์หน้าจอ Odoo 18 (UI Anatomy) — เรียกชื่อองค์ประกอบให้ตรงกัน

ปรับปรุง: 2026-08-09 · ทุกภาพถ่ายจากการรันจริงผ่าน UI (admin/admin @ dev :8170, db ulife)

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

คู่มือนี้สอน "ศัพท์" ของหน้าจอ Odoo หลังบ้าน — ชื่อเรียกมาตรฐานของแต่ละองค์ประกอบ (ภาษาอังกฤษที่ Odoo ใช้ + คำอธิบายภาษาไทย) พร้อมภาพหน้าจอจริงประกอบทุกจุด เพื่อให้ทีมงาน RS Connect และทีมพัฒนาใช้ คำเดียวกัน เวลาสื่อสาร เช่น เวลาแจ้งปัญหา/สอนงาน จะได้พูดว่า "breadcrumb", "smart button", "chatter" แล้วทุกคนเข้าใจตรงกันว่าหมายถึงจุดไหนบนจอ ไม่ต้องเดาหรืออธิบายยาว

คู่มือนี้ไม่ได้สอนวิธีใช้งานแต่ละโมดูล (ดูคู่มือเฉพาะเรื่อง เช่น คู่มือการขาย (Sale Order)) — แต่สอน "ส่วนประกอบของจอ" ที่ใช้ร่วมกันทุกโมดูลใน Odoo

สารบัญ

A. โครงหน้าจอหลักNavbar/Systray · Breadcrumb · Control Panel

B. ค้นหา/กรองSearch bar + Facets · Filters / Group By / Favorites

C. มุมมอง (Views)List View · Kanban View · Form View · Pivot / Graph View

D. อื่น ๆDialog / Wizard · Settings

สรุปศัพท์ (Glossary)ตารางท้ายเล่ม


A. โครงหน้าจอหลัก

A.1 Navbar / Systray (แถบเมนูบนสุด)

แถบสีขาวบางแนวนอนที่ตรึงอยู่บนสุดของทุกหน้าจอ Odoo (.o_main_navbar) — ไม่ว่าจะสลับไปแอปไหนหรือหน้าไหน แถบนี้จะอยู่ตลอด

Navbar / Systray

ภาพจริง: แถบบนสุดของแอป Sales — 5 จุดที่ต้องรู้จัก

# องค์ประกอบ คำอธิบาย
Apps menu / App name (เมนูแอป) ไอคอนตาราง 9 จุด + ชื่อแอปปัจจุบัน ("Sales") มุมซ้ายสุด — คลิกเพื่อเปิด App Switcher (กริดไอคอนแอปทั้งหมดที่ผู้ใช้มีสิทธิ์) กลับไปเลือกแอปอื่นได้ทันที
เมนูของแอปปัจจุบัน (App menu sections) แถวปุ่มเมนูที่เปลี่ยนตามแอปที่เปิดอยู่ (Orders, To Invoice, Marketing, Products, Reporting, ...) — คลิกแต่ละปุ่มจะมี dropdown เมนูย่อยลงมา
Messages icon (ไอคอนข้อความ) รูปลูกโป่งข้อความ 💬 พร้อมตัวเลขแจ้งเตือน — เปิด Discuss / Messaging Menu แสดงข้อความ/แชทที่ยังไม่ได้อ่านของผู้ใช้ปัจจุบัน
Activities icon (ไอคอนกิจกรรม) รูปนาฬิกา 🕐 พร้อมตัวเลข — สรุป Activity (นัดหมาย/To-do) ที่ผู้ใช้ต้องทำ ข้ามทุกโมเดล/ทุกเรคคอร์ด คลิกดูรายการและกดตัดจบได้จากตรงนี้เลย
User menu (เมนูผู้ใช้) อวาตาร์ผู้ใช้มุมขวาสุด — เปิดเมนู Profile / เปลี่ยนภาษา / My Odoo.com account / Log out

พฤติกรรมที่ควรรู้:


A.2 Breadcrumb (เส้นทางย้อนกลับ)

แถบข้อความเล็ก ๆ ใต้ navbar เยื้องซ้าย (.o_breadcrumb) แสดง "เส้นทาง" ที่ผู้ใช้คลิกเข้ามาถึงหน้านี้ เหมือนขนมปังปิ้งโรยเกล็ด (breadcrumb) ในเว็บทั่วไป

Breadcrumb

ภาพจริง: เปิด Sale Order S01467 จากลิงก์ตรง — breadcrumb แสดง "คู่มือ UI — SO / S01467"

พฤติกรรมที่ควรรู้:


A.3 Control Panel (แผงควบคุมด้านบนจอ)

แถบเครื่องมือใต้ breadcrumb (.o_control_panel) รวม 4 กลุ่มเครื่องมือหลักที่ใช้ควบคุม "รายการ/มุมมอง" ที่กำลังดูอยู่

Control Panel

ภาพจริง: หน้า Contacts (มุมมอง Kanban) — 4 ส่วนของ control panel

# องค์ประกอบ คำอธิบาย
New button (ปุ่มสร้างใหม่) ปุ่มสีเข้ม มุมซ้ายบนสุด — สร้างเรคคอร์ดใหม่ของโมเดลที่กำลังดูอยู่ (เปิดฟอร์มเปล่าให้กรอก)
Search bar (แถบค้นหา) ช่องค้นหากลาง — พิมพ์คำค้น + Enter เพื่อกรองรายการ รองรับทั้งค้นหาข้อความอิสระและเลือก field เฉพาะ
View switcher (ปุ่มสลับมุมมอง) กลุ่มไอคอนมุมขวา — สลับการแสดงผลข้อมูลชุดเดียวกันเป็นมุมมองต่าง ๆ (List / Kanban / Map / Calendar / Pivot / Graph / Activity แล้วแต่โมเดล) โดยไม่เสียตัวกรองที่ตั้งไว้
Pager (ตัวเลขแบ่งหน้า) เช่น "1-80 / 723" พร้อมลูกศร ‹ › — บอกว่ากำลังดูกี่รายการจากทั้งหมดกี่รายการ และเลื่อนหน้าถัดไป/ก่อนหน้า

พฤติกรรมที่ควรรู้:


B. ค้นหา / กรอง (Search & Filter)

B.1 Search bar + Facets (แถบค้นหา + ป้ายตัวกรอง)

เมื่อพิมพ์ค้นหาหรือเลือกตัวกรอง ระบบจะแปลงเป็น "ป้าย" (facet) ติดอยู่ในแถบค้นหา แทนการซ่อนเงื่อนไขไว้เบื้องหลัง — ผู้ใช้เห็นชัดว่ากำลังกรองอะไรอยู่บ้าง

Search facet

ภาพจริง: เปิดหน้า Quotations — ระบบติดป้าย filter "My Quotations" (เฉพาะของฉัน) มาให้อัตโนมัติ

# องค์ประกอบ คำอธิบาย
Facet chip (ป้ายตัวกรอง) กล่องสีพร้อมไอคอน — 1 ป้าย = 1 เงื่อนไขค้นหา/กรองที่กำลังใช้งาน (เช่น My Quotations, สถานะ, ช่วงวันที่)
Facet remove (×) (ปุ่มลบป้าย) ไอคอน × ท้ายป้าย — คลิกเพื่อยกเลิกเงื่อนไขนั้นตัวเดียว โดยไม่กระทบป้ายอื่น

พฤติกรรมที่ควรรู้:


B.2 Filters / Group By / Favorites (แผงตัวกรอง)

คลิกลูกศร ▾ ท้ายแถบค้นหา เปิดแผงป๊อปอัป 3 คอลัมน์ — รวมตัวเลือกกรอง/จัดกลุ่ม/บันทึกการค้นหาไว้ในที่เดียว

Filters / Group By / Favorites

ภาพจริง: แผง Filters/Group By/Favorites ของหน้า Quotations เปิดค้างอยู่

# คอลัมน์ คำอธิบาย
Filters (ตัวกรอง) เงื่อนไขสำเร็จรูปที่ระบบเตรียมไว้ (เช่น My Orders, To Invoice, Create Date) — ติ๊กได้หลายอันพร้อมกัน
Group By (จัดกลุ่ม) จัดเรียงรายการเป็นกลุ่มตาม field ที่เลือก (เช่น Salesperson, Customer, Order Date) — ดูหัวข้อ C.1 Group headers ต่อ
Favorites (รายการโปรด) บันทึกชุดตัวกรอง+จัดกลุ่มปัจจุบันไว้ใช้ซ้ำ ("Save current search") — ตั้งเป็นค่าเริ่มต้นทุกครั้งที่เข้าเมนูนี้ได้

พฤติกรรมที่ควรรู้:


C. มุมมอง (Views)

C.1 List View (มุมมองรายการ)

มุมมองตารางมาตรฐานของ Odoo — 1 แถว = 1 เรคคอร์ด, 1 คอลัมน์ = 1 field

List columns + checkbox

ภาพจริง: Sales → Orders → Orders — เลือกแถวแล้ว แถบเครื่องมือ contextual (Create Invoices/Print/Actions) ปรากฏขึ้นแทนที่แถบค้นหาชั่วคราว

# องค์ประกอบ คำอธิบาย
Row-selection checkbox (checkbox หัวตาราง) ช่องติ๊กที่มุมซ้ายบนของตาราง — ติ๊กเพื่อเลือกทุกแถวในหน้านี้พร้อมกัน (bulk select)
Column headers (หัวคอลัมน์) แถวชื่อ field บนสุด — คลิกชื่อคอลัมน์เพื่อเรียงลำดับ (sort) ตามคอลัมน์นั้น คลิกซ้ำสลับ ascending/descending
Row checkbox (checkbox รายแถว) ช่องติ๊กหน้าแต่ละแถว — เลือกเฉพาะแถวที่ต้องการ เมื่อเลือกอย่างน้อย 1 แถว จะมีแถบปุ่ม action เฉพาะทาง (เช่น "Create Invoices") โผล่ขึ้นแทนแถบค้นหา

Optional columns

ภาพจริง: คลิกไอคอนปรับคอลัมน์ (มุมขวาบนของตาราง) — เปิดรายการคอลัมน์เสริมที่ซ่อน/แสดงได้

Optional columns toggle (ไอคอนปรับคอลัมน์ — วงกลม ① ในภาพ): ไอคอนรูปแท่งเลื่อน 3 อันที่มุมขวาสุดของหัวตาราง คลิกเปิดรายการ checkbox ของทุก field ที่ตั้งไว้เป็น "optional" ในมุมมองนี้ — ติ๊ก/ถอดเพื่อแสดง/ซ่อนคอลัมน์นั้นได้เอง โดยไม่กระทบผู้ใช้คนอื่น (ค่าที่เลือกจำต่อผู้ใช้ต่อเบราว์เซอร์)

Group headers

ภาพจริง: จัดกลุ่ม (Group By) ตาม Salesperson — แถวหัวกลุ่มสีเทาอ่อนคั่นระหว่างชุดข้อมูล

Group headers (แถวหัวกลุ่ม — วงกลม ①② ในภาพ): เมื่อจัดกลุ่มด้วย Group By แต่ละกลุ่มจะมีแถวคั่นสีพื้นต่างจากแถวข้อมูลปกติ แสดงชื่อกลุ่ม + จำนวนเรคคอร์ดในวงเล็บ (เช่น "Administrator (60)") + ผลรวม (sum) ของคอลัมน์ตัวเลขในกลุ่มนั้นอัตโนมัติ — คลิกที่แถวหัวกลุ่มเพื่อพับ/กางรายการในกลุ่ม

พฤติกรรมที่ควรรู้:


C.2 Kanban View (มุมมองการ์ด)

มุมมองบัตร/การ์ดแทนตาราง — เหมาะกับข้อมูลที่มีรูปภาพหรือดูเป็น "ใบ" มากกว่าแถว เช่น Contacts, CRM Pipeline, Kanban งานคลัง

Kanban card

ภาพจริง: การ์ดผู้ติดต่อในแอป Contacts (มุมมอง Kanban เริ่มต้น)

ส่วนประกอบของการ์ด 1 ใบ (วงในภาพ):

พฤติกรรมที่ควรรู้:


C.3 Form View (มุมมองฟอร์ม — อธิบายละเอียด)

มุมมองที่ผู้ใช้ใช้เวลาทำงานด้วยมากที่สุด — แสดงเรคคอร์ดเดียวแบบเต็มจอ พร้อมทุก field ที่เกี่ยวข้อง ตัวอย่างในหัวข้อนี้ใช้ Sale Order ที่ยืนยันแล้ว (S01467) เป็นเคสสาธิต

Statusbar (แถบสถานะ)

Statusbar

ภาพจริง: statusbar ของ S01467 — ไล่จาก Quotation → Quotation Sent → Sales Order (จุดที่ไฮไลต์สีเขียวคือสถานะปัจจุบัน)

Header buttons (ปุ่ม action บนหัวฟอร์ม)

Header buttons

ภาพจริง: ปุ่ม action ที่ปรากฏบน S01467 (โซนตรงข้าม statusbar) — บางปุ่มเป็นมาตรฐาน Odoo บางปุ่มเป็นของ ULife เอง (เช่น "Void & Re-key")

Smart buttons / Stat buttons (ปุ่มสถิติ)

Smart buttons

ภาพจริง: smart buttons ของ S01467 — Delivery (1), Invoices (1), Flow Trace (none)

# ปุ่ม คำอธิบาย
Delivery จำนวนใบส่งของ (stock.picking) ที่เกิดจากออเดอร์นี้ — คลิกเปิดดู/ไปยังใบส่งของ
Invoices จำนวนใบแจ้งหนี้ (account.move) ที่เกิดจากออเดอร์นี้ — คลิกเปิดดู/ไปยังใบแจ้งหนี้
Flow Trace ปุ่มเฉพาะของ ULife แสดงสถานะ commission flow ของออเดอร์นี้

Sheet + field labels/values (แผ่นกระดาษฟอร์ม + label/value)

Sheet fields

ภาพจริง: ส่วนหัวของ sheet ใน S01467 — field "Customer" (① วงไว้) แสดงชื่อ+รหัสสมาชิก+ที่อยู่หลายบรรทัด

Many2one autocomplete (ดรอปดาวน์ค้นหาความสัมพันธ์)

Many2one autocomplete

ภาพจริง: เปิด Sale Order ใหม่ (ยังไม่บันทึก) พิมพ์ "ปวี" ในช่อง Customer — ดรอปดาวน์ค้นหาโผล่ทันที

Notebook / Tabs (แท็บ)

Notebook tabs

ภาพจริง: แท็บของ S01467 — Order Lines / Other Info / Shipping & Tracking / Notes

One2many list ในฟอร์ม (ตาราง Order Lines)

Order lines

ภาพจริง: แท็บ Order Lines ของ S01467 — ตาราง one2many แสดงสินค้าในออเดอร์

Chatter (แถบสนทนา/ประวัติ)

Chatter

ภาพจริง: แถบบนสุดของ chatter บน S01467 — Send message / Log note / Activities / Followers

# ปุ่ม คำอธิบาย
Send message ส่งข้อความ/คอมเมนต์บนเรคคอร์ดนี้ — แจ้งเตือน (notify) ผู้ติดตาม (followers) ทุกคน คล้ายอีเมล/แชท
Log note บันทึกโน้ตภายใน — ไม่แจ้งเตือนผู้ติดตาม ใช้จดบันทึกส่วนตัว/ทีมงาน
Activities ตั้งนัดหมาย/To-do ผูกกับเรคคอร์ดนี้ (เช่น "โทรติดตามลูกค้าวันที่ ...") — ปรากฏในไอคอนกิจกรรม ④ ของ navbar ด้วย
Followers ไอคอนคน 👤 พร้อมตัวเลข — รายชื่อผู้ติดตามเรคคอร์ดนี้ (ผู้ที่จะได้รับแจ้งเตือนเมื่อมี Send message ใหม่) เพิ่ม/ลบผู้ติดตามได้จากตรงนี้

C.4 Pivot / Graph View (มุมมองตารางไขว้ / กราฟ)

ใช้วิเคราะห์ข้อมูลเชิงสรุป (aggregate) แทนการดูทีละเรคคอร์ด — เข้าถึงได้จากเมนู Reporting ของแต่ละแอป

Graph view

ภาพจริง: Sales → Reporting → Sales — มุมมอง Graph (เริ่มต้นเป็นกราฟเส้น) วงไว้ที่ปุ่มสลับมุมมอง (① — เดียวกับ view switcher แต่ในหน้า Reporting จะมีตัวเลือก Graph/Pivot/List)

Pivot view

ภาพจริง: สลับจาก Graph → Pivot (คลิกไอคอนตารางในปุ่มสลับมุมมอง) — ข้อมูลชุดเดียวกัน แสดงเป็นตารางไขว้แทน


D. อื่น ๆ

D.1 Dialog / Wizard (หน้าต่างป๊อปอัป)

หน้าต่างลอย (modal) ที่เปิดทับหน้าจอเดิมชั่วคราว ใช้สำหรับ action ที่ต้องกรอกข้อมูลเพิ่มก่อนดำเนินการ (เช่น รับชำระเงิน, ยืนยันยกเลิก, เลือกตัวเลือกก่อนพิมพ์เอกสาร)

Register Payment dialog

ภาพจริง: กดปุ่ม "Pay" (Register Payment) บนใบแจ้งหนี้ — wizard เปิดให้กรอก Journal/จำนวนเงิน/วันที่ก่อนบันทึก

# องค์ประกอบ คำอธิบาย
ปุ่มยืนยัน (เช่น "Create Payment") ดำเนินการตาม wizard และบันทึกจริง — สีเข้ม/โดดเด่นกว่าปุ่มอื่นเสมอ
ปุ่ม Discard ปิดหน้าต่างโดยไม่บันทึกอะไรทั้งสิ้น — เทียบเท่ากดปุ่ม × มุมขวาบนของหน้าต่าง

พฤติกรรมที่ควรรู้:


D.2 Settings (เมนูตั้งค่า)

เมนู Settings (นาฬิกาฟันเฟือง ⚙️ ใน App switcher) รวมการตั้งค่าระดับระบบ/บริษัท ไว้ที่เดียว

Settings landing page

ภาพจริง: หน้า General Settings — เมนูซ้ายไล่ตามแอปที่ติดตั้ง (Sales, ULife LIFF, Accounting, ...) เนื้อหาขวาแบ่งเป็นบล็อกหัวข้อ (Users, Languages, Companies, ...)


Glossary: ตารางสรุปศัพท์

English term คำเรียกไทย อยู่ตรงไหน หน้าที่
Navbar / Systray แถบเมนูบนสุด ตรึงบนสุดทุกหน้าจอ สลับแอป, ดูข้อความ/กิจกรรม, เมนูผู้ใช้
Breadcrumb เส้นทางย้อนกลับ ใต้ navbar เยื้องซ้าย ย้อนกลับไปหน้าก่อนหน้าโดยไม่เสีย state
Control Panel แผงควบคุม ใต้ breadcrumb รวม New/Search/View switcher/Pager
New button ปุ่มสร้างใหม่ ซ้ายสุดของ control panel สร้างเรคคอร์ดใหม่
Search bar แถบค้นหา กลาง control panel พิมพ์ค้นหา/กรองข้อมูล
Facet ป้ายตัวกรอง ในแถบค้นหา แสดงเงื่อนไขค้นหาที่กำลังใช้
Filters / Group By / Favorites แผงตัวกรอง ป๊อปอัปจากลูกศร ▾ ท้ายแถบค้นหา เลือกตัวกรองสำเร็จรูป/จัดกลุ่ม/บันทึกการค้นหา
View switcher ปุ่มสลับมุมมอง ขวาของ control panel สลับ List/Kanban/Pivot/Graph ฯลฯ
Pager ตัวเลขแบ่งหน้า ขวาสุดของ control panel บอกจำนวน/เลื่อนหน้า
List view มุมมองรายการ ตาราง แสดงหลายเรคคอร์ดเป็นแถว/คอลัมน์
Optional columns คอลัมน์เสริม ไอคอนมุมขวาบนของตาราง เลือกแสดง/ซ่อนคอลัมน์
Group header แถวหัวกลุ่ม ในตารางที่จัดกลุ่มแล้ว คั่นกลุ่ม + สรุปยอดรวม
Kanban view มุมมองการ์ด การ์ดเรียงกริด แสดงเรคคอร์ดเป็น "ใบ" พร้อมรูป
Form view มุมมองฟอร์ม เปิดเรคคอร์ดเดี่ยว ดู/แก้ไขเรคคอร์ดแบบเต็ม
Statusbar แถบสถานะ มุมขวาบนของฟอร์ม แสดง state เป็นราง pipeline
Header buttons ปุ่ม action หัวฟอร์ม มุมซ้ายบนของฟอร์ม ปุ่มดำเนินการหลักตามสถานะ
Smart button / Stat button ปุ่มสถิติ มุมบนขวาของ sheet ลิงก์ไปเรคคอร์ดที่เกี่ยวข้อง พร้อมตัวนับ
Sheet แผ่นฟอร์ม กรอบขาวกลางฟอร์ม พื้นที่กรอก/อ่าน field หลัก
Many2one autocomplete ดรอปดาวน์ค้นหาความสัมพันธ์ ในช่อง field ที่ลิงก์โมเดลอื่น ค้นหา/เลือกเรคคอร์ดที่เกี่ยวข้อง
Notebook / Tabs แท็บ ใต้ sheet แบ่งเนื้อหาฟอร์มเป็นหมวด
One2many list ตารางย่อยในฟอร์ม ในแท็บ (เช่น Order Lines) แสดง/แก้เรคคอร์ดลูกหลายรายการ
Chatter แถบสนทนา/ประวัติ ขวา (หรือล่าง) ของฟอร์ม ข้อความ, log, นัดหมาย, ผู้ติดตาม
Pivot view มุมมองตารางไขว้ Reporting วิเคราะห์ข้อมูลแบบ cross-tab
Graph view มุมมองกราฟ Reporting วิเคราะห์ข้อมูลเชิงกราฟ
Dialog / Wizard หน้าต่างป๊อปอัป ลอยทับหน้าจอเดิม กรอกข้อมูลเพิ่มก่อน action
Settings เมนูตั้งค่า App switcher (ไอคอนฟันเฟือง) ตั้งค่าระบบ/แอป/บริษัท

เอกสารนี้จัดทำจากภาพหน้าจอจริง (dev environment http://localhost:8170, db ulife) — สคริปต์จับภาพ: scripts/manual-capture/capture-odoo-ui-anatomy.mjs