10 Website Rekomendasi Untuk Literatur Seputar Dunia Teknik Sipil Dan Konstruksi Indonesia

2026-05-13 04:09:47 - Admin

```html <div> <style> :root{ --bg: #f7fbff; --card: #ffffff; --text: #1f2d3d; --muted: #5f7185; --primary: #1e88e5; --primary-soft: #e8f3ff; --border: #d9e6f2; --accent: #2bb673; --warn: #f39c12; --shadow: 0 10px 25px rgba(30, 136, 229, 0.08); --radius: 18px; } *{ box-sizing: border-box; } body{ margin: 0; font-family: Arial, Helvetica, sans-serif; background: linear-gradient(180deg, #f7fbff 0%, #eef6fc 100%); color: var(--text); line-height: 1.6; } .page{ max-width: 1200px; margin: 0 auto; padding: 28px 18px 40px; } .hero{ background: rgba(255,255,255,0.88); border: 1px solid var(--border); border-radius: 24px; box-shadow: var(--shadow); padding: 28px; display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 24px; align-items: center; margin-bottom: 26px; } .hero h1{ margin: 0 0 12px; font-size: clamp(1.8rem, 3vw, 2.8rem); line-height: 1.2; color: #163a5f; } .hero p{ margin: 0; color: var(--muted); font-size: 1rem; } .hero-illustration{ background: linear-gradient(135deg, #e8f3ff 0%, #f8fcff 100%); border: 1px solid var(--border); border-radius: 22px; padding: 18px; display: flex; justify-content: center; align-items: center; min-height: 240px; } .hero-illustration svg{ width: 100%; max-width: 360px; height: auto; } .list-wrap{ display: grid; gap: 18px; } .site-card{ background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); padding: 22px; } .site-head{ display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: center; margin-bottom: 10px; } .site-number{ display: inline-flex; align-items: center; justify-content: center; min-width: 42px; height: 42px; border-radius: 50%; background: var(--primary); color: #fff; font-weight: 700; font-size: 1rem; } .site-title{ margin: 0; font-size: 1.25rem; color: #12324f; } .badge{ display: inline-flex; align-items: center; padding: 6px 12px; border-radius: 999px; background: var(--primary-soft); color: var(--primary); font-size: 0.9rem; font-weight: 700; } .site-grid{ display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 16px; margin-top: 14px; } .info-box{ background: #fbfdff; border: 1px solid var(--border); border-radius: 16px; padding: 16px; } .info-box h3{ margin: 0 0 8px; font-size: 1rem; color: #17456f; } .info-box p, .info-box ul{ margin: 0; color: var(--muted); font-size: 0.96rem; } .info-box ul{ padding-left: 18px; } .meta{ margin-top: 14px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .meta-item{ border: 1px solid var(--border); background: #fff; border-radius: 14px; padding: 14px; } .meta-label{ display: block; font-size: 0.82rem; color: var(--muted); margin-bottom: 4px; } .meta-value{ font-weight: 700; color: #163a5f; word-break: break-word; } a{ color: var(--primary); text-decoration: none; word-break: break-word; } a:hover{ text-decoration: underline; } .note{ margin-top: 18px; padding: 14px 16px; background: #f2f9ff; border: 1px solid var(--border); border-radius: 16px; color: var(--muted); } @media (max-width: 860px){ .hero, .site-grid, .meta{ grid-template-columns: 1fr; } } </style> <div class="page"> <div class="hero"> <div> <h1>10 Website Rekomendasi Untuk Literatur Seputar Dunia Teknik Sipil Dan Konstruksi Indonesia</h1> <p> Berikut adalah kumpulan website yang dapat digunakan untuk mencari literatur, referensi, berita, regulasi, artikel teknis, dan informasi profesional seputar teknik sipil serta konstruksi di Indonesia. Daftar ini disusun untuk memudahkan pembaca menemukan sumber informasi yang relevan dalam bentuk portal, jurnal, dan kanal institusi. </p> </div> <div class="hero-illustration" aria-label="Ilustrasi literatur teknik sipil dan konstruksi"> <svg viewBox="0 0 520 360" role="img" aria-hidden="true"> <rect x="20" y="30" width="480" height="300" rx="22" fill="#ffffff" stroke="#cfe0ef"/> <rect x="52" y="70" width="170" height="220" rx="16" fill="#e8f3ff" stroke="#b9d6ef"/> <rect x="248" y="70" width="220" height="220" rx="16" fill="#f5fbff" stroke="#b9d6ef"/> <rect x="74" y="95" width="126" height="18" rx="9" fill="#1e88e5" opacity="0.9"/> <rect x="74" y="128" width="96" height="12" rx="6" fill="#9bbdd6"/> <rect x="74" y="152" width="110" height="12" rx="6" fill="#9bbdd6"/> <rect x="74" y="176" width="88" height="12" rx="6" fill="#9bbdd6"/> <rect x="74" y="214" width="126" height="30" rx="15" fill="#2bb673"/> <path d="M286 235 L330 180 L360 205 L402 150 L438 170" fill="none" stroke="#1e88e5" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/> <circle cx="330" cy="180" r="7" fill="#1e88e5"/> <circle cx="360" cy="205" r="7" fill="#1e88e5"/> <circle cx="402" cy="150" r="7" fill="#1e88e5"/> <circle cx="438" cy="170" r="7" fill="#1e88e5"/> <rect x="286" y="245" width="150" height="12" rx="6" fill="#9bbdd6"/> <rect x="286" y="268" width="120" height="12" rx="6" fill="#9bbdd6"/> <rect x="292" y="92" width="150" height="18" rx="9" fill="#f39c12" opacity="0.9"/> <rect x="292" y="124" width="180" height="12" rx="6" fill="#9bbdd6"/> <rect x="292" y="148" width="160" height="12" rx="6" fill="#9bbdd6"/> </svg> </div> </div> <div class="list-wrap"> <div class="site-card"> <div class="site-head"> <span class="site-number">1</span> <h2 class="site-title">SNI (Standar Nasional Indonesia) - BSN</h2> <span class="badge">Standar Teknis</span> </div> <div class="site-grid"> <div class="info-box"> <h3>Deskripsi</h3> <p> Portal resmi Badan Standardisasi Nasional yang menyediakan informasi standar nasional, termasuk banyak dokumen yang relevan untuk perencanaan, pelaksanaan, dan pengendalian mutu pekerjaan sipil dan konstruksi. </p> </div> <div class="info-box"> <h3>Kelebihan</h3> <ul> <li>Rujukan resmi dan kredibel.</li> <li>Relevan untuk kebutuhan standar teknis.</li> <li>Cocok untuk acuan mutu dan spesifikasi.</li> </ul> <h3 style="margin-top:12px;">Kekurangan</h3> <ul> <li>Beberapa dokumen tidak bebas diakses.</li> <li>Istilah teknis cukup formal.</li> </ul> </div> </div> <div class="meta"> <div class="meta-item"> <span class="meta-label">Lama beroperasi</span> <span class="meta-value">Sejak 1997</span> </div> <div class="meta-item"> <span class="meta-label">URL</span> <span class="meta-value"><a href="https://bsn.go.id" target="_blank" rel="noopener noreferrer">https://bsn.go.id</a></span> </div> <div class="meta-item"> <span class="meta-label">Fokus</span> <span class="meta-value">Standar, regulasi, dan acuan teknis</span> </div> </div> </div> <div class="site-card"> <div class="site-head"> <span class="site-number">2</span> <h2 class="site-title">Jurnal Teknik Sipil Universitas Indonesia</h2> <span class="badge">Jurnal Akademik</span> </div> <div class="site-grid"> <div class="info-box"> <h3>Deskripsi</h3> <p> Jurnal ilmiah yang memuat artikel penelitian bidang teknik sipil, struktur, transportasi, geoteknik, dan manajemen konstruksi dari lingkungan akademik. </p> </div> <div class="info-box"> <h3>Kelebihan</h3> <ul> <li>Artikel ilmiah dan terstruktur.</li> <li>Baik untuk referensi penelitian.</li> <li>Topik sesuai kebutuhan akademik.</li> </ul> <h3 style="margin-top:12px;">Kekurangan</h3> <ul> <li>Tidak selalu menyediakan artikel terbaru.</li> <li>Bahasa ilmiah cukup padat.</li> </ul> </div> </div> <div class="meta"> <div class="meta-item"> <span class="meta-label">Lama beroperasi</span> <span class="meta-value">Bergantung edisi jurnal yang diterbitkan</span> </div> <div class="meta-item"> <span class="meta-label">URL</span> <span class="meta-value"><a href="https://journal.ui.ac.id" target="_blank" rel="noopener noreferrer">https://journal.ui.ac.id</a></span> </div> <div class="meta-item"> <span class="meta-label">Fokus</span> <span class="meta-value">Publikasi ilmiah teknik sipil</span> </div> </div> </div> <div class="site-card"> <div class="site-head"> <span class="site-number">3</span> <h2 class="site-title">Jurnal Sipil Institut Teknologi Bandung</h2> <span class="badge">Riset Teknik</span> </div> <div class="site-grid"> <div class="info-box"> <h3>Deskripsi</h3> <p> Portal jurnal yang menyajikan hasil penelitian dan kajian teknis di bidang struktur, transportasi, sumber daya air, dan konstruksi dari perspektif akademik. </p> </div> <div class="info-box"> <h3>Kelebihan</h3> <ul> <li>Reputasi akademik kuat.</li> <li>Materi mendalam dan berbobot.</li> <li>Relevan untuk studi lanjut dan riset.</li> </ul> <h3 style="margin-top:12px;">Kekurangan</h3> <ul> <li>Fokus pembahasan cenderung teknis.</li> <li>Tidak semua artikel mudah dipahami pemula.</li> </ul> </div> </div> <div class="meta"> <div class="meta-item"> <span class="meta-label">Lama beroperasi</span> <span class="meta-value">Mengikuti periode penerbitan jurnal</span> </div> <div class="meta-item"> <span class="meta-label">URL</span> <span class="meta-value"><a href="https://ejournal.itb.ac.id" target="_blank" rel="noopener noreferrer">https://ejournal.itb.ac.id</a></span> </div> <div class="meta-item"> <span class="meta-label">Fokus</span> <span class="meta-value">Artikel dan kajian teknik sipil</span> </div> </div> </div> <div class="site-card"> <div class="site-head"> <span class="site-number">4</span> <h2 class="site-title">Jurnal Teknik Sipil dan Lingkungan Universitas Gadjah Mada</h2> <span class="badge">Jurnal Ilmiah</span> </div> <div class="site-grid"> <div class="info-box"> <h3>Deskripsi</h3> <p> Sumber literatur yang menampilkan penelitian terkait teknik sipil, lingkungan, infrastruktur, dan pengelolaan sumber daya yang berkaitan dengan pembangunan. </p> </div> <div class="info-box"> <h3>Kelebihan</h3> <ul> <li>Topik beragam dan relevan.</li> <li>Cocok untuk referensi tugas akhir.</li> <li>Memuat kajian yang cukup mutakhir.</li> </ul> <h3 style="margin-top:12px;">Kekurangan</h3> <ul> <li>Beberapa artikel bersifat sangat akademis.</li> <li>Perlu pemahaman istilah teknis.</li> </ul> </div> </div> <div class="meta"> <div class="meta-item"> <span class="meta-label">Lama beroperasi</span> <span class="meta-value">Mengikuti arsip penerbitan jurnal</span> </div> <div class="meta-item"> <span class="meta-label">URL</span> <span class="meta-value"><a href="https://jurnal.ugm.ac.id" target="_blank" rel="noopener noreferrer">https://jurnal.ugm.ac.id</a></span> </div> <div class="meta-item"> <span class="meta-label">Fokus</span> <span class="meta-value">Sipil, lingkungan, dan infrastruktur</span> </div> </div> </div> <div class="site-card"> <div class="site-head"> <span class="site-number">5</span> <h2 class="site-title">Kementerian PUPR</h2> <span class="badge">Regulasi &amp; Informasi</span> </div> <div class="site-grid"> <div class="info-box"> <h3>Deskripsi</h3> <p> Situs resmi kementerian yang memuat informasi kebijakan, pedoman teknis, proyek infrastruktur, dan publikasi yang sangat relevan untuk dunia konstruksi di Indonesia. </p> </div> <div class="info-box"> <h3>Kelebihan</h3> <ul> <li>Informasi resmi pemerintah.</li> <li>Relevan untuk regulasi dan proyek nasional.</li> <li>Sering memuat berita dan dokumen penting.</li> </ul> <h3 style="margin-top:12px;">Kekurangan</h3> <ul> <li>Konten tersebar di banyak halaman.</li> <li>Tidak semua dokumen mudah ditemukan.</li> </ul> </div> </div> <div class="meta"> <div class="meta-item"> <span class="meta-label">Lama beroperasi</span> <span class="meta-value">Sejak pembentukan kementerian terkait</span> </div> <div class="meta-item"> <span class="meta-label">URL</span> <span class="meta-value"><a href="https://pu.go.id" target="_blank" rel="noopener noreferrer">https://pu.go.id</a></span> </div> <div class="meta-item"> <span class="meta-label">Fokus</span> <span class="meta-value">Kebijakan dan infrastruktur</span> </div> </div> </div> <div class="site-card"> <div class="site-head"> <span class="site-number">6</span> <h2 class="site-title">Indonesian Journal of Civil Engineering</h2> <span class="badge">Open Journal</span> </div> <div class="site-grid"> <div class="info-box"> <h3>Deskripsi</h3> <p> Jurnal akses terbuka yang menyediakan artikel penelitian bidang teknik sipil dengan cakupan struktur, material, transportasi, dan manajemen konstruksi. </p> </div> <div class="info-box"> <h3>Kelebihan</h3> <ul> <li>Akses terbuka dan mudah dibaca.</li> <li>Mendukung kebutuhan referensi cepat.</li> <li>Variasi topik cukup luas.</li> </ul> <h3 style="margin-top:12px;">Kekurangan</h3> <ul> <li>Kualitas artikel dapat bervariasi antar edisi.</li> <li>Antarmuka bisa berbeda antar penerbit.</li> </ul> </div> </div> <div class="meta"> <div class="meta-item"> <span class="meta-label">Lama beroperasi</span> <span class="meta-value">Mengikuti tahun terbit jurnal</span> </div> <div class="meta-item"> <span class="meta-label">URL</span> <span class="meta-value"><a href="https://ejournal.undip.ac.id" target="_blank" rel="noopener noreferrer">https://ejournal.undip.ac.id</a></span> </div> <div class="meta-item"> <span class="meta-label">Fokus</span> <span class="meta-value">Penelitian teknik sipil</span> </div> </div> </div> <div class="site-card"> <div class="site-head"> <span class="site-number">7</span> <h2 class="site-title">Garuda Kemdikbud</h2> <span class="badge">Indeks Jurnal</span> </div> <div class="site-grid"> <div class="info-box"> <h3>Deskripsi</h3> <p> Portal indeks jurnal nasional yang membantu pencarian artikel ilmiah dari berbagai jurnal Indonesia, termasuk bidang teknik sipil dan konstruksi. </p> </div> <div class="info-box"> <h3>Kelebihan</h3> <ul> <li>Memudahkan pencarian lintas jurnal.</li> <li>Menghimpun banyak referensi Indonesia.</li> <li>Efisien untuk penelusuran topik tertentu.</li> </ul> <h3 style="margin-top:12px;">Kekurangan</h3> <ul> <li>Tidak selalu menyediakan full text.</li> <li>Hasil pencarian perlu disaring lagi.</li> </ul> </div> </div> <div class="meta"> <div class="meta-item"> <span class="meta-label">Lama beroperasi</span> <span class="meta-value">Sejak peluncuran portal indeks nasional</span> </div> <div class="meta-item"> <span class="meta-label">URL</span> <span class="meta-value"><a href="https://garuda.kemdikbud.go.id" target="_blank" rel="noopener noreferrer">https://garuda.kemdikbud.go.id</a></span> </div> <div class="meta-item"> <span class="meta-label">Fokus</span> <span class="meta-value">Indeks artikel ilmiah</span> </div> </div> </div> <div class="site-card"> <div class="site-head"> <span class="site-number">8</span> <h2 class="site-title">Neliti</h2> <span class="badge">Repositori</span> </div> <div class="site-grid"> <div class="info-box"> <h3>Deskripsi</h3> <p> Repositori digital yang mengumpulkan artikel, publikasi, dan dokumen penelitian dari berbagai sumber di Indonesia, termasuk topik teknik sipil dan konstruksi. </p> </div> <div class="info-box"> <h3>Kelebihan</h3> <ul> <li>Pencarian dokumen cukup praktis.</li> <li>Menjangkau banyak bidang kajian.</li> <li>Cocok untuk eksplorasi referensi awal.</li> </ul> <h3 style="margin-top:12px;">Kekurangan</h3> <ul> <li>Detail metadata kadang terbatas.</li> <li>Tidak semua dokumen tersedia lengkap.</li> </ul> </div> </div> <div class="meta"> <div class="meta-item"> <span class="meta-label">Lama beroperasi</span> <span class="meta-value">Sejak platform repositori aktif</span> </div> <div class="meta-item"> <span class="meta-label">URL</span> <span class="meta-value"><a href="https://www.neliti.com" target="_blank" rel="noopener noreferrer">https://www.neliti.com</a></span> </div> <div class="meta-item"> <span class="meta-label">Fokus</span> <span class="meta-value">Repositori publikasi ilmiah</span> </div> </div> </div> <div class="site-card"> <div class="site-head"> <span class="site-number">9</span> <h2 class="site-title">SINTA</h2> <span class="badge">Peringkat &amp; Data Riset</span> </div> <div class="site-grid"> <div class="info-box"> <h3>Deskripsi</h3> <p> Portal pemeringkatan dan informasi kinerja jurnal, penulis, serta institusi yang sangat berguna untuk melacak publikasi teknik sipil dan konstruksi di Indonesia. </p> </div> <div class="info-box"> <h3>Kelebihan</h3> <ul> <li>Menampilkan reputasi jurnal dan penulis.</li> <li>Bagus untuk validasi sumber ilmiah.</li> <li>Terintegrasi dengan ekosistem riset nasional.</li> </ul> <h3 style="margin-top:12px;">Kekurangan</h3> <ul> <li>Lebih fokus pada indeks dan peringkat.</li> <li>Perlu akses tambahan untuk membaca artikel penuh.</li> </ul> </div> </div> <div class="meta"> <div class="meta-item"> <span class="meta-label">Lama beroperasi</span> <span class="meta-value">Sejak platform SINTA diluncurkan</span> </div> <div class="meta-item"> <span class="meta-label">URL</span> <span class="meta-value"><a href="https://sinta.kemdikbud.go.id" target="_blank" rel="noopener noreferrer">https://sinta.kemdikbud.go.id</a></span> </div> <div class="meta-item"> <span class="meta-label">Fokus</span> <span class="meta-value">Indeks kinerja riset</span> </div> </div> </div> <div class="site-card"> <div class="site-head"> <span class="site-number">10</span> <h2 class="site-title">Jurnal Teknik Sipil Universitas Diponegoro</h2> <span class="badge">Publikasi Kampus</span> </div> <div class="site-grid"> <div class="info-box"> <h3>Deskripsi</h3> <p> Jurnal kampus yang memuat artikel penelitian dan pengembangan ilmu teknik sipil, cocok sebagai referensi akademik untuk mahasiswa, dosen, dan praktisi. </p> </div> <div class="info-box"> <h3>Kelebihan</h3> <ul> <li>Topik sesuai kebutuhan teknik sipil.</li> <li>Memuat hasil penelitian lokal.</li> <li>Baik untuk referensi akademik dasar.</li> </ul> <h3 style="margin-top:12px;">Kekurangan</h3> <ul> <li>Skala pembahasan bisa lebih sempit.</li> <li>Tidak selalu fokus pada isu industri terbaru.</li> </ul> </div> </div> <div class="meta"> <div class="meta-item"> <span class="meta-label">Lama beroperasi</span> <span class="meta-value">Mengikuti periode penerbitan jurnal</span> </div> <div class="meta-item"> <span class="meta-label">URL</span> <span class="meta-value"><a href="https://ejournal2.undip.ac.id" target="_blank" rel="noopener noreferrer">https://ejournal2.undip.ac.id</a></span> </div> <div class="meta-item"> <span class="meta-label">Fokus</span> <span class="meta-value">Riset teknik sipil kampus</span> </div> </div> </div> </div> <div class="note"> Daftar ini ditampilkan dalam format vertikal agar mudah dibaca dan ditelusuri satu per satu. </div> </div> </div> ```

Lebih banyak