Tutorial Membuat Aplikasi Android Sederhana Tanpa Skill Coding

Halo teman-teman berjumpa lagi dengan saya Radit. Di artikel saya kali ini yang berjudul 

"Tutorial Membuat Aplikasi Android Sederhana Tanpa Skill Coding"

saya akan memberikan tutorial membuat aplikasi android yang sangat sederhana tanpa skill coding seditkpun bahkan orang yang awam tentang program pasti bisa jika mencoba tutorial ini.Oke langsung saja ke tutorialnya.

A. Pengenalan 

1. Buka browser Cari http://appinventor.mit.edu/

App inventor adalah aplikasi web sumber terbuka yang awalnya dikembangkan oleh Google, dan saat ini dikelola oleh Massachusetts Institute of Technology (MIT).

App inventor memungkinkan pengguna baru untuk memprogram komputer untuk menciptakan aplikasi perangkat lunak bagi sistem operasi Android. App inventor menggunakan antarmuka grafis, serupa dengan antarmuka pengguna pada Scratch dan StarLogo TNG, yang memungkinkan pengguna untuk men-drag-and-drop objek visual untuk mencciptakan aplikasi yang bisa dijalankan pada perangkat Android. Dalam menciptaka App Inventpr, Google telah melakukan riset yang berhubungan dengan komputasi edukasional dan menyelesaikan lingkungan pengembangan online Google

Sumber : https://id.wikipedia.org/wiki/App_Inventor

2. Pilih menu Create Apps 

3. Buat akun 

Setelah kalian membuat akan muncul tampilan seperti ini 

Baca Juga : Cara Membuat Simple Pre Code

4. Klik Start New Project Beri nama aplikasi 

Beri nama aplikasi sesuka kalian , disini saya akan memberi nama aplikasi ini "Pemanggil"

Lalu akan muncul tampilan seperti dibwah ini.

B. Mulai membuat aplikasi 

Aplikasi yang akan kita buat sekarang adalah aplikasi pemanggil nama kalian, jadi jika tombol dipencet akan mengeluarkan suara yang memanggil nama kalian (kalian bebas menggantinya)

1. Koneksi Mit App Inventor (opsional, kalian bisa meloncati bagian ini)

Tujuan dari koneksi ini adalah agar kita bisa melihat secara live di Emulator Android atau di SmartPhone Android

Koneksi ini membutuhkan aplikasi Mit App Inventor , aplikasi ini bisa di download di Playstore

untuk yang menggunakan emulator di PC bisa mendownload di tombol di bawah ini  atau di menu diatas.

Download
Klik Disini

Untuk yang menggunakan Smartphone Android bisa mendownload di tombol bawah ini, atau versi .apknya di menu di atas.

Download
Klik Disini

Setelah selesai mendownload dan menginstall sekarang waktunya koneksi. 

Klik tombol Connect Ai Companion 

Lalu akan muncul kotak seperti ini

Didalam kotak tersebut terdapat kode untuk mengkoneksi dengan Smartphone/Emulator.Masukkan kode tersebut ke dalam aplikasi Mit App Inventor pastikan kalian terhubung ke internet.Lalu tekan tombol connect with code, dan Smartphone pun menampilkan secara live aplikasi yang kita buat.

2. Menambahkan Button dan Text To Speech 

Untuk menambahkan button : Cari menu Pallete  User Interface Button Drag button ke Viewer

Untuk menambahkan Text To Speech (Mengubah text menjadi ucapan) :
Cari menu Pallete  Media Text to speech lalu drag ke Viewer

3. Mengubah Tulisan Text for Button 1

Untuk mengubah Tulisan pada button pertama pastikan kalian memilih komponen button pada menu Components ,bukan screen atau yang lainnya

lalu cari menu Properties  scroll ke bawah sampai ada tulisan Text  ubah tulisan menjadi yang kalian inginkan . Disini saya akan mengubahnya menjadi panggil, kalian juga bisa mengkrasikannya seperti memberi italic ,bold maupun keduanya .

 

Lalu perhatikan pada menu viewer , tulisan yang awalnya Text for Button 1 sekarang sudah menjadi Panggil (sesuai dengan yang kalian isikan)

4. Memprogram komponen 

Tujuan dari memprogram komponen kali ini untuk membangun program komputer /semacamnya.

Pertama cari menu Blocks biasanya terletak diatas menu Properties

Lalu setelah di klik tampilannya akan seperti ini.

Fungsi dari aplikasi yang akan kita buat adalah jika salah satu button ditekan akan mengucapkan text yang telah di program. Jadi cari menu Blocks Screen1 lalu tekan menu Button1, nanti akan muncul seperti ini di menu Viewer. 

Drag komponen when Button1 Clik ke Viewer. Fungsi dari komponen ini adalah jika button1 di klik akan melakukan tugas berikutnya yang terhubung ke Button1 (misalkan mengeluarkan suara).

Untuk Text to speech gunakan cara yang sama Blocks Screen1 klik  Text to Speech nanti akan muncul komponen seperti ini.

Drag komponen call TextToSpeech1 (Fungsi komponen ini adalah lanjutan jika button1 di klik akan melanjutkan tugasnya ke TextToSpeech dan selanjutnya) ke bawah komponen when Button1 click hingga jadi sepeti ini.

Lalu cari menu Blocks Built-in Text pilih menu seperti di gambar

Lalu drag ke sebelah Text to speech seperti di bawah ini.

Lalu ubah text pada blog yang berwarna merah , text bisa diubah sesuka kalian , text inilah yang akan diucapkan oleh program. Text yang saya gunakan kali ini adalah "Halo blog".

5. Save Proyek

Untuk save proyek caranya sangat mudah. Pertama cari menu Projects  Save project.

Jika proyek sudah tersimpan biasanya akan ada info save diatas seperti ini.

6. Menggunakan Aplikasi

Untuk menggnunakan aplikasi pertama-tama kalian harus mengekspor file .apk ke komputer kalian

atau menggunakan kode QR. Untuk ekspor .apk caranya cari menu Build App provide(save .apk to my computer) ,setelah itu akan muncul progress bar, dan aplikasi akan terdownload dengan sendirinya ke komputer kalian.

Aplikasi mulai terdownload.

Setelah aplikasi terdownload kalian bisa memindahkan ke smartphone Android kalian atau ke emulator lalu menginstall nya. Jika kalian masih bingung jangan malu untuk bertanya di kolom komentar di bawah.

Sekian artikel saya kali ini yang berjudul "Tutorial Membuat Aplikasi Android Sederhana Tanpa Skill Coding" , semoga artikel saya kali ini bermanfaat. 

Selamat Mencoba !

Diupload pada : Jumat,22 Juli 2016

• Tweet
• Share
• Share
• Share
• Share

Tentang AdminTechnology For Future

Biasa dipanggil Radit. Masih bersekolah di SMPN 9 Denpasar. Memiliki kreatifitas dan waktu yang terbatas

Related Post