Part: Dasar Pemrograman Aplikasi Android

Revo Faris Saifuddin
7 min readJan 25, 2019

--

A. Instalasi dan Hello World Android Studio

Android Studio adalah salah satu software yang digunakan untuk membuat pengembangan aplikasi yang berbasis android, kita dapat mendownload aplikasi melalui link ini https://developer.android.com/studio/.

Download App

Apabila kita sudah sesesai mendownload file aplikasi android studio, kita dapat langsung melakukan instalasi pada komputer atau laptop kita.

Berikut langkah-langkah instalasi aplikasi android studio:

Instal java development

Klik next hingga selesai install JDK

JDK

Install Android Studio

Setelah kita mendownload pada link diatas kita dapat menginstal aplikasi dengan langkah-langkah sebagai berikut:

Run as Administrator

Setelah muncul seperti gambar dibawah kita dapat melakukan klik tombol next dan hasilnya seperti berikut

Tampilan Awal Welcome Android Studio

Pastikan anda mencentang pada componen istall yaitu android studio dan virtual device lalu klik tombol next untuk melanjutkan

componen install

Pada gambar dibawah merupakan tampilan instalasi dalam penaruhan file intalasi aplikasi android studio, kita dapat memilih default yaitu di disk penyimpanan di ://C

disk penyimpanan

Langkah berikutnya kita dapat membuat nama folder yang kita install dan lakukan install untuk melanjutkan installasi aplikasi android studio

Membuat nama folder install app

Pada gambar dibawah ini menunjukan bahwa aplikasi sedang kita install, tunggu instalasi aplikasi sampai selesai

Jika aplikasi sudah berhasil terinstal maka akan muncul tampilan seperti gambar dibawah ini dan kemudian klik finish

Berikut tampilan awal pada android studio, klik next untuk melanjutkan instalasi android studio pastikan laptop anda terkoneksi internet. Kemudian pilih standard dan klik next untuk melanjutkan instalasi

type instalasi android studio

Tampilan selanjutnya kita dapat memilih tampilan UI warna seperti gambar dibawah kemudian klik next untuk melanjutkan instalasi

Tampilan UI pada program

Kemudian klik finish

Berikut tampilan download component, tunggu proses hingga selesai

Download component

Membuat Project Hello Word

Pertama buka App android dalam tampilan gambar dibawah kita dapat membuat project dengan cara klik”start new android studio project” lalu beri nama aplikasi dll dan klik next untuk melanjutkan tahap selanjutnya.

Tampilan App Andriod

membuat projek pada android studio seperti gambar dibawah, kita dapat menuliskan nama app dll

Kemudian pada tampilan dibawah kita dapat memilih program kita ingin dijalankan pada hadware apa, di sini kita dapat memlilih hadware dan spesifikasi minimal untuk menjalankan aplikasi yang akan kita buat, kemudian klik next.

memilih device

Tampilan yang disajikan selanjutnya seperti gambar dibawahdan kita dapat memilih tamplat awal aplikasi yang akan kita buat dan selanjutnya klik next

Kita dapat membuat nama project dengan nama”MainActivity ” dengan tampilan seperti gambar dibawah klik next dan finish

Maka tampilan selanjutnya seperti berikut, klik res>pilih layout>clik activity_main.xml digunakan untuk mengatur tampilan halaman seperti gambar dibawah ini

Pada gambar dibawah merupakan tampilan mainactivity.java kita dapat memasukkan algoritma didalam class ini

Kita dapat melakukan pengturan posisi maupun ukuran tulisan pada gambar dibawah ini dengan cara pada layout activity_main.xml kita dapat mengedit tampilan aplikasi kita dan menuliskan pada syntaks di textview

Selanjutnya kita dakan mensimulasikan aplikasi yang kita buat dengan cara klik tombol run atau shift +F10 maka akan muncul tampilan seperti gambar dibawah

01.2A Membuat UI Interaktif

Pertama kita membuat aplikasi baru dengan nama Hello Toast

Mem buat tombol Button dengan cara drag and drop pada bagian palette button ke design xml

Kita dapat merubah warna dan size pada tombol pada bagian attributes

Selanjutnya kita membuat text view dengan backgraund berwarna kuning dan ditengah nya ada angka “0”, pertama kita dapat memilih text view pada palette drag and drop ke design

Membuat text view “0”

Selanjutnya masukkan source code agar kita saat menekan button toast akan muncul “hello toast” pada activity_interaktif_ui.xml

pada interaktif_UI,java kita dapat menuliskan perintah seperti dibawah untuk menjalankan aplikasi

maka tampilan seperti berikut

selanjutnya kita dapat menekan tombol button count maka angka dapat bertambah 1 setiap klik

untuk menjalankan perintah maka kita dapat menambahkan source code seperti gambar dibawah ini

maka tampilan akhir sebagai berikut

01.2B layout editor

Pertama kita dapat merubah layout pada constrain layout menjadi landscape

01.3 Membuat apps text and scrolling views

Pertama kita dapat membuat projek baru dengan nama scrolling

Selanjutnya tambahkan dan hapus source code pada activity_scrolling_text.xml pada gambar dibawah “CounstrainLayout”ubah menjadi “RelativeLayout”

Tambahkan atau ubah text view #1

android:layout_width “match_parent”

android:layout_height “wrap_content”

android:id “@+id/article_heading”

android:background “@color/colorPrimary”

android:textColor “@android:color/white”

android:padding “10dp”

android:textAppearance“@android:style/TextAppearance.DeviceDefault.Large”

android:textStyle “bold”

android:text “Article Title”

Text view #2 digunakan untuk mengatur text isi

Text view #3

kita dapat melakukan scrol keatas dengan menggunakan beberapa code di android seperti gambar dibawah

kita dapat membuat isi dari text dengan cara menuliskan di string.xml seperti gambar dibawah ini

selanjutnya kita dapat menjalankan aplikasi dengan cara menuliskan perintah scroling_text.java seperti gambar dibawah ini

Hasil Pengerjaan seperti gambar dibawah ini

01.4 Merubah icon app

Kita dapat merubah icon pada app kita dengan langkah-langkah sebagai berikut:

pertama buka app project yang akan kita ganti atau rubah tampilan icon nya, terus pilih tools seperti gambar dibawah

maka akan muncul gambar seperti ini

kita dapat memilih dan merubah tampilan gambar seperti gambar dibawah ini

kemudian klik next sampai finish dan tampilan icon akan berubah seperti gambar dibawah ini

--

--

Revo Faris Saifuddin
Revo Faris Saifuddin

Written by Revo Faris Saifuddin

0 Followers

Manjada Wa Jada

No responses yet