Skipsi e-learning berbasis web pada smk bina banua

SKRIPSI
E-LEARNING BERBASIS WEB PADA SMK BINA BANUA
“Diajukan Sebagai Persyaratan Untuk Menyelesaikan Program Sarjana (S-1)
Teknik Informatika”
Oleh:
EEN PAHLEFI
NPM: 11.63.0431
PROGRAM STUDI S1 TEKNIK INFORMATIKA
FAKULTAS TEKNOLOGI INFORMASI
UNIVERSITAS ISLAM KALIMANTAN ( UNISKA )
MUHAMMAD ARSYAD AL - BANJARY
BANJARMASIN
2015

iii
PERNYATAAN
Dengan ini penulis menyatakan dalam skripsi ini tidak terdapat karya yang
pernah diajukan untuk memperoleh gelar kesarjanaan di suatu perguruan tinggi
dan sepanjang pengetahuan penulis juga terdapat karya atau pendapat yang
pernah ditulis atau diterbitkan oleh orang lain, kecuali yang secara tertulis dan
diacu dalam naskah ini dan disebutkan di dalam daftar pustaka.
Dan apabila pernyataan ini tidak benar, maka penulis bersedia menerima
sanksi berupa pencabutan gelar sarjana, dapat diproses secara hukum menurut
perundang-undangan yang berlaku serta membebaskan Universitas Islam
Kalimantan (UNISKA) Muhammad Arsyad Al-Banjary Banjarmasin dari segala
sesuatu yang terjadi sebagai akibat proses hukum tersebut.
Banjarmasin, September 2015
Een Pahlefi

iv
ABSTRAK
Secara umum aplikasi dapat diartikan sebagai suatu sistem yang dibuat manusia
yang terdiri dari komponen-komponen dalam organisasi yang pada saat
dilaksanakan akan memberikan informasi bagi pengambil keputusan atau untuk
mengendalikan organisasi bahkan untuk kegiatan strategi organisasi. E-learning
adalah suatu alat pembelajaran yang menggunakan media elektronik untuk
menyampaikan suatu isi materi. E-learning merupakan salah satu strategi untuk
memajukan pendidikan sehingga pelaksanaanya perlu diperluas dan
dikembangkan. Dalam pembuatan aplikasi ini penulis bertujuan mengembangkan
sistem e-learning dengan berbasis web pada SMK Bina Banua dan
mengimplementasikan aplikasi e-learning dengan berbasis web untuk menunjang
proses pembelajaran pada SMK Bina Banua. Adapun aplikasi e-learning ini
diharapkan berguna untuk sekolah SMK Bina Banua Sebagai media pembelajaran
dalam menyampaikan materi pembelajaran secara online maupun offline kepada
siswa, untuk siswa sebagai media pembelajaran yang dapat meningkatkan dalam
motivasi belajar dan mempermudah proses belajar secara individual, untuk guru
akan lebih mudah dalam penyampaikan materi dan metode pembelajaran akan
semakin bervariatif. Penulis berharap semoga karya yang sangat sederhana ini dapat
berguna bagi pihak yang menggunakan
Kata kunci: E-Learning

v
KATA PENGANTAR
Alhamdulillah, ucapan syukur penulis panjatkan Kehadirat Allah SWT yang
telah melimpahkan rahmat dan karunia-Nya. Sehingga penulis dapat
menyelesaikan penulisan skripsi ini dengan baik. Shalawat serta salam kepada
Nabi Muhammad SAW beserta para sahabat. Dimana skripsi ini penulis sajikan
dalam bentuk buku yang sederhana. Adapun judul penulisan skripsi, yang penulis
ambil adalah E-Learning Berbasis Web Pada SMK Bina Banua.
Penulis menyadari bahwa tanpa bimbingan dan dorongan dari semua pihak,
maka penulisan skripsi ini tidak berjalan lancer Oleh karena itu pada kesempatan
ini, iziinkanlah penulis menyampaikan ucapan terima kasih kepada:
1. Silvia Ratna, S.Kom, M.Kom Selaku Dekan Fakultas Teknik UNISKA
Banjarmasin.
2. Ir.H.Muflih, M.Kom selaku Dosen Pembimbing Skripsi I yang telah
memberikan banyak masukan dan arahan kepada penulis.
3. Ihda Innar Ridho, M.Kom selaku Dosen Pembimbing Skripsi II.
4. Para dosen UNISKA Banjarmasin yang telah banyak mengajarkan ilmunya
selama kuliah.
5. Seluruh staff dan dewan guru SMK Bina Banua yang telah membantu penulis
dilapangan.
6. Dan teristimewa terhadap kedua orang tua saya yang selalu memberikan
dukungan, semangat dan doa yang tiada henti-hentinya kepada penulis agar
penulis dapat segera menyelesaikan skripsi ini.

vi
Penulis menyadari bahwa skripsi ini masih jauh dari sempurna, oleh
karena itu penulis mengharapkan saran dan kritik dari pembaca yang bersifat
membangun demi kesempurnaan penulisan dimasa yang akan datang.
Akhir kata penulis berharap agar skripsi ini dapat berguna bagi penulis
khususnya dan bermanfaat bagi para pembaca yang berminat pada umumnya.
Banjarmasin, September 2015
Penulis,
Een Pahlefi
11 63 0431

vii
DAFTAR ISI
PERNYATAAN.....................................................................................................iii
ABSTRAK............................................................................................................. iv
KATA PENGANTAR ............................................................................................ v
DAFTAR ISI......................................................................................................... vii
DAFTAR TABEL................................................................................................... x
DAFTAR GAMBAR ............................................................................................. xi
BAB I PENDAHULUAN...................................................................................... 1
1.1 Latar Belakang .............................................................................................. 1
1.2 Perumusan Masalah.................................................................................. 2
1.3 Ruang Lingkup.............................................................................................. 3
1.4 Tujuan dan Manfaat.................................................................................. 4
1.5 Sistematika Penulisan............................................................................... 5
BAB II TINJAUAN PUSTAKA............................................................................ 7
2.1 Penelitian Terkait .......................................................................................... 7
2.1.1 Perancangan Sistem Informasi E-Learning Berbasis Web di SMAN 1
Raja Galuh Majalengka (2014)........................................................................ 7
2.1.2 Membangun Aplikasi E-Learning Berbasis Web di SMA NEGERI 3
Sumedang (2013)............................................................................................. 8
2.1.3 Pembangunan Aplikasi E-learning di SMA Negeri 4 Tasikmalaya (2013)
......................................................................................................................... 9
2.2 Landasan Teori............................................................................................ 10
2.2.1 JavaScript.............................................................................................. 10
2.2.2 PHP....................................................................................................... 11
2.2.3 MySQLi ................................................................................................ 12
2.3 Sistem .......................................................................................................... 13
2.3.1 Konsep Dasar Sistem............................................................................ 13
2.3.2 Karakteristik Sistem.............................................................................. 16
2.3.3 Klasifikasi Sistem ................................................................................. 18

viii
2.4 Konsep Dasar Informasi.............................................................................. 20
2.4.1 Siklus Informasi.................................................................................... 21
2.4.2 Kualitas Informasi................................................................................. 23
2.5 Konsep Dasar Informasi.............................................................................. 24
2.6 Pengertian Website...................................................................................... 25
2.7 Aplikasi Web............................................................................................... 26
2.8 Tinjauan E-Learning.................................................................................... 27
2.8.1 Definisi E-Learning .............................................................................. 27
2.8.2 Pembelajaran dengan Perangkat Komputer.......................................... 28
2.8.3 Konsep E-Learning............................................................................... 28
2.8.4 Komponen E-Learning ......................................................................... 29
2.8.5 Fungsi E-Learning ................................................................................ 30
2.8.6 Jenis-jenis E-Learning .......................................................................... 32
2.8.7 Metode Penyampaian E-Learning ........................................................ 33
2.8.8 Kelebihan dan Kekurangan E-Learning ............................................... 35
BAB III ANALISIS DAN PERANCANGAN SISTEM ..................................... 38
3.1 Analisis Sistem............................................................................................ 38
3.1.1 Analisis Sistem Yang Berjalan ............................................................. 38
3.1.2 Analisis Masalah................................................................................... 39
3.2 Perancangan Sistem..................................................................................... 39
3.2.1 Diagram Konteks .................................................................................. 40
3.2.2 Data Flow Diagram............................................................................... 41
3.3 Perancangan Basis Data .............................................................................. 42
3.4 Perancangan Antar Muka ............................................................................ 52
3.5 Perancangan Output .................................................................................... 58
BAB IV IMPLEMENTASI DAN PENGUJIAN................................................. 60
4.1 Implementasi Sistem .............................................................................. 60
4.1.1 Perangkat Keras .................................................................................... 60
4.1.2 Perangkat Lunak ................................................................................... 60
4.2 Implementasi Database........................................................................... 61
4.3 Implementasi Antar Muka........................................................................... 62

ix
4.4 Implementasi Output ................................................................................... 68
4.5 Pengujian Sistem ......................................................................................... 71
4.6 Pengujian Akhir Sistem.......................................................................... 73
BAB V PENUTUP............................................................................................... 79
5.1 Kesimpulan.................................................................................................. 79
5.2 Saran............................................................................................................ 80
DAFTAR PUSTAKA ........................................................................................... 81

x
DAFTAR TABEL
Tabel 3. 1 Tabel User............................................................................................ 43
Tabel 3. 2 Tabel Berita.......................................................................................... 43
Tabel 3. 3 Tabel File Materi.................................................................................. 43
Tabel 3. 4 Tabel Jawaban...................................................................................... 44
Tabel 3. 5 Tabel Kode Kelas................................................................................. 44
Tabel 3. 6 Tabel Kelas Ajar .................................................................................. 45
Tabel 3. 7 Tabel Mata Pelajaran ........................................................................... 45
Tabel 3. 8 Tabel Mata Pelajaran Ajar ................................................................... 45
Tabel 3. 9 Tabel Nilai Essay ................................................................................. 46
Tabel 3. 10 Tabel Nilai Pilihan Ganda.................................................................. 46
Tabel 3. 11 Tabel Pengajar ................................................................................... 46
Tabel 3. 12 Tabel Siswa........................................................................................ 47
Tabel 3. 13 Tabel Soal Essay................................................................................ 48
Tabel 3. 14 Tabel Soal Pilihan Ganda................................................................... 48
Tabel 3. 15 Tabel Topik Quiz ............................................................................... 49
Tabel 3. 16 Nilai Tugas 1...................................................................................... 49
Tabel 3. 17 Nilasi Tugas 2 .................................................................................... 50
Tabel 3. 18 Nilai Tengah Semester....................................................................... 50
Tabel 3. 19 Tabel Nilai Akhir Semester................................................................ 51
Tabel 3. 20 Tabel Nilai Ujian Nasional ................................................................ 51

