Weekly Report 27/3/2016 - Muhamad Farhan Dzikri

Pada minggu ini yang saya kerjakan adalah mendesign user interface halaman mainpage agar sesuai dengan material design. Pertama-tama saya mengubah Metric & Keylines agar sesuai dengan guideline disini. Yang saya ubah adalah margin left dan right menjadi 16px, tinggi item menjadi 72px. Kemudian saya mengganti ukuran font agar sesuai dengan guideline disini, menjadi 20sp.
Sehingga hasil awalnya menjadi seperti ini :

Sayangnya dalam material design tidak saya temukan dropdown list seperti yang kami gunakan diatas, jadi saya bingung untuk menentukan warna dan ukuran fontnya. Akhirnya saya mencoba mengikuti Subtitle sebagaimana di google drive,

Meski Subtitle tidak dapat di klik dan collapse, namun tampilannya sangat mirip dengan list kami. Jadi untuk dropdown list saya mengikuti Subtitle di material design. Tingginya saya ubah menjadi 48dp, ukuran fontnya 16sp dengan warna #777777, dan backroundnya #EEEEEE. Listnya sendri saya ubah backround colornya menjadi #FFFFFF agar sesuai dengan contoh dan saya tambahkan jarak 1px untuk memisahkannya dengan list lain. Untuk font disini sebenarnya yang digunakan adalah Roboto-Medium, namun setelah saya mencoba mengimport-nya malah terjadi error. Sehingga font yang saya gunakan disini masih Roboto_Normal. 

Hasil akhirnya seperti berikut.

Yang masih kurang disini adalah shadow yang memisahkan list dan subtitle. Saya sudah mencoba mempelajarinya, sejauh ini yang saya ketahui adalah shadow tidak ada atributnya di xml dan harus dibuat manual kemudian ditambahkan di backround. Selain itu subtitle posisinya harus tetap diatas walaupun di slide keatas. Hal ini juga belum saya temukan caranya.