TUGAS AKHIR · Judul Tugas Akhir : Sistem Informasi Pemesanan Barang Pada La Grande Mustafa Pontianak Telah dipertahankan pada periode I-2017 dihadapan penguji dan diterima sebagai

SISTEM INFORMASI PEMESANAN BARANG PADA

LA GRANDE MUSTAFA PONTIANAK

TUGAS AKHIR

Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma III

NOVIA MIRANTINA

NIM : 12145818

Program Studi Manajemen Informatika

AMIK BSI Pontianak

Pontianak

2017

SURAT PERNYATAAN KEASLIAN TUGAS AKHIR

Yang bertanda tangan di bawah ini:

Nama : Novia Mirantina

NIM : 12145818

Perguruan Tinggi : AMIK BSI Pontianak

Dengan ini menyatakan bahwa tugas akhir yang telah saya buat dengan judul:

“Sistem Informasi Pemesanan Barang Pada La Grande Mustafa Pontianak”,

adalah asli (orsinil) atau tidak plagiat (menjiplak) dan belum pernah

diterbitkan/dipublikasikan dimanapun dan dalam bentuk apapun.

Demikianlah surat pernyataan ini saya buat dengan sebenar-benarnya tanpa ada

paksaan dari pihak manapun juga. Apabila dikemudian hari ternyata saya

memberikan keterangan palsu dan atau ada pihak lain yang mengklaim bahwa

tugas akhir yang telah saya buat adalah hasil karya milik seseorang atau badan

tertentu, saya bersedia diproses baik secara pidana maupun perdata dan kelulusan

saya dari AMIK BSI Pontianak dicabut/dibatalkan.

Dibuat di : Pontianak

Pada tanggal : 09 Juli 2017

Novia Mirantina

ii

SURAT PERNYATAAN PERSETUJUAN PUBLIKASI KARYA

ILMIAH UNTUK KEPENTINGAN AKADEMIS

Yang bertanda tangan di bawah ini, saya:


NIM : 12145818

Program Studi : Manajemen Informatika

Perguruan Tinggi : AMIK BSI Pontianak

Dengan ini menyetujui untuk memberikan ijin kepada pihak AMIK BSI

Pontianak, Hak Bebas Royalti Non-Eksklusif (Non-exclusive Royalti-Free Right)

atas karya ilmiah kami yang berjudul: “Pembuatan Sistem Informasi Logistik

Bantuan Korban Bencana Pada Badan Penanggulangan Bencana Daerah

(BPBD) Kota Pontianak”, beserta perangkat yang diperlukan (apabila ada).

Dengan Hak Bebas Royalti Non-Eksklusif ini pihak AMIK BSI Pontianak

berhak menyimpan, mengalih-media atau format-kan, mengelolaannya dalam

pangkalan data (database), mendistribusikannya dan menampilkan atau

mempublikasikannya di internet atau media lain untuk kepentingan akademis

tanpa perlu meminta ijin dari kami selama tetap mencantumkan nama kami

sebagai penulis/pencipta karya ilmiah tersebut.

Saya bersedia untuk menanggung secara pribadi, tanpa melibatkan pihak AMIK

BSI Pontianak, segala bentuk tuntutan hukum yang timbul atas pelanggaran Hak

Cipta dalam karya ilmiah saya ini.

Demikian pernyataan ini saya buat dengan sebenarnya.

Dibuat di : Pontianak

Pada tanggal : 09 Juli 2017

Yang menyatakan,

Novia Mirantina

iii

PERSETUJUAN DAN PENGESAHAN TUGAS AKHIR

Tugas Akhir ini diajukan oleh:


NIM : 12145818

Program Studi : Manajemen Informatika

Jenjang : Diploma Tiga (D.III)

Judul Tugas Akhir : Sistem Informasi Pemesanan Barang Pada La Grande

Mustafa Pontianak

Telah dipertahankan pada periode I-2017 dihadapan penguji dan diterima

sebagai bagian persyaratan yang diperlukan untuk memperoleh Diploma Ahli

Madya (A.Md) pada Program Diploma III Program Studi Manajemen Informatika

di AMIK BSI Pontianak.

.

Pontianak, 16 Agustus 2017

PEMBIMBING TUGAS AKHIR

Pembimbing : Muhammad Sony Maulana, ST, M.Kom ............................

D E W A N P E N G U J I

Penguji I : Dedi Saputra ............................

Penguji II : Latifah ............................

iv

LEMBAR KONSULTASI TUGAS AKHIR

AMIK BSI PONTIANAK

N I M : 12145818

Nama Lengkap : Novia Mirantina

Dosen Pembimbing : Muhammad Sony Maulana, ST, M.Kom

Judul Tugas Akhir : Sistem Informasi Pemesanan Barang Pada

La Grande Mustafa Pontianak

No Tanggal

Bimbingan Pokok Bahasan

Paraf Dosen

Pembimbing

1 3 April 2017 Bimbingan Perdana dan Mengajukan Judul

2 10 April 2017 ACC Judul dab Pengjuan BAB I

3 24 April 2017 Revisi BAB I dan Pengajuan BAB II

4 3 Mei 2017 ACC BAB I dan Revisi BAB II

5 17 Mei 2017 ACC BAB II dan Pengajuan BAB III

6 10 Juni 2017 Demo Program dan Revisi BAB III

7 10 Juli 2017 ACC BAB III dan Revisi BAB Pogram

8 17 Juli 2017 ACC Program dan Penyajian BAB IV

9 31 Juli 2017 ACC Keseluruhan Tulisan Tugas Akhir

Catatan untuk Dosen Pembimbing

Bimbingan Tugas Akhir

Dimulai pada tanggal : 3 April 2017

Diakhiri pada tanggal : 31 Juli 2017

Jumlah pertemuan bimbingan : 9 kali pertemuan

Disetujui oleh,

Dosen Pembimbing

[Muhammad Sony Maulana, ST, M.Kom]

v

KATA PENGANTAR

Puji syukur, penulis panjatkan kehadirat Tuhan yang Maha Esa, yang telah

melimpahkan rahmat dan karunia-Nya serta kepada semua pihak yan telah turut

serta dalam membantu penyelesaian Tugas Akhir ini. Penulis memberi judul,

“Sistem Informasi La Grande Mustafa”

Tujuan Penulisan Tugas Akhir ini dibuat sebagai salah satu syarat

kelulusan Program Diploma Tiga (D.III) pada Akademi Manajemen Informatika

dan Komputer Bina Sarana Informatika (AMIK BSI) Pontianak Tahun 2017.

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.

Pada kesempatan ini penulis mengucapkan terima kasih yang sebesar-

besarnya kepada:

1. Direktur AMIK BSI Pontianak

2. Ketua Program Studi Manajemen Informatika AMIK BSI Pontianak.

3. Bapak Muhammad Sony Maulana, ST, M.Kom selaku Dosen Pembimbing

Tugas Akhir.

4. Staf/karyawan/dosen lingkungan AMIK BSI Pontianak.

5. Bapak Muhammad Arif Suryanto selaku Chief Operation La Grande Mustafa

Pontianak

vi

6. Ayah, Ibu, saudara tercinta, yang telah banyak memberikan bantuan, doa dan

dorongan selama penulis menjalani studi hingga selesainya penulisan Tugas

Akhir ini.

7. Rekan-rekan mahasiswa pada AMIK BSI Pontianak yang turut memberikan

semangat dan saran dalam menyelesaikan Tugas Akhir ini.

Penulis sudah semaksimal mungkin untuk dapat memberikan yang terbaik

dalam penyusunan Tugas Akhir ini, namun apabila ternyata masih terdapat

kekeliruan dan kesalahan mohon kritik dan saran yang sifatnya membangun.

Akhir kata penulis ucapkan semoga TA ini dapat bermanfaat bagi kita semua.

Akhir kata semoga tugas akhir ini dapat berguna bagi penulis khususnya

dan bagi para pembaca yang berminat pada umumnya.

Pontianak, 09 Juli 2017

Penulis

Novia Mirantina

vii

ABSTRAKSI

NOVIA MIRANTINA (12145818), Sistem Informasi Pemesanan Barang Pada

La Grande Mustafa

Pesatnya perkembangan teknologi komputer, komunikasi dan informasi saat ini dapat

menjadi alat bantu bagi manusia untuk mengembangkan proses bisnis dan usaha yang

sedag dijalani. Web adalah bagian dari perkembangan teknologi komputer,

komunikasi dan informasi yang dapat menyebarkan informasi dalam cakupan luas

mencapai seluruh dunia melalui jaringan internet. Web dapat dijadikan sebagai media

promosi dan pemasanan produk dalam mejalankan sebuah bisnis. Sistem informasi

yang digunakan di La Grande Mustafa saat ini masih menggunakan facebook dan

instagram saja karena belum memiliki sistem informasi yang disediakan melalui jalur

internet sehingga bisa diakses di seluruh dunia selama terkoneksi dengan jaringan

internet tanpa terbatas ruang dan waktu. Untuk memperoleh informasi detail barang

sebelum berbelanja di La Grande Mustafa harus memiliki sistem informasi. Adapun

tujuan dari penelitian ini adalah membangun sebuah sistem informasi pemesanan

produk pada La Grande Mustafa dengan menerapkan metode penelitian berbasis

waterfall dan metode pengembangan perangkat lunak berbasis SDLC. Hasil dari

penelitian ini dapat dilihat dengan mudahnya melakukan pemesanan produk dan

promosi produk secara online namun belum terintegrasi dengan aplikasi sistem kasir

yang ada di La Grande Mustafa.

Kata Kunci: Sistem Informasi, Pemesanan Barang, La Grande Mustafa

viii

ABSTRACT

NOVIA MIRANTINA (12145818) Systems Information Odering Goods In La

Grande Mustafa

The rapid development of computer technology, communication and information today can

be a tool for humans to develop business processes and businesses that lived. The Web is part

of the development of computer technology, communications and information that can

disseminate information in a wide range of worldwide reach through the internet network.

Web can be used as a media campaign and product pemasanan in running a business.

Information systems used in La Grande Mustafa is still using facebook and instagram only

because it does not have an information system provided through the internet so that it can be

accessed around the world as long as connected to the internet network without limited space

and time. To promote a wider range of products and make it easier for people within obtain

detailed information of goods before shopping at La Grande Mustafa must have information

system. The purpose of this research is to build a product ordering information system on La

Grande Mustafa by applying waterfall based research method and SDLC based software

development method. The results of this study can be seen easily by ordering products and

promotional products online but not yet integrated with the application of the cashier system

in La Grande Mustafa.

Keywords: Systems Information, Odering Goods, La Grande Mustafa

ix

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 ................................................................................................. vi

Abstrak ............................................................................................................. viii

