Antarmuka pengguna perangkat bergerak pada website Universitas Sanata Dharma - USD Repository

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  

ANTARMUKA PENGGUNA PERANGKAT BERGERAK PADA

WEBSITE UNIVERSITAS SANATA DHARMA

Skripsi

Diajukan untuk Memenuhi Salah Satu Syarat

  

Memperoleh Gelar Sarjana Komputer

Program Studi Teknik Informatika

Oleh :

  

Ermilinda Yosefina Pati

065314070

PROGRAM STUDI TEKNIK INFORMATIKA

JURUSAN TEKNIK INFORMATIKA

FAKULTAS SAINS DAN TEKNOLOGI

UNIVERSITAS SANATA DHARMA

YOGYAKARTA

USER INTERFACE OF MOBILE DEVICE FOR SANATA DHARMA UNIVERSITY WEBSITE

  A Thesis Presented as Partial Fulfillment of the Requirements to Obtain Sarjana Komputer Degree in Informatics Engineering

  By : Ermilinda Yosefina Pati 065314070

  INFORMATICS ENGINEERING STUDY PROGRAM DEPARTMENT OF INFORMATICS ENGINEERING FACULTY SCIENCE AND TECHNOLOGY SANATA DHARMA UNIVERSITY YOGYAKARTA

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

HALAMAN PERSETUJUAN

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  HALAMAN PENGESAHAN

PERNYATAAN KEASLIAN KARYA

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  Bekerja sambil Berdoa - Ora et Labora (Mother Theresa) Jangan pernah berhenti belajar dan terus berkembang terus menambah ilmu seolah-olah selalu kekurangan – Stay hungry, stay foolish (Steve Jobs)

  Rumput tetangga memang lebih hijau. Dan yang saya punya cuma alang-alang. Tidak ada yang buruk dengan alang-alang. Karena segala sesuatu yang Dia berikan itu baik adanya.Yang terpenting adalah : bagaimana saya bisa merapikan alang-alang itu dan memanfaatkan dengan segala keterbatasannya.

  (dari Sahabat)

Kalo ada niat, pasti bisa

(Doraemon)

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  

Skripsi ini saya persembahkan kepada :

Bapa di Surga dan Yesus Kristus Terima kasih Bapa atas karunia kehidupan yang telah diberikan padaku. Terima kasih Yesus, sahabat sejatiku, karena Salib-Mu menjadi teladan terbaik dalam menyelesaikan skripsi ini.

  Bunda Maria Ibu yang luar biasa, terima kasih karena telah menjadi perantara doaku dan selalu mendengarkan keluh kesahku.

  Bapa Petrus Pati dan Mama Susana Tanga Terima kasih atas jerih payah dan doa serta dukungan yang selalu setia diberikan kepadaku seumur hidup terutama dalam menyelesaikan skripsi ini.

  Adik Arning Pati, Yovin Pati, Yonas Pati dan Trisna Pati serta sanak keluarga Sumber keceriaanku dan motivasi agar bisa menjadi anak sulung yang baik.

  Histeris Crew dan

  TI’06 Sanata Dharma

  Terimakasih atas dukungan, semangat, nasihat dan kebersamaan yang diberikan selama menyelesaikan skripsi.

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  

ABSTRAKSI

  Di era teknologi informasi, website digunakan sebagai salah satu media komunikasi dan informasi bagi masyarakat. Kebutuhan akan informasi nilah yang membuat masyarakat luas tidak hanya melihat website-website melalui seperangkat alat komputer namun juga dengan mengggunakan perangkat bergerak. Mobilitas yang tinggi membuat banyak website membangun aplikasi

  

mobile yang menyediakan antarmuka khusus perangkat bergerak agar mudah

  digunakan oleh masyarakat luas dan dapat bermanfaat dalam mengakses informasi yang ada pada website-website tersebut. Universitas Sanata Dharma sebagai salah satu lembaga pendidikan pun memiliki sebagai sarana penyampaian informasi baik kepada mahasiswa maupun masyarakat luas. Dengan melihat kebutuhan mobilitas masyarakat luas, maka diperlukan antarmuka pengguna perangkat bergerak bag

  Ukuran layar perangkat bergerak berbeda dengan desktop. Oleh karena itu, aplikasi Antarmuka Pengguna Perangkat Bergerak www.usd.ac.id ini dibuat dengan menggunakan hasil kuesioner mahasiswa Universitas Sanata untuk menyaring informasi apa saja yang sering diakses. Metode pengembangan sistem menggunakan model LUCID (Logical User Centered Interface Design) dan bahasa pemrograman J2ME.

  Kata kunci : antarmuka pengguna, perangkat bergerak, J2ME, LUCID.

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  

