Bagian 01 - Membuat dan menjalankan aplikasi dari awal

Pada artikel kali ini saya akan membagikan tutorial dasar membuat aplikasi sederhana menggunakan aplikasi SKETCHWARE dan penjelasan tentang sketchware ini sudah saya bahas di artikel sebelumnya. Tutorial yang akan saya bagikan kali ini adalah langkah dasar saat kita membuat dan menjalankan projek Aplikasi pertama kita yaitu hanya menampilkan teks.

Pelajaran ini diperlukan untuk Kalian yang baru pertama kali belajar membuat sebuah aplikasi agar dapat memahami cara kerja sebuah program bisa berjalan di setiap langkahnya (step by step). Jadi langsung saja ke tutorialnya.

Membuat Projek Baru

Pertama-tama silahkan buka aplikasi sketchware kalian kemudian klik icon tambah (+) yang ada di pojok kanan bawah maka akan muncul pop up untuk menambahkan seperti ikon aplikasi, nama dan lainnya seperti contoh gambar berikut.

Silahkan beri nama untuk aplikasi kalian dan untuk icon bisa kamu ubah atau kamu biarkan saja kemudian klik CREATE APP maka halaman baru akan terbuka dan dihalaman tersebutlah kita akan membuat design juga perintah untuk aplikasi kita.

Pada halaman tersebut menampilkan banyak opsi yang bisa kamu gunakan nantinya, untuk mempelajari opsi-opsi tersebut kamu bisa menjelajahi blog ini karena saya sudah jelaskan satu persatu di artikel berbeda. Nah karena pada tutorial kali ini kita hanya akan menampilkan teks saja jadi kita hanya memerlukan beberapa elemen yang yang sudah disediakan aplikasi sketchware ini yaitu Linear Layout dan TextView.

Menambahkan Layout

Gambar diatas menampilkan halaman utama kita kali ini, disamping kanan ada banyak sekali elemen yang bisa kita tambahkan dan yang akan kita tambahkan kali ini ialah Linear Layout. Ada dua jenis linear yang tersedia yaitu Linear Horizontal dan Linear Vertikal, kita bisa menggunakan linear mana saja sesuai kebutuhan kita nantinya dan untuk saatini saya contohkan untuk menggunakan linear horizontal saja.

Tekan dan tahan elemen tersebut kemudian seret elemen kebagian layar kosong seperti pada gambar diatas, setelah elemen terpasang kamu bisa atur tinggi elemen menjadi match_parents seperti gambar berikut.

Setelah itu Linear layout akan memenuhi seluruh permukaan layar kosong tersebut. Selanjutnya kamu bisa atur gravity nya menjadi center_horizontal dan center_vertival supaya nanti posisi teks atau objek lainnya bisa berada tepat di tengah-tengah layar.

Menambahkan TextView

Selanjutnya kamu bisa menambahkan TextView kedalam Linear Layout tersebut dengan cara yang sama seperti tekan dan tahan elemen TextView kemudian geser kedalam linear barusan. Kemudian kamu ubah tulisannya dengan kata apapun dan jangan lupa mengubah ukuran fontnya menggunakan opsi dibawahnya, jika opsinya tidak muncul silahkan klik terlebih dahulu textview nya, sebagai contoh lihat gambar berikut ini.

Jika teks sudah di atur maka projek kamu siap dijalankan dengan cara klik ikon simpan kemudian klik tombol RUN seperti gambar kedua pada gambar diatas. Tunggu hingga aplikasi kamu selesai dibuat kemudian install dan lihat hasilnya, sekarang kamu sudah punya aplikasi buatan sendiri tinggal kamu bentuk saja aplikasi kamu menjadi aplikasi yang kamu inginkan.

Sebelum kita menjadikan aplikasi ini menjadi aplikasi yang lebih kompleks Untuk langkah berikutnya Kita akan menambahkan SplashScreen Pada aplikasi kita ini, splash screen adalah tampilan pembuka aplikasi yang biasa digunakan pada aplikasi umumnya seperti menampilkan logo atau nama aplikasi kita sebelum menampilkan halaman utama aplikasi. jadi sampai bertemu kembali di tutorial berikutnya.