Prosiding SEMANTIK 2017 ISSN: 2580-796x

MEDIA PEMBELAJARAN PENGOLAHAN SAMPAH BERBASIS

WEBSITE PADA KANTOR DINAS LINGKUNGAN HIDUP
KOTA PALOPO

Fitriani, 1H. Asri, 2Heliawaty Hamrul3

1), 2) 3)
Teknik Informatika Universitas Cokroaminoto Palopo
Jl Latamacelling19, Palopo
Email : fitrifitri@gmail.com1) wati_hamrul@email.com2

Abstrak
Penelitian ini bertujuan untuk mengimplementasikan sebuah multimedia pembelajaran
pengolahan sampah dengan menggunakan macromedia flash. Mengetahui tingkat
kelayakan multimedia pembelajaran pengolahan sampah ditinjau dari aspek media dan
materi. Metode penelitian yang dilakukan pada sistem ini adalah menggunakan metode
wawancara dan observasi. Media pembelajaran ini dibuat dengan menggunakan aplikasi
macromedia flash. Media pembelajaraan ini meliputi input informasi tentang Dinas
Lingkungan Hidup, materi pengolahan sampah dan pemberian saran atau masukan
mengenai kinerja Dinas Lingkungan Hidup. Perancangan sistem menggunakan
perancangan Unified Modelling Languange (UML), yang terdiri dari use case diagram,
activity diagram dan sequence diagram. Hasil pengujian dengan menggunakan metode
black-box Media Pembelajaran Pengolahan Sampah Berbasis Website pada Dinas
Lingkungan Hidup Kota Palopo yang telah dirancang dan dibangun bebas dari
kesalahan sintaks dan secara fungsional berjalan dengan baik dan mengeluarkan hasil
yang sesuai dengan yang diharapkan.

Kata kunci: Media Pembelajaran, Macromedia Flash, Informasi.

1. Pendahuluan
Dinas Lingkungan Hidup Kota Palopo merupakan unsur penunjang Pemerintah
Daerah yang dipimpin oleh seorang Kepala Dinas yang berkedudukan di bawah dan
bertanggungjawab kepada Pemerintah Kota Palopo, melaksanakan penyusunan dan
pelaksanaan kebijakan daerah di Bidang Lingkungan Hidup yang ingin mengembangkan
media pembelajaran dengan sarana pendukung komputer.
Berdasarkan hasil observasi di Dinas Lingkungan Hidup Kota Palopo dapat
dilihat kondisi proses observasi kemasyarakat pegawai Dinas Lingkungan Hidup masi
menggunakan metode diskusi atau mengguanakan media informasi menggunakan kertas
dan spanduk. Tingkat keefektifan informasi dalam hal menggunakan kertas dan spanduk
kurang efektif, sehingga tidak memungkinkan bagi masyarakat untuk melihatnya kapan
saja dan dimana saja.
Media pembelajaran sebagai pendukung keberhasilan dalam sistem informasi
sangatlah diperlukan untuk mengatasi sampah kususnya sampah rumah tangga agar
memudahkan masyarakat untuk mengakses dan dapat memberikan pembelajaran tentang
pengolahan sampah.

2. Pembahasan
a. Analisis Masalahan
Pada tahap analisis pemecahan masalah merupakan tahap yang dilakukan setelah
menganalisa masalah pada objek, yaitu merupakan tahap untuk memecahkan masalah
yang ditemukan pada objek penelitian. Masyarakat biasa mencampur sampah organik dan
anorganik menjadi satu dan membuangnya disungai ataupun di lahan kosong karena
kurangnya informasi dan pemahaman masyarakat dalam cara pengololah sampah rumah
tangga. Dengan adanya Media Pembelajaran Pengolahan Sampah Berbasis Website ini

Seminar Nasional Teknologi Informasi dan Komputer FTKOM UNCP, 05 Oktober 2017
Hal 73 dari 242
Prosiding SEMANTIK 2017 ISSN: 2580-796x

diharapkan nantinya dapat mempermudah masyarakat dalam menerima informasi tentang

pengolahan sampah tersebut. Seperti pada gambar 9 dibawah ini:

Sistem yang Sedang Berjalan

Memberikan Materi

Melihat Materi
Pegawai Masyarakat

Gambar 1. Use Case Sistem yang Sedang Berjalan

b. Analisis Pemecahan Masalah