ABSTRACT

  Website is one of the foremost used communication and information media in our society nowadays. This so called needs of sharing information with technology-based urged people to gain website anywhere not merely by using computers but by the mobile device as well. Thus, the website providers are encouraged to build up mobile application with an user interface to be broad accessed and widely usefull for the society.

  Sanata Dharma as one of educational institution has www.usd.ac.id as the website for sharing information and doing communication with students and people in the society. Concerning on the needs of society, the user interface in mobile application should be built in into www.usd.ac.id. Yet, as the size of mobile device is quite different with desktops, this user interface application used for mobile device was made based on questionary data taken from students of Sanata Dharma University. These data are purposed to filter and acknowledge on which information the website is frequently accessed. The method of developing system used LUCID (Logical User Centered Interface Design) model and J2ME proggramming code.

  Keywords: user interface, mobile device, J2ME, LUCID

LEMBAR PERNYATAAN PERSETUJUAN

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

KATA PENGANTAR

  Puji dan syukur kepada Tuhan Yesus Kristus atas segala berkat dan karunia-Nya, sehingga penulis dapat menyelesaikan tugas akhir yang berjudul “Antarmuka Perangkat Bergerak pada Website Universitas Sanata Dharma” ini dengan baik.

  Penulis menyadari bahwa selama proses penelitian dan penyusunan laporan tugas akhir ini, banyak pihak yang telah memberikan bantuan baik berupa dukungan, perhatian, semangat, kritik dan saran yang sangat penulis butuhkan, sehingga pada kesempatan ini penulis ingin mengucapkan terima kasih yang sebesar-besarnya, antara lain kepada :

  1. Bapak Iwan Binanto,S.Si.,laku dosen pembimbing tugas akhir, atas kesabarannya dalam membimbing penulis, meluangkan waktunya, memberikan dukungan, motivasi, serta saran yang sangat membantu penulis.

  2. Bapak Puspaningtyas Sanjoyo Adi, S.T,. M.T. dan Bapak selaku dosen penguji yang telah memberikan saran dan masukan yang berguna dalam tugas akhir ini.

  3. Romo Drs. Stephanus Hari Suparwito, SJ. M.App.IT selaku Ketua BAPSI, terimakasih sudah memberikan kesempatan kepada penulis menimba ilmu di BAPSI. Terimakasih pula untuk mas Cosmas Bramono, selaku karyawan BAPSI, atas bantuan selama penulis menyelesaikan skripsi ini.

  4. Bapakku Petrus Pati dan Ibuku Susana Tanga serta adikk-adikku, Arning Pati, Yovin Pati, Yonas Pati dan Trisna Pati atas doa, semangat, dukungan baik

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

DAFTAR ISI

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  

  

  

  

  

  

  

  

  

  

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  

DAFTAR TABEL

  Tabel 2.1

  8 Karakteristik Perangkat Mobile (Susanto, 2007)………………

Tabel 2.2 Metode HTTP

  request ……………………………………………… 17 Tabel 3.1 Identifikasi masalah www.usd.ac.id/wap .................................

  20 Tabel 3.2 Kisi-kisi kuesioner …………………………………………….. 25

Tabel 3.3 Case processing sumary data uji coba ………………………… 32Tabel 3.4 Reliability statistic data uji coba ………………………………. 32Tabel 3.5 Item-total statistics data uji coba ……………………………… 32Tabel 3.6 Case processing summary uji lapangan ……………………….. 38Tabel 3.7 Reliability statistic uji lapangan ……………………………….. 38Tabel 3.8 Item-total statistics uji lapangan ………………………………. 38

  Tabel 3.9 Data demografi responden (prodi) …………………………….. 42

Tabel 3.10 Data demografi responden (tahun angkatan) ………………….. 42Tabel 3.11 Analisa deskriptif data uji lapangan (item nomor 3-

  7)………… 42

Tabel 3.12 Analisa desktriptif data uji lapangan (item nomor 8-

  14) ……… 43

Tabel 3.13 Analisa desktriptif data uji lapangan (item nomor 15-

  21) …….. 43

Tabel 3.14 Analisa deskriptif data uji lapangan (item nomor 22-

  28) ……... 43

Tabel 3.15 Analisa deskriptif data uji lapangan (item nomor 29-

  34) ……... 43

Tabel 3.16 Mean data uji lapangan tiap item ……………………………… 44Tabel 3.17 Mode data uji lapangan tiap item

  ……………………………… 45

Tabel 3.18 Median data uji lapangan tiap item ……………………………. 46Tabel 5.1 Hasil pengujian halaman utama / home

  ……………………….. 98 Tabel 5.2

  Hasil pengujian halaman Informasi Akademik ……………….. 98

Tabel 5.3 Hasil pengujian halaman Kalender

  Akademik ………………… 99

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  Tabel 5.5 Hasil pengujian halaman Pendaftaran …………………………. 101

  Tabel 5.6 Hasil pengujian halaman Fasilitas …………………………….. 102

Tabel 5.7 Hasil pengujian halaman Agenda

  ……………………………... 102

Tabel 5.8 Hasil pengujian halaman News

  ………………………………... 103

Tabel 5.9 Hasil pengujian halaman Dosen ……………………………….. 103

  Tabel 5.10 Hasil pengujian halaman Kemahasiswaan …………………….. 104

Tabel 5.11 Data uji coba responden uji coba variabel perceived of usefulness ...................................................................................

  108

Tabel 5.12 Data uji coba responden variabel perceived ease of us e ……….. 108Tabel 5.13 Korelasi uji coba variabel perceived of usefulness

  ……………. 109

Tabel 5.14 Korelasi uji coba variabel

  perceived ease of use ………………… 110

Tabel 5.15 Data uji coba nomor ganjil

  perceived of usefulness …………….. 111

Tabel 5.16 Data uji coba nomor genap

  perceived of usefulness ……………. 111

Tabel 5.17 Hasil uji reliabilitas

  perceived of usefulness ……………………... 112

Tabel 5.18 Data uji coba nomor ganjil perceived ease of use ………………. 112Tabel 5.19 Data uji coba nomor genap perceived ease of use

  ………………. 113

Tabel 5.20 Hasil uji reliabilitas perceived ease of use

  ……………………….. 113

Tabel 5.21 Data hasil uji lapangan perceived of usefulness

  ………………….. 116

Tabel 5.22 Data hasil uji lapangan perceived ease of use …………………… 116Tabel 5.23 Tabel kategori skor total perceived usefulness ………………….. 117Tabel 5.24 Tabel kategori skor total perceived ease of use

  …………………. 118

  PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

DAFTAR GAMBAR

  Gambar 2.1 Arsitektur J2ME ……………………………………………… 16

  Gambar 3.1 Konstruk, dimensi dan elemen kuesioner ………………….... 22

Gambar 3.2 Elemen dan item kunjungan ke www.usd.ac.id

  …………….. 23

Gambar 3.3 Elemen dan item fasilitas menu www.usd.ac.id …………….. 23Gambar 3.4 Elemen dan item fasilitas menu www.usd.ac.id

  …………….. 24

Gambar 3.5 Papan tombol handphone

  …………………………………… 48 Gambar 3.6

  Gambaran umum antarmuka ………………………………... 51 Gambar 3.7

  Gambaran antarmuka isi halaman …………………………... 52 Gambar 3.8

  Gambaran halaman daftar judul …………………………….. 52 Gambar 3.9

  Gambaran halaman detail informasi ………………………… 53

Gambar 3.10 Peta situs halaman utama / home

  ……………………………. 53 Gambar 3.11

  Peta situs halaman menu Akademik ………………………… 54 Gambar 3.12

  Peta situs halaman menu Fakultas…………………………... 54 Gambar 3.13

  Peta situs halaman menu Pendaftaran ………………………. 54 Gambar 3.14

  Peta situs halaman menu Fasilitas …………………………... 55

Gambar 3.15 Peta situs halaman menu Agenda ………………………….... 55Gambar 3.16 Peta situs halaman menu News

  ……………………………… 55 Gambar 3.17

  Peta situs halaman menu Dosen …………………………….. 56 Gambar 3.18

  Peta situs halaman Kemahasiswaan ………………………… 56

Gambar 3.19 Desain antarmuka halaman utama …………………………... 58

  Gambar 3.20 Desain antarmuka halaman Akademik ……………………… 58

  Gambar 3.21 Desain antarmuka halaman detail Info Akademik ………….. 60

  Gambar 3.22 Desain navigasi menu Akademik …………………………… 61

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Gambar 3.24 Desain peringatan/alert pencarian Info Akademik

  …………. 62 Gambar 3.25

  Desain konfirmasi kata kunci pencarian Info Akademik …… 62 Gambar 3.26

  Desain tampilan awal menu Kalender ………………………. 63

Gambar 3.27 Desain tampilan nama bulan menu Kalender ……………….. 63Gambar 3.28 Desain antarmuka detail menu Kalender ……………………. 64

  Gambar 3.29 Desain antarmuka halaman menu Fakultas …………………. 64 Gambar 3.30 Desain antarmuka halaman deskripsi fakultas ……………….

  66 Gambar 3.31 Desain antarmuka halaman daftar program studi …………… 66

  Gambar 3.32 Desain antarmuka halaman deskripsi program studi ………. 67

Gambar 3.33 Desain antarmuka halaman menu Pendaftaran ……………… 68Gambar 3.34 Desain antarmuka halaman detail informasi pendaftaran

  …... 69 Gambar 3.35

  Desain antarmuka halaman menu Fasilitas …………………. 70

Gambar 3.36 Desain antarmuka halaman detail informasi fasilitas

  ……….. 71 Gambar 3.37

  Desain antarmuka halaman menu Agenda Kegiatan ………... 71

Gambar 3.38 Desain antarmuka halaman detail informasi Agenda

  72 Kegiatan ……………………………………………………...

Gambar 3.39 Desain antarmuka halaman menu News

  …………………….. 73

Gambar 3.40 Desain antarmuka halaman detail informasi News

  ………….. 74

Gambar 3.41 Desain navigasi menu News

  ………………………………… 75

Gambar 3.42 Desain antarmuka halaman pencarian News

  ………………... 75 Gambar 3.43

  Desain antarmuka halaman pencarian Dosen ……………… 76 Gambar 3.44

  77 Desain antarmuka halaman daftar nama Dosen …………… Gambar 3.45

  Desain antarmuka halaman biodata Dosen …………………. 77 Gambar 3.46

  Desain antarmuka halaman menu Kemahasiswaan …………. 78

Gambar 3.47 Desain antarmuka detail informasi Kemahasiswaan

  ………. 79

Gambar 4.1 Contoh header ………………………………………………. 81

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Gambar 4.3 Contoh slide menu

  …………………………………………... 83

Gambar 4.4 Contoh tab menu

  …………………………………………….. 84 Gambar 4.5

  Implementasi halaman awal ………………………………… 86 Gambar 4.6

  Implementasi halaman menu Akademik ……………………. 87

Gambar 4.7 Implementasi halaman detail informasi akademik …………. 87Gambar 4.8 Implementasi halaman pilih semester sub menu Kalender

  88 Akademik ……………………………………………………

Gambar 4.9 Implementasi halaman pilih bulan sub menu Kalender

  88 Akademik ……………………………………………………

Gambar 4.10 Implementasi halaman detail informasi sub menu Kalender

  89 Akademik …………………………………………………… Gambar 4.11

  Implementasi halaman menu Fakultas ……………………… 89 Gambar 4.12

  Implementasi halaman deskripsi Fakultas ………………….. 90 Gambar 4.13

  Implementasi halaman daftar program studi ……………….. 90

Gambar 4.14 Implementasi halaman deskripsi program studi …………….. 91

  Gambar 4.15 Implementasi halaman menu Pendaftaran …………………... 91

Gambar 4.16 Implementasi halaman detail informasi menu Pendaftaran

  … 92

Gambar 4.17 Implementasi halaman menu Fasilitas

  ……………………… 92

Gambar 4.18 Implementasi halaman detail informasi menu Fasilitas

  …….. 93

Gambar 4.19 Implementasi halaman menu Agenda

  ………………………. 93

Gambar 4.20 Implementasi halaman detail informasi menu Agenda

  ……... 94

Gambar 4.21 Implementasi halaman menu News …………………………….. 94Gambar 4.22 Implementasi halaman detail informasi menu News ………… 95Gambar 4.23 Implementsi halaman pencarian Dosen

  …………………….. 95

Gambar 4.24 I mplementasi halaman daftar nama Dosen ……………........ 96

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

BAB I. PENDAHULUAN

1.1 Latar Belakang

  Perkembangan teknologi dewasa ini semakin mempermudah manusia untuk memperoleh informasi dengan cepat. Hal ini tentu tidak lepas dari peran teknologi internet sebagai media komunikasi dan informasi. Inovasi di dalam teknologi telekomunikasi berkembang dengan cepat dan sesuai dengan perkembangan karakteristik masyarakat sekarang yang memiliki mobilitas tinggi dan mencari layanan informasi yang serba mudah. Saat ini, penggunaan perangkat bergerak (mobile device)seperti telepon seluler, pocket PC dan PDA (Personal Digital

Assistant ) sudah menjadi pemandangan biasa dalam kehidupan sehari-hari.

  Dengan adanya perangkat mobile dan kebutuhan manusia dalam mengakses internet membuat beberapa situs web meluncurkan aplikasi yang dipergunakan khusus untuk perangkat bergerak dengan menggunakan protokol WAP (Wireless

  Application Protocol

  ). Namun, ada pula yang menyediakan aplikasi khusus untuk perangkat bergerak agar para pengunjung dapat mengakses website menggunakan aplikasi yang disediakan oleh pemilik situs website tersebut, misalkan aplikasi Facebook Mobile.

  Universitas Sanata Dharma sebagai salah satu lembaga pendidikan pun menggunakan internet sebagai media penyampaian informasi kepada masyarakat luas yakni melalui situs www.usd.ac.id telah memiliki website yang didesain khusus untuk perangkat bergerak yakni www.usd.ac.id/wap.

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  2 Universitas Sanata Dharma dengan menggunakan WAP (Wireless Aplication

  

Protocol ) versi 1.0 dengan bahasa WML. Mobile website ini memiliki beberapa

  konten informasi yang belum lengkap. Yang ditampilkan pada www.usd.ac.id/wap ini secara umum hanyalah memuat konten Informasi Akademik dan Berita Kegiatan, sedangkan konten informasi lainnya merupakan konten informasi yang berasal dari masing-masing fakultas dan program studi yang ada di Universitas Sanata Dharma. Desain antarmuka pada www.usd.ac.id/wap pun masih memiliki beberapa masalah. Salah satunya yaitu belum ada pembagian yang jelas antara judul dan isi informasi yang ada pada halaman website sehingga pengguna merasa kesulitan untuk membedakan informasi yang satu dengan informasi yang lain. Penggunaan WML pun memiliki kekurangan yakni hanya dapat menampilkan gambar yang berformat WBMP.

  Penggunaan WAP memiliki beberapa kelemahan yakni membutuhkan koneksi terhadap jaringan internet secara permanen, artinya koneksi terus harus terus dilakukan bilamana pengguna menggunakan aplikasi berbasis WAP. Isu keamanan menjadi salah satu kekurangan WAP karena WAP membutuhkan WAP

  gateway untuk menerjemahkan protokol WAP.

  Saat ini, teknologi J2ME banyak digunakan pada aplikasi mobile internet. Teknologi J2ME yang merupakan salah satu platform Java menyediakan koneksi internet menggunakan protokol HTTP, dapat dijalankan pada perangkat secara

  

onfline maupun online, kaya fitur dan memberikan kemudahan bagi developer

untuk membuat aplikasi grafis.

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  3 Dengan segala permasalahan yang ada dan mengingat kebutuhan mobilitas yang tinggi bagi pengguna internet, baiknya bila www.usd.ac.id memiliki suatu aplikasi antarmuka berbasis J2ME yang didesain khusus untuk perangkat bergerak dan aplikasi tersebut tidak mengurangi kebutuhan informasi pengunjung

  1.2 Rumusan Masalah

  Melihat uraian dari latar belakang di atas, maka dirumuskan masalah yaitu bagaimana membuat antarmuka pengguna pada perangkat bergerak yang mudah digunakan dan bermanfaat bagi pengunjung www.usd.ac.id serta menyediakan informasi yang sering dibutuhkan pengunjung.

  1.3 Tujuan Penelitian

  Secara umum, tujuan dari penelitian ini adalah tersedianya antarmuka pengguna pada perangkat bergerak bagi pengunjung www.usd.ac.id yang mudah digunakan dan bermanfaat.

  1.4 Batasan Masalah

  Adapun batasan masalah yang dibuat untuk Tugas Akhir, antara lain sebagai berikut :

  1. Aplikasi antarmuka pengguna yang dibuat merupakan antarmuka pengguna untuk halaman pengunjung website Universitas Sanata Dharma , bukan antarmuka pengguna untuk halaman administrator yang bertugas untuk mengelola website tersebut.

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  4

  2. Antarmuka pengguna yang dibuat tidak menyangkut antarmuka pengguna pada website-website lain yang termasuk dalam konten link-link yang ada di

  3. Pengembangan antarmuka perangkat bergerak ini menggunakan bahasa pemrograman Java2 Micro Edition (J2ME). Protokol yang digunakan adalah HTTP.

  4. Aplikasi antarmuka pengguna diimplementasikan pada ponsel dengan ukuran layar 240x320 piksel.

