Interactive Architecture Explorer 6 Diagrams
Use Case Diagram
Shows all operations available to the Student and Teacher/Admin. Click any actor or use case to learn more.
Smart Attendance System Student Teacher / Admin Tap Smart Card on Scanner Check My Attendance % Upload Doctor's Note for Leave View Colorful Class Dashboard Approve or Reject Medical Leaves Download Monthly Excel Reports Register New Student Cards
Student Actor
Teacher/Admin Actor
Use Case
System Boundary
Level 0 Data Flow Diagram
Shows the overall flow of data between the two actors and the system. Click any entity or arrow to explore.
0.0 Smart Attendance System Student Teacher / Admin 1. Taps ID Card 2. Uploads Doc Note 1. Shows Live % 2. Sends Warnings 1. Visual Charts 2. Excel Reports 1. Adds Students 2. Approves Leaves
Student Input
System Output
Teacher Input
System Process
Level 1 Data Flow Diagram
Breaks the system into 4 processes and shows the data stores each one reads from and writes to. Click any element to explore.
Student Teacher 2.0 Scan ID Card (Hardware) 4.0 Dashboard & Reports 1.0 Manage Accounts & Classes 3.0 Review Medical Leaves Attendance Database User Database Class Database Leaves Database Tap Card Open App Show % Save Present Get Records Upload Note Add Students Save Account Save Schedule Approve Leave Save Request View Dashboard Show Charts
External Entity
Process
Data Store
Data Input Flow
Data Output Flow
Level 2 Data Flow Diagram
Zooms into the hardware scan process — showing each validation step before an attendance record is saved.
Hardware Scanner (On Classroom Wall) User Database Class Database 2.1 Read Card Number 2.2 Find Student in System 2.3 Check if Class is Happening 2.4 Save 'Present' Record Attendance Database Card Beeps Send ID No. Match Name Student Valid Check Schedule Class Open Save Tap Time
Hardware
Process Step
Database
Validation Flow
Entity-Relationship Diagram
Shows the four database collections and the relationships between them. Click any table to explore its fields and connections.
1. Users Account Table ● User ID PK ○ Full Name ○ Email Address ○ Account Type Student|Teacher ○ Smart Card No. RFID 5 fields 2. Class Schedule Table ● Class ID PK ○ Subject Name ○ Teacher Name ○ Start Time & Duration 4 fields 3. Attendance Tap Records ● Record ID PK ◈ Student ID FK→Users ◈ Class ID FK→Classes ○ Time Card Tapped ○ Status Present|Absent 5 fields 4. Medical Leave Requests ● Leave ID PK ◈ Student ID FK→Users ○ Date of Leave ○ Reason / Doc Link ○ Status Pending|Approved 5 fields Creates 1 M Has 1 M Applies for 1 M
Primary Key
Foreign Key
Relationship
Regular Field
Activity Diagram
Complete sequence from card tap to confirmed attendance — including all decision points and error paths. Click any node to explore.
Student Classroom Scanner System Database Taps Physical ID Card Reads the Card Number Sends Card No. to Cloud Server Search Card in System DB Is Card Registered? No Yes ⚠ Beep Error Display "Unknown Card" Check Class Schedule Class Happening? No Yes Display "No Class Right Now" Check Today's Attendance Records Already Tapped? No Yes Display "Already Marked Present" Save "Present" Record Update Teacher's Dashboard ✔ Beep Success "Attendance Marked"
Student Action
Scanner Action
System Action
Decision
Error Path
Success Path
Selected Element
—
← Click any element in the diagram to see details and context here.
Or press ▶ Guided Tour to walk through the diagram step by step.
Guided Tour 1 / 1