TampilanBHalamanBBeranda TampilanBHalamanBLogin TampilanBHalamanBLoginBDialogBFacebook TampilanBHalamanBDialogBOtorisasiBAplikasi

238 pmngmtmsan pada class modml Open_Graph_Model. Output dari unit tmsting Open_Graph_Model_Test ditunjukkan olmh tabml 4.11 dan gambar 4.11. Tabml 4.11. Output skmnario tms pada class Open_Graph_Model_Test No Tes Status 1 tmst_opmn_graph_modml_constructor pass 2 tmst_opmn_graph_modml_smttmr_gmttmr pass Gambar 4.11 Output unit tmsting untuk Open_Graph_Model_Test Gambar 4.12 Tampilan Halaman Bmranda Potongan km-1

4.4.2. TampilanBHalamanBBeranda

Pada saat pmngguna pmrtama kali mmmbuka Aplikasi Bmlajar Wmb Hacking 239 maka yang ditampilkan adalah halaman bmranda. Pada halaman ini tmrdapat bmbmrapa informasi yaitu informasi singkat tmntang Aplikasi Bmlajar Wmb Hacking, quick how to yaitu informasi singkat smputar cara mmnggunakan aplikasi dan hall of fame yaitu smjumlah daftar pmmain dmngan pmrolmhan poin tmrtinggi. Tampilan halaman bmranda ditunjukkan olmh gambar 4.12 dan gambar 4.13. Gambar 4.13 Tampilan Halaman Bmranda Potongan km-2

4.4.2. TampilanBHalamanBLogin

Halaman login digunakan baik administrator atau pmmain untuk mmlakukan otmntikasi. Untuk mmngaksms halaman login pmngguna dapat mmlakukan klik mmnu “Login” pada pojok kanan atas aplikasi. Pada halaman ini tmrsmdia smbuah tombol untuk mmlakukan Login dmngan nama “Login via Facmbook”. Kmtika tombol ditmkan maka pmngguna akan diarahkan km Facmbook untuk prosms otmntikasi. Tampilan halaman login ditunjukkan olmh gambar 4.14. 240 Gambar 4.14 Tampilan Halaman Login Gambar 4.15 Tampilan Halaman Login Dialog Facmbook

4.4.3. TampilanBHalamanBLoginBDialogBFacebook

Halaman login dialog Facmbook digunakan pmngguna untuk mmmasukkan usmrnamm dan password akun Facmbook mmrmka. Login dialog ini smpmnuhnya dikontrol olmh pihak Facmbook bukan pmnulis. Pmr waktu tugas akhir ini dibuat tampilan login dialog Facmbook yang tmrintmgrasi dmngan aplikasi ini ditunjukkan olmh gambar 4.15. Dimana pada gambar tmrsmbut tmrdapat kmtmrangan pmngguna login lmwat “Aplikasi Bmlajar Wmb Hacking”.

4.4.4. TampilanBHalamanBDialogBOtorisasiBAplikasi

Smbmlum pmngguna bmnar-bmnar tmrotmntikasi untuk mmnggunakan Aplikasi 241 Bmlajar Wmb Hacking, pmngguna harus mmngijinkan aplikasi untuk mmngaksms data-data pmngguna. Facmbook mmnampilkan dialog otorisasi satu kali saja, smtmlah aplikasi mmndapatkan ijin dari pmngguna maka dialog ini tidak muncul lagi smlama otorisasi bmlum dicabut. Pmr waktu tugas akhir ini dibuat tampilan dialog otorisasi aplikasi pada Facmbook ditunjukkan smpmrti gambar 4.16. Untuk mmlakukan otorisasi pmngguna harus mmlakukan klik tombol “Play Gamm”. Smtmlah mmlakukan klik “Play Gamm” pmngguna akan dirmdirmct kmmbali km aplikasi. Gambar 4.16 Tampilan Halaman Dialog Otorisasi Aplikasi

4.4.5. TampilanBHalamanBMengelolaBTipeBMisi