bab 4 rancangan sistem yang diusulkan 4.1. …thesis.binus.ac.id/doc/bab4/2010-1-00658-si-bab...

118

BAB 4

RANCANGAN SISTEM YANG DIUSULKAN

4.1. Hasil Analisis pada Binus Center

Setelah dilakukan analisis sistem pembelajaran peserta di Binus Center Kedoya,

ditemukan kendala dalam kegiatan belajar mengajar, diantaranya jadwal pelatihan yang

tidak fleksibel yang mengharuskan peserta mengikuti jadwal pelatihan yang sudah di

tetapkan di Binus Center Kedoya, tidak adanya wadah komunikasi untuk para peserta

saling berinteraksi di luar pelatihan kelas dan sulitnya mendapatkan materi dan

informasi yang up to date. Selain itu, timbul pula kendala pada pelatihan calon instruktur

yaitu jarak tempat pelatihan yang terlalu jauh dari outlet – outlet Binus Center di luar

daerah sehingga menyebabkan kurangnnya minat calon instruktur untuk mengikuti

pelatihan serta terlalu lamanya frekuensi pelatihan calon instruktur yang menyebabkan

Binus Center outlet kesulitan mendapatkan instruktur yang berkualitas

Sistem e-learning berbasis web akan dikembangkan sebagai usulan untuk

menangani kendala pembelajaran di Binus Center. Sistem e-learning yang

dikembangkan menyediakan materi pembelajaran program Short Course. Selain itu,

sistem e-learning yang dirancang menyediakan informasi-informasi yang dibutuhkan

peserta dalam mendukung proses pembelajaran. Dengan sistem ini, Binus Center juga

dapat menyediakan informasi mengenai macam – macam pelatihan untuk masyarakat

secara luas melalui Internet. Dengan sistem ini para peserta bisa belajar tanpa ada

batasan waktu dan batasan geografis. Sistem e-learning yang dirancang tidak

119

menggantikan pembelajaran regular di tempat kursus karena interaksi dengan pengajar

secara langsung masih dibutuhkan.

4.2 Rancangan Sistem yang di Usulkan

4.2.1 Gambaran Umum Sistem yang di Usulkan

Gambar 4.1 Gambaran Umum Sistem Yang Akan Dibuat

Perancangan e-learning yang akan di buat merupakan sistem yang akan

dikendalikan oleh Binus Center Head Office sebagai pengatur penuh (Admin) untuk

pelatihan yang akan berlangsung di semua outlet – outlet cabang di Binus Center.

120

Pada setiap cabang Binus Center,Academic Supervisor akan bertanggung jawab

untuk pelaksanaan kelas peserta yang berlangsung di cabangnya masing – masing.

Setiap Academic Supervisor akan memiliki hak untuk membuat kelas pelatihan dan

mengendalikan seluruh aktifitas pelatihan di outletnya masing – masing.

Binus Center Head Office akan memantau semua aktifitas pelatihan yang

berlangsung dioutlet – outlet cabang. Keseragaman materi pelatihan dan latihan diatur

oleh admin head office.

4.2.2 Usulan Sistem Pelatihan Peserta

Gambar 4.2 Usulan Sistem Pelatihan Peserta

121

Sebelum pembelajaran e-learning di lakukan maka bagian Admin Head Office

akan membuat user untuk setiap Academic Supervisor untuk di masing – masing cabang

outlet sebagai pelaksana,pengawas dan penanggung jawab proses e-learning yang akan

berjalan dan juga Admin Head Office akan membuat user untuk semua instruktur yang

berisi data instruktur, data pelatihan instruktur dan data kelas yang akan di ajar. Bagian

Admin Head office dapat menambah materi pelatihan,dapat menambah latihan- latihan

kasus dan juga pengumuman serta mengawasi segala kegiatan pelatihan di dalam e-

learning tersebut.

Pada awal pembelajaran bagian academic supervisor akan membuat jadwal

pelatihan di dalam sistem e-learning dan kemudian mendaftarkan para peserta kedalam

kelas e-learning tersebut dengan terlebih dahulu membuat user dan password untuk

setiap peserta yang telah mendaftar pada program e-learning tersebut.Login peserta

tersebut telah di atur sesuai dengan jadwal pelatihan yang berlangsung,dan akan expired

sesuai dengan jadwal yang telah di tentukan. Peserta – peserta yang telah mendaftar

tersebut akan mendapatkan username dan password serta peraturan dan petunjuk

pelaksanaan e-learning oleh bagian customer service. Petunjuk dan peraturanpun dapat

di lihat di dalam sistem e-learning setelah melakukan login. Bagian academic supervisor

akan menentukan instruktur yang akan mengajar dalam kelas tersebut dengan cara

menelepon setiap instruktur yang ada di Binus Center dan di tanyakan kesediaannya

mengajar,setelah sudah tercapai kesepakatan maka bagian academic supervisor akan

membuat surat tugas secara manual melalui Microsoft Excel dan akan mendaftarkan

instruktur tersebut kedalam kelas yang telah di buat oleh academic supervisor. Jadwal

pelatihan akan secara otomatis terlihat di dalam login instruktur tersebut dalam e-

learning.

122

Pada awal pembelajaran,peserta dapat mengakses e-learning tersebut dan melihat

jadwal pelatihan. Di dalam jadwal pelatihan terdapat jadwal pengerjaan tugas,jadwal

ujian dan jadwal pertemuan tatap muka. Setiap peserta dapat mendownload materi –

materi pelatihan yang telah di siapkan yang di sertai dengan latihan latihan kasus,serta

peserta dapat mendownload software program untuk instalasi program java. Peserta

harus mengupload tugas sesuai dengan jadwal yang telah di tentukan dan harus

menghadiri pertemuan tatap muka sesuai dengan jadwal yang sudah ada. Peserta juga

dapat mengajukan pertanyaan kepada instruktur atau mendiskusikan tentang suatu

bahasan di dalam forum diskusi atau melakukan chatting dengan instruktur dan peserta

lain yang online di saat yang sama. Pada akhir pertemuan peserta akan mengisi kuisioner

yang akan di berikan di dalam sistem e-learning,kuisioner tersebut berisi tentang

performance instruktur, performance operational dari kelas dan sistem,serta materi

pelatihan yang diberikan, kuisioner tersebut akan dihitung secara otomatis untuk

menampilkan nilai Key Performace Indikator untuk ketiga bagian tersebut.

Bagi Instruktur yang mengajar kelas tersebut akan mengakses dan melakukan

login kedalam sistem e-learning yang telah di berikan di awal penerimaaan instruktur.

Di dalam sistem e-learning tersebut terdapat jadwal pelatihan untuk kelas – kelas mana

saja yang di ajar oleh instruktur tersebut. Setiap akhir dari jadwal pelatihan,instruktur

harus mengisi realisasi pelatihan yang terdapat dalam sistem,realisasi pelatihan yang

berisi,materi apa saja yang telah di berikan,nilai – nilai tugas dari setiap peserta dan juga

nilai ujian dari ujian akhir yang telah di tempuh. Nilai tersebut akan secara otomatis

dihitung dan akan menampilkan nilai akhir bagi peserta tersebut setelah mendapat

approval dari Academic supervisor. Setelah semua bagian dari realisasi pelatihan

123

tersebut terisi bagian academic supervisor akan memprint laporan pelatihan tersebut dan

akan di berikan kepada Brand Manager dan akan di tanda tangani.

Dalam sistem e-learning pun di sediakan pelatihan Training For Trainer yaitu

pelatihan yang di khususkan untuk calon instruktur yang akan mengajar modul. Pada

awal pembelajaran instruktur akan di daftarkan sebagai peserta dan akan di tentukan

seorang instruktur senior oleh academic supervisor untuk mengajar di kelas tersebut.

Materi pelatihan yang di ajarkan sama dengan yang diajarkan ke peserta dengan

penambahan-penambahan materi khusus untuk pengajar. Pembelajaran relative singkat

dan penilaian kelulusan akan menentukan instruktur tersebut layak atau tidak untuk

menjadi instruktur. Durasi dan rincian materi serta kasus-kasus yang bobotnya lebih

besar di buat oleh bagian Research and Development pada awal pembuatan materi.

Dalam Training For Trainer tidak ada tugas sama seperti pelatihan kepada peserta,yang

menentukan kelulusan seorang calon instruktur adalah pada ujian akhir yang di namakan

BCI Test(Binus Certified Instructor Test). Syarat kelulusan yaitu nilai BCI harus lebih

dari 70 untuk dapat dianggap layak mengajar. Pada pelatihan calon instruktur ini pun

ada disediakan jadwal untuk pertemuan chat conference, di sini para calon instruktur

diwajibkan untuk mengakses e-learning pada waktu yang sudah di tentukan untuk dapat

melakukan chatting secara bersamaan.

Admin Head Office dapat memantau setiap aktivitas pembelajaran dari laporan –

laporan yang sudah ada dalam sistem e-learning.

4.2.3 Usulan Sistem Pelatihan Calon Instruktur ( Training For Trainer )

124

Gambar 4.3 Sistem Pelatihan Calon Instruktur Usulan

Dalam sistem e-learning pun di sediakan pelatihan Training For Trainer yaitu

pelatihan yang di khususkan untuk calon instruktur yang akan mengajar modul. Pada

awal pembelajaran admin head office akan membuat kelas pelatihan calon instruktur

pada sistem e-learning kemudian calon instruktur akan di daftarkan sebagai peserta dan

akan di tentukan seorang instruktur senior oleh academic supervisor untuk mengajar di

125

kelas tersebut. Materi pelatihan yang di ajarkan sama dengan yang diajarkan ke peserta

dengan penambahan-penambahan materi khusus untuk pengajar. Pembelajaran relative

