DESAIN APLIKASI MULTIMEDIA EDUKATIF SEBAGAI ALAT BANTU BELAJAR DENGAN BAHASA PEMROGRAMAN PHP DAN MYSQL

Transkripsi

1 DESAIN APLIKASI MULTIMEDIA EDUKATIF SEBAGAI ALAT BANTU BELAJAR DENGAN BAHASA PEMROGRAMAN PHP DAN MYSQL Silfia Andini, Roky Okta Dhani Putra, Fakultas Ilmu Komputer Universitas Putra Indonesia YPTK Padang silfiaandini@ymail.com Abstract Developments of science and technology so rapidly has encouraged people to seek and implement ways or new methods of teaching and learning process to run smoothly. By looking at the sophistication of today's technology, particularly Internet technology websites certainly have facilities to assist students in the learning process-paced era of modern globalization. So the author tries to use it to build an educational multimedia applications as learning aids. It is expected that this application can help students to facilitate them in learning. Keyword : teaching and learning, educational, modern globalization, 1. PENDAHULUAN Perkembangan ilmu pengetahuan dan teknologi yang sangat pesat telah mendorong manusia untuk mencari serta mengimplementasikan cara atau metodemetode baru dalam pengawasan dan pengendalian sistem pengolahan data agar dapat berjalan lancar. Internet merupakan salah satu perkembangan ilmu pengetahuan yang pada awalnya dipergunakan dalam bidang militer dan sekarang telah banyak dipergunakan banyak orang atau pun organisasi dari penjuru dunia. Web merupakan bagian dari internet, web bukan saja digunakan untuk menampilkan informasi secara cepat, namun fungsi web mulai digunakan untuk aplikasi yang banyak membutuhkan interaksi dari user. Oleh karena itu web harus dirancang atau didesain mengikuti kualitas sebagai media interaktif alami seperti dua cermin yang dihadapkan, dimana si pembawa pesan dan yang menerima pesan bisa saling berinteraksi antar satu sama lain. Salah satu ilmu pengetahuan yang bisa didapat dari web adalah e-learning yang merupakan bentuk aplikasi dalam pemberian informasi tentang pelajaran kepada siswa baik formal maupun non formal. E-learning juga memberikan fasilitas bagi siswa untuk mendownload data-data pelajaran mereka. Tetapi pada saat ini e-learning sudah dianggap kurang efektif lagi, karena hanya bisa mendownload data-data pelajaran saja. Oleh sebab itu dirancang sebuah sistem baru yang lebih edukatif, dimana siswa bukan hanya bisa mendownload bahan pelajaran saja, tetapi juga bisa mengerjakan soal-soal dan juga akan disediakan forum diskusi sehingga siswa dapat bertukar ilmu yang diperoleh dengan siswa lainnya. 2. TEORI 2.1. KONSEP MULTIMEDIA EDUKATIF DEFINISI MULTIMEDIA EDUKATIF Banyak pendapat para ahli tentang defenisi multimedia edukatif ini. Berikut adalah beberapa definisi multimedia edukatif. Multimedia edukatif adalah pemanfaatan komputer untuk membuat dan menggabungkan teks, grafik, audio, gambar bergerak (video dan animasi) dengan menggabungkan link dan tool yang memungkinkan pemakai melakukan navigasi, berinteraksi, berkreasi, dan berkomunikasi ( Hofstetter dalam M.Suyanto, 2005:21) Multimedia edukatif adalah berbagai macam kombinasi grafik, teks, suara, video, dan animasi. Penggabungan ini merupakan suatu kesatuan yang secara bersama-sama menampilkan informasi, pesan atau isi pelajaran (Azhar Arsyad 2007:171) Multimedia Edukatif adalah kumpulan media berasaskan komputer dan sistem komunikasi yang digunakan untuk Silfia Andini, Roky Okta Dhani Putra, Desain Aplikasi Multimedia... 15

