Rancang Bangun Aplikasi Directory Creator Harman Hartawan Widyanto Universitas Ciputra UC To\VT1, CitraLand, Surabaya 602 J 9
[email protected]
Alfandi Nugroho Yahya Universitas Ciputra UC Town, CitraLand, Surabaya 602] 9 alfandi.yahya@ciputra .ac.id
ABSTRAK Di negara-negara maju , informasi disampaikan dalam bentuk yang menarik yang didukung dengan kemajuan teknologi. Adapun kehadiran teknologi tersebut dapat dirasakan di berbagai tempat, misalnya di pusat perbelanjaan, kampus, pusat hiburan dan lain-lain, salah satunya dalam b zntuk sebuah interactive kiosk. Directory Creator merupakan sebuah sistem back-end yang dibuat menggunakan aplikasi Java serta MySQL dalam pembuatan database, Hal in i kem udian digabungkan d engan seb uah e -Kiosk interactive yang nant inya diharapkan dapat melakukan pengelolaan (menambah, mengubah, mengurangi) peta, direktori dan informasi dari sebuah lokasi. Selain itu, ditambahkan beberapa fitur lain seperti iklan, moderasi saran dan registrasi p engunjung. Directory mapper akan bekerja sebagai sistem front-end daIam bentuk interactive kiosk yang melayani para user dan menyediakan peta, direktori dan informasi mengen ai lokasi tersebut, misalnya toko, kantor, kelas hingga berbagaifasilitas umum, serta menampilkan iklan , formulir saran dan formulir registrasi. Software yang berbasiskan Java , Flash, PHP dan MySQL ini diharapkan mampu membantu pengunjung secara maksimal da/am mencari informasi yang dibutuhkan secara cepat, efektifdan ejisien. Kata kunci: Directory. Creator, Mapper, Kiosk, Electronic, Interactive, Touchscreen, Java, Flash, PHP, MySQL
banyak diterapkan di negara-negara rnaju 1. PENDAHULUAN
dimana
1.1. Latar Belakang
menggantikan tenaga kerja manusia yang
Modernisasi menuntut banyak pihak untuk
berinovasi
komputer
menggunakan
sebagai
usaha
mereka.
Jebih
memfasilitasi
institusi
memanfaatkan
penunjang kegiatan
Dengan
maupun
aplikasi
tujuan
konsumen, perusahaan
interactive kiosk
yang untuk
menyampaikan informasi. Hal ini sudah 19
I T I rv',
memperkecil
banyak
komputer
bisa membantu menghemat penggunaan
biaya
dan
tenaga kerja
manusia, serta dapat mcnghemat waktu.
untuk banyak
peran
Oi Indonesia e-kiosk masih belum
banyak
digunakan karena tenaga kerja
manusia yang
tersedia
masih banyak.
Namun pennintaan akan hal ini masih ada
di
beberapa sektor
dan
apabila
dipergunakan dengan baik, komputer dan apl ikasi nya sesuai
berjalan
akan
dengan
server Directory Creator adalah
aplikasi
baik
sebuah ap likasi server yang dapat berjalan
dengan fungsi dari :nasing-mas ing
dengan ba ik di sebuah PC yang mana
sektc r tersebut. Di
Indo nesia
tersedia
aplikasi
ini
sarana komputer yang dapat mendukung
Adobe
Flash .
pengadaan e-kiosk.
MySQL.
salah
satu
Hal ini
pendorong
untuk.
merupakan
menggun akan
teknolog i
dan juga database
PHP
Pembuatan sebuah apl ikasi server
membuat
sebuah aplikasi yang dapat digunakan dan
Directory
dimanfaatkan di berbagai tempat, misalnya
dijalankan pada sebuah PClLaptop
dan
di pusat perbelanjaan, kampus. rumah sakit
mem iliki firur-fitur
data
dan taman bermain.
(Java
Application) - ListlAddJEditlDelete
Data
Ruangan,
1.2. Rurnusan Masalah Berdasarkan
Jatar
belakang
Mapper
di
dalam pembuatan Directory
maka
ini
yang
yak ni
Lantai,
akan
dites
CRUD
Penyewa. Iklan,
Kategor i, dan Map Editor dengan fungsi
permasalahan )"ang telah dipaparkan atas,
Creator
yang menjadi
rumusan
Select, Move. Zoom
in/out,
Create
room - rectangle/circle/polygon. Set object property (color. name. tenant). Base .\fap Load/Clear. dan Save/ Load.
masalah adalah bagaimana membuat suatu aplikasi Directory Creator menggunakan Java. Adobe Flash. !'IIP dan
Directory
Creator
ini
MySQL.
nan tinya
directory
tersebut dengan
scorang mudah
mapper
pengunjung dapat
menemuka n
Tujuan
aka n
terintegras i dcngan apl ikasi klien directory
mapper. Denga n
1.4. Tujuan
informasi
dari
pem buatan aplikasi
ini ada lah untuk membuat aplikasi server
Directory Creator yan g berjulan dengan baik mcng gunakan Adobe Flash.
PHP
dan juga database MySQL.
yang mercka cari , Selain itu, infonnasi yang merekn perolch merupakun informasi yang
valid
dan
dapat
dipertanggung
2. LANIlA SAN TEO R I 2.1. Elec t ronic Kin'ik S) 'Slc l11 (E- kios k) £h:•.-tronic kiosk .\ :'.\"1I.:m mcrupakan
jawabkan.
terminal. yang
sebuah 1.3. Batasan Ma .alah Batasan masalah untuk pembuatan
secara
publik
pengguna
untuk
yang
dapat
diakses
memperholehkan
mengakscs
informasi 20 I TI M
handphon e.
atau melakukan tran saksi. Sistem ini memiliki beberapa ciriciri
yakni men ggunakan user interface
2.3. Directory E· kiosk Directory E-kiosk merupakan
yang sedcrha na, interaktif j an merupakan represent asl multimedia terhadap konten yan g
Eckiosk
ada.
sedemi kian
didesain
rup a sehingga dapat diakses
satu
Information Kiosk
tipe
salah yang
memiliki ciri-ciri sebagai berikut: a. Memiliki
layar layar
mon itor
dengan
sentuh (touchs creen)
oleh siapa saja . terutama orang- oran g
teknologi
yang tidak memil iki akses internet sendiri
berukuran minima l 12 inci.
dan oran g yang ingin mengakses infonnasi
b. Lokasinya
di luar jam kerja .
dipindah -pindah.
tetap
dan
tidak
dapat
c. Biasanya d itanam kan di da lam
2.2. KJasifikasi [-Kiosk
Secara dari
sebuah rumah kiosk (boo/h ).
terdiri
E-kiosk
umum
kate gori : Information
tiga
Transaction
Kiosk.
Kiosk,
Multimedia
dan
Kiosk. Inf ormation Kiosk adal ah E-kiosk yang
mem berikan
layanan
in formasi
kepada pengguna, contchnya memberikan infonnasi
yang serupa den gan pamflet,
peta, Iiteratur, dan/atau petunj uk lain yang dibutuhkan [eGov Conference] sed angk an
Transaction Kios..k yang diha silkan di sini adalah E-kioskyang berfungsi memudahkan pengguna contohnya
dalam pembelian
E-kiosk
yang
multimedia kepada permaman 21 1 TI M
dan
berdiri,
serta
biasanya
secara
tidak disediakan kursi bagi
user. c. User fr iendly sehingga dapat dengan
mud ah digunakan user (mcmungkinkan self
service). f. Terhubung dalam suatu sistem jar ingan
(Local
infonnasi komputer
Area
Network I Intranet I Internet).
g. Fungsi utamanya menunjukkan peta dan direktori suatu bang unan atau lokasi.
bertransaksi, tik et
pesawat,
pembayaran tagihan di ATM, dan lain-lain . Terakhir, Multimedia
d . Penggunaannya
Kiosk
menyajikan
merupakan layanan
pengguna, contohnya penyedia
konten
2.... Softwa re Development Lifecyc le
Software Development Life Cycle (SOLe ) adalah sebuah
software
yang
tahapan, yakni
siklus
terdiri
pembuatan
dari beberapa
tahapan system planning
(perencanaan), sys tem analysis (analisa).
design (perancangan),
system
system
keunggulan
write
onc e.
run
anywhere
(pemasangan), system
(WORA) yang berarti kode yang dibuat oleh
operation and support (tahap penggunaan
programmer tidak perlu dikompilasi ulang
dan perneliharaan). (Babar M. A.• 2010)
untuk berjaJan diberbagai platform, sepert i
implementation
Ada umum
beberapa
digunakan,
Waterfall
(air
tipe
SDLe
diantaranya:
terjun),
yang
window s, linux, macintosh, unix. dan lain
tipe
sebagainya. Saat ini teknologi Java relah
tipe Incremental
and Iterative, tipe Spiral. tipe Agile dan
Unified
ripe Rational
Process. Dalam
menjadi dasar berbagai
dalam pembuatan webs ite,
aplikasi,
games.
mobile. 1ika diband ingkan
dan
aplikasi
dengan bahasa
pengembangan aplikasi Directory Creator
pemrograman lain. Java mem iliki beberapa
digunakan
kelebihan
tipe
Waterfall
seperti
pada
gambar 2.1.
antara
lain sarat otornatisasi,
object- oriented. gratis. pelaporan kesalahan, dan mult iplatfonn.(Loy & Eckstein, 2003)
--
2.6. Fla h
--
Flash yang
adalah
sebuah program
memungkink.m
user membuat
sebuah aplikasi yang sarat akan gabungan
-
grafik,
-
animasi,
Awalnya
-
video.
bemama
bahkan
suara.
Macromedia
Flash
namun pada pada tanggal 18 April 2005 diakuisis i oleh
Adobe
menjadi Adobe
Flash.
GQmba ,.l. I SDLCTlpe WQt~"fQII
Pemilihan teknologi flash sebagai Map
2.5. Ja va
Java adalah bahasa pemrograman yang d ikeluarkan oleh Sun Microsystem pada tahun
1995. Java
adalah
bahasa
pemrograman yang bersifat general-purpose dan sepenuhnya menggunakan paradigma pemrograman berbasis obyek. Java memiJiki
Editor dikarenakan sebuah alasan
utama yakni dalam pembuatan Map Editor dan hubungannya dengan front-end yang menuntut
sebua h aplikasr yang sarat akan
komen gra li k yang interaktif (Burn ette, 2007). 2.7. Mj'SQL 22
I TIM
MySQL
adalah
sebuah
menggunakan
manajemen database yang
SQL
database
sistem
sistem
(Structured
Query Language). SQL sendiri merupakan database
sebuah konsep pengaturan yang
terstruktur
dimanfaatkan perubahan,
sehingga
dalam
dapat
penambahan,
maupun penghapusan data
dala m database secara otomatis . (S ingh,
2009).
3. DESAIN 51ST EM 3.1. Con text Diagram
Context diagram merupakan diagram yang digunakan jalannya
untuk
menggambarkan
informasi
sistem dan dilihat
yang
terjadi dalam
Application
secara prioritas top-
level. Proses yang terjadi pada suatu sistem digambarkan
Gambar 3. 2 Use Case Diagram Java
dengan
sebuah
Pad a Gambar 3.3 dan 3.4 secara
lingkaran.
Bentuk segiempat melambangkan sebuah
en tity ekstemal, selain
3.2. Tampilan Aplika si
itu ada panah
sebagai penunj uk jalannya data.
berurutan
salah satu user interface aplikasi desk top dan Map Editor Directory Creator.
.......I~:;"-=-"';;l
__ -.___.!( 1>.,.."", "- j l..., I
ditampilkan scrvenshot dari
._-
..........-
--
i"r
= ~ --
.
ffi::.
I g~
~
'[ ~
;!::
:'-:i:.
I
- ~-j;:
== Gambar 3.3 Screenshor Directory Creator Gambar 3.1 Context Diagram Directory Creator dan Directory Mapper
23 1T IM
Java Desktop Application
Garnbar 3.6 Antarmuka Directory Creator _. .. . . -:-:..:: . -
-~.
~ -.
._
-
. :. .
... :
::_..
: ",-= ";,.
4.IMPLEMENTAsr
"Sl ~':"~ '" , ~" 1... .-
'-'-'' ' '- "l
-=.:.'
0': :: ;:-:' 0
-":-,::.:: ; ..
- ";- ' - ~.
.
- " .::;~
-
- - ::..:.==::-
4.1. Persiapan Pernrograman
...~ ..,J... 1 ...':" .:::.::. -- ::-4'7 ~""'
Langkah awal dalam irnplcrnentasi "'--'--' _!.. . --=.:=:: ..- "
I
~
-
.- -
- -
- .-
- - -
- J.:. -
.• - - - ._ .. _
I
adalah mempersiapkan terintegrasi
Gambar 3.4 Screenshot Directory Creator Flash Map Editor
Pada Gambar
ditampilkan diagram
3.5
hubungan entitas dari Directory Creator.
• -
•
....: ..
~
~ " ..1
.
'
Jr
_
--- .. --:=--.. --:::: _
=..
~
~
.-
..-;;;-.. _
....
~"" I
_
aplikasi.
ini
menggunakan XAMPP verst 1.7.3
yang
Dir ectory
meman faatkan
MySQL
terintegrasi
sebagai DBMS
(Database
Management
dan
Apache sebagai webserver .
.~-;;.:- --
1.
Instalasi XAJ.\1P P I. '7.3 .
2.
lnstal asi
.
... .
..... _ -.-=~~ ..~
servis
MySQL
dan
)
;:~.I
......-
data dari
Langkah-Iangkah yang harus dilakukan:
_ - _~ .
- . ... , . . ;...- ,, ==:.' ::;.:, . :._.;:• :':-.. •
sebagai
~~ _ ~c:=-f _ _ a.•
~~ .~g ~ ;~.~~~ : :. i:~ ~§~~r .--.., --".. -- ..'' . - .. ,... _ --l':'. . •~ __
dengan database
Creator
Svstem)
_.
- . .-
yang
penyimpanan
media
Aplikasi
3.3. Database Model
webserver
Apache dengan mencentang pada box svc.
3.
-
I.' . . . . U J.
:-::
.::-:. ==:: __
r .. .
_.. . .
~-
-,..
~ :: ~
web browser yang ada.
a..I
_ ii
4.
~ ."' ' .' .
~" _~
~
Buka alarnat http://localhostlphpmyadmin/ dengan
:;:
:.:-:.--!.
_.i'_. ... .. --
-
-...u ...
.... __ ~~r ~:::'
•
. _- .,--.!.
Mernbuat
dan
database
»«:»
tabei-tabel data
Gambar 3.5 Screenshot Directory Creator 4.2. Penggunaan Framework
lava Desktop Application
Ada
dipakai
beberapa
framework
yang
dalam pernbuatan aplikasi , antara
lain : .:-:.:;
. ... ....,
--.
..:.,;.. -
-
-
-'
_ .. ..=: :.
.
"
: ..
.....
' -- .. .....-- - ._.
......
~: '
''',
' - - - - --
. ::-:
1.
JavaSwing
2.
JGoodies Form
3.
Caurina
241 T I M
sebuah ap likasi Directory
menghasilkan
Management System.
4.3. S kena r io Pengujian Terintegrasi Dala m melakukan pengujian aplika si, ada
Oleh karena itu, kesimpulan dari
beberapa tipe penguj ian yang di lakuka n
pemb uatan tuges akhir seteJah sem ua pro ses
yaitu :
selesai dilak.ukan adalah :
1.
Unit
testing:
pengujian
yang
I.
Aplikasi
Directory
Creator
d ilakukan oleh pengembang aplikasi.
berhasil d ibuat dan di implementasi.
2.
2.
testing:
penguj ian
test scenario.
Digunakan
Functionct
menggunakan
untuk menguj i fungsi dari setiap komponen
Directory Creator
dan
telah
directory
mapper dapat memberikan jawaban atas permasalahan yang dihadapi.
aplikasi.
5.2 Saran Saran untuk pengcmbangan ke depan
5. KESIMP ULAN DAN SARAN
dari ap likasi ini adalah a.
5.1 Keslmpulan Tujuan dan pembuatan Directory
ApJikasi
ini
dapat
penggunaa nnya pada berb agai bidang
Mapper ini ada lah untuk meng hasilkan
b.
aptikasi server Directory Creator yang
global untuk berbagui aspek bisnis.
dapat diin tegrasikan dengan
client
diperluas
Aplikasi dapat Icbih dipakai secara
ap likasi
Directory Mapper sehingga
6. DAfTAR PUSTAKA [1]
N.N., Custom Kiosk, Arc Design Ccnsultingv diakses pada tanggal '23 November 2010 di alamat http://www.arcdesignconsulting.comlcustom -kiosk.php.
[2]
Beber, M. A., 20 10, Software Archite cture: 41h European Conference. ECSA 20 10, Copenhagen, Denmark. August 23-26. 20 10, Proceed ings. Sprin ger
[3J Burnette, Ed., 2007 Is Flash better than Java?, zdnet. com, viewed 14thJanuary 2011 http://www.zdnet.comlblogib um etteJis- flash- better-than-java/286 [4]
N.N., Electronic Kiosk System, eGov Conference, viewe d 23 November 2010,
[5]
http ://www.egov- confe rence .org/glossary/e leet ronic-kiosk-sys tem
[6J
Loy, M. and Eckstein, R.• 2003. Java Swing, 2"" edn, O' Reilly Med ia
25
I TIM
[7]
Singh, P.K.,
2009,
Database Management Concepts, First Edn V.K. Enterprises
[8]
Stewart, C., 2006, The Advantages oj PHP.Designer's Playground, viewed 28 November 20 I0, http://www.designersplayground.com/articles/1 18/ I/The-Advantages-of-
PHPlPagel.html
26
ITIM
