TUGAS AKHIR - repository.bsi.ac.idonline(e-commerce) yang benar dan menguntungkan Perusahaan di...

77
SISTEM INFORMASI PENJUALAN KUE DAN ROTI BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) HERMANSYAH NIM: 12140711 Program Studi Manajeman Informatika Akademi Manajemen Informatika Dan Komputer Bina Sarana Informatika Jakarta 2017

Transcript of TUGAS AKHIR - repository.bsi.ac.idonline(e-commerce) yang benar dan menguntungkan Perusahaan di...

SISTEM INFORMASI PENJUALAN KUE DAN ROTI

BERBASIS WEB

TUGAS AKHIR

Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III)

HERMANSYAH

NIM: 12140711

Program Studi Manajeman Informatika

Akademi Manajemen Informatika Dan Komputer Bina Sarana Informatika

Jakarta

2017

KATA PENGANTAR

Puji syukur kehadirat Alhamdulilah, Penulis panjatan kehadirat Allah SWT,

yang telah melimpahkan rahmat dan karunia Nya sehingga pada akhirnya. Penulis

dapat menyelesaikan tugas akhir ini dengan baik. Dimana Tugas Akhir ini penulis

sajikan dalam bentuk buku sederhana. Adapun judul penulisan Tugas Akhir, yang

penulis ambil adalah berikut

“SISTEM INFORMASI PENJUALAN KUE DAN ROTI BERBASIS WEB ”.

Tujuan penulisan Tugas Akhir ini di buat sebagai salah satu syarat kelulusan

Program Diploma Tiga (D.III) Akademi BSI. Sebagai bahan penulisan di ambil

berdasarkan hasil observasi dan beberapa sumber literature yang mendukung

penulisan ini. Penulis menyadari bahwa tanpa bimbingan dan dorongan dari semua

pihak, maka penulisan Tugas Akhir ini tidak akan lancar. Oleh karena itu pada

kesempatan ini, izinkan lah penulis menyampaikan ucapan terima kasih kepada:

1. Direktur AMIK BSI.

2. KetuaJurusan Manajeman Informatika AMIKBSI.

3. Ibu Astriana Mulyani, S. Si, M.Kom, selaku dosen pembimbing Tugas

Akhir.

4. Ibu Nurul Afni, M.Kom, selaku asisten dosen pembibing Tugas Akhir

5. Seluruh Staf dan dosen di lingkungan Akademi BSI.

6. Orang Tua tercinta yang telah memberikan dukungan serta do’a sehingga

ABSTRAKSI

Hermansyah (12140711), “Sistem Informasi Penjualan Kue Dan Roti Berbasis

Web”

Semakin berkembangnya zaman dan kecanggihan teknologi penggunaan

internet bukanlah suatu hal yang baru lagi.Hampir seluruh Negara mengenalnya.

Internet dapat mengenalkan segala sesuatu dengan jelas dari mencari kebutuhan apa

saja yang kita inginkan semua bias di dapatkan hanya dengan internet. Contoh nya

sekarang maraknya bisnis online yang sering di gunakan perusahaan atau pun toko

kecil untuk mempromosikan produk yang di jual atau jasa lain yang di tawarkan.

Bisnis online untuk sekarang sangatlah menjanjikan dari segi penghasilan,sistem

kemudahan dan keuntungan. Hal ini di manfaatkan toko kami yang menjual kue dan

roti untuk merancang dan membuat website yang berisi informasi yang berkaitan

dalam memperluas jangkauan promosi.Tugas akhir ini di buat oleh penulis

menggunakan web editor yaitu Adobe Dreamweaver, karena dengan metode ini

mempermudah untuk merancang website dengan cepat, menarik dan interaktif.

Penggunaan database MySQL pada website ini di dasarkan pada keunggulan yang di

miliki MySQL untuk menangani jutaan user secara bersamaan. Mampu menampung

lebih dari ribuan record dan sangatlah cepat mengeksekusi data. Tujuan penulis

membuat website ini bukan hanya sebagai sarana promosi saja tetapi juga bertujuan

untuk menginformasikan toko kami kepada masyarakat luas.

Kata kunci : Perancangan program, penjualan, website

ABSTRACT

Hermansyah (12140711) “Web-Based Cake and Bread Information System"

The growing sophistication of the technology age and use of the Internet is not a new

thing anymore. Almost the entire country knew him. Internet can introduce things

clear from looking for any needs we want all can get only with the Internet. His

example is now rampant online business that is often used by companies or small

shop to promote the products sold or services offered. Online business for now so is

promising in terms of income, and profits ease system. This is used by the store" a

company that sells a wide variety of cake and bread to design and create a website

that contains information pertaining to expand the reach of the promotion. The final

is created by the author using a web editor is Adobe Dreamweaver, because with this

method makes it easy to design a website quickly, interesting and interactive. The use

of a MySQL database on this website is based on the advantages of MySQL to handle

millions of users simultaneously. Can accommodate more than thousands of records

and very quickly execute data. The author's intent to make this website not only as a

means of promotion, but also aims to inform Holland Bakery store to the public.

Keywords: the design of the program,E-commers,website

DAFTAR ISI

Halaman

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

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

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

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

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

Kata Pengantar ................................................................................................... vi

Abstraksi ............................................................................................................ vii

Daftar Isi ............................................................................................................. viii

Daftar Simbol ................................................................................. ix

Daftar Gambar .................................................................................................... x

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

BAB I PENDAHULUAN ......................................................................... 1 1.1. Latar Belakang Masalah .......................................................... 1 1.2. Maksud dan Tujuan ................................................................. 3

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

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

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

BAB II LANDASAN TEORI ....................................................................... 7 2.1. Konsep Dasar Web ..................................................................... 7

2.2. Teori Pendukung .................................................................... 14

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

3.1. Analisa Kebutuhan ................................................................. 24

3.2. Perancangan Perangkat Lunak................................................. 25

3.2.1. Rancangan Antar Muka ..................................................... 25

3.2.2. Rancangan Basis Data ....................................................... 29

3.2.3. Rancangan Struktur Navigasi ............................................ 36

3.3. Implementasi Dan Pengujian Unit ........................................... 37

3.3.1. Implementasi ................................................................... 37

3.3.2. Spefikasi sistem komputer ............................................. 41

3.3.3. Pengujian Unit ................................................................. 43

BAB IV PENUTUP .......................................................................................... 53

4.1. Kesimpulan ............................................................................. 53

4.2. Saran ....................................................................................... 53

DAFTAR PUSTAKA ....................................................................................... 55

DAFTAR RIWAYAT HIDUP ......................................................................... 56

DAFTAR SIMBOL

A. Simbol Rancangna Basis Data

PROSES

Digunakan untuk menggambarkan instruksi atau

proses pengolahan data.

TERMINAL

Digunakan untuk menggambarkan awal dan akhir

suatu kondisi yang ada.

DECISION

Digunakan untuk menggambarkan proses

pengujian suatu kondisi yang ada di ERD.

DAFTAR GAMBAR

Halaman

1. Gambar II.1 Waterfall Model .................................................................... 13

2. Gambar II.2 Struktur Hirarki...................................................................... 15

3. Gambar II.3 Stuktur Linier ....................................................................... 16

4. Gambar II.4 Stuktur Linier dan Hirarki .................................................... 17

5. Gambar II.5 Stuktur Rangkaian ................................................................ 18

6. Gambar II.6 Stuktur Bersudut ................................................................... 19

7. Gambar III.1 Rancangan Antar Muka Login ............................................ 26

8. Gambar III.2 Rancangan Antar Muka Pelanggan ...................................... 26

9. Gambar III.3 Rancangan Antar Muka Produk kue .................................... 27

10. Gambar III.4 Rancangan Antar Muka Admin ........................................... 27

11. Gambar III.5 Rancangan Antar Muka Transaksi ....................................... 28

12. Gambar III.6 Entitiy Relationship Diagram............................................... 29

13. Gambar III.7 Logika Record Structure ...................................................... 30

