Implementasi Blended Learning Multimedia Berbasis Smartphone ...

Rahmat S.N, Implementasi Blended Learning Multimedia Berbasis Smartphone....

37

ISSN 2356 - 4393

II. PENDAHULUAN

Selama ini sekolah merupakan tempat untuk berlangsungnya proses pembelajaran mengharuskan adanya interaksi antara pendidik dan perserta didik secara langsung. Hal itu berarti bahwa hasil dari pendidikan sangat bergantung kepada kehadiran kedua komponen tersebut. Padahal evaluasi proses pembelajaran bukan hanya berdasarkan kehadiran pendidik ataupun peserta didik dikelas secara langsung tetapi lebih menekankan pada apakah peserta didik dapat mengikuti proses pembelajaran. Keadaan ini dapat dievaluasi melalui hasil penelitian peserta didik tersebut. Apabila hasil evaluasi menunjukan bahwa penilitian terhadap pendidik

dan peserta didik kurang baik maka kehadiran atau tatap muka secara langsung dikelas bukan menjadi tolak ukur yang utama. Hal ini berarti komunikasi antara pendidik dan peserta didik dapat dilakukan tanpa harus tatap muka secara langsung. Keadaan ini dapat dievaluasi melalui hasil penilaian peserta didik tersebut. Apabila hasil evaluasi menunjukkan bahwa penilaian terhadap pendidik maupun peserta didik kurang baik maka kehadiran atau tatap muka secara langsung di kelas bukan menjadi tolak ukur yang utama. Hal ini berarti komunikasi antara pendidik dan peserta didik dapat dilakukkan tanpa harus tatap muka secara langsung Melalui blended learning, baik pendidik maupun peserta didik dapat dengan mudah berkomunikasi terkait mata pelajaran. Selain

Implementasi Blended Learning Multimedia Berbasis Smartphone Untuk Pengayaan Pembelajaran

Pada Sekolah XYZ Rahmat Setiaji Nugroho1), Nuraini Purwandari2)

Sistem Informasi, Institut Teknologi dan Bisnis KalbisJalan Pulomas Selatan Kav. 22, Jakarta Timur 13210

1)E-mail: [email protected]

2)E-mail: [email protected]

Abstract: Blended learning is one of the form of educational technology which can be used for effective learning tools. School XYZ applies learning method as one of the effort for teaching students. Along with the development of technology at this time, many user make an application which run on smartphone. One of the application is blended learning development from multimedia based on android operating system in the school of XYZ. This application provide user learning from their smartphones android operating system. In addition, it could make easier for user deliver the material lesson and test. The method for development application is MDLC. This applications goal is to bring more practical in learning process which used online media for smartphone. The result of this research is an application blended learning which successfully runs on smartphone with parameter given

Keywords :blended learning aplication, multimedia, smartphone

Abstrak: Blended learning merupakan salah satu bentuk teknolgi informasi pendidikan yang dapat digunakan sebagai media pembelajaran yang efektif. Pada sekolah XYZ menerapkan metode pembelajaran sebagai salah satu usaha dalam pengajaran siswa. Seiring dengan perkembangan teknologi yang ada pada saat ini, banyak pengguna membuat aplikasi yang dapat dijalankan di smartphone. Salah satu nya adalah pengembangan blended learning multimedia berbasis smartphone untuk pengayaan pembelajaran pemeblajaran pada sekolah XYZ. Aplikasi ini membuat pengguna belajar dari smartphone mereka masing-masing yang berbasis sistem operasi android, selain itu bisa memudahkan dalam penyampaian materi dan ujian. Metode pengembangan sistem yang digunakan adalah MDLC. Aplikasi ini bertujuan untuk memberikan kemudahan dalam proses belajar mengajar dengan menggunakan media online pada smartphone. Hasil penelitian ini berupa aplikasi blended learning yang berhasil dijalankan pada smartphone dengan parameter yang telah diamati

Kata Kunci : aplikasi blended learning, multimedia, smartphone

Kalbiscentia,Volume 3 No. 1 Februari 2016

38

itu pendidik dapat meletakan materi ajar, kuis, tugas, dan sebagiannya ke dalam aplikasi blended learning untk diakses oleh para peserta didiknya. Sehingga proses pembelajaran dapat dilakukan kapan dan dari mana saja. Perkembangan teknologi khusus nya internet memberikkan kemudahan bagi beberapa Institusi pendidikan untuk menjalankan proses pembelajaran, termasuk bagi sekolah XYZ. Salah satu pemanfaatan internet dalam proses pembelajaran adalah menggunakkan fasilitas blended learning (sistem pembelajaran jarak jauh ).

Kondisi tersebutlah yang akan dikembangkan disekolah XYZ, Sekolah yang berdomisili di kepulauan batam riau. Saat ini sekolah mempunyai kendala ketika murid tidak dapat hadir dikelas pertemuan maka sang murid tidak memperoleh materi saat itu. Berdasarkan rumusan masalah yang didapat setelah melakukan proses identifikasi masalah adalah bagaimana cara merancang dan membuat sebuah blended learning untuk di implemetasikan pada smartphone berbasis android.

Pada penilitian ini akan dibangun aplikasi blended learning multimedia berbasis smartphone dengan sistem operasi android yang betujuan untuk merancang aplikasi blended learning pada sekolah XYZ sehingga tidak hanya penyajian materi tetapi adanya interaksi secara interaktif dan user friendly.

II. METODE PENELITIAN

Metode penelitian yang digunakan pada aplikasi blended learning multimedia berbasis smartphone ini adalah sebagai berikut :

A. Tahapan Pengumpulan Data

Dalam pembuatan Penelitian ini Sumber data diambil dari buku–buku referensi yang tersedia di perpustakaan, serta mempelajari semua literatur yang berhubungan dengan pembuatan aplikasi blended learning tersebut.

B. Tahapan Pengembangan Aplikasi

Pada penelitian ini digunakan metode pengembangan aplikasi Multimedia Development Life Cycle (MDLC) yang telah dikemukakan oleh Luther. Metode ini dipilih karena memiliki kelebihan yang terdapat pada material collecting yang tidak ada pada metodologi lain, pada material collecting inilah yang memberikan nuansa multimedia pada metodologi Luther karena multimedia membutuhkan banyak material atau elemen. Penelitan ini akan menghasilkan aplikasi yang berbasis smartphone,

