Upload
others
View
6
Download
0
Embed Size (px)
Citation preview
i
PERANCANGAN SISTEM INFORMASI PENJUALAN
SEPATU BERBASIS WEB
TUGAS AKHIR
Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma III
FAISAL AMIR
NIM : 12140875
Program Studi Manajemen Informatika
AMIK BSI Jakarta
2017
KATA PENGANTAR
Alhamdulillah, Dengan mengucapkan puji syukur kehadirat Allah SWT,
yang telah melimpahkan rahmat dan karunia-Nya, sehingga pada akhirnya penulis
dapat menyelesaikan tugas ini dengan baik. Dimana tugas akhir ini penulis sajikan
dalam bentuk buku yang sederhana. Adapun judul tugas akhir, yang penulis ambil
sebagai berikut, “Perancangan Sistem Informasi Penjualan Sepatu Berbasis
Web”.
Tujuan penulisan tugas akhir ini dibuat sebagai salah satu syarat
kelulusan program Diploma III AMIK BSI Jakarta. Sebagai bahan penulisan
diambil berdasarkan hasil penelitian (eksperimen), observasi dan beberapa sumber
literatur yang mendukung penulisan ini. Penulis menyadari bahwa tanpa
bimbingan dan dorongan dari semua pihak, maka penulisan tugas akhir ini tidak
akan lancar. Oleh karena itu pada kesempatan ini, izinkanlah penulis
menyampaikan ucapan terima kasih kepada:
1. Direktur AMIK BSI Jakarta.
2. Ketua Program Studi Manajemen Informatika AMIK BSI Jakarta.
3. Ibu Astriana Mulyani, S.Si, M.Kom selaku Dosen Pembimbing Tugas Akhir.
4. Roida Pakpahan, S.Kom, M.Si selaku Asisten Pembimbing Tugas Akhir.
5. Staff / karyawan / dosen dilingkungan AMIK BSI Jakarta.
6. Orang tua tercinta yang telah memberikan dukungan moral maupun spiritual
7. Rekan-rekan mahasiswa kelas 12.6H.07.
ABSTRAK Faisal Amir (12140875), Perancangan Sistem Informasi Penjualan Sepatu
Berbasis Web
Di jaman yang berkembang pesat ini serta sejalan dengan era globalisasi, maka
benda yang bernama komputer bukanlah barang baru, melainkan suatu media
yang sangat membantu sekaligus dibutuhkan peranannya bagi manusia sebagai
penggunanya. Perusahaan-perusahaan membutukan sekali adanya suatu sistem
informasi yang menunjang dan memberikan pelayanan yang memuaskan bagi para
customer. Untuk itulah penulis mencoba membuat Tugas Akhir mengenai sistem
penjualan barang berbasis web. Pada saat ini masih banyak perusahaan-perusahaan
yang masih menggunakan sistem secara manual, mulai dari pencatatan customer
yang membeli barang, sampai penyimpanan data-data lainnya yang berhubungan
dengan proses penjualan hingga sampai pembuatan laporan, sehingga
memungkinkan pada saat proses berlangsung terjadi kesalahan dalam pencatatan,
kurang akuratnya laporan yang dibuat dan keterlambatan dalam pencarian data-
data yang diperlukan. Perancangan sistem informasi ini merupakan solusi terbaik
untuk memecahkan permasalahan-permasalahan yang ada pada perusahaan-
perusahaan, serta dengan sistem yang terkomputerisasi dapat tercapai suatu
kegiatan yang efektif dan efisien dalam menunjang aktifitas pada perusahaan ini.
Sistem yang terkomputerisasi lebih baik dari sistem yang manual agar berjalan
lebih efektif dan efisien serta sistem penjualan yang sekarang lebih kondusif
dibandingkan dengan sistem yang terdahulu.
Kata Kunci: Perancangan Sistem Informasi, Sistem Penjualan Barang
ABSTRACT
Faisal Amir (12140875), Web Based Shoe Sales Information System Design.
In this rapidly growing era and in line with the era of globalization, the object
called the computer is not a new item, but a medium that is very helpful as well as
needed role for humans as users. The company fully needs an information system
which supports and gives contented services to all customers. That is why the
author tries to make the final project on web-based goods sales system. At this
time there are still many companies that still use the system manually, ranging
from recording customers who buy goods, until the storage of other data related
to the sales process up to the making of the report, making it possible at the time
of the process occurred error in recording, The inaccuracy of reports made and
the delays in searching for the necessary data. The design of this information
system is the best solution to solve the problems that exist in the companies, as
well as with a computerized system can be achieved an effective and efficient
activities in supporting activities in this company. 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.
Keywords: Information System Design, Goods Sales System
DAFTAR ISI Halaman
Lembar Judul Tugas Akhir ................................................................ i
Lembar Pernyataan Keaslian Tugas Akhir .................................................... ii
Lembar Pernyataan Persetujuan Publikasi Karya Ilmiah ............................... iii
Lembar Persetujuan dan Pengesahan Tugas Akhir ........................................................... iv
Lembar Konsultasi Tugas Akhir ....................................................................................... v
Kata Pengantar ......................................................................................................................... vii
Abstrak ........................................................................................................ ix
Daftar Isi .................................................................................. xi
Daftar Gambar ........................................................................... xii
Daftar Tabel .......................................................................................... xiii
Daftar Lampiran .................................................................................... xiv
BAB I PENDAHULUAN .................................................................... 1
1.1. Latar Belakang Masalah ....................................................... 1
1.2. Maksud dan Tujuan .............................................................. 2
1.3. Metode Penelitian ................................................................ 2
1.4. Ruang Lingkup .................................................................... 6
1.5. Sistematika Penulisan .......................................................... 7
BAB II LANDASAN TEORI ................................................................ 8
2.1. Konsep Dasar Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
2.2. Teori Pendukung .................................................................. 18
BAB III PEMBAHASAN ....................................................................... 25
3.1. Analisa Kebutuhan .............................................................. 25
3.1.1. Analisa Kebutuhan Sistem ........................................ 25
3.1.2. Analisa Kebutuhan Pengguna .................................... 26
3.2. Perancangan Perangkat Lunak ............................................. 26
3.2.1. Rancangan Antar Muka ............................................. 27
3.2.2. Rancangan Basis Data ............................................... 33
3.2.3. Rancangan Strucktur Navigasi ................................... 40
3.3. Implementasi dan Pengujian Perangkat Lunak .................... 41
3.3.1. Implementasi ............................................................. 41
3.3.2. Pengujian Unit .......................................................... 53
BAB IV PENUTUP ................................................................................ 56
4.1. Kesimpulan ...................................................................... 56
4.2. Saran ................................................................................ 56
DAFTAR PUSTAKA
DAFTAR RIWAYAT HIDUP
LAMPIRAN-LAMPIRAN
xii
DAFTAR GAMBAR
Halaman
Gambar II.1 Struktur Navigasi Linier .............................................................. 19
Gambar II.2 Struktur Navigasi Hirarki ............................................................ 20
Gambar II.3 Struktur Navigasi Non-Linier ...................................................... 20
Gambar II.4 Struktur Navigasi Campuran ....................................................... 21
Gambar III.1 Rancangan Antar Muka Halaman Utama .................................... 27
Gambar III.2 Rancangan Antar Muka Detail Produk ....................................... 28
Gambar III.3 Rancangan Antar Muka Form Keranjang Belanja ....................... 28
Gambar III.4 Rancangan Antar Muka Form Pemesanan Produk ...................... 29
Gambar III.5 Rancangan Antar Muka Informasi Tentang Toko ....................... 29
Gambar III.6 Rancangan Antar Muka Testimonial .......................................... 30
Gambar III.7 Rancangan Antar Login Admin .................................................. 30
Gambar III.8 Rancangan Antar Muka Halaman Admin ................................... 31
Gambar III.9 Rancangan Antar Muka Data Produk ......................................... 31
Gambar III.10 Rancangan Antar Muka Input Data Produk............................... 32
Gambar III.11 Rancangan Antar Muka Laporan Data Pemesanan Produk........ 32
Gambar III.12 Entity Relationship Diagram .................................................... 33
Gambar III.13 Logical Record Structure .......................................................... 34
Gambar III.14 Struktur Navigasi Halaman Pengunjung ................................... 40
Gambar III.15 Struktur Navigasi Halaman Admin ........................................... 41
Gambar III.16 Halaman Utama........................................................................ 42
Gambar III.17 Halaman Detail Produk ............................................................ 43
Gambar III.18 Halaman Keranjang Belanja ..................................................... 44
Gambar III.19 Halaman Form Pemesanan Produk ........................................... 45
Gambar III.20 Halaman Informasi Tentang Toko ............................................ 46
Gambar III.21 Halaman Testimoni .................................................................. 47
Gambar III.22 Halaman Form Login Admin .................................................... 48
Gambar III.23 Halaman Admin ....................................................................... 49
Gambar III.24 Halaman Tambah Barang ......................................................... 50
Gambar III.25 Halaman Laporan Data Pemesanan Produk .............................. 51
DAFTAR TABEL
Halaman
Tabel III.1 Analisa Kebutuhan Sistem ............................................................ 25
Tabel III.2 Spesifikasi File Tabel admin ......................................................... 35
Tabel III.3 Spesifikasi File Tabel Barang ....................................................... 36
Tabel III.4 Spesifikasi File Tabel Pelanggan................................................... 37
Tabel III.5 Spesifikasi File Tabel Kategori ..................................................... 38
Tabel III.6 Spesifikasi File Tabel Pesan .......................................................... 39
Tabel III.7 Spesifikasi File Tabel Detail Pesanan ............................................ 40
Tabel III.8 Pengujian Form Login .................................................................. 53
Tabel III.9 Pengujian Input Data Barang ........................................................ 54
DAFTAR LAMPIRAN
Halaman
Lampiran A.1 Invoice Pemesanan Pelanggan .................................................. 60
Lampiran A.2 Invoice Detail Pesanan admin ................................................... 61
Lampiran A.3 Testimoni ................................................................................. 62
Lampiran A.4 Dara Transaksi ......................................................................... 63
BAB I
PENDAHULUAN
1.1. Latar Belakang Masalah
Di jaman yang berkembang pesat ini serta sejalan dengan era globalisasi, maka
benda yang bernama komputer bukanlah barang baru, melainkan suatu media
yang sangat membantu sekaligus dibutuhkan peranannya bagi manusia sebagai
penggunanya. Perkembangan yang pesat akan teknologi komputer sehingga dapat
dirasakan dalam kehidupan sehari-hari. Maka seiring dengan hal tersebut para
penggunanya dituntut untuk menyesuaikan dengan perkembangan komputer itu
sendiri. Sejalan dengan hal itu internet juga melakukan perkembangan, dapat kita
lihat beberapa tahun kebelakang bahwa internet hanya digunakan untuk kalangan
khusus, yaitu militer dan pemerintah. Tetapi jika kembali pada masa sekarang ini
internet berkembang bagaikan wabah yang menyebar keseluruh dunia. Internet
bukan hanya untuk mencari segala informasi yang datang dengan cepat, lebih dari
itu kehadirannya dapat digunakan sebagai alat bantu bisnis perdagangan sebagai
sarana dalam proses jual beli. Sehingga dapat memberikan dua kemudahan
sekaligus juga keleluasaan bagi para pembeli serta pedagang dalam proses jual
beli.
Aktivitas dunia perdagangan mengakibatkan terbatasnya jumlah konsumen, bagi
konsumen harus mempunyai waktu khusus untuk berbelanja, harus menyiapkan
modal untuk sewa gedung yang semakin hari semakin mahal, jangkauannya lebih
sempit, mungkin hanya pada orang-orang disekitar toko atau daerah tersebut saja,
sistem pemasaran masih membutuhkan dan memakai sistem cetak brosur yang
membutuhkan modal tidak sedikit, melakukan sistem pembayaran langsung saat
pembeli datang memilih barang yang diinginkan, kemudian membayarkannya
secara tunai/langsung kepada pembeli dan sangat membutuhkan tenaga kerja
bantuan.
Berdasarkan masalah diatas sehingga penulis mengambil judul TA:
“Perancangan Sistem Informasi Penjualan Sepatu Berbasis Web”.
1.2. Maksud dan Tujuan
Adapun maksud dan tujuan penulisan yang ingin dicapai dalam pembuatan
makalah ini adalah sebagai berikut:
1. Membantu toko meningkatkan jumlah konsumen yang bertransaksi.
2. Membantu toko dalam mempromosikan produk.
3. Membantu konsumen dalam bertransaksi.
4. Membuat aplikasi berbasis web untuk promosi dan bertransaksi.
5. Memudahkan pembuatan laporan.
Sedangkan tujuan penulisan tugas akhir ini adalah sebagai salah satu syarat
kelulusan Program Diploma Tiga (D III) Jurusan Manajemen Infromatika di
Akademik Manajemen Infromatika dan Komputer Bina Sarana Infromatika.
1.3. Metode Penelitian
Dalam penulisan Tugas Akhir ini, menggunakan Metode Pengembangan
Perangkat Lunak dan Teknik Pengumpulan Data.
A. Metode Pengembangan perangkat Lunak
Metode yang digunakan pada pengembangan perangkat lunak ini
menggunakan
Model water fall (Sukamto, R. A., 2013:28) yang meliputi:
Rekayasa dan Permodelan Sistem/Informasi
Langkah pertama dimulai dengan membangun keseluruhan elemen sistem
dan memilah bagian-bagian mana yang akan dijadikan bahan pengembangan
perangkat lunak, dengan memperhatikan hubungannya dengan Hardware,
User dan Database.
1. Analisa Kebutuhan Perangkat Lunak
Pada proses ini, dilakukan penganalisaan dan pengumpulan kebutuhan
sistem yang meliputi domain informasi, fungsi yang dibutuhkan untuk
kerja/performansi dan antarmuka. Hasil penganalisaan dan pengumpulan
tersebut didokumentasikan dan diperlihatkan kembali kepada pelanggan.
2. Desain
Desain suatu perangkat lunak merupakan proses beberapa tahap yang salah
satunya difokuskan pada 2 atribut yang berbeda dari sebuah program
yaitu:
Desain Database
Desain Interface
Desain Database:
Desain database merupakan tahap penyusunan proses, data, aliran proses
dan hubungan antar data yang paling optimal untuk menjalankan proses
bisnis dan memenuhi kebutuhan perusahaan sesuai dengan hasil analisa
kebutuhan. Dokumentasi yang dihasilkan dari tahap desain sistem ini
antara lain: Entity Relationship Diagram (ERD) dan Logical Relational
Structure (LRS).
Desain Interface:
Desain interface harus dibuat yang menarik, interaktif, mudah dipelajari,
mudah digunakan dan mudah dipahami.
3. Pengkodean
Pengkodean merupakan proses menterjemahkan perancangan kebentuk
yang dapat dimengerti oleh mesin, dengan menggunakan bahasa
pemrograman PHP, dengan sistem database yang dibuat dengan
menggunakan MySQL, dan diterapkan pada PC (Personal Computer)
dengan sistem operasi berbasis Microsoft Windows, Linux dan
sebagainya.
4. Pengujian
Setelah proses pengkoden selesai, dilanjutkan dengan proses pengujian
Black Box pada program perangkat lunak, Pengujian black box berfokus
pada persyaratan fungsional perangkat lunak. Dengan demikian pengujian
black box memungkinkan perekayasa lunak mendapat serangkaian kondisi
input yang sepenuhnya menggunakan persyaratan fungsional untuk semua
program, Pengujian black box berusaha menemukan kesalahan dalam
kategori seperti fungsi-fungsi yang tidak benar atau hilang, kesalahan
interface, kesalahan kinerja, inisialisasi dan kesalahan terminasi.
5. Evaluasi
Pelanggan mengevaluasi apakah perangkat lunak yang sudah jadi sudah
sesuai dengan yang diharapkan. Jika ya, maka proses akan dilanjutkan ke
tahap selanjutnya, namun jika perangkat lunak yang sudah jadi
tidak/belum sesuai dengan apa yang diharapkan, maka tahapan
sebelumnya akan diulang.
6. Pemeliharaan
Proses pemeliharaan merupakan bagian paling akhir dari siklus
pengembangan dan dilakukan setelah perangkat lunak dipergunakan.
Setelah program selesai dibuat dan kemudian dipergunakan oleh user,
programmer akan memelihara serta menambah atau menyesuaikan
program dengan kebutuhan serta kondisi user.
B. Teknik Pengumpulan Data
Teknik pengumpulan data yang digunakan oleh penulis dalam melakukan
pengumpulan data untuk Tugas Akhir adalah:
1. Pengamatan Langsung (Observasi)
Penulis melakukan pengamatan secara langsung pada toko-toko di daerah
Jakarta.
2. Study Pustaka
Penulis mengumpulkan dan memperoleh data dari membaca buku-buku
literatur, laporan-laporan atau bacaan lain yang berkaitan dengan materi
yang akan dibahas.
1.4. Ruang Lingkup
Dalam pembuatan website toko sepatu ini diperlukan batasan masalah,
agar permasalahan yang ditinjau tidak terlalu luas dan sesuai dengan maksud dan
tujuan yang dicapai. Adapun batasan-batasan yang dibuat adalah sebagai berikut:
1. Pada proses aplikasi pengguna dapat menggunakan user yang terdiri dari
admin, member dan pengunjung biasa.
2. Pembeli dapat memesan barang melalui website, menentukan pembayaran,
mengubah alamat dan nomor telepon, serta melakukan konfirmasi
pembayaran.
3. Data yang diolah adalah data produk sepatu, data gambar, data pemesanan
dan data laporan.
4. Proses yang terjadi pada aplikasi yaitu proses login user, proses pembelian
produk, proses pencarian produk, dan proses pembuatan laporan.
5. Keluaran yang dihasilkan oleh aplikasi yaitu informasi produk, informasi
pemesanan, informasi cara pembayaran, laporan produk dan laporan
penjualan.
6. Pada halaman admin dapat melakukan proses input, update, delete, semua
data yang berhubungan dengan web penjualan sepatu yang meliputi data
barang, dan laporan penjualan
21
1.5. Sistematika Penulisan
Penulis menyusun penulisan Tugas Akhir ini menjadi empat bab, diantaranya:
BAB I PENDAHULUAN
Bab pendahuluan ini membahas tentang latar belakang masalah,
pembatasan masalah, tujuan penulisan, metode penelitian dan
sistematika penulisan.
BAB II LANDASAN TEORI
Bab landasan teori ini membahas tentang konsep dasar web dan
teori pendukung.
BAB III PEMBAHASAN
Bab pembahasan ini menguraikan tentang tinjauan kasus, analisa
kebutuhan, perancangan perangkat lunak seperti rancangan antar
muka, rancangan basis data dan rancangan struktur navigasi, begitu
pula pada implementasi dan pengujian unit.
BAB IV PENUTUP
Pada bab ini terdiri dari kesimpulan dan saran-saran penulis yang
penulis buat berdasarkan bab-bab sebelumnya.
BAB II
LANDASAN TEORI
2.1. Konsep Dasar Web
A. Website
Menurut Humaira (2015:35) menjelaskan bahwa, “website merupakan
kumpulan halaman-halaman yang digunakan untuk menampilkan informasi teks,
gambar diam atau bergerak, animasi, suara, dan atau gabungan dari semuanya,
baik yang bersifat statis maupun dinamis yang membentuk suatu raingkaian
bangunan yang saling terkait, yang masing-masing dihubungkan dengan jaringan-
jaringan halaman.”.
1. Pengenalan Internet
Internet adalah singkatan dari Interconnected Network. Internet merupakan
sebuah sistem komunikasi yang mampu menghubungkan jaringan–jaringan
komputer diseluruh dunia. Internet awalnya merupakan suatu rencana dari
Departemen pertahanan Amerika Serikat (US Department of Defence) pada tahun
1969. Dimulai dari suatu proyek yang dinamakan Advance Reaserch Project
Agency Network (ARPANET). Beberapa Universitas di Amerika Serikat
diantaranya ULCA, Standford, UC Santaa Babara dan University of Utah,
dimintai bantuan dalam mengerjakan proyek ini dan awalnya telah berhasil
menghubungkan empat komputer di empat universitas berbeda tersebut.
Perkembangan ARPANET cukup pesat, pada tahun 1977, ARPANET telah
menghubungkan dari 100 mainframe komputer.
Pada 1 Januari 1983, ARPANET menukar protokol raingkaian pusatnya,
dari NCP ke TCP/IP. Ini merupakan awal dari internet yang kita kenal hari ini.
Pada sekitar 1990, Internet telah berkembang dan menyambungkan kebanyakan
pengguna jaringan – jaringan komputer yang ada.
TCP berguna untuk memastikan bahwa semua konekti berkerja dengan
benar. Sedangkan IP berguna untuk melakukan transfer data dari suatu komputer
ke komputer lain. Untuk dapat menggunakan fasilitas Internet, anda harus
berlangganan ke salah satu Internet Service provider (ISP) yang ada di kota anda
atau biasa disebut dengan penyedia jasa Internet.
Pada mulanya internet mengharuskan masyarakat yang mengaksesnya untuk
mempelajari banyak perintah yang sukar, namun pada tahun 1992, Timothy
Bernes Lee dan peneliti lainnya menemukan World Wide Web (WWW), yang
memungkinkan pemakai menjelajah internet tanpa perlu mengetahui perintah-
perintah yang rumit. Tahun-tahun berikutnya, web browser seperti Netscape
Navigator dan Microsoft Internet Explorer ditemukan dan menjadikan
pemanfaatan akses internet menjadi lebih mudah.
Berikut ini adalah istilah-istilah dalam dunia internet antara lain:
1. World Wide Web
Menurut Yuhefizar (2008:159) “World Wide Web sering disingkat dengan
www atau web adalah suatu metode untuk menampilkan informasi di
internet, baik berupa teks, gambar, suara maupun video yang interaktif dan
mempunyai kelebihan untuk menghubungkan (link) satu dokumen dengan
dokumen lainnya (hypertext) yang dapat di akses dengan browaser.”
2. Web browser
Untuk mengakses internet diperlukan suatu program aplikasi yang disebut
web browser. Program aplikasi ini mempunyai kemampuan untuk
menampilkan suatu web page yang ditulis dalam format HTML, diperlukan
klien WWW (World Wide Web) yang biasa dikenal sebagai web browser
yang popular dan banyak digunakan adalah Microsoft Internet Explorer dan
Mozila firefox.
3. Web Server
Menurut Humaira (2015:28) mengemukakan bahwa “Web server
merupakan software yang memberikan layanan data yang berfungsi
menerima permintaan HTTP atau HTTPS dari klien yang dikenal dengan
browser web dan mengirimkan kembali hasilnya dalam bentuk halaman-
halaman web yang umumnya berbentuk dokumen HTML.”
4. HTTP (Hyper Text Transfer Protocol)
Hyper Text Transfer Protocol (HTTP) adalah sebuah protokol jaringan
lapisan aplikasi yang digunakan untuk sistem informasi terdistribusi,
kolaboratif dan menggunakan hipermedia. HTTP merupakan suatu protokol
meminta atau menjawab anatara klien dan server. Sebuah klien HTTP
(Seperti Web browser), biasanya memulai permintaan dengan membuat
hubungan ke port tertentu di sebuah ServerWeb hosting tertentu (biasanya
port 80). Klien yang mengirimkan permintaan HTTP juga dikenal dengan
useragent. Server yang meresponnya, yang menyimpan sumber daya seperti
berkas HTML dan gambar, dikenal juga sebagai origini server. Di antara
useragent dan juga originserver bisa saja ada penghubung seperti halnya
proxy, getway dan juga tunnel.
5. Homepage
Homepage merupakan informasi yang disimpan dalam suatu file yang
berbeda-beda. Pada dasarnya hompage adalah suatu sarana untuk
memperkenalkan secara singkat tentang apa yang menjadi isi dari
keseluruhan situs web dari suatu organisasi atau pribadi.
B. Bahasa Pemrograman
Adapun beberapa bahasa pemrograman yang digunakan dalam membangun
website adalah :
1. PHP (Personal Home Page / Hypertext Preprocessore)
PHP dikatakan sebagai sebuah server-side embedded script language,
artinya semua sintaks dan perintah program yang akan sepenuhnya dijalankan
oleh server, tetapi dapat disertakan pada halaman HTML biasa. Pada umumnya,
semua aplikasi yang dibangun menggunakan PHP akan memberikan hasil pada
web browser, tetapi prosesnya secara keseluruhan dijalankan pada server.
Menurut Anhar (2010:3) “Personal Home Pages (PHP) adalah bahasa
pemrograman web server-side yang bersifat open source. “.
PHP adalah bahasa pemrograman web atau scripting language yang di
desain untuk web.PHP pertama kali dibuat oleh seorang yaitu Rasmus Lerdorf,
yaitu pada awalnya dibuat untuk menghitung jumlah pengunjung pad home
pagenya. Pada waktu itu PHP bernama FI (Form Interpreted). Pada saat itu PHP
adalah sekumpulan script untuk mengolah data form dari web.
2. CSS (Cascading Style Sheets)
Cascading Style Sheet atau yang biasa disebut dengan CSS merupakan
sebuah sekumpulan kode pemrograman web yang berfungsi untuk mengendalikan
beberapa komponen didalam web sehingga menjadi tampak seragam berstruktur
dan teratur. Menurut Wahana Komputer (2013:2) “CSS adalah singkatan dari
Cascading Style Sheet atau dalam bahasa yang lebih mudah, yaitu salah satu
dokumen website yang bertujuan untuk mengatur gaya (style) tampilan website”.
3. HTML (Hypertext Markup Language)
Menurut Anhar (2010:40) “HTML (Hyper Text Markup Leanguage) adalah
sekumpulan simbol-simbol atau tag-tag yang dituliskan dalam sebuah file yang
digunakan untuk menampilkan halaman pada web browser”.
HTML atau Hyper Text Markup Leanguage merupakan suatu format data
yang digunakan untuk membuat dokumen hypertext yang dapat dibaca dari suatu
platform computer ke platform komputer lainnya tanpa perlu melakukan suatu
perubahan apapun. Dokumen HTML disebut sebagai markup language karena
mengandung tanda-tanda tertentu yang digunakan untuk menentukan tampilan
teks dan tingkat kepentingan dari text tersebut dalam suatu dokumen. Dengan
system Hypertext pada dokumen HTML.
4. Javascript
Menurut Sibero (2013:150) “Javascript adalah suatu bahasa pemograman
yang dikembangkan untuk dapat berjalan pada web browser”. Javascript adalah
bahasa script (scripting language) merupakan kumpulan inturksi perintah yang
digunakan untuk mengendalikan beberapa dari sistem operasi. Kode Javascript
biasanya dituliskan dalam bentuk fungsi yang ditaruh ditag yang dibuka dengan
tag.
C. Basis Data
1. Pengertian Basis Data
Menurut Utami (2012:66) “Data base atau basis data merupakan kumpulan
dari item data yang saling berhubungan satu dengan yang lainnya yang
diorganisasikan berdasarkan sebuah skema atau struktur tertentu, tersimpan di
hardware komputer dan dengan software untuk melakukan manipulasi untuk
kegunaan tertentu”.
2. MySQL (My Structure Query Language)
Menurut Gunawan (2010:15) mengemukakan bahwa, “Mysql adalah aplikasi
atau sistem untuk mengelola database atau manajemen data.” Untuk menyimpan
data dan informasi ke komputer kita menggunakan data, contoh kita menyimpan
data karyawan pada suatu perusahaan dan memasukan pada suatu file. File yang
dikelompokkan inilah yang disebut database, dan mysql bertugas mengatur dan
mengelolah data-data pada database.
D. Metode Pengembangan Perangkat Lunak
1. Pengertian Waterfall
Waterfall menurut Sukamto dan Shalahuddin (2011:26) “menyediakan
pendekatan alur hidup perangkat lunak secara sekuensial atau terurut dimulai dari
analisis, desain, pengodean, pengujian dan tahap pendukung (support). Tahap-
tahap pengembangan waterfall, sebagai berikut:
a. Analisis
Pelayanan, batasan, dan tujuan sistem ditentukan melalui konsultasi dengan
user, dalam tahapan ini jasa kendala dan tujuan dari konsultasi dengan pengguna
sistem. Kemudian semuanya dibuat dalam bentuk yang dapat dimengerti oleh user
dan staff pengembang. Dengan kata lain dalam tahapan ini dilakukan analisa
kemudian divertivikasi client dan tim SQA.
b. Desain / Perancangan sistem
Menurut Satzinger, Jackson, dan Burd (2012:5), Perancangan sistem adalah
sekumpulan aktifitas yang mengambarkan secara rinci bagaimana sistem
akan berjalan. Hal itu bertujuan untuk mengahasilkan produk perangkat
lunak yang sesuai dengan kebutuhan user.
Perancangan sistem adalah proses dimana analisa diterjemahkan menjadi
cetak biru untuk membangun perangkat lunak. Awalnya cetak biru
menggambarkan pandangan menyeluruh perangkat lunak. Yaitu desain
diwakili pada tingkat yang dapat langsung ditelusuri pada sistem tertentu,
objektif dan data yang lebih rinci, fungsional dan persyaratan yang
diperlukan. Seperti terjadi pengulangan desain, perbaikan dari desain
sebelumnya. Kegiatan ini menentukan arsitektur sistem secara keseluruhan
fokus pada struktur data, arsitektur perangkat lunak, representasi interface
dan detail algoritma prosedural. Proses ini menerjemahkan syarat atau
kebutuhan ke dalam sebuah representasi perangkat lunak.
c. Pembuatan kode program
Pada tahap ini dilakukan kerja untuk membangun perangkat lunak
berdasarkan analisa dan pemodelan yang telah dilakukan. Sehingga hasil dari
tahap ini adalah basis data dan source code perangkat lunak. Selama tahap ini,
desain perangkat lunak disadari sebagai sebuah program lengkap atau unit
program. Desain yang telah disetujui diubah dalam bentuk kode-kode program.
Tahap ini, kode-kode program yang dihasilkan masih pada tahap modul-modul.
Diakhir tahap ini tiap modul ditesting tanpa diintergasikan.
d. Pengujian
Unit program diintegrasikan atau diuji sebagai asisten yang lengkap untuk
menjamin bahwa persyaratan sistem telah terpenuhi. Setelah source code
dihasilkan, perangkat lunak harus diuji untuk menemukan dan membenarkan
sebanyak mungkin kesalahan yang dibuat. Unit program diintegrasikan dan diuji
menjadi sistem yang lengkap untuk meyakinkan bahwa persyaratan perangkat
lunak telah dipenuhi. Setelah uji coba, sistem disampaikan ke konsumen.
e. Pendukung (support) atau pemeliharaan (maintenance)
Merupakan fase siklus yang paling lama. Sistem di instal dan dipakai.
Perbaikan mencakup koreksi dari berbagai eror, perbaikan dan implementasi unit
sistem dan pelayanan sistem. Proses pemeliharaan perangkat lunak dan
keseluruhan sistem bila terjadi kesalahan pada program, atau terjadi perubahan
lingkungan pernagkat lunak dan juga bila terjadi perubahan requirements dan
maintenace yang bersifat preventif untuk mengantisipasi keadaan yang tidak
diinginkan.
E. Peralatan Pendukung
1. Adobe Dreamweaver
Menurut Andi (2013:2) “Adobe Dreamweaver CS6 adalah Salah satu
aplikasi yang dapat anda manfaatkan untuk melakukan perancangan desain web
secara visual atau aplikasi web editor “.
Dreamweaver merupakan software web design yang berguna untuk
mendesain atau merancang web dan layout halam web. Dalam mendesain web.
Pendesain langsung bisa menuangkan ide-ide kreatif pendesain pada window.
Dreamweaver juga mempunyai kemampuan untuk mendukung pemrograman
server side dan client side. Server, misalnya pengelolahan database. Client side
merupakan bahasa pemograman tambahan pengelolahan sekaligus sebagai
pelengkap dari bahasa pemograman lainnya.
Dreamweaver adalah editor yang lengkap yang dapat digunakan untuk
membuat animasi sederhana yang berbentuk layer. Dengan adanya program ini
pendesain tidak akan susah-susah mengetik script-script format HTML, PHP
maupun bentuk program lainnya. Dreamweaver mempunyai tiga macam tampilan
untuk layout ruang kerja diantaranya, Code View, Design View, dan Code dan
Design View. Sebagai editor, Dreamweaver mempunyai sifat yang WYSIWYG
yang diartinya apa yang kamu lihat akan kamu peroleh (What You See Is What
You Get). Dengan kelebihan ini, seorang programer dapat melihat langsung hasil
buatannya tanpa harus dibuka di browser.
Mendesain web site dengan dremaweaver, pendesain dapat menggunkan
obyek yang dibuat dengan Macromedia Flash dan kemuidan pendesain
mengimpor ke Dreamweaver sehingga mendapatkan hasil yang optimal.
Dreamweaver didukung dengan cara pemakaian yang praktis dan standar, dan
juga didukung untuk pengembangan CSS serta kemudahan lain yang diperlukan.
2. XAMPP
Xampp adalah satu paket komplit web server yang mudah dipasang di
berbagai sistem operasi. Dalam paketnya sudah terkandung Apache (web server),
MySQL (database), PHP (server side sripting), dan berbagai pustaka bantu
lainnya. Xampp tersedia untuk linux, windows, macos maupun solaris sehingga
sangat memudahkan membuat web server multiplatfrom.
F. Pengujian Website
Menurut Sukamto dan Shalahuddin (2015:272) menjelaskan bahwa:
“Pengujian perangkat lunak adalah elemen sebuah topik yang memiliki cakupan
luas dan sering dikaitkan dengan verifikasi (verification) dan validasi (validation)
(V&V)”. Verifikasi adalah mengacu pada sekumpulan aktivitas untuk menjamin
bahwa perangkat lunak mengimplementasikan dengan benar sebuah fungsi
spesifik.
Validasi mengacu pada sekumpulan aktivitas yang berbeda yang sesuai
dengan perangkat lunak yang di bangun dapat ditelusuri sesuai dengan kebutuhan
pelanggan (customer). Dapat juga dikatakan sebagai berikut:
1. Verifikasi: “Apakah produk dibangun dengan benar?”. (Lebih kearah
apakah proses pengembangan produk sudah benar dan telah berhasil
mengimplementasikan dengan benar).
2. Validasi: “Apakah sudah membangun produk yang benar?”. (Lebih kearah
hasil produk apakah sudah sesuai dengan yang diinginkan).
Pengujian validasi dilakukan dengan beberapa pendekatan salah satunya
adalah Black Box Testing. Black box testing (Pengujian kotak hitam) yaitu
menguji perangkat lunak dari segi spesifikasi fungsional tanpa menguji desain dan
kode program. Pengujian dilakukan untuk mengetahui fungsi-fungsi, masukan dan
keluaran dari perangkat lunak sesuai dengan spesifikasi yang dibutuhkan.
Menurut Pressman (2010:495) “Black-Box testing berfokus pada
persyaratan fungsional perangkat lunak yang memungkinkan enginers untuk
memperoleh set kondisi input yang sepenuhnya akan melaksanakan persyaratan
fungsional untuk sebuah program”. Black-Box testing berusaha untuk menemukan
kesalahan dalam kategori berikut:
1. Fungsi yang tidak benar atau fungsi yang hilang
2. Kesalahan antarmuka
3. Kesalahan dalam struktur data atau akses database eksternal
4. Kesalahan perilaku (behavior) atau kesalahan kinerja
5. Inisialisasi dan pemutusan kesalahan
2.2. Teori Pendukung
A. Struktur Navigasi
Menurut Suyanto (2008:62) “Struktur navigasi dalam situs web melibatkan
sistem navigasi situs web secara keseluruhan dan desain interface situs web
tersebut, navigasi memudahkan jalan yang mudah ketika menjelajahi situs web”.
Struktur navigasi juga dapat diartikan sebagai struktur alur dari suatu program
yang merupakan rancangan hubungan dan rantai kerja dari beberapa area yang
berbeda dan dapat membantu mengorganisasikan seluruh elemen pembuatan
website. Ada empat macam bentuk dasar yaitu:
1. Linier (Satu Alur)
Struktur navigasi linier hanya mempunyai satu rangkaian cerita yang
berurut yang menampilkan satu demi satu tampilan layar secara berurut menurut
urutannya. Tampilan yang dapat ditampilkan pada struktur jenis ini adalah satu
halaman sebelumnya atau satu halaman sesudahnya, tidak dapat dua halaman
sebelumnya atau
dua halaman sesudahnya, pengguna akan melakukan navigasi secara berurutan,
dalam frame atau byte informasi satu ke yang lainnya.
Sumber: Binanto (2010:269)
Gambar II.1
Struktur Navigasi Linier
2. Herarchical (Hirarki)
Struktur dasar ini disebut juga struktur linier dengan percabangan karena
pengguna melakukan navigasi disepanjang cabang pohon struktur yang terbentuk
oleh logika isi.
Sumber: Binanto (2010:269)
Gambar II.2
Struktur Navigasi Hirarki
3. Non-Linier (Tidak berurutan)
Struktur navigasi non-linier merupakan pengembangan dari struktur
navigasi linier. Pada struktur ini diperkenankan membuat navigasi bercabang.
Percabangan yang dibuat pada struktur non-linier ini berbeda dengan percabangan
pada struktur hirarki, karena pada percabangan non-linear ini walaupun terdapat
percabangan tetap tiap-tiap tampilan mempunyai kedudukan yang sama yaitu
tidak ada Master Page dan Slave Page, pengguna akan melakukan navigasi
dengan bebas melalui isi proyek dengan tidak terikat dengan jalur yang sudah
ditentukan sebelumnya.
Sumber: Binanto (2010:270)
Gambar II.3
Struktur Navigasi Non-Linier
4. Composite (Campuran)
Struktur navigasi pengguna akan melakukan navigasi dengan bebas (secara
non-linier), tetapi terkadang dibatasi presentasi linier film atau informasi penting
dan pada data yang paling terorganisasi secara logis pada suatu hirarki.
Sumber: Binanto (2010:270)
Gambar II.4
Struktur Navigasi Campuran
B. ERD (Entity Relationship Diagram)
1. Pengertian ERD
ERD merupakan suatu model untuk menjelaskan hubungan antar data dalam
basis data berdasarkan objek-objek dasar data yang mempunyai hubungan antar
relasi. ERD untuk memodelkan struktur data dan hubungan antar data, untuk
menggambarkannya digunakan beberapa notasi dan simbol.
Menurut Sukamto (2015:50), “Entity Relationship diagram (ERD)
digunakan permodelan basis data relasional”. Sehingga seolah-olah teknik
diagram atau alat peraga memberikan dasar untuk desain database relasional yang
mendasari sistem informasi yang dikembangkan. ERD bersama-sama dengan
detail pendukung merupakan model data yang pada gilirannya digunakan sebagai
spesifikasi untuk database.
2. Komponen ERD
Dalam pembentukan ERD terdapat 4 komponen yang akan dibentuk yaitu:
a. Entitas
Entity (entitas) yaitu suatu obyek yang dapat dibedakan dari lainnya yang
dapat diwujudkan dalam basis data. Pengertian lainnya menurut Sukamto
(2010:50),”Entitas merupakan data inti yang akan disimpan atau benda
yang memiliki data dan harus disimpan datanya agar dapat di akses oleh
aplikasi komputer”.
b. Hubungan (relasi/relationship)
Hubungan antara dua jenis entitas dan direpresentasikan sebagai belah
ketupat yang menghubungkan antar entitas.
c. Atribut
Atribut memberikan informasi lebih rinci tentang jenis entitas. Atribut
memiliki struktur internal berupa tipe data.
d. Asosiasi
Penghubung antara relasi dengan entitas atau atribut dengan entitas yang
dipresentasikan dengan garis lurus.
3. Kardinalitas
Kardinalitas pemetaan atau rasio kardinalitas menunjukkan jumlah entitas
yang dapat dihubungkan ke satu entity lain dengan suatu relasi. Kardinalitas
pemetaan meliputi:
a. One to One
Tingkat hubungan satu ke satu, dinyatatakan dengan satu kejadian pada
entitas pertama, hanya mempunyai satu hubungan dengan satu kejadian
pada entitas kedua dan sebaliknya. Yang berarti setiap tupel pada entitas
A berhubungan paling banyak satu tupel pada entitas B dan begitu juga
sebaliknya.
b. One to many atau many to one
Tingkat hubungan satu ke banyak adalah sama dengan banyak ke satu,
tergantung dari arah mana hubungan tersebut dilihat. Untuk satu kejadian
pada entitas pertama dapat mempunyai banyak hubungan dengan
kejadian pada entitas yang kedua. Sebaliknya satu kejadian pada entitas
yang kedua hanya dapat mempunyai satu kejadian pada entitas yang
pertama.
c. Many to many
Tingkat hubungan banyak ke banyak terjadi jika tiap kejadian pada
sebuah entitas akan mempunyai banyak hubungan dengan kejadian pada
entitas yang lain, Baik dilihat dari sisi entitas yang pertama maupun
entitas yang kedua.
C. LRS (Logical Record Structure)
Menurut Kroenke (2006:76) mengemukakan bahwa “Logical Record
Structure (LRS) adalah representasi dari struktur record-record pada tabel-tabel
yang terbentuk dari hasil relasi antar himpunan entitas”. Dibentuk dengan nomor
dan tipe record. Beberapa tipe record digambarkan oleh kotak empat persegi
panjang dan dengan Nama yang unik. Perbedaan LRS dan ERD adalah nama dan
tipe record berada diluar field tipe record di tempatkan. 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
tipe record. Penggambaran LRS mulai dengan menggunakan model yang
dimengerti. Dua metode yang digunakan, dimulai dengan hubungan kedua model
yang dapat dikonversikan ke LRS. Metode lain yang di mulai dengan ERD dan
langsung dikonversikan ke LRS.
BAB III
PEMBAHASAN 3.1. Analisa Kebutuhan
3.1.1. Analisa Kebutuhan Sistem
Langkah pertama yang dilakukan dalam menganalisa sebuah system
adalah mengidentifikasi masalah yang ada dalam system tersebut. Subjek
permasalahan yang terjadi pada Penjualan Sepatu adalah masih menggunakan
sistem manual. Secara garis besar, analisa kebutuhan sistem disajikan dalam tabel
dibawah ini.
Tabel III.1
Analisa Kebutuhan Sistem.
ANALISA KELEMAHAN SISTEM
LAMA
SISTEM YANG DIAJUKAN
Information Informasi tentang sepatu
terkini didapat jika pelanggan
datang ke lokasi penjualan
yang membutuhkan waktu
dan biaya yeng tidak sedikit.
Dengan sistem online berbasis
web ini, pelanggan bisa secara
langsung melihat produk-
produk terbaru dimana pun dan
kapan pun tanpa harus
membuang tenaga dan waktu
Performance Pelanggan masih datang
langsung ke toko untuk
membeli sepatu
Dengan sistem belanja online,
pelanggan dapat melakukan
order melalui website.
Pelanggan dapat mengakses
informasi mengenai trend
fashion terkini kapanpun dan
dimanapun.
Eficiency Waktu yang banyak terbuang
karena pelanggan harus
datang langsung untuk
berbelanja sepatu
Pelanggan dapat menghemat
waktu dengan menggunakan
fasilitas website informasi akan
dilakukan otomatis oleh
komputer sehingga informasi
lebih cepat dan efisien.
Control/Security Data pelanggan tersimpan
dalam dokumen kertas dan
sangat riskan apabila
dokumen rusak atau bahkan
hilang
Dengan sistem, pencatatan
transaksi dapat tersimpan
langsung ke database oleh
komputer maka data akan jauh
lebih aman dan terorganisir.
Kapan pun kita membutuhkan
cukup dengan memanggil kode
unik data maka data akan
segera tampil tanpa harus
membuka-buka banyak file
yang membutuhkan waktu
lama.
Economy Pencatatan transaksi secara
manual, baik nota maupun
laporan memakan biaya untuk
pengadaan kertas dan tinta.
Menggunakan brosur yang
diedarkan dibeberapa tempat
yang memakan biaya.
Pencatatan transaksi yang
langsung tersimpan di database
dan informasi menggunakan
social media dan website yang
diharapkan dapat menekan
biaya untuk penyebaran
informasi secara luas.
3.1.2. Analisa Kebutuhan Pengguna
1. Kebutuhan Admin.
a. Mengelola data produk.
b. Admin dapat mengelola data user.
c. Melayani transaksi dengan konsumen.
d. Mebuat laporan.
2. Kebutuhan Pengunjung.
a. Pengunjung dapat mellihat info produk.
b. Pengunjung dapat memilih produk.
c. Pengunjung dapat melakukan pembelian online.
3.2. Perancangan Perangkat Lunak
Untuk menghasilkan suatu rancangan yang baik diperlukan suatu bentuk
masukan dan keluaran sebagai berikut:
3.2.2. Rancangan Antar Muka
Rancangan antara muka merupakan rancangan interface yang akan
digunakan sebagai perantara user dengan perangkat lunak yang dikembangkan.
Rancangan Interface dari website penjualan sepatu adalah sebagai berikut:
1. Rancangan Antar Muka Halaman Utama
HEADER
Beranda | Barang | Tentang | Toko | Pembelian | Pembayaran | Testimoni
Informasi Keranjang
Dan
Login | Daftar
Cari Produk
Banner
FOOTER
Kategori
Informasi Kontak
LOGO
Produk dan
Harga
Produk Baru
Produk dan
Harga
Produk dan
Harga
Produk dan
Harga
Produk dan
Harga
Produk dan
Harga
Gambar III.1.
Rancangan Antar Muka Halaman Utama
2. Rancangan Antar Muka Detail Produk
HEADER
Beranda | Barang | Tentang | Toko | Pembelian | Pembayaran | Testimoni
Informasi Keranjang
Dan
Login | Daftar
Cari Produk
Banner
FOOTER
Kategori
Informasi Kontak
LOGO
Foto Produk
Detail Barang
Info Produk
Beli/Kembali
Gambar III.2.
Rancangan Antar Muka Detail Produk
3. Rancangan Antar Muka Form Keranjang Belanja
HEADER
Beranda | Barang | Tentang | Toko | Pembelian | Pembayaran | Testimoni
Informasi Keranjang
Dan
Login | Daftar
Cari Produk
Banner
FOOTER
Kategori
Informasi Kontak
LOGO
Nike XXXXX
Nike XXXXX
Nike XXXXX
999999
999999
999999
9
9
9
999999
999999
999999
Hapus
Hapus
Hapus
Gambar Nama Produk Jumlah Sub TotalHarga
Keranjang Belanja
Total Harga : Rp.
Lanjutkan Belanja Selesai Belanja
Catatan:
Gambar III.3.
Rancangan Antar Muka Form Keranjang Belanja
4. Rancangan Antar Muka Form Pemesanan Produk
HEADER
Beranda | Barang | Tentang | Toko | Pembelian | Pembayaran | Testimoni
Informasi Keranjang
Dan
Login | Daftar
Cari Produk
Banner
FOOTER
Kategori
Informasi Kontak
LOGO
No. Kode Produk Jumlah Sub TotalHarga
Pemesanan
Proses Lanjutkan Belanja
Nama Pemesan
Telepon
Alamat
Kota
Kode Pos
xxxxxxxx
xxxxxxxx
99999999999
xxxxxxxx
xxxxx
XXXXX 999999 9 9999991
Total: 9 Rp. 999.999
Gambar III.4.
Rancangan Antar Muka Form Pemesanan Produk
5. Rancangan Antar Muka Informasi Tentang Toko
HEADER
Beranda | Barang | Tentang | Toko | Pembelian | Pembayaran | Testimoni
Informasi Keranjang
Dan
Login | Daftar
Cari Produk
Banner
FOOTER
Kategori
Informasi Kontak
LOGO
Sejarah Toko
Info
Gambar III.5.
Rancangan Antar Muka Informasi Tentang Toko
6. Rancangan Antarmuka Testimonial
HEADER
Beranda | Barang | Tentang | Toko | Pembelian | Pembayaran | Testimoni
Informasi Keranjang
Dan
Login | Daftar
Cari Produk
Banner
FOOTER
Kategori
Informasi Kontak
LOGO
Testimoni
Nama
Testimoni
Kirim Kembali
xxxxxxxxx
xxxxxxxxx
Gambar III.6.
Rancangan Antar Muka Testimonial
7. Rancangan Antar Muka Form Login Admin
nike.comAdministrator
Username
Password xxxxxx
xxxxxx
Login
Gambar III.7.
Rancangan Antar Muka Login Admin
8. Rancangan Antar Muka Halaman Admin
HEADER
nike.com
FOOTER
Menu
Nike Shoe
Administrator
Banner
Logout
Admin
Beranda
Pelanggan
Kota
Kategori
Selamat Datang
Barang
Pemesanan
Konfirmasi
Tentang Toko
Kontak
Gambar III.8.
Rancangan Antar Muka Halaman Admin
9. Rancangan Antar Muka Data Produk
HEADER
Barang
FOOTER
Menu
Nike Shoe
Administrator
11. Rancangan Antar Muka Laporan Data Pemesanan Produk
HEADER
Laporan Pesanan
FOOTER
Menu
Nike Shoe
Administrator
3.2.2. Rancangan Basis Data
A. Entity Relationship Diagram
PELANGGAN
Id_pelanggan
Nm_pelanggan
telepon
alamat
Kode_pos
MELAKUKAN PESANAN
Id_pesan
Tgl_pesan
Total_bayarstatus
Id_pelanggan
TERDIRI
DETAIL PEMESANAN
Id_detail
jumbelId_barang
Id_pesan
BERISI MEMILIKI
BARANG
Id_barang
Nm_barang
deskripsi
gambar
harga
stok
Tgl_upload
Id_kategori
KONFIRMASI
nama
Id_pesan
Jml_transfer
Bank_tujuan
No_rek
Id_konfirmasi
keterangan
MEMILIKI kategori
Id_kategori Nm_kategori
MELUNASI
1M
M
1M 1
1
N
MM 1
usernamepassword
Id_kota
Gambar III.12.
Entity Relationship Diagram
B. Logical Record Structure (LRS)
Gambar III.13.
Logical Record Structure (LRS)
id_pelanggan *
nama_pelanggan
telepon
kode_pos
username
password
id_kota
id_barang *
nm_barang
gambar
deskripsi
harga
stok
id_kategori *
tgl_upload
id_kota *
nama_kota
ongkir
id_kategori *
nm_kategori
id_detail *
jumbel
id_barang
id_pesan
id_konfirmasi*
id_pesan
nama
no_rek
bank_tujuan
jml_transfer
keterangan
1
M
1
1
M
1
1
1
1
1
1
M
C. Spesifikasi File
Spesifikasi file pada website yang menulis rancang membahas mengenai
kesuluruhan tabel yang terdapat didalam database. Didalam database ini
terdapat beberapa tabel yang berisi field/kolom beserta kunci dari tiap
field/tabel yang ada, sehingga terbentuklah data yang saling berhubungan.
Berikut adalah penjelasan dari spesifikasi file tersebut:
1. Spesifikasi File Tabel User
Nama File : admin
Akronim : admin
Fungsi : untuk menyimpan data admin
Tipe File : File Master
Organisme File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 61 Karakter
Kunci Field : id_admin
Software : Mysql
Tabel III.2.
Spesifikasi File Tabel Admin
No. Element Data Nama Field Type Size Ket
1. Id Admin id_admin Int 11 Primary
Key
2. Nama Nama Varchar 30
3. Username Username Varchar 10
4. Password Password Varchar 10
2. Spesifikasi File Tabel Barang
Nama File : barang
Akronim : barang
Fungsi : untuk menyimpan data barang
Tipe File : File Transaksi
Organisme File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 308 Karakter
Kunci Field : id_barang
Software : Mysql
Tabel III.3.
Spesifikasi File Tabel Barang
No. Element Data Nama Field Type Size Ket
1. Id Barang id_barang Char 6 Primary Key
2. Nama Barang nm_barang Varchar 50
3. Gambar gambar Varchar 200
4. Deskripsi deskripsi Text -
5. Harga Harga Int 30
6. Stok Stok Int 11
7. Tanggal Upload tgl_upload Date -
8. Id Kategori id_kategori Int 11 Foreign Key
3. Spesifikasi File Tabel Pelanggan
Nama File : pelanggan
Akronim : pelanggan
Fungsi : untuk menyimpan data pelanggan
Tipe File : File Transaksi
Organisme File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 113 Karakter
Kunci Field : id_pelanggan
Software : Mysql
Tabel III.4.
Spesifikasi File Tabel Pelanggan
No. Element Data Nama Field Type Size Ket
1. Id Pelanggan id_pelanggan Int 11 Primary Key
2. Nama Pelanggan nm_pelanggan Varchar 30
3. Email email Varchar 30
4. Telepon telepon Int 12
5. Alamat Text Text -
6. Kode Pos kode_pos Int 5
7. Username username Varchar 12
8. Password password Varchar 12
9. Id Kota id_kota Int 11 Foreign Key
4. Spesifikasi File Tabel Kategori
Nama File : kategori
Akronim : kategori
Fungsi : untuk menyimpan data kategori
Tipe File : File Master
Organisme File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 41 Karakter
Kunci Field : id_kategori
Software : Mysql
Tabel III.4.
Spesifikasi File Tabel Kategori
No. Element Data Nama Field Type Size Ket
1. Id Kategori id_kategori Int 11 Primary Key
2. Nama kategori nm_kategori Varchar 30
5. Spesifikasi File Tabel Pesan
Nama File : pesan
Akronim : pesan
Fungsi : untuk menyimpan data pesan
Tipe File : File Transaksi
Organisme File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 17 Karakter
Kunci Field : id_pesan
Software : Mysql
Tabel III.6.
Spesifikasi File Tabel Pesan
No. Element Data Nama Field Type Size Ket
1. Id Pesan id_pesan Char 6 Primary Key
2. Tanggal Pesan tgl_pesan Date -
3. Total Bayar total_bayar Int -
4. Status status Enum -
5. Id Pelanggan id_pelanggan Int 11 Foreign Key
6. Spesifikasi File Tabel Detail Pesanan
Nama File : detail_pesanan
Akronim : id detail
Fungsi : untuk menyimpan data detail pesanan
Tipe File : File Transaksi
Organisme File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 34 Karakter
Kunci Field : id_detail
Software : Mysql
Tabel III.7.
Spesifikasi File Tabel Detail Pesanan
No. Element Data Nama Field Type Size Ket
1. Id Detail id_detail Int 11 Primary Key
2. Jumbel jumbel int 11
3. Id Barang id_barang Char 6 Foreign Key
4. Id Pesan id_pesan Char 6 Foreign Key
3.2.2. Rancangan Struktur Navigasi
Struktur navigasi pada website penjualan sepatu ini berfungsi untuk
memperlihatkan keseluruhan dari isi website beserta hubungan antar isi. Website
penjualan sepatu pada halaman untuk user sebagai pengunjung dan user sebagai
admin termasuk kedalam jenis website yang menggunakan struktur navigasi
termasuk kedalam jenis composite.
Gambar III.14.
Struktur Navigasi Halaman Pengunjung
Gambar III.15.
Struktur Navigasi Halaman Admin
3.3. Implementasi dan Pengujian Unit
3.3.2. Implementasi
1. Implementasi Rancangan Antar Muka. Rancangan Antar Muka pada Website
Toko Sepatu Online ini terdiri dari:
A. Halaman Utama
Halaman utama ini menampilkan informasi mengenai website penjualan
sepatu online. Yang terdiri dari menu utama, tampilan produk dan harga
produk. Untuk melakukan pemesanan produk, klik pada gambar, maka
anda akan diarahkan ke halaman detail barang dan user dapat memesan
Home
Admin Pelanggan Kota Kategori BarangBeranda Pemesanan
Form Login
Index
KonfirmasiTentang
TokoKontak
Edit HapusTambah
Data
Simpan Kembali Proses Lunas
Detail Transaksi
Laporan
Cetak
Hapus
Edit HapusTambah
Data
Simpan Kembali
Edit HapusTambah
Data
Simpan Kembali
Edit HapusTambah
Data
Simpan Kembali
Logout
lebih dari satu barang.
Gambar III.16.
Halaman Utama
B. Halaman Detail Produk
Pada halaman detail produk ditampilkan ulasan atau keterangan dari
produk sepatu yang terdiri dari nama sepatu, detail sepatu, harga dan stok.
Gambar III.17.
Halaman Detail Produk
C. Halaman Keranjang Belanja
Halaman ini menampilkan daftar pemesana produk sementara yang bisa di
perbaharui oleh pemesan. Pada keranjang belanjang ini terdapat gambar
produk, nama produk, jumlah produk yang dipesan, harga produk dan
pilihan untuk menghapus pesanan. Selain itu juga ditampilkan total harga
dari keseluruhan produk yang dipesan.
Gambar III.18.
Halaman Keranjang Belanja
D. Halaman Form Pemesanan Produk
Pada halaman ini disediakan form untuk diisi dengan data pemesan yang
terdiri dari nama pemesan, email, alamat tujuan pengiriman, nomor
telepon pemesan, kota dan kode pos.
Gambar III.19.
Halaman Form Pemesanan Produk
E. Halaman Tentang Toko Pada halaman ini menampilkan informasi dan
sejarah toko
Gambar III.20.
Halaman Informasi Tentang Toko
F. Halaman Testimoni
Pada halaman ini menampilkan testimoni dan form input untuk mengisi
testimoni dari pelanggan yang akan memberikan komentar tentang
website penjualan toko online ini.
Gambar III.21.
Halaman Testimoni
G. Halaman Form Login Admin
Halaman login merupakan syarat akses untuk menampilkan halaman
admin. Pada halaman ini disediakan form untuk mengisi username dan
password yang benar sesuai database.
Gambar III.22.
Halaman Form Login Admin
H. Halaman Admin
Halaman admin ini merupakan administrasi dari website penjualan sepatu
online yang hanya bisa diakses setelah validasi form login dilakukan. Pada
halaman ini terdapat menu beranda, menu barang untuk menampilkan data
barang, menu kategori untuk menampilkan data kategori, menu
pemesanan untuk menampilkan laporan dan data transaksi, dan menu
logout untuk keluar dari halaman admin.
Gambar III.23.
Halaman Admin
I. Halaman Tambah Barang
Halaman ini menampilkan data barang dan form data barang. Barang yang
ada akan ditampilkan di halaman utama website. Admin bila melakukan
tambah, hapus dan memperbaharui data barang.
Gambar III.24.
Halaman Tambah Barang
J. Halaman Laporan Data Pemesanan Produk
Halaman ini menampilkan data transaksi penjualan produk yang telah
tersimpan ke dalam database.
Gambar III.25.
Halaman Laporan Data Pemesanan Produk
2. Spesifikasi Sistem Komputer
Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum
yang dibutuhkan untuk mengimplementasikan aplikasi penjualan sepatu.
A. Spesifikasi Perangkat Keras
1) CPU
i) Core (TM) i3-2350M CPU @2.30GHz 2.30 GHz
ii) RAM DDR3 2GB
iii) Harddisk 500GB
2) Mouse
3) Keyboard
4) Monitor dengan resolusi layar minimum 1024x768
5) Koneksi internet dengan kecepatan 2 Mbps
B. Spesifikasi Perangkat Lunak
1) Server
a) Sistem operasi yang digunakan seperti: Microsoft Windows
b) Aplikasi bundle web server seperti: Xampp, yang terdiri dari
beberapa komponen, diantarannya:
(1) Aplikasi Apache Server v2
(2) Aplikasi PHP Server v5
(3) Aplikasi MySQL Server v5
(4) Aplikasi PhpMyAdmin v3
c) Aplikasi Web Browser 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.3.2. Pengujian Unit
Pengujian terhadap program yang telah dibuat menggunakan Black Box
Testing yang fokus terhadap masukan dan keluaran program.
1. Pengujian Form Login
Tabel III.8.
Pengujian Form Login
No. Skenario
Pengujian
Test Case Hasil yang
diharapkan
Hasil
Pengujian
Kesimpulan
1. Username dan
password tidak
diisi kemudian klik
tombol login
Username:
(kosong)
Password:
(kosong)
Sistem akan
menolak akses
user dan
menampilkan
“Username
dan Password
harus diisi”
Sesuai
harapan
Valid
2. Mengetikkan
username dan
password tidak
diisi atau kosong
kemudian klik
tombol login
Username:
(admin)
Password:
(kosong)
Sistem akan
menolak akses
user dan
menampilkan
“Username
dan Password
harus diisi”
Sesuai
harapan
Valid
3. Username tidak
diisi (kosong) dan
password diisi
kemudian klik
tombol login
Username:
(kosong)
Password:
(admin)
Sistem akan
menolak akses
user dan
menampilkan
“Username
dan Password
harus diisi”
Sesuai
harapan
Valid
4. Mengetikkan salah Username: Sistem akan Sesuai
satu kondisi salah
pada username atau
password
kemudian klik
tombol login
admin
(benar)
Password:
12345
(salah)
menolak akses
user dan
menampilkan
“Password
Salah!”
haarapan
Valid
5. Mengetikkan user
ID dan password
dengan data yang
benar kemudian
klik tombol login
Username:
admin
(benar)
Password:
admin
(benar)
Sistem
menerima
akses login
dan kemudian
langsung
menampilkan
Halaman
Admin
Sesuai
harapan
Valid
2. Pengujian Input Data Barang
Tabel III.9.
Pengujian Input Data Barang
No. Skenario Pengujian Test Case Hasil yang
diharapkan
Hasil
Pengujian
Kesimpulan
1. Semua kolom tidak
diisi kemudian klik
tombol Simpan
Nama
Barang:
(kosong)
Deskripsi:
(kosong)
Gambar:
(kosong),
Harga:
(kosong).
Stok:
(Kosong)
Kategori:
(Kosong)
Sistem akan
menampilkan
“tidak boleh
kosong”
pada setiap
kolom.
Sesuai
harapan
Valid
2. Semua data diisi tapi
kolom Nama Barang
tidak, kemudian
Nama
Barang:
(kosong)
Sistem akan
menampilkan
“tidak boleh
Sesuai
harapan
menekan tombol
Simpan
Deskripsi:
(diisi)
Gambar:
(diisi),
Harga:
(diisi)
Stok:
(diisi)
Kategori:
(diisi)
kosong”
pada setiap
kolom.
Valid
3. Data kolom Harga
salah format
penulisan kemudian
klik tombol simpan
Harga :
“Faisal”
Sistem akan
menampilkan
“harga harus
diisi dengan
angka”
Sesuai
harapan
Valid
4. Semua kolom terisi
dengan format
tulisan yang benar
kemudian klik
tombol simpan
Nama
Barang:
(diisi)
Deskripsi:
(diisi)
Gambar:
(diisi),
Harga:
(diisi)
Stok:
(diisi)
Kategori:
(diisi)
Sistem akan
menampilkan
“Barang
berhasil
ditambah!”
Sesuai
haarapan
Valid
BAB IV
PENUTUP 4.1. Kesimpulan
Dari uraian tentang pembuatan sistem informasi penjualan sepatu berbasis
web yang telah dibahas pada bab sebelumnya, penulis dapat memberikan
kesimpulan sebagai berikut:
1. Diharapkan dengan adanya perancangan sistem informasi penjualan sepatu
berbasis web ini dapat membantu toko meningkatkan jumlah konsumen
yang bertransaksi.
2. Dengan adanya website penjualan sepatu ini dapat membantu konsumen
dalam bertransaksi.
3. Dengan adanya website sistem informasi penjualan sepatu online ini dapat
membantu toko dalam mempromosikan produk.
4. Dengan website ini kedepannya agar mempermudah untuk pembuatan
laporan.
4.2. Saran
Saran-saran yang penulis kemukakan kaitannya dengan kesimpulan dalamc
pembuatan sistem informasi penjualan sepatu berbasis web adalah sebagai
berikut:
1. Saran Aplikasi
a) Dibutuhkannya perangkat pendukung hardware dan sortware yang
berhubungan dengan penyimpanan data dan informasi seperti
database PhpMyAdmin dan sejenisnya.
b) Dibutuhkan fasilitas untuk terhubung dengan internet, sehingga
mudah dalam pengaplikasian website serta bisa diakses oleh
masyarakat luas.
c) Meskipun sudah menggunakan website sebagai media penyampain
informasi kepada masyarakat umum, jangan sampai lemah dengan
ancaman-ancaman yang terjadi didunia maya seperti hacking,
cracking dan sebagainya.
d) Administrator yang bertugas mengupdate data diharapkan
mendapat pelatihan terlebih dahulu agar mampu beradaptasi
dengan program yang ada didalam website.
e) Untuk mendukung kelancaran dan menghindari error program,
diperlukan pemeliharaan dan pengembangan pada aplikasi website
penjualan sepatu secara online yang dilakukan secara berkala.
2. Saran Pengembangan
a) Memperbaiki tampilan website yang masih kurang baik sehingga
website ini menjadi lebih menarik dan usability.
b) Menambahkan fitur zoom pada gambar agar detail barang pada
gambar dapat terlihat jelas.
c) Diharapkan agar selalu mengembangkan website ini, agar website
ini menjadi website yang lebih baik dan efisien.
d) Selalu mengupdate isi website agar website memiliki informasi
yang terbaru dan akurat.
DAFTAR PUSTAKA
Anhar. 2010. Panduan Menguasai PHP & MySQL Secara Otodidak. Jakarta:
Mediakita.
Bekti, Humira Binstu. 2015. Adobe Dreamweaver CS6, CSS, dan Jquery.
Yogyakarta:
Andi Yogyakarta.
Komputer, Wahana. 2012. Membangun WEB Interaktif dengan Adobe
Dreamweaver CS5.5, PHP & MySQL. Yogyakarta: CV Andi Offset.
Kroenke. 2006. Database Processing: Fundamentals, Design, and
Implementation 10th. Pearson Prentice Hall, New Jersey.
Pressman, Roger S., 2010. Rekayasa Perangkat Lunak Pendekatan Praktisi (Buku
1). Edisi 2. Andi: Yogyakarta
Satzinger, J. W., Jackson, R. B., & Burd, S. D. (2010). System Analysis And
Design in A Changing World. Boston: Courde Technology.
Sibero, Alexander F.K, 2011. Software Engineering Eight. Australia: Addison
Wesly.
Sukamto, dan Shalahuddin. 2014. Rekayasa Perangkat Lunak (terstruktur dan ber
orientasi objek). Bandung: Informatika Bandung.
Sukamto, Rosa A. dan M. Salahuddin. 2014.
Rekayasa Perangkat Lunak Terstruktur dan Berorientasi Objek. Bandung:
Informatika.
Suyanto, Asep Suherman. 2008. Step by Step Web Design: Theory And Practice.
Yogyakarta: Andi.
Utami. 2012. Sistem Basis Data Menggunakan Microsoft SQL Server 2005
Yogyakarta: Andi.
Yuhefizar. 2008. 10 Jam Menguasai Komputer. Jakarta: PT. Elex
Media Komputindo.
Lampiran A.1
Invoice Pemesanan Pelanggan
Lampiran A.2
Invoice Detail Pesanan Admin
Lampiran A.3
Testimoni
Lampiran A.4
Data Transaksi
1.2. Maksud dan Tujuan1.3. Metode PenelitianDalam penulisan Tugas Akhir ini, menggunakan Metode PengembanganPerangkat Lunak dan Teknik Pengumpulan Data.1.4. Ruang LingkupDalam pembuatan website toko sepatu ini diperlukan batasan masalah, agar permasalahan yang ditinjau tidak terlalu luas dan sesuai dengan maksud dan tujuan yang dicapai. Adapun batasan-batasan yang dibuat adalah sebagai berikut:1.5. Sistematika Penulisan