xi
DAFTAR GAMBAR
Gambar 3. 1 Diagram Konteks.............................................................................. 41
Gambar 3. 2 DFD Level 0..................................................................................... 41
Gambar 3. 3 DFD Level 1 Tambah Siswa............................................................ 42
Gambar 3. 4 DFD Level 1 Tambah Soal Pilihan Ganda....................................... 42
Gambar 3. 5 DFD Level 1 Tambah Materi........................................................... 42
Gambar 3. 6 Rancangan Antar Muka.................................................................... 52
Gambar 3. 7 Rancangan Halaman Utama............................................................. 52
Gambar 3. 8 Rancangan Halaman Login .............................................................. 53
Gambar 3. 9 Rancangan Login Siswa................................................................... 53
Gambar 3. 10 Rancangan Daftar Siswa ................................................................ 54
Gambar 3. 11 Rancangan Daftar Guru.................................................................. 54
Gambar 3. 12 Rancangan Tambah Kelas.............................................................. 55
Gambar 3. 13 Rancangan Tambah Mata Pelajaran............................................... 55
Gambar 3. 14 Rancangan Tambah Quiz ............................................................... 56
Gambar 3. 15 Rancangan Tambah File Materi ..................................................... 56
Gambar 3. 16 Rancangan Tambah Soal Pilihan Ganda ........................................ 57
Gambar 3. 17 Rancangan Tambah Soal Essay...................................................... 57
Gambar 3. 18 Rancangan Tambah Berita ............................................................. 58
Gambar 3. 19 Rancangan Laporan Daftar Pengajar.............................................. 58
Gambar 3. 20 Rancangan Laporan Hasil Ujian Siswa.......................................... 59

1
BAB I
PENDAHULUAN
1.1 Latar Belakang
SMK Bina Banua yang merupakan salah satu sekolah dengan berbasis
teknologi informasi. Sekolah ini memiliki fasilitas pembelajaran dan sarana
pendidikan yang cukup lengkap seperti laboratorium komputer dan tersedianya
koneksi internet.
Berdasarkan hasil wawancara terhadap beberapa pihak sekolah baik guru
maupun siswa terdapat beberapa kendala dalam pembelajaran di SMK Bina
Banua ini, dikatakan bahwa keterbatasan waktu di sekolah menjadi salah satu
pemicu kurangnya pemberian materi yang dilakukan oleh pihak guru yang
mengakibatkan siswa mengalami kesulitan untuk mendapatkan materi yang
diajarkan sebagai bahan pembelajaran.
Selain itu, siswa memiliki kendala emosional dimana siswa malu bertanya
disaat siswa tidak paham terhadap penyampaian materi yang diberikan guru
sehingga dapat menimbulkan kurangnya interaksi antara guru dan siswa
apalagi disaat guru berhalangan hadir yang dapat memperlambat kelancaran
proses belajar mengajar.
Terdapat kendala lainnnya seperti saat guru berhalangan hadir, guru belum
memiliki media penyimpanan pengumpulan tugas yang dapat menimbulkan
tugas siswa tersebut hilang atau tercampur dengan tugas siswa yang lainnya

2
sehingga dapat dilihat tidak tersedianya media penyimpanan dalam
pengumpulan tugas. Berdasarkan permasalahan yang dihadapi, sekolah
tersebut membutuhkan sebuah media pembelajaran lain yang dapat menunjang
pembelajaran diluar sekolah berbasis web dimana sistem pemberian materi dan
media pengumpulan tugas yang dapat dilakukan secara terkomputerisasi dan
dapat diakses kapanpun dan dimanapun sehingga akan memaksimalkan
pemberian materi yang dibutuhkan. Selain itu, sekolah membutuhkan media
yang dapat mengatasi keterbatasan waktu dalam interaksi antara guru dengan
siswa.
E-learning merupakan media yang tepat untuk menunjang proses pembelajaran
tersebut karena dengan e-learning memungkinkan setiap pengguna
berkontribusi aktif dalam menambah, menghapus, bahkan membagi materi
pembelajaran, pendapat maupun pertanyaan. Berdasarkan latar belakang yang
telah dipaparkan sebelumnya, maka penelitian skripsi ini diberi judul “E-
LEARNING BERBASIS WEB PADA SMK BINA BANUA”.
1.2 Perumusan Masalah
Bertitik tolak dari latar belakang diatas maka peneliti merumuskan
permasalahannya sebagai berikut:
1. Bagaimana mempermudah siswa mendapatkan materi pembelajaran.
2. Bagaimana merangsang siswa agar mau mengemukakan pendapat, terlebih
saat guru berhalangan hadir.

3
3. Bagaimana cara agar guru harus lebih inovatif dalam hal menyampaikan
materi pembelajaran.
4. Bagaimana cara agar guru mampu membuat pelajaran agar lebih flexible
dalam setiap pengumpulan tugas untuk siswa.
1.3 Ruang Lingkup
Adapun ruang lingkup yang akan penulis paparkan disini adalah
1. Sistem otentikasi dapat membedakan setiap user yang login dengan melihat
status yang dimiliki, apakah user seorang murid, guru atau admin.
2. Registrasi dari aplikasi e-learning dilakukan oleh siswa dan diterima oleh
admin.
3. Admin dapat melihat detail password siswa dan memberikan password jika
siswa lupa password tersebut.
4. Admin dan guru dapat membuat pengumuman yang dapat dilihat oleh
anggota dan pengunjung web.
5. Guru dapat meng-uploud modul pelajaran dan murid dapat mendownload
modul pelajaran tersebut.
6. Aplikasi ini hanya mengolah data untuk keperluan pembelajaran online,
tidak mengolah data untuk keperluan sistem akademik sekolah tersebut.
7. Aplikasi e-learning ini hanya sebagai suplemen bukan sebagai pengganti
sistem pembelajaran yang sudah ada.

4
8. Proses yang ada dalam aplikasi e-learning ini adalah proses pemberian tugas
siswa, proses penyediaan referensi materi dan modul-modul, proses
pemasukan data, dan proses pemberian nilai tugas.
9. Keluaran/Output yang dihasilkan aplikasi e-learning ini adalah informasi
materi pelajaran, informasi nilai, informasi kuis, informasi guru, informasi
siswa, dan informasi sekolah.
1.4 Tujuan dan Manfaat
Berdasarkan uraian latar belakang diatas, adapun tujuan penelitian ini
adalah :
1. Untuk memudahkan siswa dalam mendapatkan materi yang dapat di akses
dimanapun dan kapanpun.
2. Untuk memberikan sarana interaksi pembelajaran antara guru dengan siswa.
3. Untuk memberikan media penyimpanan pengumpulan tugas siswa.
Hasil pengembangan aplikasi e-learning ini diharapkan bermanfaat untuk :
1. Bagi Sekolah SMK Bina Banua media pembelajaran dalam menyampaikan
materi pembelajaran secara online maupun offline kepada siswa.
2. Bagi Siswa
Media pembelajaran yang dapat meningkatkan dalam motivasi belajar dan
mempermudah proses belajar secara individual.
3. Bagi Guru

5
Guru akan lebih mudah dalam penyampaikan materi dan metode
pembelajaran akan semakin bervariatif.
4. Bagi Peneliti
a. Sarana mengasah keterampilan dalam pengembangan pembelajaran e-
learning.
b. Menambah wawasan dan pengetahuan tentang media informatika.
c. Meningkatkan kemampuan dalam penggunaan software e-learning.
1.5 Sistematika Penulisan
Sistematika penulisan ini dimaksudkan untuk mempermudah bagi
penulis dalam menyusun skripsi:
BAB I PENDAHULUAN
Dalam bab ini dibahas tentang latar belakang masalah, perumusan masalah,
batasan masalah, tujuan penelitian, manfaat penelitian serta sistematika
penelitian.
BAB II TINJAUAN PUSTAKA
Dalam bab ini diuraikan tentang penelitian terkait, dan software yang
digunakan dan tinjauan umum.
BAB III ANALISIS DAN PERANCANGAN SISTEM
Dalam bab ini diterangkan mengenai analisa sistem berjalan, perancangan
sistem, perancangan basis data, perancangan antar muka, perancangan output

6
BAB IV IMPLEMENTASI DAN HASIL PENGUJIAN
Dalam bab ini diterangkan mengenai hasil implementasi dari aplikasi sistem
informasi dan pegujian sistem yang meliputi rencana pengujian dan pengujian
setiap form dalam sistem
BAB V PENUTUP
Dalam bab ini membahas mengenai kesimpulan tentang aplikasi dan sistem
infomasi serta saran terhadap pengembangan sistem sistem informasi

7
BAB II
TINJAUAN PUSTAKA
2.1 Penelitian Terkait
Penelitian terkait yang berhubungan dengan proses perancangan sistem
yang akan dibuat adalah sebagai berikut:
2.1.1 Perancangan Sistem Informasi E-Learning Berbasis Web di SMAN 1
Raja Galuh Majalengka (2014)
SMAN 1 Rajagaluh merupakan salah satu sekolah menengah atas yang
berada di daerah Kabupaten Majalengka, SMAN ini termasuk sekolah
menengah atas favorit, sehingga memiliki siswa yang cukup banyak.
Sekolah ini cukup lama berdiri sehingga banyak dikenal dan memiliki
tempat yang dekat dengan pemukiman warga. Selain itu SMAN 1
Rajagaluh memiliki SDM yang berkualitas dan pendidikan yang
memadai. Guru–guru di SMAN ini kebanyakan berpendidikan S1 dan
merupakan guru–guru senior yang telah mengabdi berpuluh puluh tahun
di SMAN 1 Rajagaluh. SMAN 1 Negri Rajagaluh mempunyai visi
“Menciptakan Insan yang Sehat, Cerdas, Kreatif, Mandiri, berlandaskan
Iman dan Taqwa serta Berwawasan Lingkungan”.
Dalam proses belajar mengajar di SMAN 1 Rajagaluh masih bertatap
muka atau langsung sehingga di rasa kurang efektif dan efisien di

8
karenakan masalah seperti, yang pertama kurang optimalnya proses
belajar mengajar di dalam kelas karena keterbatasan waktu.
Adapun saran e-learning yang dibangun pada SMAN 1 Rajagaluh
diantaranya soal yang dibuat hanya berupa multiple choice dan tidak bisa
menampilkan gambar pada soal.
2.1.2 Membangun Aplikasi E-Learning Berbasis Web di SMA NEGERI 3
Sumedang (2013)
SMA Negeri 3 Sumedang merupakan salah satu sekolah menengah atas
yang berada di Jalan Cipadung No.54 SMA Negeri 3 Sumedang
diharapkan meningkatkan kinerja dalam proses pembelajaran. Siswa dan
guru di SMA Negeri 3 Sumedang diharapkan untuk mampu mengikuti
proses pembelajaran dengan baik.
Berdasarkan observasi dan wawancara kepada wakasek kurikulum,
guru, dan siswa, proses pembelajaran yang berjalan di SMA Negeri
3 Sumedang saat ini adalah moving class atau siswa mencari ruang kelas
yang sesuai dengan jadwal pelajaran, sementara guru diam di ruang kelas
sesuai dengan pelajaran dan jadwal mengajarny siswa mengerjakan
tugasnya hanya bersumber pada LKS (Lembar Kerja Siswa) yang
diketahui bahwa materi yang terdapat didalam LKS kurang mendalam.
Tidak banyak sumber referensi pelajaran yang dimiliki oleh siswa. Sarana
informasi dan sumber referensi yang kurang menyebabkan siswa kesulitan
dalam melaksanakan proses belajar di kelas secara mandiri apabila guru