Daftar Isi .......................................................................................................... x

Daftar Simbol ................................................................................................... xi

Daftar Gambar .................................................................................................. xii

Daftar Tabel ..................................................................................................... xiii

BAB I PENDAHULUAN

1.1. Latar Belakang Masalah ...................................................... 1 1.2. Maksud dan Tujuan ............................................................. 2

1.3. Metode Penelitian ................................................................ 3

1.4. Ruang Lingkup .................................................................... 5

1.5. Sistematika Penulisan .......................................................... 5

BAB II LANDASAN TEORI

2.1. Konsep Dasar Web ............................................................... 7 2.2. Teori Pendukung .................................................................. 16

BAB III PEMBAHASAN

3.1. Tinjauan Perusahaan ............................................................ 22 3.1.1. Sejarah Perusahaan .................................................. 22

3.1.2. Struktur Organisasi dan Fungsi ................................ 23

3.2. Analisa Kebutuhan ............................................................... 24

3.3. Perancangan Perangkat Lunak ............................................. 27

3.3.1. Rancangan Antar Muka ........................................... 27

3.3.2. Basis Data ................................................................ 45

3.3.3. Rancangan Struktur Navigasi .................................. 55

3.4. Implementasi dan Pengujian Unit ....................................... 57

3.4.1. Implementasi ............................................................ 57

3.4.2. Pengujian Unit ......................................................... 75

BAB IV PENUTUP

4.1. Kesimpulan .......................................................................... 83 4.2. Saran .................................................................................... 83

DAFTAR PUSTAKA ..................................................................................... 85

DAFTAR RIWAYAT HIDUP ...................................................................... 87

SURAT KETERANGAN PKL/RISET ........................................................ 88

x

DAFTAR GAMBAR

Halaman

Gambar II.1 Ilustrasi model waterfall .................................................................. 15

Gambar II.2. Binary Relationship ......................................................................... 19

Gambar II.3. Tenary Relationship ......................................................................... 19

Gambar II.4. Quaternary Relationship ................................................................. 20

Gambar III.1. Struktur Organisasi La Grande Mustafa ......................................... 23

Gambar III.2. Rancangan Antar Muka Halaman Beranda .................................... 27

Gambar III.3. Rancangan Antar Muka Halaman Produk ...................................... 28

Gambar III.4. Rancangan Antar Muka Halaman Shafira ...................................... 29

Gambar III.5. Rancangan Antar Muka Halaman Mezora ..................................... 30

Gambar III.6. Rancangan Antar Muka Halaman Kaffa ........................................ 31

Gambar III.7. Rancangan Antar Muka Halaman Member .................................... 32

Gambar III.8. Rancangan Antar Muka Hubungi ................................................... 33

Gambar III.9. Rancangan Antar Muka Syarat Ketentuan ..................................... 34

Gambar III.10. Rancangan Antar Muka Beranda (admin) .................................... 35

Gambar III.11. Rancangan Antar Muka Input Barang .......................................... 36

Gambar III.12. Rancangan Antar Muka Input Kategori ....................................... 37

Gambar III.13 Rancangan Antar Muka Sub Kategori.......................................... 38

Gambar III.14 Rancangan Antar Muka Lihat Member ........................................ 39

Gambar III.15 Rancangan Antar Muka Lihat Product ......................................... 40

Gambar III.16. Rancangan Antar Muka Cek Order .............................................. 41

Gambar III.17. Rancangan Antar Muka Lihat Pesanan ........................................ 42

Gambar III.18. Rancangan Antar Muka Konfirmasi Komentar............................ 43

Gambar III.19. Rancangan Antar Muka Laporan ................................................. 44

Gambar III.20. Entity Relationship Diagram ........................................................ 45

Gambar III.21. Logical Relationship Structure ..................................................... 46

Gambar III.22. Struktur Navigasi (user) ............................................................... 56

Gambar III.23. Struktur Navigasi Admin ............................................................. 56

Gambar III.24. Implementasi Antar Muka Beranda ............................................. 57

Gambar III.25. .Implementasi Antar Muka Produk .............................................. 58

Gambar III.26. .Implementasi Antar Muka Shafira .............................................. 59

Gambar III.27. .Implementasi Antar Muka Mezora .............................................. 60

Gambar III.28. .Implementasi Antar Muka Kaffa ................................................. 61

Gambar III.29. .Implementasi Antar Muka Member ............................................ 62

Gambar III.30. .Implementasi Antar Muka Hubungi ............................................ 63

Gambar III.31. .Implementasi Antar Muka Syarat Ketentuan .............................. 64

Gambar III.32. .Implementasi Antar Muka Beranda (admin) ............................... 65

Gambar III.33. .Implementasi Antar Muka Input Barang ..................................... 66

Gambar III.34. .Implementasi Antar Muka Kategori ............................................ 67

Gambar III.35. .Implementasi Antar Muka Sub Kategori ..................................... 68

Gambar III.36. .Implementasi Antar Muka Lihat Member ................................... 69

Gambar III.37. .Implementasi Antar Muka Lihat Product .................................... 70

Gambar III.38. .Implementasi Antar Muka Cek Order ......................................... 71 Gambar III.39. lImpementasi Antar Muka Konfirmasi Komentar ........................ 72

Gambar III.40. lImpementasi Antar Muka Laporan ............................................. 73

xi

DAFTAR TABEL

Halaman

Tabel II.1 Komponen ERD .................................................................................17

Tabel III.1 Spesifikasi File Admin ......................................................................47

Tabel III.2 Spesifikasi File Barang .....................................................................48

Tabel III.3 Spesifikasi File Buku Tamu ..............................................................49

Tabel III.4 Spesifikasi File Detail Order .............................................................50

Tabel II.5 Spesifikasi File Kategori ...................................................................51

Tabel III.6 Spesifikasi File Keranjang ................................................................51

Tabel III.7 Spesifikasi File Order .......................................................................53

Tabel III.8 Spesifikasi File Pelanggan ................................................................54

Tabel III.9 Spesifikasi File Sub Menu ................................................................55

Tabel III.10 Hasil Pengujian Black Box Testing Halaman Login Admin ...........75

Tabel III.11 Hasil Pengujian Black Box Testing Halaman Login Member .........77

Tabel III.12 Hasil Pengujian Black Box Testing Halaman Halaman Member... 79

Tabel III.13 Hasil Pengujian Black Box Testing Halaman Kontak Kami ...........81

xii

BAB I

PENDAHULUAN

1.1. Latar Belakang Masalah

Sistem Informasi adalah kegiatan atau aktifitas yang melibatkan serangkaian

proses, berisi informasi-informasi yang digunakan untuk mencapai tujuan tertentu.

Informasi tidak hanya dilakukan pada spanduk, brosur-brosur atau komunikasi

antar pribadi, kini informasi bisa didapat secara online.

Informasi secara online sangat berpengaruh bagi pihak perusahaan dan

pihak konsumen. Bagi pihak perusahaan informasi secara online dapat

mempromosikan produk-produk mereka secara luas dengan biaya yang minim.

Sedangkan bagi pihak konsumen informasi secara online sangat mempermudah

dengan menggunakan handphone dapat memperoleh informasi yang update.

La Grande Mustafa merupakan perusahaan yang bergerak dibidang

penjualan pakaian. Produk-produk yang bekerjasama dengan La Grande Mustafa

ialah Shafira, Zoya, Mezora, Khaffa, Iraya, Ziphora, Another Kids Story. Dengan

model-model baru dan update setiap hari.

Sistem informasi yang digunakan di La Grande Mustafa saat ini masih

menggunakan facebook dan instagram saja karena belum memiliki sistem

informasi yang disediakan melalui jalur internet sehingga bisa diakses di seluruh

dunia selama terkoneksi dengan jaringan internet tanpa terbatas ruang dan waktu.

Untuk mempromosikan lebih luas produk dan mempermudah masyarakat dalam

1

memperoleh informasi detail barang sebelum berbelanja di La Grande Mustafa

harus memiliki sistem informasi.

Solusi yang diajukan untuk mengatasi masalah La Grande Mustafa ialah

membuat sistem informasi untuk memudahkan masyarakat melihat model-model

terbaru, mempermudah konsumen untuk memilih produk yang diinginkan, tidak

takut stok produk tersebut habis, mengetahui detail produk secara rinci. Jadi

konsumen langsung datang ke toko untuk membeli pakaian yang diinginkan.

Berdasarkan uraian di atas, penulis tertarik untuk membuat tugas akhir

dengan judul “SISTEM INFORMASI PEMESANAN BARANG PADA LA

GRANDE MUSTAFA PONTIANAK”

1.2. Maksud dan Tujuan

Dalam tugas akhir ini penulis memiliki maksud dan tujuan. Adapun maksud

dari penulisan Tugas Akhir ini adalah sebagai berikut:

1. Menghasilkan suatu sistem informasi mengenai produk-produk yang ada di

La Grande Mustafa.

2. Mempermudah masyarakat untuk memilih dan melakukan pemesanan

produk, melihat stok produk dan memesan barang di La Grande Mustafa.

3. Mengantisipasi kecewaan konsumen saat melihat produk dan stok produk

yang diinginkan.

Tujuan dari penulisan tugas akhir ini sebagai salah satu syarat kelulusan

Program Diploma Tiga DIII Program Studi Manajemen Informatika AMIK BSI

Pontianak.

2

1.3. Metode Penelitian

Adapun metode-metode pengumpulan data yang penulis gunakan adalah

sebagai berikut:

A. Metode Pengembangan Perangkat Lunak

Metode pengembangan perangkat lunak yaitu suatu strategi pengembangan

yang memadukan proses, metode, dan perangkat. Metode yang penulis gunakan

pada pengembangan perangkat lunak ini menggunakan model waterfall yang

terbagi menjadi 4 tahapan, yaitu:

1. Analisis Kebutuhan

Tahapan ini sangat menekan pada masalah pengumpulan kebutuhan

pengguna pada tingkatan sistem dengan menntukan konsep sistem beserta

antarmuka yang menghubungkannya dengan lingkungan sekitar.

2. Desain Aplikasi

Bagian desain penulisan melakukan konsep perancangan menggunakan

Sublime Teks yang berdasarkan kebutuhan dari perangkat lunak itu sendiri,

Meracang basis data menggunakan ERD (Entity Relationship Diagram) untuk

merelasikan antar tabel yang satu dengan tabel lain dan stuktur navigasi

mencakup sebagian besar yaitu linier, hierarki, nonlinier dan komposi.

3. Pembuatan Aplikasi

Aplikasi ini dibuat menggunakan Sublime Teks, MYSQL untuk menyimpan

database, Web server merupakan sebuah perangkat lunak dalam server yang

