PERANCANGAN MEDIA EDUKASI PENCEGAHAN PEN

Volume VIII tahun 2016

ISSN: 1907-3526

SRITI
2 0 1 6

Proceeding
Seminar Nasional
Riset Teknologi Informasi 2016
Peluang Riset dan Inovasi Bisnis
Menggunakan Internet of Things
Yogyakarta, 30 Juli 2016

Cloud Computing
Data Mining dan Data Warehouse
Kecerdasan Buatan
Komputasi
Komunikasi Data dan Jaringan Komputer
Mobile Computing
Multimedia dan Grafika

Pemodelan dan Aplikasi Sistem Informasi
Pengolahan Citra
Pengolahan Sinyal
Teknologi Basis Data
Simulasi dan Permainan Komputer
Sistem Kendali dan Robotika
Diselenggarakan Oleh:
YAYASAN PENDIDIKAN WIDYA BAKTI
STMIK

AKAKOM
YOGYAKARTA
Steady, Advancing, Respectable

SRITI
2 0 1 6

Proceeding
Seminar Nasional
Riset Teknologi Informasi 2016

Peluang Riset dan Inovasi Bisnis
Menggunakan Internet of Things
Yogyakarta, 30 Juli 2016

Diselenggarakan Oleh:
YAYASAN PENDIDIKAN WIDYA BAKTI
STMIK

AKAKOM
YOGYAKARTA
Steady, Advancing, Respectable

Seminar Riset Teknologi Informasi (SRITI) tahun 2016

SUSUNAN PANITIA SRITI 2016
PROGRAM COMMITEE
Prof. H. Adhi Susanto, M.Sc., Ph.D. (STMIK AKAKOM)
Ir. P. Insap Santosa, M.Sc., Ph.D. (Universitas Gadjah Mada)
Drs. Agus Harjoko, M.Sc., Ph.D. (Universitas Gadjah Mada)
Dr. L.T. Handoko (Lembaga Ilmu Pengetahuan Indonesia)

Dr. Sri Kusumadewi (Universitas Islam Indonesia)
Dr. Enny Itje Sela, S.Si., M.Kom. (STMIK AKAKOM)
Dr. Anastasia Widiarti (Universitas Sanata Dharma)
Dr. Bambang Purnomosidi D.P., SE., Ak., S.Kom., MMSI (STMIK AKAKOM)
Dr. Edy Winarno, S.T., M.Eng. (Universitas Stikubank)
PELAKSANA SEMINAR
Pelindung
Ketua STMIK AKAKOM Yogyakarta
Penanggungjawab
Kepala Pusat Penelitian Pengembangan
dan Pengabdian pada Masyarakat
PANITIA
Ketua
Aloysius Agus Subagyo, S.E., M.Si.
Bendahara
C. Sri Hastiwi, S.E.
Sekretariat, Publikasi dan Kerjasama
Lucia Nugraheni Harnaningrum, S.Si., M.T.
Agung Budi Prasetyo, S.Kom., M.Kom.
Sumiyatun, S.Kom.

Materi dan Acara
Deborah Kurniawati, S.Kom., M.Cs.
Indra Yatini Buryadi S., S.Kom., M.Kom.
Pius Dian Widi Anggoro, S.Si., M.Cs.
Sutrisna
Perlengkapan dan Dokumentasi
Totok Budioko, S.T., M.T.
Adiyuda Prayitna, S.T., M.Eng.
Marhadi
Dwi Suwarsono

ii

Seminar Riset Teknologi Informasi (SRITI) tahun 2016

KATA PENGANTAR

Puji syukur kehadirat Tuhan Yang Maha Esa, atas berkat Anugerah dan Kasih-Nya, kami
dapat menyelesaikan penyusunan proceeding SRITI 2016 ini. Buku ini memuat naskah hasil
penelitian dari berbagai bidang kajian yang telah dipresentasikan pada Seminar Riset Teknologi