2 membangun, menyimpan, menghantar dan menerima informasi berasaskan teks, grafik, audio dan sebagainya (Geyeski dalam Elmi Mahzum 2008:13) 2.2 WEB SITE ATAU SITUS PENGERTIAN WEB SITE ATAU SITUS Situs dapat diartikan sebagai kumpulan halaman yang digunakan untuk menampilkan informasi, gambar gerak, suara, dan atau gabungan dari semuanya itu baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan link-link UNSUR-UNSUR WEB SITE ATAU SITUS Untuk membangun situs diperlukan beberapa unsur yang harus ada agar situs dapat berjalan dengan baik dan sesuai yang diharapkan. Unsur-unsur yang harus ada dalam situs antara lain: a. Domain Name Domain name atau biasa disebut nama domain adalah alamat permanen situs di dunia internet yang digunakan untuk mengidentifikasi sebuah situs atau dengan kata lain domain name adalah alamat yang digunakan untuk menemukan situs kita pada dunia internet. Istilah yang umum digunakan adalah URL. Contoh sebuah URL adalah dapat juga tanpa www. b. Hosting Hosting dapat diartikan sebagai ruangan yang terdapat dalam harddisk tempat menyimpan berbagai data, file-file, gambar dan lain sebagainya yang akan ditampilkan di situs. Besarnya data yang bisa dimasukkan tergantung dari besarnya hosting yang disewa / dipunyai, semakin besar hosting semakin besar pula data yang dapat dimasukkan dan ditampilkan dalam situs c. Scripts/Bahasa Program Adalah bahasa yang digunakan untuk menerjemahkan setiap perintah dalam situs yang pada saat diakses. Jenis scripts sangat menentukan statis, dinamis atau interaktifnya sebuah situs. Semakin banyak ragam scripts yang digunakan maka akan terlihat situs semakin dinamis, dan interaktif serta terlihat bagus. Bagusnya situs dapat terlihat dengan tanggapan pengunjung serta frekwensi kunjungan. Beragam scripts saat ini telah hadir untuk mendukung kualitas situs. Jenis jenis scripts yang banyak dipakai para designer antara lain HTML, ASP, PHP, JSP, Java Scripts, Java applets dan sebagainya. Bahasa dasar yang dipakai setiap situs adalah HTML sedangkan ASP dan lainnya merupakan bahasa pendukung yang bertindak sebagai pengatur dinamus, dan interaktifnya situs. d. Design Web Setelah melakukan penyewaan domain dan hosting serta penguasaan scripts, unsur situs yang paling penting dan utama adalah design. Design web sangat menentukan kualitas dan keindahan situs. Design sangat berpengaruh kepada penilaian pengunjung akan bagus tidaknya sebuah web site. Untuk membuat situs biasanya dapat dilakukan sendiri atau menyewa jasa web designer. e. Publikasi Keberadaan situs tidak ada gunanya dibangun tanpa dikunjungi atau dikenal oleh masyarakat atau pengunjung internet. Karena efektif tidaknya situs sangat tergantung dari besarnya pengunjung dan komentar yang masuk. Untuk mengenalkan situs kepada masyarakat memerlukan apa yang disebut publikasi atau promosi. Publikasi situs di masyarakat dapat dilakukan dengan berbagai cara seperti dengan pamlet-pamlet, selebaran, baliho dan membayar. Yang gratis biasanya terbatas dan cukup lama untuk bisa masuk dan dikenali di search engine terkenal seperti Yahoo atau Google. Cara efektif lain sebagainya tapi cara ini bisa dikatakan masih kurang efektif dan sangat terbatas. Cara yang biasanya dilakukan dan paling efektif dengan tak terbatas ruang atau waktu adalah publikasi langsung di internet melalui search engine-search engine (mesin pencari, spt : Yahoo, Google, Search Indonesia, dan sebagainya). Cara publikasi disearch engine ada yang gratis dan ada pula yang publikasi adalah dengan membayar, walaupun harus sedikit mengeluarkan akan tetapi situs cepat masuk ke search engine dan dikenal oleh pengunjung. Silfia Andini, Roky Okta Dhani Putra, Desain Aplikasi Multimedia... 15

