tutorial membuat mobile learning by.siti husnul b

Toturial “Membuat Mobile Learning” By: Siti Husnul Bariah, SKom

TUTORIAL Membuat Mobile Learning

(Contoh Kasus: Pada Mata Pelajaran TIK Kelas IX

Ma’had Darul Arqam – Garut)

By: Siti Husnul Bariah, SKom

Dewasa ini perkembangan teknologi semakin pesat dari tahun ke tahun,

dalam berbagai macam bidang atau ilmu pengetahuan. Salah satunya dalam dunia

pendidikan, dengan adanya peran teknologi yang mampu mendukung segala

aktifitas belajar mengajar, meskipun tidak semua bahan ajar atau materi pelajaran

dapat diberikan terhadap siswa menggunakan teknologi.

Terdapat beberapa contoh peran teknologi dalam dunia pendidikan, salah

satu diantaranya adalah E-Learning (dengan bantuan sebuah jaringan computer

yang saling terhubung satu dengan yang lainnya yang di dalamnya terdapat

beberapa informasi dari mulai yang static sampai yang dinamis, atau sering kita

sebut dengan “INTERNET”) bahwa jarak sudah bukan menjadi sebuah halangan

lagi, kita dapat bertukar materi, berdiskusi, melihat jadwal dan sebagainya secara

online tanpa harus dibatasi oleh ruang dan waktu. Kemudian contoh yang lainnya

adalah Mobile Learning yang akan saya bahas dalam tutorial ini:

Sebelum dilanjutkan pada tahapan pembuatan mobile learning, saya akan

menjelaskan beberapa program atau software yang diperlukan untuk menunjang

pembuatan mobile learning ini, diantaranya adalah:

No Nama Program Fungsinya

1 Microsoft Office (PowerPoint) Untuk membuat slide presentasi mata

pelajaran TIK (dalam satu pertemuan atau

satu materi pembahasan)

2 Hot Lava Mobile Untuk membuat media pembelajaran berbasis

mobile, dan menconvertnya menjadi .java

sehingga dapat dibaca oleh HandPhone yang


mendukung java.

3 PhotoScape Untuk edit foto (dalam hal ini adalah untuk

mengubah ukuran slide “yang telah di format

menjadi gambar” sehingga mencapai ukuran

yang standar untuk layar handphone)

Untuk meng-install software-software diatas, tentunya

komputer/laptop/nettbook yang anda pakai harus memiliki spesifikasi seperti

dibawah ini:

1. Sistem Operasi Windows (sp1, sp2, sp3, atau seven)

2. Memori min 1 GB

3. HDD min 160 GB

Setelah semua spesifikasi terpenuhi, maka langkah selanjutnya adalah meng-

install semua software-software yang dibutuhkan seperti yang telah dijelaskan diatas

(Microsoft office “powerpoint”, hot lava mobile, dan potoscape).

*Catatan: dalam tutorial ini tidak akan dijelaskan secara rinci untuk install

program Microsoft office “powerpoint” karena biasanya itu adalah salah satu

program inti yang harus ada dalam laptop atau komputer masing-masing, maka

berdasarkan hal tersebut, dianggap program tersebut sudah dimiliki dan terinstall

dengan baik di laptop atau komputer anda masing-masing.

1. Klik 2x pada shortcut program tersebut atau klik kanan run as administrator

INSTAL HOT LAVA MOBILE


2. Bila muncul box peringatan, maka klik yes

3. Kemudian proses install pun dimulai, maka klik next

1

2

3

Pilih I accept,

kemudian klik next

klik next

klik next


*Catatan, organization boleh diisi atau dikosongkan

klik next

4

5

klik next

klik Install

6


Ketika prosesnya selesai, maka akan mucul seperti dibawah ini

Ini menunjukan bahwa program telah berhasil di install.

1. Klik 2x pada shortcut program tersebut atau klik kanan run as administrator

Proses

