Nama : Safira Aini
NIM : 1202154315
Kelas : SI-39-03
1.1 Memasang Android Studio dan Menjalankan Hello World
Tugas 1 : Memasang Android Studio
Pertama, melakukan pengecekkan java version. Jika versi javanya merupakan dibawah versi 7, dianjurkan untuk mendownload jdk terlebih dahulu. (Versi laptop saya : versi 8)
Melakukan proses instalasi android studio. Kemudian setelah instalasi selesai, pada Import Studio settings from pilih Do not import settings.
Proses instalasi android studio berhasil.
Melakukan download komponen-komponen android studio. Pada halaman utama, klik next
Memilih tipe setup untuk android studio, klik standard.
Melakukan verifikasi download component dengan klik Finish.
Proses downloading components.
Proses download component selesai. Klik Finish.
Tampilan awal Android Studio. Klik Start a new Studio project.
Tugas 2: Membuat aplikasi “Hello World”
Masukan nama aplikasi “Hello World’ dan tentukan lokasi penyimpanan.
Menu Target Android Divices.
Menambahkan aktivitas untuk mobile.
Deskripsi dari aktivitas yang kosong.
Menginstalasi komponen-komponen untuk Android Studio.
Membangun gradle dari project.
Tugas 3: Menjelajahi struktur dari project.
Melakukan expand pada menu Android Studio
Melakukan instalasi terhadap komponen-komponen tambahan.
Melakukan expands terhadap menu manifest, java, res, value, gradle, dll.
Tugas 4 : Membuat Perangkat Virtual
Klik Tools > Android >AVD Manager
Klik +Create Virtual Device
Pilih Nexus 5 sebagai emulator.
Memilih system image API 27
Melakukan download dan install emulator.
Melakukan verifikasi konfigurasi emulator.
Emulator yang telah terpasang.
Tugas 5: Menjalankan aplikasi Anda di emulator
Pilih menu Run > Run App
Pilih emulator yang telah diinstall tadi.
Hasil :
Tugas 6 : Menambahkan pernyataan log ke aplikasi Anda
Menambahkan pernyataan log dengan menggunakan command :
Log.d(“MainActivity”, “Hello World”);
1.2 A: Membuat UI Interaktif Pertama Anda
Tugas 1 : Membuat Proyek Baru “Hello Toast”
Klik File > New > New Project…
Memberikan nama aplikasi “Hello Toast”
Selanjutnya mengikuti proses seperti pembuatan proyek Hello World….
Tugas 2 : Menambahkan tampilan untuk “Hello Toast” pada Layout Editor
2.1 Menjelajahi Layout Editor
Klik folder app > res > layout > activity_main.xml
2.2 Mengubah grup tampilan ke LinearLayout
Pada panel Component Tree pilih Text.
Menambahkan command LinearLayout.
<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:paddingBottom=”@dimen/activity_vertical_margin”
android:paddingLeft=”@dimen/activity_horizontal_margin”
android:paddingRight=”@dimen/activity_horizontal_margin”
android:paddingTop=”@dimen/activity_vertical_margin”
tools:context=”com.example.safiraaini.hellotoast.MainActivity”>
</LinearLayout>
2.3 Menambahkan tampilan ke Linear Layout
Menghapus Textview “Hello World”. Lalu, menambahkan button atas, textview, dan button bawah pada layout editor.
Tugas 3: Mengedit Layout “Hello Toast” dalam XML
3.1 Memeriksa properti pada Linear Layout dan mengeditnya.
3.2 Membuat sumber daya string pada setiap text dengan klik ALT + Enter pada setiap kata
3.3 Mengubah ukuran
3.4 Mengubah Warna Text dan Latar
Pada colors.xml:
<?xml version="1.0" encoding="utf-8"?> <resources> <color name="colorPrimary">#3F51B5</color> <color name="colorPrimaryDark">#303F9F</color> <color name="colorAccent">#FF4081</color> <color name="myBackgroundColor">#FFF043</color> </resources>
3.4 Gravitasi dan Berat
Pada dimens.xml:
<resources>
<!-- Default screen margins, per the Android Design guidelines. -->
<dimen name="activity_horizontal_margin">16dp</dimen>
<dimen name="activity_vertical_margin">16dp</dimen>
<dimen name="count_text_size">160sp</dimen>
</resources>
<resources>
<string name="app_name">Hello Toast</string>
<string name="button_label_count">Count</string>
<string name="button_label_toast">Toast</string>
<string name="count_initial_value">0</string>
<string name="toast_message">Hello Toast</string>
</resources>
Pada styles.xml :
<resources>
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
<!-- Customize your theme here. -->
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
</style>
</resources>
Tugas 4 : Menambahkan Handler OnClick
4.1 Menambahkan Properti OnClick
<?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:paddingBottom=”@dimen/activity_vertical_margin”
android:paddingLeft=”@dimen/activity_horizontal_margin”
android:paddingRight=”@dimen/activity_horizontal_margin”
android:paddingTop=”@dimen/activity_vertical_margin”
tools:context=”com.example.safiraaini.hellotoast.MainActivity”>
<Button
android:id=”@+id/button_toast”
android:onClick=”showToast”
android:layout_width=”match_parent”
android:layout_height=”wrap_content”
android:text=”@string/button_label_toast”
android:background=”#010101″
android:textColor=”@android:color/white”/>
<TextView
android:id=”@+id/show_count”
android:layout_width=”match_parent”
android:layout_height=”wrap_content”
android:layout_weight=”2″
android:background=”#ffa7a9″
android:gravity=”center”
android:text=”@string/count_initial_value”
android:textColor=”#010101″
android:textSize=”@dimen/count_text_size”
android:textStyle=”bold” />
<Button
android:id=”@+id/button_count”
android:onClick=”countUp”
android:layout_width=”match_parent”
android:layout_height=”wrap_content”
android:text=”@string/button_label_count”
android:background=”#010101″
android:textColor=”@android:color/white”/>
</LinearLayout>
4.2 Menampilkan Toast dan meningkatkan hitungan pada tombol count
Hasil :
1.2B Menggunakan Layout
Tugas 1: Mengubah layout ke RelativeLayout
1.1 Menyalin dan melakukan refaktorisasi aplikasi Hello Toast
<resources>
<string name=”app_name”>Hello Relative</string>
<string name=”button_label_count”>Count</string>
<string name=”button_label_toast”>Toast</string>
<string name=”count_initial_value”>0</string>
<string name=”toast_message”>Hello Toast</string>
</resources>
1.2 Mengubah LinearLayout menjadi RelativeLayout
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout 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:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context="com.example.safiraaini.hellorelative.MainActivity"> <Button android:id="@+id/button_toast" android:onClick="showToast" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="@string/button_label_toast" android:background="#010101" android:textColor="@android:color/white"/> <TextView android:id="@+id/show_count" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_weight="2" android:background="#ffa7a9" android:gravity="center" android:text="@string/count_initial_value" android:textColor="#010101" android:textSize="@dimen/count_text_size" android:textStyle="bold" /> <Button android:id="@+id/button_count" android:onClick="countUp" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="@string/button_label_count" android:background="#010101" android:textColor="@android:color/white"/> </RelativeLayout>
1.3 Atur ulang tampilan dengan tab Design
1.4 Memeriksa kode XML di tab Text
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout 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:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context="com.example.safiraaini.hellorelative.MainActivity"> <Button android:id="@+id/button_toast" android:onClick="showToast" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="@string/button_label_toast" android:background="#010101" android:textColor="@android:color/white"/> <TextView android:id="@+id/show_count" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_alignParentStart="true" android:layout_below="@+id/button_toast" android:layout_weight="2" android:background="#ffa7a9" android:gravity="center" android:text="@string/count_initial_value" android:textColor="#010101" android:textSize="@dimen/count_text_size" android:textStyle="bold" /> <Button android:id="@+id/button_count" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_alignParentStart="true" android:layout_below="@+id/show_count" android:background="#010101" android:onClick="countUp" android:text="@string/button_label_count" android:textColor="@android:color/white" /> </RelativeLayout>
1.5 Mengatur ulang elemen dalam RelativeLayout
<?xml version=”1.0″ encoding=”utf-8″?>
<RelativeLayout 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:paddingBottom=”@dimen/activity_vertical_margin”
android:paddingLeft=”@dimen/activity_horizontal_margin”
android:paddingRight=”@dimen/activity_horizontal_margin”
android:paddingTop=”@dimen/activity_vertical_margin”
tools:context=”com.example.safiraaini.hellorelative.MainActivity”>
<Button
android:id=”@+id/button_toast”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:background=”#010101″
android:onClick=”showToast”
android:text=”@string/button_label_toast”
android:textColor=”@android:color/white” />
<TextView
android:id=”@+id/show_count”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:layout_alignParentTop=”true”
android:layout_toEndOf=”@+id/button_toast”
android:layout_toRightOf=”@+id/button_toast”
android:layout_weight=”2″
android:background=”#ffa7a9″
android:gravity=”center”
android:text=”@string/count_initial_value”
android:textColor=”#010101″
android:textSize=”@dimen/count_text_size”
android:textStyle=”bold” />
<Button
android:id=”@+id/button_count”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:layout_alignParentLeft=”true”
android:layout_alignParentStart=”true”
android:layout_below=”@+id/button_toast”
android:background=”#010101″
android:onClick=”countUp”
android:text=”@string/button_label_count”
android:textColor=”@android:color/white” />
</RelativeLayout>
Hasil :
Tugas 2 : Mengubah Layout menjadi ConstraintLayout
2.1 Menyalin dan Refaktorisasi dari HelloToast
2.2 Menambahkan ConstraintLayout ke proyek Anda
2.3 Mengonversikan Layout ke ConstraintLayout
2.4 Menjelajahi layout editor
2.5 Menghapus Pembatas
2.6 Mengubah Ukuran
2.7 Menambahkan pembatas ke tampilan
1.3: Working with TextView Elements
Tugas 1: Menambahkan beberapa tampilan teks
1.1 Membuat proyek dan elemen TextView
Melakukan proses yang sama dengan pembuatan proyek sebelumnya….
Menyalin dan Mengekstrak String
1.2 Menambahkan teks artikel
Tugas 2 : Menambah Tautan Web Aktif dan Scroll View
2.1 Menambah Autolink
2.2 Menambah Scroll View
<?xml version=”1.0″ encoding=”utf-8″?>
<RelativeLayout 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”
tools:context=”com.example.safiraaini.scrollingtext.MainActivity”>
<TextView
android:id=”@+id/article_heading”
android:layout_width=”match_parent”
android:layout_height=”wrap_content”
android:background=”@color/colorPrimary”
android:padding=”@dimen/padding_regular”
android:text=”@string/article_title”
android:textAppearance=”@android:style/TextAppearance.Large”
android:textColor=”@android:color/white”
android:textStyle=”bold”
android:paddingBottom=”10dp”
android:paddingLeft=”10dp”
android:paddingRight=”10dp”
android:paddingTop=”10dp”
/>
<TextView
android:id=”@+id/article_subheading”
android:layout_width=”match_parent”
android:layout_height=”wrap_content”
android:layout_below=”@id/article_heading”
android:padding=”@dimen/padding_regular”
android:paddingBottom=”10dp”
android:paddingLeft=”10dp”
android:paddingRight=”10dp”
android:paddingTop=”10dp”
android:text=”@string/article_subtitle”
android:textAppearance=”@android:style/TextAppearance”
/>
<ScrollView
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:layout_below=”@id/article_subheading”>
<TextView
android:id=”@+id/article”
android:layout_width=”match_parent”
android:layout_height=”wrap_content”
android:layout_below=”@id/article_subheading”
android:autoLink=”web”
android:lineSpacingExtra=”@dimen/line_spacing”
android:text=”@string/article_text”
/>
</ScrollView>
</RelativeLayout>
Hasil :
Tugas 3 : Menggulir Beberapa Elemen
3.1 Menambahkan LinearLayout ke Scroll View
<?xml version=”1.0″ encoding=”utf-8″?>
<RelativeLayout 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”
tools:context=”com.example.safiraaini.scrollingtext2.MainActivity”>
<TextView
android:id=”@+id/article_heading”
android:layout_width=”match_parent”
android:layout_height=”wrap_content”
android:background=”#010101″
android:padding=”@dimen/padding_regular”
android:text=”@string/article_title”
android:textAppearance=”@android:style/TextAppearance.Large”
android:textColor=”@android:color/white”
android:textStyle=”bold”
android:paddingBottom=”10dp”
android:paddingLeft=”10dp”
android:paddingRight=”10dp”
android:paddingTop=”10dp”
/>
<ScrollView
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:layout_below=”@id/article_heading”>
<LinearLayout
android:layout_width=”match_parent”
android:layout_height=”wrap_content”
android:orientation=”vertical”>
<TextView
android:id=”@+id/article_subheading”
android:layout_width=”match_parent”
android:layout_height=”wrap_content”
android:padding=”@dimen/padding_regular”
android:paddingBottom=”10dp”
android:paddingLeft=”10dp”
android:paddingRight=”10dp”
android:paddingTop=”10dp”
android:text=”@string/article_subtitle”
android:textAppearance=”@android:style/TextAppearance”
/>
<TextView
android:id=”@+id/article”
android:layout_width=”match_parent”
android:layout_height=”wrap_content”
android:layout_below=”@id/article_subheading”
android:autoLink=”web”
android:lineSpacingExtra=”@dimen/line_spacing”
android:text=”@string/article_text” />
</LinearLayout>
</ScrollView>
</RelativeLayout>
Hasil :
1.4: Mempelajari Tentang Sumber Daya yang Tersedia
Tugas 1. Menjelajahi dokumentasi developer Android resmi
1.1. Menjelajahi dokumentasi Android resmi
Tugas 2: Menggunakan template proyek
2.1. Menjelajahi arsitektur Basic Activity
2.2. Menjelajahi cara menambahkan aktivitas menggunakan template
Tugas 3: Belajar dari kode contoh
3.1. Contoh Kode Android
3.2 Dokumentasi Offline
Tugas 4: Sumber daya selengkapnya
4.1. Telusuri di Stack Overflow menggunakan tag
Recent Comments