Teknik Sipil All in One

Sistem informasi belajar teknik sipil terpadu: teori, kalkulator interaktif, visualisasi, dan referensi standar.

Fitur Utama

8 Modul Disiplin Ilmu: Mekanika Struktur, Hidrolika & Hidrologi, Mekanika Tanah, Teknologi Beton, Konstruksi Baja, Jalan & Jembatan, Kalkulator Umum, Referensi & Standar
40+ Kalkulator Interaktif dengan rumus teknik sipil nyata
25+ Visualisasi diagram momen, geser, profil aliran, dan diagram tanah
15+ Tabel Referensi properti material, SNI, ACI, AISC, Eurocode
Mode Gelap / Terang
Responsif – bisa diakses dari desktop dan mobile
100% Static – tidak butuh server, buka langsung di browser

Cara Pakai

Buka index.html di browser favorit Anda. Tidak perlu instalasi apapun.

Modul yang Tersedia

Modul	Kalkulator	Topik
Mekanika Struktur	6	Balok SS, Kantilever, Balok Menerus, Kolom Euler, Rangka Batang, Lendutan
Hidrolika & Hidrologi	8	Manning, Darcy-Weisbach, Metode Rasional, Mononobe, Hidrostatis, Torricelli
Mekanika Tanah	5	Terzaghi, Tiang Pancang, Konsolidasi, Rankine, Coulomb, Stabilitas Lereng
Teknologi Beton	5	Mix Design, Tulangan Balok, Cek Kapasitas, Kolom Beton, Mutu Beton
Konstruksi Baja	5	Profil WF, Lentur Balok, Kolom Baja, Tarik, Baut, Las
Jalan & Jembatan	6	Superelevasi, JPH, Lengkung Vertikal, Perkerasan, CBR, Drainase
Kalkulator Umum	8	Konversi Satuan, Geometri, Volume, Inersia, LRFD, Faktor Keamanan
Referensi & Standar	—	SNI, ACI, AISC, AASHTO, Material, Formulas, Simbol

Standar yang Direferensikan

SNI: SNI 2847:2019, SNI 1726:2019, SNI 1727:2020, SNI 1729:2020, SNI 8460:2017, SNI 1725:2016
ACI: ACI 318-19, ACI 211
AISC: AISC 360-16, AISC 341-16
AASHTO: AASHTO LRFD Bridge Design 9th Ed.
Eurocode: EC2, EC3, EC7
Bina Marga: MDPJ 2017, Pd T-14-2003, BMS 2004

Struktur File

├── index.html              # Halaman utama (SPA)
├── assets/
│   ├── css/
│   │   └── style.css       # Stylesheet lengkap
│   └── js/
│       ├── app.js          # Core aplikasi (navigasi, tema)
│       └── modules/
│           ├── struktur.js
│           ├── hidrolika.js
│           ├── geoteknik.js
│           ├── beton.js
│           ├── baja.js
│           ├── jalan.js
│           ├── kalkulator.js
│           └── referensi.js
└── README.md

Teknologi

HTML5, CSS3 (CSS Variables, Grid, Flexbox)
Vanilla JavaScript (ES6+)
Chart.js – visualisasi grafik
KaTeX – render formula matematika
Font Awesome – ikon
Google Fonts – tipografi (Inter, Fira Code)

Dibuat untuk keperluan belajar pribadi teknik sipil. Selalu verifikasi hasil perhitungan dengan standar resmi sebelum digunakan untuk proyek nyata.