tugas akhir...perancangan sistem informasi penjualan berbasis web pada gerai tanaman hias tugas...

PERANCANGAN SISTEM INFORMASI PENJUALAN

BERBASIS WEB PADA GERAI TANAMAN HIAS

TUGAS AKHIR

Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma III

ELKY FRISTIAN

NIM : 12140332

Program Studi Manajemen Informatika

AMIK BSI

Jakarta

2017

1

ABSTRAK

Elky Fristian (12140332), Perancangan Sistem Informasi Penjualan Berbasis Web

Pada Gerai Tanaman Hias.

Perkembangan teknologi pada zaman sekarang ini, sudah sangat cepat dan

maju. Salah satunya adalah teknologi informasi. Dalam era globalisasi ini

seiring dengan perkembangan dan kemajuan teknologi tersebut, maka arus

informasi haruslah disampaikan secara cepat dan akurat, terlebih saat mencapai

kemajuan baik didalam pembuatan software maupun hardware. Dengan demikian

meluasnya kegiatan dan kebutuhan, manusia semakin membutuhkan komputer

guna menyelesaikan masalah dan kegiatan dengan cepat dan akurat, hal ini

pula yang dirasakan oleh perusahaan besar maupun perusahaan yang sedang

berkembang. Berdasarkan uraian di atas maka penulis tertarik untuk membahas

laporan Tugas Akhir ini yaitu dengan judul “Perancangan Sistem Informasi

Penjualan Berbasis Web Pada Gerai Tanaman Hias. Dengan penulisan laporan

Tugas Akhir ini diharapkan dapat membantu tercapainya tujuan perusahaan.

Kata Kunci : Sistem informasi, tanaman hias, gerai tanaman hias.

ix

ABSTRACT

Technological developments in recent times, has been very fast and

advanced. One is information technology. In this era of globalization along with

the development and progression of increasingly sophisticated technology, the

flow of information should be delivered quickly and accurately, especially when

achieving good progress in making software and hardware. Thus the expansion of

activities and needs, people increasingly need a computer to solve problems and

activities quickly and accurately, it is also perceived by large companies and

companies that are developing. Based on the above, the authors are keen to

discuss the CTF report is titled " The Design Of Web-Based Information Systems

On Ornamental Plant". By writing the CTF report is expected to help achieve the

company's goals.

Keywords : Information system, Decorative plants, outlet of

ornamental plants.

DAFTAR ISI

Halaman

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

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

Lembar Persetujuan Publikasi Karya Ilmiah.......................................................... iii

Lembar Persetujuan dan Pengesahan Tugas Akhir................................................. v

Lembar Konsultasi Tugas Akhir............................................................................. vii

Kata Pengantar........................................................................................................ viii

Absrak..................................................................................................................... x

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

Daftar Simbol.......................................................................................................... xii

Daftar Gambar........................................................................................................ xiii

Daftar Tabel ............................................................................................................ xv

BAB I PENDAHULUAN

1.1Latar Belakang Masalah.................................................................................... 1

1.2.Maksud dan Tujuan........................................................................................... 2

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

1.4. Ruang Lingkup................................................................................................. 6

1.5. Sistematika Penulisan...................................................................................... 7

BAB II LANDASAN TEORI

2.1.Konsep Dasar Sistem........................................................................................ 9

2.1.1Pengertian Internet.............................................................................. 9

2.1.2 Bahasa Pemograman.......................................................................... 10

2.1.3 Basis Data.......................................................................................... 11

2.1.4 Metode Pengembangan Perangkat Lunak.......................................... 12

2.1.5 Peralatan Pendukung.......................................................................... 13

2.2.Peralatan Pendukung (Tool System)................................................................. 15

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

2.2.2 ERD(Entity Relationship Diagram)................................................... 18

2.2.3 LRS(Logical Record Structure)......................................................... 20

2.2.4 Pengujian Web(Black Box Testing)................................................... 18

BAB III ANALISA SISTEM

3.1 Analisa Kebutuhan............................................................................................ 21

3.1.1 Kebutuhan Sistem.............................................................................. 22

3.1.2 Kebutuhan Pengguna......................................................................... 23

3.2. Perancangan Perangkat Lunak......................................................................... 23

3.2.1 Rancangan Antar Muka...................................................................... 24

3.2.2 Basis Data.......................................................................................... 34

3.2.3 Rancangan Struktur Navigasi............................................................ 41

3.3. Implementasi Dan Pengujian Unit................................................................... 42

3.3.1 Implementasi...................................................................................... 42

3.3.2 Spesifikasi Sistem Komputer............................................................. 48

3.2.3 Pengujian Unit................................................................................... 49

BAB IV PENUTUP

4.1.Kesimpulan....................................................................................................... 60

4.2.Saran................................................................................................................. 61

Daftar Pustaka......................................................................................................... 62

Daftar Riwayat Hidup............................................................................................. 62

Lampiran................................................................................................................. 64

xii

DAFTAR SIMBOL

A.Simbol Entity Relationship Diagram

ENTITAS

Suatu kumpulan obyek atau sesuatu yang dapat

dibedakan atau dapat didefinisikan.

RELATIONSHIP

Hubungan yang dapat terjadi antara sutau

entitas atau lebih.

ATRIBUT

Karakteristik dari entitas atau relationship

yang menyediakan penjelasan detail entitas

atau relation.

LINK

Baris sebagai penghubung antara himpunan,

relasi, dan himpunana entitas dan atributnya.

xii

DAFTAR GAMBAR

1. Gambar II.1. Struktur Navigasi Hirarki ......................................................... 16

2. Gambar II.2. Struktur Navigasi Linier .......................................................... 16

3. Gambar II.3. Struktur Navigasi Non Linier .................................................. 17

4. Gambar II.4. Struktur Navigasi Campuran ................................................... 17

5. Gambar III.1. Rancangan Antar Muka Halaman Utama ............................... 24

6. Gambar III.2. Rancangan Antar Muka Form Login Admin .......................... 25

7. Gambar III.3. Rancangan Antar Muka Beranda Admin ................................ 25

8. Gambar III.4. Rancangan Antar Muka Halaman Admin ............................... 26

9. Gambar III.5. Rancangan Antar Muka Halaman Pelanggan ......................... 27

10. Gambar III.6. Rancangan Antar Muka Halaman Kota .................................. 28

11. Gambar III.7. Rancangan Antar Muka Halaman Kategori ............................ 29

12. Gambar III.8. Rancangan Antar Muka Halaman Barang .............................. 30

13. Gambar III.9. Rancangan Antar Muka Halaman Pemesanan ........................ 31

14. Gambar III.10. Rancangan Antar Muka Halaman Konfirmasi ..................... 32

15. Gambar III.11. Rancangan Antar Muka Halaman Kontak ............................ 33

16. Gambar III.12. ERD ...................................................................................... 34

17. Gambar III.13. LRS ....................................................................................... 35

18. Gambar III.14. Struktur Navigasi User ......................................................... 42

19. Gambar III.15. Struktur Navigasi Admin ...................................................... 42

20. Gambar III.16. Halaman Index User ............................................................. 42

21. Gambar III.17. Halaman Login Admin ......................................................... 43

22. Gambar III.18. Halaman Beranda Admin ..................................................... 43

23. Gambar III.19. Halaman Menu Admin ......................................................... 44

24. Gambar III.20. Halaman Pelanggan .............................................................. 44

25. Gambar III.21. Halaman Menu Kota ............................................................. 45

26. Gambar III.22. Halaman Kategori ................................................................. 45

27. Gambar III.23. Halaman Menu Barang ......................................................... 46

28. Gambar III.24. Halaman Pemesanan ............................................................. 46

