Belajar Android Developer
Fundamentals
Ichwan Habibie 1202162252 SI4002
Lesson 1.1: Android Studio and HelloWorld
Task 1: Install Android Studio
Lakukan download APK Android Studio di https://developer.android.com/studio/
Klik next untuk melanjutkan penginstall-an Android Studio
Pilih lokasi penginstall-an android studio, kemudian next
Tunggu sampai installing selesai
Setelah penginstall-an selesai, klik next
Setelah selesai penginstall-an kemudian klik finish
Pilih do not import settings kemudian klik button OK
Tunggu downloading nya selesai,
Pilih button standard, kemudian klik next
Silahkan pilih user interface sesuai keinginan, kemudian klik Next
Setelah verify Settings kemudian klik finish
Tunggu sampai downloading components selesai. Kemudian klik finish
Tunggu proses downloading component nya selesai
Task 2: Create the Hello World app
Pilih start a new Android Studio Project untuk membuat project baru
Pada Application name, ketik “Hello World” dengan Company Domain “android.example.com” dan Project Location biarkan secara default
Centang box Pertama “Phone and Tablet” lalu klik next
Pilih project sesuai kebutuhan, kemudian klik next
Kemudian ubah Name sesuai dengan keinginan dan kebutuhan, kemudian klik Finish
Tunggu sampai component installer selesai atau done, klik Finish
Setelah itu tunggu sampai download selesai.
Klik tab MainActivity.java untuk melihat editor kode seperti yang ditunjukkan di bawah ini.
Task 3: Use a virtual device (emulator)
Pilih Tools > Android > AVD Manager, atau klik ikon AVD Manager yang berada pada sebelah kanan
kemudian pilih device sesuai dengan kebutuhan.
Pilih versi sistem android sesuai keinginan, kemudian klik “Download” terlebih dahulu
Emulator akan berlajan dan melakukan booting layaknya device (Smartphone) yang kita miliki. Ini akan membutuhkan beberapa waktu, tergantung pada performa komputer/laptop yang kita miliki.
Task 4: (Optional) Use a physical device
Klik menu Setting > About phone > Lalu klik beberapa kali pada “MIUI Version” untuk membuka menu “Developer Options” pada main setting.
kemudian klik “Developer Options”. Kemudian beri nyalakan opsi “USB Debugging”
Klik ikon “Run” pada toolbars Android Studio. Lalu pada Select Deployment Target akan muncul daftar device yang terkoneksi, lalu pilih device kita dan klik OK
Maka tampilan ‘Hello World’ akan muncul seperti tampilan diatas pada Device kita.
Lesson 1.2 Part A: Your first interactive
Task 1: Create and explore a new project
Pada menu bar, klik File > New > New Project
Application Name : Hello Toast
Company Name : com.example.android (or your own domain)
Phone and Tablet Minimum SDK : API15: Android 4.0.3 IceCreamSandwich
Template : Empty Activity
Generate Layout file box Selected
Backwards Compatibility box Selected
Pilih template “Empty Activity” lalu next
Pilih Jalankan> Jalankan aplikasi atau klik ikon Jalankan di bilah alat untuk membuat dan menjalankan aplikasi
pada emulator atau perangkat Anda. (itu contoh tampilan pada emulator)
Task 2: Add View elements in the layout editor
Klik tab activity_main.xml dan pastikan untuk menyalakan “Autoconnect” tool pada toolbar.
Task 3: Change UI element attributes
ubah nama button dan background button sesuai dengan kebutuhan dan keinginan
Task 4: Add a TextEdit and set its attributes
Task 5: Edit the layout in XML
Pada kata “Toast”, tekan Alt+Enter, dan pilih “Extract string resource”. Lalu masukkan “button_label_toast” pada “Resource name”. Kemudian klik OK. Lakukan hal yang sama dengan “count”, sedangkan untuk “0” adalah “count_initial_value”.
Pada project > Android pane, expand “values” yang ada di dalam “res”, lalu double klik pada string.xml. Dan masukkan code seperti di bawah ini.
Add onClick handlers for the button
Pada XML editor, tambahkan “ android:onClick=”showToast” ” pada baris terakhir block button.
lalu Klik ikon red bulb yang muncul pada kiri text, pilih “Create click handler” dan pilih MainActivity, kemudian klik OK
Tambahkan code pada MainActivity.java seperti di bawah ini
Kemudian klik ikon “Run” untuk menjalankan aplikasinya
Tampilan jika di RUN pada Device kita masing-masing
Part B: The layout editor
Task 1: Create layout variants
Pada activity_main.xml, klik tab Design. lalu Klik Orientation in Editor pada toolbar lalgi uabh menjadi landscape.
Klik Orientation in Editor pada toolbar, lalu klik Create Landscape Variation
Pada land/activity_main.xml, ubah Device in Editor menjadi Nexus 5 pada toolbar.
Klik tab text. Pada element TextView, ubah android:textSize=”160sp” menjadi android:textSize=”120sp”.
Kembali ke tab Design, klik Orientation in Editor pada toolbar, lalu pilih Create layout x-large Variation.
Matikan Autoconnect lalu klik Clear All Constraint. Lalu Atur ulang ukuran semua elemen sesuai keinginan,
Lalu Klik button_toast lalu ubah attribute textSize menjadi 60sp dan layout_width manjadi wrap_content. Lakukan hal yang sama pada button_count
Constrain button_toast dengan sisi atas dan sisi kiri. Lalu dekatkan button_count dan contrain sisi kiri button_count dengan sisi kanan button_toast
Klik button_count, lalu klik ikon “Edit Baseline” kemudian cocokan dengan button_toast.
Klik button_count dan button_toast dengan menggunakan tombol “shift”. Kemudian klik pack button, dan pilih Expand Horizontally.
Constraint TextView dengan sisi bawah button_toast, serta sisi kiri, kanan, dan bawah layout. lalu Ubah TextSize-nya menjadi 200sp serta layout_widht dan layout_height menjadi Match Constraint
Constraint TextView dengan sisi bawah button_toast, serta sisi kiri, kanan, dan bawah layout. lalu Ubah TextSize-nya menjadi 200sp serta layout_widht dan layout_height menjadi Match Constraint.
Jika diubah menjadi landscape, maka hasilnya seperti di bawah ini.
Task 2: Change the layout to LinearLayout
Buka activity_main.xml, lalu ubah <android.support.constraint.ConstraintLayout menjadi <LinearLayout. lalu tambahkan android:orientation=”vertical” di bawah android:layout_height.
1.Pada element button_toast, ubah android:layout_width=”0dp” menjadi android:layout_widht=”match_parent”. lalu hapus beberapa attribute ini.
app:layout_constraintEnd_toEndOf=”parent”
app:layout_constraintStart_toStartOf=”parent”
app:layout_constraintTop_toTopOf=”parent”
3. pada element button_count, ubah android:layout_width=”0dp” menjadi android:layout_width=”match_parent”. lalu hapus beberapa attribute ini.
app:layout_constraintBottom_toBottomOf=”parent”
app:layout_constraintEnd_toEndOf=”parent”
app:layout_constraintStart_toStartOf=”parent”
4. pada element show_count, udah attribute :
android:layout_width=”0dp” menjadi android:layout_width=”match_parent”
android:layout_height=”0dp” menjadi android:layout_height=”wrap_content”
lalu hapus beberapa attribute ini.
app:layout_constraintBottom_toTopOf=”@+id/button_count”
app:layout_constraintEnd_toEndOf=”parent”
app:layout_constraintStart_toStartOf=”parent”
app:layout_constraintTop_toBottomOf=”@+id/button_toast”
Pindahkan code button_count dengan semua attributesnya di antara tag /> dari TextView dan </LinearLayout>
Pada TextView, tambahkan attribute android:layout_weight=”1".
Task 3: Change the layout to RelativeLayout
- ih pada activity_main.xml, ubah <LinearLayout manjadi <RelativeLayout.
- Tambahkan android:layout_below dan android:layout_centerHorizontal=”true” di dalam element button_count
- Lalu tambahkan beberapa attribute pada show_count, diantaranya:
android:layout_below=”@+id/button_toast
android:layout_alignParentLeft=”true”
android:layout_alignParentStart=”true”
4. hapus attribute android:layout_weight=”1" pada show_count
1.3 Text and Scrolling Views
Task 1: Add and edit TextView elements
Buat project baru dengan parameter seperti di bawah ini
Pada activity_main.xml, ubah android.support.constraint.ConstraintLayout manjadi RelativeLayout dan hapus semua code yang berhuubungan dengan ConstraintLayout.
Tambahkan element TextView di atas element “Hello World”. dan tambahkan attributenya seperti di bawah ini.
Extract string resource untuk attribute android:text dengan value article_title
Extract Dimension Resource untuk attribute android:padding dengan resource_name padding_reguler
Lalu tambahkan element TextView di atas “Hello world” dengan attribute seperti di bawah ini.
Extract string resource attribute android:text dengan resource_name article_subtitle.
Pada element “Hello World”, ubah beberapa attribute-nya seperti di bawah ini.
Extract string resource untuk “Article Text” menjadi article_text dan extract dimension resource untuk “5sp” menjadi line_spacing.
Agar lebih dapat dimengerti, lakukan reformat code dengan klik code pada menu bar lalu klik “Reformat Code”
Buat artikel bebas dengan memasukkannya pada strings.xml
Task 2: Add a ScrollView and an active web link
Tambahkan attribute android:autoLink=”web” pada element article
Tambahkan element ScrollView siantara element article_subheading dan element article dengan attribute seperti di bawah ini. Namun penutup tag </ScrollView ditambahkan setelah element Article, sehingga semua attribute element article termasuk ke dalam ScrollView.
Pada element article, hapus attribute android:layout_below=”@id/article_subheading” dan pindahkan ke dalam attribute element ScrollView.
Task 3: Scroll multiple elements
Masih pada activity_main.xml, tambahkan elemen LinearLayout di atas element article dengan ketentuan tag penutup </LinearLayout berada di anatara element article dan tag penutup </ScollView, sehingga element article dan LinearLayout berada di dalam ScrollView.
Pindahkan element article_subheading di atas element article, sehingga element article_subheading masuk ke dalam element Linear Layout.
Hapus attibure android:layout_below=”@id/article_heading” dari element article_subheading karena attribute tersebut mengalami konflik dengan attribute LinearLayout.
Lalu ubah attribute android:layout_below=”@id/article_subheading” menjadi android:layout_below=”@id/article_heading”.
1.4: Learn to help yourself
Pada Android pane, klik kanan pada folder “res” kemudian klik New > Image set. Maka akan muncul window seperti di bawah ini
Pada tab Foreground Layer, pilih “Clip Art” sebagai Asset Type. dan kita bisa ubah warna sesuai keinginan kita pada Color.
Lalu klik tab Background Layer. Klik “Color” sebagai Asset Type. Dan kita juga bisa mengubah warna background sesuai keinginan kita dengan klik Color.
Lalu Tombol Klik finish
Jalankan Aplikasi nya