dan peneliti memilih smartphone dengan sistem operasi Android versi 4.0.4 (ice cream sandwich), oleh karena itu peneliti memilih menggunakan bahasa pemrograman actionscript 3.0 dengan menggunakan perangkat lunak pembuatan aplikasinya yaitu Adobe Flash CS 5.

Setelah aplikasi selesai dibangun dilakukan pengujian terhadap aplikasi. Peneliti menggunakan metode pengujian dengan memberikan kuisioner yang diberikan ke pengguna setelah mencoba aplikasi tersebut. Peneliti melakukan pengujian dengan menggunakan 3 perangkat smartphone yang berbeda untuk melihat kemampuan fungsionalitas aplikasi dan selanjutnya dilakukan evaluasi terhadap aplikasi yang telah diuji coba.

C. Metode Pengembangan Aplikasi.

Metodologi yang digunakan adalah MDLC (Multimedia Development Life Cycle) bersumber dari Luther (1994), pengembangan multimedia dilakukan berdasarkan 6 tahap, yaitu konsep, desain atau perancangan, pengumpulan material, pembuatan, testing, dan distribusi[1].

Gambar 1 Tahapan pengembangan multimedia

1. Concepts (Konsep). Tahap ini adalah tahap untuk menentukan tujuan aplikasi, siapa pengguna program (identifikasi pengguna), macam aplikasi dan spesifikasi umum. Output dari tahap ini biasanya berupa dokumen dalam bentuk laporan yang menjelaskan tentang tujuan projek yang ingin dicapai.

2. Design (Rancangan). Pada tahap ini dlakukan pembuatan spesifikasi mengenai spesifikasi secara rinci mengenai rancangan dan kebutuhan pengembangan multimedia. Desain multimedia menggunakan perangkat (tools) storyboard yang digunakan untuk linier multimedia.

3. Material Collecting (Pengumpulan Material). Pada tahap ini adalah pengumpulan bahan yang sesuai dengan kebutuhan yang dikerjakan. Bahan


39

– bahan yang dimaksud adalah gambar clip art, foto, video, suara, animasi, dan lain – lain. Tahap ini dapat dikerjakan secara paralel dengan tahap berikutnya.

4. Assembly (Pembuatan). Pada tahap ini dilakukan pembuatan semua objek atau bahan multimedia. Pembuatan ini aplikasi multimedia dikembangkan secara bersama-sama dimana setiap scene digabungkan seleuruhnya menjadi satu.

5. Testing (Pengujian). Pada tahap ini dilakukan pengujian setelah menyelesaikan tahapan -tahapan pembuatan dan seluruh data dimasukan selesai maka dicoba dijalankan serta pengguna lain untuk merasakan aplikasi ini.

6. Distribution (Pendistribusian). Pada tahap ini aplikasi dilakukan nya penggandaan aplikasi untuk digunakan oleh banyak pengguna supaya adanya evaluasi terhadap aplikasi supaya dapat dikembangkan lebih baik lagi.

1. Blended LearningBlended Learning berasal dari kata Blended dan

Learning. Blend artinya campuran dan Learning artinya belajar. Dari kedua unsur tersebut dapat diketahui bahwa blended learning merupakan pencampuran pola belajar. Pola belajar yang dicampurkan adalah dua unsur utama yakni pembelajaran dikelas dengan online learning untuk dimainkan secara maksimal. Dalam pembelajaran online ini terdapat pembelajaran menggunakan jaringan internet yang didalamnya ada pembelajaran berbasis web [2].

Blended Learning ini terdapat perpaduan dari teknologi multimedia, CD-ROM, video streaming, kelas virtual, e-mail, voicemail, dan lain-lain dengan bentuk tradisional pelatihan dikelas dan pelatihan setiap apa yang dibutuhkannya. Blended Learning menjadi solusi yang paling tepat untuk proses pembelajaran yang sesuai, tidak hanya kebutuhan pembelajaran akan tetapi gaya pembelajar. Selain Blended Learning ada istilah lain yang sering diantaranya adalah Blended Blended Learning dan Hybrid Learning. Istilah tersebut mengandung arti yang sama yaitu perpaduan, percampuran atau kombinasi dalam pembelajaran.

2. Karakteristik Blended LearningKarakteristik Blended Learning tersebut adalah

ketetapan suplemen belajar yang berhubungan dengan kelas tradisional atau tatap muka dengan menggunakan lingkungan belajar virtual . Dalam pelaksanaan prakteknya harus didukung oleh pembuatan rancangan pembelajaran yang matang

dengan teknologi sebagai pendukung tambahannya. Karena pembelajaran Blended Learning ini adalah model pembelajaran campuran maka teori yang digunakan pun terdiri atas berbagai teori belajar dari beberapa ahli dengan meyesuaikan situasi dan kondisi peserta didik [3].

3. MultimediaMultimedia secara umum adalah penggabungan

berbagai informasi dengan menggunakan fasilitas komputer. Dalam pengertian yang lain adalah sebuah komputer multimedia perlu mendukung lebih satu jenis media yang berbasis antara lain teks, gambar, video, animasi dan audio[4].

4. Elemen MultimediaMultimedia berarti melibatkan banyak media

antara lain teks, grafik, audio, video dan animasi.a. Teks. Tampilan dalam bentuk teks atau yang lebih

dikenal dengan istilah tipografi merupakan elemen yang cukup penting dalam pembuatan multimedia. Sebagian besar multimedia menggunakan teks karena sangat efektif untuk menyampaikan ide dan panduan kepada pengguna. Teks merupakan bentuk data multimedia yang paling mudah disimpan dan dikenali, serta file teks mempunyai struktur yang sederhana.

Teks biasanya mengacu pada kata, kalimat, alinea, segala sesuatu yang tertulis atau ditayangkan. Beberapa hal yang perlu diperhatikan mengenai penggunaan teks dalam suatu aplikasi multimedia adalah : 1). Gunakanlah huruf (font) yang sesuai dengan tema aplikasi multimedia yang akan dibuat; 2). Pastikan huruf (font) yang dipakai tersedia di sistem komputer lain; 3). Pemilihan bentuk dan warna yang sesuai dengan tema aplikasi multimedia; 4). Pastikan teks tersebut terbaca; dan 5). Usahakan ringkas tetapi padat.

