10.6084/m9.figshare.

20528220

Aplikasi Pengolahan
Data Hujan Berbasis
Web
Taruma Sakti Megariansyah
fiakodev, PT. FIAKO ENJINIRING INDONESIA

all image generated by Taruma with Midjourney

fiakodev-sipilpedia-pengolahan-data-hujan-v1.0.0 :: version 4 Presentasi - Aplikasi Pengolahan Data Hujan Berbasis Web © 2022 by Taruma Sakti Megariansyah
is licensed under Attribution 4.0 International
 Panduan Materi Presentasi
Seluruh QRCode Klik DOI untuk lihat
dapat diklik PDF versi terbaru

10.6084/m9.figshare.20528220

Repository
Presentasi

Fungsi Repository:
• Portal informasi presentasi
• Informasi, Dokumen, Link paling terbaru
• Dokumen presentation show (.ppsx)
• Link video slideshow presentasi

Aplikasi Pengolahan Data Hujan Berbasis Web 2

 Pendahuluan &
Pengenalan
Pengembangan

Rainfall Stations Rainfall Data Frequency

Explorer Explorer Analysis
fiako-stations hidrokit-rainfall fiako-anfrek

Agenda
Kesimpulan Penutup

Presentation Title
Aplikasi Pengolahan Data Hujan Berbasis Web 3
Agenda
Aplikasi Pengolahan Data Hujan Berbasis Web 4
 Pengenalan

Aplikasi Pengolahan Data Hujan Berbasis Web 5

 Taruma Sakti Megariansyah
fiakodev / Research and Development
PT. FIAKO Enjiniring Indonesia
M.T., Teknik Sipil, Institut Teknologi Bandung
S.T., Teknik Sipil, Universitas Katolik Parahyangan
Python Programmer/Developer
Data Science | Machine Learning

taruma.github.io

Aplikasi Pengolahan Data Hujan Berbasis Web 6

 Proyek Open Source

2019 – 2022 2019 – 2022

hidrokit/hidrokit hidrokit/blog
website website/blog
maintainer author/maintainer

2018 – 2022 2019 – 2022

hidrokit hidrokit/notebook
python package website
creator/developer/maintainer author/maintainer

Aplikasi Pengolahan Data Hujan Berbasis Web 7

 Laporan Implementasi

LI02 - 22 Oktober 2019 LI04 - 11 Februari 2020

hidrokit v0.3.2 hidrokit v0.3.5
Prediksi Debit Aliran Perbandingan Model
Menggunakan Long Variasi Recurrent
LI01 - 13 Juli 2019 Short-Term Memory Neural Networks Pada
hidrokit v0.2.0
(LSTM) Kasus Prediksi Debit
Single-output
LI03 - 16 Januari 2020 Aliran
Regression Neural hidrokit v0.3.5
Network Pada Kasus Analisis Hidrologi
Prediksi Kualitas Air Dengan hidrokit

Aplikasi Pengolahan Data Hujan Berbasis Web 8

 Laporan Implementasi

LI05 - 05 April 2022

hidrokit v0.4.0 hidrokit/notebook
Analisis Frekuensi dan Kumpulan Notebook
Uji Kecocokan (Laporan Implementasi 1-5)
Distribusi

Aplikasi Pengolahan Data Hujan Berbasis Web 9

 Research and Development by FIAKO Engineering
Wadah untuk berinovasi, kreatifitas, eksperimen, kolaborasi, dan berbagi
dalam pengembangan teknologi untuk mengatasi berbagai permasalahan
di bidang teknik sipil ataupun bidang lainnya.

Penggunaan aplikasi fiakodev tidak dipungut biaya. Aplikasi fiakodev

menggunakan lisensi Open Source (MIT License).

Aplikasi Pengolahan Data Hujan Berbasis Web 10

 Pendahuluan &
Pengembangan

