APLIKASI PEMBELAJARAN ONLINE BERBASIS WEB PADA SMA NEGERI 4 PALEMBANG

STMIK GI MDP

Program Studi Sistem Informasi
Skripsi Sarjana Komputer
Semester Ganjil 2011/2012

APLIKASI PEMBELAJARAN ONLINE BERBASIS WEB
PADA SMA NEGERI 4 PALEMBANG

Bramandito L.P
Kusmiati Lestari
Pembimbing

2007240208
2007240210
Inayatullah, S.Kom,. M.Si

Abstrak

E-learning adalah pembelajaran jarak jauh yang memanfaatkan teknologi
komputer, jaringan komputer dan internet. E-learning merupakan cara baru

dalam proses belajar mengajar yang menggunakan media elektronik khususnya
internet sebagai pembelajarannya. Tujuan penulisan skripsi ini adalah untuk
mempermudah proses sistem belajar mengajar di SMA Negeri 4 Palembang.
Adapun permasalahan pada SMA Negeri 4 Palembang adalah belum
memanfaatkan penggunaan sistem informasi teknologi berbasis web dalam
proses pembelajaran dan penyebaran informasi serta belum menggunakan sistem
pembelajaran berbasis web yang memungkinkan siswa dapat belajar dimana pun
dan kapan pun. Aplikasi web ini nantinya diharapkan mampu menyampaikan
informasi yang lebih cepat dan akurat. Dalam permasalahan ini kami
menggunakan metode iterasi (iterative) dan merancang sebuah aplikasi untuk
media belajar berbasis e-learning. Aplikasi web ini diharapkan dapat diterapkan

dan di impilimentasikan guna membantu SMA Negeri 4 Palembang dalam
mempermudah proses belajar mengajar.
Kata kunci :
Aplikasi Media Belajar, Web, e-learning

Abstract

E-learning is distance learning that utilizes computer technology,

computer networks and internet. E-learning is a new way of teaching and
learning using electronic media especially the internet as a learning. The purpose
of this paper is to simplify the process of teaching and learning system in SMA
Negeri 4 Palembang. The problems in SMA Negeri 4 Palembang is not yet make
use of web-based information systems technology in the learning and
dissemination of information and not use the web-based learning system that
allows students to learn wherever and whenever. The web application is later
expected to deliver information more quickly and accurately. In this issue we
use the iteration method (iterative) and designing an application for media-based
learning e-learning. This web application is expected to be implemented and in
order to help senior high school impilimentasikan 4 Palembang in facilitating the
learning process.

Key Word :
Application of Learning Media, Web, E-learning

PENDAHULUAN

Pada era globalisasi sekarang ini perkembangan teknologi dan komunikasi
semakin pesat, kebutuhan akan suatu konsep dan mekanisme belajar mengajar berbasis

teknologi informasi menjadi tidak terelakkan lagi. Dalam penerapan sebuah konsep
yang biasa dikenal dengan nama e-learning dapat membawa pengaruh terhadap proses
transformasi pendidikan yang bersifat konvesional ke bentuk digital, baik secara isi dan
sistemnya.
Dewasa ini penerapan konsep e-learning sudah banyak diterima oleh masyarakat
melalui implementasi e-learning dalam lembaga pendidikan.Penerapan e-learning dapat
memungkinkan terjadinya proses pendidikan tanpa melalui tatap muka langsung dan
pengembangan ilmu pengetahuan kepada siswa bisa dilakukan dengan mudah.
Sebagai salah satu Sekolah Menengah Atas Negeri di Palembang, SMA Negeri
4 Palembang yang memiliki peran dalam pengembangan ilmu pengetahuan dan
informasi khususnya dalam bidang teknologi informasi. Selama ini semua proses
penyampaian informasi serta pembelajaran pada SMA Negeri 4 Palembang masih
bersifat konvesional, dengan kata lain bahwa proses belajar mengajar dan penyampaian
informasi antara siswa dengan guru hanya dapat dilakukan dengan syarat terjadinya
pertemuan antara siswa dengan guru di dalam kelas dan di lingkungan sekolah. Jika
pertemuan serta penyampaian informasi antara siswa dengan guru tidak terjadi maka
proses pembelajaran serta pemberian informasi kepada siswa tidak dapat di laksanakan.
Keadaan seperti ini sangat jelas dapat menghambat proses pembelajaran di SMA Negeri
4 Palembang.
Berdasarkan uraian di atas,


penulis merasa perlu merancang “Aplikasi

Pembelajaran Berbasis Web pada SMA Negeri 4 Palembang”. Dimana aplikasi
yang d buat agar dapat membantu memberikan informasi kepada para siswa atau pun
masyarat umum dengan mudah.

METODOLOGI