singkat dan penilaian kelulusan akan menentukan instruktur tersebut layak atau tidak

untuk menjadi instruktur. Durasi dan rincian materi serta kasus-kasus yang bobotnya

lebih besar di buat oleh bagian Research and Development pada awal pembuatan materi.

Dalam Training For Trainer tidak ada tugas sama seperti pelatihan kepada peserta,yang

menentukan kelulusan seorang calon instruktur adalah pada ujian akhir yang di namakan

BCI Test(Binus Certified Instructor Test). Syarat kelulusan yaitu nilai BCI harus lebih

dari 70 untuk dapat dianggap layak mengajar. Pada pelatihan calon instruktur ini pun

ada disediakan jadwal untuk pertemuan chat conference, di sini para calon instruktur

diwajibkan untuk mengakses e-learning pada waktu yang sudah di tentukan untuk dapat

melakukan chatting secara bersamaan.

126

4.3 Data Sistem

4.3.1 Entity Relationship Diagram (ERD)

Gambar 4.4 Entity Relationship Diagram

127

4.3.2 Perancangan Basis Data

Perancangan Basis data aplikasi e-learning ini menggunakan database MySql.

Database ini terdiri dari 29 tabel yang merupakan entitas–entitas yang ada pada Binus

Center.

1. MsUser

Deskripsi : tabel ini digunakan untuk menentukan hak akses pengguna sebagai

Peserta,Instruktur,Calon Instruktur,Admin Head Office dan Academic Supervisor

Primary Key : IdUser

Tabel 4.1 Tabel MsUser

Nama Field Type Field Panjang Field Keterangan

UserId varchar 10 Primary Key

Terdiri dari Nomor

Induk Mahasiswa yaitu

10 digit

Password varchar 8 Password

Maximal 8 karakter

Hak Akses varchar 16 Menggambarkan

autorisasi dari user yaitu

instruktur,peserta,admin,

calon instruktur,

academic.

128

2. MsPeserta

Deskripsi : Tabel ini digunakan untuk menampung data-data peserta pada Binus Center

Primary Key : IdPeserta

Tabel 4.2 Tabel MsPeserta


IdPeserta varchar 10 Primary Key

terdiri dari NIM

peserta beserta

kode untuk kelas

seperti

JV1000869411

Nama peserta varchar 30 Nama peserta

Alamat text Alamat peserta

Tempat lahir varchar 25 Tempat lahir

peserta

Tanggal Lahir datetime Tanggal lahir

peserta

No tlp varchar 11 No tlp peserta

beserta kode area

Name varchar 150 Nama file Foto

Type varchar 3 Tipe file Foto

Size int 8 Ukuran file Foto

dalam satuan

129

byte

Path varchar 60 Lokasi

penyimpanan file

Foto

3. MsInstruktur

Deskripsi : Tabel ini digunakan untuk menampung data-data instruktur yang mengajar e-

learning di Binus Center

Primary Key : IdInstruktur

Tabel 4.3 Tabel MsInstruktur


IdInstruktur varchar 10 Primary Key

terdiri dari tahun

masuk instruktur

dan kode outlet

seperti

200903KDYA

Nama instruktur varchar 25 Nama Instruktur

No tlp varchar 11 No tlp instruktur

beserta kode area

Kompetensi varchar 50 Kemampuan yang

dimiliki instruktur

130

seperti java

programming,web

design dll.

Tanggal masuk datetime Tanggal masuk

instruktur




dalam satuan byte


penyimpanan file

Foto

4. MsCalonInstruktur

Deskripsi : tabel ini digunakan untuk menampung data-data calon instruktur yang akan

di berikan training untuk dapat mengajar e-learning di Binus Center

Primary Key : IdCalonInstruktur

Tabel 4.4 Tabel MsCalonInstruktur


IdCalonInstruktur varchar 10 Primary Key

Terdiri dari

Nomor Induk

Calon Mahasiswa

131

beserta kode kelas

Nama varchar 25 Nama calon

instruktur

No tlp varchar 11 No tlp calon

instruktur beserta

kode area

Alamat text Alamat calon

instruktur

Status varchar 25 Status pelatihan

yang sudah

dijalankan

Tanggal daftar datetime Tanggal

mendaftar sebagai

instruktur




dalam satuan byte


penyimpanan file

Foto

132

5. MsAdminHeadOffice

Deskripsi : table ini digunakan untuk menampung data-data admin head office yang

bertanggung jawab sebagai pengatur pelaksanaan e-learning di Binus Center.

Primary Key : IdAdminHeadOffice

Tabel 4.5 Tabel MsAdminHeadOffice


IdAdmin varchar 10 Primary Key

Kode karyawan

admin

Nama varchar 25 Nama admin

No tlp varchar 11 No tlp admin

beserta kode

area

Alamat text Alamat admin



Size int 8 Ukuran file

Foto dalam byte


penyimpanan

file Foto

133

6. MsAcademicSupervisor

Deskripsi : tabel ini digunakan untuk menampung data-data dari academic supervisor

yang berfungsi sebagai pelaksana e-learning di outlet masing -masing di Binus Center.

Tabel 4.6 Tabel MsAcademicSupervisor


IdAcademic varchar 10 Primary Key

Terdiri dari kode

karyawan

academic

Nama varchar 25 Nama academic

No tlp varchar 11 No tlp academic

beserta kode area

Alamat text Alamat academic

Cabang varchar 13 Tempat cabang

binus center




dalam byte


penyimpanan file

Foto

134

7. d_ KelasPeserta

Deskripsi : tabel ini digunakan untuk menyimpan data detil – detil dari kelas peserta di

Binus Center.

Tabel 4.7 Tabel d_KelasPeserta


IdKelasPeserta varchar 10 Primary Key

Kode kelas

terdiri dari

nama

kelas,tahun dan

urutan kelas

IdPeserta varchar 10 Nomor Id

peserta

8. h_KelasPeserta

Deskripsi : table ini digunakan untuk menyimpan data utama kelas peserta di Binus

Center.

Tabel 4.8 Tabel h_KelasPeserta



Kode kelas

terdiri dari

nama

135

kelas,tahun dan

urutan kelas

IdInstruktur varchar 10 No id instruktur

IdMateri varchar 10 No id materi

Tanggal datetime Tanggal kelas di

buat

Nama Kelas varchar 25 Nama kelas

Kapasitas varchar 3 Kapasitas kelas

9. d_ KelasCalonInstruktur

Deskripsi : tabel ini digunakan untuk menyimpan data detil – detil dari kelas instruktur

di Binus Center.

Tabel 4.9 Tabel d_KelasCalonInstruktur


IdKelasCalonInstruktur varchar 10 Primary Key

Kode kelas

terdiri dari

nama

kelas,tahun dan

urutan kelas

IdCalonInstruktur varchar 10 Nomor Id Calon

Instruktur

136

10. h_KelasCalonInstruktur

Deskripsi : tabel ini digunakan untuk menyimpan data utama kelas instruktur di Binus

Center.

Tabel 4.10 Tabel h_KelasCalonInstruktur



Kode kelas

terdiri dari

nama

kelas,tahun dan

urutan kelas

IdInstruktur varchar 10 No id instruktur

IdMateri varchar 10 No id materi

Tanggal datetime Tanggal kelas

dibuat

Nama Kelas varchar 25 Nama kelas

Kapasitas varchar 3 Kapasitas kelas

11. Nilai

Deskripsi : tabel ini digunakan untuk menyimpan nilai dari peserta e-learning di Binus

Center.

Tabel 4.11 Tabel Nilai


137



Nilai Tugas varchar 3 Nilai tugas

peserta

Nilai Quis varchar 3 Nilai quis dari

peserta

Nilai Ujian varchar 3 Nilai ujian dari

peserta

12. BinusCertifiedInstructor

Deskripsi : tabel ini digunakan untuk menyimpan data kelayakan dari calon instruktur

untuk mengajar pada e-learning di Binus Center.

Tabel 4.12 Tabel BinusCertifiedInstructor




Status Kelayakan smallInt 11 Kelayakan

mengajar dari

calon instruktur

Tanggal BCI Test datetime Tanggal ujian

BCI

138

Nilai Integer 3 Nilai ujian BCI

13. AbsensiPeserta

Deskripsi : Tabel ini digunakan untuk menampung data-data absensi peserta e-learning

tiap pertemuan di Binus Center.

Tabel 4.13 Tabel AbsensiPeserta




Keterangan varchar 5 Keterangan

absen peserta

(ijin,sakit,alpa)

14. AbsensiCalonInstruktur

Deskripsi : Tabel ini digunakan untuk menampung data-data absensi Instruktur e-

learning di Binus Center.

Tabel 4.14 Tabel AbsensiCalonInstruktur


IdKelasInstruktur varchar 10 Primary Key


Keterangan varchar 5 Keterangan

139

absen peserta

(ijin,sakit,alpa)

15. ChatPeserta

Deskripsi : Tabel ini digunakan untuk menampung data-data chat peserta saat peserta

yang di kirimi pesan tidak online (offline message)

Tabel 4.15 Tabel ChatPeserta




Tanggal Pesan datetime Tanggal pesan

di kirim

Isi Pesan text Isi dari pesan

16. ChatCalonInstruktur

Deskripsi : Tabel ini digunakan untuk menampung data-data chat calon instruktur saat

kelas e-learning berlangsung

Tabel 4.16 Tabel ChatCalonInstruktur




Tanggal Pesan datetime Tanggal pesan

140

di kirim

Isi Pesan text 200 Isi dari pesan

Jumlah Anggota chat integer 8 Jumlah anggota

chat dalam

conference

17. KuisionerPeserta

Deskripsi : Tabel ini digunakan untuk menyimpan data-data kuisioner peserta di setiap

