See discussions, stats, and author profiles for this publication at: https://www.researchgate.

net/publication/327014811

Mobile Hybrid Application Sebagai Solusi Dalam Pelaporan Bencana

Menggunakan Framework Cordova

Article · May 2018

DOI: 10.30591/jpit.v3i2.864

CITATIONS READS

0 495

2 authors, including:

Ari Muzakir
Universitas Bina Darma
26 PUBLICATIONS   16 CITATIONS   

SEE PROFILE

Some of the authors of this publication are also working on these related projects:

ICT Model for Smart City View project

University Sistem Single Sign On View project

All content following this page was uploaded by Ari Muzakir on 09 November 2018.

The user has requested enhancement of the downloaded file.

Jurnal Informatika: Jurnal Pengembangan IT (JPIT), Vol.03, No.02, Mei 2018 ISSN: 2477-5126
e-ISSN: 2548-9356

Mobile Hybrid Application Sebagai Solusi Dalam

Pelaporan Bencana Menggunakan Framework Cordova
Ari Muzakir1*) Eksen Hidiansah 2)
1,2
Program Studi Teknik Informatika, Fakultas Komputer, Universitas Bina Darma, Palembang1, 2
Jln. A. Yani No.03 Plaju, Kota Palembang, 30264, Indonesia
Email: [email protected], [email protected]

Received: 29 Maret 2018; Revised:11 Mei 2018; Accepted: 14 Mei 2018

Copyright ©2018 Politeknik Harapan Bersama Tegal. All rights reserved

Abstract Mobile devices are now almost used by all walks of