Metodelogi adalah kesatuan metode-metode, prosedur-prosedur, konsep-konsep
pekerjaan, aturan-aturan, dan postulat-postulat yang digunakan oleh suatu ilmu
pengetahuan, seni atau disiplin lainnya. Sedangkan metode adalah suatu cara, teknik
yang sistematik untuk mengerjakan sesuatu. Metodelogi pengembangan sistem berarti
adalah metode-metode, prosedur-prosedur, konsep-konsep pekerjaan, aturan-aturan dan
ponsulat-ponsulat yang akan digunakan untuk mengembangkan suatu sistem informasi
(Jogiyanto Hartono 2005, h.59).
Ada beberapa metedologi yang tersedia dalam pengembangan sistem informasi,
salah satunya yaitu metedologi iterasi. Metode ini memerlukan penyelesaian analisis,
desain, dan implementasi karena penting untuk mengembangkan satu bagian sistem
baru secara menyeluruh dan menempatkannya kedalam operasi secepat mungkin.

(Whitten 2006, h. 36)
Tahap-tahap dalam metodologi iterasi adalah sebagai berikut :
1. Analisis Sistem
Analisis sistem ditujukan untuk menyediakan tim proyek dengan
pemahaman yang lebih menyeluruh terhadap masalah-masalah dan
kebutuhan-kebutuhan yang memicu proyek.
2. Desain Sistem

Setelah tahap analisis selesai dilakukan, maka akan didapatkan gambaran
dengan jelas tentang permasalahan yang terjadi. Pada tahap ini akan dibuat
rancang bangun yang lengkap sebagai penuntun dan pengembangan aplikasi.
Tools yang digunakan adalah DFD, ERD, Struktur data, dan bagan alir,
pembuatan rancang antarmuka dan keluaran.
3. Implementasi
Melakukan penerapan sistem agar sistem dapat beroperasi serta perpindahan
sistem secara perlahan. Tahapan ini juga mencakup pelatihan penggunaan.

RANCANGAN SISTEM

Adapun rancangan sistem yang penulis buat yaitu berupa diagram-diagram

seperti:
1. Diagram Konteks
Diagram konteks menggambarkan ruang lingkup suatu sistem. Diagram
ini memberikan gambaran mengenai keseluruhan sistem. Diagram konteks SMA
Negeri 4 Palembang dapat dilihat pada gambar di bawah ini:

2. Diagram Dekomposisi
Diagram dekomposisi menunjukkan fungsional top-down suatu sistem.
Melalui diagram ini, dapat diketahui bagian-bagian sistem secara keseluruhan
baik root process yang berhubungan dengan sistem, subsistem dan sistem serta
rincian dari masing-masing subsistem. Diagram dekomposisi untuk sistem
informasi sekolah pada SMA Negeri 4 Palembang adalah sebagai berikut:

3. Diagram Aliran Sistem Keseluruhan
Adapun gambar dari diagram aliran sistem keseluruhan adalah sebagai
berikut :

Lihat_laporan_data_guru

Data_jadwal

Jadwal_talah_disimpan
Jadwal_telah_diubah
Jadwal_telah_dihapus

7.0

Lihat_laporan_data_siswa

Subsistem
Laporan

Kepala sekolah

Id_pengguna
Id_pengguna
Input_data_guru
Liihat_data_guru
Input_data_siswa
Lihat_data_siswa
Id_pengguna


Data_pengguna

1.0

tbjadwal

tbguru

Data_pengguna

Subsistem Hak
Akses

Id_pengguna

Data_pengguna

Tata Usaha
Input_mata_pelajaran

Lihat_mata_pelajaran
Edit_mata_pelajaran
Hapus_mata_pelajaran
Input_jadwal
Lihat_jadwal
Edit_jadwal
Hapus_jadwal
Upload_materi_pelajaran
Lihat_materi_pelajaran
Hapus_materi_pelajaran
Download_materi_pelajaran
Upload_tugas
Lihat_tugas
Hapus_tugas
Download_tugas
Download_materi
Download_tugas

Subsistem Sistem
Pembelajaran


Lihat_informasi
Input_informasi
Lihat_informasi
Edit_informasi
Hapus_informasi

3.0

Data_pengguna

tbsiswa

Data_materi_pelajaran
Materi_pelajaran_telah_disimpan
Materi_pelajaran_telah_diubah
Materi_pelajaran_telah_dihapus

tbmateri


2.0

Data_materi
Data_tugas
Materi_disimpan
Materi_dihapus
Tugas_disimpan
Tugas_dihapus

tbupload

Data_berita
Data_berita

tbberita

Subsistem
Informasi

Lihat_informasi
Lihat_informasi
Lihat_informasi

Guru

Data_nilai

4.0

Nilai_disimpan

Input_nilai
Ubah_nilai
Lihat_nilai

tbnilai

Nilai_diubah

Subsistem Nilai
Lihat_nilai

5.0

Siswa

Subsistem
Diskusi

Forum
Pertanyaan_Forum_disimpan

Forum
Jawaban_Forum_disimpan

Lihat_komentar

6.0

Forum_asnwer

Data_komentar

Data_komentar
Isi_komentar
Umum