29. Gambar III.25. Halaman Konfirmasi ............................................................ 47

30. Gambar III.26. Halaman Tentang Toko ......................................................... 47

31.Gambar III.27. Halaman Kontak ................................................................... 48

xiii

DAFTAR TABEL

1. Tabel III. 1. Kebutuhan Sistem ..................................................................... 21

2. Tabel III. 2. Spesifikasi File Admin .............................................................. 36

3. Tabel III. 3. Spesifikasi File Barang ............................................................. 37

4. Tabel III. 4. Spesifikasi File Pelanggan ........................................................ 38

5. Tabel III. 5. Spesifikasi File Detail_Pemesanan ........................................... 39

6. Tabel III. 6. Spesifikasi File Kategori .......................................................... 40

7. Tabel III. 7. Spesifikasi File Keranjang ........................................................ 41

8. Tabel III. 8. Pengujian Form Login .............................................................. 50

9. Tabel III. 9. Pengujian Form User ................................................................ 52

10. Tabel III. 10. Pengujian Data Member ......................................................... 52

11. Tabel III. 11. Pengujian Konfrmasi .............................................................. 57

xv

BAB I

PENDAHULUAN

1.1 Latar Belakang Masalah

E-commerce atau bisa disebut perdagangan elektronik atau e-dagang adalah

penyebaran, pembelian, pemasaran barang dan jasa melalui internet atau jaringan

komputer.Seluruh komponen yang ada dalam perdagangan diaplikasikan kedalam

e-commerce seperti customer service, internet merupakan salah satu jaringan global

yang menghubungkan jaringan komputer diseluruh dunia, sehingga memungkinkan

terjalinnya komunikasi dan interaksi antar satu pengusaha dan konsumen.

Distributor Tanaman hias atau yang biasa disebut gerai tanaman hias

merupakan konsep usaha ritel yang menyediakan berbagai tanaman anggrek, bonsai

dan tanaman – tanaman hias lainnya. Umumnya usaha dengan konsep tanaman hias

lebih mengutamakan kebutuhan untuk taman atau halaman rumah dan kantor. Yang

dilakukan pada Gerai Tanaman Hias pengadaan produk tanaman tidak menanam

sendiri tetapi dikirim dari tempat lain dengan cara bekerja sama atau bermitra usaha.

Dan salah satu perusahaan yang menggunakan konsep gerai tanaman hias terletak di

jalan kotabambu utara. Seiring berkembangnya Gerai Tanaman Hias permintaan

konsumen akan tanaman hias pun semakin meningkat, akan tetapi saat ini sistem

yang ada di Gerai Tanaman Hias masih manual, seperti tidak adanya penyimpanan

data yang terstruktur, promosi masih menggunakan banner.Tidak adanya sarana

penjualan

2

jarak jauh yang bisa mempermudah perusahaan dalam memperluas wilayah

pemasaran.

Konsumen harus datang sendiri ke lokasi dan pembayaran dilakukan secara

tunai. Hal ini tentu menyulitkan para calon konsumen dari dalam dan luar kota,

dikarenakan harus mengeluarkan biaya untuk mengunjungi Gerai Tanaman Hias.

Sehingga calon konsumen membutuhkan layanan pembelian dan pembayaran secara

online dan transfer melalui rekening.

Berdasarkan penjelasan sebelumnya, Gerai Tanaman Hias memerlukan suatu

sarana atau layanan penjualan berbasis web ( E-commerce ) yang bisa memenuhi

kebutuhan dan bisa memudahkan perusahaan dalam menjalankan kegiatan bisnis

seperti penjualan, pembelian, promosi, pembayaran dan transaksi jarak jauh, sehingga

perusahaan bisa memperluas wilayah pemasaran. Maka dalam penulisan Tugas Akhir

ini penulis mengambil judul “Perancangan Sistem Informasi Penjualan Berbasis Web

Pada Gerai Tanaman Hias”.

1.2 Maksud dan Tujuan

1.2.1 Maksud

Sedangkan maksud yang akan dicapai dalam penelitian ini yaitu :

1. Membantu dan mempermudah perusahaan dalam penyebarluasan

informasi dan produk.

3

2. Membantu perusahaan dalam pengelolaan data menjadi terstruktur dengan

baik dalam mengelola data pemasukan dan pengiriman produk dalam

penjualan tanaman hias.

3. Membantu Perusahaan dan konsumen dalam layanan transaksi penjualan

jarak jauh sehingga membantu perusahaan dalam memperluas wilayah

pemasaran.

4. Membantu konsumen dalam melakukan pembelian dan pembayaran

secara offline (transfer via rekening) maupun online (paypal) yang bisa

dilakukan dimana saja dan kapan saja.

1.2.2 Tujuan

Adapun tujuan penulisan Tugas Ahkir ini adalah sebagai salah satu syarat

kelulusan program Diploma Tiga (D.III) program studi Management Informatika

dan Komputer Bina Sarana Informatika (AMIK BSI).

1.3 Metode penelitian

Metode penelitian merupakan langkah penting dalam penyusunan Tugas Akhir ini

adalah metodologi analisis deskriftif yang menggunakan metode waterfall dalam

pengembangan dan perancangan perangkat lunak,yang memiliki tahap-tahap sebagai

berikut :

1. Metode Pengumpulan Data

Tahap pengumpulan data yang digunakan dalam penelitian tugas akhir ini

diantaranya adalah studi pustaka,dan observasi yang dijelaskan dibawah ini :

4

A. Pengamatan (Observation)

Penulis melakukan pengamatan langsung terhadap kegiatan yang

berhubungan dengan masalah yang diambil. Hasil dari pengamatan

tersebut langsung di catat, dan dari kegiatan pengamatan ini dapat

diketahui kesalahan atau proses dari kegiatan tersebut.

B. Studi Pustaka

Merupakan suatu metode yang dilakkukan dengan cara mengambil

referensi-referensi yang di butuhkan untuk menyusun Tugas Akhir ini

melalui perpustakaan Bina Sarana Informatika maupun perpustakaan

lainnya.

2. Metode Pengembangan Perangkat Lunak

Membangun website e-commerce pada Gerai Tanaman Hias digunakan pemodelan

waterfall menurut Rosa A.S. dan M.Shalahudin (2013:28) yang diantaranya :

A. Analisa

Pada tahap ini penulis lebih mengutamakan mengenai proses pemesanan

produk tanaman hias secara online. Hal ini dilakukan untuk mempermudah

proses transaksi penjualan dan memberikan kemudahan tersendiri kepada para

pengguna internet yang akan memesan maupun memperoleh informasi

mengenai produk pada website penjualan tanaman hias.

5

B. Perancangan

Pada tahap ini merupakan tahapan dimana dilakukan penuangan pemikiran

dan perancangan sistem terhadap solusi dari permasalahan yang ada dengan

menggunakan perangkat pemodelan sistem seperti diagram alir data (data

flow diagram).Diagram hubungan entitas (entity relationship diagram)serta

struktur dan bahasa data.

C. Pengkodean

Pembuatan kode program atau coding merupakan penerjemah design dalam

bahasa yang bisa dikenal oleh komputer. Tahapan inilah yang merupakan

tahapan secara nyata dalam mengerjakan suatu sistem dalam artian

penggunaan komputer akan dimaksimalkan dalam tahapan ini. Setelah

pengkodean selesai maka akan dilakukan testing terhadap sistem yang telah

dibuat tadi. Tujuan testing adalah menentukan kesalahan-kesalahan terhadap

sistem tersebut dan kemudian bisa diperbaiki.

D. Pengujian

Dilakukan juga pengujian pada program website toko online yang melibatkan

