perancangan sistem penjualan batu permata berbasis

Konferensi Nasional Ilmu Sosial & Teknologi (KNiST)
Maret 2014, pp. 203~214
203
PERANCANGAN SISTEM PENJUALAN BATU PERMATA
BERBASIS WEB PADA TOKO BATU PERMATA DAN
MULIA REDHA COLLECTION
1
2
Muhammad Qadafi Khairuzzaman , Muhamad Nasihin , Heru Setiawan
3
1
Manjemen Informatika
e-mail: [email protected]
2
Manajemen Informatika dan Komputer Sarana Informatika Pontianak
e-mail: [email protected]
3
AMIK BSI Pontianak
e-mail: [email protected]
Abstrak
Toko Batu Permata Dan Mulia Redha Collection yang bertujuan untuk merancang area
bisnis perusahaan, membuat informasi yang bersifat online menjadikan sistem informasi
perusahaan menjadi lebih efektif dan efisien serta dapat bersaing dengan perusahaan
sejenisnya. Pada penelitian ini menggunakan bentuk penelitian deskriptif. Adapun teknik
pengumpulan data yang digunakan adalah wawancara, observasi dan studi pustaka Alat
pengembangan perangkat lunak yang penulis gunakan dalam mendapatkan sebuah
perancanganperangkat lunak secara internal dan eksternal perusahaan adalah Konsep Dasar
Web, Tools Program, Basis Data, Navigasi, HTML, JavaScript, jQuery, PHP, CSS, Adobe
DreamWeaver CS5 dan WAMP Server. Hasil yang didapatkan dari perancangan sistem
penjualan batu permata pada Toko Batu Permata Dan Mulia Redha Collection ini menghasilkan
sistem informasi yang berguna untuk mengintegrasikan informasi pada penjualan online,
sehingga prosedur kerja menjadi lebih mudah, terarah, jelas dan informasi dpaat diperoleh
dengan lebih cepat, tepat dan akurat. Informasi yang di maksud adalah informasi yang bersifat
penjualan online berdasarkan pada target bisnis perusahaan sebagai pengembangan sistem
informasi yang mengarah pada pencapaian suatu keunggulan bersaing bagi perusahaan.
Kata Kunci : Perancangan Sistem Penjualan Berbasis Web, Metode Pengembangan Sistem
yang dipakai Deskriptif.
1. Pendahuluan
Sistem
teknologi
informasi
telah
berkembang dari waktu ke waktu.
Perkembangan dari teknologi informasi ini
menyebabkan perubahan-perubahan peran
dari Ofline dan menjadi peran Online.
Perancangan Web sistem dan teknologi
informasi dibutuhkan untuk mempersiapkan
organisasi
dalam
merencanakan
pemakaian teknologi dan sistem informasi
untuk organisasinya. Melalui perancangan
web
sistem
informasi
penjualan
perusahaan diharapkan dapat mengatasi
kendala yang terjadi selama proses
penjualan. Oleh karena itu, perusahaan ini
membutuhkan perancangan web sistem
informasi yang diharapkan dapat berguna
bagi
perusahaan
dengan
saling
memberikan informasi serta dukungan yang
baik sehingga tujuan perusahaan tercapai.
Perancangan web tersebut dibutuhkan
untuk
menyesuaikan
gerak
langkah
organisasi dengan sistem informasi agar
seirama dengan perkembangan organisasi
untuk
memenuhi
kebutuhan
sistem
informasi organisasi di masa yang akan
datang.
Toko Batu Permata Dan Mulia Redha
Collection yang beralamat di Jln. Indragiri
barat no.1 Blok. A Kota Pontianak terhitung
mulai tahun 2008, dan selanjutnya tetap
berlangsung hingga sekarang. Dalam
kegiatan operasionalnya tidak hanya
bergerak di bidang utama pengadaan dan
penjualan batu permata saja akan tetapi,
berdasarkan akte pendirian perusahaan,
maksud
dan
tujuan
didirikannya
perusahaan ini adalah untuk dapat bisa
menjalankan berbagai jenis aspek usaha
yang dimaksudkan untuk mencapai laju
pendapatan yang baik serta konsisten
dalam kinerja perusahaannya, diantara
Diterima 07 Februari, 2014; Revisi 20 Februari, 2014; Disetujui 15 Maret, 2014
ISBN: 978-602-61242-2-7
maksud dan tujuannya adalah menjalankan
usaha dibidang perdagangan umum,
termasuk diantaranya perdagangan ekspor
dan impor, perdagangan antar pulau
(interinsulair) baik sebagai agen komisi,
distributor, laverancier maupun grosir,
tetapi bisa juga dalam bidang konstruksi,
perdagangan,
pertanian,
peternakan,
perikanan, kehutanan dan sebagainya.
Toko Batu Permata Dan Mulia Redha
Collection berdiri pada tahun 2008 tepatnya
pada tanggal 18 Februari 2008, dihadapan
Notaris : Agung Sri Sadhono, SH ini
dengan bentuk Perseroan Komanditer.
Melalui perancangan sistem penjualan batu
permata
berbasis
web
perusahaan
diharapkan dapat mengatasi kendala yang
terjadi
selama
proses
penjualan.
Berdasarkan hasil observasi awal yang
sudah dilakukan sebelumnya, teridentifikasi
bahwa
pihak
perusahaan
memiliki
hambatan
dan
kesulitan
dalam
menghasilkan keuntungan, pencapaian
target penjualan. Selain target penjualan
yang
dihadapi
pelayanan
terhadap
konsumen antar daerah yang dinilai masih
sulit untuk melakukan transaksi. Kondisi ini
sudah berjalan cukup lama, karena
ketidakmampuan
perusahaan
untuk
membentuk sebuah strategi bisnis yang
relevan dengan keberadaan teknologi
informasi di dalam dunia bisnis. Oleh
karena itu, perusahaan ini membutuhkan
perancangan sistem
penjualan batu
permata berbasis web yang diharapkan
dapat berguna bagi perusahaan dengan
saling
memberikan
informasi
serta
dukungan yang baik diantara keduanya
sehingga tujuan perusahaan tercapai.
Konsep Dasar Web
Web merupakan hal yang tidak dapat
dipisahkan dari dunia internet. Melalui web,
setiap pemakai internet bisa mengakses
informasi-informasi di situs web yang tidak
hanya berupa teks, tetapi juga dapat
berupa gambar, suara dan animasi.
Pendukung dalam komponen web adalah
sebagai berikut :
HyperText Transfer Protocol (HTTP)
“HTTP
adalah
protokol
komunikasi
stateless yang berbasiskan pada TCP yang
awalnya digunakan untuk mengambil
kembali file-file HTML dari server web”.
(Simarmata, 2010:52).
World Wide Web (WWW)
WWW atau yang sering juga disebut
sebagai Web saja merupakan aplikasi
internet yang paling popular hingga internet
diidentikkan dengan web. Secara teknis,
Web adalah sebuah sistem yang ada di
dalam internet dengan informasi yang
disajikan dalam bentuk teks, gambar,
suara, dan lain-lain yang tersimpan dalam
sebuah server Web Internet yang disajikan
dan dikodekan sebagai suatu bahasa
standar yang disebut hypertext mark-up
language (HTML), (Simarmata, 2010:47).
Universal Resource Locations (URL)
Universal Resource Locations, menurut
Simarmata (2010:55) adalah “cara seragam
untuk menunjuk server web pada internet ”.
Internet
Internet adalah kelompok atau kumpulan
dari jutaan komputer yang memungkinkan
kita untuk mendapatkan informasi dari
komputer yang ada didalam kelompok
tersebut dengan asumsi bahwa pemilik
komputer
memberikan
izin
akses,
(Simarmata, 2010:47).
Website
Simarmata (2010:47) mendeskripsikan
bahwa penggunaan internet memungkinkan
kita untuk mendapatkan informasi dari
semua komputer yang ada dalam kelompok
tersebut dengan asumsi bahwa pemilik
komputer yang dituju memberikan izin
akses.
Pengertian Sistem
Sistem dapat didefinisikan menjadi dua
kelompok, yaitu dengan pendekatan
prosedur
dan
dengan
pendekatan
komponen.
Menurut Jogiyanto (2009:34) Sistem
Teknologi Informasi, pengertian sistem
dengan pendekatan prosedur yaitu ”sistem
dapat didefinisikan sebagai kumpulan dari
prosedur-prosedur yang mempunyai tujuan
tertentu”.
Menurut Jogiyanto (2009:34), sistem
dengan pendekatan komponen yaitu,
”sistem
dapat
didefinisikan
sebagai
kumpulan dari komponen yang saling
berhubungan satu dengan yang lainnya
membentuk satu kesatuan untuk mencapai
tujuan tertentu”.
Komponen Sistem Informasi
Pada umumnya, data yang diolah untuk
dijadikan suatu informasi melalui suatu
siklus. Siklus ini dinamakan siklus
pengolahan data, seperti yang terlihat pada
gambar di bawah ini:
KNiST, 30 Maret 2014
204
ISBN: 978-602-61242-2-7
Sistem Informasi mempunyai enam buah
komponen, yaitu
komponen input atau komponen masukan,
komponen model, komponen output atau
komponen keluaran, komponen teknologi,
komponen basis data, komponen control
(Jogiyanto, 2009:42).
Tools Program
Flowchart
Menurut Yuswanto (2008:16) flowchart
adalah“ suatu metode pemecahan masalah
yang
digambarkan
dengan
mempresentasikan simbol-simbol tertentu
yang mudah dimengerti, mudah digunakan
dan standar”.
Terdapat dua model dalam penulisan
flowchart menurut Yuswanto (2008:16),
yaitu sistem flowchart dan program
flowchart:
Sistem Flowchart
Diagram alir yang menggambarkan suatu
sistem peralatan komputer yang kemudian
digunakan dalam proses pengolahan data
serta hubungan antar peralatan disebut
Sistem flowchart. Sistem flowchart ini
hanya digunakan untuk menggambarkan
prosedur dalam sistem yang dibentuk dan
tidak digunakan untuk menggambarkan
urutan
langkah
untuk
memecahkan
masalah.
Program Flowchart
Diagram alir yang menggambarkan urutan
logika dari suatu prosedur pemecahan
masalah disebut Program flowchart.
Pada penggambaran program flowchart
terdapat dua jenis metode menurut
Yuswanto (2008:19), yaitu:
Conceptual Flowchart
Menggambarkan alur tentang pemecahan
dari suatu masalah yang dilakukan secara
global adalah Conceptual Flowchart.
Detail Flowchart
Yang menggambarkan alur dari tentang
suatu pemecahan masalah secara rinci.
Hierarchy
Plus
Input-process-Output
(HIPO)
HIPO adalah teknik penggambaran modulmodul yang nantinya akan dikembangkan
oleh programmer menjadi prosedurprosedur dalam program sistem informasi
(Fatta, 2007:150).
Menurut Fatta (2007:149) Paket HIPO
terdiri dari 3 jenis diagram, yaitu:
Daftar Isi Visual (Visual Table of Contents).
Diagram Ringkas (Overview Diagrams).
Diagram Rinci (Detail Diagram).
Entity Relations Diagram (ERD)
ERD merupakan singkatan dari Entity
Relations Diagram. ERD merupakan suatu
model untuk menjelaskan hubungan antar
data dalam basis data berdasarkan objekobjek dasar data yang mempunyai
hubungan antar relasi. Menurut Asrianda
dan Fadlisyah (2008:9) Relationship adalah
“penghubung antara dua buah tabel atau
lebih, sebagai gambaran relasi secara
lengkap yang menghubungkan antara
atribut tabel 1 dengan atribut tabel yang
lainnya”.
Entity Relations Diagram (ERD) pertama
kali dideskripsikan oleh Peter Chen yang
dibuat sebagai bagian dari perangkat lunak
CASE.
Komponen-komponen
yang
termasuk dalam ERD menurut Imbar dalam
Sumantri (2011:116), adalah:
Entitas (Entity).
Relasi (Relationship).
Atribut (Attribute).
Kardinalitas (Kardinality).
Dalam mentransformasikan diagram-ER
kedalam bentuk LRS harus mempunyai
pedoman
sebagai
berikut
menurut
Adiwinoto (2010:21):
Transformasi 1:1 (one to one).
Transformasi 1:M/M:1 (one to many / many
to one).
Transformasi M:M (many to many).
Pengkodean
Pengkodeaan (coding) adalah prosedur
teknis dimana data mentah diubah menjadi
simbol-simbol yang biasanya berupa
angka-angka karena dapat ditabulasi dan
dihitung dengan lebih mudah. Akan tetapi
transformasinya tidak bersifat otomatis,
namun melibatkan pertimbangan di pihak
pemberi kode (Churchill 2005:162).
Langkah pengkodean yang pertama adalah
menentukan kategori atau kelas dimana
respons akan dimasukkan. Tidak ada
KNiST, 30 Maret 2014
205
ISBN: 978-602-61242-2-7
nomor kategori yang ajaib. Nomor kategori
akan tergantung pada masalah riset yang
sedang diselidiki dan item-item khusus
yang digunakan untuk menghasilkan
informasi (Churchill 2005:163).
Langkah pengkodean yang kedua meliputi
pemberian nomor-nomor kode pada kelas.
Misalnya jenis kelamin dapat ditunjukkan
dengan M untuk Male (laki-laki) dan
perempuan F untuk Female (Wanita)
(Churchill 2005:163).
Salah satu cara yang ditempuh untuk
menyatakan suatu data dalam bentuk lain
adalah melalui pengkodean (data coding)
(Fathansyah, 20..:105).
Spesifikasi File
File di dalam pemrosesan aplikasi dapat
dikategorikan ke dalam beberapa tipe
tergantung dari kegunaannya menurut
Jogiyanto (2006:716):
File Induk (Master File)
Didalam aplikasi, file ini merupakan file
yang penting dimana berisi record-record
yang
sangat
diperlukan
di
dalam
organisasi. Selama hidup dari sistem, file ini
akan tetap terus ada. File induk dapat
dikategorikan lagi menjadi:
File induk yang recordnya relative statis
dan nilainya jarang berubah yaitu File induk
acuan (reference master file).
File induk yang record-record nya sering
berubah atau sering dimutakhirkan (updated) yang digunakan sebagai hasil dari
suatu transaksi yaitu File induk dinamis
(dynamic master file).
File Transaksi (Transaction File)
File ini digunakan untuk merekam data
hasil dari file transaksi. Karena itu File
transaksi ini disebut juga dengan nama
input file.
File Laporan (report file)
File ini adalah file yang berisi informasi
yang akan ditampilkan. file ini juga
biasanya diambilkan dari isi dari field di
satu atau lebih master file untuk
mempersiapkan pembuatan laporan. Maka
dari itu disebut dengan nama output file.
File Sejarah (history file)
File sejarah (history file) merupakan file
yang berisi data masa lalu yang sudah tidak
aktif lagi tetapi masih disimpan sebagai
arsip file kategori ini disebut juga dengan
nama file arsip (archival file).
File Pelindung (backup file)
File
Pelindung
digunakan
sebagai
pelindung atau cadangan jika file database
yang masih aktif mengalami kerusakan
atau hilang. File ini merupakan salinan dari
file-file yang masih aktif yang terdapat di
dalam database pada suatu saat tertentu.
Spesifikasi Sistem Komputer
Sistem komputer adalah elemen-elemen
yang terkait untuk menjalankan suatu
aktifitas dengan menggunakan komputer
(Dhanta, 2009:49).
Di dalam sebuah sistem komputer terdiri
dari perangkat keras (hardware) dan
perangkat lunak (software) yang saling
terkonfigurasi untuk menjalankan sebuah
sistem.
Perangkat keras (hardware) merupakan
bagian
yang
berhubungan
dengan
komponen-komponen secara fisik, terdiri
dari unit-input unit-processing (Yuswanto,
2008:2).
Perangkat lunak (software) merupakan
program yang berisi instruksi-instruksi
untuk
melakukan
pengolahan
data
(Yuswanto, 2008:5).
Perancangan Basis Data (Database)
Basis
Data
(Database)
sekarang
merupakan bagian dari kehidupan kita
sehari-hari yang biasanya tidak kita sadari
penggunaanya. Basis data merupakan
koleksi dari data yang berhubungan dan
Sistem Manajemen Basis Data (Database
Management System/DBMS) merupakan
perangkat lunak (software) yang mengatur
dan mengontrol akses ke basis data.
Menurut Mesran (2009:141) menyatakan
bahwa ”Database dapat diartikan sebagai
kumpulan data yang terdiri atas satu tabel
atau lebih tabel yang terintegrasi satu sama
lain, dimana setiap pemakai (user) diberi
wewenang
untuk
dapat
mengakses
(mengubah, menghapus, menganalisis,
menambah, memperbaiki) data dalam tabel
tersebut”.
Suatu Basis Data mempunyai kriteria
penting yang harus di penuhi menurut
Martin dalam Sutanta (2011:30), yaitu:
Berorientasi pada data (data oriented) dan
bukan berorientasi pada program (program
oriented) yang akan menggunakannya.
Data, volume maupun strukturnya dapat
berkembang dengan mudah dan baik
dalam basis data.
Data yang ada dapat memenuhi kebutuhan
sistem-sistem baru secara mudah.
Data dapat digunakan dengan cara yang
berbeda-beda.
Kerangkapan data (data redundancy)
minimal.
Perancangan Database yang dipakai dalam
perancangan web ini adalah MySQL.
Menurut
Andri
Kristanto
(2010:219)
KNiST, 30 Maret 2014
206
ISBN: 978-602-61242-2-7
menyatakan bahwa “ MySQL ( My Structure
Query Languange) merupakan sebuah
program pembuat database yang bersifat
open source, artinya semua orang dapat
menggunakannya dan dapat dijalankan
pada semua platform baik Windows
maupun Linux)”.
Bahasa Pemograman
Dalam
konsep
dasar
pemograman,
terdapat
bahsa
pemograman
untuk
membantu sebuah perancangan perangkat
lunak dengan prosedur-prosedur dan
tatalaksana yang ada.
Menurut Yuswanto (2009:8) ”Bahasa
pemograman merupakan prosedur atau
tatacara penulisan program.
Jenis-jenis bahasa pemograman, secara
umum dapat dikelompokan menjadi empat
kategori, yaitu Yuswanto (2009:9):
Bahasa Pemograman Tingkat Rendah.
Bahasa Pemongraman Tingkat Menengah.
Bahasa Pemograman Tingkat tinggi.
Bahasa Berorientasi Obyek.
Bahasa pemograman yang dipakai dalam
perancangan sistem ini menggunakan
bahasa pemograman:
Hypertext Preprocessor (PHP)
Menurut Andri Kristanto (2010:9), “PHP
adalah
bahasa
pemrograman
yang
digunakan secara luas untuk penanganan
pembuatan dan pengembangan sebuah
web dan bisa digunakan pada HTML”.
Hyper Text Markup Languange (HTML)
Menurut Simarmata (2010:52) HTML
adalah
“
bahasa
markup
untuk
menyebarkan informasi pada web ”.
Cascading Style Sheet (CSS)
Cascading
Style
Sheet
merupakan
template yang berfungsi untuk mengontrol
format tag HTML pada halaman web.
Dengan CSS kita akan dapat lebih mudah
dalam mengubah ataupun mempercantik
halaman web.
JQuery
JQuery merupakan pustaka Javascript
yang dibangun untuk mempercepat dan
memperingkas serta menyederhanakan
manipulasi dokumen HTML, penanganan
event, animasi dan interaksi Ajax untuk
mempercepat pengembangan web.
JavaScript
Menurut Kadir dan Triwahyuni (2013:325)
mengemukakan bahwa, JavaScript adalah
bahasa pemograman yang bisa diletakan
pada kode HTML untuk menentukan suatu
tindakan.
WAMP Server
WAMP adalah sebuah aplikasi paket server
yang didalamnya berisi beberapa software
pendukung untuk sebuah server dan web
berbasis PHP (Virgi dan Hirin, 2011:3).
Navigasi
Menurut Fauzi dalam Hudaf dan Lussiana
(2008:110) menyatakan bahwa, struktur
navigasi adalah “struktur atau alur dari
suatu program”.
Vaughan (2006:368) menjelaskan Empat
macam bentuk dasar dari peta navigasi
yang biasa digunakan dalam proses
pembuatan aplikasi multimedia, yaitu:
Linear ini adalah struktur navigasi yang
hanya memiliki satu rangkaian dan tidak
diperkenankan adanya percabangan yang
terdapat didalam struktur navigasi tersebut.
Contoh:
Hierarki disebut juga “linier dengan
percabangan” karena dalam bentuk peta ini
pengguna melakukan navigasi di sepanjang
cabang pohon struktur yang terbentuk oleh
natural logic dari isi.
Contoh:
Nonlinier adalah pengguna melakukan
navigasi dengan bebas melaluiisi proyek,
tidak terikat dengan rute yang telah
ditetapkan dengan sebelumnya.
Contoh:
KNiST, 30 Maret 2014
207
ISBN: 978-602-61242-2-7
Pada bentuk peta navigasi ini disebut
komposit, karena pengguna melakukan
navigasi dengan bebas (secara nonliner),
tetapi terkadang juga di batasi logis dalam
suatu hierarki.
2. Metode Penelitian
Metode yang penulis gunakan pada
pengembangan perangkat lunak ini yaitu
dengan model waterfall. Menurut Rosa dan
Shalahuddin (2013:28) model waterfall
adalah “model air terjun menyedikan
pendektan alur hidup perangkat lunak
secara sekuensial atau terurut dimulai dari
analisis, desain, pengujian, dan tahap
pendukung (support)” .Pada model ini
memiliki tahapan sebagai berikut (Rosa dan
Shalahuddin, 2013:28):
Analisa Kebutuhan Perangkat Lunak
Proses menganalisa dan mengumpulkan
kebutuhan sistem yang sesuai dengan
informasi
untuk
menspesifikasikan
kebutuhan perangkat lunak agar dapat
dipahami sitem informasi seperti apa yang
diinginkan oleh user.
Desain Perangkat Lunak
Merancang desain aplikasi dan model
antarmuka yang akan dikembangkan
berdasarkan hasil analisa kebutuhan agar
dapat diimplementasikan menjadi program
pada tahap selanjutnya.
Implementasi dan Pengujian Unit
Proses implementasi perangkat lunak yang
berdasarkan analisa dan pengujian unit,
jika aplikasi tersebut terjadi kesalahan
maka akan mencari di mana letak bagian
error dan segera diperbaiki.
Komputer. Berikut ini adalah perancangan
astitektur perangkat, adalah sebagai berikut
:
Flowchart
Dalam perancangan sistem informasi
penjualan permata pada Toko Batu
Permata Dan Mulia Redha Collection ini ,
flowchart temasuk dalam metode yang
digunakan untuk menggambarkan urutan
instruksi
proses
dalam
pemecahan
masalah yang dilakukan oleh beberapa
pengguna sebagai berikut:
Flowchart Level Administrator
Flowchart Login Administrator
Flowchart Menu Produk Administrator
Flowchart Menu Kategory Administrator
3. Pembahasan
Hasil dari penelitian pada Toko Batu
Permata Dan Mulia Redha Collection
adalah sebagai berikut:
Perancangan Sistem
Strategi dalam tahapan perancangan web
Toko Batu Permata Dan Mulia Redha
Collection mengacu pada perancangan
tools program. Dalam penelitian ini penulis
menggunakan Flowchart, HIPO, ERD,
Spesifikasi File dan Spesifikasi Sistem
KNiST, 30 Maret 2014
208
ISBN: 978-602-61242-2-7
Flowchart
Menu
Administrator
Member
Halaman
Flowchart
Menu
Administrator
Pesan
Halaman
Flowchart
Menu
Administrator
Report
Flowchart Level Member
Flowchart Login Member
Flowchart Menu Home member
Halaman
Flowchart Menu Cara Pemesanan member
Flowchart Menu Produk member
Flowchart
Menu
Administrator
Logout
Halaman
KNiST, 30 Maret 2014
209
ISBN: 978-602-61242-2-7
Flowchart
member
Menu
Keranjang
Belanja
Diagram Hipo Level Administrator
Flowchart Menu Identitas Diri Member
Diagram Hipo Level Member
Flowchart Menu Logout Halaman Member
Hierarchy Plus Input-process-Output
(HIPO)
Berikut adalah gambaran dan penjelasan
dari suatu perancangan sistem Toko Batu
Permata Dan Mulia Redha Collection dalam
bentuk diagram HIPO.
Entity Relations Diagram (ERD)
Dalam perancangan sistem informasi
penjualan permata ini, terdapat beberapa
tabel yang digunakan untuk perancangan
sistem. Berikut relasi yang terdapat dalam
database Permata :
KNiST, 30 Maret 2014
210
ISBN: 978-602-61242-2-7
Spesifikasi File
Spesifikasi
file
digunakan
untuk
merepresentasikan data pada memory
secara logika dan mengkarakteristikan
setiap variable dalam program secara
eksplisit ataupun implicit, untuk operasi
yang dibolehkan/berlaku pada object data
tersebut. Struktur data diperlukan dalam
perencanaan algoritma dan penyusunan
program sebagai teknis dari database.
Spesifikasi Sistem Komputer
Berikut adalah perangkat keras dan
perangkat lunak yang penulis gunakan
dalam perancangan aplikasi, yaitu:
Perangkat Keras (Hardware)
Adapun spesifikasi perangkat keras atau
hardware
yang
digunakan
dalam
perancangan tugas akhir ini antara lain:
Processor
: Processor 1.80GHz.
Memory RAM : 2.00 GB.
Hard Disk
: 320 GB.
Touchpad
: Synaptics TouchPad.
Printer
: INK JET.
Perangkat Lunak (Software)
Berikut uraian spesifikasi perangkat lunak
atau software yang digunakan untuk
menyelesaikan tugas akhir ini, yaitu:
Sistem Operasi (OS)
:Windows
8
Professional ©2012.
Editor
:Adobe
Dreamweaver CS5 dan Photoshop CS4.
Web Server
:apache2.2.22,
mysql5.5.24, php5.4.3.
Database
:phpMyAdmin dan
MySQL.
Bahasa Pemrograman :HMTL,
PHP,
JavaScript, jQuery dan CSS.
Web Browser
:Modzila Fairfox.
Perancangan Antarmuka Website Toko
Batu Permata Dan Mulia Redha
Collection Form Utama
Pada saat user masuk ke form utama maka
user dapat melakukan pendataan buku
dengan memilih salah satu menu pada form
utama. Apakah user ingin melakukan
pembelian, Mendaftar member, cara
pemesanan, mengetahui produk dan
melihat keranjang pembelian dan contact
us. Pada form utama, user juga dapat
melihat informasi informasi tentang batu
permata.
Menu member
Saat member memilih menu anggota maka
member dapat melakukan penambahan
pada anggota atau melakukan perubahan
pada data anggota. Pada menu anggota
juga ditampilkan menu grid sehingga data
yang baru ditambakan, diubah, atau di
hapus oleh admin dapat dilihat secara
langsung di menu grid pada menu anggota.
Cara Pemesanan
Saat Member ingin memesan suatu produk
member akan diarahkan apa saja yang
harus dilakukan, diantaranya:
Silakan lakukan pembayaran secara
transfer melalui rek yang tertera sesuai
dengan nilai yang telah di tentukan.
Konfirmasi pembayaran kepada admin
ataupun contact person untuk memastikan
transaksi agar segera di proses.
Cek kembali barang yang sudah di terima
apakah pesanan telah sesuai dengan yang
diinginkan.
Produk
Saat member memilih menu produk
member akan diarahkan langsung pada
pilihan produk yang tersedia, produk yang
tersedia memiliki gambar dan detail produk
juga dengan harga yang ditawarkan. Pada
menu Produk member juga bisa langsung
memesan produk yang tersedia.
Menu Keranjang
Menu Keranjang adalah menu laporan
belanja member yang dapat melihat rincian
belanja.
Menu History Keranjang
Menu History Keranjang adalah menu
laporan belanja member yang dapat
melihat rincian belanja dan dapat di print
out atau dikonversikan Ke format PDF.
Menu Konfirmasi
Menu Konfirmasi adalah menu member
mengirimkan konfirmasi pembelian batu
permata atau produk didalamnya terdapat
form nama member, form rekening bank
dan form jenis bank yang digunakan dan
juga bukti pembayaran berupa foto yang
dapat di upload oleh member.
Form Print
Menu Konfirmasi adalah menu member
mengirimkan konfirmasi pembelian batu
permata atau produk didalamnya terdapat
form nama member, form rekening bank
dan form jenis bank yang digunakan dan
juga bukti pembayaran berupa foto yang
dapat di upload oleh member.
Perancangan Output
Tampilan Form Utama
KNiST, 30 Maret 2014
211
ISBN: 978-602-61242-2-7
Pada halaman ini terdapat produk-produk
yang diterbitkan dan, terdapat menu untuk
mengelola Member, mengelola produk,
history transaksi.
Tampilan Form Login
Pada saat program dijalankan, akan
muncul form login, pada form ini diwajibkan
untuk
mengisikan
password,
untuk
mengakses lebih lanjut.
Navigasi Halaman Admin
Merupakan halaman login admin pada
Website Toko Batu Permata Dan Mulia
Redha Collection. Pada halaman ini
terdapat form username, password, dan
captcha yang harus diinputkan terlebih
dahulu oleh admin supaya dapat masuk ke
dalam halaman admin.
Menu Transaksi
Pada navigasi tersebut dapat dilihat bahwa
pada penjualan Toko Batu Permata Dan
Mulia Redha Collection terdapat beberapa
menu utama dengan kegunaannya masingmasing, menu utama tersebut adalah
dashboard, produk, member dan history.
Berikut penjabaran lebih rinci tentang
masing-masing fungsi menu tersebut:
Menu Administrator
Perancangan
Navigasi
Toko
Batu
Permata Dan Mulia Redha Collection
Struktur navigasi (site map) pada sebuah
website
ini
digunakan
untuk
menggambarkan isi seluruh website secara
garis besar dan menggambarkan hubungan
satu halaman dengan halaman yang lain.
KNiST, 30 Maret 2014
212
ISBN: 978-602-61242-2-7
Navigasi Halaman Penjualan
Pada navigasi tersebut dapat dilihat bahwa
pada penjualan Toko Batu Permata Dan
Mulia Redha Collection terdapat beberapa
menu dengan kegunaannya masingmasing, menu tersebut adalah beranda,
tentang kami, cara belanja, hubungi kami,
keranjang belanja, download, member area
dan sub-menu dari kategori produk.
Fasilitas yang disediakan bagi user yang
login sebagai member berupa menu
pengaturan
profil,
history
transaksi,
pengaturan
password,
konfirmasi
pembayaran dan logout.
4. Simpulan
Berdasarkan hasil kajian dan pembahasan
dalam penelitian ini maka dapat diambil
beberapa kesimpulan sebagai berikut:
Pengembangan perancangan website Toko
Batu Permata Dan Mulia Redha Collection
dilakukan dengan cara analisis terhadap
kebutuhan dengan cara pengumpulan data
yang terdiri dari data primer dan data
sekunder.
Pada data primer penulis memperoleh data
dengan cara melakukan wawancara,
observasi dan survei. Sedangkan data
sekunder penulis memperoleh data dengan
cara mempelajari.
Tahapan dalam perancangan website
mengacu kepada Sekuensial Linear.
Hasil akhir adalah sebuah rancangan
website yang dapat dipergunakan Toko
Batu Permata Dan Mulia Redha Collection
untuk
memasarkan
barang
kepada
masyarakat luas.
Adanya website lebih mempermudah
konsumen untuk melakukan transaksi dan
memberikan kepercayaan konsumen untuk
trus melakukan transaksi. Pelayanan
terhadap konsumen adalah hal yang paling
utama dari website ini.
Pembaharuan website Toko Batu Permata
Dan Mulia Redha Collection selalu update
setiap bulannya.
Saran
Berdasarkan hasil pembahasan dan
kesimpulan maka saran yang dapat penulis
berikan adalah sebagai berikut:
Pengoperasian secara maksimal dari
website diperlukan adanya penerapan
teknologi internet dan perangkatnya yang
memadai.
Diperlukan penelitian lebih lanjut yang
mengarah kepada mempelajari keinginan
dan kebutuhan konsumen terhadap produk
yang dijual.
Personil yang dilibatkan dalam manajemen
konten dan pemeliharaan perlu memiliki
pengetahuan dasar dibidang jaringan dan
memahami dasar pemrograman webiste.
Untuk memperoleh hasil yang maksimal
perlu mencakup keseluruhan dari fase
Sekuensial Linear dan juga diperlukan
kajian lebih.
Untuk selalu memberikan informasi terbaru
kepada konsumen, Toko Batu Permata Dan
Mulia Redha Collection selalu memperbarui
informasi websitenya.
KNiST, 30 Maret 2014
213
ISBN: 978-602-61242-2-7
Referensi
Elcom. 2010. Adobe Dreamwever CS5.
Yogyakarta: Andi.
Kadir, Abdul. 2008. Dasar Pemrograman
Web Dinamis Menggunakan PHP.
Yogyakarta: Andi.
Evi,
Kristanto, Andri. 2010. Kupas Tuntas PHP
& MySQL. Cable Book.
Fatta,
ViolinadanMalabay.2009.
Analisis
Pengembangan
Aplikasi
Web
Untuk
Profil
Perusahaan.
Yogyakarta.
Al, Hanif. 2007. Analisis Dan
Perancangan Sistem Informasi
Untuk
Keunggulan
Bersaing
Perusahaan
Dan
Organisasi
Modern. Yogyakarta: Andi.
Hirin. A.M. dan. Virgi. 2011. Cepat Mahir
Pemrograman Web Dengan PHP
dan MySQL. Jakarta: PT.Prestasi
Pustakaraya.
Nazir, Moh, Ph.D. 2009. Metode Penelitian.
Ghalia Indonesia.
Nazir, Moh, Ph.D. 2011. Metode Penelitian.
Ghalia Indonesia.
Rizky. 2011. Konsep Dasar Rekayasa
Perangkat Lunak. Jakarta: PT
Prestasi Pustakaraya.
Simarmata, Janner. 2010. Rekayasa Web.
Yogyakarta: CV. Andi Offset.
Irawan. 2011. Panduan Berinternet Untuk
Orang
Awam.
Palembang:
Maxikom.
Soehartono, Irawan. DR. 2008. Metode
Penelitian Sosial. Bandung: PT.
Remaja Rosdakarya.
Jogiyanto, H.M. 2009. Sistem Teknologi
Informasi. Yogyakarta: Andi.
Wahana,
Komputer.
2011.
Adobe
Dreamwever CS5 Untuk Beragam
Desain
Website
Interaktif.
Semarang: Andi.
________,
H.M.
2006.
Pengenalan
Komputer Dasar Ilmu Komputer,
Pemrograman, Sistem Informasi
dan
Intelegensi
Buatan.
Yogyakarta: Andi.
________, H.M. 2005. Analisis Dan Desain.
Yogyakarta: Andi.
Kadir,
Abdul. 2008. Belajar Database
Dengan MySQL. Yogyakarta: Andi.
Winarno, Edy, S.T, M.Eng dkk. 2010. Web
Programming Dengan Visual Basic
2011. Jakarta: PT Elex Media
Komputindo.
Yakub. 2012. Pengantar Sistem Informasi.
Yogyakarta: Graha Ilmu.
Yuswanto.
2008.
Algoritma
&
Pemrograman
Dengan
Visual
Basic.Net 2005. Jakarta: Cerdas
Pustaka Publisher.
KNiST, 30 Maret 2014
214