Informasi (SRITI) 2016. Seminar Riset Teknologi Informasi (SRITI) ini merupakan agenda
Pusat Penlitian dan PPM STMIK AKAKOM Yogyakarta dan sekaligus sebagai rangkaian dari
peringatan 37 tahun STMIK AKAKOM.
Naskah-naskah yang dikirim kepada panitia merupakan naskah yang sudah siap
dipublikasikan. Selanjutnya, naskah tersebut direview oleh para pakar dibidangnya. Naskah
yang sudah direview ini kemudian dipresentasikan oleh masing-masing pemakalah. Atas
beberapa catatan yang ada pada saat presentasi, para pemakalah kemudian melakukan
perbaikan, dan naskah hasil perbaikan inilah yang kemudian kami sajikan dalam proceeding
SRITI 2016.
Meskipun kegiatan seminar dan pendokumentasian naskah dalam proceeding ini telah
dipersiapkan dengan baik, namun kami menyadari masih terdapat banyak kekurangan. Untuk
itu, panitia mohon maaf yang sebesar-besarnya. Panitia mengucapkan terima kasih atas
kepercayaan dan kerjasamanya dalam kegiatan SRITI 2016 ini. Kritik dan saran perbaikan
untuk penyempurnaan di masa mendatang dapat dikirimkan melalui e-mail sriti@akakom.ac.id.
Kepada semua pihak yang terlibat, baik secara langsung maupun tidak langsung dalam
penyusunan proceeding SRITI 2016, panitia mengucapkan terimakasih.

Yogyakarta, Agustus 2016
Panitia SRITI 2016
Ketua Pelaksana


Al. Agus Subagyo, S.E., M.Si.

iii

Seminar Riset Teknologi Informasi (SRITI) tahun 2016

DAFTAR ISI

HALAMAN JUDUL ..........................................................................................................
SUSUNAN PANITIA SRITI 2016 ....................................................................................
KATA PENGANTAR ........................................................................................................
DAFTAR ISI ......................................................................................................................
MAKALAH:
ALGORITMA GENETIKA UNTUK OPTIMASI STRUKTUR ANFIS .........................

i
ii
iii
iv

1

Ariesta Damayanti, Rudy Cahyadi

ANALISA PENGARUH LOY ALITAS DAN STRES KERJA TERHADAP MOTIVASI
KERJA TENAGA KEPENDIDIKAN DI BAGIAN AKADEMIK STMIK AKAKOM
YOGYAKARTA ...........................................................................................................

8

Heru Agus Triyanto, Dara Kusumawati

ANALISIS ALOKASI MEMORI CITRA BITMAP 24 BIT ............................................ 15
Thomas Edyson Tarigan

ANALISIS ASPEK EMOSIONAL PADA ELEMEN DESAIN WARNA DAN BENTUK 22
Efrans Christian, Djoko Budiyanto S., Y. Sigit Purnomo W. P.

ANALISIS DAN PERANCANGAN SISTEM INFORMASI PEMBAYARAN BIAYA
STUDI MAHASISWA DI STMIK AKAKOM YOGYAKARTA MENGGUNAKAN

PIECES FRAMEWORK ............................................................................................... 30
Cosmas Haryawan, Aloysius Agus S.

ANALISIS KUALITAS SISTEM INFORMASI AKADEMIK BERDASARKAN PERSEPSI
MAHASISWA STMIK AKAKOM YOGYAKARTA ................................................. 38
Hera Wasiati, Sudarmanto

ANALISIS PELACAKAN OBJEK MOBIL DENGAN OPTICAL FLOW PADA KAMERA
DIAM DAN BERGERAK ............................................................................................ 48
Wahyu Supriyatin, Winda Widya Ariestya

ANALISIS PERBANDINGAN KECEPATAN DOWNLOAD FILE PADA BERBAGAI
PROTOKOL JARINGAN ............................................................................................. 57
Wagito

APLIKASI AR-RECONSTRUCTION SEBAGAI PENDUKUNG REKONSTRUKSI
BANGUNAN KOLONIAL ........................................................................................... 64
Veronika Widi Prabawasari, Sarifuddin Madenda, Adang Suhendra

APLIKASI ASISTEN PRAKTIKUM MENGGUNAKAN NODEJS DAN DATABASE

MONGODB (STUDI KASUS LAB STMIK AKAKOM) ........................................... 73
Ahmad Rohman, Indra Yatini B

APLIKASI PENGELOLAAN SKRIPSI DI STMIK AKAKOM YOGYAKARTA
MENGGUNAKAN ARSITEKTUR MICROSERVICE DENGAN Node.js ............... 83
Heri Purnama, Indra Yatini B

ARSITEKTUR INFORMASI PENYELENGGARAAN URUSAN INDUSTRI DAN
PERDAGANGAN PEMERINTAH PROVINSI .......................................................... 89
Indri Koesnadi

iv

Seminar Riset Teknologi Informasi (SRITI) tahun 2016