1.5 Metodologi Penelitian

  Metodologi penelitian yang digunakan untuk membangun Antarmuka Perangkat Bergerak Universitas Sanata Dharma adalah sebagai berikut :

  1. Observasi Mengobservasi websiteap yang diakses secara mobile misalnya melalui handphone dan mengambil kesimpulan akan masalah yang terjadi dengan website tersebut.

  2. Studi literatur Mempelajari teori-teori yang digunakan dalam menyelesaikan Tugas Akhir.

  3. Pengembangan sistem Model pengembangan menggunakan model LUCID/Logical User

  Centered Interaction Design

  (Kreitzberg,2008). Motode ini menggunakan 6 tahap pengembangan sistem yang berorientasi pada

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  5 a. Envision, tahap ini merupakan tahap membangun konsep produk yang meliputi definisi objek bisnis sistem, identifikasi masalah, mengidentifikasi stakeholder, mengembangkan dan menemukan visi dari stakeholder.

  b. Discovery, tahap ini merupakan tahap penelitian dan analisa kebutuhan. Pada tahap ini, penulis meneliti sekaligus menganalisa informasi apa yang paling banyak dicari oleh pengunjung situs dengan menggunakan data hasil kuisioner dan analisa statistika. Tahap ini dimulai dengan pengambilan sampel, pembuatan kuisioner dan analisa hasil kuisioner.

  c. Design foundation, tahap ini merupakan konsep perancangan antarmuka secara visual dengan pembuatan prototip. Menurut Shneiderman, dalam pengembangan antarmuka, prototip dapat berupa paper-based.

  d. Design detail, merupakan tahap perancangan iteratif dan perbaikan.Hasil dari tahap ini merupakan rancangan antarmuka cukup detail beserta perilakunya sehingga pengembang sistem dapat melakukan pengkodean tanpa banyak melakukan klarifikasi atau perbaikan.

  e. Build, merupakan tahap implementasi.

  Pada tahap ini dilakukan juga uji coba menggunakan black box

  testing. Black box testing merupakan pengujian yang memungkinkan

  pengembang software mendapatkan serangkaian kondisi input yang

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  6 sepenuhnya menggunakan semua persyaratan fungsional untuk suatu program (Pressman, 2005).

  f. Release

  4. Pengujian produk kepada pengguna Pengujian produk kepada pengguna dilakukan untuk mengetahui respons pengguna terhadap sistem yang dibuat. Pengujian produk kepada pengguna menggunakan kuesioner milik Fred F Davis (1989).

1.6 Sistematika Penulisan

  Sistematika penulisan penelitian ini adalah sebagai berikut:

BAB I Pendahuluan Bab ini membahas tentang latar belakang pemilihan topik penulisan, rumusan masalah, batasan masalah, tujuan penulisan, metodelogi penelitian. BAB II Landasan Teori Bab ini berisi tentang landasan teori yang digunakan untuk pembahasan dalam penulisan tugas akhir ini. BAB III Analisa dan Desain Sistem Bab ini berisi tentang analisa dan desain sistem secara umum yang akan dikembangkan dalam tahap implementasi program. BAB IV Implementasi Bab ini membahas implementasi desain ke dalam bentuk program yang sesungguhnya, sehingga terbentuk antarmuka pengguna perangkat bergerak. BAB V Analisa Hasil Penelitian

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  7

BAB VI Kesimpulan Bab ini berisi kesimpulan yang menjawab rumusan masalah serta saran demi perbaikan sistem.

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

BAB II. LANDASAN TEORI

2.1. Perangkat Bergerak

  Perangkat bergerak atau yang disebut sebagai mobile device atau mobile

  

phone merupakan perangkat elektronik portabel yang berfungsi sebagaimana

  pesawat telepon normal, yang dapat bergerak pada suatu area yang luas (Susanto,2008). Kebanyakan mobile device saat ini menyediakan layanan akses internet dan WAP (Wireless Application Protocol). Karakteristik perangkat bergerak dapat dilihat pada tabel 2.1

Tabel 2.1 Karakteristik Perangkat Mobile (Susanto, 2007)

  Karakteristik Keterangan Solusi

  Processor lambat Clock CPU mobile antara Jangan lakukan 20 MHz komputasi intensif.

• – 400 MHz

  

Heap memori kecil Objek runtime app dan Minimalkan pembuatan

  variabel diletakkan pada objek dan buang objek

  heap , dan perangkat tak terpakai secepatnya

  bergerak terbatas antara puluhan kB sampai beberapa MB

  Ruang penyimpanan Ruang penyimpanan Optimalkan ukuran aplikasi kecil antara puluhan kB sampai paket aplikasi, gambar beberapa MB ( kecuali dan suara yang menggunakan

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  9 penyimpanan eksternal)

  Ukuran layar kecil Ukuran layar kurang dari Gunakan gambar yang 250x250 kecil pada aplikasi

  Kedalaman warna Mendukung 4096 warna Grafik harus dioptimasi terbatas dan ada pula yang untuk tampilan resolusi mendukung 16 bit rendah. kedalaman warna

  Masa baterai singkat LCD yang terang dan Kurangi pemakaian CPU yang cepat LCD, audio dan vibrasi. membutuhkan baterai yang lebih

2.2. Antarmuka Pengguna

  Menurut Kamus Istilah Teknologi Komputer, antarmuka pengguna atau yang sering dikenal sebagai user interface merupakan aspek sistem komputer atau program yang dapat dilihat, didengar, atau dipersepsikan oleh pengguna yakni manusia dan perintah-perintah ataupun mekanisme yang digunakan pemakai untuk mengkontrol operasi dan memasukan data.

  Menurut Shneiderman (1998), ada 8 aturan yang sering disebut 8 (eight)

  

