Download - 4982-7910-1-PB
PEMBUATAN WEBSITE E – LEARNING UNTUK MENINGKATKAN
KUALITAS PEMBELAJARAN DI SMK HAMONG PUTERA II PAKEM
TUGAS AKHIR
Disusun Oleh :
Subektiningsih 07.01.2268
Joni Kiskandar 07.01.2291
JURUSAN TEKNIK INFORMATIKA
SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER
A M I K O M
YOGYAKARTA
2010
Pembuatan Website E-Learning untuk Meningkatkan Kualitas Pembelajaran
di SMK Hamong Putera II Pakem
Website Creation E-Learning to Improve the Quality Learning
at SMK Hamong Putera II Pakem
Subektiningsih, Joni Kiskandar, Armadyah Amborowati Jurusan Diploma III Teknik Informatika
STMIK AMIKOM Yogyakarta
ABSTRACT
Use of the website in the world of education is an example of e-learning is
often called Web Based Training (WBT). Utilization of these websites have the time efficiency and speed of delivery of the desired information. So SMK Putera Hamong use website as a means of improving the quality of the school.
E-learning website in SMK Putera II Pakem Hamong It contains about all the information relating to the school. Websites can be used to upload and download materials. In addition the website can be used for working online test. Online test consists of three subjects, namely Mathematics, Indonesian, and English. Each progress test online, students can see the ultimate value of these test results. In the e-learning system only Hamong SMK Putera II Pakem processing facility that can utilize an online test. This is because NIS is used to login the system.
Making a website using Adobe Dreamweaver as the editor of design and coding. Adobe Photoshop is used to edit images, create a header that is used as a complement to view website. MySQL used as database system. Apache is used as a web server. While the Web browser used to display the website.
Keywords: smk hamong putera, smk hp pakem, web e-learning, online test, informatic technology.
1. Pendahuluan
Pengunaan website dalam dunia pendidikan merupakan contoh e-learning yang
sering disebut dengan Web Based Training (WBT). Pemanfaatan website tersebut
memiliki efisiensi waktu dan kecepatan penyampaian informasi yang diinginkan.
Tidak terbatas oleh waktu dan lingkup sekolah saja.
Website e-learning merupakan sarana yang dapat digunakan untuk mewujudkan
tujuan dan mengatasi masalah tersebut. Sehingga menulis bermaksud menciptakan
sistem e-learning web based dengan mengangkat judul “Pembuatan Website E-
Learning Untuk Meningkatkan Kualitas Pembelajaran Di SMK Hamong Putera
II Pakem”.
2. Dasar Teori
2.1 Tinjauan Pustaka
Penelitian yang relevan dengan Tugas Akhir “Pembuatan Website E-learning
Untuk Meningkatkan Kualitas Pembelajaran Di SMK Hamong Putera II Pakem”
adalah Skripsi yang disusun oleh Ariansa Deby Prasetiyo yang berjudul
“Pembangunan Website E-learning Di SMA GAMA Yogyakarta“. Dalam skripsi
tersebut berisi tentang pembangunan website e-learning. Membahas tentang analisisi
PIECES (Perfomance, Information, Economic, Control, Eficiency, Service), analisis
kelayakan, analisis biaya dan manfaat, dan rancangan sistem.
2.2 Pengertian Sistem
Sistem adalah suatu kumpulan atau himpunan dari unsur atau variabel-variabel
yang saling terorganisasi, saling berinteraksi, dan saling bergantung sama lain.
Pendekatan sistem minimal harus mempunyai empat komponen, yaitu input,
processing, output, control. Mc. Leod (1995) mendefinisikan “Sistem sebagai
sekelompok elemen-elemen yang terintegrasi dengan maksud yang sama untuk
mencapai suatu tujuan.”1
2.3 Kebutuhan Sistem (System Requirement)
1. Kebutuhan Fungsional : Kebutuhan fungsional adalah jenis kebutuhan
yang berisi proses-proses apa saja yang nantinya dilakukan oleh sistem.
2. Kebutuhan Non – Fungsional : Kebutuhan non-fungsional adalah tipe
kebutuhan yang berisi properti perilaku yang dimiliki oleh sistem.
2.4 Analisis dan Perancangan Sistem
2.4.1 Analisis Sistem
2.4.2 Perancangan Sistem
2.5 Implementasi
2.6 Perancangan Database 2.6.1 Model Ketergantungan Entitas ( Entity Relationship Diagram )
Entity Relationship Diagram (ERD) merupakan permodelan konseptual yang
mendiskripsikan hubungan antar data dalam bentuk diagram.
1 Hanif Al Fatta. Analisis dan Perancangan Sistem Informasi untuk Keunggulan Bersaing Perusahaan dan Organisasi Modern. hal. 4
2.7 Konsep E-Learning
2.7.1 Pengertian E-Learning
E-learning dapat didefinisikan sebagai usaha untuk sebuah transformasi proses
belajar mengajar yang ada di sekolah ke dalam bentuk digital yang dijembatani oleh
teknologi internet.2 E-learning mempunyai tiga fungsi pembelajaran, yaitu :3
1. Suplemen (Tambahan)
2. Komplemen (Pelengkap)
3. Substitusi (Pengganti)
2.7.2 Keuntungan dan Keterbatasan E-Learning4
Manfaat yang diperoleh adalah dengan kegiatan e-Learning dimungkinkan
berkembangnya fleksibilitas belajar yang tinggi. Keterbatasannya adalah Terdapat
orang merasa tidak nyaman belajar melalui komputer. Biaya investasi yang besar.
2.8 Konsep Dasar Internet
Internet pada dasarnya adalah kumpulan-kumpulan komputer yang saling
berhubungan dengan komputer yang lain melalui koneksi yang tersedia. Jarak fisik
antar komputer sangat jauh (dapat antar kota, negara bahkan sampai lintas benua).5
2 Onno W.Purbo dan Antonius A.Hartanto. Teknologi E – Learning Berbasis PHP dan Mysql. Jakarta. 2002. Hal 1
3 Arnold Liandro. Solidpdf.com 4 Ridwan Hainim. Konsep e-learning. Blog Pribadi. 2009.
5 Andi Maseleno. Kamus Istilah Komputer. Kuliah umum. IlmuKomputer.com. 2004.
2.9 Konsep Dasar Situs Web
Website adalah suatu koleksi dokumen HTML pribadi atau perusahaan dalam
server web. Sebuah server web dapat berisi lebih dari satu situs.6 Untuk mengakses
sebuah web diperlukan URL.
2.10 Sistem Software untuk Pengembangan Website
2.10.1 Bahasa Pemrograman
2.10.1.1 Hypertext Markup Language (HTML)
Hypertext Markup Language (HTML) adalah format dokumen yang digunakan
dalam world wide web (www).
2.10.1.2 Pretext Hyper – Processor (PHP)
PHP adalah bahasa scripting yang menyatu dengan HTML dan dijalankan pada
server side. Artinya semua sintaks yang diberikan akan sepenuhnya dijalankan pada
server sedangkan yang dikirimkan ke browser hanya hasilnya saja.
2.10.2 Database MySql
2.10.3 Macromedia Dreamweaver
2.10.4 Web Server
2.10.5 Web Browser
3. Gambaran Umum dan Analisis Sistem
3.1 Gambaran Umum
6 Ibid. Hal 24.
SMK Hamong Putera II Pakem adalah sekolah yang berdiri pada tahun 1986
dengan program keahlian instalasi listrik. Tujuan Pendidikan Menengah Kejuruan
adalah meningkatkan kecerdasan pengetahuan, kepribadian, akhlak mulia, serta
ketrampilan untuk hidup mandiri dan mengikuti pendidikan lebih lanjut sesuai
dengan kejuruannya.
3.2 Analisis Sistem
3.2.1 Analisis Sistem Fungsional
Kebutuhan fungsional website e-learning SMK Hamong Putera II Pakem
yaitu website e-learning dapat melakukan update informasi sekolah, pendataan
tentang akademik, pendataan siswa, pendataan guru dan karyawan, dapat digunakan
untuk memuat komentar, pembelajaran secara online, registrasi calon pengguna
sistem e-learning, melakukan poling, upload materi pembelajaran, download materi
pembelajaran, dan dapat melakukan login admin untuk mengelola content website.
3.2.2 Analisis Sistem Non-Fungsional
1. Operasional a. Perangkat Lunak : Microsoft Windows XP sebagai sistem
operasi, PHP untuk server scripting dan HTML untuk client scripting,
MySql sebagai Database Management System.
b. Perangkat Keras : AMD Athlon ™ 64 Processor 3000+, MMX,
3DNOw, 1.8 GHz, Memori DDR1 512 MB, Samtron 56B/57B, DVD RW
52X Line-on, IDE ATA Controller, VGA, Hardisk 50 GB, Mouse D-
Tech, Keyboard Simbada, LAN Card, USB.
2. Brainware : Sebagai pelaksana personal dari sistem yaitu administrator.
3. Sekuriti : Sistem website dilengkapi dengan username dan password
admin. Pengguna sistem e-learning menggunakan username dan password.
4. Kinerja : Semua kegiatan yang terjadi dalam website e-learning dapat
dilakukan kapanpun tanpa dibatasi dengan waktu.
4. Implementasi dan Pembahasan
4.1 Rancangan Sistem
Rancangan sistem digunakan untuk merealisasikan analisis yang telah
dilakukan. Perancangan sistem website e-learning ini menggunakan analisis
terstruktur.
4.1.1 Data Flow Diagram (DFD)
DFD Level 0
data user admin data jadwal data link data user elearning data buku tamu data alumni data soal matematika data gambar data materi data soal b.indonesia data event data materi data soal b.inggris data nilai matematika test online data nilai b.indonesia data buku tamu data nilai b.inggris data staff
data siswa data artikel
Gambar 4.1 DFD Level 0
0 Sistem
E-Learning
Administrator User
data user admin D1 admin
D20 poling_tanya data user elearning D2 user_elearning
data soal matematika D3 soal_mat
D19 poling
data soal b.indonesia D4 soal_bind
data poling data soal b.inggris D5 soal_bing
data nilai matematika D6 nilai_mtk
data nilai b.indonesia
data alumni D7 nilai_bind
data nilai b.inggris D8 nilai_bing
data siswa
D9 siswa
D17 alumni data materi D10 materi
data staff
D11 staff
data jadwal D12 jadwal
data link data komentar
D18 link D13 bukutamu
data gambar D14 galeri2
data artikel
D15 artikel
data event D16 event
Gambar 4.2 DFD Level 1
Admin
2 Olah data user
elearning
1 Olah data user
admin
4 Olah data soal
b.indonesia
6 Olah data nilai
matematika
9 Olah data siswa
10 Olah data materi
11 Olah data staff
12 Olah data 2adwal
14 Olah data gambar
13 Olah data buku tamu
15 Olah data artikel
3 Olah data soal
matematika
5 Olah data soal
b.inggris
16 Olah data event
17 Olah data
alumni
18 Olah data link
19 Olah data
poling
7 Olah data nilai
b.indonesia
8 Olah data nilai
b.inggris
data user elearning
D2 user_elearning
data soal matematika
test online matematika D3 soal_mat
data soal b.indonesia
test online b.indonesia D4 soal_bind
data soal b.inggris
test online b.inggris D5 soal_bing
data nilai matematika
D6 nilai_mtk
data nilai matematika data nilai b.indonesia
D7 nilai_bind
data nilai b.indonesia data nilai b.inggris
data nilai b.inggris D8 nilai_bing
data materi
data materi D10 materi
data buku tamu D13 bukutamu
data poling D19 poling
Gambar 4.3 DFD Level 1
28 buku tamu
User_E-learning
27 download
materi
20 Register sistem
E-learning
23 Test b.inggris
21 Test
matematika
22 Test
b.indonesia
24 nilai
matematika
29 polling
25 nilai
b.indonesia
26 nilai b.inggris
4.1.2 Entity Relationship Diagram (ERD)
admin
password
username
id_user
upload
bukutamu
artikel
alumni
event
galeri2
jadwal
link
staff
materi
id_jadwal kelas
hari
jam guru
mapel
id_artikel
judul_artikel
penulis_artikel
tgl
id_galeri file
ket
alamat
nama
link_id
id_komentar username
pilihan
wakru
alumni_id
gender
angkatan
pekerjaan
judul file_id
mapel
kelas deskripsi
id_event nama_event
tanggal
deskripsi
id_gukar
nama_gukar
nip
mengajar_mapel
jabatan
telepon
alamat
poling
aktif
rating
isi_komentar
id_poling
poling_tanya
id_pertanyaan
pertanyaan
id_user
tempat_lahir
tgl
bln thn
profil id_profil
Gambar 4.4 Entity Relationship Diagram
4.1.3 Hubungan Antar Tabel
Tabel poling_tanya id_pertanyaan* pertanyaan
Tabel poling id_poling * pilihan rating aktif
user_elearning
nis
password
username
soal_mat
soal_bind
soal_bing
soal
j4
jbenar j2
j3
j1
soal
jbenar
j1
j2
j3 j4
soal
jbenar
j1
j2
j3j4
siswa
id_siswa
id_user
nama_lengkap
jenis_kelamin
ttl kelas
register
nis
id_mtk
id_bing
id_bind
mengerjakan
mengerjakan
mengerjakan
nilai
nilai
nilai
Tabel staff id_gukar foto nama_gukar tempat_lahir tgl bln thn nip agama pangkat_golongan jabatan tingkat_pendidikanperguruan_tinggi jurusan mengajar_mapel tahun_awal_kerja alamat telepon
Tabel admin user_id * username login_name password last_online level
Tabel materi file_id * judul mapel kelas jurusan deskripsi filetype filedata filename filesize user_id ** date
Tabel alumni alumni_id * fname lname ttl gender angkatan jurusan pekerjaan alamat telepon email password photo type
Tabel link link_id * nama alamat
Tabel galeri2 id_galeri * file ket
Tabel artikel id_artikel * judul_artikel penulis_artikel tgl bulan tahun isi_artikel file type
Tabel bukutamu id_komentar * username email isi_komentar waktu
Tabel profil
id_profil
Gambar 4.5 Hubungan Antar Tabel
Tabel user_elearning id_user * foto username password email jenis_kelamin telepon nis **
Tabel siswa id_siswa * nis nama_lengkap jenis_kelamin ttl agama nama_ortu alamat kelas
Tabel jadwal id_jadwal * kelas hari jam mapel guru
Tabel event id_event * nama_event tanggal deskripsi
Tabel soal_bing id_bing * soal j1 j2 j3 j4 jbenar
Tabel nilai_mtk id * id_mtk** id_user** nilai_mtk
Tabel soal_mtk id_mtk * soal j1 j2 j3 j4 jbenar
Tabel soal_bind id_bind * soal j1 j2 j3 j4 jbenar
Tabel nilai_bind id * id_bind** id_user** nilai_bind
Tabel nilai_bing id * id_bing** id_user** nilai_bing
4.2 Implementasi 4.2.1 Pengujian Sistem
Sesuai dengan rancangan fisik sebagai dokumentasi aplikasi, maka program
yang dibuat haruslah sesuai dengan dokumentasi yang telah dibuat. Dalam penerapan
kode-kode program yang membangun website ini juga harus diuji agar terhindar dari
kesalahan program secara menyeluruh.
4.2.2 Manual Program
Manual program berisi tentang file-file yang diperlukan dan juga cara-cara
pengoperasian program ini. Instalasi dan keterangan :
1. Install program system operasi, dalam hal ini Windows XP.
2. Install program XAMPP, setelah program XAMPP terinstall baru source
program diletakkan di sub direktori C;\xampp\htdoct\juang.
3. Jalankan program start apache dan start mysql.
4. Jalankan browser kemudian ketikkan localhost/juang di address bar, maka
akan tampil halaman home.
4.2.3 Manual Instalasi
1. Registrasi domain dengan nama smkhamongputera.sch.id.
2. Proses mengupload file website dan database ke server hosting 000webhost.
4.2.4 Pemeliharaan Sistem
Pemeliharaan sistem dapat dilakukan dengan cara mem-backup seluruh data
pada waktu yang telah ditentukan atau secara berkala.
4.3 Pembahasan
4.3.1 Pembahasan Listing Program
Dalam pembahasan ini hanya akan membahas skrip koneksi yang akan selalu
digunakan untuk menghubungkan ke database.
4.3.2 Pembahasan Basis Data
Pembuatan database meliputi penentuan tipe pada masing-masing field
sekaligus pembuatannya. Dalam membangun situs web ini menggunakan MySQL
Server dalam pembuatan database.
4.3.3 Pembahasan Desain Interface
4.3.3.1 Halaman Admin
Halaman admin digunakan untuk melakukan input data yang akan ditampilkan
dalam halaman home user. Dilengkapi dengan username dan password untuk login.
Gambar 4.6 Halaman Login dan Content Admin
4.3.3.2 Halaman Home User
Halaman home adalah halaman pertama ketika website e-learning SMK
Hamong Putera II Pakem diakses.
Gambar 4.8 Halaman Home User
4.3.3.3 Halaman Home E-Learning
Halaman e-learning menampilkan halaman untuk melakukan pengerjaan test
online. test online terdiri dari Matematika, Bahasa Indonesia, dan Bahasa Inggris.
Gambar 4.9 Halaman Home User
5. Penutup
5.1.Kesimpulan
Berdasarkan hasil pengujian sistem yang telah dibuat dan pembahasan yang
dilakukan, maka dapat diambil beberapa kesimpulan antara lain :
a. Memberikan informasi kepada masyarakat mengenai SMK Hamong Putera II
Pakem
b. Sebagai alat promosi SMK Hamong Putera II Pakem terhadap masyarakat.
c. Pemberian informasi lebih mudah dan cepat yang sesuai dengan
perkembangan teknologi.
d. Proses belajar para siswa dapat dilakukan secara online. yaitu dengan cara
melakukan pengerjaan test online.
5.2.Saran
Saran yang dapat diberikan adalah sebagai berikut :
a. Diharapkan administrator secara terus menerus mengupdate dan memelihara
website agar adanya website ini tidak sia-sia.
b. Pengerjaan test online yang terdapt dalam website e-learning SMK Hamong
Putera ini masih terbatas mata pelajaran pokok, yaitu Matematika, Bahasa
Indonesia, dan Bahasa Inggris dengan aturan pengerjaan yang lebih kompleks.
Diharapkan dapat dilakukan pengembangan yang lebih luas ke masa
depannya.
DAFTAR PUSTAKA
Al Fatta Hanif, 2007, Analisis & Perancangan Sistem Informasi untuk Keunggulan
Bersaing Perusahaan & Organisasi Modern, Yogyakarta: Penerbit Andi.
Departement Penelitian dan Pengembangan LPKBM MADCOMS, 2005, Membuat
Desain Situs Web dengan Macromedia Mx 2004, Madiun : Penerbit Andi
Hakim Lukmanul, 2008, Membongkar Trik Rahasia Para Master PHP, Yogyakarta :
Lokomedia.
http://esn.or.id/membuat-random-soal-dengan-php-mysql/
http://solidPDF.com/model-model_e-learning.pdf
Mulyana, 2004, Trik Membangun Situs Menggunakan PHP dan MySql, Jakarta : PT
Elex Media KomputindobKelompok Gramedia
Sunyoto Andi. 2007. Membangun Web dengan Teknologi Asyncronouse Javascript &
XML.Yogyakarta: Penerbit Andi.