life. Various platforms available on smartphones like Android, I. PENDAHULUAN
iOS, Windows Mobile provide great opportunities and become a Dengan semakin meningkatnya beberapa kejadian
challenge for app developers. The problem is that app bencana alam di wilayah Sumatera Selatan, hal ini tentunya
developers need to be able to match the needs of the available
platform. The solution to this problem is the mobile hybrid
menjadi evaluasi yang penting bagi Badan Penanggulangan
application technology, which enables application developers to Bencana (BPBD). Hal ini dilihat dari frekuensi bencana yang
bridge every different smartphone platform using the cordova terjadi pada tahun 2016 sebanyak 195 bencana alam, dimana
framework. The cordova framework allows application hal ini meningkat 49 kali dibanding tahun 2015 lalu sebanyak
developers to build mobile applications using HTML5, CSS, and 146 bencana. Bencana yang terjadi seperti kebakaran lahan,
javascript (JS). In this research more focused on testing the banjir, angin puting beliung, dan longsor yang terjadi di 17
technology of mobile hybrid application to build mobile kabupaten kota di Sumatera Selatan. Dengan meningkatnya
application of disaster reporting at Regional Disaster tuntutan untuk optimalisasi penanganan bencana tersebut,
Management Agency (BPBD) South Sumatera. Test results in maka perlu difikirkan solusi yang tepat agar informasi yang
the form of android and windows phone applications through
several tests, among others, ease in the process of building
diterima efektif dan cepat tanggap. Teknologi mobile
applications, publishing, and configuration. It is expected that smartphone menjadi alternatif dari sekian banyak solusi yang
this hybrid mobile application software can help disaster ada untuk proses pelaporan yang mudah dan cepat [1][2].
management agencies in southern Sumatra region in disaster Proses pelaporan yang saat ini biasa dilakukan oleh
preparedness in the community. masyarakat adalah dengan menggunakan fitur telepon dan
short message service (SMS). Tidak adanya media
Abstrak  Perangkat mobile saat hampir digunakan oleh seluruh penghubung antara badan penanggulangan bencana daerah
lapisan masyarakat. Berbagai platform yang tersedia pada sumatera selatan dengan masyarakat menyebabkan
smartphone seperti Android, iOS, Windows Mobile memberikan masyarakat mengalami kesulitan dalam penyampaian
peluang yang besar serta menjadi tantangan bagi pengembang informasi bencana yang terjadi saat itu. Untuk mempermudah
aplikasi. Masalahnya adalah bahwa pengembang aplikasi harus masyarakat untuk menyampaikan informasi bencana yang
mampu menyesuaikan kebutuhan dari platform yang tersedia. terjadi maka dibutuhkan suatu sistem yang bisa melibatkan
Solusi dari masalah tersebut adalah teknologi mobile hybrid
masyarakat dalam kesiapsiagaan dalam menghadapi bencana.
application, dimana teknologi ini memungkinkan pengembang
aplikasi dalam menjembatani setiap platform smartphone yang Saat ini hampir seluruh lapisan masyarakat telah memiliki
berbeda-beda menggunakan framework cordova. Framework smartphone dengan berbagai platform. Berbagai platform
cordova memungkinkan pengembang aplikasi membangun smartphone menjadi kendala baru dalam proses
mobile application dengan menggunakan HTML5, CSS, dan pengembangan aplikasi.
javascript (JS). Dalam penelitian ini lebih fokus pada ujicoba Secara umum, ujicoba mobile hybrid application dalam
teknologi mobile hybrid application untuk membangun aplikasi penelitian ini dilakukan pada sistem pelaporan bencana yang
mobile pelaporan bencana pada Badan penanggulangan ada di Sumatera Selatan dengan output capaian berupa
bencana Daerah (BPBD) Sumatera Selatan. Hasil ujicoba aplikasi yang berjalan di platform android dan windows
berupa aplikasi android dan windows phone melalui beberapa
mobile. Struktur pemrograman yang digunakan menggunakan
pengujian antara lain kemudahan dalam proses build aplikasi,
publishing, dan konfigurasi. Diharapkan dengan perangkat HTML5, CSS, dan Javascript sebagai komponen aplikasi
lunak aplikasi mobile hybrid ini dapat membantu lembaga client (frontend user) [3]. Sedangkan untuk backend
penanggulangan bencana di wilayah Sumatera bagian selatan menggunakan pemrograman PHP dengan database MySQL.
dalam kesiapan menghadapi bencana yang terjadi di Tool yang digunakan dalam penyelesaian aplikasi ini
masyarakat. memanfaatkan integrated development environment (IDE)
secara online dari Monaca yang merupakan suatu tools dan
Kata Kunci  Framework Cordova, Cross-platform, Mobile services untuk membangun suatu sistem mobile hybrid
hybrid Application, HTML5, hybrid programming. application dengan menggunakan HTML5 dan Phonegap.
*) Corresponding author: Ari Muzakir IDE Monaca sangat memungkinkan dalam membangun
Email: [email protected] aplikasi lintas platform seperti Android, iOS, Windows Phone

Ari Muzakir: Mobile Hybrid Application Sebagai… 242

Jurnal Informatika: Jurnal Pengembangan IT (JPIT), Vol.03, No.02, Mei 2018 ISSN: 2477-5126
e-ISSN: 2548-9356

dan lain sebagainya karena dibagun diatas aplikasi open construction of prototype, deployment delivery & feedback
source Cordova [4][5]. Kerangka (framework) untuk [11].
pengembangan aplikasi hybrid dipisahkan menjadi dua jenis,
mereka yang bertanggung jawab untuk antarmuka (UI - user
interface), dan yang bertanggung jawab untuk mengemas
aplikasi menjadi platform yang berbeda dan memungkinkan
untuk mengakses fitur telepon [6].
Terlepas dari platform, aplikasi mobile hybrid dapat
berjalan pada komponen browser (dukungan cross-platform)
yang dimiliki oleh smartphone [3]. Dengan kata lain, aplikasi
mobile hybrid dapat berjalan pada beberapa platform seperti
Android, iOS, Windows Phone, dan platform lain yang
mendukung HTML5 browser karena berjalan pada komponen
WebView yang dimiliki oleh platform tersebut.

II. PENELITIAN YANG TERKAIT