14. Gambar III.8 Stuktur Navigasi User ......................................................... 37

15. Gambar III.9 Stuktur Navigasi Admin ...................................................... 37

16. Gambar III.10 Implementasi Halaman Login ............................................. 38

17. Gambar III.11 Implementasi HalamanPelanggan ........................................ 38

18. Gambar III.12 Implementasi Data Produk ................................................... 39

19. Gambar III.13 Implementasi Data Admin .................................................. 39

20. Gambar III.14 Implementasi Pilih Detail Produk ........................................ 40

21. Gambar III.15 Implementasi Pilih Jumlah Pembelian Produk..................... 40

22. Gambar III.16 Implementasi Nota .............................................................. 41

DAFTAR TABEL

Halaman

1. Tabel III.1 Spesifikasi File Pelangggan.............................................. 31

2. Tabel III.2 Spesifikasi File Barang ...................................................... 32

3. Tabel III.3 Spesifikasi File Kategori ................................................... 33

4. Tabel III.4 Spesifikasi File Transaksi .................................................. 34

5. Tabel III.5 Spesifikasi Isi Transaksi .................................................... 35

6. Tabel III.6 Spesifikasi File Konfirmasi ............................................... 36

7. Tabel III.7 HasilPenguji Block Box Testing Halaman Login ............. 43

8. Tabel III.8 HasilPenguji Block Box Testing Form Pelanggan ............ 46

9. Tabel III.9 HasilPenguji Block Box Testing Form Produk ................. 48

10. Tabel III.10 HasilPenguji Block Box Testing Form Kategori .............. 50

11. Tabel III.11 HasilPenguji Block Box Testing Form Transaksi ............. 51

BAB I

PENDAHULUAN

1.1 Latar Belakang Masalah

Pada era globalisasi seperti saat ini, kemajuan dan perkembangan teknologi

bergerak dengan sangat cepat. Cepatnya pergerakan perkembangan teknologi ini membuat

kebutuhan akan teknologi dirasakan sangat penting, terutama teknologi dibidang

komputer. Kemajuan teknologi komputer akhir-akhir ini telah memberikan kesempatan

yang sangat besar bagi pengguna untuk memanfaatkannya secara maksimal.

Persaingan dibidang industri makanan saat ini sangatlah ketat dalam hal kualitas,

kuantitas rasa dan harga. Untuk bersaing dibidang industry makanan harus menyalurkan

karya, kreativitas dan keinginan untuk menciptakan produk baru dengan kualitas dan

kuantitas terbaik, rasa yang enak dengan harga yang terjangkau.

Salah satu cara untuk dapat meningkatkan pendapatan Perusahaan dengan

melakukan system penjualan online(e-commerce). Untuk melakukan system penjualan

online(e-commerce) yang benar dan menguntungkan Perusahaan di butuhkan pengorbanan

yang tidak kecil.

Salah satu cara untuk melakukan penjualan online(e-commerce) yang

menguntungkan Perusahaan yaitu dengan cara membuat website berbasis penjualan.

Website merupakan salah satu wadah yang di harapkan bisa menjadi media informasi

karena aksesnya yang mudah dan dapat di lakukan oleh siapapun dan di manapun. Dengan

adanya pembuatan website berbasis penjualan ini mempermudah pembeli untuk membeli

kue dan roti tanpa harus mengantri .

Selain untuk mempermudah pembeli untuk membeli kue dan roti tanpa harus

mengantri pembuatan website berbasis penjualan digunakan juga untuk menemukan

permasalahan yang sering terjadi dan dialami oleh petugastoko, diantaranya pencarian data

barang masih terkendala dikarenakan harus cek satu persatu kue, pendataan penjualan

masih dicatat dalam buku besar penjualan, hal ini menyebabkan biasa terjadi hilang atau

rusak buku yang ada. Kendala lain pencatatan penjualan terkadang mengalami

ketidakfalitan terhadap nota penjualan dengan pencatatan didalam buku besar pembuatan

laporan mengalami kendala sering terlambat dikarenakan harus mengecek satu persatuan

tara pencatatan nota yang ada di buku besar.

Sebuah perusahaan yang bergerak di bidang pembuatan kue dan roti saat ini

system penjualan masih di dominasi oleh system penjualan melalui offline (langsung) yaitu

pembeli dat ang secara langsung ke toko untuk membeli kue dan roti. Sehingga dapat

membantu dalam mempromosikan kue dan roti kepada konsumen.

Berdasarkan permasalahan di atas maka penulis mencoba membuat system

program aplikasi untuk menentukan menyelesaikan masalah penjualan secara online(e-

commerce) dalam penulisan tugas akhir.

Berkaitan dengan hal tersebut maka penulis memilih judul.

“SISTEM INFORMASI PENJUALAN KUE DAN ROTI BERBASIS WEB”

1.2 Maksud dan Tujuan

Maksud dari penulisan tugas akhir ini adalah:

1. Mempermudah pembeli untuk membeli kue dan roti di toko kami tanpa harus

mengantri.

2. Mempermudah karyawan mengetahui stok kue dan roti di toko kami

3. Mempercepat pencarian data kue dan roti.

4. Pencatatan penjualan agar falit antara nota penjualan dengan buku besar.

5. Mempercepat pembuatan laporan penjualan.

Tujuan dari PenulisanTugas Akhir adalah sebagai salah satu syarat kelulusan

Diploma Tiga (DIII) Jurusan Manajemen Informatika pada Akademik Manajemen Informasi

dan Komputer Bina Sarana Informatika (AMIK BSI ) Jakarta.

1.3 Metode Penelitian

Menjelaskan metode penelitian dan teknik pengumpulan data yang digunakan

untuk penyusun TugasAkhir.

A. Metode Pengembangan Perangkat Lunak

Metode yang digunakan pada pengembangan perangkat lunak ini menggunakan

model water fall (Rosa, 2008:66) yang terbagi menjadi tiga tahapan, yaitu:

1. Analisa Kebutuhan

Tahapan ini sangat menekan pada masalah pengumpulan kebutuhan pengguna

pada tingkat system dengan menentukan konsep system beserta antar muka yang

menghubungkannya dengan lingkungan sekitar. Hasilnya berupa spesifikasi system.

2. Perancangan Sistem dan Perangkat Lunak

Proses perancangan system di fokuskan pada empat atribut , yaitu struktur data

representasi antar muka arsitektur perangkat lunak dan interaksi antar objek di

dalam kelas.

3. Implementasi dan Pengujian Unit

Pada tahap ini, perancangan perangkat lunak direalisasikan sebagai serangkaian

program atau unit program/black box. Kemudian pengujikan unit melibatkan

verifikasi bahwa setiap unit program telah memenuhi spesifikasi table dengan

menggunakan LRD dan LRS.

B. Teknik Pengumpulan Data

Teknik pengumpulan data yang digunakan oleh penulis dalam melakukan

pengumpulan data untuk pembuatanTugas Akhir adalah:

1. Metode Observasi

Metode observasi merupakan cara pengumpulan data secara langsung ke lapangan

dengan melihat khususnyasaat layanan transaksi terjadi.

2. Metode studi kepustakaan yakni metode yang dilakukan dengan cara membaca dan

mempelajari buku-buku atau yang dapat menunjang serta berkaitan dengan

pembuatan tugas akhir.

1.4 RuangLingkup

Mengingat luasnya pembahasan, maka perlu adanya pembatasan masalah agar

penulisan tugas akhir ini bisa lebih terarah. Berdasarkan pemilihan judul tersebut diatas,

tugas akhir ini di batasi hanya mengenai Perancangan Program Penjualan kue dan roti

secara online, yang berisikan beberapa file diantaranya adaUser : melihat home, memesan

produk, melihat kategori, about us, konfirmasi.

Admin : penginputan data barang, melihat konfirmasi pembayaran, merubah status

pembayaran, Laporan, Logout.

1.5 Sistematika Penulisan

Untuk lebih memudahkan pembahasan dan pengertian masalah maka penulis