verifikasi sistem,bahwa setiap unit telah memenuhi spesifikasinya.

E. Pemeliharaan

Perangkat lunak yang sudah dan diterapkan pada perangkat lain akan

mengalami perubahan. Perubahan tersebut bisa karena mengalami kesalahan

6

karena perangkat lunak harus menyesuaikan dengan lingkungan (periperal

atau sistem baru) atau karena user membutuhkan perkembangan fungsional.

1.4 Ruang Lingkup

Berdasarkan uraian dan penjelasan sebelumnya maka ruang lingkup pada

tugas akhir ini adalah :

1. Data yang dikelola pada website diantaranya data produk (harga produk, stok,

detail produk, gambar produk), data kategori, data konsumen, data user, data

penjualan, data pembayaran, data pengiriman.

2. Proses yang akan dilakukan diantaranya proses pengolahan data produk,

pengolahan data kategori, proses pengolahan laporan diantaranya laporan

penjualan, dan laporan barang, proses pengolahan data pengguna, proses

penjualan.

3. Informasi yang dihasilkan dari sistem yaitu informasi pencarian produk, informasi

status pembelian, informasi pembayaran, informasi pengiriman barang, informasi

laporan penjualan.

4. Keamanan yang digunakan pada website diantaranya fasilitas login untuk

mengakses website.

5. Media komunikasi yang digunakan diantaranya e-mail sebagai sarana obrolan

secara online.

6. DBMS pada website ini menggunakan MySQL. Tools pembangunan yang

digunakan dalam pembuatan website Dreamweaver CS5, PHP, CSS, XAMPP.

7

Sistem operasi yang digunakan Windows 8. Browser yang mendukung website ini

Mozilla Firefox dan Google Chrome.

7. Pengguna yang akan mengakses website e-commerce pada Gerai Agung Jasa

Tanam diantaranya Store Manager, kasir, gudang, administrasi, member dan

pengunjung.

1.5 Sistematika Penulisan

Sistematika penulisan merupakan uraian tentang susunan dari penulisan itu

sendiri secara teratur dan terperinci, sehingga memberikan gambaran secara

menyeluruh. Adapun sistematika penulisan Tugas Akhir ini terdiri dari 4(empat) bab

yaitu :

BAB I: PENDAHULUAN

Dalam bab ini penulis membahas tentang latar belakang maksud dan tujuan

penulisan, metode riset dalam memperoleh data atau informasi, ruang lingkup dan

sistematika penulisan yang dibahas bab demi bab.

BAB II: LANDASAN TEORI

Bab ini penulis juga mengemukakan uraian secara teoritis mengenai

pengertian informasi, sistem akuntansi, dan peralatan pendukung (tools system) yang

penulis gunakan dalam penerapan sistem berjalan seperti Diagram alir Data (DAD),

normalisasi dan kamus data dalam proses berjalannya sistem pengkodean.

8

BAB III: ANALISA SISTEM

Bab ini penulis menerangkan tentang uraian umum, tinjauan perusahaan yang

meliputi sejarah perusahaan, struktur organisasi dan fungsi, diagram alir data(DAD)

sistem berjalan, kamus data sistem berjalan.

BAB IV: PENUTUP

Pada bab ini merupakan bab terakhir yang berisi tentang kesimpulan serta

saran beserta koreksi dari hasil penelitian yang dilakukan oleh penulis.

BAB II

LANDASAN TEORI

2.1 Konsep Dasar Web.

A. Pengertian Website.

Menurut Ardhana (2012:3), “Web adalah suatu layanan sajian informasi yang

menggunakan konsep hyperlink, yang memudahkan surfer (sebutan para pemakai

komputer yang melakukan browsing atau penelusuran informasi melalui internet)”.

Web menyajikan informasi menggunakan Hpyertext Markup Lenguage sehingga

dapat menampilkan berbagai informasi dengan berbagai format data seperti text,

image bahkan video dan dapat di akses menggunakan berbagai aplikasi klien. Selain

dikenal sederhana dan mudah, adanya kategori server side programming pada web

memungkinkan penyajian informasi yang lebih menarik dan dinamis dengan

pengolahan data yang terorganisasi.

Website pada awalnya merupakan suatu layanan sajian informasi yang

menggunakan konsep hyperlink yang memudahkan surfer atau pengguna internet

melakukan penelusuran informasi di internet. Informasi yang disajikan dengan web

menggunakan konsep multimedia, informasi dapat disajikan dengan menggunakan

banyak media, seperti teks, suara, gambar, film, atau animasi.

2.1.1 Internet

Internet (kependekan dari Interconnection-networking) adalah seluruh

jaringan komputer yang saling terhubung menggunakan standar sistem global

transmission control Protocol/Internet Protocol suite (TCP/IP) sebagai protocol

pertukaran paket(packet switching communication protocol) untuk melayani miliaran

pengguna di seluruh dunia. Rangkaian internet yang tersebar dinamakan internet.

Cara menghubungkan rangkaian dengan kaidah ini dinamakan internetworking.

10

Menurut Ahmadi dan Hermawan (2013:68), Internet adalah komunikasi

jaringan komunikasi global yang menghubungkan seluruh komputer di dunia

meskipun berbeda sistem operasi dan mesin.

2.1.2 Bahasa Pemograman

Adapun beberapa bahasa pemograman yang digunakan dalam membangun

website adalah :

1. HTML(Hyper Text Markup Leanguage)

Menurut Anhar (2010:40) “HTML ( Hyper Text Markup

Leanguage ) adalah sekumpulan simbol-simbol atau tag-tag yang dituliskan dalam

sebuah file yang digunakan untuk menampilkan halaman pada web browser”.

HTML atau Hyper Text Markup Leanguage merupakan suatu format

data yang digunakan untuk membuat dokumen hypertext yang dapat dibaca dari suatu

platform computer ke platform komputer lainnya tanpa perlu melakukan suatu

perubahan apapun. Dokumen HTML disebut sebagai markup language karena

mengandung tanda-tanda tertentu yang digunakan untuk menentukan tampilan teks

dan tingkat kepentingan dari text tersebut dalam suatu dokumen. Dengan system

Hypertext pada dokumen HTML.

2. Javascript

Menurut Sibero (2013:150) “Javascript adalah suatu bahasa pemograman yang

dikembangkan untuk dapat berjalan pada web browser” Javascript adalah bahasa

script (scripting language) merupakan instruksi perintah yang digunakan untuk

mengendalikan beberapa dari sistem operasi. Kode javascript biasanya dituliskan

dalam bentuk fungsi yang ditaruh ditag yang dibuka dengan tag.

11

3. CSS(Casading Style Sheets)

CSS (Casading Style Sheets) merupakan sebuah sekumpulan kode pemograman

web yang berfungsi mengendalikan beberapa komponen didalam web sehingga

menjadi tampak seragam,berstruktur dan teratur. Menurut Wahana Komputer

(2013:2) “CSS adalah singkatan dari Casading Style Sheets atau dalam bahasa yang

lebih mudah, yaitu salah satu dokumen website yang bertujuan untuk mengatur gaya

(style) tampilan website”.

4. PHP ( Personal Home Pages )

Menurut Anhar (2010:3) “Personal Home Page (PHP) adalah bahasa

pemograman web server side yang bersifat open source.” PHP merupakan script yang

terintegrasi dengan HTML dan berada pada halaman website yang dinamis. Kelahiran

PHP bermula saat Rasmus Lerdorf membuat sejumlah skrip Perl yang dapat

mengamati siapa saja yang melihat lihat daftar riwayat hidupnya, yakni pada tahun

1994, skrip-skrip ini selanjutnya dikemas menjadi tool yang disebut PHP (Personal

Home Page ).