Pada penelitian sebelumnya yang dilakukan oleh Ari Gbr. 1 Alur proses pengaksesan dalam aplikasi [10]
Muzakir pada tahun 2017 dengan judul Prototyping aplikasi
e-health sebagai bagian pengenalan obat-obatan dengan A. Analisis Sistem
teknologi cross-platform [7]. Hasil dari penelitian ini yaitu Menurut tahap awal dalam model prototype, ada kegiatan
membantu masyarakat untuk mempelajari mengenai obat- mendengarkan klien dan pengumpulan data awal, analisis
obatan dengan bantuan aplikasi yang dibangun dengan kebutuhan pengguna yaitu menentukan data-data yang
teknologi cross-platform pada perangkat Android. dibutuhkan dalam pembuatan aplikasi pelaporan bencana
Penelitian yang dilakukan oleh Suardika tahun 2015 alam yang ada di Sumatera Selatan. Komunikasi
dengan judul rancang bangun sistem informasi E-Research (komunikasi) dibuat di beberapa pihak yang berkepentingan,
STIKOM Bali Multi Platform Smartphone berbasis seperti aktor yang akan menggunakan dalam sistem. Kata
Phonegap, hasil akhir menunjukkan bahwa Eresearch aktor adalah administrator dan klien yang akan menggunakan
STIKOM Bali dapat diimplementasikan kedalam aplikasi sistem.
mobile pada beberapa platform smartphone dengan Analisis ini digunakan untuk mendefinisikan dan
menggunakan satu source code dengan aplikasi PhoneGap menggambarkan kebutuhan sistem secara detail dan
[8]. mencakup ruang lingkup sistem itu sendiri. Hasil analisis ini
Selanjutnya pada penelitian yang berkaitan dengan berupa desain sistem yang akan menjadi acuan dalam
aplikasi mobile ini dilakukan oleh Ari Muzakir pada tahun pengembangan sistem untuk tahap selanjutnya. Analisis
2016 dengan judul Framework Phonegap Sebagai Teknologi persyaratan sistem menentukan bagaimana pengguna, data,
Cross-platform Mobile Development: Studi Kasus Kamus proses dan teknologi informasi dapat saling terhubung.
Tumbuhan [9]. Penelitian tersebut telah di publikasikan pada Dengan analisis persyaratan sistem, diharapkan bahwa hal itu
konferensi nasional teknologi informasi dan aplikasinya akan dijelaskan secara rinci dalam komponen sistem dengan
(KNTIA). Hasil penelitian ini adalah melakukan ujicoba tujuan mengidentifikasi, mengevaluasi masalah dan
teknologi cross-platform dalam proses pengembangan kebutuhan sesuai yang diharapkan.
aplikasi mobile lintas platform yaitu android, iOS, dan Adapun untuk membangun antarmuka pada aplikasi ini
windows phone. Metode pengembangan sistem yang menggunakan antarmuka Onsen UI. Onsen Framework UI
digunakan dalam penelitian tersebut adalah Mobile-D. sendiri terdiri dari HTML5, CSS, dan Javascript (AngularJs)
Sedangkan pada penelitian yang dilakukan adalah ujicoba yang biasa digunakan dalam membangun sistem berbasis web
implementasi mobile hybrid dengan teknologi cordova untuk [12][13].
membuat aplikasi pelaporan bencana yang ada di BNSP Dalam implementasi di masa depan, pengguna akan dapat
provinsi Sumatera Selatan. mengakses melalui aplikasi yang diinstal di smartphone untuk
kebutuhan pelaporan bencana alam. Seluruh proses dalam
III. METODE PENELITIAN aplikasi ini akan selalu terhubung menggunakan internet
Mobile hybrid application dipilih dalam teknik pembuatan untuk dapat menggunakannya. Dalam kasus permintaan dan
aplikasi cross platform karena sifatnya yang sekali coding tanggapan, data akan melibatkan modul antarmuka
maka dapat digunakan atau di install ke beberapa platform pemrograman aplikasi (API), dalam modul API mencakup
yang berbeda [10]. Adapun sifat dari mobile hybrid ini dapat fungsi permintaan basis data. Selain itu ada juga dasbor untuk
dilihat pada Gbr.1. masuk sebagai administrator untuk memperbarui semua
Metode penelitian yang digunakan adalah metode konten aplikasi pelaporan bencana tersebut. Berikut gambaran
deskriptif kualitatif yang disesuaikan dengan metode mengenai alur aplikasi yang diterapkan pada Gbr 2.
pengembangan perangkat lunak. Dalam aplikasinya, proses
analitik dilakukan dengan mengamati objek-objek pengguna
yang terkait dengan alur pelaporan bencana alam. Model yang
digunakan dalam pengembangan aplikasi ini menggunakan
prototype. Tahapan-tahapan yang ada dalam model prototype
ini yaitu communication, quick plan, modeling quick design,