menguraikan pembahasan dengan menggunakan sistematika penulisan. Adapun

sistematika penulisan laporan Tugas Akhir ini adalah sebagai berikut:

BAB I PENDAHULUAN

Dalam bab ini penulis menjelaskan gambaran umum tentang maksud dan

tujuan, metode penelitian, ruang lingkup serta sistematika penulisan.

BAB II LANDASAN TEORI

Dalam bab ini penulis menguraikan secara singkat beberapa landasan teori

dan kerangka konseptual.

BAB III PEMBAHASAN

Dalam bab ini penulis menguraikan secara singkat mengenai penjelasan

sistem yang sedang berjalan, analisa kebutuhan, perancangan perangkat

lunak dan implementasi serta pengujian unit.

BAB IV PENUTUP

Dalam bab ini penulis menguraikan tentang kesimpulan dan saran.

BAB II

LANDASAN TEORI

2.1. Konsep Dasar Website

A. Internet

Menurut Sibero (2011:10) pengertian “internet (Interconnected Network)

adalah jaringan komputer yang menghubungkan antar jaringan global, internet dapat

juga disebut jaringan dalam suatu jaringan yang luas”.

Seperti halnya pada jaringan komputer lokal maupun jaringan komputer area,

internet juga menggunakan protokol komunikasi yang sama yaitu TCP/IP

(Transmission Control Protocol / Internet Protocol).

1. Website

Menurut Soetejo (2012:11) Website atau situs dapat diartikan sebagai

kumpulan halaman-halaman yang digunakan untuk menampilkan informasi, gambar

gerak, suara dan gabungan dari semuanya, baik yang bersifat statis maupun dinamis

yang membentuk suatu rangkaian bangunan yang saling terkait dimana masing-

masing dihubungkan dengan link-link.

2. E-Commerce

Menurut Saputra (2012:116) mempunyai definisi Electronic Commerce

adalah “segala aktivitas transaksi produk ataupun jasa antara penjual dan pembeli

dengan memanfaatkan kecanggihan elektronik”.

Sehingga proses transaksi dapat dilakukan meskipun antara penjual dan

pembeli tidak secara langsung bertatap muka.

3. Web Browser

Menurut Limantara (2009:1) menjelaskan bahwa “web browser merupakan

aplikasi perangkat lunak yang memungkinkan pengguna untuk berinteraksi dengan

teks, image, vidio, games, dan informasi lainnya yang berlokasi pada halaman web

pada World Wide Web (WWW) atau Local Area Network (LAN)”.Teks dan image

pada halaman web dapat berisi hyperlink ke halaman web lain pada website yang

sama maupun berbeda.

4. Web Server

Menurut Supardi (2010:181) menjelaskan bahwa “web server merupakan

perangkat lunak yang mengatur atau mengelolah program berdasarkan permintaan

browser dan dikirimkan kembali ke browser”.

B. Bahasa Pemograman

1. Dreamweaver CS6

Menurut Sadeli (2012:194) “Dreamweaver CS6 merupakan suatu perangkat

lunak web editor keluaran Adobe System yang di gunakan untuk membangun

dan mendesain suatu website dengan fitur-fitur yang menarik dan dan

kemudahan dalam penggunaanya.

Dreamweaver CS6 tergabung dalam paket Adobe Creative Suite (CS) yang di

dalamnya terdapat paket desain grafis, video editing,dan pengembangan web

aplikasi. Adobe Creative Suite 6(CS6),dirilis tanggal 21 April 2012.

2. PHP Hypertext preprocessor (PHP)

Menurut Sibero (2011:49) “PHP (PHP Hypertext Preprocessor) adalah

pemrograman interpreter yaitu proses penerjemah bahasa kode sumber menjadi kode

mesin yang dimengerti komputer secara langsung pada saat baris kode dijalankan”.

PHP disebut sebagai pemrograman Server Slide Programming, hal ini

dikarenakan seluruh prosesnya dijalankan pada server.PHP adalah suatu bahasa

dengan hak cipta terbuka atau juga dikenal dengan istilah open source, yaitu

penggunaan yang dapat mengembangkan kode–kode fungsi PHP pada file tunggal

dan penulisan kode PHP pada halaman html. Kedua cara penulisan tersebut tidak

memiliki suatu perbedaan, hanya saja kebiasaan gaya penulisan dari programmer.

Pada awalnya PHP merupakan kependekan dari Personal Home Page(Situs

personal). PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995.Pada

waktu itu PHP masih berupa nama Form Interpreted (FI), yang wujudnya berupa

sekumpulan skrip yang digunakan untuk mengolah data formulir dari web.

3. Hyper Text Markup Language (HTML)

Menurut Sibero (2011:19) mengemukakan bahwa “Hypertext Markup

Language atau HTML, adalah bahasa yang digunakan pada dokumen web sebagai

bahasa untuk pertukaran dokumen web”.

Pada halaman web, HTML dijadikan sebagai bahasa script dasar yang

berjalan bersama berbagai bahasa scripting pemrograman lainnya. Semua tag-tag

HTML bersifat dinamis, artinya kode HTML tidak dapat dijadikan sebagai file

executable program. Hal ini disebabkan HTML hanyalah sebuah bahasa scripting

yang dapat berjalan apabila dijadikan didalam browser (pengakses web), browser-

browser yang mendukung HTML antara lain adalah internet explorer, netscape

navigator, opera, mozila dan lain-lain. Jadi pada saat ingin membuka halaman yang

berasal dari HTML seseorang dapat melihat bentuk pengkodeannya dengan cara

mengklik menu view lalu source, maka disana akan ditampilkan semua tag beserta isi

dari halaman web tersebut.

4. Cascading Style Sheet (CSS)

Menurut Sibero (2011:112)”Cascading Style Sheet (CSS) digunakan untuk

mengatur style elemen yang ada dalam halaman web, mulai mengatur teks sampai

dengan mengatur layout (kerangka tampilan)”.

Pada awalnya Cascading Style Sheet (CSS) dikembangkan pada SGML pada

tahun 1970, dan terus dikembangkan hingga saat ini CSS telah mendukung banyak

bahasa Markupseperti : HTML, XHTML, XML, SVG (Scalable Vector Graphics) dan

Mozilla XUL (XML User Interface Language). Mengacu dari arti bahasa, Cascading

Style Sheet memiliki arti Gaya Menata Halaman Bertingkat, yang berarti setiap satu

elemen yang telah diformat dan memiliki anak dan telah diformat, maka anak dari

elemen tersebut secara otomatis mengikuti format elemen induknya. Tujuan

digunakan CSS adalah supaya diperoleh suatu kekonsistenan style pada elemen

tertentu.

5. jQuery

Menurut Sibero (2011:218) “jQuery adalah salah satu javascript framework

terbaik saat ini. jQuery dikembangkan oleh John Resig pada tahun 2006 di BarCamp

NYC”.

Pada awal perkembangannya, jQuery pertama dibuat untuk meringkas

penggunaan CSS Selector dalam suatu pustaka fungsi. jQuery memiliki ciri khas

pada penggunaan perintahnya, prefix untuk jQuery dengan tanda $ kemudian

dilanjutkan dengan fungsi atau perintah.

6. Java Script

Menurut Kustiyaningsih dan Anamisa (2010:130) “java script adalah bahasa

yang berbentuk kumpulan skrip berjalan pada suatu dokumen HTML”.

Bahasa ini adalah bahasa pemrograman untuk memberikan kemampuan

tambahan terhadap bahasa HTML dengan mengizinkan pengeksekusian perintah-

perintah di sisi user artinya di sisi browser bukan di sisi server web. Java script

adalah bahasa yang case sensitive artinya membedakan penamaan variabel dan

fungsi yang menggunakan huruf besar dan huruf kecil, contoh variabel atau fungsi

dengan nama test berbeda dengan variabel dengan nama test dan setiap instruksi

diakhiri dengan karakter titik koma (;).

C. Basis Data

1. Apache Web Server