2.1.3. Basis Data

1. Pengenalan dan pengertian Mysql

Database digunakan untuk menyimpan data, demikian pula dengan MySQL,

MySQL termasuk jenis Relational Database Management System (RDBMS) yaitu

hubungan antar tabel yang berisi data-data pada suatu database. Database pada

MySQL terdiri dari tabel-tabel. Setiap tabel mempunyai kolom, baris, serta record

untuk menyimpan data. Tabel-tabel tersebut dilink oleh suatu relasi yang

memungkinkan untuk mengkombinasikan data dari beberapa tabel ketika seseorang

user menginginkan menampilkan informasi dari suatu database.

12

Penggunaan MySQLbiasanya dipadukan dengan menggunakan program

aplikasi PHP, karena dengan menggunakan kedua program tersebut telah terbukti

akan kehandalannya dalam menangani permintaan data. Menurut Anhar (2010:45)

“MySQL (My Structure Query Leanguage) adalah salah satu Database

Management System (DBMS) dari sekian banyak DBMS seperti Oracle, MS

SQL, Postagre SQL dan lainnya MySQL berfungsi untuk

mengolah database menggunakan bahasa SQL”.

2.1.4 Metode Pengembangan Perangkat Lunak

Membangun website e-commerce pada Gerai Tanaman Hias digunakan pemodelan

waterfall menurut Rosa A.S. dan M.Shalahudin (2013:28) yang diantaranya :

A. Analisa

Pada tahap ini penulis lebih mengutamakan mengenai proses pemesanan

produk tanaman hias secara online. Hal ini dilakukan untuk mempermudah

proses transaksi penjualan dan memberikan kemudahan tersendiri kepada para

pengguna internet yang akan memesan maupun memperoleh informasi

mengenai produk pada website penjualan tanaman hias.

B. Perancangan

Pada tahap ini merupakan tahapan dimana dilakukan penuangan pemikiran

dan perancangan sistem terhadap solusi dari permasalahan yang ada dengan

menggunakan perangkat pemodelan sistem seperti diagram alir data (data

flow diagram).Diagram hubungan entitas (entity relationship diagram)serta

struktur dan bahasa data.

13

C. Pengkodean

Pembuatan kode program atau coding merupakan penerjemah design dalam

bahasa yang bisa dikenal oleh komputer. Tahapan inilah yang merupakan

tahapan secara nyata dalam mengerjakan suatu sistem dalam artian

penggunaan komputer akan dimaksimalkan dalam tahapan ini. Setelah

pengkodean selesai maka akan dilakukan testing terhadap sistem yang telah

dibuat tadi. Tujuan testing adalah menentukan kesalahan-kesalahan terhadap

sistem tersebut dan kemudian bisa diperbaiki.

D. Pengujian

Dilakukan juga pengujian pada program website toko online yang melibatkan

verifikasi sistem,bahwa setiap unit telah memenuhi spesifikasinya.

E. Pemeliharaan

Perangkat lunak yang sudah dan diterapkan pada perangkat lain akan

mengalami perubahan. Perubahan tersebut bisa karena mengalami kesalahan

karena perangkat lunak harus menyesuaikan dengan lingkungan (periperal

atau sistem baru) atau karena user membutuhkan perkembangan fungsional.

2.1.5 Peralatan Pendukung

1. XAMPP

Menurut Riyanto (2010, 1), dikutip dalam (Choliviana, Triyono, & Sukadi,

2012), XAMPP merupakan paket PHP dan MySQL berbasis open source, yang dapat

14

digunakan sebagai tool pembantu pengembangan aplikasi berbasis PHP. XAMPP

mengombinasikan beberapa paket perangkat lunak berbeda ke dalam satu paket.

2. Adobe Dreamwever

Dreamweaver CS5 adalah sebuah HTML editor profesional untuk mendesain

web secara visual dan mengelola situs atau halaman web. Saat ini terdapat software

dari kelompok Adobe yang belakangan banyak digunakan untuk mendesain suatu

web. Versi baru dari Adobe Dreamweaver CS5 memiliki beberapa kemampuan bukan

hanya sebagai software untuk desain web saja, tetapi juga menyunting kode serta

pembuatan aplikasi web. Antara lain : JPS, PHP, ASP, XML, dan ColdFusion.

(Christianus Sigit, 2010:1).

Dreamweaver merupakan software utama yang digunakan oleh Web

Designer dan Web Programmer dalam mengembangkan suatu situs web. Hal ini

disebabkan oleh ruang kerja, fasilitas, dan kemampuan Dreamwever yang mampu

meningkatkan produktivitas dan efektifitas, baik dalam desain maupun membangun

suatu situs web.Dalam perkembangannya, Adobe Dreamweaver telah mencapai

versinya yang terbaru atau lebih dikenal dengan Adobe Dreamweaver CS5. Fitur-fitur

yang dimiliki semakin lengkap dan handal, untuk membuat pengguna Dreamwever

CS5 semakin dapat berkreasi dan berinovasi dengan bebas dalam mendesain web.

Fitur baru yang semakin handal untuk versi terbaru ini dimunculkan,

diantaranya adalah Integrated CMS Support, CSS Inspection, PHP Custom Class

Code Hinting, dan Site-Specific Code Hinting. Semua fitur baru tersebut semakin

memantapkan pengguna Adobe Dreamwever CS5 untuk semakin mengeksplorasi dan

mengeksploitasi ide kreasi pengolahan website.

15

2.2 Teori Pendukung

2.2.1. Struktur Navigasi

Menurut Mahendra (2011: 1) mendefinisikan bahwa “Struktur navigasi adalah

alur yang digunakan dalam aplikasi yang dibuat. Sebelum menyusun aplikasi

multimedia kedalam sebuah software, kita harus menentukan terlebih dahulu alur apa

yang akan digunakan dalam aplikasi yang dibuat”.

Struktur navigasi suatu situs web sangat di pengaruhi oleh tujuan dari situs web yang

akan dibuat. Struktur navigasi termasuk struktur terpenting dalam pembuatan situs

karena itu gambarannya harus sudah ada pada tahap perencanaan.Peta navigasi

merupakan rencana hubungan dan rantai kerja dari beberapa area yang berbeda dan

dapat membantu mengorganisasikan seluruh elemen dengan pemberian perintah dan

pesan. Peta navigasi juga memberikan kemudahan dalam menganalisa ke interaktifan

seluruh obyek dan bagaimana pengaruh ke interaktifannya terhadap pengguna.

beberapa dasar struktur pembuatan navigasi seperti Linear (menelusuri program

secara berurutan), Non linear (tanpa di batasi rute), Hirarki (percabangan), Campuran

(gabungan). Pada situs ini digunakan struktur navigasi campuran yang di jadikan

acuan dalam membuat peta navigasi Struktur Navigasi Hirarki.

1. Hierarchial (Hirarki)

Struktur navigasi hirarki biasadisebut struktur bercabang,merupakan suatu

struktur yang mengandalkan percabangan untuk menampilkan data berdasar kan

kriteria tertentu. Tampilan pada menu pertama akan disebut sebagai Master Page

(halaman utama pertama), halaman utama ini mempunyai halaman percabangan yang

disebut Slave Page (halaman pendukung). Jika salah satu halaman pendukung dipilih

atau di aktifkan, maka tampilan tersebut akan bernama Master Page (halaman utama

kedua), dan seterusnya. Pada struktur navigasi ini tidak diperkenankan adanya

tampilan secara linier.

16

Sumber : Binanto (2010:269)

GambarII.1

Struktur Navigasi Hirarki

2. Struktur Navigasi Liner (Satu Alur)

