Welcome to My Physic Web Blog. This Blog contains the evidences of my teaching learning activities. Some parts of The Blog are taken from various resources and some are constructed by me and the science team at my shcool. All materials are free to download for professional reason only. If you have any comment and suggestion, please feels free to email me at: neny.jos@gmail.com

Rabu, Juni 08, 2016

Mobizen, Aplikasi Android untuk Smartphone Mirroring dalam Pembelajaran Berbasis Mobile #2

Menjalankan smartphone mirroring dengan menggunakan Mobizen melalui sambungan wireless sebenarnya tidak jauh berbeda dibandingkan dengan menggunakan sambungan kabel data USB seperti pada posting sebelumnya (baca disini).  Secara prinsip keduanya adalah sama hanya berbeda pada jenis penghubung antara smartphone android dengan PC/Laptop saja.  



SETTING MOBIZEN PADA ANDROID

Yang pertamakali harus anda lakukan adalah mensetting mobizen pada android untuk sambungan wireless,yaitu ketika mobizen android sudah pada keadaan sukses masuk pada dashboard mobizen yang berisi mobile name, email, hingga record screen, silahkan klik titik berjajar tiga kebawah pada bagian kanan atas dashboard mobizen android kemudian pilih connection method settings


Atur pada wifi connection  silahkan geser kekanan hingga berwarna biru artinya on, sementara USB connection dan 3g/lte connection geser kekiri hingga bewarna abu-abu artinya off seperti pada gambar berikut ini :


MENJALANKAN MOBIZEN PADA PC ATAU LAPTOP

Langkah selanjutnya adalah silahkan aktifkan sambungan internet pada pc atau laptop kemudian buka aplikasi mobizen pada pc atau laptop. Sama seperti mobizen pada android, pada awalnya anda akan mendapat sedikit tutorial, silahkan baca jika ingin lebih mengerti jika tidak lewati saja. Anda akan diminta diminta login, silahkan pilih cara login sama dengan saat anda login pada mobizen android kemudian klik connect


 Selanjutnya akan tampil kode verifikasi, catat kode verifikasi tersebut!


Masukan kode verifikasi dari Mobizen PC ke Mobizen Android kemudian klik connect


Kemudian akan ada notifikasi bahwa mobizen siap untuk melakukan smartphone mirroring, klik start now 


maka anda sudah berhasil melakukan smartphone mirroring dengan mobizen melalui sambungan wireless.


Selamat mencoba..

read more “ Mobizen, Aplikasi Android untuk Smartphone Mirroring dalam Pembelajaran Berbasis Mobile #2 ”

Sabtu, Mei 28, 2016

Cara Mudah Membuat Aplikasi Pembelajaran Berbasis Android dari Microsoft Powerpoint

Dalam menerapkan pembelajaran berbasis mobile, kesulitan utama yang penulis rasakan adalah apabila ingin membuat atau melengkapi konten pembelajaran berbasis mobile tentunya dibutuhkan skill khusus untuk membuat aplikasi berbasis android (apk), yang tentunya bagi kebanyakan guru yang berlatar belakang non IT seperti penulis, hal ini sangat menyulitkan karena tidak menguasai bahasa pemrograman.

Namun dengan pesatnya perkembangan pembelajaran berbasis IT, kesulitan tersebut dapat diatasi dengan mudah yaitu dengan membuat aplikasi berbasis android (apk) dari microsoft powerpoint. Bagaimana caranya??? simak dengan baik penjelasan berikut ni !!

Dalam pembuatan aplikasi pembelajaran berbasis Android ini ada beberapa program yang kita butuhkan untuk membuatnya diantanya adalah sebagai berikut:
a) Microsoft Power Point (penulis menggunakan microsoft power point 2013)
b) Converter Power Point ke HTML5 dengan Ispring Suite 8.0
c) Intel XDK


Dengan software-software di atas sudah bisa membuat aplikasi pembelajaran berbasis Android tanpa perlu menguasai bahasa pemerograman. 
Cara Membuat Aplikasi Android dari Microsoft Power Point 
Langkah- langkah pembuatannya adalah sebagai berikut :
  1. Membuat Folder Penyimpanan
