bab 4 perancangan sistem yang diusulkan 4.1 …thesis.binus.ac.id/doc/bab4nopass/2008-1-00299-si-bab...
TRANSCRIPT
96
BAB 4
PERANCANGAN SISTEM YANG DIUSULKAN
4.1 Perancangan
4.1.1 Penjadwalan Pelatihan
4.1.1.1 Dokumentasi Informasi umum dari pelatihan
Learning management sistem ini dibuat dengan tujuan untuk
mempermudah karyawan yang baru direkrut perusahaan dalam melaksanan
program orientasi karyawan baru, agar peserta pelatihan (karyawan baru)
mendapatkan pengetahuan yang dibutuhkan tentang perusahaan terutama pada
saat baru mulai bekerja. Jadi, dengan adanya LMS ini karyawan tidak perlu
menunggu lama untuk mendapatkan pelatihan karena pelatihan orientasi yang
biasanya dilakukan di dalam ruangan akan digantikan dengan media lain yaitu
LMS berbasis web. Dengan sistem ini PT. Serasi Autoraya membantu
mempersiapkan karyawan dalam pencapaian visi dan misi perusahaan serta
mampu memberikan pelayanan yang terbaik kepada pelanggan.
Berdasarkan hasil analisis yang dilakukan terdapat perbedaan antara
kinerja yang sebenernya dengan yang diharapkan. Adapun kinerja yang
sebenarnya tersebut secara garis besar adalah sekarang ini karyawan harus
menunggu untuk mendapatkan pelatihan orientasi. Terlambatnya karyawan
dalam mengikuti program orientasi karyawan baru dapat berdampak pada
perusahaan, karena karyawan kurang mengenal lingkungan perusahaan
sehingga tidak dapat bekerja secara maksimal untuk mencapai tujuan
perusahaan. Selain itu, karyawan kurang dapat berinteraksi dengan trainer
karena hanya bisa dilakukan pada saat pelatihan saja. Padatnya waktu pelatihan
97
juga dapat mengganggu pekerjaan karyawan. Sedangkan kinerja yang
diharapkan adalah karyawan baru dapat langsung mendapatkan pelatihan
orientasi dan tidak perlu disesuaikan dengan jadwal trainernya. Karyawan juga
tidak terganggu dengan waktu pelatihan yang padat sehingga pekerjaan dapat
diselesaikan dengan baik.
Dari perbedaan tersebut diketahui masalah yang terjadi, yaitu karyawan
yang baru direkrut harus menunggu untuk mendapatkan pelatihan orientasi
karyawan baru atau NEOP, disamping itu selama ini karyawan hanya
mengenal perusahaannya melalui buku pedoman saja. Lalu waktu yang ada
untuk diskusi antara karyawan baik dengan trainer maupun rekan kerjanya
kurang, karena setiap karyawan memiliki kesibukannya masing- masing,
ditambah dengan waktu pelatihan yang padat.
Dengan dilaksanakannya pelatihan orientasi yang ditujukan untuk
karyawan baru ini, diharapkan karyawan mempunyai keahlian- keahlian yang
dapat menunjang pekerjaannya dalam perusahaan. Keahlian- keahlian tersebut
mencakup pemahaman karyawan untuk membedakan tugas dan wewenang
setiap divisi (intellectual skill), kemampuan karyawan untuk membuat
keputusan dan kemampuan yang berkaitan dengan keahlian konseptual
(cognitive skill), pemahaman karyawan untuk memberikan informasi yang
benar tentang perusahaan (verbal skill), kemampuan karyawan untuk
beradaptasi dan berinteraksi dengan lingkungan perusahaan (attitude), serta
mampu menerapkan prosedur yang benar di lingkungan perusahaan seperti
mampu menerpakan prosedur keselamatan di SERA (motor skill).
98
4.1.1.2 Penjadwalan
Dalam proses perencanaan NEOP, dibutuhkan waktu kurang lebih satu
bulan sampai pada waktu pelaksanaan pelatihan. Aktivitas- aktivitas yang
dilakukan pada proses tersebut meliputi:
Table 4.1: Table Aktivitas
No Kegiatan Waktu ( hari )
1. Menganalisa kebutuhan pelatihan 3
2. Pembuatan materi pelatihan 7
3. Pendaftaran peserta pelatihan dan trainer 1
4. Penjadwalan pembelajaran dan evaluasi hasil belajar (tes) 3
5. Melakukan aktivitas pembelajaran 4
6. Mengevaluasi program pelatihan 3
4.1.2 Tim Pelatihan
Dalam membuat dan melaksanakan NEOP, dibutuhkan sumber daya manusia
dan fasilitas lainnya yang mendukung. Sumber daya manusia yang terlibat
didalamnya mempunyai peranan dan tanggung jawab yang berbeda- beda, antara
lain:
• Training Analyst
o Menentukan kebutuhan pelatihan (jenis pelatihan, siapa peserta dan
trainer, materi, dan lain- lain)
o Membuat silabus materi pelatihan
o Membuat draft pelatihan
o Mengembangkan isi materi pelatihan
99
o Mengkonversi bentuk materi yang sudah dikembangkan ke dalam bentuk
yang diinginkan (pdf, audio, animasi, video, slide presentasi, dan lain-
lain)
o Menentukan jadwal pelaksanaan pelatihan serta jadwal evaluasi atau tes
o Mencari trainer yang sesuai dengan materi untuk melakukan diskusi pada
discussion board.
• Kepala divisi Learning Centre
o Menyetujui dan menerima draft materi pelatihan
o Menyeleksi karyawan yang memenuhi syarat untuk mengikuti pelatihan
• Trainer
o Membimbing karyawan melalui forum diskusi, sesuai dengan materi
yang menjadi tanggung jawabnya.
• Administrator
o Mendaftarkan peserta yang akan mengikuti pelatihan
o Mengirimkan undangan untuk mengikuti pelatihan melalui email kepada
peserta.
o Mendaftarkan trainer
o Upload materi, soal evaluasi, dan kuesioner ke dalam LMS
o Maintenance forum diskusi
o Membuat laporan pelatihan
• Peserta pelatihan
o Mempelajari materi
o Mengikuti evaluasi
100
o Mengisi kuesioner
Sumber- sumber daya manusia tersebut nantinya akan ditempatkan dalam
setiap kegiatan yang sesuai dengan peranan dan tanggung jawabnya. Dibawah ini
adalah rincian kegiatan selama proses pembuatan dan pelaksanaan NEOP :
1. Menganalisa kebutuhan pelatihan
Kegiatan ini terdiri dari:
• Melakukan rapat untuk menentukan kebutuhan pelatihan
• Menentukan jenis pelatihan yang akan diadakan, peserta dan trainer, materi,
serta fasilitas lainnya yang mendukung.
2. Pembuatan materi pelatihan
Kegiatan ini terdiri dari:
• Membuat silabus materi dan memberikannya kepada Kepala Divisi Learning
Center untuk diperiksa.
• Memperbaiki dan menambahkan detail materi yang salah maupun kurang
• Membuat draft materi dari silabus yang sudah disetujui oleh kepala divisi.
3. Pendaftaran peserta pelatihan dan trainer
Kegiatan ini terdiri dari:
• Menyeleksi karyawan yang memenuhi syarat untuk mengikuti pelatihan
berdasarkan database karyawan
• Mencari trainer yang memenuhi syarat dan sesuai dengan materi
• Mengirimkan undangan untuk mengikuti pelatihan melalui email kepada
peserta.
• Mendaftarkan peserta dan trainer ke dalam LMS
101
4. Penjadwalan pembelajaran dan evaluasi hasil belajar
Kegiatan ini terdiri dari:
• Menyusun jadwal pelatihan dan evaluasi
Jadwal pelatihan yang dilaksanakan melalui LMS dirancang secara fleksibel
(hanya ditentukan tanggal mulai dan tanggal berakhirnya pelatihan), sehingga
peserta dapat bebas menggunakan waktunya untuk mempelajari materi.
• Upload materi pelatihan ke dalam LMS untuk dibuka dan dipelajari oleh
peserta.
• Upload soal evaluasi ke dalam LMS
5. Melakukan aktivitas pembelajaran
Kegiatan ini terdiri dari:
• Peserta mengakses LMS untuk mempelajari materi
• Peserta mengerjakan soal evaluasi melalui LMS
• Peserta melakukan diskusi dan tanya jawab melalui forum diskusi dan
dibimbing oleh trainer sesuai dengan materi yang menjadi tanggung
jawabnya.
6. Mengevaluasi program pelatihan
• Upload kuesioner ke dalam LMS
• Peserta mengisi kuesioner melalui LMS
• Membuat laporan pelatihan
102
Tabel 4.2: Matrix Kegiatan dan peranan dalam Pelatihan No Peranan
Kegiatan
Training Analyst
Kepala Divisi
Trainer Admin Peserta
1 Melakukan rapat untuk menentukan kebutuhan pelatihan
X
2 Menentukan jenis pelatihan yang akan diadakan, peserta dan trainer, materi, serta fasilitas lainnya yang mendukung
X
3 Membuat silabus materi dan memberikannya kepada Kepala Divisi Learning Center untuk diperiksa.
X X
4 Memperbaiki dan menambahkan detail materi yang salah maupun kurang
X
5 Membuat draft materi dari silabus yang sudah disetujui oleh kepala divisi.
X X
6 Menyeleksi karyawan yang memenuhi syarat untuk mengikuti pelatihan berdasarkan database karyawan
X
7 Mencari trainer yang memenuhi syarat dan sesuai dengan materi
X
8 Mengirimkan undangan untuk mengikuti pelatihan melalui email kepada peserta.
X
9 Mendaftarkan peserta dan trainer ke dalam LMS
X
10 Menyusun jadwal pelatihan dan evaluasi
X
11 Upload materi pelatihan ke dalam LMS untuk dibuka dan dipelajari oleh peserta.
X
12 Upload soal evaluasi X
103
No Peranan
Kegiatan
Training Analyst
Kepala Divisi
Trainer Admin Peserta
13 Peserta mengakses LMS untuk mempelajari materi
X
14 Peserta mengerjakan soal evaluasi melalui LMS
X
15 Peserta melakukan diskusi dan tanya jawab melalui forum diskusi, dipantau dan dibimbing oleh trainer sesuai dengan materi yang menjadi tanggung jawabnya.
X X
16 Upload kuesioner ke dalam LMS X
17 Peserta mengisi kuesioner melalui LMS
X
4.1.3 Media specification
4.1.3.1 Konsep Rancangan Layar
Rancangan layar yang baik juga diperlukan dalam menjembatani user
dan sistem dalam berinteraksi. Rancangan layar yang akan dikembangkan
disesuaikan dengan logo PT. Serasi Autoraya yang didominasi oleh warna biru,
putih, dan oranye. Hal ini bertujuan agar menumbuh kembangkan budaya
organisasi di lingkungan kerja.
Dalam memenuhi kebutuhan karyawan baru dalam mendapatkan
pelatihan dan pembelajaran secara elektronik, tampilan layar yang diperlukan
adalah sebagai berikut :
Rancangan layar Menu Login rancangan prototype layar ini
mengharuskan user baik dari peserta training, trainer dan admin
memberikan username dan password untuk masuk ke halaman utama.
104
LOGO TRAC
Login LMS TRAC
Username :
Password :
xxx
***
Remember me next time
Log InForgot your password?
Gambar 4.1 Rancangan Layar Login
Kolom username untuk memasukkan nama user
Kolom password untuk memasukkan password untuk verifikasi
Combo box Remember me next time untuk menyeting username dan
password agar tetap tampil di layar.
Link Forgot your password untuk pindah ke halaman Forgot your
password
Tombol Login untuk pindah ke halaman selanjutnya jika kolom
username dan password telah terpenuhi
Rancangan Layar Forgot Password Rancangan prototype layar ini
akan muncul jika user menekan menekan Forgot Your Password pada
halaman menu Login. Pada layar ini memungkinkan user memasukan
alamat email sehingga sistem akan mengirimkan password yang baru ke
email user.
LOGO TRAC
Forgot your password
Username : xxx
Submit
Enter your username to reset your password
Gambar 4.2 Rancangan Layar Forgot password
105
Kolom Username untuk memasukkan Username
Tombol Submit untuk memproses perubahan password dan sistem
akan mengirim password baru melalui email kemudian pindah ke
halaman menu Login
Rancangan Layar Change Password rancangan prototype layar ini
memungkinkan user baik dari peserta training, trainer dan admin untuk
mengubah passwordnya.
LOGO TRAC
Change your password
Password :
New Password :
xxx
xxx
Cancel
Confirm new password : xxx
Change password
Gambar 4.3 Rancangan Layar Change password
Kolom password untuk memasukkan password lama
Kolom new password untuk memasukkan password baru
Kolom Confirm new password untuk mengkonfirmasi password baru
yang dibuat dengan memasukan password sekali lagi
Tombol Change password untuk memproses perubahan password
tersebut dan pindah ke halaman menu Login.
Tombol Cancel untuk kembali ke halaman menu Home
106
Rancangan Layar Home Rancangan prototype layar ini merupakan
layar utama dimana user yaitu peserta pelatihan dapat melihat informasi
mengenai peraturan, petunjuk penggunaan serta event-event yang akan
diselenggarakan SERA. Layar yang ditengah dapat berubah sesuai
dengan tombol yang terletak di atas dan di kiri layar Home
LOGO TRACSERA Learning Management System
Welcome, | Home | Change Password | Logout
Copyrigth LMS Team @ 2007-2008. All rigth reserved | Site Map | Contect
My Profile
Training
Discussion Forum
Kuesioner
Informasi yang berisi peraturan danpetunjuk pemakaian
Information
Berisi jadwal-jadwal kegiatanpelatihan yang diadakan SERA
Calender Event
Banner SERA
Gambar 4.4 Rancangan Layar Home
Link Home untuk menampilkan layar Home yang berisi informasi
mengenai peraturan dan petunjuk penggunaan LMS serta event-event
pelatihan yang akan diselenggarakan SERA.
Link Change Password untuk menampilkan layar Change Password.
Link Logout untuk keluar dan kembali ke halaman Menu Login.
Link My Profile untuk menampilkan layar My Profile yang berisi data
diri user.
Link Training untuk menampilkan layar Training yang berisi menu
pelatihan – pelatihan SERA
107
Link Disscusion forum menampilkan layar Disscusion forum sebagai
tempat untuk berdiskusi dengan user lainnya maupun dengan trainer.
Link Kuesioner menampilkan layar Kuesioner yang berisi pertanyaan-
pertanyaan untuk mengevaluasi sistem dan pelatihan.
Link Site Map menampilkan layar Site Map yang berisi rangkuman
fitur-fitur yang tersedia pada LMS SERA.
Link Contact menampilkan layar Contact yang berisi informasi untuk
meminta bantuan atau sebagai contact person.
Rancangan Layar My Profile Rancangan prototype layar ini akan
memunculkan data pribadi user. Data pribadi tersebut dapat di edit oleh
user. Data yang dapat di edit hanya no.telp dan email, selebihnya kolom
untuk data yang lain di disable.
LOGO TRACSERA Learning Management System
Welcome, | Home | Change Password | Logout
Copyrigth LMS Team @ 2007-2008. All rigth reserved | Site Map | Contect
My Profile
Training
Discussion Forum
Kuesioner
My Profile
Nama Lengkap
Divisi
Alamat
xxx
xxx
xxx
Tempat lahir
Tanggal Lahir
Jenis Kelamin
No.Telepon
xxx
999
999
xxx
Edit
xxx
Banner SERA
Gambar 4.5 Rancangan Layar My Profile
108
Kolom Nama lengkap untuk menampilkan data nama lengkap user.
Kolom Divisi untuk menampilkan data divisi user.
Kolom Alamat untuk menampilkan data Alamat user.
Kolom Tempat Lahir untuk menampilkan data Tempat Lahir user.
Kolom Tanggal Lahir untuk menampilkan data Tanggal Lahir user.
Kolom Jenis Kelamin untuk menampilkan data Jenis Kelamin user.
Kolom No.Tlp untuk menampilkan data No.Tlp user
Kolom Email untuk menampilkan data Email user
Tombol Edit menampilkan sebuah halaman yang dapat digunakan
user untuk mengubah data no.telepon dan Email
Rancangan Layar Edit My Profile Rancangan prototype layar ini akan
memunculkan halaman edit profile user. Kolom data pribadi yang tesedia
dapat di edit oleh user. Data yang dapat di edit hanya no.telp dan Email,
selebihnya kolom untuk data yang lain di disable.
LOGO TRACSERA Learning Management System
Welcome, | Home | Change Password | Logout
Copyrigth LMS Team @ 2007-2008. All rigth reserved | Site Map | Contect
My Profile
Training
Discussion Forum
Kuesioner
My Profile
Nama Lengkap
Divisi
Alamat
xxx
xxx
xxx
Tempat lahir
Tanggal Lahir
Jenis Kelamin
No.Telepon
xxx
999
999
xxx
Update
xxx
Cancel
Banner SERA
Gambar 4.6 Rancangan Layar edit My Profile
109
Kolom Nama lengkap menampilkan data nama lengkap user yang di
disable.
Kolom Divisi menampilkan data divisi user yang di disable.
Kolom Alamat menampilkan data Alamat user yang di disable.
Kolom Tempat Lahir menampilkan data Tempat Lahir user yang di
disable.
Kolom Tanggal Lahir menampilkan data Tanggal Lahir user yang di
disable.
Kolom Jenis Kelamin menampilkan data Jenis Kelamin user yang di
disable.
Kolom No.Tlp menampilkan data No.Tlp user dan dapat di edit.
Kolom Email untuk menampilkan data Email user dan dapat di edit.
Tombol Update merupakan tombol untuk memproses hasil perubahan
pada data yang diubah.
Tombol Cancel merupakan tombol untuk kembali ke halaman My
Profile.
Rancangan Layar Training Rancangan prototype layar ini akan
memunculkan semua pelatihan-pelatihan yang diadakan SERA. Dan
pelatihan yang tersedia bagi user tergantung dari hak aksesnya.
110
LOGO TRACSERA Learning Management System
Welcome, | Home | Change Password | Logout
Copyrigth LMS Team @ 2007-2008. All rigth reserved | Site Map | Contect
My Profile
Training
Discussion Forum
Kuesioner
Training
Choose your training :
- New Employee Orientation Program
- Mechanic's Training
- Financial Training
Banner SERA
Gambar 4.7 Rancangan Layar Training
Link New Employee Orientation Program merupakan sebuah link
untuk menuju halaman NEOP.
Link Mechanic’s training merupakan sebuah link untuk menuju
halaman Mechanic’s training.
Link Financial Training merupakan sebuah link untuk menuju
halaman Financial Training.
Rancangan Layar NEOP Rancangan prototype layar ini akan
menampilkan deskripsi dan sasaran dari pelatihan ini serta menampilkan
modul-modul yang dapat di pelajari dalam pelatihan ini.
111
LOGO TRACSERA Learning Management System
Welcome, | Home | Change Password | Logout
Copyrigth LMS Team @ 2007-2008. All rigth reserved | Site Map | Contect
My Profile
Training
Discussion Forum
Kuesioner
Berisi deskripsi dan sasaranpelatihan
New Employee Orientation Program
Home >> Training
Know Our HoldingDate test
TestStatus
Know Our Sera
SP SERA
Asuransi
Date test
Date test
Date test
Test
Test
Test
Status
Status
Status
Banner SERA
Gambar 4.8 Rancangan Layar Training NEOP
Baris pertama pada halaman training berisi tentang deskripsi dan
objective pelatihan ini.
Kolom Know Our Holding, Know Our Sera, dst merupakan modul –
modul yang akan dipelajari dalam pelatihan ini.
Kolom date tes merupakan informasi mengenai tanggal tes yang
harus diikuti peserta pelatihan.
Kolom Status memberikan keterangan bahwa user sudah mengikuti
tes.
Tombol Test merupakan tombol untuk menuju ke halaman tes yang
berisi pertanyaan tes sesuai dengan modulnya.
Link Training merupakan link untuk kembali ke halaman training.
112
Rancangan Layar Modul 1 Rancangan prototype layar ini akan
memunculkan semua pelatihan-pelatihan yang diadakan SERA. Dan
pelatihan yang tersedia bagi user tergantung dari hak aksesnya.
LOGO TRACSERA Learning Management System
Welcome, | Home | Change Password | Logout
Copyrigth LMS Team @ 2007-2008. All rigth reserved | Site Map | Contect
My Profile
Training
Discussion Forum
Kuesioner
Berisi deskripsi,objective dan referensimodul Pelatihan
Modul 1
Home >> Training >> NEOP
Bahan 1 download
Bahan 2 download
Banner SERA
Gambar 4.9 Rancangan Layar Materi
Link Training merupakan link untuk kembali ke halaman training.
Link NEOP merupakan link untuk kembali ke halaman Training
NEOP.
Baris pertama berisi informasi mengenai deskripsi dan objective dari
mempelajari materi serta berisi referensi buku yang dapat digunakan
untuk pembelajaran.
Tombol download untuk membuka dan menampilkan materi
pelatihan.
113
Rancangan Layar Start Test Rancangan prototype layar ini akan
menampilkan instruksi sebelum tes berlangsung dan informasi mengenai
jumlah soal tes beserta waktu yang disediakan untuk mengerjakan tes.
LOGO TRACSERA Learning Management System
Welcome,
Copyrigth LMS Team @ 2007-2008. All rigth reserved
Test
Berisi instruksi test
Start
Banner SERA
Coba
Gambar 4.10 Rancangan Layar Start Test
Tombol Start merupakan tombol untuk memulai mengerjakan soal tes
dan menuju ke halaman tes modul. Dengan menekan tombol ini maka
penghitungan waktu untuk pengerjaan tes dimulai.
Rancangan Layar Test Rancangan prototype layar ini akan
menampilkan pertanyaan dalam bentuk pilihan ganda.
114
LOGO TRACSERA Learning Management System
Welcome,
Copyrigth LMS Team @ 2007-2008. All rigth reserved
Test Modul 1
Pertanyaan - pertanyaan dalam bentuk pilihan ganda
Submit
Time
Banner SERA
Previous >> Next
Gambar 4.11 Rancangan Test
Tombol Previous digunakan untuk melihat soal sebelumnya.
Tombol Next digunakan untuk melihat soal selanjutnya
Tombol Submit digunakan untuk mengakhiri pengerjaan tes dan
menampilan halaman Result Test.
Rancangan Layar Result Test rancangan prototype layar ini akan
menampilkan hasil tes yang sudah dilakukan user.
115
LOGO TRACSERA Learning Management System
Welcome,
Copyrigth LMS Team @ 2007-2008. All rigth reserved
Result test
Question Your answer Correct
Score : 999
Continue
Banner SERA
Gambar 4.12 Rancangan Result test
Kolom Question akan menampilkan no dari soal tes.
Kolom Your answer akan menampilkan jawaban pilihan dari
pertanyaan soal tes.
Kolom Correct akan menampilkan keterangan jawaban yang salah
atau benar.
Keterangan Score akan menapilkan jumlah nilai yang berhasil kita
dapatkan dalam pengerjaan soal tes.
Link continue untuk melanjutkan ke halaman training.
Rancangan Layar Kuesioner Rancangan prototype layar ini akan
menampilkan pertanyaan-pertanyaan kuesioner untuk mengevaluasi
pelatihan dan sistem.
116
LOGO TRACSERA Learning Management System
Welcome,
Copyrigth LMS Team @ 2007-2008. All rigth reserved
Kuesioner
Pertanyaan - pertanyaan dalam bentuk pilihan ganda
Submit Reset
| Home | Change Password | Logout
Banner SERA
Gambar 4.13 Rancangan Layar Kuesioner
Tombol submit merupakan tombol untuk menyimpan jawaban
kuesioner yang telah diisi.
Tombol reset merupakan tombol untuk mengosongkan jawaban
dengan mereset ulang ulang kuesioner agar kosong kembali
Rancangan Layar Site Map Rancangan prototype layar ini akan
menampilkan rangkuman dari fitur-fitur yang tersedia pada LMS ini.
LOGO TRACSERA Learning Management System
Welcome, | Home | Change Password | Logout
Copyrigth LMS Team @ 2007-2008. All rigth reserved | Site Map | Contect
My Profile
Training
Discussion Forum
Kuesioner
Site Map
- Fitur 1- Fitur 1.1
- Fitur 1.2
- Fitur 1.3
- Fitur 2
- Fitur 2.1
Banner SERA
Gambar 4.14 Rancangan Site Map
117
Rancangan Layar Contact Rancangan prototype layar ini akan
menampilkan contact person yang dapat dihubungi jika mengalami
kesulitan dalam penggunaan maupun berkaitan dengan hal teknis.
LOGO TRACSERA Learning Management System
Welcome, | Home | Change Password | Logout
Copyrigth LMS Team @ 2007-2008. All rigth reserved | Site Map | Contect
My Profile
Training
Discussion Forum
Kuesioner
Berisi contact person yang dapatdihubungi dan layanan help
Contact
Banner SERA
Gambar 4.15 Rancangan Contact
Kolom content akan berisi informasi berupa no.telepon atau contact
person yang dapat dihubungi jika membutuhkan bantuan.
Rancangan Layar Home (Admin) Rancangan prototype layar ini
merupakan layar utama untuk admin. Layar yang ditengah dapat berubah
sesuai dengan tombol yang terletak di atas dan di kiri layar Home.
LOGO TRAC
Welcome, | Home | Change Password | Logout
Copyrigth LMS Team @ 2007-2008. All rigth reserved | Site Map | Contect
Calender Event
User Management
Profile Trainer
TrainingBerisi peraturan dan petunjuk
Peraturan
Berisi event - event yang akan dilaksanakan
Table Event
Test Control
Training Report
Discussion Forum
Kuesioner
SERA Learning Management System
Banner SERA
Gambar 4.16 Ramcangan Home (Admin)
118
Link Calender event untuk menampilakan layar calendar event yang
mengontrol event-event training SERA yang akan diinformasikan
melalui LMS.
Link User Management untuk menampilkan layar User Management
yang berfungsi untuk mendaftarkan user agar dapat menggunakan
LMS.
Link Profile Trainer untuk menampilkan layar profile trainer dan
mendaftarkan trainer agar dapat mengakses LMS.
Link Training untuk menampilkan layar Training yang berisi fungsi
untuk mengedit, menghapus dan menambahkan jenis pelatihan
beserta modul-modulnya.
Link Test Control untuk menampilkan layar Test Control yang dapat
mengedit, menghapus dan menambahkan soal pertanyaan tes.
Link Training Report untuk menampilkan layar Training Report yang
merangkum semua hasil tes dari peserta yang mengikuti tes.
Link Disscusion forum menampilkan layar Disscusion forum sebagai
tempat untuk berdiskusi dengan user lainnya maupun dengan trainer.
Link Kuesioner menampilkan layar Kuesioner yang dapat mengedit,
menghapus dan menambahkan soal kuesioner.
Link Site Map menampilkan layar Site Map yang berisi rangkuman
fitur-fitur yang tersedia pada LMS SERA.
Link Contact menampilkan layar Contact yang berisi informasi untuk
meminta bantuan atau sebagai contact person.
119
Rancangan Layar Calender Event (Admin) rancangan prototype layar
ini digunakan untuk memaintain event-event training SERA yang
diberitahukan melalui LMS. Layar ini dapat berfungsi untuk mengedit
event – event training SERA, menghapus event yang telah berlangsung
dan juga dapat menambahkan event baru yang akan dilaksanakan.
LOGO TRAC
Welcome, | Home | Change Password | Logout
Copyrigth LMS Team @ 2007-2008. All rigth reserved | Site Map | Contect
Calender Event
User Management
Profile Trainer
Training
Calender Event
Table Event
Test Control
Training Report
Discussion Forum
Kuesioner
SERA Learning Management System
Banner SERA
Kode event : xxx
Date : 99/99/9999
xxx
xxx
xxx
Event :
Audience :
Title :
Edit Delete New
Next >> Last>>
Gambar 4.17 Rancangan Calender Event (Admin)
Kolom Kode Event berisi kode event sesuai urutan berikutnya.
Kolom Date berisi tanggal untuk melaksanakan event tersebut.
Kolom Event berisi nama kegiatan dari event tersebut.
Kolom Audience berisi peserta yang berhak mengikuti acara tersebut.
Kolom Title berisi Tema dari event SERA tersebut.
Tombol Edit akan menampilkan layar yang dapat mengubah nama
event, tgl event, title event dan audience event
Tombol Delete untuk menghapus event yang sedang di pilih.
120
Tombol New untuk menambahkan event yang akan diberitahukan
melalui LMS.
Rancangan layar User Management(Admin) Rancangan prototype
layar ini digunakan untuk mendaftarkan user(peserta pelatihan) agar
dapat menggunakan LMS dengan mengcreate username dan
passwordnya.
LOGO TRACSERA Learning Management System
Welcome, | Home | Change Password
| Logout
Copyrigth LMS Team @ 2007-2008. All rigth reserved | Site Map | Contect
My Profile
Nama Lengkap
Divisi
Alamat
xxx
xxx
xxx
Tempat lahir
Tanggal Lahir
Jenis Kelamin
No.Telepon
xxx
999
xxx
xxx
Update
xxx
Cancel
Calender Event
User Management
Profile Trainer
Training
Test Control
Training Report
Discussion Forum
Kuesioner
Sign Up new Account
Username :
Password :
Confirm Password :
Email :
Security Quest :
Security Answer :
xxx
***
***
xxx
xxx
xxx
Create New
Banner SERA
Gambar 4.18 Rancangan User Management
Kolom Nama lengkap untuk memasukan data nama lengkap user.
121
Kolom Divisi untuk memasukan data divisi user.
Kolom Alamat untuk memasukan data Alamat user.
Kolom Tempat Lahir untuk memasukan data Tempat Lahir user.
Kolom Tanggal Lahir untuk memasukan data Tanggal Lahir user.
Kolom Jenis Kelamin untuk memasukan data Jenis Kelamin user.
Kolom No.Tlp untuk memasukan data No.Tlp user
Kolom Email untuk memasukan data Email user
Tombol Update merupakan tombol untuk memproses hasil perubahan
pada data yang diubah.
Tombol Cancel merupakan tombol untuk kembali ke halaman My
Profile.
Kolom Username untuk memasukan username.
Kolom password untuk memasukan password user.
Kolom confirm password untuk memasukan password user sekali
lagi.
Kolom email untuk memasukan email user.
Kolom Security Question untuk memasukan pertanyaan security.
Kolom Security Answer Username untuk memasukan jawaban
security.
122
Rancangan Profile Trainer(Admin) Rancangan prototype layar ini
digunakan untuk mendaftarkan trainer agar dapat menggunakan LMS ini.
LOGO TRAC
Welcome, | Home | Change Password | Logout
Copyrigth LMS Team @ 2007-2008. All rigth reserved | Site Map | Contect
Calender Event
User Management
Profile Trainer
Training
Calender Event
Table Event
Test Control
Training Report
Discussion Forum
Kuesioner
SERA Learning Management System
Banner SERA
Kode trainer : xxx
Nama Trainer : xxx
xxx
xxx
xxx
Alamat :
Bidang ilmu :
Jenis Kelamin :
Edit Delete New
1 2 3
No.Telp : 999
Gambar 4.19 Rancangan Profile Trainer (Admin)
Kolom Kode Trainer berisi kode trainer sesuai urutan berikutnya.
Kolom nama trainer untuk memasukan nama lengkap trainer.
Kolom Alamat untuk memasukan alamat trainer.
Kolom Bidang Ilmu untuk memasukan bidang ilmu yang sesuai
dengan kemampuan dan keahlian trainer.
Kolom Jenis Kelamin untuk memasukan jenis kelamin trainer.
Kolom No.Telp untuk memasukan no.telp trainer.
Tombol Edit akan menampilkan layar yang dapat mengubah nama
trainer, alamat, bidang ilmu dan no telp trainer.
Tombol Delete untuk menghapus trainer yang sedang di pilih.
123
Tombol New untuk menambahkan event yang akan diberitahukan
melalui LMS.
Rancangan Layar Training(Admin) Rancangan prototype layar ini
digunakan untuk memantain jenis pelatihan beserta materinya agar
mampu digunakan pada LMS. Pada layar ini admin dapat mengupload
materi pelatihan untuk ditampilkan pada sistem.
LOGO TRACSERA Learning Management System
Welcome, | Home | Change Password
| Logout
Copyrigth LMS Team @ 2007-2008. All rigth reserved | Site Map | Contect
Training
Nama Pelatihan
Tgl mulai :
xxx
Tanggal Akhir :
Description :
Objective : xxx
xxx
Calender Event
User Management
Profile Trainer
Training
Test Control
Training Report
Discussion Forum
Kuesioner
ID Pelatihan :
Judul Materi : ID Trainer :
Nama Trainer :
URL :
999
xxx
xxx
xxx
xxx
Banner SERA
Edit Delete New
File Upload
Browse
File Name :
File Type :
File Size :
Upload
Edit Delete New
Gambar 4.20 Rancangan Layar Training (Admin)
Kolom Nama pelatihan untuk memasukan data nama pelatihan.
Kolom tgl mulai untuk memasukan tgl mulai pelatihan.
Kolom tgl akhir untuk memasukan tgl akhir pelatihan.
124
Kolom Description untuk memasukan Description dari pelatihan
tersebut.
Kolom Objective untuk memasukan data objective dari pelatihan
tersebut.
Kolom Nama Pelatihan untuk memilih pelatihan yang ada untuk
mengupload materi pelatihan.
Kolom judul materi untuk memasukan judul untuk materi yang akan
di upload.
Kolom ID Trainer untuk memasukan data trainer.
Kolom nama trainer untuk memasukan nama trainer
Tombol URL merupakan data dari alamat URL yang dituju..
Tombol browse untuk memasukan file yang akan di upload.
Kolom File name untuk memberikan keterangan nama file yang
diupload.
Kolom file type untuk memberikan keterangan tipe file yang diupload.
Kolom file size untuk memberikan keterangan size file yang diupload.
Tombol edit untuk ke halaman edit training untuk mengedit penulisan
judul training maupun materi, mengedit tanggal pelatihan dan
mengedit file materi yang di upload.
Tombol Delete untuk menghapus data yang dipilih
Tombol New untuk menambahkan data pelatihan maupun materi
pelatihan untuk dapat ditampilkan pada LMS.
125
Rancangan Test Control (Admin) racangan prototype layar ini
digunakan admin untuk memasukan soal tes ke dalam sistem. Pada layar
ini fungsi yang tersedia fungsi untuk mengedit, menghapus dan
menambahkan soal tes.
LOGO TRACSERA Learning Management System
Welcome, | Home | Change Password
| Logout
Copyrigth LMS Team @ 2007-2008. All rigth reserved | Site Map | Contect
Test Control
Quiq ID :
Title :
Title :
Answer 1 :
Answer 2 :
Calender Event
User Management
Profile Trainer
Training
Test Control
Training Report
Discussion Forum
Kuesioner
Correct Answer :AnswerExplanaition :Question Order :
Banner SERA
Edit New Delete
Quiq ID :
Question ID :
Answer 3 :
Answer 4 :
Edit New Delete 1 2 3 4 5 6
1 2 3 4 5 6
Standart Score :
Gambar 4.21 Rancangan Test Control
Kolom Quiz ID akan mengenerate kode Quiz sebagai urutan.
Kolom Title untuk memasukan judul dari tes yang akan dilakukan.
Kolom Standart Score untuk memasukan standart penilaian yang
menjadi target untuk lulus dalam test
126
Kolom Question ID akan mengenerate kode Question sebagai urutan.
Kolom Title untuk soal dari pertanyaan tes.
Kolom Answer1 untuk memasukan pilihan pertama dari jawaban soal
tes.
Kolom Answer2 untuk memasukan pilihan kedua dari jawaban soal
tes.
Kolom Answer3 untuk memasukan pilihan kedua dari jawaban soal
tes.
Kolom Answer 4 untuk memasukan pilihan kedua dari jawaban soal
tes.
Kolom Correct Answer untuk memasukan pilihan jawaban yang
benar.
Kolom Answer Explaination untuk memasukan penjelasan dari
jawaban soal tes.
Kolom Question Order untuk memasukan no urut dari pertanyaan
soal tes.
Tombol edit untuk ke halaman edit tes untuk mengedit penulisan
judul tes maupun soal tes, mengedit tgl pelatihan dan mengedit soal
tes dan jawabannya.
Tombol Delete untuk menghapus data yang dipilih
Tombol New untuk menambahkan data pelatihan maupun materi
pelatihan untuk dapat ditampilkan pada LMS.
127
Rancangan layar Training Repor (Admin) rancangan prototype layar
ini akan menampilkan laporan dari hasil penilaian terhadap pengerjaan
tes yang dilakukan user (peserta training).
LOGO TRACSERA Learning Management System
Welcome,
Copyrigth LMS Team @ 2007-2008. All rigth reserved
Training Report
Banner SERA
User Quis title Score Tgl Test
Gambar 4.22 Rancangan Training Report (Admin)
Kolom User untuk menampilkan nama user yang sudah mengikuti
tes.
Kolom Quiz title menampilkan judul dari soal yang dikerjakan peserta
training.
Kolom Score untuk menampilkan score.
Kolom Tgl tes untuk menampilkan tgl saat user mengikuti tes.
Kolom Test akan digunakan untuk menandakan bahwa tes sudah
lulus.
128
Rancangan Layar Kuesioner (Admin) Rancangan prototype layar ini
akan digunakan untuk menambahkan, mengedit dan menghapus
pertanyaan soal kuesioner yang akan di lakukan oleh admin.
LOGO TRAC
Welcome, | Home | Change Password | Logout
Copyrigth LMS Team @ 2007-2008. All rigth reserved | Site Map | Contect
Calender Event
User Management
Profile Trainer
Training
Calender Event
Test Control
Training Report
Discussion Forum
Kuesioner
SERA Learning Management System
Banner SERA
ID Kuesioner : 999
Judul Kuesioner : xxx
999
xxx
Tgl Kuesioner :
Keterangan :
Edit Delete New
999ID Soal Kuesioner :
Judul Kuesioner : 999
Soal Kuesioner : xxx
Edit Delete New
Gambar 4.23 Rancangan Kuesioner (Admin)
Kolom ID Kuesioner untuk menampilkan urutan ID kuesioner yang
tersimpan pada database.
Kolom Judul Kuesioner untuk menampilkan Judul dari kuesioner itu
sendiri.
Kolom Tgl Kuesioner untuk menampilkan tgl untuk melakukan
kuesioner.
Kolom Keterangan untuk menampilkan keterangan pengambilan
kuesioner tersebut digunakan untuk apa.
Kolom ID Soal kuesioner menampilkan nomor soal kuesioner.
129
Kolom Soal kuesioner untuk memasukan soal pertanyaan kuesioner
Rancangan layar Forum Login -> rancangan prototype layar ini
mengharuskan user baik dari peserta, trainer dan admin memberikan
username dan password untuk masuk ke halaman forum index
LOGO TRAC
Forum Index Login Register FAQ Memberlist Search
Username :
Password :
Log me on automatically each visit:
I forgot my password
Log In
xxx
xxx
Please enter your username and password to log in
PT.Serasi Autoraya Discussion Forum Index
LOGO TRAC SERA
Gambar 4.24 Rancangan Layar Forum Login
Link Forum Index untuk masuk ke halaman forum index, tetapi user
diharuskan login terlebih dahulu agar dapat mengaksesnya. Jika user
belum melakukan login maka akan langsung redirect ke halaman
login.
Link Login untuk masuk ke halaman login. Jika user sudah
melakukan login, maka menu login akan hilang dan menu logout akan
muncul.
Link Register untuk masuk ke halaman registrasi user baru.
130
Link FAQ untuk masuk ke halaman FAQ
Link Memberlist untuk masuk ke halaman memberlist yang berisi
user- user yang sudah melakukan registrasi.
Link Search untuk masuk ke halaman search.
Kolom username untuk memasukkan nama user
Kolom password untuk memasukkan password untuk verifikasi
Checkbox Log me on automatically each visit untuk membuat user
selalu login ketika memasuki forum
Tombol Log In untuk masuk ke halaman selanjutnya yaitu forum
index jika username dan password telah terpenuhi
Link I forgot my password untuk masuk ke halaman lupa password
Rancangan Layar Forum Index Rancangan prototype layar ini berisi
kategori dan forum yang terdapat di masing- masing kategori.
LOGO TRAC
Forum Index Profile Private Messages FAQ Memberlist Search UsergroupsLogout
Kategori
PT.Serasi Autoraya Discussion ForumIndex
LOGO TRAC SERA
You have messagesYour last visited onThe time nowAll times are
View post since last visitView your post
View unanswered postMark all forums read
Last Post
Waktu Postterakhir
PostsTopicsForum
TotalPost
TotalTopikJudul Forum
Who is online
Total artikel yang dipostTotal user yang sedang onlineNama user yang register paling baru
Keterangan user yang sedang onlineStatistik tanggal online user
Keterangan gambar New Post, No New Post, Forumlocked
Gambar 4.25 Rancangan Layar Forum Index
131
Link Profile untuk melihat profile user yang sedang login.
Link Private Message untuk masuk ke halaman private message
Link Usergroups untuk masuk ke halaman usergroups
Link Logout untuk keluar dari forum index
Kolom Forum berisi judul- judul forum yang tersedia. Judul forum
sekaligus menjadi link untuk masuk ke dalam forum tersebut. Untuk
menambah dan menghapus forum hanya bisa dilakukan oleh
administrator
Kolom Topics berisi total topik yang ada di dalam forum tersebut
Kolom Total Posts berisi total post yang ada di dalam forum tersebut
Kolom Last Post berisi tanggal terakhir user melakukan post
Tabel Who is online berisi keterangan user yang sedang online. Tabel
ini terdiri dari dua baris, yaitu:
o Baris pertama berisi keterangan tentang total post keseluruhan,
total user yang sedang online, dan username yang melakukan
registrasi paling baru.
o Baris kedua berisi keterangan tentang nama user yang sedang
online dan statistik tanggal dimana forum paling ramai dikunjungi
user.
Baris pertama setelah tabel Who is online berisi keterangan gambar
yang digunakan untuk menandakan status forum.
Link Go to administration panel untuk masuk kedalam administration
panel yang hanya bisa diakses oleh administrator
132
Rancangan Layar View Forum Rancangan prototype layar ini
menampilkan daftar topik yang ada pada sebuah forum
LOGO TRAC
Forum Index Profile Private Messages FAQ Memberlist Search Usergroups Logout
PT.Serasi Autoraya Discussion Forum Index -> Nama topik ->
LOGO TRAC SERA
New topic
Judul forum
Mark all topics read
Display topics from previous:
xxx Go
Moderators:User browsing this forum:
Last PostViewsAuthorRepliesTopics
Judul topik
xxx Go
New topic PT.Serasi Autoraya Discussion Forum Index -> Nama topik ->
Keterangan gambar Keterangan hak yangdimiliki user
Halaman
Gambar 4.26 Rancangan Layar Forum Topic Index
Pada baris pertama menampilkan nama moderator yang bertanggung
jawab terhadap forum tersebut. Kemudian pada baris berikutnya
menampilkan user- user yang sedang mengakses forum tersebut.
Tombol New topic (atas dan bawah) digunakan untuk membuat topik
baru
Link PT. Serasi Autoraya forum index (atas dan bawah) untuk
kembali ke halaman forum index
Link nama forum (atas dan bawah) untuk kembali ke halaman topik
yang dipilih. Link tersebut akan mengikuti nama forum yang dipilih.
Judul forum merupakan nama forum yang sedang dikunjungi
Kolom topik berisi daftar judul topik yang ada
Kolom Replies berisi jumlah reply pada topik yang bersangkutan
Kolom Author menampilkan username yang membuat topik tersebut
133
Kolom Views menampilkan berapa kali topik tersebut dilihat oleh
user
Kolom Last post menampilkan tanggal terakhir adanya post dalam
topik tersebut
Display topic from previous merupakan
Keterangan gambar merupakan penjelasan dari gambar yang
digunakan untuk menampilkan status dari topic
Rancangan layar Post New Topic Rancangan prototype layar ini
menampilkan cara untuk membuat topik baru di dalam sebuah forum.
LOGO TRAC
Forum Index Profile Private Messages FAQ Memberlist Search Usergroups Logout
PT.Serasi Autoraya Discussion Forum Index -> Namatopik
LOGO TRAC SERA
Subject
Message body
EMOTICONS
xxx
xxx
B I U Quote ListCode List= Img Url
Font Colour Font Size
OptionsHTML isON/OFFBBCode is ON/OFFSmilies are ON/OFF
Disable BBCode in this post Disable Smilies in this post Notify me when a reply is posted Post topic as: Normal Sticky Announcement
Add a Poll
If you don't want to add poll to your topic, leave the fields blank
Poll Question xxx
Poll OptionsRun poll for
xxx Add options
99 days
Submit Preview
xxx Go
Gambar 4.27 Rancangan Layar Post New Topic
134
Link PT. Serasi Autoraya forum index untuk kembali ke halaman
forum index
Link nama topik untuk kembali ke halaman topik yang dipilih. Link
tersebut akan mengikuti nama topik yang dipilih.
Kolom Subject diisi dengan judul topik yang akan dibuat
Message body untuk mengatur tampilan pesan yang akan ditampilkan.
Pengaturan tersebut yaitu tombol B untuk membuat tulisan menjadi
bold, tombol I untuk membuat tulisan menjadi Italic, tombol U untuk
membuat tulisan menjadi underlined, memasukkan Quote, gambar,
dan url. Kemudian di baris berikutnya ada pilihan untuk mengatur
warna dan ukuran font.
Kolom message untuk menuliskan pesan yang ingin disampaikan,
ditanyakan, maupun didiskusikan.
Baris berikutnya berisi pilihan untuk enabled atau disabled bbcode,
html, dan smilies. Terdapat juga pilihan untuk menentukan jenis
topik, yaitu sebagai topik normal, sticky, atau sebagai announcement
Tabel Add a poll digunakan untuk membuat polling. Jika tidak ingin
menggunakan polling, tidak perlu diisi.
Kolom Poll questions diisi dengan pertanyaan yang akan dijadikan
polling
Kolom Poll options diisi dengan pilihan- pilihan yang diinginkan.
Tombol Add options untuk menambah setiap satu pilihan.
Kolom Run poll for diisi dengan lama polling (dalam satuan hari)
akan dipost pada forum.
135
Tombol Submit merupakan tombol untuk mengepost topik.
Tombol Preview merupakan tombol untuk melihat tampilan pesan
tanpa harus mengepost terlebih dahulu.
Combo box Select a forum digunakan untuk memilih forum yang
diinginkan secara langung. Setelah memilih tekan tombol Go untuk
langsung menuju halaman yang telah dipilih.
Rancangan layar View Topic rancangan prototype layar ini
menampilkan pesan- pesan dari satu topik
LOGO TRAC
Forum Index Profile Private Messages FAQ Memberlist Search Usergroups Logout
PT.Serasi Autoraya Discussion Forum Index -> Nama topik ->
LOGO TRAC SERA
New topic Post reply
Judul topik
View previous topic :: View nexttopic
Tanggal Post Quote Edit x ip
Isi postKetrangan
User
Profile pm email
Judul topik
PT. Serasi Autoraya Discussion Forum Index -> Nama topik ->
Keterangan hak-hak yang dimiliki
userPage 1 of
Mengurutkanpost Go xxx Go
New topic Post reply
Gambar 4.28 Rancangan Layar View Topic
136
Tombol New Topic (atas dan bawah) digunakan untuk membuat topik
baru dan menuju halaman Post New Topic.
Tombol Post Reply (atas dan bawah) digunakan untuk mengepost
reply yang ditujukan untuk topik tersebut.
Link View previous topic untuk menuju ke topik sebelumnya
Link View next topic untuk menuju ke topik selanjutnya
Judul topik (atas dan bawah) merupakan subject dari topic
Pada baris berikutnya terdapat tanggal pesan tersebut dipost, lalu
terdapat tombol quote untuk mengambil potongan pesan dari user
lain, edit untuk mengubah pesan yang sudah dipost, tombol x untuk
menghapus pesan, dan tombol ip untuk melihat ip address. Hanya
user yang bersangkutan dan administrator yang dapat menggunakan
fasilitas tersebut.
Kolom keterangan user berisi username, lokasi, status dan total post
yang dimilikinya.
Kolom isi post berisi tampilan dari pesan- pesan yang dipost oleh user
Tombol profile digunakan untuk melihat profil dari user
Tombol pm digunakan untuk mengirimkan private message kepada
user tersebut
Tombol email digunakan untuk mengirimkan email kepada user
tersebut
Keterangan hak- hak yang dimiliki user merupakan daftar dari
aktivitas yang dapat dilakukan oleh user, misalnya dapat melakukan
posting, dapat mengedit posting, dan lain- lain.
137
Combo box mengurutkan post digunakan untuk menampilkan post
dengan beberapa pilihan urutan, misalnya dari yang terbaru dahulu
atau sebaliknya. Kemudian tekan tombol go untuk menampilkan.
Rancangan Layar Forum Administration Rancangan prototype layar
yang menampilkan kategori dan forum yang ada, dan administrator dapat
menambah, menghapus, mengubah, atau memindahkan forum maupun
kategori.
Forum Administration
Forum Administration
Kategori Move up Move down
Nama Forum Edit Delete Move up Move down ResyncTotal topik
XXX Create new forum
XXX Create new category
Gambar 4.29 Rancangan Layar Forum Administration
Tabel Forum administration menampilkan seluruh kategori dan
forum yang ada pada forum index.
Move up digunakan untuk memindahkan kategori maupun forum
keatas.
Move down digunakan untuk memindahkan kategori maupun forum
keatas.
Edit digunakan untuk mengubah aturan dari kategori maupun forum.
Delete digunakan untuk menghapus kategori maupun forum.
Tombol Create new forum digunakan untuk membuat forum baru.
Kolom Create new forum diisi dengan nama forum yang baru.
138
Tombol Create new category digunakan untuk membuat kategori
baru. Kolom Create new category diisi dengan nama kategori yang
baru.
Rancangan Layar User Permissions Control Rancangan prototype
layar yang digunakan untuk mengontrol status moderator dari user
User Permissions ControlUsername :
User level : xxx
Usergroup Membership :
Forum Simple Permissions Moderator Status
Submit Reset
Gambar 4.30 Rancangan Layar User Permissions Control
Pada baris pertama menampilkan username yang sedang dikontrol
beserta tingkatan usernya (user biasa atau administrator).
Kolom forum menampilkan forum- forum yang ada pada forum
index.
Moderator status memungkinkan user untuk menjadi moderator pada
forum tertentu.
Tombol submit digunakan untuk menyimpan perubahan yang
dilakukan.
Tombol reset digunakan untuk mengulang kembali.
139
4.1.3.2 Standar Media
Untuk menyampaikan materi pelatihan dibutuhkan media- media yang
memiliki standart tersendiri. Hal ini untuk memudahkan dalam menjalankan
aplikasi dan menghemat tempat penympanan data. Media-media tersebut
adalah sebagai berikut :
Teks
Dalam menyampaikan materi pelatihan dalam bentuk teks, SERA sudah
memiliki template tersendiri dalam format pdf. Untuk ukuran file yang
akan digunakan sebaiknya antara 1kb-2000kb, namun memungkinkan
untuk menggunakan file dengan ukuran yang lebih besar.
Video
Tipe file yang biasa digunakan adalah bentuk .avi, .wmv, .mpg, dll.
Untuk ukuran file yang akan digunakan sebaiknya antara 10 Mb – 50 Mb,
namun memungkinkan untuk menggunakan file dengan ukuran yang
lebih besar.
4.1.4 Content Structure
New Employee Orientation Program (NEOP) merupakan program pelatihan
orientasi yang ditujukan bagi karyawan baru. Pada program pelatihan ini memuat
materi- materi yang bersifat orientasi. Sehingga karyawan baru dapat mengetahui
lingkungan perusahaannya, mengetahui hak dan kewajibannya, mengembangkan dan
meningkatkan daya saing yang positif antar karyawan, mengetahui filosofi
perusahaan, etika kerja dan bisnis, meningkatkan inovasi dan kreativitas, serta
pengetahuan umum tentang keselamatan kerja.
140
Tujuan dari NEOP ini agar peserta dapat memahami pengetahuan perusahaan
secara lebih mendalam, meningkatkan hubungan interpersonal antar karyawan dan
meningkatkan kinerja karyawan sehingga visi dan misi perusahaan dapat tercapai.
4.1.4.1 Outline Materi
Untuk mencapai tujuan dari NEOP seperti yang telah disebutkan
di atas, pelatihan di fokuskan pada ke bidang-bidang yang harus dikuasai
oleh peserta. Oleh karena itu, program pelatihan untuk karyawan baru ini
terbagi menjadi beberapa modul dan terangkum dalam gambar 4.31 di
bawah ini.
141
Tujuan NEOP :peserta dapat memahami
pengetahuan perusahaan secaralebih mendalam, meningkatkanhubungan interpersonal antarkaryawan dan meningkatkan
kinerja karyawan sehingga visi danmisi perusahaan dapat tercapai.
Pemahaman dasartentang perusahaan,karyawan mampu
membedakan tugas dantanggung jawab tiapdivisi (Intellectual
skill).
Kemampuan karyawanuntuk membuat keputusanjika terjadi masalah, sertakemampuan- kemampuan
lainnya yang berkaitandengan keahlian
konseptual (Cognitiveskill)
Karyawan dapatmemberikan
informasi yangbenar tentangperusahannya,
Mampu mengertiprosedur yang benar
di perusahaan(Verbal skill)
Kemampuankaryawan untuk
beradaptasi denganlingkungan
perusahaan danberinteraksi denganrekan kerjanya sertacustomer (Attitude)
Kemampuan karyawanuntuk mengelola
lingkungan bisnisnya,menerapkan prosedur
keselamatan dankeamanan kerja di
lingkingan perusahaan(Motor skill)
Modul 1Know Our Holding
(Waktu : Hari Pertama)
Modul 5Asuransi
(Waktu : Hari ketiga)
Modul 4Human Resource
Management(Waktu : Hari Kedua)
Modul 6SP SERA
(Waktu : Hari ketiga)
Modul 3Company Philoshopy
Work and bussiner ethic(Waktu : Hari kedua)
Modul 7Spirit of quality improvement
(Waktu : Hari keempat)
Modul 8Enviroment, health and safety
(Waktu : Hari keempat)
Modul 2Know Our SERA
(Waktu : Hari Pertama)
Gambar 4.31 Modul yang dipelajari dalam Program pelatihan NEOP
Program pelatihan NEOP terdiri dari 8 modul yangharus
dipelajari oleh peserta pelatihan ( karyawan baru). Modul- modul tersebut
antara lain:
142
1. Know Our Holding
Deskripsi
Memperkenalkan peserta mengenai Astra Internasional sebagai
holding company
Sasaran
Peserta mengetahui sejarah berdirinya Astra Internasional,
struktur organisasi, struktur bisnis, serta kualifikasi umum dari
karyawan Astra
Materi yang dipelajari antara lain :
o Sejarah berdirinya Astra International
o Struktur kepemilikan modal
o Struktur organisasi Astra International
o Struktur bisnis
o Astra international value system
o General qualification of Astra people
o Company build on values
Waktu pelatihan yaitu pada hari pertama pelatihan
Media yang digunakan adalah text dengan format .pdf
2. Know Our SERA
Deskripsi
Memperkenalkan peserta mengenai SERA termasuk Business
Knowledge dan Struktur Organisasi terkini
143
Sasaran
Peserta mengetahui sejarah berdirinya SERA,visi dan misi,
struktur organisasi SERA, layanan SERA
Materi yang dipelajari antara lain :
o Sejarah berdirinya SERA
o Visi , misi dan corporate values
o Struktur modal dan struktur organisasi
o Corporate internal value chain
o Struktur bisnis SERA
o Perkembangan SERA
o Komitmen budaya kualitas SERA
Waktu pelatihan yaitu pada hari pertama pelatihan
Media yang digunakan adalah text dengan format .pdf
3. Company Philosophy, Work Ethic, and Business Ethic
Deskripsi
Memperkenalkan filosofi perusahaan, etika kerja dan bisnis dari
SERA.
Sasaran
Peserta memahami corporate value SERA
Materi yang dipelajari antara lain :
o Pengertian visi dan misi
o SERA corporate value
o Etika kerja
o Etika bisnis
144
Waktu pelatihan yaitu pada hari kedua pelatihan
Media yang digunakan adalah text dengan format .pdf
4. Human Resource Management
Deskripsi
Menjelaskan proses pengembangan karyawan, kompetensi,rotasi
pekerjaan dan peraturan HRD.
Sasaran
Peserta memahami mengenai proses pengembangan di SERA agar
dapat meningkatkan daya saing positif
Materi yang dipelajari antara lain:
o Employee development process
o Kompetensi
o Rotasi, promosi dan demosi
o HRD Regulation
Waktu pelatihan yaitu pada hari ketiga pelatihan
Media yang digunakan adalah text dengan format .pdf
5. Asuransi
Deskripsi
Memperkenalkan asuransi Dayin Mitra Sebagai rekan bsnis
SERA beserta jaminan-jaminan yang diberikan
Sasaran
Peserta memahami dengan penggunaan secara optimal salah satu
haknya ketika menjadi employee yaitu Asuransi Kesehatan
Materi yang dipelajari antara lain :
145
o Pengenalan asuransi DAYIN MITRA
o Jaminan kesehatan yang diterima
o Prosedur klaim
Waktu pelatihan yaitu pada hari ketiga pelatihan
Media yang digunakan adalah text dengan format .pdf
6. Serikat Pekerja SERA
Deskripsi
Memperkenalkan SP SERA sebagai wadah formal para karyawan,
struktur organisasinya dan kegiatan didalamnya.
Sasaran
Peserta memahami fungsi dari wadah formal karyawan di PT
Serasi Autoraya yaitu SP SERA
Materi yang dipelajari antara lain :
o Pengenalan SP SERA
o Struktur organisasi
o Fungsi SP SERA
o Meknisme menyelesaikan hubungan industrial
Waktu pelatihan yaitu pada hari keempatpelatihan
Media yang digunakan adalah text dengan format .pdf
7. Spirit of Quality Improvement
Deskripsi
Memperkenalkan QMESRS sebagai divisi yang menjaga kualitas
dari SERA serta memberikan pengatahuan bagaimana melakukan
146
quality improvement agar dapat menghasilkan inovasi dan
kreativitas.
Sasaran
o Peserta memahami spirit yang sedang dibangun di SERA
yaitu berinovasi
o Menumbuhkan semangat peserta untuk melakukan inovasi
ketika bergabung di SERA
Materi yang dipelajari antara lain:
o Standart kualitas
o Quality improvement (TQM)
o Distribusi jenis pekerjaan
o Objective quality improvement
Waktu pelatihan yaitu pada hari kelima pelatihan
Media yang digunakan adalah text dengan format .pdf
8. Environment, Health, and Safety
Deskripsi
Memberikan pengenalan kepada karyawan baru tentang
pengelolaan EHS & SR
Sasaran
Peserta memahami dan berpartisipasi aktif dalam melakukan
pengelolaan EHS & SR
Materi yang dipelajari antara lain:
o Latar belakang, tujuan, dan visi misi
o Kebijakan enviroment, health dan safety
147
o Sistem manajement enviroment, health dan safety
Waktu pelatihan yaitu pada hari kelima pelatihan
Media yang digunakan adalah text dengan format .pdf
4.1.4.2 Spesifikasi Learning Outcomes setiap modul
Ada beberapa learning outcomes yang harus dicapai oleh peserta
pelatihan agar tujuan dari program pelatihan (NEOP) dapat tercapai.
Learning outcomes yang dicapai di setiap modul dapat terlihat dalam
gambar 4.32 dan gambar 4.33 dibawah ini.
Modul 1Know Our Holding
(Waktu : HariPertama)
- Peserta mampu mengenal dan memahami lingkungan kerja ASTRA. (Intellectual danverbal skill)- peserta mampu membedakan wewenang dan tugas pada struktur organisasi(intellectual skill)
Modul 2Know Our SERA
(Waktu : HariPertama)
- Mampu membedakan wewenang dan tugas tiap divisi SERA ( Intellectualskill)- Mampu memahami dan mengerrti nilai bisnis serta budaya kualitas SERA (Verbalskill)
Modul 3Company Philoshopy Work
and bussiner ethic(Waktu : Hari kedua)
- Mampu mengerti dan menerapkan etika kerja dan bisnis perusahaan (Cognitiv Skill)- Mampu menerapkan keahlian dan kemampuan untuk memberikan pelayanan terbaik (Cognitiv Skill)- Mampu beradaptasi dengan lingkungan dan berinteraksi dengan rekan kerja (Attitude)
Modul 4Human Resource
Management(Waktu : Hari Kedua)
- Mampu menerapkan kompetisi yang positif untuk pengembangan diri. (Cognitif skill)- Mampu mengerti dan menerpakan prosedur regulasi HRD yang sesuai. (Cognitif skilldan attitude)- Mampu bertindak positif untuk berkompetisi dalam pekerjaanuntuk mancapai tujuan(attitude)
Gambar 4.32 Spesifikasi learning outcomes modul 1-modul 4
148
- Mampu mengerti dan memahami standart kualitas SERA (Cognitive skill)- Mampu mengerti dan memahami strategi dan langkah-langkah pengembangan untuk mencapai tujuan (Cognitive skill)
Modul 5Asuransi
(Waktu : Hari ketiga)
- Mampu memahami dan mengerti prosedur perusahaan dalam hal klaim asuransi (verbal skill)
Modul 6SP SERA
(Waktu : Hari ketiga)
- Mampu mengerti mengenai serikat pekerja SERA (Verbal skill)
Modul 7Spirit of quality improvement
(Waktu : Hari Keempat)
Modul 8Enviroment, health and safety
(Waktu : Hari keempat)
- Mampu menerapkan tindakan keselamatan sesuai prosedur (Motor Skill)- Mampu menerapkan kebijakan lingkungan dan standart keamanan SERA (Motor Skill)
Gambar 4.33 Spesifikasi learning outcomes modul 5-modul 8
4.1.4.3 Event of Instruction dan Content Map
Untuk menciptakan kondisi pelatihan yang diinginkan, maka
ada beberapa event of instruction yang diperlukan dalam
membangun kondisi pelatihan yang diinginkan.
Dari hasil studi yang dilakukan maka ada beberapa events of
instruction yang dapat mendukung tercapainya tujuan pelatihan,
antara lain sebagai berikut :
1. Advance Organizer
Menjelaskan materi apa yang sebelumnya dipelajari, apa yang
akan dipelajari dalam materi ini, dan bagaimana keduanya
saling terhubung (materi apa yang berkaitan), serta dengan
materi yang lainnya.
2. Objectives
Sasaran dari materi yang dipelajari, serta apa yang dapat
diketahui dan dilakukan oleh peserta setelah mempelajari
materi tersebut.
149
3. Content
Strategi penyampaian yang digunakan agar dapat mencapai
sasaran
4. Transition
Merupakan pengenalan singkat yg menjelaskan bagaimana
materi yg baru saja dipelajari diaplikasikan ke topik
berikutnya
5. Summary
Kesimpulan dari materi untuk mengingatkan peserta apa yang
sudah mereka pelajari
6. Test
Evaluasi terhadap hasil belajar peserta untuk mengukur sejauh
mana pemahaman peserta terhadap materi. Setiap materi
memiliki evaluasi masing- masing. Bentuk tes yang digunakan
adalah multiple choice atau pilihan ganda.
Penyampaian materi yang terstruktur dapat meningkatkan
kemampuan dan pemahaman peserta pelatihan yang pada akhirnya
akan membantu meningkatkan kinerja peserta pelatihan tersebut.
Berikut ini adalah rangkuman dan prosedur modul pelatihan
(NEOP) yang terangkum dalam Content Map pada gambar 4.34
150
Program orientasi karyawanbaru
Modul 1Know Our Holding
Quiz 1
Modul 2Know Our SERA
Quiz 2
Modul 3Company Philosophy,work and bussiness
ethic
Quiz 3
Modul 4Human Resource
Management
Quiz 4
Modul 5Asuarnsi
Quiz 5
Modul 6SP SERA
Quiz 6
Modul 7Spirit of qualityimprovement
Quiz 7
Modul 8Enviroment,
health and safety
Quiz 8
Gambar 4.34 Content Map
4.2 Pengembangan
4.2.1 Rancangan system penyampaian materi pada LMS
Dari hasil analisa dan desain menunjukkan bahwa materi yang hendak
ditransfer harus dapat meningkatkan pemahaman dan pengertian mengenai
lingkungan kerja karyawan serta pada akhirnya membantu meningkatkan kinerja
karyawan. Dapat disimpulkan bahwa learning outcomes yang ingin dicapai dalam
Program orientasi karyawan baru ini adalah Intellectual Skill, Cognitive Skill, Verbal
skill, Attitudes dan Motor skill. Sedangkan events of instruction yang diharapkan
dapat menciptakan kondisi pelatihan adalah Advance Organizer, Objectives,
Content, Transition, Summary dan Test.
151
Dengan hasil penelitian tersebut metode pembelajaran baru yang dapat
diterapkan di PT. Serasi Autoraya adalah dengan menggunakan metode Learning
Management System (LMS) berbasis web. Saat ini, PT. Serasi Autoraya sudah
memiliki jaringan intranet, maka admin dan trainer akan lebih mudah memantau
perkembangan pelatihan secara online.
LMS ini merupakan sistem yang dibangun dengan menggunakan jaringan
online melalui jaringan intranet yang sudah diimplementasikan di PT. Serasi
Autoraya. Pelatihan melaui intranet ini akan didukung dimana setiap peserta training
mempunyai satu buah komputer pada meja masing-masing di kantor. Admin
memegang kendali untuk mengontrol dan memelihara sistem. Sistem yang akan
dibangun adalah sebagai berikut :
152
Intranet
Training Analyst Admin
Silabusmateri
Back End
Upload PelatihanTraining
Upload Materi Modul Soal Test Test
Upload Kuesioner Kuesioner
Updatecalender event Calender Event
Registrasi userUser Management
Trainer Trainer
Front End
Server
Transfer file
PesertaTrainin
g
Computer
PesertaTrainin
g
Computer
PesertaTrainin
g
Computer Trainer
Computer
PesertaTrainin
g
Computer
PesertaTrainin
g
Computer
PesertaTrainin
g
Computer Trainer
Computer
Gambar 4.35 Rancangan system yang diusulkan
Setelah Training analyst (TA) membuat silabus materi pelatihan maka TA
akan memberikan silabus yang sudah disetujui untuk dimasukan ke dalam system
oleh admin. Silabus tersebut berisi tentang modul-modul pelatihan beserta soal tes
per modul. Admin akan menerima daftar peserta yang akan mengikuti pelatihan.
Kemudian admin akan mendaftarkan user(peserta training) dan trainer ke dalam
system untuk dapat menggunakan LMS ini. Kegiatan yang terjadi pada back end
153
seperti pada Gambar 4.35 meliputi Registrasi user, Registrasi trainer, Upload
Materi dan soal tes, Upload kuesioner dan Update calendar event.
Sistem ini akan disimpan didalam server perusahaan. Semua file yang di
upload akan tersimpan dalam server perusahaan sehingga dapat digunakan untuk
semua cabang. Dan hanya admin yang berhak mengubah maupun menghapus isi file.
Semua fasilitas yang disediakan untuk peserta training dan trainer dapat diakses
melalui intranet perusahaan. Untuk peserta training dapat mengaksesnya di meja
kantor masing-masing yang tersedia komputer sehingga diharapkan tidak
mengganggu pekerjaan.
Spesifikasi hardware dan software yang diperlukan untuk pelatihan ini
adalah sebagai berikut:
Monitor (1 buah) yang tresedia pada masing – masing meja kantor
Keyboard dan mouse
Central Processing Unit (CPU) yang diperlengkapi dengan memory
sebesar 256MB, hard disk sebesar 40GB setiap komputer, motherboard.
Operating sistem dengan minimal Windows 2000
Processor Intel Pentium 4
Internet information services
Adobe reader
Visual Studio .NET 2005
SQL Server 2005
Dengan menggunakan komputer sebagai media perantara diharapkan bahwa
pelatihan akan berlangsung lebih baik dan karyawan tidak perlu menunggu lama
154
untuk mendapatkan pelatihan. Sehingga kebutuhan untuk mengerti dan memahami
lingkungan kerja menjadi terpenuhi. Sistem ini juga akan digunakan untuk
memantau interaksi user dengan menggunakan fasilitas forum diskusi, sehingga
komunikasi dengan trainer maupun dengan peserta training yang lain dapat terjalin
dengan baik.
4.2.2 Site Map dari Prototype LMS
Login
Home
My Profile Training KuesionerDisscussion Forum Training Report Calender Event
Add user
Edit user
NEOP
Mechanich'straining
Financetraining
Modul 1
Modul 2
Modul 3
Modul 4
Modul 5
Add Training
Login
Home Forum
Topik 1
Topik 2
Topik 3
Topik 4
Topik 5
view kuesioner
Uploadkuesioner
Add event
View EventResult Test
Upload materi
LogoutChange Password
Add Forum
Sitemap Contact
Keterangan
Admin
Test
Test
Test
Test
Test
add moderator
Gambar 4.36 SiteMap User Interface Learning Management System
155
Design Fitur
Untuk menunjang pelatihan yang ada, maka LMS ini dibuat dengan
menggunakan fitur-fitur yang akan bekerja secara maksimal antara lain :
Login
Fitur ini digunakan untuk melakukan authorisasi dan menjaga agar sistem ini
digunakan oleh orang yang berhak untuk menggunakannya. Dalam fitur ini
juga membedakan hak akses antar pengguna, misalnya admin dapat
mengakses halaman laporan pelatihan dan mengupdate calendar event
sedangkan user tidak dapat mengaksesnya.
Calender Event
Fitur ini menampilkan informasi mengenai event pelatihan yang diadakan
SERA. Peserta pelatihan dapat mengetahui pelatihan yang dapat diikutinya.
Fitur ini memungkinkan admin untuk mengupdate maupun menghapus event
yang sudah berlangsung.
My profile
Fitur ini digunakan untuk menampilkan informasi profil diri kepada
pengguna. Profil ini memungkinkan untuk diupdate oleh user dan
administrator, tetapi user hanya dapat mengupdate nomor telepon dan alamat
email saja. Perubahan data ini akan terintegrasi dengan database. Melalui
fitur ini, admin juga dapat mendaftarkan peserta training(user) dan trainer
untuk dapat mengakses LMS ini.
Training
Fitur ini memberikan penjelasan kepada peserta pelatihan tentang program
pelatihan yang sedang diikuti secara umum dan berisi materi-materi pelatihan
156
yang akan didapatkan selama waktu pelatihan. Didalam fitur ini juga terdapat
informasi mengenai jadwal tes per materi dan fasilitas pengerjaan tes online
yang harus diikuti peserta training. Fitur ini juga memungkinkan untuk
mengupload materi pelatihan oleh admin.
Test
Fitur ini memungkinkan peserta melakukan tes secara online melalui LMS.
Selama peserta mengerjakan soal tes, fitur lainnya tidak tersedia atau
disabled. Hal ini untuk meminimalkan tindakan kecurangan, seperti melihat
modul materi untuk mendapatkan jawaban.
Discussion forum
Fitur ini memugkinkan untuk melakukan diskusi dan tanya jawab dengan
trainer dan user lainnya. Dalam forum diskusi ini juga terdapat topik-topik
untuk berdiskusi dan berbagi pengalaman. Forum ini akan dikontrol oleh
administrator.
Kuesioner
Fitur ini memungkinkan peserta untuk mengisi kuesioner secara online
melalui LMS. Kuesioner ini bertujuan untuk mengevaluasi jalannya
pelatihan.
Test Control
Fitur ini hanya disesiakan untuk admin yang bertujuan agar soal tes dapat
diupload dengan mudah serta memungkinkan pengaturan jadwal tes yang
akan diadakan.
157
Training report
Fitur ini berisi laporan mengenai pelatihan baik berupa hasil evaluasi tes
maupun hasil kuesioner. Fitur ini juga untuk mengetahui tingkat keberhasilan
yang sudah dicapai dari isi peserta training dan program pelatihannya.
4.2.3 User Interface
Isi denganusername
Isi denganpassword
Masuk kehalaman Forgotyour password
Masuk kehalaman Home
Gambar 4.37 User Interface Login
Isi denganusername
Mensubmit usernameuntuk mendapatkan
password
Gambar 4.38 User Interface Forgot Your Password
158
Isi denganpassword
Isi denganpassword baru
Isi denganpassword baru lagi
Mengubah passwordyang diinginkan
Kembali kehalaman Login
Gambar 4.39 User Interface Change Your Password
Menampilkan informasiperaturan dan petunjuk
pemakaian
Masuk kehalaman logout
Untuk kehalaman Site
Map
Untuk kembalike halaman
Content
Masuk ke halamanMy Profile
Masuk ke halamanTraining
Masuk ke halamanforum diskusi
Untuk halamankuesioner
Kembali kehalaman Home
Masuk ke halamanChange password
Berisi informasi event-event yang
diselenggarakan
Gambar 4.40 User Interface Home
159
Menampilkan data diriuser
Masuk kehalaman logout
Untuk kehalaman Site
Map
Untuk kembalike halaman
Content
Masuk ke halamanMy Profile
Masuk ke halamanTraining
Masuk ke halamanforum diskusi
Untuk halamankuesioner
Kembali kehalaman Home
Masuk ke halamanChange password
Gambar 4.41 User Interface My Pofile
Gambar 4.42 User Interface Edit My Pofile
160
Pelatihan-pelatihan yang
diadakan SERAbeserta tanggal
Masuk kehalaman logout
Untuk kehalaman Site
Map
Untuk kembalike halaman
Content
Masuk ke halamanMy Profile
Masuk ke halamanTraining
Masuk ke halamanforum diskusi
Untuk halamankuesioner
Kembali kehalaman Home
Masuk ke halamanChange password
Gambar 4.43 User Interface Training(User)
161
Untuk kehalaman Site
Map
Untuk ke halamanchage password
Masuk ke halamanMy Profile
Masuk ke halamanTraining
Masuk ke halamanforum diskusi
Untuk halamankuesioner
Kembali kehalaman Home
Berisi Descriptio ndari pelatihan
Kembali kehalaman login
Berisi Objective daripelatihan
Berisi Descriptio ndari pelatihan
Berisi Modulpelatihan
Untuk kehalamanContact
Menyatakan sudahpernah mengikuti test
Gambar 4.44 User Interface Training NEOP
162
Gambar 4.45 User Interface Materi
Masuk ke cobatest
Masuk ke halaman startquiz
Gambar 4.46 User Interface Start Test
163
untukmelanjutkan kesoal berikutnya
Untuk menyimpanjawaban yangsudah dipilih
Pilihan untukjawaban
untuk kembali kesoal berikutnya
Gambar 4.47 User Interface Coba Test
menampilkanhasil penilaianterhadap test
yang di uji coba
Kembali ke halamanstart test untukmelakukan test
Gambar 4.48 User Interface Result Test (Coba)
164
Gambar 4.49 User Interface Test
Menampilkanhasil jawaban
test
Kembali kehalaman training
Menampilkannilai
Gambar 4.50 User Interface Result test
165
Menampilkaninformasi contact
person
Masuk kehalaman logout
Untuk kehalaman Site
Map
Untuk kembalike halaman
Content
Masuk ke halamanMy Profile
Masuk ke halamanTraining
Masuk ke halamanforum diskusi
Untuk halamankuesioner
Kembali kehalaman Home
Masuk ke halamanChange password
Gambar 4.51 User Interface Contact
Kembali kehalaman Home
Kolom untuk saran
Untukmembatalkan
field
Berisi pertanyaankuesioner
Untukmemproses
kuesioner
Masuk kehalaman Site
Map
Masuk kehalamanContact
Kembali kehalaman Login
Masuk ke halamanChange password
Kolom untuksaran
Gambar 4.52 User Interface Kuesioner
166
Gambar 4.53 User Interface Home (Admin)
167
Berisi jadwal event -event yang akandilaksanakan
Untuk menampilkanevent yang dipilih
Untuk mengeditdata yang ada
Untuk menambahdata event
Untuk menghapusdata event
Masuk ke halamanCalender Event
Masuk ke halaman UserManagement
Masuk ke halamanforum diskusi
Masuk ke halamanKuesioner
Masuk kehalaman Site
Map
Masuk kehalamanContact
Kembali kehalaman Login
Masuk ke halamanChange password
Masuk ke halamanTrainer management
Masuk ke halamanTraining
Masuk ke halamanTest Control
Masuk ke halamanTraining Report
Gambar 4.54 User Interface Calender Event (Admin)
Kembali kehalaman Home
Untuk halamankuesioner
Kembali kehalaman Login
Masuk ke halamanChange password
Masuk ke halamanCalender Event
Masuk ke halamanforum diskusi
Masuk ke halamanTraining Report
Masuk ke halamanUser Management
Masuk ke halamanTrainer
Masuk ke halamanTest Control
Masuk ke halamanTraining
Menampilkan eventsecara keseluruhan
Untuk kehalaman Site
Map
Untuk kembalike halaman
Content
Kembali kehalaman
calender event
isi dengan namaevent
isi dengan namaaudience
isi dengan nama title
Memprosesperubahan
data
Gambar 4.55 User Interface Edit Calender Event (Admin)
168
Gambar 4.56 User Interface New Calender Event (Admin)
169
Kembali kehalaman Home
Untuk halamankuesioner
Kembali kehalaman Login
Masuk ke halamanChange password
Masuk ke halamanCalender Event
Masuk ke halamanforum diskusi
Masuk ke halamanTraining Report
Masuk ke halamanUser Management
Masuk ke halamanTrainer
Masuk ke halamanTest Control
Masuk ke halamanTraining
Untuk kehalaman Site
Map
Untuk kembalike halaman
Content
kembali ke halamanmy profile
isi user nama,password, security
question dan securityanswer
Untukmengcreate
userame baru
Gambar 4.57 User Interface User Management(Admin)
Gambar 4.58 User Interface Trainer (Admin)
170
Gambar 4.59 User Interface New Tr ainer (Admin)
Kembali kehalaman Home
Untuk halamankuesioner
Kembali kehalaman Login
Masuk ke halamanChange passwordMasuk ke halaman
Calender Event
Masuk ke halamanforum diskusi
Masuk ke halamanTraining Report
Masuk ke halamanUser Management
Masuk ke halamanTrainer
Masuk ke halamanTest Control
Masuk ke halamanTraining
Untuk kehalaman Site
Map
Untuk kembalike halaman
Content
Berisi mengenaidata diri trainer
Kembali kehalaman trainer
Untuk mengubahdata yang di edit
Gambar 4.60 User Interface Edit Trainer (Admin)
171
Gambar 4.61 User Interface Training (Admin)
172
Kembali kehalaman Home
Untuk halamankuesioner
Kembali kehalaman Login
Masuk ke halamanChange password
Masuk ke halamanCalender Event
Masuk ke halamanforum diskusi
Masuk ke halamanTraining Report
Masuk ke halamanUser Management
Masuk ke halamanTrainer
Masuk ke halamanTest Control
Masuk ke halamanTraining
Untuk kehalaman Site
Map
Untuk kembalike halaman
Content
isi nama pelatihan, tglberlangsungnya
pelatihan, descriptoindan objectivenya
untuk upload file
isi dengan data diri dgnlengkap
untuk mencarifile yg diupload
Gambar 4.62 User Interface edit Training (Admin)
173
Kembali kehalaman Home
Untuk halamankuesioner
Kembali kehalaman Login
Masuk ke halamanChange password
Masuk ke halamanCalender Event
Masuk ke halamanforum diskusi
Masuk ke halamanTraining Report
Masuk ke halamanUser Management
Masuk ke halamanTrainer
Masuk ke halamanTest Control
Masuk ke halamanTraining
Untuk kehalaman Site
Map
Untuk kembalike halaman
Content
isi dengan namapelatihan
Isi descriptionpelatihan dan
objective
Isi dengan judulmateri dan nama
trainer
Untuk cari fileyang di upload
Untuk menampilkandirectory dari file yang
di uplaodBerisi informasi file
yang di upload
Gambar 4.63 User Interface New Training (Admin)
174
Kembali kehalaman Home
Kolom untuk saran
Untukmenambahbaru field
Berisi pertanyaankuesioner
Untuk halamankuesioner
Masuk kehalaman Site
Map
Masuk kehalamanContact
Kembali kehalaman Login
Masuk ke halamanChange password
Untukmenhapus
field
Untukmengedit
field
Masuk ke halamanCalender Event
Masuk ke halamanforum diskusi
Masuk ke halamanTraining Report
Masuk ke halamanUser Management
Masuk ke halamanTrainer
Masuk ke halamanTest Control
Masuk ke halamanTraining
Gambar 4.64 User Interface Test Control (Admin)
175
Kembali kehalaman Home
Untuk halamankuesioner
Kembali kehalaman Login
Masuk ke halamanCalender Event
Masuk ke halamanforum diskusi
Masuk ke halamanTraining Report
Masuk ke halamanUser Management
Masuk ke halamanTrainer
Masuk ke halamanTest Control
Masuk ke halamanTraining
Untuk kehalaman Site
Map
Untuk kembalike halaman
Content
Pilih juduk test
Untukmemasukanpertanyaan
isi pilihanjawaban
Kembali kekuesioner
untukmenambah
soal test
untuk edit judultest
isi jawabanyang benar
Untuk ke soalberikutnya
Untukmengubah isidari soal test
Untuk kembalike test control
Gambar 4.65 User Interface Edit Test Control (Admin)