TUGAS MATA KULIAH PERANCANGAN PERANGKAT LUNAK TINJAUAN SINGKAT ASPEK-ASPEK HUMAN COMPUTER INTERACTION TERHADAP RANCANGAN TAMPILAN

ANTARMUKA APLIKASI DIKLAT KARYAWAN (ADIK) Dosen Pengampu : Dr. Ema Utami, S.Si, M.Kom

Disusun Oleh : Kelompok 2 Abdul Haq (339490) Adkhan Sholeh (341670) Edy Subowo (339658) Eny Maria (340284) Ganang Surya Atmaja (336875) Siti Puspita (336851) Vittalis Ayu (336520)

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM PROGRAM S2-ILMU KOMPUTER UNIVERSITAS GADJAH MADA YOGYAKARTA 2012

1. Deskripsi Masalah Setiap pekerjaan yang ada di suatu perusahaan merupakan mata rantai yang akan selalu menunjang pekerjaan yang lain dalam menghasilkan suatu produk barang ataupun jasa. Apabila satu pekerjaan dapat dikerjakan baik maka akan berdampak baik pada pekerjaan lainnya,namun apabila ada pekerjaan yang tidak diselesaikan sesuai target maka akan menghambat pekerjaan lainnya sehingga menurunkan produktifitas kerja. Ada berbagai cara untuk meningkatkan kualitas kerja. Salah satunya adalah meningkatkan kemampuan sumber daya manusia dengan mengadakan diklat kerja [M Mursidi, 2012]. Diklat kerja ini ditujukan kepada para karyawan untuk memberikan wawasan dalam bidang kerjanya sendiri maupun bidang kerja yang lain. Karyawan diharapkan mampu untuk menanggulangi permasalahan yang ada di dalam bidangnya serta menjalin suatu kolaborasi yang baik untuk mencapai tujuan perusahaan [LPPI, 2010]. Pengadaan diklat kerja yang dilakukan oleh suatu perusahaan bertujuan untuk meningkatkan kualitas sumber daya manusia di dalamnya [M Mursidi, 2012]. Ada beberapa proses yang harus kita lalui apabila akan mengikuti suatu diklat antara lain: a. Proses pendaftaran b. Proses pemilihan jenis diklat, pencetakan identitas diklat c. Proses evaluasi diklat Semua proses diatas biasanya dilakukan secara manual dengan penyetoran berkasberkas dan membutuhkan waktu yang lama. Di lain pihak, waktu dan keterbatasan ruang gerak karyawan terkadang menjadi kendala dalam proses pendaftaran diklat, proses pelaksanaan diklat dan proses evaluasi diklat. Oleh karena itu diharapkan proses proses diatas dapat lebih efisien, dapat dilakukan dalam waktu yang singkat, dan dapat dilakukan dimana saja [Aswandi, 2006]. jadwal diklat, dan pencetakan kartu

2. Analisis Kebutuhan Program diklat yang dilakukan dengan menual akan membutuhkan waktu dan sumberdaya lebih, sebagai solusinya maka diperlukan aplikasi untuk mengambil alih pengolahan data menangani pelayanan program diklat tersebut. untuk aplikasi perorangan diklat karyawan ini akan disebut Aplikasi Diklat Karyawan (ADIK). ADIK akan dibangun berbasis website karena merupakan aplikasi untuk investasi, maka terlebih dahulu dilakukan perbandingan dan pembelajaran dengan aplikasi yang sudah ada sebelumnya pada Yogya Eksekutif School (YES) http://www.yesjogja.com/kontak/. Pengembangan pada ADIK akan

dilakukan di mana pada YES, diklat dilakukan per paket yang mana kelas diklat adalah sesuai dengan jumlah dan diklat yang dipesan oleh instansi pengutus. Sedangkan untuk ADIK ini kelas diklat dilakukan selain diklat pesanan perusahaan maka ada kelas diklat rutin yang mana diadakan per bulan dan peserta bisa dari perorangan atau instansi baik dari satu instansi maupun berbeda dengan ketentuan kuota masih ada. Berikut ini merupakan poin poin kebutuhan yang harus bisa dilakukan oleh ADIK [Aswandi, 2006] : 1. Menangani pendaftaran diklat 2. Menangani pemilihan jenis diklat 3. Menangani pencetakan jadwal diklat 4. Menangani pencetakan kartu identitas diklat 5. Mengelola evaluasi diklat beserta nilainya 6. Menyediakan materi diklat 7. Menyediakan profil penyaji

2.1

Spesifikasi Kebutuhan

Spesifikasi Proses Dalam ADIK ini terdapat proses-proses sebagai berikut: [Pressman, 2002] a. Proses Pendaftaran Peserta Syarat untuk mengikuti diklat adalah setiap calon peserta sedang tidak mengikuti diklat ditempat lain, sedang bekerja pada sebuah perusahaan dan diberi izin untuk mengikuti diklat dari manajer perusahaannya. Dalam proses pendaftaran diklat ini calon peserta mendaftar secara perseorangan dengan memasukkan indentitas untuk membuat akun dan password terlebih dahulu. Selain itu calon peserta harus memilih salah satu jenis diklat dan calon peserta tidak dapat mengubah jenis diklat setelah melakukan pembayaran. Setelah calon peserta diklat membayar uang pendaftaran, maka peserta akan menerima konfirmasi melalui email yang digunakan ketika mendaftar. Lembar konfirmasi ini harus dalam bentuk print out untuk mengambil fasilitas diklat pada hari pertama diklat. b. Proses Informasi Diklat Setelah mendapat email konfirmasi, peserta dapat melakukan login untuk mendownload jadwal dan materi diklat. Selain itu peserta juga dapat melihat

