UML Diagrams Homework – Login System

รายละเอียดงาน

วิชา: Software Engineering / System Analysis
ระบบที่ใช้ตัวอย่าง: Login System

สรุป UML Diagram ทั้งหมด 13 แบบ โดยใช้ระบบ Login เป็นตัวอย่างประกอบทุก Diagram เพื่อให้เห็นภาพว่าแต่ละแบบใช้อธิบายมุมมองของระบบแตกต่างกันอย่างไร

Diagram 1: Use Case Diagram – Login System

Use Case Diagram

แสดงการโต้ตอบระหว่าง User กับระบบ เช่น Login, Logout, Reset Password ใช้ในขั้นตอน Requirement Analysis เพื่อเข้าใจว่าระบบต้องทำอะไรบ้างจากมุมมองผู้ใช้

Diagram 2: Class Diagram – Login System

Class Diagram

แสดงโครงสร้าง class เช่น User, Account, LoginController พร้อม attribute และ method ใช้ในขั้นตอน Design เพื่อออกแบบโครงสร้างข้อมูลของระบบ

Diagram 3: Sequence Diagram – Login Process

Sequence Diagram

แสดงลำดับการส่งข้อความระหว่าง object ตามเวลา เช่น User ส่ง request ไปที่ Server แล้ว Server ตรวจสอบ Database ใช้ในขั้นตอน Design เพื่อดูการทำงานแบบ step-by-step

Diagram 4: Activity Diagram – Login Flow

Activity Diagram

แสดงขั้นตอนการทำงานแบบ flowchart เช่น กรอกข้อมูล ตรวจสอบ ถ้าถูกเข้าระบบ ถ้าผิดแจ้งเตือน ใช้ในขั้นตอน Design เพื่อวางลำดับ logic ของระบบ

Diagram 5: State Machine Diagram – Account Status

State Machine Diagram

แสดงสถานะต่างๆ ของ Account เช่น Active, Locked, LoggedIn และเงื่อนไขการเปลี่ยนสถานะ ใช้ในขั้นตอน Design เพื่อดูพฤติกรรมของ object ตามเวลา

Diagram 6: Component Diagram – Login System Architecture

Component Diagram

แสดงส่วนประกอบซอฟต์แวร์ เช่น UI Component, Auth Service, Database Component และการเชื่อมต่อกัน ใช้ในขั้นตอน System Design เพื่อวางโครงสร้างซอฟต์แวร์ระดับสูง

Diagram 7: Deployment Diagram – Login System Infrastructure

Deployment Diagram

แสดงการติดตั้งระบบบน hardware จริง เช่น Web Server, Database Server, Client Browser ใช้ในขั้นตอน Deployment เพื่อวางแผนโครงสร้างพื้นฐาน

Diagram 8: Object Diagram – Login Instance

Object Diagram

แสดง instance จริงของ class ณ เวลาใดเวลาหนึ่ง เช่น user1:User ที่มีค่า username="john" ใช้ในขั้นตอน Analysis เพื่อดูตัวอย่างข้อมูลจริงของระบบ

Diagram 9: Package Diagram – Login System Modules

Package Diagram

แสดงการจัดกลุ่ม class เป็น package เช่น UI Package, Service Package, Data Package ใช้ในขั้นตอน Design เพื่อจัดระเบียบโครงสร้างโค้ดขนาดใหญ่

Diagram 10: Communication Diagram – Login Interaction

Communication Diagram

แสดงการสื่อสารระหว่าง object คล้าย Sequence Diagram แต่เน้นความสัมพันธ์ของ object มากกว่าลำดับเวลา ใช้ในขั้นตอน Design เพื่อดูโครงสร้างการเชื่อมโยง

Diagram 11: Interaction Overview Diagram – Login Workflow

Interaction Overview Diagram

แสดงภาพรวมของหลาย Sequence Diagram ในรูปแบบคล้าย Activity Diagram ใช้ในขั้นตอน Design เพื่อดูภาพรวมกระบวนการที่ซับซ้อนหลายขั้นตอน

Diagram 12: Timing Diagram – Login Session

Timing Diagram

แสดงการเปลี่ยนแปลงสถานะของ object ตามช่วงเวลาที่แน่นอน เช่น session timeout ใช้ในขั้นตอน Design เพื่อวิเคราะห์พฤติกรรมที่ขึ้นกับเวลา

Diagram 13: Composite Structure Diagram – Login Module

Composite Structure Diagram

แสดงโครงสร้างภายในของ class หรือ component ว่าประกอบด้วยส่วนย่อยอะไรบ้าง ใช้ในขั้นตอน Detailed Design เพื่อดูรายละเอียดภายในของส่วนประกอบ

← กลับไปหน้า Portfolio