1.1 Memasang Android Studio dan Menjalankan Hello World

Tugas 2 : Membuat Aplikasi Hello World

• Buat Project baru anda dan Isi Aplication Name dan company domain, lalu klik next

 

• Di layar Target Android Devices, “Phone and Tablet” harus dipilih. Dan Anda harus memastikan bahwa API 15: Android 4.0.3 IceCreamSandwich disetel sebagai Minimum SDK. (Perbaiki jika perlu.), lalu klik next

 

• Pada Jendela Customize the Activity. Setiap aplikasi membutuhkan paling tidak satu aktivitas. Aktivitas mewakili satu layar dengan satu antarmuka pengguna dan Android Studio menyediakan template untuk membantu Anda memulai. Untuk proyek Hello World, pilih template termudah (saat ini ditulis, template proyek “Empty Activity” adalah template paling sederhana) yang tersedia. Lalu klik next

 

• Lalu buat Activty Namenya “Main Activty” . Lalu Klik Finish

 

• Lalu Tunggu hingga project hingga selesai dibuat

 

Tugas 3 : Jelajahi struktur proyek

Di tampilan Project > Android tugas sebelumnya, ada tiga folder level teratas di bawah folder app Anda: manifests, java, dan res.

Tugas 4 :  Membuat perangkat virtual (emulator)

• Pilih Tools dan Run APP

 

• Klik +Create Virtual Device (Jika Anda telah membuat perangkat virtual sebelumnya, jendela akan menunjukkan semua perangkat yang ada dan tombolnya ada di bagian bawah.)

 

• Pilih perangkat keras Nexus 5 dan klik Next.

 

• Pada layar System Image, dari tab Recommended, pilih versi sistem Android yang akan dijalankan pada perangkat virtual. Anda bisa memilih gambar sistem terbaru. Download dan klik next.

 

• Verifikasi konfigurasi Anda dan klik Finish. (Jika jendela AVD Manager Your Android Devices tetap terbuka, Anda bisa melanjutkan dan menutupnya.)

Tugas 5 :  Menjalankan aplikasi Anda di emulator

• Lalu jika sudah selesai langsung Run Aplikasi, dan download API emulator sesuai dengan gambar dibawah (usahakan memakai api 27 yang paling rendah). Dan Jika sudah aplikasi hello world bisa ditampilkan di emulator.

 

Tugas 6. Menambahkan pernyataan log ke aplikasi Anda

• Buat kodingan seperti gambar dibawah dan hasil logcat akan muncul.

Tugas 7: Menjelajahi file AndroidManifest.xml

• Buka File AndroidManifest.xml maka akan keluar kodingan seperti gambar dibawah

 

<?xml version=”1.0″ encoding=”utf-8″?>
<manifest xmlns:android=”http://schemas.android.com/apk/res/android”
package=”com.example.zahid.hellotoast”>

<application
android:allowBackup=”true”
android:icon=”@mipmap/ic_launcher”
android:label=”@string/app_name”
android:roundIcon=”@mipmap/ic_launcher_round”
android:supportsRtl=”true”
android:theme=”@style/AppTheme”>
<activity android:name=”.MainActivity”>
<intent-filter>
<action android:name=”android.intent.action.MAIN” />

<category android:name=”android.intent.category.LAUNCHER” />
</intent-filter>
</activity>
</application>

</manifest>

Tugas 8. Menjelajahi file build.gradle

• Buka File build.gradle (module app) maka akan keluar kodingan seperti gambar dibawah

 

Tugas 9. [Opsional] Menjalankan aplikasi Anda di perangkat

Pada Android 4.2 dan yang lebih tinggi, layar Developer options disembunyikan secara default. Untuk menampilkan Developer options dan mengaktifkan USB Debugging:

• Pada perangkat, bukaSettings > Aboutphone dan ketuk Build number tujuh kali.
• Kembali ke layar sebelumnya (Settings).Developer optionsmuncul di bawah daftar. Klik Developer options.
• Pilih USB Debugging.

Sekarang Anda dapat menghubungkan perangkat dan menjalankan aplikasi dari Android Studio.

1. Hubungkan perangkat ke mesin development dengan kabel USB.
2. Di Android Studio, di bawah jendela, klik tab Android Monitor. Anda seharusnya melihat perangkat terdaftar di menu tarik-turun kiri atas.
3. Klik tombol Run di bilah alat. Jendela Select Deployment Targetterbuka dengan daftar emulator yang tersedia dan perangkat yang terhubung.
4. Pilih perangkat dan klik OK
   

1.2A: Membuat UI Interaktif Pertama Anda

Tugas 1: Membuat proyek “Hello Toast” yang baru

• Pada File pilih new a New Project

 

• Lalu Beri nama Aplication name “Hello Toast”. Lalu klik next

 

• Pilih minimum sdk yaitu “API 14 Android 4.2 . Lalu klik next

 

• Pilih Empty Activity , lalu klik next

 

