TampilanBHalamanBBeranda TampilanBHalamanBLogin TampilanBHalamanBLoginBDialogBFacebook TampilanBHalamanBDialogBOtorisasiBAplikasi
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-24.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 Facmbook4.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 Aplikasi4.4.5. TampilanBHalamanBMengelolaBTipeBMisi
Parts
» TA : Rancang Bangun Aplikasi Belajar Web Hacking Berbasis Jejaring Sosial (Facebook).
» PerumusanBMasalah PembatasanBMasalah Tujuan SistematikaBPenulisan
» TesBHasilBBelajar Penskoran PemberianBPeringkat PengertianBdanBTujuanBBelajar
» VariabelBpadaBJavascript FungsiBpadaBJavascript DocumentBObjectBModelBDOM Javascript
» FacebookBLogin FacebookBGraphBAPI FacebookBOpenBGraph PlatformBFacebook
» UserBStories TA : Rancang Bangun Aplikasi Belajar Web Hacking Berbasis Jejaring Sosial (Facebook).
» IterasiBke-1 Iterast ke-2 ModelBStormingBdanBTest-DrivenBDevelopmentBTDD
» Flow-of-event event Use Case Menambah Ttpe Mtst Flow-of-event Use Case Melthat Daftar Ttpe Mtst
» Flow-of-event Use Case Mengubah Ttpe Mtst Flow-of-event Use Case Menghapus Ttpe Mtst
» Flow-of-event Use Case Mengubah Ttpe Mtst Secara Batch Flow-of-event Use Case Menghapus Mtst
» Flow-of-event Use Case Prevtew Arttkel Flow-of-event Use Case Menambah Arttkel
» Flow-of-event Use Case Melthat Daftar Arttkel Flow-of-event Use Case Mengubah Arttkel
» Flow-of-event Use Case Menghapus Arttkel Sequence Dtagram Prevtew Arttkel
» Flow-of-event Use Case Melthat Daftar Tag Flow-of-event Use Case Mencart Tag
» Sequence Dtagram Menghapus Tag Flow-of-event Use Case Mengupload Ftle
» Flow-of-event Use Case Melthat Daftar Ftle Flow-of-event Use Case Menyaltn Ftle
» Flow-of-event Use Case Mengubah Ftle Flow-of-event Use Case Membuat Symltnk
» Flow-of-event Use Case Melihat Daftar Pengguna Flow-of-event Use Case Mengubah Status Pengguna
» Flow-of-event Use Case Menghapus Pengguna Flow-of-event Use Case Sinkronisasi Skor Facebook
» TDD pada Use Case Mengubah Setting Flow-of-event Melihat Hall of Fame
» Flow-of-event Melihat Peringkat Pemain
» Basic Mission 4 Basic Mission 5 Basic Mission 6
» Javascript Mission 1 Javascript Mission 2 Javascript Mission 3
» Javascript Mission 4 Javascript Mission 5 Javascript Mission 6
» Realistic Mission 1 Realistic Mission 2 Realistic Mission 3
» Desain Uji Coba Performa dengan Google Page Speed Desain Uji Coba Performa dengan Siege
» Desain Uji Coba Fungsi Login
» Desain Uji Coba Fungsi Pemeringkatan Pemain Desain Uji Coba Fungsi Learning Center
» Desain Uji Coba Fungsi Media Upload
» Desain Uji Coba Fungsi Melihat Daftar Misi
» Desain Uji Coba Fungsi Mengambil Misi Desain Uji Coba Fungsi Profil Pemain
» OutputBUnitBTestingBBArticle_Tag_Model_Test OutputBUnitBTestingBBMission_Answer_Test
» BasicBMissionB4B–BSimulasiBFormBSubmit PenyusunanBMisiBTipeBBasicBMission
» BasicBMissionB5B–BSocialBEngineering BasicBMissionB6B–BSniffBHTTPBTraffic
» JavascriptBMissionB1B–BNilaiBVaribel JavascriptBMissionB2B–BExternalBFile
» JavascriptBMissionB3B–BMengambilBCookies PenyusunanBMisiBTipeBJavascriptBMission
» JavascriptBMissionB4B–BTrickyBVariable JavascriptBMissionB5B–BJudulBHalaman
» JavascriptBMissionB6B–BDecodingBScript PenyusunanBMisiBTipeBJavascriptBMission
» JavascriptBMissionB7B–BFungsiBNumerik PenyusunanBMisiBTipeBJavascriptBMission
» JavascriptBMissionB8B–BKriptografiBSederhana PenyusunanBMisiBTipeBJavascriptBMission
» RealisticBMissionB1B–BMengelabuiBVoting PenyusunanBMisiBTipeBRealisticBMission
» RealisticBMissionB2B–BAksesBIlegal PenyusunanBMisiBTipeBRealisticBMission
» RealisticBMissionB3B–BPostBOtomatis PenyusunanBMisiBTipeBRealisticBMission
» RealisticBMissionB4–BPostBOtomatisBv2 RealisticBMissionB5B–BBugBLogikaBHapus
» RealisticBMissionB6B–BMencuriBData PenyusunanBMisiBTipeBRealisticBMission
» RealisticBMissionB7B–BCrackingBPassword PenyusunanBMisiBTipeBRealisticBMission
Show more