Perancangan Aplikasi Toko Buku Online berbasis Web Interaktif
Ricki Septian, Entik Insanudin
7708164076
Program Studi Sistem Multimedia, Universitas Telkom Bandung
ricksep@students.telkomuniversity.ac.id , insanudin@telkomuniversity.ac.id
Abstrak
Perancangan adalah penggambaran,
perencanaan dan pembuatan sketsa atau
pengaturan dari beberapa elemen yang
terpisah ke dalam satu kesatuan yang utuh
dan berfungsi Perancangan sistem dapat
dirancang dalam bentuk bagan alir sistem
(system flowchart), yang merupakan alat
bentuk grafik yang dapat digunakan untuk
menunjukan urutan-urutan proses dari
sistem (Syifaun Nafisah, 2003 : 2).
Untuk dapat merancang konsep
dalam membuat aplikasi multimedia
dibutuhkan kreatifitas. Kreatifitas adalah
kemampuan untuk menyajikan gagasan
atau ide baru. Sedangkan inovasi
merupakan aplikasi dari gagasan atau ide
baru tersebut. Untuk menciptakan ide yang
orisinil tidaklah mudah, maka dapat
digunakan beberapa teknik untuk
menciptakan ide, yaitu penyesuaian
(adaptasi), Multimedia yang telah ada
dianggap belum sesuai dengan lingkungan
yang dituju.
Website interaktif atau situs interaktif
yaitu komunikasi dua arah. Dua arah antara
si pemilik web dengan pengunjung web itu
sendiri. Jadi dalam web itu memungkinkan
para pembaca untuk berinteraksi dengan
penulis atau dengan pembaca lain.
Misalnya bertanya atau berkomentar atau
mungkin juga saling
menambah informasi dari apa yang mereka
baca.
1. PENDAHULUAN
1.1 Latar Belakang
Membaca adalah suatu cara untuk
mendapatkan informasi dari sesuatu yang
ditulis oleh seseorang. Semakin banyak
membaca, semakin banyak pula informasi
yang kita dapatkan, walaupun terkadang
informasi itu kita dapatkan secara tidak
langsung. Banyak orang mengatakan
bahwa buku merupakan Gudang Ilmu. buku
itu sendiri dapat membuka wawasan yang
sangat luas. Tidak hanya informasi yang
ada dalam negeri, melainkan informasi
tentang dunia, bahkan alam semesta.
Peran Sistem Multimedia dalam
meningkatkan minat baca yang sangat
efektif dan dapat menarik minat masyarakat
untuk membaca dengan menyajikan suatu
informasi yang interaktif dan dapat
mempengaruhi psikologi masyarakat untuk
lebih tertarik dalam minat
membaca.Teknologi ini dimanfaatkan
dengan cara mengembangkan sistem
multimedia dengan menggunakan media
daring dalam menyajikan suatu informasi.
1.2 Rumusan Masalah
 Bagaimana cara merancang suatu
Aplikasi Toko Buku Online yang
berbasis Web interaktif?
 Bagaiaman cara mengaplikasikan
atau cara menggunakan Aplikasi
berbasis Web Interaktif?
  Bagaimana cara menganalisa aplikasi
berbasis Web Interaktif?
1.3 Tujuan
 Mahasiswa dapat memahami
perancangan dengan metode dan
model yang akan digunakan dalam
Aplikasi berbasis Web Interaktif
 Mahasiswa dapat memahami
penggunaan Aplikasi berbasis Web
Interaktif
 Mahasiswa dapat menganalisa
Aplikasi berbasis Web Interaktif
secara detil
2. LANDASAN TEORI
2.1 Rekayasa Perangkat Lunak
Perangkat lunak (software) adalah
program komputer yang terasosiasi dengan
dokumentasi perangkat lunak seperti
dokumentasi kebutuhan, model desain, dan
cara penggunaan (user manual).Sebuah
program komputer tanpa terasosiasi dengan
dokumentasinya maka belum dapat disebut
perangkat lunak (software).Sebuah
perangkat lunak juga sering disebut dengan
sistem perangkat lunak.Sister berarti
kumpulan komponen yang saling terkait
dan mempunyai satu tujuan yang ingin
dicapai.
2.2 Analisis dan Desain Sistem
Desain Sistem informasi merupakan
tahapan yang harus dilakukan berikutnya
setelah analisis desain. Desain sistem ini
berisi konsep dasar untuk melakukan
perancangan sistem dengan menggunakan
pendekatan berorientasi objek. Selain itu,
ada perbandingan metode desain sistem
berorientasi dengan pendekatan terstruktur.
2.3 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.
Agile Method juga dapat diartikan
sekelompok metodologi pengembangan
software yang didasarkan pada prinsip-
prinsip yang sama atau pengembangan
system jangka pendek yang memerlukan
adaptasi cepat dari pengembang terhadap
perubahan dalam bentuk apapun.
Agile Modeling adalah suatu metodologi
yang praktis untuk dokumentasi dan
pemodelan system software. Agile
Modeling adalah kumpulan nilai-nilai,
prinsip dan praktek-praktek untuk
memodelkan software agar dapat
diaplikasian pada software development
proyek secara efektif.
2.4 Pemrograman Berorientasi Objek
Metodologi berorientasi objek adalah
suatu strategi pembangunan perangkat
lunak yang mengorganisasikan perangkat
lunak sebagai kumpulan objek yang berisi
data dan operasi yang diberlakukan
terhadapnya. Metodologi berorientasi
objek merupakan suatu cara bagaimana
sistem perangkat lunak dibangun melalui
pendekatan objek secara sistematis. Metode
berorientasi objek didasarkan pada
penerapan prinsip-prinsip pengolahan
kompleksitas. Metode objek, perancangan
berorientasi objek, pemrograman
berorientasi objek, dan pengujian
berorientasi objek.
2.5 Pemodelan dan UML
UML (Unified Modelling Language)
adalah salah standar bahasa yang banyak
digunakan di dunia industri untuk
mendefinisikan requirement, membuat
analisis & desain, serta menggambarkan
arsitektur dalam pemrgoraman berorientasi
objek Permodelan adalah gambaran dari
realita yang simpel dan dituangkan dalam
bentuk pemetaan dengan aturan tertentu.
Permodelan dapat menggunakan bentuk
yang sama dengan realitas misalnya jika
seorang arsitek ingin memodelkan sebuah
gedung yang akan dibangun maka dia akan
memodelkannya dengan membuat sebuah
maket (tiruan) arsitektur gedung yang akan
dibangun di mana maket itu akan dibuat
semirip mungkin dengan desain gedung
yang akan dibangun agar arsitektur gedung
yang diinginkan dapat terlihat.
2.6 Pengujian Perangkat Lunak
Pengujian perangkat lunak adalah sebuah
topik yang memiliki cakupan luas dan
sering dikaitkan dengan verifikasi
(verification) dan validasi (validation).
Verifikasi mengacu pada sekumpulan
aktifitas yang menjadmin bahwa perangkat
lunak mengimplementasikan dengan benar
sebuah fungsi yang spesifik. Validasi
mengacu pada sekumpulan aktifitas yang
berbeda yang menjamin bahwa perangkat
lunak yang dibangun dapat ditelusuri sesuai Gambar 1. Flow Agile Modelling
dengan kebutuhan pelanggan (costumer). 3.2 Use Case Diagram
Verifikasi dan validasi meliputi beberapa
System
aktifitas yang sering disebut sebagai
Daftar
jaminan kualitas perangkat lunak (Software
Quality Assurance (SQA)). Verifikasi dan
validasi mencakup lingkup yang luas dari <<include>>

aktifitas SQA yang di dalamnya termasuk Login

peninjauan teknik formal, audit kualitas dan Costumer

konfigurasi, performansi pengawasan, Belanja buku

simulasi, studi kemungkinan, peninjauan

dokumentasi, peninjauan basis data,
analisis algoritma, pengujian proses Transaksi
pengembangan perangkat lunak, pengujian
kualifikasi, dan pengujian instalasi. Untuk
melakukan pengujian diperlukan Kredit Tunai
pendefinisian kasus uji (test case) yang
jelas.
3. PEMBAHASAN Gambar 2. Use Case Diagram
3.1 Model Perancangan Aplikasi
Skenario Login
Agile Modeling (AM) adalah metodologi
berbasis praktik untuk pemodelan yang Aksi Aktor Reaksi Sistem
efektif dan dokumentasi dari sistem 1. Memasuk
perangkat lunak berbasis. Pada AM tingkat an
tinggi adalah kumpulan praktik terbaik , username
digambarkan dalam peta bahasa pola dan
bawah (klik pada praktek untuk informasi). password
Pada tingkat AM yang lebih rinci adalah 2. Memeriksa valid
kumpulan nilai-nilai , prinsip , dan praktek tidaknya data
untuk perangkat lunak pemodelan yang masukan dengan
dapat diterapkan pada proyek memeriksa ke
pengembangan perangkat lunak secara database
efektif dan ringan. 3. Masuk kedalam
Interface Toko
Buku Online
Skenario Daftar data
masukan
Aksi Aktor Reaksi Sistem
3. Menampilka
1. Input biodata n pesan jenis
diri transaksi
2. Mengirim yang dipilih
data yang (Kredit/Tuna
sudah di i)
input ke
data base
3. Validasi 3.3 Class Diagram
Akun
baru Class_Daftar

4. Akun Sudah +nama

+kontak
terdaftar +alamat
+getnama()
Class_Login +setnama()
Database +getkontak()
+id +id +setkontak()
Skenario Belanja +password +password +getalamat()
+setalamat()
+getid() +nama
+getpassword() +kontak
Aksi Aktor Reaksi Sistem Main +alamat
+itembuku
1. Memeriksa +Main_Interface() +harga
Class Belanja +getid()
status Login +setid()
+itembuku
+getpassword()
2. Menampilkan +harga
+setpassword()
+getitem() +getnama()
Menu +getharga() +setnama()
Main_Interface +getkontak()
Kategori buku +setkontak()
+getalamat()
dan pilihan Class_Transaksi +setalamat()
+getitembuku()
untuk belanja +Konfirmasi
+Transaksi
+setitembuku()
+getharga()
3. Memilih +getkonfirmasi()
+setharga()
+gettransaksi()
buku
yang
ingin Gambar 3. Class Diagram
dibeli
Nama Kelas Keterangan
4. Menambahkan
Main Merupkan kelas yang
buku yang
menangani tampilan
ingin dibeli
kedalam Class_Daftar Merupakan Kelas
keranjang untuk membuat akun
belanja baru untuk member
baru
Class_login Merupakan kelas
Skenario Transaksi proses yang menangani
validasi akun
Aksi Aktor Reaksi Sistem
Class_Belanja Merupakan kelas
1. Memasuk proses untuk
an jenis melakukan
transaksi pembelanjaan buku
yang ingin yang akan
dipilih dibeli,menampilkan
2. Memeriksa harga,hingga dekripsi
valid buku seperti sinopsis
tidaknya dari buku tersebut
 Class_Transak Merupakan kelas dibeli maka akan lanjut ke menu
si proses untuk transaksi,dan jika belum sistem akan
mengonfirmasi mengulang ke case pembelian buku.Setelah
transaksi yang akan Belanja sudah beres maka terdapat dua
dipilih pilihan jenis transaksi yaitu kredit atau
Database Merupakan kelas yang tunai.lalu pilih tunai.Pembayaran dilakukan
berfungsi sebagai tunai yang dimaksud di transfer ke rekening
penyimpanan data ke
Toko Buku Online .Setelah melakukan
server yang berisikan id
pelanggan,password,bu transaksi data akan langsung mengirim ke
ku yang database dan belanja selesai.
dibeli,harga,dan jenis 3.5 Sequence Diagram
transaksi
Costumer Main Daftar Login Belanja Buku Transaksi Data Base

3.4 Activity Diagram

1 : Masuk() 2 : Daftar()
3 : Login()
Costumer System Data Base

4 : Login()
5 : Validasi Akun()

6 : Backtomain()
Data 7 : Pembelian Buku()
Daftar Login
8 : Transaksi()
9 : Update()

Belanja Buku

10 : Update()
11 : Break()

Transaksi

Gambar 5. Sequence Diagram

Kredit
Gambar 4. Activity Diagram
Deskripsi:
Costumer yang sudah memiliki akun Login
ke dalam sistem lalu sistem akan
memvalidasi akun costumer sedangkan
yang belum punya akun bisa ke case daftar
lalu login ke dalam sistem.Costumer pun
jika tidak ingin membuat akun bisa
langsung ke menu belanja .Terdapat User
interface Belanja yang terdapat berbagai
macam pilihan buku dan kategori buku
yang akan dibeli lalu terdapat decision jika
sudah selesai memilih buku yang akan
Tunai Deskripsi:
Non-Member bisa membuat akun ke case
daftar agar bisa login ke dalam
sistem.Member Login lalu melakukan
validasi akun melalui koneksi BasisData
lalu kembali ke validasi dan mengirim
result(hasil) jika berhasil maka akan
langsung masuk akun dan jika tidak bisa
maka tidak dapat masuk. Setelah berhasil
masuk ke dalam akun costumer dapat
langsung membeli buku yang akan dibeli
setelah itu sistem akan melakukan update
dapat terhubung langsung ke basis data,
basis data akan memberi hasil kalau
transaksi tersebut sudah di update dan
sudah dapat di proses

3.6 Pengujian Aplikasi Top-Down
Integrassion
Gambar 6. Flow Top-Down
Integrassion
Pengujian diawalai dengan pengujian unit
yaitu dari kode, desain, kebutuhan ,setelah
itu dilakukan pengujian integritas saya
memilih pengujian Top-Down Integrassion
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 sebuah prototipe pada awalnya
dibuat secara sistem, dan dilihat dari
beberapa fungsi-fungsinya yang ada belum
berjalan benar, fungsinya hanya untuk
ditunjukan ke user seperti apa yang akan
dihasilkan.
3.7 Desain Interface
Gambar 7. Desain Antarmuka
4. PENUTUP
4.1 Simpulan
Membaca merupakan hal yang sangat
penting dalam kehidupan ini.Perancangan
Aplikasi Web Interaktif yang berorientasi
objek sangat diperlukan untuk kebutuhan
dan membantu pekerjaan khususnya dalam
meningkatkan minat baca masyarakat
dengan menjual buku dengan media online
yang bernama Toko Buku Online.Aplikasi
ini terintegrasi dengan jaringan internet
sehingga dapat terhubung dengan database.
4.2 Saran
Saran bagi penulis adalah dapat
mengembangkan teknologi khususnya
dalam bidang multimedia yang mulai pesat
berkembang pada era globalisasi saat
ini.Saran untuk masyarakat umum dapat
digunakan sebaik mungkin karya tulis
ilmiah ini dan dapat mengoreksi maupun
mengganti jika ada hal yang terbaru dan
perlu diganti baik.
DAFTAR PUSTAKA
S, Rosa A. dan
M.Shalahuddin.2014.Rekayasa
Perangkat Lunak:Terstruktur dan
Berorientasi
Objek.Bandung:Informatika
Bandung.
Scott W, Ambler(2011)”The Best
Practices of Agile
Modelling.”[online]
Tersedia :www.agilemodelling.com [7
Desember 2016]