berfungsi menerima request (permintaan) berupa halaman web melalui HTTP

atau HTTPS

3

4. Implementasi dan Pengujian Unit

Pada tahap ini pengujian fokus pada perangkat lunak dari keseluruhan dan

fungsional dan memastikan bahwa semua bagian sudah diuji. Pada tahapan

ini peulis melakukan pengujian, hal ini dilakukan agar mengatasi eror dan

memastikan perangkat lunak yang dihasilkan sudah sesuai harapan.

2. Teknik pengumpulan Data

Teknik pengumpulan data yang penulis gunakan dalam melakukan

pengumpulan data untuk pembuatan TA adalah:

1). Observasi (observation)

Penulis melihat objek penelitian dengan meninjau dan mengamati secara

langsung terhadap kegiatan yang berkaitan pemesanan produk, stok

produk yang tersedia

2). Wawancara (interview)

Penulis melakukan suatu tanya jawab langsung dengan Chief Operation

La Grande Mustafa Pontianak guna meminta data lebih jelas tentang

informasi yang ingin didapat.

3). Studi Pustaka (literature)

Yaitu pengumpulan data dan informasi dalam mencari bahan acuan

dengan mempelajari buku-buku atau literatur yang diperoleh dari

perpustakaan maupun di luar. Serta data yang relevan dengan hasil

penelitian.

4

1.4. Ruang Lingkup

Ruang lingkup sistem informasi pada La Grande Mustafa dibatasi pada

penyediaan informasi mengenai produk terbaru La Grande Mustafa, dan

melakukan pemesanan produk secara online yang mampu mempermudah

masyarakat untuk memilih dan memesan barang yang diinginkan melalui website.

Sistem informasi la grande mustafa ini dapat di akses oleh admin dan member.

Admin dapat melihat beberapa tampilan yang tersedia misalnya menginput

barang, menginput kategori, menginput sub kategori, melihat siapa saja yang

telah menjadi member, melihat produk, mengecek status order, melihat siapa saja

yang telah memesan produk. Sedangkan halaman member, member dapat

meliahat beberapa tampilan produk yang tersedia, dan memesan produk

yang diinginkan.

Dalam pembuatan website ini penulis menggunakan bahasa pemograman web

yaitu javascript, PHP dan pembangunan database dengan MySQL, penulis juga

menggunakan HTML dan CSS sebagai bahasa pemograman. Untuk perangkat

pendukung menggunakan seperti Sublime Text sebagai web ediator dan browser

(Google Chrome, Mozilla Firefox atau Internet Explorer). Penulis juga memakai

WampServer sebagai server lokal.

1.5. Sistematika Penulisan

Untuk dapat mengetahui secara ringkas permasalahan dalam penulisan. Tugas

Akhir ini maka digunakan sistematika penulisan yang bertujuan untuk

mempermudah pembaca menelusuri dan memahami isi Tugas Akhir sebagai

berikut:

5

BAB I PENDAHULUAN

Bab ini meliputi pembahasan latar belakang, maksud dan tujuan, metode

penelitian, ruang lingkup serta sistematika penulisan.

BAB II LANDASAN TEORI

Dalam bab ini terdiri dari konsep dasar web dan Teori Pendukung. Konsep

Dasar Web ini berisi tentang penjelasan web secara umum serta kegunaan dan

manfaat dari web tersebut, yang berhubungan dengan Sistem Informasi.

Sedangkan Teori Pendukung yang digunakan dalam pembuatan web ini,

diantaranya adalah Struktur Navigasi, ERD (Enterprise Relationship

Diagram), LRS (Logical Record Structure) dan pengujian web menggunakan

Black Box Teori Pendukung ini digunakan untuk mempermudah dalam

pembuatan web tersebut.

BAB III PEMBAHASAN

Bab ini berisikan tinjauan perusahaan, sejarahmperusahaan, struktur

organisasi dan fungsi, analisis kebutuhan, perancangan perangkat lunak,

rancangan antar muka, rancangan basis data, rancangan struktur navigasi,

serta implementasi dan pengujian unit.

BAB IV PENUTUP

Bab ini berisikan tentang kesimpulan dan saran.

6

BAB II

LANDASAN TEORI

2.1. Konsep Dasar Web

Web merupakan halaman situs sistem informasi yang dapat diakses secara

cepat, web yaitu suatu kumpulan halaman yang menampilkan berbagai macam

informasi teks, data, gambar diam ataupun bergerak, data animasi, suara, video.

Menurut Sutabri (2012:38) „Sistem informasi adalah suatu sistem di dalam

suatu organisasi yang mempertemukan kebutuhan pengelolahan transaksi harian

yang mendukung fungsi operasi organisasi yang bersifat manajerial dengan

kegiatan strategi dari suatu organisasi untuk dapat menyediakan laporan-laporan

yang diperlukan oleh pihak luar tertentu”.

Menurut Sutabri (2012:22) “Informasi adalah data yang telah

diklasifikasikan atau diolah atau diinterpretasikan untuk digunakan dalam poses

pengambilan keputusan”.

Menurut Sibero (2013:10) “internet (Interconnected Network) adalah

jaringan komputer yang menghubungkan antar jaringan secara global, internet

dapat juga disebut jaringan dalam suatu jaringan yang luas.

Dari penjelasan diatas dapat disimpulkan sistem informasi dapat

mempermudah dalam menegetahui informasi secara global melalui jaringan

internet.

A. Website

Kumpulan halaman untuk mencari informasi atau mendapatkan informasi

yang dapat diakses melalui Internet. Website merupakan halaman situs sistem

informasi yang dapat diakses oleh public secara gratis, bebas dan cepat.

7

8

Menurut Simarmata (2010:47) “web adalah sebuah sistem dengan

informasi yang disajikan dalam bentuk teks, gambar, suara, dan lain-lain yang

tersimpan dalam sebuah server web internet yang disajikan dalam bentuk

hiperteks”.

Sedangkan menurut Sulistivono (2013:24) “web adalah salah satu fitur dari

internet di samping fitur-fitur lain seperti e-mail, remote (SSH), dan ftp

Berdasarkan pengertian diatas maka penulis dapat menyimpulkan bahwa

web adalah sistem informasi yang teknologi informasinya mudah dijangkau oleh

masyarakat sekarang, yang disajikan dalam bentuk text, gambar, suara, animasi

dan video yang tersimpan didalam suatu software yang biasa kita sebut dengan

browser.

1. Web Browser

Suatu program yang berfungsi sebagai media untuk membuka berbagai

macam halaman situs yang ada di jaringan internet. Dengan adanya web browser

memudahkan dalam mencari informasi yang ada pada website.

Menurut Sibero (2013:12) “web browser adalah aplikasi perangkat lunak

yang digunakan untuk mengambil dan menyajikan sumber informasi web”.

Sedangkan menurut Kadir (2014:186), Web Browser atau biasa disebut

Browser (peramban) saja adalah “perangkat lunak yang berguna untuk mengakses

informasi web atau pun untuk melakukan transaksi via web”.

9

Dari uraian tersebut dapat disimpulkan bahwa web browser adalah suatu

pogram yang menyajikan sumber informasi untuk melakukan transaksi via web.

2. Web Server

Suatu server yang menyediakan layanan kepada klien yang meminta

informasi berkaitan dengan web seperti Mozilla, Chrome, Internet Explorer,

Opera, Safari dan lain sebagainya, supaya browser dapat menampilkan halaman

atau data yang diminta.

Menurut Sibero (2013:11) mengatakan “web server adalah sebuah

komputer yang terdiri dari perangkat keras dan perangkat lunak, web server

bekerja sebagai penyedia layanan yang dapat diakses oleh banyak pengguna”.

Sedangakan menurut Arief (2011:19), Web server adalah “aplikasi yang

memiliki fungsi sebagai tempat menyimpan dokumen-dokumen web”.

Dari uraian tersebut dapat disimpulkan bahawa web server adalah

komputer yang terdiri dari perangkat keras dan perangkat lunak yang fungsinya

sebagai tempat menyimpan dokumen-dokumen web.

3. Internet

Internet adalah sistem global dari seluruh jaringan komputer saling

terhubung yang membuat kita dengan mudah untuk mencari dan mendapatkan

informasi yang diinginkan.

Menurut Pahmawaty (2011:5) “internet merupakan dari interconnection

Networking, disebut demikan karena internet dapat menghubungkan jaringan-

jaringan komputer di seluruh dunia, akbiatnya setiap komputer dapat digunakan

untuk saling berkomunikasi dan memberikan informasi antara satu dan lainya ”.

10

Sedangkan menurut Simarmata (2010:47), “Internet adalah kelompok

atau kumpulan dari jutaan komputer”.

Dari uraian tersebut dapat disimpulkan bahwa internet adalah jaringan

komputer yang saling terhubung di sekuruh dunia dengan kumpulan dari jutaan

komputer.

A. Bahasa Pemogramaan

Dalam melakukan penulisan laporan Tugas Akhir ini, penulis mnggunakan

beberapa bahasa pemogramaan yaitu:

1. Hypertext Preprocessor (PHP)

Bahasa pemograman yang dikenal pada umumnya digunakan secara luas

untuk membuat atau mengembangkan suatu situs web biasanya dipakai untuk

membuat website agar lebih dinamis.

Menurut Hirin dan Virgi (2011:25-26) “PHP kependekan dari Hypertext

Preprocessor adalah salah satu bahasa pemrograman open source yang sangat

cocok atau dikususkan untuk pengembangan web dan dapat di tanamkan pada

sebuah skrip HTML”.

Sedangkan menurut Sibero (2013:49) “PHP adalah pemrogramaan

interpreter yaitu proses penerjemahaan baris kode sumber menjadi kode mesin

yang dimengerti computer secara langsung pada saat baris kode dijalankan”.

Berdasakan pengertian diatas maka dapat disimpulkan bahwa PHP adalah

suatu bahasa pemrograman umumnya digunakan secara luas untuk membuat atau

mengembangkan suatu situs web biasanya berbasiskan kode-kode (script) yang

digunakan untuk mengolah suatu data dan mengirimnya kembali ke web browser

menjadi kode HTML.

11

2. Java Script

Bahasa pemograman yang sederhana disisipkan dalam html dan script.

Javascript juga digunakan untuk membuat kode pesan atau konfirmasi kepada

pengguna.

Menurut Komputer (2011:9) “JavaScript adalah bahasa scripting yang

mempunyai kesamaan dengan penggunaan sintaks bahasa pemograman. Script ini

umum digunakan untuk pengembangan wet client-side”.

Sedangkan menurut Shalahuddin dan Rosa (2010:55) “Javascript adalah

bahasa scripting (bahasa pemrograman yang dapat memegang kontrol aplikasi)