9
tidak hadir. SMA Negeri 3 Sumedang membutuhkan sebuah media
pembelajaran yang dapat menunjang atau membantu proses pembelajaran
dalam dan diluar kelas. E-learning merupakan sistem pendidikan yang
menggunakanan perangkat elektronik untuk memenuhi kebutuhan belajar
mengajar.
E-learning menggunakan teknologi untuk memindahkan keahlian,
pengetahuan dan perilaku guru untuk lebih dekat kepada siswanya dengan
cepat melalui forum diskusi ataupun bertukar pesan.
Adapun saran yang diberikan penulis adalah adanya timer dan session
pada pengerjaan soal sehingga siswa tidak dapat mengerjakan soal yang
sama pada waktu yang berbeda.
2.1.3 Pembangunan Aplikasi E-learning di SMA Negeri 4 Tasikmalaya
(2013)
Sebagai salah satu sekolah menengah atas terbaik di Kota
Tasikmalaya, SMA Negeri 4 Tasikmalaya berperan dalam
pengembangan ilmu pengetahuan khususnya di bidang Teknologi
Informasi. Hal ini bisa dilihat SMA Negeri 4 Tasikmalaya sudah
memiliki sistem informasi akademik. Namun, Selama ini semua proses
pembelajaran di SMA Negeri 4 Tasikmalaya masih bersifat
konvensional, dengan kata lain bahwa proses belajar mengajar antara
siswa dengan guru hanya dapat dilakukan dengan syarat terjadinya
pertemuan antara siswa dengan guru di dalam kelas. Jika pertemuan

10
antara siswa dengan guru tidak terjadi maka secara otomatis proses
pembelajaran pun tidak dapat dilaksanakan dan dapat berimbas pada
tidak akan tersampaikannya materi pelajaran kepada siswi.
Masalah lain yang muncul adalah kurangnya waktu dan tempat
komunikasi apabila ada hal yang belum dipahami. Apalagi, siswa
terkadang malu bertanya kepada guru di dalam kelas mengenai materi
yang diajarkan. Sehingga komunikasi siswa dan guru menjadi terhambat
dan akan berdampak pada nilai siswa itu sendiri. Kepala Sekolah pun
masih kesulitan dalam memonitoring aktifitas guru berdasarkan kegiatan
belajar mengajar. Belum adanya media yang menampilkan informasi
aktifitas guru dengan cepat dan mudah dipahami menjadi kendala dalam
proses monitoring. Maka perlu dibuat suatu aplikasi e-learning berbasis
web.
2.2 Landasan Teori
2.2.1 JavaScript
JavaScript pertama kali diperkenalkan oleh Netscape Inc. pada tanggal 4
Desember 1995. JavaScript ini merupakan pengembangan dari
LiveScript yang dibuat oleh seorang staf Netscape Inc. bernama Brendan
Eich pada bulan September 1995. Netscape memperkenalkan JavaScript
sebagai bahasa pemrograman yang mengijinkan halaman web menjadi
lebih interaktif. Bahasa ini awalnya hanya dapat digunakan pada aplikasi
browser buatan Netscape yaitu Netscape 2.0.

11
JavaScript dibangun dengan tujuan untuk memberikan sebuah bahasa
pemrograman yang kecil (dalam hal ukuran yang dihasilkan) serta
dinamis. Sejak tahun 1996, Netscape menyerahkan pembuatan
standardisasi JavaScript pada sebuah lembaga independen European
Computer Manufacturers Association (ECMA). Beberapa karakteristik
JavaScript antara lain :
a. Diterjemahkan oleh klien namun tidak dikompilasi.
b. Berbasis obyek, memanfaatkan obyek-obyek standar namun tidak
diperbolehkan membuat kelas atau turunan (inheritance) objek
tersebut.
c. Kodenya terintegrasi bahkan dapat disisipkan bersama dengan kode
HTML.
d. Tipe data dari variabel tidak dideklarasikan.
e. Pengikatan secara dinamis.
f. Referensi obyek hanya akan diperiksa ketika dijalankan.
g. Tidak dapat menuliskan ke dalam hardisk secara otomatis.
2.2.2 PHP
PHP adalah singkatan dari Hypertext Preprosesor yaitu bahasa
pemrograman web server-side yang bersifat open source. PHP
merupakan script yang terintegrasi dengan HTML dan berada pada
server. PHP adalah script yang digunakan untuk membuat halaman
website yang dinamis. Dinamis berarti halaman yang akan ditampilkan
di bentuk saat client melakukan pengaksesan halaman tersebut.

12
Mekanisme ini menyebabkan informasi yang diterima client selalu up to
date. Semua script PHP dieksekusi pada server dimana script tersebut
dijalankan. PHP mempunyai keunggulan di bandingkan dengan bahasa
pemrograman lain selain sebagai sebuah bahasa script yang tidak
melakukan sebuah kompilasi dalam penggunaanya, juga merupakan
scripting yang paling mudah dipelajari karena memiliki referensi yang
cukup banyak serta bersifat open source yang dapat digunakan di
berbagai sistem operasi.
2.2.3 MySQLi
Ekstensi ‘mysql’ adalah ekstensi asli yang didesain untuk mengizinkan
script PHP berinteraksi dengan database MySQL. Ekstensi ‘mysql’
menyediakan fungsi prosedural dan dimaksudkan hanya untuk
penggunaan versi MySQL 4.1.3 ke bawah. Ekstensi ini masih dapat
didukung oleh versi MySQL 4.1.3 dan selanjutnya, tetapi tidak semua
fitur didukung oleh server MySQL yang lebih baru. Dengan demikian,
jika anda menggunakan MySQL versi 4.1.3 atau setelahnya sangat
direkomendasikan untuk menggunakan ekstensi ‘mysqli’.
Ekstensi ‘mysqli’ disebut juga sebagai ekstensi MySQL yang unjuk
kerjanya ditingkatkan. Ekstensi ‘mysqli’ dikembangkan untuk memenuhi
fitur-fitur baru yang ditemukan dalam sistem MySQL versi 4.1.3 dan
setelahnya. Ekstensi ‘mysqli’ sudah disertakan pada PHP versi 5 dan
setelahnya. Ekstensi ‘mysqli’ mendukung antarmuka berorientasi objek
sekaligus antarmuka prosedural. Ekstensi ‘mysqli’ dibangun

13
menggunakan PHP extension framework, yang kode sumbernya dapat
ditemukan dalam direktori ext/mysqli.
Keuntungan-keuntungan yang bisa diperoleh jika menggunakan ekstensi
‘mysqli’ dalam mengkode program, yaitu:
a. Menyediakan antarmuka berorientasi objek.
b. Mendukung prepared statements.
c. Mendukung banyak statements (multiple statements)
d. Mendukung transaksi (transactions)
e. Kemampuan debugging yang lebih ditingkatkan
f. Dukungan server tertanam (embedded server)
2.3 Sistem
2.3.1 Konsep Dasar Sistem
Terdapat dua kelompok pendekatan di dalam mendefinisikan sistem,
yaitu yang menekankan pada prosedurnya dan yang menekankan pada
komponen atau elemennya. Pendekatan sistem yang lebih menekankan
pada prosedurnya mendefinisikan sistem sebagai suatu jaringan
kerja dari prosedur-prosedur yang saling berhubungan, berkumpul
bersama-sama untuk melakukan suatu kegiatan atau untuk
menyelesaikan suatu sasaran tertentu.
Menurut Abdul Kadir (2003:54) “Pada dasarnya, sistem adalah
sekumpulan elemen yang saling terkait atau terpadu yang dimaksud
untuk mencapai suatu tujuan. Sebagai gambaran, jika dalam sebuah

14
sistem terdapat elemen yang tidak memberikan manfaat dalam mencapai
tujuan yang sama, maka elemen tersebut dapat dipastikan bukanlah
bagian dari sistem. Sebagai contoh, gawang dalam sepak bola dan
keranjang dalam bola basket (masing- masing sebagai elemen) tidak bisa
membentuk sebuah sistem, karena tidak ada sistem permainan olahraga
yang memadukan kedua peralatan tersebut”.
Pendekatan sistem yang merupakan jaringan kerja dari prosedur lebih
menekankan urutan-urutan operasi di dalam sistem. Prosedur
(procedure) didefinisikan oleh Richard F. Neuschel sebagai suatu urut-
urutan operasi klerikal (tulis menulis), biasanya melibatkan beberapa
orang di dalam satu atau lebih departemen, yang diterapkan untuk
menjamin penanganan yang seragam dari transaksi-transaksi bisnis yang
terjadi.
Jerry Fitz Gerald, Ardra F. FitzGerald dan Warren D.Stallings, Jr,
mendefinisikan prosedur sebagai urut-urutan yang tepat dari tahapan-
tahapan instruksi yang menerangkan apa (what) yang harus dikerjakan
dan bagaimana (how) mengerjakannya. Pendekatan sistem yang lebih
menekankan pada elemen atau komponennya mendefinisikan sistem
sebagai kumpulan dari elemen-elemen yang berinteraksi untuk
mencapai suatu tujuan tertentu.
Kedua kelompok definisi ini adalah benar dan tidak bertentangan,
yang berbeda adalah cara pendekatannya. Mempelajari suatu sistem

15
akan lebih mengena bila mengetahui terlebih dahulu apakah suatu sistem
itu. Lebih lanjut pengertian tentang sistem pertama kali dapat diperoleh
dari definisinya. Dengan demikian definisi ini akan mempunyai
peranan yang penting di dalam pendekatan untuk mempelajari suatu
sistem. Pendekatan sistem yang merupakan kumpulan dari elemen-
elemen atau komponen-komponen atau subsistem-subsistem merupakan
definisi yang lebih luas.
Definisi ini lebih banyak diterima, karena kenyataannya suatu sistem
dapat terdiri dari beberapa subsistem atau sistem-sistem bagian.
Komponen-komponen atau subsistem-subsistem dalam suatu sistem
tidak dapat berdiri lepas sendiri-sendiri. Komponen-komponen atau
subsistem-subsistem saling berinteraksi dan saling berhubungan
membentuk satu kesatuan sehingga tujuan atau sasaran sistem tersebut
dapat tercapai.
Suatu sistem mempunyai maksud tertentu. Ada yang menyebutkan
maksud dari suatu sistem adalah untuk mencapai suatu tujuan (goal) dan
ada yang menyebutkan untuk mencapai suatu sasaran (objectives). Goal
biasanya dihubungkan dengan ruang lingkup yang lebih luas dan sasaran
dalam ruang lingkup yang lebih sempit. Bila merupakan suatu sistem
utama, seperti misalnya sistem bisnis, maka istilah goal lebih tepat
diterapkan, tergantung dari ruang lingkup dari mana memandang sistem
tersebut. Sering kali tujuan dan sasaran digunakan bergantian dan tidak
dibedakan.

16
2.3.2 Karakteristik Sistem
Menurut Al-Bahra Bin Ladjamudin (2005:3), “Suatu sistem mempunyai
karakteristik atau sifat-sifat tertentu, yaitu mempunyai komponen-
komponen, batas sistem, lingkungan luar sistem, penghubung, masukan,
keluaran, pengolah dan sasaran atau tujuan”.
Suatu sistem mempunyai karakteristik atau sifat-sifat yang tertentu, yaitu
mempunyai komponen-komponen (components), batas sistem
(boundary), lingkungan luar sistem (environments), penghubung
(interface), masukan (input), keluaran (output), pengolah (process), dan
sasaran (objectives) atau tujuan (goal).
1. Saling berinterksi, yang artinya saling bekerja sama membentuk
satu kesatuan. Komponen-komponen sistem atau elemen-elemen
sistem dapat berupa suatu subsistem atau bagian-bagian dari sistem.
Setiap sistem tidak perduli betapapun kecilnya, selalu mengandung
komponen-komponen atau subsistem-subsistem. Setiap subsistem
mempunyai sifat- sifat dari sistem untuk menjalankan suatu fungsi
tertentu dan mempengaruhi proses sistem secara keseluruhan. Suatu
sistem dapat mempunyai suatu sistem yang lebih besar yang disebut
dengan supra sistem. Kalau dipandang industri sebagai suatu sistem,
maka perusahaan dapat disebut sebagai subsistem.
2. Batas Sistem (boundary) merupakan daerah yang membatasi antara
suatu system dengan system yang lainnya atau dengan lingkungan
luarnya. Batas sistem ini memungkinkan suatu sistem dipandang

