Integrasi API untuk My AYO by SRC: Aplikasi Siap Jalan

My AYO by SRC adalah aplikasi belanja harian yang menghubungkan pelanggan dengan toko kelontong SRC di sekitarnya: pesan antar dari toko terdekat, katalog produk, hingga program loyalty Keping. Tampilan aplikasinya dibangun oleh vendor lain. Bersama Zero One Group (ZOG), Venturo mengerjakan sisi yang tidak terlihat tetapi menentukan apakah aplikasi bisa dipakai, yaitu sistem backend dan API-nya. Proyek ini adalah contoh jasa integrasi API aplikasi mobile: aplikasi yang sudah jadi di sisi tampilan akhirnya bisa berjalan karena datanya mengalir dengan benar.

Backend dan integrasi API aplikasi belanja harian My AYO by SRC oleh Venturo.

Tantangan

Aplikasi mobile yang sudah selesai dirancang belum tentu siap dipakai. Setiap layar di My AYO bergantung pada data: saldo poin pelanggan, daftar toko terdekat, harga produk per toko, hingga status pesanan. Tanpa backend yang melayani semua itu dengan benar, aplikasi hanya berupa tampilan.

• Tampilan dan backend dikerjakan pihak berbeda. Aplikasi mobile dibangun oleh vendor lain, sehingga backend harus menyesuaikan diri dengan kebutuhan aplikasi yang sudah ada, bukan sebaliknya.
• Banyak fitur bergantung pada API. Beranda, Keping, kupon, toko terdekat, katalog, dan Pesan Antar masing-masing membutuhkan data yang tepat dari backend.
• Data loyalty harus akurat. Saldo dan riwayat Keping menyangkut kepercayaan pelanggan. Angka yang berbeda antarlayar akan langsung dipertanyakan.
• Aplikasi belum bisa diluncurkan. Selama API belum terintegrasi, pelanggan dan toko kelontong belum bisa merasakan manfaat aplikasi.

Solusi

Venturo membangun sistem backend dan mengoptimasi API yang dipanggil aplikasi My AYO. Pendekatannya berangkat dari aplikasi yang sudah ada: setiap layar dipetakan ke data yang dibutuhkannya, lalu backend disusun agar API memberikan data tersebut dalam bentuk yang langsung bisa dipakai aplikasi. Database dan logika bisnis dikelola di backend, sehingga aplikasi cukup menampilkan hasilnya.

Arsitektur integrasi API My AYO: aplikasi mobile dari vendor lain terhubung ke backend dan API yang dibangun Venturo.

Beranda yang memuat banyak data sekaligus

Begitu pelanggan membuka aplikasi, beranda menampilkan saldo Keping, profil dan QR member, banner promo, menu layanan, serta notifikasi. Setiap elemen itu berasal dari data yang berbeda. Backend menyiapkan data tersebut agar beranda tampil lengkap. Karena konten seperti banner promo diambil dari server, tim pengelola bisa memperbaruinya tanpa merilis versi aplikasi baru.

Beranda aplikasi My AYO dengan saldo Keping, QR member, banner promo, dan menu layanan dari API.

Program loyalty Keping untuk pelanggan

Keping adalah poin yang didapat pelanggan dari setiap belanja di toko SRC dan My AYO, lalu bisa ditukar dengan hadiah atau kupon. Fitur ini membutuhkan data yang konsisten: jumlah Keping dan tanggal kedaluwarsanya, katalog penukaran beserta periode programnya, kupon milik pelanggan, serta riwayat transaksi. API menyajikan data ini agar angka yang dilihat pelanggan sama di setiap layar.

Fitur Keping My AYO: saldo poin loyalty, tukar Keping, kupon, dan katalog hadiah.

Pesan Antar dari toko kelontong SRC

Lewat Pesan Antar, pelanggan mencari toko kelontong SRC terdekat, melihat alamat, jarak, dan status buka toko, lalu berbelanja dari katalog toko tersebut. Produk dikelompokkan per kategori, harganya mengikuti toko, dan pelanggan bisa menghubungi toko lewat chat atau menjadikannya toko langganan. Di balik alur ini, backend menghubungkan pelanggan dengan toko yang tepat dan meneruskan pesanannya.

Bagi toko kelontong SRC, fitur ini membuka kanal penjualan baru. Pelanggan di sekitar toko bisa berbelanja tanpa datang langsung, dan toko yang dijadikan langganan lebih mudah ditemukan kembali. Agar manfaat itu terasa, data toko, produk, dan pesanan harus tersedia setiap kali aplikasi membutuhkannya, dan itulah tugas backend.

Fitur Pesan Antar My AYO: pencarian toko kelontong SRC, profil toko, kategori, harga, dan keranjang.

Keunggulan

• Bisa bekerja dengan aplikasi buatan vendor lain. Venturo tidak meminta aplikasi dibangun ulang. Backend disesuaikan dengan aplikasi yang sudah ada, sehingga investasi klien di sisi tampilan tetap terpakai.
• API mengikuti kebutuhan layar. Data disiapkan sesuai apa yang ditampilkan setiap halaman, sehingga aplikasi tidak perlu mengolah data mentah sendiri.
• Logika bisnis terpusat di backend. Aturan seperti saldo dan masa berlaku Keping dikelola di satu tempat, sehingga lebih mudah dijaga konsistensinya.
• Konten bisa diperbarui dari server. Promo dan konten beranda bisa diganti tanpa menunggu pembaruan aplikasi di toko aplikasi.

Sebelum dan sesudah integrasi API: aplikasi My AYO dari siap tampil menjadi siap jalan.

Hasil

Tujuan utama proyek ini tercapai: aplikasi My AYO by SRC bisa berjalan karena API sudah terintegrasi. Fitur yang sebelumnya hanya berupa tampilan kini mendapat data dari backend.

• Aplikasi siap dipakai. Beranda, Keping, kupon, toko terdekat, katalog, dan Pesan Antar terhubung dengan backend.
• Toko kelontong terhubung dengan pelanggan. Toko SRC bisa menerima belanja dari pelanggan di sekitarnya lewat Pesan Antar.
• Kerja dua vendor tersambung. Aplikasi dari vendor lain dan backend dari Venturo berjalan sebagai satu sistem.
• Fondasi untuk fitur berikutnya. Dengan logika bisnis di backend, fitur dan program baru bisa ditambahkan tanpa membongkar aplikasi.

Aplikasi yang bagus di layar baru benar-benar bekerja ketika datanya mengalir dengan benar. Di situlah backend dan API berperan.

Aplikasi Anda Sudah Jadi, tetapi Belum Bisa Berjalan?

Banyak perusahaan sudah memiliki aplikasi mobile dari vendor sebelumnya, tetapi backend-nya belum siap, lambat, atau belum terintegrasi. Tim Venturo bisa membangun backend, menyusun ulang API, dan menghubungkannya dengan aplikasi yang sudah Anda miliki, tanpa harus memulai dari nol. Ceritakan kondisi aplikasi Anda, dan mari diskusikan langkah yang paling tepat.

Ingin melihat proyek serupa? Baca juga studi kasus Web App Kesehatan untuk MP CCC: Proyek Mangkrak Kini Rilis dan Aplikasi Komunitas Gamifikasi CUiT: Anggota Aktif & Terukur di halaman Portfolio kami.