Apa kabar <em>programmer</em> se-nusantara? Hari ini penulis mau membahas tentang cara membangun aplikasi Android dengan menggunakan layanan MobileFirst Services Starter, milik IBM Bluemix lho. Layanan MobileFirst Services Starter bakal memanjakan anda dalam membangun aplikasi Android berbasis <em>Cloud</em> dengan mudah.
<h3>Tahap 1: Daftar Akun Bluemix</h3>
Jika anda belum memiliki akun, silahkan daftar melalui <em>website</em> resmi <a href="https://console.ng.bluemix.net/registration/" target="_blank">IBM Bluemix</a>. Pilih <em>Start Free in Bluemix</em> dan isi <em>form</em> yang tersedia.

<img class="aligncenter size-full wp-image-13721" src="https://wordpress.codepolitan.com/wp-content/uploads/2016/11/bluemix-1.jpg" alt="bluemix-1" width="804" height="411" />

Periksa <em>inbox email</em> anda untuk verifikasi akun.

<img class="aligncenter size-full wp-image-13722" src="https://wordpress.codepolitan.com/wp-content/uploads/2016/11/bluemix-2.jpg" alt="bluemix-2" width="804" height="411" />
<h2>Tahap 2: Login ke IBM Bluemix</h2>
Kunjungi halaman <a href="https://console.ng.bluemix.net/login" target="_blank">Login</a> IBM Bluemix, kemudian masukan identitas akun anda.

<img class="aligncenter size-full wp-image-13723" src="https://wordpress.codepolitan.com/wp-content/uploads/2016/11/bluemix-3.jpg" alt="bluemix-3" width="804" height="410" />

Anda akan diarahkan ke halaman dasbor IBM Bluemix. Pilih Create Application.

<img class="aligncenter size-full wp-image-13724" src="https://wordpress.codepolitan.com/wp-content/uploads/2016/11/bluemix-4.jpg" alt="bluemix-4" width="804" height="486" />

Anda akan diarahkan pada halaman katalog IBM Bluemix.

<img class="aligncenter size-full wp-image-13725" src="https://wordpress.codepolitan.com/wp-content/uploads/2016/11/bluemix-5.jpg" alt="bluemix-5" width="804" height="486" />

Pilih Boilerplates -&gt; MobileFirst Services Starter.

<img class="alignnone size-full wp-image-13761" src="https://wordpress.codepolitan.com/wp-content/uploads/2016/11/mobs003.png" alt="mobs003" width="1038" height="628" />

Isi App Name dengan nama aplikasi yang anda inginkan, misal greenland.

<img class="aligncenter size-full wp-image-13727" src="https://wordpress.codepolitan.com/wp-content/uploads/2016/11/bluemix-7.jpg" alt="bluemix-7" width="804" height="486" />

<em>Scroll</em> ke bawah, anda bisa memilih <em>plan</em> yang anda inginkan. Layanan IBM Bluemix lainnya yang berkaitan dengan MobileFirst Services Starter juga digunakan seperti Node.JS, Mobile Client Access, Push Notifications, Cloudant NoSQL DB. Jika sudah, pilih Create untuk memulai pengembangan aplikasi.

<img class="aligncenter size-full wp-image-13728" src="https://wordpress.codepolitan.com/wp-content/uploads/2016/11/bluemix-8.jpg" alt="bluemix-8" width="804" height="486" />
<h2>Tahap 3: Cloud Foundry Apps</h2>
Setelah menyelesaikan tahap 2, anda akan diarahkan ke halaman dasbor Cloud Foundry Apps.

<img class="aligncenter size-full wp-image-13729" src="https://wordpress.codepolitan.com/wp-content/uploads/2016/11/bluemix-9.jpg" alt="bluemix-9" width="804" height="486" />

