Month: February 2018

Buat project baru bernama Proyek Receiver. Dalam file AndroidManifest.xml, tambahkan kode berikut di antara tag receiver untuk mendaftarkan penerima anda untuk sistem intent

Untuk menimplementasikan onReceive() dalam BroadcastReceiver, lakukan kodingan seperti di bawah pada customReceiver.java

Untuk membatasi penerima siaran, lakukan kodingan seperti berikut . Agar penerima siaran hanya ktif ketika aplikasi ditampilkan, aktifkan penerima dalam onStart() dan nonaktifkan dalam onStop

Buat variabel string konstan dalam CustomReceiver.java untuk digunakan sebagai tindakan intent siaran

Tambahkan tombol ‘send custom broadcast’ pada activity_main.xml

Untuk mengimplementasikan tombol sendCustomVroadcast(), tambahkan kodingan berikut pada MainActivity.java

Buat variabel anggota di MainActivity untuk penerima dan inisialisasi member tersebut

Dalam onCreate(), dapatkan instance localBroadcastManager dan daftarkan penerima dengan tindakan intent khusus

Ganti metode onDestroy() dan berhenti mendaftarkan penerima dari LocalBroadcastManager

Untuk memunculkan pesat toast ‘custom broadcast received’, tambahkan kodingan berikut pada onReceive() di CustomReceiver.java

Tampilan aplikasi

Mengirimkan permintaan API Books. Buka Google API Explorer dan klik Books API

CTRL+F dan tulis books.volume.list. Lalu klik dan isi seperti berikut

Pastikan switch ‘authorize request using OAuth 2.0 di bagian kanan atas dinonaktifkan. Lalu klik Execute dan gulir ke bawah untuk melihat respons

Buat project baru bernama Who Wrote It? Dan lakukan kodingan dibawah untuk membuat layout aplikasi

Pada MainActivityjava, buat variabel untuk editText, TextView penulis dan judul. Lalu dalam metode searchBooks() buatlah kodingan seperti di bawah

Buat kelas java baru bernama FetchBook dan tulis kodingan di bawah untuk memiliki akses ke textView pada AsyncTask

Untuk membuat kelas NetworkUtils dan membangun URI, tambahakn kodingan di bawah pada fetchBooks.java

Dan untuk membuat permintaan API melalui internet, tambahkan kodingan di bawah pada lokasi yang sama

Untuk menambahkan izin internet, tambahkan kodingan berikut pada androidManifest.xml

Parse string JSON fungsinya untuk mengekstrak informasinya yang igin ditampilkan dalam UI. Lakukan kodingan seperti berikut

Untuk menyembunyikan keyboard agar tak menganggu pengguna dan memperbarui textView, tambahkan kode berikut ke metode searchBooks() di MainActivity.java

Lalu, untuk mengelola status jaringan dan kasus bidang penelusuran kosong jikalau koneksi jaringan tak tersedia, lakukan kodingan berikut agar aplikasi dapat memeriksa apakah jaringan dalam AsyncTask tersedia atau tidak

Jika berhasil, maka tampilan aplikasi akan terlihat seperti berikut

Buat projeck baru bernama Who Wrote it Loader. Agar lebih mudah, copy paste proyek Who Wrote it pada proyect baru ini. Tambahkan implementasi LoaderManager.LoaderCallBacks di MainActivity.java

Implementasikan onCreateLoader() dengan menambahkan kodingan berikut di mainActivity.java

Pastikan kodingan implementasi onLoadFinished() sudah dibuat

Tambahkan kode berikut di onCreate() untuk menghubungkan ulang ke Loader jika sudah ada. LoaderManager sekarang mempertahankan data di semua konfigurasi perangkat

Pertama-tama, buat proyek baru bernama SimpleAsyncTask

Setelahnya buatlah tampilan aplikasi dengan kodingan seperti berikut

Lalu untuk membuat subkelas AsyncTask, buat java baru bernama SimpleAsyncTask dan buatlah kodingan seperti di bawah pada java yang baru saja dibuat

Untuk menimplementasi dolnBackground, tambahkan metode doInBackground() dengan kodingan seperti di bawah

Untuk menimplementasikan onPostExecute(), implementaikan kodingan berikut pada SimpleAsyncTask.java

Untuk menimplementasikan metode yang mulai dengan AsyncTask, lakukan kodingan seperti di bawah pada MainActivity.java

Dan langkah terakhir, untuk menimplementasikan onSaveInstanceState(), lakukan kodingan seperti di bawah ini

Jika berhasil, maka tampilan aplikasi akan muncul seperti ini

 

Klik kanan pada values > new > values resource file. Beri nama integers.xml