kelas yang telah berlangsung di Binus Center.

Tabel 4.17 Tabel KuisionerPeserta


IdKuisionerPeserta varchar 13 Primary Key

Terdiri dari

jeniskelas

tanggal dan

urutan kuisioner

Jenis Kuisioner varchar 11 Jenis kuisioner

(operational,

instruktur,materi)

Pertanyaan Kuisioner text Data pertanyaan

pada kuisioner

141

18. d_KuisionerPeserta

Deskripsi : Tabel ini digunakan untuk menyimpan data detil kuisioner dari setiap peserta

yang telah mengikuti kelas di Binus Center.

Tabel 4.18 Tabel d_KuisionerPeserta


IdKuisionerPeserta varchar 13 Primary Key

Terdiri dari

jeniskelas

tanggal dan

urutan kuisioner



Jawaban Kuisioner smallInt 4 Jawaban dari

peserta

19. KuisionerCalonInstruktur

Deskripsi : Tabel ini digunakan untuk menyimpan data-data kuisioner calon instruktur di

setiap kelas yang telah berlangsung di Binus Center.

Tabel 4.19 Tabel KuisionerCalonInstruktur


IdKuisionerCalonInstruktur varchar 13 Primary Key

Jenis Kuisioner varchar 11 Jenis kuisioner

(operational,

142

instruktur,materi)

Pertanyaan Kuisioner text Data pertanyaan

pada kuisioner

20. d_KuisionerCalonInstruktur

Deskripsi : Tabel ini digunakan untuk menyimpan data detil kuisioner dari setiap calon

instruktur yang telah mengikuti kelas di Binus Center.

Tabel 4.20 Tabel d_KuisionerCalonInstruktur


IdKuisioner varchar 13 Primary Key

Terdiri dari

jeniskelas

tanggal dan

urutan kuisioner

IdKelasInstruktur varchar 10 Primary Key


Nilai Kuisioner smallInt 4 Jawaban dari

peserta

21. JadwalPeserta

Deskripsi : Tabel digunakan untuk menyimpan jadwal – jadwal pelatihan bagi peserta

yang sedang mengikuti pelatihan di Binus Center.

Tabel 4.21 Tabel JadwalPeserta

143



Pertemuan tatap

muka 1

datetime Tanggal

pertemuan tatap

muka 1

Pertemuan tatap

muka 2

datetime Tanggal

pertemuan tatap

muka 1

Pertemuan tatap

muka 3

datetime Tanggal

pertemuan tatap

muka 1

Kumpul Tugas 1 datetime Tanggal kumpul

tugas 1


tugas 2


tugas 3

Ujian datetime Tanggal ujian

akhir

22. JadwalCalonInstruktur

Deskripsi : Tabel digunakan untuk menyimpan jadwal – jadwal pelatihan bagi calon

instruktur yang sedang mengikuti pelatihan di Binus Center.

144

Tabel 4.22 Tabel JadwalCalonInstruktur



Pertemuan tatap muka

1

datetime Tanggal

pertemuan tatap

muka 1


2

datetime Tanggal

pertemuan tatap

muka 1


3

datetime Tanggal

pertemuan tatap

muka 1

Pertemuan Chat

Conference 1

datetime Tanggal

pertemuan chat

conference 1

Pertemuan Chat

Conference 2

datetime Tanggal

pertemuan chat

conference 2

Pertemuan Chat

Conference 3

datetime Tanggal

pertemuan chat

conference 3

BCI Tes Datetime Jadwal ujian test

BCI

145

23. MsMateri

Deskripsi : Tabel ini digunakan untuk menyimpan data – data materi pelatihan, latihan

dan tugas di Binus Center.

Tabel 4.23 Tabel MsMateri


IdMateri varchar 10 Primary Key

Nama Materi varchar 150 Nama materi

Name varchar 150 Nama File

Type varchar 4 Jenis File

Size Int 12 Ukuran File

dalam satuan

byte


penyimpanan

File

24. Pengumuman

Deskripsi : Tabel ini digunakan untuk menyimpan data – data pengumuman yang di buat

oleh Admin.

Tabel 4.24 Tabel Pengumuman


IdPengumuman varchar 9 Primary Key

Tanggal

146

pengumuman

beserta nomor

urut

pengumuman

Judul varchar 50 Judul

pengumuman

Isi text Isi dari

pengumuman

IdAdmin varchar 10 Id admin yang

mengupdate

pengumuman

Tanggal Update datetime Tanggal di

update

pengumuman

25. TrThread

Deskripsi : Tabel ini digunakan untuk menyimpan judul thread – thread yang ada pada

kelas di Binus Center.

Tabel 4.25 Tabel TrThread


IdThread varchar 13 Primary Key

Tanggal thread

dan inisial kelas

147

dan urutan thread

Judul varchar 250 Judul dari thread

IdKelas varchar 10 No id kelas

Waktu datetime Waktu

pembuatan

thread

User Id varchar 10 No id user yang

membuat thread

26. TrPesan

Deskripsi : Tabel ini digunakan untuk menyimpan data pesan yang dari tiap judul thread

yang ada di kelas Binus Center.

Tabel 4.26 Tabel TrPesan


IdPesan varchar 13 Primary Key

Tanggal pesan

dan inisial kelas

dan urutan pesan

IdThread varchar 10 No id thread

Waktu datetime Waktu

pembuatan pesan

Id User varchar 10 No id user

148

Pesan Text Isi dari pesan

yang diposting

27. Tugas

Deskripsi : Table ini digunakan untuk menyimpan data informasi tugas yang di

kumpulkan oleh peserta.

Tabel 4.27 Tabel Tugas


Id int 11 Index,auto

Increment

IdKelas varchar 10 No id kelas

IdPeserta varchar 10 No id peserta

Name varchar 150 Nama file

Type varchar 4 Tipe file

Size int 13 Ukuran file

dalam byte


penyimpanan file

Keterangan text Keterangan file

Tanggal Kumpul datetime Waktu

pengumpulan

tugas

149

28. MateriTambahanPeserta

Deskripsi : Tabel ini digunakan untuk menyimpan informasi tentang materi tambahan di

kelas peserta yang di upload oleh instruktur di Binus Center.

Tabel 4.28 Tabel MateriTambahanPeserta


Id Int 11 Index,auto

increment

IdKelasPeserta Varchar 10 No id kelas

IdInstruktur Varchar 10 No id instruktur

Name Varchar 150 Nama file

Type Varchar 4 Tipe file

Size Int 13 Ukuran file

dalam byte

Path Varchar 60 Lokasi

penyimpanan file

Keterangan Text Keterangan file

Tanggal Datetime Waktu

penambahan file

29. MateriTambahanCalonInstruktur

Deskripsi : Tabel ini digunakan untuk menyimpan informasi tentang materi tambahan di

kelas calon instruktur yang di upload oleh instruktur di Binus Center.

Tabel 4.29 Tabel MateriTambahanCalonInstruktur

150


Id Int 11 Index,auto

increment

IdKelasCalonInstruktur Varchar 10 No id kelas

IdInstruktur Varchar 10 No id instruktur

Name Varchar 150 Nama file

Type Varchar 4 Tipe file

Size Int 13 Ukuran file


penyimpanan file

Keterangan text Keterangan file

Tanggal datetime Waktu

penambahan file

151

4.3.3 State Transition Diagram (STD)

1. State Transition Diagram Login Peserta

HalamanLogin

HalamanUtama Peserta

Login Berhasil

Jadwal Pelatihan

Kelas JavaProgrammng

Login gagal

Pengguna memilihJadwal pelatihan

Pengguna memilihLog out

Gambar 4.5 State Transition Diagram pada Login Peserta

State Transition Diagram ini menggambarkan pengguna (peserta) yang

mengakses halaman utama peserta setelah melakukan login. Jika login gagal, maka

pengguna kembali ke halaman login. Ketika pengguna berhasil melakukan login, maka

pengguna akan menemukan menu – menu seperti kelas Java Programming yang di ikuti,

serta jadwal pelatihan kapan peserta harus datang untuk tatap muka dan jadwal untuk

pengumpulan tugas. Dan pengguna dapat memilih untuk logout, yang nantinya akan

kembali ke menu login.

152

2. State Transition Diagram kelas Java Programming (Login Peserta)

Gambar 4.6 State Transition Diagram kelas Java Programming (Login Peserta)

State Transition Diagram ini menggambarkan pengguna (peserta) yang

mengakses halaman kelas java programming setelah memilih di halaman utama peserta.

Setelah masuk ke halaman kelas java programming akan memunculkan menu yang akan

153

diakses selama dalam masa pelatihan seperti pengumuman, materi pelatihan, quiz ,

materi tambahan ,profile , nilai , participant kelas dan kuisioner. Menu – menu tersebut

akan mendukung dalam pelatihan java programming yang diikuti oleh peserta. Jika

peserta memilih log out maka akan kembali ke menu utama login.

3. State Transition Diagram Akses Materi Peserta

Gambar 4.7 State Transition Diagram Akses Materi Peserta

State Transition Diagram ini menggambarkan pengguna (peserta) yang akan

mengakses halaman materi pelatihan yang tersedia, dimana pengguna setelah melakukan

login memilih menu kelas java programming dan setelah itu memilih materi pelatihan.

Dalam menu materi pelatihan terdapat bahan materi dari setiap pertemuan yang sudah

disediakan,peserta hanya memilih materi untuk pertemuan yang sedang dilaksanakan.

Materi dapat langsung dibaca dan dipelajari.

154

4. State Transition Diagram Tambah dan Balas Forum Diskusi Peserta

Gambar 4.8 State Transition Diagram Tambah dan Balas Forum Diskusi Peserta