DESAIN DAN IMPLEMENT ASI SMART HOME SYSTEM PENGENDALI LAMPU
RUMAH BERBASIS ARDUINO MEGA .................................................................... 99
Soleh, Andi Susilo

EVALUASI USABILITAS PADA APLIKASI VIRTUAL REALITY UNTUK

PENDIDIKAN: STUDI KASUS BIOTA LAUT VR ................................................... 107
Erick Paulus, Mira Suryani, Riva Farabi

FAKTOR-FAKTOR YANG MEMPENGARUHI PENERIMAAN MOBILE BANKING
STUDI KASUS : BRI CABANG BAJAWA ................................................................ 114
Yasinta Oktaviana L.Rema, Djoko Budianto Setyohadi

IMPLEMENTASI KONSEP APPRECIATIVE INQUIRY DALAM MODEL GAMIFIKASI
PADA E-MARKETPLACE .......................................................................................... 122
Acun Kardianawati, Hanny Haryanto, Umi Rosyidah

IMPLEMENTASI PENGOLAHAN CITRA UNTUK PENGENALAN CITRA BENDERA
NEGARA BERDASARKAN WARNA ....................................................................... 128
Margi Cahyanti, Ravi A. Salim, Moch. Wisuda S.

INTEGRASI DAN AKSES DATA MULTI DATABASE MENGGUNAKAN
FRAMEWORK YII ....................................................................................................... 138
Badiyanto

INTEGRASI DATA MORBIDITAS PASIEN RAWAT JALAN DI DINAS KESEHATAN

KABUTEN BANTUL ................................................................................................... 148
Totok Suprawoto, Enny Itje Sela, Syamsu Windarti

KAJIAN THINNING AKSARA SUNDA MENGGUNAKAN ALGORITMA KWON-GIKANG ............................................................................................................................ 158
Michael Kevin, Anastasia Rita Widiarti

KOMUNIKASI DATA MOBILE DEVICE DENGAN NEAR FIELD
COMMUNICATION .................................................................................................... 164
LN Harnaningrum, F Wiwiek Nurwiyati

MEMBANGUN SISTEM INFORMASI PELAYANAN PERIZINAN TERPADU BPMPPT
KABUPATEN BELU ................................................................................................... 170
Yapie Yosafat Biredoko, Landung Sudarmana

MEMBANGUN SISTEM PENUNJANG KEPUTUSAN UNTUK INVESTASI SAHAM
DENGAN METODE SAW ........................................................................................... 178
Ignatius Joko Dewanto, MF. Arrozi

MENINGKATKAN KEAMANAN PORT KNOCKING DENGAN KOMBINASI SPECIAL
FEATURES ICMP, SOURCE PORT, DAN TUNNELING ........................................ 187
Edy Haryanto, Widyawan, Dani Adhipta

OPTIMASI PENJADWALAN KOAS DENGAN METODE BRANCH AND PRICE ... 195
Pulut Suryati, Subanar

PEMINATAN JURUSAN SMA MENGGUNAKAN LEARNING VECTOR
QUANTIZATION ......................................................................................................... 204
Edy Prayitno, Achmad Lukman

PEMODELAN ALGORITMA GAXPY PADA SISTEM MULTIPROSESOR .............. 213
Tri Prabawa

v

Seminar Riset Teknologi Informasi (SRITI) tahun 2016

PENENTUAN REKOMENDASI PRODUK DENGAN METODE DATA MINING
ASOSIASI GENERALIZED SEQUENCE PATTERN (GSP) .................................... 218
Elly Muningsih

PENERAPAN SWRL (SEMANTIC WEB RULE LANGUAGE) PADA DOMAIN
ONTOLOGI UNIVERSITAS ....................................................................................... 225
Lasmedi Afuan, Khabib Mustofa

PENGEMBANGAN E-GOVERNMENT (STUDI KASUS DI BAPPEDA KABUPATEN
BANTUL) ...................................................................................................................... 231
Robby Cokro Buwono

PENINGKATAN KUALITAS CITRA X-RAY PARU-PARU MENGGUNAKAN
CONTRAST LIMITED ADAPTIVE HISTOGRAM EQUALIZATION DAN GAUSSIAN
FILTER .......................................................................................................................... 241
Maria Mediatrix Sebatubun

PERANCANGAN ARSITEKTUR SISTEM INFORMASI ENTERPRISE MENGGUNAKAN KERANGKA ZACHMAN PADA PT. SUMBER BUANA MOTOR ...... 248
Erik Setiawan