Forum_question

tbkomentar

Subsistem
Komentar

4. ERD (Entity Relationship Diagram)
Entity Relationship

Diagram

(ERD) adalah

model data

yang

menggunakan beberapa notasi untuk menggambarkan data dalam konteks entitas

dan hubungan yang dideskripsikan oleh data tersebut. Diagram hubungan entitas
yang diusulkan pada SMA Negeri 4 Palembang dapat dilihat pada gambar
berikut :

tbsiswa

tbupload

tbnilai
mendapatkan
#id_siswa
#nis
Nama_siswa
Kelas
Jenis_kelamin
Password
Tahun_masuk
Tempat_lahir
Tanggal_lahir
Agama_siswa
Alamat_siswa

Id_upload
#kode_materi
Kelas
Deskripsi
Name
direktori

tbjadwal

#id_jadwal
Hari
Waktu
#kode_materi
kelas

melakukan

belajar

tbberta
Id_berita
Tgl
Judul
Isi
status

Tbkomentar
Id
Topic
Detail
Name
Email
Datetime
View
reply

memberi

tbmateri

#id_materi
#kode_materi
Nama_materi
Kelas
#nip

mengisi

Forum_quetion
#id
nis
Topic
Detail
Name
Email
Datetime
View
reply

memiliki

memberikan

memberikan

5. Relasi Antar Tabel

tbguru
memberikan

Forum_answer
#qeustion_id
a_id
nip
A_Name
A_Email
A_answer
A_datetime

tbjawab
j_id
#kom_id
nip
j_Name
j_Email
j_answer
j_datetime

#id_guru
#nip
Nama_guru
Jk
Pass
Tmpt_lahir
Tgl_lahir
Status
Level
Agama_guru
Alamat_guru

mengisi

#id_nilai
Nis
Kode_materi
Kelas
Smstr
#nip
Tugas_1
Tugas_2
Tugas_3
Tugas_4
Tugas_5
Et
Uh_1
Uh_2
Uh_3
Uh_4
Uh_5
Euh
Smstran
Rata-rata

Diagram hubungan entitas yang diusulkan menggambarkan relasi
antar entitas dan table pada administrator, guru dan siswa di SMA Negeri 4
Palembang. Relasi antar table ini dapat dilihat pada gambar berikut :

6. Tampilan Home dan Login

7. Tampilan Halaman Admin

8. Tampilan Halaman Guru

9. Tampilan Halaman Siswa

10. Tampilan Halaman Kepala Sekolah

KESIMPULAN DAN SARAN

1. Kesimpulan
Berdasarkan hasil analisis sistem informasi sekolah pada SMA
Negeri 4 Palembang, maka penulis mengambil kesimpulan bahwa:
1. Dengan adanya media belajar yang berbasis e - Learning di SMA Negeri
4 Palembang, diharapkan mampu mendukung proses belajar mengajar di
sekolah sehingga tidak terdapat hambatan untuk mendapatkan informasi
yang dibutuhkan.
2. Dengan adanya media belajar berbasis e - Learning, diharapkan dapat
membantu siswa dalam menerima materi pelajaran dari guru walaupun
tidak bertatap muka secara langsung didalam kelas.
2. Saran
Saran yang dapat penulis berikan kepada SMA Negeri 4 Palembang
adalah sebagai berikut:
1. Rancangan

aplikasi

yang

telah

penulis

buat

diharapkan

dapat di

implementasikan untuk memberikan kemudahan dalam penyelesaian
pekerjaan pihak sekolah.
2. Perlu dilakukan perawatan dan pemeliharaan perangkat keras dan lunak
secara berkala terhadap sistem baru ini untuk menghindari terjadinya
kerusakan atau kehilangan data.

DAFTAR PUSTAKA

Firdaus 2007, PHP & MySQL dengan DREAMWEAVER, Maxikom,
Palembang.
Hartono, Jogiyanto 2005, Analisis & Desain, Andi Offset, Yogyakarta.
Kadir, Abdul 2005, Konsep Tuntunan Praktis Basis Data, Andi, Yogyakarta.
Kok, Yung 2005, Membangun Database dengan Visual Basic 6.0 dan
Perintah SQ, Elex Media Komputindo, Jakarta.
Kusrini 2007, Strategi Perancangan dan Pengelolaan Basisdata, Andi,
Yogyakarta.
Rickyanto, Isak 2001, Macromedia Dreamweaver 4, Andi, Jakarta
Sutarman 2003, Membangun Aplikasi Web dengan PHP dan MySQL, Graha
Ilmu, Yogyakarta
Sutanta, Edhy 2004, Sistem Basis Data, Graha Ilmu, Yogyakarta.
Wahyono, Teguh 2005, 36 Jam Belajar Komputer Pemprograman Web
Dinamis dengan PHP 5, Elex Media Komputindo, Yogyakarta.
Whitten, Jeffrey, L 2004, Metode Desain dan Analisis Sistem. Andi
Yogyakarta