Anggita Pratiwi Askar

Jumat, 28 September 2018

Penggunaan Fungsi Label, TextBox, dan Button pada MIT App Inventor

Unknown September 28, 2018 0 Comments

Tujuan :

Mengetahui fungsi dari Label, TextBox, dan Button pada MIT App Inventor
Mengetahui cara membuat data diri sederhana berbasis android agar dapat disimpan dan di hapus

Berikut adalah contohnya :

Perintah yang akan dilakukan adalah jika NAMA, NIM, dan PRODI diisi kemudian ditekan tombol SIMPAN maka akan muncul data yang diisi tadi, tetapi jika ditekan HAPUS maka data akan terhapus.

Alat-alat yang dibutuhkan: PC, Internet, dan smartphone Android yang telah terinstall MIT AI2 Companion

Langkah-langkah:
1. Buka website MIT App Inventor pada PC anda

2. Klik Create Apps!

3. Klik Start New Project

4. Drag and drop 3 buah Label, 3 buah TextBox, dan 2 buah Button ke Screen 1.

5. Kemudian beri nama pada Label, TextBox, dan Button tadi dengan cara mengubah Text pada kolom Properties

6. Kemudian, agar masing-masing label NAMA, NIM, dan PRODI memiliki TextBox, maka pilih Layout pada Pallete kemudian pilih HorizontalArrangement lalu drag and drop ke Screen 1 sebanyak 3 kali.

7. Kemudian akan tampil seperti gambar dibawah ini

Agar terlihat rapi, maka setiap Label dan Button diberikan Width bagian Fill Parent. Untuk TextBox, widthnya diatur menjadi 70 percent untuk masing-masing TextBox seperti gambar berikut.

8. Kemudian, tambahkan 3 buah Label lagi sebagai hasil dari Button SIMPAN nantinya

Kemudian 3 Label tadi yang awalnya terdapat centang pada Visible diubah menjadi tidak ada centang. (Visible dapat ditemukan dalam Properties)

9. Selanjutnya agar tidak bingung dalam menyusun blocksnya nanti, maka dianjurkan untuk me-RENAME masing-masing komponen

10. Kemudian buka Blocks dan susun bloknya seperti gambar dibawah ini

Setelah selesai menyusun blok seperti gambar diatas, maka klik connect dan pilih AI Companion, kemudian masuk ke aplikasi android MIT AI2 Companion dan scan barcode, maka akan muncul secara otomatis tampilan seperti berikut

(Pastikan anda memakai jaringan internet yang sama antara PC dan Android)

11. Isilah garis yang kosong tersebut seperti gambar dibawah ini

Ketika menekan Button SIMPAN maka data akan muncul seperti gambar dibawah ini

jika menekan Button HAPUS maka data akan hilang

Thank you for reading my blog 😃

Minggu, 23 September 2018

Menginstall Router OS pada Mikrotik

Unknown September 23, 2018 0 Comments

Tujuan :

Mengetahui cara menginstall Router OS pada Mikrotik dengan menggunakan software.

Bahan-bahan yang diperlukan: PC dan Mikrotik

Langkah-langkah:

1. Install terlebih dahulu aplikasi netinstall-6.43.1 (aplikasi ini saya dapatkan dari laboran kampus saat praktikum)

2. Setelah aplikasi netinstall berhasil di download, buka aplikasi tersebut dimana nantinya akan muncul tampilan seperti berikut

Pastikan routeros-mipsbe muncul pada menu Package,jika tidak muncul silahkan cek tempat penyimpanan file tersebut dengan cara mengklik Browse

3. Selanjutnya, klik Net booting seperti gambar berikut

Setelah meng-klik Net booting maka akan muncul tampilan seperti berikut

Centang pada Boot Server enabled agar Client IP address dapat diisi. IP yang saya pakai adalah 192.168.6.1

4. Kemudian atur IP pada PC seperti gambar berikut

