APLIKASI PEMBELAJARAN ONLINE BERBASIS WEB

PADA SMK PIRI SLEMAN YOGYAKARTA

Naskah Publikasi

diajukan oleh

Muhammad Ridwan

09.22.1132

kepadaSEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

AMIKOMYOGYAKARTA

2011

iii

ABSTRACT

SMK Piri Sleman are vocational high schools with ”A” accreditation of industrial technology under the auspices of the Indonesia Islamic Education Foundation. Differences comprehension of students in each subject submitted by the teacher becomes a separate problem in education, especially in SMK PiriSleman. This was caused by the limited time owned by the faculty because they have to follow the curriculum so there is not time to repeat the material for some students who may not understand. As well, students are easy to understand and quickly the subject can not learn the next material independently except waiting the time for teacher explaining in front of the class.

Based on these problems, web based application online learning is one suitable solution to be applied to overcome these problem. Online Web learning allows students to relearn the material that was presented in front of the class. Students can also view the materials which have not been taught in class by downloading or reading the tutorials and ask questions by consulting column if there are things that are not understand. Another advantage is an interesting visual display that supports image files and flash that makes application more interesting. This application also features an online quiz to find out how far students' skills in responding to the material.

This application provides an alternative to students as a new method of learning. Students can get the materials that they want and can learn anytime and anywhere. This application is also expected to assist teachers in the process of delivering course material to students. The main thing is to help schools in the education process for educating students. Expected the applications can give a great benefit for SMK Piri Sleman.

Keywords: online learning, e-learning, web based learning, website.

1

1. Pendahuluan

1.1 Latar Belakang MasalahSMK Piri Sleman adalah sekolah menengah kejuruan teknologi dan industri

dengan akreditasi A di bawah naungan yayasan Perguruan Islam Republik Indonesia.

Perbedaan daya tangkap siswa dalam setiap mata pelajaran yang disampaikan oleh

guru menjadi masalah tersendiri dalam dunia pendidikan khususnya di SMK Piri

Sleman. Hal itu disebabkan oleh keterbatasan waktu yang dimiliki oleh tenaga

pengajar karena harus mengikuti kurikulum yang ada sehingga tidak waktu untuk

mengulangi materi untuk sebagian siswa yang mungkin belum mengerti. Begitupun

juga kepada siswa yang mudah mengerti dan segera mempelajari materi selanjutnya

meskipun belum sampai pada waktunya di ajarkan guru di kelas.

1.2 Rumusan Masalah

Berdasarkan uraian di atas, maka dalam hal ini masalah dapat dirumuskan

sebagai berikut :

a. Apakah aplikasi pembelajaran online dapat diterapkan di SMK Piri Sleman ?

b. Bagaimana membangun suatu aplikasi pembelajaran online yang dapat di

fungsikan sebagai metode pembelajaran baru di SMA khususnya SMK Piri

Sleman ?

1.3 Batasan Masalah

Aplikasi pembelajaran mempunyai ruang lingkup yang sangat luas, baik itu fitur

atapun fasilitas aplikasi itu sendiri. Namun, menyadari keterbatasan waktu dan

pengetahuan penulis, maka dari berbagai permasalahan yang ada, penulis

membatasi masalah yang akan di bahas dalam penyusunan skripsi ini terkait fitur

penting yang biasanya dibutuhkan meleputi:

a. Manajemen upload dan download seputar materi sekolah

b. Fitur konsultasi tanya jawab secara online antara siswa dan guru

c. Aplikasi tutorial terhadap materi tertentu

d. Aplikasi kuis online

2

e. Aplikasi ini khusus di desain untuk SMK Piri Sleman meskipun tidak menutup

kemungkinan bisa di gunakan pada sekolah lain.

1.4 Tujuan dan Manfaat Penelitian

Penilitian ini diadakan untuk mencapai tujuan dan manfaat tertentu baik bagi

objek penelitian maupun bagi peneliti sendiri. Adapun tujuan dari penelitian ini adalah

sebagai berikut :

a. Membantu meningkatkan kualitas pendidikan dengan media website.

b. Mengenalkan kepada masyarakat tentang keunggulan website sebagai

media pembelajaran.

c. Memberikan alternatif metode dan konsep pembelajaran bagi sekolah

d. Menjadikan teknologi informasi berbasis website dapat dijangkau dan

diterapkan oleh sekolah menegah atas setingkat SMA.

e. Upaya menyiapkan dan membiasakan siswa maupun guru terhadap

penerapan teknologi informasi dalam dunia pendidikan yang mulai banyak

di gunakan dan tidak mustahil menjadi metode pembelajaran utama yang

di wajibkan di sekolah.