Ari Muzakir: Mobile Hybrid Application Sebagai… 243

Jurnal Informatika: Jurnal Pengembangan IT (JPIT), Vol.03, No.02, Mei 2018 ISSN: 2477-5126
e-ISSN: 2548-9356

menggunakannya. Dalam kasus permintaan dan tanggapan,

Database Aplikasi data akan melibatkan antarmuka pemrograman aplikasi (API),
Entry Data
yang dalam modul API tersebut memiliki fungsi kueri untuk
Query database, pada Gbr.3. Saat ini, aliran sistem yang berjalan
proses pelaporan setiap terjadi bencana alam adalah dengan
Request
menggunakan telpon atau datang langsung ke BNPB di
Aplikasi yang API
terinstall di
Data
(Application
Modul Dashboard wilayah tersebut. Untuk itu, maka dibuatlah alur atau
data Administrator
smartphone Responses Programming Interface) kerangka pemikiran dalam proses pembuatan aplikasi
pelaporan bencana tersebut seperti pada Gbr.4.
Dari kerangka pemikiran tersebut bahwa yang dilakukan
Gbr.2 Arsitektur alur aplikasi yang akan dibangun pertama kali adalah melakukan identifikasi masalah yang
muncul dalam hal pelaporan bencana. Identifikasi tersebut
juga melibatkan kajian pustaka terkait dengan topik antara
lain observasi, wawancara, dan studi pustaka. Selanjutnya
Database adalah pemilihan model yang tepat dalam pelaksanaan
penyelesaian permasalahan tersebut, sehingga model tersebut
tepat dalam proses implementasi ke pengembangan.

B. Perancangan Sistem
Desain adalah tahap berikutnya dari prototipe, pada tahap
Modul:
Backend: Application ini proses desain mengubah kualitas menjadi representasi
PHP + MySQL Programming perangkat lunak yang dapat diprediksi sebelum dimulainya
Interface (API) pembuatan kode.
1) Usecase Diagram
Desain dibangun dengan bahasa pemodelan bahasa
pemodelan terpadu menggunakan usecase. Pada penelitian ini
melibatkan 3 pengguna yang akan menggunakan sistem, yaitu
pelapor, petugas kantor, dan petugas lapangan. Adapun user
Frontend:
Android, Windows system modelling dibawah ini akan dimulai dengan aktor
Mobile, iOS petugas login untuk masuk ke sistem, mengelola data pelapor,
mengelola data laporan bencana, mengelola data petugas dan
Gbr. 3 Alur proses pengaksesan dalam aplikasi logout untuk keluar dari sistem. Selanjutnya aktor pelapor
melakukan pendaftaran untuk mendapatkan username dan
password agar bisa masuk ke aplikasi. Kemudian dilanjutkan
kajian pustaka dengan pelapor bisa melaporkan bencana dan membaca
identifikasi masalah pengamatan langsung informasi mengenai bencana dan logout untuk keluar dari
studi pustaka
sistem. Lebih lengkapnya dapat dilihat seperti pada Gbr 5.

Pemilihan Model
perangkat lunak mobile application

Dafta
LOGIN r
Pengembangan

<<Include>>

menghasilkan perangkat lunak Mengelola Data Pelapor

Dokumentasi uji coba aplikasi <<Include>> Melaporkan Bencana

Mengelola Data Laporan

Gbr. 4 Alur kerangka pemikiran Bencana
<<Include>> pelapor

Melihat Informasi Bencana