PERANCANGAN MEDIA EDUKASI PENCEGAHAN PENYAKIT DIARE
PADA ANAK ................................................................................................................ 255
Sari Setyaning Tyas, Nur Salamah

PERANCANGAN SISTEM INFORMASI PENENTUAN BIAYA PRODUKSI MELALUI
SATU DEPARTEMEN PRODUKSI MENGGUNAKAN METODE JOB ORDER
COSTING PADA INDUSTRI MIKRO DAN KECIL ................................................. 260
Sur Yanti

PERANCANGAN VLAN PADA LAB. TI UNIVERSITAS XYZ .................................. 266
Johanes Fernandes Andry, Honni

PERBANDINGAN AHP DAN SAW UNTUK PEMILIHAN PEGAWAI TERBAIK (STUDI
KASUS: STMIK AKAKOM Yogyakarta) ................................................................... 274
Teguh Bambang Sunardi, Danny Kriestanto

PEREKAYASAAN MODEL SISTEM INFORMASI E-LEARNING MENGGUNAKAN
MODIFIKASI TECHNOLOGI ACCEPTANCE MODEL UNTUK PEMBELAJARAN
SISWA SEKOLAH MENENGAH KEJURUAN ......................................................... 283
Y.Yohakim Marwanta

PERENCANAAN STRATEGIS SISTEM INFORMASI MENGGUNAKAN TOGAF
(STUDI KASUS : UNIVERSITAS SATRIA MAKASSAR) ....................................... 294
Ardhyansyah Mualo, A. Djoko Budiyanto

PRINCIPLE COMPONENT ANALYSIS PADA EKSTRAKSI CIRI BAHAN BAKAR
MINYAK ....................................................................................................................... 305
Dini Fakta Sari

PROTOTYPE PENGEMBANGAN APLIKASI EINFORMATION MENGGUNAKAN
METODE USER CENTERED DESIGN DI STIKOM DINAMIKA BANGSA JAMBI
.................................................................................................................................... 311
Ibnu Sani Wijaya, Agus Siswanto

vi

Seminar Riset Teknologi Informasi (SRITI) tahun 2016

RANCANG BANGUN PEMELIHARA LELE OTOMATIS DENGAN PENGATURAN
WAKTU MAKAN DAN PENJAGAAN KUALITAS AIR MENGGUNAKAN
ATMEGA328 ................................................................................................................ 316
Priadhana Edikresnha, Hardiansyah, Eka Budhy Prasetya

REKAYASA APLIKASI PENCARI RUTE LOKASI INDUSTRI MENGGUNAKAN
ALGORITMA ANT COLONY SYSTEM .................................................................... 324
Anwar Hidayat , Agung Budi Prasetyo

SELEKSI CIRI SUARA JANTUNG PADA DOMAIN WAKTU DAN FREKUENSI ... 332
Domy Kristomo, Achmad Rizal, Adi Kusjani

SISTEM INFORMASI AKADEMIK STMIK PGRI TANGERANG MENGGUNAKAN
ENTERPRISE ARCHITECTURE PLANNING (EAP) ............................................... 338
Didi Kurnaedi

SISTEM INFORMASI GEOGRAFIS PERTUMBUHAN HOTEL DI KABUPATEN
BANTUL ....................................................................................................................... 347
Ridwan, Ridi Ferdiana, Silmi Fauziati

SISTEM MONITORING SUHU JARAK JAUH BERBASIS INTERNET OF THINGS
MENGGUNAKAN PROTOKOL MQTT .................................................................... 353
Totok Budioko

SISTEM PEMEROLEHAN INFORMASI KARYA ILMIAH BERBASIS CLUSTER
DENGAN G-MEANS CLUSTERING ......................................................................... 359
Agustinus Agri Ardyan, J.B. Budi Darmawan

SISTEM PENDUKUNG KEPUTUSAN PEMILIHAN MAKALAH SEMINAR
TERBAIK ...................................................................................................................... 362
Deborah Kurniawati, Azhari S.N.

SISTEM PENDUKUNG KEPUTUSAN PENENTUAN JURUSAN BAGI CALON
MAHASISW A BARU STMIK AKAKOM ................................................................. 369
Sari Iswanti, Ari Lutfiani

SISTEM PENDUKUNG KEPUTUSAN PENILAIAN KINERJA KARYAWAN
MENGGUNAKAN METODE ANALYTICAL HIERARCHY PROCESS (AHP) .... 378
Endang Wahyuningsih

