DAFTARISI

DAFTARISI...............................................................................................................................................2 Pendahuluan...........................................................................................................................................3 GambaranUmumAplikasi.................................................................................................................. 3 UserInterfaceGoalSetting................................................................................................................. 4 1. KarakteristikPengguna................................................................................................................... 5 PsychologicalCharacteristics.............................................................................................................. 5 KnowledgeandExperience................................................................................................................. 5 JobandTaskCharacteristics............................................................................................................... 5 PhysicalCharacteristics....................................................................................................................... 6 2. StyleGuide......................................................................................................................................7 ScreenLayoutandDesign................................................................................................................... 7 GayaDialog.........................................................................................................................................7 3. 4. 5. 6. 7. Kebutuhandokumentasi............................................................................................................... 11 Pertimbanganteknologi ................................................................................................................ 12 Strukturdanisimenu.................................................................................................................... 13 Pemilihanperangkatinteraksi...................................................................................................... 15 Desainumumtampilan(mockup) ................................................................................................. 16 Rancanganakhirtampilan............................................................................................................ 22 Pemilihankontrol.......................................................................................................................... 25 Perancanganteksdanpesan.................................................................................................... 26 Perancanganfeedbackdanpanduan ........................................................................................ 27 Perancangangrafis,ikon,gambar&warna.............................................................................. 28 Penutup.....................................................................................................................................29 Referensi...................................................................................................................................29

CONTOHLAPORANTUGASBESARIMK

AplikasiRekruitasiPegawaiITTelkom
BerdasarkantugasbesarkelompokJCoo disusunoleh: AngelinaPK InstitutTeknologiTelkom Bandung 2009

8. 9. 10. 11. 12. 13. 14.

1. Pendahuluan
GambaranUmumAplikasi
Institut Teknologi Telkom merupakan sebuah Perguruan Tinggi Swasta (PTS) di Jawa Barat yang didirikan oleh Yayasan Pendidikan Telkom (YPT) dengan nama Sekolah Tinggi Teknologi Telkom pada tanggal 28 September 1990. Selanjutnya, Sekolah TinggiTeknologiTelkomberkembangdanberubahbentukmenjadiInstitutTeknologi Telkom, atau disingkat IT Telkom, berdasarkan Keputusan Dirjen DikTi mulai tanggal 1 Desember 2007. Perubahan ini diharapkan akan membentuk IT Telkom menjadi perguruan tinggi berkelas internasional yang unggul di bidang Infokom dan menjadi agen perubahan dalam membentuk insan cerdas dan kompetitif Indonesia. PerubahaninijugamembawakonsekuensibagiITTelkomuntukterusmeningkatkan kualitas penyelenggaraan pendidikan, sarana dan prasarana serta mendayagunakan segenappotensiyangdimilikinya. Salah satu kegiatan yang dilakukan oleh IT Telkom untuk meningkatkan kualitas pendidikanadalahprosesrekruitasipegawaiITTelkom.Prosesinibiasanyadilakukan 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 tempatpendaftaran,membutuhkanbanyakbiaya,pengelolaansusah,danlainlain. Aplikasi ini memiliki beberapa fungsionalitas antara lain pengumuman rekruitasi,
pendaftaran rekruitasi online, pengecekan status rekruitasi, pengolahan data rekruitasi personil,danpelaporanhasilrekruitasi.

UserInterfaceGoalSetting
Tujuanminimalyangdapatditerimaolehpenggunaadalahsebagaiberikut: 1. Aplikasi inidapat memberikan kemudahan bagi calon dosen untuk melamar di IT Telkom dan bagi SDM IT Telkom untuk proses rekruitasi calon dosen IT Telkom danprosespengolahandatacalondosenyangmelamar. 2. Administrator, dalam hal ini adalah SDM IT Telkom, memiliki hak penuh untuk mengelola data yang terdapat dalam aplikasi ini. Misalnya, input data status kelulusancalondosen. 3. User terbiasa menggunakan aplikasi sejenis, jadi walaupun sebelumnya belum pernah menggunakan aplikasi sejenis, namun dengan menggunakan aplikasi ini, usertidakmerasatertekankarenaaplikasiiniuserfriendlydaneaseofuse. 4. Penerapan sifat What You See Is What You Get sehingga user hanya perlu mengklikmenuyangsudahdisediakanuntukpindahkehalamanselanjutnya. 5. Sistemmemberikankontrolpenuhkepadauser.