Sebelum memulai membuka aplikasi microsoft powerpoint, langkah pertama adalah menyiapkan sebuah folder untuk menampung hasil simpan proyek kita. Kita akan membuat folder di Drive C:\. Langkah-langkahnya adalah:
1. Masuklah ke Window Explorer dan pilih Drive C:\.
2. Buatlah sebuah folder dengan cara Klik Kanan > New > New Folder.
3. Berikan nama folder dengan nama Androidku.
4. Folder telah berhasil dibuat.
Catatan: Nama folder hanya boleh 1 kata.
  1. Membuat Aplikasi dari Power Point
Pada tahap ini, kita akan mengatur Page Setup file microsoft powerpoint yang akan kita buat menjadi aplikasi android (apk). Dengan anggapan Bapak/Ibu guru sudah memiliki file media pembelajaran dari microsoft powerpoint.
a. Pilih bagian Design dan Pilih Slide Size
b.  Pilih slide size: On-Screen Show (16:9) dengan Orientasi pilih Portrait seperti pada gambar
c. Sehingga tampilan microsoft powerpoint kita menjadi sebagai berikut :
  1. Merubah File Microsoft PowerPoint menjadi HTML5
Proses selanjutnya adalah mengubah file microsoft powerpoint menjadi bentuk html5. Proses ini membutuhkan software tambahan, kita dapat menggunakan software Slide Go, iSpring, atau software lainnya. Kali ini penulis menggunakan software iSpring Suite 8.0 untuk merubah file powerpoint ke html5. 
Langkah-langkahnya adalah sebagai berikut :
a. Sebelumnya kita harus sudah menginstal terlebih dahulu software iSpring Suite.
b. Pada tab menu Power Point setelah View akan muncul menu iSpring Suite.
c. Selanjutnya pilih Pubilsh dan atur seperti gambar berikut ini !
d. Aktifkan Extended audio dan video compability pada menu Advanced seperti gambar berikut ini !
e. Selanjutnya klik Publish dan tunggu hingga selesai maka pada folder androidku di drive C: akan terdapat satu folder hasil pubilsh dari microsoft powerpoint ke html5 seperti gambar berikut ini


  1. Membuat Aplikasi Android dari Intel XDK
Intel XDK adalah sebuah program yang digunakan untuk membuat aplikasi Android, windows phone, iphone dan banyak yang lain dan menggunakan bahasa HTML5 untuk membuat aplikasi tersebut. HTML5 itu sendiri adalah revisi kelima dari bahasa HTML. Pada HTML5 diperkenalkan beberapa atribut dan elemen baru yang mendukung pengembangan website modern seperti penambahan atribut dan elemen untuk mendukung elemen video, canvas, dan masih banyak lagi. HTML5 secara utuh merupakan penggabungan teknologi antara HTML5, CSS3, dan JavaScript.
Langkah-langkah pembuatan aplikasi dengan Intel XDK.
1. Pastikan koneksi internet Anda sudah hidup untuk menggunakan software Intel XDK.
2. Buka program Intel XDK di Start > Intel XDK.
Cara Membuat Aplikasi Android dari Microsoft Power Point
3. Untuk pertama kali, Anda diharuskan login/register ke aplikasi Intel XDK.
4. Pilih Sing Up jika anda belum memiliki akun pada Intel XDK.
5. Isikan biodata anda yang nanti dipakai sebagai login dan Submit.
Cara Membuat Aplikasi Android dari Microsoft Power Point
 6. Setelah submit, akan ada informasi jika akun berhasil dibuat.
7. Klik icon Personal Login. Masukkan username dan password (email dan password) yang tadi didaftarkan. Klik Submit.
Cara Membuat Aplikasi Android dari Microsoft Power Point
 8. Jika berhasil login, icon person yang ada di pojok kanan atas akan menampilkan username (email) anda dan project-project yang sudah anda buat. Anda bisa mengedit. mendowload dan menghapus project tersebut.
 
9. Anda telah berhasil login ke Intel XDK
10. Klik Tombol “Start a New Project”.
 11. Klik Template kemudian pilih Standar HTML5 dengan unchek "use app designer" kemudian klik "continue"
 
