TUGAS AKHIR - repository.bsi.ac.id€¦ · Adapun maksud dari pembuatan Tugas Akhir ini adalah: 1. Memberikan kemudahan untuk menjual dan memasarkan barang berupa kue dengan menggunakan

PERANCANGAN SISTEM INFORMASI PENJUALAN ANEKA

KUE BERBASIS WEB

TUGAS AKHIR

Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma III

NUR FAIZIN

NIM : 12143783

Program Studi Manajemen Informatika

Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika

Jakarta

2017

ABSTRAKSI

Nur Faizin (12143783), Perancangan Sistem Informasi Penjualan Aneka Kue

Berbasis Web

Di era modern ini perkembangan dunia internet semakin meningkat, membuat

masyarakat ingin sesuatu yang bersifat praktis, dan dapat diakses dimanapun dan

kapanpun.Sehingga banyak pelaku usaha yang ingin memperluas penjualan secara

tidak langsung atau tidak langsung bertatap muka dengan pembeli.

Kajian ini bertujuan untuk membangun sebuah website e-commerce pada

penjualan aneka kue yang dibuat dan dikembangkan dengan dengan menggunakan

bahasa pemrograman HTML, CSS, PHP dan MySQL. Website e-commerce

berfungsi untuk memudahkan pembeli untuk dapat membeli produk-produk aneka

kue secara online.

Sistem yang terkomputerisasi lebih baik dari sistem yang manual agar berjalan

lebih efektif dan efesien serta sistem penjualan yang sekarang lebih kondusif

dibandingkan dengan sistem yang terdahulu. Dalam pembuatan website ini sangat

bermanfaat, karena dengan adanya website ini pembeli tidak harus datang

langsung dan antri pada saat berbelanja, dengan adanya menu admin yang dinamis

maka website dapat dengan cepat diperbaharui dan menanggapi segala aktifitas

jual beli. Oleh karena itu kemanan dari data-datanya harus selalu dijaga

Kata kunci: Perancangan Sistem Informasi, Toko Kue

ABSTRACTION

Nur Faizin (12143783), Design of Sales Information Systems Assorted Web-

Based Cake

In this modern era the development of the internet world is increasing, making

people want something that is practical, and can be accessed anywhere and

anytime. So many business actors who want to expand sales indirectly or

indirectly face to face with buyers.

This study aims to build an e-commerce website on the sale of various cakes made

and developed by using the programming language HTML, CSS, PHP and

MySQL. E-commerce website serves to facilitate buyers to be able to buy products

of various cakes online.

The computerized system is better than the manual system to run more effectively

and efficiently and the current sales system is more conducive than the previous

system. In making this website is very useful, because with this website buyers do

not have to come directly and queue at the time of shopping, with a dynamic

admin menu then the website can be quickly updated and respond to all buying

and selling activities. Therefore, the security of the data must always be

maintained.

Keywords: Information System Design, Cake Shop

DAFTAR ISI

Halaman

Lembar Judul Tugas Akhir...................................................................... .......................... i

Lembar Pernyataan Keaslian Tugas Akhir ....................................................................... ii

Lembar Pernyataan Persetujuan Puplikasi Karya Ilmiah ................................................. iii

Lembar Persetujuan dan Pengesahan Tugas Akhir .......................................................... iv

Lembar Konsultasi Tugas Akhir ....................................................................................... v

Kata Pengantar ................................................................................................................ vii

Abstraksi .......................................................................................................................... ix

Daftar Isi........................................................................................................................... xi

Daftar Simbol ................................................................................................................. xiii

Daftar Gambar ................................................................................................................. xv

Daftar Tabel ..................................................................................................................... xi

Daftar Lampiran .............................................................................................................. xii

BAB I PENDAHULUAN ................................................................................................ 1

1.1 Latar Belakang Masalah .................................................................................... 1 2.1 Maksud dan Tujuan............................................................................................ 2 3.1 Metode Penelitian .............................................................................................. 3

4.1 Ruang Lingkup................................................................................................... 5

5.1 Sistematika Penulisan ........................................................................................ 5

BAB II LANDASAN TEORI ........................................................................................ 7

2.1 Konsep Dasar Web ............................................................................................ 7

2.1.1 Website ................................................................................................... 7

2.1.2 Bahasa Pemrograman ............................................................................ 11

2.1.4 Basis Data ........................................................................................... 12

2.1.4 Metode Penhembangan Perangkat Lunak ............................................. 12

2.2 Teori Pendukung .............................................................................................. 15

2.2.1 Struktur Navigasi ................................................................................... 15

2.2.2 Enterprise Relational Diagram .............................................................. 17

2.2.3 Pengujian Web ....................................................................................... 22

BAB III PEMBAHASAN ............................................................................................ 24

3.1. Tinjauan Kasus .............................................................................................. 24

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

3.2.1 Kebutuhan Pengguna ............................................................................. 24

3.2.2 Kebutuhan Sistem .................................................................................. 25

3.3.Perancangan Perangkat Lunak ............................................................................ 25

3.3.1 Rancangan Antar Muka ......................................................................... 25

3.3.2 Rancangan Basis Data ........................................................................... 34

3.3.3 Rancangan Struktur Navigasi ................................................................ 36

3.4.Implementasi Dan Pengujian Unit ...................................................................... 49

3.4.1 Implementasi ........................................................................................ 49

3.4.2 Pengujian Unit ....................................................................................... 57

BAB IV PENUTUP ...................................................................................................... 62

4.1. Kesimpulan ...................................................................................................... 62

4.2. Saran ................................................................................................................ 63

DAFTAR PUSTAKA ................................................................................................... 64

DAFTAR RIWAYAT HIDUP .................................................................................... 66

LAMPIRAN-LAMPIRAN .......................................................................................... 67

DAFTAR SIMBOL

A. ERD (Entity Relationship Diagram)

Entitas atau Objek Data

Kumpulan objek atau sesuatu yang dapat dibedakan

Atau dapat diidentifikasi secara unik.

Relationship

Hubungan yang terjadi antara satu entitas atau lebih.

Kumpulan relationship yang sejenis disebut

Relationship set.

Atribut atau elemen data

Karakteristik dalam entitiy atau relationship yang

Mengerjakan Penjelasan detail tentang entity atau

Relationship atau dengan kata lain adalah kumpulan

Elemen data yang membentuk suatu entitas.

Connection

Digunakan sebagai penghubung entitas yang

Membedakan entitas tersebut dengan entitas

Lainnya.

Simbol Stuktur Navigasi

One To One (Satu Arah) adalah alur data web satu

Arah website.

One To Many (Dua Arah atau lebih) adalah alur

Data web dua arah atau lebih.

Squence adalah data atau menu web.

DAFTAR GAMBAR

Halaman

1. Gambar II.1. Tampilan Adobe Dreamweaver CS3 ................................ 10

2. Gambar II.2. Model Proses Waterfall ..................................................... 13

3. Gambar II.3. Struktur Navigasi Linier .................................................... 15 4. Gambar II.4. Struktur Navigasi Hirarki ................................................. 16 5. Gambar II.5. Struktur Navigasi Non Linier ............................................ 16

6. Gambar II.6. Struktur Navigasi Campuran ............................................. 17

7. Gambar II.7. Relasi ERD (Enterprise Relationship Diagram) ............... 18

8. Gambar II.8. Derajat Relationship (Relationship Degree)…………….. 20

9. Gambar III.1. Rancangan Antar Muka Admin ........................................ 25

10. Gambar III.2. Rancangan Antar Muka Beranda Admin .......................... 26

11. Gambar III.3. Rancangan Antar Muka Kategori Admin .......................... 26

12. Gambar III.4. Rancangan Antar Muka Produk Admin ............................ 27

13. Gambar III.5. Rancangan Antar Muka Kota ............................................ 27

14. Gambar III.6. Rancangan Antar Muka Pelanggan ................................... 28

15. Gambar III.7. Rancangan Antar Muka Komentar ....................................28

16. Gambar III.8. Rancangan Antar Muka Transaksi ..................................... 29

17. Gambar III.9.Rancangan Antar Muka Laporan......................................... 29

18. Gambar III.10. Rancangan Antar Muka Home Pelanggan ....................... 30

19. Gambar III.11. Rancangan Antar Muka Halaman Pemesanan ................. 31

20. Gambar III.12.Rancangan Antar Muka Cara Belanja ............................... 31

21. Gambar III.13.Rancangan Antar Muka Kontak ........................................ 32

22. Gambar III.14.Rancangan Antar Muka Komentar..................................... 32

23. Gambar III.15.Rancangan Antar Muka Akun Pelanggan ......................... 33

24. Gambar III.16.ERD (Entity Relationship Diagram) ................................. 34

25. Gambar III.17.LRS (Logical Relational Structure) .................................. 35

26. Gambar III.18.Struktur Navigasi .............................................................. 36

27. Gambar III.19.Tampilan Login Admin .................................................... 50

28. Gambar III.20.Tampilan Admin .............................................................. 50

29. Gambar III.21.Tampilan Menu Utama ..................................................... 51