f. Menambah alternative media pembelajaran untuk mendukung

penyampaian materi sekolah.

g. Memberikan nilai tambah dan citra positif bagi sekolah.

h. Menerapkan ilmu yang didapat didalam maupun diluar bangku kuliah.

2. Landasan Teori

2.1 Pembelajaran Online

Pengertian Pembelajaran Online

Pembelajaran online adalah sistem pendidikan yang menggunakan aplikasi

elektronik untuk mendukung belajar mengajar dengan media Internet, jaringan

komputer, maupun komputer standalone yang membutuhkan komitmen, komunikasi,

dan motivasi diri yang kuat.

Komponen E-Learning

Aktor yang ada dalam pelaksanakan e-learning sama dengan proses belajar

mengajar konvensional, yaitu perlu adanya guru (instruktur) yang membimbing, siswa

3

yang menerima bahan ajar dan administrator yang mengelola administrasi dan proses

belajar mengajar. Perbedaan terletak pada komponen pembentuk e-learning.

Komponen yang membentuk e-learning adalah:

Infrastruktur E-Learning

Sistem dan Aplikasi E-Learning

Konten E-Learning

2.2 Konsep Pembelajaran Online

Pendidikan online dengan metode e-learning adalah salah satu strategi

memajukan pendidikan sehingga pelaksanaannya perlu dikembangkan dan diperluas.

Sistem pendidikan online harus memberikan informasi tentang pelajaran yang

bermutu sehingga user diluar lingkungan dapat pula memanfaatkan sistem tersebut.

Sistem pendidikan online yang saat ini berjalan di internet menggunakan dua

pendekatan sistem yaitu:

Synchronous System

Asynchronous System

2.3 Konsep Pemodelan Sistem

Flowchart Sistem

Data Flowchart Diagram (DFD)

2.4 Konsep Basis Data

Basis data adalah kumpulan data yang saling berelasi. Data sendiri merupakan

fakta mengenai objek, orang dan lain-lain. Data dinyatakan dengan nilai (angka,

deretan karakter, atau symbol).

Bahasa Basis Data

Objektif basis data

Diagram Entity Relationship (Diagram E-R)

4

2.5 Perangkat Lunak Yang Digunakan

Web Editor

Web editor merupakan perangkat lunak yang berguna untuk

membangun/membuat/mendesain halaman-halaman web, baik yang bersifat statis

maupun dinamis.Web editor yang di gunakan dalam pembuatan website ini adalah

Macromedia Dreamweaver 8

Web Server ( Apache )

Web Scripting Languages

Web Scripting Languages atau sering disingkat script saja adalah kode-kode

yang mirip bahasa pemrograman konvensional.

PHP

PHP adalah singkatan dari "Hypertext Preprocessor" yang merupakan sebuah

bahasa scripting yang terpasang pada HTML.

HTML

HTML atau yang memiliki kepanjangan Hypertext Markup Language adalah

script dimana kita bisa menampilkan informasi dan daya kreasi kita lewat internet.

HTML sendiri adalah suatu dokumen teks biasa yang mudah dimengerti dibanding

bahasa pemrograman lainnya, dan karena bentuknya itu maka HTML dapat dibaca

oleh berbagai platform seperti: Windows, Linux, Macintosh. Kata “Markup Language“

pada HTML menunjukkan fasilitas yang berupa tanda tertentu dalam skrip HTML

dimana kita bisa mengatur judul, garis, tabel, gambar, dan lain-lain dengan perintah

yang telah ditentukan pada elemen HTML.

Hubungan PHP dengan HTML

PHP merupakan bahasa pemograman web yang bersifat server-side

HTML=embedded scripting, di mana script-nya menyatu dengan HTML dan berada

si server. Artinya adalah sintaks dan perintah-perintah yang kita berikan akan

sepenuhnya dijalankan di server tetapi disertakan HTML biasa. PHP dikenal

sebgai bahasa scripting yang menyatu dengan tag HTML, dieksekusi di server dan

5

digunakan untuk membuat halaman web yang dinamis seperti ASP (Active Server

Pages) dan JSP (Java Server Pages).

Database

Database adalah Representasi kumpulan fakta yang saling berhubungan

disimpan secara bersama sedemikian rupa dan tanpa pengulangan (redudansi) yang

tidak perlu, untuk memenuhi berbagai kebutuhan.

MySQL

MySQL adalah sebuah sistem manajemen database yang saling berhubungan.

Sebuah hubungan databse dari data yang tersimpan pada table yang terpisah dari

pada menyimpan semua data pada ruang yang sangat besar.

3. Analisis Dan Perancangan Sistem

3.1 Analisis Sistem

3.1.1 Deskripsi Objek Penelitian