b. Grafik (Gambar). Grafik atau gambar merupakan sarana pembentukan informasi yang lebih mudah untuk dipahami. Gambar juga merupakan salah satu komponen penting dalam multimedia karena dapat meringkas dan menyajikan data kompleks serta mampu menyampaikan banyak kata. Gambar dalam publikasi multimedia lebih menarik perhatian dan dapat mengurangi kebosanan dibandingkan dengan teks, sebab manusia selalu berorientasi terhadap visual.

c. Audio. Teknologi audio juga berperan penting dalam penyampaian informasi, tanpa adanya audio dalam sebuah multimedia maka hasilnya tidak lengkap. Suara atau audio di dalam multimedia


40

biasanya berupa suara musik, suara dari voice record dan efek–efek suara lain.

d. Video. Video adalah gambar–gambar yang saling berurutan sehingga menimbulkan efek gerak. Pembuatan video dalam tampilan multimedia bertujuan untuk membuat tampilan yang dihasilkan lebih menarik.

e. Animasi. Animasi merupakan kumpulan gambar yang ditampilkan secara bergantian dan berurutan sehingga terlihat bergerak dan hidup. Pergerakan animasi akan lebih mudah dimengerti daripada objek atau gambar diam. Selain itu, animasi lebih menarik dan mudah dimengerti daripada hanya sekedar gambar karena lebih komunikatif dalam menyampaikan suatu tujuan. Animasi terdiri dari:lAnimasi Sel. Sel animasi biasanya merupakan

lembaran-lembaran yang membentuk sebuah frame animasi tunggal. Sel animasi merupakan sel yang terpisah dari lembaran latar belakang dan sebuah sel untuk masing-masing objek yang bergerak secara mandiri diatas latar belakang.

lAnimasi Frame. Animasi frame adalah bentuk animasi yang paling sederhana. Diumpamakan sebuah buku yang mempunyai gambar berseri di tepi halaman berurutan. Jika membuka bukudengan cepat, maka gambar kelihatan bergerak. Pada komputer multimedia, animasi buku tersebut menampilkan sebuah gambar yang berurutan secara cepat. Antara gambar satu (frame satu) dengan gambar lain (frame lain) berbeda.

lAnimasi Sprite. Animasi sprite serupa dengan teknik animasi tradisional, yaitu objek yang diletakkan dan dianimasikan pada bagian puncak grafik dengan latar belakang diam.Sprite adalah setiap bagian dari animasi yang bergerak secara mandiri, misalnya burung terbang, planet berotasi atau logo berputar.

lAnimasi Lintasan. (Path Animation). Animasi lintasan adalah animasi dari objek yang bergerak sepanjang garis kurva yang ditentukan sebagai lintasan.

lAnimasi Spline. Spline adalah representasi matematis dari kurva. Bila objek bergerak,biasanya tidak mengikuti garis lurus, misalnya berbentuk kurva. Program animasi komputer memungkinkan untuk membuat animasi spline dengan lintasan gerakan berbentuk kurva.

lAnimasi Vektor. Animasi vektor menjadikan objek bergerak dengan memvariasikan ketiga parameter ujung pangkal, arah dan panjang pada

segmen-segmen garis yang menentukan objek.lAnimasi Karakter. Animasi karakter merupakan

sebuah cabang khusus animasi. Animasi karakter semacam yang dilihat dalam film kartun. Animasi ini berbeda dengan animasi lainnya, misalnya grafik bergerak animasi logo yang melibatkan bentuk organik yang komplek dengan penggandaan yang banyak, gerakan hirarkis.

lComputational Animation. Dengan computational animation, untuk menggerakkan objek dilayar cukup memvariasikan koordiant x dan y nya. Koordinat x merupakan posisi horizontal g objek, yaitu berapa jauh kiri-kanan layar. Koordinat y merupakan posisi vertikal, yakni berapa jauh atas-bawah layar.

lMorphing. Morphing artinya mengubah satu bentuk menjadi bentuk lain dengan menampilkan serangkaian frame yang menciptakan gerakan halus begitu bentuk pertama mengubah dirinya menjadi bentuk lain.[5]

5. Manfaat MultimediaManfaat multimedia secara umum memiliki

manfaat yang dapat di peroleh yaitu dimana proses pembelajaran jadi lebih menarik, lebih interaktif, jumlah waktu belajar dapat di kurangi,kualitas belajar dapat di tingkatkan dan proses belajar mengajar dapat di lakukan dimana saja dan kapan saja. Ada beberapa keunggulan dari pemanfaatan multimedia sebagai media pembelajaran:lMemperbesar benda yang sangat kecil dan tidak

tampak oleh mata seperti bentuk kuman, bakteri dan electron.

lMemperkecil benda yang sangat besar, yang tidak mungkin di hadirkan dalam sekolah atau kelas seperti rumah, gajah, gunung.

lMenyajikan benda atau peristiwa yang kompleks, rumit dan berlangsung cepat atau lambat, seperti sistem tubuh manusia, bekerja nya suatu mesin, berkembang nya tumbuhan.

lMenyajikkan benda atau peristiwa yang berbahaya, seperti letusan gunung berapi, harimau.

lMeningkatkan daya tarik dan perhatian siswa.[6]

6. Adobe Flash CS 5Software Adobe Flash CS 5 ialah sebuah

aplikasi yang memungkinkan pengembangan web untuk menambah interaktifitas dan animasi ke dalam sebuah website. Banyak nya penggemar aplikasi ini menyebabkan tumbuhnya beragam situs yang didesikasikan untuk membantu orang-orang yang tertarik dengan Flash [7].


41

7. Adobe Photoshop CS 3Adobe Photoshop merupakan salah satu software

pengolah gambar (digital imaging) yang banyak digunakan dan memberikan kontribusi besar bagi dunia digital dan cetak. Dalam perkembangannya software ini mengalami beberapa peningkatan versi. Pada versi CS3, adobe mengeluarkan dua pilihan, yakni adobe photoshop CS3 dan adobe photoshop CS3 Extended. Adobe photoshop CS3 masih memuat beberapa fitur-fitur dari Adobe photoshop CS2. Sementara itu adobe photoshop CS3 extended lebih banyak menawarkan kemudahan dan keunggulan dalam hal pengolahan image 3D. Pilihan ini ideal untuk pengolah film, video, dan multimedia secara professional, grafik dan merancang web menggunakkan gerakan 3D, profesional pengembang, profesional bidang kedokteran, arsitektur dan penilitian. [8]