TINGKAT KEMATANGAN BUAH PEPAYA DENGAN JARINGAN SYARAF LVQ 388
Hidayat Wahyu Prahara , Enny Itje Sela

vii

Seminar Riset Teknologi Informasi (SRITI) tahun 2016

PERANCANGAN MEDIA EDUKASI PENCEGAHAN
PENYAKIT DIARE PADA ANAK
Sari Setyaning Tyas1), Nur Salamah2)
1, 2)

Desain Grafis Politeknik Negeri Media Kreatif
Jl Srengseng Sawah Jagakarsa Jakarta Selatan
e-mail: sari.tyas87@gmail.com1), nur.salamah.sari@gmail.com2)
ABSTRAK
Penyakit diare masuk dalam 10 (sepuluh) penyakit dengan jumlah penderita terbanyak di Indonesia dan masih
menimbulkan angka Kejadian Luar Biasa (KLB) dinegara - negara berkembang. Tercatat penyakit diare
menempati urutan ke-2 yang paling banyak diderita oleh anak-anak berdasarkan data di puskesmas Ps.Rebo
Jakarta Timur tahun 2015. Cuci tangan pakai sabun terbukti dapat mencegah penyakit diare hingga 50%. Metode
penelitian yang digunakan menggunakan IMSDD (Interactive Multimedia System Design and Development Cycle)
dengan empat tahapan, yaitu melakukan analisa kebutuhan sistem, desain perancangan media edukasi,
implementasi pembuatan antarmuka interaktif menggunakan adobe flash CS6, dan evaluasi yang ditinjau
berdasarkan interaksi manusia dan komputer. Berdasarkan evaluasi yang ditinjau dari aspek interaksi manusia
dan komputer yang dilakukan kepada dokter dan staf di puskesmas Ps.Rebo dapat disimpulkan bahwa media
edukasi CTPS Yuk adalah aplikasi yang simpel dan mudah untuk digunakan, namun perlu ada penambahan
tombol pengembalian aksi pada bagian video CTPS.
Kata Kunci: cuci tangan pakai sabun (ctps), diare, media edukasi CTPS Yuk
ABSTRACT
Diarrhea in the top of 10(ten) disease with highest number of people in Indonesia and still pose a number of
Extraordinary Events in developing countries. In the Ps.Rebo clinic East Jakarta, diarrhea ranks 2nd most suffered
by children in 2015. Hand washing with soap is proven to prevent diarrhea diseases by 50%. The method used
IMSDD (Interactive Multimedia System Design and Development Cycle) with four stages, analysis of system
requirements , design of educational media, interactive interface implementation using Adobe Flash CS6 and
evaluation are reviewed based human and computer interaction . Based on the evaluation in terms of human and
computer interaction aspects that do to the doctors and staff at Ps.Rebo clinic can be concluded that media
education CTPS Yuk is a simple application and easy to use , but need an additional action on the part of the
return button CTPS video.
Keywords: diarrhea, CTPS Yuk education media, hand washing with soap

I. PENDAHULUAN
i Indonesia penyakit diare merupakan masalah kesehatan yang harus mendapat perhatian karena
timbul dalam Kejadian Luar Biasa (KLB) yang disertai dengan tingginya angka kematian. Diare
atau nama lainnya adalah gastroesentris sangat mudah menyerang bayi dan anak - anak.
Biasanya diare memiliki gejala seperti sakit perut, buang air besar terus - menerus yang menyebabkan
tubuh menjadi lemas. Akibat yang muncul dari penyakit diare adalah dehidrasi atau kekurangan cairan
dikarenakan buang air besar terus menerus. Dehidrasi inilah yang membahayakan dan menyebabkan
kematian bagi penderita diare. Berdasarkan data dari WHO sebanyak 6 juta anak meninggal setiap
tahunnya dikarenakan terjangkit penyakit diare[1]. Data buletin Kementrian Kesehatan (2011)
menyebutkan bahwa berdasarkan penyakit menular diare adalah penyebab kematian nomor 3 setelah
TB dan Pneumonia[1]. Penyebab kematian bayi kurang dari 1 tahun dengan prosentase (31,4%),
penyebab kematian balita (usia 12 sampai 59 bulan) dengan prosentase (25,2%)[1].
Penelitian yang dilakukan oleh Purwandari menyebutkan bahwa secara statistik terdapat hubungan
yang signifikan antara diare dan kebiasaan cuci tangan menggunakan sabun, penelitian dilakukan
dengan mengambil objek pada usia anak sekolah di Kabupaten Jember[2]. Penelitian yang dilakukan
oleh Djarkoni menyebutkan bahwa terdapat hubungan antara diare dengan cuci tangan memakai sabun
dengan objek penelitian di SD Advent Sario Manado, dengan nilai p=0,03[3]. Cuci Tangan Pakai Sabun
(CTPS) adalah kampanye sosial untuk pencegahan diare pada anak – anak karena mampu menekan
angka kesakitan diare sebanyak 50 persen dan menekan angka kematian anak – anak setiap tahunnya.
Lima waktu penting Cuci Tangan Pakai Sabun (CTPS) adalah setelah buang air besar (BAB), setelah
membersihkan anak buang air besar (BAB), sebelum menyiapkan makanan, sebelum makan, dan setelah
memegang/menyentuh hewan[4]. Tangan sebagai salah satu media pembawa kuman sehingga CTPS
dapat menjadikan kebiasaan baik yang mampu menggurangi angka kesakitan diare. Oleh karena itu

