tugas akhir - repository.bsi.ac.id€¦ · adapun maksud dari pembuatan tugas akhir ini adalah: 1....
TRANSCRIPT
PERANCANGAN SISTEM INFORMASI PENJUALAN ANEKA
KUE BERBASIS WEB
TUGAS AKHIR
Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma III
NUR FAIZIN
NIM : 12143783
Program Studi Manajemen Informatika
Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika
Jakarta
2017
ABSTRAKSI
Nur Faizin (12143783), Perancangan Sistem Informasi Penjualan Aneka Kue
Berbasis Web
Di era modern ini perkembangan dunia internet semakin meningkat, membuat
masyarakat ingin sesuatu yang bersifat praktis, dan dapat diakses dimanapun dan
kapanpun.Sehingga banyak pelaku usaha yang ingin memperluas penjualan secara
tidak langsung atau tidak langsung bertatap muka dengan pembeli.
Kajian ini bertujuan untuk membangun sebuah website e-commerce pada
penjualan aneka kue yang dibuat dan dikembangkan dengan dengan menggunakan
bahasa pemrograman HTML, CSS, PHP dan MySQL. Website e-commerce
berfungsi untuk memudahkan pembeli untuk dapat membeli produk-produk aneka
kue secara online.
Sistem yang terkomputerisasi lebih baik dari sistem yang manual agar berjalan
lebih efektif dan efesien serta sistem penjualan yang sekarang lebih kondusif
dibandingkan dengan sistem yang terdahulu. Dalam pembuatan website ini sangat
bermanfaat, karena dengan adanya website ini pembeli tidak harus datang
langsung dan antri pada saat berbelanja, dengan adanya menu admin yang dinamis
maka website dapat dengan cepat diperbaharui dan menanggapi segala aktifitas
jual beli. Oleh karena itu kemanan dari data-datanya harus selalu dijaga
Kata kunci: Perancangan Sistem Informasi, Toko Kue
ABSTRACTION
Nur Faizin (12143783), Design of Sales Information Systems Assorted Web-
Based Cake
In this modern era the development of the internet world is increasing, making
people want something that is practical, and can be accessed anywhere and
anytime. So many business actors who want to expand sales indirectly or
indirectly face to face with buyers.
This study aims to build an e-commerce website on the sale of various cakes made
and developed by using the programming language HTML, CSS, PHP and
MySQL. E-commerce website serves to facilitate buyers to be able to buy products
of various cakes online.
The computerized system is better than the manual system to run more effectively
and efficiently and the current sales system is more conducive than the previous
system. In making this website is very useful, because with this website buyers do
not have to come directly and queue at the time of shopping, with a dynamic
admin menu then the website can be quickly updated and respond to all buying
and selling activities. Therefore, the security of the data must always be
maintained.
Keywords: Information System Design, Cake Shop
DAFTAR ISI
Halaman
Lembar Judul Tugas Akhir...................................................................... .......................... i
Lembar Pernyataan Keaslian Tugas Akhir ....................................................................... ii
Lembar Pernyataan Persetujuan Puplikasi Karya Ilmiah ................................................. iii
Lembar Persetujuan dan Pengesahan Tugas Akhir .......................................................... iv
Lembar Konsultasi Tugas Akhir ....................................................................................... v
Kata Pengantar ................................................................................................................ vii
Abstraksi .......................................................................................................................... ix
Daftar Isi........................................................................................................................... xi
Daftar Simbol ................................................................................................................. xiii
Daftar Gambar ................................................................................................................. xv
Daftar Tabel ..................................................................................................................... xi
Daftar Lampiran .............................................................................................................. xii
BAB I PENDAHULUAN ................................................................................................ 1
1.1 Latar Belakang Masalah .................................................................................... 1 2.1 Maksud dan Tujuan............................................................................................ 2 3.1 Metode Penelitian .............................................................................................. 3
4.1 Ruang Lingkup................................................................................................... 5
5.1 Sistematika Penulisan ........................................................................................ 5
BAB II LANDASAN TEORI ........................................................................................ 7
2.1 Konsep Dasar Web ............................................................................................ 7
2.1.1 Website ................................................................................................... 7
2.1.2 Bahasa Pemrograman ............................................................................ 11
2.1.4 Basis Data ........................................................................................... 12
2.1.4 Metode Penhembangan Perangkat Lunak ............................................. 12
2.2 Teori Pendukung .............................................................................................. 15
2.2.1 Struktur Navigasi ................................................................................... 15
2.2.2 Enterprise Relational Diagram .............................................................. 17
2.2.3 Pengujian Web ....................................................................................... 22
BAB III PEMBAHASAN ............................................................................................ 24
3.1. Tinjauan Kasus .............................................................................................. 24
3.2. Analisa Kebutuhan ........................................................................................ 24
3.2.1 Kebutuhan Pengguna ............................................................................. 24
3.2.2 Kebutuhan Sistem .................................................................................. 25
3.3.Perancangan Perangkat Lunak ............................................................................ 25
3.3.1 Rancangan Antar Muka ......................................................................... 25
3.3.2 Rancangan Basis Data ........................................................................... 34
3.3.3 Rancangan Struktur Navigasi ................................................................ 36
3.4.Implementasi Dan Pengujian Unit ...................................................................... 49
3.4.1 Implementasi ........................................................................................ 49
3.4.2 Pengujian Unit ....................................................................................... 57
BAB IV PENUTUP ...................................................................................................... 62
4.1. Kesimpulan ...................................................................................................... 62
4.2. Saran ................................................................................................................ 63
DAFTAR PUSTAKA ................................................................................................... 64
DAFTAR RIWAYAT HIDUP .................................................................................... 66
LAMPIRAN-LAMPIRAN .......................................................................................... 67
DAFTAR SIMBOL
A. ERD (Entity Relationship Diagram)
Entitas atau Objek Data
Kumpulan objek atau sesuatu yang dapat dibedakan
Atau dapat diidentifikasi secara unik.
Relationship
Hubungan yang terjadi antara satu entitas atau lebih.
Kumpulan relationship yang sejenis disebut
Relationship set.
Atribut atau elemen data
Karakteristik dalam entitiy atau relationship yang
Mengerjakan Penjelasan detail tentang entity atau
Relationship atau dengan kata lain adalah kumpulan
Elemen data yang membentuk suatu entitas.
Connection
Digunakan sebagai penghubung entitas yang
Membedakan entitas tersebut dengan entitas
Lainnya.
Simbol Stuktur Navigasi
One To One (Satu Arah) adalah alur data web satu
Arah website.
One To Many (Dua Arah atau lebih) adalah alur
Data web dua arah atau lebih.
Squence adalah data atau menu web.
DAFTAR GAMBAR
Halaman
1. Gambar II.1. Tampilan Adobe Dreamweaver CS3 ................................ 10
2. Gambar II.2. Model Proses Waterfall ..................................................... 13
3. Gambar II.3. Struktur Navigasi Linier .................................................... 15 4. Gambar II.4. Struktur Navigasi Hirarki ................................................. 16 5. Gambar II.5. Struktur Navigasi Non Linier ............................................ 16
6. Gambar II.6. Struktur Navigasi Campuran ............................................. 17
7. Gambar II.7. Relasi ERD (Enterprise Relationship Diagram) ............... 18
8. Gambar II.8. Derajat Relationship (Relationship Degree)…………….. 20
9. Gambar III.1. Rancangan Antar Muka Admin ........................................ 25
10. Gambar III.2. Rancangan Antar Muka Beranda Admin .......................... 26
11. Gambar III.3. Rancangan Antar Muka Kategori Admin .......................... 26
12. Gambar III.4. Rancangan Antar Muka Produk Admin ............................ 27
13. Gambar III.5. Rancangan Antar Muka Kota ............................................ 27
14. Gambar III.6. Rancangan Antar Muka Pelanggan ................................... 28
15. Gambar III.7. Rancangan Antar Muka Komentar ....................................28
16. Gambar III.8. Rancangan Antar Muka Transaksi ..................................... 29
17. Gambar III.9.Rancangan Antar Muka Laporan......................................... 29
18. Gambar III.10. Rancangan Antar Muka Home Pelanggan ....................... 30
19. Gambar III.11. Rancangan Antar Muka Halaman Pemesanan ................. 31
20. Gambar III.12.Rancangan Antar Muka Cara Belanja ............................... 31
21. Gambar III.13.Rancangan Antar Muka Kontak ........................................ 32
22. Gambar III.14.Rancangan Antar Muka Komentar..................................... 32
23. Gambar III.15.Rancangan Antar Muka Akun Pelanggan ......................... 33
24. Gambar III.16.ERD (Entity Relationship Diagram) ................................. 34
25. Gambar III.17.LRS (Logical Relational Structure) .................................. 35
26. Gambar III.18.Struktur Navigasi .............................................................. 36
27. Gambar III.19.Tampilan Login Admin .................................................... 50
28. Gambar III.20.Tampilan Admin .............................................................. 50
29. Gambar III.21.Tampilan Menu Utama ..................................................... 51
30. Gambar III.22.Tampilan Daftar Pelanggan .............................................. 51
31. Gambar III.23.Tampilan Produk .............................................................. 52
32. Gambar III.24.Tampilan Pesanana ........................................................... 52
33. Gambar III.25.Tampilan Konfirmasi ........................................................ 53
34. Gambar III.26.Tampilan Cara Belanja ..................................................... 54 35. Gambar III.27.Tampilan Kontak………………………………………... 54
36. Gambar III.28.Tampilan Komentar……………………………………... 55
37. Gambar III.29.Tampilan Tinggalkan Komentar………………………… 55
DAFTAR TABEL
Halaman
1. Tabel III.1. Spesifikasi Tabel Admin ........................................................38
2. Tabel III.2. Spesifikasi Tabel Detail Transaksi .........................................39
3. Tabel III.3. Spesifikasi Tabel Kategori......................................................40
4. Tabel III.4. Spesifikasi Tabel Komentar....................................................41
5. Tabel III.5. Spesifikasi Tabel Konfirmasi..................................................42
6. Tabel III.6. Spesifikasi Tabel Kota............................................................44
7. Tabel III.7. Spesifikasi TabelPelanggan....................................................45
8. Tabel III.8. Spesifikasi Tabel Produk........................................................46
9. Tabel III.9. Spesifikasi Tabel Sementara...................................................47
10. Tabel III.10. Spesifikasi TabelTransaksi...................................................48
11. Tabel III.11. Pengujian Black Box Testing HalamanLogin……………...57
12. Tabel III.12. Pengujian Black Box Testing FormDaftar………………....58
13. Tabel III.13. Pengujian Black Box Testing Halaman LoginAdmin……...60
DAFTAR LAMPIRAN
Halaman
1. Lampiran A.1. Tampilan Halaman Login Admin................................ 67
2. Lampiran A.2. Tampilan Halaman Admin........................................... 68
3. Lampiran A.3. Tampilan Halaman Menu Utama ................................ 69
4. Lampiran A.4. Tampilan Halaman Daftar Pelanggan ......................... 70
5. Lampiran A.5. Tampilan Halaman Produk ......................................... 71
6. Lampiran A.6. Tampilan Halaman Pesananan .................................... 72
7. Lampiran A.7. Tampilan Halaman Konfirmasi ................................... 73
8. Lampiran A.8. Tampilan Halaman Cara Belanja ................................. 74
9. Lampiran A.9. Tampilan Halaman Kontak .......................................... 75
10. Lampiran A.10. Tampilan Halaman Komentar..................................... 76
11. Lampiran A.11. Tampilan Halaman Tinggalkan Komentar ................. 77
BAB I
PENDAHULUAN
1.1. Latar belakang
Semakin banyaknya perusahaan yang bergerak dibidang makanan atau kue
mendorong lahirnya sebuah persaingan di dunia produksi dan pemasaran produk
perusahaan agar mampu bertahan atau bahkan menguasai. Segala usaha ditempuh
para pengusaha untuk menghadapi pesaing dan mampu menghasilkan keuntungan
bagi pengusaha.
Penjulan kue banyak diperlukan sebagai jamuan para tamu, makanan
selingan di waktu senggang, maupun untuk acara formal sekalipun. Selain praktis
juga dalam segi jenis, rasa dan bentuk yang beragam yang menggugah selera, srta
cocok dibawa sebagi bekal liburan bersama teman atau keluarga. Pemasarannya
masih menggunakan cara yang sangat sederhana dengan pembeli datang langsung
ke pengusaha kue dan dengan media dari mulut ke mulut, dengan cara itu maka
pemasaran tidaklah efektif.
Dengan berkembangnya tekhnologi komputer sebagai sarana pengolahan
data menjadi informasi, maka akan membantu pemilik usaha khususnya didalam
dunia bisnis lebih mudah yaitu melalui media internet, dengan adanya internet
konsumen akan banyak mendapat keuntungan seperti, biaya akan semakin hemat,
proses transaksi lebih cepat, mengatasi waktu dan jangkauan tempat yang jauh.
Dari permasalahan diatas maka penulis ingin menjadikan permasalahan
tersebut sebagai objek penelitian untuk membuat Tugas Akhir dengan judul :
“Perancangan Sistem Informasi Penjulan Aneka Kue Berbasis Web”, yang
diharapkan dengan adanya sistem informasi web ini menjadi lebih efisien dan
efektif untuk melakukan promosi dan penjualan
1.2. Maksud dan Tujuan
Adapun maksud dari pembuatan Tugas Akhir ini adalah:
1. Memberikan kemudahan untuk menjual dan memasarkan barang berupa
kue dengan menggunakan website e-commerce, sehingga pemasaran
menjadi lebih cepat dan efisien dengan cakupan area yang lebih luas.
2. Memberikan kemudahan bagi para pelanggan untuk melakukan
pemesanan kue dengan nyaman melalui internet.
3. Berguna untuk membangun usaha kecil dan menengah yang bergerak
dalam bidang produksi rumahan penjualan kue secara efektif dan efisien.
Adapun tujuan penulis Tugas Akhir ini adalah sebagai salah satu syarat
kelulusan Program Diploma Tiga (DIII) Jurusan Manajemen Informatika di
Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika
(AMIK BSI).
1.3. Metode penelitian
Menjelaskan metode penelitian dan teknik pengumpulan data yang
digunakan untuk penyusunan TA.
A. Metode Pengembangan Perangkat Lunak
Metode yang digunakan pada pengembangan perengkat lunak ini
menggunakan model water fall ( Rosa dan Shalahuddin 2016:28 ) yang terbagi
menjadi 5 tahapan, yaitu :
1. Analisa kebutuhan perangkat lunak
Proses pengumpulan kebutuhan dilakukan secara intensif untuk
mespesifikasikan kebutuhan perangkat lunak agar dapat dipahami
perangkat lunak seperti apa yang dibutuhkan oleh user. Beberapa data
yang dibutuhan untuk menganalisa perangkat lunak ada data pelanggan,
transaksi, detail transaksi, konfirmasi, produk, kota dan kategori.
2. Desain
Desain perangkat lunak adalah proses multi langkah yang fokus pada
desain .pembuatan program perangkat lunak termasuk struktur data,
arsitektur perangkat lunak, representasi antar muka, dan prosedur
pengodean. Dalam pembuatan desain software yang digunakan
menggunakan Aplikasi Dreamweaver CS5, ERD, LRS, dan menggunakan
struktur navigasi linear.
3. Pembuatan kode program
Desain harus ditranslasikan ke dalam program perangkat lunak. Hasil dari
tahap ini adalah program komputer sesuai dengan desain yang telah dibuat
pada tahap desain.Pada tahap pembuatan program menggunakan PHP
script, HTML untuk membuat kode program dan menggunakan database
MySQL.
4. Pengujian
Pengujian fokus pada perangkat lunak secara dari segi lojik dan fungsional
dan memastikan bahwa semua bagian sudah diuji. Hal ini dilakukan untuk
meminimalisir kesalahan (error) dan mamastikan keluaran yang dihasilkan
sesuai dengan yang diinginkan. Untuk melakukan pengujian menggunakan
metode black box testing, dilakukan setiap pembuatan program satu demi
satu menggunakan browser setelah xampp diaktifkan unruk bisa
menampilkan halaman web.
5. Pendukung (support) atau pemeliharaan (maintenance)
Tidak menutup kemungkinan sebuah perangkat lunak mengalami
perubahan ketika sudah dikirimkan ke user. Perubahan bisa terjadi karena
adanya kesalahan yang muncul dan tidak terdeteksi saat pengujian atau
perangkat lunak harus beradaptasi dengan lingkungan baru.
B. Teknik Pengumpulan Data
Teknik pengumpulan data yang digunakan oleh penulis dalam melakukan
pengumpulan data untuk pembuatan Tugas Akhir adalah :
1. Pengamatan atau Observasi
Penulis melakukan pengamatan langsung melalui website penjualan yang
berkaitan dengan penjualan secara online dan bagaimana cara menerapkan
dan mengembangkannya agar lebih efektif.
2. Study Pustaka (Library Research)
Penulis juga mencari referensi dari berbagai sumber informasi yang
berkaitan dengan perancangan web tentang e commerce dari buku dan
situs internet untuk dipelajari dan diterapkan dalam sistem perancangan
tersebut.
1.4. Ruang lingkup
Adapun ruang lingkup yang akan dibahas dalam dalam Tugas Akhir ini
adalah penulis membatasi pokok permasalahan yang akan dibahas hanya dalam
penjualan saja. Dimana disini admin dapat melakukan penginputan barang,
melihat jumlah transaksi, report penjualan. Sedangkan disini kostumer hanya
dapat melakukan transaksi, melakukan konfirmasi pembayaran, melihat profil dan
melihat keranjang belanja yang sudah dipesan oleh pelanggan.
1.5. Sistematika Penulisan
Sistematika penulisan ini terdiri 4 bab, dimana setiap bab terdiri dari sub
bab. Adapun sistematika penulisan adalah :
BAB I PENDAHULUAN
Pada bab ini dijelaskan tentang Perancangan Sistem Informasi
Penjualan Aneka Kue Berbasis Web mengenai latar belakang
masalah, maksud dan tujuan penilitan, metode penelitian, ruang
lingkup dan sistematika panulisan yang digunakan dalam
penyusunan Tugas Akhir.
BAB II LANDASAN TEORI
Pada bab ini dijelaskan tentang Perancangan Sistem Informasi
Penjualan Aneka Kue Berbasis Web yang menjelaskan mengenai
dasar- dasar teori yang menjadi pedoman penelitian dan penulisan
Tugas Akhir ini selain itu juga menjelaskan berbagai istilah dan
konsep yang biasa dipakai dalam merancang sebuah website.
Dengan harapan, Tugas Akhir ini akan lebih dipahami oleh
pembaca dan khususnya pengguna atau user
BAB III PEMBAHASAN
Bab ini dijelaskan tentang Perancangan Sistem Informasi Penjualan
Aneka Kue Berbasis Web yang menjelaskan tentang sistem yang
digunakan penulis pada pembuatan penulisan tugas akhir ini yang
meliputi tinjauan kasus pada perancangan sistem website
penjualan,anlisis kebutuhan,perancangan perangkat lunak,
rancangan antar muka, rancangan basis data,rancangan struktur
navigasi serta implementasi dan pengujian unit program.
BAB IV PENUTUP
Pada bab ini merupakan bab terakhir yang berkaitan tentang
Perancangan Sistem Informasi Penjualan Aneka Kue Berbasis Web
dengan saran dan kesimpulan, serta saran-saran yang dicapai bagi
pengembangan dimasa datang untuk menghasilkan sistem yang
optimal.
BAB II
LANDASAN TEORI
2.1. Konsep Dasar Web
Pengertian web sangatlah luas, “sebuah website sangat diperlukan dalam
melakukan suatu kegiatan kerja menggunakan sistem yang sudah
terkomputerisasi. Penggunaan website ini memungkinkan terciptanya kinerja
untuk menghasilkan informasi yang cepat dan efisien ”(Arief;2011).
2.1.1. Website
1. Definisi Internet
Menurut Ahmadi dan Hermawan (2013:68) “internet adalah komunikasi
jaringan komunikasi global yang menghubungkan seluruh komputer di dunia
meskipun berbeda sistem operasi dan mesin”.
Menurut Putra (2015:13) internet dapat diartikan sebagai jaringan
komputer luas dan besar yang mendunia, yaitu menghubungkan pemakai
komputer dari suatu negara ke negara lain di seluruh dunia, dimana di
dalamnya terdapat berbagai sumber daya informasi dari mulai yang statis
hingga yang dinamis hingga interaktif.
2. Website
Menurut Arief (2011:7) Web adalah salah satu aplikasi yang berisikan
dokumen-dokumen multimedia (text, gambar, suara, animasi, video)
didalamnya yang menggunakan protokol HTTP (Hyper Text Transfer
Protokol) dan untuk mengaksesnya menggunakan perangkat lunak yang
yang disebut browser. Beberapa jenis browser yang popular saat ini
diantaranya:Internet Explorer yang yang di produksi oleh Microsoft,
Mozilla Firefox, Opera, dan Safari yang diproduksi oleh Apple.
Menurut Hidayat (2010) Website adalah kumpulan halaman-halaman yang
digunakan untuk menampilkan informasi text, gambar diam atau gerak,
animasi, suara dan gabungan dari semuanya, baik yang bersifat statis
maupun dinamis yang membentuk satu rangkaian bangunan yang saling
terikat dengan jaringan halaman.
Jenis-jenis web menurut Arief (2011:8) dibagi menjadi 2 jenis,yaitu:
1. Web Statis
Adalah web yang isinya tidak berubah-ubah, maksudnya adalah isi dari
dokumen tersebut tidak dapat diubah secara cepat dan mudah. Contohnya
web kumpulan produk animasi
2. Web Dinamis
Adalah web yang isinya dapat berubah-ubah setiap saat contohnya web
organisasi, web berita.
3. Web Server
Menurut Masrur (2016:4) web server adalah suatu program komputer yang
mempunyai tanggung jawab atau tugas menerima permintaan HTTP dari
komputer klien, yang dikenal dengan nama web browser dan melayani
mereka dengan menyediakan respon HTTP berupa konten data, biasanya
berupa halaman web yang terdiri dari dokumen HTML dan objek terkait
seperti gambar dan lain-lain.
Menurut Kurniawan (2008:2) “web sever adalah sebuah perangkat lunak
server yang berfungsi menerima permintaan HTTP dari klien yang di kenal
dengan web browser dan mengirimkan kembali hasilnya dalam halaman-halaman
web yang umumnya berbentuk dokumen HTML”.
4. Web Browser
Menurut Arief (2011:8) “Browser (perambah) adalah aplikasi yang mampu
menjalankan dokumen-dokumen web dengan cara diterjemahkan”.
Menurut Shelly dan Velmaart(2011:81) “web browser atau browser adalah
perangkat lunak aplikasi yang memungkinkan pengguna untuk mengakses dan
melihat halaman web atau mengakses program web 2.0”.
5. E-Commerce
Menurut Sutarman (2009:209) E-commerce adalah singkatan dari
Elektronic Commerce, yaitu pembelian, penjualan dan pertukaran barang
atau layanan dan informasi secara elektronik, yaitu melalui jaringan
komputer terutama internet. E-commerce dapat diartikan dengan sangat
luas, tidak hanya pembelian atau penjualan barang, tetapi juga layanan
terhadap pelanggan, kerjasama dengan rekan bisnis serta mambangun
transaksi secara elektronik antara organisasi.
Jenis-jenis e-commerce sebagai berikut:
a. Collaborative commerce (c-commerce)
Kerja sama secara elektronik antara rekan bisnis. Kerja sama ini biasanya
terjadi antara rekan bisnis yang berada pada jalur penyediaan
barang(supply chain).
b. Business-to-Consumers (B2C)
Penjual adalah suatu organisasi dan pembeli adalah individu.
c. Consumer-to-Businnes (C2B)
Pada jenis ini, konsumen memberitahukan barang atau layanan yang
dibutuhkannya, selanjutnya organisasi-organisasi bersaing untuk
menyediakan barang atau layanan tersebut kepada consume.
d. Consumer-to-Consumer
Penjualan barang atau layanan antara individu.
e. Intrabusinness (intraorganizational) Commerce
Pada jenis ini, organisasi menggunakan e-commerce untuk meningkatkan
kegiatan opersai organisasinya. Hal ini dikenal juga dengan sebutan
Busines-to-Enployeee/G2B).
f. Government-to-Citizens (G2C) and Others
Pemerintah menyediakan layanan kepada masyarakat melalui tekhnologi
e-commerce. Pemerintah juga dapat melakukan bisnis dengan pemerintah
lain (Government-to-Government/G2G), demikian juga dengan organisasi
lain (Government-to-Businnes/G2B).
g. Mobille Commerce (m-commerce)
E-commerce yang dilaksanakan pada lingkungan tanpa kabel (wireless
environment), seperti menggunakan telepon seluler untuk akses internet.
6. Adobe Dreamweaver
Menurut Madcoms (2016:4) Dreamweaver adalah software aplikasi desain
web visual yang biasa dikenal dengan istilah WYSIWYG (What You See
Is What You Get), intinya Anda tidak harus berurusan dengan tag-tag
HTML untuk membuat sebuah situs. Dreamweaver tidak hanya dapat
digunakan oleh para desainer web, namun juga dapat digunakan oleh
programmer untuk membangun halaman interaktif karena Dreamweaver
mendukung pula PHP, Coldfusion, ASP.NET dan lain-lain.
Sumber : Madcoms (2016:4)
Gambar II.1. Tampilan Adobe Dreamweaver
2.1.2 Bahasa Pemrograman
1. HTML (Hyper Text Markup Language)
Menurut Arief (2011:23) HTML atau Hyper Text Markup Language
merupakan salah satu format yang dihunakan dalam pembuatan dokumen
dan aplikasi yang berjalan dihalaman web. Dokumen ini dikenal dengan
sebagai web page. Dokumen HTML merupakan dokumen yang disajikan
pada web browser.
Pengenalan Kode HTML
Sedangkan menurut Masrur (2016:23) HTML (Hyper Text Markup
Language) adalah format standar yang digunakan untuk membuat halaman
web. HTML merupakan subset dari bahasa yang lebih luas, yaitu SGML
antara lain XML (eXtensible Markup Language), SML (Synchronizhed
Multimedia Integration Language) dan MathML (Mathematical Markup
Language).
2. PHP (Page Hypertext Preprocessor)
Menurut Arief (2011:43) “PHP (Page Hypertext Preprocessor) adalah
bahasa server-side scripting yang menyatu dengan HTML untuk membuat
halaman web yang dinamis”.
3. CSS (Cascanding Style Sheets)
Menurut Masrur (2016:24) “CSS (Cascading Style Sheet) merupakan
standar penggunaan dan pembuatan style pada suatu dokumen halaman web”.
4. PhpMyAdmin
Menurut Madcoms (2016:7) ”PhpMyAdmin adalah sebuah aplikasi open
source yang berfungsi untuk memudahkan manajemen MySQL”.
<HTML>
</HTML>
2.1.3. Basis Data
1. Definisi Basis Data
Menurut Wahana (2010:24) “database atau basis data sekumpulan data
yang memiliki hubungan secara logika dan diatur dengan susunan tertentu serta
disimpan dalam media penyimpanan komputer”.
Menurut Rosa dan Shalahudiin (2016:43) 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 diakases dengan mudah dan cepat.
2. SQL (Struqtured Query Language)
Menurut Rosa dan Shalahuddin (2016:46) “SQL (Structural Query
Language) adalah bahasa yang digunakan untuk mengelola data pada RDBMS.
SQL awalnya dikembangkan berdasarkan teori aljabar relasional dan kalkulus”.
3. XAMPP
Menurut Wicaksono (2008:7) menjelaskan bahwa “XAMPP adalah sebuah
software yang berfungsi untuk menjalankan website berbasis PHP dan
menggunakan pengolah data MYSQL di komputer lokal”.
2.1.4. Model Pengembangan Perangkat Lunak
Model yang digunakan pada pengembangan perangkat lunak ini
menggunakan model waterfall. Model SDLC air terjun (waterfall) sering juga
disebut model linear (sequential linear) atau alur hidup klasik (classic life cycle).
Model air terjun menyediakan pendekatan alur hidup perangkat lunak secara
sekuensial atau terurut dimulai dari analisi desain, pengodean, pngujian, dan tahap
pendukung (support). Rosa dan Shalahuddin (2016:28)
Sumber : Rosa dan Shalahuddin (2016:29)
Gambar II.2. Model Waterfall
Model waterfall Rosa dan Shalahuddin (2016:29) pada gambar diatas
setiap langkahnya akan dirinci sebagai berikut :
4. Analisa kebutuhan perangkat lunak
Proses pengumpulan kebutuhan dilakukan secara intensif untuk
mespesifikasikan kebutuhan perangkat lunak agar dapat dipahami
perangkat lunak seperti apa yang dibutuhkan oleh user. Spesifikasi
kebutuhan perangkat lunak pada tahap ini perlu didokumentasikan.
5. Desain
Desain perangkat lunak adalah proses multi langkah yang fokus pada
desain pembuatan program perangkat lunak termasuk struktur data,
arsitektur perangkat lunak, representasi antar muka, dan prosedur
pengodean.
Analisis Desain Pengodean Pengujian
6. Pembuatan kode program
Desain harus ditranslasikan ke dalam program perangkat lunak. Hasil dari
tahap ini adalah program komputer sesuai dengan desain yang telah dibuat
pada tahap desain.
6. Pengujian
Pengujian fokus pada perangkat lunak secara dari segi lojik dan fungsional
dan memastikan bahwa semua bagian sudah diuji. Hal ini dilakukan untuk
meminimalisir kesalahan (error) dan mamastikan keluaran yang dihasilkan
sesuai dengan yang diinginkan.
7. Pendukung (support) atau pemeliharaan (maintenance)
Tidak menutup kemungkinan sebuah perangkat lunak mengalami
perubahan ketika sudah dikirimkan ke user. Perubahan bias terjadi karena
adanya kesalahan yang muncul dan tidak terdeteksi saat pengujian atau
perangkat lunak harus beradaptasi dengan lingkungan baru.
Dari kenyataan yang terjadi sangat jarang model air terjun dapat dilakukan
sesuai alurnya karena sebagai berikut :
a. Perubahan spesifikasi perangkat lunak terjadi ditengah alur
pengembangan.
b. Sangat sulit bagi pelanggan untuk mendefinisikan semua spesifikasi
diawal alur pengembangan. Pelanggan sering kali contoh (prototype)
untuk menjabarkan spesifikasi kebutuhan sistem lebih lanjut.
c. Pelanggan tidak mungkin bersabar mengakomodasi perubahan yang
diperlukan di akhir alur pengembangan.
Dengan berbagai kelemahan yang dimiliki model air terjun tapi model ini
telah menjadi dasar dari model-model yang lain dalam melakukan perbaikan
model pengembangan perangkat lunak.
Model air terjun sangat cocok digunakan kebutuhan pelanggan sudah
sangat dipahami dan kemungkinan terjadinya perubahan kebutuhan selama
pengembangan perangkat lunak kecil. Hal positif dari model air terjun adalah
struktur tahap pengembangan sistem jelas, dokumentasi dihasilkan di setiap tahap
pengembangan, dan sebuah tahap dijalankan setelah tahap sesbelumnya selesai
dijalankan (tidak ada tumpang tindih pelaksanaan tahap).
2.2. Teori Pendukung
2.2.1 Struktur Navigasi
Menurut Binanto (2010:268) “Struktur navigasi adalah gabungan dari struktur referensi informasi situs web dan mekanisme link yang mendukung
pengunjung untuk melakukan penjelajahan situs”.
Menurut Binanto (2010:269) ada empat macam bentuk dasar dari struktur navigasi yang biasa digunakan yaitu:
1. Struktur navigasi linear
Pengguna akan melakukan navigasi secara berurutan, dari frame atau byte informasi ke informasi lainnya.
Sumber: Binanto (2010:269)
Gambar II.3. Struktur Navigasi Linear
2. Struktur Navigasi Hirarki
Struktur dasar ini disebut juga struktur “linear dengan percabangan”
karena pengguna melakukan navigasi di sepanjang cabang pohon struktur yang
terbentuk oleh logika isi.
Sumber: Binanto (2010:269)
Gambar II.4. Struktur Navigasi Hirarki
3. Struktur Navigasi Non-Linear
Pengguna akan melakukan navigasi dengan bebas melalui isi proyek
dengan tidak terkait dengan jalur yang sudah ditentukan sebelunnya.
Sumber: Binanto (2010:270)
Gambar II.5. Struktur Navigasi Non-Linear
4. Struktur Navigasi Campuran (Composite)
Pengguna akan melakukan navigasi dengan bebas (secara non linear),
tetapi terkadang dibatasi presentasi linear film atau informasi penting dan atau
pada data yang paling terorganisasi secara logis pada suatu hirarki
Sumber: Binanto (2010:270)
Gambar II.6. Struktur Navigasi Campuran (Composite)
2.2.2. ERD (Entity Relationship Diagram)
1. Definisi ERD (Enterprise Relationship Diagram)
Menurut Rosa dan Shalahuddin (2016:50) “Pemodelan awal basis data
yang paling banyak digunakan adalah menggunakan Entity Relationshp Diagram
(ERD). ERD dikembangkan berdasarkan teori himpunan dalam bidang
matematika”.
Simbol-simbol ERD (Entity Relationship Diagram):
simbol Keterangan
entitas/entity Entitas merupakan data inti yang akan
disimpan;bakal table pada basisi data; benda yang
memiliki data dan harus disimpan datanya agar dapat
diakses oleh aplikasi komputer; penamaan entitas
biasanya lebih ke kata benda dan belum merupakan
nama table
atribut Field atau kolom data yang butuh disimpan dalam
suatu entitas
atribut kunci primer Field atau kolom yang butuh disimpan dalam suatu
entitas dan digunakan sebagai kunci akses record
yang diinginkan; biasanya berupa id; kunci primer
dapat lebih dari satu kolom, asalkan kombinasi dari
beberapa kolom tersebut daoat bersifat unik (berbeda
tanpa ada yang sama)
atribut multi nilai/multivalue
Field atau kolom data yang butuh disimpan dalam
suatu entitas yang dapat memiliki nilai lebih dari satu
Sumber : Rosa dan Shalahuddin (2016:50)
Gambar II.7. Tabel ERD
Relasi
Relasi yang menghubungkan antar entitas; biasanya
diawali dengan kata kerja
Asosiai/association
Penghubung antara relasi dan entitas dimana di
kedua ujungnya memiliki multiplicity kemungkinan
jumlah pemakain
Kemungkinan jumlah maksimum keterhubungan
antar entitas satu dengan entitas yang lain disebut
dengan kardinalitas
Nama_entitas
Nama_kunci_primer
Nama_atribut
Nama_atribut
Nama_relasi
2. Komponen ERD (Entity Relationship Diagram)
Komponen Entity Relationship Diagram menurut Sutanta (2011:91)
adalah sebagai berikut :
a. Entitas-entitas merupakan suatu objek yang dapat dibedakan dari lainnya
yang dapat diwujudkan dalam basis data. Objek dasar dapat berupa orang,
benda, atau hal yang keterangannya perlu disimpan di dalam basis data.
Untuk menggambarkan sebuah entitas digunakanaturan sebagai berikut:
1) Entitas dinyatakan dengan simbol persegi panjang.
2) Nama entitas dituliskan di dalam simbol persegi panjang.
3) Nama entitas berupa kata benda tunggal.
4) Nama entitas sedapat mungkin menggunakan nama yang mudah
dipahami dan dapat menyatakan maknanya dengan jelas.
b. Atribut atribut merupakan keterangan-keterangan yang terikat pada sebuah
entitas yang perlu disimpan dalam basis data. Atribut berfungsi sebagai
penjelas pada sebuah entitas. Untuk menggambarkan atribut digunakan
aturan sebagai berikut:
1) Atribut digambarkan dengan simbol ellips.
2) Nama atribut dituliskan di dalam simbol ellips.
3) Nama atribut merupakan kata benda tunggal.
4) Nama atribut sedapat mungkin menggunakan nama yang mudah
dipahami dan dapat menyatakan maknanya dengan jelas.
c. Relasi relasi merupakan hubungan antara sejumlah entitas yang berasal
dari himpunan entitas yang berbeda. Aturan penggambaran relasi adalah
sebagai berikut:
1) Relasi dinyatakan dengan simbol belah ketupat.
2) Nama relasi dituliskan dalam simbol belah ketupat.
3) Nama relasi berupa kata kerja aktif.
4) Nama relasi sedapat mungkin menggunakan nama yang mudah
dipahami dan dapat menyatakan maknanya dengan jelas.
3. Derajat Relationship (Relationship Degree)
Menurut Zulfikar (2010:35) “Derajat Relationship merupakan jumlah
entity yang berpartisipasi dalam suatu relationship”. Terdapat tiga jenis derajat
dari relationship yaitu: derajat satu (Unary Degree), derajat dua (Binary Degree),
dan derajat tiga (Ternary Degree).
a. Derajat satu (Unary Degree)
b. Derajat dua (Binary Degree)
c. Derajat tiga (Ternary Degree)
Sumber : Zulfikar (2010:35)
Gambar II.8. Derajat Relationship
Perbedaan utama dari ketiga tingkatan ini adalah, Unary Degree hanya
memproses satu proses dan langsung menyelesaikannya. Lain halnya dengan
Pegawai
Lapor
Pegawai
Kerja
Departemen
Pegawai
Kerja
Proyek
Kota
Binary Degree melakukan proses melalui perantara dan melalui suatu kerja
kemudian menghasilkan output. Sedangkan Ternary Degree dari proses awal
terdapat dua alfernatif pilihan yang dapat dipilih. Sehingga output yang
didapatkan bisa lebih dari satu.
4. LRS (Logical Record Structure)
Menurut Lestari (2013) “Logical Record Structure dibentuk dengan nomor
tipe record. Beberapa tipe record digambarkan oleh kotak empat persegi panjang
dan dengan nama yang unik”.
Perbedaan LRS dengan ERD dan tipe record berada diluar field tipe
record ditempatkan. LRS terdiri dari link-link diantara tipe record. Link ini
menunjukkan arah dari satu tipe record lainnya.Banyak link dari LRS yang diberi
tanda field-field yang kelihatan pada kedua link type record. Penggambaran LRS
mulai dengan menggunakan model yang dimengerti. Dua metode yang dapat
digunakan, dimulai dengan hubungan kedua model yang dapat dikonversikan ke
LRS.Metode yang lain dimulai dengan Entity Relationship Diagram dan langsung
dikonversikan ke LRS.
Berikut tahapan transformasi ERD ke LRS menurut Wulandari (2013:15-16)
a. Konversi ERD ke LRS,Entity Relationship Diagram harus diubah ke
bentuk LRS (struktur record secara logic). Dari bentuk LRS inilah yang
nantinya dapat ditransformasikan ke bentuk relasi tabel.
b. Konversi ERD ke LRS sebuah model sistem yang digambarkan dengan
sebuah model sistem yang digambarkan dengan sebuah ERD akan
mengikuti pola pemodelan tertentu. Dalam kaitannya dengan konversi ke
LRS, untuk perubahan yang terjadi adalah mengikuti aturan-aturan
berikut:
1) Setiap entitas diubah kebentuk kotak dengan nama entitas, berada diluar
kotak dan atribut berada didalam kotak.
2) Sebuah relationship kadang disatukan, dalam sebuah kotak bersama
entitas,kadang sebuah kotak bersama-sama dengan entitas, kadang
disatukan dalam sebuah kotak tersendiri.
3) Konversi LRS ke relasi tabel atau tabel adalah bentuk pernyataan data
secara grafis dimensi,yang terdiri dari kolom dan baris. Relasi adalah
bentuk visual dari sebuah file, dan tiap tuple dalam sebuah field, atau
dalam bentuk lingkaran Diagram Entity Relationship dikenal dengan
sebutan atribut.
2.2.3. Pengujian Web
1. Definisi Pengujian Web
Menurut Rosa dan Shalahuddin (2016:271) “sebuah perangkat lunak perlu
dijaga kualitasnya bahwa kualitas bergantung kepada kepuasan pelanggan
(customer)”. Kualitas perangkat lunak perlu dijaga untuk keperluan sebagai
berikut:
1. Agar dapat “survive” bertahan hidup di dunia bisnis perangkat lunak.
2. Dapat bersaing dengan perangkat lunak yang lain.
3. Penting untuk pemasaran global (global marketing) dan meningkatkan
keuntungan.
Sering perangkat lunak mengandung kesalahan (error) pada proses-proses
tertentu pada saat perangkat lunak sudah berada ditangan user. Kesalahan-
kesalahan (error) pada perangkat lunak ini sering disebut dengan “bug”. Untuk
menghindari banyaknya bug maka diperlukan adanya pengujian perangkat lunak
sebelum perangkat lunak diberikan ke pelanggan atau selama perangkat lunak
masih terus dikembangkan.
2. Black-Box Testing (pengujian kotak hitam)
Menguji perangkat lunak dari segi spesifikasi fungsional tanpa menguji
desain dan kode program. Pengujian dimaksudkan untuk mengetahui apakah
fungsi-fungsi, masukan, dan keluaran dari perangkat lunak sesui dengan
spesifikasi yang dibutuhkan.
Pengujian kotak hitam dilakukan dengan membuat kasus uji yang bersifat
mencoba semua fungsi dengan memakai perangkat lunak apakah sesuai dengan
spesifikasi yang dibutuhkan. Kasus uji yang dibuat untuk melakukan pengujian
kotak hitam harus dibuat dengan kasus benar dan kasus salah, misalkan untuk
kasus proses login maka kasus uji yang dibuat adalah :
a. Jika user memasukkan nama pemakai (username) dan kata sandi
(password) yang benar.
b. Jika user memasukkan nama pemakai (username) dan kata sandi
(password) yang salah, misalnya nama pemakai benar tapi kata sandi
salah, atau sebaliknya, atau keduanya salah.
BAB III
ANALISA SISTEM BERJALAN
3.1. Tinjauan Kasus
Dalam menjalankan usaha seperti penjualan yang masih menggunakan
sistem secara tradisional maupun manual, pasti akan banyak kendala dan masalah
yang akan dihadapi oleh penjual dalam memasarkan produknya.
Media internet merupakan salah satu cara yang efektif dalam
mempromosikan suatu produknya.
Dengan adanya permasalan tersebut disini penulis mencoba merancang
website penjualan secara online agar dalam hal penjualan lebih cepat dan efisien
sehingga pengolahan data akan semakin cepat dan tepat.Meskipun biaya yang
dikeluarkan besar tapi sebanding dengan kemudahan serta manfaat positif yang
akan diperoleh.
3.2. Analisa Kebutuhan
3.2.1 Kebutuhan Pengguna
memudahkan dalam mendapatkan informasi tentang penjualan kue secara
online dan pembelian produk pada website tersebut.
1. Kebutuhan User
a. Mempermudah dalam hal pemesanan kue.
b. Mempermudah pengiriman kue kepada konsumen.
c. Mempermudah konsumen mengenal produk kue kami.
2. Kebutuhan Admin
a. Memasukkan produk kue terbaru dari website.
b. Menghapus produk dari website.
c. Mengubah produk melalui website.
3.3.1 Kebutuhan Sistem
a. Pembeli sebelum login harus daftar terlebih dahulu.
b. Pembeli setelah daftar bisa melakukan login untuk menjadi member,.
c. Pembeli setelah menjadi member bisa membeli dan memesan barang di
produk kami.
d. Setelah membeli dan memesan barang di produk kami pembeli melakukan
transaksi dengan mengisi data pemesanan setelah itu konfirmasi ke Toko
Kue Onlne dan transaksi telah selesai dilakukan oleh pembeli.
3.3. Perancangan Perangkat Lunak
3.3.1 Perancangan Antar Muka
Menjelaskan rancangan antar muka (interface) yang terdapat pada sistem
informasi penjualan pada toko aneka kue yaitu :
1. Rancangan Antar Muka Halaman Admin
a. Rancangan Antar Muka Login Admin
Halaman login merupakan akses untuk masuk ke menu administrator
Gambar III.1.Rancangan Antar Muka Admin
User Name
Password
Login Administrator
Masuk Close
b. Rancangan Antar Muka Beranda Admin
Menampilkan halaman pertama yang ditampilkan pada menu admin
Gambar III.2 Rancangan Antar Muka Beranda Admin
c. Rancangan Antar Muka Tambah Kategori Admin
Menampilkan data kategori jenis-jenis kue pada menu admin
Gambar III.3 Rancangan Antar Muka Kategori Admin
No Kategori
Nama Kategori
Simpan Batal
Home Kategori Produk Kota Komentar Pelanggan Transaksi Laporan Keluar
Picture
d. Rancangan Antar Muka Tambah Produk Admin
Menampilkan data produk kue yang dijual seperti kategori, nama barang,
harga, stok, dan deskripsi produk.
Gambar III.4 Rancangan Antar Muka Produk Admin
e. Rancangan Tambah Kota Menu Admin
Menampilkan data kota tujuan pemesanan dan biaya.
Gambar III.5 Rancangan Antar Muka Kota
No. Produk
Kategori
Nama Barang
Harga
Stok
Deskripsi
Gambar
Simpan Batal
Browse
No Kota
Nama Kota
Biaya
Simpan Batal
f. Rancangan Antar Muka Pelanggan Admin
Menampilkan data nama pelanggan yang sudah mendaftar sebagai member.
Gambar III.6 Rancangan Antar Muka Pelanggan
g. Rancangan Antar Muka Komentar Admin
Menampilkan tabel komentar yang dituliskan oleh member.
Gambar III.7 Rancangan Antar Muka Komentar
No Pelanggan Nama
Email Alamat Cari
No Komentar Komentar Cari
No.Pelanggan Nama Alamat No.Telp Email Password Tindakan
No.Komentar No.Pelanggan Komentar Status Tindakan
h. Rancangan Antar Muka Transaksi
Menampilkan data transaksi pembayaran konsumen untuk dikonfirmasi
Gambar III.8 Rancangan Antar Muka Transaksi
i. Rancangan Antar Muka Laporan
Menampilan data laporan penjualan pada menu admin
Gambar III.9 Rancangan Antar Muka Laporan
Data Laporan
Bulan
Tahun
Tampilkan
No Transaksi Cari
No.Trans Tanggal Total Alamat Nama Kota Status Trans No.Konfirasi PembKonfirmasi
No Transaksi No Pelanggan Total Harga Total Transaksi
2. Rancangan Antar Muka Halaman Pelanggan
Halaman ini adalah halaman yang pertama kali muncul apabila konsumen
sudah masuk dan daftar pada website ini. Dalam halaman ini pelanggan
dapat melihat produk dan kategori yang dijual.
a. Halaman Home Pelanggan
Halaman yang pertama kali muncul saat pelanggan masuk dan
menampilkan daftar produk yang dijual
Gambar III.10 Rancangan Antar Muka Home Pelanggan
Image image image
image image image
image image image
Kategori
BCA
NO REK
b. Halaman Pesanan Pelanggan
Untuk menampilkan daftar pesanan pelanggan yang sudah dibeli dan
terkonfirmasi.
Gambar III.11 Rancangan Antar Muka Halaman Pemesanan
c. Halaman Cara Belanja Pelanggan
Menampilkan tata cara belanja di toko kue kami bagi para pelanggan.
Gambar III.12 Rancangan Antar Muka Cara Belanja
No Transaksi
Tanggal
Total
Alamat Pengiriman
Nama Kota
Status Transaksi
No Konf Pembayaran
Konfirmasi
Pembayaran
Terima Bayar
Terima Barang
kategori
BCA
NO REK
Home /Cara Belanja
d. Rancangan Antar Muka Kontak
Gambar III.13 Rancangan Antar Muka Kontak
e. Rancangan Antar Muka Komentar
Untuk menampilkan tampilan komentar yang ditulis oleh pelanggan.
Gambar III.14 Rancangan Antar Muka Komentar
kategori
BCA
NO REK
Home/Kontak
Kategori
BCA
NO REK
Home/Komentar
Tinggalkan komentar
No komentar Nama Komentar
f. Rancangan Antar Muka Akun Pelanggan
Untuk menampilkan akun pelanggan seperti nama, alamat, no telepon,
email, dan password pelanggan.
Gambar III.15 Rancangan Antar Muka Akun Pelanggan
Kategori
BCA
NO REK
No Pelanggan
Nama
Alamat
No Telp
Password
Home/Akun
Ubah
3.3.2 Basis Data
Perancangan basis data menghasilkan pemetaan tabel-tabel yang
digambarkan dengan ERD (Entity Relationship Diagram).
A. ERD (Entity Relationship Diagram)
Transaksi
kd_transaksi
tgl_transaksi
total_harga
detail_transaksi mempunyai
mempunyai
produk
mempunyai
kategori
kota
konfirmasi
mempunyai
pelanggan melakukan
melakukan
M
1
1
1
1
1
1
1
1
M1
no_pelanggan
slamat_kirim
status_transaksi
no_konfirmasi
no_kota
status_pembayaran
no_pelanggan
nama
alamat
no_telepon
password
no_transaksi
no_produkjumlah
subtotal
no_konfirmasi
no_rekening
bank
bank_tujuan
no_transaksi
jumlah_transfer
status_pembayaran
no_kota
nama_kotabiaya
no_produk
no_kategori
nama_barang
harga
stok
gambar
deskripsi
no_kategori
nama_kategori
Gambar III.16 ERD
Pembayaran
Terima bayar
Terima barang
B. LRS(Logical Relational Structure)
transaksi
kd_transaksi
tgl_transaksi
total_harga
kd_pelanggan
alamat_kirim
status_transaksi
kd_konfirmasi
kd_kota
status_pembayaran
detail_transaksi
kd_transaksi
kd_produk
jumlah
subtotal
produk
kd_produk
kd_kategori
nama_barang
harga
stock
gambar
deskripsi
kategori
kd_kategori
nm_kategori
kota
kd_kota
nm_kota
biaya
konfirmasi
kd_konfirmasi
no_rekening
bank
bank_tujuan
kd_transaksi
jumlah_transfer
status_pembayaran
pelanggan
kd_pelanggan
nama
alamat
no_telp
password
1
M
1
1
11
1
M
1 1
1
Gambar III.17 LRS
3.3.3 Rancangan Struktur Navigasi
Gambar III.18 Struktur Navigasi
Login
Admin
Home kategori
Produk Kota Pelanggan komentar Transaksi laporan
Cari kota Cari
pelanggan
Cari
komentar Cari
transaksi Tampilkan
laporan
Halaman Utama
Search Home Cara
belanja Kontak Komentar Masuk Daftar
Tampilan
Produk
Tampilan
cara
belanja
Tampilan
kontak
Tampilan
komentar
Tampilan
daftar
Tampi
lan
masuk
Tambah
kota
Edit kota
Hapus
pelanggan Konfirmasi
pembayaran
keluar
Cari
kategori
Tambah
kategori
Edit
kategori
Hapus
kategori
Cari produk
Tambah
produk
Edit produk
Hapus
produk
Hapus
kota
Ubah
komentar
Hapus
komentar
C. Spesifikasi File
Menjelaskan tentang file atau tabel yang terbentuk dari transformasi ERD
(dan atau file-file penunjang untuk web). File-file ini tersimpan pada nama
Database dengan parameter-parameter sbb :
Contoh spesifikasi file :
1. Spesifikasi File Admin
Nama File : Admin
Akronim : admin.MYD
Fungsi : sebagai tempat menyimpan data pelanggan
Tipe File : File Master
Organisasi File : Indexed Squential
Akses File : Random
Media : Harddisk
Panjang Record : 20 Karakter
Kunci Field : user name
Software :MySQL
Tabel III.1
Spesifikasi Tabel Admin
No Elemen Data Nama Field Tipe Size Keterangan
1 Nama Pengguna User name Varchar 10 PrimaryKey
2 Password Password Varchar 10
2. Spesifikasi File Detail Transaksi
Nama File : Detail Transaksi
Akronim : detail_transaksi.MYD
Fungsi :sebagai tempat menyimpan data transaksi
penjualan
Tipe File : File Master
Organisasi File : Indexed Squential
Akses File : Random
Media : Harddisk
Panjang Record : 34 Karakter
Kunci Field :
Software :MySQL
Tabel III.2
Spesifikasi Tabel Detail Transaksi
No Elemen Data Nama Field Tipe Size Keterangan
1 No Transaksi no_transaksi Varchar 15
2 No Produk no_produk Varchar 8
3 Jumlah Jumlah Integer 11
4 Sub Total Subtotal double
3. Spesifikasi File Kategori
Nama File : Kategori
Akronim : kategori.MYD
Fungsi : sebagai tempat menyimpan data kategori
Tipe File : File Master
Organisasi File : Indexed Squential
Akses File : Random
Media : Harddisk
Panjang Record : 25 Karakter
Kunci Field : no_kategori
Software :MySQL
Tabel III.3
Spesifikasi Tabel Kategori
No Elemen Data Nama Field Tipe Size Keterangan
1 No Kategori no_kategori Varchar 10 PrimaryKey
2 Nama Kategori nama_kategori Varchar 15
4. Spesifikasi File Komentar
Nama File : Komentar
Akronim : kategori.MYD
Fungsi : sebagai tempat menyimpan data komentar
konsumen
Tipe File : File Master
Organisasi File : Indexed Squential
Akses File : Random
Media : Harddisk
Panjang Record : 30 Karakter
Kunci Field : no_komentar
Software :MySQL
Tabel III.4
Spesifikasi Tabel Komentar
No Elemen Data Nama Field Tipe Size Keterangan
1 No Komentar no_transaksi Varchar 10 Primary key
2 No Pelanggan no_pelanggan Varchar 10
3 Komentar Komentar text
4 Status Status varchar 10
5. Spesifikasi File Konfirmasi
Nama File : Konfirmasi
Akronim : konfirmasi.MYD
Fungsi : sebagai tempat menyimpan data konfirmasi
Tipe File : File Master
Organisasi File : Indexed Squential
Akses File : Random
Media : Harddisk
Panjang Record : 59 Karakter
Kunci Field : no_transaksi
Software :MySQL
Tabel III.5
Spesifikasi Tabel Konfirmasi
No Elemen Data Nama Field Tipe Size Keterangan
1 No Konfirmasi no_konfirmasi Varchar 8 Primary key
2 No Rekening no_rekening Varchar 15
3 Bank Bank varchar 25
4 Bank Tujuan bank_tujuan varchar 11
5 No Transaksi no_transaksi varchar 15
6 Jumlah
Transfer
jumlah_transfer double
7 Status
Pembayaran
status_pembayaran varchar 10
6. Spesifikasi File Kota
Nama File : Kota
Akronim : kota.MYD
Fungsi : sebagai tempat menyimpan data kota pemesanan
Tipe File : File Master
Organisasi File : Indexed Squential
Akses File : Random
Media : Harddisk
Panjang Record : 30 Karakter
Kunci Field : no_konfirmasi
Software :MySQL
Tabel III.6
Spesifikasi Tabel Kota
No Elemen Data Nama Field Tipe Size Keterangan
1 No Kota no_kota Varchar 5 Primary key
2 Nama Kota nama_kota Varchar 25
3 Biaya biaya double
7. Spesifikasi File Pelanggan
Nama File : Pelanggan
Akronim : pelanggan.MYD
Fungsi : sebagai tempat menyimpan data pelanggan
Tipe File : File Master
Organisasi File : Indexed Squential
Akses File : Random
Media : Harddisk
Panjang Record : 120 Karakter
Kunci Field : no_pelanggan
Software :MySQL
Tabel III.7
Spesifikasi Tabel Pelanggan
No Elemen Data Nama Field Tipe Size Keterangan
1 No Pelanggan no_pelanggan Varchar 8 Primary key
2 Nama Nama Varchar 15
3 Alamat alamat Varchar 50
4 No Telepon no_telepon Varchar 12
5 Email Email Varchar 25
6 Password password Varchar 10
8. Spesifikasi File Produk
Nama File : Produk
Akronim : produk.MYD
Fungsi : sebagai tempat menyimpan data produk
Tipe File : File Master
Organisasi File : Indexed Squential
Akses File : Random
Media : Harddisk
Panjang Record : 99 Karakter
Kunci Field : no_produk
Software :MySQL
Tabel III.8
Spesifikasi Tabel Produk
No Elemen Data Nama Field Tipe Size Keterangan
1 No Produk no_produk Varchar 8 Primary key
2 No Kategori no_kategori Varchar 5
3 Nama_Barang nama_barang Varchar 25
4 Harga Harga Double
5 Stock Stock Int 11
6 Gambar gambar Varchar 50
7 Deskripsi deskripsi Text
9. Spesifikasi File Sementara
Nama File : sementara
Akronim : sementara.MYD
Fungsi : sebagai tempat menyimpan data sementara
Tipe File : File Master
Organisasi File : Indexed Squential
Akses File : Random
Media : Harddisk
Panjang Record : 58 Karakter
Kunci Field : no
Software :MySQL
Tabel III.9
Spesifikasi Tabel Sementara
No Elemen Data Nama Field Tipe Size Keterangan
1 No no Int 11 Primary key
2 No Transaksi no_transaksi Varchar 15
3 No_Produk no_produk Varchar 10
4 Jumlah jumlah Int 11
5 Sub Total subtotal Double
6 Stock stock Int 11
10. Spesifikasi File Transaksi
Nama File : transaksi
Akronim : transaksi.MYD
Fungsi : sebagai tempat menyimpan data transaksi
Tipe File : File Master
Organisasi File : Indexed Squential
Akses File : Random
Media : Harddisk
Panjang Record : 118 Karakter
Kunci Field : no_transaksi
Software :MySQL
Tabel III.10
Spesifikasi Tabel Transaksi
No Elemen Data Nama Field Tipe Size Keterangan
1 No Transaksi no_transaksi Varchar 15 Primary key
2 Tanggal tgl_transaksi Date
Transaksi
3 Total Harga total_harga Double
4 No Pelanggan no_pelanggan Varchar 10
5 Alamat Kirim alamat_kirim Varchar 50
6 Status
Transaksi
status_transaksi Varchar 15
7 No Konfirmasi no_konfirmasi Varchar 8
8 No Kota no_kota Varchar 5
9 Status
Pembayaran
status_pembayaran Varchar 15
3.4. Implementasi dan Pengujian Unit
3.4.1. Implementasi
A. Implementasi Antar Muka
Implementasi rancangan antar muka pada aplikasi e-commerce
berdasarkan hasil rancangan antar muka.
1. Halaman Login Admin
Berfungsi untuk masuk ke halaman awal admin
Gambar III.19
Login Admin
2. Tampilan Admin
Tampilan awal pada saat pertama kali admin berhasil masuk ke halaman
utama.
Gambar III.20
Tampilan Admin
3. Tampilan Menu Utama
Merupakan tampilan menu utama yang menampilkan berbagai produk kue
yang dijual di toko kue online.
Gambar III.21
Tampilan Menu Utama
4. Tampilan Daftar Pelanggan
Merupakan tampilan halaman awal pelanggan yang akan masuk dan sudah
terdaftar sebagai pelanggan di toko kue.
Gambar III.22
Tampilan Daftar Pelangan
5. Tampilan Produk
Menampilan berbagai aneka produk kue yang dijual di toko kue online.
Gambar III.23
Tampilan Produk
6. Tampilan Pesanan
Menampilkan daftar pesanan pelanggan yang sudah terkonfirmasi dan
sudah diterima.
Gambar III.24
Tampilan Pesanan
7. Tampilan Konfirmasi
Menampilkan data konfirmasi yang harus diisi oleh pelanggan pada saat
selesai melakukan pembelian produk.
Gambar III.25
Tampilan Konfirmasi
8. Tampilan Cara Belanja
Menampilkan tata cara dan urutan belanja di toko kue online.
Gambar III.26
Tampilan Cara Belanja
9. Tampilan Kontak
Menampilkan data pemilik toko kue online seperti nama,alamat dan no
telepon yang dapat dihubungi oleh pelanggan.
Gambar III.27
Tampilan Kontak
10. Tampilan Komentar
Gambar III.28
Tampilan Komentar
11. Tampilan Tinggalkan Komentar
Gambar III.29
Tampilan Tinggalkan Komentar
B. Spesifikasi Sistem Komputer
Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum
yang dibutuhkan untuk mengimplementasikan aplikasi e-Learning untuk sekolah
menengah dan sederajat.
Contoh spesifikasi sistem komputer :
1. Spesifikasi Perangkat Keras
a. Server
1) CPU
(a) Processor Intel® Pentium® Core 2 Duo
(b) RAM DDR2 4 GB
(c) Hard Disk 500 GB
2) Mouse
3) Keyboard
4) Monitor dengan resolusi layar minimum 1024x768
5) Koneksi internet dengan kecepatan 2 Mbps.
b. Client
1) CPU
(a) Processor Intel® Pentium® 4
(b) RAM DDR2 1GB
(c) Hard Disk 20 GB
2) Mouse
3) Keyboard
4) Monitor dengan resolusi layar minimum 1024x768
5) Koneksi internet dengan kecepatan 56 kbps.
2. Spesifikasi Perangkat Lunak
1. Server
a. Sistem operasi yang umum digunakan seperti: Microsoft Windows atau
Linux (Ubuntu, Fedora, dan lain-lain).
b. Aplikasi bundle web server seperti: Xampp, WampServer, php2triad yang
terdiri dari beberapa komponen, diantaranya:
(1) Aplikasi Apache Server v2
(2) Aplikasi PHP Server v5
(3) Aplikasi MySQL Server v5
(4) Aplikasi phpMyAdmin v3
c. Aplikasi Web Lihatr seperti Mozilla Firefox, Opera, Safari, Internet
Explorer, Google Chrome.
2. Client
a. Sistem operasi yang umum digunakan seperti: Microsoft Windows atau
Linux (Ubuntu, Fedora, dan lain-lain).
b. Aplikasi web browser seperti Mozilla Firefox, Opera, Safari, Internet
Explorer, Google Chrome.
3.4.2 Pengujian Unit
Pengujian terhadap program yang dibuat menggunakan blackbox testing
yang fokus terhadap proses masukan dan keluaran program.
Contoh Pengujian Unit :
A. Pengujian Terhadap Form Login
Tabel III.11
Hasil Pengujian Black Box Testing Halaman Login
No. Skenario
pengujian
Test case Hasil yang
diharapkan
Hasil
pengujian
Kesimpulan
1. User Id dan
password tidak
diisi kemudian
klik tombol
login
User Id : (kosong)
Password: (kosong)
Sistem akan
menolak akses user
dan menampilkan
“No pelanggan
harus disi,
password harus
diisi”
Sesuai
harapan Valid
2. Mengetikkan
user ID dan
password tidak
diisi atau
kosong
kemudian klik
tombol login
User ID: PEL002
Password :
(kosong)
Sistem akan
menolak akses user
dan menampilkan
“Password harus
diisi”
Sesuai
harapan Valid
3. User ID tidak
diisi (kosong)
dan password
diisi kemudian
klik tombol
login
User Id: (kosong)
Password: 1998-03-
31
Sistem akan
menolak akses user
dan menampilkan
“No pelanggan
harus diisi”
Sesuai
harapan Valid
4. Mengetikkan
salah satu
kondisi salah
pada user ID
atau password
kemudian klik
tombol login
User ID: PEL002
(benar)
Password: 1998-03-
31 (salah)
Sistem akan
menolak akses user
dan menampilkan
“Eror object not
found”.
Sesuai
harapan
Valid
5. Mengetikkan
user ID dan
password
dengan data
yang benar
kemudian klik
tombol login
User ID:
PEL002(benar)
Password:
hanyaaku(benar)
Sistem menerima
akses login dan
kemudian langsung
menampilkan
menu utama.
Sesuai
harapan
Valid
B. Pengujian Terhadap Form Daftar
Tabel III.12
Hasil Pengujian Black Box Testing Form Daftar
No. Skenario
pengujian
Test case Hasil yang
diharapkan
Hasil
pengujian
Kesimpulan
1. Nama,alamat, Nama : (kosong) Sistem akan
menolak akses
Sesuai
harapan Valid
No telp,email,
Password tidak
diisi,kemudian
pilih daftar
Alamat: (kosong)
No telp:(kosong)
Email :(kosong)
Password :(kosong)
user dan
menampilkan
“nama harus
diisi,alamat
harus diisi,no
telp harus
diisi,email harus
diisi, dan
password harus
diisi”
2. Alamat,
No telp,email,
Password tidak
diisi,kemudian
pilih daftar
Nama : nur
Alamat: (kosong)
No telp:(kosong)
Email :(kosong)
Password :(kosong)
Sistem akan
menolak akses
user dan
menampilkan
“alamat harus
diisi,no telp
harus diisi,email
harus diisi, dan
password harus
diisi”
Sesuai
harapan Valid
3. No telp,email,
Password tidak
diisi,kemudian
pilih daftar
Nama : nur
Alamat: kebumen
No telp:(kosong)
Email :(kosong)
Password :(kosong)
Sistem akan
menolak akses
user dan
menampilkan
“No telp harus
diisi,email harus
diisi, dan
password harus
diisi”
Sesuai
harapan Valid
4. Email
dan,Password
tidak
diisi,kemudian
pilih daftar
Nama : nur
Alamat: kebumen
No telp:083806555145
Email :(kosong)
Password :(kosong)
Sistem akan
menolak akses
user dan
menampilkan
email harus
diisi, dan
password harus
diisi”
Sesuai
harapan
Valid
5. Password tidak
diisi,kemudian
Nama : nur Sistem akan
menolak akses
Sesuai Valid
pilih daftar Alamat: kebumen
No telp:083806555145
Email:[email protected]
Password :(kosong)
user dan
menampilkan
password harus
diisi”
harapan
6 Nama,alamat,
No telp,email,
Password
diisi,kemudian
pilih daftar
Nama : nur
Alamat: kebumen
No telp:083806555145
Email:[email protected]
Password :hanyaaku
Sistem akan
menerima user
sebagai
konsumen baru
dan
menampilkan
anda telah
terdaftar
Sesuai
harapan
Valid
C. Pengujian Terhadap Form Login Admin
Tabel III.13
Hasil Pengujian Black Box Testing Halaman Login Admin
No. Skenario
pengujian
Test case Hasil yang
diharapkan
Hasil
pengujian
Kesimpulan
1. User name dan
password tidak
diisi kemudian
klik tombol
login
Username
:(kosong)
Password: (kosong)
Sistem akan
menolak akses user
dan menampilkan
“user name harus
diisi, password
harus diisi”
Sesuai
harapan Valid
2. Mengetikkan
user name dan
password tidak
User name: admin
Password :(kosong)
Sistem akan
menolak akses user
dan menampilkan
Sesuai
harapan Valid
diisi atau
kosong
kemudian klik
tombol login
“Password harus
diisi”
3. User name tidak
diisi (kosong)
dan password
diisi kemudian
klik tombol
login
User
name:(kosong)
Password: 1234
Sistem akan
menolak akses user
dan menampilkan
“user name harus
diisi”
Sesuai
harapan Valid
4. Mengetikkan
salah satu
kondisi salah
pada user ID
atau password
kemudian klik
tombol login
User name: admin
(benar)
Password: 12345
(salah)
Sistem akan
menolak akses user
dan menampilkan
“login gagal
silahkan cek user
name dan
password anda”.
Sesuai
harapan
Valid
5. Mengetikkan
user name dan
password
dengan data
yang benar
kemudian klik
tombol login
User ID:
admin(benar)
Password:
1234(benar)
Sistem menerima
akses login dan
kemudian langsung
menampilkan
menu utama.
Sesuai
harapan
Valid
BAB IV
PENUTUP
4.1. Kesimpulan
Pada bab ini penulis mencoba menarik kesimpulan dari seluruh
pembahasan dari bab-bab sebelumnya yang ada dalam Tugas Akhir ini, yaitu:
1. Dalam pembuatan program tugas akhir yang berjudul “Perancana Sistem
Informasi Penjualan Aneka Kue Berbasis Web” penulis menggunakan
aplikasi adobe dreamweaver cs5 yang memudahkan dalam proses
pembuatan program penjualan.
2. Pada pembuatan program “Perancangan Sistem Infomasi Penjualan Aneka
Kue Berbasis Web” komponen Entity Relationship Diagram
menggunakan relasi ERD yaitu One to Many.
3. Pennggunaan xampp control panel sangat perlu dilakukan dalam
menjalankan website yang berguna sebagai server. Terdiri atas program
Apache HTTP Server, MySQL Database, Filezilla, dan Mercury. Yang
berguna untuk menampilkan halaman web yang dinamis.
4. Admin disini bisa menambahkan kategori, produk, menampilkan komentar
dan menerima transaksi penjualan dari konsumen. User hanya bisa masuk
ke website untuk berbelanja setelah memiliki akun belanja.
4.2. Saran
Dari kesimpulan yang dijelaskan maka penulis memberikan beberapa
saran yang dapat membantu agar perancangan website ini dapat bekerja secara
optimal.
Adapun saran-saran dari penulis yaitu:
1. Dalam program “Perancangan Sistem Informasi Penjualan Aneka Kue
Berbasis Web” yang penulis buat ini aspek keamanan sistem (security
system) belum ada. Maka diharapkan untuk selanjutnya dapat menambah
dan melengkapi kekurangan-kekurangan yang ada.
2. Tidak adanya forum diskusi pada program “Perancangan Sistem Informasi
Penjualan Aneka Kue Berbasis Web” yang berguna untuk konsumen
berbagi pengalaman sesama konsumen tentang produk yang dijual di toko
online.
3. Perlu dikembangkan lagi program “Perancangan Sistem Informasi
Penjualan Aneka Kue Berbasis Web”yang penulis buat seperti
penambahan lokasi (map) supaya konsumen yakin dengan website ini dan
bukan website penipuan. Pelanggan akan merasa nyaman dalam
berbelanja.
DAFTAR PUSTAKA
Ahmadi, Chandra dan Hermawan, Dadang. 2013. E-Business & E-Commerce,
Yogyakarta : Penerbit Andi.
Arief, M. Rudyanto. 2011. Pemrograman Web Dinamis Menggunakan PHP dan
MYSQL. Yogyakarta: Andi.
A.S. Rosa dan Shalahuddin M. 2016. REKAYASA PERANGKAT LUNAK
TERSTRUKTUR dan BERORIENTASI OBJEK. Bandung: Informatika
Bandung.
Binanto, Iwan. 2010: Multimedia Digital Dasar Teori dan Pengembangannya.
Yogyakarta: Andi offset.
Hidayat, Rahmat. 2010. Cara Praktis Membangun Website Gratis : Pengertian
Website. Jakarta : PT Elex Media Komputindo Kompas, Granedia.
Kurniawan, Rulianto. 2008. Membangun Situs PHP Untuk Orang Awam.
Palembang :MAXIKOM.
Madcoms 2016. Pemrograman PHP dan MYSQL Untuk Pemula. Yogyakarta:
Andi Publisher.
Masrur, Mukhamad. 2016. Pemrograman Web Dinamis menggunakan Java Server
Pages dengan Database Relasional MYSQL. Yogyakarta: Andi Publisher.
Putra, Yoka Ifana. 2015. 1 JAM PASTI BISA MEMBUAT Website GRATIS
OTODIDAK TANPA GURU. Jakarta: Dan Idea.
Sutarman. 2009. Pengantar Tekhnologi Informasi. Jakarta: Bumi Aksara.fg
Sutanta, Edhy. Basis Data dalam Tinjauan Konseptual. Yogyakarta: Andi,2011.
Vermaat, Shelly Cashman. (2011). Discovering Computers “Menjelajah Dunia
Komputer” Fundamental. Third Edition. Salemba: Infotek.
Wahana Komputer. 2010. Panduan Belajar MySQL Database Server. Media Kita.
Jakarta Selatan.
Wicaksono, Yogi. 2008. Membangun Bisnis Online dengan Mambo. Jakarta: PT.
Elex Media Komputindo.
LAMPIRAN
Lampiran A.1. Tampilan Halaman Login Admin
Lampiran A.2. Tampilan Halaman Admin
Lampiran A.3. Tampilan Halaman Menu Utama
Lampiran A.4. Tampilan Halaman Daftar Pelanggan
Lampiran A.5. Tampilan Halaman Produk
Lampiran A.6. Tampilan Halaman Pesanan
Lampiran A.7. Tampilan Halaman Konfirmasi
Lampiran A.8. Tampilan Halaman Cara Belanja
Lampiran A.9. Tampilan Halaman Kontak
Lampiran A.10. Tampilan Halaman Komentar
Lampiran A.11. Tampilan Halaman Tinggalkan Komentar