12. Masukkan lokasi pembuatan aplikasi di “C:\Androidku” dan beri nama project.
 
13. Klik Tombol Create untuk memulai aplikasi. Tunggu proses create hingga akan muncul kotak dialog kalau aplikasi berhasil dibuat. Kemudian Klik "No Thanks"
 14. Anda akan melihat tampilan awal kode Intel XDK. Anda tidak perlu khawatir karena kita kita tidak akan berurusan dengan kode-kode ini. (biarkan saja).
15. Buka file hasil Publish PPT iSpring Suilt HTML5 yang telah kita buat sebelumnya. Lokasi file ada di folder “C:\Androidku\{Nama Folder HTML5}”.
 
16. Copy Semua file hasil converter iSpring Suilt HTML5 ke dalam lokasi pembuatan aplikasi Intel XDK. Lokasi folder bisa ditemukan di “C:\Androidku\{Nama Project Intel XDK}\www.”

              
Sehingga pada “C:\Androidku\{Nama Project Intel XDK}\www.” berisi file :
              (Replace file named index.html) 
17. Klik Menu “PROJECTS”. Pada “BUILD SETTINGS” gantilah nama aplikasinya sesuai yang anda inginkan. Bagian ini adalah nama aplikasi yang akan muncul ketika aplikasi ini diinstal di Smartphone.
Pada Developer Certificate klik "Create New Developer Certificate"kemudian lengkapi sesuai dengan nama aplikasi yang anda inginkan, untuk Key Passphrase terdiri dari minimal 6 karakter, dan key ini akan digunakan untuk Build aplikasi jadi jangan sampai lupa.

 
18. Jika sudah, klik menu LAUNCH ICONS AND SPLASH SCREENS. Di menu ini anda akan memasukan icon aplikasinya. Anda dapat membuat iconnya menggunakan program Photoshop atau program yang lain dengan format gambar PNG. Icon yang anda masukan harus berukuran LDPI (36 x 36px), MDPI (48 x 48px), HDPI (72 x 72px), XHDPI (96 x 96px).Tapi jika tidak menghendaki icons biarkan kosong saja.
     
19. Jika sudah, klik menu EMULATE yang ada di bagian atas untuk melakukan preview ke aplikasi mobile. Pada bagian ini anda dapat mencoba aplikasi yang anda buat secara virtual.
 
20. Anda bisa memilih jenis layout Smartphone yang dijadikan preview.
21. Sebelum aplikasi dipublish ada baiknya kita melakukan test aplikasi pada smartphone         dengan cara klik menu TEST kemudian klik PUSH FILES dan tunggu proses uploading project sampai selesai.

untuk mencoba aplikasi pada smartphone anda, terlebih dahulu download dan install "Intel App Preview" dari Play Store pada smartphone anda. Kemudian smartphone dihubungkan dengan PC dengan kabel data dan jalankan "Intel App Preview" 

Login dengan Akun Intel XDK kemudian klik tombol "PLAY" untuk mencoba aplikasi pada     smartphone anda. Selain itu anda juga dapat mencoba aplikasi dengan cara Scan QR Code kemudian klik tombol "PLAY"

22. Jika aplikasi dirasa sudah berjalan dengan baik di emulator Smartphone, Klik menu BUILD untuk mengubahnya ke bentuk mobile (apk Android).

23. Anda bisa lihat bahwa Intel XDK menyediakan converter untuk mengubah ke banyak platform aplikasi. Pada kali ini, kita akan mengubahnya ke Android, jadi klik Build di logo Android. Jika pada build android masih terkunci (gambar gembok) maka klik gambar kunci dan ketiklha key passphrase yang sudah anda buat pada developer certificate kemudian klik Unlock.
 Tunggu hingga proses unlock selesai sampai muncul notifikasi certificate unlock kemudian klik "Okay"
Maka gembok pada logo android akan terbuka dan aplikasi siap untuk dibuild, kemudian aktifkan logo andorid dengan klik gambar centang dan klik "Start Builds" 
Proses upload file ke server Intel XDK sedang berlangsung. Pastikan koneksi internet Anda stabil. 24. Jika upload sudah selesai, akan ada tampilan seperti di bawah ini. Klik gambar Tanda panah  untuk mendownload aplikasi ke komputer anda.