Golden Rules dalam membuat suatu antarmuka pengguna. Eight Golden Rules

  tersebut antara lain :

  1. Adanya konsistensi

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  10  Konsistensi akan urutan tidakan yang dibutuhkan pada situasi yang sama  Konsistensi pada istilah-istilah yang digunakan pada prompt, menu dan layar bantu  Konsistensi penggunaan warna, layout, huruf yang sebaiknya diterapkan pada seluruh antarmuka.

  2. Memampukan pengguna menggunakan shortcut Meningkatkan kecepatan interaksi menggunakan singkatan, tombol khusus, perintah tersembunyi dan fasilitas makro

  3. Menawarkan umpan balik yang informatif Setiap tindakan user, sistem harus menanggapi dengan cara tertentu.

  Dalam desain web, hal ini dapat dicapai dengan DHTML, misalnya, sebuah tombol akan membuat suara bila diklik atau berubah warna saat diklik untuk menyampaikan kepada pengguna bahwa sesuatu telah terjadi.

  4. Desain dialog untuk menghasilkan suatu penutupan Urutan tidakan harus dikelompokkan ke kelompok awal, tengah dan akhir. Umpan balik yang informatif pada tindakan yang terakhir menunjukan bahwa aktivitas pengguna telah berhasil.

  5. Memberikan pencegahan terhadap kesalahan dan penanganan kesalahan yang mudah.

  Rancangan form tidak membuat user melakukan kesalahan yang fatal.

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  11 kesalahan dan menawarkan penanganan yang mudah, konstruktif dan khusus untuk memperbaiki kesalahan.

  6. Mudah kembali ke tindakan sebelumnya Fitur ini dapat mengurangi kekhawatiaran, pengguna tahu instruksi dapat dibatalkan. Hal ini membuat pengguna pun dapat mengeksplor beberapa pilihan yang kurang familiar.

  7. Mendukung pengendalian internal Pengguna berkeinginan sebagai penanggungjawab atas sistem dan sistem yang menanggapi tindakan mereka. Desain sistem sebaiknya pembuat pengguna sebagai pengontrol bukan sebagai responden.

  8. Mengurangi beban ingatan jangka pendek Keterbatasan pemrosesan informasi manusia pada memori jangka pendek membutuhkan suatu antarmuka yang sederhana, banyaknya halaman dapat dikonsolidasikan, mnemonic, dan urutan tindakan. Menurut Gong dan Tarasewich (2004), golden rules dari Shneiderman belumlah mencukupi untuk membuat suatu antarmuka yang akan diterapkan pada perangkat bergerak. Namun ada 4 golden rules yang dapat dijadikan sebagai titik awal dan juga sebagai dasar yang dapat digunakan untuk mendesain antarmuka pada perangkat bergerak.

  Keempat golden rules tersebut antara lain :

  1. Memampukan pengguna menggunakan fasilitas shortcut

  2. Memberikan umpan balik yang informatif

  3. Mendesain dialog untuk menghasilkan suatu penutupan

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  12

  4. Mendukung tempat pengendali internal Sedangkan 4 aturan lain dari golden rules harus dimodifikasi agar dapat diterapkan pada perangkat bergerak, antara lain :

  1. Konsistensi Konsistensi harus dipelihara antara desktop dan perangkat bergerak.

  2. Mudah kembali ke tindakan sebelumnya Kemudahan terhadap kembali ke tindakan sebelumnya sulit diterapkan pada perangkat bergerak karena kurangnya sumber daya dan daya komputasi.

  3. Memberikan pencegahan dan penanganan kesalahan yang mudah Pencegahan dan penanganan kesalahan pada antarmuka perangkat bergerak sama seperti yang ada pada antarmuka desktop.Ukuran perangkat yang lebih kecil dengan tombol yang letaknya berdekatan antara satu dengan yang lain menjadi suatu masalah yang cukup potensial.

  4. Mengurangi beban ingatan jangka pendek Mengingat keterbatasan ingatan jangka pendek pengguna, antarmuka harus dirancang sedemikian sehingga diperlukan sedikit hafalan.

  Gangguan dalam hal ini lebih berpotensi pada perangkat bergerak dibandingkan dengan desktop komputer.

  Gong dan Tarasewich juga merekomendasikan beberapa aturan perancangan antarmuka yang baru yang dapat diterapkan pada perangkat bergerak. Adapun 7 aturan tersebut antara lain sebagai berikut :

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  13

  1. Desain untuk konteks yang berganda dan dinamis Pengguna dapat mengatur output sesuai dengan kebutuhan misalkan ukuran teks, kecerahan, dan level derau. Pengguna juga dapat menggunakan satu atau tanpa tangan. Usabilty atau tingkat kemudahan penggunaan pada lingkungan yang dinamis juga dapat diadaptasi oleh perangkat melalui perangkat input secara tidak langsung oleh pengguna.

  2. Desain untuk perangkat yang kecil Sebagai teknologi yang terus maju, platform perangkat bergerak akan terus memperkecil ukuran sehingga diperlukan cara untuk mengatasi keterbatasan fisik perangkat bergerak itu sendiri seperti penempatan tombol-tombol. Input berupa suara dapat menjadi alternatif untuk masalah tersebut.

  3. Desain untuk atensi yang terbatas dan terpecah.

  Suatu aplikasi perangkat bergerak sebaiknya tidak hanya berfokus pada kegiatan user.

  4. Desain untuk kecepatan dan perbaikan Pada aplikasi mobile, batasan waktu perlu dipertimbangkan untuk pemulihan kecepatan sumber daya dan pemulihan. Ketika waktu menjadi penting, menunggu beberapa saat agar suatu aplikasi dimulai mungkin tidak membuat pengguna tertarik. Aplikasi sebaiknya aktif dan bekerja dengan cepat.

  5. Desain untuk interaksi model top-down

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  14 Perangkat bergerak memiliki keterbatasan dalam menampilkan informasi dalam suatu waktu. Membaca informasi dalam jumlah yang besar pada beberapa perangkat bergerak memerlukan jumlah scroll yang banyak dan konsentrasi yang penuh. Oleh karena itu, dibutuhkan suatu cara penyajian informasi yang bertingkat atau hirarkis. Dengan demikian, pengguna dapat membuat keputusan, apakah pengaksesan informasi terus dilanjutkan ataukah tidak.

  6. Mengijinkan personalisasi Secara alami, sifat perangkat bergerak lebih personal. Oleh karena itu, pengguna perangkat bergerak bebas menentukan konfigurasi atau pengaturan pada perangkat bergerak yang dimiliki.

  7. Desain untuk enjoynment Aplikasi perangkat bergerak perlu mempertimbangkan estetika yang menjadi salah satu bagian dari desain antarmuka pengguna agar dapat disukai secara visual dan dinikmati secara fungsionalitas. Selain beberapa aturan yang dibuat oleh Gong dan Tarasewich, perancangan antarmuka pun harus memikirkan bagaimana penggunaan suatu aplikasi dapat mudah dipelajari dan diingat serta memberikan kenyamanan. Inilah yang disebut sebagai usability.

  Menurut ISO, usability didefinisikan sebagai tingkat dimana suatu produk bisa digunakan oleh pengguna tertentu untuk mencapai tujuan dengan lebih efektif, efisien dan memuaskan dalam ruang lingkup penggunaan. Abid Warsi (2007) bersama tim dalam Web Credible mendefinisikan 7 aturan usability bagi

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  15 website pada perangkat bergerak. Adapun ke-7 aturan tersebut yakni sebagai berikut :

  1. Memenuhi kebutuhan pengguna dengan cepat 2. Jangan mengulangi navigasi pada setiap halaman.

  3. Perbedaan item yang dipilih jelas 4. Membuat input pengguna yang sederhana.

  5. Hanya menampilkan informasi yang penting atau yang sering dilihat.

  6. Penempatan kontrol dasar browsing pada setiap halaman.

  7. Desain layout halaman yang mobile friendly.

