DAFTAR

ISI

DAFTAR ISI...............................................................................................................................................
2

Pendahuluan ........................................................................................................................................... 3

Gambaran Umum Aplikasi .................................................................................................................. 3

User Interface Goal Setting ................................................................................................................. 4

1. Karakteristik Pengguna ...................................................................................................................

5

Psychological Characteristics .............................................................................................................. 5

Knowledge and Experience................................................................................................................. 5

Job and Task Characteristics ............................................................................................................... 5

Physical Characteristics ....................................................................................................................... 6

2. Style Guide ......................................................................................................................................

7

Screen Layout and Design ................................................................................................................... 7

Gaya Dialog ......................................................................................................................................... 7

3. Kebutuhan dokumentasi............................................................................................................... 11

4. Pertimbangan teknologi................................................................................................................ 12

5. Struktur dan isi menu.................................................................................................................... 13

6. Pemilihan perangkat interaksi ...................................................................................................... 15

7. Desain umum tampilan (mockup)................................................................................................. 16

CONTOH LAPORAN TUGAS 8. Rancangan akhir tampilan ............................................................................................................ 22

BESAR IMK 9. Pemilihan kontrol.......................................................................................................................... 25

10. Perancangan teks dan pesan .................................................................................................... 26

Aplikasi Rekruitasi Pegawai IT Telkom
11. Perancangan feedback dan panduan........................................................................................ 27

12. Perancangan grafis, ikon, gambar & warna .............................................................................. 28

Berdasarkan tugas besar kelompok JCoo
13. Penutup..................................................................................................................................... 29
disusun oleh:
Anisya 14. Referensi ................................................................................................................................... 29

Institut Teknologi Padang

Padang
2009
1. Pendahuluan User Interface Goal Setting
Tujuan minimal yang dapat diterima oleh pengguna adalah sebagai berikut :
Gambaran Umum Aplikasi
1. Aplikasi ini dapat memberikan kemudahan bagi calon dosen untuk melamar di IT
Institut Teknologi Telkom merupakan sebuah Perguruan Tinggi Swasta (PTS) di
Telkom dan bagi SDM IT Telkom untuk proses rekruitasi calon dosen IT
Jawa Barat yang didirikan oleh Yayasan Pendidikan Telkom (YPT) dengan nama
Telkom dan proses pengolahan data calon dosen yang melamar.
Sekolah Tinggi Teknologi Telkom pada tanggal 28 September 1990.
Selanjutnya, Sekolah Tinggi Teknologi Telkom berkembang dan berubah bentuk 2. Administrator, dalam hal ini adalah SDM IT Telkom, memiliki hak penuh
menjadi Institut Teknologi Telkom, atau disingkat IT Telkom, berdasarkan Keputusan untuk mengelola data yang terdapat dalam aplikasi ini. Misalnya, input data
Dirjen DikTi mulai tanggal status kelulusan calon dosen.
1 Desember 2007. Perubahan ini diharapkan akan membentuk IT Telkom menjadi 3. User terbiasa menggunakan aplikasi sejenis, jadi walaupun sebelumnya belum
perguruan tinggi berkelas internasional yang unggul di bidang Infokom dan menjadi pernah menggunakan aplikasi sejenis, namun dengan menggunakan aplikasi ini,
agen perubahan dalam membentuk insan cerdas dan kompetitif Indonesia. user tidak merasa tertekan karena aplikasi ini user friendly dan ease of use.
Perubahan ini juga membawa konsekuensi bagi IT Telkom untuk terus meningkatkan
4. Penerapan sifat What You See Is What You Get sehingga user hanya perlu
kualitas penyelenggaraan pendidikan, sarana dan prasarana serta mendayagunakan
mengklik menu yang sudah disediakan untuk pindah ke halaman selanjutnya.
segenap potensi yang dimilikinya.
5. Sistem memberikan kontrol penuh kepada user.
Salah satu kegiatan yang dilakukan oleh IT Telkom untuk meningkatkan kualitas
pendidikan adalah proses rekruitasi pegawai IT Telkom. Proses ini biasanya dilakukan
secara manual, dengan menyebarkan pengumuman lowongan di berbagai media,
menerima lamaran calon pegawai dalam bentuk hardcopy yang dikirim via pos,
kemudian melakukan pemanggilan calon lewat surat, melakukan tes di kampus IT
Telkom, dst.

