1. Pendahuluan
1.1 Pengertian Etika dalam Pengembangan Website
Etika dalam pengembangan website adalah prinsip moral dan profesional yang harus dipatuhi oleh developer dalam:
- Membuat
- Mengelola
- Menggunakan
- Menyebarkan website
Etika menjawab pertanyaan:
“Apakah yang saya buat ini benar, adil, aman, dan bertanggung jawab?”
1.2 Pengertian Best Practice
Best practice adalah cara terbaik yang diakui secara profesional dalam membangun website agar:
- Aman
- Efisien
- Mudah digunakan
- Mudah dirawat
- Sesuai standar industri
2. Mengapa Etika & Best Practice Penting?
Dampak jika diabaikan:
| Masalah | Dampak |
|---|---|
| Pelanggaran privasi | Masalah hukum |
| Website tidak aman | Data bocor |
| UI buruk | User kabur |
| Plagiarisme | Tidak profesional |
| Tidak aksesibel | Diskriminatif |
3. Etika dalam Pengembangan Website
3.1 Etika terhadap Pengguna (User)
Developer wajib:
- Menjaga privasi data
- Tidak memanipulasi user
- Tidak menyisipkan malware
- Tidak menipu UI/UX
Contoh tidak etis:
- Form minta data berlebihan
- Dark pattern (tombol jebakan)
- Tracking tanpa izin
3.2 Etika terhadap Data & Privasi
Prinsip:
- Ambil data secukupnya
- Simpan dengan aman
- Gunakan sesuai tujuan
- Jangan jual data user
Contoh:
Website kampus tidak boleh membocorkan:
- NIK
- Nomor HP
- Nilai akademik
3.3 Etika Hak Cipta (Copyright)
Tidak boleh:
- Copy-paste template tanpa izin
- Pakai gambar Google sembarangan
- Plagiarisme source code
Yang benar:
- Gunakan lisensi:
- MIT
- GPL
- Creative Commons
- Cantumkan atribusi
3.4 Etika Keamanan (Cyber Ethics)
Developer tidak boleh:
- Menyisipkan backdoor
- Mengambil data tanpa izin
- Mengeksploitasi celah
Developer wajib:
- Patch bug
- Gunakan HTTPS
- Lindungi password
3.5 Etika Profesional
| Sikap | Penjelasan |
|---|---|
| Jujur | Tidak klaim karya orang |
| Transparan | Jelaskan fitur & risiko |
| Bertanggung jawab | Perbaiki bug |
| Terbuka | Terima kritik |
4. Best Practice Pengembangan Website
4.1 Best Practice Struktur Kode
Pisahkan:
- HTML → struktur
- CSS → tampilan
- JS → interaksi
Struktur ideal:
/project
/css
/js
/img
index.html
4.2 Best Practice UI/UX
Website harus:
- Mudah digunakan
- Konsisten
- Tidak membingungkan
- Mobile friendly
Prinsip:
Don’t make me think – Steve Krug
4.3 Best Practice Keamanan Website
| Praktik | Tujuan |
|---|---|
| HTTPS | Enkripsi |
| Validasi input | Cegah SQL Injection |
| Hash password | Lindungi akun |
| Update rutin | Tutup celah |
| Backup | Recovery data |
4.4 Best Practice Aksesibilitas (Accessibility)
Website harus bisa diakses oleh:
- Difabel
- Lansia
- Low vision
- Screen reader
Contoh:
<img src="logo.png" alt="Logo Unlip">
4.5 Best Practice Performance
Optimasi:
- Compress gambar
- Minify CSS/JS
- Lazy loading
- CDN
Target:
Website loading < 3 detik
4.6 Best Practice SEO
| Praktik | Manfaat |
|---|---|
| Meta tag | Mudah dicari |
| Heading terstruktur | SEO baik |
| URL bersih | Profesional |
| Sitemap | Terindeks |
5. Studi Kasus Kampus
Kasus 1: Website Jurnal Kampus
Masalah:
- Tidak HTTPS
- Open directory
- Password admin lemah
Solusi etis:
- Pasang SSL
- Tutup akses folder
- Ganti password
Kasus 2: Website Mahasiswa
Mahasiswa upload:
- Template bajakan
- Gambar ber-watermark
Pelanggaran:
- Hak cipta
- Etika akademik
6. Kesalahan Fatal Developer Pemula
| Kesalahan | Risiko |
|---|---|
| Hardcode password | Bocor |
| Tidak backup | Hilang data |
| Tidak sanitize input | Hacked |
| Copy code tanpa paham | Bug |
| UI berantakan | User pergi |
7. Etika vs Hukum (Penting!)
| Etika | Hukum |
|---|---|
| Moral | Legal |
| Bisa tidak tertulis | Tertulis |
| Fleksibel | Mengikat |
Contoh:
Tracking tanpa izin:
- Tidak etis
- Bisa melanggar UU ITE & PDP
8. Latihan Praktikum Mahasiswa
Latihan 1 (Diskusi)
Cari 3 website:
- Etis
- Tidak etis
Analisis alasannya.
Latihan 2 (Studi Kasus)
Website kampus bocor data mahasiswa.
Apa langkah etis developer?
Latihan 3 (Project Mini)
Buat website dengan:
- HTTPS
- External CSS
- Aksesibel
- Tanpa plagiarisme