Lalu buat kodingan seperti ini pada value yang baru saja dibuat agar aplikasi dapat mendukung tampilan horizontal

Dan kodingan seperti ini pada MainActivity.java agar aplikasi dapat mendukung tampilan horizontal

Jika berhasil, maka tampilan dapat diputar seperti ini

Start up MaterialMe setelah didownload

Tambahkan kodingan ini pada Build Grader

Tambahkan CardView di List_item

Klik kanan pada Drawable > File Explorer > Pindahkan gambar yang telah di download ke drawable

Buatlah kodingan di bawah ini pada string.xml

Memodifikasi objek sport, lakukan kodingan seperti di bawah

Lalu perbaiki metode initializeData() dengan menambahkan kodingan sperti di bawah

Menambahkan imageView ke list_item.xml dengan menambahkan kodingan seperti di bawah

Tambahkan kodingan seperti di bawah

Lalu untuk memuat gambar dengan menggunakan glide, masukkan kodingan berikut di SportAdapter

Lalu tulis kodingan seperti di bawah agar cardView dapat di swipe, move dan diclick

Untuk menimplementasikan tampilan detail, buat aktivitas bary dengan File > New > Activity > Empty Activity. Beri nama DetailActivity

Lalu kodingan yang berada di list_xml di copy-paste ke activity_detail.xml. Dan buat <ScrollView> pada bagian paling atas

Pindah ke SportAdapter dan tambahkan kodingan seperti di bawah

Lalu buat kodingan seperti ini di detailActivity.java untuk menjalankan intent pada activity_detail.xml

Pada build,gradle, tambahkan kodingan seperti ini

File > New > Vector Asset. Klik gambar ikon dan pilih ikon refresh

Ganti namanya dengan nama ic_reset. Next. Finish

Pada activity_main.xml, tambahkan kodingan floatingButton seperti di bawah

Lalu pada style.xml, tulislah kodingan seperti di bawah untuk mengubah warna tampilan aplikasi

Jika berhasil, akan muncul tampilan seperti di bawah

Buat project baru bernama ScoreKeeper

File > New > Vector Assets

Klik tombol Icon, akan keluar tampilan berikut. Pilih Content

Pilih ikon tanda tambah

Lalu lakukan seperti di bawah. Klik Next > Finish. Lakukan hal yang sama untuk membuat tanda minus

Buat kodingan seperti di bawah ini

Kodingan di bawah untuk menambah fungsi onClick. Jangan lupa untuk menambahkan kodingan onclick di activity_main juga

Drawable > Klik kanan pada Drawable > Drawable resource file

Drawable bentuk. Lalu tambahkan android:background:”@drawable/button_background” di masing-masing kodingan imagebutton pada activity_main

Untuk button style, tulis kodingan seperti ini. Jangan lupa untuk menambahkan kodingan ‘style=”@style/MinusButton” dn “PlusButton” pada activity_main di bagian ImageButton

Jika berhasil, akan keluar tampilan seperti di bawah

4.3 USING THE APP BAR AND TABS FOR NAVIGATION

1. Add an Up Button for Ancestral Navigation

Buka DroidCafe Part 3

Masukkan kodingan activity seperti di bawah ini. Run aplikasi

Jika berhasil akan muncul tampilan seperti di bawah. Tombol < adalah tumbul untuk navigasi ke Parent Screen

2. Use Tab Navigation with Swipe Views

Buat project barudengan nama Tab Experiment

Pada stye.xml tambahkan kodingan seperti di bawah

Buka tab activity_main dan ubah layout menjadi RelativeLayout. Lalu tambahkan kodingan seperti di bawah ini. Tamabahkan toolbar, tablayout dan viewpager

Buatlah 3 fragment. Masukkan kodingan seperti di bawah

Buat Java Class baru dengan nama PagerAdapter. Masukkan kodingan seperti di bawah, yang mana fungsinya adalah untuk mendefinisikan jumlah tab

Lalu masukkan kodingan berikut

• Override dengan isi Public Fragment getItem… dan seterusnya yang fungsinya untuk menentukan posisi tab
• Override public int getCount ()…. yang fungsinya untuk mengembalikan nilai tab

Lalu inflate toolbar di MainActivity dalam method onCreate() seperti di bawah

Pada string.xml, masukkan 3 resources seperti di bawah

di MainActivity methos onCreate() tambahkan kode seperti dibawah untuk memasukkan judul pada tab

Lalu kodingan di bawah untuk PagerAdapter

Lalu kodingan di bawah untuk membuat Listener saat user menginput pilihan tab

Jika semua kodingan berhasil dibuat, akan muncul tampilan seperti di bawah

Tugas 4.4

Buat aplikasi baru bernama RecyclerView

Tambahkan kodingan di bawah ini pada build.gradle