Untuk IP pada PC saya menggunakan IP 192.168.6.2 dengan subnet mask yang akan otomatis terisi sendiri

5. Kemudian pada Mikrotik tekan lubang yang ada pada RES

Pada saat menekan lubang yang ada pada RES pastikan terdengar ada bunyi seperti sudah tertekan, kemudian tahan. Sembari menahan, masukkan adaptor pada lubang Power hingga status LAN menjadi seperti berikut

Dan akan muncul pada netinstall seperti berikut

6. Klik Install dan tunggu sampai penginstallan selesai.

Thank you for reading my blog 😃

Kamis, 20 September 2018

Tutorial Menggunakan MIT App Inventor dan menghubungkannya ke Smartphone Android

Unknown September 20, 2018 0 Comments

Tujuan:

Untuk mengetahui cara merancang sebuah sistem untuk membunyikan suara pada smartphone Android dengan menggunakan MIT App Inventor.

Langkah-langkah :

1. Buka website MIT App Inventor di web browser PC, kemudian akan muncul tampilan beranda seperti berikut:

2. Klik Create apps!

3. Setelah meng-klik Create apps! Maka akan muncul tampilan seperti berikut:

4. Kemudian masukkan email dan password, setelah itu akan muncul gambar seperti dibawah ini :

5. Klik Start New Project

6. Kemudian, tulis nama project yang diinginkan

7. Kemudian klik OK dan akan muncul tampilan seperti berikut:

8. Pada kolom User Interface, pilih menu Button kemudian tarik dan letakkan pada screen 1

9. Pada kolom properties ubah menu Width menjadi "Fill Parent"

10. Untuk mengubah nama Button, cek pada kolom properties pada menu "Text"

11. Kemudian pilih Media pada kolom Palette dan pilih menu "TextToSpeech" kemudian tarik dan letakkan pada Screen1

12. Untuk mengetahui "TextToSpeech" sudah berada pada Screen1 atau belum dapat di cek pada kolom Components. Langkah selanjutnya, klik Blocks.

14. Kemudian muncul tampilan seperti berikut:

15. Pada kolom Blocks, pilih Button1 dan akan muncul pilihan seperti berikut:

16. Karena tujuan utama adalah ketika Button1 di klik akan mengeluarkan bunyi, maka yang dipilih pada pilihan gambar diatas adalah .Click, dan muncul gambar seperti dibawah ini:

17. Selanjutnya pada kolom Blocks, pilih TextToSpeech1 kemudian pilih ".Speak" kotak berwarna ungu

18. Kemudian tarik kotak tersebut dan letakkan pada bagian kosong pada block Button1

19. Selanjutnya, pilih menu Text pada Build-in dan pilih kotak seperti pada gambar dibawah ini. Kemudian tarik kotak tersebut dan letakkan pada kotak ungu TextToSpeech1. Jangan lupa untuk mengisi kata yang akan dibunyikan. Contohnya "Hello Anggi”

20. Kemudian buka pilihan Build dan pilih "App for Google Play (save .apk to my computer)"

Kemudian file .apk akan otomatis terdownload di PC

21. Buka pilihan Connect dan pilih "AI Companion". Fungsinya adalah untuk menampilkan barcode agar dapat dibuka pada Android menggunakan aplikasi MIT AI2 Companion.

22. Berikut adalah tampilan dari MIT AI2 Companion setelah di download pada Android

Kemudian masukkan barcode tadi dan pilih connect with code. Setelah itu nanti akan terdownload apk yang ada di PC tadi ke dalam Android. Kemudian apk di install pada Android.

23. Setelah apk terinstall pada Android, buka apk tersebut sehingga terlihat seperti tampilan berikut

Kemudian tekan Tombol 1 dan akan keluar suara "Hello Anggi!" dari Android anda. Maka akan keluar suara melalui Android anda sesuai teks.

Thank you for reading my blog 😃