Menurut Sibero (2011:370) “Apache web server adalah server web yang

dapat dijalankan dibanyak sistem operasi (Unix, BSD, Linux, Microsoft Windows,

dan lain-lain) yang berguna untuk melayani dan menjalankan situs web”.

Apache memiliki fitur-fitur canggih seperti pesan kesan kesalahan yang dapat

dikonfigurasikan, autentikasi berbagai data dan lain-lain. Apache merupakan

perangkat lunak sumber terbuka (open source) dikembangkan oleh komunitas

terbuka yang terdiri dari pengembangan-pengembangan dibawah naungan Apache

Software Foundation. Web server ini nantinya yang akan digunakan sebagai bahasa

pemograman PHP.

2. XAMMP

Menurut Yogi (2008:7) mengemukakan bahwa “XAMMP” sebuah software

yang berfungsi untuk menjalankan website berbasis PHP dan menggunakan

pengolahan data MySQL di komputer lokal.

XAMMP berperan sebagai server web pada komputer anda. XAMMP juga

dapat disebut sebuah Cpanel server virtual, yang dapat membantu anda melakukan

preview sehingga dapat mengubah website tanpa harus online atau terakses dengan

internet.

3. MySQL

Menurut Kustiyaningsih dan Anamisa (2010:157) MySQL atau “My Sekuel

adalah suatu RDBMS (Relational Data base Management system) yaitu aplikasi

sistem yang menjalankan fungsi pengolahan data”.

MySQL pertama dikembangkan oleh MySQL AB yang kemudian diakuisisi

Sun Microystem dan terakhir dikelola oleh Oracle Coorporation. Salah satu database

server yang cukup dikenal saaat ini adalah MySQL. Adapun keunggulan dari

MySQL adalah:

a. Mampu menangani jutaan user dalam waktu yang bersamaan.

b. Mampu menampung lebih dari 50.000.000 record.

c. Sangat cepat mengeksekusi perintah

d. MySQL menggunakan SQL dan bersifat free (gratis).

e. MySQL dapat berjalan diberbagai platform, antara lain Linux, Windows

dan lain sebagainya.

f. Memiliki user privilege sistem yang mudah dan efisien.

D. Model Pengembang Perangkat Lunak Teori Waterfall

Menurut Rosa dan Shalahuddin (2012:28) “Model Software Development

Life Cycle (SDLC) air terjun (waterfall) sering juga disebut model sekuensial linier

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

Model air terjun menyediakan pendekatan alur hidup perangkat lunak secara

sekuensial atau terurut dimulai dari analisis, desain, pengodean, pengujian, dan tahap

pendukung (support). Model waterfall adalah model SDLC yang paling sederhana,

model ini hanya cocok untuk pengembangan perangkat lunak dengan spesifikasi

yang tidak berubah-ubah.

(Sumber : Rosa dan Shalahuddin 2012 : 28 )

Gambar II.1

Waterfall Model

2.2. Teori Pendukung

A. Stuktur Navigasi (Stuktur Web)

Menurut Othman dkk (2008:53), Proses menghasilkan satu dokumen web

seperti membangun modul-modul teks dan menghubungkan antara keduanya,

pengembang web mungkin membangun tabel dan gambar serta mengaitkan keduanya

ke teks. Untuk memungkinkan akses informasi web yang lebih efektif pengembang

web perlu menciptakan menu dan petunjuk sehingga pembaca mudah mengakses

dokumen tersebut.

Pengembangan situs web melibatkan aplikasi sistem hypertext dalam sesuatu

sistem hypertext, satu informasi mungkin dapat dihubungkan dengan satu informasi

lain. Ini memungkinkan ide dikaitkan dengan cara-cara yang menguntungkan

meskipun demikian, seseorang penulis yang tidak memiliki keterampilan akan

tertarik untuk menciptakan hubungan yang teratur menyebabkan pembaca akan

tersesat. Untuk menciptakan dokumen web yang berbasis hypertext yang berkualitas,

satu struktur yang jelas harus ditempatkan ke informasi dan membuat struktur itu

nyata kepada pengguna. Bentuk struktur yang lazim digunakan adalah hirarki.

1. Struktur Hirarki

Menurut Othman dkk (2008:54), Menu utama adalah tingkat yang tertinggi

dan dipecah menjadi sub halaman, berikut sub situs dipecahkan lagi dan tingkat ini

merupakan spesialisasi yang paling mendalam, struktur hirarki harus memiliki

konten pada setiap tingkat karena kategori yang kosong mewakili nilai kosong

kepada pengguna. Kebanyakan struktur ini memiliki kedalaman kurang dari pada

empat tingkat kategori dan setiap cabang dalam struktur harus memiliki setidaknya

dua kategori. Selain itu setiap kategori harus memiliki konten yang cukup untuk

mempertahankan eksistensinya.

( Sumber : Othman dkk 2008:54 )

Gambar II.2

Struktur Hirarki

2. Struktur Linier

Menurut Othman dkk (2008:55), Struktur linier adalah menyerupai cara

dokumen cetak diorganisasikan. Melalui struktur linear, setiap muka akan turut-

menuruti antara satu sama lain seperti yang dirujukan dalam Gambar II.3. Link pada

halaman menghubungkan halaman tersebut dengan cara yang sama sebagaimana

halaman disusun.

Struktur linear adalah mudah untuk dibuat, struktur ini tidak memerlukan

desain antar muka yang kompleks dan pengujian kegunaan yang banyak.

Implementasi struktur horizontal untuk struktur informasi yang dapat dilihat dengan

jelas biasanya memiliki 30 kategori atau kurang. Struktur ini memudahkan

penjelajahan dan pemahaman konteks karena pengguna tidak diberi banyak pilihan

untuk menjelajah ke dokumen yang lain. Namun, struktur yang tergerakan

membatasi penjelajahan serta presentasi ide penulis web itu sendiri.

( Sumber : Othman dkk 2008:55 )

GambarII.3

Struktur Linier

3. Kombinasi Struktur Linier dan Hirarki

Menurut Othman dkk (2008:56), Satu metode organisasi isi dokumen web

yang sering digunakan adalah kombinasi struktur linear dan hirarkis. organisasi

seperti ini sering terlihat pada dokumen yang terstruktur tetapi bersifat linear, seperti

segmen pertanyaan lazim pada kebanyakan situs. kombinasi ini efektif jika pembaca

diberikan penanda posisi. Pembaca mudah hilang arah ketika bergerak dari satu

hirarki ke hirarki yang lain.

Diagram menunjukan struktur linear dan hierarki yang banyak digunakan

dalam situs hari ini. Struktur ini memungkinkan pengguna mengaksessitus tanpa

harus mengikuti urutan tertentu. Pengguna bebas untuk menjelajahi antara hirarki

situs dan ini memudahkan pergerakan pengguna yang biasa melawar situs yang

menggunakan struktur ini.

( Sumber : Othman dkk 2008:56 )

GambarII.4

Struktur Linier dan Hirarki

4. Struktur Rangkaian

Menurut Othman dkk (2008:56), Struktur jaringan atau yang juga dikenal

sebagai web atau web adalah satu set dokumen yang memiliki sedikit atau tidak ada

struktur keseluruhan sebenarnya. Apa yang mengaitkan sesuatu situs dengan yang

lain adalah kaitan seperti yang ditunjukan dalam gambar. Hypertext harus dibangun

dengan hirarki-hirarki yang dapat dilihat dengan jelas dan hubungan-hubungan yang

teratur. Ada banyak hubungan antara kategori atau node dan setiap hubungan yang

ada dapat memiliki makna yang berbeda. Setiap kategori dalam struktur jaringan ini

dapat dihubungkan ke setiap kategori lain. Oleh karena itu, satu kategori mungkin

memiliki lebih dari satu kategori yang lebih tinggi tahapnya.

Tesaurus, peta konsep dan jaringan semantik merupakan contoh struktur

jaringan yang dapat diimplementasikan secara jelas atau tidak signifikan.

( Sumber : Othman dkk 2008:56 )

