Perancangan Aplikasi Rental Kamera Online (Cameo) berbasis Web Interaktif
Alfian Indra Kusuma, Entik Insanudin
7708162115
Program Studi Sistem Multimedia, Universitas Telkom Bandung
afinkus@students.telkomuniversity.ac.id, insanudin@telkomuniversity.ac.id
Abstrak
Masyarakat indonesia semakin hari
semakin ingin kenal dekat dengan
teknologi internet, banyak yang
menggunakan internet sebagai ladang
usahanya, salah satunya adalah situs yang
memperjualkan atau mempersewakan
barang-barang secara online.
Menurut Pressman (2010), perancangan
adalah langkah pertama dalam fase
pengembangan rekayasa produk atau
sistem. Perancangan itu adalah proses
penerapan berbagai teknik dan prinsip
yang bertujuan untuk mendefinisikan
sebuah peralatan, satu proses atau satu
sistem secara detail yang membolehkan
dilakukan realisasi fisik (Taylor,1959 dlm
Pressman, 2001). Fase ini adalah inti
teknis dari proses rekayasa perangkat
lunak. Pada fase ini elemen-elemen dari
model analisa dikonversikan. Dengan
menggunakan satu dari sejumlah metode
perancangan, fase perancangan akan
menghasilkan perancangan data,
perancangan antarmuka, perancangan
arsitektur dan perancangan prosedur.
Perancangan aplikasi berbasis web
interaktif yang dibuat menggunakan agile
method ini diharapkan mampu menjadi
sebuah solusi alternatif bagi khalayak
umum untuk memudahkan dalam
menyewa sebuah kamera melalui jasa
online dengan menggunakan fasilitas
internet dengan cara interaktif yang mudah
diserap dan dipahami oleh konsumen.
1. PENDAHULUAN
1.1 Latar Belakang
Di era modern masa kini seiring pesatnya
perkembangan teknologi, manusia tidak
terlepas dengan yang namanya internet,
internet merupakan jaringan computer
yang saling terhubung menggunakan
standar system global transmission
control protocol/internet protocol
(TCP/IP) sebagai pertukaran paket untuk
melayani miliaran pengguna di seluruh
dunia. Dengan adanya internet kita dapat
terbantu akan kebutuhan informasi yang
kita butuhkan, apalagi dengan orang yang
mempunyai mobilitas tinggi, salah satunya
dengan website.
Fungsi Multimedia salah satunya adalah
sebagai media penyampaian informasi
yang interaktif dan menarik yaitu sebagai
media promosi untuk memasarkan suatu
barang dan jasa. Multimedia mempunyai
beberapa bentuk/jenis sebagai media
penyampaian salah satunya adalah
multimedia berbasis web interaktif.
Multimedia termasuk media yang mudah
dimengerti oleh berbagai kalangan
dibandingkan yang lain karena multimedia
merupakan gabungan dari teks, suara,
gambar animasi dan video.
1.2 Rumusan Masalah
 Bagaimana cara merancang
aplikasi cameo berbasis web
interaktif?
 Bagaimana cara menganalisa
aplikasi berbasis web interaktif?
 Bagaimana cara penggunaan
aplikasi berbasis web interaktif?
1.3 Tujuan
 Untuk memahami perancangan
dengan metode dan model yang
akan digunakan dalam aplikasi
berbasis web interaktif.
 Untuk menganalisis aplikasi
berbasis web interaktif.
 Untuk mengetahui penggunaan
aplikasi berbasis web interaktif.
2. LANDASAN TEORI
2.1 Rekayasa Perangkat Lunak
Rekayasa perangkat lunak merupakan
pembangunan dengan menggunakan
prinsip atau konsep rekayasa dengan
tujuan menghasilkan perangkat lunak yang
bernilai ekonomi yang dipercaya dan
bekerja secara efisien menggunakan
mesin. Proses rekayasa perangkat lunak
dilakukan selama pembangunan perangkat
lunak. Proses-proses yang dilakukan dalam
rekayasa perangkat lunak secara garis
besar adalah analis, perancangan,
implementasi, dan pengujian. Proses-
proses tersebut dapat dilakukan berulang
kali sampai perangkat lunak memenuhi
kebutuhan pelanggan atau user.
2.2 Analisis dan Desain Sistem
Kegiatan analis sistem adalah kegiatan
untuk melihat sistem yang sudah berjalan,
melihat bagian mana yang bagus dan tidak
bagus, dan kemudian mendokumentasikan
kebutuhan yang akan dipenuhi dalam
sistem yang baru. Hal tersebut sederhana,
namun sebenarnya tidak, banyak hambatan
yang akan ditemui dalam proses tersebut
Pada banyak proyek sistem informasi,
proses analisis dan desain sering kali
berjalan bersama-sama. Jadi selama
kegiatan analisis, kegiatan desain juga
dilakukan. Hal ini dilakukan karena pada
banyak kasus, user sering kesulitan untuk
mendefinisikan kebutuhan mereka
2.3 Basis Data
Sistem basis data adalah sistem
terkomputerisasi yang tujuan utamanya
adalah memelihara data yang sudah diolah
atau informasi dan membuat informasi
tersedia saat dibutuhkan. Pada intinya
basis data adalah media untuk menyimpan
data agar dapat diakses dengan mudah dan
cepat.
2.4 Metode Perancangan Aplikasi
Agile methods merupakan salah satu dari
beberapa metode yang digunakan dalam
pengembangan sooftware. Agile method
adalah jenis pegembangan sistem jangka
pendek yang memerlukan adaptasi cepat
dan pengembang terhadap perubahan
dalam bentuk apapun.
Dalam Agil Software Development
interaksi dan personel lebih penting dari
pada proses dan alat, software yang
berfungsi lebih penting daripada
dokumentasi yang lengkap, kolaborasi
dengan klien lebih penting dari pada
negosiasi kontrak, dan sikap tanggap
terhadap perubahan lebih penting daripada
mengikuti rencana.
2.5 Pemodelan dan UML
Pada perkembangan teknik pemrograman
berorientasi objek, muncullah sebuah
standardisasi bahasa pemodelan untuk
pembangunan perangkat lunak yang
dibangun dengan menggunakan teknik
pemrograman berorientasi objek, yaitu
Unified Modeling Language (UML). UML
merupakan bahasa visual untuk pemodelan
dan komunikasi mengenai sebuah sistem
dengan menggunakan diagram dan teks-
teks pendukung. Pemodelan adalah
gambaran dari realita yang simple dan
dituangkan dalam bentuk pemetaan
dengan aturan tertentu. Pemodelan dapat 3.2 Metode Perancangan Aplikasi
menggunakan bentuk yang sama dengan
realitas misalnya jika seorang arsitek ingin Agile methods adalah jenis pengembangan
sistem jangka pendek yang memerlukan
memodelkan sebuah gedung yang akan
adaptasi cepat dan pengembang terhadap
dibangun maka dia akan memodelkannya perubahan dalam bentuk apapun, dalam
dengan membuat sebuah maket (tiruan). agile methods terdapat salah satu model
perancangan yang digunakan dalam
2.6 Pengujian Perangkat Lunak perancangan aplikasi berbasis web
interaktif ini yaitu agile modeling. Agile
Pengujian perangkat lunak adalah sebuah
Modeling adalah metodologi berbasis
topik yang memiliki cakupan luas dan
praktik untuk pemodelan yang efektif dan
sering dikaitkan dengan verifikasi
dokumentasi berbasis sistem perangkat
(verification) dan validasi (validation).
lunak. Pada level agile modeling yang
Verifikasi mengacu pada sekumpulan
tinggi merupakan kumpulan praktik-
aktifitas yang menjadmin bahwa perangkat
praktik terbaik, Pada tingkat AM yang
lunak mengimplementasikan dengan benar
lebih rinci adalah kumpulan nilai-nilai,
sebuah fungsi yang spesifik. Validasi
prinsip, dan praktek untuk perangkat lunak
mengacu pada sekumpulan aktifitas yang
pemodelan yang dapat diterapkan pada
berbeda yang menjamin bahwa perangkat
proyek pengembangan perangkat lunak
lunak yang dibangun dapat ditelusuri
secara efektif dan ringan
sesuai dengan kebutuhan pelanggan
(costumer).
3.3 Use Case Diagram
Sebuah perangkat lunak perlu dijaga
kualitasnya bahwa kualitas bergantung System

kepada kepuasan pelanggan (customer). daftar

Kualitas perangkat lunak perlu dijaga agar <<include>>

dapat “survive” bertahan hidup di dunia login

bisnis perangkat lunak, dapat bersaing

dengan perangkat lunak yang lain, penting menu

untuk pemasaran global (global

marketing) pembayaran
list kamera order/sewa
pengunjung
admin
<<extend>>
<<extend>>

3. PEMBAHASAN tunai
transfer

3.1 Latar Belakang Aplikasi

Gambar 1. Use Case Diagram
Aplikasi web berbasis interaktif yang saya
buat ini adalah Cameo atau camera rental Use case daftar
online adalah salah satu aplikasi berbasis
web interaktif yang menyediakan jasa Aksi Aktor Reaksi Sistem
penyewaan kamera secara online yang 1.Input data diri
memudahkan konsumen dalam mennyewa
sebuah kamera tanpa harus datang ke 2.Mengirim data
tempat persewaan dengan biaya yang yang telah
terjangkau dengan fasilitas delivery barang dimasukan ke data
yang akan dipinjam. base
3.Validasi akun
baru
4. Akun telah tidaknya data
terdaftar masukan
3.Menampilkan
jenis transaksi yang
Use case login akan dipilih
Aksi Aktor Reaksi Sistem (Tunai/transfer)

1.Memasukan
username dan 3.4 Activity Diagram
password yang
didapat ketika customer Sistem data base
daftar
2.Memeriksa valid
tidaknya data data

dengan mengacu daftar login Menu

pada data base

list kamera
3.Masuk ke dalam
main menu sewa order/sewa

kamera online pembayaran

“cameo”

Use case sewa Tunai transfer

Aksi Aktor Reaksi Sistem

1.Memeriksa status
login Gambar 2. Activity Diagram

2.Menampilkan
menu kategori Deskripsi :
sewa/order dan
daftar produk Customer yang telah masuk ke halaman
web diminta untuk login apabila belum
3. Memilih produk mempunyai akun disarankan agar terlebih
kamera yang akan dahulu mendaftar demi kenyamanan dan
disewa keamanan dalam segala proses transaksi,
4. Menambahkan kemudian masukan username & password
kamera yang akan pada menu login lalu sistem akan
disewa ke dalam memvalidasi data yang diinput dan masuk
keranjang sewa ke dalam menu utama, didalam menu
utama terdapat daftar kamera, meliputi
kamera terbaru, terlaris, kemudian
order/sewa kamera, dan pembayaran, di
Use case pembayaran
dalam menu pembayaran terdapat dua
Aksi Aktor Reaksi Sistem plihan transaksi menggunakan transfer
atau tunai, setelah memilih transaksi yang
1.Masukan jenis digunakan maka data akan mengirimkan
pembayaran yang ke dalam data base dan transaksi akan
akan digunakan segera diproses.
2.Memeriksa valid
3.5 Class Diagram 3.6 Sequence Diagram

customer main daftar login menu pembayaran database

class_login
class_menu
+username
+password +listkamera
+order/sewa 1 : masuk()
+getusername() +pembayaran
+getpassword() 2 : daftar()
+getlistkamera()
+getorder/sewa()
Database +getpembayaran()
3 : login()
4 : validasi akun()
+username
Main
+password
+Main_interface +nama
+alamat 5 : back to menu()
+no telepon
+foto 6 : list kamera()
+listkamera
+order/sewa class_pembayaran
+pembayaran 7 : sewa/order()
+konfirmasi
+getusername() +pembayaran
main interface class_daftar +setusername()
+getpassword() +getkonfirmasi() 8 : pembayaran()
+nama +getpembayaran()
+alamat +setpassword()
+no telepon +getnama() 9 : update()
+foto +setnama()
+getalamat()
+getnama() +setalamat() 10 : update()
+setnama() +getnotelepon()
+getalamat() +setnotelepon() 11 : break()
+setalamat() +getfoto()
+getnotelepon() +setfoto()
+setnotelepon() +getlistkamera()
+getfoto() +setlistkamera()
+setfoto() +getorder/sewa()
+setorder/sewa() Gambar 4. Sequence Diagram
+getpembayaran()
+setpembayaran()

Customer disarankan untuk daftar terlebih

Gambar 3. Class Diagram
dahulu untuk bisa login dan mendapatkan
akses lebih terhadap web, kemudian
Nama Kelas Keterangan setelah daftar dan login system akan
Merupakan kelas yang memvalidasi data ke database yang
Main kemudian database merespon data inputan
menangani tampilan
apakah valid atau tidak, jika valid maka
Kelas untuk buat akun otomatis akan langsung terdaftar sebagai
Class_daftar
baru bagi member baru member dan masuk ke dalam menu utama
web, jika tidak akan kembali ke halaman
kelas yang menangani
Class_login login yang terdapat submenu daftar
validasi akun
dibawah menu login. Setelah berhasil
Kelas yang masuk ke dalam menu utama customer
menampilkan pilihan isi dapat melakukan aktivitas mulai dari
menu meliputi list memilih produk kamera hingga detil
Class_menu kamera yang akan disewa, kemudian
kamera-detil kamera,
sewa kamera dan order/sewa untuk produk nya dan proses
pembayaran pembayaran, dalam proses ini maka
otomatis akan terhubung ke system untuk
merupakan kelas untuk update apakah dapat diproses atau tidak,
Class_pembayaran konfirmasi pembayaran setelah proses update ke database berhasil
yang dipilih dan database merespon hasil nya makan
Kelas yang berfungsi transaksi dapat diproses.
sebagai penyimpanan
data ke server yang
Database berisikan username, 3.7 Pengujian Top-Down Integration
password, nama, Pengujian diawali dengan pengujian unit
alamat, harga sewa dan yaitu dari kode, desain, kebutuhan ,setelah
pembayaran itu dilakukan pengujian integritas, saya
memilih pengujian Top-Down Integration
karena pengujiannya dimulai dari atas ke
bawah yang berarti dari sistem yang lebih
besar lalu dilakukan pengujian ke sub sub
menu yang ada
dan untuk menguji prototipe dimana kesalahan-kesalahan dalam penyusunan
sebuah prototipe pada awalnya dibuat karya ilmiah ini.
secara sistem, dan dilihat dari beberapa
fungsi-fungsinya yang ada belum berjalan
benar, fungsinya hanya untuk ditunjukan DAFTAR PUSTAKA
ke user seperti apa yang akan dihasilkan.
S, Rosa A. dan
3.8 Desain Interface
M.Shalahuddin.2014.Rekayasa
Perangkat Lunak:Terstruktur dan
Berorientasi
Objek.Bandung:Informatika
Bandung.

http://www.agilemodeling.com/
Scott W, Ambler(2002)” Effective
Practices for eXtreme Programming
and the Unified.” [Online Book]
Gambar 5. Desain Antar muka

4. PENUTUP
4.1 Simpulan
Berdasarkan uraian diatas, bahwa melihat
kondisi pasar saat ini sedang merebaknya
jual beli online, maka dari itu penulis
tertarik untuk membuat sebuah aplikasi
web interaktif jasa rental kamera online ini
untuk memudahkan seorang ketika
membutuhkan keperluan dalam hal
pengambilan gambar khususnya bagi
mahasiswa dan seorang yang tidak
mempunyai sebuah kamera yang mumpuni
untuk sebuah keperluan baik itu untuk
pekerjaan, tugas ataupun sekedar traveling
dengan mempertimbangkan salah satu
aspek mobilitas orang-orang yang sampai
saat ini semakin padat.

4.2 Saran
Saran bagi penulis adalah dapat
mengembangkan lagi aplikasi multimedia
interaktif yang bermanfaat bagi
kepentingan umum baik untuk anak-anak
hingga orang dewasa, saran bagi
masyarakat umum dapat digunakan sebaik
mungkin dan dikoreksi apabila terdapat