Etika & Legalitas Aset Digital dalam Pemrograman

Bagaimana menggunakan gambar, framework, library, dan template secara legal serta etis dalam pengembangan aplikasi web
Author : Celvine
Last Update : 07 April 2026

Pendahuluan

Dalam hukum Indonesia, gambar merupakan hasil ciptaan yang dilindungi hak cipta. Hak tersebut termasuk hak moral (atribusi) dan hak ekonomi dari pencipta. Penggunaan tanpa izin atau atribusi dapat melanggar hak cipta tersebut.

Artinya:

  • Mengambil gambar dari Google bukan berarti bebas untuk digunakan
  • Google hanyalah mesin pencari, bukan pemilik hak dari gambar atau kode yang kamu peroleh
  • Kamu harus periksa lisensinya seperti: CC0, CC-BY, Royalty-free, dll

Contoh layanan yang menyediakan gambar yang legal untuk digunakan :

Kamu dapat baca detail dari license untuk setiap layanan tersebut

Cara Menyertakan Atribusi dalam HTML

Terdapat 3 metode yang umum dan legal:

A. Menggunakan caption visual
<figure>
  <img 
    src="image.jpg" 
    alt="Ilustrasi dashboard analytics oleh John Doe"
  >
  <figcaption>
    Photo by John Doe — Unsplash
  </figcaption>
</figure>
B. Menggunakan atribut HTML (atribusi tersembunyi tapi sah)
<img 
  src="hero.jpg"
  alt="Hero image by Jane Smith from Pexels"
  title="Photo credit: Jane Smith (Pexels)"
>
C. Menggunakan komentar kode
<!--
Image Source:
Author: Jane Smith
License: Pexels Free License
URL: https://pexels.com/...
-->
<img src="hero.jpg" alt="Landing page illustration">

2. Framework & Library — Etika Penggunaan

Beberapa Contoh framework dan library yang populer digunakan:

  • Bootstrap
  • Tailwind CSS
  • React
  • Vue
  • Alpine.js

Mayoritas framework dan library ini menggunakan lisensi permissive seperti MIT License.

Karakteristik MIT License

Lisensi MIT mengizinkan:

  • penggunaan komersial
  • modifikasi
  • distribusi ulang
  • closed source project

Dengan syarat wajib:

  • menyertakan copyright notice
  • menyertakan teks lisensi MIT Jika syarat ini tidak dipenuhi, penggunaan dapat keluar dari cakupan lisensi.

Kenapa Tidak Perlu Atribusi di UI?

Lisensi MIT tidak mewajibkan atribusi di tampilan aplikasi. Yang diwajibkan hanyalah:

  • file LICENSE
  • copyright notice
  • attribution di source

Contoh Struktur Project

my-project/

├── index.html
├── app.js
├── styles.css

├── LICENSE
├── THIRD_PARTY_LICENSES/
│   ├── tailwind.txt
│   └── alpine.txt

└── assets/

Contoh File LICENSE

This project uses:

Tailwind CSS
MIT License
Copyright (c) Tailwind Labs

Full license:
https://github.com/tailwindlabs/tailwindcss/blob/master/LICENSE

Tidak perlu menulis di footer UI, seperti berikut:

© Tailwind Team

3. Template Ready-to-Use (Gratis / Berbayar)

Template biasanya memiliki lisensi:

  • Free personal use
  • Free commercial use
  • Attribution required
  • No attribution required
  • Extended license (paid)

Langkah 1 : Wajib Baca Lisensi

Contoh:

License: Free for commercial use
Attribution required

Langkah 2 : Ikuti Permintaan Kreator atau owner template

Jika attribution required maka attribusi wajib tampilkan

<footer>
  <p>
    Template by UIExample : Modified by YourName
  </p>
</footer>

Atau versi minimal:

<footer>
  Template by UIExample
</footer>

Jika Tidak Mau Attribution

Solusinya, yaa:

  • beli lisensi premium
  • ganti template
  • buat sendiri

Alternatif: Attribution di LICENSE file

Jika lisensi memperbolehkan:

This project uses "Soft UI Dashboard"
Author: UIExample team
License: MIT

4. Analisis Kasus (Hukum Indonesia)

Skenario

Mahasiswa membuat web app dengan:

  • template UI gratis
  • library MIT license
  • gambar dari Google tanpa atribusi
1. Menggunakan Template UI Gratis

Legal jika:

  • mengikuti lisensi template
  • tidak menghapus copyright jika required

Selama syarat dipenuhi maka akan sah.

2. Menggunakan Library MIT License

Legal karena MIT mengizinkan:

  • penggunaan bebas
  • modifikasi
  • distribusi
  • penggunaan komersial

Dengan syarat:

  • menyertakan LICENSE
  • mempertahankan copyright notice

Jika mahasiswa menyimpan file LICENSE maka sudah sesuai.

B. Tindakan yang Melanggar

Mengambil Gambar dari Google Tanpa Atribusi

Ini pelanggaran karena:

  1. Gambar dilindungi hak cipta
  2. Penggunaan tanpa izin melanggar hak ekonomi
  3. Tidak mencantumkan nama melanggar hak moral

Hak moral mencakup hak pencipta untuk dicantumkan namanya saat ciptaan digunakan.

Google Search bukan lisensi.

Jadi tindakan mahasiswa:

  • mengambil gambar
  • tidak cek lisensi
  • tidak atribusi

Merupakan sebuah Pelanggaran Hak Cipta

C. Risiko Hukum

Berdasarkan UU Hak Cipta:

  • hak cipta berlaku otomatis
  • perlindungan berlaku hidup pencipta + 70 tahun

Artinya:

  • meski untuk tugas kuliah
  • tetap bisa melanggar hukum

D. Solusi

Mahasiswa seharusnya:

Solusi 1 : Ganti Gambar dengan Lisensi Bebas

Gunakan:

  • Unsplash
  • Pexels
  • Pixabay
Solusi 2 : Tambahkan Attribution
<img src="hero.jpg" alt="Photo by John Doe from Unsplash">

atau

<footer>
Images by Unsplash contributors
</footer>
Solusi 3 : Simpan Metadata di Komentar
<!--
Image:
Author: John Doe
Source: Unsplash
License: Free for commercial use
-->
Solusi 4 : Buat Folder LICENSE Aset
assets/
images/
LICENSE_IMAGES.txt

Isi:

hero.jpg — John Doe — Unsplash
dashboard.jpg — Jane Smith — Pexels

On this page