Aplikasi Pengolahan Data Hujan Berbasis Web 11

 Aplikasi Pengolahan Data Hujan Berbasis Web

Aplikasi Pengolahan Data Hujan Berbasis Web 12

 Pengolahan Data

BIG DATA DIGITASI DATA PEMANFAATAN PENGOLAHAN KECEPATAN

TEKNOLOGI MANUAL PENGOLAHAN
DATA

permintaan pengolahan data yang lebih cepat dan otomatis dengan penggunaan
teknologi digital

Aplikasi Pengolahan Data Hujan Berbasis Web 13

 Visualisasi Data

static visualization interactive visualization

Aplikasi Pengolahan Data Hujan Berbasis Web 14

 Visualisasi Interaktif

IDENTIFIKASI IDENTIFIKASI DATA SIMPLIFIKASI

POLA HUBUNGAN STORYTELLING DATA

What is Why Interactive Data

Interactive Data Visualization Matters for
Visualization Data Science in Python |
And Its Benefits PyData Global 2021
(synergycodes.com) (by Nicolas Kruchten)

Aplikasi Pengolahan Data Hujan Berbasis Web 15

 Teknologi

python Google Colab Miniconda

programming web IDE for python / package management & virtual
language collaboration / cloud computing environment for python

Visual Studio Code Github

code editor cloud-based Git Repository

Aplikasi Pengolahan Data Hujan Berbasis Web 16

 Dependencies

17 Aplikasi Pengolahan Data Hujan Berbasis Web

 Notebook or Dashboard?
experienced coder

SCRIPT / JUPYTER
NOTEBOOK

DATA RESULTS

no-code user

WEB APP /
DASHBOARD
Aplikasi Pengolahan Data Hujan Berbasis Web 18
 Metodologi pengembangan

Aplikasi Pengolahan Data Hujan Berbasis Web 19

 timeline pengembangan aplikasi fiakodev

@hidrokit interactive python @fiakoenjiniring @fiakoenjiniring

@taruma
hidrokit dashboards with stations anfrek
dash-hidrokit-rainfall
v0.3.5 plotly and dash v3.0.0 v1.0.0-beta.0
v1.0.0
15 Januari 2020 2 Mei 2022 10 Mei 2022 26 Mei 2022 24 Juni 2022

@hidrokit @taruma @fiakoenjiniring @hidrokit

hidrokit dash-data-explorer rainfall hidrokit
v0.4.0 v2.0.0 v1.1.0 v0.4.1
5 April 2022 6 Mei 2022 20 Mei 2022 13 Juni 2022

Aplikasi Pengolahan Data Hujan Berbasis Web 20

 Rainfall Stations
Explorer
fiako-stations
Aplikasi web atau dashboard yang dapat digunakan
untuk mengeksplorasi stasiun data hujan harian yang
tersedia di database

manajemen data | akuisisi data | eksplorasi database | simplifikasi

penyimpanan data

Aplikasi Pengolahan Data Hujan Berbasis Web 21

 https://demo-stations.dev.fiako.engineering

Rainfall Stations Explorer

fiako-stations

22 Aplikasi Pengolahan Data Hujan Berbasis Web

 abstrak fiako-stations

PERMINTAAN MULTIPLE SPREADSHEETS / FILES SINGLE FILE /

DATA DATABASE

FORMAT: HDF5

Aplikasi Pengolahan Data Hujan Berbasis Web 23

 abstrak fiako-stations

VISUALISASI

MULTIPLE
DATABASE /
HDF5 RAINFALL STATIONS EXPLORER
fiako-stations

DATA HUJAN
HARIAN
(CSV)

Aplikasi Pengolahan Data Hujan Berbasis Web 24

 timeline fiako-stations

@taruma closed open

dash-data-explorer
v2.0.0 source source
6 Mei 2022
@taruma refactoring
dash-data-explorer @fiakoenjiniring @fiakoenjiniring
v1.0.0 demo-stations
stations
4 Mei 2022 v3.0.0 v3.0.0
26 Mei 2022 23 Juni 2022
@taruma
dash-hidrokit-rainfall
v1.0.0
10 Mei 2022

