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 2007240208

Kusmiati Lestari 2007240210

Pembimbing 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 :

Subsistem Hak

Akses

1.0

Subsistem Sistem

Pembelajaran

2.0

Subsistem

Informasi

3.0

Subsistem Nilai

4.0

Subsistem

Diskusi

5.0

Subsistem

Komentar

6.0

Subsistem

Laporan

7.0

Kepala sekolah

Lihat_laporan_data_guru

Lihat_laporan_data_siswa

Tata Usaha

Id_penggunaInput_data_guruLiihat_data_guruInput_data_siswa

Lihat_data_siswa

Guru

Id_pengguna

Id_pengguna

Siswa

Id_pengguna

Download_materi

Download_tugas

Lihat_informasi

Lihat_nilai

Umum

Isi_komentar

Lihat_informasi

tbjadwal

Data_jadwalJadwal_talah_disimpan

Jadwal_telah_diubahJadwal_telah_dihapus

tbguruData_pengguna

Data_pengguna

tbsiswa

Data_pengguna

Data_pengguna

tbmateri

Data_materi_pelajaranMateri_pelajaran_telah_disimpanMateri_pelajaran_telah_diubahMateri_pelajaran_telah_dihapus

tbupload

Data_materiData_tugas

Materi_disimpanMateri_dihapusTugas_disimpanTugas_dihapus

tbberita

Data_berita

Data_berita

tbnilai

Data_nilai

Nilai_disimpan

Nilai_diubah

tbkomentar

Data_komentar

Data_komentar

Input_mata_pelajaran

Lihat_mata_pelajaran

Edit_mata_pelajaran

Hapus_mata_pelajaranInput_jadwal

Edit_jadwal

Lihat_jadwal

Hapus_jadwalUpload_materi_pelajaran

Lihat_materi_pelajaran

Hapus_materi_pelajaranDownload_materi_pelajaran

Upload_tugasLihat_tugasHapus_tugas

Download_tugas

Lihat_informasiInput_informasi

Lihat_informasiEdit_informasi

Hapus_informasi

Lihat_informasi

Input_nilaiUbah_nilai

Lihat_nilai

Lihat_komentar

Forum_question

Forum_asnwer

ForumPertanyaan_Forum_disimpan

Jawaban_Forum_disimpan

Forum

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 :

tbupload

Id_upload

#kode_materi

Kelas

Deskripsi

Name

direktori

tbsiswa

#id_siswa

#nis

Nama_siswa

Kelas

Jenis_kelamin

Password

Tahun_masuk

Tempat_lahir

Tanggal_lahir

Agama_siswa

Alamat_siswa

tbmateri

#id_materi

#kode_materi

Nama_materi

Kelas

#nip

tbguru

#id_guru

#nip

Nama_guru

Jk

Pass

Tmpt_lahir

Tgl_lahir

Status

Level

Agama_guru

Alamat_guru

tbnilai

#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

tbberta

Id_berita

Tgl

Judul

Isi

status

melakukan

be

laja

r

mendapatkan

tbjadwal

#id_jadwal

Hari

Waktu

#kode_materi

kelas

memberi

memberikan

memiliki

#qeustion_id

a_id

nip

A_Name

A_Email

A_answer

A_datetime

Forum_answer

memberikan

Tbkomentar

Id

Topic

Detail

Name

Email

Datetime

View

reply

j_id

#kom_id

nip

j_Name

j_Email

j_answer

j_datetime

tbjawab

Forum_quetion

#id

nis

Topic

Detail

Name

Email

Datetime

View

reply

memberikan

mengisi

mengisi

5. Relasi Antar Tabel

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