Catatan:
Selain anda dapat mendownload langsung anda juga akan di kirimi email yang berisi link download aplikasi yang anda buat.
25. Selanjutnya pilih folder untuk penyimpanan dan klik save.

Tunggu proses download hingga selesai.

Selesai aplikasi Android siap anda instal di Smartphone Android anda.

Berikut ini contoh Aplikasi Pembelajaran Berbasis Android yang penulis buat :
http://bit.ly/1WaifBI

 Selamat mencoba...

Sumber : Berbagi Tips Tutorial


read more “ Cara Mudah Membuat Aplikasi Pembelajaran Berbasis Android dari Microsoft Powerpoint ”

Rabu, Mei 25, 2016

Mobizen, Aplikasi Android untuk Smartphone Mirroring dalam Pembelajaran Berbasis Mobile #1


Untuk kebutuhan pembelajaran adakalanya kita sebagai guru membutuhkan menampilkan layar smartphone kita ke PC atau laptop, khususnya bila pembelajaran kita berbasis mobile (mobile learning). Untuk itu kita membutuhkan aplikasi yang dapat berfungsi mirror dari smartphone ke PC atau laptop. Untuk melakukan hal tersebut, anda dapat menggunakan app yang bernama Mobizen. App ini tersedia secara gratis dan bisa anda dapatkan pada Google Play Store. Dan karena perangkat Android tersebut akan dikontrol oleh Windows, maka anda juga harus menginstall aplikasi pengontrolnya yang bisa di-download secara gratis di situs resmi Mobizen.

Mobizen dapat terhubung dengan kabel data USB maupun Wireless. Selain fasilitas remote, Mobizen juga menyediakan banyak fitur-fitur lainnya yang luar biasa, seperti misalnya fitur backup untuk data-data pada perangkat Anda; kemudahan transfer file dari Windows ke perangkat Android maupun sebaliknya; on-screen drawing; perekaman layar; dan lain sebagainya. Apalagi jika anda seorang developer untuk platform Android dan ada kebutuhan untuk mem-presentasikan ataupun mendemokan app yang anda buat pada PC / Laptop, maka Mobizen ini juga jelas akan sangat membantu anda.

FITUR MOBIZEN
Smartphone mirroring
Dukungan terhadapap Real time mirroring pada PC. Dengan Mobizen, anda menggunakan semua aplikasi android dengan fungsionalitas penuh pada PC. Dengan fitur ini anda dapat menggunakan Kik Messenger, WhatsApp pada PC. anda akan mendapati betapa mudahnya untuk menggunakan Instagram pada PC dengan Mobizen
Screen Recording
Anda dapat dengan mudah mengambil screen shot dan merekam layar ponsel tanpa rooting. Ini adalah cara termudah untuk merekam dan berbagi gameplay mobile.

Mobile Presentation

Mobizen bekerja sebagai alat presentasi yang efektif memungkinkan anda untuk mirorring layar ponsel ke layar besar yang mana dapat meningkatkan efektivitas presentasi.

Smartphone Notification
Mudah menerima semua pemberitahuan smartphone pada PC secara diam-diam dan memilih mana saja yang ingin anda tanggapi dengan mengklik mouse.
Video Streaming
Mobizen memungkinkan anda untuk melakukan streaming musik dan video ke PC anda dengan mudah.
Drag and drop File Transfer
Anda hanya perlu melakukan Drag dan Drop ketika ingin mentransfer foto dan file media lainnya ke PC dari ponsel. Anda juga dapat memindahkan isi dari PC ke perangkat mobile dengan fungsi ini.

Nah, kali ini kita akan memanfaatkan salah satu fitur Mobizen yaitu Smartphone mirroring dengan menggunakan kabel data USB bagaimana caranya?? simak dengan baik penjelasan berikut ini yaa...