17
sebagai satu kesatuan. Batas suatu sistem menunjukan ruang lingkup
(scope) dari sistem tersebut.
3. Lingkungan Luar Sistem (environment), adalah apapun diluar batas
dari sistem yang mempengaruhi operasi sistem. Lingkungan luar
sistem dapat bersifat menguntungkan dan dapat juga bersifat
merugikan sistem tersebut. Lingkungan luar yang menguntungkan
merupakan energi dari sistem dan dengan demikian harus tetapi dijaga
dan dipelihara. Sedang lingkungan luar yang merugikan harus ditahan
dan dikendalikan, kalau tidak maka akan mengganggu kelangsungan
hidup dari sistem.
4. Penghubung Sistem (interface) merupakan media penghubung antara
satu subsistem dengan subsistem yang lainnya. Melalui penghubung
ini memungkinkan sumber-sumber daya mengalir dari satu subsistem
ke subsistem yang lainnya. Keluaran (output) dari satu subsistem akan
menjadi masukan (input) untuk subsistem yang lainnya dengan
melalui penghubung. Dengan penghubung satu subsistem dapat
berintegrasi dengan subsistem yang lainnya membentuk satu
kesatuan.
5. Masukan Sistem (input) adalah energi yang dimasukkan ke dalam
sistem. Masukan dapat berupa masukan perawatan (maintenance
input) dan masukan sinyal (signal input). Maintenance input adalah
energi yang diproses untuk didapatkan keluaran. Contoh di dalam
sistem komputer, program adalah maintenance input yang digunakan

18
untuk mengoperasikan komputernya dan data adalah signal input
untuk diolah menjadi informasi.
6. Pengolah Sistem, suatu sistem dapat mempunyai suatu bagian
pengolah yang akan merubah masukan menjadi keluaran. Suatu
sistem produksi akan mengolah masukan berupa bahan baku dan
bahan-bahan yang lain menjadi keluaran berupa bahan jadi.
7. Sasaran Sistem, suatu sistem pasti mempunyai tujuan (goal) atau
sasaran (objective). Jika suatu sistem tidak mempunyai sasaran, maka
operasi sistem tidak akan ada gunanya. Sasaran dari sistem sangat
menentukan sekali masukan yang dibutuhkan sistem dan keluaran
yang akan dihasilkan sistem. Suatu sistem dikatakan berhasil bila
mengenai sasaran atau tujuanya.
2.3.3 Klasifikasi Sistem
Sistem dapat diklasifikasikan dari beberapa sudut pandang,
diantaranya sebagai berikut :
1. Sistem diklasifikasikan sebagai system abstrak (abstrak system) dan
sistem fisik (physical system). Sistem abstrak adalah sistem yang
berupa pemikiran atau ide-ide yang tidak tampak secara fisik.
Misalnya sistem teologia, yaitu system yang berupa pemikiran-
pemikiran hubungan antara manusia dengan Tuhan. Sistem fisik
merupakan sistem yang ada secara fisik. Misalnya sistem komputer,
sistem akuntansi, sistem produksi dan lain sebagainya.

19
2. Sistem diklasifikasikan sebagai sistem alamiah (natural system)
dan sistem buatan manusia (human made system). Sistem alamiah
adalah sistem yang terjadi melalui proses alam, tidak dibuat manusia.
Misalnya system perputaran bumi. Sistem buatan manusia adalah
sistem yang dirancang oleh manusia. Sistem buatan manusia yang
melibatkan interaksi antara manusia dengan mesin disebut dengan
human-machine system atau ada yang menyebut dengan man-machine
system. Sistem informasi merupakan contoh man-machine system,
karena menyangkut penggunaan komputer yang berinteraksi dengan
manusia.
3. Sistem diklasifikasikan sebagai sistem tertentu (deterministic system)
dan sistem tak tentu (probabilistic system). Sistem tertentu beroperasi
dengan tingkah laku yang sudah dapat diprediksi. Interaksi diantara
bagian-bagiannya dapat dideteksi dengan pasti, sehingga keluaran
dari sistem dapat diramalkan, sistem komputer adalah contoh dari
sistem tertentu yang tingkah lakunya dapat dipastikan berdasarkan
program-program yang dijalankan. Sistem tak tentu adalah sistem
yang kondisi masa depannya tidak dapat diprediksi karena
mengandung unsur probabilitas.
4. Sistem diklasifikasikan sebagai sistem tertutup (closed system) dan
sistem terbuka (open system). Sistem tertutup merupakan sistem yang
tidak berhubungan dan tidak berpengaruh dengan lingkungan luarnya.
Sistem ini bekerja secara otomatis tanpa adanya turut campur tangan

20
dari pihak diluarnya. Secara teoritis sistem tertutup ini ada, tetapi
kenyataanya tidak ada sistem yang benar-benar tertutup, yang ada
hanyalah relatively closed system (secara relatip tertutup, tidak benar-
benar tertutup). Sistem terbuka adalah sistem yang berhubungan dan
terpengaruh dengan lingkungan luarnya. Sistem ini menerima
masukan dan menghasilkan keluaran untuk lingkungan luar atau
subsistem yang lainnya. Karena sistem sifatnya terbuka dan
terpengaruh oleh lingkungan luarnya, maka suatu sistem harus
mempunyai suatu sistem pengendalian yang baik. Sistem yang baik
harus dirancang sedemikian rupa, sehingga secara relatif tertutup
karena sistem tertutup akan bekerja secara otomatis dan terbuka hanya
untuk pengaruh yang baik saja.
2.4 Konsep Dasar Informasi
Informasi ibarat darah yang mengalir di dalam tubuh suatu organisasi, sehingga
informasi ini sangat penting di dalam suatu organisasi. Suatu sistem yang
kurang mendapatkan informasi akan menjadi luruh, kerdil dan akhirnya
berakhir. Informasi (information) dapat didefinisikan sebagai data yang diolah
menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimanya.
Sumber dari informasi adalah data.
Data merupakan bentuk jamak dari bentuk tunggal datum atau data-item.
Data adalah kenyataan yang menggambarkan suatu kejadian-kejadian dan
kesatuan nyata. Kejadian-kejadian (event) adalah sesuatu yang terjadi pada saat

21
yang tertentu. Di dalam dunia bisnis, kejadian-kejadian nyata yang sering
terjadi adalah perubahan dari suatu nilai yang disebut dengan transaksi.
Kesatuan nyata (fact dan entity) adalah berupa suatu obyek nyata seperti
tempat, benda dan orang yang betul-betul ada dan terjadi.
Abdul Kadir (2003:32) mengungkapkan bahwa hal yang terpenting
untuk membedakan informasi dengan data, informasi itu mempunyai
kandungan “makna”, data tidak. Pengertian makna disini merupakan hal yang
sangat penting, karena berdasarkan maknalah si penerima dapat memahami
informasi tersebut dan secara lebih jauh dapat menggunakannya untuk menarik
suatu kesimpulan atau bahkan mengambil keputusan.
2.4.1 Siklus Informasi
Data merupakan bentuk yang masih mentah yang belum dapat
berceritera banyak, sehingga perlu diolah lebih lanjut. Data diolah
melalui suatu model untuk dihasilkan informasi. Kegiatan suatu
perusahaan, misalnya dari hasil transaksi penjualan oleh sejumlah
salesman, dihasilkan sejumlah faktur-faktur yang merupakan data dari
penjualan pada suatu periode tertentu. Faktur-faktur penjualan tersebut
masih belum dapat bercerita banyak kepada manajemen. Demi keperluan
pengambilan keputusan, maka faktur-faktur tersebut perlu diolah lebih
lanjut untuk menjadi suatu informasi. Setelah data transaksi penjualan
diolah, beraneka ragam informasi dapat dihasilkan darinya, misalnya :

22
1. Informasi berupa laporan penjualan tiap-tiap salesman, berguna bagi
manajemen untuk menetapkan besarnya komisi dan bonus.
2. Informasi berupa laporan penjualan tiap-tiap daerah, berguna bagi
manajemen untuk pelaksaan promosi dan pengiklanan;
3. Informasi berupa laporan penjualan tiap-tiap jenis barang, berguna
bagi manajemen untuk mengevaluasi barang yang tidak atau kurang
laku terjual.
Data diolah untuk menghasilkan informasi menggunakan suatu model
proses yang tertentu. Misalnya data temperature ruangan yang didapat
adalah dalam satu derajad Fahrenheit dan data ini masih dalam bentuk
yang kurang berarti bagi penerimanya yang terbiasa dengan satuan
derajad celcius. Supaya dapat lebih berarti dan berguna dalam bentuk
informasi, maka perlu diolah dengan melalui suatu model tertentu. Hal
ini dipergunakan model matematik yang berupa rumus konversi dari
satuan derajad Fahrenheit menjadi satuan derajad Celcius.
Data yang diolah melalui suatu model menjadi informasi, penerima
kemudian menerima informasi tersebut, membuat suatu keputusan dan
melakukan tindakan, yang berarti menghasilkan suatu tindakan yang lain
yang akan membuat sejumlah data kembali. Data tersebut akan ditangkap
sebagai input, diproses kembali lewat suatu model dan seterusnya
membentuk suatu siklus. Siklus ini oleh John Burch disebut dengan
siklus informasi (information cycle). Siklus ini disebut juga dengan siklus
pengolahan data (data processing cycles).

23
2.4.2 Kualitas Informasi
Kualitas dari suatu informasi (quality of information) tergantung dari
tiga hal, yaitu informasi harus akurat (accurate), tepat pada waktunya
(timeliness) dan relevan (relevance). John Burch dan Gary Grudnitski
menggambarkan kualitas dari informasi dengan bentuk bangunan yang
ditunjang oleh tiga buah pilar. Akurat, berarti informasi kesalahan-
kesalahan dan tidak bisa atau menyesatkan arti informasi harus jelas
mencerminkan maksudnya. Informasi harus akurat karena dari sumber
informasi sampai ke penerima informasi kemungkinan banyak terjadi
gangguan (noise) yang dapat merubah atau merusak informasi tersebut.
Tepat pada waktunya, berarti informasi yang datang pada penerima tidak
boleh terlambat. Informasi yang sudah usang tidak akan mempunyai nilai
lagi.
Informasi merupakan landasan di dalam pengambilan keputusan.
Bila pengambilan keputusan terlambat, maka dapat berakibat fatal
untuk organisasi. Dewasa ini mahalnya nilai informasi disebabkan harus
cepatnya informasi tersebut didapat, sehingga diperlukan teknologi-
tekbologi mutakhir untuk mendapatkan, mengolah dan mengirimkannya.
Relevan, berarti informasi tersebut mempunyai manfaat untuk
pemakainya. Relevansi informasi untuk tiap-tiap orang satu dengan yang
lainnya berbeda. Misalnya informasi mengenai sebab-musabab
kerusakan mesin produk kepada akuntan perusahaan adalah kurang
relevan dan akan lebih relevan bila ditujukan kepada ahli teknik