8. AndroidAndroid adalah sebuah sistem perangkat mobile

berbasis Linux yang mencangkup sistem operasi, middleware dan aplikasi. Android menyediakan platform terbuka bagi para pengembang untuk menciptakan aplikasi mereka. Android adalah platform atau aplikasi yang bebas untuk proses development. Tidak ada lisensi atau biaya royalti untuk aplikasi yang dikembangkan pada platform Android. Tidak ada biaya keanggotaan diperlukan. Tidak diperlukan biaya pengujian. Tidak ada kontrak yang diperlukan. Aplikasi untuk Android dapat didistribusikan dan diperdagangkan dalam bentuk apapun [9]

9. SmartphoneTelepon seluler saat ini dikelompokan menjadi

dua, yaitu telepon standar, dan telepon pintar. Telepon pintar atau lebih akrab kita sebut smartphone merupakan telepon seluler dengan kemampuan lebih mulai dari resolusi, fitur, hingga komputasi, termasuk adanya sistem operasi mobile didalamnya [10].

10. MySQL dan PHPMySQL ialah sebuah software yang bersifat

open source atau gratis dari sistem manajemen basis data relasional (DBMS). MySql adalah sebuah server database open source yang terkenal yang digunakan dibanyak aplikasi terutama untuk server atau membuat web. Untuk mengakses my sql data harus berdasarkan data yang ada di sql. Sebuah bahasa query diciptakan pada tahun 1970. Menggunakan my sql umum nya digunakan bersamaan dengan php untuk membuat aplikasi server. [11]

11. Struktur navigasiStruktur navigasi termasuk sruktur yang

terpenting dalam pembuatan suatu multimedia. Struktur navigasi atau gambaran perencanaan harus sudah tercantum pada tahap perencanaan.Peta navigasi merupakan hubungan dan rantai kerja dari beberapa lokasi yang berbeda serta dapat membantu mengorganisasikan seluruh elemen multimedia dengan pemberian perintah dan pesan. Peta navigasi juga memberikan kemudahan dalam menganalisa keinteraktifan seluruh objek yang ada dalam multimedia serta bagaimana pengaruh keinteraktifannya terhadap pengguna.

Peta penjajakan mempunyai beberapa ciri khas yang dapat digolongkan menurut kebutuhan akan objek, kemudahan pemakaian, keinteraktifan dan kemudahan pembuatan yang berpengaruh terhadap waktu pembuatan suatu multimedia. Berikut ini akan dijelaskan beberapa dasar struktur pembuatan multimedia. [12]lStruktur Alur Linier. Struktur satu alur (linier)

merupakan struktur yang hanya mempunyai satu rangkaian cerita yang berurut. Struktur ini menampilkan satu demi satu tampilan layar secara berurut menurut urutannya. Tampilan yang dapat ditampilkan pada sruktur jenis ini adalah satu halaman sebelumnya atau satu halaman sesudahnya, tidak dapat dua atau lebih halaman sebelumnya atau sesudahnya.

Gambar 2 Struktur navigasi satu alur

lStruktur Bercabang (hirarki). Struktur bercabang (hirarki) merupakan struktur yang mengandalkan percabangan untuk menampilkan data berdasarkan kriteria tertentu. Tampilan pada menu pertama akan disebut sebagai master page (halaman utama), halaman utama ini akan mempunyai halaman percabangan yang disebut slave page (halaman pendukung).

lTidak Berurut (Non Linier). Struktur non linier merupakan pengembangan dari struktur linier. Pada struktur ini diperkenankan membuat penjejakan bercabang. Percabangan yang dibuat pada struktur non linier berbeda dengan percabangan pada struktur hirarki. Pada struktur non linier percabangan pada tiap-tiap tampilan mempunyai kedudukan yang sama tidak ada master page ataupun slave page.

lCampuran (Composit). Struktur campuran (composit) merupakan gabungan dari ketiga


42

struktur sebelumnya. Struktur navigasi ini disebut juga sebagai struktur bebas. Jika suatu tampilan membutuhkan percabangan maka dapat dibuat percabangan, tetapi apabila dalam percabangan tersebut terdapat suatu tampilan yang mempunyai kedudukan yang sama maka dapat dibuat struktur linier dalam percabangan tersebut. Struktur penjejakan ini banyak digunakan dalam pembuatan multimedia, sebab struktur ini memberikan keinteraktifan yang lebih tinggi.

12. Unified Modelling LanguangeUnified Modeling Language merupakan

kepanjangan dari UML yaitu bahasa spesifikasi standar untuk mendokumentasikan, menspesifikasikan, dan membangun sistem perangkat lunak. Dapat dikatakan UML merupakan sebuah tool untuk membuat sebuah objek atau model untuk merancang dalam pembuatan software atau aplikasi yang berorientasi pada pada objek misalnya java dengan sistem. Dalam use case, sesuatu diluar sistem yang berinteraksi dengan sistem disebut actor. Actor class digunakan untuk memodelkan dan menyatakan peran untuk “pemakai” dari sistem, termasuk manusia dan sistem lain.dan yang lainnya dalam bentuk diagram. [13]

UML adalah bahasa model standar untuk pengembangan cetak biru perangkat lunak. Bahasa model merupakan bahasa yang memiliki kamus kata dan aturan yang berpusat pada gambaran konseptual dan fisik dari suatu system. UML sebagai bahasa model menyatakan bagaimana membuat dan membaca model dengan benar, namun tidak menyatakan model apa yang harus dibuat dan kapan seharusnya dibuat.

13. Peran UML Beberapa peran UML antara lain : Visualisasi Menggambarkan ide dalam notasi dan semantik

yang lebih mudah dipahami oleh siapapun. Spesifikasi Spesifikasi dari semua keputusan penting yaitu

analisis, perancangan, dan penerapan yang harus diambil dalam pengembangan dan deployment sistem.

Konstruksi UML bukan bahasa pemrograman visual. Model

UML dapat dihubungkan secara langsung dengan beberapa bahasa pemrograman.