Struktur navigasi linier hanya mempunyai satu rangkaian cerita yang berurut,

yang menampilkan satu demi satu tampilan layar secara berurut menurut urutannya.

Tampilan yang dapat pada struktur jenis ini adalah satu halaman sebelumnya atau

satu halaman sesudahnya, tidak dapat dua halaman sebelumnya atau dua halaman

sesudahnya.


Gambar II.2

Struktur Navigasi Linier

3. Struktur Navigasi Non-Linier

Struktur navigasi non-linier atau struktur tidak berurut merupakan

pengembangan dari struktur navigasi linier. Pada struktur ini diperkenankan membuat

navigasi bercabang. Percabangan pada struktur nonlinier ini berbeda dengan

percabangan pada struktur hirarki, karena pada percabangan nonlinier ini walaupun

17

terdapat percabangan, tetapi tiap-tiap tampilan mempunyai kedudukan yang sama

yaitu tidak ada Master Page dan Slave Page.


Gambar II.3

Struktur Navigasi Non-Linier

4. Struktur Navigasi Campuran

Struktur navigasi campuran merupakan gabungan dari ketiga struktur

sebelumnya yaitu linier, non-linier dan hirarki. Struktur navigasi ini juga biasa

disebut dengan struktur navigasi bebas. Struktur navigasi ini banyak digunakan dalam

pembuatan website karena struktur ini dapat digunakan dalam pembuatan website

sehingga dapat memberikan ke-interaksian yang lebih tinggi.


Gambar II.4

Struktur Navigasi Campuran

18

2.2.2. ERD ( Entity Relationship Diagram).

Menurut Sutanta (2011:91) “Entity Relationship Diagram (ERD) merupakan

suatu model data yang dikembangkan berdasarkan obyek.” Entity Relationship

Diagram (ERD) digunakan untuk menjelaskan hubungan antar data dalam basis data

kepada pengguna secara logis. Entity Relationship Diagram (ERD) didasarkan pada

suatu presepsi bahwa real word terdiri atas obyek-obyek dasar tersebut. Penggunaan

Entity Relationship Diagram (ERD) relatif mudah dipahami, bahkan oleh para

pengguna yang awam. Bagi perancangan analis sistem Entity Relationship Diagram

(ERD) berguna untuk memodelkan sistem yang nantinya, basis data akan

dikembangkan. Model ini juga membantu perancangan atau analis sistem pada saat

melakukan analis dan perancangan basis data karena model ini dapat menunjukan

macam data yang dibutuhkan dan kerelasian antar data didalamnya.

1. Notasi ERD

Ada sejumlah konvensi mengenai Notasi ERD. Notasi klasik sering

digunakan untuk model konseptual. Berbagai notasi lain juga digunakan untuk

menggambarkan secara logis dan fisik dari suatu basis data. Salah satunya adalah :

IDEFIX.

Notasi-notasi simbolik yang digunakan dalam Entity Relationship Diagram

adalah sebagai berikut:

A. Entitas

Entity adalah obyek yang dapat dibedakan dalam dunia nyata. Entity diberi nama

dengan kata benda, lokasi dan kejadian. Sedangkan entity set adalah kumpulan dari

entity yang sejenis.

19

B. Relasi

Relasionship adalah hubungan yang terjadi antara satu atau lebih entity. Simbol dari

relationship adalah belah ketupat.

C. Atribut

Atribut adalah karakteristik dari entity atau relationship, yang menyediakan

penjelasan detail tentang entity atau relationship tersebut. Jenis-jenis atribut

diantaranya Atribut Key, Atribut Simple. Atribut Multivalue, Atribut Composite dan

Atribut Deviratif.

D. Kardinalitas Relasi

Dapat dinyatakan dengan banyaknya garis cabang atau dengan pemakaian angka

( 1 dan 1 untuk relasi satu-ke-satu, dan N untuk relasi satu-ke-banyak atau N dan N

untuk relasi banyak-ke-banyak).

2. Derajat Relasi atau Kardinalitas

Menunjukan jumlah maksimum entitas yang dapat berelasi dengan entias

pada himpunan entitas yang lain.

a. One to One

Tingkat hubungan dinyatakan one to one jika suatu kejadian pada entity pertama

hanya mempunyai satu hubungan dengan satu kejadian pada entitas kedua. Demikian

juga sebaliknya satu kejadian pada entity yang pertama.

b. One to Many

Tingkat hubungan one to many adalah sama dengan many to one (M:1), tergantung

dari arah mana hubungan tersebut dilihat. Untuk satu kejadian pada entitas yang

pertama dapat mempunyai banyak hubungan dengan kejadian pada entitas kedua.

Sebaliknya satu kejadian pada entitas yang kedua hanya bisa mempunyai satu

hubungan dengan satu kejadian pada entitas pertama.

20

c. Many to Many

Tingkat hubungan many to many terjadi jika tiap kejadian pada sebuah entitas

mempunyai banyak hubungan dengan kejadian pada entitas lainnya, baik dilihat dari

entitas yang pertama maupun dilihat dari sisi entitas yang kedua

2.2.3. LRS (Logical Record Structure).

Menurut Hasugian dan Shidiq (2012:608) '' LRS (logical record strukture )

adalah sebuah model sistem yang digambarkan dengan sebuah diagram-ER yang

akan mengikuti pola atau aturan permodelan tertentu dalam kaitannya dengan

konvensi ke LRS''.

2.2.4. Pengujian Web

Menurut Simarmata (2010:316) “Black Box Testing adalah pengujian

dilakukan dalam bentuk tertulis untuk memeriksa apakah aplikasi berjalan seperti

yang diharapkan”

Sedangkan menurut Pressman (2010:495) “Black Box Testing berfokus pada

persyaratan fungsional perangkat lunak yang memungkinkan engineers untuk

memperoleh set kondisi input yang sepenuhnya akan melaksanakan persyaratan

fungsional untuk sebuah program”. Black Box Testing berusaha untuk menemukan

kesalahan dalam kategori sebagai berikut:

1. Kesalahan antar muka.

2. Fungsi yang tidak benar atau fungsi yang hilang.

3. Kesalahan perilaku (behavior) atau kesalahan kerja.

4. Kesalahan dalam struktur data atau akses database eksternal.

5. Inisialisasi dan pemutusan kesalahan.

BAB III

PEMBAHASAN

3.1 Analisa Kebutuhan

Mengindentifikasi kebutuhan yang diperoleh berdasarkan kebutuhan

pengguna dan kebutuhan sistem.Hal pertama yang perlu dilakukan dalam analisis

kebutuhan sistem adalah menentukan dan mengungkapkan dari pada kebutuhan –

kebutuhan.Mengidentifikasi kebutuhan yang diperoleh berdasarkan kebutuhan

pengguna dan kebutuhan sistem.

3.1.1 Kebutuhan Sistem

ANALISA KELEMAHAN SISTEM LAMA SISTEM YANG

DIAJUKAN

Infomation Informasi tentang tanaman hias

terkini didapat jika pelanggan datang

langsung ke lokasi penjualan yang

membutuhkan waktu dan biaya yang

tidak sedikit.

Dengan sistem online

berbasis web ini, pelanggan

bisa secara langsung

melihat produk-produk

terbaru dimana pun dan

kapan pun tanpa harus

membuang tenaga, biaya

dan waktu.

Performance Pelanggan masih datang langsung ke

gerai untuk membeli tanaman hias.

Dengan sistem belanja

online, pelanggan dapat

melakukan order melalui

website pelanggan dapat

mengakses informasi

mengenai tanaman terkini

kapan pun dan dimana pun.

22