2. KarakteristikPengguna
Aplikasiinimemilikiduatipepengguna,yaituadministratordancalondosen.Berikut iniadalahkarakteristikkeduapenggunatersebut:

TaskImportance TaskStructure JobCategories TurnoverRate CALONDOSEN Verbal/Analytic Positive High OtherTools

High Low Administrator Low None

High Moderate Low Yes

PsychologicalCharacteristics
CognitiveStyle Attitude Motivation ADMINISTRATOR Verbal/Analytic Neutral Moderate

PhysicalCharacteristics
ColorBlind Handedness No Both Both ADMINISTRATOR No Both Both CALONDOSEN

KnowledgeandExperience
EducationalLevel ReadingLevel TypingSkill ComputerLiteracy TaskExperience SystemExperience ApplicationExperience UseofOtherSystem ADMINISTRATOR Advanced High Advanced High High High High None CALONDOSEN College High Good Moderate Moderate Moderate Moderate Yes

Gender

JobandTaskCharacteristics
FrequencyofUse PrimaryTraining SystemUse ADMINISTRATOR Low None Mandatory Low None Discretionary CALONDOSEN

3. StyleGuide
ScreenLayoutandDesign

FillinForm Penggunaan gaya dialog fillin form ini adalah ketika admin harus memasukkanparameterparameteruntukmengeditaplikasidandatabase.

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 menjadimember. 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 memberikanrasanyamanpadauserketikamengaksesaplikasiini. DirectManipulation Penggunaan gaya dialog direct manipulation adalah pada saat mengakses controlpaneluntukmengedit.

GayaDialog
1. Administrator Menu Penggunaangayadialogmenuini,misalnyapadamenulogin.

2.CalonDosen Menu Penggunaan gaya dialog menu ini adalah pada menu utama yang terdiri dari home, informasi rekruitasi, pendaftaran online, pengecekan status rekruitasi, dankontak.

DirectManipulation Penggunaan gaya dialog direct manipulation adalah pada saat user akan mencetak artikel dengan menekan icon printer. Dan saat ingin mendapatkan artikeldalambentukpdfdenganmenekaniconpdf.

Fillinform Penggunaan gaya dialog fillin form ini adalah pada saat calon dosen menginputdatapadaprosespendaftarandansearch.

4. Kebutuhandokumentasi
Berdasarkan user profile, identifikasi tujuan kemudahan dalam belajar, kami memutuskanuntukmenyediakandokumentasidiaplikasiiniberupa: Usermanual(hardcopytutorial)untukadministrator Pertimbangannya adalah karena administrator memiliki profil pengetahuan dan kemampuan menengah ke atas (expert) sehingga kebutuhan akan dokumentasi termasuk kurang. Administrator memerlukan dokumentasi yang menjelaskan fungsifungsi kompleks secara terperinci. User manual dibuat dengan struktur yang sesuai dengan task seorang administrator, menunjukkandetaildarifungsifungsiyangdibutuhkannya. Usermanualyangakankamibuatberisi: o Informasiumumaplikasi o Panduanumumpenggunaanaplikasi o Problemsolving Onlinehelpuntukcalondosen Calon dosen memiliki profil pengetahuan dan pengalaman yang beragam, namun dapat diasumsikan di bawah pengetahuan dan pengalaman administrator sehingga frekuensi kebutuhan mereka terhadap dokumentasi cukup tinggi, namun tingkat kedalamannya termasuk rendah. Untuk memenuhi kebutuhan tersebut, dokumentasi diberikan dalam bentuk online helpyangmenyatudenganaplikasiyangdibangundengangayatutorialyang dapatmenjawabpertanyaanpertanyaansemacam: o o o o o o o o o Apayangharussayakerjakanberikutnya? Adakahyangsalahdariyangtelahsayakerjakan? Bagaimanacaranyasaya? Bisakahsaya? Dimanakahsaya? Bagaimanahalinibisaterjadi? Apayangakanterjadijika? Apayangbisasayalakukandarisini? Berikansayagambar/tampilanutukmenjelaskanhalitu.