D

255

Seminar Riset Teknologi Informasi (SRITI) tahun 2016

penulis merancang media edukasi interaktif kepada orang tua dan anak sekolah untuk memberikan
pengetahuan seputar pencegahan penyakit diare dengan membiasakan diri melakukan cuci tangan pakai
sabun. Tujuan penelitian adalah merancang media interaktif untuk memberikan edukasi dalam
melakukan kebiasaan baik cuci tangan pakai sabun di lima waktu penting. Media edukasi ini diberi nama
CTPS Yuk dan dibatasi pada hal-hal berikut ini :
a. Konten materi dari media edukasi pencegahan penyakit diare berupa informasi lima waktu penting
cuci tangan pakai sabun (CTPS)
b. Pembuatan media edukasi menggunakan adobe flash CS6, adobe illustrator CS6 dan adobe after
effect CS6
c. Pembuatan media edukasi dikembangkan untuk tampilan desktop dan tidak terkoneksi intenet
d. Penelitian ini tidak membahas hal-hal yang berkaitan dengan keilmuan kedokteran mengenai penyakit
diare
Metodologi yang digunakan para penelitian ini menggunakan IMSDD (Interactive Multimedia
System Design and Development Cycle)
a. Analisa Kebutuhan Sistem, meliputi pendefinisian sistem, profil pengguna, kebutuhan prangkat keras
dan perangkat lunak, pendistribusian sistem
b. Desain, meliputi metafora desain, format dan tipe file, navigasi
c. Implementasi, pembuatan antarmuka interaktif menggunakan action script 3 pada adobe flash CS6
d. Evaluasi, ditinjau dari aspek interaksi manusia dan komputer
II.METODE PENELITIAN
Tahap pertama pembuatan aplikasi, yaitu penulis melakukan pengumpulan instrumen penelitian
dengan mengambil sampel data di puskesmas kecamatan Ps.Rebo. Target dari tahap ini adalah untuk
mendapatkan data yang akurat seputar jumlah penderita penyakit diare berdasarkan kelompok usia bayi,
balita dan anak sekolah di tahun 2015. Selanjutnya data tersebut diolah sebagai dasar dalam perancangan
karya. Penulis menelaah beberapa jurnal terkait yang memiliki keterkaitan antara penyakit diare dengan
pencegahannya melalui cuci tangan pakai sabun.
Tahap kedua penulis melakukan perancangan interface yang bertujuan untuk melakukan sketsa
tampilan dan isi pada setiap halaman yang dibuat. Perancangan interface disesuaikan dengan target usia
dari user yang akan mengakses media interaktif yang akan dibuat. Target pada tahap ini menghasilkan
perancangan aplikasi menggunakan action script 3 pada adobe flash CS6 untuk membuat aplikasi
menjadi interaktif.
Tahap ketiga membuat videografi cuci tangan pakai sabun. Target dari tahapan ini adalah video cuci
tangan pakai sabun, yang dibuat menggunakan software adobe illustrator dan adobe after effect. Tahap
keempat menentukan perangkat keras yang digunakan untuk mendisplay media interaktif yang dibuat,
media interaktif akan diuji oleh dokter dan staf puskesmas Ps.Rebo.
Peneliti mengambil data pasien tahun 2015 di Puskesmas Kel Kali Sari, Puskesmas Kel Gedong,
Puskesmas Kel Pekayon, Puskesmas Kel Baru dan Puskesmas Kec Ps.Rebo. Berikut data jumlah
kesakitan diare di tahun 2015 :