State Transition Diagram ini menggambarkan pengguna(peserta) yang akan

menambah thread dan membalas thread yang ada di forum diskusi yang telah

disediakan. Setelah melakukan login pengguna memilih menu forum dan akan

menampilkan halaman utama forum. Pengguna dapat membalas thread yang akan

dengan memilih thread yang akan dibalas. Halaman balas thread akan muncul dan

penggunan dapat mengisi balasan dan memilih simpan. Pengguna juga dapat menambah

thread dengan memilih tambah thread, setelah itu halaman tambah thread akan muncul

dan pengguna dapat membuat thread baru setelah mengisi judul thread dan

menyimpannya.

155

5. State Transition Diagram Tambah Pesan Peserta

Gambar 4.9 State Transition Diagram Tambah Pesan peserta

State Transition Diagram ini menggambarkan pengguna (peserta) yang akan

menggunakan fasilitas pesan pada sebuah e-learning. Pengguna pertama kali akan

masuk ke halaman login. Setelah pengguna melakukan login, maka dia dapat masuk ke

halaman kelas java programming dan memilih menu pesan. Pengguna akan memilih

daftar user dan kemudian memilih untuk mengirim pesan. Setelah di kirim, user yang

menerima pesan akan mendapat pesan dengan mengecek di profile pengguna. Dan

pengguna juga dapat memilih logout untuk kembali ke menu login.

156

6. State Transition Diagram Ubah Profile Peserta

Gambar 4.10 State Transition Diagram Ubah Profile Peserta

State Transition Diagram ini menggambarkan bagaimana peserta ingin

mengubah data profilenya seperti nama, alamat, no tlp, email. Setelah melakukan login

pengguna akan memilih kelas java programming kemudian memilih menu profile yang

akan menampilkan data pribadi dari pengguna,setelah itu pengguna dapat memilih edit

profile untuk mengubah data pribadi,setelah selesai diubah,pengguna dapat memilih

menu simpan untuk menyimpan perubahan data pada database.

157

7. State Transition Diagram Tambah dan Ubah Jadwal Peserta

Gambar 4.11 State Transition Diagram Tambah dan Ubah Jadwal Peserta

State Transition Diagram ini menggambarkan pengguna(peserta) yang akan

menambah dan mengubah jadwal pelatihan. Pengguna akan melakukan login pada

halaman login,setelah melakukan login,pengguna akan memilih menu jadwal pelatihan.

Pada jadwal pelatihan terdapat pilihan tambah jadwal dan ubah jadwal. Pada menu

tambah jadwal adalah membuat jadwal sendiri dan pada menu ubah jadwal akan

merubah jadwal yang sudah ada. Setelah jadwal di tambahkan dan di ubah akan muncul

tampilan jadwal yang sudah di update setelah itu akan di simpan ke dalam data jadwal

pelatihan.

158

8. State Transition Diagram Download Materi Tambahan dan Upload

Tugas

Login Berhasil


Pengguna memilih kelas java programming

Pengguna memilih Log outHalaman

Login

HalamanUtama Peserta

Login gagal

Materi Tambahan

Pengguna memilih Download Materi

Download

Pengguna memilih

Upload Tugas

Pengguna memilih Materi Tambahan

Tugas

Pengguna memilih Tugas

Download Berhasil

Upload Tugas

Upload Berhasil

Pengguna memilih Upload

Pengguna memilih kembali



Gambar 4.12 State Transition Diagram Download Materi Tambahan dan Upload Tugas Peserta

State Transition Diagram ini menggambarkan pada saat ingin mendapatkan

materi tambahan yang diberikan instruktur, pengguna (peserta) harus melakukan login

terlebih dahulu. Setelah login, pengguna memilih menu Kelas Java Programming

kemudian menu materi tambahan dan pilih download untuk materi yang ingin di

159

download. Peserta juga dapat mengumpulkan tugas dengan memilih menu upload tugas

dan mengupload tugas sesuai dengan jadwal deadline upload yang sudah di tentukan.

9. State Transition Diagram Login Calon Instruktur

Login Berhasil

Halaman Utama Peserta



Pengguna memilihLog out

HalamanLogin

HalamanUtama

Calon Instruktur

Login gagalPengumuman

Materi

Materi Tambahan

Forum

Profile

BCI

Participants Kelas

Kuisioner

Pengguna memilih Halaman Utama

Pengguna memilih pengumuman

Pengguna memilih materi

Pengguna memilih chatting

Pengguna memilih Forum

Pengguna memilih profile

Pengguna memilih nilai

Pengguna memilih participant kelas

Pengguna memilih kuisioner

Chatting

Pengguna memilih Materi tambahan

Jadwal Pelatihan

Pengguna memilihJadwal Pelatihan

Pengguna memilih menutup

Jadwal Pelatihan

Gambar 4.13 State Transition Diagram pada Login Calon Instruktur

State Transition Diagram ini menggambarkan pengguna (calon instruktur) yang

mengakses halaman utama calon instruktur setelah melakukan login. Jika login gagal,

160

maka pengguna kembali ke halaman login. Ketika pengguna berhasil melakukan login,

maka pengguna akan menemukan menu – menu seperti kelas Java Programming dan

Jadwal Pelatihan. Di dalam kelas java programming terdapat menu – menu pendukung

pelatihan seperti pengumuman,materi ,materi tambahan, chatting, forum, quiz, profile,

BCI(Binus Certified Instructor), participants kelas dan kuisioner. Pengguna dapat pula

memilih untuk logout jika telah selesai, yang nantinya akan kembali ke menu login.

10. State Transition Diagram Akses Materi Calon Instruktur

Gambar 4.14 State Transition Diagram Akses Materi Calon Instruktur


akan mengakses halaman materi pelatihan yang tersedia, dimana pengguna setelah

melakukan login memilih menu kelas java programming dan setelah itu memilih materi

pelatihan. Dalam menu materi pelatihan terdapat bahan materi dari setiap pertemuan

161

yang sudah disediakan,pengguna hanya memilih materi untuk pertemuan yang sedang

dilaksanakan. Materi dapat langsung dibaca dan dipelajari. Pengguna pun dapat

mengakses latihan untuk calon instruktur dan mengakses latihan yang diberikan untuk

peserta sehingga dapat di pelajari. Pengguna dapat menutup materi dan latihan untuk

kembali ke menu materi pelatihan,dan dapat logout untuk kembali ke menu utama login.

11. State Transition Diagram Tambah dan Balas Forum Diskusi Calon

Instruktur

Gambar 4.15 State Transition Diagram Tambah dan Balas Forum Diskusi Calon Instruktur

State Transition Diagram ini menggambarkan pengguna(calon instruktur) yang

akan menambah thread dan membalas thread yang ada di forum diskusi yang telah


162






menyimpannya.

12. State Transition Diagram Tambah Chatting Calon Instruktur

Login Berhasil



Pengguna memilih Log outHalaman

Login

HalamanCalon Instruktur

Login gagal

Halaman UtamaChatting

Chatting Conference

Pengguna memilihChatting conference

Pengguna memilihchatting

Pengguna memilih tutup chat

Join chat

Pengguna memilih tutup chat

Pengguna memilihBergabung dengan chatting conference

Gambar 4.16 State Transition Diagram Tambah Chatting Calon Instruktur

163


akan menggunakan fasilitas chatting. Pengguna pertama kali akan masuk ke halaman

login. Setelah pengguna melakukan login, maka dia dapat masuk ke halaman kelas java

programming dan memilih menu chatting. Pengguna memilih menu chatting conference

yang pada saat itu akan memunculkan data-data grup conference yang ada. Pengguna

juga dapat memilih untuk join chat untuk masuk kedalam ruangan chatting conference.

Dan pengguna juga dapat memilih logout untuk kembali ke menu login.

13. State Transition Diagram Ubah Profile Calon Instruktur

Gambar 4.17 State Transition Diagram Ubah Profile Calon Instruktur

State Transition Diagram ini menggambarkan bagaimana calon instruktur ingin




164



14. State Transition Diagram Tambah dan Ubah Jadwal Calon Instruktur

Gambar 4.18 State Transition Diagram Tambah dan Ubah Jadwal Calon Instruktur

State Transition Diagram ini menggambarkan pengguna(calon instruktur) yang

akan menambah dan mengubah jadwal pelatihan. Pengguna akan melakukan login pada





165


pelatihan.

15. State Transition Diagram Login Academic Supervisor

Gambar 4.19 State Transition Diagram Login Academic Supervisor

166

State Transition Diagram ini menggambarkan pengguna (Academic Supervisor)

yang mengakses halaman utama Academic Supervisor. Setelah masuk dari halaman

login, academic supervisor dapat melihat menu seperti pengumuman, user, course,

chatting, profile, forum. Menu – menu tersebut akan mendukung dalam pelatihan

maupun pembuatan yang diikuti oleh peserta,calon instruktur maupun instruktur. Jika

academic supervisor memilih log out maka akan kembali ke menu utama login.

16. State Transition Diagram Tambah dan Balas Forum Academic Supervisor

Gambar 4.20 State Transition Diagram Tambah dan Balas Forum Academic Supervisor

167

State Transition Diagram ini menggambarkan pengguna(academic) yang akan

menambah thread dan membalas thread ataupun memantau yang ada di forum diskusi

yang telah disediakan. Setelah melakukan login pengguna memilih menu forum dan

akan menampilkan halaman utama forum. Pengguna dapat membalas thread yang akan





menyimpannya.

17. State Transition Diagram Tambah dan Ubah Jadwal Academic

Supervisor

Gambar 4.21 State Transition Diagram Tambah dan Ubah Jadwal Academic Supervisor

168

State Transition Diagram ini menggambarkan academic supervisor yang akan

menambah dan mengubah jadwal. Pengguna akan melakukan login pada halaman