Dokumentasi UML mencakup dokumentasi arsitektur sistem

dan rincinya.

14. Use Case DiagramUse case diagram menggambarkan

fungsionalitas yang diharapkan dari sebuah sistem. Yang ditekankan adalah “apa” yang diperbuat sistem, dan bukan “bagaimana”. Sebuah use case merepresentasikan sebuah interaksi antara actor dengan sistem. Langkah pertama untuk analisis kebutuhan adalah mencari sesuatu yang berinteraksi

III. HASIL DAN PEMBAHASAN

Pada Pembuatan aplikasi penulisan akan menggunakan metode pengembangan multimedia menurut Luther pengembangan multimedia dilakukan berdasarkan 6 tahap, yaitu Konsep (concept), Perancangan (design), pengumpulan bahan (material collecting), pembuatan (assembly), uji coba (testing), dan distribusi (distribution).

A. Konsep Aplikasi yang akan dihasilkan berupa aplikasi

blended learning multimedia berbasis smartphone, aplikasi ini bertujuan untuk membuat aplikasi yang interaktif dan user friendly. Dalam mempermudah user dalam melakukan penggunaan aplikasi maka user dimanjakan dengan animasi tombol yang setiap tombol memiliki fungsi masing-masing.

Aplikasi yang dihasilkan dalam penelitian ini berjalan pada perangkat Smarthphone dengan sistem operasi Android versi 4.0.4 (Ice Cream Sandwich). Hasil akhir penelitian ini berupa file apk, dan file swf yang dapat digunakan dengan koneksi internet.

Rincian dari deskripsi konsep aplikasi blended learning sebagai berikut:1. Judul : aplikasi blended learning multimedia

berbasis smartphone untuk pengayaan pembelajaran pada sekolah XYZ.

2. Fungsi: Sebagai alat pembelajaran yang dapat 3. Penggunaan : Pada umumnya aplikasi ini

digunakan untuk anak usia 8 – 17, karena kemampuan anak-anak memahami soal ataupun materi yang sudah mulai berkembang pada usia tersebut.

4. Gambar: menggunakan format file JPG dan PNG yang dibuat dan didesain sendiri dengan menggunakan software Adobe Photoshop.

5. Audio: menggunakan suara yang didapat dari sumber internet dan menggunakan suara user sendiri ketika memainkannya dengan format MP3 dan FLV.

6. Interaktif: mengarahkan tembakan ke sasaran secara manual dengan menggunakan tangan.


43

B. Desain Pada tahapan ini aplikasi yang akan dibuat

berdasarkan fitur yang terdapat pada aplikasi blended learning dengan cara menggunakan nya ialah menginput jawaban soal dengan mengetik untuk soal dan jawaban essay dan memilih pilihan jawaban pada soal dan jawaban pilihan ganda (multiple choice).

Tahap perancangan ini adalah tahapan untuk perancangan spesifikasi secara rinci mengenai aplikasi yang akan dibuat, serta gaya dan kebutuhan material untuk aplikasi tersebut. Spesifikasi yang akan dibuat berdasarkan pada langkah berikut:a. Perancangan class diagram, use case, activity

diagram.b. Desain struktur navigasi berupa tampilan menu.c. Perancangan Storyboard d. Perancangan Database

Class DiagramPada penelitian ini seperti pada Gambar 2 Class

Diagram digunakan untuk menggambarkan keadaan (atribut/properti) suatu sistem, seklaigus menawarkan layanan untuk memanipulasi keadaan tersebut. Class diagram menggambarkan struktur dan deskripsi class, dan obyek beserta hubungan satu sama lain seperti containment, asosiasi, dan lain-lain. Gambar class diagram dapat dilihat pada gambar 2.

Gambar 2 Class diagram aplikasi

Gambar 2 menjelaskan proses tahapan yang

terjadi pada aplikasi yang menggambarkan asosiasi antara sistem yang satu dengan yang lain yang saling terhubung.Storyboard

Storyboard adalah serangkaian sketsa dibuat berbentuk persegi panjang yang menggambarkan suatu urutan elemen-elemen yang diusulkan untuk aplikasi multimedia. Dalam tahapan perancangan storyboard menjelaskan mengenai alur atau arah tentang gambaran singkat mengenai aplikasi yang akan dibuat. Storyboard digunakan untuk merancang antar muka atau interface.

Struktur NavigasiStruktur Navigasi pada blended learning adalah

pembuatan struktur hirarki dari aplikasi blended learning berdasarkan storyboard. Struktur navigasi bertujuan untuk menggambarkan urutan – urutan menu pada rancangan aplikasi yang akan dibangun. Berikut adalah rancangan struktur navigasi pada aplikasi blended learning:

Gambar 4 Struktur navigasi aplikasi

Use Case DiagramPada bagian ini akan dijelaskan tentang Use

Gambar 3 Storyboard Gambar 5 Use case diagram


44

Case Diagram yaitu sebuah interaksi antara aktor dengan sistem dan menggambarkan fungsionalitas yang diharapkan bagi sebuah sistem.Pada sistem yang sedang berjalan terdapat dua buah use case diagram yaitu use case untuk siswa dan admin. Untuk menjelaskan tentang use case ditunjukkan pada Gambar 5.

Activity DiagramPada bagian ini akan dijelaskan mengenai

perancangan aplikasi yang akan dibangun dengan membuatkan Activity Diagram siswa dan guru pada gambar 6.

Gambar 6 Activity diagram

Perancangan Database Tabel Password Siswa Nama File: Password Siswa Isi,Field : NIS,Password Primary Key: NIS

Tabel 1. Tabel password siswa

Tabel Data Profil Siswa Nama File : Data Profil Siswa Isi Filed :Nama_Lengkap, Jenis_kelamin,Tempat_

lahir, Anak_ke,Jumlah_saudara, Primary Key : Nama_lengkap

Tabel 2. Tabel data profil siswa

Tabel Mata Pelajaran Nama file: Mata_Pelajaran Isi Field : Kode_Pelajaran, Mata_Pelajaran, Hari_

Jadwal_Pelajaran, Jam_awal_pelajaran, Jam_akhir_pelajaran, Kelas

Primary Key: Kode_pelajaran

Tabel 3. Tabel data mata pelajaran