Aplikasi Pengolahan Data Hujan Berbasis Web 25

 fitur fiako-stations
• Memudahkan eksplorasi stasiun hujan yang dimiliki.
• Mengetahui informasi stasiun terdekat terhadap titik lokasi
tinjauan.
• Melihat secara sekilas kelengkapan data dengan heatmap.
• Memilih stasiun dan periode yang akan digunakan untuk
analisis.
• Visualisasi & download data hujan harian dengan periode yang
telah dipilih.

Aplikasi Pengolahan Data Hujan Berbasis Web 26

 Navigasi dan Interaksi Peta

[1] Eksplorasi Stasiun Hujan

 Pengisian Koordinat Titik Tinjau

[2] Informasi Stasiun Terdekat

 Interaksi Peta dan Tabel

[2] Informasi Stasiun Terdekat

 Navigasi dan Interaksi Heatmap

[3] Kelengkapan Data

 Navigasi dan Interaksi Bar Plot

[3] Kelengkapan Data

 Navigasi Memilih Stasiun

[4] Memilih Stasiun dan Periode

 Navigasi dan Interaksi Visualisasi

[5] Visualisasi dan Download

Download Data Hujan Harian Isi File CSV

[5] Visualisasi dan Download

 Rainfall Data
Explorer
hidrokit-rainfall
Aplikasi web atau dashboard yang dapat digunakan untuk
menganalisis data hujan harian. Dari aplikasi ini dapat
memperoleh informasi hujan maksimum, total hujan, hari
hujan, hari kering, dan kejadian hujan maksimum setiap
periode. Grafik kumulatif tahunan dan konsistensi (kurva
massa ganda) juga telah ditambahkan sejak versi v1.1.

analisis data | rekapitulasi / resample data | eksplorasi data | evaluasi

data | visualisasi data

Aplikasi Pengolahan Data Hujan Berbasis Web 35

 https://rainfall.dev.fiako.engineering

Rainfall Data Explorer

hidrokit-rainfall

36 Aplikasi Pengolahan Data Hujan Berbasis Web

 abstrak hidrokit-rainfall
output
rainfall-stations

VISUALISASI

DATA HUJAN
HARIAN
FORMAT: CSV
RAINFALL DATA EXPLORER ANALISIS DATA
hidrokit-rainfall HUJAN
- hujan maksimum,
total hujan
- hari hujan dan hari
kering
- tanggal kejadian HASIL ANALISIS
hujan maksimum FORMAT: CSV

Aplikasi Pengolahan Data Hujan Berbasis Web 37

 timeline hidrokit-rainfall

@hidrokit @taruma @fiakoenjiniring

hidrokit dash-hidrokit-rainfall rainfall
v0.3.5 v1.0.0 v1.1.0
15 Januari 2020 10 Mei 2022 20 Mei 2022
@fiakoenjiniring
rainfall
v1.2.0
13 Juni 2022

@hidrokit
hidrokit
v0.4.1
13 Juni 2022

Aplikasi Pengolahan Data Hujan Berbasis Web 38

 fitur hidrokit-rainfall
• Eksplorasi data hujan dalam bentuk table. Termasuk
melakukan modifikasi dan filter.
• Visualisasi data hujan untuk setiap stasiun dalam bentuk line
atau bar (jika datasetnya kecil).
• Analisis data hujan yang mengeluarkan rekapitulasi untuk tiga
periode yaitu biweekly, monthly, dan yearly.
• Mempresentasikan hasil analisis dalam bentuk visualisasi
analisis data hujan berupa bar plot dan bubble chart.

39 Aplikasi Pengolahan Data Hujan Berbasis Web

 Interaksi Tabel Data Hujan

[1] Eksplorasi Data Hujan

 Visualisasi Data Hujan (line)