login,setelah melakukan login, pengguna akan memilih menu jadwal. Pada jadwal

terdapat pilihan tambah jadwal dan ubah jadwal. Pada menu tambah jadwal adalah

membuat jadwal sendiri dan pada menu ubah jadwal akan merubah jadwal yang sudah

ada. Setelah jadwal di tambahkan dan di ubah akan muncul tampilan jadwal yang sudah

di update setelah itu akan di simpan ke dalam data jadwal pelatihan. pengguna dapat

kembali ke menu utama dengan memilih logout.

18. State Transition Diagram Ubah Profile Academic Supervisor

Gambar 4.22 State Transition Diagram Ubah Profile Academic Supervisor

State Transition Diagram ini menggambarkan bagaimana academic supervisor

ingin mengubah data profilenya seperti nama, alamat, no tlp, email. Setelah melakukan

169

login pengguna akan memilih kelas java programming kemudian memilih menu profile

yang akan menampilkan data pribadi dari pengguna, Setelah itu pengguna dapat memilih

edit profile untuk mengubah data pribadi,setelah selesai diubah,pengguna dapat memilih

menu simpan untuk menyimpan perubahan data pada database. Pengguna dapat kembali

ke menu utama dengan memilih logout.

19. State Transition Diagram Tambah dan Ubah User Academic Supervisor

Gambar 4.23 State Transition Diagram Tambah dan Ubah User Academic Supervisor

170

State Transition Diagram ini menggambarkan bahwa academic supervisor dapat

men-create user. User disini dapat berupa peserta, calon instruktur, instruktur. pertama –

tama academic supervisor akan berada di halaman login. Setelah login berhasil, maka

pengguna akan berada di halaman utama. Pengguna dapat memilih halaman user. Dalam

halaman user, pengguna dapat melihat user mapun menambah serta menghapus user.

Disamping itu academic supervisor dapat menuju ke hak akses user dan hak definisi

user. Hak akses user dapat berisi tentang aturan apa saja yang dapat user itu bisa

lakukan. Sedangkan hak definisi, academic supervisor dapat mengetahui baik peserta,

calon instruktur, maupun instruktur siapa saja nama – namanya.

20. State Transition Diagram Tambah dan Ubah Course Academic Supervisor

Gambar 4.24 State Transition Diagram Tambah dan Ubah Course Academic

Supervisor

171

State Transition Diagram ini menggambarkan bahwa academic supervisor

dapat membuat course. pada awal – awal pengguna akan berada di halaman utama login.

Ketika login berhasil, maka pengguna akan berada dalam halaman utama pengguna.

pengguna dapat memilih course. Dalam course academic supervisor dapat membuat

course maupun dapat menghapus course. Setelah membuat course maka pengguna dapat

memberikan materi didalamnya. Dan terakhir pengguna dapat kembali ke menu utama

dengan cara memilih logout.

172

21. State Transition Diagram Login Instruktur

Gambar 4.25 State Transition Diagram pada Login Instruktur

State Transition Diagram ini menggambarkan pengguna (instruktur) yang

mengakses halaman utama instruktur setelah melakukan login. Jika login gagal, maka


pengguna akan menemukan menu – menu seperti kelas Java Programming dan Jadwal

173

Pelatihan. Di dalam kelas java programming terdapat menu – menu pendukung pelatihan

yang akan diajarkan seperti pengumuman,materi ,materi tambahan, chatting, forum,

tambah quiz, profile, nilai, participants kelas dan absensi. Pengguna dapat pula memilih

untuk logout jika telah selesai, yang nantinya akan kembali ke menu login.

22. State Transition Diagram Mengecek Tugas

Gambar 4.26 State Transition Diagram Mengecek Tugas

174

State Transition Diagram ini menjelaskan bagaimana pengguna (Instruktur)

mengakses Hasil latihan dari peserta. Setelah pengguna melakukan login pengguna

dapat memilih kelas java programming dan masuk ke menu materi tambahan,did alam

materi tambahan akan muncul menu tugas peserta,pengguna dapat memilih tugas peserta

yang akan di lihat dan dapat menghapus tugas-tugas dari peserta jika terdapat kesalahan

dalam pengumpulan tugas. Pengguna dapat melakukan logout untuk kembali ke menu

utama login.

23. State Transition Diagram Ubah Profile Instruktur

Gambar 4.27 State Transition Diagram Ubah Profile Instruktur

State Transition Diagram ini menggambarkan bagaimana instruktur ingin



175




24. State Transition Diagram Tambah dan Ubah Jadwal Instruktur

Gambar 4.28 State Transition Diagram Tambah dan Ubah Jadwal Instruktur

State Transition Diagram ini menggambarkan pengguna(instruktur) yang akan

menambah dan mengubah jadwal pelatihan. Pengguna akan melakukan login pada





176


pelatihan.

25. State Transition Diagram Tambah dan Balas Forum Diskusi Instruktur

Gambar 4.29 State Transition Diagram Tambah dan Balas Forum Diskusi Instruktur

State Transition Diagram ini menggambarkan pengguna(instruktur) yang akan

menambah thread dan membalas thread yang ada di forum diskusi yang telah






177


menyimpannya.

26. State Transition Diagram Mengisi Absensi

Gambar 4.30 State Transition Diagram Mengisi Absensi


melakukan absensi untuk para peserta. Setelah melakukan login, pengguna dapat

memilih halaman kelas java programming dan memilih menu absensi. Setelah itu

pengguna dapat memilih kelas yang akan di absen,dan akan memunculkan nama-nama

peserta di setiap kelasnya yang disertai dengan pilihan absensi yaitu Present, Excused,

Late, Absen yang dapat di isi langsung oleh instruktur yang mengajar. Setelah absensi

terisi,pengguna dapat menekan tombol simpan untuk menyimpannya ke dalam database.

178

Dan pengguna juga dapat memilih untuk logout, yang nantinnya akan kembali ke

halaman login

27. State Transition Diagram Mengisi Nilai

Gambar 4.31 State Transition Diagram Mengisi Nilai


mengisi nilai para peserta. Setelah melakukan login, pengguna memilih menu nilai,

kemudian pengguna memilih kelas peserta. setelah itu akan ditampilkan daftar peserta

dalam kelas tersebut. Pengguna akan mengisi nilai dari setiap peserta dalam kelas

tersebut dengan bagian-bagian nilai yang telah di tentukan,seperti nilai tugas,nilai quiz

dan nilai ujian. Data ini akan menghitung sendiri nilai akhir untuk para peserta tersebut

dengan bobot dari masing-masing nilai tersebut yang sudah diatur di dalam sistem oleh

179

admin. Data ini akan tersimpan dalam database. Dan pengguna juga dapat memilih

untuk logout, yang nantinnya akan kembali ke halaman login.

28. State Transition Diagram Tambah dan Hapus Materi Tambahan

Gambar 4.32 State Transition Diagram Tambah dan Hapus Materi Tambahan


menambah dan menghapus materi tambahan untuk para peserta. Setelah melakukan

login, pengguna memilih kelas java programming kemudian menu materi tambahan.

Setelah itu memilih menu hapus materi tambahan untuk menghapus materi tambahan

dan memilih tambah materi tambahan untuk menambah materi tambahan dalam kelas

180

yang di ajarkan. Dan pengguna juga dapat memilih untuk logout, yang nantinnya akan

kembali ke halaman login.

181

29. State Transition Diagram pada Login Admin

Halaman Login Halaman Utama Admin

Halaman Utama

User

Kelas

NIlai

Jadwal

Forum

Chat

Kuisioner

Login berhasil

Login Gagal

Pengguna Memilih Halaman Utama

Pengguna Memilih Jadwal

Pengguna Memilih Nilai

Pengguna Memilih Kelas

Pengguna Memilih Forum

Pengguna Memilih Chat

Pengguna Memilih Kuisioner

Pengguna Memilih User

Pengumuman

Pengguna Memilih Pengumuman

Pengguna Memilih Logout

Tugas

Kuis

Profile

absensi

BCI

Pengguna Memilih Tugas

Pengguna Memilih Kuis

Pengguna Memilih Profile

Pengguna Memilih Absensi

Pengguna Memilih BCI

Gambar 4.33 State Transition Diagram pada Login Admin

182

State Transition Diagram ini menggambarkan pengguna (admin) yang

mengakses halaman utama admin setelah melakukan login. Jika login gagal, maka


pengguna akan menemukan menu – menu seperti membuat dan mengubah pengaturan

penilaian, menambah dan mengubah course, Menambah dan Mengubah Data User, serta

mengubah profile admin. Dan pengguna dapat memilih untuk logout, yang nantinya

akan kembali ke menu login.

30. State Transition Diagram Menambah dan Mengubah Data User (Admin)

Halaman Login

Halaman Utama Admin

PenggunaMemilih

User

Login Gagal

Login Berhasil

Halaman User List User

PenggunaMemilih

Melihat List User

Data User

PenggunaMemilih

Mengedit Data User

PenggunaMemilih Simpan

Tambah UserPengguna

Memilih Menambah User


Data Tersimpan

Ubah User

Data Tersimpan

Definisi Hak Akses

PenggunaMemilih

Mendefinisikan Hak Akses

Hak Akses User

PenggunaMemilih Memberi Hak Akses User

PenggunaMemilih Mengedit Hak Akses User

Pengguna Memilih Simpan

Data Tersimpan


Data Tersimpan

Gambar 4.34 State Transition Diagram pada Menambah dan Mengubah Data User

(Admin)

183

State Transition Diagram ini menggambarkan pengguna (admin) yang akan

mengakses halaman User yang tersedia, dimana pengguna setelah melakukan login

memilih menu Users dan setelah itu pengguna dapat memilih untuk melakukan

