bab 4 perancangan sistem yang diusulkan 4.1 …thesis.binus.ac.id/doc/bab4nopass/2008-1-00299-si-bab...

80
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

Upload: lethu

Post on 18-Mar-2019

217 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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

Page 2: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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

Page 3: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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

Page 4: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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

Page 5: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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

Page 6: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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

Page 7: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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

Page 8: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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.

Page 9: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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

Page 10: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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

Page 11: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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

Page 12: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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

Email

xxx

999

999

xxx

Edit

xxx

Banner SERA

Gambar 4.5 Rancangan Layar My Profile

Page 13: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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

Email

xxx

999

999

xxx

Update

xxx

Cancel

Banner SERA

Gambar 4.6 Rancangan Layar edit My Profile

Page 14: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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.

Page 15: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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.

Page 16: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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.

Page 17: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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.

Page 18: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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.

Page 19: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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.

Page 20: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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.

Page 21: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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

Page 22: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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)

Page 23: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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.

Page 24: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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.

Page 25: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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

Email

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.

Page 26: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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.

Page 27: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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.

Page 28: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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.

Page 29: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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.

Page 30: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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

Page 31: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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.

Page 32: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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.

Page 33: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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.

Page 34: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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.

Page 35: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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

Page 36: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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

Page 37: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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

Page 38: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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

Page 39: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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.

Page 40: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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

Page 41: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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.

Page 42: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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.

Page 43: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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.

Page 44: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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.

Page 45: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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.

Page 46: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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:

Page 47: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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

Page 48: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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

Page 49: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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 :

Page 50: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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

Page 51: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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

Page 52: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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

Page 53: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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.

Page 54: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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

Page 55: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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.

Page 56: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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 :

Page 57: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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

Page 58: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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

Page 59: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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

Page 60: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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

Page 61: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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.

Page 62: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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

Page 63: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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

Page 64: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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

Page 65: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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)

Page 66: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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

Page 67: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

162

Gambar 4.45 User Interface Materi

Masuk ke cobatest

Masuk ke halaman startquiz

Gambar 4.46 User Interface Start Test

Page 68: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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)

Page 69: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

164

Gambar 4.49 User Interface Test

Menampilkanhasil jawaban

test

Kembali kehalaman training

Menampilkannilai

Gambar 4.50 User Interface Result test

Page 70: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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

Page 71: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

166

Gambar 4.53 User Interface Home (Admin)

Page 72: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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)

Page 73: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

168

Gambar 4.56 User Interface New Calender Event (Admin)

Page 74: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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)

Page 75: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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)

Page 76: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

171

Gambar 4.61 User Interface Training (Admin)

Page 77: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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)

Page 78: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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)

Page 79: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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)

Page 80: BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 …thesis.binus.ac.id/Doc/Bab4NoPass/2008-1-00299-SI-Bab 4 1.pdf96 BAB 4 PERANCANGAN SISTEM YANG DIUSULKAN 4.1 Perancangan 4.1.1 Penjadwalan

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)