Transcript for:
Pengembangan Aplikasi Mobile Dengan App Inventor

Assalamualaikum warahmatullahi wabarakatuh selamat berjumpa kembali anak-anak semoga hari ini dan hari-hari berikutnya kita selalu dalam keadaan sehat walafiat Semoga kawan-kawan kita yang hari ini Tengah sakit segera disembuhkan Allah subhanahu wa taala anak-anak hari ini kita akan membahas tentang pengembangan aplikasi mobile dengan library kecerdasan artifisial dan topik kali ini adalah pengembangan aplikasi mobile dengan app inventor [Musik] tujuan pembelajaran kali ini adalah bahwa Setelah mempelajari bab ini kalian diharapkan mampu mengembangkan sebuah aplikasi berbasis mobile yang merupakan implementasi kecerdasan buatan dengan langkah-langkah analisis identifikasi persoalan perancangan implementasi pengujian dan penyempurnaan selanjutnya Kalian juga diharapkan mampu untuk mengkomunikasikan produk aplikasi dan manfaatnya secara lisan maupun tertulis hakikatnya Kita sebagai manusia memiliki akal untuk berpikir menyelesaikan masalah dan dapat terus meningkatkan kecerdasan kita Lalu bagaimana seb berpikirnya seperti manusia pa konsep pada pengembangan aplikasi mobile dengan library kejelasan artifisial kita akan membahas tentang speechb kemudian kalkulator dengan suara dan juga app inventor starter di mana pada pengembangan aplikasi mobile dengan library kejelasan artifisial ini e di dalamnya ada praktika lintas bidang saat ini mungkin sebagian dari kalian telah terbiasa menggunakan gawai atau mobile phone berupa ponsel Tablet atau yang lain mungkin sebagian dari kalian juga telah terbiasa menggunakan aplikasi mobile aplikasi mobile adalah salah satu bentuk artefak komputasional yang bermanfaat bagi kehidupan masyarakat di era digital saat ini aplikasi ini sama dengan aplikasi lain yang telah kalian kembangkan pada jenjang sebelumnya namun dirancang untuk dapat berjalan pada ponsel atau mobile phone pengembangan aplikasi mobile tidaklah sesulit yang dibayangkan pada B ini kalian akan mempelajari bagaimana cara mengembangkan aplikasi mobile dan dilanjutkan dengan penggunaan library atau komponen kecerdasan artifisial library adalah modul program dengan fungsi tertentu yang sudah dikemas sehingga siap dipakai tanpa pemrogram memakainya perlu mengimplementasi kodenya memakai library ini dapat diibaratkan kalian menggunakan ponsel atau komputer dengan mudah dan nyaman tanpa perlu tahu betapa rumit isi di dalamnya pengembangan aplikasi mobile dengan app inventor saat ini kehidupan sehari-hari manusia banyak dibantu oleh aplikasi atau perangkat Luna yang terpasang pada Ponsel pintar komputer atau diakses secara online lewat peramban aplikasi tersebut di antaranya adalah aplikasi perkantoran aplikasi bertukar pesan pemutar lagu aplikasi desain pengolah akuntansi dan lain-lain aplikasi dapat dibedakan berdasarkan platform pengembangan dan penggunaannya yaitu aplikasi desktop aplikasi web dan aplikasi mobile penulisan aplikasi sering disingkat menjadi Apps yang pertama desktop apps aplikasi desktop adalah aplikasi yang dikembangkan dengan tujuan implementasi pada komputer desktop atau piranti lokal komputer aplikasi ini harus dipasang pada piranti lokal komputer dan setelah terpasang aplikasi ini akan berada pada memori dari piranti lokal dua web Apps aplikasi berbasis web adalah aplikasi yang dikembangkan dengan tujuan dapat diakses menggunakan koneksi jaringan komputer dan internet menggunakan protokol http aplikasi ini tidak terpasang pada piranti atau komputer desktop lokal namun terpasang pada server tertentu aplikasi Ini kebanyakan diakses menggunakan browser namun ada juga yang berbentuk client site di mana ada program kecil yang terpasang pada piranti lokal tetapi proses komputasi utama dilakukan di server tiga mobile Apps aplikasi mobile juga disebut dengan mobile apps adalah aplikasi yang dirancang untuk dapat dieksekusi pada piranti mobile seperti ponsel Tablet atau smartwat mobile memiliki arti mudah bergerak aplikasi mobile dapat dipasang pada ponsel Tablet atau gadget lainnya aplikasi ini berkembang pesat karena kemudahan penggunaan piranti mobile dan dapat diintegrasikan dengan sistem lain yang ada pada piranti mobile seperti GPS kamera sidik jari dan lain-lain saat ini tersedia jutaan aplikasi mobile yang ada di platform pendistribusian aplikasi digital yaitu Play Store ataupun App Store pengembangan aplikasi banyak dibantu oleh perkakas pengembangan yang disebut dengan integrated development environment atau Idi atau ide ide membantu kemudahan dan efektivitas pengembangan perangkat Luna salah satu ide yang digunakan untuk pengembangan aplikasi mobile adalah app inventor 1 app inventor app inventor adalah perangkat lunak ide terintegrasi yang berbasis web app inventor pada awalnya dikembangkan oleh Google yang saat ini dipelihara oleh massachuss Institute of technologi atau meet app inventer memungkinkan pemrogram komputer pemula dapat membuat mobile apps di antara OS Android maupun iOS aplikasi app inventer bersifat open source dan free app inventer memiliki antarmuka berbasis grafis dan memiliki tampilan yang mirip dengan bahasa pemrograman block scratch atau blockly yang telah kalian pelajari di kelas 7 dan 8 dengan app inventer kalian dapat membuat program dengan cara seret lepas atau Drag and drop komponen-komponen app inventer sebagai perkakas terus dikembangkan kecanggihannya melalui riset intensif di bidang educational computing app inventor mendukung penggunaan Cloud data dengan firebase dan firebase realtime database app inventer dapat diakses melalui peramban dari situs https.2 A2 up inventorid edu app inventor memiliki banyak Komponen yang dapat digunakan dalam pembuatan aplikasi komponen tersebut dikelompokkan dalam user interface componen layout components media components drawing and animation components dan lain-lain user interface component memiliki komponen-komponen yang berhubungan dengan antar muka pengguna seperti button atau tombol checkbox Dee picker image dan lain-lain masing-masing komponen memiliki method events dan properties yang digunakan untuk memanipulasi komponen tersebut properties pada komponen adalah atribut yang mendeskripsikan sifat dari komponen misalnya lebar tombol warna dari teks dan lain-lain propertis biasanya dapat dibaca dan diset namun ada juga propertis yang hanya bisa dibaca metad adalah fungsi yang dapat dikenakan pada komponen yang memilikinya metod dapat digunakan untuk mengatur properties event adalah kejadian yang terjadi karena pemanggilan metou seperti aksi Mouse klik yang menghasilkan Mouse event yang menyebabkan suatu fungsi atau prosedur akan dieksekusi sebagai contoh komponen button atau atau tombol yang memiliki kemampuan untuk mendeteksi penekanan tombol memiliki propertis warna background Tombol yang dapat diubah sesuai keinginan tombol dapat diset enable aktif atau tidak aktif dan font yang dapat diset italik B dan lain-lain properties tersebut dapat dimanipulasi pada desainer editor atau pada blog editor dalam tabel 5.1 berikut memberikan berbagai contoh komponen method event dan properties dari komponen pada app inventor yang pertama komponen button atau tombol yang memiliki kemampuan mendeteksi penekanan atau klik dari user propertiesnya background color atau color enable font size font B font italic image event-nya klik got focus long Click Lost focus touch down method-nya tidak ada untuk Komponen text BX kotak tempat user mengisi teks propertiesnya text background color enable font size font B font italic multiline eventnya got focus Lost focus methodnya hide keyboard request focus komponen label komponen untuk menampilkan teks propertiesnya Tex background color enable font size font B font italic text color eventnya tidak ada meodnya juga tidak ada untuk Komponen horizontal Line komponen ini memformat elemen yang diletakkan pada layar akan tertampil secara horizontal dari kiri ke kanan propertisnya adalahine horizontal vertial background color image sedangkan event dan propertisnya event dan methodnya tidak ada Kemudian untuk Komponen spech komponen yang akan mengubah teks menjadi suara propertiesnya language country dan speech sedangkan event dan method-nya tidak ada Ayo berlatih aktivitas individu aktivitas starter app inventor halo dunia dengan text to speech langkah yang pertama adalah aktifkan salah satu Browser yang biasa kita pakai misalnya nya dalam hal ini saya menggunakan Google Chrome kemudian ketikkan alamat app inventor appinventor.mid.edu kemudian tekan enter kemudian setelah muncul tampilan seperti ini klik create apps untuk membuat Project atau aplikasi [Musik] baru Nah karena saya belum login maka silakan login dengan mengunakan email [Musik] kita ya jika sudah selesai ini kita close saja lalu Buatlah sebuah Project baru atau aplikasi baru nih ya new Project ketikkan nama projectnya belajar kemudian tampillah Sebuah layar yang berbentuk e handphone dan mari kita mulai membuat e aplikasi latihan yang kemarin e Yang tadi kita bahas yaitu membuat teks menjadi suara yang kita butuhkan pertama kali adalah komponen yang berupa text box ini text box kita bawa ke layar text box ini fungsinya untuk mengetikkan teksnya nanti kemudian berikutnya adalah Nah kita lihat di sini hint for textbox 1 ini kita [Musik] ganti ketik teks di sini agar Nanti munculnya di sini adalah ketik teks di sini kemudian berikutnya kita butuh juga tombol yaitu button ini buttonnya di sini ini tombol ini kalau diklik maka akan berbunyi suara seperti yang ada di tulisan ini nah teks pada tombol ini berupa text for button 1 ini kita ganti agar lebih familiar kita ganti ini diaktifkan lalu propertiesnya kita ganti nah text for button 1 diganti dengan tekan agar bersuara ya Saya klik Nah di sini munculnya agar bersuara kemudian setelah itu kita butuh satu komponen lagi yang berupa media medianya berupa sebuah fungsi atau media yang berfungsi untuk mengubah teks menjadi suara Nah ini text to speech ya Sehingga praktis di screen 1 ini ada tiga komponen di sini ya Ada tiga komponen berupa text box 1 button 1 dan Tex to speed 1 dan dan yang tampil di layar nanti Hanya dua yaitu text BX 1 untuk mengetikkan tulisannya dan tombol button 1 yang digunakan untuk membunyikan suaranya sedangkan text to speech ini adalah justru eh sebuah media yang digunakan untuk membacanya jadi tidak ditampilkan di sini setelah itu Mari kita masuk ke bentuk blogs kalau tadi bentuk desainer sekarang bentuk Blocks pada bentuk Blocks ini lihat screen 1 button satunya kita atur button S kita klik ada beberapa pilihan di sini saya akan pilih ini when button 1 klik maksudnya jika tombol button S diklik terus kita mau apa gitu ya kita klik nah ini kita pengin ketika tombol B diklik kerjakan kerjakan apa Panggil T to speed 1 ini dipanggil dipanggil untuk apa untuk berbicara nah ini call t spe 1 AG message agar bersuara seperti pada pesan n diklik taruh di sini kemudian berikutnya Call text to speed 1 speak message Panggil fungsi text to speed 1 dan Bicaralah sesuai dengan pesan pesan yang di mana Pesan yang ada di text box 1 ini nah pesan yang ada di textbox 1 nah ini diambil taruh sini pesan yang ada di teksbok 1 yang berupa teks ini diganti teks H jadi lengkapnya ketika tombol button 1 diklik do atau kerjakan yaitu Panggil fungsi text to speed 1 agar berbicara sesuai dengan pesan yang ada di texbox 1 berupa teks jika sudah Mari kita coba dihubungkan dengan handphone dan kita coba di handphone Apakah berhasil atau tidak dengan cara klik connect kemudian klik ae Companion kemudian kita masuk ke handphone handphone kita kita cari atau kita instal kalau belum diinstal aplikasi meet ai2 Companion lalu diaktifkan kemudian setelah itu continue without Wii kemudian klik scan QR Code untuk menyan barcode tadi kemudian ditunggu sesaat sampai koneksi terjadiah setelah itu Mari kita coba ketik t di sini koneksi [Musik] misalnya dan kita coba tekan agar [Musik] bersuara video Selamat belajar Selamat beraktivitas Semoga kalian sukses wasalamualaikum warahmatullahi wabarakatuh