Gambar II.5

Struktur Rangkaian

5. Struktur Bersudut

Menurut Othman dkk (2008:57), Struktur miring mencerminkan struktur

horizontal ketika diimplementasikan tetapi memiliki struktur dan tujuan yang

berbeda. Struktur miring juga tidak memiliki hubungan alami antara kategorinya

seperti struktur horizontal. Gambar II.6 menunjukan struktur miring diwakili sebagai

struktur bintang dengan setiap node dipermulaan struktur dihubungkan ke fokus di

tengah. Struktur ini terlihat mudah tetapi menjadi kompleks dengan cepat.

Menurut Othman dkk (2008:57), Isi desain yang paling penting untuk struktur

bersudut ialah penyesuaian struktur dengan tujuannya. Pengguna harus

berkemampuan untuk memanipulasi node dengan jelas. Oleh itu, karakteristik setiap

node harus didefinisikan dengan lengkap dan jelas tanpa tumpang tindih dengan node

yang lain. Kebanyakan struktur miring adalah struktur yang tidak signifikan.

Sekitarnya dijadikan signifikan, struktur ini akan diwakilkan dalam bentuk catatan

atau format tabel .

Menurut Othman dkk (2008:58), Aplikasi utama struktur miring yang tidak

signifikan pada hari ialah catatan metadata perpustakaan , sistem e - perniaga dan

portal merupakan pengguna utama metadata.

( Sumber : Othman dkk 2008:57 )

Gambar II.6

Struktur Bersudut

B. Entity Relationship Diagram (ERD)

Menurut Simarmata dan Prayudi (2008:67) mengemukakan bahwa: Entity

Relationship Diagram adalah alat pemodelan data utama dan akan membantu

mengorganisasi data dalam suatu proyek ke dalam entitas-entitas dan menentukan

hubungan antar entitas. Proses memungkinkan analis menghasilkan struktur basis

data yang baik sehingga data dapat disimpan dan diambil secara efisien.

1. Komponen ERD

Komponen yang terdapat dalam Entity Relationship Diagram menurut

Frieyadie (2008:10) adalah sebagai berikut:

a. Entity (entitas)

Entitas adalah suatu data yang dapat disimpan dan berguna bagi badan atau

perusahaan, dengan kata lain, suatu objek yang dapat dibedakan dengan objek

lainnya. Entitas digambarkan dengan kotak persegi panjang.

Terdapat juga Entitas Lemah (Weak Entity), yaitu suatu entitas sangat

bergantung dengan entitas biasa, dengan kata lain, entitas lemah tidak akan ada

apabila tidak ada entitas biasa. Entitas lemah digambarkan dengan kotak persegi

panjang dengan garis ganda.

b. Atribut

Atribut menunjukan karakteristik dari tiap-tiap titas. Atribut digambarkan

dengan bentuk oval.

c. Relasi

Relasi menunjukkan hubungan yang terjadi antarentitas. Relasi digambarkan

dengan bentuk belah ketupat atau diamond.

d. Line Connector

Line Connector digambarkan dengan bentuk garis tunggal.

e. Atribut Utama

Atribut utama digambarkan dengan bentuk oval, dengan keterangan diberi

garis bawah absolut.

f. Atribut Pilihan

Atribut pilihan digambarkan dengan bentuk oval dengan keterangan diberi

garis bawah putus-putus.

g. Kardinalitas

Kardinalitas merupakan tingkat hubungan yang terjadi antarentitas di dalam

sebuah sistem.

Terdapat tiga tingkat hubungan yang terjadi menurut Frieyadie (2008:12),

yaitu :

1. Hubungan Satu pada Satu (One to One atau 1:1)

Tingkat hubungan dinyatakan satu pada satu, jika satu kejadian pada entitas

pertama hanya mempunyai satu hubungan dengan suatu kejadian pada entitas

kedua.Demikian juga sebaliknya, satu kejadian pada entitas kedua hanya bisa

mempunyai satu hubungan dengan satu kejadian pada entitas yang pertama.

2. Hubungan Satu pada Banyak (One to Many atau 1:M)

Tingkat hubungan satu pada banyak (1:M) adalah sama dengan banyak pada satu

(M:1), tergantung dari arah mana hubungan tersebut dilihat. Untuk satu kejadian

pada entitas yang pertama dapat mempunyai banyak hubungan dengan kejadian

pada entitas yang kedua.

Sebaliknya satu kejadian pada entitas yang kedua, hanya bisa mempunyai satu

hubungan dengan satu kejadian pada entitas yang pertama.

3. Hubungan Banyak pada Banyak (Many to Many atau M:N)

Tingkat hubungan banyak pada banyak (M:N) terjadi jika tiap kejadian pada

sebuah entitas akan mempunyai banyak hubungan dengan kejadian pada entitas

lainnya, baik dilihat dari sisi entitas yang pertama maupun dilihat dari sisi entitas

yang kedua.

2. Logical Record Structure (LRS)

Logical Record structure (LRS) yaitu sebelum tabel dibentuk dari field atau

atribut entitas secara fisik atau lever internal, maka harus dibuatkan suatu bentuk

relational model yang dibuat secara logic atau level external dan konsep. (Frieyadie,

2007:13).

LRS merupakan hasil pemodelan Entity Relationship (ER) beserta atributnya

sehingga bisa terlihat hubungan-hubungan antar entitas.

Menurut Frieyadie (2008:13) dalam pembuatan LRS terdapat tiga hal yang

dapat mempengaruhi, yaitu:

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

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

dengan entitas yang memiliki atribut yang lebih sedikit.

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

hubungan relasi atau digabungkan dengan entitas yang tingkat hubungannya

banyak.

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

maka hubungan relasi tidak akan digabungkan dengan entitas manapun,

melainkan menjadi sebuah LRS.

C. Black Box Testing

Menurut Pressman (2010:459), “pengujian black box adalah pengujian aspek

fundamental sistem tanpa memperhatikan struktur logika internal perangkat

lunak”.

Metode ini digunakan untuk mengetahui apakah perangkat lunak berfungsi

dengan benar.Pengujian black box merupakan metode perancangan data uji yang

didasarkan pada spesifikasi perangkat lunak.Data uji di eksekusi pada perangkat

lunak dan kemudian keluar dari perangkat lunak di cek apakah telah sesuai yang

diharapkan.

Menurut pressman (2010:459),“Keunggulan Black Box yaitu bisa memilih subset

test secara efektif dan efisien, dapat menemukan cacat dan bisa memaksimalkan

testing yaitu tester tidak pernah yakin apakah perangkat lunak tersebut benar-

benar lolos uji”.

Menurut pressman (2010:459),“Langkah-langkah pengujian Black Box adalah

Analisa kebutuhan dan spesifikasi, pemilihan input, pemilihan outputnya, seleksi

input, pengujian, revisi hasil, dan evaluasi”.

Menurut pressman (2010:459),“pengujian Black Box berusaha menemukan

kesalahan dalam kategori diantaranya adalahfungsi-fungsi yang

tidakbenaratauhilang, kesalahan interface, kesalahan dan struktur data atau akses

database eksternal, kesalahan kinerja dan inisialisasi dan kesalahan terminasi”.

BAB III

PEMBAHASAN

3.1. Analisa Kebutuhan

Berikut proses bisnis berdasarkan urutan kegiatan yang terjadi pada

prosespenjualan kue dan rotisecaraonline.

Konsumen

Konsumen boleh langsung melihat-lihat kue yang tersedia dalam beranda,

tetapi harus login terlebih dahulu jika ingin membeli kue. Jika konsumen

belum terdaftar maka wajib mengisi form pendaftaran member pada menu

registrasi. Cara ini untuk memudahkan untuk data pengiriman barang

sekaligus disimpan kedatabase konsumen.jika data konsumen sudah ada

langsung login saja maka otomatis data konsumen akan terisi sendiri sesuai

dengan data yang diisi pada saat isi form member.

b. Transaksi