24
perusahaan. Sebaliknya informasi mengenai harga pokok produksi untuk
ahli teknik merupakan informasi yang kurang relevan, tetapi relevan
untuk akuntan.
Nilai dari informasi (value of information) ditentukan dari dua hal,
yaitu manfaat dan biaya mendapatkannya. Suatu informasi dikatakan
bernilai bila manfaatnya lebih efektif dibandingkan dengan biaya
mendapatkannya. Akan tetapi perlu diperhatikan bahwa informasi yang
digunakan di dalam suatu sistem informasi umumnya digunakan untuk
beberapa kegunaan.
Sehingga tidak memungkinkan dan sulit untuk menghubungkan
suatu bagian informasi pada suatu masalah yang tertentu dengan biaya
untuk memperolehnya, karena sebagian besar informasi dinikmati tidak
hanya oleh satu pihak di dalam perusahaan. Lebih lanjut sebagian besar
informasi tidak dapat persis ditaksir keuntungannya dengan suatu nilai
uang, tetapi dapat ditaksir nilai efektivitasnya. Pengukuran nilai
informasi biasanya dihubungkan dengan analisis cost effectivities atau
cost benefit.
2.5 Konsep Dasar Informasi
Secara umum sistem informasi dapat diartikan sebagai suatu sistem yang
dibuat manusia yang terdiri dari komponen–komponen dalam organisasi yang
pada saat dilaksanakan akan memberikan informasi bagi pengambil keputusan

25
atau untuk mengendalikan organisasi bahkan untuk kegiatan strategi
organisasi.
Organisasi menggunakan sistem informasi untuk mengolah transaksi-
transaksi atau kegiatan-kegiatan organisasi agar lebih mudah dan cepat, dengan
begitu suatu informasi yang didapatkan akan bernilai manfaatnya karena lebih
efektif dibandingkan dengan biaya mendapatkannya. Sebagian besar informasi
tidak dapat ditaksir keuntungannya dengan satuan nilai uang tetapi ditaksir
nilai efektivitasnya karena secara otomatis dengan keefektifannya sebuah
organisasi bisa mengurangi biaya dan bias menghasilkan pendapatan yang
maksimal sesuai target organisasi.
Menurut Jogiyanto dalam bukunya (2005 : 36), tujuan dari sistem informasi
adalah menghasilkan informasi. Tugas dari sistem informasi adalah untuk
melakukan siklus pengolahan data. Untuk melakukan siklus ini, maka
sebagai suatu sistem diperlukan komponen-komponen tertentu.
2.6 Pengertian Website
Secara terminologi, website adalah kumpulan dari halaman-halaman situs,
yang biasanya terangkum dalam sebuah domain atau subdomain, yang
tempatnya 26 berada di dalam World Wide Web (WWW) di Internet. Sebuah
halaman web adalah dokumen yang ditulis dalam format HTML (Hyper Text
Markup Language), yang hampir selalu bisa diakses melalui HTTP, yaitu
protokol yang menyampaikan informasi dari server website untuk ditampilkan
kepada para pemakai melalui web browser. Semua publikasi dari website-

26
website tersebut dapat membentuk sebuah jaringan informasi yang sangat
besar.
Halaman-halaman dari website akan bisa diakses melalui sebuah URL yang
biasa disebut Homepage. URL ini mengatur halaman-halaman situs untuk
menjadi sebuah hirarki, meskipun, hyperlink-hyperlink yang ada di halaman
tersebut mengatur para pembaca dan memberitahu mereka susunan
keseluruhan dan bagaimana arus informasi ini berjalan. Beberapa website
membutuhkan subskripsi (data masukan) agar para user bisa mengakses
sebagian atau keseluruhan isi website tersebut. Contohnya, ada beberapa situs-
situs bisnis, situs- situs e-mail gratisan, yang membutuhkan subkripsi agar kita
bisa mengakses situs tersebut.
2.7 Aplikasi Web
Dalam rekayasa perangkat lunak, suatu aplikasi web (web application atau
sering disingkat webapp) adalah suatu aplikasi yang diakses menggunakan
penjelajah web melalui suatu jaringan seperti Internet atau intranet.
Ia juga merupakan suatu aplikasi perangkat lunak komputer yang
dikodekan dalam 27 bahasa yang didukung penjelajah web (seperti HTML,
JavaScript, AJAX, Java, dll) dan bergantung pada penjelajah tersebut untuk
menampilkan aplikasi. Kemampuan untuk memperbarui dan memelihara
aplikasi web tanpa harus mendistribusikan dan menginstalasi perangkat lunak
pada kemungkinan ribuan komputer klien merupakan alasan kunci

27
popularitasnya. Aplikasi web yang umum misalnya webmail, toko online (e-
commerce).
2.8 Tinjauan E-Learning
2.8.1 Definisi E-Learning
Definisi e-learning seringkali berubah–ubah seiring dengan
kemajuan teknologi pada masa kini. Berbagai pendapat dikemukakan
untuk dapat mendefinisikan e-learning secara tepat.
Marc Jeffrey Rosenberg (2001), dalam bukunya menyatakan bahwa
e-learning merujuk pada pemanfaatan teknologi internet untuk
pemecahan masalah yang menyeluruh yang meningkatkan pengetahuan
dan kinerja.
Soekartawi, Haryono dan Librero (2002) mendefinisikan e-learning
sebagai berikut: e-learning adalah sebuah istilah umum untuk teknologi
yang mendukung pembelajaran, seperti telepon, audio dan video,
teleconference, transmisi satelit, dan web-based training atau bantuan
instruksi komputer.
Jaya Kumar C. Koran (2002) dalam makalahnya menyatakan e-
learning sebagai berikut: e-learning adalah suatu pengajaran dan
pembelajaran yang menggunakan rangkaian elektronik (LAN, WAN,
atau internet) untuk penyampaian isi materi dan interaksi.

28
2.8.2 Pembelajaran dengan Perangkat Komputer
E-learning disampaikan dengan memanfaatkan perangkat komputer.
Pada umumnya perangkat dilengkapi perangkat multimedia, dengan cd
drive dan koneksi Internet ataupun Intranet lokal. Dengan memiliki
komputer yang terkoneksi dengan intranet ataupun Internet, pembelajar
dapat berpartisipasi dalam e-learning. Jumlah pembelajar yang bisa ikut
berpartisipasi tidak dibatasi dengan kapasitas kelas. Materi pelajaran
dapat diketengahkan dengan kualitas yang lebih standar dibandingkan
kelas konvensional yang tergantung pada kondisi dari pengajar.
2.8.3 Konsep E-Learning
Metode pengajaran tradisional masih kurang efektif jika dibandingkan
dengan metode pengajaran modern. Sistem e-learning diharapkan bukan
sekedar menggantikan tetapi diharapkan pula untuk dapat menambahkan
metode dan materi pengajaran tradisional seperti diskusi dalam kelas,
buku, cd-rom dan pelatihan computer non internet. Berbagai elemen
yang terdapat dalam sistem e-learning adalah :
1. Soal-soal materi dapat disediakan dalam bentuk modul, adanya soal-
soal yang disediakan dan hasil pengerjaannya dapat ditampilkan.
Hasil tersebut dapat dijadikan sebagai tolak ukur dan siswa
mendapatkan apa yang dibutuhkan.
2. Komunitas : para siswa dapat mengembangkan komunitas online
untuk memperoleh dukungan dan berbagi informasi yang saling
menguntungkan.

29
3. Pengajar online : para pengajar selalu online dengan jadwal yang telah
ditentukan, untuk memberikan arahan kepada para siswa, menjawab
pertanyaan dan membantu dalam diskusi.
4. Kesempatan bekerja sama : adanya perangkat lunak yang dapat
mengatur pertemuan online sehingga belajar dapat dilakukan
secara bersamaan atau realtime tanpa kendala jarak.
5. Multimedia : penggunaan teknologi audio dan video dalam
penyampaian materi sehingga menarik minat dalam belajar.
Pembelajaran e-learning, fokus utamanya adalah siswa. Siswa
perlu mandiri pada waktu – waktu tertentu dan bertanggung jawab pada
pembelajarannya. Suasana pembelajaran e-learning akan memaksa siswa
memainkan peranan yang lebih aktif dalam pembelajarannya.
2.8.4 Komponen E-Learning
Beberapa komponen yang membentuk e-learning adalah :
1. Infrastruktur e-learning. Infrastruktur e-learning dapat berupa PC,
jaringan komputer, internet, dan perlengkapan multimedia. Termasuk
di dalamnya peralatan teleconference apabila kita memberikan
layanan synchronous learning melalui teleconference.
2. Sistem dan Aplikasi e-learning. Sistem perangkat lunak yang mem-
virtualisasi proses belajar mangajar konvesional. Bagaimana
manajemen kelas, pembuatan materi atau konten, forum diskusi,
sistem penilaian (KHS), sistem ujian online dan segala fitur yang
berhubungan dengan manajemen proses belajar mengajar. Sistem

30
perangkat lunak tersebut sering disebut dengan Learning Management
System (LMS), seperti Moodle, Dokeos, Atutor, dll. Tetapi di dalam
penulisan ini penulis ingin membuat suatu aplikasi LMS sendiri yang
lebih sederhana.
3. Konten e-Learning. Konten dan bahan ajar yang ada pada Learning
Management System bisa dalam bentuk Multimedia-based Content
(konten berbentuk multimedia interaktif) atau Text-based
Content (konten berbentuk teks seperti pada buku pelajaran biasa).
Konten ini bisa disimpan dalam E-learning Management System
sehingga dapat diakses oleh siswa kapanpun dan dimanapun.
Sedangkan aktor/pelaku yang ada dalam pelaksanaan e-learning
boleh dikatakan sama dengan proses belajar mengajar konvesional,
yaitu :
1. Dosen, guru (instruktur) yang membimbing.
2. Siswa, mahasiswa yang menerima bahan ajar secara khusus.
3. Administrator yang mengelola administrasi dan proses belajar
mengajar.
2.8.5 Fungsi E-Learning
Terdiri 3 fungsi E-learning terhadap kegiatan pembelajaran yaitu :
1. Suplemen (Tambahan).
Dikatakan berfungsi sebagai suplemen (tambahan), apabila peserta
didik mempunyai kebebasan memilih, apakah akan memanfaatkan
materi e-learning atau tidak. Dalam hal ini. Tidak ada

31
kewajiban/keharusan bagi peserta didik untuk mengakses materi e-
learning. Sekalipun sifatnya opsional, peserta didik yang
memanfaatkannya tentu akan memiliki tambahan pengetahuan atau
wawasan.
2. Komplemen (Pelengkap).
Dikatakan berfungsi sebagai komplemen (pelengkap), apabila materi
e-learning diprogramkan untuk melengkapi materi pembelajaran
yang diterima peserta didik. Sebagai komplemen berarti materi e-
learning diprogramkan untuk menjadi materi reinforcement
(pengayaan) atau remedial bagi perserta didik di dalam mengikuti
kegiatan pembelajaran konvesional.
Materi e-learning dikatakan sebagai enrichment, apabila kepada
peserta didik yang dapat dengan cepat menguasai/memahami materi
pelajaran yang disampaikan instruktur secara tatap muka (fast
learners) diberikan kesempatan untuk mengakses materi e-learning
yang memang secara khusus dikembangkan untuk mereka. Tujuannya
agar semakin memantapkan tingkat penguasaan peserta didik terhadap
materi pelajaran yang disajikan instruktur.
Dikatakan sebagai program remedial, apabila kepada peserta didik
yang mengalami kesulitan memahami pelajaran yang disajikan
instruktur secara tatap muka di kelas (slow learners) diberikan
kesempatan untuk memanfaatkan materi e-learning yang memang