• Configure activity dan beri nama Activity name “Mainactivity” , lalu klik finish

 

• Tunggu sampai selesai pembuatan project android “Hello Toast”

 

Tugas 2: Menambahkan tampilan ke “Hello Toast” dalam Layout Editor

• Pilih file activity_main.xml di folder layout dan akan muncul design dari aplikasi

 

• Klik menu text dibawah untuk menampilkan kodingan dari layout aplikasi

 

• Lalu ubah yang sebelumnya “<android.support.constraint.ContraintLayout>” menjadi <linearLayout> maka tulisan akan pindah pojok kanan atas

 

• Menambahkan Top Button dengan nama Toast id nya button_toast, TextView dengan nama 0 dan idnya show_count dan Bottom Button dengan nama Count dengan id button_count

 

Tugas 3: Mengedit Layout “Hello Toast” dalam XML

• Mengedit Layout “Hello Toast” dalam XML dengan layout_width = match_parent, layout_height = match_parent dan orientasi = vertical

 

• Ekstrak dan beri nama string yang tersisa dari tampilan sebagai berikut:

Tampilan	Nilai Sumber Daya / String	Nama sumber daya
Button	Hello Toast!	button_label_toast
TextView	0	count_initial_value
Button	Count	button_label_count

• Untuk count sama dengan cara diatas

 

• Menyetel ukuran textview

 

• Kodingan untuk menyetel warna dan latar belakang

 

• Kodingan membuat gravitasi dan berat gravitasi = center dan berat/weight = 2

 

Tugas 4: Menambahkan handler onclick untuk tombol

• Kodingan untuk menambahkan property onClick pada tombol button_toast dan button_count

 

• Kodingan pada mainactivity.java

 

• Kodingan untuk toast saat tombol toast di aplikasi di klik

 

• Hasilnya saat di klik helo toast maka akan muncul pemberitahuan Hello Toast

 

•  Kodingan untuk meningkatkan hitungan dalam tampilan teks saat tombol Count diklik

 

• Hasilnya jika di klik count maka dia akan menampilkan 1,2,3….sampai seterusnya

 

Kodingan untuk activity_main .xml di layout

<?xml version=”1.0″ encoding=”utf-8″?>
<LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”
xmlns:tools=”http://schemas.android.com/tools”
xmlns:app=”http://schemas.android.com/apk/res-auto”
android:layout_width=”match_parent”
android:layout_height=”match_parent”
android:orientation=”vertical”
android:paddingBottom=”16dp”
android:paddingLeft=”16dp”
android:paddingRight=”16dp”
android:paddingTop=”16dp”
tools:context=”com.example.zahid.hellotoast.MainActivity”
>

<Button
android:layout_width=”match_parent”
android:layout_height=”wrap_content”
android:text=”@string/button_label_toast”
android:background=”@color/colorPrimary”
android:onClick=”showToast”
android:textColor=”#fff”/>
<TextView
android:layout_width=”match_parent”
android:layout_height=”wrap_content”
android:id=”@+id/show_count”
android:text=”0″
android:textSize=”160sp”
android:textStyle=”bold”
android:textColor=”@color/colorPrimary”
android:background=”#ffff00″
android:gravity=”center”
android:layout_weight=”2″/>
<Button
android:layout_width=”match_parent”
android:layout_height=”wrap_content”
android:text=”@string/button_label_count”
android:id=”@+id/button_count”
android:onClick=”countUp”
android:background=”@color/colorPrimary”
android:textColor=”#fff”/>

</LinearLayout>

Kodingan untuk Androidmainfest.xml di folder mainfest

<?xml version=”1.0″ encoding=”utf-8″?>
<manifest xmlns:android=”http://schemas.android.com/apk/res/android”
package=”com.example.zahid.hellotoast”>

<application
android:allowBackup=”true”
android:icon=”@mipmap/ic_launcher”
android:label=”@string/app_name”
android:roundIcon=”@mipmap/ic_launcher_round”
android:supportsRtl=”true”
android:theme=”@style/AppTheme”>
<activity android:name=”.MainActivity”>
<intent-filter>
<action android:name=”android.intent.action.MAIN” />

<category android:name=”android.intent.category.LAUNCHER” />
</intent-filter>
</activity>
</application>

</manifest>

 

 

 

Kodingan untuk mainactivity.java di folder com.example.zahid.hellotoast

package com.example.zahid.hellotoast;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {
private int mCount = 0;
private TextView mShowCount;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

mShowCount = (TextView) findViewById(R.id.show_count);
}
public void countUp(View view) {
// What happens when user clicks on the button_count Button goes here.

mCount++;
if (mShowCount != null)
mShowCount.setText(Integer.toString(mCount));
}

public void showToast(View view) {
// What happens when user clicks on the button_toast Button goes here.

Toast toast = Toast.makeText(this, R.string.toast_message, Toast.LENGTH_LONG);
toast.show();
}
}