Klaim (29/2/2016) - Muhamad Iqbal

Nama : Muhamad Iqbal

Posisi : Hacker
Project : Evaluasi Ibadah
Perusahaan : Badr Interactive

Pada minggu kedua ada beberapa hal yang saya lakukan yaitu:

1. Membuat User Story

Dikarenakan project planning tim kita yang masih kurang dalam beberapa hal. Kami memutuskan untuk berkumpul pada hari Kamis tanggal 25 Februari untuk membahas masalah tersebut. Hal yang telah dilakukan oleh kami pada hari itu adalah membuat user story dengan detail fitur yang nanti akan dibuat. Hasilnya bisa dilihat di sini.

Klaim (29/2/2016) - Muhamad Hardi Ramli

Nama : Muhamad Hardi Ramli

Posisi : Hacker
Project : Evaluasi Ibadah
Perusahaan : Badr Interactive

Berikut adalah progress yang dikerjakan pada minggu kedua

1. Berdiskusi dan membuat user story dan detail dari fitur aplikasi

Bersama dengan teman-teman yang lain, kami membuat user story dan memperjelas detail fitur yang nanti akan dibuat pada Evaluasi Ibadah. Beberapa fitur aplikasi yang telah ditulis juga diperbaiki dan dibuat dalam user story (spreadsheet dapat dilihat disini).

2. Mencoba dan membuat mockup pada Balsamiq

Pada Balsamiq saya membuat mockup untuk main display aplikasi dan menu tambahannya. Pada awalnya Balsamiq saya mengalami masalah karena tak bisa membuka menu untuk membuat mockup, namun hal tersebut sudah diperbaiki dengan cara mengupdate Adobe Shockwave pada browser yang digunakan.

3. Memahami dan mencoba beberapa tutorial cara kerja penanganan database pada laravel

Beberapa hal yang saya pelajari dalam database pada laravel adalah, seperti framework yang lain seperti code igniter. Hal yang dibutuhkan pertama kali adalah mengkonfigurasi koneksi database pada file database pada folder config. Penanganan database pada laravel dapat menggunakan semacam Active Record atau pada laravel disebut dengan Query Builder. Namun, demikian pada laravel ada cara penggunaan database dengan menggunakan Eloquent ORM. Dalam pemakaiannya Eloquent ORM lebih dianjurkan karena bersifat lebih OOP. Akan tetapi, hal ini belum saya coba pemakainnya untuk aplikasi Android. Jika dapat dilakukan, untuk pengembangan selanjutnya saya berencana untuk menggunakan dengan menggunakan Eloquent ORM. 

4. Tambahan

Masalah pada minggu lalu mengenai emulator pada Android Studio dapat diakali dengan menggunakan Genymotion sebagai emulator alternatif. Pada tutorial yang ditulis Farhan Dzikri, Android Studio juga menawarkan API sehigga Genymotion dapat dijalankan melalui Android Studio.

Klaim (29/2/2016) - Reyhan Razaby

Nama : Reyhan Razaby
Posisi : Hipster
Project : Evaluasi Ibadah
Perusahaan : Badr Interactive

Berikut adalah progress yang saya kerjakan di minggu kedua:

1. Membuat User Story bersama tim

Pada hari Kamis, tanggal 25 Februari dari pukul 15.00 sampai adzan maghrib, tim kami membuat User Story dalam bentuk tabel di Google Sheet (bisa dilihat di sini). User Story ini berisikan tentang aktor apa saja yang terlibat dalam penggunaan aplikasi ini, fitur apa saja yang bisa digunakan oleh aktor tersebut, dan apa kegunaan dari fitur yang digunakan tersebut.


2. Membuat skenario aplikasi dan layout masing-masing halaman

Di tahap ini saya membuat alur aplikasi dari halaman ke halaman lainnya, baik melalui tombol, ikon maupun menu. Skenario ini nantinya akan jadi bahan untuk membuat wireframe di Balsamiq. Di bawah ini saya cantumkan hasilnya.

Skenario aplikasi Evaluasi Ibadah

3. Memahami cara kerja RecyclerView

RecyclerView adalah layout yang akan kami pakai di salah satu halaman utama pada aplikasi yang akan kami buat. Oleh karena itu, walaupun saya seorang hipster, saya tetap harus tau cara kerja layout ini agar mudah dalam berkomunikasi dengan hacker.