SETTING MOBIZEN ANDROID
Langkah pertama "smartphone mirroring atau cara menampilkan android di PC/laptop" adalah silahkan aktifkan dahulu opsi pengembang (developer mode) dan debugging usb (usb debugging) pada bagian setelan (setting) karena mobizen membutuhkan kedua akses ini
Jika sudah silahkan aktifkan sambungan internet anda kemudian buka aplikasi mobizen pada android menggunakan smartphone android tentunya. Jangan khawatir sambungan internet hanya diperlukan untuk registrasi dan masuk akun karena mobizen pada android dan mobizen pada pc harus masuk pada akun yang sama.

Jika mobizen android sukses terbuka, anda akan masuk pada halaman welcome, silahkan pilih start.
Anda akan diminta untuk memilih login melalui google (gmail), malalui facebook, atau membuat akun baru pada mobizen dengan mengklik pada email yang tertera pada choose an email for your account (terdapat pilihan akun email sesuai dengan terdaftar pada smartphone anda), silahkan pilih yang termudah menurut anda yang mana akun yang anda gunakan login pada mobizen android juga digunakan login pada mobizen pc.
Misalnya anda memilih membuat akun baru pada mobizen, maka klik email anda diatas dan buatlha password untuk akun mobizen anda kemudian klik next.
 

Setelah sukses login, anda akan mendapat sedikit tutorial, silahkan geser kekiri hingga pada bagian start today kemudian pilih start mobizen
Sukses masuk pada dashboard mobizen yang berisi mobile name, email, hingga record screen.
Sekarang silahkan setting dahulu supaya koneksi yang digunakan adalah kabel usb, caranya silahkan klik titik berjajar tiga kebawah pada bagian kanan atas dashboard mobizen android kemudian pilih connection method settings
Pada usb connection silahkan geser kekanan hingga berwarna biru artinya on, sementara wifi connection dan 3g/lte connection geser kekiri hingga bewarna abu-abu artinya off. Selamat setting mobizen android telah sukses sakarang saatnya setting mobizen pada pc atau laptop.
Kemudian hubungkan Smartphone dengan kabel data USB ke PC atau Laptop, anda akan diminta persetujuan usb debug pada smartphone yang anda hubungkan menggunakan kabel usb, silahkan centang always allow from this computer kemudian pilih ok.

MENJALANKAN MOBIZEN PADA PC ATAU LAPTOP
Langkah selanjutnya adalah silahkan aktifkan sambungan internet pada pc atau laptop kemudian buka aplikasi mobizen pada pc atau laptop. Sama seperti mobizen pada android, pada awalnya anda akan mendapat sedikit tutorial, silahkan baca jika ingin lebih mengerti jika tidak lewati saja. Anda akan diminta diminta login, silahkan pilih cara login sama dengan saat anda login pada mobizen android misalnya jika mobizen android login menggunakan akun google email (gmail) maka mobizen pada pc atau laptop juga login menggunakan gmail dengan akun sama.


Jika sukses login, mobizen pada pc atau laptop akan melakukan serangkaian cek dan test, mungkin beberapa kali akan mengalami kegagalan seperti dibawah ini.
Jika gagal silahkan tutup mobizen pada pc atau laptop kemudian ulangi login lagi. Jika anda sukses menghubungkan mobizen pada android dan PC maka akan ada notifikasi pada smartphone anda seperti gambar berikut silahkan klik Start Now
Jika sukses maka smartphone android terkadang akan terasa bergetar dan tampilan pada smartphone android akan muncul pada layar pc atau laptop.




Jika tampilan layar pada smartphone android sukses tampil pada layar pc atau laptop, maka anda boleh mematikan sambungan internet dan selamat menikmati menggunakan android pada layar pc atau laptop yang mana anda dapat menjalankan aplikasi android di pc atau laptop. Hati-hati karena yang digunakan sebagai perantara sambungan adalah kabel usb, maka usahakan kabel usb jangan terlalu banyak bergoyang karena dapat menyebabkan sambungan putus dan anda harus mengulangi login lagi.

Sebenarnya selain kabel usb, mobizen juga dapat smartphone mirroring (menampilkan layar android di laptop atau pc) menggunakan Wifi atau 3G/LTE, tunggu posting berikutnya yaaa.... bersambung..




read more “ Mobizen, Aplikasi Android untuk Smartphone Mirroring dalam Pembelajaran Berbasis Mobile #1 ”