Anda bisa melihat berbagai pengaturan aplikasi, mulai dari Runtime, Connection, Logs, dan Monitoring.
<h3>Runtime</h3>
<img class="aligncenter size-full wp-image-13730" src="https://wordpress.codepolitan.com/wp-content/uploads/2016/11/bluemix-10.jpg" alt="bluemix-10" width="804" height="486" />
<h3>Connections</h3>
<img class="aligncenter size-full wp-image-13731" src="https://wordpress.codepolitan.com/wp-content/uploads/2016/11/bluemix-11.jpg" alt="bluemix-11" width="804" height="486" />
<h3>Logs</h3>
<img class="aligncenter size-full wp-image-13732" src="https://wordpress.codepolitan.com/wp-content/uploads/2016/11/bluemix-12.jpg" alt="bluemix-12" width="804" height="486" />
<h3>Monitoring</h3>
<img class="aligncenter size-full wp-image-13733" src="https://wordpress.codepolitan.com/wp-content/uploads/2016/11/bluemix-13.jpg" alt="bluemix-13" width="804" height="486" />

Anda bisa melihat antarmuka aplikasi yang telah dibuat sebelumnya melalui <em>browser</em> favorit anda dengan format {Nama Aplikasi Anda}.mybluemix.net. Misal, <a href="https://greenland.mybluemix.net/" target="_blank">https://greenland.mybluemix.net/</a>

<img class="aligncenter size-full wp-image-13734" src="https://wordpress.codepolitan.com/wp-content/uploads/2016/11/bluemix-14.jpg" alt="bluemix-14" width="804" height="486" />
<h2>Tahap 4: Continous Delivery</h2>
Langkah selanjutnya adalah mengaktifkan layanan IBM Bluemix Continous Delivery. Layanan ini berguna untuk mengembangkan aplikasi anda melalui Git maupun <em>Toolchain</em> lainnya. Pilih Overview pada <em>sidebar,</em> kemudian <em>scroll</em> ke bawah sampai menemukan Continous Delivery, pilih Enable.

<img class="aligncenter size-full wp-image-13736" src="https://wordpress.codepolitan.com/wp-content/uploads/2016/11/bluemix-15.jpg" alt="bluemix-15" width="804" height="486" />

Anda akan diarahkan ke halaman IBM Bluemix DevOps Toolchain.

<img class="aligncenter size-full wp-image-13738" src="https://wordpress.codepolitan.com/wp-content/uploads/2016/11/bluemix-17.jpg" alt="bluemix-17" width="804" height="486" />

Atur nama repositori yang ingin anda sinkronisasi dengan akun Github anda, pilih Create.

<img class="aligncenter size-full wp-image-13737" src="https://wordpress.codepolitan.com/wp-content/uploads/2016/11/bluemix-16.jpg" alt="bluemix-16" width="804" height="486" />

Untuk keperluan konfirmasi, Pilih Create.

<img class="aligncenter size-full wp-image-13739" src="https://wordpress.codepolitan.com/wp-content/uploads/2016/11/bluemix-18.jpg" alt="bluemix-18" width="804" height="486" />

Anda akan diarahkan ke halaman dasbor <em>Toolchain,</em> disana terdapat pesan `Setup Failed` yang disebabkan belum diberi hak akses oleh akun Github anda. <em>Hover</em> pada opsi Github, pilih Reconfigure.

<img class="aligncenter size-full wp-image-13740" src="https://wordpress.codepolitan.com/wp-content/uploads/2016/11/bluemix-19.jpg" alt="bluemix-19" width="804" height="486" />

Anda akan diarahkan untuk melakukan Authorize akun Github, pilih Authorize.

<img class="aligncenter size-full wp-image-13741" src="https://wordpress.codepolitan.com/wp-content/uploads/2016/11/bluemix-20.jpg" alt="bluemix-20" width="804" height="486" />

Pilih Authorize application.

<img class="aligncenter size-full wp-image-13742" src="https://wordpress.codepolitan.com/wp-content/uploads/2016/11/bluemix-21.jpg" alt="bluemix-21" width="804" height="486" />

Anda akan diarahkan kembali, pada halaman Authorize, pilih Save Integration.

<img class="aligncenter size-full wp-image-13743" src="https://wordpress.codepolitan.com/wp-content/uploads/2016/11/bluemix-22.jpg" alt="bluemix-22" width="804" height="486" />