SMK PIRI Sleman merupakan salah satu SMA swasta di Yogyakarta yang turut

aktif dalam pendidikan untuk memenuhi amanat undang-undang yaitu mencerdaskan

kehidupan bangsa. SMK Piri Sleman memilih konsentrasi di bidang Automotive dan

Teknologi mengingat bidang tersebut merupakan bidang yang banyak di minati dan

memiliki perkembangan yang cukup pesat.

3.1.2 Studi Pendahuluan

Ide dan gagasan untuk membangun aplikasi pembelajaran online ini adalah untuk

melengkapi sistem yang sudah ada sebelumnya dan sudah berjalan .

3.1.3 Indentifikasi Masalah

Dari hasil analisis system yang telah ada di atas maka diperoleh pokok-pokok

masalah tentang model pembelajaran secara tradisional adalah:

1. Dibutuhkan tempat khsusus untuk dapat melaksanakan proses belajar

mengajar.

2. Dibutuhkan peralatan untuk mendukung proses belajar mengajar.

3. Dibutuhkan waktu yang lama untuk proses belajar

6

4. Diperlukan pengaturan jadwal.

5. Dibutuhkan tenaga extra untuk mengajar.

6. Ketergantungan siswa terhadap pengajar.

Dari pokok-pokok masalah yang ada, maka kita harus melakukan analisis. Metode

yang di gunakan untuk mengidentifikasi masalah adalah metode analisis PIECES yaitu

analisis terhadap kinerja, informasi, ekonomi, keamanan aplikasi, efisiensi dan pelayanan

pengguna aplikasi. Panduan ini dikenal dengan PIECES analysist.(Performance,

information, Economy, Control, Efficiency, Services). Dengan analisis ini kita bias

mendapatkan beberapa informasi terkait sistem yang kita bangun.

3.1.3.1 Analisis Kebutuhan Teknologi Pembelajaran Online

Analisis Kebutuhan Perangkat Keras

Analisis Kebutuhan Perangkat Lunak

Analisis Kebutuhan Informasi

Analisis kebutuhan Brainware

3.1.3.2 Analisis Kelayakan

Suatu sistem baru yang akan ditawarkan harus di uji kelayakannya terlebih dahulu,

apakah sistem baru tersebut lebih baik dari sistem yang sudah ada atau malah

sebaliknya.

Kelayakan Teknik

Kelayakan Hukum

Kelayakan Ekonomi

3.1.3.3 Analisis biaya dan manfaat

Analisis biaya/manfaat diperlukan untuk menentukan suatu sistem dikatakan layak

atau tidaknya.

3.2 Perancangan Teknologi Pembelajaran Online

Perancangan sistem adalah penentuan proses dan data yang diperlukan oleh

Sistem baru.

3.2.1 Flowchart

3.2.2 Perancangan DFD

7

Perancangan DFD level 0 (Diagram konteks)

Perancangan DFD Level 1

Perancangan DFD Level 2

3.3 ERD

ERD berfungsi untuk menggambarkan hubungan antar entitas sebagai cikal

bakal dalam proses pembentukan database lebih lanjut.

3.4 Tabel Relasi

Tabel relasi menggambarkan relasi yang tabel dalam sistem yang berjalan pada

aplikasi

3.5 Perancangan Struktur Tabel

Stuktur table adalah penggambaran setiap item tabel dalam database dan

propertinya

3.6 Perancangan Struktur Web

Struktur halaman web berfungsi untuk melihat isi website tanpa melihat interface

yang sudah jadi kemuliah membuka semua isinya. Itulah salah satu fungsi struktur web

untuk memberikan gambaran singkat tentang suatu website kepada user.

3.7 Rancangan User Interface

Rancangan user interface berfungsi untuk memberikan gambaran tampilan web.

4. Implementasi Dan Testing

4.1 Implementasi

Implementasi merupakan tahapan setelah melakukan analisis dan perancangan

sistem pada siklus rekayasa perangkat lunak dimana aplikasi siap dioperasikan pada

keadaan yang sebenarnya sehingga dari sini akan diketahui apakah program atau

aplikasi atau system yang telah dibuat benar-benar dapat menghasilkan keluaran

yang sesuai dengan tujuan yang diinginkan.

Implementasi Database

8

Database yang digunakan dalam perancangan aplikasi e-lerning ini dirancang

menggunakan MySQL versi 5.0.24 dan menggunakan PHPMyadmin versi 5.1.6

sebagai alat bantunya.

Implementasi Program

Program dibuat dalam dua sisi tampilan. Yang pertama adalah sisi tampilan

administrator yang meliputi edit, delete, insert data yang ada pada database. Sisi yang

