Lewati ke konten
Segara
Transparansi

Tentang Segara

Segara adalah web statis yang mengajak wisatawan muda menyelam dari permukaan sampai 30 meter, melihat bagaimana kebiasaan kecil menentukan nasib terumbu karang, lalu mengubah kesadaran itu menjadi aksi nyata saat berwisata laut.

  1. Langkah 1 Sadar Simulasi Nasib Karang memperlihatkan akibat kebiasaanmu, dan mini game Tetap Mengapung melatih snorkeling tanpa menyentuh karang.
  2. Langkah 2 Tahu Peta kondisi terumbu, Kenali Biota, Etika Snorkeling, dan asisten AI Tanya Segara.
  3. Langkah 3 Bertindak Cek Sebelum Berangkat dan Logbook Selam dengan laporan pemutihan.
  4. Langkah 4 Menyebarkan Kartu bagikan 1080 x 1350 dari hasil simulasi dan logbook untuk media sosial.

Segara dibuat untuk lomba Web Design Mahasiswa INVENTION 2026, Universitas Udayana, bertema Innovative Web Solutions for a Smarter Digital Society dengan subtema 5: Going Green Through Smart Digital Solutions.

Dibuat oleh tim Benday dari Universitas Bina Nusantara: Bendi Tandayu Saputra (ketua), Jessica Anabela, dan Aqsha Lathif Imron.

Cara skor simulasi dihitung

Skor dimulai dari 100. Setiap tindakan dalam satu hari snorkeling punya bobot 0 sampai 20. Skor adalah 100 dikurangi jumlah bobot pilihanmu, dibatasi antara 0 dan 100. Keputusan yang dilewati tanpa memilih bernilai 0. Bobot ini estimasi edukatif dari tim, bukan hasil pengukuran. Sumber di setiap keputusan menjelaskan dampak tindakannya, bukan besar bobotnya.

Status kesehatan karang
SkorStatus
75 sampai 100Sehat
50 sampai 74Mulai memutih
25 sampai 49Memutih
0 sampai 24Memutih parah
Gelar di halaman hasil
SkorGelar
80 sampai 100Penjaga Karang
55 sampai 79Tamu yang Baik
0 sampai 54Pengunjung Ceroboh

  1. 1. Apa yang kamu pakai untuk melindungi kulit?

    Bobot pilihan untuk keputusan 1
    PilihanBobot
    Baju renang lengan panjang0
    Sunscreen berlabel reef-safe3
    Sunscreen biasa14

    Sumber: Environmental Health Perspectives (2008) Sunscreens Cause Coral Bleaching by Promoting Viral Infections; Archives of Environmental Contamination and Toxicology (2016) Toxicopathological Effects of the Sunscreen UV Filter, Oxybenzone (Benzophenone-3), on Coral Planulae and Cultured Primary Cells and Its Environmental Contamination in Hawaii and the U.S. Virgin Islands; National Academies of Sciences, Engineering, and Medicine (2022) Review of Fate, Exposure, and Effects of Sunscreens in Aquatic Environments and Implications for Sunscreen Usage and Human Health

  2. 2. Saat snorkeling di atas karang, kamu biasanya...

    Bobot pilihan untuk keputusan 2
    PilihanBobot
    Mengapung, tidak menyentuh apa pun0
    Berdiri sebentar kalau lelah20
    Memegang biota untuk foto16

    Sumber: Jurnal Ilmu dan Teknologi Kelautan Tropis (2018) Potensi Kerusakan Terumbu Karang pada Kegiatan Wisata Snorkeling di Destinasi Wisata Taman Nasional Karimunjawa; The Reef-World Foundation dan UN Environment Programme (2023) The Green Fins Code of Conduct; NOAA Office of National Marine Sanctuaries Hands to yourself

  3. 3. Minum apa selama di kapal?

    Bobot pilihan untuk keputusan 3
    PilihanBobot
    Botol isi ulang dari rumah0
    Beli air kemasan sekali pakai10

    Sumber: Science (2018) Plastic waste associated with disease on coral reefs

  4. 4. Oleh-oleh apa yang kamu bawa pulang?

    Bobot pilihan untuk keputusan 4
    PilihanBobot
    Tidak beli oleh-oleh0
    Kerajinan lokal bukan dari laut0
    Hiasan dari karang atau kerang18

    Sumber: Kementerian Lingkungan Hidup dan Kehutanan (2018) Peraturan Menteri LHK Nomor P.106/MENLHK/SETJEN/KUM.1/12/2018 tentang Perubahan Kedua atas Peraturan Menteri LHK Nomor P.20/MENLHK/SETJEN/KUM.1/6/2018 tentang Jenis Tumbuhan dan Satwa yang Dilindungi; Pemerintah Republik Indonesia (2024) Undang-Undang Nomor 32 Tahun 2024 tentang Perubahan atas Undang-Undang Nomor 5 Tahun 1990 tentang Konservasi Sumber Daya Alam Hayati dan Ekosistemnya; CITES (2026) Appendices I, II and III (berlaku sejak 5 Maret 2026)

  5. 5. Sampah bekal makan siangmu dibawa ke mana?

    Bobot pilihan untuk keputusan 5
    PilihanBobot
    Dibawa pulang0
    Dibuang di tong sampah pantai4
    Ditinggal, nanti ada yang bersihkan14

    Sumber: Science (2018) Plastic waste associated with disease on coral reefs

  6. 6. Kapal mana yang kamu pilih ke lokasi snorkeling?

    Bobot pilihan untuk keputusan 6
    PilihanBobot
    Operator yang memakai tambat (mooring)0
    Yang termurah, jangkarnya dibuang di mana saja18

    Sumber: PeerJ (2019) Boat anchoring contributes substantially to coral reef degradation in the British Virgin Islands; The Reef-World Foundation dan UN Environment Programme (2023) The Green Fins Code of Conduct