Jika berhasil, status akun Github anda berhasil dikonfigurasi ulang.

<img class="aligncenter size-full wp-image-13744" src="https://wordpress.codepolitan.com/wp-content/uploads/2016/11/bluemix-23.jpg" alt="bluemix-23" width="804" height="486" />

Anda bisa mengunjungi kode aplikasi yang telah dibangun dengan IBM Bluemix pada repositori Github anda.
<h2>Tahap 5: Membangun Aplikasi Android sebagai Client</h2>
Pada tahap ini, <em>clone</em> terlebih dahulu, <em>sample project</em> IBM Bluemix, sesuai dengan <em>Boilerplates</em> yang dihasilkan pada tahap 2.

<code>git clone https://github.com/ibm-Bluemix-mobile-services/bms-samples-android-hellotodo</code>

<img class="aligncenter size-full wp-image-13745" src="https://wordpress.codepolitan.com/wp-content/uploads/2016/11/bluemix-24.jpg" alt="bluemix-24" width="804" height="579" />

Buka Android Studio milik anda dan pilih File-&gt;Open untuk membuka Project Hello ToDo.

<img class="aligncenter size-full wp-image-13746" src="https://wordpress.codepolitan.com/wp-content/uploads/2016/11/bluemix-25.jpg" alt="bluemix-25" width="804" height="407" />

Android Studio akan mencari dan menginstall API dan Toolset berdasarkan berkas build.gradle.

<img class="aligncenter size-full wp-image-13747" src="https://wordpress.codepolitan.com/wp-content/uploads/2016/11/bluemix-26.jpg" alt="bluemix-26" width="804" height="407" />

Ambil kode App ID pada layanan Advanced Mobile Access. Buka halaman dasbor, pilih AdvancedMobileAccess.

<img class="aligncenter size-full wp-image-13748" src="https://wordpress.codepolitan.com/wp-content/uploads/2016/11/bluemix-27.jpg" alt="bluemix-27" width="804" height="486" />

Pilih Mobile Options.

<img class="aligncenter size-full wp-image-13749" src="https://wordpress.codepolitan.com/wp-content/uploads/2016/11/bluemix-28.jpg" alt="bluemix-28" width="804" height="487" />

Salin App GUID/TenantId, misal <code>3cd497d2-fbf0-483e-a14c-13774f516077</code>.

<img class="aligncenter size-full wp-image-13750" src="https://wordpress.codepolitan.com/wp-content/uploads/2016/11/bluemix-29.jpg" alt="bluemix-29" width="804" height="487" />

Modifikasi berkas MainActivity.java pada path app/src/main/java/com/ibm/hellotodo/MainActivity.java.

Pada beberapa kesempatan kompilasi, ada beberapa API Bluemix dalam SDK Java yang berkorespondensi sudah berubah, diantaranya:
<ul>
 	<li>BMSClient.getInstance().initialize();</li>
 	<li>MCAAuthorizationManager.createInstance();</li>
 	<li>bmsClient.getBluemixAppRoute();</li>
</ul>
Salin dan tempel kode MainActivity.java yang telah dimodifikasi dibawah ini:

<strong>MainActivity.java</strong>

<script src="https://gist.github.com/kresnagaluh/772bc4eb5721684151c3fc64872f2ebf.js"></script>

Ganti variabel MyAppID sesuai dengan AppID aplikasi anda dan ganti variabel MyURL sesuai dengan URL aplikasi anda agar API aplikasi klien Android bisa berjalan dengan baik.

<img class="aligncenter size-full wp-image-13751" src="https://wordpress.codepolitan.com/wp-content/uploads/2016/11/bluemix-30.jpg" alt="bluemix-30" width="804" height="407" />

Kompilasi <em>project</em> tersebut agar menghasilkan berkas APK yang dapat dijalankan melalui Emulator Android atau Smartphone Android anda. Pilih Run -&gt; Run 'app'. Anda akan melihat kotak dialog Deployment Target. Pilih target dan OK.