Aplikasi ini dibuat sebagai media yang berfungsi untuk membantu proses rekruitasi
pegawai IT Telkom. Aplikasi ini adalah aplikasi yang berbasis web, sehingga
dapat diakses di mana saja. Bandingkan dengan cara rekruitasi konvensional
yang efisiensinya kurang karena membutuhkan banyak hal yang sebenarnya
tidak dibutuhkan pada aplikasi berbasis web ini. Antara lain pelamar harus
datang ke tempat pendaftaran, membutuhkan banyak biaya, pengelolaan susah, dan
lain lain.

Aplikasi ini memiliki beberapa fungsionalitas antara lain pengumuman rekruitasi,

pendaftaran rekruitasi online, pengecekan status rekruitasi, pengolahan data rekruitasi
personil, dan pelaporan hasil rekruitasi.
2. Karakteristik Pengguna Task Importance High High

Aplikasi ini memiliki dua tipe pengguna, yaitu administrator dan calon dosen. Berikut Task Structure Low Moderate
ini adalah karakteristik kedua pengguna tersebut:
Job Categories Administrator
Psychological Characteristics Turnover Rate Low Low
ADMINISTRATOR CALON DOSEN
Other Tools None Yes
Cognitive Style Verbal / Analytic Verbal / Analytic
Physical Characteristics
Attitude Neutral Positive
ADMINISTRATOR CALON DOSEN
Motivation Moderate High
Color Blind No No

Knowledge and Experience Handedness Both Both

ADMINISTRATOR CALON Gender Both Both

DOSEN

Educational Level Advanced College

Reading Level High High

Typing Skill Advanced Good

Computer Literacy High Moderate

Task Experience High Moderate

System Experience High Moderate

Application Experience High Moderate

Use of Other System None Yes

Job and Task Characteristics

ADMINISTRATOR CALON DOSEN

Frequency of Use Low Low

Primary Training None None

System Use Mandatory Discretionary

3. Style Guide

Screen Layout and Design

Fillin Form

Penggunaan gaya dialog fillin form ini adalah ketika admin

harus memasukkan parameterparameter untuk mengedit aplikasi dan database.

Teks

Dalam aplikasi ini, teks digunakan sebagai sarana interaksi antara user dengan
sistem. Misal pada proses registrasi, captions yang diberikan dapat
menggambarkan apa yang harus dilakukan atau diisi oleh user apabila ia ingin
menjadi member.

Warna

Aplikasi ini menggunakan warna putih, biru, dan hitam sebagai warna dominan.
Tidak ada pembedaan warna untuk tiap user yang menggunakan aplikasi ini.
Kami sengaja memberikan warna yang sederhana dan cukup netral untuk
memberikan rasa nyaman pada user ketika mengakses aplikasi ini.
Direct Manipulation

Gaya Dialog Penggunaan gaya dialog direct manipulation adalah pada saat mengakses
1. Administrator control panel untuk mengedit.

Menu

Penggunaan gaya dialog menu ini, misalnya pada menu login.

 Direct Manipulation
2. Calon Dosen
Penggunaan gaya dialog direct manipulation adalah pada saat user akan
Menu
mencetak artikel dengan menekan icon printer. Dan saat ingin mendapatkan
Penggunaan gaya dialog menu ini adalah pada menu utama yang terdiri dari artikel dalam bentuk pdf dengan menekan icon pdf.
home, informasi rekruitasi, pendaftaran online, pengecekan status rekruitasi,
dan kontak.

Fillin form

Penggunaan gaya dialog fillin form ini adalah pada saat calon
dosen menginput data pada proses pendaftaran dan search.
4. Kebutuhan dokumentasi 5. Pertimbangan teknologi
Berikut ini adalah beberapa pertimbangan teknologi yang diterapkan dalam
Berdasarkan user profile, identifikasi tujuan kemudahan dalam belajar, kami
perancangan antarmuka aplikasi ini:
memutuskan untuk menyediakan dokumentasi di aplikasi ini berupa:

User manual (hardcopy tutorial) untuk administrator ASPEK

PENJELASA
Pertimbangannya adalah karena administrator memiliki profil pengetahuan N
dan kemampuan menengah ke atas (expert) sehingga kebutuhan akan
System Power Karena aplikasi ini berbasis web, system power
dokumentasi termasuk kurang. Administrator memerlukan dokumentasi diharapkan dapat terjamin terusmenerus. Hal ini
yang menjelaskan fungsifungsi kompleks secara terperinci. User manual terutama harus dipastikan pada masa rekruitasi
pegawai, karena calon pegawai dapat mengakses
dibuat dengan struktur yang sesuai dengan task seorang administrator, aplikasi kapan saja dan dari mana saja. Dari
menunjukkan detail dari fungsifungsi yang dibutuhkannya. sisi administrator, karena tidak ada dukungan
backup yang disusun, system power juga harus
User manual yang akan kami buat berisi : terjamin.