2.3. Java2 Micro Edition (J2ME) 2.3.1. Pengertian J2ME

  Java2 Micro Edition (J2ME) merupakan salah satu platform Java yang didesain untuk meletakkan perangkat lunak Java pada barang elektronik beserta perangkat pendukung. J2ME membawa Java dapat digunakan dalam bidang komunikasi dan informasi tidak hanya melalui seperangkat alat komputer. J2ME dapat digunakan pada perangkat bergerak seperti telepon selular, pager, personal assistant (PDA).

  Arsitektur J2ME dapat dilihat pada gambar 2.1.

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  16

  Profile

  Kumpulan

  Library Configuration

  JVM Sistem Operasi

Gambar 2.1 Arsitektur J2ME

  Configuration

  merupakan Java library minimum dan kapabilitas yang dipunya oleh para pengembang J2ME seperti jenis dan jumlah memori yang tersedia, jenis dan kecepatan prosesor, serta jenis dan sambungan jaringan yang tersedia untuk perangkat bergerak. J2ME memiliki 2 konfigurasi yakni CLDC (Connected Limited Device Configuration) dan CDC (Connected Device

  Configuration ).

  J2ME pun memiliki profile, yang membahas sesuatu yang spesifik tentang suatu perangkat. J2ME memiliki 2 profile yakni MIDP (Mobile

  

Information Device Profile ) dan Foundation Profile. Profile MIDP memiliki