yang berbasis pada bahasa pemrograman Java, namun JavaScript bukanlah bagian

teknologi java dari sun”.

Dari penjelasan diatas dapat disimpulkan JavaScript adalah bahasa

pemograman yang digunakan untuk mengubah halaman web statis menjadi

halaman dinamis dan interaktif yang dapat berjalan pada web browser.

3. JQuery

Memudahkan pembuatan website dengan HTML yang berjalan di sisi Client.

Tidak terlihat sebagai program javascript , yang harus secara eksplisit di sisipkan

pada dokumen web.

Menurut Sigit (2011:1) “JQuery adalah library atau kumpulan kode

javascript yang siap pakai dan keunggulannya adalah menyederhanakan kode

javascript dengan memanggil fungsi-fungsi yang disediakan oleh jquery”.

https://upyes.wordpress.com/2013/01/29/hypertext-markup-language-html/

12

Sedangkan menurut Saputra dan Agustin (2013:10) “JQuery merupakan salah

satu teknik atau kumpulan library JavaScript yang sangat dikenal dengan

animasinya”.

Berdasarkan pengertian diatas maka dapat disimpulkan bahwa jQuery adalah

Javascript yang terbaik yang mana pada penulisan JavaScript yang lebih

sederhana dan dikenal dengan animasinya.

D. Basis Data

Basis data adalah kumpulan data yang disimpan secara sistematis di dalam

komputer yang dapat diolah atau dimanipulasi menggunakan perangkat lunak

(program aplikasi) untuk menghasilkan informasi.

Menurut Kadir dan Triwahyuni (2013:339) “Basis data adalah suatu

pengorganisasian sekumpulan data yang saling terkait sehingga memudahkan

aktivitas untuk memperoleh inormasi”.

Sedangkan menurut Simarmata (2007:1), Basis data adalah “suatu aplikasi

terpisah yang menyimpan suatu koleksi data”

Berdasarkan uraian tersebut dapat disimpulkan bahwa basis data adalah

kumpulan data yang disimpan secara sistematis yang menyimpan suatu koleksi

data.

1. MySQL (My Seructure Query Languange)

Menurut Anhar (2010:45) “MySQL (My Seructure Query Languange)

adalah suatu Data Base Management System (DBMS) dari sekian banyak DBMS

seperti Orade, MS SQL, Postagre SQL, dan lainnya”.

13

Sedangkan menurut Sibero (2013:97) “suatu RDBMS (Relational Database

Management System) yaitu aplikasi sistem yang menjalankan fungsi pengelolahan

data.

Berdasarkan pengertian diatas maka dapat disimpulkan bahwa MySQL (My

Seructure Query Languange) adalah suatu Data Base Management System

(DBMS) dan aplikasi sistem yang menjalankan fungsi pengelolahan data.

2. WampServer

Wampserver ini untuk membuat jaringan local yang dimaksud kita dapat

membuat website secara offline untuk masa percobaan di komputer sendiri.

Menurut Zaenal (2011:10) “WampServer adalah aplikasi terpaket yang

berisi PHP,MySQL,dan,Aphace untuk menyimpan dan menerjemahkan database

menjadi sebuah halaman website”.

Sedangkan menurut Sibero (2013:370), WampServer adalah “suatu paket

yang berisikan kumpulan software yang digunakan untuk membangun suatu

webside”.

Dari uraian di atas dapat disimpulka WampServer adalah jaringan local yang

berisi PHP,MySQL,dan,Aphace yang digunakan untuk membangun suatu

webside.

3. Cascading Style Sheets (CSS)

CSS merupakan sebuah bahasa pemrograman yang fungsinya untuk

mendesain halaman sebuah web sehingga menarik. Kumpulan kode yang dimana

bahasa ini salah satunya adalah HTML.

14

Menurut Sulistivono (2013:41) “CSS adalah (Cascading Style Sheet) adalah

kumpulan aturan-aturan pemformatan yang mengontrol tampilan dari konten data

dalam sebuah halaman web”.

Sedangkan menurut Kadir dan Triwahyuni (2013:323), “CSS adalah kode

yang dimaksudkan untuk mengatur halaman web”.

Berdasarkan dua pengertian diatas maka penulis menyimpulkan bahwa CSS

adalah bahasa yang di gunakan untuk mempermudah mendesain halaman web

dengan kumpulan kode yang dimana bahasa ini salah satunya adalah HTML.

B. Model Pengembangan Perangkat Lunak

Menurut Shalahuddin dan Rosa (2013:29) “Model SDLC air terjun

(waterfall) sering juga disebut model sekuensial linier (sequential linier) atau alur

hidup klasik (classic life cyle). Model air terjun menyediakan pedekatan alur

hidup perangkat lunak secara sekuensial atau terurut dimulai dari analisa, desaim,

pengkodean, pengujian,dan tahap pendukung (support”).

Berikut adalah model air terjun: :

a) Analisis Kebutuhan Perangkat lunak

Proses pengumpulan kebutuhan dilkukan secar insentif untuk

mespesifikasikan kebutuhan perangkat lunak agar dapat dipahani perangkat

linak seperti apa yang dibutuhkan oleh user.

b) Desain

Desain perangkat lunak adalah proses multi langkah yang focus pada

pembuatan program perangkat lunak termasuk struktur data, arsitektur

perangkat lunak, representasi strukur data, arsitektur perangkat lunak,

representasi antarmuka,dan prosedur perangkat lunak.

15

Sistem/rekayasa

informasi

pengodean desain analisis pengujian

c) Pembuatan kode program

Desain harus ditranslasikan ke dalam pogram perangkat lunak. Hasil dari

tahap ini adalah program computer harus sesuai dengan desain yang telah

dibuat pada tahapan desain.

d) Pengujian

Pengujian fokus pada perangkat lunak secara dari segi lojik dan fungsional

dan memastikan bahwa semua bagian sudah diuji. Hal ini dilakukan untuk

meminimalisir ksalahan (error) dam memastikan keluaran yang dihasilakn

sesuai dengan yang diinginkan.

e) Pendukung (support) atau pemeliharaan (maintenance)

Tidak menutup kemungkinan sebuah perangkat lunak mengalami perubahan

ketika sudah dikirimkan ke user. Perubahan bisa terjadi karena adanya

kesalahan yang muncul dan tidak terdeteksi saat pengujian atau perangkat

luank harus beadaptasi dengan lingkungan baru.

Sumber: Rosa dan Shalahuddin

Gambar II.1 Ilustrasi model waterfall

16

2.2. Teori Pendukung

Adapun teori pendukung yang digunakan penulis dalam pembuatan web

adalah sebagai berikut:

1. Struktur Navigasi

Struktur Navigasi dapat dikatakan sebagai penggambar dari hubungan atau

rantai kerja atau alur informasi.

Menurut Simarmata (2010:308) “Navigasi yang ada dalam situs web atau

aplikasi web menunjukan sesuatu yang penting dan menjadi kata kunci usabilitas

aplikasi. Tersesat di dalam “sindrom hyperspace” pada navigasi searah memang

harus dihindari.

Sedangkan menurut Silfi dalam Ardanisatya dan Wimmie (2014:55),

“Struktur navigasi adalah struktur atau alur dari suatu program yang merupakan

rancangan hubungan (rantai kerja) dari beberapa area yang berbeda dan dapat

membantu mengorganisasikan seluruh elemen pembuatan website”.

Berdasarkan kesimpulan di atas dapat disimpulkan bahwa struktur navigasi

adalah penggambar dari rantai kerja dalam situs web atau aplikasi web yang

merupakan rancangan hubungan (rantai kerja) dari beberapa area yang berbeda

dan dapat membantu.

2. ERD (Enterprise Relationship Diagram)

Pada teori ini penulis menggunakan ERD untuk menjelaskan hubungan

antara data dan basis data yang mempunyai relasi. Dengan adanya ERD kita dapat

mengetahui jumlah table yang saling berhubungan. Penggambaran entitas beserta

hubungannya dengan entitas lain dan dengan disertakan atribut setiap entitas

didalamnya.

17

Menurut Rosa dan Shalahuddin (2014:50) Entity Relationship Diagram

adalah “permodelan awal basis data yang paling banyak digunakan”.

Sedangkan menurut Ladjamudin (2013:142), ERD adalah “suatu model

jaringan yang menggunakan susunan data yang disimpan dalam sistem secara

abstrak”

Berdasarkan uraian di atas dapat di simpulkan bahwa ERD adalah suatu

jaringan yang menggunkan susunan data yang sesuai dan di simpan dalam sistem

secara abstrak, permodelan basis data ini paling banyak yang digunakan bagi yang

menggunakannya.

A. Komponen ERD

Menurut Shalahuddin dan Rosa (2013:50), “Pemodelan awal basis data

yang paling banyak digunakan adalah menggunakan ERD (Entity Relationship

Diagram)”. Berikut adalah simbol-simbol yang digunakan pada ERD dengan

notasi Chen:

Tabel 2.1

Komponen ERD

Simbol Deskripsi

Entitas/Entity

Nama_entitas

Entitas merupakan data inti yang akan

disimpan, bakal tabel pada basis data,

benda yang memiliki data dan harus

disimpan datanya agar dapat diakses oleh

aplikasi komputer, penanaman entitas

biasanya lebih ke kata benda dan belum

merupakan name tabel.

Atribut Field atau kolom data yang butuh

18

nama_atribut disimpan dalam suatu entitas

Atribut kunci primer

nama kunci primer

Field atau kolom data yang butuh

disimpan dalam suatu entitas dan

digunakan sebagai kunci akses record

yang diinginkan, biasanya berupa id,

kunci primer dapat lebih dari satu kolom,

asalkan kombinasi dari beberapa kolom

tersebut dapat bersifat unik (berbeda

tanpa ada yang sama).

Atribut multinilai/multivalue

nama_atribut

Field atau kolom data yang butuh

disimpan dalam suatu entitas yang dapat

memiliki nilai lebih dari satu

Relasi

nama_relasi

Relasi yang menghubungkan antara

entitas, biasanya diawali dengan kata

kerja

Asosiasi/Associantion

N

Penghubungan antara relasi dan entitas di

mana di kedua ujungnya memiliki

multiplicity kemungkinan jumlah

pemakaian, kemungkinan jumlah

maksimum keterhubungan antara entitas

satu dengan entitas yang lain di sebut

dengan kardinalitas. Misalkan ada

kardinalitas 1 ke N sering disebut dengan

one to many menghubungkan entitas A

dan entitas B

19

Sumber: Rosa dan Shalahuddin (2013:50)

B. Derajad Relationship

Kardinalitas merupakan relasi yang menunjukkan jumlah maksimum

entitas yang dapat berelasi dengan entitas pada himpunan entitas yang lain. Untuk

