Data diskusi
data masukan yang telah diolah. Adapun output yang User
Login&Password,
dihasilkan yaitu : adanya tutorial pembelajaran yang full level status Login&
Password,
animasi, soal-soal praktikum, laporan mahasiswa level status
Mahasiswa Persiap
an
Download materi Memilih
dan mengikuti materi Login
diskusi
0 Inisia
Web E Learning lisasi
Halaman
Memberi materi Mendapatkan Web
dan diskusi informasi
Halaman
Dosen Ma Materi
teri
7. Perancangan Menu
2
Dalam merancang menu didasarkan pada website ini maka dosen pengampu mata kuliah dapat
kebutuhan-kebutuhan yang ada dalam sistem yang akan memonitoring kegiatan proses praktikum dalam
dirancang, gambar 4 menunjukkan sistem menu laboratorium dengan menggunakan kamera pemantau
dikategorikan dalam empat bagian pokok yaitu : menu berupa webcam yang telah terpasang pada sisi
Home, menu Mata kuliah, menu Monitoring laboratorium. Mahasiswa dapat melaksanakan
Laboratorium, menu Upload Laporan. praktikum sendiri melalui modul ajar yang telah dibuat
Penjelasan dari masing-masing menu sebagai menggunakan macromedia flash dan terintegrasi pada
berikut menu Home akan menampilkan halaman utama halaman web.
dari e-Learning sistem, menu mata kuliah akan A. Website
menampilkan jenis mata kuliah yang di praktikumkan, Untuk halaman web dapat dijelaskan sebagai
menu monitorng laboratorium adalah untuk memonitor berikut :
keadaan ruangan pada saat mahasiswa melaksanakan
praktikum, menu upload laporan adalah untuk mengirim 1. Halaman utama website
laporan hasil praktikum yang telah dilaksanakan ke Halaman utama website merupakan halaman
dosen pengampu mata kuliah ataupun asisten. yang menjelaskan tentang web secara keseluruhan, yang
berisikan header dari web bertuliskan e-Learning
Tampilan
Utama System Lab. Listrik Dasar Fakultas Teknik Universitas
Hasanuddin, menu login, kolom menu, video tutorial,
Login Registrasi Admin User
instrument laboratorium dan kalender serta mata kuliah.
Gambarnya dapat di lihat sebagai berikut :
Menu Utama
8. Perancangan Tampilan
Perancangan tampilan pada sistem e-Learning
mata kuliah praktikum berbasis web ini adalah sebagai
berikut : Tampilan menu utama akan menjelaskan
gambaran keseluruhan sistem dalam bentuk gambar
animasi, terdapat tombol login, tombol registrasi, user
on line, yahoo messenger, mata kuliah dan kalender.
Untuk tampilan form login, user akan
memasukkan nama user dan password yang telah dibuat
sebelumnya dan menekan tombol login, bagi pengguna Gambar 5. Halaman Utama Website
yang belum registrasi diharapkan mengisinya dahulu
agar dapat memasuki sistem e-Learning mata kuliah 2. Halaman Login
praktikum dengan menekan tombol daftar jadi anggota Pada halaman login ini berfungsi untuk
baru. Pada tampilan form registrasi, user mendaftar membatasi orang-orang yang akan mengakses web,
sebagai mahasiswa pada sistem e-Learning mata kuliah sehingga jika akan menggunakan halaman web maka
praktikum, dengan memasukkan data yaitu : nama user, terlebih dahulu harus memasukkan user name dan
password, confirm password dan alamat email, kota dan password, yang tampilan halaman webnya dapat dilihat
negara. Setelah diisi pengguna dapat menekan tombol sebagai berikut :
buat keanggotaan baru agar data tersebut disimpan ke
database, dan apabila saat pengisian data ada kesalahan
maka user dapat menekan tombol hapus sehingga
kembali dalam keadaan kosong dalam pengisian data.
Pada tampilan form admin, ada fasilitas untuk
meng-update soal meliputi menambah, mengedit dan
menghapus data soal. Selain itu admin juga dapat
mengubah password yang sebelumnya telah dibuat oleh
pengelola sistem e-Learning, dan admin dapat
memantau perubahan yang terjadi pada mahasiswa.
Gambar 6. Halaman Login
Untuk tampilan menu utama akan menampilkan 4 menu
pokok dalam bentuk tombol dengan background hitam Akan tetapi apabila belum memiliki maka
dan animasi bergerak pada kolom header. harus melakukan registrasi atau mengisi formulir
C. Hasil Penelitian pendaftaran dengan mengklik menu silahkan daftar
Setelah melaksanakan penelitian maka untuk jadi anggota baru, maka akan tampil menu isi
didapatkan hasil sebuah website, di mana dengan
3
yang tampilan halaman webnya dapat dilihat sebagai
berikut : Gambar 9. Halaman instrumen lab. Listrik dasar
5. Halaman penugasan
Untuk mengetahui tingkat kemampuan
mahasiswa baik sebelum memasuki waktu praktikum
(tugas responsi) maupun setelah melaksanakan
praktikum, maka disediakan halaman penugasan, yang
tampilan halaman webnya dapat dilihat sebagai berikut :
3. Halaman video
Pada halaman video ini dapat digunakan oleh
mahasiswa yang sedang melaksanakan praktikum
sebagai tuntunan untuk melaksanakan praktikum,
karena video yang ada adalah video dari hasil
pelaksanaan praktikum mulai dari awal sampai
selesainya praktikum sehingga akan sangat
memudahkan mahasiswa untuk melakukan praktikum
sendiri, yang tampilan halaman webnya dapat dilihat
sebagai berikut :
Gambar 10. Halaman pemberian tugas
6. Halaman penilaian
Halaman penilaian dimaksudkan untuk
memberikan skor terhadap hasil pemberian tugas yang
telah diberikan sebelumnya, pada halaman ini selain
pemberian nilai kita juga dapat memberikan komentar
terhadap hasil pekerjaan mahasiswa dan melihat
jawaban yang telah dikerjakannya, terlihat juga
mahasiswa yang tidak menyelesaikan tugas, yang
tampilan halaman webnya dapat dilihat sebagai berikut :
4. Halaman Instrumen
Untuk melihat gambar dari instrumen yang
terdapat pada laboratorium maka disediakan halaman
instrumen yang dimaksudkan untuk mempermudah
mahasiswa mengetahui alat-alat yang digunakan dalam
praktikum nantinya, ini dibuat dengan menggunakan
animasi gambar yang berganti-gantian yang tampilan
halaman webnya dapat dilihat sebagai berikut :
4
Gambar 11. Halaman penilaian tugas
C. Tutorial Ajar
B. Kamera Pemantau Hasil yang ke tiga dari penelitian ini adalah
Dalam penelitian ini selain menghasilkan dengan adanya tutorial ajar yang dibuat dengan
website juga dibuat halaman monitoring yang menggunakan macromedia flash. Penggunaan
diperuntukkan memonitoring kegiatan yang macromedia flash dimaksudkan agar tampilannya
berlangsung di laboratorium, jika pada saat-saat tertentu kelihatan lebih aktraktif sehingga tidak membosankan.
dosen pengampuh mata kuliah atau asisten berhalangan Adapun tampilannya dapat dilihat pada gambar di
hadir maka bukan sebuah alasan lagi mahasiswa tidak bawah ini :
dapat mengikuti praktikum, karena semua kegiatan
dalam laboratorium dapat terpatau melalui webcam Gambar 14. Halaman utama tutorial
yang telah dipasang pada sisi laboratorium dan
terintegrasi dengan website e-learning sehingga dosen Dengan macomedia pula dibuat materi
atau asisten hanya dengan mengakses web e-learning praktikum yang dapat menuntun mahasiswa dalam
maka kegiatan dalam laboratorium dapat terpantau. melaksanakan praktikum sehingga mahasiswa tidak lagi
Selain dari itu, sisi keamanan tergantung akan kehadiran dosen pengampuh mata
laboratoriumpun terjamin dari tindakan pencurian, yang kuliah atau asisten, akan tetapi hanya dengan melalui
tampilan halaman webnya dapat dilihat sebagai berikut : tutorial ajar tersebut mahasiswa diharapkan dapat
melaksanakan praktikum sendiri, yang tampilannya
dapat dilihat seperti gambar di bawah ini :
6
Husen Mussahada, Uun Rohanto, 2010. “Membuat
Company Profile dengan Adobe Flash”. Yogyakarta
Tabel 4. Hasil uji coba tahap III : Skripta Media Creative.
Herman Dwi Surjono. “Membangun E Learning dengan
Jumlah Waktu Moodle”. http://blog.uny.ac.id/hermansurjono
No. Jenis pengujian (diakses : Januari 2011).
Client login yang
dibutuhkan Iwan sofana, 2008. “Membangun Jaringan Komputer”.
1. Mahasiswa mengakses 30 Unit 0,58 s.d Bandung : Infomatika.
sistem secara 4,25 detik Kasiman Peranginangin, 2006. “Applikasi Web dengan
bersamaan (login) PHP dan MySQL”. Yogyakarta : Andi Offset
Kasiman Peranginangin, 2006. “Applikasi Web dengan
PHP dan MySQL”. Yogyakarta : Andi Offset.
Munir, 2009. “Pembelajaran Jarak Jauh Berbasis
E. Penutup Teknologi Informasi dan Komunikasi”. Bandung :
Dari pembahasan penelitian di atas maka dapat Alfabeta.
disimpulkan bahwa 1) Pembuatan e learning sistem Priyanto Hidayatullah, Amarullah Akbar, Zaky Rahim,
pada laboratorium listrik dasar berbasis web ini 2011. “Animasi Pendidikan Menggunakan Flash”.
memudahkan mahasiswa dalam mempelajari mata Bandung : Informatika.
kuliah praktikum. 2) Dengan menggunakan macromedia Wikipedia, webcam, http://www.wikipedia.org/wiki/
flash dalam penyampaian materi praktikum menjadikan webcam (diakses januari 2011)
lebih aktraktif. 3) Penambahan webcam sebagai media Wikipedia, website, http://www.wikipedia.org/wiki/
conference menjadikan kelas on line yang lebih hidup. Situs-Web (diakses januari 2011)
Adapun saran yang diberikan dalam penelitian ini Wikipedia, Jaringan Komputer, http://www.wikipedia.
adalah 1) penerapan e learing sistem pada Laboratorium org//wiki// Jaringan_Komputer (diakses januari
Listrik Dasar Berbasis Web dapat membantu mahasiswa 2011.
untuk mempermudah proses belajar dan meringankan Wawan Setiawan. 2008. Rancang Bangun E-Learning
beban mengajar dosen yang harus datang ke Berbasis Open Source. Jurnal INVOTEC, (Online),
laboratorium. 2) dengan adanya kamera yang terpasang Mimbar No. 4 (http://jurnal.upi.edu/385/ view/376/
pada laboratorium memudahkan mengontrol kegiatan pembelajaran-berbasis-ict-:model-e-learning-
mahasiswa yang melaksanakan praktikum. menggunakan-opensource-moodle.html), diakses
Rencana pengembangan dan penelitian selanjutnya januari 2011.
adalah 1) web site yang dibuat berbasis adobe flash
sehingga secara keseluruhan bersifat animasi. 2) Amiruddin, lahir di Sinjai pada tanggal 28 Oktober
membangun server webcam sendiri untuk 1980, memperoleh gelar sarjana komputer dari Sekolah
melaksanakan teleconference. Tinggi Manajemen Informatika dan Komputer
(STMIK) Handayani Makassar pada tahun 2006,
sebagai staf pengajar pada Perguruan Tinggi
Ucapan Terima Kasih Muhammadiyah Sinjai sejak tahun 2007 sampai
Saya mengucapkan banyak terima kasih kepada : Bapak sekarang.
Pembimbing : Dr. Ir. Zahir Zainuddin, M.SC. dan Dr.
Ir. Zulfajri B. Hasanuddin, M.Eng. atas bimbingan dan
masukannya selama penelitian ini berlangsung. Teman-
teman Pasca 2009, Teknik Energi, Teknik Informatika,
Teknik Telekomunikasi, terkhusus teknik kendali
Muhammad Risal, A. Abd. Jabbar, Husain, Ilham,
Oktav, Crestian dan Baharuddin.
Daftar Pustaka
Abdul Kadir, 2003. Pengenalan Sistem Informasi :
Yogyakarta : Andi Offset.
Ade Dwi Putra, Ryan Randy Suryono, Darmini,
Rancang Bangun Media Pembelajaran Toefl
Berbasis Web. Seminar Nasional Aplikasi Teknologi
Informasi (Yogyakarta).
Fadlisyah, Fahmi, Dayat Kurniawan, 2010.
“Pemrograman Kamera PC menggunakan Delphi”.
Yogyakarta : Graha Ilmu.