Adapun spesifikaksi kebutuhan sistem dalam membangun petugas
Mengelola Data Petugas
aplikasi pengukuran waktu kerja ini adalah: kantor
Lapangan <<Include>>

 Sistem operasi : Microsoft Windows atau Linux

 Editorial : Sublime, Notepad ++ (untuk editor script) <<Include>>

 Bahasa Scripting : HTML5, PHP, Javascript, CSS Menerima Informasi Lokasi

Bencana
 Aplikasi Toolkit : Microsoft visio, star UML LOG OUT
petugas
 Web server : Xampp (paket MySQL dan Apache) lapangan

Konfirmasi Ke petugas kantor

Selain itu, untuk menentukan persyaratan fungsional yang

terkait dengan fungsionalitas dan kemampuan sistem,
pengguna nantinya akan mengakses melalui aplikasi yang
Gbr. 5 User system modelling
diinstal pada smartphone. Seluruh proses dalam aplikasi ini
akan selalu terhubung melalui jaringan internet untuk

Ari Muzakir: Mobile Hybrid Application Sebagai… 244

Jurnal Informatika: Jurnal Pengembangan IT (JPIT), Vol.03, No.02, Mei 2018 ISSN: 2477-5126
e-ISSN: 2548-9356

Adapun peran dari aktor tersebut adalah:

 Pelapor: melakukan pendaftaran ke system untuk dapat Kemudian untuk menanggapi laporan dari pelapor, maka
melaporkan bencana yang terjadi, melihat informasi dibuatlah activity diagram untuk petugas agar informasi
bencana yang sedang berlangsung. laporan dapat didisposisi ke petugas lapangan. Berikut
 Petugas kantor: bertindak melakukan pengolahan data activity diagram petugas seperti pada Gbr.7.
pelapor, mengelola data petugas lapangan, dan
mengelola data laporan bencana yang dilaporkan oleh IV. HASIL DAN PEMBAHASAN
pelapor. Setelah melalui analisis persyaratan sistem dan desain
 Petugas lapangan: akan menerima informasi lokasi desain yang terkait dengan aplikasi yang dibuat dalam
bencana yang dilaporkan oleh pelapor dan penelitian, hasil dari aplikasi sistem diperoleh. Hasil yang
mengkonfirmasi dari petugas kantor. didapat ada 2 jenis sistem berbasis web dan sistem Android
berbasis mobile. Hasil yang diperoleh dari penelitian di
2) Activity Diagram Badan Regional Penanggulangan Bencana Sumatera del Sur
Activity diagram menggambarkan berbagai aktivitas adalah perangkat lunak aplikasi mobile hybrid yang
pengguna mengalir di dalam sistem. Pada penelitian ini ada 2 menggunakan teknologi cordova, studi kasus, badan
activity yang buat sebagai gambaran aktivitas pengguna yaitu penanggulangan bencana dari wilayah Sumatera Selatan.
activity pelapor dan activity petugas. Pada diagram aktivitas Hasil dari ujicoba dilakukan menggunakan IDE monaca yang
perangkat lunak mobile hybrid untuk pelapor dapat dilihat dapat diakses secara online seperti pada Gbr. 8.
pada Gbr.6. Swimlane
perangkat lunak moibile hybrid application

pelapor perangkat lunak

verfikasi
input username
username dan
dan password
password

halaman pelpor

menampilkan halaman
melaporkan bencana
laporan

menampilkan data laporan

melihat informasi bencana
bencana

Gbr. 8 Aplikasi berbasis web untuk dashboard Administrator

keluar
TABEL I
PENGUJIAN BUILD APLIKASI
Gbr. 6 Activity diagram pelapor
Swimlane
perangkat lunak moibile hybrid application Jenis Smartphone
Jenis
Windows Keterangan Hasil
Pengujian Android
petugas perangkat lunak
Phone
Build aplikasi berhasil berhasil Android berhasil harus
verfikasi menggunakan
input username
dan password
username dan keystrore yang valid –
password
windows phone
berjalan pada windows
phone 8 x –ios
membutuhkan
sertifikat devolepmnt
halaman petugas key dari apple
Konfigurasi mudah mudah keystrore setting, build
App seting
mengelola data menampilkan File Installer file .apk file .appx Untuk IOS langsung di
petugas data petugas
for testing publish ke app store
Publish Playstore Microsoft
mengelola data menampilkan
laporan bencana data laporan Store