Yang terpenting untuk saya pahami adalah method onCreateViewHolder, yaitu untuk menampilkan halaman xml yang akan diiterasi. Di sini hanya memerlukan nama file .xml yang sudah disusun oleh hipster, misalnya iterate_view.xml.

Kemudian perlu dibuatnya sebuah class yang mengextend RecyclerView.ViewHolder untuk menyimpan objek-objek yang berada di file .xml yang akan diiterasikan dengan memanggil v.findViewById.

Selain itu ada method onBindViewHolder yang berfungsi untuk menampilkan data ke layout dengan cara memanggil id dari suatu objek yang telah di simpan di class yang mengextend RecyclerView.ViewHolder (yang sudah dijelaskan di paragraf sebelumnya). Dengan id tersebut, dapat memanggil method untuk menampilkan atau mengubah objek tersebut (misal method setText).

Klaim (29/2/2016) - M Farhan Dzikri

Nama : Muhammad Farhan Dzikri
Posisi : Hipster
Project : Evaluasi Ibadah
Perusahaan : Badr Interactive

Berikut adalah progress yang saya kerjakan di minggu pertama:

1. Membuat detail fitur dan user story bersama dengan tim.

Saya bersama dengan 4 anggota lainnya mendefinisikan fitur-fitur yang akan kami implementasikan pada aplikasi Evaluasi Ibadah. Kurang lebih screenshoot dari hasil kerja kami sebagai berikut.

2. Mengeksplorasi penggunaan emulator android genymotion

Saya mencoba menginstall dan mengintegrasikan android emulator Genymotion dengan Android Studio. Hasil dari eksplorasi tersebut saya dokumentasikan pada link berikut http://pplevaluasiibadah.blogspot.co.id/2016/02/tutorial-setup-genymotion-as-emulator.html

Berdasarkan beberapa sumber yang saya baca, genymotion ini adalah emulator yang paling baik digunakan untuk mengembangkan aplikasi android. Jadi saya mendokumentasi cara mengintegrasikannya agar teman2 saya dapat menggunakannya juga.

3. Mendesign halaman log in di Android Studio

Saya mencoba mempelajari cara penggunaan aplikasi Android Studio. Designnya masih belum mengikuti mock up yang sudah dibuat karena masih dalam tahap belajar. Kedepannya akan saya coba untuk menyesuaikan dengan mock-up dan wireframe yang telah di desain.

Tutorial - Setup Genymotion as emulator in Android Studio

Ini adalah tutorial untuk menggunakan Genymotion sebagai emulator di Android studio. Sebelum mengikuti step dibawah ini, pastikan aplikasi Genymotion dan Android Studio sudah terinstall di PC anda.

1. Pertama-tama, buka aplikasi Genymotion. Gambar di bawah ini adalah Genymotion yang sudah terinstall emulator Nexus 5. Jika anda belum punya emulatornya, klik tombol (+) Add untuk mendownload.

2. Setelah itu akan muncul window seperti dibawah ini, untuk mendownload emulator anda wajib untuk sign-in terlebih dahulu. Kalau belum punya akun sign-up di situs genymotion.com

3.  Stelah log-in, pilihan emulator yang bisa di download akan ditampilkan seperti gambar dibawah ini. Pilih salah satu lalu install.

4. Setelah terinstall, emulator akan tersedia di halaman depan. Sebelum launch virtual device anda, sebaiknya klik settings dulu untuk mencocokan preferensi processor, base memory, serta screen size agar tidak terlalu berat untuk dijalankan PC. 

5. Setelah itu silahkan Start emulator anda. Hasilnya seperti gambar dibawah ini.

6. Setelah emulator berjalan dengan baik, sekarang tinggal men-setting Genymotion di Android Studio. Sekarang close dulu genymotion serta emulatornya, kemudian buka Android Studio anda. Pilih File -> Settings -> tab Plugin seperti gambar dibawah. Kemudian klik Browse Repositories.

7. Search "Genymotion" di search bar. Kemudian install. Instalasi tidak memakan waktu lama, hanya sekitar 5-10 detik. Setelah terinstall, Android Studio harus di restart terlebih dahulu agar plugin dapat dijalankan.