Tahap selanjutnya adalah tahap transaksi. Setelah konsumen memilih barang

dan mengisi jumlah barang maka akan ada dua pilihan yaitu ingin belanja lagi

dengan mengklik tombol back atau selesai dengan mengklik tombol check

out. Jika pilihanya adalah belanja lagi maka konsumen dipandu ke halaman

menu cake jika tidak maka akan di pandu ke halaman keranjang belanja.

Setelah selesai maka akan tampil nota dan tersimpan didatabase.

c. Pembayaran

Setelah transaksi selesai, maka konsumen wajib mentrasfer sejumlah uang ke

rekening pemilik web tokoPenjualan kue dan rotisenilai jumlah uang pada

nota setelah konsumen transfer lalu konfirmasi maka barang siap dikirim.

Waktu konfirmasi 2x24 jam lebih dari waktu tersebut maka pesanan akan di

batalkan.

d. Laporan

Laporan dibuat oleh bagian administrasi yang terdiri dari laporan

datakonsumen, barang dan laporan pemesanan dan laporan rekap

penjualan.Laporan konsumen didalamnya terdapat isi tentang kunjungan

konsumen yang bertransaksi yang kemudian di laporkan kepada pemilik

sedangkan laporan barang berfungsi untuk mengetahui stok barang.Laporan

pendapatan didalamnya terdapat isi tentang hasil pembayaran yang diterima

yang kemudian dilaporkan kepada pemilik.

3.2. Perancangan Perangkat Lunak

Perancangan lunak ini difokuskan pada tiga atribut, yaitu rancangan

antarmuka,rancangan basis data, dan rancangan struktur navigasi.

3.2.1. Rancangan Antar Muka

Menjelaskan rancangan antar muka (interface) yang terdapat pada website

Penjualan kue dan rotiantara lain :

A. Rancangan Antar Muka Login

Gambar III.1. Rancangan Antar Muka Login

B. Rancangan Antar Muka Pelanggan

User :

Password :

Daftar Member Baru

Input login Kue

XXXXXXXX

XXXXXXXX

LOGIN

Nama

Alamat

Telepon

Email

User

Password

Re Password

Form Pendaftaran Member

XXXXXXXXXX

XXXXXXXXXXXXXXXXXXXX

XXXXXXXXXX

99999999999

XXXXXXXXXX

99999999999

99999999999

Gambar III.2. Rancangan Antar Muka form pendaftaran

C. Rancangan Antar muka produk kue

Gambar III.3. Rancangan Antar Muka Produk Kue

D. Rancangan Antar Muka Admin

99999999999

Daftar

XXXXXXXXXXXXXXX

9999999999

*.jpg

Beli Detail

Username

Password

Form Admin

XXXXXXXXX

Gambar III.4. Rancangan Antar Muka Admin

E. Rancangan Antar Muka Transaksi

Gambar III.5. Rancangan Antar Muka Transaksi

XXXXXXXXXXXXX

ID

X

User Name

XXXXXXXXXXXXXXX

Aksi

Produk Nama Harga (Rp) Aksi Qty Total(Rp)

Transaksi Kue

*.jpg XXXXXXXXXXXX 9999999 XXXXXX 9999 9999999

Bac Check Out Grand Total (Rp) 99999999

3.2.2. Rancangan Basis Data

A. Entity Relationship Diagram

Gambar III.6. Entitiy Relationship Diagram

B. Logical Record Structure

Gambar III.7. Logika Record Structure

C. Spesifikasi File

Pada program aplikasi kue online memiliki beberapa tabel yang tersimpan

pada satu database master, berikut penjelasan tabel yang terdapat pada database

sebagai berikut:

• Spesifikasi File Pelanggan

Nama File : Pelanggan

Akronim : pelanggan

Fungsi : menyimpan data pelanggan

Tipe File : Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hard disk

Panjang Record : 223 karakter

Field Key : id_users

Software : Mysql

Tabel III.1.Spesifikasi File Pelanggan

No Elemen Data Akronim Tipe Panjang Keterangan

1 Kode Pelanggan Id_users Int 11 Primary key

2 Nama Pelanggan Nama Varchar 35

3 Alamat Alamat Text 100

4 Telepon Telepon Varchar 25

5 Handphone Username Varchar 20

6 Password Password Text 32

2. Spesifikasi File Barang

Nama File : produk

Akronim : Produk

Fungsi : Untuk menyimpan data kue

Tipe File : Master

Organisasi File : Index Squential

Akses File : Random

Media : Hard disk

Panjang Record : 253 karakter

Field Key : id_produk

Software : Mysql

Tabel III.2.Spesifikasi File Barang

No Elemen Data Akronim Tipe Panjang Keterangan

1 Identitas Produk Id_produk Int 4 Primary key

2 Nama Produk Nama Varchar 35

3 Deskripsi Deskripsi Text 100

4 Harga Harga Int 11

5 Stok Stock Int 11

6 Gambar Gambar Varchar 50

7 Jenis Produk Warna Varchar 25

8 Ukuran Produk Ukuran Varchar 15

9 Id Kategori Id_kategori Int 2 Foreign Key

3. Spesifikasi File Kategori

Nama File : kategori

Akronim : Kategori

Tipe File : Master

Organisasi File : Index Squential

Akses File : Random

Media : Hard disk

Panjang Record : 27 karakter

Field Key : id_kategori

Software : Mysql

Tabel III.3. Spesifikasi File Kategori

No Elemen Data Akronim Tipe Panjang Keterangan

1 Identitas Kategori Id_kategori Int 2 Primary key

2 Nama Kategori Kategori Varchar 25

4. Spesifikasi File Transaksi

Nama File : transaksi

Akronim : Transaksi

Fungsi : Untuk menyimpan data pemesan produk

Tipe File : Transaksi

Organisasi File : Index Squential

Akses File : Random

Media : Hard disk

Panjang Record : 9 karakter

Field Key : notransaksi

Software : Mysql

Tabel III.4. Spesifikasi File Transaksi

No Elemen Data Akronim Tipe Panjang Keterangan

1

Identitas

Pemesanan Notransaksi Int 6 Primary key

2 Status Pemesanan Status Varchar 1

3

Identitas

Pelanggan Id_users Int 2 Foreign Key

5. Spesifikasi File Isi Transaksi

Nama File : isi transaksi

Akronim : Detail Transaksi

Fungsi : Untuk menyimpan data detail Pemesanan

Tipe File : Transaksi

Organisasi File : Index Squential

AksesFile : Random

Media : Hard disk

Panjang Record : 20 karakter

Field Key : -

Software : Mysql

Tabel III.5. Spesifikasi File Isi Transaksi

No Elemen Data Akronim Tipe Panjang Keterangan

1 Nomor Transaksi notransaksi Int 6 Forign Key

2 Identitas Produk Id_produk Int 4 Foreign Key

3 Jumlah Jumlah Int 2

4 Subtotal Subtotal Double 8

6. Spesifikasi File Konfirmasi

Nama File : konfirmasi

Akronim : konfirmasi

Fungsi : Untuk menyimpan data konfirmasi pembayaran

Tipe File : Transaksi

Organisasi File : Index Squential

AksesFile : Random

Media : Hard disk

Panjang Record : 41karakter

Field Key : -

Software : Mysq

Tabel III.6. Spesifikasi File Konfirmasi

No Elemen Data Akronim Tipe Panjang Keterangan

1

Nomor

Transaksi Nokonfirmasi Int 6 Primary key

2 Identitas User Id_users Int 11 Foreign Key

3 Tanggal Bayar Tgl_bayar Date 2

4

Tanggal

Konfirmasi Tgl_konfirmasi Date 8

5 Bayar Bayar Double 8

6

Nomor

Transaksi notransaksi Int 6 Forign Key

3.2.3. Rancangan Struktur Navigasi

Struktur navigasi website merupakan bagian dari situs web yang berguna

umtuk memandu pengunjung (user) menjelajahi isi situs dan mengantarkan

pengunjung pada isi yang mereka cari. Struktur navigasi juga digunakan