mengelola data menampilkan

pelapor data pelapor Perangkat lunak ini dikembangkan dengan metode mobile
hybrid pengembangan perangkat lunak mobile multiplatform
berarti bahwa perangkat lunak ini dapat digunakan oleh
beberapa sistem operasi terkemuka, seperti Android,
keluar
Windows Phone, iOS. Untuk aplikasi mobile dilakukan
Gbr. 7 Activity diagram petugas

Ari Muzakir: Mobile Hybrid Application Sebagai… 245

Jurnal Informatika: Jurnal Pengembangan IT (JPIT), Vol.03, No.02, Mei 2018 ISSN: 2477-5126
e-ISSN: 2548-9356

pengujian dari segi kemudahan build aplikasi seperti pada Pada halaman daftar laporan adalah halaman yang harus
tabel I. diselesaikan oleh pengguna perangkat lunak ponsel saat
Untuk ujicoba pertama kali dilakukan pada menggunakan pertama kali menggunakan sistem, di halaman ini pengguna
jaringan localhost untuk dapat memastikan bahwa harus mengisi data, yaitu nama, alamat, jenis kelamin, nama
fungsionalitas dari aplikasi telah berjalan sesuai yang pengguna dan kata sandi. Dengan melengkapi data dalam
diharapakan. Setelah aplikasi sesuai 90% dari yang formulir ini, pengguna akan memperoleh nama pengguna dan
direncanakan, maka seluruh modul aplikasi dipindahkan ke kata sandi untuk entri biasa atau masuk ke perangkat lunak
hosting dan domain. Berikut dapat dilihat pada Gbr. 9 mobile. halaman yang digunakan oleh pelapor untuk
tampilan aplikasi berbasis web. Pada Gbr.9 terdapat beberapa melaporkan bencana pada halaman ini pelapor wajib mengisi
fasilitas yang memungkinkan administrator untuk judul, keterangan dan lokasi yang otomatis akan terisi sesuat
memasukkan data yang terkait dengan laporan data bencana. lokasi perangkat. Setelah melakukan percobaan pada
Selain informasi yang ditampilkan dalam aplikasi pengguna perangkat baik web dan mobile, maka tahapan selanjutnya
(aplikasi Android pada Gbr.10). adalah melakukan pengujian sederhana menggunakan metode
blackbox. Metode ini akan mengukur kemampuan aplikasi
berdasarkan fungsi masukan dan keluaran, siperlihatkan pada
tabel II dan tabel III.

TABEL II
PENGUJIAN FUNGSI APLIKASI ADMIN (WEB)
Prosedur Interface Kesimpulan
Deskripsi
pengujian Petugas Pelapor
Pengujian Menginput tidak ya Sukses pelapor
halaman kan nama, berhasil melaukan
daftar alamat, login
jenis
kelamin,
username,
password
Pengujian Menginput ya ya Sukses petugas
halaman kan dan pelapor
login username berhasil
dan melakukan login
password
Pengujian Memilih ya tidak Sukses data
menampilk menu data laporan bencana
an data laporan berhasil
laporan bencana ditampilkan
Gbr. 9 Aplikasi berbasis web untuk dashboard Administrator
Pengujian Memilih tidak ya Sukses halaman
halaman menu berhasil mengirim
laporan laporan data laporan
bencana bencana
Pengujian Memilih ya tidak Sukses lokasi
halaman menu berhasil
lihat lokasi lokasi pada ditampilkan di
bencana laporan map
bencana
Pengujian Memilih ya tidak Sukses laporan
halaman menu berhasil
tanggapan tanggapan ditanggapi
pada
halaman
laporan
Pengujian Memilih ya tidak Sukses petugas
llihat data menu data perangkat lunak
pelapor pelapor berhasil
menampikan data-
data pelapor
Pengujian Memilih tidak ya Sukses data
halaman menu lihat laporan bencana
lihat informasi berhasil
informasi bencana ditampilkan baik
bencana itu informasi
bencana yang
sudah di tanggapi
maupun yang baru
dilaporkan.