kedua adalah sisi tampilan user, dimana pada tampilan user akan dapat dilihat data

dari

4.2 Testing Program

Testing adalah proses terhadap program/aplikasi untuk menentukan kesalahan

dan segala kemungkinan yang akan menimbulkan kesalahan sesuai denga spesifikasi

software yang telah ditentukan. Metode yang sering dipakai dalam pengujian adalah

white box testing dan black box testing.

Black Box Testing

White Box Testing

4.3 Hasil Testing

Hasil menggambarkan apakah aplikasi dapat berjalan sesuai yang diharapkan.

Hasil testing dapat menguraikan kelebihan dan kekurangan aplikasi.

4.4 Tampilan Web

Tampilan web menampilkan screenshot atau gambar web yang telah jadi

berdasarkan menu dalam web.

4.5 Instalasi Program

Proses intalasi program di maksudkan untuk memberikan gambaran bagaimana

instalasi program sebelum kemudian siap untuk di jalankan dan di implementasikan.

Beberapa tahapnya antara lain :

Mekanisme Pembelian Hosting dan Domain

Cara Meng-Upload File

Meng-Upload Database

9

4.6 Pemeliharaan Sistem

Walaupun telah didesain, dibangun dan diuji coba, sistem atau aplikasi bisa

mengalami error atau bug yang tidak bisa dihindari. Sebuah situs web

pembelajaran, tugas pemeliharaan dapat diklasifikasikan dalam berbagai bidang

seperti kualitas, monitoring web, infrastruktur, meninjau kinerja, perubahan dan

manajemen konten web. Oleh karena itu dalam rangka pengelolaan web tetap

terjaga dan terlihat plus.

5. PENUTUP

5.1 Kesimpulan

Dari hasil pembuatan aplikasi website pembelajaran online, dan sebagai akhir

dari laporan, penulis dapat menarik kesimpulan sebagai berikut :

1). Aplikasi web merupakan salah satu media pembelajaran yang dapat di terapkan

pada SMK PIRI SLEMAN.

2). Aplikasi web pembelajaran online dapat dibangun dengan mengikuti step by

step serta memenuhi beberapa prasyarat dan kebutuhan system yang diperlukan

yang penulis telah uraikan pada pembahasan sebelumnya.

5.2 Saran

Berdasarkan analisis dan kesimpulan diatas, serta apa yang penulis lihat dan

alami sendiri, maka saran yang ingin penulis sampaikan sebagai berikut :

1). Aplikasi pembelajaran online ini berdasarkan analisis dapat memberikan

manfaat yang sangat besar bagi SMK PIRI SLEMAN sebagai media

pembelajaran efektif, namun itu tentunya dapat terjadi jika di dukung aktif oleh

segenap baik itu siswa dan terutama pengajar dan pengasuh SMK PIRI SLEMAN

sebagai pihak selalu harus memberikan motivasi bagi siswa sehingga aplikasi

bisa terus-menerus berjalan efektif.

2). Pengajar dan pengasuh SMK PIRI SLEMAN harus selalu berperan aktif

misalnya aktif menjawab pertanyaan siswa yang dalam kolom konsultasi, karena

aplikasi ini hanya dapat berjalan jika didukung kedua belah pihat (pengajar dan

yang diajar) dan tidak akan bisa tanpa partisipasi keduanya.

3). Beberapa siswa ada yang kurang bisa mengoperasikan komputer. Ruang lab

komputer yang berjumlah 30 PC (klo tidak salah yang sehat cuma 15) tentu

10

kurang maksimal dengan jumlah siswa yang begitu banyak. Supaya aplikasi ini

bisa berjalan merata, diharapkan fasilitas sekolah terutama lab, dapat di benahi.

6. DAFTAR PUSTAKA

Kusrini, 2007, “ Membangun Sistem Informasi Akuntansi dengan Visual Basic &

Microsoft SQL Server “, Andi, Yogyakarta.

Bunafit Nugroho, 2008, “Membuat Sistem Informasi Penjualan Berbasis Web dengan

PHP dan MySQL”, Gava Media, Yogyakarta.

Bunafit Nugroho, 2008, “Aplikasi e-Learning dengan PHP & Editor Dreamweaver”,

Atma Jaya, Yogyakarta.

Ema Utami, 2006, “RDBMS using MS SQL SERVER 2000”, Nrar.net, Yogyakarta.

Lukmanul Hakim, 2008, “Trik Rahasia Para Master php”, Lokomedia, Yogyakarta.

Lukmanul Hakim, 2009, “Trik Rahasia Master php Terbongkar Lagi”, Lokomedia,

Yogyakarta.

www.LearnFrame.Com

romisatriawahono.net