Tabel Mata Ujian Nama File : Mata Ujian Isi Field : Kode_ujian, Mata_ujian,Jadwal_Ujian_

Kelas Primary Key: Kode_ujian

Tabel 4. Mata ujian

Tabel Soal Essay Nama File : Soal_Essay Isi Field : Kode_Soal,Soal,Kelas,Jenis_Soal Primary Key : Kode_Soal

Tabel 1. Tabel Password Siswa

No Field Data

type

Field

Size

Keterangan

1 Nis Varchar 15 Not Null

2 Password Varchar 100 Not Null

Tabel 2. Tabel Data Profil Siswa

No Field Data

type

Field

Size

Ket

1 Nama_lengkap Varchar 50 Not Null

2 Jenis_kelamin Char 1 Not Null

3 Tempat_lahir Varchar 30 Not Null

4 Anak_ke Tinyint 2 Null

5 Jumlah_saudara Tinyint 4 Null

6 Alamat Text 60 Not Null

7 No_hanphone Varchar 20 Null

8 Gol_darah Varchar 2 Null

9 Agama Char 1 Null

10 Kewarganegaraan Varchar 20 Not Null

Tabel 3. Tabel Data Mata Pelajaran N

o

Field Data

field

Filed

size

Ket

1 Kode_pelajaran Varchar 10

2 Mata_pelajaran Varchar 20

3 Hari_Jadwal_pelajaran Varchar 20

4 Jam_awal_pelajaran Time

5 Jam_akhir_pelajaran Time

6 Kelas Varchar 10

Tabel 4. Mata Ujian

No Field Data

Field

Field

size

Ket

1 Kode_ujian Varchar 10 Null

2 Mata_ujian Varchar 20 Null

3 Jadwal_ujian Varchar 20 Null

4 Kelas Varchar 10 Null

Tabel 5. Soal essay No Field Data

Field

Field

size

Ket

1 Kode_Soal Varchar 10 Null

2 Soal Text Null


4 Jenis_Soal Char 1 Null

Tabel 6. Admin atau Guru No Field Data

Field

Field

size

Ket

1 Id_admin Varchar 15 Null

2 Pass_Admin Varchar 100 Null

3 Hak_Akses Char 1 Null

Tabel 7 Tabel Kebutuhan Perangkat Jenis Perangkat Spesifikasi

Perangkat Keras yang Digunakan :

1. Laptop Asus –

ProcessorAmd C60, HDD 320 GB, Ram 2 GB

2. Smartphone Lenovo A390 Android, versi 4.0.4 ice cream sandwich, processor, Intel Dual-Core 1.0 GHZ,Ram 512 mb.

Perangkat Lunak yang Digunakan :

1. Windows 8 Enterprise 32 bit 2. Adobe Flash CS 5 3. Android SDK 32bit 4. Xampp versi 2.5 5. Adobe Photoshop Cs 3 6. Corel Draw X6

Tabel 8 Parameter Smartphone

Tipe Smartphone

Parameter Yang Diamati Lama Install

Lama Loading

Letak Tombol

Posisi Tampilan

Kualitas Gambar

Sony Xperia M 15 sec 3.5 sec Sesuai landscape Kurang Lenovo a390 10 sec 4.5 sec Sesuai Landscape Baik Samsung Grand Duos

10 sec 3.0 Sec Kurang Landscape Kurang

Iphone 5 Error - - - -


No Field Data

type

Field

Size

Keterangan




No Field Data

type

Field

Size

Ket









9 Agama Char 1 Null



o

Field Data

field

Filed

size

Ket






6 Kelas Varchar 10

Tabel 4. Mata Ujian

No Field Data

Field

Field

size

Ket






Field

Field

size

Ket


2 Soal Text Null




Field

Field

size

Ket






1. Laptop Asus –






Tipe Smartphone


Lama Loading

Letak Tombol

Posisi Tampilan

Kualitas Gambar





No Field Data

type

Field

Size

Keterangan




No Field Data

type

Field

Size

Ket









9 Agama Char 1 Null



o

Field Data

field

Filed

size

Ket






6 Kelas Varchar 10

Tabel 4. Mata Ujian

No Field Data

Field

Field

size

Ket






Field

Field

size

Ket


2 Soal Text Null




Field

Field

size

Ket






1. Laptop Asus –






Tipe Smartphone


Lama Loading

Letak Tombol

Posisi Tampilan

Kualitas Gambar





No Field Data

type

Field

Size

Keterangan




No Field Data

type

Field

Size

Ket









9 Agama Char 1 Null



o

Field Data

field

Filed

size

Ket






6 Kelas Varchar 10

Tabel 4. Mata Ujian

No Field Data

Field

Field

size

Ket






Field

Field

size

Ket


2 Soal Text Null




Field

Field

size

Ket






1. Laptop Asus –






Tipe Smartphone


Lama Loading

Letak Tombol

Posisi Tampilan

Kualitas Gambar





45

Tabel 5. Soal essay

Tabel Admin atau Guru Nama File : Admin Isi Field : Id_admin, Pass, Admin, Hak_akses Primary Key :Id_admin

Tabel 6. Admin atau Guru

C. Material Collecting

Pada tahapan pembuatan aplikasi pengumpulan bahan–bahan berupa seperti gambar dan audio.

File berupa gambar didapat dari internet dan diedit kembali menggunakan Adobe Photoshop Cs 3 agar sesuai dengan konsep aplikasi Blended Learning, dan file gambar yang dibuat sendiri menggunakan Corel Draw X6. Sedangkan file audio untuk aplikasi ini di dapatkan dari internet. Kebutuhan perangkat yang digunakan pada proses pembuatan aplikasi terdiri dari perangkat keras dan perangkat lunak yang digunakan dalam penelitian ini. Perangkat yang digunakan pada penelitian ini adalah sebagai berikut :

Tabel 7 Tabel kebutuhan perangkat

Pada penelitian ini file gambar yang diambil dari internet harus diedit kembali di Adobe Photoshop Cs 3 untuk menyesuaikan ukuran piksel resolusinya agar sesuai dengan layar hp dan perangkat mobile yang digunakan. Pada penelitian ini peneliti menggunakan file audio berformat MPEG Audio Layer 3 (MP3). MP3 merupakan file audio yang menggunakan suatu kode untuk melakukan encoding. D. Assembly

