tugas akhir...perancangan sistem informasi penjualan berbasis web pada gerai tanaman hias tugas...
TRANSCRIPT
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.
Sumber : Binanto (2010:269)
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.
Sumber : Binanto (2010:269)
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.
Sumber : Binanto (2010:269)
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 database : db_tanaman
Nama tabel : barang
Akronim : barang.MYD
Fungsi : untuk menyimpan data barang
Tipe : File Master
Organisasi File : Index Sequential
Media File : Harddisk
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 database : db_tanaman
Nama tabel : Pelanggan
Akronim : Pelanggan.MYD
Fungsi :untuk menyimpan data pelanggan
Tipe : File Pelanggan
Organisasi File : Index Sequential
Media File : Harddisk
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 database : db_tanaman
Nama tabel : detail_pesanan
Akronim : detail_pesanan.MYD
Fungsi :untuk menyimpan data pesanan
Tipe : File Detail_Pesanan
Organisasi File : Index Sequential
Media File : Harddisk
Panjang record : 82 Byte
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 database : db_tanaman
Nama tabel : kategori
Akronim : kategori.MYD
Fungsi :untuk menyimpan data kategori
Tipe : File Kategori
Organisasi File : Index Sequential
Media File : Harddisk
Panjang record : 41 Byte
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 database : db_tanaman
Nama tabel : keranjang
Akronim : keranjang.MYD
Fungsi :untuk menyimpan data keranjang
Tipe : File Keranjang
Organisasi File : Index Sequential
Media File : Harddisk
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
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:
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
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