menjelaskan jumlah entity dalam suatu relasi dan merujuk kepada hubungan

maksimun yang terjadi dari himpunan entitas yang lainnya.

Menurut Indrajani (2011:110) “Derajat Relationship adalah jumlah entitas

yang berpartisipasi dalam suatu relationship”. Derajar relationship menurut

Indrajani (2011:110), terdiri atas:

a. Binary Relationship

Merupakan keterhubungan antar dua tipe entitas.

Sumber : Indrajani (2011:110)

Gambar II.2

Binary Relationship

b. Ternary Relationship

Merupakan keterhubungan antar tiga tipe entitas.


Gambar II.3

Ternary Relationship

20

c. Quaternary Relationship

Merupakan keterhubungan antar empat tipe entitas.


Gambar II.4

Quaternary Relationship

Berdasarkan uraian tersebut dapat disimpulkan bahwa Derajat relationship

adalah relasi yang menunjukan bahwa jumlah entitas yang dapat berpatisipasi

hanya dalam suatu relasi.

3. LRS (Logical Record Structure)

Beberapa tipe record digambarkan oleh kotak empat persegi panjang dan

dengan nama yang unik nomor dari tipe record.

Menurut Frieyadie dalam Mulia Rahayu (2015:162) mengemukakan bahwa

“LRS merupakan hasil dari pemodelan Entity Relational Ship (ER) beserta

atributnya sehingga bisa terlihat hubungan-hubungan antar entitas”. Dalam

pembuatan LRS terdapat 3 hal yang dapat mempengaruhi yaitu:

a. Jika tingkat hubungan (cardinality) satu pada satu (one-to-one), maka di

gabungkan dengan entitas yang lebih kuat (strong entity), atau

digabungkan dengan entitas yang memiliki atribut yang lebih sedikit.

b. Jika tingkat hubungan (cardinality) satu pada banyak (one-to-many),

maka hubungan relasi atau digabungkan dengan entitas yang tingkat

hubungannya banyak.

21

c. Jika tingkat hubungan (cardinality) banyak pada banyak (many-to-many),

maka hubungan relasi tidak akan digabungkan dengan entitas manapun,

melainkan menjadi sebuah LRS.

Berdasarkan uraian di atas dapat disimpulkan bahwa LRS adalah tipe record

digambarkan oleh kotak empat persegi panjang yang merupakan merupakan hasil

dari pemodelan Entity Relational Ship (ER) beserta atributnya sehingga bisa

terlihat hubungan-hubungan antar entitas.

4. Pengujian Web

Adapun pengujian website yang digunakan penulis yaitu Black Box Testing.

Menurut Shalahuddin dan Rossa (2013:275) ”Black Box Testing yaitu menguji

perangkat lunak dari segi spesifikasi fungsional tanpa menguji desain dan kode

program. Pengujian dimaksudkan untuk mengetahui apakah fungsi-fungsi,

masukan , dan keluaran dari perangkat lunak sesuai dengan spesifikasi yang

dibutuhkan”.

Menurut Rizky (2011:264) ”Black Box Testing adalah tipe testing yang

memperlakukan perangkat lunak yang tidak diketahui kinerja internalnya”.

Berdasarkan pengertian diatas maka dapat disimpulkan bahwa pengujian

sebuah perangkat lunak semuanya berfungsi untuk mengetahui apakah perangkat

lunak tersebut sesuai dengan yang apa yang diinginkan.

BAB III

PEMBAHASAN

3.1. Tinjauan Perusahaan

Dalam tinjauan pada La Grande Mustafa ini dapat dilihat dari Visi dan

Misi, sejarah perusahaan, struktur organisasi dan tugas pokok fungsi masing–

masing bagian.

a. Visi

Menjadi busana muslim diterima masyarakat yang diwujudkan dalam

kreatifitas.

b. Misi

1. Memasyarakatkan busana muslim.

2. Meningkatkan apresiasi masyarakat.

3. Menyediakan busana musli berkualitas, membuka lapangan pekerjaan,

dan sebagai sarana beribadah.

4. Menggunakan promosi melalui media cetak dan elektronik, outboard

tema, yellow pages.

3.1.1. Sejarah Perusahaan

La Grande Mustafa yang berlokasi di di Jl. Sultan Abdurrahman no.67

pontianak, Kalimantan Barat.

Mustafa merupakan department store pertama di Pontianak yang

menghadirkan berbagai brand fashion muslim terbesar di Indonesia. La Grande

Mustafa melakukan grand opening pada tanggal 7 Maret 2015 untuk

mendapatkan berbagai diskon dan penawaran menarik dari berbagai brand fashion

muslim.

22

23

3.1.2. Struktur Organisasi dan Fungsi

Untuk mengola perusahaan dengan baik dan optimal, terutama terhadap

sumber daya manusia, perusahaan menerapkan manajemen yang diungkapkan

dalam bentuk struktur organisasi merupakan sarana yang sangat penting untuk

menjalankan fungsinya.

Adapun struktur organisasi ini sendiri dapat dikatakan sebagai suatu pola

hubungan antara kedudukan dan peranan dalam suatu kerja sama bentuk struktur

organisasi yang dimiliki La Grande Mustafa sebagai berikut.

Sumber: La Grande Mustafa

Gambar III. 1.

Struktur Organisasi La Grande Mustafa

A. Fungsi dan Tugas Pokok

1). Salles Manager : Membawahi 5 store, menepati pencapaian target

penjualan, menyusun strategi penjualan.

2). Chief Operation: Operasional store, stretegi marketing berhubungan

sama pihak ke-3, pencapaian target.

24

3). Asisten C.O: Mensupervisi bawahannya.

4). Muslim Fashion Addvisor : Pramuniaga (jualan).

5). Bagian Umum: Bersih-bersih.

6). Beauty Addvisior: Bertanggung jawab dalam bidang kosmetik.

7). Security: Menjaga keamanan

3.2. Analisa Kebutuhan

Dalam analisis yang telah dilakukan, maka dapat disimpulkan

mempromosikan produk tidak hanya menggunakan facebook dan istagram saja

memiliki sistem informasi sangat penting untuk mempromosikan dengan melalui

jalur internet sehingga dapat diakses diseluruh dunia pada La Grande Mustafa

1. Kebutuhan Fungsional

Berdasarkan uraian maka kebutuhan yang dapat dianalisa, antara lain yaitu

diperlukannya perancangan database agar dapat mengolah data secara efektif dan

efisien.

a. Login

Dalam halaman login ini dapat memverifikasi halaman admin dan

member dengan fitur login berdasarkan username dan password.

Jika username dan password benar maka sistem akan membawa

pengguna menuju ke halaman yang sesuai hak akses pengguna

tersebut. Jika tidak maka sistem akan menampilkan pesan kesalahan

dan sistem gagal menampilkan halaman hak akses pengguna

tersebut.

25

b. Home

Home adalah halaman utama saat web dibuka, pada tampilan admin

terdapat beberapa fitur yaitu beranda, input barang,inpu kategori,

input sub kategori, lihat member, lihat product, cek order, lihat

pesanan, konfirmasi komentar, laporan, logout. Untuk halaman

member, member dapat melihat fitur yaitu beranda, produk, shafura,

mezora, kafaa, member, hubungi.

c. Input

Pada halman input barang digunakan admin untuk mengupload

barang yang tersedia ditoko, input kategori digunakan admin untuk

menambahkan brand yang bekerjasama dengan la grande Mustafa,

input subkategori digunakan admin untuk menambahkan produk

yang tersedia ditoko.

2. Kebutuhan Non Fungsional

Kebutuhan non fungsional yang mendukung kelancaran sistem ini di

identifikasi sebagai berikut:

a. Perangkat Keras (Hardware)

Yaitu semua perlatan yang dapat membantu agar aplikasi dapat

berjalan dengan baik untuk menampilkan dan menjalankan website.

Adapun perangkat keras yang diperlukan adalah sebagai berikut:

1. CPU (Central Processing Unit)

a. Processor : 1.86 GHz

b. Memory : 2.00 GB

c. Hardisk : 500 GB

26

2. Monitor : 14 (1366x768)

3. Keyboard : 82 keys

4. Mouse : Optical / Touchpad

5. Printer : Inkjet Printer

6. Mouse : Optical / Touchpad

7. Printer : Inkjet Printer

b. Perangkat Lunak (Software)

Perangkat lunak merupakan bagian dari komputer yang berisi perintah-

perintah yang menghubungkan perangkat lunak yang digunakan untuk

pembuatan aplikasi ini harus sesuai dengan yang diperlukan. Adapun

perangkat lunak yang diperlukan sebagai berikut:

1. Sistem Operasi : Windows 7 Ultimate

2. Web Server : WampServer 2.0

a. Apache : Apache 2.2.17

b. MySQL : MySQL 5.0.7

c. PHP : PHP 5.3.5

3. Web Browser

a. Mozilla Firefox : Versi 38.0.5

b. Google Chrome : Versi 43.02357.124.

3. Sumber Daya Manusian (Brainware)

Admin merupakan pengguna yang diberikan hak akses pengoperasian

sistem informasi dalam hal penggunaan database, baik itu penambahan, produk,

27

Sumber: Hasil Penelitian

Gambar III. 1.

Rancangan antar muka halaman Beranda


Gambar III. 2.


cari

oter

zzz zzz

Header

Beranda Produk Shafira Mezora Kaffa Member Hubungi SyaratKetentuan

Login Member

Username

xxx

Password

Later Products cari

xxx

Submit

zzz zzz

zzz zzz

Fo

xxx

xxx

detail produk, stok produk, penambahan sub kategori, cek kode boking sedangkan

member hanya dapat melihat produk, detail produk, stok produk

3.3. Perancangan Perangkat Lunak

Dalam perancangan perangkat lunak meliputi rancangan antar muka dan

rancangan basis data.

3.3.1. Rancangan Antar Muka

1. Halaman depan Beranda

A. Rancangan Antar Muka Beranda

Rancangan antar muka beranda digunakan member untuk meliahat semua

produk dan detail produk yang tersedia.

28


Gambar III.3.

Rancangan antar muka halaman produk

cari

B. Rancangan Antar Muka Halaman Produk

Rancangan antar muka halaman produk digunakan member untuk melihat

semua gambar produk yang tersedia ditoko.


Gambar III.3.

Rancangan antar muka halaman produk

Footer

zzz zzz

zzz zzz

Submit

zzz zzz

Password

cari Foto Produk

Login Member Username

xxx

Header


xxx

xxx

xxx

29

Footer

Info Produk cari

cari

xxx

Submit

Password

Login Member

Username

SyaratKetentuan Hubungi Member Kaffa Mezora Shafira Produk Beranda

Header

