APLIKASI INFORMASI BUKU POPULER BERBASIS ANDROID

Persiapan Coding Pada Eclipse

1. Buka program Eclipse dengan mengklik shortcut program Eclipse.exe yang sebelumnya telah diinstall.

2. Setelah itu, kita membuat project baru pada Eclipse, pilih File - New - Project - Android Project, sehingga muncul pilihan seperti gambar dibawah ini, yaitu dengan cara Create New Project Android.

3. Kemudian, isikan pada kolom yang tersedia, seperti Application Name, Project Name, dan Package Name. Kemudian ubah Target SDK menjadi Android 2.2, jika sudah klik Finish.

4. Membuat file java baru, dengan cara pilih menu File -> New -> Class

5. Pada form New Java Class kita isikan nama class yang diinginkan dengan diakhiri exstensi ”.java” kemudian kilik Finish. 

6. Untuk membuat file XML baru, pilih File -> New -> Android XML File. Beri nama file layout XML yang ingin dibuat dan diakhiri dengan ekstensi ”.xml” kemudian klik finish. Langkah terakhir adalah penulisan kode program yang dilakukan di Eclipes Adt-Bundle Windows 64 bit. Tahap pembuatan kode dibagi dua, yaitu pembuatan kode pada Android XML yang berfungsi untuk membuat layout aplikasi dan pembuatan kode java yang berfungsi sebagai tempat proses untuk menampilkan XML tersebut.

 

Halaman Menu Utama

Halaman menu merupakan halaman yang pertama kali ditampilkan dimana halaman ini terdapat empat tombol yaitu menu, Daftar Buku, Database buku, Toko Buku dan Keluar. Di bawah ini adalah tampilan rancangan pada halaman menu utama:

Gambar Di atas menjelaskan tentang rancangan halaman menu utama informasi buku populer. Menu utama terdiri dari header untuk menampilkan judul bertuliskan Buku dan empat button yaitu button Daftar Buku untuk menampilkan HTML view informasi dari daftar buku yang tersedia, button database buku untuk mencatat daftar buku – buku yang dimiliki pengguna atau yang disukai pengguna, button Toko Buku untuk menampilkan daftar toko buku online, dan button Keluar untuk keluar dari aplikasi.


Halaman HTML View (Daftar Buku)  

Di dalam rancangan halaman html view, pengguna akan memilih daftar buku yang tersedia. di bawah  ini adalah tampilan rancangan pada halaman html view:

 

Terdapat tabel html yang berisikan gambar dan teks berupa sampul dan judul buku sebagai kumpulan dari semua last item dan bar dari sampul buku sebagai kumpulan yang tersedia dari html view.

Halaman Informasi Buku Secara Detail (sesuai judul)

Di rancangan halaman sejarah ini, user akan mendapatkan informasi tentang buku yang dipilih dari daftar buku. Informasi yang didapat berupa gambar dan teks. Serta link yang menuju website yang menyediakan buku tersebut. Di bawah ini adalah tampilan rancangan halaman buku yang dipilih(sesuai judul buku):

Gambar di atas menjelaskan tentang halaman informasi buku secara detail, image untuk tampilan gambar cover buku, dan HTML untuk tampilan HTML berupa teks tentang informasi buku tersebut serta link yang menghubungkan menuju website toko buku online yang menyediakan buku menurut judul yang dipilih dari daftar buku.

Halaman Database Buku

Di rancangan halaman database buku, user dapat mencatat koleksi buku yang dia miliki atau buku yang user sukai.

Gambar di atas menjelaskan tentang halaman database buku. Terdapat databse berupa sqlite yang menyimpan data pada android, digunakan untuk mencatat daftar buku yang dimilik user atau daftar buku yang disukai user.

 

Halaman Toko Buku

Di rancangan halaman toko buku, user akan mendapatkan informasi tentang toko buku online dan secara otomatis link menuju toko buku online tersebut. Daftar buku pada halaman ini informasi yang didapat berupa gambar dan teks. Di bawah  ini adalah tampilan rancangan halaman toko buku:

 

 

Gambar di atas menjelaskan tentang halaman list toko buku online. Terdapat header untuk tampilan HTML berupa image dan teks yang berupa link menuju ke halaman website toko buku online yang tersedia.

 
Struktur navigasi dalam menggunakan aplikasi ini

 

 

 

Gambar di atas menjelaskan struktur navigasi aplikasi informasi buku populer. Dalam aplikasi ini menggunakan struktur navigasi hirarki yaitu percabangan dari struktur suatu pohon. Pada awal masuk aplikasi ini terdapat menu utama. Di dalam menu utama terdapat empat button yaitu button daftar buku yang berisi informasi tentang buku populer, button database buku, button toko buku, dan button keluar.

 

Storyboard

Dalam aplikasi ini Storyboard menerangkan tentang perjalanan user dalam menggunakan aplikasi. Di bawah ini adalah Storyboard dari aplikasi informasi buku populer :

 

 

Screenshoot

-Menu Awal

-Daftar Buku

 

 

 -Database Buku

-Toko Buku