Install

INSTAL PHOTOSCAPE

7

8


2. Jika muncul box peringatan maka klik, yes

3. Proses Install pun dimulai

Klik next

1

2

Klik I Iagree

3

Klik next

Klik next

4


Ketika prosesnya selesai, maka akan muncul gambar dibawah ini,

yang menunjukan bahwa photoscape sudah berhasil di install.

Setelah software diatas berhasil terinstall, maka dibawah ini saya akan

memulai langkah-langkah pembuatan mobile learning, dengan contoh kasus pada

mata pelajaran teknologi Informasi dan Komunikasi kelas IX dan pembuatanya

memanfaatkan software Microsoft powerpoint, photoscape, dan hot lava mobile.

1. Buatlah Slide Presentasi (berupa bahan ajar 1x pertemuan, atau 1x

pembahasan) dengan Microsoft office powerpoint, seperti gambar dibawah

ini:

5


2. Kemudian setelah slide presentasi materi selesai dibuat, langkah selanjutnya

adalah menyimpan slide per slide tersebut dengan format .JPG (Gambar),

sehingga nantinya masing2 slide akan menjadi gambar, misalnya ada 10

slide, maka akan menjadi 10 file gambar. Langkah-langkahnya seperti berikut:

Klik tombol menu Microsoft Powerpoint pilih “save as” pilih

“powerpoint presentation”

Maka akan muncul seperti gambar dibawah ini:

Setelah direktori penyimpanan dipilih, kemudian sebelum klik save, ada yang

harus dirubah terlebih dahulu dalam “save as type” yang tadinya powerpoint

presentation menjadi “JPEG File Interchange Format”

Catatan: cari direktori untuk penyimpanan

file tersebut, misalnya dalam drive d,

kemudian dalam folder “mobile learning”

dan harus diingat.

*fungsinya adalah ketika ingin mencari file

hasil penyimpanan barusan tidak keliru

atau susah untuk menemuinya.


Setelah klik save, maka akan muncul peringatan seperti dibawah ini:

Fungsinya adalah menyimpan setiap slide yang ada menjadi format .JPG

(Gambar). Dan muncul:

Artinya, bahwa file tersebut sudah berhasil disimpan pada direktori,

c:\user\nyunyuw\document\mobile learning\slide presentasi tik kelas ix.

3. Setelah menyimpan materi per slide menjadi format gambar, maka secara

keseluruhan akan nampak seperti gambar dibawah ini:

4. Setelah slide berhasil disimpan menjadi format gambar, langkah selanjutnya

adalah mengubah ukuran gambar tersebut menjadi “320x240” supaya ketika

tampil di layar handphone tidak terlalu besar (menyesuaikan dengan layar

handphone), caranya dengan menggunakan program photoscape, langkah-

langkahnya seperti berikut:

Save as type “JPEG File Interchange Format”,

kemudian klik save

Klik “every slide”

12 slide presentasi, menjadi 12 gambar yang secara otomatis diberi judul sesuai

nomor urutan slide dalam powerpoint.


Maka akan muncul:

Maka akan muncul:

Langkah selanjutnya adalah “drag masing-masing gambar tersebut ke

kolom atas” seperti gambar dibawah ini:

1

Buka aplikasi photoscape “klik 2x”

2

Pilih “Batch Editor”

Cari direktori tempat penyimpanan

slide presentasi yang disimpan

menjadi format gambar

Jika sudah berhasil klik folder yang

dituju, maka secara otomatis semua

gambar muncul dibawah.

List gambar yang telah

di drag

3

4


Maka akan muncul:

Dalam menu

resize, pilih

“stretch”

Ubah width

menjadi “320”,

dan height

menjadi “240”

5

6

Setelah merubah resize nya, kemudian klik “convert all” maksudnya adalah, mengconvert

semua gambar yang telah di drag ke atas, ukurannya menjadi 320x240.

Klik “save”