o Informasi umum aplikasi Ukuran layar Aplikasi dapat diakses melalui layar berukuran
o Panduan umum penggunaan aplikasi berapapun, mulai dari layar PC besar hingga
o Problem solving perangkat mobile. Aplikasi juga menyediakan fitur
penyesuaian ukuran teks, sehingga pengguna dapat
Online help untuk calon dosen menentukan ukuran teks yang paling sesuai dengan
kebutuhannya. Namun, untuk layar perangkat mobile
Calon dosen memiliki profil pengetahuan dan pengalaman yang beragam, tidak disediakan tampilan khusus yang sesuai dengan
karakteristik dan ukuran layar kecil, sehingga mungkin
namun dapat diasumsikan di bawah pengetahuan dan pengalaman terjadi penurunan kualitas tampilan.
administrator sehingga frekuensi kebutuhan mereka terhadap dokumentasi
Resolusi layar Aplikasi dibangun dan telah diujikan pada berbagai
cukup tinggi, namun tingkat kedalamannya termasuk rendah. Untuk resolusi layar standar, yaitu:
memenuhi kebutuhan tersebut, dokumentasi diberikan dalam bentuk online 800 x 600
help yang menyatu dengan aplikasi yang dibangun dengan gaya tutorial yang 1024 x 768
dapat menjawab pertanyaanpertanyaan semacam: 1280 x 1024
o Apa yang harus saya kerjakan berikutnya? System platform Aplikasi dibangun pada Windows platform sehingga
o Adakah yang salah dari yang telah saya kerjakan? pengaksesan oleh pengguna pada platform tersebut
o Bagaimana caranya saya ? terjamin kualitasnya. Pada platform lain pun aplikasi
o Bisakah saya ?
ini tetap dapat diakses, karena berbasis web.
o Di manakah saya ?
o Bagaimana hal ini bisa terjadi? Syarat utama pengaksesan aplikasi ini adalah browser
o Apa yang akan terjadi jika ? yang sesuai dengan kebutuhan aplikasi, antara lain
o Apa yang bisa saya lakukan dari sini? sudah memiliki dukungan flash pada browser
o Berikan saya gambar/ tampilan utuk menjelaskan hal itu. tersebut.
Karena aplikasi ini ease of use, maka tidak diperlukan adanya training atau pelatihan.
Tools pengembangan Aplikasi ini dikembangkan dengan perangkat:
php sebagai bahasa pemrogramannya
mySql untuk membangun basis datanya
 Halaman ini berisi informasiinformasi terbaru mengenai rekruitasi calon dosen
6. Struktur dan isi menu IT Telkom.
Administrator
Online Registration

Halaman ini berisi form yang harus diisi oleh calon dosen.

Calon dosen harus mengisi field nama, tempat lahir, tanggal lahir, jenis kelamin,
agama, alamat, nomor telepon, email, dan upload persyaratan.

Untuk nama, tempat lahir, tanggal lahir, agama, alamat, nomor telepon, dan
email, dialog style yang digunakan adalah fillin form.

Untuk jenis kelamin, dialog style yang digunakan adalah chooseone menu.

Setelah semua form diisi oleh calon dosen, calon dosen diharuskan untuk
User yang Publik
mengklik send registration data pribadinya.

Check Recruitment Status

Halaman ini tersembunyi. Halaman ini hanya bisa ditampilkan pada saat user
yang telah mendaftar melakukan login.

Contact

Halaman ini berisi alamat yang bisa dihubungi oleh calon dosen yang
User yang Sudah Registrasi ingin melamar untuk mengetahui informasi lebih lanjut.

Login

Halaman ini berisi proses memasukkan username dan password yang dilakukan
oleh user.

Pada saat user sudah klik login, user dapat melihat profile halaman dan
recruitment result.

Isi Menu:

Home

Halaman ini berisi informasi tentang rekruitasi calon dosen IT Telkom

beserta keterangan dan syaratsyarat yang harus dipenuhi bagi para calon dosen.

Recruitment Information
7. Pemilihan perangkat interaksi 8. Desain umum tampilan (mockup)
Dalam aplikasi ini, pengguna berinteraksi dengan aplikasi untuk:

menunjuk sebuah objek di layar

memilih objek/ mengidentifikasinya sebagai pusat perhatian

memasukkan atau manipulasi data/ informasi

Untuk kebutuhan tersebut, digunakan perangkat interaksi berupa:

Keyboard dan mouse : sebagai perangkat masukan

