4.3.1 Instalasi Aplikasi Client 1 Masukan aplikasi TheJakartaPost.apk kedalam device 2 Buka file manager pada device Gambar 4.9 Langkah Kedua Instalasi Aplikasi Client 3. Tap aplikasi untuk menjalankan instalasi aplikasi 4. Pilih install untuk menginstall kedalam device
Gambar 4.10 Langkah Keempat Instalasi Aplikasi Client 5. Tunggu hingga proses selesai 6. Aplikasi telah siap digunakan
Gambar 4.11 Sukses Instal Aplikasi
1.4 Prosedur Penggunaan Aplikasi Berikut merupakan hasil implementasi aplikasi yang telah dibuat : A. Tampilan Layar User a. Menu Utama Gambar 4.12 Tampilan Layar Menu Utama Tampilan layar diatas akan muncul ketikas user pertama kali membuka aplikasi tanpa ataupun memiliki akun The Jakarta Post.Pada tampilan menu utama tersebut terdapat beberapa tombol navigasi untuk mengakses halaman lain. Tombol navigasi yang terdapat dalam menu utama tersebut antara lain : category, download PDF, currency, GPS,
news community serta my info. Selain itu pada tampilan layar menu utama juga terdapat tab button untuk mengakses ke halaman menu utama, latest news dan favourite news b. Latest News Gambar 4.13 Tampilan Layar Latest News Gambar diatas akan muncul jika user menekan tab button latest news. Dimana pada tampilan layar latest news terdapat berita- berita terkini yang baru saja dimasukkan oleh admin. Berita-berita tersebut disajikan dalam bentuk list view.
c. Favourite News Gambar 4.14 Tampilan Layar Favourite News Jika user menekan tab button favourite news maka tampilan layar pada gambar 4.14 akan muncul. Tampilan layar favourite news diatas ditampilkan dalam bentuk list view yang terdiri dari kumpulan berita yang menurut admin termasuk berita yang terbaik.
d. Category Gambar 4.15 Tampilan Layar Category Gambar 4.15 akan muncul setelah user menekan tombol navigasi category pada tampilan menu utama (gambar 4.12) pada tampilan layar diatas terdapat berita-berita yang telah admin susun sesuai dengan kategori berita yang disajikan dalam bentuk list view. Kategori yang terdapat pada tampilan layar diatas antara lain :
Editor s Choice : Berisi berita-berita yang telah dipilih oleh editor The Jakarta Post National : Berisi berita-berita yang meliputi seluruh wilayah Indonesia, yang berfokus kepada kejadian-kejadian nasional, contoh : Pemilihan presiden, gunung meletus, banjir dan lain sebagainya Archipelago : Berisi berita-berita yang membahas tentang kebudayaan Indonesia Business : Berisikan berita-berita yang berkaitan dengan kejadian serta pelaku bisnis baik di Indonesia maupun mancanegara Jakarta : Berisi berita-berita yang hanya terjadi di wilayah Ibu Kota Jakarta seperti : berita mengenai diadakannya konser band yang berasal dari luar negeri yang diadakan di Jakarta, Banjir yang terjadi di Jakarta dan lain lain World : Berisi berita-berita yang menyangkut kejadian-kejadian yang terjadi di seluruh dunia. Sports : Berisi berita-berita mengenai kejadian-kejadian besar, serta pelaku penting dalam setiap cabang olahraga yang terjadi di seluruh dunia Opinion :Berisikan opini-opini yang berasal dari masyarakat luas Sci-Tech : Berisikan berita-berita mengenai kejadian serta pelaku yang bergerak pada bidang ilmu pengetahuan. Environment : Berisikan berita-berita yang terfokus kepada masalah lingkungan atau hal-hal yang bersifat alam, contoh : Banjir, gunung meletus, Tsunami dan lain sebagainya
Body and Soul : Berisikan berita-berita yang menyangkut gaya hidup terkini. e. Category News Gambar 4.16 Tampilan Layar Category News Gambar 4.16 akan muncul setelah user memilih salah satu dari category (lihat gambar 4.15). Category news berisikan berita berita terkait yang sesuai dengan category yang telah dipilih oleh user. Untuk kembali ke menu sebelumnya user dapat menekan tombol back yang terdapat pada device.
f. Single News (Category News) Gambar 4.17 Tampilan Layar Single News (Category News) Tampilan layar diatas akan muncul setelah user memilih salah satu berita yang terdapat pada category news (lihat gambar 4.16). Single news merupakan tampilan berita secara penuh atas berita yang telah dipilih oleh user. Pada tampilan layar diatas terdapat : Judul berita Editor s choice yang merupakan nama dari category yang telah dipilih oleh user Nama author
Tanggal diterbitkannya berita Isi dari berita Maps : User dapat mengetahui tempat kejadian berita yang ditampilkan Comment : User dapat memberikan comment pada berita tersebut tanpa harus menjadi memiliki akun di The Jakarta Post g. News Map Gambar 4.18 Tampilan Layar News Map Gambar 4.18 diatas merupakan news map dimana news map menampilan letak kejadian atau tempat berita yang ditampilkan dalam bentuk peta. Tampilan
layar diatas akan muncul apabila user menekan tombol navigasi maps yang ada pada berita yang sedang ditampilkan, contoh lihat gambar 4.17 h. GPS Gambar 4.19 Tampilan Layar GPS Tampilan pada Gambar 4.19 akan muncul jika user memilih tombol navigasi GPS yang berada pada menu utama (lihat gambar 4.12). Tampilan layar GPS tersebut menunjukkan posisi tempat user berada.
i. My Currency Gambar 4.20 Tampilan Layar MyCurrency Tampilan gambar 4.20 akan muncul jika user memilih tombol navigasi currency pada menu utama (lihat gambar 4.12). Tampilan layar diatas berisi : Tab Button : Berfungsi sebagai navigasi indeks mata uang dollar terhadap rupiah atau rupiah terhadap dollar Amount : User dapat meng-input jumlah nilai uang yang akan diubah baik dollar ke rupiah ataupun rupiah ke dollar Rate : Merupakan nilai tukar mata uang
Button Convert : Berfungsi untuk menjalankan perintah kalkulasi antara amount dengan rate Result : Merupakan hasil kalkulasi dari amount dan rate j. Login Gambar 4.21 Tampilan Layar Login Gambar 4.21 merupakan tampilan halaman login. Dalam tampilan halaman login tersebut terdapat field yang harus diisi oleh user yaitu : Username serta Password. Tombol Login digunakan sebagai compare valid atau tidaknya username serta password yang dimasukkan oleh user. Apabila login sukses
user dapat mengakses fitur-fitur yang tidak dapat diakses oleh user yang tidak memiliki akun. Selain itu gambar 4.20 juga terdapat notifikasi bagi user yang belum memiliki akun. k. Register Gambar 4.22 Tampilan Layar Register Gambar diatas merupakan tampilan layar register, dimana tampilan layar tersebut akan muncul jika user menekan kata register yang terdapat pada notifikasi yang ada pada halaman login (lihat gambar 4.21). Register berfungsi bagi user yang ingin
memiliki akun, yang mana user diharuskan mengisi field-field yang disediakan seperti : Username : Nama yang akan digunakan sebagai ID mengakses fitur yang tidak dapat diakses oleh user lain Password : Kumpulan karakter yang diinput oleh user yang berguna untuk menjaga kerahasian data user Re-Type Password : Mengulangi password yang telah diinput oleh user sebelumnya sebagai kepastian password yang telah diinput Name : Nama yang diinput oleh user Age : Terdiri dari tanggal, bulan, serta tahun user dilahirkan yang ditampilkan dalam bentuk date picker Gender : Berisi pilihan jenis kelamin dari user yang ditampilkan dalam bentuk radio button Address : User diharuskan mengisi alamat tempat tinggal atau domisili dari user
l. My Info Gambar 4.23 Tampilan Layar My Info Tampilan layar pada gambar diatas akan muncul jika user telah memiliki akun. Dimana tampilan diatas berisi informasi yang menyangkut data user yang telah diinput sebelumnya pada proses registrasi. Dimana pada tampilan diatas juga terdapat button logout yang berfungsi untuk keluar dari session log-in.
m. News Community Gambar 4.24 Tampilan Layar News Community Tampilan layar diatas akan muncul jika user memilih tab button news community yang berada di menu utama (lihat gambar 4.12). tampilan layar diatas terdapat list view yang berisi judul berita yang telah dimuat oleh user itu sendiri maupun user lain. untuk dapat mengakses news community user sudah harus melakukan login terlebih dahulu.
n. Single News (News Community) Gambar 4.25 Tampilan Layar Single News (News Community) Gambar 4.25 akan muncul setelah user memilih salah satu berita yang terdapat pada list view news community (lihat gambar 4.24). Single news community merupakan tampilan berita secara penuh atas berita yang telah dipilih oleh user
o. Add News (News Community) Gambar 4.26 Tampilan Layar Add News (News Community) Gambar 4.26 merupakan tampilan layar dari AddNews dimana fitur tersebut berfungsi bagi user yang ingin menginput infromasi atau berita yang nantinya akan masuk kedalam database, kemudian data tersebut akan ditampilkan kedalam list view news community (lihat gambar 4.24). Untuk meng-input berita atau informasi ke dalam news community user diharuskan mengisi field-field yang telah disediakan berupa : Title : Judul berita yang akan disubmit Date : Tanggal kejadian berita yang disajikan dalam text box
News Detail : Isi dari berita yang akan disubmit Button Submit : Berfungsi untuk memproses data yang akan masuk ke database Button Cancle : Berfungsi untuk membatalkan input Untuk submit news user diharuskan memiliki akun dan telah melakukan login sebelumnya p. Pdf Download Gambar 4.27 Tampilan Layar Pdf Download Tampilan gambar diatas merupakan tampilan pdf download dimana tampilan diatas akan muncul apabila user memilih tombol navigasi pdf pada menu utama (lihat
gambar 4.12), setelah itu tampilan layar diatas akan muncul dimana tampilan diatas merupakan tampilan tanggal serta waktu terakhir berita di update. q. Browser (Download PDF) Gambar 4.28 Tampilan Layar Browser (Download PDF) Gambar 4.28 akan muncul setelah anda memilih berita mana yang ingin anda download (lihat gambar 4.27). tampilan diatas berisikan beberapa browser yang dapat user gunakan untuk membuka, melihat serta men- download berita.
r. View Pdf Gambar 4.29 Tampilan Layar View Pdf Gambar 4.29 merupakan tampilan layar dari view pdf. Tampilan diatas akan terbuka setelah anda memilih browser yang anda inginkan untuk membuka berita. Tampilan diatas berisikan tampilan berita secara penuh. Jika user ingin men-download berita tersebut user dapat mengklik navigasi download yang berada dibawah berita, dapat dilihat pada gambar 4.29