xxx

xxx

xxx

zzz

zzz

zzz

zzz

zzz

zzz

C. Rancangan Antar Muka Shafira

Rancangan antar muka shafira adalah salah satu brand yang bekerjasama

dengan la grande Mustafa yang digunakan member untuk melihat semua produk

shafira yang tersedia.


Gambar III. 4.

Rancangan antar muka shafira

30

Login Member

Username

Password

Submit

Footer

xxx

Info Produk cari

cari


Header

xxx

xxx

xxx

zzz

zzz

zzz

zzz

zzz

zzz

D. Rancangan Antar Muka Halaman Mezora

Rancangan antar muka halaman mezora adalah salah satu brand yang

bekerjasama dengan la grande Mustafa yang digunakan member untuk melihat

semua produk mezora yang tersedia.


Gambar III.5.

Rancangan antar muka halaman mezora

31

Footer

Header

E. Rancangan Antar Muka Kaffa

Rancangan antar muka halaman kaffa adalah salah satu brand yang

bekerjasama dengan la grande Mustafa yang digunakan member untuk melihat

semua produk kaffa yang tersedia.


Login Member

Username

cari

xxx

cari

xxx

xxx Info Produk

Password

xxx

Submit

zzz zzz

zzz zzz

zzz zzz


Gambar III. 6.

Rancangan antar muka halama kaffa

32

Tgl keluar

Nama

Perusahaan

Berat

Satuan

F. Rancangan Antar Muka Halaman Member

Rancangan antar muka halaman member digunakan konsumen untun

mendaftar menjadi member agar bisa melihat produk dan memesan produk yang

tersedia.


Gambar III. 7.

Rancangan antar muka halaman member

Footer

Telp

Gender

Kota

Submit

Nama

Alamat

Login Member

Username

xxx

Password

categoris

Header

Daftar Member

Email

Password

For Login User xxx

xxx

cari

cari


xxx

xxx

xxx

33

G). Rancangan Antar Muka Halaman Hubungi

Rancangan antar muka halaman hubungi digunakan member untuk

berkomunikasi dengan pihak toko


Gambar III. 8.

Rancangan antar muka halaman hubungi

Footer

Header

Info cari

cari

Submit

Password

Login Member

Username


xxx

xxx

xxx

xxx

34

H. Rancangan Antar Muka Halaman Syarat Ketentuan

Rancangan antar muka halaman syarat ketentuan adalah peraturan

pemesanan yang ada di Laa Grande Mustafa


Gambar III. 9.

Rancangan antar muka halaman syarat ketentuan

Footer

Header

Info cari

cari

Submit

Password

Login Member

Username


xxx

xxx

xxx

xxx

35

Header

xxx

Footer

xxx

xxx

xxx

xxx

xxx

xxx

xxx

xxx

xxx

2. Tampilan halaman Admin

A. Rancangan Antar Muka Beranda

Rancangan antar muka beranda digunakan admin untuk melihat seluruh

produk yang sudah di upload

zzz

zzz

zzz

zzz

zzz

zzz


Gambar III. 10.


B. Rancangan Antar Muka Input Barang

Rancangan antar muka input barang digunakan admin untuk mengupload

barang yang tersedia

Header

36

Kategori Lihat Barang

Kode Barang

Nama Barang

Gambar Tampilan Depan

Tampilan Depan

Keterangan

xxx

xxx

xxx

xxx

xxx

xxx

xxx

xxx

xxx

xxx

xxx

xxx

xxx

xxx

xxx

xxx

Harga

Ukuran

Warna

Stock

xxx

xxx

xxx

xxx

Simpan Batal


Gambar III. 11.

Rancangan antar muka halaman Input Barang

A. Rancangan Antar Muka Input Kategori

Rancangan antar muka input kategori digunakan admin untuk

menambahkan brand yang bekerjasama dengan La Grande Mustafa

Header

Footer

37


Gambar III.12.

Rancangan antar muka halaman Input Kategori

B. Rancangan Antar Muka Input Sub Kategori

Rancangan antar muka input sub kategori digunakan admin untuk

menambahkan produk yang ada di setiap-setiap kategori.

Header

xxx

xxx

xxx

xxx

xxx

xxx

xxx

xxx

xxx

xxx

xxx

xxx

xxx

xxx

xxx

xxx

xxx xxx xxx

Aksi Kategori No

xxx xxx

Tambah Kategori

Footer

38

xxx

Tambah Sub Kategori

xxx xxx

xxx xxx

No Kategori Aksi

xxx xxx xxx

xxx xxx xxx

xxx xxx xxx

xxx

xxx

xxx

xxx

xxx

xxx

xxx

xxx

xxx


Gambar III.13.

Rancangan antar muka halaman Input Sub Kategori

C. Rancangan Antar Muka Lihat Member

Rancangan antar muka lihat member digunakan admin untuk melihat

seiapa saja yang telah terdaftar menjadi member.

Header

Footer

39


Gambar III.14.

Rancangan antar muka halaman Lihat Member

D. Rancangan Antar Muka Lihat Product

Rancangan antar muka antar product digunakan admin untuk mengubah,

menambahkan, atau mengedit produk yang tersedia.

Header

xxx xxx xxx xxx xxx

xxx xxx xxx xxx xxx

xxx xxx xxx xxx xxx

xxx

xxx

xxx

xxx

xxx

xxx

xxx

Footer

40


Gambar III.13.

Rancangan antar muka halaman Lihat Product

G. Rancangan Antar Muka Cek Order

Rancangan antar muka cek order digunakan admin untuk mengecek

konsumen bahwa telah memesan barang.

Header

xxx Tambah Barang Baru

xxx

xxx

xxx xxx xxx

xxx xxx xxx

xxx

xxx

xxx

xxx

xxx xxx xxx

xxx xxx

xxx

xxx

xxx

xxx

Footer

41


Gambar III.16.

Rancangan antar muka halaman Cek Order

H. Rancangan Antar Muka Lihat Pesanan

Rancangan antar muka lihat pesanan digunakan admin untuk melihat

daftar siapa saja yang telah memesan produk.

Header

xxx

Cek Status Order

xxx

xxx

xxx

xxx

xxx

xxx

xxx

xxx

xxx

xxx

xxx

Footer

42


Gambar III.17.

Rancangan antar muka halaman Lihat Pesanan

I. Rancangan Antar Muka Konfirmasi Komentar

Rancangan antar muka konfirmasi komentar digunakan admin untuk

berkomunikasi admin dengan member dan sebagai tempat admin melihat saran

dan kritik dari konsumen.

Header

xxx

xxx

xxx

xxx xxx xxx

xxx xxx xxx

xxx

xxx

xxx

xxx

xxx xxx xxx

xxx xxx

xxx

xxx

xxx

xxx

Footer

43


Gambar III.18.

Rancangan antar muka halaman Konfirmasi Komentar

J. Rancangan Antar Muka Laporan

Rancangan antar muka laporan digunakan admin untuk melihat rincian,

stok produk yang tersedia.

Header

xxx

xxx

xxx

xxx xxx xxx

xxx xxx xxx

xxx

xxx

xxx

xxx

xxx xxx xxx

xxx xxx

xxx

xxx

xxx

xxx

Footer

44


Gambar III.19.

Rancangan antar muka halaman Laporan

3.3.2. Basis Data

xxx

xxx xxx

xxx

xxx xxx xxx

xxx xxx xxx

xxx

xxx

xxx

xxx

xxx xxx xxx

xxx xxx

xxx

xxx

xxx

xxx

Footer

45

Perancangan basis data menghasilkan pemetaan tabel-tabel yang

digambarkan dalam ERD (Entity Raletionship Diagram) dan LRS (Logical

Relational Structure) seperti di bawah ini:

A. Entity Relationship Diagram


Gambar III. 20.

Entity Relationship Diagram

B. Logical Relational Structure

46


Gambar III.21.

Logical Relational Structure

C. Spesifikasi File

47

Dalam spesifikasi file menjelaskan tentang file atau tabel yang terbentuk

dari transformasi ERD. File-file ini tersimpan pada “tugas_akhir” dengan

parameter-parameter sebagai berikut:

1. Spesifikasi File Admin

Nama File : admin

Akronim : Admin

Fungsi : Sebagai tempat login untuk mengakses halaman

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record 60

Software : MySQL

Tabel III. 1.

Spesifikasi File Admin

No Elemen Data Tipe Size Ket

1 Username Varchar 30

2 Password Varchar 30


2. Spesifikasi File Barang

Nama File : Barang

Akronim : barang

Fungsi : Untuk memberi informasi barang baru

48



Akses File : Random

Media : Harddisk

Panjang record 121

Kunci Field : id_barang

Software : MySQL

Tabel III. 2.

Spesifikasi File Barang


1 id_barang Int 5 Primary key

2 id_kategori Int 5

3 id_sub Int 3

3 Judul Varchar 30

4 nama_barang Varchar 30

5 Gambar Varchar 30

6 Ket Text

7 Harga Double

49

8 Ukuran Varchar 8

9 Warna Varchar 20

10 Stok Int 20


3. Spesifikasi File Buku Tamu

Nama File : Buku Tamu

Akronim : buku_tamu

Fungsi : Untuk menyimpan buku tamu



Akses File : Random

Media : Harddisk

Panjang record 211

Kunci Field : id_bukutamu

Software : MySQL

Tabel III. 3.

Spesifikasi File Buku Tamu


1 id_barang Int 11 Primary key

2 Nama Varchar 50

50

3 Email Varchar 50

4 Phone Varchar 50

5 Perusahaan Varchar 50

6 Message Text


4. Spesifikasi File Detail Order

Nama File : Detail Order

Akronim : detail_order

Fungsi : Untuk melihat detail order produk



Akses File : Random

Media : Harddisk

Panjang record 36

Software : MySQL

Tabel III. 4.

Spesifikasi Detail Order


1 id_order Varchar 20

2 id_barang Int 5

3 Qty Int 11


51

5. Spesifikasi File Kategori

Nama File : Kategori

Akronim : kategori

Fungsi : Untuk melihat kategori produk



Akses File : Random

Media : Harddisk

Panjang record 25

Kunci Field : id_kategori

Software : MySQL

Tabel III. 5.

Spesifikasi File Kategori


1 id_kategori Int 5 Primary key

2 Kategori Varchar 20


6. Spesifikasi File Keranjang

Nama File : Keranjang

Akronim : keranjang

Fungsi : Untuk menyimpan produk yang ingin dibeli


52


Akses File : Random

Media : Harddisk

Panjang record 45

Kunci Field : id_keranjang

Software : MySQL

Tabel III. 6.

Spesifikasi File Keranjang


1 id_keranjang Int 5 Primary key

2 no_pelanggan Int 5