[2] Visualisasi Data Hujan

 Visualisasi Data Hujan (bar)

[2] Visualisasi Data Hujan

 Hasil Analisis (Tabel)

[3] Analisis Data Hujan

 Download Hasil Analisis (CSV)

[3] Analisis Data Hujan

 Visualisasi Analisis (Rekap)

[4] Visualisasi Analisis Data Hujan

 Visualisasi Max + Sum

[4] Visualisasi Analisis Data Hujan

 Visualisasi Dry + Rain

[4] Visualisasi Analisis Data Hujan

 Visualisasi Kejadian Hujan Maksimum

[4] Visualisasi Analisis Data Hujan

Kumulatif Tahunan Konsistensi (Kurva Massa Ganda)

[4] Visualisasi Analisis Data Hujan

 Frequency Analysis
fiako-anfrek
Aplikasi web yang dapat digunakan untuk menghitung
parameter statistik, jenis sebarannya (distribusi), analisis
frekuensi, dan uji kecocokan distribusi.

analisis frekuensi | parameter statistik | outlier | uji kecocokan distribusi |

visualisasi data dan hasil

Aplikasi Pengolahan Data Hujan Berbasis Web 50

 https://anfrek.dev.fiako.engineering

Frequency Analysis
fiako-anfrek

51 Aplikasi Pengolahan Data Hujan Berbasis Web

 abstrak fiako-anfrek
processed output
hidrokit-rainfall

VISUALISASI

DATA DERET
WAKTU
FORMAT: CSV
FREQUENCY ANALYSIS HASIL ANALISIS
fiako-anfrek
- parameter statistik
- jenis sebaran
- analisis frekuensi
- uji kecocokan
distribusi HASIL ANALISIS
FORMAT: CSV

Aplikasi Pengolahan Data Hujan Berbasis Web 52

 timeline fiako-anfrek

closed alpha

@hidrokit @fiakoenjiniring
hidrokit anfrek
v0.4.0 v1.0.0-alpha
5 April 2022 6 Juni 2022 @fiakoenjiniring
anfrek
v1.0.0-beta
24 Juni 2022

@hidrokit
hidrokit
v0.4.1
13 Juni 2022

Aplikasi Pengolahan Data Hujan Berbasis Web 53

 fitur fiako-anfrek
• Eksplorasi data deret waktu (time series) dengan visualisasi bar
dan bubble.
• Menghitung parameter statistik dan outlier beserta
visualisasinya.
• Menghitung analisis frekuensi setiap distribusi dengan periode
ulang beserta visualisasinya.
• Melakukan uji kecocokan distribusi chi-square dan
kolmogorov-smirnov beserta visualisasinya.

Aplikasi Pengolahan Data Hujan Berbasis Web 54

 Interaksi Tabel + Grafik

[1] Eksplorasi Data Deret Waktu

 Visualisasi Statistik & Outlier

[2] Parameter Statistik & Outlier

 Visualisasi Distribusi

[2] Parameter Statistik & Outlier

 Download Hasil Perhitungan

[2] Parameter Statistik & Outlier

 Interaksi Input + Grafik

[3] Analisis Frekuensi

 Interaksi Grafik

[3] Analisis Frekuensi

 Download Hasil Analisis

[3] Analisis Frekuensi

 Interaksi Input + Grafik

[4] Uji Kecocokan Distribusi

 Visualisasi Uji Kecocokan Distribusi

[4] Uji Kecocokan Distribusi

 Visualisasi Hasil Pengujian

[4] Uji Kecocokan Distribusi

 Download Hasil Pengujian

[4] Uji Kecocokan Distribusi

 Kesimpulan

Aplikasi Pengolahan Data Hujan Berbasis Web 66

 Kesimpulan
Ketiga aplikasi fiakodev mampu mempercepat
proses pekerjaan saat pengolahan data hujan dari
manajemen dan akuisisi data hingga analisis
frekuensi