perubahan pada bagian data user atau pada hak akses. Dalam menu tersebut pengguna

dapat menambah atau mengubah user, mendefinisikan hak akses serta menentukan hak

akses masing-masing user. Dan pengguna dapat memilih untuk logout, yang nantinya

akan kembali ke menu login.

31. State Transition Diagram Menambah dan Mengubah Course (Admin)

Gambar 4.35 State Transition Diagram pada Menambah dan Mengubah Course (Admin)

184

State Transition Diagram ini menggambarkan admin yang akan menambah dan

mengubah course. Pengguna akan melakukan login pada halaman login, setelah

melakukan login, pengguna akan memilih menu course. Pada menu course tersebut

pengguna akan dapat melakukan penambahan kelas baru dan pengubahan terhadap

kelas-kelas yang ada. Dan pengguna dapat memilih untuk logout, yang nantinya akan

kembali ke menu login.

32. State Transition Diagram Membuat dan Mengubah Aturan Penilaian (Admin)

Gambar4.36 State Transition Diagram pada Membuat dan Mengubah Aturan Penilaian (Admin)

State Transition Diagram ini menggambarkan admin yang akan membuat dan

mengubah aturan penilaian. Pengguna akan melakukan login pada halaman login,

setelah melakukan login, pengguna akan memilih menu nilai. Pada menu nilai tersebut

pengguna akan dapat membuat dan mengubah batasan - batasan nilai yang akan dipakai

di sistem e-Learning Binus Center. Dan pengguna dapat memilih untuk logout, yang

nantinya akan kembali ke menu login.

185

33. State Transition Diagram Kontrol aktivitas (Admin)

Gambar 4.37 State Transition Diagram Kontrol Aktivitas (Admin)

State Transition Diagram ini menggambarkan admin yang akan membuat dan

mengubah aturan dari aktivitas – aktivitas yang akan dilakukan user. Pengguna akan

melakukan login pada halaman login, setelah melakukan login, pengguna akan memilih

186

menu Module. Pada menu Module tersebut pengguna akan dapat membuat dan

mengubah aturan – aturan yang harus diikuti oleh para user untuk bisa menggunakan

forum, chatting serta mengupload file. Dan pengguna dapat memilih untuk logout, yang

nantinya akan kembali ke menu login.

34. State Transition Diagram Ubah Profile (Admin)

Gambar 4.38 State Transition Diagram Ubah Profile (Admin)

State Transition Diagram ini menggambarkan pengguna (admin) memilih untuk

ke halaman profile setelah melakukan login. Pengguna dapat meng-edit profile yang ada

seperti nama, alamat, ataupun email. Setelah adanya edit profile, maka ubah data akan

sukses. Dan pengguna juga dapat memilih untuk logout, yang nantinya akan kembali ke

menu halaman login.

187

4.4 Perancangan Layar

Perancangan layar ini di buat dengan menggunakan bahasa pemograman PHP. PHP di

gunakan dengan pertimbangan bahwa PHP telah umum digunakan untuk perancangan

aplikasi web dan juga PHP merupakan suatu bahasa pemograman yang opern source

dan gratis untuk memperolehnya.

1. Rancangan Halaman Melakukan Login

Gambar 4.39 Rancangan Halaman Melakukan Login

Pada gambar di atas, merupakan tampilan awal. Gambar rancangan menu login

yang dapat diakses oleh semua user apabila ingin memasuki menu halaman utama.

Dalam menu login terdapat button login, lalu akan dimintai untuk memasukkan

username dan password. Poto di atas merupakan poto yang nantinya dapat dilihat

Welcome to Binus Center Online Learning System.

photo

Login passwordusername

Logo Binus Center

188

apabila user memasukkan poto kedalam e-learning. Dan disamping kiri atas terdapat

logo Binus.

2. Rancangan Halaman Menu Utama Peserta

Gambar 4.40 Rancangan Halaman Menu Utama Peserta

Nama user

Binus Center Logo

tanggal

Kelas

photo

Logical Java Programming

Visual Java Programming

Jadwal

Logout

HOME

189

Gambar di atas merupakan rancangan halaman menu utama untuk peserta yang

telah login. Pada bagian header akan tampil logo binus center, nama, foto, dan menu

logout. Dibawah header akan ditampilkan menu home, serta tanggal. Pada bagian kiri

akan ditampilkan informasi calendar dan online user. Online user berisi user yang online

hingga 5 menit akir. Pada bagian kanan akan ditampilkan produk-produk atau kelas-

kelas yang diikuti.

3. Rancangan Halaman Menu Tambah dan Tampilan Jadwal

v

Gambar 4.41 Rancangan Halaman Menu Tambah dan Tampilan Jadwal

Tambah Jadwal

Nama user

Binus Center Logo

tanggal

Foto

Logout

HOME

Kalender Jadwal Pelatihan

Senin Selasa Kamis Rabu Sabtu MInggu Jumat





Hapus Jadwal

190

Pada gambar di atas merupakan rancangan awal menu jadwal, dimana para

pengguna dapat menuliskan jadwal mereka. Rancangan menu jadwal disini dapat

diakses oleh user, seperti peserta. Para pengguna dapat membuat jadwal sendiri serta

dapat pula melihat jadwal yang sudah di buat. Jadwal calendar merupakan jadwal yang

disusun dan berbentuk seperti calender. Pengguna juga dapat melihat jadwal pelatihan

(course) yang telah dibuat. Event key merupakan suatu keterangan apakah jadwal

tersebut tergolong global, ataupun tergolong course dengan warna.

4. Rancangan Halaman Menu Akses Kelas pada Peserta

Gambar 4.42 Rancangan Halaman Menu Akses Course dan Materi pada Peserta

Nama user

Binus Center Logo

tanggal

Foto

Logout

HOME

Participant

Nilai

Pengumuman

Pertemuan 1 ( 1 – 7 Januari 2009 )


Aktifitas

Profile

Kuisioner

Kuis

Chat

Forum

Absensi Pertemuan 3 ( 14 – 21 Januari 2009 )

Materi Latihan

Materi Latihan

Materi Latihan

191

Pada rancangan awal menu utama di atas terlihat bahwa pengguna, khususnya

peserta terdapat course yang berisi materi. peserta dapat melihat fitur seperti participant,

dimana peserta dapat melihat siapa saja pengguna. Selain itu terdapat aktivitas seperti

forum, kuis, dll. Lalu terdapat fitur administrator yang berisi tentang nilai dan juga

profile. Ditengah halaman terdapat jenis course dan juga didalamnya terdapat materi –

materi yang dapat dilihat. Dihalaman tersebut juga bisa ditampilkan kuis yang dibuat

pada hari itu.

5. Rancangan Halaman Menu Tambah dan Balas Forum

Gambar 4.43 Rancangan Halaman Menu Tambah dan Balas Forum

add new topic

Topic Started by replies last post

Nama user

Binus Center Logo

tanggal

Foto

Logout

HOME

192

Pada gambar di atas merupakan gambar halaman untuk forum yang dapat diakses

oleh para user, seperti peserta, calon instruktrur, instruktur,dll. Pengguna dapat memilih

langsung menuju ke forum, dimana setelah itu akan tertampil menu forum. Dalam

halaman forum terdapat search forum, yang berguna untuk mencari thread yang telah di

posting, lalu terdapat add new topic untuk membuat suatu thread. Dalam bar forum

terdapat discussion yang berisi semua thread yang ada. Dengan masuk ke discussion kita

bisa melihat isi thread yang di posting peserta. pada bar started by terdapat tampilan

peserta yang posting di forum. apabila kita klik, maka kita dapat ke detail user. Dan

terakhir terdapat bar replies dan juga last post.

193

6. Rancangan Halaman Menu Ubah Profile pada Peserta

Gambar 4.44 Rancangan Halaman Menu Ubah Profile pada Peserta

Pada gambar di atas merupakan menu ubah profile. Setiap pengguna dapat

melihat profile mereka dan dapat pula untuk merurubah profile para pengguna. Salah

satu menu ubah profile dapat dilihat dari peserta. Pengguna dapat merubah profile

mereka dan memasukkan data yang baru. Data tersebut diantaranya nama, alamat,

tempat lahir, tanggal lahir, no telephone, email, dan juga para pengguna dapat

memasukkan poto mereka dengan browse yang telah tersedia. Setelah di masukkan data

Nama user

Binus Center Logo

tanggal

Foto

Logout

HOME

update profile

browse

Nama

Alamat

Tempat lahir

Tanggal lahir

No. telephone

Photo

Email

194

baru, maka pengguna dapat meng-klik buton update profile, dan profile terganti dengan

yang baru.

7. Rancangan Halaman Menu Akses Kelas pada Calon Instruktur

Gambar 4.45 Rancangan Halaman Menu Akses Course dan Materi pada Calon

Instruktur


calon instruktur terdapat course yang berisi materi. peserta dapat melihat fitur seperti

online user dimana calon instruktur dapat melihat siapa saja penggunanya. Selain itu

Nama user

Binus Center Logo

tanggal

Foto

Logout

HOME

Participant

BCI

Pengumuman



Aktifitas

Profile

Kuisioner

Chat

Forum

Absensi Pertemuan 3 ( 14 – 21 Januari 2009 )

Materi Latihan

Materi Latihan

Materi Latihan

195

terdapat aktivitas seperti forum, dll. Lalu terdapat fitur administrator yang berisi tentang

BCI ( Binus Certified Instructor ) dan juga profile. Ditengah halaman terdapat jenis

course dan juga didalamnya terdapat materi – materi yang dapat dilihat. Calon instruktur

dapat melihat materi calon instruktur sendiri, dan juga dapat melihat materi dari peserta