Eficiency Waktu yang banyak terbuang karena

pelanggan harus datang langsung

untuk membeli keperluan tanaman

hias atau tanaman hias nya langsung.

Pelanggan dapat

menghemat waktu dengan

menggunakan fasilitas

website informasi akan

dilakukan otomatis oleh

komputer sehingga

informasi lebih cepat dan

efisien.

Control /

security

Data pelanggan tersimpan dalam

dokumen kertas dan sangat riskan

apabila dokumen rusak atau bahkan

hilang.

Dengan sistem, pencatatan

transaksi dapat tersimpan

langsung ke database oleh

komputer maka data akan

jauh lebih aman dan

teroganisir. Kapan pun kita

membutuhkan cukup

dengan memanggil kode

unik data maka data akan

segera tampil tanpa harus

membuka-buka banyak file

yang membutuhkan waktu

lama.

Economy Pencatatan transaksi secara manual,

baik nota maupun laporan memakan

biaya untuk pengadaan kertas dan

tinta. Menggunakan brosur yang

diedarkan dibeberapa tempat yang

memakan banyak biaya.

Pencatatan transaksi yang

langsung tersimpan di

database Dan informasi

menggunakan social media

dan website yang

diharapkan dapat menekan

biaya untuk penyebaran

informasi secara luas.

23

3.1.2 Kebutuhan Pengguna

Dalam web e-commerce terdapat dua pengguna yang dapat saling berinteraksi

dalam lingkungan sistem, yaitu : Admin dan Customer.Kedua pengguna tersebut

memiliki karakteristik interaksi dengan sistem yang berbeda –beda dan memiliki

kebutuhan informasi yang berbeda – beda, seperti berikut :

A1. Skenario Kebutuhan Admin

1. Mengelola data – data produk dan web sendiri

2. Mengupdate produk

3. Mengecek stok produk

4. Memberikan dan menyediakan informasi tentang web tersebut

5. Melakukan login ke web itu sendiri

6. Melakukan logout

A2. Skenario Kebutuhan Customer

1. Melakukan daftar untuk menjadi member dari web tersebut

2. Menghubungi pemilik web tersebut

3. Melihat informasi dari web tersebut

4. Melakukan pemesanan produk

5. Melakukan login kedalam web tersebut

6. Melakukan logout

3.2 Perancangan Peragkat Lunak

Setelah dilakukan analisis, maka tahap selanjutnya adalah tahap perancangan

perangkat lunak. Perancangan perangkat lunak secara umum tahap persiapan dan

tahap perancangan terhadap sistem penjualan sistem berbasis web yang akan dibuat.

Adapun langkah – langkah yang harus diperhatikan dalam perancangan sebuah sistem

yaitu proses penyimpanan database dan perancangan form.

24

3.2.1 Rancangan Antar Muka

Menjelaskan rancangan antar muka (interface) yang terdapat pada aplikasi

elearning untuk sekolah menengah dan sederajat.

A. Rancangan Antar Muka Halaman Utama

Gambar 3.1.

Rancangan Antar Muka Halaman Utama

25

B. Rancangan Antar Muka Form Login Admin.

Administrator

Usernam

Password

Gambar 3.2.

Gambar Antar Muka Form Login Admin.

C. Rancangan Antar Muka Beranda Admin.

Gambar 3.3.

Gambar Antar Muka Beranda Admin.

26

D. Rancangan Antar Muka Halaman Admin

Login

G

ambar 3.4.

Gambar Antar Muka Halaman Admin

27

E. Rancangan Antar Muka Halaman Pelanggan

Ga

mbar 3.5.

Gambar Antar Muka Halaman Pelanggan

28

F. Rancangan Antar Muka Halaman Kota

Gambar 3.6.

Gambar Antar Muka Halaman Kota

29

G. Rancangan Antar Muka Halaman Kategori

Gambar 3.7.

Gambar Antar Muka Halaman Kategori

30

H. Rancangan Antar Muka Halaman Barang

Gambar 3.8.

Gambar Antar Muka Halaman Barang

31

I. Rancangan Antar Muka Halaman Pemesanan

Gambar 3.9.

Gambar Antar Muka Halaman Pemesanan

32

J. Rancangan Antar Muka Halaman Konfirmasi

Gambar 3.10.

Gambar Antar Muka Halaman Konfirmasi

33

K. Rancangan Antar Muka Halaman Kontak

Gambar 3.11.

Gambar Antar Muka Halaman Kontak

34

3.2.2 Basis Data

Perancangan basis data menghasilkan pemetaan tabel – tabel yang digambarkan

dengan Entity Relationship Diagram (ERD).

A. Entity Relationship Diagram

Gambar 3.12.

Entity Relationship Diagram

35

B. Logical Relational Structure(LRS)

Gambar 3.13.

Logical Relational Structure

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 <<namaDatabase>>

dengan parameter-parameter sbb :

Contoh Spesifikasi File :

1. Tabel admin

Nama database : db_tanaman

Nama tabel : admin

Akronim : admin.MYD

Fungsi :Untuk menyimpan data admin

Tipe : File Master

Organisasi File : Index Sequential

Media File : Harddisk

36

Panjang record : 51 byte

Kunci Field : id_admin

Software : MySQL

Tabel 3.2.

Spesifikasi File Admin

No Nama Field Tipe Size Ket

1 id_admin int 11 Primary Key

2 nama varchar 30

3 username Varchar 10

4 password varchar 10

2. Tabel barang


Nama tabel : barang

Akronim : barang.MYD

Fungsi : untuk menyimpan data barang

Tipe : File Master



Panjang record : 155 byte

Kunci Field : id_barang

Software : MySQL

37

Tabel 3.3.

Spesifikasi File Barang

No Nama Field Tipe Siz

e

Ket

1 id_barang Char 4 Primary Key

2 nm_barang Varchar 30

3 gambar Varchar 100

4 deskripsi Text

5 harga Double

6 Stok Int 11

7 tgl_upload Date

8 id_kategori Int 11

3. Tabel Pelanggan


Nama tabel : Pelanggan

Akronim : Pelanggan.MYD

Fungsi :untuk menyimpan data pelanggan

Tipe : File Pelanggan



Panjang record : 123 Byte

Kunci Field : id_detail

Software : MySQL

38

Tabel 3.4.

Spesifikasi File Pelanggan

N

o

Nama Field Tipe Size Ket

1 id_pelanggan Int 11 Primary Key

2 nm_pelanggan Varchar 30

3 email Varchar 30

4 telepon Varchar 12

5 alamat Text

6 kode_pos Varchar 5

7 username Varchar 12

8 password varchar 12

9 id_kota Int

4. Tabel detail_pesanan


Nama tabel : detail_pesanan

Akronim : detail_pesanan.MYD

Fungsi :untuk menyimpan data pesanan

Tipe : File Detail_Pesanan




Kunci Field : id_detail

Software : MySQL

39

Tabel 3.5.

Spesifikasi File Detail_Pesanan

No Nama Field Tipe Size Ket

1 Id_detail Int 11 Primary Key

2 Jumbel Int 11

3 Id_barang Char 6

4 Id_pesan Char 6

5. Tabel Kategori


Nama tabel : kategori

Akronim : kategori.MYD

Fungsi :untuk menyimpan data kategori

Tipe : File Kategori




Kunci Field : id_kategori

Software : MySQL

40

Tabel 3.6.

Spesifikasi File Kategori

No Nama Field Type Panjang Keterangan

1 Id_kategori Int 11 Primary Key

2 Nm_kategori varchar 30

6. Tabel Keranjang


Nama tabel : keranjang

Akronim : keranjang.MYD

Fungsi :untuk menyimpan data keranjang