30. Gambar III.22.Tampilan Daftar Pelanggan .............................................. 51

31. Gambar III.23.Tampilan Produk .............................................................. 52

32. Gambar III.24.Tampilan Pesanana ........................................................... 52

33. Gambar III.25.Tampilan Konfirmasi ........................................................ 53

34. Gambar III.26.Tampilan Cara Belanja ..................................................... 54 35. Gambar III.27.Tampilan Kontak………………………………………... 54

36. Gambar III.28.Tampilan Komentar……………………………………... 55

37. Gambar III.29.Tampilan Tinggalkan Komentar………………………… 55

DAFTAR TABEL

Halaman

1. Tabel III.1. Spesifikasi Tabel Admin ........................................................38

2. Tabel III.2. Spesifikasi Tabel Detail Transaksi .........................................39

3. Tabel III.3. Spesifikasi Tabel Kategori......................................................40

4. Tabel III.4. Spesifikasi Tabel Komentar....................................................41

5. Tabel III.5. Spesifikasi Tabel Konfirmasi..................................................42

6. Tabel III.6. Spesifikasi Tabel Kota............................................................44

7. Tabel III.7. Spesifikasi TabelPelanggan....................................................45

8. Tabel III.8. Spesifikasi Tabel Produk........................................................46

9. Tabel III.9. Spesifikasi Tabel Sementara...................................................47

10. Tabel III.10. Spesifikasi TabelTransaksi...................................................48

11. Tabel III.11. Pengujian Black Box Testing HalamanLogin……………...57

12. Tabel III.12. Pengujian Black Box Testing FormDaftar………………....58

13. Tabel III.13. Pengujian Black Box Testing Halaman LoginAdmin……...60

DAFTAR LAMPIRAN

Halaman

1. Lampiran A.1. Tampilan Halaman Login Admin................................ 67

2. Lampiran A.2. Tampilan Halaman Admin........................................... 68

3. Lampiran A.3. Tampilan Halaman Menu Utama ................................ 69

4. Lampiran A.4. Tampilan Halaman Daftar Pelanggan ......................... 70

5. Lampiran A.5. Tampilan Halaman Produk ......................................... 71

6. Lampiran A.6. Tampilan Halaman Pesananan .................................... 72

7. Lampiran A.7. Tampilan Halaman Konfirmasi ................................... 73

8. Lampiran A.8. Tampilan Halaman Cara Belanja ................................. 74

9. Lampiran A.9. Tampilan Halaman Kontak .......................................... 75

10. Lampiran A.10. Tampilan Halaman Komentar..................................... 76

11. Lampiran A.11. Tampilan Halaman Tinggalkan Komentar ................. 77

BAB I

PENDAHULUAN

1.1. Latar belakang

Semakin banyaknya perusahaan yang bergerak dibidang makanan atau kue

mendorong lahirnya sebuah persaingan di dunia produksi dan pemasaran produk

perusahaan agar mampu bertahan atau bahkan menguasai. Segala usaha ditempuh

para pengusaha untuk menghadapi pesaing dan mampu menghasilkan keuntungan

bagi pengusaha.

Penjulan kue banyak diperlukan sebagai jamuan para tamu, makanan

selingan di waktu senggang, maupun untuk acara formal sekalipun. Selain praktis

juga dalam segi jenis, rasa dan bentuk yang beragam yang menggugah selera, srta

cocok dibawa sebagi bekal liburan bersama teman atau keluarga. Pemasarannya

masih menggunakan cara yang sangat sederhana dengan pembeli datang langsung

ke pengusaha kue dan dengan media dari mulut ke mulut, dengan cara itu maka

pemasaran tidaklah efektif.

Dengan berkembangnya tekhnologi komputer sebagai sarana pengolahan

data menjadi informasi, maka akan membantu pemilik usaha khususnya didalam

dunia bisnis lebih mudah yaitu melalui media internet, dengan adanya internet

konsumen akan banyak mendapat keuntungan seperti, biaya akan semakin hemat,

proses transaksi lebih cepat, mengatasi waktu dan jangkauan tempat yang jauh.

Dari permasalahan diatas maka penulis ingin menjadikan permasalahan

tersebut sebagai objek penelitian untuk membuat Tugas Akhir dengan judul :

“Perancangan Sistem Informasi Penjulan Aneka Kue Berbasis Web”, yang

diharapkan dengan adanya sistem informasi web ini menjadi lebih efisien dan

efektif untuk melakukan promosi dan penjualan

1.2. Maksud dan Tujuan

Adapun maksud dari pembuatan Tugas Akhir ini adalah:

1. Memberikan kemudahan untuk menjual dan memasarkan barang berupa

kue dengan menggunakan website e-commerce, sehingga pemasaran

menjadi lebih cepat dan efisien dengan cakupan area yang lebih luas.

2. Memberikan kemudahan bagi para pelanggan untuk melakukan

pemesanan kue dengan nyaman melalui internet.

3. Berguna untuk membangun usaha kecil dan menengah yang bergerak

dalam bidang produksi rumahan penjualan kue secara efektif dan efisien.

Adapun tujuan penulis Tugas Akhir ini adalah sebagai salah satu syarat

kelulusan Program Diploma Tiga (DIII) Jurusan Manajemen Informatika di

Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika

(AMIK BSI).

1.3. Metode penelitian

Menjelaskan metode penelitian dan teknik pengumpulan data yang

digunakan untuk penyusunan TA.

A. Metode Pengembangan Perangkat Lunak

Metode yang digunakan pada pengembangan perengkat lunak ini

menggunakan model water fall ( Rosa dan Shalahuddin 2016:28 ) yang terbagi

menjadi 5 tahapan, yaitu :

1. Analisa kebutuhan perangkat lunak

Proses pengumpulan kebutuhan dilakukan secara intensif untuk

mespesifikasikan kebutuhan perangkat lunak agar dapat dipahami

perangkat lunak seperti apa yang dibutuhkan oleh user. Beberapa data

yang dibutuhan untuk menganalisa perangkat lunak ada data pelanggan,

transaksi, detail transaksi, konfirmasi, produk, kota dan kategori.

2. Desain

Desain perangkat lunak adalah proses multi langkah yang fokus pada

desain .pembuatan program perangkat lunak termasuk struktur data,

arsitektur perangkat lunak, representasi antar muka, dan prosedur

pengodean. Dalam pembuatan desain software yang digunakan

menggunakan Aplikasi Dreamweaver CS5, ERD, LRS, dan menggunakan

struktur navigasi linear.

3. Pembuatan kode program

Desain harus ditranslasikan ke dalam program perangkat lunak. Hasil dari

tahap ini adalah program komputer sesuai dengan desain yang telah dibuat

pada tahap desain.Pada tahap pembuatan program menggunakan PHP

script, HTML untuk membuat kode program dan menggunakan database

MySQL.

4. Pengujian

Pengujian fokus pada perangkat lunak secara dari segi lojik dan fungsional

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

meminimalisir kesalahan (error) dan mamastikan keluaran yang dihasilkan

sesuai dengan yang diinginkan. Untuk melakukan pengujian menggunakan

metode black box testing, dilakukan setiap pembuatan program satu demi

satu menggunakan browser setelah xampp diaktifkan unruk bisa

menampilkan halaman web.

5. Pendukung (support) atau pemeliharaan (maintenance)

Tidak menutup kemungkinan sebuah perangkat lunak mengalami

perubahan ketika sudah dikirimkan ke user. Perubahan bisa terjadi karena

adanya kesalahan yang muncul dan tidak terdeteksi saat pengujian atau

perangkat lunak harus beradaptasi dengan lingkungan baru.

B. Teknik Pengumpulan Data

Teknik pengumpulan data yang digunakan oleh penulis dalam melakukan

pengumpulan data untuk pembuatan Tugas Akhir adalah :

1. Pengamatan atau Observasi

Penulis melakukan pengamatan langsung melalui website penjualan yang

berkaitan dengan penjualan secara online dan bagaimana cara menerapkan

dan mengembangkannya agar lebih efektif.

2. Study Pustaka (Library Research)

Penulis juga mencari referensi dari berbagai sumber informasi yang

berkaitan dengan perancangan web tentang e commerce dari buku dan

situs internet untuk dipelajari dan diterapkan dalam sistem perancangan

tersebut.

1.4. Ruang lingkup

Adapun ruang lingkup yang akan dibahas dalam dalam Tugas Akhir ini

adalah penulis membatasi pokok permasalahan yang akan dibahas hanya dalam

penjualan saja. Dimana disini admin dapat melakukan penginputan barang,

melihat jumlah transaksi, report penjualan. Sedangkan disini kostumer hanya

dapat melakukan transaksi, melakukan konfirmasi pembayaran, melihat profil dan

melihat keranjang belanja yang sudah dipesan oleh pelanggan.

1.5. Sistematika Penulisan

Sistematika penulisan ini terdiri 4 bab, dimana setiap bab terdiri dari sub

bab. Adapun sistematika penulisan adalah :

BAB I PENDAHULUAN

Pada bab ini dijelaskan tentang Perancangan Sistem Informasi