informasi identitas yang dimasukkan ketika mendaftar. Proses ini diumumkan secara online.

c. Proses Kegiatan Diklat Setelah peserta diklat mendapatkan jadwal dan materi diklat, pada hari pertama diklat, peserta membawa lembar konfirmasi untuk mendapatkan fasilitas dari diklat seperti buku tulis, pulpen dan fasilitas diklat lainnya yang disesuaikan dengan pilihan diklat peserta. Waktu pengambilan fasilitas diklat dilakukan sejam sebelum kegiatan diklat dimulai. Tujuan registrasi diklat ini untuk melihat absensi peserta dan memastikan peserta yang berhak mengikuti diklat sesuai dengan syarat-syarat kegiatan diklat yang diadakan.

d. Proses Evaluasi Diklat Proses ini dilakukan setelah kegiaan diklat selesai dengan tujuan untuk melihat sejauh mana kemampuan peserta setelah mengikuti diklat dan apakah peserta telah sesuai dengan kriteria penilaian diklat. Kegiatan ini juga sebagai masukan untuk perbaikan atau pengembangan kegiatan diklat selanjutnya.

e. Proses Pengambilan Sertifikat Diklat Proses ini dilakukan pada hari terakhir diklat atau paling lambat seminggu setelah diklat. Sertifikat ini dapat diambil di kantor pusat diklat atau di lokasi kegiatan diklat diadakan. Sertifikat diklat ini akan berupa selembar kertas yang berisi penilaian dari setiap materi yang diajarkan pada waktu diklat. Lembar sertifikat ini juga dapat didownload pada menggunakan login yang diberikan sebelumnya. Penilaian ini berguna bagi peserta untuk mengembangkan kemampuan dan melihat potensi yang dimiliki masing masing peserta sesuai dengan bidang keahlian atau diklat yang diikuti. Dari hasil diklat ini juga peserta dapat mengikuti diklat-diklat selanjutnya yang berkaitan atau bila hasil yang didapatkan sudah memuaskan peserta maka hal ini sangat memiliki nilai positif bagi pusat diklat karena sudah mengadakan diklat tersebut.

Spesifikasi Modul a. Modul peserta Dalam modul ini disediakan layanan-layanan yang diperuntukkan bagi peserta diklat. Layanan-layanan tersebut, selain layanan untukproses-proses di atas, adalah layanan untuk menampilkan data-data lengkap tentang identitas peserta dan pemateri serta materi lengkap masing-masing pemateri yang dapat didownload.

b. Modul pemateri Dalam modul ini disediakan layanan-layanan yang diperuntukkan bagi pemateri. Layanan-layanan tersebut, selain layanan untuk proses-proses di atas adalah layanan untuk menampilkan data-data lengkap peserta diklat dalam kelasnya.

c. Modul internal Dalam modul ini disediakan layanan-layanan untuk proses-proses di atas yang diperuntukkan bagi administrator dan pegawai perusahaan diklat yang mengurusi kegiatan diklat ini. Proses-proses yang termasuk dalam modul ini adalah: Konfirmasi pendaftaran peserta diklat; Penjadwalan kegiatan diklat; Penjadwalan evaluasi diklat; Penjadwalan pengambilan sertifikat diklat; Evaluasi diklat;

Spesifikasi Komunikasi Supaya pelayanan menjadi lebih efektif dan efisien, maka ada beberapa proses dan layanan dari pusat diklat yang harus dapat diakses secara online melalui internet, yaitu: Proses pendaftaran peserta atau pembuatan akun dan password bagi peserta yang baru mengikuti diklat; Proses pengumuman jadwal dan pengambilan materi diklat yang dilakukan setelah peserta mendapat email konfirmasi dan setelah melakukan pembayaran Layanan pengumuman jadwal evaluasi diklat dan pengambilan sertifikat diklat Sedangkan untuk menjamin keamanan, maka proses dan layanan yang ada padamodul internal, harus hanya bisa diakses melalui workstations yang

diperuntukkan khusus bagi administrator dan manajer perusahaan yang mengadakan diklat tersebut Selain itu kegiatan pendaftaran ulang peserta secara offline sesuai dengan proses diatas adalah pengambilan fasilitas diklat pada hari pertama diklat diklat di lokasi diklat.

Spesifikasi Data Data Peserta No peserta Alamat Email Kata Sandi Nama Lengkap Alamat Tempat lahir Tanggal lahir Pekerjaan Foto Data peserta tersebut diinputkan oleh peserta langsung lewat browser. Data Pemateri NIK Nama Lengkap Spesifikasi/Keahlian Data pemateri tersebut diinputkan oleh admin. Data Diklat Identitas dari peserta diklat Identitas dari pemateri Materi Diklat (materi diinputkan oleh pemateri dan kemudian dapat didownload oleh peserta) Biaya Diklat (perorangan atau kelompok) Fasilitas Diklat (Penginapan, transportasi, akomodasi selama diklat) Lama Diklat (Berapa hari/bulan)