Tambahkan variabel anggota privat untuk daftar tertaut mWordList dan mCount penghitung integer. Tambahkan juga metode seperti di bawah ini pada onCreate di MainActivity.java

Buat layout utama di activity_main.xml dengan menambahkan kodingan seperti di bawah

Klik kanan pada layout > New > Layout resource file. Beri nama wordlist_item. Klik ok

Pada layout yang baru saja dibuat, tambahkan kodingan seperti berikut

Klik kanan pada java/com.android.example.recyclerview > new > java class. Beri nama WordListAdapter

Tambahkan kodingan berikut pada java yang baru saja dibuat untuk membuat holder tampilan

Lalu dilanjutkan dengan kodingan di bawah untuk menyimpan data anda pada adaptor

Untuk membuat recyclerView, lakukan kodingan seperti berikut di mainActivity.java

Untuk menambahkan tombol aksi mengambang (FAB), tambahkan kodingan seperti di bawah ini pada activity_main.xml

Klik kanan pada drawable > new > vector asset

Pilih content, pilih tanda plus + klik ok

Klik next. Klik finish

Lalu tambahakn kodingan di bawah ini pada mainActivity.java untuk menambahkan listener onClick ke FAB

Jika berhasil, tampilan aplikasi akan muncul seperti ini

4.2 Using an Options Menu

1. Add Items to the Option Menu

Pada folder layout terdapat 3 file yaitu activity_main , content_main  dan activity_order

Klik kanan pada app:layout_behavior

Di bawah ini adalah behavior dari layout, berada di file valies.xml

pada activity_main.xml terdapat AppBarLayout bisa menampilkan judul activity, navigasi dan menu bantuan lain

Jika berhasil akan muncul tampilan seperti di bawah

Definisi toolbar dan eksekusinya ada di MainActivity pada method onCreate()

Pada menu_main di folder menu res, masukkan item yang akan ditampilkan pada toolbar

lalu masukkan pemanggilan toolbar pada method onOptionItemSelected()

2. Add Icon for Menu Items

Klik kanan folder Drawable > new > image set untuk membuat image asset

Pilih action bar and tab icons

Setting apa saja yang diperlukan. Klik next > Finish

Icon yang telah dimasukkan tadi akan muncul di bawah file drawable

Lalu masukkan kodingan seperti di bawah ini

Setelah semua kodingan sudah selesai ditulis dan jika berhasil, akan muncul tampilan seperti di bawah ini

3. Hande the Selected Menu Item

Pada MainActivity di method onOptionItemSelected, masukkan switch case untuk menampilkan toast untuk masing-masing menu. Kodiangannya seperti di bawah ini

Jika berhasil, akan muncul tampilan seperti di bawah ini

4.1 Using Keyboards, Input Controls, Alerts, and Pickers

Buat project baru bernama Keyboard Sample. Setelah dibuat, masuk ke design dan masukkan text view dan button seperti di bawah

Lalu edit activity_layout.xml seperti di bawah ini

Masukkan method di bawah ini untuk memunculkan toast berisi apa yang kita tulis

Jika toast berhasil akan muncul tampilan seperti di bawah

Tambahkan inputType di bagian EditText seperti di bawah. Fungsinya untuk membuat huruf awal menjadi huruf Kapital

Jika berhasil, akan muncul tampilan seperti di bawah ini

Masukkan InputType seperti di bawah ini. Fungsinya untuk menampilkan tulisan yang diketik menjadi password

Jika berhasil, akan muncul tampilan seperti di bawah ini

2. Change the Keyboards Type

Tulisan InputTyper seperti di bawah ini. Fungsinya untuk menampilkan tombol @ yang berfungsi sebagai email

Jika berhasil, akan muncul tampilan seperti di bawah ini

Tulis InputType seperti di bawah ini. Fungsinya untuk mengubah apa yang kita tulis menjadi angka

Jika berhasil, akan muncul tampilan seperti di bawah ini

3. Add a Spinner Input Control for Selecting a Phone Label

Buat activity_main.xml seperti di bawah

Masukkan array untuk pilihan pada spinner

Lalu ketiklah codingan seperti di bawah

• Class untuk mengimplementasi AdapterView untuk memasukkan nilai array ke spinner
• Lalu Spinner spinner seperti di bawah untuk meinisiasi spinner dan set listener
• ArrayAdapter untuk mengambil data dari array dan memasukkan ke spinner
• Private String mSpinnerLabel untuk mendklarasi string mSpinnerLabel
• method showText untuk memasukkan data input dan spinner ke textView

Lalu masukkan koding seperti di bawah ini juga

• isi method onItemSelected untuk mengambil spinner hasil input user
• Log d. untuk memasukkan log jika user tak memilih spinner