dengan harapan agar calon instruktur dapat memahami apa yang sedang dipelajari oleh

peserta, dan juga dapat berani apabila calon peserta nantinya dapat mengajar peserta

dengan materi yang sudah ia pelajari sebelumnya. Logical merupakan materi untuk

peserta, sedangkan visual merupakan materi untuk calon instruktur.

196

8. Rancangan Halaman Menu Ubah Profile pada Calon Instruktur

Gambar 4.46 Rancangan Halaman Menu Ubah Profile pada Calon Instruktur

Pada gambar di atas merupakan menu ubah profile. Setiap pengguna dapat

melihat profile mereka dan dapat pula untuk merurubah profile para pengguna. Salah

satu menu ubah profile dapat dilihat dari Calon Instruktur. Pengguna, salah satunya

calon instruktur dapat merubah profile dan memasukkan data yang baru. Data tersebut

diantaranya nama, alamat, tempat lahir, tanggal lahir, no telephone, email, dan juga

Nama user

Binus Center Logo

tanggal

Foto

Logout

HOME

update profile

browse

Nama

Alamat

Tempat lahir

Tanggal lahir

No. telephone

Photo

Email

197

calon instruktur dapat memasukkan poto mereka dengan browse yang telah tersedia.

Setelah di masukkan data baru, maka pengguna dapat meng-klik buton update profile,

dan profile terganti dengan yang baru.

9. Rancangan Halaman Awal Menu Utama Instruktur

Gambar 4.47 Rancangan Halaman Awal Menu Utama Instruktur

Nama user

Binus Center Logo

tanggal

Kelas

photo

Logical Java Programming

Visual Java Programming

Jadwal

Logout

198

Gambar di atas merupakan rancangan halaman menu utama untuk instruktur

yang telah login. Pada bagian header akan tampil logo binus center, nama, foto, dan

menu logout. Dibawah header akan ditampilkan menu home, serta tanggal. Pada bagian

kiri akan ditampilkan informasi user yang online. Pada bagian kanan akan ditampilkan

kelas-kelas yang dilatih. Pada tampilan online user, instruktur bisa dapat mengetahui

siapa user yang sedang online terhitung 5 menit terakhir. Sehingga disana akan

dimunculkan nama – nama yang hadir dalam e-learning tersebut. Dan disisi kanan

terdapat course yang dilatih oleh instruktur.

199

10. Rancangan Halaman Menu Akses Course dan Materi pada Instruktur

Gambar 4.48 Rancangan Halaman Menu Akses Course dan Materi pada Instruktur


instruktur terdapat course yang berisi materi. peserta dapat melihat fitur seperti

participant, dimana calon instruktur dapat melihat siapa saja penggunanya. Selain itu

terdapat aktivitas seperti forum, kuis, dll. Lalu terdapat fitur administrasi yang berisi

tentang nilai, dimana instruktur dapat memberikan nilai kepada peserta, dan juga profile.

Ditengah halaman terdapat jenis course dan juga didalamnya terdapat materi – materi

Nama user

Binus Center Logo

tanggal

Foto

Logout

HOME

Participant

Nilai

Pengumuman

Profile

Aktifitas

Kuisioner

Kuis

Chat

Forum

Absensi




Materi Latihan

Materi Latihan

Materi Latihan

Aktifkan Menu Ubah

200

yang dapat dilihat. Dalam gambar diatas, terdapat button Aktifkan menu ubah yang

dapat digunakan oleh instruktur untuk mengubah pada bagian materi,baik menambahkan

materi tambahan maupun menhapus,lalu juga dapat menambahkan kuis dan latihan.

11. Rancangan Halaman Menu Mengisi Nilai

Gambar 4.49 Rancangan Halaman Menu Mengisi Nilai

Pada gambar diatas, instruktur dapat memberikan nilai kepada para peserta. Pada

halaman nilai, pengguna dapat meng-edit nilai dengan klik button turn on editing.

Setelah itu tabel nilai akan dapat diisi oleh instruktur. Tabel tersebut berisi nama – nama

peserta, tabel soal latihan,soal tugas, ujian, serta nilai total yang sudah diakumulasikan

Nama Nilai Tugas Nilai Ujian Nilai Akhir

Simpan

Nilai Kuis

Nama user

Binus Center Logo

tanggal

Foto

Logout

HOME

201

oleh system. Dan terakhir ketika instruktur telah meng-edit semua nilai peserta, maka

instruktur dapat meng-klik button update.

12. Rancangan Halaman Menu Utama Melakukan Chat

Gambar 4.50 Rancangan Halaman Menu Utama Melakukan Chat

Halaman rancangan awal di atas merupakan tampilaan menu chat untuk para

pengguna, seperti peserta. Dalam rancangan di atas terdapat list user yang berada di sisi

kanan window. List user berupa poto user, lalu nama. Di kiri window terdapat message

textfield yang bertujuan agar pengguna dapat mengetik pesan. Serta terakhir merupakan

tampilan messege yang telah di ketik oleh pengguna. Pada tampilan message,

menampilkan foto user, isi pesan, serta waktu. pada tampilan chat ini, akan

menghasilkan window baru

List anggota yang ada dalam ruang

chatting

Tempat menuliskan Pesan

Ruang Untuk Chating Conference

Kirim

202

13. Rancangan Halaman Mengisi Absensi

Gambar 4.51 Rancangan Halaman Mengisi Absensi

Rancangan gambar di atas merupakan rancangan menu mengisi absensi yang

dapat dilakukan oleh instruktur. sebelumnya instruktur harus memilih keterangan

pertemuan yang ingin diisi absensinya. Pada menu absensi, pengguna akan dapat melihat

tabel – tabel. Tabel – tabel tersebut merupakan tabel nama, yang berisi nama – nama

Nama Peserta E L AP

Keterangan

P– Hadir E – Ijin L – Terlambat A ‐ Alpa

Simpan

Nama user

Binus Center Logo

tanggal

Foto

Logout

HOME

Pertemuan

203

peserta. Lalu terdapat ‘P’, ‘E’, ‘L’, ‘A’, dimana ‘P’ merupakan present(hadir), ‘E’

merupakan excused(Ijin), ‘L’ merupakan lates(Terlambat), dan ‘A’ merupakan

absent(Alpa). Pada tabel ‘P’, ‘E’, ‘L’, ‘A’, terdapat radio button sehingga instruktur

hanya dapat memilih 1 saja. Setalah semua diisi absen, maka instruktur dapat meng-klik

tombol simpan.

14. Rancangan Halaman Menu Utama Admin

Gambar 4.52 Rancangan Halaman Menu Utama Admin

Nama user

Binus Center Logo

tanggal

Foto

Logout

HOME

Menu Administrasi

Setting

Grades

Courses

Users

(Halaman Tampilan Keterangan Menu)

204

Gambar di atas merupakan rancangan halaman menu utama untuk admin yang

telah login. Pada Header akan tampil logo Binus Center, Nama admin, foto, dan menu

logout. Dibawah header akan ditampilkan menu Home serta tanggal. Pada bagian kiri

akan ditampilkan menu untuk mengedit user, mengedit kelas, mengedit kontrol untuk

nilai, serta untuk mengedit kontrol untuk aktivitas – aktivitas User. Pada bagian kanan

akan ditampilkan kalender untuk jadwal.

15. Rancangan Halaman Menu Menambah Data User

Gambar 4.53 Rancangan Halaman Menambah Data User

Username Password Name Email City/town Select Country

Photo Browse

Nama user

Binus Center Logo

tanggal

Foto

Logout

HOME

add new user Cancel

Menu Administrasi

Setting

Grades

Courses

Users

add new user

205

Gambar di atas merupakan rancangan halaman menu mengubah dan menambah

data user. Pada Header akan tampil logo Binus Center, Nama, foto, dan menu logout.

Dibawah header akan ditampilkan menu Home serta tanggal. Pada bagian kiri akan

ditampilkan menu – menu untuk mengedit user, mengedit kelas, mengedit kontrol untuk

nilai, serta untuk mengedit kontrol untuk aktivitas – aktivitas User. Pada bagian kanan

dari menu akan ditampilkan form yang harus diisi untuk membuat user serta tombol

untuk mengupdate profile.

16. Rancangan Halaman Menu Menentukan Hak Akses User

Gambar 4.54 Rancangan Halaman Menentukan Hak Akses User

Nama user

Binus Center Logo

tanggal

Foto

Logout

HOME

Menu Administrasi

Setting

Grades

Courses

Users

add new user

Roles Description User

memiliki wewenang penuh

administrator Anto

hanya dapat mengakses kelas

Peserta Gadis , susi , tono , ucil , sutanto , budi , andi

dapat mengendalikan proses belajar

Instruktur Yahya, Xaverius , Yohannes

Submit Cancel

User Roles

206

Gambar di atas merupakan rancangan halaman menu untuk menentukan hak

akses user. Pada bagian header akan tampil logo Binus Center, nama, foto, menu update

profile, menu my course, dan menu logout. Dibawah header akan ditampilkan menu

Home, kelas serta tanggal. Pada bagian kiri akan ditampilkan menu – menu untuk

mengedit user, mengedit kelas, mengedit kontrol untuk nilai, serta untuk mengedit

kontrol untuk aktivitas – aktivitas user. Pada bagian kanan akan ditampilkan roles,

description, dan user yang menjadi bagian dari masing – masing roles.

17. Rancangan Halaman Menu Menambah dan Mengubah Course

Gambar 4.55 Rancangan Halaman Menambah dan Mengubah Course

Add new course Edit courses

Nama user

Binus Center Logo

tanggal

Foto

Logout

HOME

Menu Administrasi

Setting

Grades

Courses

Users

add/edit course

Categori Courses

Programming

Java Programming

VB.NET Programming