Sumber data

Setiap angka dan fakta di Segara merujuk sumber di bawah ini. Sumber yang belum terverifikasi ditandai "Belum ada data" dan tidak dipakai untuk menebak kondisi apa pun.

Kredit aset

Semua ilustrasi Segara dibuat sendiri oleh tim. Aset dan pustaka pihak lain di bawah ini berlisensi terbuka dan juga dicatat sebagai komentar sumber di kode tempat ia dipakai.

Data peta
NamaPembuatLisensiDipakai untuk
Natural Earth, Admin 0 Countries 1:10mNatural EarthDomain publikGaris pantai peta Indonesia di halaman Peta
world-atlas 2.0.2Mike BostockISCTopoJSON batas negara dari Natural Earth yang diolah saat build
Huruf
NamaPembuatLisensiDipakai untuk
FrauncesUndercase Type (Phaedra Charles, Flavia Zimbardi)SIL Open Font License 1.1Huruf judul
Plus Jakarta SansTokotypeSIL Open Font License 1.1Huruf isi
IBM Plex MonoIBMSIL Open Font License 1.1Huruf data dan label
Ikon
NamaPembuatLisensiDipakai untuk
LucideLucide ContributorsISCIkon antarmuka
Pustaka kode
NamaPembuatLisensiDipakai untuk
Svelte dan SvelteKitSvelte ContributorsMITKerangka aplikasi
Tailwind CSSTailwind LabsMITUtilitas gaya
GSAP dan ScrollTriggerGreenSockGSAP Standard No Charge LicenseParallax di halaman Selami
d3-geoMike BostockISCProyeksi peta saat build
topojson-clientMike BostockISCKonversi TopoJSON saat build
d3-zoom dan d3-selectionMike BostockISCGeser dan perbesar peta
FontsourceFontsource ContributorsMITSelf-host berkas font

Aksesibilitas

Segara dirancang untuk memenuhi WCAG 2.2 tingkat AA dan diuji otomatis dengan axe di setiap halaman. Yang bisa kamu atur dan gunakan:

  • Ukuran huruf Normal, Besar (115%), dan Sangat besar (130%) lewat tombol Aa.
  • Mode kontras tinggi dengan teks lebih gelap dan garis lebih tebal.
  • Kurangi gerakan: ikuti sistem, nyala, atau mati. Semua animasi berhenti saat gerakan dikurangi.
  • Semua fitur bisa dipakai dengan keyboard, dengan tautan lewati ke konten dan fokus yang selalu terlihat.
  • Perubahan skor, kedalaman, dan hasil kuis diumumkan ke pembaca layar.
  • Peta punya tampilan daftar, dan grafik punya tabel data.
  • Tetap Mengapung bisa dimainkan per langkah tanpa batas waktu dan tanpa gerakan terus-menerus, dengan keadaan di depan dibacakan untuk pembaca layar.
  • Status tidak pernah dibedakan warna saja: selalu ada teks dan ikon.
  • Bisa dibuka tanpa sinyal setelah kunjungan pertama.

Menemukan hambatan? Sampaikan ke tim lewat email benditandayusaputra@gmail.com.

Privasi

Semua datamu tersimpan di perangkat ini.

Segara tidak punya akun, server, pelacak, atau cookie pihak ketiga. Data berikut hanya disimpan di penyimpanan lokal browser dan tidak pernah dikirim ke mana pun. Gunakan cadangan JSON di halaman Logbook untuk memindahkan catatan ke perangkat lain.

  • Pengaturan tampilan segara:v1:settings
  • Catatan logbook segara:v1:logbook
  • Koleksi kartu biota segara:v1:collection
  • Riwayat skor simulasi segara:v1:sim-history
  • Rekor Tetap Mengapung segara:v1:afloat-best

Satu-satunya yang keluar dari perangkatmu adalah pertanyaan yang kamu ketik di Tanya Segara: teksnya dikirim ke Gemini API milik Google untuk dijawab. Percakapan itu tidak disimpan Segara dan hilang saat halaman dimuat ulang.

Hapus semua data?

Catatan logbook, koleksi, riwayat simulasi, rekor permainan, dan pengaturan akan dihapus permanen dari perangkat ini.

Unduh cadangan logbook dulu jika kamu masih membutuhkannya.

Mode offline

Setelah kunjungan pertama, semua halaman, huruf, dan ilustrasi disimpan oleh service worker di perangkatmu. Segara tetap bisa dibuka di pantai atau di kapal tanpa sinyal, dan penanda "Sedang offline" muncul saat koneksi putus. Kamu juga bisa memasangnya di layar utama.

Tampilan

Pengaturan langsung diterapkan dan tersimpan di perangkat ini.

Ukuran huruf
Kurangi gerakan

Nyala menghentikan semua animasi. Mati tetap menjalankan animasi walau perangkat meminta gerakan dikurangi.