3 2. HASIL ANALISA 3.1. PERUMUSAN MASALAH Beberapa masalah yang akan dibahas adalah sebagai berikut : 1. Bagaimana merancang sebuah sistem informasi yang lebih edukatif sebagai media belajar yang lebih optimal? 2. Bagaimana perancangan sistem informasi yang baru dapat meningkatkan minat siswa tehadap pelajaran? 3. Bagaimana sistem informasi yang baru ini dapat diterima oleh siswa pada sekolah menengah pertama? 3.2. HIPOTESA Dari masalah di atas dapat dibuat suatu hipotesis yang dapat diuraikan sebagai berikut : 1. Dengan dirancangnya sistem informasi multimedia ini dapat mempermudah siswa dalam proses belajar, bukan hanya bisa mendownload bahanbahan pelajaran, tetapi juga bisa mengerjakan soal-soal dan juga akan disediakan forum diskusi yang terdapat di dalam sistem sehingga lebih optimal. 2. Dengan menerapkan sistem komputerisasi dan perancangan model program PHP dan Mysql akan dapat membantu perancangan sistem yang dapat sebagai alat bantu belajar serta menyajikan informasi kepada siswa 3. Dengan dirancangnya sistem database dengan Mysql, data dapat disimpan dalam jumlah yang cukup besar sehingga kemungkinan kehilangan data dapat diminimalisir dan redudancy data dapat dihindari PERANCANGAN SISTEM Perancangan sistem aplikasi multimedia edukatif yang akan dilakukan adalah Aliran Sistem Informasi merupakan gambaran terhadap suatu informasi dari suatu bagian dimana informasi dihasilkan dan diproses pada bagian yang bersangkutan. Adapun aliran sistem informasi dapat digambarkan dalam bentuk mekanisme kerja sistem seperti pada Gambar 3.1. Silfia Andini, Roky Okta Dhani Putra, Desain Aplikasi Multimedia... 16

4 User Web Server Leaner Administrator Alamat Web Alamat Web Alamat Web Browsing Browsing Browsing Tampil Hal Web utama Tampil Hal Web utama Tampil Hal Web utama Login Web Server Aplikasi Multimedia Edukatif Login Login Hal Web user Hal Web Trainer Hal Web Admin Cari dan Download Bahan pelajaran, Jawab Soal, Diskusi Upload Bahan pelajaran, edukasi, Diskusi Manage Users, Upload edukasi, bahan, Bahan pelajaran dan nilai 3.4 PENGUJIAN SISTEM INFORMASI Pengujian terhadap sistem dilakukan untuk mengetahui sejauh mana sistem informasi yang dirancang dapat mengatasi masalah, serta untuk mengetahui hubungan antar komponen sistem. Gambar 3.1 Mekanisme Kerja Sistem Gambar tampilan menu utama dapat dilihat pada Gambar Tampilan Menu Utama Menu utama adalah halaman yang pertama kali muncul saat alamat situs diakses. Pada halaman depan terdapat menu utama yang tersedia yaitu: home, education, download, forum, dan login. 2. Tampilan Menu Login Pada menu login ini user akan di minta memasukkan dan password yang sebelumnya sudah di daftarkan pada Gambar 3.2 Tampilan Menu Utama Tampilan menu login dapat dilihat pada gambar 3.3. database dbmultmedia.sql pada tabel user. Menu login ini berfungsi membatasi hak user dalam menggunakan program ini. Silfia Andini, Roky Okta Dhani Putra, Desain Aplikasi Multimedia... 17

5 Gambar 3.3 Tampilan Menu Login 3. Tampilan Menu Registrasi Menu registrasi di gunakan untuk pendaftaran bagi user baru. Pada halaman ini terdapat , password, nama user, level user, alamat, kegiatan, dan profile yang harus diisi oleh user untuk proses registrasi user baru dan terdapat tombol simpan untuk menyimpan data. Tampilan menu registrasi dapat dilihat pada gambar 3.4 Gambar 3.4 Tampilan Menu Registrasi 4. Tampilan Menu User Untuk membantu mempermudah pihak user dalam proses pencarian bahan pelajaran, menjawab soal, dan berdikusi maka didesainlah menu user. Dimana menu user terdiri dari home, education, download, forum dan logout,. Tampilan menu user dapat dilihat pada Gambar 3.5. Gambar 3.5 Tampilan Menu User Silfia Andini, Roky Okta Dhani Putra, Desain Aplikasi Multimedia... 18