Aplikasi Pengolahan Data Hujan Berbasis Web 67

 Workflow menggunakan aplikasi fiakodev
Koordinat/Titik Tinjau

RAINFALL DATA EXPLORER FREQUENCY ANALYSIS

hidrokit-rainfall fiako-anfrek

RAINFALL STATIONS EXPLORER

fiako-stations
rekapitulasi data hujan per periode
(2 minggu, bulanan, tahunan) Analisis Frekuensi dan Uji Kecocokan
format: CSV Distribusi
format: CSV, TXT

data hujan harian seluruh stasiun

format: CSV

hujan wilayah maksimum tahunan

format: CSV

Aplikasi Pengolahan Data Hujan Berbasis Web 68

 Limitasi/Kekurangan/Known Issues
• Penentuan data stasiun hujan terdekat
masih berdasarkan radius dari titik
tinjaun. Seharusnya berdasarkan DAS dari
outlet/titik tinjauan.
• Proses pembuatan dataset/database
masih bersifat case-by-case.

RAINFALL STATIONS EXPLORER

fiako-stations

Aplikasi Pengolahan Data Hujan Berbasis Web 69

 Limitasi/Kekurangan/Known Issues
• Perlu dilakukan koreksi ataupun analisis
lebih lanjut untuk masuk ke proses
analisis frekuensi. Contohnya:
• Koreksi kurva massa ganda.
• Menghitung hujan wilayah.
• Harus melakukan pengolahan tabel
setelah menerima hasil analisis dalam
bentuk CSV.

RAINFALL DATA EXPLORER

hidrokit-rainfall

Aplikasi Pengolahan Data Hujan Berbasis Web 70

 Limitasi/Kekurangan/Known Issues
• Penggunaan distribusi Log Pearson III
(terutama untuk memperoleh nilai CDF)
harus dievaluasi kembali (untuk sumber
scipy).
• Penentuan kelas dan parameter untuk uji
Chi-Square harus dievaluasi kembali.

FREQUENCY ANALYSIS
fiako-anfrek

Aplikasi Pengolahan Data Hujan Berbasis Web 71

 Penutup

Aplikasi Pengolahan Data Hujan Berbasis Web 72

 PT. FIAKO Enjiniring Indonesia (FIAKO Engineering-FEID) is an avant-garde
engineering consultancy firm in Indonesia. We established in January 2017. Our
office is situated in the city of Bandung, West Java. The firm comprises young yet
well-experienced experts, energetic, multidisciplinary, integrally and holistically way
of thinking in terms of engineering. Our aim is to deliver the needs of our clients
regarding their design requirements through good data acquisition.

FEID operates in wide range of engineering design spectrum. We serve the clients
ranging from due diligent and/or feasibility study up to detailed engineering design.
Bridges, buildings, jetties, roads and geotechnical matters are our expertise in state
of the art of design. We work closely with clients and we believe that our client-
oriented passion through project execution is the best way to communicate in order
to meet the qualification within time, budget and quality of our design deliverables.

fiako.engineering company profile info@fiako.co.id

Aplikasi Pengolahan Data Hujan Berbasis Web 73

 Forum Diskusi
Forum Github
fiakodev / Forum Github
fiakoenjiniring hidrokit

@fiakoenjiniring/forum @hidrokit/hidrokit

Aplikasi Pengolahan Data Hujan Berbasis Web 74

 Github Repositories

Rainfall Stations Rainfall Data Frequency

Explorer Explorer Analysis
fiakoenjiniring/ fiakoenjiniring/ fiakoenjiniring/
demo-stations rainfall anfrek

Aplikasi Pengolahan Data Hujan Berbasis Web 75

Terima Kasih
Taruma Sakti Megariansyah
taruma@dev.fiako.engineering / hi@taruma.info

linkedin.com/in/taruma taruma.github.io

taruma
@dev.fiako.engineering