superapp-lifestyle

teknik-sipil

14 file · 345.1 KB

Sistem informasi live — teknik-sipil.vercel.appBuka di tab baru

README

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

ModulKalkulatorTopik
Mekanika Struktur6Balok SS, Kantilever, Balok Menerus, Kolom Euler, Rangka Batang, Lendutan
Hidrolika & Hidrologi8Manning, Darcy-Weisbach, Metode Rasional, Mononobe, Hidrostatis, Torricelli
Mekanika Tanah5Terzaghi, Tiang Pancang, Konsolidasi, Rankine, Coulomb, Stabilitas Lereng
Teknologi Beton5Mix Design, Tulangan Balok, Cek Kapasitas, Kolom Beton, Mutu Beton
Konstruksi Baja5Profil WF, Lentur Balok, Kolom Baja, Tarik, Baut, Las
Jalan & Jembatan6Superelevasi, JPH, Lengkung Vertikal, Perkerasan, CBR, Drainase
Kalkulator Umum8Konversi Satuan, Geometri, Volume, Inersia, LRFD, Faktor Keamanan
Referensi & StandarSNI, 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.

File Utama

  • .gitignore
  • DEPLOYMENT_RULES.md
  • README.md
  • index.html