32
secara khusus dirancang untuk mereka. Tujuannya agar peserta
didik semakin lebih mudah memahami materi pelajaran yang
disajikan instruktur.
2.8.6 Jenis-jenis E-Learning
Berdasarkan teknologi informatika yang digunakan e-learning
dikelompokkan berdasarkan basis teknologi sebagai berikut :
1. Computer Based Training (CBT).
Basis utama proses belajar mengajar ini adalah Program
Komputer (Software), yang biasa dipakai untuk belajar secara
interaktif dan fleksibel. Biasanya software–software pelajaran ini
berisikan bagian-bagian multimedia, seperti animasi dan juga
bagian-bagian tools sebagai alat untuk menyelesaikan soal-soal
latihan.
Bagian multimedia biasanya digunakan untuk menjelaskan
bahan-bahan pelajaran dan menjadikannya mudah dimengerti oleh
pengguna. Menggunakan tools yang disediakan maka pengguna
mempunyai kesempatan untuk mencoba soal-soal latihan tanpa
batasan jumlah dan tingkat kesulitannya. Sistem CBT ini mulai
berkembang ditahun 80-an dan masih berkembang terus sampai
sekarang. Hal ini ditunjang antara lain oleh perkembangan sistem
animasi yang kian menarik dan realistis (misalnya sistem animasi
3D). Selain untuk pelajar, sistem ini pun digemari oleh perusahan –
perusahan untuk mendidik karyawannya.

33
Namun, pada e-learning dengan konsep ini, komunikasi yang
terjadi hanya komunikasi 1 (satu) arah.
2. Web Based Training (WBT)
Sistem ini merupakan perkembangan lanjutan dari CBT dan
berbasis teknologi internet. Sehingga dengan menggunakan konsep
ini, dapat terjadi komunikasi 2 (dua) arah antar pengguna. Namun
lancarnya proses belajar dengan menggunakan sistem ini bergantung
kepada infrastruktur jaringan kecepatan tinggi. Namun kendala
penerapan konsep ini terletak pada kenyataan bahwa memang
jaringan internet di negara kita masih belum merata.
Salah satu komponen WBT yang sangat digemari adalah video -
conferencing, yaitu dimana siswa dan pengajar dapat langsung
mendiskusikan semua hal tanpa harus bertemu muka secara
langsung. Sistem ini berkembang pesat di negara-negara maju dan
dapat dimanfaatkan sebagai alat belajar mengajar di virtual classes
ataupun virtual universities.
2.8.7 Metode Penyampaian E-Learning
Metode penyampaian bahan ajar pada e-learning ada dua yaitu :
1. Synchronous Training.
Synchronous training adalah tipe pelatihan/pengajaran,
dimana proses pembelajaran terjadi pada saat yang sama ketika
pengajar sedang mengajar dan siswa sedang belajar.

34
Hal tersebut memungkinkannya interaksi langsung antara
pengajar dan siswa, baik melalui internet maupun intranet.
Pelatihan e-learning synchronous lebih banyak digunakan
pada seminar atau konferensi yang pesertanya berasal dari
berbagai daerah. Penggunaan tersebut sering pula dinamakan web
conference atau webinar (web seminar) dan sering digunakan
kelas atau kuliah universitas online.
Synchronous training mengharuskan pengajar dan semua
siswa mengakses internet bersamaan. Pengajar memberikan
makalah dengan slide presentasi dan peserta web conference
dapat mendengarkan presentasi melalui hubungan internet.
Pesertapun dapat mengajukan pertanyaan atau komentar melalui
chat window.
Jadi, synchronous training sifatnya mirip pelatihan di ruang
kelas, namun kelasnya bersifat virtual (maya) dan peserta
tersebar di berbagai daerah dan terhubung melalui internet. Oleh
karena itu, synchronous training sering pula dinamakan virtual
classroom.
2. Asynchronous Training.
Asynchrous training merupakan kebalikan dari synchronous
training, yaitu tipe pelatihan, dimana proses pembelajarannya
terjadi tidak pada waktu yang bersamaan. Jadi, seseorang dapat

35
mengambil pelatihan pada waktu yang berbeda dengan pengajar
memberikan pelatihan.
Pelatihan ini lebih populer di dunia e-learning karena
memberikan keuntungan lebih bagi peserta pelatihan karena dapat
mengakses pelatihan kapanpun dan dimanapun.
Pelatihan berupa paket pelajaran yang dapat dijalankan
dikomputer manapun dan tidak melibatkan interaksi dengan
pengajar atau pelajar lain. Oleh karena itu, pelajar dapat memulai
pelajaran dan menyelesaikannya setiap saat. Paket pelajaran
berbentuk bacaan dengan animasi, simulasi, permainan edukatif,
maupun latihan atau tes dengan jawabannya.
Akan tetapi, ada pelatihan asynchronous training yang
terpimpin, dimana pengajar memberikan materi pelajaran lewat
internet dan peserta pelatihan mengakses materi pada waktu yang
berlainan. Pengajar dapat pula memberikan tugas atau latihan dan
peserta mengumpulkan tugas lewat e-mail. Peserta dapat berdiskusi
atau berkomentar dan bertanya melalui bulletin board.
2.8.8 Kelebihan dan Kekurangan E-Learning
Kelebihan - kelebihan yang ada dalam penerapan e-learning antara
lain :
1. Tersedianya fasilitas e-moderating dimana pengajar dan siswa dapat
berkomunikasi secara mudah melalui fasilitas internet secara regular

36
atau kapan saja kegiatan berkomunikasi itu dilakukan dengan tanpa
dibatasi oleh jarak, tempat dan waktu.
2. Pengajar dan siswa dapat menggunakan bahan ajar atau petunjuk
belajar yang terstruktur dan terjadwal melalui internet, sehingga
keduanya bisa saling menilai sampai berapa jauh bahan ajar dipelajari.
3. Siswa dapat belajar atau me-review bahan ajar setiap saat dan dimana
saja kalau diperlukan mengingat bahan ajar tersimpan dikomputer.
4. Bila siswa memerlukan tambahan informasi yang berkaitan dengan
bahan yang dipelajarinya, ia dapat melakukan akses di internet secara
lebih mudah.
5. Baik pengajar maupun siswa dapat melakukan diskusi melalui
internet yang dapat diikuti dengan jumlah peserta yang banyak,
sehingga menambah ilmu pengetahuan dan wawasan yang lebih luas.
6. Berubahnya peran siswa dari yang biasanya pasif menjadi aktif.
7. Relatif lebih efisien. Misalnya bagi mahasiswa yang tinggal jauh dari
perguruan tinggi, bagi mahasiswa yang sibuk bekerja, bagi mahasiswa
yang bertugas di luar kota atau luar negeri, dan lain sebagainya.
Kelebihan – kelebihan yang ada, e-learning juga tidak terlepas
dari berbagai kekurangan, yaitu :
1. Kurangnya interaksi antara pengajar dan siswa atau bahkan antar
siswa itu sendiri. Kurangnya interaksi ini bisa memperlambat
terbentuknya values dalam proses belajar dan mengajar.

37
2. Kecenderungan mengabaikan aspek akademik atau aspek social
dan sebaliknya mendorong tumbuhnya aspek bisnis/komersial.
3. Proses belajar dan mengajarnya cenderung kearah pelatihan dari
pada pendidikan.
4. Berubahnya peran pengajar dari semula menguasai teknik
pembelajaran konvesional, kini juga dituntut mengetahui teknik
pembelajaran yang menggunakan ICT (Information &
Communication Technology).
5. Siswa yang tidak mempunyai motivasi belajar yang tinggi
cenderung gagal.
6. Tidak semua tempat tersedia fasilitas internet (mungkin hal ini
berkaitan dengan masalah tersedianya listrik, telepon ataupun
komputer).
7. Kurangnya tenaga yang mengetahui dan memiliki keterampilan
soal –soal internet.

38
BAB III
ANALISIS DAN PERANCANGAN SISTEM
3.1 Analisis Sistem
Analisis sistem (systems analysis) dapat didefinisikan sebagai penguraian dari
suatu sistem informasi yang utuh ke dalam bagian-bagian komponennya
dengan maksud untuk mengidentifikasikan dan mengevaluasi permasalahan-
permasalahan, kesempatan-kesempatan, hambatan-hambatan yang terjadi dan
kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-
perbaikannya.
3.1.1 Analisis Sistem Yang Berjalan
Sistem pembelajaran yang saat ini digunakan di SMK Bina Banua
Selama ini para guru dan murid melakukan proses belajar mengajar
cuma pada saat berlangsungnya jam sekolah dan setelah itu tidak ada
komunikasi lagi. Bagi para murid yang berhalangan datang ke sekolah
tentu akan ketinggalan materi pelajaran dan informasi penting yang
diberikan oleh para guru.
Kadang informasi yang disampaikan bisa tentang jadwal kuis atau
ulangan harian ataupun tugas-tugas sehingga keefektifan dalam proses
belajar mengajar tidak tercipta dengan baik. Keadaan seperti ini sangat
jelas menghambat proses pembelajaran di SMK Bina Banua yang dapat
berakibat kurangnya pemahaman siswa tentang materi pelajaran Selain

39
itu, setiap guru dan murid tentu ingin mendapatkan informasi terbaru
seputar sekolah setiap harinya, akan tetapi dengan sistem yang ada
sekarang para guru dan murid harus datang langsung ke sekolah untuk
mendapakan informasi terbaru walaupun pada hari libur sekalipun.
Pembuatan sistem baru diharapkan juga dapat berfungsi lebih baik
dari sistem yang sudah ada sehingga dengan sistem ini memberikan
kemudahan kepada guru dan karyawan sekolah untuk mengelola
pendataan siswa dan kegiatan belajar mengajar.
3.1.2 Analisis Masalah
Permasalahan yang dihadapi dalam proses belajar mengajar SMK
Bina Banua adalah :
1. Belum memiliki sarana untuk membagikan materi ke seluruh murid,
menyampaikan materi dan pengumuman di luar jam sekolah dan
pada hari libur.
2. Siswa kurang motivatif dalam belajar secara individual
3. Penyampaian materi pembelajaran kurang bervariatif
4. Sosialisasi dan pelatihan kepada siswa SMK Bina Banua dari pihak
pusat terkait ujian nasional berbasis Computer Based Test (CBT)
3.2 Perancangan Sistem
Perancangan sistem di sini menggunakan tools data flow diagram
(DFD). Data Flow Diagram (DFD) adalah alat pembuatan model yang
memungkinkan profesional sistem untuk menggambarkan sistem sebagai suatu

40
jaringan proses fungsional yang dihubungkan satu sama lain dengan alur data,
baik secara manual maupun komputerisasi. DFD ini sering disebut juga dengan
nama Bubble chart, Bubble diagram, model proses, diagram alur kerja, atau
model fungsi. DFD merupakan salah satu alat pembuatan model yang sering
digunakan, khususnya bila fungsi-fungsi sistem merupakan bagian yang lebih
penting dan kompleks dari pada data yang dimanipulasi oleh sistem. Dengan
kata lain, DFD adalah alat pembuatan model yang memberikan penekanan
hanya pada fungsi sistem atau alat perancangan sistem yang berorientasi pada
alur data dengan konsep dekomposisi dapat digunakan untuk penggambaran
analisa maupun rancangan sistem yang mudah dikomunikasikan oleh
profesional sistem kepada pemakai maupun pembuat program.
3.2.1 Diagram Konteks
Diagram konteks adalah diagram level tertinggi dari DFD yang
menggambarkan hubungan sistem dengan lingkungan luarnya. Berikut
ini rancangan diagram konteks untuk sistem yang diusulkan.