Monitor dan printer : sebagai perangkat keluaran, untuk memproduksi data dalam
bentuk hard copy atau soft copy.

Perangkat monitor digunakan sebagai sarana tampilan utama bagi kedua tipe pengguna
(administrator dan calon pegawai), sedangkan printer diperlukan oleh administrator
untuk mencetak dokumen rekruitasi atau oleh calon pegawai untuk mencetak
pengumuman yang dianggap penting terkait rekruitasi.

Halaman ini adalah halaman yang berisi tentang informasi kapan dan di mana
rekruitasi tahap administrasi, rekruitasi tahap ujian tulis, dan rekruitasi tahap
wawancara akan dilaksanakan. Masingmasing artikel tidak ditampilkan semua.
Disediakan READ MORE.. button yang apabila diklik akan menampilkan
artikel lengkap.
 Ketika SUBMIT button diklik, halaman yang akan muncul selanjutnya adalah
Pada halaman ini calon dosen memasukkan data dirinya pada field yang sudah
tersedia. Saat calon dosen sudah selesai memasukkan data, calon dosen mengklik
SUBMIT button.
Pada halaman pengecekan status rekruitasi, berisi semua daftar nama calon dosen
yang melamar beserta status kelulusannya di tiap tahap perekrutan. Terdapat juga
fungsi search yang memungkinkan calon dosen untuk mencari misalnya nama.

Halaman selanjutnya adalah halaman yang berisi alamat yang bisa dihubungi oleh
calon dosen yang ingin melamar untuk mengetahui informasi yang lebih lengkap.
9. Rancangan akhir tampilan
Halaman Utama
Halaman Informasi Rekruitasi Halaman Contact

Halaman Registrasi Pengguna

Halaman Profil Pengguna

Halaman Hasil Rekruitasi

10. Pemilihan kontrol 11. Perancangan teks dan pesan
Secara umum, font yang digunakan dalam aplikasi ini adalah Calibri dengan ukuran default
Tabel berikut ini menjelaskan berbagai tipe kontrol yang diterapkan dalam aplikasi ini:
11pt. Ukuran font dibedakan pada bagian judul halaman untuk membedakannya dengan
TIPE CONTOH PENJELASAN bagian lain.
KONTROL
Contoh:
Buttons Digunakan
Header/ judul halaman:
pengguna
untuk
mengirimkan
data yang telah
diinput Isi halaman:

Text entry Meminta

masukan teks
dari pengguna

Readonly Menyampaikan
control informasi teks
kepada pengguna

Menu:

Selection Meminta
controls pilihan
pengguna

Combination Pengguna
entry/ dapat memilih
Pengguna dapat memperbesar ataupun memperkecil ukuran font untuk menyesuaikannya
selection memasukkan
controls data dengan dengan selera/ kebiasaan.
mengetik atau
memilih.
12. Perancangan feedback dan panduan 13. Perancangan grafis, ikon, gambar & warna
Penanganan feedback pada aplikasi ini sebagian besar sesuai dengan feedback yang ada Berikut ini adalah grafis, ikon, gambar, dan warna yang digunakan dalam aplikasi ini:
pada aplikasiaplikasi berbasis web lainnya. Beberapa feedback dan panduan yang berbeda/
dirancang khusus adalah untuk penanganan pesan error. TIPE CONTOH PENJELASAN

Contoh rancangan pesan error: Logo Logo Institut

Teknologi
Telkom pada
header, dengan
background yang
senada dengan
warna logonya.

Gambar Gambar pada

header, ilustrasi
tes rekruitasi
pegawai di IT
Pesan error spesifik: Telkom dengan
gradasi warna
biru pada
background.

Simbol Simbol
penyesuaian
ukuran, yang
sudah familiar
bagi pengguna.

Picture Pada halaman

utama, untuk
memberikan
ilustrasi
menyeluruh bagi
pengunjung
situs.

Contoh panduan dalam bentuk grafis:

14. Penutup
Aplikasi ini dibangun untuk mendukung kegiatan rekruitasi pegawai baru di lingkungan
IT Telkom. Aplikasi berbasis web ini diharapkan dapat membantu kegiatan tersebut,
dengan perbaikan proses manual yang selama ini diterapkan.

15. Referensi
Referensi yang menjadi acuan pengerjaan tugas besar ini antara lain :

1. Slide IMK (Interaksi Manusia dan Komputer) Teknik Informatika Institut

Teknologi
Telkom.
2. Sto. 2008. Joomla! 1.5. Jakarta: Jasakom.
3. http://www.ppcindo.com/