Tugas 1 (Modul 2) Pemrograman Aplikasi Perangkat Bergerak (PAPB)

 Tutorial Membuat Aplikasi "Biodata Mahasiswa" Menggunakan Android Studio

Mengenal Android Studio

Android Studio adalah Integrated Development Environment (IDE) resmi untuk pengembangan aplikasi Android. Berbasis editor kode dan alat developer yang andal dari IntelliJ IDEA , Android Studio menawarkan lebih banyak fitur yang mampu meningkatkan produktivitas Anda saat mem-build aplikasi Android, seperti:

• Sistem build berbasis Gradle yang fleksibel
• Emulator yang cepat dan kaya fitur
• Lingkungan terpadu tempat Anda bisa mengembangkan aplikasi untuk semua perangkat Android
• Terapkan Perubahan untuk melakukan push pada perubahan kode dan resource ke aplikasi yang sedang berjalan tanpa memulai ulang aplikasi
• Template kode dan integrasi GitHub untuk membantu Anda membuat fitur aplikasi umum dan mengimpor kode sampel
• Framework dan alat pengujian yang lengkap
• Alat lint untuk merekam performa, kegunaan, kompatibilitas versi, dan masalah lainnya
• Dukungan C++ dan NDK
• Dukungan bawaan untuk Google Cloud Platform, yang memudahkan integrasi Google Cloud Messaging dan App Engine

Halaman ini menyediakan pengantar fitur-fitur dasar Android Studio. Untuk ringkasan perubahan terbaru, lihat catatan rilis Android Studio.

sc : Mengenal Android Studio 

1. Cara Membuka Aplikasi Android Studio

    Klik Start / Tekan Tombol Windows dikeyboard, Kemudian Ketikan "Android Studio", Setelah itu tekan Enter/Open.

    Disini saya menggunakan Android Studio 2021.3.1 Patch 1

2. Cara Membuat Project Baru

• Klik “Project”, Lalu "New Project"

 

•              Kita pilih "Phone and Tablet", Lalu “Empty Activity” kemudian Next.

• Mengkonfigurasi Project Kita ;

-          Name  = Sesuai Keinginan,

-          Package name  = biarkan saja,

-          Save Location = ubah sesuai keinginan file lokasi disimpan,

-          Language = ubah ke Java

-          Minimum SDK = disini saya menggunakan API 16: Android 4.1

            Sesuai Gambar dibawah, jika Sudah klik Finish. 

• Maka akan muncul Tampilan Halaman Utama Project Android Studio kita, jika sedang loading tunggu sampai selesai (seperti gambar di bawah). Jangan lupa pastikan PC/Laptop kalian sudah terhubung internet,karena biasanya Android Studio update otomatis untuk Gradle, SDK dll.

• Untuk Membuat tampilan seperti Tugas Modul 2, Layout menggunakan LinearLayout dan untuk Teks Menggunakan TextView 

• Buka Folder app -> res -> layout -> activity_main.xml

• Lalu ketikkan kode seperti dibawah :

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

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:fontFamily="sans-serif"
        android:textStyle="bold"
        android:textColor="@color/biru"
        android:textSize="30sp"
        android:text="@string/biodata"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textColor="@color/abu"
        android:textSize="20sp"
        android:text="@string/nama"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textColor="@color/abu"
        android:textSize="20sp"
        android:text="@string/nrp"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="@color/abu"
        android:textSize="20sp"
        android:text="@string/kelas" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textColor="@color/abu"
        android:textSize="20sp"
        android:text="@string/alamat"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textColor="@color/abu"
        android:textSize="20sp"
        android:text="@string/Hobi"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textColor="@color/abu"
        android:textSize="20sp"
        android:text="@string/website"/>

</LinearLayout>

• Buka folder app > res > values > strings.xml. 

            Kita ketikan kode seperti dibawah ini :

• Buka folder app > res > values > colors.xml. 

 Kita ketikan kode seperti dibawah ini :

•  Berikut Hasil Tampilan Desain Android studi yang telah kita buat :

3.  Cara Membuat Emulator

•     Kita dapat menambahkan Emulator (Android Virtual Device), 

            Klik "Device Manager"

• Akan tampil daftar Virtual device jika sebelumnya telah ada, untuk menambahkan emulator baru klik “Create Virtual”

• Lalu pilih Phone > Nexus 6 > Next.  

          Phone untuk jenis Aplikasi yang kita buat, krna membuat aplikasi untuk smartphone             maka pilih Phone, untuk jenis Emulator bisa dipilih sesuai keiinginan, namun disini sy             menggunakan Nexus 6.

• Disini saya menggunakan Android 7.1.1 Nougat API 25.

        Namun temen-teman bisa juga menggunakan API/Android lain.

• Untuk AVD Namanya kita kita Ubah, namun Saya tidak melakukannya, krna ingin mengunakan nama default, lalu next.

• Tunggu beberapa saat sedang membuat AVD emulatornya.

•              Emulator sudah terbuat, dan bisa digunakan.

•  Untuk menjalankan Aplikasi yang kita buat, Klik bagian Nama AVD Emulatornya. Pilih Ingin menggunakan emulator yang mana.

• Untuk Menjalankan Emulator Bisa Klik yang di Kotak merah seperti gambar di bawah

•     Emulator Berhasil dijalankan :

4. Cara Menjankan Aplikasi yang telah dibuat ke dalam Emulator

•          Lalu Run dengan Meng klik Segitiga Hijau di sebelah kana Emulator seperti gambar dibawah.

• Maka Emulator Android akan langsung menginstall dan menampilkan Aplikaisnya