41
Gambar 3. 1 Diagram Konteks
3.2.2 Data Flow Diagram
Diagram ini adalah dekomposisi dari diagram konteks berupa level
0, level 1 dan seterusnya. Berikut ini rancangan data flow diagram level
0 dari sistem yang diusulkan
Gambar 3. 2 DFD Level 0

42
Gambar 3. 3 DFD Level 1 Tambah Siswa
Gambar 3. 4 DFD Level 1 Tambah Soal Pilihan Ganda
Gambar 3. 5 DFD Level 1 Tambah Materi
3.3 Perancangan Basis Data
Tabel yang terdapat dalam basis data yang digunakan dalam sistem yang akan
dibangun dapat dilihat pada tabel-tabel berikut.

43
3.3.1 Tabel User
Tabel 3. 1 Tabel User
Kolom Jenis Kosong Komentar
id_admin int(11) Tidak Primary
nama_lengkap varchar(50) Tidak
Alamat Text Tidak
no_telp varchar(15) Tidak
Email varchar(100) Ya
Username varchar(40) Tidak
Password varchar(40) Tidak
Level enum Tidak
3.3.2 Tabel Berita
Tabel 3. 2 Tabel Berita
id_berita int(11) Tidak Primary
Judul varchar(50) Tidak
Isi varchar(50) Tidak
tgl_posting Date Tidak
Penerbit varchar(10) Tidak
Status Enum Tidak
3.3.3 Tabel File Materi
Tabel 3. 3 Tabel File Materi
id_materi int(11) Tidak Primary

44
3.3.4 Tabel Jawaban
Tabel 3. 4 Tabel Jawaban
3.3.5 Tabel Kode Kelas
Tabel 3. 5 Tabel Kode Kelas
nama_kelas varchar(50) Ya
Ruang varchar(20) Ya
wali_kelas int(5) Ya
ketua_kelas int(5) Ya
Judul varchar(200) Tidak
id_kelas int(4) Tidak
id_mapel varchar(20) Tidak
nama_file varchar(250) Tidak
tgl_posting Date Tidak
Pembuat varchar(10) Tidak
Hits int(4) Tidak
Id int(11) Tidak Primary
id_tq varchar(50) Tidak
id_soal varchar(50) Tidak
id_siswa Date Tidak
Jawaban varchar(10) Tidak

45
3.3.6 Tabel Kelas Ajar
Tabel 3. 6 Tabel Kelas Ajar
id_kelas int(5) Ya
id_pengajar int(5) Ya
Keterangan varchar(200) Ya
3.3.7 Tabel Mata Pelajaran
Tabel 3. 7 Tabel Mata Pelajaran
kode_mapel varchar(10) Ya
maple varchar(100) Ya
3.3.8 Tabel Mata Pelajaran Ajar
Tabel 3. 8 Tabel Mata Pelajaran Ajar
id_mapel varchar(15) Tidak
id_kelas int(5) Tidak
id_pengajar int(5) Tidak
keterangan varchar(200) Ya
3.3.9 Tabel Nilai Essay

46
Tabel 3. 9 Tabel Nilai Essay
id_tq int(5) Tidak
id_siswa int(5) Tidak
nilai double Ya
3.3.10 Tabel Nilai Pilihan Ganda
Tabel 3. 10 Tabel Nilai Pilihan Ganda
id_tq int(4) Tidak
id_siswa int(4) Tidak
benar int(4) Tidak
salah int(4) Tidak
tidak_dikerjakan int(4) Tidak
presentase int(6) Tidak
3.3.11 Tabel Pengajar
Tabel 3. 11 Tabel Pengajar
id_pengajar int(11) Tidak Primary
nip varchar(20)
nama_lengkap varchar(50)
tempat_lahir varchar(20)
tgl_lahir date

47
jenis_kelamin enum
agama varchar(20)
no_telp varchar(15)
email varchar(100)
alamat text
jabatan enum
foto varchar(100)
web varchar(60)
status enum
3.3.12 Tabel Siswa
Tabel 3. 12 Tabel Siswa
id_siswa int(11) Tidak Primary
nis varchar(20)
nama_lengkap varchar(50)
tempat_lahir varchar(20)
tgl_lahir date
jenis_kelamin enum
agama varchar(20)
nama_ayah varchar(50)
nama_ibu varchar(50)
no_telp varchar(15)
email varchar(100)
alamat varchar(100)
id_kelas varchar(5)

48
thn_masuk int(5)
foto varchar(100)
status enum
3.3.13 Tabel Soal Essay
Tabel 3. 13 Tabel Soal Essay
id_essay int(11) Tidak Primary
id_tq int(5)
pertanyaan text
gambar varchar(100)
tgl_buat date
3.3.14 Tabel Soal Pilihan Ganda
Tabel 3. 14 Tabel Soal Pilihan Ganda
id_pilgan int(11) Tidak Primary
id_tq int(5)
pertanyaan text
gambar varchar(100)
pil_a text
pil_b text
pil_c text
pil_d text
pil_e text
kunci varchar(2)

49
tgl_buat date
3.3.15 Tabel Topik Quiz
Tabel 3. 15 Tabel Topik Quiz
id_tq int(11) Tidak Primary
judul varchar(100)
id_kelas int(5)
id_mapel int(5)
tgl_buat date
pembuat varchar(10)
waktu_soal int(8)
info varchar(250)
status Enum
3.3.16 Tabel Nilai Tugas 1
Tabel 3. 16 Nilai Tugas 1
id int(4) Tidak Primary
id_tq int(4)
id_siswa int(4)
benar int(4)
salah int(4)
id int(4)
tidak_dikerjakan int(4)
persentase int(4)

50
3.3.17 Tabel Nilai Tugas 2
Tabel 3. 17 Nilasi Tugas 2
id_tq int(4)
id_siswa int(4)
benar int(4)
salah int(4)
id int(4)
persentase int(4)
3.3.18 Tabel Nilai Tengah Semester
Tabel 3. 18 Nilai Tengah Semester
id_tq int(4)
id_siswa int(4)
benar int(4)
salah int(4)
id int(4)
persentase int(4)
id int(4)

51
3.3.19 Tabel Nilai Akhir Semester
Tabel 3. 19 Tabel Nilai Akhir Semester
id_tq int(4)
id_siswa int(4)
benar int(4)
salah int(4)
id int(4)
persentase int(4)
3.3.20 Tabel Nilai Akhir Semester
Tabel 3. 20 Tabel Nilai Ujian Nasional
id_tq int(4)
id_siswa int(4)
benar int(4)
salah int(4)
id int(4)
persentase int(4)

52
3.4 Perancangan Antar Muka
Desain Input dan Output disini menampilkan tampilan input dan
tampilan keluaran dari program yang dirancang.
Gambar 3. 6 Rancangan Antar Muka
3.4.1 Rancangan Halaman Utama
Gambar 3. 7 Rancangan Halaman Utama

53
3.4.2 Rancangan Halaman Login Admin dan Guru
Gambar 3. 8 Rancangan Halaman Login
3.4.3 Rancangan Login Siswa
Gambar 3. 9 Rancangan Login Siswa

54
3.4.4 Rancangan Daftar Siswa
Gambar 3. 10 Rancangan Daftar Siswa
3.4.5 Rancangan Tambah Daftar Guru
Gambar 3. 11 Rancangan Daftar Guru

55
3.4.7 Rancangan Tambah Kelas
Gambar 3. 12 Rancangan Tambah Kelas
3.4.9 Rancangan Tambah Mata Pelajaran
Gambar 3. 13 Rancangan Tambah Mata Pelajaran

56
3.4.11 Rancangan Tambah Quiz
Gambar 3. 14 Rancangan Tambah Quiz
3.4.13 Rancangan Tambah File Materi
Gambar 3. 15 Rancangan Tambah File Materi

57
3.4.15 Rancangan Tambah Soal Pilihan Ganda
Gambar 3. 16 Rancangan Tambah Soal Pilihan Ganda
3.4.17 Rancangan Tambah Soal Essay
Gambar 3. 17 Rancangan Tambah Soal Essay

58
3.4.19 Rancangan Tambah Berita
Gambar 3. 18 Rancangan Tambah Berita
3.5 Perancangan Output
3.5.1 Rancangan Laporan Daftar Pengajar
Gambar 3. 19 Rancangan Laporan Daftar Pengajar

59
3.5.2 Rancangan Data Nilai Siswa Yang Mengikuti Ujian
Gambar 3. 20 Rancangan Laporan Hasil Ujian Siswa

60
BAB IV
IMPLEMENTASI DAN PENGUJIAN
4.1 Implementasi Sistem
4.1.1 Perangkat Keras
Perangkat keras yang digunakan untuk implementasi sistem informasi e-
learning ini adalah sebagai berikut:
a. Komputer Xeon Dual-Core 3.6 GHz
b. RAM 4 GB
c. Harddisk 1000 GB
d. Mikrotik Router Board RB110
e. Switch Gigabit
f. LCD Monitor
g. Keyboard, mouse
4.1.2 Perangkat Lunak
Perangkat lunak yang digunakan untuk implementasi sistem informasi
ini adalah sebagai berikut:
a. Sistem Operasi Windows Server 2012
b. XAMPP ( Apache dan MySQL )
c. Sublime Text
d. SQL Yog
e. Navicat

61
4.2 Implementasi Database
Implementasi database untuk aplikasi sistem informasi e-learning pada SMK
Bina Banua menggunakan bantuan web server dari XAMPP dengan
mengaktifkan Apache dan MySQL. Untuk mengakses database dilakukan
pada browser Mozila yaitu dengan mengetikkan alamat
http://localhost/phpmyadmin.
Gambar 4. 1 PhpMy Admin
Pada halaman utama phpMyAdmin ditampilkan beberapa database yang akan
digunakan dalam penyimpanan data, untuk sistem informasi E-Learning.

62
Gambar 4. 2 Tabel E-Learning
4.3 Implementasi Antar Muka
4.3.1 Implementasi Halaman Depan
Pada awal aplikasi di akses pada url http//localhost/skripsi/e-learning
akan muncul halaman depan
Gambar 4. 3 Implementasi Halaman Depan

63
4.3.2 Implementasi Login Halaman Admin dan Guru
Pada awal aplikasi di akses pada url http//localhost/skripsi/e-learning/admin
akan muncul form login yang digunakan untuk login admin
Gambar 4. 4 Implementasi Login Admin dan Guru
4.3.3 Implementasi Login Siswa
Pada awal aplikasi di akses pada url http//localhost/skripsi/e-learning/
akan muncul form login yang digunakan untuk login siswa

64
Gambar 4. 5 Implementasi Login Siswa
4.3.4 Implementasi Siswa Aktif
Pada halaman ini ditampilkan data – data siswa yang aktif dan terdaftar
dalam sistem e-learning
Gambar 4. 6 Implementasi Siswa Aktif
4.3.5 Implementasi Kelas
Pada halaman ini admin / pengajar dapat menambahkan kelas beserta
nama ruangan yang akan di ajarkan kepada siswa.

