ส่วนประกอบของระบบหนึ่งระบบ

เมื่อผู้ใช้กดปุ่มบนเว็บไซต์ ข้อมูลไม่ได้เดินทางจากหน้าจอไปถึงปลายทางโดยตรง แต่ผ่านหลายชั้นของระบบ แต่ละชั้นมีหน้าที่ต่างกัน คล้ายร้านอาหารที่มีหน้าร้าน พนักงานเสิร์ฟ ครัว และคลังวัตถุดิบ

ลูกค้า (User)

หน้าเว็บ / แอปมือถือ

API (พนักงานเสิร์ฟ)

Back-End (ครัว)

Database (คลังวัตถุดิบ)

ระบบอื่น เช่น Google Sheet / LINE

แผนภาพการเดินทางของข้อมูลในระบบ — การเดินทางของข้อมูลตั้งแต่หน้าจอถึงปลายทาง

หน้าเว็บ / แอปมือถือ: หน้าจอที่ผู้ใช้เห็นและโต้ตอบด้วย หน้าที่หลักคือรับข้อมูลจากผู้ใช้แล้วส่งต่อให้ API
API: ตัวกลางที่รับคำสั่งจากหน้าจอ ตรวจสอบคำขอเบื้องต้น แล้วส่งต่อไปยังระบบเบื้องหลัง
Back-End (ครัว): ส่วนที่ทำงานจริงเบื้องหลัง ตรวจสอบข้อมูล ตัดสินใจ และจัดการเรื่องที่ไม่ควรเปิดเผยให้ผู้ใช้เห็น
Database (คลัง): ที่เก็บข้อมูลถาวร เพื่อให้ดึงกลับมาใช้ภายหลังได้
ระบบอื่น: ปลายทางที่นำข้อมูลไปใช้งานต่อ เช่น Google Sheet, LINE หรือระบบส่งอีเมล