6 5. Tampilan Menu Education Menu education di rancang untuk mempermudah user membaca artikelartikel yang terdapat di dalam program ini. Tampilan menu education dapat dilihat pada Gambar Tampilan Menu Quiz Setelah user membaca artikel yang terdapat pada menu education, pada bagian bawah artikel tersebut terdapat tombol quiz yang mengarahkan user masuk kedalam menu quiz. Menu quiz Gambar 3.6 Tampilan Menu Education berisi tentang soal-soal yang berhubungan dengan artikel yang terdapat pada menu education. Tampilan menu quiz dapat dilihat pada Gambar 3.7. Gambar 3.7 Tampilan Menu Quiz 7. Tampilan Nilai Quiz Nilai quiz ini bisa kita lihat setelah user menjawab pertanyaan-pertanyaan yang terdapat pada menu soal. Tampilan nilai quiz ini dirancang agar user dapat melihat kemampuan meraka setelah menjawab pertanyaan-pertanyaan yang di sediakan. Tampilan nilai quiz dapat dilihat pada gambar 3.8 Silfia Andini, Roky Okta Dhani Putra, Desain Aplikasi Multimedia... 19

7 Gambar 3.8 Tampilan Nilai Soal 8. Tampilan Menu Download Menu download ini dirancang untuk mempermudah user dalam mendownload bahan-bahan pelajaran yang dicari. Tampilan menu download dapat dilihat pada gambar 3.9. Gambar 3.9 Tampilan Menu Download 9. Tampilan Menu Forum Menu forum ini dirancang untuk mempermudah user melakukan sesi tanya jawab bukan hanya dengan leaner atau pengajar, tetapi juga dengan sesame user. Tampilan menu forum dapat dilihat pada Gambar Silfia Andini, Roky Okta Dhani Putra, Desain Aplikasi Multimedia... 20

8 Gambar 3.10 Tampilan Menu Forum 4. KESIMPULAN Peranan sistem komputerisasi yang ditunjang dengan penggunaan aplikasi bahasa pemrograman, akan lebih efektif dan efisien serta mempunyai nilai tambah bila dibanding dengan sistem manual. Adapun kesimpulan dari aplikasi edukatif sebagai alat bantu belajar ini adalah : 1. Akan mampu meningkatkan keingintahuan guru dan siswa pentingnya peranan teknologi dalam menunjang proses belajar dan mengajar. 2. Dapat membantu siswa dalam mendapatkan bahan-bahan pelajaran di era globalisasi ini yang serba modern. 3. Penyajian informasi tentang datadata pelajaran lebih cepat karena adanya dukungan media internet. DAFTAR PUSTAKA Sunarfrihantono, Bimi, ST. PHP dan MySQL untuk web. ANDI Yogyakarta. Yogyakarta Sutedjo, Budi, Mahir Dalam 7 Hari: Macromedia Dreamweaver 8 Dengan PHP, Andi. Yogyakarta; Madcoms Madiun Peranginangin, Kasiman. Aplikasi WEB Dengan PHP dan MySQL, Andi Yogyakarta Sulthon A, M. 3 Langkah Membuat Website Mudah Dan Praktis, CV.Yrama Widya, Bandung Jovan, FN. Panduan Praktis Membuat Web Dengan PHP Untuk Pemula, Media kita; Jakarta Utdirartatmo, Firrar. Mengelola Database Server MySQL di Linux dan di Windows, Andi Yogyakarta Arsyad, Azhar Multimedia Sebagai Pembelajaran, CV.Media Utama, Bandung Suyono, M. Pengenalan Multimedia, Citra Aditya Bakti, Jakarta Mahzum, Elmi. Langkah Membuat Website dengan memanfaatkan aplikasi multimedia, Sinar Grafika, Yogyakarta Silfia Andini, Roky Okta Dhani Putra, Desain Aplikasi Multimedia... 21