Data Jadwal_Diklat Identitas Diklat Jadwal Diklat (Yang bisa di download oleh peserta setelah melakukan verifikasi pendaftaran, dengan bukti pembayaran dan pendaftaran).

Data Sertifikat Identitas Diklat Proses Diklat Nilai (Nilai yang diberikan oleh pemateri selama proses diklat berlangsung) Tanggal Diklat Tanggal Sertifikat

2.2

Arsitektur Sistem

Web Server ADIK

Email Server

Modul Peserta

Modul Internal

INTERNET Modul Pemateri

Web Browser

Admin

Pemateri

Peserta

Gambar 2.1 Arsitektur Sistem

2.3

Disain Proses Data Flow Diagram [Jogiyanto, 2005]

Data diklat

Data sertifikat Data peserta Data pemateri

Jadwal diklat Pemateri Admin Data diklat

Persetujuan pendaftaran peserta

ADIK
Jadwal diklat

Peserta

Data diklat

Jadwal diklat

Data sertifikat

Gambar 2.2 DFD level 0

Data pemateri Data peserta

Admin

1 Pendaftaran Peserta Persetujuan peserta

Peserta

Data pemateri tPemateri Data pemateri

Data peserta tPeserta

Data diklat

Data jadwal diklat Admin 2 Proses Kegiatan Diklat

Data diklat Pemateri Peserta

Data jadwal diklat tJadwal_Diklat

Data diklat tDiklat

Data jadwal diklat Data pemateri

Data sertifikat Pemateri 3 Proses Evaluasi Diklat

Data sertifikat Peserta

Data sertifikat tSertifikat

Gambar 2.3 DFD level 1

Data jadwal diklat Admin

2.1 Penjadwalan Diklat

Data jadwal diklat Peserta

Data jadwal diklat tJadwal_Diklat

Data pemateri tPemateri

2.2 Input Materi Diklat

Data diklat tDiklat

Data diklat Pemateri

Data diklat Peserta

Gambar 2.4 DFD level 2 Proses 2

Data sertifikat Pemateri

3.1 Pemasukan Nilai

Data sertifikat Peserta

Data sertifikat

tSertifikat

Data peserta tPeserta

3.2 Pencetakan Sertifikat

Data sertifikat

Gambar 2.5 DFD level 2 Proses 3

Flow Chart [Jogiyanto, 2005]

start

Pendaftaran diklat

ya kuota penuh

tidak

Kegiatan diklat

Evaluasi diklat

cetak sertifikat

stop

Gambar 2.6 Flowchart secara umum

start

Peserta mendaftar melalui web

ya

kuota penuh

tidak

Peserta mengupload bukti pembayaran & pendaftaran

Pendaftaran peserta

Gambar 2.7 Flowchart proses pendaftaran peserta

start

Admin mengupload jadwal diklat

jadwal diklat

Pemateri mengupload materi diklat

materi diklat

Kegiatan Diklat

Gambar 2.8 Flowchart proses kegiatan diklat

start

Pemateri menilai diklat peserta

cetak sertifikat

stop

Gambar 2.9 Flowchart proses evaluasi diklat

2.4

Disain Basis Data

Entity Relationship Diagram

Peserta 1 n 1 1 Jadwal_Diklat

Diklat

n Pemateri 1

1 1 Sertifikat

Pada relasi di atas, seorang peserta bisa mengikuti lebih dari satu diklat, dan Pemateri juga bisa memberikan lebih dari satu materi dalam proses diklat. Sedangkan untuk Jadwal diklat dan sertifikat hanya ada 1 untuk setiap diklat. Daftar Tabel Tabel Peserta Attribut no_peserta PK alamat_email kata_sandi nama_lengkap alamat tempat_lahir tanggal_lahir pekerjaan foto simpan Type Data auto increment varchar(50) varchar(20) varchar(100) varchar(150) varchar(100) date varchar(100) varchar(150) Deskripsi no urut peserta per diklat alamat email peserta kata sandi peserta nama lengkap peserta alamat peserta tempat lahir peserta tanggal lahir peserta pekerjaan peserta alamat file foto peserta di

Tabel Pemateri Attribut nik PK nama lengkap spesifikasi/keahlian char(5) varchar(100) varchar(100) Type Data Deskripsi nomor induk pegawai nama lengkap pemateri keahlian pemateri

Tabel Diklat Attribut id_diklat PK no_peserta nik materi_diklat biaya_diklat fasilitas_diklat lama_diklat char(6) varchar(100) char(5) varchar(100) integer varchar(100) date Type Data Deskripsi identitas diklat nomor peserta nomor induk pegawai topic materi diklat biaya diklat fasilitas diklat lama diklat berlangsung

Tabel Jadwal_Diklat Attribut id_diklat jadwal_diklat materi_diklat char(6) date varchar(100) Type Data Deskripsi identitas diklat jadwal diklat berlangsung alamat file materi di simpan

