Blognya Nabila

Halo! Bertemu lagi dengan saya Nabila. Pada pertemuan kali ini saya ingin memberi tahu perkembangan aplikasi dari kelompok 4 yaitu aplikasi PLEA(Private Learning Education Application) baik mobile maupun web application.

Untuk mobile application, progress kami adalah:

1. Sudah dapat terhubung ke firebase

2. Sudah dapat login
 

3. Dapat register
4. Dapat me-reset password jika Anda lupa
5. Tampilan Jenjang edukasi pada halaman utama
Sedangkan pada web application, progressnya adalah:
1. Ditambahkan layout teacher

Setelah kemarin saya menjelaskan tentang tutorial membuat list mahasiswa, kali ini saya akan membuat aplikasi web view yaitu dimana ketika membuka aplikasi ini akan terbuka web yang kita pilih, saya menggunakan alamat blog saya yaitu : nabilashaffa-bmpnjbatch2.blogspot.com. Berikut adalah tutorial singkatnya :

1. Buka android studio kemudian pilih New>New Project kemudian beri nama aplikasi,saya memberi nama WebView
2. Pilih target devices yang akan menggunakan aplikasi ini
3. Pilih basic activity
4. Beri nama activity
5. Buka manifest>Android.xml
6. Tambahkan codingan yang diblok dan letakan dibawah package
7. Buat xml baru dengan cara klik kanan pada app>new>xml>layout dan beri nama webview
8. Hapus <LinearLayout..../LinearLayout> dan ganti dengan codingan yang diblok dibawah ini
9. Pilih MainActivity.Java dan ubah pada setContentView(R.layout.webview) kemudian tambahkan codingan yang diblok dibawah ini, serta hapus codingan toolbar dan floatingbar. Pastikan nama layout sama dengan id layoutnya
10. Setelah dipastikan tidak ada error atau codingan berwarna merah maka dapat di-run di hp. Berikut adalah hasilnya

Kelompok 4 yaitu kelompok saya, Gena dan Asri membuat aplikasi lembaga guru privat online yang dinamakan PLEA (Private Learning Education Application). Progress dari aplikasi kami pada Android Studio :
1. Sudah ada icon launcher aplikasi
2. Tampilan Login
3. Penambahan layout  (belum dapat di-link)


Sedangkan progress dari web application adalah :
1. Halaman Home


2. Login
3. Link ke halaman sign up
4. Link ke halaman jenjang pendidikan
5. Link ke masing-masing jenjang pendidikan (SD)

6. Link ke masing-masing jenjang pendidikan (SMP)
7. Link ke masing-masing jenjang pendidikan (SMA)
Serta kami dalam tahap pengumpulan biodata dan cv untuk database guru.

Setelah membuat aplikasi kalkulator sederhana, pada post kali ini saya akan menjelaskan cara membuat list nama pada sebuah aplikasi. Berikut adalah tutorialnya.

1. Buka Android Studio dan pilih New>New Project kemudian beri nama projectnya
2. Pilih target device yang bisa menjalankan aplikasi ini
3. Pilih activities yang akan digunakan untuk aplikasi ini
4. Setelah memillih activities dan memberinya nama, maka akan muncul hello world
5. Edit display hello world dengan design seperti dibawah ini dengan menggunakan widgets>ListView dengan cara men-dragnya ke display hp. Jika tidak muncul tampilan seperti dibawah, coba beri nama pada id widgets ini atau edit dengan text.


6. Setelah selesai mendesain pada layout content_main, buat layout baru untuk format identitas caranya dengan klik kanan pada app>New>xml layout dan beri nama layout tersebut. Saya menggunakan nama layout_list_mahasiswa
7. Setelah dibuat maka akan tampil seperti ini


8. Kemudian desain layout seperti di bawah ini pada window design, dengan urutan grid layout terebih dahulu kemudian ditumpuk dengan horizontal layout, setelah itu beri image view untuk menambahkan gambar dan text view untuk informasi list.
9. Jika window design tidak dapat menampilkan apapun, coba kita edit di text seperti di bawah ini. Bagian yang saya beri tanda merah adalah nama id dari widget yang digunakan.

10. Setelah selesai buka window Main.java dan mengatur display pada aplikasi dengan codingan seperti di bawah ini. Catatan saat mengoding : nama id pada coding harus sesuai dengan id widgets pada design, jika berbeda maka akan terjaid error




11. Setelah mengatur display list pada aplikasi di Main.java, kita atur fungsi dari list tersebut pada java class baru dengan cara klik kanan pada app>New>Java class. Usahakan Java class yang baru ini satu folder dengan Main.java untuk menghindari error.
12. Setelah selesai, coding class java yang baru ini seperti di bawah ini

13. Jika codingan sudah dipastikan tidak ada error, debug aplikasi pada hp untuk melihat hasilnya
14. Berikut adalah hasilnya
Semoga bermanfaat untuk Anda yang membaca :)