Perhatikan lokasi penyimpanan, agar

anda tidak kebingungan mencari hasil

convert gambar tersebut.

7


Dan muncul:

5. Setelah point 1-4 selesai (Membuat slide dengan powerpoint, menyimpannya

menjadi format gambar, dan merubah size gambar menjadi 320x240). Maka

langkah selanjutnya adalah mengolah bahan yang sudah ada (berupa

gambar materi bahan ajar) menggunakan software Hot Lava Mobile berikut

langkah-langkah pembuatannya:

Buka program Hot Lava Mobile

Proses convert dimulai

Proses convert selesai

File hasil convert

menjadi 320x240

Untuk melihat ukuran gambar tersebut,

cukup arahkan mouse ke salah satu

gambar, kemudian akan muncul

keterangan seperti gambar tersebut.

8

9

10

1

Klik 2x pada shortcut Hot

Lava Mobile / klik kanan dan

pilih “Run as administrator”


Sehingga muncul tampilan awal/home Hot Lava Mobile seperti gambar

dibawah ini:

*Catatan: daftar menu tersebut secara default sudah tersedia, jadi

ketika membuat file baru secara otomatis daftar tersebut ada. Hanya

saja kita tinggal merubah properties nya.

Untuk lebih lanjutnya, saya akan praktekan masing-masing menu

tersebut.

Untuk lebih jelasnya saya akan menjelaskan satu persatu

structur/daftar menu yang ada:

Layar Output/ hasil

keluaran

Properties dari daftar menu

Daftar menu yang akan mendukung proses pembuatan mobile learning dengan

Hot Lava Mobile ini.

2

Klik pada structure

MODULE

Ubah Name (yg ada di properties) menjadi Mobile

Learning TIK Darul ARqam

3


Fungsinya MODULE : judul utama mobile learning, Modul memiliki

beberapa sub menu, diantaranya adalah:

(RESOURCE= untuk menyimpan file-file yang kemudian nantinya

akan digunakan dalam pembuatan mobile learning, jadi semua

slide/gambar presentasi dari komputer di “add” ke sub menu

Reource, caranya adalah:

Klik kanan pada “Resouce” Add resource cari folder

“output” (gambar slide yang sudah di convert” kemudian

“Ctrl+A” (supaya semua gambar ter-blok semua) klik “Open”

sehingga tampilannya seperti dibawah ini:

(Proses add resource)

(ketika proses add resource selesai, maka sub menu dalam

resource bertambah berdasarkan jumlah file/gambar yang di

add)


(ABOUT= untuk mengisi identitas tentang program mobile learning

yang dibuat) Cara untuk merubah yang ada adalah, klik tulisan “P”

Kemudian liat di propertiesnya

Rubah “This module was created using Learning Mobile Author (tm)” Menjadi (Mobile

Learning ini dibuat oleh Siti Husnul Bariyah – STKIP Garut),

sehingga hasilnya menjadi seperti ini:

(Fungsinya untuk menuliskan penulisan hak cipta)

Contohnya:


Catatan: satu (P) hanya dapat menulis satu baris, jadi tidak bias

memakai “enter”, untuk menambahkan tulisan baru pada baris

selanjutnya, caranya adalah klik kanan pada P Add Item

Begitupum selanjutnya, ketika ingin menambah info contact yang

lain dibawahnya, berarti harus add item dulu dalam sub menu

DISCLAIMER, sehingga paragraph (p) nya bertambah.

*Catatan: Cara menambah paragraph dalam setiap sub menu sama

langkahnya, yaitu klik kanan di paragraph (p) sebelumnya pilih

Add Item.

Merupakan New Page untuk masing-masing halaman

dalam mobile learning, Title Page adalah sebuah judul untuk

tampilan masing-masing halaman (yang nantinya akan muncul di

atas)

Untuk merubah Nama Title Page (klik kanan rename) contohnya

disini penulis akan merubahnya dengan tulisan TIK Hal 1

Kemudian, untuk menambahkan source gambar slide 1, caranya

adalah: Klik Kanan pada Page “TIK Hal 1” Add New Image,

sehingga tampilannya seperti dibawah ini:

Karena penulis sudah membuat slide

materi berupa gambar yang sudah di “Add”

dalam menu RESOURCE, maka 2 paragraf

(p) yang ada pada sub menu TIK Hal 1 akan

dihapus, caranya

klik kanan pada (p) delete


Yang terlihat diatas slide menunjukan “slide yang terakhir” oleh

karena itu perlu merubahnya di properties Resource = Slide 1.JPG

Untuk menambahkan page selanjutnya, supaya lebih teratur maka

hapus semua page yang ada dibawah (Page= TIK Hal 1) dengan

cara klik kanan pada page nya delete

Hapus semua page

dibawah TIK Hal 1


Sehingga tampilan akhir sampai pada proses diatas adalah sebagai

berikut:

Langkah selanjutnya adalah menambah page sesuai dengan

jumlah slide gambar (materi) yang ada di resource. Dalam contoh

kasus penulis memasukan 11 Slide, oleh karena itu harus membuat

Page baru dengan judul masing-masing yang berbeda (TIK Hal 2,

TIK Hal 3, TIK Hal 4, TIK Hal 5……… sampai pada TIK Hal 11),

Caranya adalah: Klik kanan pada page “TIK Hal 1” pilih “Add

Page” Sehingga muncul seperti dibawah ini:

Begitupun selanjutnya, sampai membuat TIK Hal 11, prosesnya

sama, terlebih dahulu Add Page, kemudian Rename, bila sudah

selesai semuanya, akan terlihat seperti gambar dibawah ini:

Rename, sesuai langkah rename pada TIK

Hal 1, bedanya sekarang dikasih nama “TIK

Hal 2”

Untuk rename

Klik kanan pilih

Rename


Langkah selanjutnya adalah memasukan gambar pada masing-

masing page (Hal TIK 2,3,4…..11) sesuai dengan nomor slide

materi yang ada.

Untuk langkahnya silahkan mengikuti pada point sebelumnya ketika

menambahkan gambar pada TIK Hal 1, jika lupa akan saya

ingatkan lagi

Page TIK Hal 2

Page sudah berhasil dibuat, sesuai

dengan slide materi yang ada.

Klik kanan pada Page “TIK Hal 2” Add new

Image

Kemudian ubah properties image (resource

nya menjadi nama slide 2.JPG

Hasilnya


Page TIK Hal 3

Page TIK Hal 4

Page TIK Hal 5

Page TIK Hal 6


Page TIK Hal 7

Catatan: (dalam contoh kasus penulis) Page 7 resource slide nya

no 8, karena silde no 7 tidak dipakai, jadi untuk selanjutnya page 8

(slide nya 9, dst).

Page TIK Hal 8

Page TIK Hal 9


Page TIK Hal 10

Page TIK Hal 11

6. Setelah point 1-5 (pembuatan slide dengan powerpoint, menyimpan dengan

format JPEG, merubah size gambar tersebut dengan PhotoScape, dan

membuat Mobile Learning dengan Hot Lava Mobile) ketika sudah selesai

sampai pada tahapan diatas, langkah selanjutnya adalah Generate Mobile

Learning yang telah dibuat menjadi for JavaME.

Kenapa harus JavaME, karena demo dari hasil pembuatan Mobile Learning

ini akan diuji coba kan pada HandPhone yang support Java.

Langkah-langkah untuk meng-Generate for JavaME adalah:

Klik Tools pilih “Generate For JavaME”


Sehingga muncul tampilan seperti dibawah ini:

Proses Generate pun dimulai, dan ketika proesnya selesai, maka secara

otomatis akan muncul form pemberitahuan, bahwa file tersebut sudah

berhasil di generate menjadi .jar (java)

Maka akan muncul seperti dibawah ini:

Nama file Java nya adalah “Mobile Learning

Siti Husnul Bariah.jar”

Form yang lainnya tidak perlu dirubah dan

diisi, ketika muncul form ini, langsung saja

klik tombol “OK”

Lokasi File .Jar (Java)

Setelah melihat pemberitahuan sukses, dan file

tersebut ada dimana letaknya, untuk lebih jelas

melihat hasilnya, klik “Open Folder”

Ini hasil Generate For JavaME, yang nantinya file ini harus ditransfer ke HandPhone

yang support java baik melalui Bluetooth ataupun Kabel data (USB).


1. Persiapkan HandPhone yang support Java, kabel data, atau handphne yang

sudah ada bluetooth nya. Dalam hal ini saya memakai

a. Handphone Blackberry Curve/Gemini 8520

b. Kapasitas memory 2GB

c. Kabel data (USB)

A

B

C

2. Transfer data melalui Kabel data (USB)

a. Sambungkan kabel data yang sudah terhubung dengan handphone ke

port USB Laptop/komputer, sampai terdeteksi memory eksternal dari

HandPhone.

b. Setelah berhasil terhubung, maka langkah selanjutnya adalah meng-

copy file mobile learning.jar (java) ke folder di handphone (usahakan

ingat menyimpannya dimana) karena ini memudahan ketika nanti

TRANSFER DATA FILE MOBILE LEARNING.JAR (JAVA) KE HANDPHONE

Pertanda, bahwa memory eksternal

Handphone sudah terdeteksi di laptop.


mencari file mobile learning tersebut di handphone, ketika akan

menginstall nya di HandPhone.

(dalam contoh kasus ini, penulis meng-copy file nya ke folder

blackberry/documents, seperti pada gambar dibawah ini:

c. Ketika proses transfer data selesai, maka eject kabel data tersebut dari

laptop/komputer,

d. Proses selanjutnya adalah uji coba program java tersebut di

handphone. Cari folder yang telah di copy kan file mobile learning.

Misalnya saya menyimpan di:

Blackberry/Document/MobileLearning/Mobile Learning Siti husnul

Bariah.jar

Di laptop Di handphone

Proses “Eject” kabel data Handphone


1. Buka folder tempat penyimpanan file Mobile Learning (yang sudah di copy

dari komputer ke memory handphone), contohnya seperti gambar dibawah

ini: Media Card/Blackberry/documents/

2. Setelah file Mobile Learning Siti Husnul Bariah.jar ditemukan, maka langkah

selanjutnya adalah meng-install aplikasi tersebut, langkah-langkahnya adalah:

klik menu bbpilih “open” maka akan muncul seperti gambar dibawah ini:

3. Ketika klik download, maka akan muncul pengaturan-pengaturan pada

handphone tersebut, tekan tombol “back” lalu akan muncul seperti gambar

dibawah ini:

UJI COBA MOBILE LEARNING DI HANDPHONE BLACKBERRY CURVE 8520

Ceklist “set application

permissions”

Lalu klik “Download”

1

2

Tekan tombol

menu “BB” lalu

pilih “open”


4. Setelah menekan tombol “back” maka akan muncul seperti gambar dibawah

ini: “menanyakan apakah anda akan melanjutkan proses?” tekan tombol “yes”

5. Maka proses install aplikasi mobile learning pun dimulai:

Pengaturan secara

default dari bb, tidak

perlu ada yang dirubah

Tombol “back”

Tekan tombol “yes”

Tunggu sampai

prosesnya selesai


6. Ketika proses install selesai, maka selanjutnya akan tampil seperti gambar

dibawah ini:

7. Maka proses install pun selesai dilakukan (point 1-6). Langkah selanjutnya

adalah melihat hasil dari aplikasi mobile learning siti husnul bariah.jar yang

telah dibuat, langkah-langkahnya adalah mecari letak aplikasi yang telah di

install, misalnya dalam contoh kasus ini, di handphone bb curve 8520

terdapat pada folder “downloads”.

8. Untuk membuka aplikasi tersebut, tekan tombol menu “BB” pilih “open” ,

maka akan tampil slide pertama pada mobile learnining yang telah dibuat

dengan software HotLavaMobile, untuk lebih jelasnya lihat gambar dibawah

ini, akan menampilkan setiap slide yang dibuka dengan handphone:

Tekan tombol “ok”

Aplikasi mobile learning yang

telah di install.

Ketika kita memilih aplikasi tersebut, maka

akan muncul keterangan “judul aplikasi”


Slide 1 Slide 2 Slide 3




Slide 10 Slide 11

9. Selain tampilan slide yang dibuat dengan software HotLavaMobile, aplikasi

tersebut dilengkapi dengan berbagai macam keterangan, seperti disclaimer,

about, dan help, yang bias pengguna lihat dengan cara tekan menu BB.

Tampilan masing-masing menu tersebut diantaranya seperti gambar dibawah

ini:

Disclaimer (Berisi copyright tahun pembuatan serta info contact)


About (Berisi pemberitahuan tentang program ini dibuat oleh siapa)

Help (Berisi bantuan penggunaan aplikasi tersebut)

Sekian langkah-langkah dalam pembuatan Mobile Learning, dari mulai install

software yang dibutuhkan sampai pada uji coba aplikasi berbasis java tersebut

menggunakan HandPhone yang support Java (dalam contoh kasus penulis

memakai HP BB Curve 8520).

Pembuatan Tutorial ini, untuk memenuhi salah satu syarat UTS dalam Mata

Kuliah Praktek teknologi Pembelajaran, semester 3 STKIP – Garut.

Mohon maaf atas segala kekurangan yang ada dalam pembuatan Tutorial ini.

Mudah-mudahan apa yang saya tulis dapat bermanfaat bagi anda semua yang

membacannya.


DAFTAR RIWAYAT HIDUP

Nama lengkap penulis adalah Siti Husnul Bariah, penulis lahir di Garut, Jawa

Barat pada tanggal 15 juni 1989, anak pertama dari pasangan Bapak Dr. H.

Suherman, SH, MSi dan Ibu Dra. Hj. Ani Hanifah, M.MPd. Pendidikan Sekolah dasar

di SDN Singajaya 1 tamat tahun 2000, melanjutkan ke MTs Darul Arqam tamat

tahun 2003 serta menyelesaikan sekolah di MA Darul Arqam pada tahun 2006.

Tahun 2006 penulis melanjutkan pendidikan di Universitas Pendidikan

Indonesia Bandung di jurusan Ilmu Komputer, Fakultas Pendidikan Matematika da

Ilmu Pengetahuan Alam. Penulis pada tanggal 11 Oktober 2010 memperoleh gelar

sarjana setelah mempertahankan skripsi yang berdujul “Implementasi Pendekatan

Semantic Object Model Pada Rancangan Database Penatausahaan Aset Fasilitas

Kantor Studi Kasus: Dinas Komunikasi dan Informatika – Bandung”.

Awal tahun 2011, penulis mengikuti tes penerimaan mahasiswi baru di

Program Pascasarjana Sekolah Tinggi Keguruan dan Ilmu Pendidikan Garut dengan

mengambil jurusan Teknologi Pembelajaran, dan sampai sekarang penulis masih

menuntut ilmu dan berjuang untuk menggapai cita-citanya mendapatkan gelar

Magister. Selain menjadi mahasiswi di program pascasarjana STKIP Garut, penulis

terdaftar sebagai Guru Teknologi Informasi dan Komunikasi (TIK) di Pondok

Pesantren Darul Arqam Garut sampai sekarang.

tutorial membuat mobile learning by.siti husnul b

Education