Tabel Sertifikat Attribut id_diklat proses_diklat nilai tanggal_diklat tanggal_sertifikat Type Data char(6) varchar(100) char(3) date date Deskripsi identitas diklat pelaksanaan diklat nilai hasil evaluasi jadwal diklat berlangsung tanggal sertifikat

2.5 Desain UI ADIK DIKLAT CENTER

home

profil

diklat

0274-123456 Kantor
Gedung S2/S3 FMIPA UGM Bulaksumur Yogyakarta 55151 Telp/Fax : 0274-123456 E-mail: adik@mail.com

BERITA BARU
1. Diklat Manajemen Produksi Diklat produksi telah dilaksanakan pada tanggal 12 Desember 2012 di Sheraton Hotel, Kemayoran, Jakarta selama 3 hari. Diklat diikuti oleh 40 orang dari berbagai perusahaan di wilayah Jababeka. Key Speaker yang diisi oleh Prof. Soedjarwadi dkk ini mengangkat tema efisiensi dan efektivitas produksi seperti pengaturan SDM, Total Industrial Engineering dan production project. Kegiatan serupa akan diadakan kembali pada 14 February 2013 di tempat yang sama.

2.

Diklat Manajemen Perusahaan Diklat Manajemen perusahaan telah dilaksanakan pada tanggal 16 Desember 2012 di Sheraton Hotel Kemayoran, Jakarta. . Diklat diikuti oleh 40 orang dari berbagai perusahaan di wilayah Jababeka. Key Speaker yang diisi oleh Prof. Soekarwa dkk ini mengangkat tema Cost Study vs Standard Cost pada Annual Fiscal Year dan First Half Year Manufacturing Cost

ADIK DIKLAT CENTER

home

profil

diklat

Sekilas ADIK DIKLAT CENTER

ADIK Diklat Center adalah sebuah lembaga pendidikan di Yogyakarta yang terencana dengan baik, bergerak pada bidang pengembangan sumber daya manusia dan teknologi informasi. Beroperasi sejak 19 Oktober 2002 dengan izin dari Dinas Pendidikan Kota Yogyakarta No. 1911/421.9/188/05. Letak geografis kampus sangat strategis, berada di pusat kota, dekat dengan Malioboro, di tepi jalan utama serta mudah di jangkau. Dengan didukung tenaga pengajar yang profesional dan berkualitas, fasilitas pendidikan yang memadai serta gedung kampus yang moderen dan nyaman, kami telah eksis menyelenggarakan berbagai diklat teknologi informasi dan pengembangan sdm yang diikuti secara nasional oleh utusan dari instansi pemerintah daerah, perguruan tinggi, sekolah, rumah sakit, NGO, BUMN maupun perusahaan swasta sejak tahun 2004 hingga sekarang.

ADIK DIKLAT CENTER

home

profil

diklat

Selamat Datang, Silakan Log In untuk masuk ke halaman diklat.

e-mail Kata Sandi

Jika Anda belum terdaftar, silakan daftar di sini secara gratis

Log In

0274-123456 Kantor
Gedung S2/S3 FMIPA UGM Bulaksumur Yogyakarta 55151 Telp/Fax : 0274-123456 E-mail: adik@mail.com

Akun Individu Informasi Diklat

1. Diklat Manajemen Personalia

Akun Kelompok

12 January 2013 di Sheraton Hotel, Kemayoran, Jakarta selama 3 hari. Kuota diklat adalah 40 orang. Key Speaker yang diisi oleh Prof. Ninik dkk ini mengangkat tema Efisiensi dan efektivitas Manajemen Personalia seperti pengaturan SDM,
Diklat akan dilaksanakan pada tanggal Efisiensi HRD dan Recruitment project. Waktu Pendaftaran : 1-30 Desember 2012 2. Diklat Manajemen Perusahaan Diklat akan dilaksanakan pada tanggal 12 Kuota terisi : 10 dari 40 orang Biaya : Rp 1.000.000,-

February 2013 di Sheraton Hotel, Kemayoran, Jakarta selama 3 hari. Kuota diklat adalah 40 orang. Key Speaker yang diisi oleh Prof. Gazali dkk ini mengangkat tema Efisiensi dan efektivitas Manajemen Perusahaan seperti pengaturan
cost planning berdasarkan ANP. Waktu Pendaftaran : 1-30 January 2013 3. Kuota terisi : 10 dari 40 orang Biaya : Rp 1.000.000,-

Sign Up Individu
Silakan isi data saudara di form berikut Nama Lengkap

Sign Up Kelompok
Silakan isi data kelompok saudara di form berikut Nama Kelompok Jumlah Anggota

e-mail (untuk login) Kata sandi Ulang kata sandi No. Telepon Alamat

e-mail (untuk login) Kata sandi Ulang kata sandi No. Telepon Alamat

Silakan ketikkan karakter berikut di kolom di sampingnya

Silakan ketikkan karakter berikut di kolom di sampingnya

kembali

daftar

kembali

daftar

ADIK DIKLAT CENTER

home nama lengkap e-mail kata Sandi no telpon alamat

