Tutorial Sketchware #1 Membuat Aplikasi Android Pertamaku

Selamat datang di blog gurukomline.com, blog tentang berbagi ilmu komputer gratis. Pada tutorial kali ini, gurukomline.com akan berbagi ilmu tentang bagaimana cara membuat aplikasi android tanpa harus koding dan ini sangat cocok sekali buat anak-anak belajar membuat aplikasi android sendiri.

Bagaimana caranya buat aplikasi android tanpa harus koding?

Caranya sangat mudah sekali, kita hanya perlu satu buah aplikasi yang dinamakan Sketchware. Sketchware ini aplikasi yang didesign khusus untuk siapa saja yang ingin membuat aplikasi android yang penggunaannya sangat mudah, karena bentuknya visual programming jadi kita cukup men drag dan drop aja. Kode programnya berbentuk blok-blok program yang penggunaanya cukup di drag dan di drop.

Alat yang harus disiapkan?

alat atau perangkat yang harus disiapkan yaitu HP
Software atau aplikasi sketchware yang dapat di download di play store
koneksi internet

Bagaimana cara menginstalnya?

untuk menginstal aplikasi sketchware ini sangat mudah sekali dan caranya sama dengan kalo kita menginstal aplikasi android lainnya. Ok lebih jelasnya ikuti langkah-langkah berikut ini.

aktifkan play store di hp rekan-rekan
di kolom search/pencarian silahkan ketikan sketchware kemudian klik tombol search
klik aplikasi sketchware
klik tombol instal dan tunggu proses instalasi selesai
klik tombol buka/open
tunggu proses membuka aplikasi
klik oke di kotak dialog permission required
klik SETTINGS untuk mengizinkan aplikasi mengakses penyimpanan hp

Ok proses instalasi selesai.

Bagaimana cara membuat aplikasi android pertama kali?

Untuk membuat projek aplikasi android pertama kali di sketchware sangat mudah sekali. Contoh kali ini kita akan belajar membuat aplikasi android pertama dengan nama halodunia, ikuti langkah-langkahnya ya.

klik tombol Create A New Project +
klik Tap to change Icon untuk menambahkan icon/gambar dari aplikasi yang akan kita buat
Pilih gambar yang akan kita pakai bisa melalui Choose from Gallery, Choose from Gallery(with Crop) atau Change to Default Icon. kali ini kita pilih Choose from Gallery
cari gambar yang sudah kita siapkan sebelumnya dan klik gambarnya dan klik ok
Masukan nama Aplikasinya di kolom Enter application name , misalnya AppHaloDunia
untuk pengaturan lebih lanjut bisa klik tombol Advanced Settings. Lihat gambar dibawa ini. untuk penamaan package name harus pakai com. dan contoh com.my.gurukomline (penamaan ini bebas), untuk project name juga silahkan disesuaikan saja. di baris bawa itu versi target androidnya.
klik tombol CREATE APP

Selamat aplikasi android AppHaloDunia sudah berhasil dibuat.

Apa langkah Selanjutnya?

Setelah kita berhasil membuat aplikasi Pertama dengan AppHaloDunia, sebenarnya aplikasi ini belum ada isinya atau masih kosong. Jadi selanjutnya kita harus mengisi aplikasinya sesuai dengan aplikasi yang akan kita buat. Misalnya aplikasi AppHaloDunia ini akan menampilkan tek Halo Dunia ketika tombol diklik. Bagaimana caranya? ok ikuti langkah-langkahnya ya:

Perhatikan tampilan layar aplikasi sketchware, layar dibagian 2, sebelah kiri berisi Tool-tool yang dibagi 2 yaitu 1) layouts dan 2) Widgets. dan di bagian kanan yang lebih lebar screen yang digunakan untuk menampilkan program kita.

Menambahkan Linear(H) layout

klik dan tekan (drag) Layouts Linear(H) kemudian geser ke screen dan lepaskan

Menambahkan Teks

klik dan tekan (drag) widgets TextView kemudian geser ke dalam layouts Linear(H) yang sudah dibuat sebelumnya dan lepaskan

Menambahkan tombol

klik dan tekan (drag) widgets Button kemudian geser di bawah/diluar layouts yang sudah dibuat sebelumnya dan lepaskan

Menambahkan kode program ke button

Disini kita akan memasukan kode program untuk menjalankan tombol. Logikanya seperti ini , ketika tombol di klik maka teks akan berubah menjadi Halo Dunia. ok caranya seperti di bawah ini

di bagian atas terdapat 3 tab yaitu VIEW, EVENT, dan COMPONENT, kita pindah dari tab VIEW ke tab EVENT dengan cara menggeser ke kanan atau bisa juga klik tab EVENT
Klik button1 dan akan masuk ke bagian blok program.
klik tombol blok program di sisi kanan bawah berbentuk lingkaran.
klik Tampilan dan cari blok program seperti gambar di bawah ini
kemudian klik dan tekan kemudian geser ke blok program button1 secara otomatis kalo didekatkan akan menempel
klik tanda panah ke bawah TextView dan pilih widget TextView: textview1 kemudian klik Select
dan ketikan dibagian kotak dengan teks pengganti "Halo Dunia"
klik tombol back untuk kembali ke tab EVENT

dan hasil akhir blok programnya seperti di bawah ini

Setelah Selesai Membuat Program Apa selanjutnya?

Setelah selesai kita buat programnya selanjutnya kita jalankan programnya. Caranya seperti dibawah ini:

klik tombol Run di sebelah kanan bawah
tunggu proses build aplikasi selesai
jika muncul pesan keamanan klik setelan dan geser tombol izinkan dari sumber ini ke kanan sampai berwarna biru
klik tombol kembali
klik tombol instal
tunggu sampai proses instalasi selesai
klik tombol buka untuk menjalankan aplikasinya