MY PHYSICS WEB BLOG

Menambahkan Audio Backsound Pada Articulate Stroyline 3 dengan Java Script #Update2021

noreply@blogger.com (Mamguru) — Thu, 4 Nov 2021 00:31:00 +0700

Hello word, kali ini saya akan berbagi tutorial cara paling mudah untuk menambahkan Audio Backsound pada Articulate Storyline dengan menggunakan Java Script sebagai update posting tulisan saya sebelumnya (https://nenyjos.blogspot.com/2019/01/menambahkan-audio-backsound-dengan_1.html). Simak dengan baik tutorial berikut ini yaa...

1. Setelah media pembelajaran sudah selesai dibuat, silahkan buka Slide Master dengan klik View dan pilih Slide Master

2. Copas script JS (Java Script) dibawah ini pada Slide Master Utama disemua layout yang ada pada media dengan memberikan trigger exsecute javascript, dengan when-nya timeline start. seperti pada gambar berikut ini:

3. Insert audio pada slide pertama, sembunyikan icon audio.

4. Pastikan nama audio sama dengan yang ada di script JS misal contoh diatas audio backsound diberi nama "bg_music"

5. Klik Publish

6. Tambahkan file audio sbg bg_music pada folder output hasil publish

7. Done

Selamat mencoba dan jangan lupa komentarnya yaaa...😊

NB: Java Script Audio BackSound

var myAudioDiv = document.getElementById("audioDiv");

if (myAudioDiv == null || myAudioDiv == undefined) {

var myDiv = document.createElement('audio');

myDiv.id = 'audioDiv';

myDiv.src = "bg_music.mp3"

document.getElementsByTagName('body')[0].appendChild(myDiv);

myDiv.loop = true;

myDiv.autoplay = true;

myDiv.load();

myDiv.play();

myDiv.style.visibility = "hidden";

}

Sumber Referensi:

Menambahkan Simulasi Interaktif HTML5 Pada Articulate Storyline

noreply@blogger.com (Mamguru) — Sun, 7 Apr 2019 23:03:00 +0700

Ada kalanya untuk memperjelas pemahaman dalam menyajikan suatu materi pembelajaran dengan menggunkan media pembelajaran, Anda membutuhkan tampilan simulasi atau animasi yang interkatif, misal untuk menyajikan suatu konsep Fisika membutuhkan simulasi virtual yang interaktif dengan melakukan suatu praktikum Fisika. Simulasi atau animasi interkatif yang berbasis web saat ini (yang uptodate) adalah berformat "html5". Untuk kebutuhan tersebut maka Anda dapat menggunakan Articulate Storyline, bagaimana caranya?? Caranya ternyata mudah sekali, yaitu Anda dapat menambahakan simulasi interaktif html5 tersebut dengan bantuan web objek (baca Menambahkan Web Objek pada Articulate Storyline disini😊). Simak penjelasan berikut ini dengan baik yaaa😉

Menambahkan simulasi interaktif berformat *.html5

Buat sebuah folder yang berisi file simulasi interaktif dalam format *.html5, ingat baik-baik dimana lokasi folder tersebut pada komputer anda

Buat New Slide
Klik Menu Insert kemudian pilih "Web Object"

Pada jendela insert web object silahkan browse folder web object yang berisi simulasi interaktif *.html5 dengan cara klik folder icon seperti pada gambar

Telusuri lokasi folder simulasi interkatif *.html5, Anda akan mendapatkan folder kosong, abaikan saja yaa, kemudian akhiri dengan klik select folder dan OK

Simulasi interaktif dalam format *.html5 sudah ditambahkan pada slide Anda

Untuk melihat hasilnya silahkan publish file Anda!😊 CATATAN: Anda TIDAK akan dapat melihat file simulasi interaktif *.htm5 Anda dalam mode Pratinjau (preview) di Articulate Storyline, untuk melihatnya hanya dapat dilihat dalam versi yang Diterbitkan (sudah dipublish). Itu sebabnya langkah ini diperlukan.😀
Untuk menjalankan simulasi interaktif *.html5 silahkan double klik "story_html5"

Maka file Simulasi Interaktif dalam format *.html5 siap dijalankan seperti pada video berikut ini :

Selamat mencoba😊

Sumber :

https://community.articulate.com/discussions/articulate-storyline/importing-interactive-html5-content-to-storyline2-e-g-from-adobe-animate-cc
https://community.articulate.com/users/JoyKonsam
AnimateCC and Storyline

Menambahkan Web Object pada Articulate Storyline

noreply@blogger.com (Mamguru) — Sun, 7 Apr 2019 21:41:00 +0700

Menambahkan Web Object pada media pembelajaran adalah salah satu cara untuk mempercantik media pembelajaran dengan menambahkan sumber obyek berbasis web, misalnya aplikasi, game, video youtube, bahan referensi berbasis web (situs atau blog), simulasi praktikum virtual, dan lain-lain. Articulate storyline sebagai salah satu authoring tools memfasilitasi kebutuhan ini. Berikut langkah-langkah untuk menambahkan web object pada Articulate Storyline, simak baik-baik yaa😉

Menambahkan Web Objek

Pada slide yang ingin disisipi web objek silahkan klik menu Insert pada ribbon kemudian pilih web object seperti pada gambar !

Jendela windows Web Object akan terbuka seperti gambar berikut ini :

Perhatikan :

Jika konten web objek yang akan ditambahkan adalah online maka ketikan URL dari halaman web pada field Address seperti gambar diatas
Jika konten web objek yang akan ditambahkan ada pada komputer anda maka klik tombol "Browse" dan arahkan ke folder yang berisi konten web Anda yang akan ditambahkan kemudian klik "OK" (Catatan : dalam folder konten web harus berisi file bernama index.htm atau index.html serta semua file yang mendukung agar konten web berfungsi harus berada dalam satu folder yang sama)
Silahkan klik tombol "Test Link" untuk meyakinkan apakah konten web yang ditambahkan sesuai dengan keinginan Anda.
Silahkan pilih mode tampilan web objek anda sebagai berikut pilihlah "Display in slide" bila menghendaki web objek dalam slide atau pilihlah "Display in a new browser" bila tampilan web objek pada jendela browser baru (tab baru)
Silahkan klik "Load web object automatically" untuk memuat web objek secara otomatis atau hapus centang jika Anda menginginkan konten web Anda memuat hanya ketika user/pengguna mengkliknya. Catatan : ketika memuat web objek secara otomatis tidak Anda centang (aktifkan) maka hal ini akan sangat membantu untuk memberika tempat yang bermakna pada web objek Anda, sehingga user/ pengguna tahu apa itu. Untuk melakukannya, silahkan klik kanan placeholder web objek Anda dan pilih "Change Picture", kemudian telusuri (browse) ke gambar yang ingin Anda gunakan dan klik "open". Jika Anda berubah pikiran tentang gambar yang Anda tambahkan silahkan klik kanan lagi dan pilih "Reset Picture"
Jika Anda menampilkan konten web di jendela browser baru (lihat di atas), putuskan bagaimana tampilan jendela baru.

Gunakan drop-down Kontrol Browser untuk menentukan kontrol mana yang akan dimiliki jendela baru. Pilih Default jika jendela baru harus memiliki kontrol yang sama dengan jendela browser induk. Pilih Tidak Ada kontrol browser jika Anda lebih suka jendela browser baru tidak memiliki kontrol apa pun.
Gunakan drop-down Ukuran Jendela untuk memilih ukuran. Jika Anda memilih Kustom, bidang untuk Lebar dan Tinggi akan muncul, sehingga Anda dapat mengatur dimensi yang tepat dalam piksel.

Akhiri dengan klik "OK"

Tips bekerja dengan Web Objek

Jika konten web Anda terletak di Internet atau intranet, user / pengguna akan memerlukan izin keamanan yang tepat untuk mengaksesnya. Jika tidak, objek web tidak akan berfungsi untuk mereka.
Objek web tidak dapat dipreview / dipratinjau. Untuk melihat objek web dalam kursus Anda, silahkan publikasikan untuk Web, Articulate Online, atau LMS, kemudian unggah output yang dipublikasikan ke server. Untuk melihat kursus yang diterbitkan tanpa mengunggahnya ke server, publikasikan untuk CD.

Selamat mencoba😊

Sumber :

https://community.articulate.com/series/articulate-storyline-2/articles/adding-web-objects-in-articulate-storyline-2

https://community.articulate.com/series/articulate-storyline-2/articles/editing-web-objects-in-articulate-storyline-2

Cara Mudah Print Sertifikat Ketuntasan Belajar Pada Articulate Storyline 3

noreply@blogger.com (Mamguru) — Mon, 7 Jan 2019 00:49:00 +0700

Articulate Storyline sangat membantu bagi anda yang ingin mengembangkan media pembelajaran berbasis html5, karena kemudahan dan keunikan aplikasi ini untuk menghasilkan media pembelajaran dengan beragam kebutuhan. Salah satu kebutuhan itu adalah dengan articulate storyline anda dapat menambahkan sebuah tombol navigasi untuk "Print Sertifikat Ketuntasan Belajar", dimana tombol navigasi ini menfasilitasi media pembelajaran anda untuk mencetak tampilan yang ada pada sebuah slide. Metode ini jauh lebih mudah untuk mencetak sertifikat ketuntasan belajar setelah siswa tuntas menyelesaikan sebuah tes uji kompetensi/quiz. Berbeda dengan cara sebelumnya yang harus menggunakan webobject yang relatif lebih rumit 😊(baca posting Download Sertifikat Ketuntasan Belajar pada Articulate Storyline 3 disini).

Berikut langkah-langkah untuk membuat tombol navigasi Print Sertifikat Ketuntasan Belajar, simak dengan baik yaa😉

Setidaknya anda membutuhkan sebuah scane yang berisi minimal 4 Slide, yang terdiri dari Slide Intro Quiz, Slide Quiz, Slide Result dan Slide Sertifikat Ketuntasan Belajar, seperti gambar berikut ini :

Membuat Slide Intro Quiz

1. Buat Sebuah Slide yang digunakan sebagai Intro Quiz

2. Disain slide tersebut sesuai kreasi anda dengan menambahkan sebuah kotak teks entry "username" dengan cara sebagai berikut :

Klik insert input-data entry -text entry field
Ganti teks "type your text here" dengan "Ketik Nama Lengkap Anda"
Ganti nama variabel "text entry" dengan "username" dengan mengklik tombol "manage project variables"

3. Buat tombol "Kerjakan Quiz" dengan cara insert botton

4. Tambahkan trigger pada botton "Kerjakan Quiz" sebagai berikut :

Klik botton
Create a new trigger
pilih trigger jump to slide ke slide quiz dengan condition "username!=not equal to" kemudian klik Ok

Seperti pada gambar berikut ini

Contoh Tampilan Slide Intro Quiz :

Menambahkan Tombol "Sertifikat" pada Slide Result

1. Klik Slide Result

2. Buat sebuah tombol navigasi ke slide sertifikat ketuntasan belajar dengan insert botton

3. Berikan trigger pada botton "Sertifikat" untuk jump to slide ke slide "Sertifikat Ketuntasan Belajar" ketika siswa mengklik tombol navigasi Sertifikat

Menambahkan Tombol Navigasi "Print"

Disain Slide "Sertifikat Ketuntasan Belajar" yang terdapat variabel "username" dan variabel "datevalue" serta sebuah tombol navigasi "Print" (Untuk membuat variabel "datevalue" dan memberikan trigger "datevalue"pada slide ini baca dipostingan "Download Sertifikat Ketuntasan Belajar pada Articulate Storyline 3" disini) seperti pada gambar berikut ini :

Pada tombol navigasi "Print" berikan trigger sebagai berikut

1. Klik "Create a new trigger"

2. Klik script dan copas code script berikut ini "window.print()" seperti pada gambar berikut ini

Publish Project Articulate Storyline

Publish project articulate stroyline anda dalam format WEB (html5, html5/flash, flash/html5) atau dalam format EXE (CD), maka ketika siswa anda tuntas dalam menyelesaikan quiz/tes uji kompetnsi maka siswa anda dapat langsung mencetak sertifikat ketuntasan belajar dalam format pdf atau bila device terhubung dengan printer maka siswa anda dapat mencetak sertifikat ketuntasan belajar dalam hardcopy.

Bagaiman, mudahkan😉. Selamat mencoba...

Sumber :

Download Sertifikat Ketuntasan Belajar pada Articulate Storyline 3

noreply@blogger.com (Mamguru) — Sun, 6 Jan 2019 16:39:00 +0700

Certificate of Complation ( Sertifikat Ketuntasan Belajar) pada umumnya menjadi hal yang paling ditunggu oleh siswa kita setelah mengakhiri pembelajarannya dengan menyelesaikan tes uji kompetensi atau quiz.

Kita dapat membuat sebuah sertifikat ketuntasan belajar untuk siswa kita setelah menyelesaikan quiz diakhir pembelajaran dengan menggunaan media pembelajaran berbasis Articulate Storyline 3. Sertifikat ketuntasan belajar ini dapat dibuat pada sebuah slide setelah siswa kita mendapatkan nilai quiz diatas KKM yang kita tentukan sebelumnya pada saat kita membuat sebuah quiz. Nah agar media pembelajaran kita terlihat lebih interaktif (dan seoalah-olah canggih 😋), maka kita dapat memfasilitasi siswa kita untuk mendownload sertifikat ketuntasan belajar nya, sebagai bukti kalo siswa kita sudah tuntas belajar dengan mempelajari media pembelajaran yang kita buat. Selanjutnya siswa kita tinggal mencentak/print sertifikat ketuntasan belajarnya, sebagai bukti telah tuntas belajar. Menarik kan😉

Berikut cara membuat fitur Download Sertifikat Ketuntasan Belajar pada Articulate Storyline 3, simak dengan baik yaaa....😊

Membuat Folder Certificate_File

Yang anda lakukan pertamakali adalah membuat satu folder namakan saja "Certificate_File" yang berisi file folder pdfmake dan file certificate.html yang dapat didwonload disini Seperti pada gambar berikut ini

Anda dapat mengganti background sesuai dengan keinginan anda, dengan cara mengedit script file certificate.html dengan text editor seperti notepad++. File background yang akan diganti harus berstandar images encoded as base64 strings, anda dapat mengconvert standar gambar/image backgruondnya ke https://www.base64-image.de/ agar menjadi file image standar encoded as base64 strings.

Selain itu teks pada sertifikat ketuntasan belajar juga dapat anda edit sesuai dengan kebutuhan dengan cara mengedit script html seperti cara tersebut diatas. Perhatikan gambar berikut ini :

(Perhatikan contoh gambar tersebut, script yang distabilo yang dapat anda ganti sesuai dengan kebutuhan, dalam contoh tersebut yang dapat diganti adalah backgorund, certificate text dan project title)

Membuat Variabel Project Title
Pada disain sertifikat ketuntasan belajar terdapat identitas nama coursenya yang diberi nama variabel "projectTitle". Cara membuatnya adlah tambahkan variabel dengan klik tombol "X" yaitu tombol "manage project variabels" seperti pada gambar berikut ini :

Kemudian klik tanda "+" dan buat sebuah variabel dengan nama "projectTitle" dengan default value "The Eye as an Optical Instrument Course" seperti pada gambar berikut ini :

Anda dapat mengganti default value dari variabel projectYitle sesuai dengan topik course media pembelajaran anda😊

Membuat Slide Sertifikat Ketuntasan Belajar
Membuat Tombol Navigasi ke Slide Sertifikat Ketuntasan Belajar
Buat sebuah slide sertifikat ketuntasan belajar, yang berisi variable username, projectTitle dan DateValue seperti pada gambar berikut ini :

Gambar Slide Sertifikat Ketuntasan Belajar

(Catatan: isi dari sertifikat ketuntasan belajar dapat bervariasi sesaui dengan kebutuhan anda)

Tambahkan Trigger untuk menampilkan data tanggal pada sertifikat ketuntasan belajar dengan cara sebagai berikut :

1. Klik Slide ketuntasan belajar

2. Klik "Create a new trigger"

3. Klik Script dan copas code Java Script tanggal seperti ini

4. Pilih when nya "Timeline Start"

Buat tombol download Sertifikat Ketuntasan Belajar (dalam gambar diatas tombol berwarna hijau) dan berikan trigger code script download sertifikat dari pdfmake

1. klik tombol navigasi download (tombol warna hijau pada gambar diatas)
2. Klik "Create a new trigger"
3. Klik script dengan copas code JavaScript seperti ini

4. Pilih when nya "User clicks"

Tambahkan WebObject
Pada Slide sertifikat ketuntasan belajar tambahkan sebuah WebObect dengan cara sebagai berikut :

1. Klik insert, pilih webobject
2. Browse folder "Certificate_File >Certificate yang berisi folder pdfmake dan file cdertificate.html

3. Pastikan "Display in Slide" dan "Load web object automatically" dalam tanda aktif (dipilih)
4. Klik "Ok"

Buat Tombol navigasi ke slide sertifikat ketuntasan
Pada Slide result buatlha sebuah tombol navigasi dengan trigger jump to slide yang berisi gambar sertifikat ketuntasan belajar, seperti pada gambar berikut ini :

Gambar Tombol Navigasi ke Slide Sertifikat Ketuntasan Belajar

Publish Project Articulate Storyline Untuk mendapatkan ID WebObject

Publish Project Articulate Storyline, bisa dalam format WEB (html5,html5/flash, flash/html5) atau dalam format EXE (CD) untuk mendapatkan ID Web Object

Cara mendapatkan ID WebObject

Untuk mendapatkan ID WebObject maka Publishlha media anda dan lihat ID WebObject pada folder output story_content/WebObject/5ogrsg2pAqq

Maka ID WebObject adalah "5ogrsg2pAqq"

Edit Folder WebObject

Catat ID WebObject tersebut, kemudian edit folder WebObject yang sudah dibuat dengan menambahkan satu folder dengan nama file sama dengan ID WebObject, kemudian folder pdfmake dan file certificate.html pindahkan pada folder ID WebObject. Sehingga url WebObject nya menjadi "Certificate_File/ID WebObject/

Edit WebObject pada Articulate Storyline

1. Klik kanan WebObject pada Slide pertama kemudian pilih edit

2. Browse URL WebObject baru, dimana folder pdfmake dan file certificate.html sudah berada pada folder ID WebObject

3. Klik "Ok"

Publish Project Articulate Storyline, bisa dalam format WEB (html5,html5/flash, flash/html5) atau dalam format EXE (CD), maka ketika siswa anda tuntas dalam menyelesaikan tes uji kompetensi / quiz maka siswa dapat mendownload sertifikat ketuntasan belajar dalam format pdf. 😃

Bagaimana, mudahkan 😉

Selamat mencoba yaaa.....🙏

Sumber :

Menambahkan Audio Controls pada Articulate Storyline 3

noreply@blogger.com (Mamguru) — Wed, 2 Jan 2019 23:39:00 +0700

Articulate Storyline tidak memiliki opsi default untuk menambahkan kontrol audio (untuk play, pause, kontrol volume, dll.) ke slide tertentu. Satu-satunya cara untuk melakukan ini adalah dengan menggunakan kode HTML. Melalui cara ini, kita dapat menambahkan play, pause, mengontrol volume dan juga kontrol progress bar untuk file audio. (contoh seperti gambar berikut ini !)

Dalam posting ini, saya ingin membagikan langkah-langkah untuk menambahkan kontrol untuk audio. Berikut langkah-langkah untuk menambahkan audio controls pada Articulate Storyline 3, simak dengan baik ya....😀

Membuat File "index.html"

Buatlha file index.html dengan teks editor misalnya notepad++ dengan code script "Audio Controls" seperti gambar berikut ini !

(download code script tersebut dari link disini)

Gantilah nama audio yang akan dibuatkan audio controls dengan mengganti "sample.mp3" dengan nama audio anda. Dan dalam code script tersebut, file audionay akan otomatis play (autolpay)

Membuat Folder Audio Controls

Buat sebuah folder Audio Controls dan copas file index.html dari code script audio control yang sudah dibuat seperti diatas dan file audio yang akan dibuatkan audio controls nya. Misalkan folder tersebut disimpan di drive D atau drive yang lainnya sesuai dengan kebutuhan.

Contoh :

(Folder berada di drive D: - Folder Belajar Articulate Storyline - Folder Audio Control - Folder Audio)

Menambahkan Web Object

Pilih slide yang akan ditambahkan audio controls
Klik insert dan pilih Web Object, browse folder Audio dan klik Ok seperti gambar berikut ini !

Pastikan Display in slide dan load web object automatically dalam kondisi aktif seperti gambar tersebut diatas!
Letakan web object pada posisi sesuai selera anda dalam slide yang dipilih, seperti gambar gambar berikut ini !

Publish Slide Audio Controls

Pubilsh slide audio controls dalam format WEB (html5, html5/flash, flash/html5) atau dalam format CD ( *exe ). Saya rekomendasikan mempublishnya dalam format CD (*exe), baik dijalankan melalui file exe, story.html atau story_html5.html pada browser IE, Chrome ataupun FireFox maka audio control running well. Tetapi audio controls tidak support bila dijalankan via flash (format web html5/flash atau flash/html5)

Bagaiman, mudahkan ?😉

Selamat mencoba...

Sumber :

https://blog.commlabindia.com/elearning-development/add-controls-for-audio-in-elearning-using-storyline

Menambahkan JavaScript "Pause/Play Audio Backsound" Articulate Stroyline 3

noreply@blogger.com (Mamguru) — Tue, 1 Jan 2019 12:31:00 +0700

Dalam sebuah media pembelajaran, adakalanya dalam slide media tersebut perlu disisipkan audio/video pendukung untuk menjelaskan sebuah materi pelajaran. Nah agar audio/video pendukung tersebut dapat running well maka audio backsound harus dalam kondisi "pause", dan bila audio/video pendukung sudah tidak dibutuhkan maka audio backsound running kembali (unpause/play). Untuk kebutuhan tersebut tidak tersedia fitur dari articulate storyline 3, namun masalah tersebut terselesaikan dengan menambahkan JavaScript Pause/Play Audio Backsound. Berikut langkah-langkah untuk menambahkan JavaScript Pause/UnPause pada Articulate Storyline 3, simak baik-baik yaa...

Pause Audio Backsound
1. Buka slide/layer dimana pada slide/layer tersebut audio backsound akan di pause
2. Tambahkan trigger dengan klik "create a new trigger"
3. Pilihlha trigger "Execute JavaScript"
4. Tambahkan script :

5. Klik When dan pilih "Timeline starts"
6. Klik tanda 'PLUS" untuk menambahkan Condition sripts seperti pada gambar dan klik "Ok"!

7. Maka trigger pause audio backsound menjadi seperti gambar dibawah ini!

8. Akhiri dengan klik "Ok"

Play /UnPause Audio Backsound
Menambahkan Tombol Navigasi UnPause Audio Baacksound
Tambahkan tombol navigasi untuk unpause audio backsound dengan cara :
1. Klik insert
2. Pilih Shape untuk UnPause sesuai dengan kreativitas

Menambahkan JavaScript Play Audio Backsound
1. Klik Tombol navigasi UnPause Audio Backsound
2. Tambahkan trigger dengan klik "create a new trigger"
3. Pilihlha trigger "Execute JavaScript"
4. Tambahkan script :

5. Klik When dan pilih "Timeline starts"
6. Klik tanda 'PLUS" untuk add Trigger Condition sripts seperti pada gambar dan klik "Ok"!

7. Maka trigger play audio backsound menjadi seperti gambar dibawah ini!

8. Akhiri dengan klik 'Ok"

Catatan:
Silahkan download JavaScript Pause/Play Audiobakcsound dengan klik disini

Mudahkan??😉 Selamat mencoba....

Sumber :
https://community.articulate.com/discussions/articulate-storyline/javascript-to-mute-audio?page=2

Menambahkan Audio Backsound dengan JavaScript dan Web Object pada Articulate Storyline 3

noreply@blogger.com (Mamguru) — Tue, 1 Jan 2019 04:10:00 +0700

Articulate Storyline 3 memberikan fleksibilitas untuk menyesuaikan interaktivitas dengan maksimal dengan upaya minimal. Alat authoring berbasis web ini memberikan kelayakan untuk menambahkan JavaScript yang dapat sangat membantu untuk membawa kursus eLearning kita ke tingkat berikutnya. Cukup mudah untuk memperluas dan meningkatkan fungsionalitas fitur bawaan di Storyline yang datang secara default. Salah satunya adalah untuk menambahkan audio backsound, dimana pada Articulate Storyline 3 tidak tersedia fitur untuk kebutuhan tersebut. Pada posting sebelumnya (baca disini) kita sudah dapat menambhakan audio backsound pada Articulate Storyline 3 dengan cara mengedit file story.html dan story_html5.html pada root folder output, yang tentunya cara ini mudah namun kurang praktis (menurut saya😉). Nah pada posting kali ini saya akan berbagi bagaimana menambahkan audio backsound dengan menggunakan WebObject dan JavaScript sehingga kita tidak perlu mengedit tag html pada root folder outpot. Simak panduannya berikut ini dengan baik yaa...😃

A. Membuat Folder Audioback_File

Yang anda lakukan pertamakali adalah membuat satu folder di drive C: namakan saja "Audioback_File" yang berisi file audio backsound dan file index.html yang tidak ada datanya (empty index.html). File index.html dapat anda buat pada teks editor misalnya notepad++, caranya sebagai berikut :

1. Buka Notepad++

2. Pilih File kemudian New

3. Save as dengan nama "index.html" dan save as typenya pilih "All Types (*.*)

4. Klik save

Seperti pada gambar berikut ini

B. Membuat WebObject

Buka Articulate Storyline 3, pada slide pertama dalam project yang kita buat tambahkan WebObject dengan cara sebagai berikut :

1. Klik insert, pilih webobject

2. Browse folder "Audioback_File" yang telah berisi file audio backsound dan file empty index.html

3. Pastikan "Display in Slide" dan "Load web object automatically" dalam tanda aktif (dipilih)

4. Klik "Ok"

C. Menambahkan Trigger JavaSrcipt

1. Klik "Create a new trigger"

2. Pilih Action " Execute JavaScript"

3. Klik Script dan copas code JavaSript berikut ini :

//load the scripts dynamically into the head of the document
function add_line() {
var line = document.createElement("audio");
var head=document.getElementsByTagName('body')[0];
line.type = "audio/mp3";
line.src="";
line.id="bgSong" ;
line.autoplay = true;
line.loop = true;
head.appendChild(line);
}

//but we only want to add these once!
if(document.getElementById('bgSong')==null){
add_line();
var audio = document.getElementById('bgSong');
audio.volume = 1.0;
}

var player = GetPlayer();
this.Location= player.GetVar("location");

var audio = document.getElementById('bgSong');
audio.src=Location + "NAME OF SONG HERE.mp3";
audio.load();
audio.play();

Atau Klik disini JavaScript Audio Backsound tersebut diatas.
(Catatan, gantilah nama "NAME OF SONG HERE" dengan nama file audio backsound anda, misalnya audioback.mp3)

4. Klik When dan pilih "Timeline Start"
5. Klik Object pada "SLIDE PERTAMA" kemudian klik Ok

D. Mendapatkan ID WebObject

Untuk mendapatkan ID WebObject maka Publishlha media anda dan lihat ID WebObject pada folder "output story_content/WebObject/ID WebObject/
Contohnya "output story_content/WebObject/5r0WIYCvs7I/

Maka ID WebObject adalah "5r0WIYCvs7I"

E. Menambahkan Variabel Location

1. Klik "Manage Project Variable" seperti gambar berikut ini :

2. Klik tanda plus

3. Lengkapi data Variabel seperti gambar berikut :

Beri nama variabel : location
Beri nama Type variabel : Text
Pada default value lengkapi dengan teks "story_content/WebObjects/IDWebObjects/" seperti pada contoh gambar dibawah ini, misal dengan ID WebObjects : 5r0WIYCvs7

4. Pada default value pastikan dengan mengisi "ID WebObjects" dengan benar seperti gb di atas (5r0WIYCvs7I)

F. Edit Folder WebObject

Catat ID WebObject tersebut, kemudian edit folder WebObject yang sudah dibuat dengan menambahkan satu folder dengan nama file sama dengan ID WebObject, kemudian file audio backsound dan emtpy index.html pindahkan pada folder ID WebObject tersebut. Sehingga url WebObject nya menjadi "Audioback_File/ID WebObject/

G. Edit WebObject pada Articulate Storyline

1. Klik kanan WebObject pada Slide pertama kemudian pilih edit

2. Browse URL WebObject baru, dimana file audio backsound dan empty index.html sudah berada pada folder ID WebObject baru, sehingga dalam contoh ini URL WebObjectnya menjadi "C:/Audioback/5r0WIYCvs7"

3. Klik "Ok"

H. Publish Project Articulate Storyline
Publish Project Articulate Storyline, baik dalam format WEB (html5, html5/flash, flash/html5, flash) ataupun dalam format EXE (CD), maka audio backsound akan running kontinue pada semua slide dalam project yang anda buat.

Selamat mencoba....😄

Sumber :

Cara Mudah Menambahkan Audio Backsound Pada Articulate Storyline 3

noreply@blogger.com (Mamguru) — Tue, 1 Jan 2019 01:22:00 +0700

Pada Articulate Storyline 3 tidak tersedia fitur untuk menambahkan audio sebagai backsound, yaitu audio yang dapat running secara kontinue pada sebuah project (baik scane,slide,layer ataupun object dalam sebuah project tersebut). Namun tak usah risau berikut akan saya share cara termudah untuk menambahkan audio sebagai backsound pada Articulate Storyline 3. Berikut Caranya....

Setelah media pembelajaran dipublish baik dalam format WEB (html5, html5/flash, flash/html5, flash) ataupun dalam format EXE (CD) maka tambahkan file audio (misal file audionya kita beri nama audioback.mp3) yang akan dijadikan backsound dalam root output folder ( folder hasil publish ) seperti gambar berikut ini

Kemudian edit file story.html dan stroy_html5.html dengan editor tag html misal notepad++, tambahkan tag html audio sebagai berikut

<audio src="audioback.mp3" preload="auto" autoplay loop></audio>

Sebelum code </html> seperti pada gambar berikut :

Pastikan nama file audio pada folder hasil publish (dalam contoh ini nama file audionya adalah audioback.mp3) sama dengan nama audio pada tags html dalam story.html dan story_html5.html

Silahkan ganti nama file audio backsound "audioback.mp3" dengan nama audio backsound anda

Catatan :

Tidak semua format audio dapat running well pada web browser seperti :

File audio berformat MP3 kompatible dengan browser Chrome, Safari, IE9 atau versi diatasnya (Edge)
File audio berformat OGG kompatible dengan browser Firefox
File audio berformat WAV kompatible dengan browser Opera

Namun dengan menggunakan cara seperti tersebut diatas audio backsound dapat running well pada browser IE, Edge dan Firefox (Browser tersebut yang ada di laptop saya😃), namun sayang tidak running well pada browser Google Chrome meski format audio backsound sudah dalam format MP3.

Selamat mencoba...

Sumber :

https://community.articulate.com/discussions/articulate-storyline/background-audio-cool-trick

Membuat Media Pembelajaran dengan Articulate Storyline

noreply@blogger.com (Mamguru) — Tue, 1 Jan 2019 00:00:00 +0700

Saat ini banyak tersedia pilihan aplikasi pembuat media pembelajaran dari yang berbayar sampai gratisan, antara lain powerpoint (aplikasi ini tentunya sudah familiar bagi siapapun untuk membuat media pembelajaran baik peserta didik ataupun pendidiknya😀), ispring, autoplay media studio, eXeLearning, adobe animate cc, lectora, articulate storyline, dan masih banyak lagi yang lainnya....

Tergantung kreativitas dari kita maka dengan menggunakan aplikasi apapun pasti akan menghasilkan media pembelajaran yang menarik.

Seturut dengan perkembangan jaman dalam dunia pendidikan khususnya di era revolusi industri 4.0, maka dalam membuat media pembelajaran saat ini sebaiknya dalam format html5 (menurut saya sih😉), agar dapat diakses dalam berbagai device utamanya dapat diakses via smartphone, bahkan apabila media pembelajaran kita berbasis HTML5 maka media kita dapat dijadikan dalam format apk untuk diinstall pada smartphone android kita (keren kan😉). Untuk itu kita harus pandai-pandai dalam memilih aplikasi pembuat media pembelajaran.

Articulate Storyline adalah salah satu aplikasi pembuat media pembelajaran yang dapat digunakan untuk membuat media pembelajaran berbasis html5, khususnya bagi kita yang tidak mahir dalam bahasa pemrograman html5 (seperti saya pastinya😋).

Articulate storyline merupakan salah satu multimedia authoring tools yang bisa digunakan untuk membuat media pembelajaran interaktif dengan konten yang berupa gabungan dari teks, gambar, grafik, suara, animasi, dan video. Hasil publikasi articulate storyline berupa media berbasis web (html5) atau berupa application file yang bisa dijalankan pada berbagai perangkat seperti laptop, tablet, smartphone maupun handphone.

Tampilan Pembuka Articulate Storyline 3

Berbagai macam template yang menarik sudah tersedia dengan lengkap di dalam program Articulate ini. Bahkan dengan program ini kita dapat membuat sebuah template baru yang sesuai dengan apa yang kita inginkan. Tampilan antarmuka yang sederhana dari aplikasi ini membuat kita sebagai pengguna pemula dapat mengerti dengan cukup mudah.

Articulate storyline ini cukup mudah dipelajari bagi para pemula yang telah memiliki dasar membuat media menggunakan Ms PowerPoint, karena fitur AS ini sangat mirip dengan fitur yang ada pada Ms PowerPoint. Sedangkan bagi pengguna yang sudah expert, bisa berkreasi menciptakan media yang lebih interaktif dan powerful

Untuk membuat media pembelajaran dengan menggunakan aplikasi Articulate Storyline maka silahkan berselancar di blognya bu guru cantik dari SMKN 3 Jombang Bu Amiroh Adnan di http://amiroh.web.id/category/articulate-storyline/

Nah cukup lengkapkan tulisan Bu Amiroh Adnan ini, dengan berbekal tulisan tersebut saya sudah dapat membuat media pembelajaran berbasis HTML 5 (horeee😆) seperti pada link berikut ini Mata dan KacaMata Terimakasih ya Bu Amiroh Adnan🙏 dan media saya tersebut juga sudah dapat dijadikan media pembelajaran dalam format apk dengan bantuan phonegap seperti pada link berikut ini Mata dan KacaMata ( dalam format apk), silahkan didownload dan diinstall pada smartphone anda😀.

Bagaimana tertarik untuk membuat media pembelajaran berbasis html5 dengan Articulate Storyline??

Selamat mencoba...

Sumber :

Media Belajar IT Siswa dan Guru

AkangSuhar

Membuat Media Pembelajaran dengan Autoplay Media Studio 8

noreply@blogger.com (Mamguru) — Thu, 27 Dec 2018 01:12:00 +0700

Perkembangan teknologi informasi (TI) yang semakin pesat membawa perubahan paradigma dalam dunia pendidikan. Perubahan paradigma tersebut terlihat secara nyata salah satunya adalah hal media pembelajaran. Salah satu contoh sederhana yang dapat kita amati adalah bergesernya media untuk presentasi pembelajaran, dari papan tulis menjadi OHP (Over Head Projector) dan saat ini menggunakan LCD Projector. Dengan semakin pesatnya perkembangan teknologi komunikasi dan jaringan internet yang pada saat ini sangat mudah untuk diakses dan digunakan, penggunaan multimedia interaktif dianggap efektif untuk pembelajaran.

Menyikapi perubahan yang terjadi, maka seorang pendidik dituntut untuk lebih terampil dalam membuat multimedia pembelajaran interaktif berbasis TIK, tidak terkecuali untuk pendidik yang tidak berlatar belakang secara formal pada bidang teknologi informasi dan komunikasi. Solusi yang paling mudah adalah dengan menggunakan software instan yang tersedia banyak di internet. Salah satunya adalah Autoplay Media Studio.

Autoplay Media Studio merupakan software yang digunakan untuk membuat media pembelajaran yang mengintegrasikan beragam media seperti gambar, suara, film, halaman web, file flash serta teks dalam satu project (Multimedia Pembelajaran Interaktif). Dengan beragam fitur yang dimiliki, Autoplay Media Studio dapat digunakan untuk:

1. Pengembangan aplikasi multimedia

2. Aplikasi Computer Based Training (CBT)

3. Program autorun.

4. Presentasi

5. Dll

AutoPlay Media Studio adalah sebuah software yang dapat digunakan pendidik untuk membuat Multimedia Pembelajaran Interaktif, membuat presentasi, membuat Modul Pelajaran, mengembangkan aplikasi, dll. Cara kerja software ini sangat simpel sehingga pendidik tidak direpotkan dengan bahasa script yang rumit, hanya bermodal klik kiri dan kanan saja, pendidik dapat mengembangkan media interaktif dengan mudah. Menu-menunya sangat mudah dimengerti, dan kelebihan software ini dapat menggandakan data (cloning) yang langsung tersimpan didalam data base, data base media ini antara lain : Audio, Buttons, Docs, Flash, Icons, Images, Plugins, Scripts dan Vide.

Jika pengguna memasukkan sebuah suara di lembar kerja dengan format MP3, WAV dan OGG akan langsung masuk di data base Audio, gambar dengan format apa saja masuk di Images, Word, Excel, PPT, dan Aplikasi lain masuk di Docs, jika pengguna ingin menambahkan program baru masuk di Plugins atau Scripts, hal ini sangat memudahkan bagi pengguna untuk mencari data yang kita input kedalam database, data-data yang tidak digunakan dapat kita hapus agar ruang penyimpanan tidak membengkak jika kita akan membakarnya. Software ini memiliki 4 macam pilihan untuk membakar menjadi CD/DVD, Hardrive Folder, Web/Email Executable dan ISO Image.

Autoplay Media Studio 8 dapat bekerja pada Windows XP, Windows Vista, Windows 7, Windows 8 atau Windows 8.1. Agar fitur PDF dan QuickTime dapat berjalan dengan baik di Auto Play Media Studio 8, software Acrobat Reader 8 dan QuickTime harus terinstal terlebih dahulu. software Autoplay Media Studio 8 versi trial dapat di download pada laman http://www.indigorose.com atau http://www.autoplay.org

Software ini sangat cocok bagi pendidik yang akan mengembangkan multimedia pembelajaran interaktif di kelas, Ingin mencobanya?? Silahkan download dan install versi trialnya, kemudian download Modul Membuat Media Pembelajaran dengan Autoplay Media Studio 8 dari link berikut ini : https://tinyurl.com/ModulAutoplay

Selamat mencoba.....

Referensi

Anonymous.2003. Autoplay Media Studio Scripting Guide. Indigo Rose Software Corporation.
Hernawati, Kuswari. 2009. Modul Pelatihan Autoplay Media Studio. http://staff.uny.ac.id/sites/default/files/pengabdian/kuswari-hernawati-ssi-mkom/modul-autoplay-media-studio.pdf
Syaiful Hamzah Nasution. 2014. Membuat Media Pembelajaran Dengan Autoplay Media Studio 8. https://syaifulhamzah.wordpress.com/2015/04/27/membuat-media-pembelajaran-dengan-autoplay-studio-8/

Video Tutorial Office 365 Dalam Pembelajaran Abad 21

noreply@blogger.com (Mamguru) — Wed, 19 Dec 2018 22:20:00 +0700

Sejalan dengan tuntutan zaman di era revolusi industri 4.0, maka sebagai tenaga pendidik kita selayaknya dituntut terampil untuk dapat memanfaatkan teknologi dalam pembelajaran abad 21. Bukan lagi dituntut untuk melek teknologi tetapi terampil dalam memanfaatkan teknologi khususnya teknologi cyber infrastructur. Office 365 adalah solusi tepat untuk teknologi cyber infrastructur. Memiliki Office 365 berarti kita mempunyai cyber infrastructure seperti, ruang administrasi, ruang rapat, ruang arsip, ruang kelas,dll

Mari belajar Office365 dari Video Dokumentasi Program Pembelajaran Jarak Jauh Office 365 bagi Guru SMA/SMK/PK-PLK di Daerah 3T di lingkungan Dinas Pendidikan Provinsi Jawa Timur, secara streaming dari link  youtube.com pada channel rapendik.com berikut ini:

https://youtu.be/tNbQNxSEJdY (Pemanfaatan Office365 Untuk Pembelajaran)
https://youtu.be/haj8RQAMICY (Email Outlook Office365 Untuk Pembelajaran Online ke I)
https://youtu.be/BKS3FlahClk (Email Outlook Office365 Untuk Pembelajaran Online ke II)
https://youtu.be/kxUoJqwfm84 (Get Started With Microsoft Onedrive)
https://youtu.be/70a4fzeM_QA (Belajar Berkelompok dengan Onedrive For Business)
https://youtu.be/DVvBklA9Wkw (Soal Online berbasis Microsoft Forms)
https://youtu.be/91Orm4E7hEo (Penggunaan Apliakasi Mobile Exam)
https://youtu.be/mLVvr7vIKn8 (SWAY, digital storytelling tool dari Microsoft)
https://youtu.be/jVY2IQBDU7k (Getting Started SWAY)
https://youtu.be/87o6RiRhIC8 (Publikasi Karya Online dengan SWAY)
https://youtu.be/uxSu_S1kBbA (SWAY For Education)
https://youtu.be/J_rCOJ1Dxf0 (SWAY in Project Base Learning)
https://youtu.be/8X7gXy3soZU (SWAY and FORMS)
https://youtu.be/Vdbvtehnk2g (All about Teams)
https://youtu.be/HEtQYc_xWoU (Explore Teams)
https://youtu.be/D-ZsE-2bXww (Working with students in Teams)
https://youtu.be/Rop-ycMje5o (Learn about Teams and Channels)
https://youtu.be/7JJdFlC87Bg (Created an Assignment in Microsoft Teams)
https://youtu.be/BYKzkrQ6LQ0 (Integrating Microsoft Forms with Teams)
https://youtu.be/CUubgfAVaOw (Meeting in Microsoft Teams)
https://youtu.be/UNLPEZvwcvs (Onenote and Onenote Class Notebook)
https://youtu.be/gyak0TLNd2s (Buku Catatan Digital dengan OneNote)

Selamat belajar dan semoga bermanfaat...

Sumber :

Portal Microsoft Educators Community

Mari Belajar

My Physics Web Blog

Yuche Academy

Media belajar IT siswa dan guru

Website2apk Builder, Membuat HTML5 menjadi APK dengan mudah

noreply@blogger.com (Mamguru) — Thu, 7 Jun 2018 15:39:00 +0700

Bagi anda yang ingin membuat aplikasi android namun terkendala kemampuan pemrogramaan anda dapat memanfaatkan aplikasi website 2 apk builder. Dengan menggunakan aplikasi ini anda dapat mengkonversi format html5 menjadi format apk. Format apk tersebut nantinya dapat diinstal di hp android anda, bahkan dapat anda publikasikan ke Playstore asalkan sudah memiliki akun Playstore Developernya.😃

Website 2 APK Builder mudah digunakan, mudah dan memungkinkan Anda untuk menghasilkan sebuah aplikasi Android dalam hitungan detik. Yang perlu Anda lakukan adalah memilih mode di mana Anda ingin bekerja, dengan meng-upload folder situs lokal atau URL. Anda harus memilih judul untuk aplikasi Anda, maka format halaman startup akan terbentuk.

Anda bisa menambahkan beberapa icon untuk mempercantik aplikasi anda. Aplikasi ini juga cocok untuk membuat shortcut ke toko online anda, bahkan bagi dunia pendidikan aplikasi ini dapat digunakan sebagai pengganti intel XDK untuk membuat media pembelajaran berbasis android dari microsoft powerpoint ( baca postingan ini Cara Mudah Membuat Aplikasi Pembelajaran Berbasis Android dari Microsoft Powerpoint )

Kelebihan Website 2 APK Builder :

Aplikasi yang dibuat dengan Website 2 APK Builder sangat responsif tergantung pada respon dari -Konten HTML Anda.
Aplikasi yang dibangun sedemikian rupa untuk meningkatkan pengalaman pengguna dan memuat lebih cepat, Website 2 APK Builder menggunakan opsi cache yang lebih baik untuk membuat aplikasi bekerja dengan lancar.
Web Apps selalu multiguna, karena mereka dapat digunakan pada perangkat yang berbeda menjalankan konten web yang sama.
Note : Anda harus menginstall Java terlebih dahulu sebelum menggunakannya

Apakah anda tertarik untuk membuat html5 anda menjadi file apk???

Simak baik-baik tutorial berikut ini :

1. Download website 2 apk builder bisa di download dari situs resminya untuk versi trialnya di https://websitetoapk.com/ atau silahkan googling untuk versi pronya

2. Download dulu JAVA ( Khusus untuk Laptop atau Komputer yang belum terinstal JAVA ), Jika belum terinstal silahkan download di https://www.java.com/en/

3. Buka aplikasi website 2 apk builder anda

4. Setelah dibuka maka akan muncul tampilan seperti di bawah ini :

5. Sebelum masuk ke cara membuild apk berikut sedikit penjelasan tool dari website 2 apk builder ini :

Local HTML web

Merupakan suatu tool yang dimana nanti apk kita tidak perlu koneksi internet jika ingin mengaksesnya, sebagai contoh kita membuat apk dari file yang kita buat dixampp

Web URL

Merupakan tool yang dimana nanti apk kita memerlukan koneksi internet untuk mengakesnya sebagai contoh BLOG, WORDPRESS, dll

Application tittle

Merupakan nama apk kita jadi bisa diisi sesuai keinginan pembuat atau keinginan kita

Version name

Merupakan nama file berapa kan versi apk yang kita buat ini

App Orientation

Merupakan wujud dari apk kita saat di jalankan apakah tegak atau mendatar

URL

Merupakan tempat file kita baik itu online atau offline sebagai contoh : octafianandihermawan.blogspot.com itu merupakan file online yang akan di buat apk kita.
Atau localhost/upload itu merupakan file yang ada di xampp kita yang bersifat offline

Change Icon

DIgunakan untuk mengganti ikon apk buatan kita

Splash Screen

DIgunakan untuk mengganti tampilan loading saat apk dijalankan

Progress wheel

Dibawah progress wheel terdapat pilihan os yang bisa support dengan apk kalian silakan pilih sendiri untuk os berapakan apk yang kalian buat

6. Oke langsung saja setelah penjelasan singkat diatas mari kita coba buat apk berwujuf offline, simak gambar berikut, dan silakan kembangkan sendiri nantinya apk buatan anda :

6. Setelah memasukan nama apk dan kemudian memilih Local HTML Website untuk apk offline, kemudian klik Choose Folder dan cari folder file anda sebagai contoh disini menggunakan folder upload, kemudian klik oke

7. Setelah klik oke kemudian klik generate apk untuk memulai pembuatan apk tunggu sama selesai, kemudian klik finish jika sudah selesai

Untuk pengecakan silakan coba install di smartphone kesayangan anda.
Semoga bermanfaat...

Sumber :
https://websitetoapk.com/
https://isodl.blogspot.com/2016/03/software-untuk-membuat-aplikasi-android.html
https://www.glabet.or.id/2018/05/website-2-apk-builder-cara-menggunakan.html
https://noobieh.blogspot.com/2017/01/tutorial-mengubah-website-blog-menjadi.html
http://octafianandihermawan.blogspot.com/2017/12/1.html

Cara Mudah Edit File SWF Flash dengan Aplikasi Gratisan JPEXS-FFDec

noreply@blogger.com (Mamguru) — Fri, 15 Sep 2017 21:34:00 +0700

Dalam pembelajaran Fisika, konsep fisis khususnya yang bersifat abstrak, akan mudah dipahami siswa bila disampaiakan secara audio visual dengan animasi. Sayangnya tidak semua guru Fisika memiliki kemampuan membuat media pembelajaran berbasis animasi ini. Namun di internet animasi pembelajaran fisika sangat banyak, kita tinggal mencari dan menggunakannya. Kemudian kita dapat membagikan ke siswa atau mengunakannya dalam proses pembelajaran guna mendukung penjelasan dalam memahami materi yang bersifat abstrak.

Kita tahu pula kemampuan berbahasa asing siswa bahkan guru sendiri kadang juga kurang memadai. Untuk itulah kita berupaya menerjemahkan teks-teks pada animasi pembelajaran tersebut dengan mengandalkan sarana yang ada. Mengubahnya teks berbahasa asing pada animasi ke Bahasa Indonesia sebenarnya tidak terlalu sulit namun tetap butuh ketelatenan. Caranya adalah dengan menggunakan aplikasi mengedit (decompile) file animasi yang berformat swf itu. Beberapa perangkat lunak (software) ada yang dapat memfasilitasi untuk tujuan itu, yang sering disebut swf-flash decompiler. Namun kebanyakan aplikasi seperti itu bukanlah aplikasi yang gratis. Ada sih yang ilegal tetapi sepertinya kurang patut dilakukan pendidik seperti kita kecuali terpaksa . Kalaupun terpaksa mesti menggunakan versi trial atau demo yang terbatas fungsionalitasnya. Perlulah dicari alternatif untuk itu.

Dan setelah berburu akhirnya ketemu juga software swf decompiler yang gratis namun powerful karena dapat melakukan edit actionscripts secara langsung . Selama ini kalau ingin mengubah file flash (swf) biasanya menggunakan software berbayar (seperti Sothink SWF Decompiler atau Trillix Decompiler dan sejenisnya yang tidak gratis). Pada aplikasi Sothink SWF Decompiler yang untuk versi demo atau trial (bahkan yang bajakan) dari kedua aplikasi tersebut tidak dapat melakukan edit actionscripts secara langsung, kecuali kita mau membelinya dengan harga yang tidak murah

Berikut ini tampilan awal aplikasi JPEXS Free Flash Decompiler yang merupakan salah satu software alternatif dari Sothink SWF Decompiler yang berbayar itu. Aplikasi ini menurut informasi pada situs resminya dapat berjalan di berbagai OS seperti Windows, Linux dan Mac OS.

Beda JPEXS Free Flash Decompiler ini dengan Sothink SWF Decompiler adalah ia dapat langsung melakukan editing actionscripts. Ini penting karena bagi orang awam dalam pembuatan animasi, karena aplikasi ini memudahkan bagi kita yang hanya ingin mengubah teks yang berbahasa asing ke Bahasa Indonesia. Untuk edit lainnya tentu perlu penguasaan mendetail dalam pembuatan sebuah animasi dengan cara membongkar file swf menjadi file fla terlebih dahulu.

Jika animasi yang berbahasa asing itu dapat kita terjemahkan dan kita gunakan di kelas sebagai sarana belajar tentu akan sangat membantu siswa.

Bagaimana cara menggunakan JPEXS Free Flash Decompiler? Tidak terlalu sulit menurut saya yang juga awam dalam pembuatan animasi media pembelajaran ini. Unduh (download) aplikasinya dari pranala ini. Kemudian install, dan kita langsung bisa menggunakannya tanpa rasa khawatir itu software bajakan.

Sedikit cara menggunakannya:

Setelah berhasil diinstall, kita dapat mengaksesnya melalui Search Start Menu Windows dengan mengetikkan JPEXS seperti gambar berikut:

Atau dapat juga diakses melalui Start Menu konvensional seperti berikut:

Jika sudah terbuka kita dapat langsung membuka file animasi dengan ekstensi *.swf pada folder di komputer kita.

Jika folder texts atau scripts sudah diklik kita akan dapat menjumpai tampilan seperti berikut.

Yang perlu diperhatikan adalah kita tahu letak teks yang hendak kita terjemahkan itu. Biasanya ada dalam folder texts atau scripts. Untuk mengedit teks tersebut Klik Tombol Edit dan jika selesai Klik Tombol Save. Setelah semua beres (selesai) Klik tombol Save yang ada tepat di bawah menu File itu.

Jika kurang paham akan fungsi menu dan tool yang ada kita dapat memanfaatkan menu help. Untuk mengetahui fitur-fitur dalam aplikasi JPEXS FFDec ini silahkan baca di sini.

Untuk software serupa dengan JPEXS FFDec yang tentu saja Gratis dapat di baca lebih lanjut di blog Bruce-lab.blogspot.com.

Catatan : beberapa bagian static texts tidak dapat diedit secara benar, sepertinya ini suatu bug yang harus kembali dibenahi. Jika mendapati hal ini kita bisa kombinasikan aplikasi lain. Misalnya dengan Trillix Decompiler versi demo di mana kita diijinkan untuk mengedit static texts meskipun tidak dapat mengedit actions scripts. Untuk actionscripts dengan JPEXS FFDec ini bisa berfungsi dengan baik.

Demikian sekilas informasi semoga kita bisa memanfaatkan yang ada dan memacu diri untuk bisa menciptakan sendiri kelak.

Selamat mencoba :

Sumber :
https://urip.wordpress.com/2013/11/17/cara-mudah-mengedit-file-swf-animasi-dengan-aplikasi-gratisan/

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

noreply@blogger.com (Mamguru) — Wed, 8 Jun 2016 12:37:00 +0700

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..

Sumber : Rumah Android dan Graphic Design By Tara

Cara Mudah Membuat Aplikasi Pembelajaran Berbasis Android dari Microsoft Powerpoint

noreply@blogger.com (Mamguru) — Sat, 28 May 2016 00:04:00 +0700

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.

Langkah- langkah pembuatannya adalah sebagai berikut :

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.

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 :

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

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.

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.

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.

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

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

noreply@blogger.com (Mamguru) — Wed, 25 May 2016 15:13:00 +0700

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

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..

Sumber : Rumah Android dan Graphic Design By Tara

Menjalankan Ispring Quiz Maker pada Smartphone Android

noreply@blogger.com (Mamguru) — Tue, 24 May 2016 23:03:00 +0700

Untuk mengatasi keterbatasan perangkat komputer atau laptop yang digunakan dalam Ujian Online maka kita dapat menggunakan smartphone atau gadget berbasis android. Seperti yang pernah penulis tulis disini bila aplikasi pembuat soal online berbasis swf flash seperti wondershare quiz creator.

Selain itu kita juga bisa menggunakan soal online berbasis HTML5 pada smartphone atau gadget android kita seperti soal online yang dibuat dari Ispring Quiz Maker ( untuk membuat soal online dengan Ispring Quiz Maker baca disini ya!). Berikut tutorialnya, simak dengan baik ya!

Yang perlu anda lakukan adalah :
Setelah soal online dibuat dengan menggunakan aplikasi Ispring Quiz maker (baca disini panduannya), maka publish soal dalam format HTML 5 dengan cara pilih web kemudian pilih output dalam versi mobile(html5) kemudian klik publish, seperti gambar berikut ini :

Sehingga akan dihasilkan file quiz maker dalam format html5 dalam satu folder, seperti gambar berikut:

Agar file quiz maker dapat dijalankan pada smartphone android maka kita membutuhkan hosting,, apabila kita tidak memiliki hosting maka kita bisa menggunakan hosting gratis yang disediakan oleh google. Untuk itu kedua file tersebut (data dan html) kita upload pada google drive dalam satu folder, berikut caranya :

Buka link https://drive.google.com
Buat folder baru di google drive misalnya kita berinama contoh quiz maker sebagai berikut :

Buka folder tersebut, kemudian upload kedua file hasil publish Ispring Quiz Maker

Kembali ke folder contoh quiz maker kemudian klik kanan pilih share

Kemudian klik Advanced

Kemudian klik Change, kemudian pilih On-Public on the web dengan status access can view seperti gambar berikut ini :

Klik save, kemudian copy link share dan pastekan pada notepad seperti gambar berikut :

Ketikan pada notepad link berikut ini http://googledrive.com/host/ kemudian copy link share tadi setelah tanda samadengan ("=") sampai sebelum tanda dan ("&") dan pastekan pada pada link tersebut seperti pada gambar berikut ini :

Singkat link tersebut pada https://goo.gl/

Nah dengan link tersebut ( http://goo.gl/h45UNH ) maka file quiz maker kita yang berbasis html5 sudah dapat dijalankan pada smartphone atau gadget android.
Anda dapat mentransfer link tersebut dengan menggunakan QR-Code.(klik disini untuk membuat QR-Code). Berikut contohnya :

Mudah bukan?? selamat mencoba yaaa...

Sumber :
BungFrangki dan Taufiq Kamal

QR-Code dalam Pembelajaran

noreply@blogger.com (Mamguru) — Tue, 24 May 2016 14:46:00 +0700

QR Code atau Quick Response Code adalah tools yang berfungsi seperti Barcode yang biasa digunakan untuk menyimpan sebuah code ataupun identitas seseorang.

Dalam pembelajaran kita bisa menggunakan QR-Code untuk mentrasfer media pembelajaran atau lembar soal atau lembar kerja siswa tanpa perlu koneksi internet. Cukup dengan cara siswa menscan gambar barcode yang sudah kita buat dengan QR-Code Generator dengan menggunakan QR-Scanner di Smartphone atau Gadget anda.
Mungkin beberapa orang terutama pengguna BlackBerry Mesengger atau Line mungkin tidak asing lagi dengan kode-kode seperti itu.
Cara untuk membuatnya sangatlha mudah yaitu dengan mengkonversi beberapa kode menggunakan software kecil yang bernama QR-Code Generator. Dengan QR-Code Generator ini anda dapat membuat kode atau gambar barcode dari :

Text Biasa

E-Mail

Phone

Contact

Wi-Fi

Geo Tag

Cara Menggunakan:

Pilih code apa yang ingin sobat jadikan QR dengan memilih salah satu tab yang ada.

Tuliskan konten yang ada didalamnya.

Lalu klik "Generate QR Code"

Bila belum sesuai, sobat bisa juga mengatur kualitas dan jarak marginnya.

Lalu simpan dengan menekan tombol Save as BMP atau PNG

Untuk menggunakan QR-Code silahkan download dengan klik disini

Berikut screenshootnya :

Selain itu software ini 100% Offline dan tentunya Gratis!

Untuk membaca QR-Code yang sudah kita buat, maka smart phone atau gadget kita perlu sobat install QR Code Reader yang bisa didwonload di playstore untuk smartphone android, atau silahkan klik disini

Selamat mencoba yaa...

Sumber : Yusuf Dekstop

Keunggulan Email Pada Office 365 Untuk Pembelajaran Online

noreply@blogger.com (Mamguru) — Sun, 31 Jan 2016 23:05:00 +0700

Menggunakan email Office 365 untuk Pembelajaran Online merupakan pilihan tepat. Di samping Office 365 ada versi untuk pendidikannya, semua fitur pada Office 365 akan mempermudah proses pembelajaran secara online. Salah satunya adalah fitur Email pada Office 365.

Bagi yang telah menggunakan email yahoo maupun gmail, akan langsung terlihat keunggulan dan kemudahan menggunakan email pada Office 365.

Apa saja keunggulan Email pada Office 365?
Pertama, tampilan email terdiri dari 3 kolom terpisah. Kolom sebelah kiri berisi kumpulan folder untuk pengelolaan email. Kolom tengah memuat daftar email dari masing-masing folder. Sedang kolom sebelah kanan merupakan isi dari email yang dibuka. Tampilan ini sangat memudahkan kita untuk mengorganisir file yang masuk.

Kedua, kita dapat membuat folder-folder baru yang langsung tampak di kolom sebelah kiri. Dengan membuat pengaturan pada tiap folder, maka berbagai jenis email yang masuk akan otomatis masuk pada folder yang telah dibuat berdasarkan kategori tertentu. Email baru dan email belum terbaca pada setiap folder akan terlihat banyaknya di belakang nama folder.

Ketiga, mudahnya membuat grup dan melihat aktivitas grup yang akan kita ikuti. Pada kolom sebelah kiri bawah akan terlihat berapa grup yang kita ikuti dan juga banyaknya aktivitas grup yang tertera pada angka dibelakang nama grup. Dengan klik pada ikon grup kita sudah masuk pada aktivitas grup yang ada didalamnya.

Keempat, email pada office 365 dapat membalas email secara otomatis. Apabila karena suatu hal kita tidak dapat online pada jangka waktu tertentu maka kita dapat melakukan pengaturan agar email yang masuk segera dibalas dengan keterangan tertentu.

Di samping keempat keunggulan email pada office 365 tersebut, masih banyak fitur yang memiliki fungsi sama dengan penyedia email lainnya. Fitur tersebut seperti menulis email, membaca kotak masuk, mengelola folder, menghapus email, menandai telah atau belum dibaca, dan lain sebagainya.

Fitur-fitur email pada Office 365 tersebut sangat membantu guru dalam mengelola pembelajaran online. Contohnya ketika guru sudah membuat grup maka dengan mudah ia memasukkan muridnya ke grup tersebut atau murid yang mencari dan meminta untuk masuk ke grup tersebut. Setiap ada tugas tinggal kirim satu email untuk seluruh grup. Demikian pula bagi siswa, grup yang banyak tidak akan merepotkannya karena email yang masuk baik dari tugas maupun diskusi bisa langsung masuk ke folder yang telah ia atur. Ia tidak akan repot lagi mengelompokkan email dan mencari aktivitas grup apa yang belum ia buka

Semoga bermanfaat

Sumber : Kompasiana

#office365 #MIEExpert #MIEExpert2015 #MSFTEDU

Mengenal Office365 Beserta Fitur-Fiturnya

noreply@blogger.com (Mamguru) — Mon, 25 Jan 2016 21:43:00 +0700

Teknologi Cloud Computing sudah semakin berkembang dengan pesatnya. Salah satu perkembangan yang banyak digunakan ialah pada layanan Public Cloud yang menggunakan konsep Sotfware as a Services (SaaS). SaaS meliputi berbagai layanan di Cloud yang disebut dengan Cloud Apps. Cloud Apps dapat dimanfaatkan untuk menunjang produktivitas, layanan Cloud Apps yang sering digunakan seperti Email System dan Office Productivity.

Microsoft Office 365 adalah sebuah bagian dari SaaS yang memungkinkan penggunannya untuk mengakses e-mail, dokumen, kontak, kalender dan melakukan kolaborasi dimana saja dan menggunakan berbagai perangkat (PC, Laptop, Tablet atau Smart Phone).

Microsoft Office 365 memiliki beberapa fitur sebagai berikut :

Microsoft Office. Office 365 memberikan pengalaman baru pada pengguna microsoft Office untuk dapat berkolaborasi dalam menyelesaikan pekerjaan dengan dukungan integrasi di Cloud pada platform Office terbarunya.
Website. Menghadirkan dan menopang situs profesional untuk bisnis anda secara mudah tanpa kesulitan teknis melalui fitur Sites.
Berbagi file dan Menangai Projek anda. Berbagi dokumen dan berkolaborasi dengan kolega Anda secara online melalui fitur OneDrive, OneNote Online, Yammer.
Mobilitas. Anda dapat mengakses layanan Office 365 dimanapun dengan menggunakan semua perangkat yang anda miliki sehingga Anda dapat produktif kapan saja.
Email dan Kalender. Akses email dan kalender Anda dari komputer, web, dan ponsel anda melalui fitur Mail, Calender.
Office Web Apps. Menciptakan, menyimpan, dan mengedit dokumen Office secara online melalui fitur Word Online, Excel Online, PowerPoint Online.
Percakapan instan, Kehadiran, dan Konferensi. Berinteraksi secara segera dengan kolega-kolega. susun dan lakukan pertemuan online melalui fitur Video Lync.
Keamanan dan Kepercayaan. Microsoft membantu menjaga data pribadi Anda secara Aman.

Secara umum, Office 365 memberikan keuntungan dari berkolaborasi, menghubungkan organisasi anda dan menjadikan organisasi anda lebih produktif tanpa kerumitan server lokal. Yang pada akhirnya memberikan anda kemampuan untuk fokus pada bisnis yang sebenarnya, Dan jika anda ingin mencobanya terlebih dahulu, disediakan 30 hari trail secara gratis untuk mencoba layanan Office 365 ini pada situs resminya http://office365.microsoft.com/

Tertarik?? Selamat mencoba...

Sumber : products.office.com, Academia.edu dan CampurBawur

#Office365 #MIEExpert #MIEExpert2015 #msftedu

Office Mix : Cara Baru Membuat Presentasi Interaktif dan Menarik, Yang Dapat Digunakan Untuk Pembelajaran Online.

noreply@blogger.com (Mamguru) — Sun, 24 Jan 2016 18:15:00 +0700

Bagi anda para dosen, guru, mahasiswa, siswa atau pengguna MS Powerpoint yang ingin membuat presentasi untuk pembelajaran online, OfficeMix adalah aplikasi yang sangat tepat untuk kebutuhan anda tersebut. OfficeMix adalah sebuah tools tambahan (add in) yang dapat dipasang pada minimal Microsoft Office 2013. Add-in ini akan sangat membantu anda dalam membuat sebuah presentasi multimedia interaktif yang menarik dan interaktif, yang anda butuhkan untuk pengembangan pembelajaran online. Dengan OfficeMix anda dapat menyampaikan segala hal layaknya berhadapan langsung dengan client. Multimedia interaktif kini menjadi trend dalam dunia pendidikan, terlebih dengan semakin pesatnya perkembangan teknologi dan jaringan internet yang pada saat ini sangat mudah untuk diakses dan digunakan, penggunaan multimedia interaktif ini dianggap efektif untuk pembelajaran.

Untuk mendapatkan Office Mix, anda dapat mengunduh dan menginstal add-in secara gratis.
Langkah-langkahnya adalah sebagai berikut :

Buka http://mix.office.com, kemudian pilih cara log in sesuai pilihan yang disediakan, anda dapat menggunakan akun microsoft office, akun facebook, akun google yang anda miliki.

Selanjutnya mulai download OfficeMix.Setup

Bila download anda selesai maka silahkan lakukan instalasi OfficeMix, caranya mudah saja, anda klik next-next-next saja.

Catatan : Saat intalasi OfficeMix, spesifikasi yang dibutuhkan komputer anda adalah :

Win 7 / 8 / 10
Sudah terinstal Ms Office 2013 /2016
Service Pack 1

Setelah anda menginstal OfficeMix maka pada saat anda membuka PowerPoint, anda akan melihat tab Mix baru pada Menu Bar.

Fitur-Fitur OfficeMix

Anda bisa menambahkan pada slide presentasi ilustrasi layaknya menulis di white board. Fitur ini akan menekankan bagian manakah yang sedang anda jelaskan dengan menambahkan marking-marking .

Anda juga bisa menambahkan video chat anda, sehingga audient seolah berhadapan langsung . Selain itu anda juga bisa menambahakan voice record dan screen capture

Membuat Quiz dengan jawaban benar / salah, multiple choice, jawaban uraian, ataupun pendapat bisa dengan mudah dibuat dengan OfficeMix untuk menarik minat siswa dan mahasiswa. Anda juga bisa menambahakan petunjuk pengerjaan, waktu, menyusun ulang nomor soal, dan siswa dapat juga memberikan kritik dan saran terhadap soal. Dengan menggunakan OfficeMix, anda bisa menganalisa kemampuan siswa atau mahasiswa anda. OfficeMix dapat menghitung lama pengerjaan tiap siswa, bahkan bisa dihitung per slide, sehingga anda tahu soal mana yang susah dimengerti oleh siswa. Anda juga akan tahu, siswa mana yang butuh ekstra perhatian.

PowerPoint dan OfficeMix dapat digunakan untuk membawakan presentasi interaktif secara offline di depan kelas. Yang paling istimewa adalah dengan OfficeMix, anda juga dapat melakukan presentasi dan berinteraksi secara online. Cukup dengan menekan tombol UpLoad, presentasi tersebut akan diproses oleh PowerPoint dan OfficeMix untuk kemudian di-upload ke website OfficeMix dan dapat dijalankan dimana saja. Anda juga dapat berbagi presentasi dengan mudah menggunakan fitur “Share” dan membagikan link-nya ke orang lain. Asalkan anda memiliki laptop atau smartphone, OfficeMix siap digunakan.

Dengan adanya Office Mix proses Upload Dan Download dipermudah, sehingga presentasi anda dapat dibuka dimana saja tentunya dengan device yang sedang anda gunakan.

Selamat berkreasi dengan OfficeMix.....

Sumber : Windowsku dan khedisFile.com

#OfficeMix #MIEExpert #MIEExpert2015 #msftedu

Math Type : Ketik Rumus Fisika/Kimia/Matematika Dengan Mudah #2

noreply@blogger.com (Mamguru) — Mon, 18 Jan 2016 22:27:00 +0700

Posting kali ini merupakan posting kelanjutan dari posting sebelumnya tentang software MathType (baca disini yaa), yaitu tentang Fitur-Fitur MathType Versi 6.9 yang anda butuhkan untuk mengketik dengan mudah rumus-rumus Fisika, Kimia atau Matematika khususnya pada Office (Ms.Word).

Fitur-Fitur MathType Versi 6.9 :

Memasukan Tulisan Tangan Matematika : Mengetik persamaan matematika semudah Anda menulis matematika dengan kertas dan pensil ! Fitur ini menggunakan pengenalan tulisan tangan built-in di Windows 7 dan kemudian.

Point-dan-Klik Editing dengan Otomatis Formatting: Buat persamaan dengan cepat dengan memilih template dari palet MathType dan mengetik ke dalam slot kosong yang disediakan. MathType menerapkan peraturan jarak matematika secara otomatis saat Anda mengetik.
Keyboard Shortcuts: Hemat waktu dengan menggunakan shortcuts keyboard. MathType memiliki Shortcuts Keyboard untuk hampir setiap simbol, template, dan perintah.
Jenis TeX atau LaTeX: Jika Anda sudah mengetahui TeX typesetting bahasa, Anda dapat memasukkan persamaan langsung ke MathType atau Microsoft Word dokumen . Editing TeX dapat dicampur dengan point-and-click editing sehingga Anda mendapatkan yang terbaik dari keduanya. Anda bahkan dapat menyisipkan dalam persamaan dari dokumen TeX yang ada.
Copy-and-Paste: Jika Anda membuat persamaan Anda dalam aplikasi lain atau menemukan satu persamaan pada sebuah situs web, anda dapat langsung copy-and-paste ke MathType, dan siap untuk mengedit atau digunakan dalam pekerjaan Anda.
Simpan Ekspresi di Toolbar: Drag persamaan sering digunakan dan ekspresi ke toolbar MathType sehingga anda dapat memasukan persamaan hanya dengan klik saja.

Mendukung Microsoft Office :
- Office 2013 dan Office 365: MathType 6.9 sepenuhnya kompatibel dengan Office 2013 dan Office 365 yang diinstal pada Windows 7 dan 8 komputer.
- Office 2010, 2007, 2003, dan XP: MathType 6.9 sepenuhnya kompatibel.
- Office Web Apps , Office Mobile , dan Office RT: persamaan MathType tidak dapat diedit di versi Office ini, tetapi persamaan yang dibuat dalam versi lain dari Office akan menampilkan dan mencetak.
Microsoft Office 2013, 2010, & 2007 - MathType Ribbon Tab di Word dan PowerPoint: MathType Membawa keuntungan penuh dari Office Ribbon User Interface sehingga lebih mudah dari sebelumnya untuk mendukung operasi persamaan dalam dokumen dan presentasi. Persamaan baru penomoran dan menelusuri fitur bekerja dengan semua persamaan.

Microsoft Office 2003 dan XP (2002) - MathType Toolbar dan Menu dalam Word dan PowerPoint: MathType menambahkan toolbar dan menu ke Microsoft Word dan PowerPoint, sehingga anda dapat mengakses cepat fitur-fiturnya.
Cari Simbol: dialog Insert Symbol MathType memungkinkan Anda untuk menjelajahi simbol yang tersedia dan menambahkannya dengan satu klik saja.

Demikianlha fitur-fitur dari MathType Versi 6.9 yang sangat membantu anda dalam mengetikan rumus-rumus Fisika,Kimia,Matematika pada Office (Ms.Word).

Semoga bermanfaat..

Sumber : Never Stop Dreaming

#MathType.plugin.office #‎MIEExpert‬ ‪#‎MIEExpert2015‬ ‪#‎msftedu‬

Math Type : Ketik Rumus Fisika/Kimia/Matematika Dengan Mudah

noreply@blogger.com (Mamguru) — Mon, 18 Jan 2016 21:48:00 +0700

Bagi anda para pecinta matematika, fisika, maupun kimia dan ilmu hitung-menghitung lainnya, menulis rumus di MS word seperti perpangkatan, indeks, diferensial, integral, dan huruf-huruf Yunani mungkin menjadi kebosanan tersendiri jika harus meng-klik simbolnya satu per satu dengan menggunakan insert simbol atau insert equation.

Tak kalah pentingnya juga bagi anda para pendidik matematika, fisika atau kimia, maka equation dan simbol akan selalu anda butuhkan dalam penulisan konten digital dengan komputer, misalnya untuk membuat soal, modul ajar atau membuat media pembelajaran.

Pada dasarnya, Ms. Word telah menyediakan penulisan untuk symbol dan equation. Akan tetapi, dalam penulisan rumus yang sudah cukup kompleks tentunya akan membutuhkan ketelitian jika hanya mengetik dengan bawaan Ms. Word saja. Untuk itulha anda membutuhkan Math Type, software yang terintegrasi dengan Ms.Word maupun aplikasi lainnya yang memudahkan untuk membuat dan menulis persamaan fisika/kimia/matematika.yang juga merupakan aplikasi tambahan (plugin) pada office (Ms. Word).

Jika anda sudah menginstal MathType, maka akan muncul tab tambahan pada ribbon Ms. Word anda seperti gambar berikut. ini

Selain dapat tersinkronisasi dengan ribbon pada Ms. Word, MathType juga mendukung untuk penulisan rumus di semua Ms. Office, Apple iWork ’09, Adobe InDesign, iBooks Author, WordPress, Maple, GMail, Blackboard, Evernote, dan Moodle. Dokumentasi lengkapnya dapat kalian lihat pada link berikut http://www.dessci.com/en/products/mathtype/

Tidak hanya mendukung sebagai plugin dalam Office, MathType juga merupakan aplikasi yang juga dapat berdiri sendiri atau standalone application.

Berikut ini tampilan MathType pada komputer.

Dari gambar di atas, anda dapat melihat banyak sekali jenis symbol dan equation yang dapat anda gunakan. Jangan terkejut jika di dalamnya masih terdapat sub-sub konten yang memiliki banyak symbol dan equation tambahan.

MathType dalam Ms. Word

Langkah penggunaan MathType dalam Ms. Word adalah sebagai berikut.

Jika anda telah memiliki MathType, anda dapat menggunakannya pada ribbon di Ms. Word. Namun, jika belum silahkan anda download dan instal versi trialnya dari link berikut http://www.dessci.com/en/products/mathtype/trial.asp?src=mtlogo
Pada versi trial, anda akan diberikan waktu 30 hari untuk mencoba aplikasi ini. Lumayan kan untuk membantu pekerjaan menuliskan rumus, manfaatkan waktu yang 30 hari tersebut dengan baik yaa.. Cara dwonloadnyapun mudah, anda hanya perlu memasukkan email dan memilih versi MathType sesuai OS komputer anda. Berikut tampilannya pada halaman download MathType:
Lakukan instalasi sesuai langkahnya (biasanya sih cuma klik next and next aja).
Setelah instalasi selesai, silahkan buka Ms. Word anda dan lihat tab baru yang bertuliskan MathType.
Penggunaan MathType di Ms. Word juga masih tersinkronisasi dengan MathType standalone-nya. Jadi, jika anda menuliskan rumus, nantinya anda akan dibawa ke tampilan MathType versi standalone.
Sekarang mari kita coba menuliskan rumus dengan mengklik tombol Inline pada tab MathType di Ms. Word
Setelah itu, anda akan diantarkan pada jendela MathType dan di situlah anda dapat mengetikkan rumus-rumusnya, misalnya menuliskan rumus Enstein seperti pada gambar berikut ini!
Selanjutnya tutup jendela MathType dan pilih Yes untuk menyimpan rumus anda dalam Ms. Word.
Jika sudah tersimpan, rumus anda akan berubah seolah-olah menjadi gambar dalam Ms. Word. Namun, rumus tersebut dapat anda edit kembali dengan melakukan double click (klik dua kali) sehingga jendela MathType untuk pengeditan akan muncul kembali. Jika anda melakukan pengeditan, maka rumus anda akan bertanda seperti gambar berikut (perhatikan panah merah).
Karena bentuknya yang mirip dengan objek gambar, rumus MathType yang sudah anda ketik juga dapat anda perbesar atau perkecil sesuai keinginan dengan melakukan drag and drop pada ujung-ujung atau node yang ada. Perhatikan animasi berikut.

Selamat mencoba ber Rumus Ria dengan Math Type...

Sumber : Orok Web dan Lumpia Studio

#MathType.plugin.office #‎MIEExpert‬ ‪#‎MIEExpert2015‬ ‪#‎msftedu‬

Cara Mudah Menuliskan Rumus Fisika/Kimia/Matematika pada Ms.Office Word dengan Math Input Panel

noreply@blogger.com (Mamguru) — Wed, 13 Jan 2016 23:36:00 +0700

Bagi sebagian besar guru MIPA khususnya guru Fisika-Kimia-Matematika ketika sedang membuat Modul, Media Pembelajaran atau khususnya Bank Soal yang mengharuskan menyajikan Rumus atau Persamaan Matematis pada document yang dibuat dengan MS Office Word, pastilah akan dibuat pusing dan membingungkan.

Bagi para Mahasiswa dan Pelajar SMA pasti sempat merasa kesulitan apabila akan mengetikan sebuah Rumus dalam office Word. Perlu sebuah waktu yang lama dan kecermatan apabila kita menggunakan Tools yang Standar.

Untuk mengatasi kesulitan tersebut kita dapat menggunakan tool bawaan operating sistem Windows yaitu Math Input Panel untuk membuat berbagai macam ekspresi rumus dan persamaan matematika dengan mudah.

Math Input Panel merupakan program aplikasi kecil yang mulai diperkenalkan di Windows 7 yang pengoperasiannya ditujukan untuk menggunakan alat input seperti touchscreen, external digitizer atau mouse. Penulisan ekspresi rumus dan persamaan matematika menggunakan alat input tersebut akan dikenali oleh aplikasi ini dan kemudian dapat disisipkan (insert) ke program aplikasi perkantoran ( office applications) seperti Microsoft Office, LibreOffice atau OpenOffice. Hebatnya lagi, ekspresi rumus dan persamaan matematika yang telah disisipkan ke program aplikasi perkantoran masih bisa diperbaiki (edit) untuk dirubah sesuai keinginan. Ini dapat meningkatkan produktivitas anda ketika harus membuat dokumen atau presentasi yang memiliki banyak ekspresi rumus dan persamaan matematika. Khususnya bagi Guru (Fisika, Kimia, Matematika), pelajar atau mahasiswa.

Bagaimana cara menemukan aplikasi ini dalam windows?

JIKA KOMPUTER ANDA MENGGUNAKAN WINDOWS 7
Klik Start > All Programs > cari dan klik folder Accessories >Math Input Panel

JIKA KOMPUTER ANDA MENGGUNAKAN WINDOWS 8.1
Cara pertama : tekan tombol windows di keyboard (sebelah kiri bawah, pertengahan antara tombol Fn, Alt, dan Z) > klik ikon tanda arah panah bawah untuk lihat All programs > geser kursor ke kanan dan cari ikon “Math Input Panel”

Cara kedua : tekan tombol kombinasi (Windows+C) > pilih ikon “search” > ketik “Math Input Panel”

JIKA KOMPUTER ANDA MENGGUNAKAN WINDOWS 10

Klik search kemudian ketikan "Math Input Panel" pada kotak search.

Bagaimana cara menggunakan aplikasi ini ?

Langkah 1
Jalankan Program "Math input panel"

langkah 2
Buka Ms. Office Word

Langkah 3
Coba Test dengan menggambar sebuah angka atau simbol pada ruang kerja aplikasi ini

Langkah 4
Ini contoh dari Rumus sederhara yang di tulis pada ruang kerja aplikasi tersebut

Penulisan Rumus tersebut, menggunakan cara dengan di gambar layaknya kita menggunakan aplikasi Paint. Metode yang di gunakan Aplikasi Tersebut sangat lah mudah dan simpel jadi siapapun bisa dengan mudah menggunakan nya.

Langkah 5
Apabila sudah selesai menggambar sebuah rumus, lalu Apabila kita ingin memasukan Rumus tersebut pada Office Word yang kita lakukan adalah klik tombol Insert

Setelah Klik insert, maka akan seperti ini :

Langkah 6
Lalu besar kan ukuran Font nya

Langkah 7
Ini adalah contoh Rumus Yang sedikit Rumit lainnya

cara memasukan nya sama seperti langkah di atas

Apabila Mengalami masalah salah pembacaan, maka gunakan lah tools "Select and Correct"

Bagi yang Kesulitan dengan Tombol-tombol tools yang ada dalam aplikasi "Math Input Panel" Perhatikan gambar berikut ini :

Math Input Panel juga dapat digunakan untuk menulis Rumus Kimia, seperti contoh berikut ini :

Selamat Mencoba...

Sumber : Termasmedia dan Lughot

#‎MathInputPanel ‪#‎MIEExpert‬ ‪#‎MIEExpert2015‬ ‪#‎msftedu‬