Analisis Desain dan Kemudahan Penggunaan Interface Pada Aplikasi Logika Algoritma Menggunakan Parameter HCI -----------------------------------------------------------------------------------------------The Analysis Of Design and Usability Interface on Logic Algorithm Application Using HCI Parameters Endra Rahmawati 1, Sulis Janu Hartati 2 Program Studi Sistem Informasi STIKOM Surabaya
[email protected] 1 ,
[email protected] 2
Abstract The area of expertise of the most interesting in college was computer science, especially with regard to computer programming. Currently, it has provided an application that serves as a learning tool of Logic Algorithms, especially for studying the concept of branching and looping. However, based on the results of previous studies, the application is designed without regard to the design and usability rules. This study was conducted to analyze whether the application can be categorized as a good application or not, based on the criteria of design and usability of HCI. Method of data collection is done by using a questionnaire as a research instrument. The questionnaires research were consisted of 30 questions and 7 parameters, which grouped into 4 design parameters and 3 usability parameters. The four parameters in design is consist of Text and Font Usage, The Colors of Background & Foreground, Button & Icon, and Menu Structure & Navigation. While the three parameters used in usability is Learnability, Flexibility, and Robustness. In each parameters has 3-5 questions to be answered by the user. So that, the total of parameters used in this study was 7 parameters. Based on data processing result that 7 parameters used in the questionnaire, only 6 parameters that can be used to analyze the algorithm logic interface, except robustness parameters. This is because, the results of the questionnaire filling these parameters is lower than other parameters. There is some questions on robustness parameters have netral value. However, with 6 parameters that have an important role in the analysis interface can show the interest level of students to use the application of logic algorithm.
Key Words: Interface Analysis, Logic Algorithm Application, Design Parameters, Usability Parameters, Human Computer Interaction (HCI).
1
A. PENDAHULUAN
dan
1. Latar Belakang
mempermudah
Interaksi Manusia dan Komputer
dibangun
mempelajari Pembuatan
Interaction) merupakan disiplin
memperhatikan
pengetahuan
yang
mengulas
tentang
perancangan, implementasi, dan evaluasi
tujuan
untuk
mahasiswa konsep
(IMK) atau HCI (Human Computer ilmu
dengan
aplikasi
dalam algoritma.
dilakukan
aturan
tanpa
desain
yang
berlaku pada konsep HCI (Rahmawati dan Hartati, 2013).
sebuah aplikasi komputer interaktif. Pada
Sebuah aplikasi dapat dikatakan
konsep HCI telah dikembangkan berbagai
telah menggunakan konsep HCI apabila
aturan
dapat
dibangun menggunakan konsep 4 pilar
pembuatan
usability engineering, yaitu user-centered
aplikasi di berbagai bidang, mulai dari
design processes, guidelines document
aplikasi personal, aplikasi untuk bidang
and processes, user interfaces building
pemerintahan,
untuk
tools, dan expert revies and usability
dan
testing (Shneiderman, 1998). Selain itu,
dan
digunakan
parameter sebagai
kurikulum
yang
acuan
hingga
aplikasi
pendidikan
(Leavitt
terdapat
Shneiderman, 2013).
aturan
desain
untuk
para
Sebuah perguruan tinggi swasta di
pengembang perangkat lunak berbasis
Indonesia, STMIK STIKOM Surabaya
pendidikan lebih dianjurkan berfokus
yang
mayoritas
pada usability dan accessibility (Beale dan
kesulitan
Sharples, 2002.; Moreno, et al, 2008, Al-
mengajarkan konsep dasar pemrograman.
Osaimi, et al, 2012). Mendesain sebuah
Hal
modul pembelajaran multimedia interaktif
memiliki
komputer,
jurusan
mengalami
ini
disebabkan
rendahnya
kemampuan logika algoritma mahasiswa.
dengan
Padahal dalam kurikulum pendidikan
dilakukan
komputer, Mata Kuliah Algoritma dan
groundwork, content design, multimedia
Pemrograman
development, user test, dan improve
ini,
merupakan
subjek
utama di berbagai program pendidikan.
kualitas melalui
yang
tinggi
dapat
5
tahapan,
yaitu
(Camillan Huang, 2005). Berdasarkan
Untuk mengatasi hal tersebut, saat
penelitian
ini telah disediakan sebuah aplikasi yang
tersebut,
berfungsi sebagai alat bantu belajar logika
terdapat 2 elemen terpenting dalam
algoritma, terutama untuk mempelajari
membangun sebuah aplikasi pembelajaran
konsep
berbasis multimedia yaitu dari sisi design
Namun,
percabangan berdasarkan
dan hasil
perulangan. penelitian
sebelumnya, aplikasi tersebut dirancang
dan
dapat
beberapa
usability
diasumsikan
pengguna.
bahwa
Dengan
menggunakan bagian dari konsep HCI 2
tersebut, diharapkan dapat memberikan
perancangan Form Utama Aplikasi dapat
dampak
dilihat pada Gambar 1.
positif
terhadap
ketertarikan
mahasiswa untuk menggunakan aplikasi logika
algoritma
dalam
proses
pembelajaran di kelas.
Rancangan modul 1 berisi form pengisian 3 data yang digunakan sebagai contoh,
yaitu
data
mahasiswa,
data
penduduk, dan data karyawan. 2. Permasalahan Atas dasar pertimbangan pada latar belakang tersebut diatas, maka permasalahan pada penelitian ini adalah : Bagaimana melakukan analisis Interface Aplikasi Logika Algoritma menggunakan 7 parameter HCI, sehingga memiliki daya tarik yang kuat untuk mahasiswa ?
Gambar 1. Form Utama Aplikasi Logika Algoritma
3. Tujuan Secara
khusus,
penelitian
ini
Dari proses pengisian pada setiap
bertujuan untuk menganalisis design dan
modul, dapat diketahui beberapa istilah
usability dari Aplikasi Logika Algoritma
penting pada konsep Pengolahan Data,
yang telah dihasilkan pada penelitian
diantaranya : Model Data Input, Proses
sebelumnya, sehingga diperoleh masukan
Olah Data, Data Modul Output, Nama
– masukan untuk mengem-bangkan dan
Variabel, Konstanta dan Tipe Data.
memperbaiki aplikasi tersebut.
(Gambar 2).
4. Kajian Teori 1 : Aplikasi Logika Algoritma Aplikasi Logika Algoritma yang telah dihasilkan pada penelitian ini terdiri dari 3 modul, yakni Modul Konsep Pengolahan
Data,
Pembuatan
Flowchart,
Tutorial
Pembuatan
Menggunakan
Modul
Raptor.
dan
Tahapan Modul Flowchart Adapun
Gambar 2. Form Pengolahan Data Mahasiswa. 3
Pada gambar 2 dapat dilihat bahwa user harus menginputkan sejumlah data
tampilan video tutorialnya dapat dilihat pada Gambar 4.
pada form yang disediakan. Data tersebut harus diinputkan secara urut, sehingga pada modul 1A, user dikenalkan pada definisi atau arti dari Proses Sekuensial. Sedangkan
pengenalan
proses
percabangan dikenalkan pada sub modul 1B dan proses perulangan dikenalkan pada sub modul 1C. Rancangan
Modul
2
dibagi
Gambar 4. Tampilan Modul 3-Video
menjadi 3 sub modul juga, yaitu modul
Tutorial Pengujian Flowchart
2A, Modul 2B, dan Modul 2C. Adapun
Menggunakan Raptor.
gambar tampilan modul 2 dapat dilihat pada Gambar 3. Tahapan Pembuatan Flowchart dilakukan dengan menekan tombol
disebelah
teksfield
Data
mahasiswa.
5. Kajian Teori 2 : Parameter HCI Berdasarkan ulasan pada bagian latar belakang, pada penelitian ini analisis interface
Aplikasi
Logika
Algoritma
dilakukan menggunakan 2 faktor penting, yaitu faktor design dan usability. Adapun parameter yang digunakan pada faktor design terdiri dari Text and Font Usage, The Colors of Background & Foreground, Button & Icon, and Menu Structure & Navigation. Gambar 3. Form Pembuatan Flowchart.
Modul 3 berisi video tutorial penggunaan Raptor. Raptor merupakan aplikasi untuk menguji apakah flowchart yang sudah dibuat dapat berjalan dengan baik atau tidak. Video Tutorial ini dibuat menggunakan Camtasia Studio. Adapun
Sedangkan paramter pada faktor usability adalah Learnability, Flexibility, and Robustness. Sehingga total parameter keseluruhan berjumlah 7 parameter. a) Parameter Text and Font Usage. Text and Font Usage merupakan aturan pennggunaan jenis huruf yang dipakai, termasuk pada ukuran huruf. 4
b) Parameter The Colors of Background &
adanya navigasi pada setiap halaman akan sangat membantu user untuk kembali ke
Foreground. The Colors of Background &
halaman sebelum (previous page) dan
Foreground merupakan pemilihan warna
selanjutnya (next page).
yang digunakan pada warna background
g) Parameter Robustness
(latar) dan foreground (depan). Pada
Robustness adalah tingkat kehandalan
konsep HCI, penggunaan warna dapat
aplikasi, yang berarti bahwa aplikasi
mempengaruhi
tersebut dapat dioperasikan dengan baik
daya
tarik
dan
kenyamanan penglihatan dan feel user.
oleh user dalam keadaan apapun.
c) Parameter Button & Icon Peletakan aplikasi
Button
harus
&
Icon
disesuaikan
pada dengan
6. Hipotesis Hipotesis yang akan diuji pada
kebutuhan pengguna. Penggunaan tombol
penelitian ini adalah :
dan icon yang mudah ditemukan sangat
H0 : Analisis Interface Aplikasi Logika
membuat user menjadi lebih nyaman.
Algoritma dapat dilakukan dengan baik
d) Parameter Menu Structure & Navigation Peletakan Menu dan Navigasi yang
menggunakan 7 parameter HCI. H1 : Analisis Interface Aplikasi Logika
mudah terbaca dan mudah ditemukan oleh
Algoritma
gagal
dilakukan
user, dapat membuat user lebih nyaman
menggunakan 7 parameter HCI.
dan efektif dalam memperoleh informasi yang diperlukan.
B. METODE PENELITIAN Tahapan Penelitian yang dilakukan
e) Parameter Learnability Learnability
adalah
tingkat
untuk menganalisis interface Aplikasi
kemudahan pengguna untuk memenuhi
Logika Algoritma ini dibagi menjadi 4
tugas dasar sebagai user saat pertama kali
tahap yaitu :
melihat interface aplikasi.
a. Identifikasi Kebutuhan Data Penelitian ini menggunakan data
f) Parameter Flexibility Flexibility adalah tingkat keluwesan
primer
yang
diperoleh
aplikasi, yang berarti bahwa aplikasi
penyebaran
tersebut dibuat dengan konsep frendly
sekolompok mahasiswa dalam 1 kelas
user. Indikator yang dipakai adalah apa
dari Prodi Sistem Informasi STIKOM
yang diinputkan user akan langsung
Surabaya yang terdiri atas 40 orang.
memberikan respon output yang cepat dan
Semua
up-to-date.
mengenal Aplikasi Logika Algoritma,
Serta
memastikan
bahwa
kuesioner
melalui
mahasiswa
tersebut
kepada
telah
5
karena
dipergunakan
perkuliahan
Mata
selama Kuliah
proses
kecil angka yang dipilih menunjukkan
Logika
kesan atau tanggapan negatif.
Algoritma berlangsung.
d. Pengolahan Data Pengolahan data pada penelitian
b. Teknik Pengumpulan Data Teknik pengumpulan data yang
ini
terdiri
atas
pengujian
statistik
diterapkan dalam penelitian ini adalah
terhadap kuesioner yang disebarkan.
dengan penyebaran kuesioner untuk
Pengujian statistik tersebut terdiri atas
menggali
uji validitas kuesioner, uji reliabilitas
data
dalam
penelitian.
Penyebaran kuesioner dilakukan oleh
kuesioner, dan uji kecukupan data.
peneliti secara langsung. Penyebaran kuesioner secara langsung responden
C. HASIL DAN PEMBAHASAN Analisis dilakukan dengan cara
menjawab pertanyaan pada kuesioner dengan
menilai
dan
Aplikasi
Logika
menjalankan
Algoritma
secara
menyebarkan 40 kuesioner pada 1 kelas MK Logika Algoritma yang terdiri dari 40
langsung. c. Penentuan
Skala
Pengukuran
mahasiswa.
Pilihan
jawaban
kuisioner mengggunakan skala likert yang terdiri dari 5 jenis, yaitu Angka 1 :
Instrumen Penelitian Skala pengukuran yang digunakan
Sangat Tidak Setuju (STS), Angka 2 :
dalam penelitian ini adalah skala likert.
Tidak Setuju (TS), Angka 3 : Netral (N),
Pemilihan skala likert dengan rentang 1-
Angka 4 : Setuju (S), Angka 5 : Sangat
5
Setuju (SS). Setiap kuisioner terdiri dari
ini
(bernilai
memudahkan
ganjil)
konsumen
karena untuk
memberikan jawaban berdasarkan isi kuesioner sehingga dapat diperoleh hasil
30 pertanyaan yang terbagi menjadi : 1. Text and Font Usage : 4 pertanyaan 2. The Colors of Background &
yang valid. Dari skala likert tersebut dapat
Foreground : 6 pertanyaan
diketahui sampai sejauh mana tanggapan
3. Button & Icon : 4 pertanyaan
dari
4. Menu Structure & Navigation :
responden
mengenai
desain
interface dan kemudahan penggunaan (usability)
dari
Aplikasi
Logika
4 pertanyaan 5. Learnability : 3 pertanyaan
Algoritma. Semakin besar angka yang
6. Flexibility : 3 pertanyaan
dipilih
7. Robustness : 6 pertanyaan
menunjukkan
kesan
atau
tanggapan positif sebaliknya semakin
6
Pengujian juga dilakukan pada jawaban-jawaban
untuk
jawaban responden terbanyak pada suatu
mengetahui apakah terdapat perbedaan
pertanyaan adalah pada alternatif pilihan
yang signifikan antara jawaban-jawaban
“Netral (N)”, maka pertanyaan tersebut
tersebut. Dengan adanya perbedaan yang
tidak dapat digunakan untuk menganalisis
signifikan tersebut, maka kondisi design
kondisi design dan usability Aplikasi
dan usability Aplikasi Logika Algoritma
Logika Algoritma. Rekapitulasi dari hasil
dapat
jumlah
analisis design dan usability Aplikasi
jawaban responden terbanyak pada setiap
Logika Algoritma dapat dilihat pada
pertanyaan.
Tabel 1 berikut :
dianalisis
responden
Namun demikian, jika jumlah
berdasarkan
Tabel 1. Hasil Perhitungan Kuisioner Desain dan Kemudahan Penggunaan Aplikasi Logika Algoritma
No. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30
Pertanyaan Pertanyaan 1 Pertanyaan 2 Pertanyaan 3 Pertanyaan 4 Pertanyaan 5 Pertanyaan 6 Pertanyaan 7 Pertanyaan 8 Pertanyaan 9 Pertanyaan 10 Pertanyaan 11 Pertanyaan 12 Pertanyaan 13 Pertanyaan 14 Pertanyaan 15 Pertanyaan 16 Pertanyaan 17 Pertanyaan 18 Pertanyaan 19 Pertanyaan 20 Pertanyaan 21 Pertanyaan 22 Pertanyaan 23 Pertanyaan 24 Pertanyaan 25 Pertanyaan 26 Pertanyaan 27 Pertanyaan 28 Pertanyaan 29 Pertanyaan 30
Jumlah Jawaban Responden 19 24 15 15 24 15 21 20 16 16 27 18 17 15 18 22 16 23 15 20 31 15 20 19 16 24 14 21 15 15
Jenis Jawaban Setuju Setuju Netral Sangat Setuju Sangat Setuju Netral Setuju Sangat Setuju Setuju Sangat Setuju Sangat Setuju Sangat Setuju Setuju Sangat Setuju Setuju Setuju Netral Setuju Setuju Netral Sangat Setuju Setuju Sangat Setuju Sangat Setuju Netral Setuju Netral Netral Netral Netral
Prosentase 47.5% 60% 37.5% 37.5% 60% 37.5% 52.5% 50% 40% 40% 67.5% 45% 42.5% 37.5% 45% 55% 40% 57.5% 37.5% 50% 77.5% 37.5% 50% 47.5% 40% 60% 35% 52.5% 37.5% 37.5%
Parameter
Text and Font Usage
The Colors of Background & Foreground
Button & Icon
Menu Structure & Navigation
Learnability
Flexibility
Robustness
7
Berdasarkan
Hasil
maupun kemudahan penggunaan. Hal ini
dapat
mengakibatkan dari 7 parameter yang
menunjukkan jumlah jawaban terbanyak
digunakan untuk menganalisis, ada 6
dari 40 responden (mahasiswa) dari 30
parameter yang berhasil diuji. Oleh
pertanyaan
Pilihan
karena itu, dapat disimpulkan bahwa
oleh
Aplikasi Logika Algoritma secara umum
Perhitungan
jawaban
Tabel
1
Kuisioner
yang yang
diajukan.
banyak
dipilih
responden adalah Netral (N), Setuju (S),
sudah
dan
(SS). Prosentase
interface dan kemudahaan penggunaan
terbanyak
aplikasi sudah memenuhi kriteria HCI
Sangat
jawaban
Setuju
responden
untuk
pilihan jawaban tersebut adalah sebagai
memperhatikan
faktor
desain
(Human Computer Interaction).
berikut : •
Netral (N) sebanyak 52.5% untuk Pertanyaan No.28, dipilih oleh 21
•
•
D. KESIMPULAN Berdasarkan hasil pengujian dan
responden dari 40 responden.
analisis
hasil
kuisioner,
dapat
Setuju (S) sebanyak 60 % untuk
disimpulkan beberapa hal, yaitu sebagai
Pertanyaan no.2 dan no.26 dipilih
berikut :
oleh 24 responden.
a. Analisis Interface Aplikasi Logika
Sangat Setuju (SS) sebanyak 77.5%
Algoritma menggunakan 7 parameter
untuk Pertanyaan no.21 dipilih oleh
yaitu Text and Font Usage, The
31 responden dari 40 responden.
Colors of Background & Foreground,
Namun, yang perlu dilihat pada
Button & Icon, Menu Structure &
tabel pengujian adalah pilihan jawaban
Navigation, Learnability, Flexibility,
Netral (N) paling banyak dipilih user pada
dan Robustness. Dari 7 parameter
parameter Robustness (Pertanyaan no. 25,
tersebut, 6 parameter berhasil diuji
27, 28, 29, 30). Parameter Robustness
kelayakannya,
dibagi menjadi 6 pertanyaan. Dari 6
Robustness.
pertanyaan, 5 pertanyaan dijawab dengan
Robustness
pilihan Netral (N) oleh user. Berdasarkan
hasil
b. Meskipun
pengujian
kecuali
1 tidak
parameter
parameter terpenuhi
yaitu pada
kriteria pengujian, namun dengan 6
tersebut dapat diketahui bahwa parameter
parameter
yang
berhasil
diuji,
Robustness tidak dapat digunakan untuk
Aplikasi Logika Algoritma sudah
menganalisis kondisi interface Aplikasi
dapat dinyatakan sebagai aplikasi
Logika Algoritma, baik dari sisi desain
yang memenuhi syarat HCI (Human Computer Interaction). 8
E. DAFTAR PUSTAKA Moreno, Al-Osaimi, Asma., Al-Sumait, Asmaa.
Lourdes.,
Iglesias,
Ana.,
Martinez, Paloma., Ruiz, Belen
Design Guidelines for
2008. Accessible Interfaces for
Child E-Learning Application with
Educational Multimedia Contents.
an
Kuwait
WALTD ICALT 2008 : The 8th
Journal Science Engineering. 39
IEEE International Conference on
(1B) pp. 149-173.
Advanced Learning Technologies,
2012.
Arabic
Interface.
page 56-60. Beale, Russell., Sharples, Mike. 2002. Design Guides for Developers of Educational Software. BECTA.
Rahmawati, E., Hartati, S.J. 2013. The Application of Computer Aided Learning to Learn Basic Concepts
Huang, Camillan. 2005. Designing HighQuality
Interactive
Multimedia
Of Braching and Looping on Logic
Algorithm.
The
Learning Modules. ELSEVIER
International
Journals. Computerized Medical
Multimedia & Its Applications
Imaging and Graphics 29 (2005)
(IJMA). Vol.5, No.6, December
223-233.
2013 page 15-24.
Leavitt, M., Shneiderman, Ben. 2013.
Journal
of
Shneiderman, Ben. 1998. HCI Research
Research-Based Web Design &
Methods.
Usability Guidelines. Washington,
Computer
DC : U.S. Department of Health
Institute for Advanced Computer
and Human Services (HHS) and
Studies, University of Maryland.
U.S.
General
Department
of
ScienceMember,
Services
Administration (GSA). Ucapan Terima Kasih : 1. DIKTI, atas pemberian Dana Penelitian Hibah Bersaing Tahun 2014. 2. Dr. Dra. Sulis Janu Hartati, M.T. selaku rekan penelitian, sekaligus Dosen Koordinator Mata Kuliah Logika Algoritma Prodi S1 Sistem Informasi STIKOM Surabaya. 3. STIKOM Surabaya, atas pemberian Dana Penelitian Dosen Pemula Internal 2014.
9
Biodata Penulis 1 Nama : Endra Rahmawati, M.Kom. Alamat Kantor : STIKOM Surabaya Jl. Kedung Baruk 98 Surabaya 60298 Email :
[email protected] Endra Rahmawati lahir di Surabaya, 12 Oktober 1987. Ia menyelesaikan kuliah Pasca Sarjana di Magister Teknologi Informasi iSTTS Surabaya tahun 2012. Pada tahun 2009, ia menempuh kuliah Sarjana di Universitas 17 Agustus 1945 Surabaya, pada jurusan Teknik Informatika. Saai ini, ia menjalankan aktivitasnya sebagai Dosen Sistem Informasi di Biodata Penulis 2 Nama : Dr. Dra. Sulis Janu Hartati, M.T. Alamat Kantor : STIKOM Surabaya Jl. Kedung Baruk 98 Surabaya 60298 Email :
[email protected] Sulis Janu Hartati lahir pada 22 Januari 1964 di Kediri, Jawa Timur. Pada tahun 2012, ia menyelesaikan program Doktor pada jurusan Pendidikan Matematika di Universitas Surabaya. Ia menempuh kuliah Pasca Sarjana di jurusan Informatika ITS pada tahun 1998. Tahun 1987, ia memperoleh gelar Sarjana di bidang Matematika Universitas Airlangga Surabaya. Sejak tahun 1988, ia bekerja sebagai Dosen Sistem Informasi di STIKOM Surabaya.
BIDANG KAJIAN : TEKNIK INFORMATIKA / KOMPUTER / MULTIMEDIA
10