profil

Diklat

hasil diklat

logout

Felix the Cat Felix@mail.com xxxxxxxxxxxxxxxx 0274-1235432 Karanggayam Yogya edit data diri Upload foto diri

Foto diri Kantor

0274-123456
Gedung S2/S3 FMIPA UGM Bulaksumur Yogyakarta 55151 Telp/Fax : 0274-123456 E-mail: adik@mail.com

Informasi Diklat
1. Diklat Manajemen Personalia

12 January 2013 di Sheraton Hotel, Kemayoran, Jakarta selama 3 hari. Kuota diklat adalah 40 orang. Key Speaker yang diisi oleh Prof. Ninik dkk ini mengangkat tema Efisiensi dan efektivitas Manajemen Personalia seperti pengaturan SDM,
Diklat akan dilaksanakan pada tanggal Efisiensi HRD dan Recruitment project. Waktu Pendaftaran : 1-30 Desember 2012 daftar 2. Diklat Manajemen Perusahaan Diklat akan dilaksanakan pada tanggal 12 profil penyaji Kuota terisi : 10 dari 40 orang Biaya : Rp 1.000.000,-

February 2013 di Sheraton Hotel, Kemayoran, Jakarta selama 3 hari. Kuota diklat adalah 40 orang. Key Speaker yang diisi oleh Prof. Gazali dkk ini mengangkat tema Efisiensi dan efektivitas Manajemen Perusahaan seperti pengaturan
cost planning berdasarkan ANP. Waktu Pendaftaran : 1-30 January 2013 3. Kuota terisi : 10 dari 40 orang Biaya : Rp 1.000.000,-

konfirmasi
Nama Diklat : Waktu diklat : Lama Diklat : Manajemen Jkt, 12-01-2013 3 hari

Apakah anda yakin dengan pilihan tersebut?

CANCEL

OK

ADIK DIKLAT CENTER

home nama lengkap e-mail kata Sandi no telpon alamat

profil

Diklat

hasil diklat

logout

Felix the Cat Felix@mail.com xxxxxxxxxxxxxxxx 0274-1235432 Karanggayam Yogya edit data diri Upload foto diri

Foto diri Kantor

0274-123456
Gedung S2/S3 FMIPA UGM Bulaksumur Yogyakarta 55151 Telp/Fax : 0274-123456 E-mail: adik@mail.com

Terimakasih untuk mengikuti diklat dari kami, untuk informasi tambahan silakan download link berikut Nama Diklat : Manajemen Personalian Waktu dan Tempat : 12-15 January 2013, Sheraton Hotel lt.3, Jakarta Penyaji : Prof. Ninik dkk Pembayaran : BANK XXX No.Rek 1123333232 a.n. Pak Haq Bukti pembayaran email ke abdul.haq@mail.ugm.ac.id ID Card Jadwal Kegiatan Materi kembali

ADIK DIKLAT CENTER

home nama lengkap e-mail kata Sandi no telpon alamat profil diklat hasil diklat logout

Felix the Cat Felix@mail.com xxxxxxxxxxxxxxxx 0274-1235432 Karanggayam Yogya edit data diri Upload foto diri

Foto diri Kantor

0274-123456
Gedung S2/S3 FMIPA UGM Bulaksumur Yogyakarta 55151 Telp/Fax : 0274-123456 E-mail: adik@mail.com

no 1 2 3 4

nama diklat Produksi TIE Otomatisasi PLC

waktu dan tempat Palu, 20-23 Oktober 2012 Bali, 20-23 Juni 2012 Jakarta,20-23 Mei 2012 Yogya, 20-23 April 2012

status terdaftar batal konfirmasi konfirmasi

keterangan Belum Belum Lulus Lulus

Materi unduh unduh unduh unduh

Powered by

Header Area

Group 2
No. Peserta Nama Alamat Perkerjaan : : : :

Photo (automatically generated)

(Signature)

Payment Bill (Bank of....)

Scan and e-mail confirmed

2.4.2 User Interface for Administrator

a. Login Interface Header (The Department of....)

login
Powered by

Admin Trainer

Direktur

Group 2

ID kata sandi
ok

b. main page

Powered by

Group 2
Data Pribadi Admin no 1 2 3 ID Admin Eni_m Vit_A G_nang

Data Admin

Informasi diklat

Data diklat

Log Out

kata sandi xxxxxxxxxxxxx xxxxxxxxxxxxx xxxxxxxxxxxxx

nama Admin Eni Maria Vittalis Ayu Ganang S

Port address 131.06.06.06 131.06.06.07 -

status online online offline

Halaman 1/1

Powered by

Group 2

Data Admin

Informasi diklat

Hasil diklat

Log Out

Informasi Diklat / Diklat yang tersedia no 7 8 9 nama diklat Administrasi Komunikasi Produksi Tempat dan tanggal Jakarta,20 Oktober 2013 Bali,21 Oktober 2013 Palu,22 Oktober 2013 Waktu pendaftaran 1-31 September 2013 1-31 September 2013 1-31 September 2013 kuota 25/30 orang 13/30 orang 30/30 orang

ubah ubah ubah

Page 1/2 tambah