207






kontrol untuk aktivitas – aktivitas user. Pada bagian kanan akan ditampilkan course

category, nama course, menu edit dan menu untuk memindahkan category.

18. Rancangan Halaman Menu Membuat dan Mengubah Aturan Penilaian

Gambar 4.56 Rancangan Halaman Membuat dan Mengubah Aturan Penilaian

Save Changes

Nama user

Binus Center Logo

tanggal

Foto

Logout

HOME

Menu Administrasi

Setting

Grades

Courses

Users

Grades criteria

Grades Criteria

Grades 1

Criteria

Grades 2

Criteria

Grades 3

Criteria

A

>85%

B

>75%

C

>65%

208






kontrol untuk aktivitas – aktivitas user. Pada bagian kanan akan ada form untuk

menentukan grade letters dan grade boundary, serta ada tombol save changes untuk

menyimpan.

209

19. Rancangan Halaman Menu Aktivitas

Gambar 4.57 Rancangan Halaman Menu Mengatur Aktivitas

Gambar di atas merupakan rancangan halaman menu untuk mengatur aktivitas.

Pada bagian header akan tampil logo Binus Center, nama, foto, menu update profile,

menu my course, dan menu logout. Dibawah header akan ditampilkan menu Home,

( List Menu Setting )

Nama user

Binus Center Logo

tanggal

Foto

Logout

HOME

Menu Administrasi

Setting

Grades

Courses

Users

Aktifitas

Materi

Tugas

Kuis

Forum

Chat

Mengatur Aktifitas

Save Change

210

kelas serta tanggal. Pada bagian kiri akan ditampilkan menu – menu untuk mengedit

user, mengedit kelas, mengedit kontrol untuk nilai, serta untuk mengedit kontrol untuk

aktivitas – aktivitas user. Pada bagian kanan akan ada menu – menu untuk mengatur

aktivitas dan menghapus aktivitas.

4.5 Rencana Implementasi

4.5.1 Kebutuhan Hardware

1. Komputer Server

Table berikut di bawah ini menjelaskan spesifikasi hardware dari

server yang di butuhkan untuk menjalankan aplikasi e-learning di Binus

Center.

Table 4.30 Spesifikasi Hardware Server

No Hardware Keterangan

1 Processor Intel Pentium Xeon 2,4 GHz

2 Mother Board Intel Based support Xeon

3 Memory 2 GB RAM

4 Graphic Card On Board

5 Hard Disk 250 GB

6 LAN Card 100 Mbps

211

2. Komputer User

Berikut merupakan tabel spesifikasi hardware dari sisi computer

pengguna yang akan mengakses e-learning di Binus Center

Tabel 4.31 Spesifikasi Hardware User

No Hardware Keterangan

1 Processor Intel Pentium IV CPU 2,4 Ghz

2 Mother Board Intel Based

3 Memory 512 GB RAM

4 Graphic Card GeForce 64 MB

5 Hard Disk 40 GB

6 LAN Card 100 Mbps

7 Modem Linksys (untuk koneksi internet)

4.5.2 Kebutuhan Software

1. Software pada Server

Kebutuhan untuk perangkat lunak dari sisi computer server untuk

menjalankan aplikasi e-learning di Binus Center adalah sebagai berikut :

- Operating System : Windows XP SP 2

- Untuk instalasi aplikasi PHP , Apache, phpMyAdmin, dan My SQL

dapat dilakukan bersamaan dengan melakukan instalasi paket

XAMPP 1.7.0. Untuk instalasi per bagian dapat melakukan instalasi

software berikut :

212

• Apache 2.2.0

• PHP 5.1.2

• phpMyAdmin 2.8.0.3

• MySql 5.0.20

2. Software pada komputer user

Kebutuhann perangkat lunak dari sisi user untuk dapat mengakses

aplikasi e-learning Binus Center adalah sebagai berikut :

- Operating System : Windows XP SP 2

- Browser untuk mengakses aplikasi : Mozila Firefox 2.0

- Flash Player : Adobe Flash Player Plug in

4.6 Evaluasi

Kuisioner ini dibuat untuk mengevaluasi kegunaan dari aplikasi e-learning Binus

Center yang sudah di rancang. Sebelumnya dijelaskan terlebih dahulu kepada para

responden mengenai cara pemakaian dan sistem pembelajaran yang berlangsung.

Kuisioner ini di isi Oleh 19 orang responden,10 orang adalah peserta yang sedang

mengikuti Pelatihan di Binus Center Kedoya. 5 orang responden adalah instruktur di

Binus Center. 4 Orang adalah Calon Instruktur Java Programming di Binus Center

Kedoya.

1. Apakah tampilan, desain dan warna dari aplikasi e-learning Binus sudah

menarik?

Sang

Men

Cuku

Kura

2. Apak

dime

T

Pilihan Jawa

gat Menarik

arik

up Menarik

ang menarik

Gamb

kah cara pen

engerti?

abel 4.32 T

aban

ar 4.58 Dia

nggunaan apl

Tabel Jawaba

Jum

5

8

5

1

agram Pie Ja

likasi e-learn

an Pertanyaa

mlah

5

8

5

1

awaban Perta

ning dari Bin

an Kuisioner

P

anyaan Kuis

nus Center m

Sanga

Mena

Cuku

Kuran

r 1

Persentase

26%

42%

26%

5%

ioner 1

mudah

at Menarik

arik

p Menarik

ng menarik

213

Ya

TIda

3. Menu

kegia

Ya

TIda

T

Pilihan Jawa

ak

Gamb

urut Anda, a

atan belajar

Tabel

Pilihan Jawa

ak

abel 4.33 T

aban

bar 4.59 Dia

apakah infor

mengajar di

l 4.34 Tabe

aban

Tabel Jawaba

Jum

1

5

agram Pie Jaw

rmasi yang d

Binus Cente

el Jawaban P

Jum

1

0

an Pertanyaa

mlah

14

5

waban Perta

disediakan ap

er?

Pertanyaan K

mlah

19

0

an Kuisioner

P

anyaan Kuisi

plikasi ini da

Kuisioner 3

P

r 2

Persentase

74%

26%

ioner 2

apat menunja

Persentase

100%

0%

YA

TIDAK

214

ang

4. Menu

peser

Mem

Cuku

Kura

Gamb

urut Anda, a

rta dan calon

T

Pilihan Jawa

mbantu

up Membant

ang Memban

ar 4.60 Dia

apakah deng

n instruktur d

Tabel 4.35 T

aban

tu

ntu

agram Pie Ja

an adanya ap

dalam melak

Tabel Jawaba

Jum

9

6

4

awaban Perta

plikasi e-lea

kukan pemb

an Pertanyaa

mlah

9

6

4

anyaan Kuis

arning ini da

elajaran man

an Kuisioner

P

ioner 3

apat memban

ndiri?

r 4

Persentase

47%

32%

21%

YA

TIDAK

215

ntu

5. Apak

instru

Ya

TIda

Gamb

kah forum di

uktur untuk

T

Pilihan Jawa

ak

bar 4.61 Dia

iskusi dari a

berkomunik

abel 4.36 T

aban

agram Pie Jaw

aplikasi e-lea

kasi lebih int

Tabel Jawaba

Jum

1

0

waban Perta

arning ini me

tensif?

an Pertanyaa

mlah

19

0

anyaan Kuisi

emudahkan p

an Kuisioner

P

Memban

Cukup M

Kurang M

ioner 4

peserta dan

r 5

Persentase

100%

0%

ntu

Membantu

Membantu

216

6. Apak

mena

Sang

Men

Cuku

Kura

Gamb

kah tampilan

arik?

Tabel

Pilihan Jawa

gat Menarik

arik

up Menarik

ang Menarik

bar 4.62 Dia

n, desain dan

l 4.37 Tabe

aban

k

agram Pie Jaw

n warna dari

el Jawaban P

Jum

1

7

8

3

waban Perta

materi e-lea

Pertanyaan K

mlah

1

7

8

3

anyaan Kuisi

arning Binus

Kuisioner 6

P

ioner 5

s Center sud

Persentase

5%

37%

42%

16%

YA

TIDAK

217

dah

7. Apak

dime

Ya

TIda

Gambar 4

kah materi e

engerti?

T

Pilihan Jawa

ak

4.63 Diagram

-learning Bi

abel 4.38 T

aban

m Pie Jawab

inus Center d

Tabel Jawaba

Jum

1

3

ban Pertanya

dan cara pen

an Pertanyaa

mlah

16

3

aan Kuisione

nggunaannya

an Kuisioner

P

Sanga

Mena

Cuku

Kuran

er 6

a mudah

r 7

Persentase

84%

16%

at Menarik

arik

p Menarik

ng menarik

218

8. Menu

meni

mand

Mem

Cuku

Kura

Gamb

urut Anda, a

ingkatkan pe

diri?

Tabel

Pilihan Jawa

mbantu

up Membant

ang Memban

bar 4.64 Dia

apakah mate

emahaman te

4.39 Tabe

aban

tu

ntu

agram Pie Jaw

ri e-learning

erhadap mat

el Jawaban P

Jum

1

7

0

waban Perta

g Binus Cent

teri pelajaran

Pertanyaan K

mlah

12

7

0

anyaan Kuisi

ter dapat me

n dalam pem

Kuisioner 8

P

ioner 7

embantu

mbelajaran

Persentase

63%

37%

0%

YA

TIDAK

219

Gambaar 4.65 Diaagram Pie Jawwaban Pertaanyaan Kuisi

Membant

Cukup Me

Kurang M

ioner 8

tu

embantu

Membantu

220

bab 4 rancangan sistem yang diusulkan 4.1. …thesis.binus.ac.id/doc/bab4/2010-1-00658-si-bab...

Documents