untukmenggambarkan secara garis besar isi dari seluruh situs web dan

menggambarkan bagaimana hubungan antara isi-isi tersebut.

Pembuatan struktur navigasi website ini akan sangat membantu nantinya

dalam pembuatan rancangan seluruh halaman website.

Gambar III.8. Struktur Navigasi User

Gambar III.9. Struktur Navigasi Admin

3.3. Implementasi dan Pengujian Unit

3.3.1. Implementasi

A. Implementasi Rancangan Antar Muka

Implementasi rancangan antar muka pada aplikasi ecommers berdasarkan

hasil rancangan antar muka penjualan buku adalah sebagai berikut.

1. Implementasi Halaman Login Admin

Administratorharusmelakukanlogin terlebih dahulu untuk dapat

menggunakan modul-modul yang tersedia jika login berhasil, maka menu-menu yang

sesuaidengan level user tersebut akan ditampilkan.

Gambar III.10. Implementasi Halaman Login

2. Implementasi Data Pelanggan

Setiap pelanggan yang ingin membeli produk harus terlebih dahulu mengisi

form data pelanggan yang berfungsi untuk mencatat alamat dan nomor telepon untuk

Gambar III.11. Implementasi Halaman Pelanggan

3. Implementasi Data Produk

Data Produk atau master data barang di isi oleh administrator yang berfungi

untuk menampilakan produk yang akan dijual kepada pelanggan.

Gambar III.12. Implementasi Halaman Produk

4. Implementasi Data Admin

Data Admin berfungsi untuk pengaturan form login.

Gambar III.13. Implementasi Halaman Data Admin

5. Implementasi Transaksi Orders

1. Implementasi Pilih Detail Produk

Gambar III.14. Implementasi Halaman Detail Produk

2. Implementasi Pilih Jumlah Pembelian Produk

Gambar III.15. Implementasi Halaman Pembelian Produk

3. Implementasi Nota

Gambar III.16. Implementasi Halaman Nota

3.3.2. Spesifikasi Sistem Komputer

1. Perangkat Keras ( Hardware )

Perangkat keras yang merupakan salah satu komponen utama dalam

komputer terdiri dari bagian-bagian penting, yaitu Central Processing Unit ( CPU ),

Random Access Memory ( RAM ), Read Only Memory ( ROM ). Selain komponen

utama tersebut diatas ada beberapa macam komponen pendukung yang tidak kalah

pentingnya seperti Harddisk, Monitor, DiskDrive, Printer dan lain-lain.

Spesifikasi perangkat keras yang digunakan penulis guna mendukung

berfungsinya website tersebut adalah sebagai berikut :

a. Server

1. Processor : Pentium Core 2 Duo

2. Memory ( RAM ) : 4 Gb

3. Harddisk : 320 GB

4. Monitor : SVGA resolusi 1024 x 768

5. Disk Drive : CD Room 700MB

6. Keyboard : 108 Key

7. Mouse : Standard

8. Printer : InkJet

9. Internet : kecepatan 2Mbps

b. Client

1. Processor : Intel Pentium IV

2. Memory ( RAM ) : 1 Gb

3. Harddisk : 80 GB

4. Monitor : SVGA resolusi 1024 x 768

5. Disk Drive : CD Room 700MB

6. Keyboard : 108 Key

7. Mouse : Standard

8. Printer : InkJet

9. Internet : kecepatan 56 Kbps

2. Perangkat Lunak (Software)

Spesifikasi perangkat lunak yang digunakan penulis guna mendukung

berfungsinyaprogram tersebut adalah sebagai berikut :

1. Server

a. Sistem Operasi menggunakan MS. Windows 7

b. Aplikasi bundle web server menggunakan Xampp diantaranya :

1. Aplikasi Xamp

2. Aplikasi PHP Server v5

3. Aplikasi My Sql Server v5

4. Aplikasi phpmyadmin v3

c. Aplikasi Web browserMozilla Fire fox 4.

2. Client

a.Sistem Operasi menggunakan MS. Windows 7

b. Aplikasi Web browser Mozilla Fire fox 4.

3.3.3. Pengujian Unit

A. Pengujian Terhadap Form Login

Tabel III.7. Hasil Pengujian Black Box Testing Halaman Login

No

Skenario

Pengujia

n

Test

Case Hasil yang diharapkan

Hasil

Penguji

an

Keteran

gan

1. User

Name

dan

Passwor

d tidak

diisi

kemudia

n klik

tombol

login

User

Name:

(kosong

)

Passwo

rd:

(kosong

)

Sistem akan menolak akses

User dan

menampilkan“LOGIN

GAGAL! Username atau

Password Anda salah.Silahkan

ULANGI LAGI”

Sesuai

Harapa

n

Valid

2.

Mengeti

kan User

Name

dan

Passwor

d tidak

diisi atau

User

Name:

xxxx

Passwo

rd:

(kosong

)

Sistem akan menolak akses

user dan menampilkan

“LOGIN GAGAL! Username

atau Password Anda tidak

benar.Atau account

Andasedangdiblokir.UL

HYPERLINK

Sesuai

Harapa

n

Valid

kosong

kemudia

n klik

tombol

login

"http://localhost/matrial/login.p

hp"ANGI LAGI”

3.

User

Nametid

ak diisi

(kosong)

dan

passwor

d diisi

kemudia

n di klik

tombol

login

UserNa

me:

xxx(kos

ong)

Passwo

r :

123456

Sistem akan menolak akses

user dan menampilkan

“LOGIN GAGAL! Username

atau Password Anda tidak

benar.Atau account

Andasedangdiblokir.ULANGI

LAGI”

Sesuai

Harapa

n

Valid

4.

Mengeti

k salah

satu

kondisi

salah

pada

User

Name:

xxx

(benar)

Passwo

rd:

Sistem akan menolak akses

user dan menampilkan

“LOGIN GAGAL! Username

atau Password Anda tidak

benar.Atau account

Andasedangdiblokir.ULANGI

Sesuai

Harapa

n

Valid

User

Name

atau

Passwor

d

kemudia

n klik

tombol

login

123465

(salah)

LAGI”

5.

Mengeti

k User

Name

dan

Passwor

d dengan

data

yang

benar

kemudia

n kliik

tombol

login

User

Name:

ilmi

(benar)

Passwo

rd:

1234

(benar)

Sistem menerima akses login

dan kemudian langsung

menampilkan menu utama

Sesuai

Harapa

n

Valid

B. Pengujian Terhadap Form Pelanggan

Tabel III.8. Hasil Pengujian Black Box Testing Form Pelanggan

No Skenario Pengujian Testing Case Hasil yang

diharapkan

Hasil

Pengujian

Ket

1. Semua data

pelanggan tidak

diisi kemudian klik

tombol Daftar

Nama : (kosong)

Alamat: kosong

Email: (kosong)

No.Telp: (kosong)

User Name :

(Kosong)

Password :

(Kosong)

Re Password :

(Kosong)

Sistem akan

menolak

akses user

dan

menampilkan

“Nama Tidak

Boleh

Kosong”

Sesuai

Harapan

Valid

2. Mengetikan hanya

data nama

pelangganyang lain

tidak diisi atau

kosong kemudian

klik tombol Daftar

Nama : Ade Roro

Alamat: kosong

Email: (kosong)

No.Telp: (kosong)

User Name :

(Kosong)

Password :

Sistem akan

menolak

akses user

dan

menampilkan

“Alamat

Tidak Boleh

Sesuai

Harapan

Valid

(Kosong)

Re Password :

(Kosong)

Kosong”

3. Mengetikan salah

satu kondisi pada

data pelanggan

kemudian klik

tombol Daftar

Nama : Ade Roro

Alamat: Galur

Email: (kosong)

No.Telp:

08786789245

User Name : ade

Password : 1234

Re Password :

1234

Sistem akan

menolak

akses user

dan

menampilkan

“Data Belum

Lengkap”

Sesuai

Harapan

Valid

4. Data ID