8. Setelah anda masuk lagi ke Android Studio, ikon Genymotion akan muncul seperti gambar di-bawah. Klik kemudian window akan muncul dan mengatakan "Select the path to Genymotion folder."

Klik browse dan pilih Local Disk (C) -> Program Files -> Genymobile -> Genymotion

9. Jika anda sudah menentukan path Genymotion folder, maka sekarang ikon diatas akan menampilkan window seperti dibawah ini jika di klik. Sekarang anda dapat klik Start untuk lauch emulator yang sudah di download di Genymotion.

Klaim (22/2/2016) - M Farhan Dzikri

Nama : M Farhan Dzikri
Posisi : Hipster
Project : Evaluasi Ibadah
Perusahaan : Badr Interactive

Berikut adalah progress yang saya kerjakan di minggu pertama:

1. Membuat wireframe mock up halaman login aplikasi Evaluasi Ibadah

Untuk pertama-tama saya mencoba membuat desain halaman log in untuk aplikasi Evaluasi Ibadah. Hasil dapat dilihat pada gambar dibawah. Desain masih menggunakan CorelDraw X7. Kedepannya desain akan menggunakan Balsamiq, namun terkecuali minggu ini tidak digunakan karena masih dalam tahap belajar. Desain ini masih belom fix, jadi masih dapat diubah-ubah font, ikon serta warnanya.

2. Membuat blog untuk laporan kelompok PPL

Untuk membuat laporan progress per-minggu sebagaimana ppl di kelas sebelumnya, saya membuat blog ini untuk digunakan kelompok secara bersama. Blog yang digunakan adalah Blogger, berhubung Tumblr katanya di-block oleh mentri kominfo dengan alasan 'tidak jelas'. Selain itu, keuntungannya blogger bias invite writer lain, jadi tidak perlu membagi-bagi id dan password.

3. Eksplorasi tools untuk digunakan selama PPL

Untuk keberlangsungan PPL kedepannya, saya menginstall aplikasi Android Studio, Git, Trello, Genymotion dan sebagainya. Selain menginstall saya juga mempelajari cara-cara menggunakan aplikasi tersebut.

4. Menunjukkan Design di Atas ke Pihak Badr Interactive (Bersama Reyhan Razaby)

Kami sudah menunjukkan hasil deisgn halaman di atas ke pihak Badr dan ternyata mereka setuju. Namun pihak Badr ingin warna dan brandingnya disesuaikan oleh designer dari Badr itu sendiri dan disamakan pula oleh dua tim lainnya (Tim A dan Tim B). Saya sendiri sudah mendapatkan kontak lead designer Badr. Kedepannya kami akan berkerjasama untuk membuat design sebagaimana branding Badr

Klaim (22/2/2016) - Muhamad Hardi Ramli

Nama : Muhamad Hardi Ramli
Posisi : Hacker
Project : Evaluasi Ibadah
Perusahaan : Badr Interactive

Berikut adalah kegiatan progress minggu pertama yang dilakukan

1. Mempelajari berbagai aplikasi yang dibutuhkan dalam PPL

Mempelajari aplikasi yang digunakan untuk kegiatan PPL ini, seperti Git, Trello dan Android Studio.

2. Mempelajari pembuatan aplikasi dan mengikuti tutorial dalam Android Studio

Dalam hal ini, saya mencari berbagai tutorial di internet yang menawarkan tutorial dasar dalam membuat aplikasi yang terhubung dengan suatu database sehingga dapat mengirimkan dan menerima database.

3. Menghubungkan aplikasi supaya terhubung database

Pada bagian ini, saya terkendala dalam melakukan testing karena terjadi kesalahan pada emulator pada Android Studio. Kesalahan ini saya coba karena saya juga belum tahu apakah kesalahan ini ada pada emulator atau pada script yang saya ingin coba.

Klaim (22/2/2016) - Muhamad Iqbal

Nama : Muhamad Iqbal
Posisi : Hacker
Project : Evaluasi Ibadah
Perusahaan : Badr Interactive

Dalam minggu pertama perkuliahan PPL, hal - hal yang telah saya lakukan adalah:

1. Mempelajari aplikasi-aplikasi yang digunakan selama perkuliahan PPL

Beberapa aplikasi yang saya pelajari adalah Android Studio, Git menggunakan Gitbash atau command prompt, dan Trello.

2. Mempelajari pembuatan aplikasi android dengan Android Studio