Jika berhasil, akan keluar tampilan seperti di bawah ini

4. Use a Dialog for an Alert Requiring a Decision

Buat activity_layout.xml seperti di bawah

Lalu lakukan koding seperti di bawah ini

• buat method onClickShowAlert dan object AlertDialog
• kode myAlertBuilder.setTitle… untuk judul dan myAlertBuilder.setMessage…untuk pesan pada alert dialog
• kode myAlertBuilder.setPositiveButton…  untuk menambahkan tombol ‘OK’ alert
• kode myAlertBuilder.setNegativeButton… untuk menambahkan tombol ‘CANCEL’ alert
• kode myAlertBuilder.show(); untuk memunculkan pesan alert

Jika semua kode tersebut sudah dimasukkan dan jika berhasil, akan muncul tampilan seperti di bawah ini

5. Use a Picker for User Input

Buat fragment bernama DatePickerFragment, fragment seperti mini-activity dengan lifecycle tersendiri

Lalu buat kodingan seperti di bawah ini

• Public Class DatePickerFragment extends DailogFragment implemens…
• public void onDataSet (DatePicker view, int year… untuk tahun, bulan dan hari
• @NonNull… @Override… publid Dialog onCreateDialog (Bundle…
• final Calnder c = …untuk menginisialisasikan tahun, bulan dan hari dari kalender dan mengembalikan nilai Dialog ke main activity

Buat fragment baru bernama TimePickerFragment dan kode seperti di bawah

Masukkan kode string name=”date_picker… dan “time_picker pada string source

Masukkan kode public void showDatePicker… dan showTimePicker… untuk memanage fragment dan menampilkannya

Jika berhasil akan keluar tampilan seperti di bawah

Buat method processDataPickerResult dan processTimePickerResult untuk mengambil data dari input dan menampilkannya di Toast

6. Usage Image View as Buttons

Buat project baru bernama Droid Cafe dan masukkan string di bawah ini ke string.xml

Di bawah TextView pertama, masukkan kumpulan kode TextView baru seperti di bawah ini

Klik kanan pada Drawable dan pilih show in explorer

Masukkan gambar ini ke dalam folder drawable

List gambar yang sudah dimasukkan tadi akan muncul di bawah kolom Drawable

Lalu masukkan kodingan seperti di bawah ini

Masukkan string di bawah untuk ditampilkan pada Toast

• Tambahkan tiga method (public void showDonutOrder… public void showIceCreamOrder… public void showFroyoOrder…) untuk menampilkan toast sesuai dengan makanan yang dipesan
• Pada MainActivity.java, tambahkan method public void displayToast()… untuk menampilkan Toast

Jika berhasil, akan muncul tampilan seperti di bawah

7. Use Radio Buttons

Buat activity baru bernama OrderActivity

pada method showFoodOrder() di MainActivity, buat intent untuk pindah ke halaman OrderActivity

Jika berhasil, akan muncul tampilan seperti berikut

Tambahkan TextView (yang kodingan pertama) seperti di bawah ini

Lalu tambahkan radio button dengan membuat radio group seperti ini

Lalu tambahkan method untuk menampilkan method dan click handler untuk masing-masing radio button yang telah dibuat tadi

TASK 1 SET UP YOUR PROJECT TO USE SUPPORT LIBRARIES

Toolbar Tools > Android > SDK Manager

Support repository terinstall

But project baru dengan nama Hello Compat

Di bawah ini adalah framework android yang menyusun aplikasi yang dipakai pada Android Studio. Nilai ini hanya mempengaruhi Android Studio seperti pesan error

Di bawah ini adalah minimal API untuk target android yang dipakai, seringkali minSDKVersion lebih rendah dari compileSDKVersion

Di bawah ini adalah bagian dependensi untuk mengaktifkan pengujian Espresso, Unit, v7 appCompat support library

Edit activity_main.xml dengan TextView dan Button

Edit color.xml seperti di bawah ini

Edit MainActivity.java untuk penggantian warna ‘Hello World’ menggunakan array

TASK 2 IMPLEMENT BUTTON BEHAVIOR

Buat method untuk button changeColor dan buat object bernama random seperti di bawah

Gunakan random instance untuk mengambil warna acak seperti di bawah

Mendapatkan resource identifier untuk nama warna dari resources. Tulis seperti di bawah

Mendapatkan ID Integer dari warna asli dan dimasukkan ke variable colorRes seperti di bawah

Ubah baris penetapan colorRes untuk menertakan argumen kedua ke getColor() seperti di bawah

Menyesuaikan warna dari “Hello World!” dari color resource ID seperti di bawah

Dan aplikasi pun berhasil dijalankan