Penjualan Aneka Kue Berbasis Web mengenai latar belakang

masalah, maksud dan tujuan penilitan, metode penelitian, ruang

lingkup dan sistematika panulisan yang digunakan dalam

penyusunan Tugas Akhir.

BAB II LANDASAN TEORI

Pada bab ini dijelaskan tentang Perancangan Sistem Informasi

Penjualan Aneka Kue Berbasis Web yang menjelaskan mengenai

dasar- dasar teori yang menjadi pedoman penelitian dan penulisan

Tugas Akhir ini selain itu juga menjelaskan berbagai istilah dan

konsep yang biasa dipakai dalam merancang sebuah website.

Dengan harapan, Tugas Akhir ini akan lebih dipahami oleh

pembaca dan khususnya pengguna atau user

BAB III PEMBAHASAN

Bab ini dijelaskan tentang Perancangan Sistem Informasi Penjualan

Aneka Kue Berbasis Web yang menjelaskan tentang sistem yang

digunakan penulis pada pembuatan penulisan tugas akhir ini yang

meliputi tinjauan kasus pada perancangan sistem website

penjualan,anlisis kebutuhan,perancangan perangkat lunak,

rancangan antar muka, rancangan basis data,rancangan struktur

navigasi serta implementasi dan pengujian unit program.

BAB IV PENUTUP

Pada bab ini merupakan bab terakhir yang berkaitan tentang

Perancangan Sistem Informasi Penjualan Aneka Kue Berbasis Web

dengan saran dan kesimpulan, serta saran-saran yang dicapai bagi

pengembangan dimasa datang untuk menghasilkan sistem yang

optimal.

BAB II

LANDASAN TEORI

2.1. Konsep Dasar Web

Pengertian web sangatlah luas, “sebuah website sangat diperlukan dalam

melakukan suatu kegiatan kerja menggunakan sistem yang sudah

terkomputerisasi. Penggunaan website ini memungkinkan terciptanya kinerja

untuk menghasilkan informasi yang cepat dan efisien ”(Arief;2011).

2.1.1. Website

1. Definisi Internet

Menurut Ahmadi dan Hermawan (2013:68) “internet adalah komunikasi

jaringan komunikasi global yang menghubungkan seluruh komputer di dunia

meskipun berbeda sistem operasi dan mesin”.

Menurut Putra (2015:13) internet dapat diartikan sebagai jaringan

komputer luas dan besar yang mendunia, yaitu menghubungkan pemakai

komputer dari suatu negara ke negara lain di seluruh dunia, dimana di

dalamnya terdapat berbagai sumber daya informasi dari mulai yang statis

hingga yang dinamis hingga interaktif.

2. Website

Menurut Arief (2011:7) Web adalah salah satu aplikasi yang berisikan

dokumen-dokumen multimedia (text, gambar, suara, animasi, video)

didalamnya yang menggunakan protokol HTTP (Hyper Text Transfer

Protokol) dan untuk mengaksesnya menggunakan perangkat lunak yang

yang disebut browser. Beberapa jenis browser yang popular saat ini

diantaranya:Internet Explorer yang yang di produksi oleh Microsoft,

Mozilla Firefox, Opera, dan Safari yang diproduksi oleh Apple.

Menurut Hidayat (2010) Website adalah kumpulan halaman-halaman yang

digunakan untuk menampilkan informasi text, gambar diam atau gerak,

animasi, suara dan gabungan dari semuanya, baik yang bersifat statis

maupun dinamis yang membentuk satu rangkaian bangunan yang saling

terikat dengan jaringan halaman.

Jenis-jenis web menurut Arief (2011:8) dibagi menjadi 2 jenis,yaitu:

1. Web Statis

Adalah web yang isinya tidak berubah-ubah, maksudnya adalah isi dari

dokumen tersebut tidak dapat diubah secara cepat dan mudah. Contohnya

web kumpulan produk animasi

2. Web Dinamis

Adalah web yang isinya dapat berubah-ubah setiap saat contohnya web

organisasi, web berita.

3. Web Server

Menurut Masrur (2016:4) web server adalah suatu program komputer yang

mempunyai tanggung jawab atau tugas menerima permintaan HTTP dari

komputer klien, yang dikenal dengan nama web browser dan melayani

mereka dengan menyediakan respon HTTP berupa konten data, biasanya

berupa halaman web yang terdiri dari dokumen HTML dan objek terkait

seperti gambar dan lain-lain.

Menurut Kurniawan (2008:2) “web sever adalah sebuah perangkat lunak

server yang berfungsi menerima permintaan HTTP dari klien yang di kenal

dengan web browser dan mengirimkan kembali hasilnya dalam halaman-halaman

web yang umumnya berbentuk dokumen HTML”.

4. Web Browser

Menurut Arief (2011:8) “Browser (perambah) adalah aplikasi yang mampu

menjalankan dokumen-dokumen web dengan cara diterjemahkan”.

Menurut Shelly dan Velmaart(2011:81) “web browser atau browser adalah

perangkat lunak aplikasi yang memungkinkan pengguna untuk mengakses dan

melihat halaman web atau mengakses program web 2.0”.

5. E-Commerce

Menurut Sutarman (2009:209) E-commerce adalah singkatan dari

Elektronic Commerce, yaitu pembelian, penjualan dan pertukaran barang

atau layanan dan informasi secara elektronik, yaitu melalui jaringan

komputer terutama internet. E-commerce dapat diartikan dengan sangat

luas, tidak hanya pembelian atau penjualan barang, tetapi juga layanan

terhadap pelanggan, kerjasama dengan rekan bisnis serta mambangun

transaksi secara elektronik antara organisasi.

Jenis-jenis e-commerce sebagai berikut:

a. Collaborative commerce (c-commerce)

Kerja sama secara elektronik antara rekan bisnis. Kerja sama ini biasanya

terjadi antara rekan bisnis yang berada pada jalur penyediaan

barang(supply chain).

b. Business-to-Consumers (B2C)

Penjual adalah suatu organisasi dan pembeli adalah individu.

c. Consumer-to-Businnes (C2B)

Pada jenis ini, konsumen memberitahukan barang atau layanan yang

dibutuhkannya, selanjutnya organisasi-organisasi bersaing untuk

menyediakan barang atau layanan tersebut kepada consume.

d. Consumer-to-Consumer

Penjualan barang atau layanan antara individu.

e. Intrabusinness (intraorganizational) Commerce

Pada jenis ini, organisasi menggunakan e-commerce untuk meningkatkan

kegiatan opersai organisasinya. Hal ini dikenal juga dengan sebutan

Busines-to-Enployeee/G2B).

f. Government-to-Citizens (G2C) and Others

Pemerintah menyediakan layanan kepada masyarakat melalui tekhnologi

e-commerce. Pemerintah juga dapat melakukan bisnis dengan pemerintah

lain (Government-to-Government/G2G), demikian juga dengan organisasi

lain (Government-to-Businnes/G2B).

g. Mobille Commerce (m-commerce)

E-commerce yang dilaksanakan pada lingkungan tanpa kabel (wireless

environment), seperti menggunakan telepon seluler untuk akses internet.

6. Adobe Dreamweaver

Menurut Madcoms (2016:4) Dreamweaver adalah software aplikasi desain

web visual yang biasa dikenal dengan istilah WYSIWYG (What You See

Is What You Get), intinya Anda tidak harus berurusan dengan tag-tag

HTML untuk membuat sebuah situs. Dreamweaver tidak hanya dapat

digunakan oleh para desainer web, namun juga dapat digunakan oleh

programmer untuk membangun halaman interaktif karena Dreamweaver

mendukung pula PHP, Coldfusion, ASP.NET dan lain-lain.

Sumber : Madcoms (2016:4)

Gambar II.1. Tampilan Adobe Dreamweaver

2.1.2 Bahasa Pemrograman

1. HTML (Hyper Text Markup Language)

Menurut Arief (2011:23) HTML atau Hyper Text Markup Language

merupakan salah satu format yang dihunakan dalam pembuatan dokumen

dan aplikasi yang berjalan dihalaman web. Dokumen ini dikenal dengan

sebagai web page. Dokumen HTML merupakan dokumen yang disajikan

pada web browser.

Pengenalan Kode HTML

Sedangkan menurut Masrur (2016:23) HTML (Hyper Text Markup

Language) adalah format standar yang digunakan untuk membuat halaman

web. HTML merupakan subset dari bahasa yang lebih luas, yaitu SGML

antara lain XML (eXtensible Markup Language), SML (Synchronizhed

Multimedia Integration Language) dan MathML (Mathematical Markup

Language).

2. PHP (Page Hypertext Preprocessor)

Menurut Arief (2011:43) “PHP (Page Hypertext Preprocessor) adalah

bahasa server-side scripting yang menyatu dengan HTML untuk membuat

halaman web yang dinamis”.

3. CSS (Cascanding Style Sheets)

Menurut Masrur (2016:24) “CSS (Cascading Style Sheet) merupakan

standar penggunaan dan pembuatan style pada suatu dokumen halaman web”.

4. PhpMyAdmin