5. Pertimbanganteknologi
Berikut ini adalah beberapa pertimbangan teknologi yang diterapkan dalam perancanganantarmukaaplikasiini: ASPEK SystemPower PENJELASAN Karena aplikasi ini berbasis web, system power diharapkan dapat terjamin terusmenerus. Hal ini terutama harus dipastikan pada masa rekruitasi pegawai, karena calon pegawai dapat mengakses aplikasi kapan saja dan dari mana saja. Dari sisi administrator, karena tidak ada dukungan backup yangdisusun,systempowerjugaharusterjamin. Aplikasi dapat diakses melalui layar berukuran berapapun, mulai dari layar PC besar hingga perangkat mobile. Aplikasi juga menyediakan fitur penyesuaian ukuran teks, sehingga pengguna dapat menentukan ukuran teks yang paling sesuai dengan kebutuhannya. Namun, untuk layar perangkat mobile tidak disediakan tampilan khusus yang sesuai dengan karakteristikdanukuranlayarkecil,sehinggamungkin terjadipenurunankualitastampilan. Aplikasi dibangun dan telah diujikan pada berbagai resolusilayarstandar,yaitu: Systemplatform 800x600 1024x768 1280x1024

Ukuranlayar

Resolusilayar

Aplikasi dibangun pada Windows platform sehingga pengaksesan oleh pengguna pada platform tersebut terjamin kualitasnya. Pada platform lain pun aplikasi initetapdapatdiakses,karenaberbasisweb. Syarat utama pengaksesan aplikasi ini adalah browser yang sesuai dengan kebutuhan aplikasi, antara lain sudah memiliki dukungan flash pada browser tersebut.

Toolspengembangan

Aplikasiinidikembangkandenganperangkat: phpsebagaibahasapemrogramannya mySqluntukmembangunbasisdatanya

Karenaaplikasiinieaseofuse,makatidakdiperlukanadanyatrainingataupelatihan.

6. Strukturdanisimenu
Administrator

Halaman ini berisi informasiinformasi terbaru mengenai rekruitasi calon dosen ITTelkom. OnlineRegistration Halamaniniberisiformyangharusdiisiolehcalondosen. Calon dosen harus mengisi field nama, tempat lahir, tanggal lahir, jenis kelamin, agama,alamat,nomortelepon,email,danuploadpersyaratan. Untuk nama, tempat lahir, tanggal lahir, agama, alamat, nomor telepon, dan email,dialogstyleyangdigunakanadalahfillinform. Untukjeniskelamin,dialogstyleyangdigunakanadalahchooseonemenu. Setelah semua form diisi oleh calon dosen, calon dosen diharuskan untuk mengkliksendregistrationdatapribadinya. CheckRecruitmentStatus Halaman ini tersembunyi. Halaman ini hanya bisa ditampilkan pada saat user yangtelahmendaftarmelakukanlogin. Contact Halaman ini berisi alamat yang bisa dihubungi oleh calon dosen yang ingin melamaruntukmengetahuiinformasilebihlanjut. Login Halaman ini berisi proses memasukkan username dan password yang dilakukan olehuser. Pada saat user sudah klik login, user dapat melihat profile halaman dan recruitmentresult.

UseryangPublik

UseryangSudahRegistrasi

IsiMenu:

Home Halaman ini berisi informasi tentang rekruitasi calon dosen IT Telkom beserta keterangandansyaratsyaratyangharusdipenuhibagiparacalondosen.

RecruitmentInformation