Gambar 1. Jumlah Kesakitan Diare tahun 2015

Metodologi yang digunakan para penelitian ini menggunakan IMSDD Interactive Multimedia System
Design and Development Cycle [5] :
256

Seminar Riset Teknologi Informasi (SRITI) tahun 2016

A. Analisa Kebutuhan Sistem, meliputi user pengguna sistem, kebutuhan perangkat keras dan perangkat
lunak yang digunakan untuk membuat aplikasi CTPS Yuk
1. Mendefinisikan sistem, CTPS Yuk merupakan aplikasi edukasi interaktif yang memberikan
pengetahuan seputar fakta penyakit diare dan pencegahannya dengan melakukan kebiasaan baik cuci
tangan pakai sabun. Cuci tangan pakai sabun dilakukan pada lima waktu penting yaitu setelah buang
air besar (BAB), setelah membersihkan anak buang air besar (BAB), sebelum menyiapkan makanan,
sebelum makan, dan setelah memegang/menyentuh hewan.
2. Profil user (pengguna), berdasarkan observasi penulis di puskesmas Ps.Rebo pengguna aplikasi
adalah dokter dan staf dipuskesmas Ps.Rebo serta orang tua yang memiliki anak usia bayi hingga sekolah
menengah pertama (SMP).
3. Kebutuhan perangkat keras yang digunakan untuk membuat aplikasi CTPS Yuk diantarannya
MacBook Air 13-inch MJVE2ID/A,
Intel Core i5 dual core 1,6GHz,
SDRAM LPDDR3 1600MHz internal 4GB,
penyimpanan flash 128GB,
intel HD Graphics 6000, OS X,
Mini router Andromax M2P, mouse, pen tablet wacom, printer.
Kebutuhan perangkat lunak diantarannya
software adobe flash CS6,
software adobe Illustrator CS6,
software adobe after effect CS6.
Tahap implementasi menggunakan leptop atau komputer dengan spesifikasi perangkat keras minimal
windows 7, processor core 2 duo, VGA 1 Gb, RAM 2 GB, mouse, keyboard, speaker. Spesifikasi
perangkat lunak adobe flash player dan aplikasi pemutar video.
4. Pendistribusian sistem, aplikasi interaktif akan didistribusikan secara offline menggunakan flash disk.
Videografi
didistribusikan
secara
online
melalui
youtube
dengan
link
https://www.youtube.com/watch?v=zHHlwfk9e5E . Videografi akan ditampilkan pada layar LCD ruang
tunggu pasien puskesmas Ps.Rebo.
B. Desain
1. Metafora desain, pembuatan media interaktif CTPS Yuk mengacu pada data dari buletin Hari Cuci
Tangan Pakai Sabun HCTPS ke-6 Tahun 2013 dan buletin Situasi Diare di Indonesia Tahun 2011 oleh
Kementrian Kesehatan RI.
2. Format file aplikasi (.SWF), format file gambar (.PNG), format file video (.MP4)
3. Navigasi

Gambar 2. Navigasi CTPS Yuk

Pada applikasi CTPS Yuk, pengguna dapat memilih halaman yang akan diakses, yaitu halaman fakta
CTPS yang berisi fakta penting cuci tangan pakai sabun, selanjutnya halaman waktu CTPS yang berisi
lima waktu penting cuci tangan pakai sabun, dan terakhir video CTPS yang berisi videografi rangkuman
dari fakta CTPS dan lima waktu penting CTPS.
III. HASIL
Melakukan implementasi perancangan antarmuka aplikasi yang meliputi pembuatan halaman utama
media edukasi CTPS Yuk, pembuatan video CTPS Yuk, dan pembuatan konten interaktif menggunakan
action script 3 pada adobe flash CS6.
257

Seminar Riset Teknologi Informasi (SRITI) tahun 2016

Gambar 3. Tampilan Halaman Utama Cuci Tangan Pakai Sabun

Gambar 4. Tampilan Video Fakta Cuci Tangan Pakai Sabun

Gambar 5. Tampilan Video Lima Waktu Penting Cuci Tangan Pakai Sabun

IV. PEMBAHASAN
Pada tahap ini dilakukan pengujian (testing) oleh perwakilan dokter dan staf dari puskesmas Ps.Rebo.
258