Menurut Madcoms (2016:7) ”PhpMyAdmin adalah sebuah aplikasi open

source yang berfungsi untuk memudahkan manajemen MySQL”.

<HTML>

</HTML>

2.1.3. Basis Data

1. Definisi Basis Data

Menurut Wahana (2010:24) “database atau basis data sekumpulan data

yang memiliki hubungan secara logika dan diatur dengan susunan tertentu serta

disimpan dalam media penyimpanan komputer”.

Menurut Rosa dan Shalahudiin (2016:43) Sistem basis data adalah sistem

terkomputerisasi yang tujuan utamanya adalah memelihara data yang

sudah diolah atau informasi dan membuat informasi tersedia saat

dibutuhkan. Pada intinya basis data adalah media untuk menyimpan data

agar dapat diakases dengan mudah dan cepat.

2. SQL (Struqtured Query Language)

Menurut Rosa dan Shalahuddin (2016:46) “SQL (Structural Query

Language) adalah bahasa yang digunakan untuk mengelola data pada RDBMS.

SQL awalnya dikembangkan berdasarkan teori aljabar relasional dan kalkulus”.

3. XAMPP

Menurut Wicaksono (2008:7) menjelaskan bahwa “XAMPP adalah sebuah

software yang berfungsi untuk menjalankan website berbasis PHP dan

menggunakan pengolah data MYSQL di komputer lokal”.

2.1.4. Model Pengembangan Perangkat Lunak

Model yang digunakan pada pengembangan perangkat lunak ini

menggunakan model waterfall. Model SDLC air terjun (waterfall) sering juga

disebut model linear (sequential linear) atau alur hidup klasik (classic life cycle).

Model air terjun menyediakan pendekatan alur hidup perangkat lunak secara

sekuensial atau terurut dimulai dari analisi desain, pengodean, pngujian, dan tahap

pendukung (support). Rosa dan Shalahuddin (2016:28)

Sumber : Rosa dan Shalahuddin (2016:29)

Gambar II.2. Model Waterfall

Model waterfall Rosa dan Shalahuddin (2016:29) pada gambar diatas

setiap langkahnya akan dirinci sebagai berikut :

4. Analisa kebutuhan perangkat lunak

Proses pengumpulan kebutuhan dilakukan secara intensif untuk

mespesifikasikan kebutuhan perangkat lunak agar dapat dipahami

perangkat lunak seperti apa yang dibutuhkan oleh user. Spesifikasi

kebutuhan perangkat lunak pada tahap ini perlu didokumentasikan.

5. Desain

Desain perangkat lunak adalah proses multi langkah yang fokus pada

desain pembuatan program perangkat lunak termasuk struktur data,

arsitektur perangkat lunak, representasi antar muka, dan prosedur

pengodean.

Analisis Desain Pengodean Pengujian

6. Pembuatan kode program

Desain harus ditranslasikan ke dalam program perangkat lunak. Hasil dari

tahap ini adalah program komputer sesuai dengan desain yang telah dibuat

pada tahap desain.

6. Pengujian

Pengujian fokus pada perangkat lunak secara dari segi lojik dan fungsional

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

meminimalisir kesalahan (error) dan mamastikan keluaran yang dihasilkan

sesuai dengan yang diinginkan.

7. Pendukung (support) atau pemeliharaan (maintenance)

Tidak menutup kemungkinan sebuah perangkat lunak mengalami

perubahan ketika sudah dikirimkan ke user. Perubahan bias terjadi karena

adanya kesalahan yang muncul dan tidak terdeteksi saat pengujian atau

perangkat lunak harus beradaptasi dengan lingkungan baru.

Dari kenyataan yang terjadi sangat jarang model air terjun dapat dilakukan

sesuai alurnya karena sebagai berikut :

a. Perubahan spesifikasi perangkat lunak terjadi ditengah alur

pengembangan.

b. Sangat sulit bagi pelanggan untuk mendefinisikan semua spesifikasi

diawal alur pengembangan. Pelanggan sering kali contoh (prototype)

untuk menjabarkan spesifikasi kebutuhan sistem lebih lanjut.

c. Pelanggan tidak mungkin bersabar mengakomodasi perubahan yang

diperlukan di akhir alur pengembangan.

Dengan berbagai kelemahan yang dimiliki model air terjun tapi model ini

telah menjadi dasar dari model-model yang lain dalam melakukan perbaikan

model pengembangan perangkat lunak.

Model air terjun sangat cocok digunakan kebutuhan pelanggan sudah

sangat dipahami dan kemungkinan terjadinya perubahan kebutuhan selama

pengembangan perangkat lunak kecil. Hal positif dari model air terjun adalah

struktur tahap pengembangan sistem jelas, dokumentasi dihasilkan di setiap tahap

pengembangan, dan sebuah tahap dijalankan setelah tahap sesbelumnya selesai

dijalankan (tidak ada tumpang tindih pelaksanaan tahap).

2.2. Teori Pendukung

2.2.1 Struktur Navigasi

Menurut Binanto (2010:268) “Struktur navigasi adalah gabungan dari struktur referensi informasi situs web dan mekanisme link yang mendukung

pengunjung untuk melakukan penjelajahan situs”.

Menurut Binanto (2010:269) ada empat macam bentuk dasar dari struktur navigasi yang biasa digunakan yaitu:

1. Struktur navigasi linear

Pengguna akan melakukan navigasi secara berurutan, dari frame atau byte informasi ke informasi lainnya.

Sumber: Binanto (2010:269)

Gambar II.3. Struktur Navigasi Linear

2. Struktur Navigasi Hirarki

Struktur dasar ini disebut juga struktur “linear dengan percabangan”

karena pengguna melakukan navigasi di sepanjang cabang pohon struktur yang

terbentuk oleh logika isi.


Gambar II.4. Struktur Navigasi Hirarki

3. Struktur Navigasi Non-Linear

Pengguna akan melakukan navigasi dengan bebas melalui isi proyek

dengan tidak terkait dengan jalur yang sudah ditentukan sebelunnya.


Gambar II.5. Struktur Navigasi Non-Linear

4. Struktur Navigasi Campuran (Composite)

Pengguna akan melakukan navigasi dengan bebas (secara non linear),

tetapi terkadang dibatasi presentasi linear film atau informasi penting dan atau

pada data yang paling terorganisasi secara logis pada suatu hirarki


Gambar II.6. Struktur Navigasi Campuran (Composite)

2.2.2. ERD (Entity Relationship Diagram)

1. Definisi ERD (Enterprise Relationship Diagram)

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

yang paling banyak digunakan adalah menggunakan Entity Relationshp Diagram

(ERD). ERD dikembangkan berdasarkan teori himpunan dalam bidang

matematika”.

Simbol-simbol ERD (Entity Relationship Diagram):

simbol Keterangan

entitas/entity Entitas merupakan data inti yang akan

disimpan;bakal table pada basisi data; benda yang

memiliki data dan harus disimpan datanya agar dapat

diakses oleh aplikasi komputer; penamaan entitas

biasanya lebih ke kata benda dan belum merupakan

nama table

atribut Field atau kolom data yang butuh disimpan dalam

suatu entitas

atribut kunci primer Field atau kolom yang butuh disimpan dalam suatu

entitas dan digunakan sebagai kunci akses record

yang diinginkan; biasanya berupa id; kunci primer

dapat lebih dari satu kolom, asalkan kombinasi dari

beberapa kolom tersebut daoat bersifat unik (berbeda

tanpa ada yang sama)

atribut multi nilai/multivalue

Field atau kolom data yang butuh disimpan dalam

suatu entitas yang dapat memiliki nilai lebih dari satu

Sumber : Rosa dan Shalahuddin (2016:50)

Gambar II.7. Tabel ERD

Relasi

Relasi yang menghubungkan antar entitas; biasanya

diawali dengan kata kerja

Asosiai/association

Penghubung antara relasi dan entitas dimana di

kedua ujungnya memiliki multiplicity kemungkinan

jumlah pemakain

Kemungkinan jumlah maksimum keterhubungan

antar entitas satu dengan entitas yang lain disebut

dengan kardinalitas

Nama_entitas

Nama_kunci_primer

Nama_atribut

Nama_atribut

Nama_relasi

2. Komponen ERD (Entity Relationship Diagram)

Komponen Entity Relationship Diagram menurut Sutanta (2011:91)

adalah sebagai berikut :

a. Entitas-entitas merupakan suatu objek yang dapat dibedakan dari lainnya

yang dapat diwujudkan dalam basis data. Objek dasar dapat berupa orang,

benda, atau hal yang keterangannya perlu disimpan di dalam basis data.

Untuk menggambarkan sebuah entitas digunakanaturan sebagai berikut:

1) Entitas dinyatakan dengan simbol persegi panjang.

2) Nama entitas dituliskan di dalam simbol persegi panjang.

3) Nama entitas berupa kata benda tunggal.

4) Nama entitas sedapat mungkin menggunakan nama yang mudah

dipahami dan dapat menyatakan maknanya dengan jelas.

b. Atribut atribut merupakan keterangan-keterangan yang terikat pada sebuah