Pada tabel II merupakan pengujian fungsional dari aplikasi

Gbr. 10b Aplikasi Android untuk pelapor berbasis web yang dipergunakan oleh administrator,

Ari Muzakir: Mobile Hybrid Application Sebagai… 246

Jurnal Informatika: Jurnal Pengembangan IT (JPIT), Vol.03, No.02, Mei 2018 ISSN: 2477-5126
e-ISSN: 2548-9356

sedangkan pada tabel III merupakan pengujian untuk aplikasi dikembalikan dalam bentuk kode JSON. Untuk menjalankan
pengguna (aplikasi berbasis mobile android). fungsi JSON, Javascript diperlukan dalam file "lapor.js".

TABEL III V. KESIMPULAN DAN SARAN

PENGUJIAN FUNGSI APLIKASI USER (ANDROID)
Berdasarkan hasil penelitian tentang perangkat lunak
Halaman
Fungsi yang Hasil aplikasi mobile hybrid yang menggunakan teknologi cordova
No Cara pengujian yang
di uji pengujian di Badan Penanggulangan Bencana wilayah Sumatera
Diharapkan
1 Home user User membuka Halaman home Berhasil Selatan, peneliti menyimpulkan bahwa dengan menggunakan
aplikasi pada Atau utama metode mobile hybrid pengembangan perangkat lunak ponsel
smartphone
2 Halaman user meng-klik Halaman form Berhasil lebih efektif. Dengan perangkat lunak mobile hybrid,
Laporan button laporan laporan perangkat lunak ini dapat mempermudah agen
bencana bencana bencana penanggulangan bencana di Sumatra Selatan untuk menerima
muncul laporan tentang bencana yang terjadi di masyarakat dan dapat
3 Halaman User meng-klik Halaman Berhasil
Informasi button lihat informasi
dengan cepat menjadi bencana. Penggunaan teknologi
laporan informasi laporan muncul cordova sangat berguna dalam pengembangan perangkat
bencana laporan bencana lunak seluler karena dengan teknologi pengembang cordova
Anda memiliki akses ke fungsi perangkat asli seperti kamera,
akselerometer dengan JavaScript.
Penelitian ini dilakukan pada sebatas prototype sistem,
sehingga untuk proses penelitian selanjutnya dapat
diimplementasikan dan dilakukan analisis serta evaluasi
sistem yang lebih detail.

UCAPAN TERIMA KASIH