Tipe : File Keranjang



Panjang record : 39Byte

Kunci Field : id_keranjang

Software : MySQL

41

Tabel 3.7.

Spesifikasi File Keranjang.

No Nama Field Type Panjang Keterangan

1 Id_kerajang Int 11 Primary Key

2 Id_barang Varchar 10

3 Jumlah Int 11

4 Id_pelanggan Int 11

3.2.3 Rancangan Struktur Navigasi

Gambar 3.14.

Struktur Navigasi User

42

Gambar 3.15.

Struktur Navigasi Admin

3.3 Implementasi dan Pengujian Unit.

3.3.1 Implementasi.

1. Implementasi Rancangan Antar Muka Halaman Index User

-Menampilkan halaman utama yang akan dilihat oleh user untuk melihat barang

yang akan dibeli atau dipesan.

Gambar 3.16.

Halaman Index User.

43

2. Implementasi Rancangan Antar Muka Halaman Login Admin

-Menampilkan halaman utama untuk melakukan login admin.

Gambar 3.17.

Halaman Login Admin

3. Implementasi Rancangan Antar Muka Halaman Beranda Admin

-Menampilkan halaman utama pada beranda administrasi setelah login.

Gambar 3.18.

Halaman Beranda Admin

44

4. Implementasi Rancangan Antar Muka Halaman Menu Admin

-Menampilkan halaman menu admin dimana didalamnya menampilkan nama,

username, dan password admin yang login.

Gambar 3.19.

Halaman Menu Admin

5. Implementasi Rancangan Antar Muka Halaman Pelanggan

-Menampilkan sub menu pada menu pelanggan dimana didalamnya menampilkan

nama,email,telepon,alamat,dan kota pelanggan yang telah mendaftarkan diri.

Gambar 3.20.

Halaman Pelanggan

45

6. Implementasi Rancangan Antar Muka Halaman Menu Kota

-Menampilkan sub menu pada menu kota, dimana didalamnya menampilkan

namakota dan ongkir, untuk menyesuaikan tujuan dan ongkos kirimnya.

Gambar 3.21.

Halaman Menu Kota

7. Implementasi Rancangan Antar Muka Halaman Kategori

-Menampilkan sub Menu pada menu kategori yang didalamnya menampilkan

nama kategori yang ditampilkan pada halaman utama pada web.

Gambar 3.22.

Halaman Kategori

46

8. Implementasi Rancangan Antar Muka Halaman Menu Barang

-Menampilkan sub menu pada menu barang, yang didalamnya menampilkan

gambar,id barang,nama barang,harga, dan stok barang, untuk menambahkan dan

merubah jumlah stok barang.

Gambar 3.23.

Halaman Menu Barang

9. Implementasi Rancangan Antar Muka Halaman Pemesanan

-Menampilkan sub menu pada menu pesanan, yang didalamnya menampilkan no

pesanan, nama, tanggal, total bayar, ongkir dan status pesanan,halaman ini untuk

melihat detail pesanan dan merubah status pemesanan.

Gambar 3.24.

Halaman Pemesanan

47

10. Implementasi Rancangan Antar Muka Halaman Konfirmasi

-Menampilkan sub menu pada menu Konfirmasi, yang didalamnya menampilkan

no pemesanan, nama,no rek,jml transfer, dan keterangan, untuk melihat konfirmasi

yang telah dilakukan oleh pelanggan yang memesan.

Gambar 3.25.

Halaman Konfirmasi

11. Implementasi Rancangan Antar Muka Halaman Tentang Toko

-Menampilkan sub menu pada menu tentang, halaman ini bertujuan untuk mengisi

gambar dan sejarah tentang toko gerai tanaman hias.

Gambar 3.26.

Halaman Tentang Toko

48

12. Implementasi Rancangan Antar Muka Halaman Kontak

-Menampilkan sub menu pada menu kontak, yang bertujuan untuk menampilkan

kontak administrasi seperti email,bbm, dan telepon.

Gambar 3.27.

Halaman Kontak

3.3.2 Spesifikasi Sistem Komputer

Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum

yang dibutuhkan untuk mengimplementasi aplikasi penjualan tanaman hias.

A. Spesifikasi Perangkat Keras.

1. CPU

i. Core (TM) i3-2350M CPU @2.30GHz

ii. RAM DDR2 2 GB

iii. Hard Disk 500 GB

2. Mouse

3. Keyboard

49

4. Monitor dengan resolusi layar minimum 1024x768

5. Koneksi internet dengan kecepatan 2Mbps.

B. Spesifikasi Perangkat Lunak.

1. Server

a. Sistem operasi yang digunakan seperti : Microsoft Windows

b. Aplikasi bundle web server seperti : xampp, yang terdiri dari beberapa

komponen, diantaranya :

1. Aplikasi Apache Server v2

2. Aplikasi PHP Server v5

3. Aplikasi MySQL Server v5

4. Aplikasi phpMyAdmin v3

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

Explore, Google Chrome.

2. Client

a. Sistem operasi yang umum digunakan seperti : Microsoft Windows

atau Linux ( Ubuntu, Fedora, dll ).

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

Explore, Google Chrome.

3.3.3 Pengujian Unit

Pengujian terhadap program yang dibuat menggunakan black box Testing

yang fokus terhadap proses masukan dan keluaran program.

50

1. Pengujian Form Login.

Tabel 3.8.

Pengujian Form Login.

No Scenario Pengujian Test Case Hasil yang

diinginkan

Hasil

Penguji

an

Kesimp

ulan

1 Username password

tidak diisi,

kemudian klik

tombol login

Username

: (kosong)

password:

(kosong)

Sistem

memberikan

pesan,

username dan

password harus

di isi

Sesuai

harapan

Vaild

2 Username diisi, dan

password tidak diisi,

kemudian klik

tombol login

Username

: admin

(benar)

password:

(kosong)

Sistem

memberikan

pesan,

username dan

password harus

di isi

Sesuai

harapan

Vaild

3 Username tidak

diisi, dan password

diisi, kemudian klik

tombol login

Username

: (kosong)

password:

admin

(benar)

Sistem

memberikan

pesan,

username dan

password harus

di isi

Sesuai

harapan

Vaild

4 Username dan

password diisi

dengn data salah,

kemudian klik

tombol login

admin

(benar)

password :

adm

(salah)

Sistem

menampilkan

password salah

Sesuai

harapan

Vaild

5 Username dan

password diisi

dengn data benar,

kemudian klik

tombol login

admin

(benar)

password :

admin

(benar)

Sistem

menerima

akses login,

dan

menampilkan

selamat datang

Sesuai

harapan

Vaild

51

2. Pengujian Form Login User

Tabel 3.9.

Pengujian Form Login User

52

3. Pengujian Data Member

Tabel 3.10

Pengujian Data Member

N

o

Scenario

Penguji

Test Case Hasil Yang

Diharapkan

Hasil

Pengujian

Kesimpula

n

No Scenario

Pengujian

Test Case Hasil yang

diinginkan

Hasil

Pengujian

Kesim

pulan

1 Username

password tidak

diisi, kemudian

klik tombol login

Username:

(kosong)

password:

(kosong)

Sistem

memberikan

pesan,

username dan

password harus

di isi

Sesuai

harapan

Vaild

2 Username diisi,

dan password

tidak diisi,

kemudian klik

tombol login

Username:

admin

(benar)

password

(kosong)

Sistem

memberikan

pesan,

username dan

password harus

di isi

Sesuai

harapan

Vaild

3 Username tidak

diisi, dan password

diisi, kemudian

klik tombol login

Username:

(kosong)

password

admin

(benar)

Sistem

memberikan

pesan,