entitas yang perlu disimpan dalam basis data. Atribut berfungsi sebagai

penjelas pada sebuah entitas. Untuk menggambarkan atribut digunakan

aturan sebagai berikut:

1) Atribut digambarkan dengan simbol ellips.

2) Nama atribut dituliskan di dalam simbol ellips.

3) Nama atribut merupakan kata benda tunggal.

4) Nama atribut sedapat mungkin menggunakan nama yang mudah


c. Relasi relasi merupakan hubungan antara sejumlah entitas yang berasal

dari himpunan entitas yang berbeda. Aturan penggambaran relasi adalah

sebagai berikut:

1) Relasi dinyatakan dengan simbol belah ketupat.

2) Nama relasi dituliskan dalam simbol belah ketupat.

3) Nama relasi berupa kata kerja aktif.

4) Nama relasi sedapat mungkin menggunakan nama yang mudah


3. Derajat Relationship (Relationship Degree)

Menurut Zulfikar (2010:35) “Derajat Relationship merupakan jumlah

entity yang berpartisipasi dalam suatu relationship”. Terdapat tiga jenis derajat

dari relationship yaitu: derajat satu (Unary Degree), derajat dua (Binary Degree),

dan derajat tiga (Ternary Degree).

a. Derajat satu (Unary Degree)

b. Derajat dua (Binary Degree)

c. Derajat tiga (Ternary Degree)

Sumber : Zulfikar (2010:35)

Gambar II.8. Derajat Relationship

Perbedaan utama dari ketiga tingkatan ini adalah, Unary Degree hanya

memproses satu proses dan langsung menyelesaikannya. Lain halnya dengan

Pegawai

Lapor

Pegawai

Kerja

Departemen

Pegawai

Kerja

Proyek

Kota

Binary Degree melakukan proses melalui perantara dan melalui suatu kerja

kemudian menghasilkan output. Sedangkan Ternary Degree dari proses awal

terdapat dua alfernatif pilihan yang dapat dipilih. Sehingga output yang

didapatkan bisa lebih dari satu.

4. LRS (Logical Record Structure)

Menurut Lestari (2013) “Logical Record Structure dibentuk dengan nomor

tipe record. Beberapa tipe record digambarkan oleh kotak empat persegi panjang

dan dengan nama yang unik”.

Perbedaan LRS dengan ERD dan tipe record berada diluar field tipe

record ditempatkan. LRS terdiri dari link-link diantara tipe record. Link ini

menunjukkan arah dari satu tipe record lainnya.Banyak link dari LRS yang diberi

tanda field-field yang kelihatan pada kedua link type record. Penggambaran LRS

mulai dengan menggunakan model yang dimengerti. Dua metode yang dapat

digunakan, dimulai dengan hubungan kedua model yang dapat dikonversikan ke

LRS.Metode yang lain dimulai dengan Entity Relationship Diagram dan langsung

dikonversikan ke LRS.

Berikut tahapan transformasi ERD ke LRS menurut Wulandari (2013:15-16)

a. Konversi ERD ke LRS,Entity Relationship Diagram harus diubah ke

bentuk LRS (struktur record secara logic). Dari bentuk LRS inilah yang

nantinya dapat ditransformasikan ke bentuk relasi tabel.

b. Konversi ERD ke LRS sebuah model sistem yang digambarkan dengan

sebuah model sistem yang digambarkan dengan sebuah ERD akan

mengikuti pola pemodelan tertentu. Dalam kaitannya dengan konversi ke

LRS, untuk perubahan yang terjadi adalah mengikuti aturan-aturan

berikut:

1) Setiap entitas diubah kebentuk kotak dengan nama entitas, berada diluar

kotak dan atribut berada didalam kotak.

2) Sebuah relationship kadang disatukan, dalam sebuah kotak bersama

entitas,kadang sebuah kotak bersama-sama dengan entitas, kadang

disatukan dalam sebuah kotak tersendiri.

3) Konversi LRS ke relasi tabel atau tabel adalah bentuk pernyataan data

secara grafis dimensi,yang terdiri dari kolom dan baris. Relasi adalah

bentuk visual dari sebuah file, dan tiap tuple dalam sebuah field, atau

dalam bentuk lingkaran Diagram Entity Relationship dikenal dengan

sebutan atribut.

2.2.3. Pengujian Web

1. Definisi Pengujian Web

Menurut Rosa dan Shalahuddin (2016:271) “sebuah perangkat lunak perlu

dijaga kualitasnya bahwa kualitas bergantung kepada kepuasan pelanggan

(customer)”. Kualitas perangkat lunak perlu dijaga untuk keperluan sebagai

berikut:

1. Agar dapat “survive” bertahan hidup di dunia bisnis perangkat lunak.

2. Dapat bersaing dengan perangkat lunak yang lain.

3. Penting untuk pemasaran global (global marketing) dan meningkatkan

keuntungan.

Sering perangkat lunak mengandung kesalahan (error) pada proses-proses

tertentu pada saat perangkat lunak sudah berada ditangan user. Kesalahan-

kesalahan (error) pada perangkat lunak ini sering disebut dengan “bug”. Untuk

menghindari banyaknya bug maka diperlukan adanya pengujian perangkat lunak

sebelum perangkat lunak diberikan ke pelanggan atau selama perangkat lunak

masih terus dikembangkan.

2. Black-Box Testing (pengujian kotak hitam)

Menguji perangkat lunak dari segi spesifikasi fungsional tanpa menguji

desain dan kode program. Pengujian dimaksudkan untuk mengetahui apakah

fungsi-fungsi, masukan, dan keluaran dari perangkat lunak sesui dengan

spesifikasi yang dibutuhkan.

Pengujian kotak hitam dilakukan dengan membuat kasus uji yang bersifat

mencoba semua fungsi dengan memakai perangkat lunak apakah sesuai dengan

spesifikasi yang dibutuhkan. Kasus uji yang dibuat untuk melakukan pengujian

kotak hitam harus dibuat dengan kasus benar dan kasus salah, misalkan untuk

kasus proses login maka kasus uji yang dibuat adalah :

a. Jika user memasukkan nama pemakai (username) dan kata sandi

(password) yang benar.

b. Jika user memasukkan nama pemakai (username) dan kata sandi

(password) yang salah, misalnya nama pemakai benar tapi kata sandi

salah, atau sebaliknya, atau keduanya salah.

BAB III

ANALISA SISTEM BERJALAN

3.1. Tinjauan Kasus

Dalam menjalankan usaha seperti penjualan yang masih menggunakan

sistem secara tradisional maupun manual, pasti akan banyak kendala dan masalah

yang akan dihadapi oleh penjual dalam memasarkan produknya.

Media internet merupakan salah satu cara yang efektif dalam

mempromosikan suatu produknya.

Dengan adanya permasalan tersebut disini penulis mencoba merancang

website penjualan secara online agar dalam hal penjualan lebih cepat dan efisien

sehingga pengolahan data akan semakin cepat dan tepat.Meskipun biaya yang

dikeluarkan besar tapi sebanding dengan kemudahan serta manfaat positif yang

akan diperoleh.

3.2. Analisa Kebutuhan

3.2.1 Kebutuhan Pengguna

memudahkan dalam mendapatkan informasi tentang penjualan kue secara

online dan pembelian produk pada website tersebut.

1. Kebutuhan User

a. Mempermudah dalam hal pemesanan kue.

b. Mempermudah pengiriman kue kepada konsumen.

c. Mempermudah konsumen mengenal produk kue kami.

2. Kebutuhan Admin

a. Memasukkan produk kue terbaru dari website.

b. Menghapus produk dari website.

c. Mengubah produk melalui website.

3.3.1 Kebutuhan Sistem

a. Pembeli sebelum login harus daftar terlebih dahulu.

b. Pembeli setelah daftar bisa melakukan login untuk menjadi member,.

c. Pembeli setelah menjadi member bisa membeli dan memesan barang di

produk kami.

d. Setelah membeli dan memesan barang di produk kami pembeli melakukan

transaksi dengan mengisi data pemesanan setelah itu konfirmasi ke Toko

Kue Onlne dan transaksi telah selesai dilakukan oleh pembeli.

3.3. Perancangan Perangkat Lunak

3.3.1 Perancangan Antar Muka

Menjelaskan rancangan antar muka (interface) yang terdapat pada sistem

informasi penjualan pada toko aneka kue yaitu :

1. Rancangan Antar Muka Halaman Admin

a. Rancangan Antar Muka Login Admin

Halaman login merupakan akses untuk masuk ke menu administrator

Gambar III.1.Rancangan Antar Muka Admin

User Name

Password

Login Administrator

Masuk Close

b. Rancangan Antar Muka Beranda Admin

Menampilkan halaman pertama yang ditampilkan pada menu admin

Gambar III.2 Rancangan Antar Muka Beranda Admin

c. Rancangan Antar Muka Tambah Kategori Admin

Menampilkan data kategori jenis-jenis kue pada menu admin

Gambar III.3 Rancangan Antar Muka Kategori Admin

No Kategori

