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

email

pilihan

wakru

alumni_id

gender

angkatan

email

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.