Abstrak: Sistem operasi Android saat ini merupakan salah satu dari sekian banyak sistem operasi pada
smartphone yang sedang mengalami pertumbuhan pesat di dunia, khususnya di Indonesia. CV Vitiga
Tekno Indonesia bergerak di bidang pemasaran gadget membutuhkan media marketing yang dapat
diakses secara online selain website yaitu melalui smartphone. Oleh karena itu penelitian ini berfokus
pada bagaimana membuat aplikasi mobile e-commerce pada smartphone Android, dengan cara
mengambil data yang berasal dari website, dan kemudian ditampilkan ke dalam sebuah aplikasi,
menggunakan metode HTTP Connection dan JSON Parsing. Pembuatan aplikasi menggunakan bahasa
pemrograman Java, dengan bantuan tools IDE Eclipse dan MySQL untuk database server. JSON
berkomunikasi melalui Application Program Interface (API) bertujuan untuk menghubungkan aplikasi
mobile dengan database yang ada di dalam server. Pada penelitian ini API ialah kumpulan source code
PHP, yang isinya adalah query untuk mengambil data dari website, yang hasilnya di-encode ke dalam
bentuk JSON.
Kata Kunci: Mobile e-commerce, JSON Parsing, Application Program Interface (API).
Abstract: Nowadays, Android operating sistem is marketing untuk menjangkau para konsumennya.
one of the existing operating systems on
Dengan bertumbuh pesatnya sistem operasi
smartphones that growing rapidly. CV Vitiga
Tekno Indonesia is a company in the marketing Android, CV V3 Tekno Indonesia ingin
gadget requires marketing media that can be
mempunyai sistem dan media marketing yang baru
accessed online via smartphone. Therefore, this
research focuses on how to make a mobile e- selain website.
commerce application on the Android
smartphone, by taking data that comes from a
website, and then show into a user as an
application, using the HTTP Connection method
through JSON Parsing. The mobile e-commerce
application is built using java programming
language / IDE Eclipse and MySQL tools for the
database server. JSON, communicates through
Application Program Interface (API), aims to
connect mobile applications with the existing Gambar 1. Peningkatan transaksi perdagangan gadget selama
database on the server. In this study, API is a tahun 2013 melalui www.vitigaon.com
collection of queries that retrieve data from the
website in PHP language. The results are
encoded into JSON form. Berdasarkan Gambar 1, diketahui bahwa
Keywords: Mobile e-commerce, JSON parsing, selama tahun 2013 ada peningkatan transaksi
Application Program Interface (API).
perdagangan gadget melalui website. Hal ini
I. PENDAHULUAN menunjukkan adanya minat konsumen yang cukup
Saat ini, CV V3 Tekno Indonesia adalah sebuah besar untuk bertransaksi secara online. Oleh karena
perusahaan yang menjual berbagai macam gadget itu, perlu dilakukan terobosan baru untuk memberi
dan menggunakan website sebagai media kemudahan konsumen bertransaksi melalui
www.ejournal.unib.ac.id 1
Jurnal Pseudocode, Volume 2 Nomor 1, Februari 2015, ISSN 2355 5920
smartphone yaitu dengan membuat aplikasi Berdasarkan latar belakang tersebut diatas,
berbasis Android tentang vitigaon.com. Aplikasi maka tujuan penelitian ini adalah membuat sebuah
ini dibuat dengan mengacu pada database website aplikasi mobile e-commerce pada smartphone
vitigaon.com sehingga data yang ditampilkan akan Android, dengan menerapkan JSON parsing untuk
sama dengan yang ada di website. menampilkan data dari website. Pada aplikasi yang
Aplikasi e-commerce yang diakses atau diinstal dibuat, terdapat sistem transaksi Business-To-
pada smartphone disebut juga mobile e-commerce. Business (B2B) dan Business-To-Consumer (B2C).
Aplikasi ini memakai teknologi JSON Parsing Sistem B2B terjadi antara CV V3 Tekno Indonesia
yang ada di dalam android melalui HTTP dengan mitra bisnisnya (para Reseller) dan B2C
Connection. Sehingga aplikasi website yang ada adalah antara CV V3 Tekno Indonesia dengan
saat ini dapat terintegrasi dengan aplikasi yang ada pengguna akhir barang dagangan.
di handset. Hal ini menyebabkan jika terjadi Sebelum melaksanakan penelitian dilakukan
perubahan data di dalam sisi aplikasi website, jajak pendapat kepada 50 orang pengguna
perubahan data tersebut terjadi pada aplikasi smartphone yang diantaranya adalah konsumen
handset. Dibandingkan dengan hanya sekedar CV V3 Tekno Indonesia, mengenai perlu
menggunakan webview, tentunya JSON Parsing dibuatnya aplikasi mobile e-commerce untuk
akan lebih unggul dari segi resource yang memudahkan transaksi. Hasilnya adalah 64%
dikeluarkan ketika memuat content yang berasal responden menjawab perlu adanya aplikasi yang
dari aplikasi website. menunjang transaksi perdagangan di smartphone.
Webview adalah sebuah component yang ada di Dengan demikian hasil penelitian ini diharapkan
dalam sistem operasi Android yang berfungsi dapat membuktikan manfaat JSON Parsing pada
untuk memuat sebuah tampilan website ke dalam pembuatan aplikasi mobile e-commerce baik bagi
bentuk tampilan mobile web. Webview pemilik bisnis maupun kosumennya.
menampilkan secara serupa dengan tampilan
II. LANDASAN TEORI
sesungguhnya di desktop. Webview memuat sendiri
2.1. Sekilas Tentang JSON (Java Script Object
semua atribut yang ada di website seperti button,
Notation)
text, image dan lain sebagainya dengan format
JSON (Java Script Object Notation) adalah
HTML. Tentunya aktifitas ini memerlukan
format pertukaran data yang bersifat ringan,
konsumsi data yang lebih banyak. Berbeda dengan
disusun oleh Douglas Crockford. Fokus JSON
JSON Parsing dalam HTTP Connection, tampilan
adalah pada representasi data di website
yang baru dari sisi aplikasi mobile dapat dibuat
[1][2][4][5]. JSON dirancang untuk memudahkan
dengan cara memilih sendiri data atau informasi
pertukaran data pada situs dan merupakan
apa saja yang ingin ditampilkan pada aplikasi.
perluasan dari fungsi-fungsi javascript.
Dengan demikian pada saat aplikasi berjalan,
Contoh teks php dalam memformat hasil query
aplikasi hanya akan memuat jenis content yang
berupa format JSON:
sudah ditentukan dan tidak akan memuat content
<?php
dari website secara keseluruhan persis seperti
include_once("conn.php");
website aslinya.
$sql = "SELECT * FROM penjualan";
2 www.ejournal.unib.ac.id
Jurnal Pseudocode, Volume 2 Nomor 1, Februari 2015, ISSN 2355 5920
www.ejournal.unib.ac.id 3
Jurnal Pseudocode, Volume 2 Nomor 1, Februari 2015, ISSN 2355 5920
ataupun melalui e-mail yang berisikan bukti 1. Semua kegiatan yang ada di dalam e-commerce
pembayaran yang di upload. Setelah itu CV V3 (order, konfirmasi pembayaran, permintaan
Tekno Indonesia meresponnya dengan cara status) dapat dilakukan di dalam satu aplikasi
mencocokannya dengan data di database. (mobile).
2. Data yang ditampilkan di dalam aplikasi
berasal dari database website vitigaon.com.
sehingga data yang ada di dalam website sama
dengan data yang ditampilkan di aplikasi
mobile.
3. Data exchange menggunakan format JSON
dengan metode Parsing dalam HTTP
4 www.ejournal.unib.ac.id
Jurnal Pseudocode, Volume 2 Nomor 1, Februari 2015, ISSN 2355 5920
dilakukan ditambah dengan nomor invoice 3 digit Berdasarkan Gambar 5 mengenai arsitektur
dibelakangnya. Contoh penulisan jumlah yang aplikasi, secara umum gambaran sistem sebagai
harus ditransfer oleh pembeli dapat dilihat pada berikut :
Tabel 1. - Aplikasi menampilkan data dari website
Tabel 1. Contoh Jumlah Pembayaran dengan metode GET
Jumlah transaksi Invoice Jumlah yang - Aplikasi mengirim data pesanan (order),
number harus di transfer
konfirmasi pembayaran dan status order
Rp. 4.000.000 111 Rp. 4.000.111
dengan metode POST
Hal ini bertujuan untuk memudahkan - Aktivitas create dan see review menggunakan
vitigaon.com dalam melacak pembeli yang sudah metode POST dan GET secara bergantian.
melakukan transfer. Selanjutnya vitigaon.com akan - Proses pendaftaran (register) dan masuk ke
mengecek apakah sesuai dengan form konfirmasi aplikasi (login) menggunakan metode POST
yang telah di isi oleh pembeli jika sudah dan GET.
melakukan pembayaran.
4.5 Perancangan sistem
4.3 Perancangan entitas 4.5.1 Menentukan Aktor dan Membuat Use Case
Pada tahap ini dirancang dan ditentukan entitas- Tabel 2. Identifikasi Aktor
System
Tampil Previlege
Tampil Review
<<include>>
<<include>>
Tampil Log In
Reseller
Tampil Register
Tampil Log Out
www.ejournal.unib.ac.id 5
Jurnal Pseudocode, Volume 2 Nomor 1, Februari 2015, ISSN 2355 5920
Tampil Kategori
berlangsung di aplikasi web maupun mobile dapat
Tampil Ubah Password berjalan langsung secara real time dan tersimpan di
Reseller
<<include>> Tampil Edit Cart
<<include>>
Berikut adalah rincian database yang penulis
Tampil Status Pemesanan <<include>>
Tampil Send Pemesanan
Tampil Order Pesanan <<include>> gunakan :
<<extend>>
Tampil Cari ID
6 www.ejournal.unib.ac.id
Jurnal Pseudocode, Volume 2 Nomor 1, Februari 2015, ISSN 2355 5920
www.ejournal.unib.ac.id 7
Jurnal Pseudocode, Volume 2 Nomor 1, Februari 2015, ISSN 2355 5920
I Phone 4s
300.000
600.000
MacBook Air
800.000
OS X Lion
100.000
8 www.ejournal.unib.ac.id
Jurnal Pseudocode, Volume 2 Nomor 1, Februari 2015, ISSN 2355 5920
c) Proses edit trolley dapat berjalan sesuai [3] Peng, Dunlu., Cao, Lidong., dan Xu, Wenjie. Using JSON
for Data Exchanging in Web Service Application. Journal
dengan harapan. of Computational Information Sistem, volume 16, page
5883-5890. 2011.
d) Proses mengirim pesanan dapat berjalan
[4] Safaat, Nazruddin. Android (Pemograman Aplikasi Mobile
sesuai dengan harapan Smartphone dan Tablet PC Berbasis Android). Informatika,
Bandung. 2011.
e) Proses menerima email konfirmasi dapat
[5] W3Schools, JSON Tutorial, 2013,
berjalan sesuai dengan harapan. HTTP://www.w3schools.com/json/. 2013..
www.ejournal.unib.ac.id 9