Nama Kategori

Simpan Batal

Home Kategori Produk Kota Komentar Pelanggan Transaksi Laporan Keluar

Picture

d. Rancangan Antar Muka Tambah Produk Admin

Menampilkan data produk kue yang dijual seperti kategori, nama barang,

harga, stok, dan deskripsi produk.

Gambar III.4 Rancangan Antar Muka Produk Admin

e. Rancangan Tambah Kota Menu Admin

Menampilkan data kota tujuan pemesanan dan biaya.

Gambar III.5 Rancangan Antar Muka Kota

No. Produk

Kategori

Nama Barang

Harga

Stok

Deskripsi

Gambar

Simpan Batal

Browse

No Kota

Nama Kota

Biaya

Simpan Batal

f. Rancangan Antar Muka Pelanggan Admin

Menampilkan data nama pelanggan yang sudah mendaftar sebagai member.

Gambar III.6 Rancangan Antar Muka Pelanggan

g. Rancangan Antar Muka Komentar Admin

Menampilkan tabel komentar yang dituliskan oleh member.

Gambar III.7 Rancangan Antar Muka Komentar

No Pelanggan Nama

Email Alamat Cari

No Komentar Komentar Cari

No.Pelanggan Nama Alamat No.Telp Email Password Tindakan

No.Komentar No.Pelanggan Komentar Status Tindakan

h. Rancangan Antar Muka Transaksi

Menampilkan data transaksi pembayaran konsumen untuk dikonfirmasi

Gambar III.8 Rancangan Antar Muka Transaksi

i. Rancangan Antar Muka Laporan

Menampilan data laporan penjualan pada menu admin

Gambar III.9 Rancangan Antar Muka Laporan

Data Laporan

Bulan

Tahun

Tampilkan

No Transaksi Cari

No.Trans Tanggal Total Alamat Nama Kota Status Trans No.Konfirasi PembKonfirmasi

No Transaksi No Pelanggan Total Harga Total Transaksi

2. Rancangan Antar Muka Halaman Pelanggan

Halaman ini adalah halaman yang pertama kali muncul apabila konsumen

sudah masuk dan daftar pada website ini. Dalam halaman ini pelanggan

dapat melihat produk dan kategori yang dijual.

a. Halaman Home Pelanggan

Halaman yang pertama kali muncul saat pelanggan masuk dan

menampilkan daftar produk yang dijual

Gambar III.10 Rancangan Antar Muka Home Pelanggan

Image image image

image image image

image image image

Kategori

BCA

NO REK

b. Halaman Pesanan Pelanggan

Untuk menampilkan daftar pesanan pelanggan yang sudah dibeli dan

terkonfirmasi.

Gambar III.11 Rancangan Antar Muka Halaman Pemesanan

c. Halaman Cara Belanja Pelanggan

Menampilkan tata cara belanja di toko kue kami bagi para pelanggan.

Gambar III.12 Rancangan Antar Muka Cara Belanja

No Transaksi

Tanggal

Total

Alamat Pengiriman

Nama Kota

Status Transaksi

No Konf Pembayaran

Konfirmasi

Pembayaran

Terima Bayar

Terima Barang

kategori

BCA

NO REK

Home /Cara Belanja

d. Rancangan Antar Muka Kontak

Gambar III.13 Rancangan Antar Muka Kontak

e. Rancangan Antar Muka Komentar

Untuk menampilkan tampilan komentar yang ditulis oleh pelanggan.

Gambar III.14 Rancangan Antar Muka Komentar

kategori

BCA

NO REK

Home/Kontak

Kategori

BCA

NO REK

Home/Komentar

Tinggalkan komentar

No komentar Nama Komentar

f. Rancangan Antar Muka Akun Pelanggan

Untuk menampilkan akun pelanggan seperti nama, alamat, no telepon,

email, dan password pelanggan.

Gambar III.15 Rancangan Antar Muka Akun Pelanggan

Kategori

BCA

NO REK

No Pelanggan

Nama

Alamat

No Telp

Email

Password

Home/Akun

Ubah

3.3.2 Basis Data

Perancangan basis data menghasilkan pemetaan tabel-tabel yang

digambarkan dengan ERD (Entity Relationship Diagram).

A. ERD (Entity Relationship Diagram)

Transaksi

kd_transaksi

tgl_transaksi

total_harga

detail_transaksi mempunyai

mempunyai

produk

mempunyai

kategori

kota

konfirmasi

mempunyai

pelanggan melakukan

melakukan

M

1

1

1

1

1

1

1

1

M1

no_pelanggan

slamat_kirim

status_transaksi

no_konfirmasi

no_kota

status_pembayaran

no_pelanggan

nama

alamat

no_telepon

email

password

no_transaksi

no_produkjumlah

subtotal

no_konfirmasi

no_rekening

bank

bank_tujuan

no_transaksi

jumlah_transfer

status_pembayaran

no_kota

nama_kotabiaya

no_produk

no_kategori

nama_barang

harga

stok

gambar

deskripsi

no_kategori

nama_kategori

Gambar III.16 ERD

Pembayaran

Terima bayar

Terima barang

B. LRS(Logical Relational Structure)

transaksi

kd_transaksi

tgl_transaksi

total_harga

kd_pelanggan

alamat_kirim

status_transaksi

kd_konfirmasi

kd_kota

status_pembayaran

detail_transaksi

kd_transaksi

kd_produk

jumlah

subtotal

produk

kd_produk

kd_kategori

nama_barang

harga

stock

gambar

deskripsi

kategori

kd_kategori

nm_kategori

kota

kd_kota

nm_kota

biaya

konfirmasi

kd_konfirmasi

no_rekening

bank

bank_tujuan

kd_transaksi

jumlah_transfer

status_pembayaran

pelanggan

kd_pelanggan

nama

alamat

no_telp

email

password

1

M

1

1

11

1

M

1 1

1

Gambar III.17 LRS

3.3.3 Rancangan Struktur Navigasi

Gambar III.18 Struktur Navigasi

Login

Admin

Home kategori

Produk Kota Pelanggan komentar Transaksi laporan

Cari kota Cari

pelanggan

Cari

komentar Cari

transaksi Tampilkan

laporan

Halaman Utama

Search Home Cara

belanja Kontak Komentar Masuk Daftar

Tampilan

Produk

Tampilan

cara

belanja

Tampilan

kontak

Tampilan

komentar

Tampilan

daftar

Tampi

lan

masuk

Tambah

kota

Edit kota

Hapus

pelanggan Konfirmasi

pembayaran

keluar

Cari

kategori

Tambah

kategori

Edit

kategori

Hapus

kategori

Cari produk

Tambah

produk

Edit produk

Hapus

produk

Hapus

kota

Ubah

komentar

Hapus

komentar

C. Spesifikasi File

Menjelaskan tentang file atau tabel yang terbentuk dari transformasi ERD

(dan atau file-file penunjang untuk web). File-file ini tersimpan pada nama

Database dengan parameter-parameter sbb :

Contoh spesifikasi file :

1. Spesifikasi File Admin

Nama File : Admin

Akronim : admin.MYD

Fungsi : sebagai tempat menyimpan data pelanggan

Tipe File : File Master

Organisasi File : Indexed Squential

Akses File : Random

Media : Harddisk

Panjang Record : 20 Karakter

Kunci Field : user name

Software :MySQL

Tabel III.1

Spesifikasi Tabel Admin

No Elemen Data Nama Field Tipe Size Keterangan

1 Nama Pengguna User name Varchar 10 PrimaryKey

2 Password Password Varchar 10

2. Spesifikasi File Detail Transaksi

Nama File : Detail Transaksi

Akronim : detail_transaksi.MYD

Fungsi :sebagai tempat menyimpan data transaksi

penjualan



Akses File : Random

Media : Harddisk


Kunci Field :

Software :MySQL

Tabel III.2

Spesifikasi Tabel Detail Transaksi


1 No Transaksi no_transaksi Varchar 15

2 No Produk no_produk Varchar 8

3 Jumlah Jumlah Integer 11

4 Sub Total Subtotal double

3. Spesifikasi File Kategori

Nama File : Kategori

Akronim : kategori.MYD

Fungsi : sebagai tempat menyimpan data kategori



Akses File : Random

Media : Harddisk


Kunci Field : no_kategori

Software :MySQL

Tabel III.3

Spesifikasi Tabel Kategori


1 No Kategori no_kategori Varchar 10 PrimaryKey

2 Nama Kategori nama_kategori Varchar 15

4. Spesifikasi File Komentar

Nama File : Komentar

Akronim : kategori.MYD

Fungsi : sebagai tempat menyimpan data komentar

konsumen



Akses File : Random

Media : Harddisk


Kunci Field : no_komentar

Software :MySQL

Tabel III.4

Spesifikasi Tabel Komentar


1 No Komentar no_transaksi Varchar 10 Primary key

2 No Pelanggan no_pelanggan Varchar 10

3 Komentar Komentar text

4 Status Status varchar 10

5. Spesifikasi File Konfirmasi

Nama File : Konfirmasi

Akronim : konfirmasi.MYD