usernsme dan

password harus

di isi

Sesuai

harapan

Vaild

4 Username

password diisi

dengn data salah,

kemudian klik

tombol login

adm

(salah)

password :

adm

(salah)

Sistem

menampilkan

username salah

Sesuai

harapan

Vaild

5 Username dan

password diisi

dengan data yang

benar, kemudian

klik tombol login

admin

(benar)

password :

admin

(benar)

Sistem

menerima akses

login, dan

menampilkan

selamat datang

Sesuai

harapan

Vaild

1 Tidak mengisi

Nama

Lengkap,

email,

no.telepon,

alamat, kota,

kode pos, data

login,

kemudian klik

tombol daftar

Nama pelanggan:

Email:

No. Tlp: username:

password :

Sistem

memberika

n pesan di

data yang

masih

kosong

Sesuai

harapan

Vaild

2 Mengisi nama

pelanggan dan

username.

Lalu email,

no.tlp, tidak

diisi kemudian

klik tombol

daftar

Nama pelanggan :

admin

Email

No.tlp

Username: admin

Password

Sistem

memberika

n pesan di

data yang

masih

kosong

Sesuai

harapan

Vaild

3 Mengisi email

lalu nama

pelanggan,

email, no.tlp

data login

tidak diisi,

kemudian klik

tombol daftar

Nama pelanggan :

email:

[email protected]

no.tlp: username:

password:

Sistem

memberika

n pesan di

data yang

masih

kosong

Sesuai

harapan

Vaild

53

4 Mengisi

username dan

password, lalu

nama

pelanggan,

email, no.tlp,

kosong

kemudian klik

tombol daftar

Nama pelanggan:

email:

no.tlp:

username:

admin

password: admin

Sistem

memberika

n pesan di

data yang

masih

kosong

Sesuai

harapan

Vaild

5 Mengisi nama

pelanggan,

email, no.tlp,

datalogin,

kemudian klik

Nama pelanggan:

admin

Email :

admin @gmail.com

No.tlp: 08774167

Sistem

menerima

akses

daftar, dan

menuju

Sesuai

harapan

Vaild

mailto:[email protected]

tombol daftar Username: admin

Password: admin

menu

utama

4. Pengujian Konfirmasi

Tabel 3.11

Pengujian Konfirmasi

N

o

Scenario Penguji Test Case Hasil Yang

Diharapkan

Hasil

Pengujia

n

Kesim

pulan

1 Tidak mengisi

no.pemesanan,

nama pelanggan,

jumlah transfer,

keterangan, tidak

diisi kemudian klik

kirim

No.pemesanan:

Nama

pelanggan:

Jumlah transfer:

Keterangan:

Sistem

memberikan

pesan di data

yang masih

kosong

Sesuai

harapan

Vaild

54

2 mengisi

no.pemesanan, lalu

nama pelanggan,

jumlah transfer,

keterangan, tidak

diisi kemudian klik

kirim

No.pemesanan:

P00014

Nama

pelanggan:

Jumlah transfer:

Keterangan:

Sistem

memberikan

pesan di data

yang masih

kosong

Sesuai

harapan

Vaild

3 mengisi nama

pelanggan, dan

no.pemesanan,

jumlah transfer,

keterangan, tidak

diisi kemudian klik

kirim

No.pemesanan:

Nama

pelanggan: raffa

Jumlah transfer:

keterangan

Sistem

memberikan

pesan di data

yang masih

kosong

Sesuai

harapan

Vaild

4 mengisi jumlah

transfer, dan

no.pemesanan,

nama penerima,

keterangan, tidak

diisi, kemudian klik

kirim

No.pemesanan:

nama

pelanggan:

Jumlah trasnfer:

100000

Keterangan:

Sistem

memberikan

pesan di data

yang masih

kosong

Sesuai

harapan

Vaild

5 Mengisi

no.pemesanan,

No.pemesanan:

P00014

Sistem

menerima

Sesuai

harapan

Vaild

nama pelanggan,

jumlah transfer,

keterangan

kemudian klik

kirim

Nama

pelanggan: Elky

Fristian

jumlah transfer:

100000

Keterangan:

Yang cepet

sampai

akses daftar,

dam menuju

menu barang

61

BAB IV

KESIMPULAN

4.1. Kesimpulan

Dengan selesainya penulisan tugas akhir ini yang menyangkut tentang

permasalahan yang terjadi pada penjualan tanaman hias secara alternatif pemecahan

masalahnya yaitu dengan menerapkan sistem informasi penjualan tanaman hias

berbasis web, maka pada bab ini penulis mengambil kesimpulan atas apa yang telah

dijabarkan pada bab-bab sebelumnya. Pada akhir penulisan ini akan diuraikan secara

garis besar dan apa yang telah dibahas mulai dari sistem pengelolaan data master

sampai dengan sistem transaksi penjualan yang secara umum dapat disimpulkan

secara berikut:

1. Perancangan aplikasi penjualan tanaman hias berbasis web digunakan sebagai

alternatif pemecahan masalah yang dihadapi selama ini, dengan adanya sistem

ini kedepannya dapat membantu masyarakat yang kesulitan dalam membeli

tanaman hias yang dibutuhkan.

2. Dengan adanya perancangan aplikasi pejualan tanaman hias berbasis web ini,

penyajian informasi tentang tanaman hias dapat disebarluaskan dengan mudah

dan cepat.

3. Diharapkan dengan adanya website penjualan tanaman hias ini masyarakat

dapat terbantu dalam pembelian tanaman hias tanpa membuang waktu dan

tenaga.

61

4.2. Saran

Dengan kesimpulan diatas penulis memberikan beberapa saran diantaranya

adalah sebagai berikut:

1. Sistem berbasis komputer yang sebaiknya digunakan adalah perancangan

aplikasi penjualan tanaman hias berbasis web yang dipergunakannya lebih

fleksibel dan relatif lebih user interface. Dalam mengaksesnya pun lebih

mudah karena hanya memerlukan sebuah web browser dan koneksi internet.

2. Diharapkan agar selalu mengembangkan website ini, agar website ini menjadi

website yang lebih baik dan efisien.

3. Memperbaiki tampilan website yang masih kurang baik sehingga website ini

menjadi yang menarik dan usability.

4. Selalu mengupdate isi website penjualan tanaman hias ini agar website

memiliki informasi yang terbaru dan akurat.

DAFTAR PUSTAKA

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

Yogyakarta : Andi.

Anhar. 2010. PHP & MySql Secara Otodidak. Jakarta : PT TransMedia.

Ardana. 2012. Managemen Sumber Daya Manusia. Yogyakarta : Graha Ilmu.

A.S. Rosa dan Shalahuddin. M. 2013. Rekayasa Perangkat Lunak Terstruktur dan

Berorientasi Objek. Bandung. Informatika.

Binanto. 2010. Multimedia Digital Dasar Teori dan Pengembangan. Yogyakarta.

Andi.

Humisar Hasugian dan Ahmad Nur Shidiq. 2012. Rancangan Bangunan Sistem

Informasi Industri Kreatif Bidang Penyewaan Sarana Olah Raga. Jakarta.

Riyanto. 2010. Sistem Informasi Penjualan Dengan PHP Dan MySQL.

Yogyakarta. Gava Media.

Sibero AFK. 2013. Web Programming Power Pack. Yogyakarta : Mediakom.

Simarmata. 2010. Rekayasa Perangkat Lunak. Yogyakarta : Andi.

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

Wahana Komputer. 2013. Android Progamming with Eclipse. Yogyakarta. Andi.

62

tugas akhir...perancangan sistem informasi penjualan berbasis web pada gerai tanaman hias tugas...

Documents