Berdasarkan permasalahan yang ada, solusi yang tepat untuk mengatasi masalah
tersebut yaitu membangun aplikasi pembelajaran berbasis website. Dengan adanya
aplikasi ini diharapkan dapat membantu masyarakat dalam menerima informasi
pengolahan sampah.

c. Analisis Kebutuah Fungsional

Kebutuhan fungsionl sistem ini terdiri atas beberapa fungsi utama yang saling
berhubungan dan mendukung sistem satu sama lain, yang meliputi fungsi-fungsi.
1) Masyarakat melihat foto-foto kegiatan Dinas Lingkungan Hidup Kota Palopo.
2) Masyarakat melihat menu beranda, profil Dinas Lingkungan Hidup, materi dan
memberikan saran serta masukan.
3) Masyarakat dapat memberikan saran atau masukan keadmin.
4) Masyarakat melihat berita kegiatan yang akan dilakukan Dinas Lingkungan Hidup
Kota Palopo dan memberikan komentar tentang kegiatan tersebut.
5) Masyarakat dapat memberikan penilaian keadmin tentang pelayanan Dinas
Lingkungan Hidup Kota Palopo.
6) Admin login langsung sebagai administrator.
7) Admin mengedit isi beranda.
8) Admin menginput profil Dinas Lingkungan Hidup.
9) Admin menginput berita mengenai kegiatan Dinas Lingkungan Hidup.
10) Admin melihat komentar yang dikirim oleh masyarakt.
11) Admin menginput foto kegiatan Dinas Lingkungan Hidup.
12) Admin mengganti username dan password.
13) Admin logout dari menu administrator.

d. Analisis Kebutuhan Non Fugsional

Kebutuhan non fungsional adalah tipe kebutuhan yang berisi proprty perilaku
yang dimiliki oleh sistem.
1) Kebutuhan Perangkat Keras
a) Unit CPU dengn spesifikasi minimal processor i3 2.27 GHz.
b) Keyboard
c) Mouse
d) Monitor
e) Printer
2) Kebutuhan Perangkat Lunak
a) Macromedia Flash 8
b) Adobe Photoshop
c) Windows 7

Seminar Nasional Teknologi Informasi dan Komputer FTKOM UNCP, 05 Oktober 2017
Hal 74 dari 242
Prosiding SEMANTIK 2017 ISSN: 2580-796x

d) Browser
e) Mysql

e. Perancangan Sistem
Setelah melakukan penelitian, maka ditemukan masalah yang terdapat pada
proses penyampaian informasi pada Dinas Lingkungan Hidup Kota Palopo, dimana
kendala yang dihadapi adalah sulit dan mahalnya proses penyampaian informasi yang
masih bersifat konventional. Hal ini menyebabkan proses penerimaan informasi oleh
masyarakat jadi terhambat. Melihat keadaan itu, maka penulis ingin membantu Dinas
Lingkungan Hidup Kota Palopo tersebut untuk membantu sistem konvesional tersebut
menjadi sebuah sistem yang berbasis komputer.

1) Use Case Diagram

Adapun use case diagram yang diusulkan pada penelitian ini dapat dilihat pada
gambar dibawah ini:

Edit Beranda

Login

Input Profil Dinas

Lingkungan Hidup

Input Berita

Admin
Melihat Komentar
Berita

Input Buku Tamu

Melihat Beranda
edit username dan
password
Melihat Galeri
Kegiatan
Input Galeri
Input Penilaian
Pelayanan
Log Out

Menginput Komentar
Include Melihat Berita
tentang berita lingkungan
hidup Seputar Lingkungan Hidup

Melihat Profil Dinas

e
Includ e Lingkungan Hidup
Includ

Include Includ
Melihat Visi Misi e
Dinas Lingkungan Hidup e Masyarakat
lud
Inc

Melihat Bidang Penataan Melihat Bidang

& Pengendalian Lingkungan Pengolahan Sampah Limbah B3
Melihat Bidang Hidup
Tata Lingkungan

Materi
Include Melihat Materi
Melihat Bidang
Video e
Pertamanan & Pemakaman Includ

Input Saran atau

Melihat Kontak Kami
Masukan
Include

Gambar 2. Use Case Sistem yang Diusulkan

Keterangan user dari gambar use case sistem yang diusulkan yaitu,
1) Dinas Lingkungan Hidup menjalankan media pembelajaran pengolahan sampah
berbasis website, memasukan informasi yang dibutuhkan masyarakat.
2) Masyarakat bisa melihat media pembelajaran pengolahan sampah dan informasi
terkait dengan Dinas Lingkungan Hidup Kota Palopo secara langsung dimanapun
asalkan terhubung dengan jaringan.
Keterangan kegiatan yang dapat diakses oleh user dari gambar use case sistem
yang diusulkan yaitu,
a) Login : menu yang memuat input username dan password.
b) Tampilan Utama : menu yang diakses masyarakat yang berisikan Beranda, profil
Dinas Lingkungan Hidup, materi dan kontak Kami.
c) Edit Beranda : bagian yang diakses oleh admin yang digunakan untuk mengedit isi
beranda.
d) Input profil Dinas Lingkungan Hidup : bagian yang diakses oleh admin yang
digunakan untuk menginput informasi tentang Dinas Lingkungan Hidup Kota Palopo.

Seminar Nasional Teknologi Informasi dan Komputer FTKOM UNCP, 05 Oktober 2017
Hal 75 dari 242
Prosiding SEMANTIK 2017 ISSN: 2580-796x

e) Input Berita : bagian yang diakses oleh admin yang digunakan untuk menginput
berita seputar Dinas Lingkungan Hidup
f) Input Komentar Berita : bagian yang diakses oleh admin yang digunakan untuk
melihat komentar yang dikirim oleh masyarakat tentang Dinas Lingkungan Hidup
Kota Palopo.
g) Input Buku Tamu : bagian yang diakses oleh admin yang digunakan untuk melihat
siapa saja yang sudah mengirimkan komentar ataupun penilaian terhadap Dinas
Lingkungan Hidup.
h) Input Galeri : bagian yang diakses oleh admin yang digunakan untuk menginput foto-
foto kegiatan Dinas Lingkungan Hidup.
i) Edit Username dan Password : bagian yang diakses oleh admin yang digunakan
untuk mengubah Username dan Password.
j) Logout : menu untuk admin keluar dari halaman administrator
k) Melihat Galeri Kegiatan : masyarakat dapat melihat foto-foto kegiatan yang
dilakukan oleh Dinas Lingkungan Hidup.
l) Input Penilaian Pelayanan : masyarakat dapat mengirimkan penilaian pelayanan
Dinas Lingkungan Hidup keadmin.
m) Melihat Beranda : masyarakat melihat kata sambutan dari Dinas Lingkungan Hidup.
n) Melihat Berita Seputar Lingkungan Hidup : masyarakat melihat berita seputar
lingkungan hidup dan masyarakat dapat mengomentari tentang berita tersebut.
o) Melihat Profil Dinas Lingkungan Hidup : masyarakat melihat menu informasi
mengenai Visi Misi Dinas Lingkungan Hidup, Bidang Tata Lingkungan, Bidang
Pertamanan & Pemakaman, Bidang Penataan & Pengendalian Lingkungan Hidup
dan Bidang Pengolahan Sampah Limbah B3.
p) Melihat Materi : masyarakat melihat materi atau video animasi tentang pengolahan
sampah.
q) Melihat Kontak Kami : masyarakat dapat mengirim saran atau masukan keadmin.

2) Activity Diagram
Activity diagram merupakan diagram yang menggambarkan alur kerja dari sistem
yang diusulkan yang fokus kepada aktifitas yang dilakukan aktor dan sistem sehingga
dapat dilihat gambar yang jelas mengenai apa yang dilakukan aktor dan apa yang
dilakukan sistem.

f. Activity Diagram Login

Admin Sistem

Membuka Halaman Login Menampilkan Halaman Login

Input Username dan Password Validasi Username dan Password

Login ditolak

Login sukses

Halaman Menu Administrator

Gambar 3. Activity Diagram Menu Login

Halaman ini adalah halaman yang diakses oleh admin yang digunakan untuk
login dengan menginput username dan password untuk masuk kehalaman menu
administrator.

Seminar Nasional Teknologi Informasi dan Komputer FTKOM UNCP, 05 Oktober 2017
Hal 76 dari 242
Prosiding SEMANTIK 2017 ISSN: 2580-796x

g. Activity Diagram Input Profil

Admin Sistem
Menampilkan Halaman
Membuka Konten Profil
Konten Profil

Menampilkan Form
Klik Data Baru
Tambah Konten Profil