Fungsi : sebagai tempat menyimpan data konfirmasi



Akses File : Random

Media : Harddisk


Kunci Field : no_transaksi

Software :MySQL

Tabel III.5

Spesifikasi Tabel Konfirmasi


1 No Konfirmasi no_konfirmasi Varchar 8 Primary key

2 No Rekening no_rekening Varchar 15

3 Bank Bank varchar 25

4 Bank Tujuan bank_tujuan varchar 11

5 No Transaksi no_transaksi varchar 15

6 Jumlah

Transfer

jumlah_transfer double

7 Status

Pembayaran

status_pembayaran varchar 10

6. Spesifikasi File Kota

Nama File : Kota

Akronim : kota.MYD

Fungsi : sebagai tempat menyimpan data kota pemesanan



Akses File : Random

Media : Harddisk


Kunci Field : no_konfirmasi

Software :MySQL

Tabel III.6

Spesifikasi Tabel Kota


1 No Kota no_kota Varchar 5 Primary key

2 Nama Kota nama_kota Varchar 25

3 Biaya biaya double

7. Spesifikasi File Pelanggan

Nama File : Pelanggan

Akronim : pelanggan.MYD

Fungsi : sebagai tempat menyimpan data pelanggan



Akses File : Random

Media : Harddisk


Kunci Field : no_pelanggan

Software :MySQL

Tabel III.7

Spesifikasi Tabel Pelanggan


1 No Pelanggan no_pelanggan Varchar 8 Primary key

2 Nama Nama Varchar 15

3 Alamat alamat Varchar 50

4 No Telepon no_telepon Varchar 12

5 Email Email Varchar 25

6 Password password Varchar 10

8. Spesifikasi File Produk

Nama File : Produk

Akronim : produk.MYD

Fungsi : sebagai tempat menyimpan data produk



Akses File : Random

Media : Harddisk


Kunci Field : no_produk

Software :MySQL

Tabel III.8

Spesifikasi Tabel Produk


1 No Produk no_produk Varchar 8 Primary key

2 No Kategori no_kategori Varchar 5

3 Nama_Barang nama_barang Varchar 25

4 Harga Harga Double

5 Stock Stock Int 11

6 Gambar gambar Varchar 50

7 Deskripsi deskripsi Text

9. Spesifikasi File Sementara

Nama File : sementara

Akronim : sementara.MYD

Fungsi : sebagai tempat menyimpan data sementara



Akses File : Random

Media : Harddisk


Kunci Field : no

Software :MySQL

Tabel III.9

Spesifikasi Tabel Sementara


1 No no Int 11 Primary key

2 No Transaksi no_transaksi Varchar 15

3 No_Produk no_produk Varchar 10

4 Jumlah jumlah Int 11

5 Sub Total subtotal Double

6 Stock stock Int 11

10. Spesifikasi File Transaksi

Nama File : transaksi

Akronim : transaksi.MYD

Fungsi : sebagai tempat menyimpan data transaksi



Akses File : Random

Media : Harddisk


Kunci Field : no_transaksi

Software :MySQL

Tabel III.10

Spesifikasi Tabel Transaksi


1 No Transaksi no_transaksi Varchar 15 Primary key

2 Tanggal tgl_transaksi Date

Transaksi

3 Total Harga total_harga Double

4 No Pelanggan no_pelanggan Varchar 10

5 Alamat Kirim alamat_kirim Varchar 50

6 Status

Transaksi

status_transaksi Varchar 15

7 No Konfirmasi no_konfirmasi Varchar 8

8 No Kota no_kota Varchar 5

9 Status

Pembayaran

status_pembayaran Varchar 15

3.4. Implementasi dan Pengujian Unit

3.4.1. Implementasi

A. Implementasi Antar Muka

Implementasi rancangan antar muka pada aplikasi e-commerce

berdasarkan hasil rancangan antar muka.

1. Halaman Login Admin

Berfungsi untuk masuk ke halaman awal admin

Gambar III.19

Login Admin

2. Tampilan Admin

Tampilan awal pada saat pertama kali admin berhasil masuk ke halaman

utama.

Gambar III.20

Tampilan Admin

3. Tampilan Menu Utama

Merupakan tampilan menu utama yang menampilkan berbagai produk kue

yang dijual di toko kue online.

Gambar III.21

Tampilan Menu Utama

4. Tampilan Daftar Pelanggan

Merupakan tampilan halaman awal pelanggan yang akan masuk dan sudah

terdaftar sebagai pelanggan di toko kue.

Gambar III.22

Tampilan Daftar Pelangan

5. Tampilan Produk

Menampilan berbagai aneka produk kue yang dijual di toko kue online.

Gambar III.23

Tampilan Produk

6. Tampilan Pesanan

Menampilkan daftar pesanan pelanggan yang sudah terkonfirmasi dan

sudah diterima.

Gambar III.24

Tampilan Pesanan

7. Tampilan Konfirmasi

Menampilkan data konfirmasi yang harus diisi oleh pelanggan pada saat

selesai melakukan pembelian produk.

Gambar III.25

Tampilan Konfirmasi

8. Tampilan Cara Belanja

Menampilkan tata cara dan urutan belanja di toko kue online.

Gambar III.26

Tampilan Cara Belanja

9. Tampilan Kontak

Menampilkan data pemilik toko kue online seperti nama,alamat dan no

telepon yang dapat dihubungi oleh pelanggan.

Gambar III.27

Tampilan Kontak

10. Tampilan Komentar

Gambar III.28

Tampilan Komentar

11. Tampilan Tinggalkan Komentar

Gambar III.29

Tampilan Tinggalkan Komentar

B. Spesifikasi Sistem Komputer

Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum

yang dibutuhkan untuk mengimplementasikan aplikasi e-Learning untuk sekolah

menengah dan sederajat.

Contoh spesifikasi sistem komputer :

1. Spesifikasi Perangkat Keras

a. Server

1) CPU

(a) Processor Intel® Pentium® Core 2 Duo

(b) RAM DDR2 4 GB

(c) Hard Disk 500 GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024x768

5) Koneksi internet dengan kecepatan 2 Mbps.

b. Client

1) CPU

(a) Processor Intel® Pentium® 4

(b) RAM DDR2 1GB

(c) Hard Disk 20 GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024x768

5) Koneksi internet dengan kecepatan 56 kbps.

2. Spesifikasi Perangkat Lunak

1. Server

a. Sistem operasi yang umum digunakan seperti: Microsoft Windows atau

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

b. Aplikasi bundle web server seperti: Xampp, WampServer, php2triad yang

terdiri dari beberapa komponen, diantaranya:

(1) Aplikasi Apache Server v2

(2) Aplikasi PHP Server v5

(3) Aplikasi MySQL Server v5

(4) Aplikasi phpMyAdmin v3

c. Aplikasi Web Lihatr seperti Mozilla Firefox, Opera, Safari, Internet

Explorer, Google Chrome.

2. Client

a. Sistem operasi yang umum digunakan seperti: Microsoft Windows atau

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

b. Aplikasi web browser seperti Mozilla Firefox, Opera, Safari, Internet

Explorer, Google Chrome.

3.4.2 Pengujian Unit

Pengujian terhadap program yang dibuat menggunakan blackbox testing

yang fokus terhadap proses masukan dan keluaran program.

Contoh Pengujian Unit :

A. Pengujian Terhadap Form Login

Tabel III.11

Hasil Pengujian Black Box Testing Halaman Login

No. Skenario

pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1. User Id dan

password tidak

diisi kemudian

klik tombol

login

User Id : (kosong)

Password: (kosong)

Sistem akan

menolak akses user

dan menampilkan

“No pelanggan

harus disi,

password harus

diisi”

Sesuai

harapan Valid

2. Mengetikkan

user ID dan

password tidak

diisi atau

kosong

kemudian klik

tombol login

User ID: PEL002

Password :

(kosong)

Sistem akan

menolak akses user

dan menampilkan

“Password harus

diisi”

Sesuai

harapan Valid

3. User ID tidak

diisi (kosong)

dan password

diisi kemudian

klik tombol

login

User Id: (kosong)

Password: 1998-03-

31

Sistem akan

menolak akses user

dan menampilkan

“No pelanggan

harus diisi”

Sesuai

harapan Valid

4. Mengetikkan

salah satu

kondisi salah

pada user ID

atau password

kemudian klik

tombol login

User ID: PEL002

(benar)

Password: 1998-03-

31 (salah)

Sistem akan

menolak akses user

dan menampilkan

“Eror object not

found”.

Sesuai

harapan

Valid

5. Mengetikkan

user ID dan

password

dengan data

yang benar

kemudian klik

tombol login

User ID:

PEL002(benar)

Password:

hanyaaku(benar)

Sistem menerima

akses login dan

kemudian langsung

menampilkan

menu utama.

Sesuai

harapan

Valid

B. Pengujian Terhadap Form Daftar

Tabel III.12

Hasil Pengujian Black Box Testing Form Daftar

No. Skenario

pengujian


diharapkan

Hasil

pengujian

Kesimpulan