Pada tahapan ini dilakukan pembuatan kode program dan semua obyek atau bahan multimedia. Pembuatan aplikasi berdasarkan tahapan desain seperti storyboard, class diagram dan struktur navigasi serta perancangan database. Pada tahapan ini pembuatan aplikasi ini menggunakan perangkat lunak authoring seperti Eclipse,Adobe Flash CS 5, Adobe Photoshop, Corel Draw dan Android SDK 32bit, ADT/plugins eclipse, xampp.

Proses pembuatan aplikasi blended learning ini dibuat dengan file yang berformat .swf dengan penggabungan dari beberapa scene yang ada dari scene awal sampai akhir. Proses selanjutnya, membuat kode program untuk menampilkan halaman awal menu aplikasi. Selanjutnya dibuat juga kode program untuk menu – menu lainnya yang ada dalam blended learning ini.

Dalam pembuatan kode program di eclipse menggunakan beberapa alat bantu untuk pengembangannya. Berikut adalah penjelasan alat bantu pada eclipse tersebut:1. Android SDK. Pada pembuatan aplikasi blended

learning berbasis Android ini, SDK berperan sebagai alat bantu dan API dalam pengembangan aplikasi platform Android agar menggunakan bahasa pemerograman Java. Pada pembuatan aplikasi letak posisi folder Android SDK perlu diingat karena diperlukanuntuk menautkan Android SDK kita dengan IDE di-eclipse yang kita gunakan.

2. ADT/Plugins Eclipse. Pada pembuatan aplikasi ADT/plugins Eclipse berguna menjadi penghubung antara IDE Eclipse dengan Android SDK. Penggunaan ADT biasanya menggunakan Koneksi internet dalam proses instalasinya. Kemudian setelah itu ADT akan menghubungkan IDE Eclipse dengan Android SDK.

E. Testing

Tahapan pengujian yang dilakukan terhadap aplikasi dengan dengan mnggunakan metode pengujian kuisioner, yaitu dengan cara melakukan uji coba kepada pengguna langsung dengan meunjukan


No Field Data

type

Field

Size

Keterangan




No Field Data

type

Field

Size

Ket









9 Agama Char 1 Null



o

Field Data

field

Filed

size

Ket






6 Kelas Varchar 10

Tabel 4. Mata Ujian

No Field Data

Field

Field

size

Ket






Field

Field

size

Ket


2 Soal Text Null




Field

Field

size

Ket






1. Laptop Asus –






Tipe Smartphone


Lama Loading

Letak Tombol

Posisi Tampilan

Kualitas Gambar





No Field Data

type

Field

Size

Keterangan




No Field Data

type

Field

Size

Ket









9 Agama Char 1 Null



o

Field Data

field

Filed

size

Ket






6 Kelas Varchar 10

Tabel 4. Mata Ujian

No Field Data

Field

Field

size

Ket






Field

Field

size

Ket


2 Soal Text Null




Field

Field

size

Ket






1. Laptop Asus –






Tipe Smartphone


Lama Loading

Letak Tombol

Posisi Tampilan

Kualitas Gambar






1. Laptop Asus –






Tipe Smartphone


Lama Loading

Letak Tombol

Posisi Tampilan

Kualitas Gambar





46

aplikasi yang sudah jadi lalu diberikan sebuah pertanyaan dan penilaian terhadap aplikasi. File aplikasi yang akan diuji coba pada perangkat mobile tersebut adalah file hasil package yang berupa file apk. Package dari aplikasi tersebut dapat langsung dicobakan pada perangkat yang digunakan pada pengujian tersebut. File aplikasi yang akan diuji coba pada perangkat mobile tersebut adalah file hasil package yang berupa file apk. Package dari aplikasi tersebut dapat langsung dicobakan pada perangkat yang digunakan pada pengujian tersebut.

Pada sistem yang telah berjalan maka selanjutnya dilakukan penerapan agar aplikasi yang sudah dibuat bisa dijalankan ke dalam smarphone android. Adapun bahasa digunakan bahasa pemograman yang diterapkan kedalam sistem yang telah berjalan yaitu: a). Actionscript. Sebuah bahasa pemograman dalam software Adobe Flash yang digunakan untuk membuat sebuah aplikasi pembelajaran online dimana bisa memberikan sebuah tampilan yang menarik yaitu sebuah animasi 2 dimensi dan 3 dimensi dengan bahasa pemograman actionscript 2.0 dan actionscript 3.0; dan b). Php dan My Sql. My Sql sebuah sistem manajemen basis data relasional yang digunakan untuk menyimpan database mata pelajaran, data siswa, data guru, nilai, maupun soal yang ada pada sistem pembelajaran online . PHP untuk membantu aplikasi terhubung ke server.

Hasil evaluasi dari uji coba yang telah dilakukan menunjukan bahwa aplikasi game edukasi ini tidak dapat berjalan disemua perangkat smartphone, aplikasi blended learning ini hanya berjalan pada sistem operasi Android 4.0.4 dengan ukuran layar 4,0 inch dengan resolusi 480 x 800. Adapun tahapan dalam pengujian dengan melakukan perbandingan dengan parameter yaitu menguraikan tentang uju coba yang dilakukan ke dalam beberapa smartphone. Dalam Program Blended Learning ini dilakukan percobaan menggunakan smartphone beberapa merek. Adapun Parameter-parameter yang digunakan dapat dilihat pada tabel berikut ini:

Tabel 8 Parameter smartphone

F. Distribution

Pada tahap pendistribusian, aplikasi ini akan disimpan pada media CD, dan aplikasi ini akan di

upload dalam salah satu server agar aplikasi blended learning dapat dikembangkan oleh peneliti selanjutnya dan pengguna supaya bisa memperbaharui database nilai, materi dan soal.

Aplikasi blended learning yang dibangun untuk smarthphone dengan sistem operasi Android berhasil dibuat dan dapat dijalankan pada smarthphone dengan sistem operasi Android tersebut.

1. Tampilan Layar Menu LoginTampilan layar utama Gambar 5 adalah tampilan

awal ketika aplikasi pertama kali dijalankan. Pada tampilan aplikasi ini terdapat background gambar warna biru dan input text untuk masukan NISN dan password. Dengan menginput pada kolom nisn dengan id masing-masing siswa dan menginput password maka jika berhasil login ke dalam aplikasi maka akan tampil halaman menu utama, jika salah maka akan ada tampilan cek id dan password.