3 id_barang Int 5

4 Jumlahbeli Int 10

5 Nota Varchar 20


7. Spesifikasi File Order

Nama File : Order

Akronim : order

Fungsi : Untuk melihat order produk



53

Akses File : Random

Media : Harddisk

Panjang record 80

Software : MySQL

Tabel III. 7.

Spesifikasi File Order


1 id_order Varchar 20

2 no_pelanggan Int 50

3 Total Int 10

4 Status Enum

5 Tanggal Date


8. Spesifikasi File Pelanggan

Nama File : Pelanggan

Akronim : pelanggan

Fungsi : Untuk menyimpan data pelanggan



Akses File : Random

Media : Harddisk

Panjang record 160

Kunci Field : no_pelanggan

Software : MySQL

54

Tabel III. 8.

Spesifikasi File Pelanggan


1 no_pelanggan Int 5 Primary key

2 Nama Varchar 50

3 Alamat Text

4 Telp Varchar 15

5 Email Varchar 30

6 Pass Varchar 30

7 Gender Enum

8 Kota Varchar 30


9. Spesifikasi File Sub Menu

Nama File : Sub Menu

Akronim : sub_menu

Fungsi : Untuk mengetahui daftar menu produk



Akses File : Random

Media : Harddisk

55

Panjang record 108

Kunci Field : id_sub

Software : MySQL

Tabel III. 9.

Spesifikasi File Sub Menu


1 Id_sub Int 3 Primary key

2 Id_kategori Int 5

3 Nama_sub Varchar 100


3.3.3. Rancangan Struktur Navigasi

Struktur navigasi yang digunakan penulis dalam rancangan aplikasi web

ini yaitu navigasi nonlinear. Adapun struktur navigasi yang terdapat dalam

halaman admin dam struktur navigasi halaman member.

A. Struktur Navigasi Pengguna (user)

Penulis membuat struktur navigasi pengguna untuk membuat sebuah

gambar agar mempermudah pengguna dalam melihat isi web ini. Selain itu fungsi

dari struktur navigasi ini adalah membuat rincian umum mengenai isi dalam suatu

website yang telah dibuat.

56

Member

Home

Home

Beranda

Produk

Shafira Mezora Kaffa


Gambar III.22.

Struktur Navigasi Pengguna (user)

B. Struktur Navigasi Halaman Admin

Pada struktur halaman admin penulis membuat sebuah gambar agar admin

dapat melihat

Beranda Input

Barang

Input

Kategori

Input

Sub Kategori

Lihat

Member

Lihat

Product

Cek

Order

Konfirmasi

komentar Laporan Log

out


Gambar III.23.

Struktur Navigasi Admin

Index

Login

Hubungi

Login

57

3.4. Implementasi dan Pengujian Unit

3.4.1. Implementasi

A. Implementasi Rancangan Antar Muka

Adapun implementasi antar muka berdasarkan hasil rancangan antar muka

yang terdapat di dalam aplikasi web di Laa Grande Mustafa Pontianak adalah

sebagai berikut:

1) Implementasi Antar Muka Beranda

Halaman Beranda ini akan digunakan untuk melihat tampilan depan

dan semua produk yang ada di La Grande Mustafa beserta

keterangannya .


Gambar III.24.

Implementasi Antar Muka Beranda

58

2) Implementasi Antar Muka Produk

Halaman Produk ini akan digunakan untuk melihat semua tampilan

produk yang tersedia.


Gambar III.25.

Implementasi Antar Muka Produk

3) Implementasi Antar Muka Halaman Shaffira

Halaman Shaffira digunakan untuk melihat produk dan macam-macam

kategori yaitu gamis, atasan wanita, dan atasan pria.

59


Gambar III.26.

Implementasi Antar Muka Shaffira

60

4) Implementasi Antar Muka Mezora

Halaman mezora digunakan untuk melihat produk dan macam-macam

kategori yaitu gamis, dan atasan pria.


Gambar III.27.

Implementasi Antar Muka Mezora

61

5) Implementasi Antar Muka Kaffa

Halaman kaffa digunakan untuk melihat produk dan macam-macam

kategori yaitu atasan wanita.


Gambar III.28.

Implementasi Antar Muka Kaffa

6) Implementasi Antar Muka Member

Halaman member digunakan untuk pendaftaran agar bisa masuk ke

halaman web dan bisa memboking produk yang di inginkan

62


Gambar III.27.

Implementasi Antar Muka Member

7) Implementasi Antar Muka Hubungi

Halaman hubungi digunakan untuk melihat produk dan macam-macam

kategori yaitu sejarah dan kontak kami

63


Gambar III.30.

Implementasi Antar Muka Hubungi

64

8) Implementasi Syarat Ketentuan

Halaman syarat ketentuan digunakan untuk mengetahui peraturan

berbelanja di web tersebut


Gambar III.31.

Implementasi Syarat Ketentuan

I. Implementasi Rancangan Antar Muka Admin

1). Implementasi Antar Muka Beranda.

Halaman beranda ini digunakan untuk menampilkan semua produk

yang tersedia.

65


Gambar III.32.

Implementasi Antar Muka Beranda (admin)

2). Implementasi Antar Muka Input Barang

Halaman input barang ini digunakan untuk mengupload produk-produk

yang tersedia.

66


Gambar III.33.

Implementasi Antar Muka Input Barang

3). Implementasi Antar Muka Input Kategori

Halaman input kategori digunakan untuk menginput nama merek yang

terdapat di toko.

67


Gambar III.41.

Implementasi Antar Muka Kategori

4). Implementasi Antar Muka Input Sub Kategori.

Halaman input sub kategori digunakan untuk menginput produk yang

tersedia di setiap kategori.

68


Gambar III.35.

Implementasi Antar Muka Input Sub Kategori

5). Implementasi Antar Muka Lihat Member.

Halaman lihat member digunakan untuk menampilkan konsumen yang

sudah terdaftar diweb.

69


Gambar III.36.

Implementasi Antar Muka Lihat Member

6). Implementasi Antar Muka Lihat Product.

Halaman lihat product digunakan untuk menampilkan seluruh produk

yang tersedia beserta keterangannya.

70


Gambar III.37.

Implementasi Antar Muka Lihat Product

7). Implementasi Antar Muka Cek Order.

Halaman cek order digunakan untuk mengecek kode boking konsumen

yang telah dipesan.

71


Gambar III.38.

Implementasi Antar Muka Cek Order

8). Implementasi Antar Muka Konfirmasi Komentar

Halaman konfirmasi komentar untuk menampilakan saran dan kritik

dari setiap konsumen.

72


Gambar III.39.

Implementasi Antar Muka Konfirmasi Komentar

9). Implementasi Antar Muka Laporan

Halaman laporan digunakan untuk melihat semua stok produk, nama

produk yang tersedia

73


Gambar III.40.

Implementasi Antar Muka Laporan

J. Spesifikasi Sistem Komputer

Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak yang

dibutuhkan untuk mengimplementasikan aplikasi web untuk Laa Grande Mustafa

Pontianak.

1. Spesifikasi Perangkat Keras

a). Server

1) CPU

(a) Processor Intel® Pentium® Core 2 Duo

(b) RAM DDR2 2 GB

(c) Hard Disk 500 GB

2) Mouse

74

3) Keyboard

4) Monitor dengan resolusi layar minimum 1366x768

5) Koneksi internet dengan kecepatan 2 Mbps.

b). Client

1) CPU

(a) Processor Intel® Pentium® 4

(b) RAM DDR2 1GB

(c) Hard Disk 20 GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1366x768

5) Koneksi internet dengan kecepatan 56 kbps.

2. Spesifikasi Perangkat Lunak

a). Server

1). Sistem operasi yang umum digunakan seperti: Microsoft

Windows atau Linux (Ubuntu, Fedora, dan lain-lain).

2). Aplikasi bundle web server seperti: Xampp, WampServer,

php2triad yang terdiri dari beberapa komponen, diantaranya

(1) Aplikasi Apache Server 2.2.17

(2) Aplikasi PHP Server 5.3.4

(3) Aplikasi MySQL Server 5.1,53

(4) Aplikasi phpMyAdmin 3.3.9

75

3). Aplikasi Web Lihatr seperti Mozilla Firefox, Opera, Safari,

Internet Explorer, Google Chrome.

b). Client

1). Sistem operasi yang umum digunakan seperti: Microsoft

Windows atau Linux (Ubuntu, Fedora, dan lain-lain).

2). Aplikasi web browser seperti Mozilla Firefox, Opera, Safari,

Internet Explorer, Google Chrome.

3.4.2. Pengujian Unit

Pengujian terhadap program yang dibuat menggunakan blackbox testing

yang fokus terhadap proses masukan dan keluaran program.

Tabel III. 10.

Hasil Pengujian Black Box Testing Halaman Login Admin

No. Skenario

pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1 Username Username:

(kosong)

Password:

(kosong)

Sistem akan

menolak

akses user

dan

menampilkan

pesan gagal

login dan

kembali lagi

ke form login

Sesuai Valid

dan password harapan

tidak disisi

kemudian klik

tombol submit

76

2 Mengetikkan Username: Sistem akan Sesuai Valid

username (admin) menolak harapan

diisi password Password : akses user

tidak diisi (kosong) dan

atau kosong menampilkan

kemudian klik pesan gagal

tombol submit login dan

kembali lagi

ke form login

3 Username

tidak diisi atau

kosong dan

password diisi

kemudian klik

tombol submit

Username:

(kosong)

Password:

(admin)

Sistem akan

menolak

akses user

dan

menampilkan

pesan gagal

login dan

kembali lagi

ke form login

Sesuai

harapan

Valid

4 Mengetikkan

salah satu

kondisi salah

pada

username atau

password

kemudian klik

tombol submit

Username:

admin

(benar)

Password:

Yamin

(salah)

Sistem akan

menolak

akses user

dan

menampilkan

“Gagal login

user”

Sesuai

harapan

Valid

77

5 Mengetikkan

username dan

password

dengan data

yang benar

kemudian klik

tombol submit

Username:

admin

(benar)

admin

Password:

(benar)

Sistem

menerima

akses login

dan

kemudian

langsung

menampilkan

halaman

depan admin.

Sesuai

harapan

Valid


Tabel III. 11.

Hasil Pengujian Black Box Testing Halaman Login Member

No. Skenario

pengujian


diharapkan

Hasil

pengujian

Kesimpulan

1 Username

dan

password

tidak disisi

kemudian

klik tombol

submit

Username: (kosong)

Password: (kosong)

Sistem akan

menolak

akses user

dan

menampilkan

pesan gagal

login dan

kembali lagi

ke form login

Sesuai

harapan

Valid

2 Mengetikkan

username

diisi

password