1. Nama,alamat, Nama : (kosong) Sistem akan

menolak akses

Sesuai

harapan Valid

No telp,email,

Password tidak

diisi,kemudian

pilih daftar

Alamat: (kosong)

No telp:(kosong)

Email :(kosong)

Password :(kosong)

user dan

menampilkan

“nama harus

diisi,alamat

harus diisi,no

telp harus

diisi,email harus

diisi, dan

password harus

diisi”

2. Alamat,

No telp,email,

Password tidak

diisi,kemudian

pilih daftar

Nama : nur

Alamat: (kosong)

No telp:(kosong)

Email :(kosong)

Password :(kosong)

Sistem akan

menolak akses

user dan

menampilkan

“alamat harus

diisi,no telp

harus diisi,email

harus diisi, dan

password harus

diisi”

Sesuai

harapan Valid

3. No telp,email,

Password tidak

diisi,kemudian

pilih daftar

Nama : nur

Alamat: kebumen

No telp:(kosong)

Email :(kosong)

Password :(kosong)

Sistem akan

menolak akses

user dan

menampilkan

“No telp harus

diisi,email harus

diisi, dan

password harus

diisi”

Sesuai

harapan Valid

4. Email

dan,Password

tidak

diisi,kemudian

pilih daftar

Nama : nur

Alamat: kebumen

No telp:083806555145

Email :(kosong)

Password :(kosong)

Sistem akan

menolak akses

user dan

menampilkan

email harus

diisi, dan

password harus

diisi”

Sesuai

harapan

Valid

5. Password tidak

diisi,kemudian

Nama : nur Sistem akan

menolak akses

Sesuai Valid

pilih daftar Alamat: kebumen

No telp:083806555145

Email:[email protected]

Password :(kosong)

user dan

menampilkan

password harus

diisi”

harapan

6 Nama,alamat,

No telp,email,

Password

diisi,kemudian

pilih daftar

Nama : nur

Alamat: kebumen

No telp:083806555145

Email:[email protected]

Password :hanyaaku

Sistem akan

menerima user

sebagai

konsumen baru

dan

menampilkan

anda telah

terdaftar

Sesuai

harapan

Valid

C. Pengujian Terhadap Form Login Admin

Tabel III.13

Hasil Pengujian Black Box Testing Halaman Login Admin

No. Skenario

pengujian


diharapkan

Hasil

pengujian

Kesimpulan

1. User name dan

password tidak

diisi kemudian

klik tombol

login

Username

:(kosong)

Password: (kosong)

Sistem akan

menolak akses user

dan menampilkan

“user name harus

diisi, password

harus diisi”

Sesuai

harapan Valid

2. Mengetikkan

user name dan

password tidak

User name: admin

Password :(kosong)

Sistem akan

menolak akses user

dan menampilkan

Sesuai

harapan Valid

diisi atau

kosong

kemudian klik

tombol login

“Password harus

diisi”

3. User name tidak

diisi (kosong)

dan password

diisi kemudian

klik tombol

login

User

name:(kosong)

Password: 1234

Sistem akan

menolak akses user

dan menampilkan

“user name harus

diisi”

Sesuai

harapan Valid

4. Mengetikkan

salah satu

kondisi salah

pada user ID

atau password

kemudian klik

tombol login

User name: admin

(benar)

Password: 12345

(salah)

Sistem akan

menolak akses user

dan menampilkan

“login gagal

silahkan cek user

name dan

password anda”.

Sesuai

harapan

Valid

5. Mengetikkan

user name dan

password

dengan data

yang benar

kemudian klik

tombol login

User ID:

admin(benar)

Password:

1234(benar)

Sistem menerima

akses login dan

kemudian langsung

menampilkan

menu utama.

Sesuai

harapan

Valid

BAB IV

PENUTUP

4.1. Kesimpulan

Pada bab ini penulis mencoba menarik kesimpulan dari seluruh

pembahasan dari bab-bab sebelumnya yang ada dalam Tugas Akhir ini, yaitu:

1. Dalam pembuatan program tugas akhir yang berjudul “Perancana Sistem

Informasi Penjualan Aneka Kue Berbasis Web” penulis menggunakan

aplikasi adobe dreamweaver cs5 yang memudahkan dalam proses

pembuatan program penjualan.

2. Pada pembuatan program “Perancangan Sistem Infomasi Penjualan Aneka

Kue Berbasis Web” komponen Entity Relationship Diagram

menggunakan relasi ERD yaitu One to Many.

3. Pennggunaan xampp control panel sangat perlu dilakukan dalam

menjalankan website yang berguna sebagai server. Terdiri atas program

Apache HTTP Server, MySQL Database, Filezilla, dan Mercury. Yang

berguna untuk menampilkan halaman web yang dinamis.

4. Admin disini bisa menambahkan kategori, produk, menampilkan komentar

dan menerima transaksi penjualan dari konsumen. User hanya bisa masuk

ke website untuk berbelanja setelah memiliki akun belanja.

4.2. Saran

Dari kesimpulan yang dijelaskan maka penulis memberikan beberapa

saran yang dapat membantu agar perancangan website ini dapat bekerja secara

optimal.

Adapun saran-saran dari penulis yaitu:

1. Dalam program “Perancangan Sistem Informasi Penjualan Aneka Kue

Berbasis Web” yang penulis buat ini aspek keamanan sistem (security

system) belum ada. Maka diharapkan untuk selanjutnya dapat menambah

dan melengkapi kekurangan-kekurangan yang ada.

2. Tidak adanya forum diskusi pada program “Perancangan Sistem Informasi

Penjualan Aneka Kue Berbasis Web” yang berguna untuk konsumen

berbagi pengalaman sesama konsumen tentang produk yang dijual di toko

online.

3. Perlu dikembangkan lagi program “Perancangan Sistem Informasi

Penjualan Aneka Kue Berbasis Web”yang penulis buat seperti

penambahan lokasi (map) supaya konsumen yakin dengan website ini dan

bukan website penipuan. Pelanggan akan merasa nyaman dalam

berbelanja.

DAFTAR PUSTAKA

Ahmadi, Chandra dan Hermawan, Dadang. 2013. E-Business & E-Commerce,

Yogyakarta : Penerbit Andi.

Arief, M. Rudyanto. 2011. Pemrograman Web Dinamis Menggunakan PHP dan

MYSQL. Yogyakarta: Andi.

A.S. Rosa dan Shalahuddin M. 2016. REKAYASA PERANGKAT LUNAK

TERSTRUKTUR dan BERORIENTASI OBJEK. Bandung: Informatika

Bandung.

Binanto, Iwan. 2010: Multimedia Digital Dasar Teori dan Pengembangannya.

Yogyakarta: Andi offset.

Hidayat, Rahmat. 2010. Cara Praktis Membangun Website Gratis : Pengertian

Website. Jakarta : PT Elex Media Komputindo Kompas, Granedia.

Kurniawan, Rulianto. 2008. Membangun Situs PHP Untuk Orang Awam.

Palembang :MAXIKOM.

Madcoms 2016. Pemrograman PHP dan MYSQL Untuk Pemula. Yogyakarta:

Andi Publisher.

Masrur, Mukhamad. 2016. Pemrograman Web Dinamis menggunakan Java Server

Pages dengan Database Relasional MYSQL. Yogyakarta: Andi Publisher.

Putra, Yoka Ifana. 2015. 1 JAM PASTI BISA MEMBUAT Website GRATIS

OTODIDAK TANPA GURU. Jakarta: Dan Idea.

Sutarman. 2009. Pengantar Tekhnologi Informasi. Jakarta: Bumi Aksara.fg

Sutanta, Edhy. Basis Data dalam Tinjauan Konseptual. Yogyakarta: Andi,2011.

Vermaat, Shelly Cashman. (2011). Discovering Computers “Menjelajah Dunia

Komputer” Fundamental. Third Edition. Salemba: Infotek.

Wahana Komputer. 2010. Panduan Belajar MySQL Database Server. Media Kita.

Jakarta Selatan.

Wicaksono, Yogi. 2008. Membangun Bisnis Online dengan Mambo. Jakarta: PT.

Elex Media Komputindo.

LAMPIRAN

Lampiran A.1. Tampilan Halaman Login Admin

Lampiran A.2. Tampilan Halaman Admin

Lampiran A.3. Tampilan Halaman Menu Utama

Lampiran A.4. Tampilan Halaman Daftar Pelanggan

Lampiran A.5. Tampilan Halaman Produk

Lampiran A.6. Tampilan Halaman Pesanan

Lampiran A.7. Tampilan Halaman Konfirmasi

Lampiran A.8. Tampilan Halaman Cara Belanja

Lampiran A.9. Tampilan Halaman Kontak

Lampiran A.10. Tampilan Halaman Komentar

Lampiran A.11. Tampilan Halaman Tinggalkan Komentar

TUGAS AKHIR - repository.bsi.ac.id€¦ · Adapun maksud dari pembuatan Tugas Akhir ini adalah: 1. Memberikan kemudahan untuk menjual dan memasarkan barang berupa kue dengan menggunakan

Documents