65
Gambar 4. 7 Implementasi Kelas
4.3.6 Implementasi Mata Pelajaran
Pada halaman ini admin / pengajar dapat menambahkan mata pelajaran
yang akan di ajarkan kepada siswa.
Gambar 4. 8 Implementasi Mata Pelajaran

66
4.3.7 Implementasi Quiz
Pada halaman ini admin / pengajar dapat menambahkan quiz yang akan
di ajarkan kepada siswa.
Gambar 4. 9 Implementasi Quiz
4.3.8 Implementasi Materi
Pada halaman ini admin / pengajar dapat menambahkan materi yang akan
di ajarkan kepada siswa.

67
Gambar 4. 10 Implementasi Materi
4.3.9 Implementasi Soal Pilihan Ganda
Pada halaman ini admin / pengajar dapat menambahkan soal pilihan
ganda yang akan di ajarkan kepada siswa.
Gambar 4. 11 Implementasi Soal Pilihan Ganda
4.3.10 Implementasi Soal Essay
Pada halaman ini admin / pengajar dapat menambahkan soal essay yang
akan di ajarkan kepada siswa.

68
Gambar 4. 12 Soal Essay
4.3.11 Implementasi Berita
Pada halaman ini admin / pengajar dapat menambahkan berita yang
akan di ajarkan kepada siswa.
Gambar 4. 13 Implementasi Berita
4.4 Implementasi Output
4.4.1 Implementasi Laporan Daftar Pengajar

69
Pada halaman ini admin / pengajar dapat mencetak data keseluruhan
admin / pengajar yang aktif maupun yang tidak aktif.
Gambar 4. 14 Implementasi Laporan Data Guru
4.4.2 Implementasi Laporan Data Siswa
Pada halaman ini admin / pengajar dapat mencetak data keseluruhan
siswa yang aktif maupun yang tidak aktif.

70
Gambar 4. 15 Implementasi Laporan Data Siswa
4.4.3 Implementasi Data Nilai Siswa Yang Mengikuti Ujian
Pada halaman ini admin / pengajar dapat mencetak data nilai
keseluruhan siswa yang mengikuti ujian
Gambar 4. 16 Implementasi Laporan Hasil Yang Mengikuti Ujian

71
4.4.4 Implementasi Keaktifan Online Siswa
Pada halaman ini terlihat jumlah persentasi keaktifan siswa yang
menggunakan e-learning
Gambar 4. 17 Keaktifan Online Siswa
4.5 Pengujian Sistem
Pengujian perangkat lunak ini menggunakan metode pengujian Black Box.
Pengujian Black Box berfokus pada persyaratan atau kebutuhan fungsional
perangkat lunak yang dibuat. Rencana pengujian aplikasi sistem informasi E-
Learning SMK Bina Banua menggunakan data uji berupa beberapa data
masukan yang diperoleh dari sekolah dan pengisian data dilakukan pada sistem
informasi yang telah dibuat, untuk lengkapnya dapat dilihat tabel di bawah ini.
Tabel 4. 1 Rencana Pengujian Aplikasi
No Item Uji Detail Pengujian
Jenis
Pengujian
1 Login Verifikasi Login Black Box
2 Data Siswa Tambah Siswa Black Box

72
Edit Siswa Black Box
Hapus Siswa Black Box
3 Data Guru
Tambah Guru Black Box
Edit Guru Black Box
Hapus Guru Black Box
4 Data Kelas
Tambah Kelas Black Box
Edit Kelas Black Box
Hapus Kelas Black Box
5 Data Mata Pelajaran
Tambah Mata Pelajaran Black Box
Edit Mata Pelajaran Black Box
Hapus Mata Pelajaran Black Box
6 Data Quiz Ganda
Tambah Soal Ganda Black Box
Edit Soal Ganda Black Box
Hapus Soal Ganda Black Box
7 Data Quiz Essay
Tambah Quiz Essay Black Box
Edit Quiz Essay Black Box
Hapus Quiz Essay Black Box
8 Data Materi Tambah Materi Black Box

73
Edit Materi Black Box
Hapus Materi Black Box
9 Data Berita
Tambah Berita Black Box
Edit Berita Black Box
Hapus Berita Black Box
4.6 Pengujian Akhir Sistem
Berdasarkan rencana pengujian yang telah disusun, maka dapat dilakukan
pengujian sebagai berikut:
1. Pengujian Form Login
Tabel 4. 2 Tabel Pengujian Form Login
Kasus dan Hasil Uji (Data Normal)Data
Masukkan
Hasil Yang Diharapkan Pengamatan Kesimpulan
Username:
admin
Password :
admin
Apabila tombol login di
klik maka, aplikasi akan
dilanjutkan dengan
membuka menu utama
Data login sesuai
data masukkan, dan
berhasil login
Berhasil

74
2. Pengujian Data Tambah
Tabel 4. 3 Tabel Pengujian Data Tambah
Masukkan
Hasil Yang Diharapkan Pengamatan Kesimpulan
Jenis :
User
Profile:
Siswa
Data tersimpan ke dalam
table siswa
Data baru berhasil di
tambahkan
Berhasil
Jenis : Guru
Tambah:
Pengajar
table pengajar
Data yang di inputkan
sesuai di simpan ke
database
Berhasil
Jenis :
Admin
Tambah:
Manajemen
Kelas
table kelas
sesuai di simpan ke
database
Berhasil
Jenis :
Admin
Tambah:
Mata
Pelajaran
table maple
sesuai di simpan ke
database
Berhasil
Jenis :
Admin
Tambah:
Manajemen
Soal Ganda
table soal pilgan
sesuai di simpan ke
database
Berhasil

75
Jenis :
Admin
Tambah:
Manajemen
Soal Essay
table soal essay
sesuai di simpan ke
database
Berhasil
Jenis :
Admin
Tambah:
Manajemen
Materi
table file materi
sesuai di simpan ke
database
Berhasil
Jenis :
Admin
Tambah:
Berita
table berita
sesuai di simpan ke
database
Berhasil
3. Pengujian Data Edit
Tabel 4.4 Tabel Pengujian Data Edit
Kasus dan Hasil Uji (Data Normal)Data Edit Hasil Yang Diharapkan Pengamatan
Kesimpulan
Jenis :
Guru
Edit:
Pengajar
table pengajar
sesuai di simpan ke
database
Berhasil
Jenis :
Admin
Edit:
Manajemen
Kelas
table kelas
sesuai di simpan ke
database
Berhasil

76
Jenis :
Admin
Edit:
Mata
Pelajaran
table maple
sesuai di simpan ke
database
Jenis :
Admin
Edit:
Manajemen
Soal Ganda
table soal pilgan
sesuai di simpan ke
database
Berhasil
Jenis :
Admin
Edit:
Manajemen
Soal Essay
table soal essay
sesuai di simpan ke
database
Berhasil
Jenis :
Admin
Edit:
Manajemen
Materi
table file materi
sesuai di simpan ke
database
Berhasil
Jenis :
Admin
Edit:
Berita
table berita
sesuai di simpan ke
database
Berhasil

77
4. Pengujian Data Hapus
Tabel 4.5 Tabel Pengujian Data Hapus
Hapus
Hasil Yang Diharapkan
Pengamatan Kesimpulan
Jenis :
Guru
Hapus:
Pengajar
Data terhapus ke dalam
table pengajar
sesuai di simpan ke
database
Berhasil
Jenis :
Admin
Hapus:
Manajemen
Kelas
table kelas
sesuai di simpan ke
database
Berhasil
Jenis :
Admin
Hapus:
Mata
Pelajaran
table mapel
sesuai di simpan ke
database
Jenis :
Admin
Hapus:
Manajemen
Soal Ganda
table soal pilgan
sesuai di simpan ke
database
Berhasil
Jenis :
Admin
Hapus:
Manajemen
Soal Essay
table soal essay
sesuai di simpan ke
database
Berhasil

78
Jenis :
Admin
Hapus:
Manajemen
Materi
table file materi
sesuai di simpan ke
database
Berhasil
Jenis :
Admin
Hapus:
Berita
table berita
sesuai di simpan ke
database
Berhasil

79
BAB V
PENUTUP
5.1 Kesimpulan
Setelah melakukan penelitian dalam kegiatan proses e-learning pada SMK
Bina Banua dan berdasarkan hasil dari keseluruhan yang telah di bahas
sebelumnya, maka dapat ditarik kesimpulan yang diperoleh, yaitu:
1. Sebelum dibuat aplikasi e-learning, siswa SMK Bina Banua sulit
untuk mendapatkan informasi secara langsung mengenai kegiatan belajar
mengajar.
2. Sesudah dibuat aplikasi e-learning, siswa SMK Bina Banua mudah untuk
mendapatkan informasi secara langsung mengenai kegiatan belajar
mengajar, karena ketika guru memberikan informasi tentang kegiatan
pembelajaran melalui e-learning, maka siswa dapat mengetahui
informasi tentang pembelajaran tersebut secara langsung dan dimanapun.
3. Dihasilkan produk aplikasi e-learning dimana e-learning dapat diakses
secara online melalui alamat http://cbt.one-service.org bisa diakses dengan
mengklik tombol e-learning yang tersedia di web, namun hanya untuk siswa
yang telah memiliki username dan password saja.
4. Hasil uji coba dengan menggunakan metode black-box menunjukkan bahwa
Aplikasi E-learning yang di buat tidak terdapat kesalahan navigasi dan
access database dan sesuai dengan design yang dirancang.

80
5.2 Saran
Sistem informasi e-learning ini masih jauh dari kesempurnaan dan masih
banyak kekuranganya. Oleh karena itu perlu dilakukan pengembangan dan
penyempurnaan lebih lanjut. Adapun saran agar sistem ini dapat berfungsi
lebih baik lagi yaitu :
1. Menambah fitur chat agar mempermudah admin dalam melayani tugas
siswa secara mudah
2. Menambah fitur peringkat dengan algoritma tertentu, agar memudahkan
seleksi siswa prestasi.
3. Menambah fitur acak jawaban, dengan alogitma tertentu.

81
DAFTAR PUSTAKA
Abdul Kadir, 2003. Pengenalan Sistem Informasi. Andi Offset. Yogyakarta.
Arsyad, Azhar. 2002. Media Pembelajaran. Jakarta: Bumi Aksara.
Bin Ladjamudin, Al bahra. 2005. Konsep Sistem Basis Data dan
Impelemntasinya. Graha Ilmu. Yogyakarta
Horton, William Kendall. 2006. E-learning by Design. Michigan: John Wiley and
Sons.
Jaya Kumar C. Koran, Aplikasi ‘E-Learning’ Dalam Pengajaran Dan
Pembelajaran Di Sekolah-Sekolah Malaysia: Cadangan Perlaksanaan
Pada Senario Masa Kini, Pasukan Projek Rintis Sekolah Bestari
Bahagian Teknologi Pendidikan, Kementerian Pendidikan Malaysia.
Jogiyanto, HM. 2005. Analisis dan Desain Sistem Informasi. Andi Offset.
Yogyakarta. Jogiyanto, HM. 2005. Sistem Teknologi Informasi. AndiOffset.
Yogyakarta.
Marc Jeffrey Rosenberg, 2001. Konsep Sistem E-Learning
Soekartawi, Haryono dan Libero 2002. Konsep Sistem E-Learning

Skipsi e-learning berbasis web pada smk bina banua

More Related Content

What's hot

Similar to Skipsi e-learning berbasis web pada smk bina banua

More from Een Pahlefi

Skipsi e-learning berbasis web pada smk bina banua