Pendahuluan Bluemix tidak hanya menyediakan Mobile Builder untuk membuat aplikasi mobile.  Banyak layanan lain yang dapat kita manfaatk...

IBM Bluemix Mobile Platform : Cloudant DB

Pendahuluan


Bluemix tidak hanya menyediakan Mobile Builder untuk membuat aplikasi mobile. Banyak layanan lain yang dapat kita manfaatkan untuk memperkaya fitur pada aplikasi yang kita buat, salah satunya adalah Cloudant DB. Seperti yang telah disinggung pada modul sebelumnya, Cloudant DB adalah basis data terdistribusi berbasis NoSQL yang memungkinkan data dikirim dan diterima secara realtime di berbagai perangkat.

Cloudant NoSQL DB memanfaatkan skema JSON yang fleksibel untuk merancang datanya. Cloudant dibangun di atas dan kompatibel dengan Apache CouchDB dan dapat diakses melalui API Secure HTTPS. Cloudant telah memiliki sertifikat ISO27001 dan SOC2 Tipe 1 yang menjamin semua data disimpan dalam rangkap tiga di node fisik yang terpisah dalam sebuah cluster dalam pusat data.

Membuat Cloudant DB


  1. Login ke Dashboard Bluemix Anda, klik side menu dan pilih Service > Data & Analytic

  2. Kemudian pilih Cloudant NoSQL DB

  3. Beri nama service yang akan dibuat, kemudian klik Create

  4. Pilih tab Service Credentials kemudian catat credentials untuk keperluan selanjutnya

  5. Kembali ke tab Manage, klik Launch untuk membuka dashboard Cloudant DB

  6. Pilih Database pada side menu, kemudian klik Create Database pada top menu

  7. Pilih  Design Documents > New Doc untuk menambahkan data


  8. Klik Create Document untuk menyimpan data

Membuat Aplikasi dengan Cloudant DB

Setelah mengetahui bagaimana cara membuat basis data Cloudant NoSQL DB, kali ini kita akan mencoba membuat aplikasi menggunakan sumber data. Aplikasi yang akan kita buat dalam latihan ini adalah aplikasi toko buku, dimana dibutuhkan beberapa data buku.

Langkah 1 : Membuat Aplikasi

  1. Buat Blank Project seperti langkah-langkah pada Modul sebelumnya

  2. Beri nama project Anda, misalnya “Toko Buku”, kemudian klik Create

Langkah 2 : Menambahkan Sumber Data (Cloudant DB)

  1. Pada side menu project, klik UI Builder > Data
    Screen Shot 2016-11-20 at 21.26.56.pngScreen Shot 2016-11-20 at 21.28.02.png 
  2. Klik New Data Source kemudian pilih Cloudant DB, kemudian beri nama data, misalnya “data buku”
  3. Klik Cloudant Config
  4. Masukkan info credentials dari Cloudant yang telah dicatat sebelumnya
    • Database API URL:  xxxx-bluemix.cloudant.com/nama_db
    • User: credential username
    • Password: credential password
  1. Jika konfigurasi credentials berhasil, akan ditampilkan data yang ada pada Cloudant DB

Langkah 3 : Merancang User Interface

  1. Kembali ke UI Builder, pilih Screen. Klik Create Screen untuk menambahkan screen baru
  2. Klik Create New, pilih tipe screen List dan beri nama Buku Kita

  3. Menghubungkan Screen dengan Sumber Data
    • Pilih Sumber Data yang akan digunakan, yaitu data buku
    • Sesuaikan Data yang akan ditampilkan, misalnya ubah data ISBN ke data PENGARANG.
    • Atur Toolbar Action sesuai keperluan, klik icon untuk mengaktifkan/mematikan fitur.
    • Perhatikan display pada bagian kanan untuk melihat hasilnya.
  4. Klik Buku Kita Detail screen untuk memodifikasi detail screen. Atur Detail screen seperti berikut:
     
  5. Atur Buku Kita Form screen seperlunya, atau biarkan default. Screen ini akan digunakan untuk menambah atau mengubah data buku.

Langkah 4 : Meng-generate APK Online

  1. Pindah ke menu Setting, atur logo, deskripsi aplikasi, dan bundle identifier sesuai dengan preferensi Anda.

  2. Klik icon back untuk keluar dari menu UI Builder
  3. Pilih menu Code kemudian pilih platform yang tersedia, misal Android.
    Tunggu proses “Generating Code” selesai.

  4. Klik Download APK untuk mengunduh APK yang telah di-generate

  5. Pasang APK yang telah diunduh ke smartphone Android Anda
  6. Simpan APK dan screenshot (di device real) yang dihasilkan pada modul ini untuk dikumpulkan dalam beberapa modul kedepan

0 comments: