tugas akhir - bina sarana informatika-lembar-judul.pdfdaftar tabel h al man tabel iii.1 analisa...

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.


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.


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.


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


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


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


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

Email

Telepon

Alamat

Kota

Kode Pos

xxxxxxxx

xxxxxxxx

[email protected]

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


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


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

email

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

email

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


Akses File : Random

Media : Harddisk


Kunci Field : id_barang

Software : Mysql

Tabel III.3.

Spesifikasi File Tabel Barang


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



Akses File : Random

Media : Harddisk


Kunci Field : id_pelanggan

Software : Mysql

Tabel III.4.

Spesifikasi File Tabel Pelanggan


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


Akses File : Random

Media : Harddisk


Kunci Field : id_kategori

Software : Mysql

Tabel III.4.

Spesifikasi File Tabel Kategori


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



Akses File : Random

Media : Harddisk


Kunci Field : id_pesan

Software : Mysql

Tabel III.6.

Spesifikasi File Tabel Pesan


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



Akses File : Random

Media : Harddisk


Kunci Field : id_detail

Software : Mysql

Tabel III.7.

Spesifikasi File Tabel Detail Pesanan


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

tugas akhir - bina sarana informatika-lembar-judul.pdfdaftar tabel h al man tabel iii.1 analisa...

Documents