Ucapan terima kasih kepada seluruh rekan-rekan kerja
yang telah ikut berpartisipasi memberikan masukkan dan
kritiknya mengenai aplikasi pelaporan bencana alam di badan
penanggulangan bencana nasional wilyaha Sumatera Selatan.
Tidak lupa juga peneliti ucapkan terima kasih kepada
Universitas Bina Darma dalam memberikan fasilitas untuk
penelitian ini.
Gbr. 11 Potongan skrip modul API
DAFTAR PUSTAKA
[1] D. Timbowo, “Manfaat Penggunaan Smartphone Sebagai Media
Setelah administrator dan pengguna melakukan pengujian Komunikasi,” e-journal “Acta Diurna,” vol. V, no. 2, 2016.
secara langsung, dapat dilihat bahwa sistem bawaan bekerja [2] A. Asmura, A. Afriyudi, and A. Ari Muzakir, “IMPLEMENTASI
sesuai dengan urutan sistem yang sebelumnya dirancang, OBJECT ORIENTED HYPERMEDIA DESIGN METHOD PADA
setelah itu sistem juga dijalankan sesuai dengan permintaan SISTEM INFORMASI AKADEMIK SMK MADYATAMA,” 2017.
[3] H. Heitkötter, S. Hanschke, and T. A. Majchrzak, “Evaluating cross-
pengguna (aplikasi Android). Dalam proses menciptakan platform development approaches for mobile applications,” in Lecture
sistem, komunikasi dengan pengguna telah diharapkan Notes in Business Information Processing, 2013, vol. 140 LNBIP, pp.
dengan perangkat lunak yang dibuat untuk membantu dalam 120–138.
proses pelaporan bencana yang sering terjadi di kehidupan [4] A. Holzinger, P. Treitler, and W. Slany, “Making apps useable on
multiple different mobile platforms: On interoperability for business
sehari-hari seperti kebakaran rumah, gempa bumi, angin application development on smartphones,” in Lecture Notes in
puting beliung dan lain-lain sehingga masyarakat semakin Computer Science (including subseries Lecture Notes in Artificial
mudah untuk berinteraksi dengan pihak BNPB. Intelligence and Lecture Notes in Bioinformatics), 2012, vol. 7465
Dalam aplikasi terdapat modul API (Application LNCS, pp. 176–189.
[5] R. Francese, M. Risi, G. Tortora, and G. Scanniello, “Supporting the
Programming Interface) dibuat yang dibuat menggunakan development of multi-platform mobile applications,” in Proceedings of
program PHP. Modul API ini berisi modul yang digunakan IEEE International Symposium on Web Systems Evolution, WSE,
untuk query data secara langsung antara aplikasi smartphone 2013, pp. 87–90.
dan database. Sedangkan Peran framework Cordovaadalah [6] R. Gangundi, “Smartphone Application Development using Cross
Platform Frameworks,” in Proceedings of the National Conference on
seperti kerangka kerja yang berisi HTML5, CSS dan Information and Communication Technology, NMIMS University,
Javascript. HTML5, CSS dan Javascript digunakan sebagai Mumbai, India, 2010.
template untuk pengembangan aplikasi atau kamus [7] A. Muzakir, “Prototyping Aplikasi E-Health sebagai Bagian
interpretasi yang dikemas dalam kerangka antarmuka Pengenalan Obat-Obatan Dengan Teknologi Cross- Platform,” J.
Inform. J. Pengemb. IT, vol. 3, no. 1, pp. 61–66, 2018.
pengguna Onsen. Struktur API dapat dilihat pada Gbr.11. [8] I. G. Suardika, “RANCANG BANGUN SISTEM INFORMASI E-
Pada skrip coding terdiri dari 2 bagian: collection dan RESEARCH STIKOM BALI MULTI PLATFORM SMARTPHONE
get_collection. Dalam get_collection, apabila terjadi request BERBASIS PHONEGAP,” in Seminar Nasional Informatika (SNIf),
dari aplikasi smartphone akan dilanjutkan dalam basis data 2017, vol. 1, no. 1, pp. 45–49.
[9] A. Muzakir, “Framework Phonegap Sebagai Teknologi Cross-Platform
dalam bentuk query. Selain itu, hasil query dianalisis dalam Mobile Development: Studi Kasus Kamus Tumbuhan,” KNTIA, vol. 4,
bentuk kode JSON. Di bagian kedua dari get-entity, data 2017.
kemudian diinterpretasikan sesuai dengan permintaan dan [10] W. Mobile and A. Development, Smartphone Cross-Platform
Development, vol. 2010. 2010.

Ari Muzakir: Mobile Hybrid Application Sebagai… 247

Jurnal Informatika: Jurnal Pengembangan IT (JPIT), Vol.03, No.02, Mei 2018 ISSN: 2477-5126
e-ISSN: 2548-9356

[11] R. S. Pressman, Software engineering (7rd ed.): a practitioner’s Conference on Advanced Science and Technology, 2013, vol. 20, pp.
approach, vol. 7, no. 1. 2010. 8–10.
[12] S. Cha and Y. Yun, “Smartphone Application Development using [13] M. Panhale, “Building Blocks of HMAD,” in Beginning Hybrid
HTML5- based Cross-Platform Framework,” in The 5th International Mobile Application Development, 2016, pp. 21–53.

Ari Muzakir: Mobile Hybrid Application Sebagai… 248

View publication stats