<img class="aligncenter size-full wp-image-13752" src="https://wordpress.codepolitan.com/wp-content/uploads/2016/11/bluemix-31.jpg" alt="bluemix-31" width="782" height="615" />

Jika <em>build</em> berhasil, silahkan lihat Emulator Android atau Smartphone Android anda. Anda bisa melihat antarmuka aplikasi yang sudah berhasil di<em>deploy</em> sebelumnya.

Aplikasi Android ini merupakan sampel aplikasi ToDo List yang memuat operasi Create, Update, Delete. Selanjutnya lakukan uji coba pada operasi Create dengan menambahkan tiga item. Misal, Coffee, Milk, Cake.

<img class="aligncenter size-full wp-image-13753" src="https://wordpress.codepolitan.com/wp-content/uploads/2016/11/bluemix-32.jpg" alt="bluemix-32" width="378" height="672" />

Jika sudah, anda bisa melihat penambahan data tersebut pada URL aplikasi anda, pada contoh ini <a href="http://greenland.mybluemix.net/" target="_blank">http://greenland.mybluemix.net/</a>.

<img class="aligncenter size-full wp-image-13754" src="https://wordpress.codepolitan.com/wp-content/uploads/2016/11/bluemix-33.jpg" alt="bluemix-33" width="804" height="486" />

Anda juga bisa melihat Logs untuk keperluan <em>debugging</em> API aplikasi anda, jika terjadi <em>error.</em> Pada halaman dasbor Cloud Foundry Apps, pilih Logs.

<img class="aligncenter size-full wp-image-13755" src="https://wordpress.codepolitan.com/wp-content/uploads/2016/11/bluemix-34.jpg" alt="bluemix-34" width="804" height="487" />

Untuk melakukan uji coba pada operasi Update, anda bisa melakukannya dengan <em>touch</em> pada <em>item list</em> yang mau diperbaharui. Misal, Cake menjadi Cake JS.

<img class="aligncenter size-full wp-image-13756" src="https://wordpress.codepolitan.com/wp-content/uploads/2016/11/bluemix-35.jpg" alt="bluemix-35" width="378" height="672" />

Untuk melakukan uji coba operasi Delete, untuk menghapus <em>item list</em>, anda bisa menggunakan <em>touch</em> lebih lama sampai <em>item list</em> hilang.
<h2>Penutup</h2>
Bagaimana, mudahkan? Membangun aplikasi Android berbasis Cloud menjadi lebih mudah dan tak perlu mengkonfigurasi dari nol, layanan IBM Bluemix MobileFirst Services Starter tidak hanya menyediakan Node.JS, melainkan hampir semua framework disediakan. Adapun banyak aplikasi sampel yang bisa anda coba juga di akun Github <a href="https://github.com/ibm-bluemix-mobile-services/">Mobile Service</a> milik IBM. 

Dan buat kamu yang ingin belajar dan mengenal lebih banyak tentang Bluemix, kamu bisa mengikuti Akademi Dicoding <a href="https://www.dicoding.com/academies/15" target="_blank">Belajar Membangun Aplikasi Android dengan IBM Bluemix</a>. Dan, untuk menguji skillmu, kamu juga bisa mengikuti tantangan <a href="https://www.dicoding.com/challenges/125" target="_blank">Bantu Ibu dengan Teknologi</a>. 

Cara Mudah Membuat Aplikasi Android dengan IBM MobileFirst Services Starter

GenAI Video Fest adalah ajang kompetisi video kreatif yang diselenggarakan oleh CODEPOLITAN bekerjasama dengan Alibaba Cloud.

Kami menantang kreator, tech-enthusiast, dan siapa saja untuk mendobrak batas imajinasi menggunakan teknologi Generative AI terbaru. Di sini, kamu wajib menggunakan WAN Model Studio dari Alibaba Cloud sebagai tools utama untuk menghasilkan karya videomu (bisa dikombinasikan dengan tools editing lainnya).

Tunjukkan pada dunia bagaimana teknologi dan kreativitas bisa bersatu menciptakan karya visual yang berdampak!