Input Judul dan Isi

Postingan

Menampilkan Halaman
Klik Simpan
Konten Profil

Gambar 4. Activity Diagram Input Profil

Halaman ini adalah bagian yang diakses oleh admin yang digunakan untuk
menginput data baru dihalaman profil. Dimana hal yang dilakukan adalah membuka
konten profil lalu klik data baru setelah itu admin menginput isi judul dan isi postingan
jika penginputan selesai klik simpan.

h. Activity Diagram Input Berita

Admin Sistem

Membuka Halaman
Membuka Konten Berita
Daftar Postingan

Klik Entri Baru Membuka Form Berita

Input Judul Postingan, Isi Postingan,

Gamabar dan Pilih Kategori

Membuka Halaman
Klik Submit
Daftar Postingan

Gambar 5. Activity Diagram Input Berita

Halaman ini adalah bagian yang diakses oleh admin yang digunakan untuk
menginput data baru dihalaman berita. Dimana hal yang dilakukan adalah membuka
konten berita lalu klik entri baru setelah itu admin menginput isi judul, isi postingan,
gambar dan kategori jika penginputan selesai klik submit.

i. Hasil Pengujian
Dari pengujian diatas dapat disimpulkan Media Pembelajaran Pengolahan
Sampah Berbasis Website pada Dinas Lingkungan Hidup Kota Palopo yang telah
dirancang dan dibangun bebas dari kesalahan sintaks dan secara fungsional berjalan
dengan baik dan mengeluarkan hasil yang sesuai dengan yang diharapkan.

3. Kesimpulan
Berdasarkan penelitian yang dilakukan oleh penulis mengenai Media
Pembelajaran Pengolahan Sampah Berbasis Website pada Dinas Lingkungan Hidup Kota
Palopo, maka dapat ditarik beberapa kesimpulan sebagai berikut:
a. Aplikasi media pembelajaran pengolahan sampah berbasis website dapat membantu
pegawai Dinas Lingkungan Hidup dalam memberikan informasi dan pemahaman
materi pengolahan sampah kepada masyarakat dengan bentuk media pembelajaran
berbasis website.
b. Aplikasi media pembelajaran pengolahan sampah berbasis website telah di uji dengan
menggunakan pengujian Black Box dimana semua halaman website berjalan sesuai
yang diharapakan sehingga dapat di implementasikan pada Dinas Lingkungan Hidup
Kota Palopo.

Seminar Nasional Teknologi Informasi dan Komputer FTKOM UNCP, 05 Oktober 2017
Hal 77 dari 242
Prosiding SEMANTIK 2017 ISSN: 2580-796x

Daftar Pustaka

[1] Aditia, P, dkk. 2016. Perancangan Komik Edukasi Swakarya Pengelolaan Sampah
Berbasis Web. Industri Kreatif. Vol. 03, Hal 1-51. Diakses 28 Desember 2016.
[2] Falahudin Iwan. 2014. Pemanfaatan Media dalam Pembelajaran. Jurnal Lingkar
Widyaiswara, Vol 11,Hal. 104-117. Diakses 8 Januari 2017.
[3] Paudia. 2013. Pengelolaan Sampah 3R (Reduce, Reuse, Recycle). Vol. 06, Hal. 165-
182. Diakses 28 Desember 2016.
[4] Prasetio Adhi. 2014. Buku Sakti Webmaster. Mediakita. Jakarta Selatan.
[5] Wibowo Aristian. 2015. Program Bantu Pengelolaan Sampah dan Tabungan
Berbasis Web Studi Kasus: Bank Sampah Gemah Ripah. Vol. 01, Hal. 1-65.
Diakses 28 Desember 2016.

Biodata Penulis

Fitriani, Memperoleh gelar Sarjana Komputer (S.Kom), Jurusan Teknik Informatika

Universitas Cokroaminoto Palopo, lulus tahun 2017.

Heliawaty Hamrul, Memperoleh gelar Sarjana Komputer (S.Kom), Jurusan Teknik

Informatika STMIK Dipanegara Makassar, lulus tahun 2009, Memperoleh gelar Master
Komputer (M.Kom), Jurusan Teknik Informatika STMIK AMIKOM Yogyakarta, lulus
2016.

Seminar Nasional Teknologi Informasi dan Komputer FTKOM UNCP, 05 Oktober 2017
Hal 78 dari 242