tidak diisi

atau kosong

kemudian

klik tombol

Username:

([email protected])

Password : (kosong)

Sistem akan

menolak

akses user

dan

menampilkan

pesan gagal

login dan

kembali lagi

Sesuai

harapan

Valid

mailto:[email protected]

78

submit ke form login

3 Username

tidak diisi

atau kosong

dan password

diisi

kemudian

klik tombol

submit

Username: (kosong)

Password: (12345)

Sistem akan

menolak

akses user

dan

menampilkan

pesan gagal

login dan

kembali lagi

ke form login

Sesuai

harapan

Valid

4 Mengetikkan

salah satu

kondisi salah

pada

username

atau

password

kemudian

klik tombol

submit

Username:

[email protected]

(benar)

Password: 123

(salah)

Sistem akan

menolak

akses user

dan

menampilkan

“Gagal login

user”

Sesuai

harapan

Valid


79

5 Mengetikkan

username

dan

password

dengan data

yang benar

kemudian

klik tombol

submit

Username:

[email protected]

(benar)

Password: 12345

(benar)

Sistem

menerima

akses login

dan

kemudian

langsung

menampilkan

halaman

produk

terbaru

Sesuai

harapan

Valid


Tabel III. 12.

Hasil Pengujian Black Box Testing Halaman Member

No. Skenario

pengujian


diharapkan

Hasil

pengujian

Kesimpulan

1 Email, password, Email, password, Sistem akan

menolak

akses user

dan

menampilkan

alamat tidak

boleh kosong

Sesuai Valid

nama,telpn, nama,telpn, harapan

gender, kota diisi. gender, kota (diisi)

Alamat Kosong

Alamat (kosong)

2 Email, password,

nama,alamat,

telpn, diisi.

Gender dan kota

kosong

Email, password,

nama,alamat, telpn

(diisi)

Gender dan kota

(kosong)

Sistem akan

menolak

akses user

dan

menampilkan

gender tidak

boleh kosong

Sesuai

harapan

Valid

Kota tidak


80

boleh kosong

3 Email, password,

nama,alamat,

gender, kota diisi.

Telpn kosong

Email, password,

nama,alamat,

gender, kota

(diisi).

Telpn (kosong)

Sistem akan

menolak

akses user

dan

menampilkan

telpn belum

diisi

Sesuai

harapan

Valid

4 Email, password,

nama,alamat,telpn,

gender, kota diisi.

Telpn disi dengan

huruf

Email, password,

nama,alamat,

gender, kota

(diisi).

Telpn disi dengan

huruf (seharusnya

dengan angka)

Sistem akan

menolak

akses user

dan

menampilkan

telpn diisi

dengan

angka.

Sesuai

harapan

Valid

5 Email, password, Email, password, Sistem Sesuai Valid

nama,alamat,telpn, nama,alamat,telpn, menerima harapan

gender, kota diisi. gender, kota diisi. dan terdaftar

Telpn disi dengan Telpn disi dengan menjadi

angka angka member


81

Tabel III. 13.

Hasil Pengujian Black Box Testing Halaman Kontak Kami

No. Skenario

pengujian


diharapkan

Hasil

pengujian

Kesimpulan

1 Nama,

email,

phone diisi

Message

kosong

Nama, email, phone

(diisi)

Message (kosong)

Sistem akan

menolak

akses user

dan

menampilkan

message

tidak boleh

kosong

Sesuai

harapan

Valid

2 Nama,

phone,

message

diisi

Email

kosong

Nama, phone,

message (diisi)

Email (kosong)

Sistem akan

menolak

akses user

dan

menampilkan

email tidak

boleh kosong

Sesuai

harapan

Valid

3 Email,

phone,

message

diisi

Nama

kosong

Email, phone,

message (diisi).

Nama (kosong)

Sistem akan

menolak

akses user

dan

menampilkan

nama tidak

boleh kosong

Sesuai

harapan

Valid

82

4 Nama,

email,

message

diisi

phone

kosong

Nama, email,

message (diisi).

Phone (kosong)

Sistem akan

menolak

akses user

dan

menampilkan

phone tidak

boleh

kosong.

Sesuai

harapan

Valid

5 Nama,

email,

message,

phone, diisi

Nama, email,

message, phone,

(diisi)

Sistem

menerima

dan masuk

ke admin

Sesuai

harapan

Valid


BAB IV

PENUTUP

4.1. Kesimpulan

Berdasarkan Sistem Informasi Pemesanan Barang Pada La Grande Mustafa

Pontianak, maka penulis mengambil beberapa kesimpulan sebagai berikut:

1. Sistem Informasi Pemesanan Barang Pada La Grande Mustafa Pontianak

masih menggunakan facebook dan instagram saja, karena belum memiliki

sistem informasi melalui jalur internet sehingga bisa diakses di seluruh

dunia .

2. Konsumen biasanya kecewa saat datang ketoko produk yang diinginkan

ternyata sudah habis, rincian produk yang kurang jelas dengan itu penulis

membuat Sistem Informasi Pemesanan Barang Pada La Grande Mustafa

Pontianak dapat mempermudah mengakses informasi, produk barang yang

tersedia, produk diskon, stok barang yang masih ada, rincian produk yang

diinginkan.

4.2. Saran

Sistem Informasi Pemesanan Barang Pada La Grande Mustafa Pontianak ini

agar dapat dikembangkan lagi ke depannya. Dalam pembuatan web ini ada

beberapa saran-saran masukan dari penulis, antara lain:

1. Setelah berhasilnya pembuatan sistem informasi berbasis web ini

diharapkan dapat digunakan dengan semestinya dan dilakukan perawatan

terhadap sistem yang telah dibuat serta selalu memperbarui informasi-

informasi yang ada di website.

83

84

2. Kekurangan pada web ini masih belum ada pembatalan secara otomatis yang

tersedia pada web ini.

3. Diharapkan juga sistem informasi berbasis web ini agar sistem

keamanannya selalu di tingkatkan untuk kedepannya.

4. Diharapkan kedepannya web ini bisa mengupload data dengan ukuran Byte,

MB, GB yang lebih besar

DAFTAR PUSTAKA

A.M Hirin., dan Virgi. 2011. Cepat Mahir Pemrograman Web dengan PHP dan

MySQL (Level Dasar Sampai Mahir). Jakarta: Prestasi Pustaka.

Anhar. 2010. Panduan Menguasai PHP & MySQL. Media Kita. Jakarta.

Ardanisatya, Niko dan Wimmie Handiwidjojo. 2014. Forum Komunikasi Anggota

Organisasi Berbasis Web Studi Kasus: Organisasi Fire Generation. Diambildari:https://ti.ukdw.ac.id/ojs/index.php/eksis/article/download/

357/139

Arief, Rudiyanto. 2011. Pemograman Web Dinamis Menggunakan PHP dan

MySQL. Yogyakarta: CV Andi Offset.

Feni Agustin, Agus Saputra. 2013. Menyelesaikan Website 12 Juta Secara

Profesional. Jakarta: Asfa.

Indrajani. 2011. Pengantar dan Sitem Basis Data. Jakarta: PT Elex Media

Konputerindo.

Kadir, Addul. 2014. Pengenalan Sistem Informasi Edisi revisi. Yogyakarta: CV

Andi Offset

Kadir, Abdul., dan Terra Ch. Triwahyuni. 2013. Pengantar Teknologi Informasi.

Yogyakarta: Andi.

Ladjamudin. 2013. Analisis dan Desain Sistem Informasi. Yogyakarta: Graha

Ilmu.

Maulana, M.S. 2017. Rancangan Dan Implementasi Aplikasi Web Point Of Sales

Pada Butik Anak “Galery Freya”. Khatulistiwa, Vol. 5 No. 1, pp.30-

35.

http://ejournal.bsi.ac.id/ejurnal/index.php/khatulistiwa/article/view/22

73

Mulia Rahayu, Jurnal Khatulistiqa Informatika, VOL.3,NO.2 Desember 2015.

Rancangan Bangunan Sistem Informasi Nilai Ujian Siswa SMP

Negeri 3 BUMIAYU Berbasis Web.

Purbadian, Yenda. 2015. Aplikasi Penjualan Web Base Dengan PHP Untuk

Panduan Skripsi. Jawa Barat: Asfa.

Rosa A. S., dan M. Shalahuddin. 2010. Java di Web. Bandung: Bandung:

Infornatika.

Rosa A. S., dan M. shalahudin. 2013. Rekayasa Perangkat Lunak. Bandung:

Bandung Informatika.

Rosa A. S., dan M. shalahudin. 2014. Rekayasa Perangkat Lunak. Bandung:

Bandung Informatika.

Simarmata, Janner. 2010. Rekasaya Web. Yogyakarta: Andi.

Sutabri, Tata. 2012. Aplikasi Sistem Informasi. Yogyakarta: Andi.



Sulistivono, Rantno Putra. 2013. Development Using CMS. Yogyakarta: Nuansa

Cendekia.

Sinarmata, Janner. 2007. Peracangan Basis Data. Yogyakarta: Andi.

Sibero, Alexander F.K. 2013. Web Programming Power Pack. Yogyakarta:

Media.com.

Sigit W. Aloysius. 2011. Website Super Canggih Dengan Plugin jQuery. Jakarta

Sealatan: mediakita.

Pahamawaty, Yenny. 2011. Internet Untuk Pemula. Jakarta Timur: Adefale Prima

Cipta.

Zaenal, Ali, 2011. Website Super Keren Dengan WordPress 3.x. Jakarta Selatan:

mediakita.

86

DAFTAR RIWAYAT HIDUP

A. Biodata Mahasiswa

N.I.M : 12145818

Nama Lengkap : Novia Mirantina

Tempat & Tanggal Lahir : Ketapang, 7 November 1996

Alamat Lengkap : Komp. Bali Permai DS. Teluk Kapuas

No.23 Rt/Rw 004/001 Kab. Kubu Raya

B. Riwayat Pendidikan Formal & Non-Formal

1. TK Kartika (Persit) Ketapang, lulus tahun 2002

2. SD Negeri 07 Ketapang, lulus tahun 2008

3. SMP Negeri 03 Ketapang, lulus tahun 2011

4. MAN Ketapang, lulus tahun 2014

C. Riwayat Pengalaman Berorganisasi

1. Anggota Polisi Keamanan Sekolah tahun 2011 s.d 2012

2. Anggota Osis tahun 2014 s.d 2015

Pontianak, 30 Juli 2017

Novia Mirantina

87

Documents

TUGAS AKHIR · Judul Tugas Akhir : Sistem Informasi Pemesanan Barang Pada La Grande Mustafa Pontianak Telah dipertahankan pada periode I-2017 dihadapan penguji dan diterima sebagai