Kategori Kompetisi
Pilih satu dari empat tema besar ini untuk karyamu:
* Humanity (Kemanusiaan): Cerita yang menyentuh hati, sosial, dan kepedulian antar sesama.
* Sports (Olahraga): Energi, semangat juang, dan dinamika dunia olahraga.
* Entertainment (Hiburan): Komedi, musik, video klip, atau parodi yang menghibur.
* Science (Sains): Visualisasi masa depan, teknologi, alam semesta, atau penemuan ilmiah.

Total Prize Pool senilai Rp 250.000.000 menunggu para pemenang!
* Top Winners Rewards: Uang Tunai, Alibaba Cloud Credits (hingga $500), Merchandise Eksklusif, dan SWAG CODEPOLITAN.
* Lucky Draw Event: Kesempatan menang hadiah tambahan bagi peserta yang beruntung.
* Massive Exposure: Karya terbaik akan di-highlight di media sosial CODEPOLITAN, Alibaba Cloud, dan channel industri kreatif lainnya.
* Special Access (Khusus Alumni RuangAI): Dapatkan 2 Token untuk klaim Kelas Spesialisasi di RuangAI secara gratis.

Jangan sampai ketinggalan tanggal penting ini:
* Pendaftaran & Submission: 23 Desember 2024 - 23 Januari 2025
* Penjurian (Judging Phase): 24 - 26 Januari 2025
* Pengumuman Pemenang: 27 Januari 2025

Cara Ikutan:
1. Daftar: Klik tombol "Daftar Sekarang" dan pastikan kamu punya akun RuangAI.
2. Join Discord: Masuk ke server Discord komunitas untuk info teknis dan diskusi.
3. Create: Buat video kreatifmu menggunakan WAN Model Studio (Alibaba Cloud) sesuai kategori pilihan.
4. Upload & Submit: Unggah videomu ke media sosial (IG/TikTok/YouTube) dan submit link karyamu di halaman submission RuangAI.

Ikuti kompetisi video Generative AI terbesar dari CODEPOLITAN dan Alibaba Cloud! Gunakan teknologi WAN Model Studio untuk menyulap ide liarmu menjadi visual memukau. Rebut total hadiah senilai Rp 250.000.000!

GenAI Video Fest

Beasiswa Basic Cybersecurity adalah program inisiatif dari JagoanSiber yang dirancang untuk membuka wawasan masyarakat luas tentang dunia keamanan digital. Program ini hadir untuk menjawab kebutuhan talenta keamanan siber yang tinggi, dimulai dengan membangun pemahaman fundamental yang kokoh.

Program ini berbentuk Kelas Online Belajar Mandiri (Self-Paced Learning) berbasis video. Peserta diberikan keleluasaan penuh untuk mengakses materi kapan saja dan di mana saja tanpa terikat jadwal, sehingga sangat fleksibel bagi pelajar, mahasiswa, maupun pekerja profesional.

Kelebihan utama program ini adalah aksesnya yang 100% GRATIS dan terbuka untuk siapa saja tanpa syarat latar belakang IT. Peserta akan dibimbing langsung oleh Mahrus Qusaery, seorang praktisi keamanan siber berpengalaman, yang akan mengupas tuntas materi dasar yang krusial.

Program beasiswa kelas online gratis untuk mempelajari dasar keamanan siber dari nol. Belajar mandiri berbasis video langsung dari praktisi ahli, Mahrus Qusaery.

Cara Mudah Membuat Aplikasi Android dengan IBM MobileFirst Services Starter

Learning

KelasFullstack

RuangAI

JagoanSiber

Baca Artikel Lainnya

IBM Worklight, Bikin Aplikasi Cross Platform Lebih Mudah

7 Cara Asyik Belajar Pemrograman Java

Cyber Defense Competition 2015

10 Game Engine Java untuk Membuat Aplikasi Game Android

Ruby on Rails, Framework Membuat Web dengan Gaji Tinggi

Apache Shiro, Amankan Aplikasimu Agar Tidak Mudah Diretas