Seminar Riset Teknologi Informasi (SRITI) tahun 2016

Testing bertujuan untuk menguji kinerja dari aplikasi yang telah dibuat. Pengujian meliputi penggunaan
fungsi tombol, teks, video dan audio. Hasilnya media edukasi CTPS Yuk telah sesuai dengan kebutuhan
yang disyaratkan. Selanjutnya peneliti melakukan evaluasi aplikasi dengan menerapkan delapan aturan
emas perancangan user interface oleh Ben Shneiderman[6][7]. Delapan aturan emas perancangan user
interface disesuaikan dengan aplikasi CTPS Yuk yang telah dibuat. Hasilnya adalah sebagai berikut :
a. Konsistensi, media edukasi CTPS Yuk mempunyai ukuran huruf, jenis huruf, warna dan tombol yang
senada dan konsisten
b. Shortcuts, setiap halaman CTPS Yuk tersedia menu shortcut yang dapat digunakan untuk melihat isi
tampilan menu yang tepat dan sesuai
c. Pencegahan Kesalahan, apabila pengguna melakukan kesalahan maka aplikasi tidak memberikan
umpan balik. Aplikasi tidak mengalami eror namun isi tampilan visualisasi yang dihasilkan tidak
tepat
d. Pengembalikan aksi, pada halaman Fakta CTPS dan Waktu CTPS terdapat menu kembali yang
memudahkan pengguna untuk kembali kehalaman awal aplikasi, namun pada halaman video CTPS
tidak tersedia menu kembali
e. Pusat Kendali, pengguna dapat mengendalikan aplikasi interaktif dengan mudah
f. Ingatan jangka pendek yang dikurangi, tampilan aplikasi CTPS Yuk sangat sederhana dan tidak
terdapat banyak tombol. Sangat memudahkan pengguna untuk mengingat menu dan halaman
aplikasi.
g. Penutupan, CTPS Yuk merupakan aplikasi yang sederhana, apabila pengguna telah selesai
menggunakan aplikasi , maka dapat menekan tombol close yang tersedia di menu utama
h. Umpan balik, CTPS Yuk tidak tersedia menu umpan balik
V. SIMPULAN DAN SARAN
Media edukasi CTPS Yuk berisi informasi seputar fakta tentang CTPS, waktu penting melakukan
CTPS dan video CTPS . Media interaktif CTPS Yuk dapat menjadi sarana edukasi bagi orang tua dan
anak sekolah dalam memahami pentingnya melakukan cuci tangan menggunakan sabun pada lima
waktu penting sehingga menggurangi jumlah anak yang terjangkit penyakit diare. Berdasarkan hasil
evaluasi dengan menerapkan delapan aturan emas perancangan user interface, media interaktif CTPS
Yuk telah sesuai dengan delapan aturan emas perancangan user interface, namun perlu adanya
penambahan tombol pengembalian aksi pada halaman video CTPS.
REFERENSI
[1]
[2]
[3]
[4]
[5]

[6]
[7]

Kementrian Kesehatan RI. Situasi Diare di Indonesia. 2011
Purwandari Retno, Ardiana Anisah, Wantiyah. Hubungan Antara Perilaku Mencuci Tangan Dengan Insiden Diare Pada Anak Usia
Sekolah Di Kabupaten Jember. Jurnal Keperawatan. 2013; Vol.4.(2): 122-130.
Djarkoni Ilham H, Lampus B S. Hubungan Perilaku Cuci Tangan Pakai Sabun Dengan Kejadian Diare Di SD Advent Sario Kota Manado.
Jurnal Kedokteran Komunitas dan Tropik. 2014; Vol.2(No.3):95-98.
Kementrian Kesehatan RI. Panduan Hari cuci Tangan Pakai Sabun HCTPS ke-6 Tahun 2013
Fenty, Pradono Rayi, Nurochmah Dewi. Implementasi Augmented Reality Pada Pengembangan Media Pembelajaran Interaktif Materi
Fotosintesis Untuk Siswa Kelas 5 SD Budi Luhur Pondok Aren. Seminar Nasional Teknologi Informasi dan Komunikasi Terapan
2014(SEMANTIK 2014). Semarang. 2014
Mazumder Fourcan K, Das Utpal K. Usability Guidelines For Usable User Interface. IJRET : International Journal of Research in
Engineering and Technology. 2014; Vol.3(No.9): 79-81.
Pressman, R. Software Engineering : A Practioner’s Approach. McGraw-Hill.2005.

259