DAFTAR ISI DAFTAR ISI... 2 Pendahuluan... 3 Gambaran Umum Aplikasi... 3 User Interface Gal Setting... 4 1. Karakteristik Pengguna... 5 Psychlgical Characteristics... 5 Knwledge and Experience... 5 Jb and Task Characteristics... 5 Physical Characteristics... 6 2. Style Guide... 7 Screen Layut and Design... 7 Gaya Dialg... 7 CONTOH LAPORAN TUGAS BESAR IMK Aplikasi Rekruitasi Pegawai IT Telkm Berdasarkan tugas besar kelmpk J C disusun leh: Anisya Institut Teknlgi Padang Padang 2009 3. Kebutuhan dkumentasi... 11 4. Pertimbangan teknlgi... 12 5. Struktur dan isi menu... 13 6. Pemilihan perangkat interaksi... 15 7. Desain umum tampilan (mckup)... 16 8. Rancangan akhir tampilan... 22 9. Pemilihan kntrl... 25 10. Perancangan teks dan pesan... 26 11. Perancangan feedback dan panduan... 27 12. Perancangan grafis, ikn, gambar & warna... 28 13. Penutup... 29 14. Referensi... 29
User Interface Gal Setting 1. Pendahuluan Tujuan minimal yang dapat diterima leh pengguna adalah sebagai berikut : Gambaran Umum Aplikasi Institut Teknlgi Telkm merupakan sebuah Perguruan Tinggi Swasta (PTS) di 1. Telkm dan bagi SDM IT Telkm untuk prses rekruitasi caln dsen IT Jawa Barat yang didirikan leh Yayasan Pendidikan Telkm (YPT) dengan nama Seklah Tinggi Selanjutnya, Teknlgi Telkm pada tanggal 28 September Telkm dan prses penglahan data caln dsen yang melamar. 1990. Seklah Tinggi Teknlgi Telkm berkembang dan berubah bentuk Aplikasi ini dapat memberikan kemudahan bagi caln dsen untuk melamar di IT 2. Administratr, dalam hal ini adalah SDM IT Telkm, memiliki hak penuh menjadi Institut Teknlgi Telkm, atau disingkat IT Telkm, berdasarkan Keputusan untuk mengella data yang terdapat dalam aplikasi ini. Misalnya, input data Dirjen DikTi mulai tanggal status kelulusan caln dsen. 1 Desember 2007. Perubahan ini diharapkan akan membentuk IT Telkm menjadi 3. User terbiasa menggunakan aplikasi sejenis, jadi walaupun sebelumnya belum perguruan tinggi berkelas internasinal yang unggul di bidang Infkm dan menjadi pernah menggunakan aplikasi sejenis, namun dengan menggunakan aplikasi ini, agen perubahan user tidak merasa tertekan karena aplikasi ini user friendly dan ease f use. dalam membentuk insan cerdas dan kmpetitif Indnesia. Perubahan ini juga membawa knsekuensi bagi IT Telkm untuk terus meningkatkan kualitas penyelenggaraan pendidikan, sarana dan prasarana serta mendayagunakan 4. mengklik menu yang sudah disediakan untuk pindah ke halaman selanjutnya. segenap ptensi yang dimilikinya. Salah satu kegiatan yang dilakukan leh IT Telkm untuk meningkatkan kualitas pendidikan adalah prses rekruitasi pegawai IT Telkm. Prses ini biasanya dilakukan secara manual, dengan menyebarkan pengumuman lwngan di berbagai media, menerima lamaran caln pegawai dalam bentuk hardcpy yang dikirim via ps, kemudian melakukan pemanggilan caln lewat surat, melakukan tes di kampus IT Telkm, dst. Aplikasi ini dibuat sebagai media yang berfungsi untuk membantu prses rekruitasi pegawai IT Telkm. Aplikasi ini adalah aplikasi yang berbasis web, sehingga dapat diakses di mana saja. Bandingkan dengan cara rekruitasi knvensinal 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, pengellaan susah, dan lain lain. Aplikasi ini memiliki beberapa fungsinalitas antara lain pengumuman rekruitasi, pendaftaran rekruitasi nline, pengecekan status rekruitasi, penglahan data rekruitasi persnil, dan pelapran hasil rekruitasi. Penerapan sifat What Yu See Is What Yu Get sehingga user hanya perlu 5. Sistem memberikan kntrl penuh kepada user.
2. Karakteristik Pengguna Aplikasi ini memiliki dua tipe pengguna, yaitu administratr dan caln dsen. Berikut ini adalah karakteristik kedua pengguna tersebut: Psychlgical Characteristics ADMINISTRATOR CALON DOSEN Cgnitive Style Verbal / Analytic Verbal / Analytic Attitude Neutral Psitive Mtivatin Mderate Knwledge and Experience ADMINISTRATOR DOSEN CALON Educatinal Level Advanced Cllege Reading Level Typing Skill Advanced Gd Cmputer Literacy Mderate Task Experience Mderate System Experience Mderate Applicatin Experience Mderate Use f Other System Nne Yes Jb and Task Characteristics ADMINISTRATOR CALON DOSEN Frequency f Use Lw Lw Primary Training Nne Nne System Use Mandatry Discretinary Task Imprtance Task Structure Lw Mderate Jb Categries Administratr Turnver Rate Lw Lw Other Tls Nne Yes Physical Characteristics ADMINISTRATOR CALON DOSEN Clr Blind N N Handedness Bth Bth Gender Bth Bth
3. Style Guide Screen Layut and Design Fill in Frm Penggunaan gaya dialg fill in frm ini adalah ketika admin harus memasukkan parameter parameter untuk mengedit aplikasi dan database. Teks Dalam aplikasi ini, teks digunakan sebagai sarana interaksi antara user dengan sistem. Misal pada prses registrasi, captins yang diberikan dapat menggambarkan apa yang harus dilakukan atau diisi leh user apabila ia ingin menjadi member. Warna Aplikasi ini menggunakan warna putih, biru, dan hitam sebagai warna dminan. 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. Gaya Dialg 1. Administratr Menu Penggunaan gaya dialg menu ini, misalnya pada menu lgin. Direct Manipulatin Penggunaan gaya dialg direct manipulatin adalah pada saat mengakses cntrl panel untuk mengedit.
2. Caln Dsen Penggunaan gaya dialg direct manipulatin adalah pada saat user akan Menu mencetak artikel dengan menekan icn printer. Dan saat ingin mendapatkan Penggunaan gaya dialg menu ini adalah pada menu utama yang terdiri dari hme, infrmasi rekruitasi, pendaftaran nline, pengecekan status rekruitasi, dan kntak. Fill in frm Penggunaan Direct Manipulatin gaya dialg fill in frm ini adalah pada saat caln dsen menginput data pada prses pendaftaran dan search. artikel dalam bentuk pdf dengan menekan icn pdf.
5. Pertimbangan teknlgi 4. Kebutuhan dkumentasi Berdasarkan user prfile, identifikasi tujuan kemudahan dalam belajar, kami memutuskan untuk menyediakan dkumentasi di aplikasi ini berupa: Berikut ini adalah beberapa pertimbangan perancangan antarmuka aplikasi ini: User manual (hardcpy tutrial) untuk administratr ASPEK Pertimbangannya adalah karena administratr memiliki prfil pengetahuan dan kemampuan menengah ke atas (expert) sehingga kebutuhan akan dkumentasi termasuk kurang. Administratr memerlukan dkumentasi N Karena aplikasi ini berbasis web, system pwer diharapkan dapat terjamin terus menerus. Hal ini terutama harus dipastikan pada masa rekruitasi pegawai, karena caln pegawai dapat mengakses aplikasi kapan saja dan dari mana saja. Dari sisi administratr, karena tidak ada dukungan backup yang disusun, system pwer juga harus terjamin. Ukuran layar Aplikasi dapat diakses melalui layar berukuran berapapun, mulai dari layar PC besar hingga perangkat mbile. Aplikasi juga menyediakan fitur penyesuaian ukuran teks, sehingga pengguna dapat menentukan ukuran teks yang paling sesuai dengan kebutuhannya. Namun, untuk layar perangkat mbile tidak disediakan tampilan khusus yang sesuai dengan karakteristik dan ukuran layar kecil, sehingga mungkin terjadi penurunan kualitas tampilan. Reslusi layar Aplikasi dibangun dan telah diujikan pada berbagai reslusi layar standar, yaitu: administratr, menunjukkan detail dari fungsi fungsi yang dibutuhkannya. User manual yang akan kami buat berisi : Infrmasi umum aplikasi Panduan umum penggunaan aplikasi Prblem slving Online help untuk caln dsen Caln dsen memiliki prfil pengetahuan dan pengalaman yang beragam, namun dapat diasumsikan di bawah pengetahuan dan pengalaman administratr sehingga frekuensi kebutuhan mereka terhadap dkumentasi cukup tinggi, namun tingkat kedalamannya termasuk rendah. Untuk memenuhi kebutuhan tersebut, dkumentasi diberikan dalam bentuk nline help yang menyatu dengan aplikasi yang dibangun dengan gaya tutrial yang 1024 x 768 dapat menjawab pertanyaan pertanyaan semacam: 1280 x 1024 Apa yang harus saya kerjakan berikutnya? Adakah yang salah dari yang telah saya kerjakan? Bagaimana caranya saya? Bisakah saya? Di manakah saya? Bagaimana hal ini bisa terjadi? Apa yang akan terjadi jika? Apa yang bisa saya lakukan dari sini? Berikan saya gambar/ tampilan utuk menjelaskan hal itu. Karena aplikasi ini ease f use, maka tidak diperlukan adanya training atau pelatihan. PENJELASA System Pwer yang menjelaskan fungsi fungsi kmpleks secara terperinci. User manual dibuat dengan struktur yang sesuai dengan task serang teknlgi yang diterapkan dalam System platfrm 800 x 600 Aplikasi dibangun pada Windws platfrm sehingga pengaksesan leh pengguna pada platfrm tersebut terjamin kualitasnya. Pada platfrm lain pun aplikasi ini tetap dapat diakses, karena berbasis web. Syarat utama pengaksesan aplikasi ini adalah brwser yang sesuai dengan kebutuhan aplikasi, antara lain sudah memiliki dukungan flash pada brwser tersebut. Tls pengembangan Aplikasi ini dikembangkan dengan perangkat: php sebagai bahasa pemrgramannya mysql untuk membangun basis datanya
Halaman ini berisi infrmasi infrmasi terbaru mengenai rekruitasi caln dsen 6. Struktur dan isi menu Administratr IT Telkm. Online Registratin Halaman ini berisi frm yang harus diisi leh caln dsen. Caln dsen harus mengisi field nama, tempat lahir, tanggal lahir, jenis kelamin, agama, alamat, nmr telepn, email, dan uplad persyaratan. Untuk nama, tempat lahir, tanggal lahir, agama, alamat, nmr telepn, dan email, dialg style yang digunakan adalah fill in frm. Untuk jenis kelamin, dialg style yang digunakan adalah chse ne menu. Setelah semua frm diisi leh caln dsen, caln dsen diharuskan untuk User yang Publik mengklik send registratin data pribadinya. Check Recruitment Status Halaman ini tersembunyi. Halaman ini hanya bisa ditampilkan pada saat user yang telah mendaftar melakukan lgin. Cntact Halaman ini berisi alamat yang bisa dihubungi leh caln dsen yang User yang Sudah Registrasi ingin melamar untuk mengetahui infrmasi lebih lanjut. Lgin Halaman ini berisi prses memasukkan username dan passwrd yang dilakukan leh user. Pada saat user sudah klik lgin, user dapat melihat prfile halaman dan recruitment result. Isi Menu: Hme Halaman ini berisi infrmasi tentang rekruitasi caln dsen IT Telkm beserta keterangan dan syarat syarat yang harus dipenuhi bagi para caln dsen. Recruitment Infrmatin
7. Pemilihan perangkat interaksi 8. Desain umum tampilan (mckup) Dalam aplikasi ini, pengguna berinteraksi dengan aplikasi untuk: menunjuk sebuah bjek di layar memilih bjek/ mengidentifikasinya sebagai pusat perhatian memasukkan atau manipulasi data/ infrmasi Untuk kebutuhan tersebut, digunakan perangkat interaksi berupa: Keybard dan muse : sebagai perangkat masukan Mnitr dan printer : sebagai perangkat keluaran, untuk memprduksi data dalam bentuk hard cpy atau sft cpy. Perangkat mnitr digunakan sebagai sarana tampilan utama bagi kedua tipe pengguna (administratr dan caln pegawai), sedangkan printer diperlukan leh administratr untuk mencetak dkumen rekruitasi atau leh caln pegawai untuk mencetak pengumuman yang dianggap penting terkait rekruitasi. Halaman ini adalah halaman yang berisi tentang infrmasi kapan dan di mana rekruitasi tahap administrasi, rekruitasi tahap ujian tulis, dan rekruitasi tahap wawancara akan dilaksanakan. Masing masing artikel tidak ditampilkan semua. Disediakan READ MORE.. artikel lengkap. buttn yang apabila diklik akan menampilkan
Ketika SUBMIT buttn diklik, halaman yang akan muncul selanjutnya adalah Pada halaman ini caln dsen memasukkan data dirinya pada field yang sudah tersedia. Saat caln dsen sudah selesai memasukkan data, caln dsen meng klik SUBMIT buttn.
Pada halaman pengecekan status rekruitasi, berisi semua daftar nama caln dsen yang melamar beserta status kelulusannya di tiap tahap perekrutan. Terdapat juga fungsi search yang memungkinkan caln dsen untuk mencari misalnya nama. Halaman selanjutnya adalah halaman yang berisi alamat yang bisa dihubungi leh caln dsen yang ingin melamar untuk mengetahui infrmasi yang lebih lengkap.
9. Rancangan akhir tampilan Halaman Utama
Halaman Infrmasi Rekruitasi Halaman Cntact Halaman Registrasi Pengguna Halaman Prfil Pengguna Halaman Hasil Rekruitasi
11. Perancangan teks dan pesan 10. Pemilihan kntrl Tabel berikut ini menjelaskan berbagai tipe kntrl yang diterapkan dalam aplikasi ini: TIPE KONTROL Buttns CONTOH PENJELASAN Secara umum, fnt yang digunakan dalam aplikasi ini adalah Calibri dengan ukuran default 11pt. Ukuran fnt dibedakan pada bagian judul halaman untuk membedakannya dengan bagian lain. Cnth: Digunakan pengguna untuk mengirimkan data yang telah diinput Text entry Meminta masukan teks dari pengguna Read nly cntrl Menyampaikan infrmasi teks kepada pengguna Header/ judul halaman: Isi halaman: Menu: Selectin cntrls Meminta pilihan pengguna Cmbinatin entry/ selectin cntrls Pengguna dapat memilih memasukkan data dengan mengetik atau memilih. Pengguna dapat memperbesar ataupun memperkecil ukuran fnt untuk menyesuaikannya dengan selera/ kebiasaan.
12. Perancangan feedback dan panduan Penanganan feedback pada aplikasi ini sebagian besar sesuai dengan feedback yang ada 13. Perancangan grafis, ikn, gambar & warna Berikut ini adalah grafis, ikn, gambar, dan warna yang digunakan dalam aplikasi ini: pada aplikasi aplikasi berbasis web lainnya. Beberapa feedback dan panduan yang berbeda/ dirancang khusus adalah untuk penanganan pesan errr. TIPE Cnth rancangan pesan errr: Lg Lg Institut Teknlgi Telkm pada header, dengan backgrund yang senada dengan warna lgnya. Gambar Gambar pada header, ilustrasi tes rekruitasi pegawai di IT Telkm dengan gradasi warna biru pada backgrund. Simbl Simbl penyesuaian ukuran, yang sudah familiar bagi pengguna. Picture Pada halaman utama, untuk memberikan ilustrasi menyeluruh bagi pengunjung situs. Pesan errr spesifik: Cnth panduan dalam bentuk grafis: CONTOH PENJELASAN
14. Penutup Aplikasi ini dibangun untuk mendukung kegiatan rekruitasi pegawai baru di lingkungan IT Telkm. Aplikasi berbasis web ini diharapkan dapat membantu kegiatan tersebut, dengan perbaikan prses manual yang selama ini diterapkan. 15. Referensi Referensi yang menjadi acuan pengerjaan tugas besar ini antara lain : 1. Slide IMK (Interaksi Manusia dan Kmputer) Teknik Infrmatika Institut Teknlgi Telkm. 2. S t. 2008. Jmla! 1.5. Jakarta: Jasakm. 3. http://www.ppcind.cm/