Gambar 5 Tampilan layar menu login

2. Tampilan Menu UtamaPada Gambar 6 di tampilan layar ini adalah

ketika tombol login di tekan sukses maka akan masuk ke pilihan menu yang terdiri dari 9 menu pilhan yang terdiri dari profil sekolah, jadwal hari ini, berita akademik, kalender akademik, materi hari ini, soal ujian, history nilai, soal latihan, out. Beberapa menu menampilkan fungsi masing-masing yang terdiri dari profil sekolah yang berisikan informasi sekolah, jadwal hari ini yang berisikan informasi jadwal mata pelajaran beserta jam nya, berita akademik yang berisikan informasi seputar kegiatan sekolah atau informasi berita terkini, kalender akademik yang berisikan informasi tanggal liburan atau hari raya nasional serta tanggal ujian berlangsung, materi hari ini berisikan informasi yang bisa dipelajari dalam mata pelajaran yang terdapat dalam jadwal hari ini, soal ujian berisikan soal-soal dari semua pelajaran yang bisa diakses pada saat ujian tengah semester dan ujian akhir sekolah, history nilai berisikan infomasi nilai yang didapat dari ujian yang dikerjakan, out ialah keluar dari aplikasi jika memang kegiatan belajar mengajar telah selesai.



1. Laptop Asus –






Tipe Smartphone


Lama Loading

Letak Tombol

Posisi Tampilan

Kualitas Gambar





47

Gambar 6 Tampilan menu utama

3.Tampilan Layar Profil SekolahPada Gambar 7 adalah tampilan profil sekolah

dimana ada 3 tombol yang terdiri dari sambutan ketua yayasan, visi dan misi, sejarah sekolah yang masing-masing mempunyai informasi yang berbeda-beda. Dimana visi dan misi berisikan informasi dari sekolah tersebut, sejarah sekolah berisikan informasi kapan sekolah tersebut berdiri, dan ketua yayasan berisikan informasi ketua dari sekolah tersebut.

Gambar 7 Tampilan profil sekolah

4. Tampilan Menu profil siswaPada tampilan Gambar 8 adalah profil siswa

yang berisi tentang data-data siswa seperti tampat lahir, tanggal lahir, anak ke, alamat, no handphone,foto siswa dan nama lengkap siswa.

Gambar 8 Tampilan menu profil siswa

5. Tampilan Menu Kalender AkademikPada tampilan Gambar 9 adalah tampilan dari

kalender akademik yang berisikan hari,bulan, dan

tahun dimana pada setiap tanggal berisikan informasi kegiatan sekolah, libur semester, ujian uts, ujian uas, tanggal masuk, dan hari raya nasional.

6.Tampilan Menu Materi Hari IniPada Gambar 10 adalah tampilan dari materi

hari ini sesuai dengan database yang ada pada hari yang sudah ada dijadwal dimana materi yang ada pada tampilan ini ialah materi fisika yang bisa kit abaca dalam format tulisan atau .txt.

Gambar 10 Tampilan menu materi hari ini

7. Tampilan Menu NewsPada Gambar 11 adalah tampilan dari news

yang berisi informasi berita seputar sekolah ataupun informasi berita terkini yang ada didalam negeri maupun luar negeri

Gambar 11 Tampilan menu news

IV. SIMPULAN

Berdasarkan hasil dari penelitian yang telah diuraikan didapatlah simpulan dari hasil penelitian sebagai berikut: Aplikasi ini menyediakan berbagai pilihan aktifitas sekolah dan siswa mulai dari profil sekolah,kalender akademik,news, materi hari ini, soal, history nilai,profil siswa yang ada disekolah secara interaktif dan menarik yang bisa diperbaharui setiap harinya. Aplikasi ini setelah di uji coba menghasilkan output yang dapat diimplementasikan pada smartphone sistem operasi android

V. DAFTAR RUJUKAN

[1] Munir, Multimedia : Konsep dan aplikasi dalam penelitian. Bandung: Alfabeta, 2012, hlm. 101-103.

[2] Rusman. et. al. Pembelajaran Berbasis Teknologi Gambar 9 Tampilan kalender akademik


48

Informasi dan Komunikasi. Jakarta : PT Raja Grafindo Persada, 2011. Hlm 242 .

[3] Rusman. et. al. Pembelajaran Berbasis Teknologi Informasi dan Komunikasi. Jakarta : PT Raja Grafindo Persada, 2011. Hlm 245

[4] R. Noveandini. “Pemanfaatan media pembelajaran secara online(e-learning) bagi wanita karir dalam upaya meningkatkan efektivitas dan fleksibilitas pemantauan kegiatan belajar anak siswa/I sekolah dasar” STMIK STI&K, Jakarta, 2010

[5] M. Suyanto. Analisis dan Desain Aplikasi Multimedia untuk Pemasaran. Yogyakarta: Andi,2004.hlm 210-212.

[6] Pengertian dan Manfaat Multimedia pembelajaran. [Online]. Diakses 5 November 2014 dari November 2014 dari http://istiyanto.com/pengertian-dan-manfaat-multimedia-pembelajaran/

[7] Jubilee Enterprise. 101 Tip dan Trik Flash cs 5. Jakarta: PT Elex Media Komputindo, 2010. Hlm 141.

[8] Wahana Komputer. Buku latihan Teknik Mengolah Foto Digital dengan Adobe Photoshop CS3. Jakarta : PT Elex Media Komputindo, 2007.Hlm 1

[9] N. Safaat H. Pemograman Mobile Smartphones dan Tablet PC berbasis Android. Bandung : Infomatika Bandung, 2012.

[10] D. D. Prasetya. Membuat Aplikasi Smarphone Multiplatform. Jakarta :PT Elex Komputindo, 2013.

[11] A. Tarr. PHP and MYSQL 24-Hour Trainer. Canada : John Wiley & Sons, 2012. Hlm 239

[12] H. Prihatna. Struktur Navigasi. Jakarta : Elexmedia Komputindo, 2005

[13] U. Prabowo & Herlawati. Menggunakkan UML. Bandung: Informatika, 2011

Implementasi Blended Learning Multimedia Berbasis Smartphone ...

Documents