7. Pemilihanperangkatinteraksi
Dalamaplikasiini,penggunaberinteraksidenganaplikasiuntuk: menunjuksebuahobjekdilayar memilihobjek/mengidentifikasinyasebagaipusatperhatian memasukkanataumanipulasidata/informasi

8. Desainumumtampilan(mockup)

Untukkebutuhantersebut,digunakanperangkatinteraksiberupa: Keyboarddanmouse:sebagaiperangkatmasukan Monitor dan printer : sebagai perangkat keluaran, untuk memproduksi data dalam bentukhardcopyatausoftcopy. 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 pengumumanyangdianggappentingterkaitrekruitasi.

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.

Pada halaman ini calon dosen memasukkan data dirinya pada field yang sudah tersedia. Saat calon dosen sudah selesai memasukkan data, calon dosen mengklik SUBMITbutton. KetikaSUBMITbuttondiklik,halamanyangakanmunculselanjutnyaadalah

Pada halaman pengecekan status rekruitasi, berisi semua daftar nama calon dosen yang melamar beserta status kelulusannya di tiap tahap perekrutan. Terdapat juga fungsisearchyangmemungkinkancalondosenuntukmencarimisalnyanama.

Halaman selanjutnya adalah halaman yang berisi alamat yang bisa dihubungi oleh calondosenyanginginmelamaruntukmengetahuiinformasiyanglebihlengkap.

9. Rancanganakhirtampilan
HalamanUtama

HalamanInformasiRekruitasi

HalamanContact

HalamanRegistrasiPengguna

HalamanProfilPengguna

HalamanHasilRekruitasi

10. Pemilihankontrol
Tabelberikutinimenjelaskanberbagaitipekontrolyangditerapkandalamaplikasiini:

11. Perancanganteksdanpesan
Secara umum, font yang digunakan dalam aplikasi ini adalah Calibri dengan ukuran default 11pt. Ukuran font dibedakan pada bagian judul halaman untuk membedakannya dengan

TIPE KONTROL Buttons

CONTOH

PENJELASAN

bagianlain. Contoh:

Digunakan pengguna untuk mengirimkan data yang telah diinput Meminta masukan teks daripengguna Menyampaikan informasi teks kepada pengguna

Header/judulhalaman:

Isihalaman:

Textentry Readonly control

Menu:

Selection controls
Meminta

pilihan pengguna Pengguna dapat memilih memasukkan data dengan mengetik atau memilih.
Pengguna dapat memperbesar ataupun memperkecil ukuran font untuk menyesuaikannya denganselera/kebiasaan.

Combination entry/ selection controls

12. Perancanganfeedbackdanpanduan
Penanganan feedback pada aplikasi ini sebagian besar sesuai dengan feedback yang ada pada aplikasiaplikasi berbasis web lainnya. Beberapa feedback dan panduan yang berbeda/ dirancangkhususadalahuntukpenangananpesanerror. Contohrancanganpesanerror:

13. Perancangangrafis,ikon,gambar&warna
Berikutiniadalahgrafis,ikon,gambar,danwarnayangdigunakandalamaplikasiini:

TIPE Logo

CONTOH

PENJELASAN Logo Institut Teknologi Telkom pada header, dengan background yang senada dengan warnalogonya. Gambar pada header, ilustrasi tes rekruitasi pegawai di IT Telkom dengan gradasi warna biru pada background. Simbol penyesuaian ukuran, yang sudah familiar bagipengguna. Pada halaman utama, untuk memberikan ilustrasi menyeluruh bagi pengunjung situs.

Gambar
Pesanerrorspesifik:

Simbol

Picture

Contohpanduandalambentukgrafis:

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 perbaikanprosesmanualyangselamainiditerapkan.

15. Referensi
Referensiyangmenjadiacuanpengerjaantugasbesariniantaralain: 1. SlideIMK(InteraksiManusiadanKomputer)TeknikInformatikaInstitutTeknologi Telkom. 2. Sto.2008.Joomla!1.5.Jakarta:Jasakom. 3. http://www.ppcindo.com/