HOAQ: JURNAL TEKNOLOGI INFORMASI.
Volume 11 Nomor 2 Ae Desember 2019.
Hal 52-60
p-ISSN: 2337-5280, e-ISSN: 2620-7427
LAYANAN VIDEO SHARING SOSIAL SEBAGAI PANDUAN
PEMANFAATAN LIMBAH NON ORGANIK DAN ORGANIK DI DINAS
KEBERSIHAN KOTA KUPANG BERBASIS WEB RESPONSIVE
Civrandy Okri Purnandy Detaq.
Max Abr Soleman Lenggu.
Yohanes Payong Sekolah Tinggi Manajemen Informatika Komputer Uyelindo Kupang.
Jln.
Perintis Kemerdakaan I Kelurahan Kayu Putih Kecamatan Oebobo Kota Kupang Nusa Tenggara Timur Email:randydetag@gmail.
Abstract Waste is a waste product produced by both industrial and domestic production .
, its presence at a certain time and place is undesirable because it has no economic value.
Chemically verified, this waste includes organic chemicals .
aste that can be decomposed: leaf residue, food particle.
and non-norganic .
aste that cannot be decomposed: metal, plasti.
At certain concentrations and levels, the presence of waste may have a negative impact on the environment, in particular on human health.
Therefore, it is necessary to handle the waste.
Measures must be taken to reduce the amount of waste generated by use.
Video sharing services based on this site is a support solution for the Department of Sanitation of the city of Kupang in dealing with the problems of waste that occur in the community, in particular directly raising awareness of the community to each other to motivate others in the use of waste generated.
Keywords: Community.
Video Sharing.
Waste PENDAHULUAN Latar Belakang Limbah merupakan sisa buangan yang dihasilkan dari proses produksi baik industri maupun domestik .
umah tangg.
, kehadirannya pada suatu saat dan tempat tertentu tidak dikehendaki lingkungan karena tidak memiliki nilai ekonomis.
Bila ditinjau secara kimiawi, limbah ini terdiri dari bahan kimia organik .
imbah yang dapat mengalami proses pembusukan : sisa daun, sisa makana.
dan nonorganik .
imbah yang tidak dapat mengalami proses pembusukan :
logam, plasti.
Dengan konsentrasi dan kuantitas tertentu, kehadiran limbah dapat berdampak negative terhadap lingkungan terutama bagi kesehatan manusia, sehingga perlu dilakukan penanganan terhadap limbah.
Langkah yang perlu diambil adalah mengurangi jumlah limbah yang dihasilkan dengan cara pemanfaatan.
Persoalan utama dalam menangani produksi limbah di kota kupang yakni pada aktivitas pengumpulan dimana kurangnya kesadaran masyarakat untuk membuang sampah pada tempat sampah yang sudah disediakan.
Warga kota Kupang masih suka membuang sampah sembarangan bahkan tidak memisahkan antara nonorganik dan organik untuk mempermudah dalam proses pengolahannya di TPA.
Berdasarkan data limbah dari DINAS KEBERSIHAN KOTA KUPANG yang membuktikan bahwa adanya pengurangan volume limbah di Kota Kupang dalam beberapa tahun terakhir.
Meskipun begitu, hal ini merupakan permasalahan yang perlu ditanggapi dengan baik mengingat masih banyak masyarakat yang belum menyadari akan Berdasarkan permasalahan diatas maka akan dirancang sebuah LAYANAN VIDEO SHARING
SEBAGAI
PANDUAN
PEMANFAATAN
LIMBAH NONORGANIK DAN ORGANIK
untuk membantu memotivasi masyarakat akan dimulai dengan pemanfaatan limbah sisa proses produksi secara baik dan benar.
Layanan video sharing yang dirancang nantinya akan memberikan kesempatan bagi seluruh pengguna untuk membagikan berbagai video menarik yang berkaitan dengan pemanfaatan limbah guna memotivasi sesama dalam kepedulian akan kebersihan lingkungan.
Layanan Video Sharing berbasis website ini adalah suatu solusi pendukung bagi Dinas Kebersihan HOAQ: JURNAL TEKNOLOGI INFORMASI Volume 11 Nomor 2 Ae Desember 2019.
Hal 52-60 Kota Kupang dalam menangani permasalahan limbah yang terjadi di masyarakat khususnya langsung mengarah pada kesadaran masyarakat untuk saling mambantu memotivasi sesama dalam memanfaatkan limbah yang dihasilkan.
Tujuan penelitian Tujuan yang ingin dicapai dari penelitian ini adalah Memotivasi masyarakat Kota Kupang pemanfaatan limbah nonorganik dan organik secara baik dan benar untuk menekan jumlah limbah yang dihasilkan.
Manfaat penelitian Adapun manfaat dari penelitian ini yaitu:
Bagi DINAS KEBERSIHAN Penelitian ini diharapkan dapat memberikan manfaat bagi Dinas Terkait (DINAS KEBERSIHAN KOTA KUPANG) sebagai bahan pertimbangan dalam menangani permasalahan limbah di Kota Kupang langsung kepada masyarakat sebagai inti dari permasalahan tersebut dan dapat menekan jumlah limbah yang semakin banyak.
Bagi Mahasiswa Penelitian ini diharapkan dapat memperdalam pengetahuan bagi mahasiswa dalam mendesain sebuah website yang menarik, khususnya dalam hal mendesain sebuah layanan informasi sebagai panduan pemanfaatan berbasis web responsive.
Bagi Masyarakat Penelitian ini diharapkan dapat memotivasi masyarakat untuk lebih peduli akan kebersihan lingkungan dengan panduan pemanfaatan limbah yang tepat.
METODOLOGI PENELITIAN
Metodologi penelitian adalah suatu cara kerja yang digunakan untuk membangun suatu sistem yang baru.
Prosedur Analisis Data Prosedur analisi data dalam penelitian ini dimulai dengan :
Identifikasi masalah Pengumpulan Data Analisis Data Perancangan Implementasi Uji sistem Perawatan Mulai Identifikasi masalah Pengumpulan Data Analisa Data Perancangan Implementasi Uji coba Valid? Tidak Perawatan Selesai Gambar 1.
Prosedur Analisis Data Analisis dan Perancangan Sistem Analisa dan perancangan sistem merupakan suatu tahapan dimana proses analisis dan perancangan berdasarkan hasil analisis berlangsung.
Semua tahapan ini dikerjakan dengan menggunakan perangkat pemodelan sistem seperti use case diagram.
Model perancangan dari system tersebut adalah sebagai berikut:
Use case diagram Use case diagram merupakan suatu diagram yang menggambarkan bagaimana interaksi antara actor dengan sistem.
Komponen yang terdapat didalamnya yaitu use case yang merupakan wadah yang menjelaskan aktivitas interaksi dari actor dengan sistem, relationship sebagai tanda hubungan antara actor dengan use case tersebut dan actor sebagai entitas eksternal yang bertindak sebagai pemeran saat berinteraksi dengan sistem.
Prosedur analisis data dalam penelitian ini dapat dilihat pada flowchart penelitian berikut ini :
Gambar 2.
Use case diagram LAYANAN VIDEO SHARING SOSIAL SEBAGAI PANDUAN A(Detaq, et.
Identifikasi use case Tahap ini merupakan tahap perincian spesifikasi dan skenario dari tiap use case yang berjalan oleh pengguna maupun admin.
Digambarkan dalam tabel berikut:
Tabel 1.
Spesifikasi dan skenario use case tonton video Use case tonton video Brief Use case ini dipakai oleh actor untuk melihat data berupa konten Actor Admin, author dan visitor Basic flow Use case ini mulai berjalan ketika actor beralih dari halaman utama website dengan memilih menu tonton video untuk mengakses halaman tonton video Sistem akan menampilkan halaman berisi pilihan video yang telah diunggah actor memilih salah satu dari pilihan video yang diinginkan sistem menampilkan video yang dipilih Use case selesai Alternative Error flow Pre Actor berada pada halaman utama Post Actor berhasil mengakses menu tonton video vilimbshare Sistem menampilkan halaman berisi pilihan video Extends Include Tabel 2.
Spesifikasi dan skenario use case unggah video Use case Unggah video Brief Use case ini digunakan oleh actor pemanfaatan limbah non organik dan organik ke dalam sistem dengan mengunggah file videonya.
Actor Admin, author Basic flow Use case ini mulai berjalan ketika actor mengakses menu upload video pada halaman utama website A-1 : actor mengakses halaman upload dari halaman tonton video Alternative Error flow Pre Post Extends Include Sistem menampilkan halaman upload video Actor mengisi kolom judul video dan melampirkan file yang ingin diunggah Actor menekan tombol upload E-1: Judul video sudah ada E-2: Ukuran file melebihi batas E-3: Ekstensi file tidak dikenali Sistem upload ke dalam direktori penyimpanan file dalam sistem Sistem memasukan data upload video ke dalam database Sistem menampilkan pesan Upload berhasil Actor menekan tombol ok Sistem halaman tonton video Use case selesai A-1 :
Actor menekan tombol Kembali ke basic flow 2 E-1 :
Sistem menampilkan pesan peringatan bahwa judul video yang diunggah sudah ada Actor menekan tombol ok Kembali ke basic flow 2 E-2:
Sistem menampilkan pesan peringatan bahwa ukuran video yang diunggah terlalu besar Actor menekan tombol ok Kembali ke basic flow 2 E-3:
Sistem menampilkan pesan peringatan bahwa ekstensi file tidak diizinkan Actor menekan tombol ok Kembali ke basic flow 2 Actor telah login sebagai admin atau author Actor berhasil mengunggah video dan berada di halaman tonton Login Tabel 3.
Spesifikasi dan skenario use case
Use case
Pencarian Brief
Use case ini digunakan oleh actor
dalam melakukan pencarian judul
video pada halaman tonton video
HOAQ: JURNAL TEKNOLOGI INFORMASI
Volume 11 Nomor 2 Ae Desember 2019.
Hal 52-60 Actor Basic flow Alternative Error flow Pre Post Extends Include Admin, author dan visitor Use case ini dimulai ketika pencarian data pada halaman tonton video.
Actor memasukan kata kunci pada kotak pencarian tersebut A-1: Actor melakukan pencarian berdasarkan pilihan kategori Actor menekan tombol search\ E-1: video yang dicari tidak ada Sistem berdasarkan pencarian Use case selesai A-1:
Actor memilih kategori yang tertera pada list Actor menekan tombol pilih Kembali ke basic flow 4 E-1:
Sistem menampilkan halaman tanpa adanya pilihan video yang tertera Actor menekan tombol reset Sistem me-refresh halaman tonton video Kembali ke basic flow 2 Actor telah masuk halaman tonton Actor mendapat informasi judul video berdasarkan pencarian Tabel 4.
Spesifikasi dan skenario use case Use case Komentar Brief Use case ini digunakan oleh actor sebagai sarana komunikasi antara sesama pengguna website juga untuk memberikan respon ataupun masukan tentang video yang telah diakses pada website tersebut Actor Admin, author dan visitor Basic flow Use case ini dimulai ketika komentar pada halaman tonton Actor melakukan inputan pada kotak komentar Actor menekan tombol kirim Sistem inputan komentar kedalam Sistem menampilkan pesan tombol ok Alternative Error flow Pre Post Extends Include Actor Sistem menampilkan isi komentar pada bagian tampil komentar dalam halaman tonton video Use case selesai Actor berhasil mengirim komentar Tabel 5.
Spesifikasi dan skenario use case login Use case Login Brief Use case ini digunakan oleh actor untuk dapat dikenali oleh sistem dan untuk autentikasi identitas baik sebagai admin maupun sebagai pengguna tipe author sehingga dapat melakukan upload Actor Admin dan author Basic flow Use case ini dimulai ketika actor mengakses kotak login yang terletak disebelah kanan atas pada halaman utama Actor melakukan login dengan memasukan username dan Actor menekan tombol login E-1: username/password salah Muncul pesan bahwa actor berhasil login Actor menekan tombol ok Sistem menampilkan halaman utama Vilimb-share Use case selesai Alternative Error flow E-1:
Sistem menampilkan pesan bahwa username dan password Actor menekan tombol ok sistem mengalihkan ke halaman Kembali ke basic flow 2 Pre Post Extends Include LAYANAN VIDEO SHARING SOSIAL SEBAGAI PANDUAN A(Detaq, et.
Actor berhasil login dan berada di halaman utama website Tabel 6.
Spesifikasi dan skenario use case Use case Registrasi Brief Use case ini digunakan oleh actor untuk mendapatkan autentikasi identitas sebagai pengguna yang dikenali oleh sistem sehingga nantinya dapat melakukan upload Actor Author dan visitor Basic flow Use case ini dimulai ketika actor mengakses kotak login yang terletak disebelah kanan atas pada halaman utama website lalu menekan tombol Sistem menampilkan halaman Actor mengisi kolom data diri yang disediakan oleh sistem Actor menekan tombol daftar Sistem menampilkan pesan konfirmasi bahwa registrasi Actor menekan tombol ok Sistem menampilkan pesan untuk segera melakukan login Actor menekan tombol ok Sistem menampilkan halaman Actor melakukan login Sistem menampilkan pesan berhasil login Actor menekan tombol ok Sistem menampilkan halaman utama Vilimb-share Use case selesai Alternative Error flow Pre Actor telah masuk halaman Post Actor berhasil mendaftar, login dan berada di halaman utama Extends Include Sequence diagram Sequence diagram adalah suatu diagram yang menggambarkan interaksi antara objek dengan sistem.
Sequence diagram dibuat berdasarkan skenario yang telah dibuat sebelumnya.
Tiap-tiap skenario yang telah dibuat akan di implementasikan kedalam sequence diagram satu per satu untuk memberi gambaran secara detail mengenai sistem yang dibuar.
Diagram ini dipaparkan pada gambar berikut.
Sequence diagram tonton video Gambar 3.
Sequence diagram tonton video .
Sequence diagram upload video Gambar 4.
Sequence diagram upload video
HOAQ: JURNAL TEKNOLOGI INFORMASI
Volume 11 Nomor 2 Ae Desember 2019.
Hal 52-60 .
Sequence diagram pencarian Gambar 8.
Sequence diagram registration Gambar 5.
Sequence diagram pencarian .
Sequence diagram komentar Perancangan antarmuka Perancangan antarmuka merupakan rancang bangun dari percakapan antara penguna sistem .
ser dan admi.
Interaksi ini terdiri dari proses pengolahan data.
impan, ubah, hapu.
dan menampilkan informasi atau keduanya.
Tampilan dari antarmuka sistem tersebut adalah sebagai .
Halaman utama Halaman ini merupakan halaman yang akan muncul pertamakali saat pengguna mengakses website Menampilkan nama website dan beberapa menu Gambar 6.
Sequence diagram komentar .
Sequence diagram login Gambar 9.
Halaman utama Vilimb-share Gambar 7.
Sequence diagram login .
Sequence diagram registrasi .
Halaman tonton video Halaman ini menampilkan informasi berupa konten video yang dapat ditonton oleh pengguna yang mengakses website ini.
Halaman ini memiliki fitur pencarian data yang dapat digunakan untuk mencari judul video yang diinginkan atau mencari sesuai kategori video dengan fitur pencarian kategori.
Selain LAYANAN VIDEO SHARING SOSIAL SEBAGAI PANDUAN A(Detaq, et.
itu, terdapat tombol navigasi upload untuk memudahkan pengguna dalam mengakses halaman upload video.
Halaman registrasi Halaman ini digunakan oleh pengguna untuk dapat dikenali oleh sistem sehingga hak akses untuk mengunggah file video ke sistem dapat digunakan.
Gambar 10.
Tampilan Halaman tonton video .
Halaman upload video Halaman ini digunakan oleh admin dan pengguna tipe author untuk membagikan video pemanfaatan limbah dengan mengunggahnya ke website Gambar 13.
Halaman registrasi
HASIL DAN PEMBAHASAN
Hasil Implementasi Antarmuka Halaman utama Gambar 11.
Halaman upload video .
Halaman login Halaman ini digunakan oleh pengguna mendapatkan hak akses sebagai author dalam mengupload video maupun sebagai admin dalam mengelola data website secara penuh.
Gambar 14.
Halaman utama tipe admin Halaman tonton video Gambar 12.
Halaman login Vilimb-Share Gambar 15.
Halaman tonton video
HOAQ: JURNAL TEKNOLOGI INFORMASI
Volume 11 Nomor 2 Ae Desember 2019.
Hal 52-60 Halaman upload video Kelebihan dan Kekurangan Setelah dilakukan pengujian pada website Vilimb-share fungsionalitas, maka dapat disimpulkan berkaitan dengan kekurangan dan kelebihannya sebagai Gambar 16.
Halaman upload video Halaman login .
Kelebihan Kelebihan website Vilimb-share yang telah dibangun adalah sebagai berikut:
Website dapat berjalan sesuai dengan yang Tampilan antarmukan yang modern dan responsive sehingga mudah diakses di perangkat mobile.
Memudahkan pengguna dalam berbagi video pemanfaatan limbah sebagai acuan motivasi bagi .
Kekurangan Kekurangan website Vilimb-share yang masih perlu untuk diperbaiki adalah sebagai Kebutuhan internet yang cukup besar dalam mengakses video.
Keamanan yang belum cukup untuk terhindar dari ancaman peretas dan penyalahgunaan konten video yang diupload.
Beberapa video yang berukuran diatas dari 100 MB masih sulit diatasi oleh sistem.
Konversi keterangan waktu yang masih belum Tidak semua browser dapat mengakses website ini kecuali yang telah mendukung teknologi hlml 5.
Gambar 17.
Halaman login
Halaman registrasi
KESIMPULAN DAN SARAN
Kesimpulan Berdasarkan hasil analisis, implementasi dan evaluasi yang telah dilakukan pada penelitian ini, maka dapat diambil kesimpulan bahwa penelitian ini telah berhasil membangun sebuah website untuk memberikan informasi mengenai panduan pemanfaatan limbah yang baik dan benar.
Website ini telah membantu memberikan informasi berupa video mengenai pemanfaatan limbah, baik limbah organik maupun non organik yang menjadi masalah dalam tiap kehidupan masyarakat khususnya masyarakat kota Kupang.
Saran Gambar 18.
Halaman registrasi Penelitian ini tidak luput dari kesalahan dan Sehingga untuk peneliti selanjutnya yang ingin mengembangkan penelitian ini kiranya dapat .
Mengoptimalisasi tampilan website sehingga semakin menarik perhatian pengguna kedepan.
LAYANAN VIDEO SHARING SOSIAL SEBAGAI PANDUAN A(Detaq, et.
Mengoptimalisasi keamanan pada website sehingga tidak disalahgunakan oleh peretas dalam mengirim konten yang kurang tepat pada website.
Melengkapi dan mengembangkan fitur yang terdapat sehingga membuat pengguna semakin nyaman mengakses website ini.
Mengoptimalkan perangkat mobile yang mendukung komponen pada website ini.
DAFTAR PUSTAKA