pelanggantidak di

tampilkan dan

semua data

pelanggan diisi

kemudian klik

tombol Daftar

Nama : Ade Roro

Alamat: Galur

Email:

[email protected]

No.Telp:

08786789245

User Name : ade

Password : 1234

Re Password :

1234

Sistem akan

menyimpan

data

pelanggan

dan membuat

kode

otomatis

Auto

Increment

untuk ID

Sesuai

Harapan

Valid

Pelanggan

C. Pengujian Terhadap Form Produk

Tabel III.9. Hasil Pengujian Black Box Testing Form Produk

No Skenario Pengujian Testing

Case

Hasil yang

diharapkan

Hasil

Pengujian

Keterangan

1. Semua data tidak

diisi (Nama ,

Deskripsi,

warna,kategori,harga,

stok, gambar)

kemudian klik tombol

Simpan

Nama :

(kosong)

deskripsi:

(kosong)

warna:

(kosong)

Kategori :

(kosong)

harga:

(kosong)

stok:

(kosong)

gambar:

(kosong)

Sistemakan

menolak

akses user

dan

menampilkan

“Data Belum

Lengkap”

Sesuai

Harapan

Valid

2. Mengetikan data Nama : Sistem akan Sesuai Valid

Nama Produk dan

selain itu tidak diisi

kemudian klik tombol

Simpan

Bufet Rias

deskripsi:

(kosong)

warna:

(kosong)

Kategori :

(kosong)

harga:

(kosong)

stok:

(kosong)

gambar:

(kosong)

menolak

akses user

dan

menampilkan

“Data Belum

Lengkap”

Harapan

3. Mengetikan salah

satu kondisi pada

data pelanggan

kemudian klik tombol

Simpan

Nama :

Bufet Rias

deskripsi:

(kosong)

warna:

Coklat

Kategori :

Bufet

harga:

Sistem akan

menolak

akses user

dan

menampilkan

“Data Belum

Lengkap”

Sesuai

Harapan

Valid

750.000

stok: 5

gambar:

buffet.jpg

4. Data ID Produk tidak

di tampilkan dan

semua data produk

barang diisi

kemudian klik tombol

Simpan

Nama :

Bufet Rias

deskripsi:

20x15x25

warna:

Coklat

Kategori :

Bufet

harga:

750.000

stok: 5

gambar:

buffet.jpg

Sistem akan

menyimpan

data produk

ke database

dan membuat

kode

otomatis Auto

Increment

untuk ID

Produk

Sesuai

Harapan

Valid

D. Pengujian Terhadap Form Kategori

Tabel III.10. Hasil Pengujian Black Box Testing Form Kategori

No Skenario

Pengujian

Testing

Case

Hasil yang

diharapkan

Hasil

Pengujian

Keterangan

1. Semua data tidak

diisi (kategori)

kemudian klik

tombol Simpan

Kategori :

(kosong)

Sistemakan

menolak

akses user dan

menampilkan

“Data Belum

Lengkap”

Sesuai

Harapan

Valid

2. Data ID Kategori

tidak di

tampilkan dan

semua data

Kategori diisi

kemudian klik

tombol Simpan

Nama : Bufet

Sistem akan

menyimpan

data produk

ke database

dan membuat

kode otomatis

Auto

Increment

untuk ID

Kategori

Sesuai

Harapan

Valid

E. Pengujian Terhadap Form Transaksi

Tabel III.11. Hasil Pengujian Black Box Testing Form Transaksi

No Skenario

Pengujian

Test Case Hasil yang

diharapkan

Hasil

Pengujian

Ket

1. Klik Tombol

beli di Form

Produk

Tampil

Form Order

Tampil form Order

dengan fokus menginput

jumlah beli

Sesuai

Harapan

Valid

2. Menginput

Jumlah beli

Jumlah beli :

1

Sistem akan

menjumlahkan

total=harga*jumlah

Sesuai

Harapan

Valid

3. Klik Tombol

Check Out

Selesai Sistem akan

menampilkan Nota

Penjualan

Sesuai

Harapan

Valid

4. Klik Tombol

Back

Belanja lagi

Sistem akan menampil-

kan data produk

Sesuai

Harapan

Valid

5. Klik Tombol

Hapus

Hapus Sistem akan

mengahapus data belanja

pada keranjang belanja

Sesuai

Harapan

Valid

6. Mengedit

Data (Jumlah)

kemudian

Klik Tombol

Edit

Jumlah : 2 Sistem akan mengedit

data jumlah belanja pada

keranjang belanja

Sesuai

Harapan

Valid

BAB IV

PENUTUP

4.1 Kesimpulan

Berdasarkan bahasa di atas penulis akan mencoba untuk menyimpulkan dari semua

pembahasan secara singkat. Berikut ini beberapa kesimpulan yang dapat penulis ambil,

yaitu :

1. Lebih mudah mempromosikan produk kue dan roti pada Penjualan Kue dan Roti.

2. Karyawan dapat mengakses secara langsung dan cepat dalam pencarian data kue.

3. Pengunjung bisa mengetahui secara cepat dalam mencari informasi seputar kue dan

roti yang ada di toko seperti kue tart, kue bolu slice, kue ulang tahun dan informasi

lainnya

4. Administrator (admin) bertugas mengatur website informasi penjualan seperti

mengelola data kue dan roti, mengelola data member dan memastikan server website

tetap hidup.

5. Dapat lebih mudah dan tepat memproses laporan penjualan

4.2 Saran-saran

Penulis akan mencoba untuk menyarankan dari semua pembahasan secarasingkat.

Berikut ini beberapa saran yang dapat penulis ambil, yaitu :

1. Aplikasi web yang telah dibuat hendaknya dioperasikan secara baik dan benar untuk

mencapai tujuan yang diharapkan.

2. Perlu adanya dibuatkan backup dari website maupun data-data yang digunakan pada

website. Semata-mata untuk mengantisipasi hal-hal yang tidak diinginkan misalnya

server rusak, crash atau kejadian lain yang tidak terduga demi keamanan dan

kenyamanan.

3. Tidak adanya menu chat seperti tanya jawab atau menu kritik dan saran.

DAFTAR PUSTAKA

Frieyadie.2008.Belajar Sendiri Pemrograman Database Menggunakan Foxpro 9.0. Jakarta :

PT. ELex Media Komputindo.

Kustiyahningsih, Yeni dan Devie Rosa Anamisa, 2010. Pemrograman Basis Data Berbasis

Web Menggunakan PHP dan MySQL. Bangkalan :GrahaIlmu.

Limantara, 2009. Jelajah Dunia Maya Dengan Cepat dan Mudah. Jakarta Pt. Elex Media

Komputer

Othman, Mohd. Shahizan, dkk, 2008. Pembangunan Aplikasi Web Menggunakan Active

Server Pages (ASP). Johor Darul Ta’zim : Universiti Teknologi Malaysia.

Pressman, Roger S, 2010.Software Engineering.American : Christopher Styles.

Rosa A.S. Dan M. Salahudin, 2013. Rekayasa Perangkat Lunak Terstruktur dan Berorientasi

Objek Bandung : Informatika Bandung.

Sadeli, 2012. AplikasiResto& Café Dengan VISUAL BASIC 2010. Palembang :Maxikom

Saputra, Agus. 2012. Membangun Aplikasi Toko Online dengan PHP danSqlServer.Jakarta :

PT. Elex Media Komputindo.

Sibero, 2011. KitabSuci Web Programing, Media Kom. Yogyakarta

Simarmata, JannerdanPrayudi Imam. 2008. Basis Data. Yogyakarta : Andi.

Supardi, 2010. Penelitian Tidak Kelas. Jakarta : Bumi Aksara

Soetejo, John. 2012. Jurus Kilat Mahir Internet Dari Nol Hingga Jago Dalam Hitungan Menit.

Jakarta : Dunia Komputer.

Yogi, 2008. Membangun Bisnis Online Dengan Mambo ++ cd “. Pt. Elex Media Komputindo,

Jakarta