Saya mempelajari pembuatan aplikasi android dengan membuat aplikasi sederhana yaitu aplikasi dengan fitur login dan register. Di aplikasi ini belum bisa terhubung dengan database sehingga hanya bisa menyimpan di local store.

3. Mengintegrasi Google Sign-In ke dalam aplikasi android

Dalam hal ini saya belum bisa melakukan integrasi Google Sign-In ke dalam aplikasi android. Hal ini karena saya masih terkendala dalam mendapat Configuration File berupa file .json yang akan disimpan dalam aplikasi. Untuk mendapatkan Configuration File dibutuhkan menggunakan SH1 key yang terdapat dalam aplikasi yang akan diintegrasi. Dalam hal ini saya belum bisa mendapatkan key tersebut.

Klaim (22/2/2016) - Reyhan Razaby

Nama : Reyhan Razaby
Posisi : Hipster
Project : Evaluasi Ibadah
Perusahaan : Badr Interactive

 Di bawah ini adalah progress minggu pertama yang saya lakukan.

1. Membuat mockup halaman Home dan Edit Mode

Saya membuat mockup ini dengan bantuan aplikasi Adobe Illustrator. Rencananya kelompok kami ingin menggunakan Balsamiq untuk membuat mockup tersebut. Namun karena kami perlu waktu untuk belajar dulu cara penggunaannya, dan karena saya sudah berpengalaman dalam menggunakan Adobe Illustrator, jadi untuk sementara saya menggunakan Adobe Illustrator dulu. 

Home

Home (scrolled)

Edit Mode

2. Menunjukkan Design di Atas ke Pihak Badr Interactive

Kami sudah menunjukkan hasil deisgn halaman di atas ke pihak Badr dan ternyata mereka setuju. Namun pihak Badr ingin warna dan brandingnya disesuaikan oleh designer dari Badr itu sendiri dan disamakan pula oleh dua tim lainnya (Tim A dan Tim B)



3. Layouting Home di .xml (kolaborasi dengan Luthfi Kurnia)

Tahapan ini belum selesai dan masih banyak perbaikan lagi karena belum sama dengan target desain seperti mockup di atas. Saya menggunakan Scrolling Activity dalam pembuatan halaman Home ini. Kendala saya sangat banyak di bagian ini karena masih belum familiar dengan Android Studio.

Hasil sementara Home

Klaim (21/2/2016) - Luthfi Kurnia Putra

Nama : Luthfi Kurnia Putra
Posisi : Hustler
Project : Evaluasi Ibadah
Perusahaan : Badr Interactive

Berikut adalah hal-hal yang sudah saya lakukan untuk Project PPL Evaluasi Ibadah.

1. Membuat Dokumen Proposal

Dokumen proposal ini berisi deskripsi fitur-fitur yang ada pada aplikasi Evaluasi Ibadah secara singkat, timeline pengerjaan untuk Sprint 1, beserta lampiran Mockup yang dibuat oleh kedua teman saya (Reyhan Razaby dan Muhammad Farhan Dzikri). Fitur-fitur yang saya tulis disini juga berisi fitur-fitur yang tim kami usulkan untuk meng-improve aplikasi Evaluasi Ibadah.

Berikut adalah link dari file yang dimaksud :
fileProposalEvaluasiIbadah


2. Eksplorasi dan Pembuatan RecyclerView (kolaborasi dengan Reyhan Razaby)

Saya sudah berhasil mengimplementasikan RecyclerView pada prototipe aplikasi yang saya buat. RecyclerView yang saya buat bersifat Nested (Ada RecyclerView didalam RecyclerView). Walaupun begitu, RecyclerView yang saya buat masih bersifat fungsional (belum sesuai dengan mockup) dan masih harus diperbaiki tampilannya agar sesuai dengan mockup yang dijanjikan. Data yang dipakai juga masih dummy, sebab belum terkoneksi dengan server.


3. Eksplorasi dan Pembuatan slider animation (kolaborasi dengan Reyhan Razaby)

Saya sudah berhasil mengimplementasikan slider dengan menggunakan tombol. Halaman activity sudah bisa bergeser dengan animasi yang benar dan sesuai. Walaupun begitu, tombol yang digunakan masih belum sesuai dengan yang ada di mockup disebabkan karena trouble pada kode.