Scribd
Unggah
83 tayangan

Modul Dasar Android Studio

Modul ini menjelaskan cara membuat project form login sederhana menggunakan Android Studio. Langkah-langkahnya adalah membuat project baru, mendesain tampilan antarmuka pengguna, dan menjalankan aplikasi pada emulator setelah selesai dikoding.

Diunggah oleh

Ikhsan Fakhruroziqin
Hak Cipta
© © All Rights Reserved
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
83 tayangan

Modul Dasar Android Studio

Modul ini menjelaskan cara membuat project form login sederhana menggunakan Android Studio. Langkah-langkahnya adalah membuat project baru, mendesain tampilan antarmuka pengguna, dan menjalankan aplikasi pada emulator setelah selesai dikoding.

Diunggah oleh

Ikhsan Fakhruroziqin
Hak Cipta
© © All Rights Reserved
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 8

MODUL SISTEM SELULER

MEMBUAT PROJECT SEDERHANA (Form Login)


ANDROID STUDIO

Pada Modul ini menggunakan Android Studio versi 2021.2.1 (Chipmunk)

1. Membuat Project
Langkah pertama adalah membuat project baru dengan cara pilih menu File ->
New -> New Project. Dan akan muncul tampilan seperti berikut :

Kemudian pilih pada tab Phone and Tablet dan pilih Empty Activity -> Next.
Selanjutnya akan muncul tampilan seperti berikut :

MODUL SISTEM SELULER || Yusuf Wahyu Setiya Putra, S.Kom., M.Kom.


Pada gambar diatas adalah keterangan detail dari project yang akan kita buat,
akan dijelaskan fungsi dan cara pengisian dari field diatas :

a. Name : Adalah nama project yang akan kalian buat, diatas saya beri contoh
nama “Aplikasi Pertama”.
b. Package Name : Pada kolom tersebut biarkan default / tidak dirubah.
c. Save Location : Disini kalian dapat memilih ataupun membuat folder
dimana file project kalian akan disimpan.
d. Language : Adalah bahasa pemrograman yang akan dipakai untuk membuat
project, disini terdapat 2 bahasa pemrograman yaitu Java dan Kotlin, kita
pilih Java.
e. Minimum SDK : Adalah versi android yang nantinya akan kita gunakan
untuk menjalankan aplikasi yang akan kalian buat. Dibawah terdapat
keterangan presentase kompatibilitas dari smartphone android yang ada di
pasaran. Pilih versi android dengan presentase tinggi.

Langkah terakhir adalah klik tombol Finish.

2. Koding dan Desain Project


Langkah selanjutnya adalah membuat koding dari aplikasi dan mendesain
tampilannya. Berikut adalah tampilan setelah kita buat new project.

Perhatikan kotak merah yang ada pada gambar diatas, disana terdapat 2 tab
yaitu :

a. MainActivity.java : tab ini berfungsi untuk membuat dan menuliskan koding


dari project yang kita buat.
b. Activity_main.xml : tab ini berfungsi untuk membuat tampilan dari project
yang kita buat.

MODUL SISTEM SELULER || Yusuf Wahyu Setiya Putra, S.Kom., M.Kom.


Pada activity_main.xml kita dapat mengatur tampilan dimana kita dapat
menuliskan koding dan melihat desain yang kita buat dengan menu tampilan Split
seperti gambar berikut :

Langkah berikutnya kita akan membuat desain dan koding dari project yang
akan kita buat. Ada dua cara membuat desain tampilan yaitu langsung menuliskan
koding atau dengan menggunakan palette dengan cara drag and drop seperti pada
gambar berikut :

Tapi kita akan membuat tampilan desain dengan cara menuliskan koding supaya
dapat dipahami dengan detail. Kemudian hapus dan masukkan koding di bawah ini
kedalam halaman koding :

MODUL SISTEM SELULER || Yusuf Wahyu Setiya Putra, S.Kom., M.Kom.


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:padding="20dp"
tools:context=".MainActivity">

<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="20dp"
android:src="@mipmap/ic_launcher_round"
android:layout_gravity="center_horizontal"/>

<com.google.android.material.textfield.TextInputLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">

<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="Username"
android:inputType="text"/>
</com.google.android.material.textfield.TextInputLayout>

<com.google.android.material.textfield.TextInputLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">

<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="Password"
android:inputType="textPassword"/>
</com.google.android.material.textfield.TextInputLayout>

<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:text="LOGIN"/>

</LinearLayout>

MODUL SISTEM SELULER || Yusuf Wahyu Setiya Putra, S.Kom., M.Kom.


Setelah koding dimasukkan maka hasilnya menjadi seperti gambar dibawah ini :

3. Membuat dan Menjalankan Emulator


Untuk membuat emulator, pertama yang kita lakukan adalah memilih menu
Device Manager yang ada pada menu bar seperti pada gambar berikut :

Selanjutnya pilih menu Create Device

Setelah itu akan muncul tampilan Select Hardware seperti berikut :

MODUL SISTEM SELULER || Yusuf Wahyu Setiya Putra, S.Kom., M.Kom.


Pada bagian ini kita pilih kategori Phone karena kita membuat tampilan aplikasi
untuk smartphone. Lalu pilih nama device yang tersedia, disini kita juga dapat
mengimport device lain sesuai kebutuhan. Setelah kita pilih device nya lalu klik next.

Kemudian akan muncul proses selanjutnya yaitu System Image, disini kita bisa
memilih sistem operasi yang akan di gunakan pada emulator yang kita buat. Apabila
sistem belum tersedia bisa langsung di download sesuai kebutuhan. Setelah selesai
memilih sistem atau versi androidnya kita klik next.

MODUL SISTEM SELULER || Yusuf Wahyu Setiya Putra, S.Kom., M.Kom.


Selanjutnya akan muncul Android Virtual Device (AVD) yang digunakan untuk
konfigurasi akhir pada emulator yang akan kita buat. Setelah semua sesuai kita klik
next.

Setelah selesai membuat emulator, maka akan muncul nama emulator yang kita
buat pada menu Device Manager. Dan untuk menjalankannya kita hanya perlu
menekan tombol segitiga / play pada kotak merah gambar diatas.

MODUL SISTEM SELULER || Yusuf Wahyu Setiya Putra, S.Kom., M.Kom.


Langkah terakhir adalah menjalankan koding yang kita buat untuk dijalankan di
emulator dengan cara memilih emulator yang telah kita buat pada menu bar yang
ada pada kotak merah dan mengklik button segitiga atau play untuk menjalankannya
dan akan muncul tampilan seperti berikut :

MODUL SISTEM SELULER || Yusuf Wahyu Setiya Putra, S.Kom., M.Kom.

Anda mungkin juga menyukai