# syafiqkarmen/webforge_sma1ambon architecture

> Architecture diagram of the GitHub repository syafiqkarmen/webforge_sma1ambon, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-09-27). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/syafiqkarmen/webforge_sma1ambon
- Repository: https://github.com/syafiqkarmen/webforge_sma1ambon

## Overview

This repository is primarily a class archive of web-development assignments, with a Django attendance-site project as its largest runnable example. The attendance workflow is a visitor reaching a Django page, signing in, and viewing dashboard, history, help, or leave-request pages; the sampled authentication view also records supplied location. The root URL configuration renders several pages directly, while the separate app URL configuration points to app views. README coverage and the tree support the CSS exercise branch; unsampled templates and model behavior limit detail on those branches.

Main entry points: [`src/Absen_Sedderhana-Kelompok_4/project_sisfodik/sisfodik_app/views.py`](https://github.com/syafiqkarmen/webforge_sma1ambon/blob/main/src/Absen_Sedderhana-Kelompok_4/project_sisfodik/sisfodik_app/views.py) (App Views), [`src/Absen_Sedderhana-Kelompok_4/project_sisfodik/urls.py`](https://github.com/syafiqkarmen/webforge_sma1ambon/blob/main/src/Absen_Sedderhana-Kelompok_4/project_sisfodik/urls.py) (Root Routes), [`src/Absen_Sedderhana-Kelompok_4/project_sisfodik/sisfodik_app/urls.py`](https://github.com/syafiqkarmen/webforge_sma1ambon/blob/main/src/Absen_Sedderhana-Kelompok_4/project_sisfodik/sisfodik_app/urls.py) (App Routes), [`src/Absen_Sedderhana-Kelompok_4/project_sisfodik/settings.py`](https://github.com/syafiqkarmen/webforge_sma1ambon/blob/main/src/Absen_Sedderhana-Kelompok_4/project_sisfodik/settings.py) (Django Settings)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_archive["Assignment Archive"]
  node_css_exercise["CSS Exercise"]
end

subgraph group_web["Django Web App"]
  node_project["Django Project"]
  node_root_routes["Root Routes<br/>[urls.py]"]
  node_app_routes["App Routes<br/>[urls.py]"]
  node_app_views["App Views<br/>[views.py]"]
end

subgraph group_ui["Pages and Interaction"]
  node_templates["Page Templates"]
  node_date_carousel["Date Carousel<br/>[date-carousel.js]"]
end

subgraph group_state["App Configuration"]
  node_settings["Django Settings<br/>[settings.py]"]
  node_sqlite[("SQLite Database<br/>[db.sqlite3]")]
end

node_visitor(("Visitor"))

node_visitor -->|"requests pages"| node_root_routes
node_root_routes -->|"renders pages"| node_templates
node_visitor -.->|"requests app pages"| node_app_routes
node_app_routes -->|"dispatches routes"| node_app_views
node_app_views -->|"renders pages"| node_templates
node_app_views -->|"saves location"| node_sqlite
node_project -->|"loads configuration"| node_settings
node_settings -->|"configures database"| node_sqlite

click node_css_exercise "https://github.com/syafiqkarmen/webforge_sma1ambon/tree/main/src/SourceCodeTugasLatihanCSS"
click node_project "https://github.com/syafiqkarmen/webforge_sma1ambon/tree/main/src/Absen_Sedderhana-Kelompok_4/project_sisfodik"
click node_root_routes "https://github.com/syafiqkarmen/webforge_sma1ambon/blob/main/src/Absen_Sedderhana-Kelompok_4/project_sisfodik/urls.py"
click node_app_routes "https://github.com/syafiqkarmen/webforge_sma1ambon/blob/main/src/Absen_Sedderhana-Kelompok_4/project_sisfodik/sisfodik_app/urls.py"
click node_app_views "https://github.com/syafiqkarmen/webforge_sma1ambon/blob/main/src/Absen_Sedderhana-Kelompok_4/project_sisfodik/sisfodik_app/views.py"
click node_templates "https://github.com/syafiqkarmen/webforge_sma1ambon/tree/main/src/Absen_Sedderhana-Kelompok_4/project_sisfodik/templates"
click node_date_carousel "https://github.com/syafiqkarmen/webforge_sma1ambon/blob/main/src/Absen_Sedderhana-Kelompok_4/project_sisfodik/static/js/date-carousel.js"
click node_settings "https://github.com/syafiqkarmen/webforge_sma1ambon/blob/main/src/Absen_Sedderhana-Kelompok_4/project_sisfodik/settings.py"
click node_sqlite "https://github.com/syafiqkarmen/webforge_sma1ambon/blob/main/src/Absen_Sedderhana-Kelompok_4/db.sqlite3"

classDef toneNeutral fill:#f8fafc,stroke:#334155,stroke-width:1.5px,color:#0f172a
classDef toneBlue fill:#dbeafe,stroke:#2563eb,stroke-width:1.5px,color:#172554
classDef toneAmber fill:#fef3c7,stroke:#d97706,stroke-width:1.5px,color:#78350f
classDef toneMint fill:#dcfce7,stroke:#16a34a,stroke-width:1.5px,color:#14532d
classDef toneRose fill:#ffe4e6,stroke:#e11d48,stroke-width:1.5px,color:#881337
classDef toneIndigo fill:#e0e7ff,stroke:#4f46e5,stroke-width:1.5px,color:#312e81
classDef toneTeal fill:#ccfbf1,stroke:#0f766e,stroke-width:1.5px,color:#134e4a
class node_css_exercise toneBlue
class node_project,node_root_routes,node_app_routes,node_app_views toneAmber
class node_templates,node_date_carousel toneMint
class node_settings,node_sqlite toneRose
class node_visitor toneIndigo
```

## Components

### Assignment Archive

- [CSS Exercise](https://github.com/syafiqkarmen/webforge_sma1ambon/tree/main/src/SourceCodeTugasLatihanCSS): `src/SourceCodeTugasLatihanCSS`

### Django Web App

- [Django Project](https://github.com/syafiqkarmen/webforge_sma1ambon/tree/main/src/Absen_Sedderhana-Kelompok_4/project_sisfodik): `src/Absen_Sedderhana-Kelompok_4/project_sisfodik`
- [Root Routes](https://github.com/syafiqkarmen/webforge_sma1ambon/blob/main/src/Absen_Sedderhana-Kelompok_4/project_sisfodik/urls.py): `src/Absen_Sedderhana-Kelompok_4/project_sisfodik/urls.py`
- [App Routes](https://github.com/syafiqkarmen/webforge_sma1ambon/blob/main/src/Absen_Sedderhana-Kelompok_4/project_sisfodik/sisfodik_app/urls.py): `src/Absen_Sedderhana-Kelompok_4/project_sisfodik/sisfodik_app/urls.py`
- [App Views](https://github.com/syafiqkarmen/webforge_sma1ambon/blob/main/src/Absen_Sedderhana-Kelompok_4/project_sisfodik/sisfodik_app/views.py): `src/Absen_Sedderhana-Kelompok_4/project_sisfodik/sisfodik_app/views.py`

### Pages and Interaction

- [Page Templates](https://github.com/syafiqkarmen/webforge_sma1ambon/tree/main/src/Absen_Sedderhana-Kelompok_4/project_sisfodik/templates): `src/Absen_Sedderhana-Kelompok_4/project_sisfodik/templates`
- [Date Carousel](https://github.com/syafiqkarmen/webforge_sma1ambon/blob/main/src/Absen_Sedderhana-Kelompok_4/project_sisfodik/static/js/date-carousel.js): `src/Absen_Sedderhana-Kelompok_4/project_sisfodik/static/js/date-carousel.js`

### App Configuration

- [Django Settings](https://github.com/syafiqkarmen/webforge_sma1ambon/blob/main/src/Absen_Sedderhana-Kelompok_4/project_sisfodik/settings.py): `src/Absen_Sedderhana-Kelompok_4/project_sisfodik/settings.py`
- [SQLite Database](https://github.com/syafiqkarmen/webforge_sma1ambon/blob/main/src/Absen_Sedderhana-Kelompok_4/db.sqlite3): `src/Absen_Sedderhana-Kelompok_4/db.sqlite3`

### Other components

- **Visitor**

## Connections

- Visitor → Root Routes: requests pages
- Root Routes → Page Templates: renders pages
- Visitor → App Routes: requests app pages
- App Routes → App Views: dispatches routes
- App Views → Page Templates: renders pages
- App Views → SQLite Database: saves location
- Django Project → Django Settings: loads configuration
- Django Settings → SQLite Database: configures database