Tambah Data Diklat

Nama Tempat Tanggal mulai Tanggal selesai Waktu pendaftaran Kuota Biaya Penyaji Pembayaran
BANK XXX No.Rek 1123333232 a.n. Pak Haq simpan batal Simpan dan input lagi

Ubah Data Diklat

Nama Tempat Tanggal mulai Tanggal selesai Waktu pendaftaran Kuota Biaya Penyaji Pembayaran
BANK XXX No.Rek 1123333232 a.n. Pak Haq batal Ubah

Informasi Diklat
Nama diklat Tempat Tanggal mulai Tanggal selesai Waktu pendaftaran kuota Biaya Penyaji

poster jadwal materi Profil pemateri

Belum diupload Sudah diuplpoad Belum diupload Sudah diuplpoad

upload upload upload upload

lihat lihat lihat lihat

pandaftar konfirmasi

orang orang

Lihat peserta

kembali

c. `Participant information
No e-mail Nama Kata sandi Alamat Tempat lahir Tanggal lahir Pekerjaan foto lihat lihat lihat konfirm belum sudah belum sudah belum sudah no. pembayaran Tanggal pembayaran

Cetak daftar peserta

kembali

2.4.3 User Interface for Trainer

Powered by

Group 2

Data Trainer

Informasi diklat

Log Out

nama lengkap e-mail kata sandi nama lengkap Alamat tempat lahir tanggal lahir Keahlian foto

ubah

upload

simpan Halaman 1/1

Powered by

Group 2
Informasi Diklat yang diampu no 7 8 9 nama diklat Administrasi Komunikasi Produksi

Data Admin

Informasi diklat

Log Out

Tempat dan tanggal Jakarta,20 Oktober 2013 Jakarta,21 April 2013 Jakarta,22 Mei 2013

peserta 13/30 orang 30/30 orang 25/30 orang

jadwal unduh unduh unduh

materi b.pdf a.pdf upload upload upload

Halaman 1/2

Powered by

Group 2

Data Admin

Informasi diklat

Log Out

Penilaian Peserta Diklat : Produksi

No No peserta Nama e-mail Alamat Tempat lahir Tanggal lahir Pekerjaan kelulusan lulus belum lulus belum lulus belum

Halaman 2/2

INTERAKSI MANUSIA DAN KOMPUTER 1. Jenis Aplikasi Aplikasi ini dibuat berbasis web sehingga user dapat mengakses melalui internet [Aswandi, 2006]. Selain itu mempermudah administrator dalam mengolah data serta informasi yang dinginkan user dari aplikasi ini dapat dilihat secara cepat, lengkap dan akurat. Aplikasi Diklat Karyawan (ADIK) adalah aplikasi untuk memudahkan pelaksanaan diklat pesanan perusahaan yang memiliki kelas diklat rutin dan pesertanya bisa dari perorangan atau instansi dengan ketentuan kuota yang ada. ADIK ini mencakup proses pendaftaran diklat, proses pelaksanaan diklat, dan proses evaluasi diklat.

2. User- user yang terlibat dalam aplikasi ini adalah : Designer, sebagai anggota yang bertanggung jawab terhadap pembuatan desain aplikasi tersebut, yang meliputi tata letak dari tampilan, penggunaan warna, icon dan gambar yang digunakan pada aplikasi yang dibuat Owner, memberikan masukan yang berkaitan dengan identitas perusahaan yang harus terwakili dalam aplikasi tersebut, biasanya berkaitan dengan warna dan bentuk yang digunakan agar sesuai dengan karakteristik perusahaan Adminstrator sebagai admin yang dapat memasukkan data diklat yang tersedia, data trainer dan jadwal diklat serta mengolah data peserta yang dinputkan peserta pada saat mendaftar. Trainer adalah pengajar dalam diklat yang diadakan, trainer juga dapat menginputkan materi diklat dan hasil evaluasi peserta diklat. Peserta adalah user yang akan mengikuti diklat. Peserta dapat mendaftar untuk mengikuti diklat yang diingnkan dengan membayar biaya diklat dan melengkapi syarat-syarat yang telah ditentukan. Pada saat mendaftar, peserta menginputkan data pribadi dan memilih diklat dengan melihat kuota yang ada. Peserta juga dapat mendownload materi dan hasil evaluasi diklat pada akhir diklat. Peserta juga menerima sertifikat sebagai bukti telah mengikuti diklat.

3. Urutan dan Prinsip Perancangan URUTAN PERANCANGAN 1. Pemilihan ragam dialog, populasi calon pengguna ADIK adalah orang orang kantoran yang memiliki tingkat pendidikan yang layak dan memiliki pengetahuan tentang penggunaan komputer. Misalkan menggunakan kata diklat yang biasa digunakan daripada kata diklat. 2. Perancangan struktur dialog, dengan melibatkan pengguna, maka akan ditentukan tata letak dari komponen - komponen 3. Perancangan format pesan, dalam aplikasi ini, kita menggunakan tooltips yang memudahkan pengguna dalam menggunakan komponen tersebut. 4. Perancangan penanganan kesalahan, jika ada kesalahan, maka akan ada notifikasi, misalkan jika kita salah menginputkan username / password, maka akan muncul peringatan, kemudian juga ada konfirmasi,misalakan jika secara tidak sengaja kita menekan tombol hapus, apakah data tersebut akan benar benar dihapus atau tidak. 5. Perancangan struktur data, misalkan data peserta,pemateri diturunkan dari menu pengelolaan data master. Data peserta berisi no peserta, nama lengkap, alamat, TTL, pekerjaan, email.

PRINSIP-PRINSIP PERANCANGAN Prinsip pembelajaran/learnability: a. Predictability, aplikasi yang dibuat dirancang dengan meyesuaikan aplikasi yang familiar dengan calon user, misalkan halaman login, untuk membuka dan menggunakan aplikasi, maka kita harus menginputkan username dan password dengan benar. b. Consistency, dalam aplikasi ini, misalkan pada proses input data master (peserta,pemateri), maka akan ditemui tata letak, nama tombol, notifikasi yang sama jika terjadi kesalahan input data.

Prinsip robustness a. Recoverability: kemampuan user untuk melakukan koreksi bila sebuah error (kesalahan) telah dikenali, misalkan keaslahan input password, maka akan ada notifikasi dan aplikasi tersebut membawa pengguna masih tetap pada menu tersebut.

b. Responsiveness: bagaimana user mengetahui / menyadari laju komunikasi dengan system, fitur fitur yang dibutuhkan untuk melakukan meeting sudah tersedia dalam aplikasi tersebut, selain itu cara cara pengoperasian aplikasi tersebut mudah dilakukan, karena ada tooltips.

URUTAN TAMPILAN User interface peserta a. Halaman Utama Website b. Memilih menu diklat untuk mendaftar atau melakukan login bagi peserta diklat serta memilih jenis diklat. c. Pada saat memilih salah satu jenis diklat akan ditampilkan deskripsi diklat. d. Untuk calon peserta yang ingin mengikuti diklat dapat melakukan pendaftaran dan akan ditampilkan halaman input data peserta. e. Setelah mengisi data dan menekan tombol OK akan ditampilkan halaman konfirmasi pendaftaran f. Data pribadi peserta juga dapat diubah-ubah dan terdapat halaman untuk mengubah kata sandi. g. Kemudian tampilan konfirmasi jenis diklat yang dipilih h. Setelah melakukan pendaftaran peserta dapat membayar biaya diklat dan peserta dapat melihat konfirmasi melalui email i. Setelah mendaftar peserta dapat melakukan login dan akan ditampilakn halam peserta yang terdiri dari data pribadi yang berisi data pribadi peserta, informasi diklat yang berisi informasi diklat yang diikuti, hasil diklat berisi hasil diklat yang sudah pernah diikuti oleh peserta dan halaman logout. j. Pada halaman peseta ini terdapat tombol untuk mendapatkan ID Card, jadwal diklat, materi diklat dan profil trainer.

User interface administrator a. Halaman utama website b. Halaman login bagi administrator c. Halaman administator yang berisi halaman data admin, halaman informasi diklat yang dapat diubah berdasarkan kebutuhan dan halamn data diklat untuk mengolah data diklat seperti input edit dan hapus data diklat, serta halaman konfirmasi peserta

User interface trainer a. Halaman utama website b. Halaman login bagi trainer c. Halaman trainer yang terdiri dari menu data pribadi trainer dan informasi trainer yang berisi jenis diklat dan penilaian peserta diklat

4. Kajian mengenai user frendly Telah dikaji dengan lebih seksama, interface website ini bersifat user friendly sehingga user dapat menggunakan aplikasi ini dengan lebih mudah. Selain itu, informasi yang diberikan sangat lengkap sehingga dapat meminimalisir kebingungan dari calon peserta yang ingin mengikuti diklat. Tampilan website ini terlihat lebih berwarna dengan pilihan warna yang bermacam-macam sehingga lebih indah dipandang. Selain itu pada halaman websiste ini tidak berbelit-belit dan pengunjung webiste dapat dengan mudah mendapat informasi yang dinginkan karena masing masing user memiliki halaman yang berbeda-beda tergantung login yang dilakukan. ADIK ini cukup mudah untuk dioperasikan, karena tidak terlalu banyak menu yang diakses. Menu dikelompokkan berdasarkan tahapan proses, sehingga mudah untuk dipelajari oleh pengguna. Tampilan aplikasi cukup bagus dengan pemiliha warna yang tidak mencolok, dan susunan menu yang teratur. Pemilihan huruf yang disesuaikan dengan karakter atau target yang akan menggunakan aplikasi ini. Warna background yang digunakan yaitu perpaduan hijau dan biru muda. Hanya 2 warna dasar utama yang dipakai. Perpaduan warna tersebut merupakan warna yang tidak mencolok, dan perpaduan warnawarna itu bisa dilihat bersama sama tanpa pemfokusan kembali, sehingga tidak menyebabkan mata cepat lelah. Form utama, terdapat 3 tab, yaitu Data Pribadi,Informasi, dan Hasil Diklat. Tabtab tersebut diletakkan di atas aplikasi, untuk memudahkan user dalam mengarahkan menu menu yang ada.

5. Kajian tentang memfokuskan perhatian, serta teknik yang digunakan Untuk memfokuskan perhatian pengguna pada konten,dipilih pewarnaan background yang sederhana dan tidak terlalu banyak gambar. Warna-warna yang softy juga menjadi salah satu cara yang bisa memfokuskan perhatian pengguna.

6. Aspek evaluasi aplikasi terdiri dari: Evaluasi yang dilakukan terhadap ADIK ini dengan melakukan pengujian terhadap aplikasi tersebut oleh pengguna (dengan mencobakan aplikasi tersebut oleh orang lain), yang meliputi tata letak, pewarnaan, penggunaan icon, ukuran font dan menu. a. Tata letak, sudah cukup bagus, sudah user friendly, dan sesuai dengan alur proses serta tujuan dari aplikasi tersebut. b. Pewarnaan, penggunaan warna kontras cukup bagus, sehingga user dapat melihat dengan jelas dan mata tidak cepat lelah. c. Ukuran font dan menu, ukuran font pada semua bagian kurang besar, karena belum tentu semua pengguna dari aplikasi ini memiliki fungsi penglihatan yang baik. d. Informasi yang diberikan lengkap dan akurat e. Halaman website yang tidak berbelit-belit. Misalnya peserta dapat langsung mendaftar walaupun baru mengakses website tersebut f. Tingkat proteksi aplikasi karena website ini memiliki banyak user yang berbeda-beda dalam hal hak aksesnya. g. Kecepatan dalam mengakses data h. Hak akses masing-masing user

Pembanding interface 1. Yogya Executive School YOGYA EXECUTIVE SCHOOL YES adalah sebuah lembaga pendidikan di Yogyakarta yang terencana dengan baik, bergerak pada bidang pengembangan sumber daya manusia dan teknologi informasi. Beroperasi sejak 19 Oktober 2002 dengan izin dari Dinas Pendidikan Kota Yogyakarta No. 1911/421.9/188/05. berada di pusat kota, dekat dengan Malioboro. menyelenggarakan berbagai diklat teknologi informasi dan pengembangan sdm yang diikuti secara nasional oleh utusan dari instansi pemerintah daerah, perguruan tinggi, sekolah, rumah sakit, NGO, BUMN maupun perusahaan swasta sejak tahun 2004 hingga sekarang.diklat juga dapat diselenggarakan secara in house diklat. SISTEM PENYELENGGARAAN DIKLAT

Diklat diselenggarakan dalam kelas-kelas kecil untuk jumlah peserta 2 sampai 10 orang, dan dalam kelas-kelas besar untuk jumlah peserta lebih dari 10 orang.

Diklat pengembangan SDM menggunakan meeting room dan diklat teknologi informasi menggunakan lab komputer (disediakan satu komputer untuk satu peserta dan diperkenankan membawa laptop sendiri).

Diklat diselenggarakan secara kontinu dalam 12 bulan. Jika peserta tidak dapat mengikuti jadwal diklat yang ditawarkan, dapat mengajukan permintaan jadwal khusus dengan jumlah pengiriman peserta minimal 2 (dua) orang. Permintaan jadwal khusus diklat dari peserta dengan menghubungi kontak person

Paket diklat standar berlangsung selama 5 hari pada jam 08:00 s.d 15:00 wib. Durasi diklat dapat disesuaikan dengan kebutuhan peserta, antara minimal 3 hari hingga maksimal 4 minggu dengan ketentuan khusus dan kesepakatan bersama.

Diklat dapat diselenggarakan secara in house diklat dengan jumlah peserta minimal 10 orang, dengan ketentuan khusus biaya penyelenggaraan serta kesepakatan khusus lainnya.

Metode Penyelenggaraan diklat pada yesyogya adalah peserta harus mengunjungi langsung pihak penyelenggara secara offline, artinya pendaftaran, transaksi dan pembiayaan langsung dilakukan ditempat. Oleh karena itu kami mencoba membuat desain yang bersifat online sehingga lebih userfriendly dan lebih praktis.

DAFTAR PUSTAKA Aswandi, 2006, Aplikasi Berbasis Web, http://aswandi.or.id/2006/01/20/aplikasi-berbasisweb/ Hartono Jogiyanto, 2005, Analisis Dan Desain Sistem Informasi: Pendekatan Terstruktur Teori Dan Praktek Aplikasi Bisnis, Andi Offset, Yogyakarta. LPPI, 2010, akses di alamat:

http://www.lppi.or.id/index.php/module/Pages/sub/15/id/penelitian-pengaruhdiklat-terhadap-kinerja-pegawai-rst110. M Mursidi, 2012, Pengaruh Pendidikan dan Pelatihan terhadap kinerja karyawan, http://ejournal.umm.ac.id/index.php/.../583_umm_scientific_journal.pdf. Pressman Roger S. 2002, Rekayasa Perangkat Lunak, Pendekatan Praktisi (Buku Satu), Andi Offset Yogyakarta. USU, 2000, Latar Belakang Pendidikan dan Pelatihan Karyawan, di akses di http://repository.usu.ac.id/bitstream/123456789/27586/4/Chapter%20I.pdf.