TUGAS AKHIR - Bina Sarana Informatika · produk dan proses transaksi. Sedangkan tujuan dari penulisan tugas akhir ini adalah untuk memenuhi salah satu syarat kelulusan pada Program

PERANCANGAN SISTEM INFORMASI PENJUALAN

FURNITUR BERBASIS WEB

TUGAS AKHIR

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

ANIS JUNIARTY

NIM : 12141450

Program Studi Manajemen Informatika

Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika

Jakarta

2017

ix

ABSTRAKSI

Anis Juniarty (12141450), Perancangan Sistem Informasi Penjualan Furnitur

Berbasis Web

Dengan berkembangnya teknologi informasi di era modern seperti saat ini,

membuat daya saing yang semakin ketat. Sehingga untuk dapat bertahan di suatu

bidang diharuskan melakukan segala sesuatu dengan cepat dan akurat, agar dapat

terus mengembangkan eksistensinya diantara para pesaingnya. Dengan kemajuan

infromasi yang begitu cepat, membuat banyak perusahaan yang dulu masih

tergolong manual dalam melakukan aktifitas usahanya, sekarang telah beralih

dengan memanfaatkan kemajuan teknologi tersebut dengan menggunakan sistem

online. Salah satu diantaranya adalah penjualan furniture yang dilakukan secara

online. Hal ini bertujuan agar para konsumen dapat melakukan pencarian produk

furniture tanpa harus datang langsung ke toko, konsumen cukup melakukan

transaksi melalui website e-commerce yang telah dibuat dengan mudah. Selain

itu, dengan adanya penjualan furniture secara online membuat proses penjualan

lebih efektif dan efisien. Baik proses penjualan atau dalam pembuatan laporan.

Sistem infromasi penjualan furniture berbasis web ini diharapkan dapat

memberikan kemudahan dan memberikan solusi yang tepat untuk menangani

masalah yang ada di dalam pemasaran produk.

Kata Kunci: Penjualan Furniture, Pemasaran Produk, Perancangan Sistem

Informasi Penjualan Furnitur Berbasis Web

x

ABSTACTION

Anis Juniarty (12141450), Design of Web-Based Furniture Sales Information

System

With the development of information technology in the modern era as it is today,

making competitiveness is getting tighter. So to be able to survive in a field is

required to do everything quickly and accurately, in order to continue to develop

its existence among its competitors. With the progress of information that is so

fast, making many companies that were still classified as manual in conducting

business activities, now has been switching to take advantage of these technology

advances by using the online system. One of them is the sale of furniture made

online. It aims to make consumers can search furniture products without having

to come directly to the store, consumers simply make transactions through e-

commerce website that has been made ease. In addition, with the sale of furniture

online makes the sales process more effective and efficient. Good sales process or

in report generation. This web-based furniture sales information system is

expected to provide convenience and provide the right solutions to handle

problems in product marketing.

Keywords: Furniture Sales, Product Marketing, Design of Web-Based

Furniture Sales Information System

xi

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

Abstrak ................................................................................................................... ix

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

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

Daftar Gambar ...................................................................................................... xiv

Daftar Tabel ......................................................................................................... xvi

BAB I PENDAHULUAN

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

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

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

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

1.5. Sistematika Penulisan ...................................................................... 6

BAB II LANDASAN TEORI

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

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

2.1.2. Pengertian Internet ................................................................ 8

2.1.3. Bahasa Pemrograman .......................................................... 11

2.1.4. Basis Data (Database) ......................................................... 15

2.1.5. Model Pengembangan Perangkat Lunak (Waterfall) .......... 16

2.2. Teori Pendukung .................................... ... ................................... 19

2.2.1. Struktur Navigasi ................................................................ 19

2.2.2. ERD (Enterprise Relationship Diagram) ........................... 23

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

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

BAB III PEMBAHASAN

3.1. AnalisaKebutuhan ......................................................................... 29

3.2. PerancanganPerangkatlunak .......................................................... 31

3.2.1 Rancangan Antar Muka ......................................................... 31

3.2.2. Rancangan Basis Data .......................................................... 55

3.2.3. Struktur Navigasi .................................................................. 64

3.3. Implementasi dan Pengujian Unit.................................................. 65

3.3.1. Implementasi ........................................................................ 65

3.3.2. Pengujian Unit ...................................................................... 84

xii

BAB IV PENUTUP

4.1. Kesimpulan................................................................................... 93

4.2. Saran ............................................................................................. 93

DAFTAR PUSTAKA ........................................................................................... 95

DAFTAR RIWAYAT HIDUP ............................................................................ 96

xiii

DAFTAR SIMBOL

ERD (Entity Relationship Diagram)

Entitas atau Obyek Data

Suatu objek yang dapat di identifikasi dalam lingkungan

pemakai.

Relasi/ Relationship

Menunjukan adanya hubungan diantara sejumlah entitas yang

berbeda.

Atribut atau elemen data

Mendeskripsikan karakter entitas (atribut yang berfungsi

sebagai key diberi garis bawah).

Weak Entity

Suatu entity dimana keberadaan dari entity tersebut tergantung

dari entity lain.

Connection

Sebagai penghubung antara relasi dengan entitas,

relasi dan entitas dengan atribut.

xiv

DAFTAR GAMBAR

Halaman

1. Gambar II.1.Struktur Navigasi Linear ............................................................ 20

2. Gambar II.2.Struktur Navigasi Rangkaian ..................................................... 21

3. Gambar II.3.Struktur Navigasi Hierarki ......................................................... 22

4. Gambar II.4.Struktur Navigasi Linear dan Hierarki ...................................... 22

5. Gambar II.5.Struktur Navigasi Bersudut ........................................................ 23

6. Gambar III.1.Rancangan Antar Muka Login Admin ...................................... 32

7. Gambar III.2.Rancangan Antar Muka Pengolahan Data Halaman Admin ..... 33

8. Gambar III.3.Rancangan Antar Muka Tambah Admin Baru .......................... 34

9. Gambar III.4.Rancangan Antar Muka Data Admin ........................................ 35

10. Gambar III.5.Rancangan Antar Muka Data Kategori Furniture ..................... 36

11. Gambar III.6.Rancangan Antar Muka Data Persediaan Furniture .................. 37

12. Gambar III.7.Rancangan Antar Muka Data Kota Pengiriman ........................ 38

13. Gambar III.8.Rancangan Antar Muka Data Order Pelanggan ........................ 39

14. Gambar III.9.Rancangan Antar Muka Data Pembayaran ............................... 40

15. Gambar III.10.Rancangan Antar Muka Data Member .................................... 41

16. Gambar III.11.Rancangan Antar Muka Form Kategori .................................. 42

17. Gambar III.12.Rancangan Antar Muka Form Kota Pengiriman ..................... 42

18. Gambar III.13.Rancangan Antar Muka Halaman Beranda (Home) User ....... 43

19. Gambar III.14.Rancangan Antar Muka Halaman Barang ............................... 44

20. Gambar III.15.Rancangan Antar Muka Halaman Panduan ............................ 45

21. Gambar III.16.Rancangan Antar Muka Halaman Kontak Kami..................... 46

22. Gambar III.17.Rancangan Antar Muka Pendaftaran Baru .............................. 47

23. Gambar III.18.Rancangan Antar Muka Halaman Login Member................... 48

24. Gambar III.19.Rancangan Antar Muka Halaman Profile. .............................. 49

25. Gambar III.20.Rancangan Antar Muka Rubah Data Diri ............................... 50

26. Gambar III.21.Rancangan Antar Muka Halaman Konfirmasi Pembayaran ... 51

27. Gambar III.22.Rancangan Antar Muka Halaman Keranjang.......................... 52

28. Gambar III.23.Rancangan Antar Muka Halaman Tambah Beli ..................... 53

29. Gambar III.24.Rancangan Antar Muka Halaman Proses Sekarang ................ 54

30. Gambar III.25.Rancangan Antar Muka Entity Relationship Diagram (ERD).55

31. Gambar III.26.Rancangan Antar Muka Logical Relational Structure (LRS).. 56

32. Gambar III.27.Rancangan Antar Struktur Navigasi Admin............................ 64

33. Gambar III.28.Rancangan Antar Struktur Navigasi Member. ........................ 65

34. Gambar III.29.Halaman Login Admin ............................................................ 66

35. Gambar III.30.Halaman Home Admin ............................................................ 66

36. Gambar III.31.Halaman Tambah Admin ........................................................ 67

37. Gambar III.32. Halaman Data Admin ............................................................. 67

38. Gambar III.33.Halaman Data Kategori Admin ............................................... 68

39. Gambar III.34.Halaman Data Persediaan Admin ........................................... 69

40. Gambar III.35.Halaman Data Kota Pengiriman Admin ................................. 70

41. Gambar III.36.Halaman Data Order Pelanggan Admin .................................. 70

42. Gambar III.37.Halaman Data Pembayaran Admin ......................................... 71

43. Gambar III.38.Halaman Data Member Admin ............................................... 71

44. Gambar III.39.Halaman Form Kategori Admin ............................................. 72

45. Gambar III.40.Halaman Form Kota Pengiriman Admin. ............................... 72

xv

46. Gambar III.41.Halaman Form Penambahan Data Barang Admin .................. 73

47. Gambar III.42.Halaman Admin Logout .......................................................... 73

48. Gambar III.43.Halaman Home User. .............................................................. 74

49. Gambar III.44.Halaman Profile Member ........................................................ 75

50. Gambar III.45.Halaman Barang Member........................................................ 76

51. Gambar III.46.Halaman Konfirmasi Member ................................................. 77

52. Gambar III.47.Halaman Keranjang Member .................................................. 78

53. Gambar III.48.Halaman Kontak Kami Member ............................................. 79

54. Gambar III.49.Halaman Login Member .......................................................... 80

55. Gambar III.50.Halaman Pendaftaran Baru/ Register User ............................. 81

xvi

DAFTAR TABEL

Halaman

1. Tabel III.1.Spesifikasi File Tabel Admin ....................................................... 58

2 Tabel III.2.Spesifikasi File Tabel Furniture .................................................... 50

3. Tabel III.3.Spesifikasi File Tabel Kategori..................................................... 60

4. Tabel III.4.Spesifikasi File Tabel Member ..................................................... 61

5. Tabel III.5.Spesifikasi File Tabel Ongkir ....................................................... 62

6. Tabel III.6.Spesifikasi File Tabel Order ......................................................... 63

7. Tabel III.7.Spesifikasi File Tabel Pembayaran ............................................... 64

8. Tabel III.8.Hasil Pengujian Black Box Testing Halaman Login Admin ......... 84

9. Tabel III.9. Hasil Pengujian Black Box Testing Halaman Login Member. ..... 85

10. Tabel III.10. Hasil Pengujian Black Box Testing Tambah Admin Baru ......... 86

11. Tabel III.11. Hasil Pengujian Black Box Testing Tambah Data Barang ......... 88

12. Tabel III.12. Hasil Pengujian Black Box Testing Kategori Furniture ............. 89

13. Tabel III.13. Hasil Pengujian Black Box Testing Data Ongos Kirim ............. 90

14. Tabel III.14. Hasil Pengujian Black Box Testing Pendaftaran Baru ............... 91

1

BAB I

PENDAHULUAN

1.1 Latar Belakang Masalah

Dalam era globalisasi perkembangan teknologi dan informasi menjadi

semakin maju dan semakin modern seperti sekarang ini, semua kegiatan di suatu

bidang mengharuskan segalanya dilakukan dengan cepat dan akurat sehingga

diperlukan sebuah teknologi informasi yang merupakan penggabungan antara

teknologi komunikasi dengan teknologi komputer dimana keduanya dapat saling

melengkapi.

Sejauh ini sistem informasi penjualan furniture masih banyak yang

dilakukan secara manual, yaitu dengan menggunakan pencatatan atau pendataan

pelanggan yang selama ini terjadi dilakukan dengan cara konsumen membuat

daftar barang yang akan dipesan beserta ukurannya, kemudian dicatat secara

manual dan dihitung harga barang yang telah dipesan serta pengiriman barang

dapat dilakukan sesuai perjanjian yang dibuat dengan konsumen. Proses yang

demikian sering menimbulkan kendala dalam proses penyimpanan data dalam

bentuk dokumen yang akan mudah rusak bahkan hilang. Kendala lain yang juga

dapat terjadi pada saat pembuatan laporan pengiriman barang, karena

penyimpanan data dapat tidak terstruktur sehingga membutuhkan waktu lama

dalam proses pembuatan laporan tersebut. Sistem manual yang selama ini dipakai

dipandang kurang efisien dan efektif untuk pelayanan pada saat ini. Untuk itu

penjualan furniture ini memerlukan fasilitas yang bisa memudahkan pelayanan

yaitu komputer sebagai fasilitas yang dapat mengatasi permasalahan tersebut.

2

Hal ini yang menyebabkan perlunya suatu sistem pengolahan data dalam

penjualan furniture. Manfaat yang diperoleh pun sangat besar, baik dalam

ketelitian maupun volume yang akan ditangani. Sehingga dalam penyajian laporan

dan informasi yang dibutuhkan dapat diperoleh dengan cepat. Selain itu dapat

terhindar dari penggandaan data serta kesalahan dalam pencatatan sehingga dapat

diperbaiki dengan cepat dan efisien. Dengan demikian diharapkan dapat

meningkatkan pelayanan terhadap konsumen, dan memberi kemudahan dalam

pengolahan data transaksi penjualan furniture sehingga dapat menghasilkan

laporan yang dibutuhkan dengan mudah dan cepat.

Dengan menitik beratkan pada masalah di atas maka diperlukan sebuah

terobosan untuk membangun suatu aplikasi sistem informasi tentang pemesanan

dan membuat suatu media promosi berbasis web bagi seluruh pengguna internet

yang membutuhkan informasi. Berdasarkan uraian tersebut maka judul yang

ambil dalam rangka penyusunan Laporan Tugas Akhir ini adalah

“PERANCANGAN SISTEM INFORMASI PENJUALAN FURNITURE

BERBASIS WEB”.

1.2 Maksud Dan Tujuan

Maksud dari penulisan tugas akhir ini adalah :

1. Merancang suatu aplikasi e-commerce untuk sebuah perusahaan yang

bergerak di bidang furniture yang dapat memudahkan dalam pengolahan

data penjualan.

3

2. Mengimplementasikan aplikasi e-commerce pada sebuah perusahaan yang

bergerak di bidang furniture untuk mempermudah dalam memasarkan

produk dan proses transaksi.

Sedangkan tujuan dari penulisan tugas akhir ini adalah untuk memenuhi

salah satu syarat kelulusan pada Program Diploma Tiga (D.III) Program studi

Manajemen Informatika di Akademi Manajemen Informatika dan Komputer Bina

Sarana Informatika (AMIK BSI).

1.3 Metode Penelitian

Untuk mendapatkan informasi serta data yang lengkap dan akurat dalam

penulisan Laporan Tugas Akhir, maka penulis melakukan penelitian dan teknik

pengumpulan data dengan menggunakan metode-metode sebagai berikut:

A. Metode Pengembangan Perangkat Lunak

Metode waterfall adalah metode pengembangan software yang bersifat

sekuensial dan terdiri dari 5 tahap yang saling terkait dan mempengaruhi.

Berikut merupakan 5 tahapan metode waterfall yaitu:

1. Requirements

Dalam tahap ini penulis mengumpulkan informasi dengan cara melakukan

penelitian, wawancara atau studi literatur. Sistem analisis akan menggali

informasi sebanyak-banyaknya dari user sehingga akan tercipta sebuah

sistem komputer yang bisa melakukan tugas-tugas yang diinginkan user

tersebut.

4

2. Design

Dalam tahap ini merupakan menuangkan pikiran dan perancangan sistem

dengan menggunakan pemodelan seperti diagram hubungan entitas (entity

relationship diagram) serta struktur dan bahasa data.

3. Implementation

Pada tahapan ini dilakukan penulisan kode program atau coding

merupakan penerjemahan design dalam bahasa yang bisa dikenali oleh

komputer. Dalam tahapan ini aplikasi yang digunakan adalah Adobe

Dreamweaver yang merupakan program aplikasi pengembang yang

berguna untuk mendesain web, HTML, PHP, CSS dan Jquery.

Penggunaan komputer akan dimaksimalkan dalam tahapan ini.

4. Verification

Setelah pengkodean selesai penulis melakukan testing terhadap sistem

yang dibuat tadi. Tujuan dari testing adalah untuk menenukan kesalahan-

kesalahan yang ada didalam sistem tersebut sehingga kemudian bisa

diperbaiki. Dalam tahapan ini pengujian sistem akan menggunakan

pengujian Black-Box. Pengujian Black-Box berfokus pada persyaratan

fungsional perangkat lunak.

5. Maintenance

Langkah ini merupakan tahapan akhir dimana sistem yang baru, diuji

kemampuan dan keefektifannya, sehingga didapatkan kekurangan dan

kelemahan sistem yang kemudian dilakukan pengkajian ulang dan

perbaikan terhadap sistem agar menjadi lebih baik dan sempurna.

5

B. Teknik Pengumpulan Data

Teknik pengumpulan data yang digunakan oleh penulis dalam melakukan

pengumpulan data untuk Tugas Akhir adalah:

1. Observasi

Dengan menggunakan metode ini penulis mengumpulkan data-data yang

terkait dengan Laporan Tugas Akhir, dimana metode ini merupakan hasil

peninjauan langsung dari objek yang telah diamati dan observasi dari web

yang sejenis.

2. Studi Pustaka

Dengan menggunakan metode ini penulis dapat menambahkan informasi

berupa teori atau hasil kajian dibidang ilmu yang sama dari beberapa

sumber seperti buku, jurnal dan sebagainya. Sumber-sumber ini digunakan

untuk melengkapi data-data dan informasi yang dibutuhkan dalam

penyusunan tugas Tugas Akhir.

1.4 Ruang Lingkup

Dalam penyusunan tugas akhir ini, penulis hanya membatasi ruang

lingkup masalah pada sistem informasi penjualan furniture berbasis web mengenai

pendataan data user, data barang, transaksi penjualan dan laporan.

6

1.5 Sistematika Penulisan

Untuk memperoleh gambaran yang jelas mengenai masalah yang akan

dibahas, penulis menyusun Sistematika Penulisan dengan membagi menjadi

empat bab secara ringkas, berikut adalah penjabaran sistematika penulisan:

BAB I PENDAHULUAN

Dalam Bab ini membahas mengenai latar belakang masalah,

maksud dan tujuan, metode penelitian, ruang lingkup dan

sistematika penulisan.

BAB II LANDASAN TEORI

Bab ini membahas mengenai konsep dasar web yaitu pengertian

website, pengertian internet, bahasa pemrograman, basis data

(database), model pengembangan perangkat lunak (waterfall),

serta teori pendukung seperti struktur navigasi, ERD, LRS dan

pengujian web (black box testing).

BAB III PEMBAHASAN

Bab ini berisikan tentang analisis kebutuhan, perancangan

perangkat lunak (rancangan antar muka, rancangan basis data dan

rancangan struktur navigasi) dan implementasi dan pengujian unit .

BAB IV PENUTUP

Bab ini berisikan kesimpulan dan saran yang dapat di berikan

penulis dari hasil eksperimental yang di lakukan terhadap sistem

tersebut.

7

BAB II

LANDASAN TEORI

2.1. Konsep Dasar Web

Sebelum lebih dalam mengupas tugas akhir ini, dalam landasan teori ini

penulis mencantumkan beberapa konsep dasar web yang berhubungan dalam

pembuatan web ini agar pembuatannya berjalan secara sistematis, dintaranya

adalah:

2.1.1. Pengertian Website

Menurut Sibero (2011: 10) “Website adalah suatu sistem yang berkaitan

dengan dokumen digunakan sebagai media untuk menampilkan teks, gambar,

multimedia dan lainnya pada jaringan internet”. Website dapat juga diartikan

sebagai kumpulan halaman yang menampilkan informasi berupa data teks, data

gambar diam dan gerak, data animasi, suara, video atau gabungan dari semuanya,

baik yang bersifat statis maupun dinamis yang membentuk satu kesatuan yang

saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan

halaman (hyperlink). Bersifat statis apabila isi informasi website tetap, jarang

berubah, dan isi informasinya selalu berubah-ubah dan isi informasinya interaktif.

Keunggulan website adalah dapat diakses oleh siapa saja, dimana saja,

kapan saja tanpa terkendala oleh waktu, tempat dan jarak, semuanya bisa diakses

dengan bantuan teknologi internet.

8

2.1.2. Pengertian Internet

Internet merupakan “kependekan dari kata “internetwork”, yang berarti

rangkaian komputer yang terhubung menjadi beberapa rangkaian jaringan”.

Sistem komputer terhubung secara global dan menggunakan TCP/IP sebagai

protocol. Secara umum internet dapat diartikan sebagai pertukaran informasi dan

komunikasi. Semua informasi bisa didapatkan dengan mudah dan bebas di

internet tanpa ada batasan.

Menurut Sarwono (2012: 17) Internet “merupakan sekumpulan jaringan

yang berskala global. Tidak ada satu pun orang, kelompok atau organisasi yang

bertanggung jawab untuk menjalankan internet”. Sedangkan Menurut Sibero

(2011: 10) “Internet (Interconnected Network) adalah jaringan komputer yang

menghubungkan antar jaringan secara global, internet dapat juga dapat disebut

jaringan alam suatu jaringan yang luas”. Seperti halnya jaringan komputer lokal

maupun jaringan komputer area. Internet juga menggunakan protokol komunikasi

yang sama yaitu TCT/IP (Transmission Control Protocol/Internet protocol).

Struktur protokol internet RFC-1122 terdiri dari 4 lapisan (Layer), yaitu:

a) Application Layer

Lapisan aplikasi (Application Layer) adalah lapisan yang berisi semua

protokol dan metode yang mengatur komunikasi antar proses layanan

komunikasi. Lapisan aplikasi terdiri dari BGP, DHCP, FTP, HTTP, IMAP,

LDAP, IRC, POP, RPC, SMTP dan lain-lain.

9

b) Transport Layer

Lapisan transport (Transport Layer) adalah lapisan yang mengatur lalu lintas

pengiriman maupun penerimaan data. Lapisan transport terdiri dari: TCP,

UDP.

c) Internet Layer

Lapisan internet (Internet Layer) adalah lapisan yang berfungsi mengatur

proses fragmentasi dan defragmentasi paket bergantung dari jenis protokol

lapisan intenet. Lapisan internet terdiri dari: IP (Ipv4, Ipv6), ICMP, IPScc.

d) Link Layer

Lapisan penghubung (Link Layer) adalah lapisan yang mengatur hubungan

antara host dengan node. Host sebagai pengirim dan node adalah lokasi

tujuan dari host. Lapisan penghubung terdiri dari: ARP, Tunnel (T2TP), PPP,

Media Access Control (Ethernet, DSL, ISDN).

Ada beberapa istilah yang sering digunakan apabila sedang bekerja dengan

internet diantaranya yaitu :

1. World Wide Web (WWW)

WWW merupakankumpulan web server diseluruh dunia yang dapat

menyediakan data dan informasi untuk dapat digunakan secara massal.

2. Website

Website adalah kumpulan dari halaman web yang sudah dipublikasikan di

jaringan internet dan memiliki domain/URL (Uniform Resource Locator)

yang dapat diakses semua pengguna internet dengan cara mengetikan

alamatnya.

10

3. Web Pages (Halaman Web)

Web pages atau halaman web merupakan bagian dari situs web, apabila situs

web diumpamakan merupakan sebuah buku, maka halaman web merupakan

lembaran-lembaran kertas penyusun buku tersebut.

4. Home Page (Halaman Muka)

Homepage merupakan halaman muka dari sebuah situs web, atau ibarat cover

muka sebuah buku. Homepage biasanya berupa outline dari isi situs web yang

bersangkutan.

5. Browser

Browser adalah aplikasi yang digunakan untuk berselancar didunia internet.

Browser dapat memandu pengguna internet untuk berpindah antar situs web

dengan mudah.

6. Web Browser

Web browseradalah suatu aplikasi atau perangkat yang digunakan untuk

menjelajahi atau mencari informasi didalam jaringan internet dari sebuah

media (situs, blog, jejaring sosial, dan lainnya) yang tersimpan didalam

komputer.

7. Web Server

Web server adalah merupakan perangkat lunak dalam server yang berfungsi

untuk menerima permintaan berupa halaman web melalui protokol HTTP dan

atau HTTPS dari klien yang lebih dikenal dengan nama browser, kemudian

mengirimkan kembali hasil permintaan tersebut ke dalam bentuk halaman-

halaman webyang pada umumnya berbentuk dokumen HTML.

11

8. HTTP (Hypertext Transfer Protocol)

HTTP (Hypertext Transfer Protocol) adalah protokol yang digunakan oleh

web server dan web browser untuk dapat berkomunikasi antara satu sama lain.

2.1.3. Bahasa Pemograman

Menurut Sukamto dan M. Shalahudin (2013:150) menjelaskan bahasa

pemrograman web yang paling populer saat ini yaitu “PHP (Personal Hypertext

Preprocessor), bahasa ini merupakan bahasa pemrograman web yang bersifat

open source (gratis)”. Bahasa PHP dapat bekerja sama dengan HTML dan

sepenuhnya dijalankan oleh server, selain PHP ada juga yang sering digunakan

yaitu java script dll.

Bahasa Pemrograman (programming language) adalah sebuah instruksi

standar untuk memerintah komputer agar menjalankan fungsi tertentu. Bahasa

pemrograman ini merupakan suatu himpunan dari aturan sintaks dan semantik

yang dipakai untuk mendefinisikan program komputer. Bahasa ini memungkinkan

seorang programmer dapat menentukan secara persis data mana yang akan diolah

oleh komputer, bagaimana data ini akan disimpan/diteruskan, dan jenis langkah

apa secara persis yang akan diambil dalam berbagai situasi. Beberapa bahasa

pemrograman yang biasa digunakan yaitu :

a) HTML (Hyper Text Markup Language)

Menurut Sibero (2011: 19) “Hyper Text Markup Language (HTML)

adalah bahasa yang digunakan pada dokumen web sebagai bahasa untuk

pertukaran dokumen web”. Dokumen HTML terdiri dari komponen yaitu tag,

elemen dan atribut. Tag adalah tanda awal < dan tanda akhir > yang

12

digunakan sebagai pengapit suatu elemen. Elemen adalah nama penanda yang

diapit oleh tag yang memiliki fungsi dan tujuan tertentu pada dokumen

HTML. Elemen dapat memiliki elemen anak dan juga nilai. Elemen anak

adalah suatu elemen yang berada didalam elemen pembuka dan elemen

penutup induknya. Nilai yang dimaksud adalah suatu teks atau karakter yang

berada diantara elemen pembuka dan elemen penutup. Atribut adalah properti

elemen yang digunakan untuk mengkhususkan suatu elemen. Elemen dapat

memiliki atribut yang berbeda pada tiap masing-masingnya.

b) PHP (Perl Hypertext Prepocessor)

Menurut Sibero (2011: 49) “PHP adalah pemrograman interpreter yaitu

proses penerjemahan baris kode sumber menjadi kode mesin yang dimengerti

komputer secara langsung pada saat baris kode dijalankan”. PHP disebut juga

pemrograman server side programming, hal ini dikarenakan seluruh

prosesnya dijalankan pada server. PHP adalah suatu bahasa dengan hak cipta

terbuka atau yang juga dikenal dengan opensource yaitu pengguna data

mengembangkan kode-kode fungsi sesuai kebutuhannya. Kode (script) PHP

yang sering disebut dengan istilah embedded script yaitu script PHP yang

disisipkan dintara script HTML. Jadi dapat dikatakan script PHP hanya

ditulis atau disisipkan ketika dibutuhkan saja, seperti menampilkan data dari

database, meng-upload file,delete data, edit data dan lain sebagainya.

Contoh kode program php:

<html>

< head>

<title>.:: Embadded Script.::</title>

13

</head>

<body>

<?php>

Echo “Hello, Selamat Datang di Dunia PHP”;

?>

</body>

</html>

c) CSS (Cascading Style Sheet)

Menurut Sulistyawan, dkk (2008: 33) “CSS adalah suatu dokumen yang

berdiri sendiri dan dapat dimasukkan dalam kode HTML atau sekedar

menjadi rujukan oleh HTML dalam pendefinisian style”. CSS menggunakan

kode-kode yang tersusun untuk menetapkan style pada elemen HTML atau

dapat juga digunakan untuk membuat style baru yang biasa disebut class.

Menurut Ollie (2008:50) “CSS adalah pelengkap dari HTML”. CSS atau

Cascading Style Sheet merupakan bahasa pemrograman yang berfungsi dalam

pengaturan tampilan dokumen yang ditulis dengan markup language pada

sebuah web. Pada umumnya CSS digunakan untuk desain pada halaman

(Hyper Text Markup Language) HTML maupun XHTML, namun kini CSS

dapat diaplikasikan untuk segala jenis dokumen XML, termasuk SVG, XUL

bahkan Android.

Tujuan utama penggunaan CSS antara lain untuk membedakan konten (isi)

dari dokumen dan dari tampilan dokumen. Dengan adanya perbedaan tersebut

memudahkan pembuatan atau pemrograman ulang web. Bagian yang

termasuk dalam desain web meliputi warna, ukuran dan formatting.

14

d) Java Script

Menurut Kadir (2011: 13) meyimpulkan bahwa “Java Script adalah kode

untuk meyusun halaman web yang memungkinkan di jalankan disisi klien

(Pada Browser yang digunakan pemakai) karena dijalankan disisi klien, maka

java script dapat digunakan untuk membuat tampilan lebih bersifat dinamis”.

Menampilkan jam lokal secara terus menerus, melakukan perhitungan

terhadap data dalam formulir, megubah warna pada garis tertentu dalam suatu

tabel, dapat dikerjakan dengan mengubah java script.

e) JQuery

Menurut Kadir (2011: 12) menyimpulkan “Jquery adalah merupakan salah

satu pustaka yang dikembangkan dengan menggunakan Java Script”.

Kehadirannya adalah untuk memudahkan penulisan java script dengan

menggunakan jquery. Penulisan kode java script menjadi lebih sederhana

(kodenya menjadi ringkas). Selain itu pembuatan halamam web yang

interaktif dan menarik menjadi lebih mudah diimplementasikan dari pada

kalau memakai java script.

Beberapa kemampuan yang bisa didapatkan dengan mudah melalui jquery

adalah:

a. Menyembunyikan/ menampilkan elemen yang meyusun halaman web.

b. Menambahkan/ menghapus elemen yang ada dalam halaman web.

c. Melakukan animasi terhadap halaman web, misalnya menggerakkan

gambar.

d. Menyajikan tabel dengan warna berselang-seling untuk setiap bisnis.

15

e. Menggunakan Ajax, misalnya untuk mengubah tampilan sebagai data

pada halaman web di dasarkan jawaban dari server.

2.1.4. Basis Data (Database)

Menurut Sukamto dan M. Shalahudin (2013: 43), sistem basis data adalah

“sistem terkomputerisasi yang tujuan utamanya adalah memelihara data yang

sudah diolah atau informasi dan membuat informasi tersedia saat dibutuhkan”.

Pada intinya basis data adalah media untuk menyimpan data agar dapat diakses

dengan mudah dan cepat. Sedangkan menurut Indrajani (2011: 48), sebuah

kumpulan data yang saling berhubungan secara logis, dan merupakan sebuah

penjelasan dari data tersebut, yang didesain untuk menemukan data yang

dibutuhkan oleh organisasi.

Adapun aplikasi basis data yang digunakan dalam pembuatan aplikasi

perpustakaan digital diantaranya adalah :

1. MySQL (My Structure Query Languange)

Menurut Arief (2011: 151) “MySQL adalah salah satu jenis database server

yang sangat terkenal dan banyak digunakan untuk membangun aplikasi web

yang menggunakan database sebagai sumber dan pengelolaan datanya”.

Keuntungan menggunakan database MySQL :

a. Gratis dan open source

b. ada versi komersialnya juga, digunakan jika ingin memberikan teknis

c. biaya yang harus dikeluarkan jauh lebih murah dibandingkan merek

lainnya

d. tersedia di banyak platfrom

16

e. menggunakan standar penulisan SQL ANSI

2. PhpMyAdmin

Menurut Arief (2011:429) mengemukakan bahwa “PhpMyAdmin adalah

salah satu aplikasi GUI (Graphical User Interface) yang digunakan untuk

mengelola database MySQL”. PhpMyAdmin merupakan bagian untuk mengelola

basis data MySQL yang ada di komputer. Dengan phpMyAdmin, seseorang dapat

membuat database, membuat tabel, mengisi data, dan lain-lain dengan mudah,

tanpa harus menghafal baris perintahnya. Untuk membukanya, buka browser lalu

ketikkan alamat http://localhost/phpmyadmin, maka akan muncul halaman

PhpMyAdmin.

2.1.5. Model Pengembangan Perangkat Lunak (Waterfall)

Menurut Taufiq (2013: 173) “Model Waterfall adalah paradigma tertua

untuk rekayasa perangkat lunak”. Model ini melakukan pendekatan secara

sistematis dan urut mulai dari level kebutuhan sistem lalu menuju ke tahap

analisis, desain, coding, testing atau verification, dan maintenance. Disebut

dengan waterfall karena tahap demi tahap yang dilalui harus menunggu selesainya

tahap sebelumnya dan berjalan berurutan.

Metode Waterfall adalah sebuah metode pengembangan software yang

bersifat sekuensial dan terdiri dari 5 tahap yang saling terkait dan mempengaruhi,

5 tahap tersebut terdiri dari:

A. Requirements

Seluruh kebutuhan software harus bisa didapatkan dalam fase ini, termasuk

didalamnya kegunaan software yang diharapkan pengguna dan batasan

http://localhost/phpmyadmin

17

software. Informasi ini biasanya dapat diperoleh melalui wawancara, survei

atau diskusi. Informasi tersebut dianalisis untuk mendapatkan dokumentasi

kebutuhan pengguna untuk digunakan pada tahap selanjutnya.

B. Design

Dalam tahap ini pengembang akan menghasilkan sebuah arsitektur sistem

sacara keseluruhan, dalam tahap ini menentukan alur perangkat lunak hingga

pada tahap algoritma yang detail.

C. Implementation

Dalam tahap ini dilakukan programan Pembuatan software dipecah menjadi

modul-modul kecil nantinya akan digabungkan dalam tahap berikutnya.

Selain itu dalam tahap ini juga dilakukan pemeriksaan terhadap modul yang

dibuat, apakah sudah memenuhi fungsi yang diinginkan atau belum.

D. Verification

Di tahap ini dilakukan penggabungan modul-modul yang sudah dibuat dan

dilakukan pengujian ini dilakukan untuk mengetahui apakah software yang

dibuat telah sesuai dengan desainnya dan masih terdapat kesalahan atau tidak.

E. Maintenance

Ini merupakan tahap akhir dalam model waterfall. Software yang sudah jadi

dijalankan serta dilakukan pemeliharaan. Pemeliharaan termasuk dalam

memperbaiki kesalahan yang tidak ditemukan pada langkah sebelumnya.

Perbaikan implementasi unit sistem dan peningkatan jasa sistem sebagai

kebutuhan baru.

Dalam metode pengembangan perangkat lunak pada metode waterfall

penulis menyimpulkan 3 dari 5 tahap dari metode waterfall, yaitu:

18

1. Analisa Kebutuhan

Langkah ini merupakan analisa terhadap kebutuhan sistem. Pengumpulan

data dalam tahap ini dilakukan sebuah penelitian, wawancara, atau studi

literatur untuk menggali informasi sebanyak-banyaknya dari user sehingga

akan tercipta sebuah sistem website yang bisa melakukan tugas-tugas yang

diinginkan oleh user tersebut. Tahap ini menghasilkan data yang

berhubungan dengan keinginan user dalam pembuatan sistem website.

2. Perancangan Sistem dan Perangkat Lunak

Dalam tahapan ini dilakukan penuangan pemikiran dan perancangan sistem

terhadap solusi dari permasalahan yang ada dengan menggunakan perangkat

permodelan sistem seperti struktur navigasi, tampilan antar muka dan

arsitektur perangkat lunak.

3. Implemantasi dan Pengujian Unit

Tahapan ini dilakukan pengujian kemampuan dan keefektifan sistem

sehingga dapat diketahui kekurangan dan kelemahan sistem yang kemudian

dilakukan pengkajian ulang dan perbaikan terhadap sistemagar menjadi lebih

baik lagi.

Menurut Sukamto dan M. Shalahudin (2011: 28) Dari kenyataan yang

terjadi sangat jarang model air terjun dapat dilakukan sesuai alurnya karena sebab

berikut:

1. Perubahan spesifikasi perangkat lunak terjadi di tengah alur pengembangan

19

2. Sangat sulit bagi pelanggan untuk mendefinisikan semua spesifikasi di alur

awal pengembangan. Pelanggan sering kali butuh contoh (prototype) untuk

menjabarkan spesifikasi kebutuhan sistem lebih lanjut.

3. Pelanggan tidak mungkin bersabar mengakomodasi perubahan-perubahan yang

diperlukan di akhir alur pengembangan.

2.2. Teori Pendukung

Untuk lebih memahami isi dari tugas akhir ini, maka dibutuhkan beberapa

pengetahuan mengenai definisi serta uraian yang berkaitan dengan teori

pendukung. Peralatan pendukung ini sangat berguna untuk menjelaskan proses

jalannya program sehingga mudah dimengerti oleh siapa saja yang akan

menggunakan program yang dibuat.

2.2.1. Struktur Navigasi

Struktur navigasi adalah urutan alur informasi dari suatu aplikasi

multimedia. Dengan menggunakan struktur navigasi yang tepat maka suatu

aplikasi multimedia mempunyai suatu pedoman dan arah informasi yang jelas.

Sebuah laman web atau dokumen web yang dibangun seharusnya mempunyai

struktur yang terang serta ide yang tersusun dengan teratur.

Untuk menciptakan dokumen web yang berasaskan hiperteks yang

berkualitas, satu struktur yang jelas perlu diletakan kepada maklumat dan

membuat struktur itu nyata kepada pengguna.bentuk struktur yang lazim

digunakan adalah hierarki.

20

1. Struktur Navigasi Linear

Struktur Linear adalah menyerupai cara dokumen cetak diorganisasikan.

Melaui struktur linear, setiap muka akan turut menuruti antara satu sama lain.

Struktur ini memudahkan penjelajahan dan pemahaman konteks karena

pengguna tidak diberi banyak pilihan untuk menjelajah ke dokumen lain.

Sumber: Othman, dkk (2006: 53)

Gambar II.1.Struktur Navigasi Linear

2. Struktur Navigasi Rangkaian

Struktur rangkaian atau yang dikenal sebagai web merupakan satu set

dokumen yang mempunyai sedikit atau tidak ada struktur keseluruhan.

Hiperteks perlu dibina dengan hierarki-hierarki yang boleh dilihat dengan

jelas dan hubungan-hubungan yang teratur. Terdapat banyak hubungan antara

kategori atau nod dan setiap hubungan yang terwujud mempunyai makna

yang berlainan.

21


Gambar II.2.Struktur Navigasi Rangkaian

3. Struktur Navigasi Hierarki

Struktur navigasi hierarki menjelaskan kandungan ke dalam dua atau lebih

peringkat. Struktur ini mencerminkan struktur pokok apabila diuraikan secara

lengkap. Hubungan antara kategori dalam struktur ini mempunyai makna

tertentu. Hubungan antara satu kategori peringkat tinggi dengan subkategori

bermakna pengkhususan kategori peringkat tinggi tersebut melalui ciri-ciri

tertentu. Berdasarkan gambar menu utama merupakan peringkat tertinggi dan

dibagi kepada sub laman web. Seterusnya, sub laman web dibagi lagi dan

peringkat ini merupakan pengkhususan yang paling mendalam.

22


Gambar II.3.Struktur Navigasi Hierarki

4. Kombinasi Struktur Linear dan Hierarki

Satu kaedah organisasi kandungan dokumen web yang sering digunakan ialah

gabungan struktur linear dan hierarki. Pengguna bebas untuk menggunakan

antara hierarki laman web dan ini memudahkan pergerakan pengguna yang

biasa mengunjungi laman web yang menggunakan struktur ini.


Gambar II.4.Kombinasi Struktur Linear dan Hierarki

23

5. Struktur Navigasi Bersudut

Struktur bersudut mencerminkan struktur mendatar apabila

diimplementasikan tetapi mempunyai struktur dan tujuan yang berbeda.

Struktur bersudut juga tidak mempunyai hubungan awal, jadi antara

kategorinya seperti struktur mendatar. Struktur ini kelihatan mudah tetapi

menjadi kompleks dengan cepat. Pengguna harus berkemampuan untuk

memanipulasikan nod dengan jelas.


Gambar II.5.Struktur Navigasi Bersudut

2.2.2. ERD (Enterprise Relationship Diagram)

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

merupakan suatu model data yang dikembangkan berdasarkan objek”. ERD

digunakan untuk menjelaskan hubungan antar data dalam basis data kepada

pengguna secara logis. ERD didasarkan pada suatu persepsi bahwa real world

terdiri atas obyek-obyek dasar tersebut. Penggunaan ERD relatif mudah dipahami,

24

bahkan oleh para pengguna yang awam. Bagi perancang atau analis sistem, ERD

berguna untuk memodelkan sistem yang nantinya, basis data akan dikembangkan.

Model ini juga membantu perancang atau analis sistem pada saat melakukan

analis dan perancangan basis data karena model ini dapat menunjukkan macam

data yang dibutuhkan dan kerelasian antardata didalamnya.

Komponen Entity Relationship Diagram menurut Sutanta (2011:91)

adalah sebagai berikut :

a. Entitas

Entitas merupakan suatu objek yang dapat dibedakan dari lainnya yang dapat

diwujudkan dalam basis data. Objek dasar dapat berupa orang, benda, atau

hal yang keterangannya perlu disimpan di dalam basis data. Untuk

menggambarkan sebuah entitas digunakan aturan sebagai berikut :

1. Entitas dinyatakan dengan simbol persegi panjang.

2. Nama entitas dituliskan didalam simbol persegi panjang.

3. Nama entitas berupa kata benda, tunggal.

4. Nama entitas sedapat mungkin menggunakan nama yang mudah

dipahami dan dapat menyatakan maknanya dengan jelas.

b. Atribut

Atribut merupakan keterangan-keterangan yang terkait pada sebuah entitas

yang perlu disimpan dalam basis data. Atribut berfungsi sebagai penjelas

pada sebuah entitas. Untuk menggambarkan atribut digunakan aturan sebagai

berikut:

1. Atribut digambarkan dengan simbol ellips.

2. Nama atribut dituliskan didalam simbol ellips.

25

3. Nama atribut merupakan kata benda, tunggal.

4. Nama atribut sedapat mungkin menggunakan nama yang mudah

dipahami dan dapat menyatakan maknanya dengan jelas.

c. Relasi

Relasi merupakan hubungan antara sejumlah entitas yang berasal dari

himpunan entitas yang berbeda. Aturan penggambaran relasi adalah sebagai

berikut :

1. Relasi dinyatakan dengan simbol belah ketupat.

2. Nama relasi dituliskan didalam simbol belah ketupat

3. Nama relasi berupa kata kerja aktif.

4. Nama relasi sedapat mungkin menggunakan nama yang mudah dipahami

dan dapat menyatakan maknanya dengan jelas

Jumlah entitas yang berpartisipasi dalam satu relationshipdinamakan

Relationship Degree atau Derajat Relasi. Relationship Degreeyang sering dipakai

dalam ERD, yaitu :

a. Unary Relationship

Unary Relationship adalah model relationship yang terjadi diantara entity

yang berasal dari entity set yang sama. Sering juga disebut sebagai

RecrusiveRelationship atau ReflectiveRelationship.

b. Binary Relationship

Binary Relationship adalah model relationship antara instance-instance dari

suatu tipe entitas (dua entity yang berasa dari entity yang sama). Relationship

ini paling umum digunakan dalam pembuatan model data.

26

c. Ternary Relationship

Ternary Relationship merupakan relationship antara instance-instance dari

tiga tipe entitas secara sepihak.

2.2.3. LRS (Logical Record Structure)

Logical Record Structured dibentuk dengan nomor dari tipe record.

Beberapa tipe record digambarkan oleh kotak empat persegi panjang dengan

nama yang unik. Beda LRS dengan Diagram Entity Relationship diagram nama

tipe record berada diluar kotak Field Type Record ditempatkan. LRS terdiri dari

link-link diantara tipe record. Link ini menunjukan arah dari satu tipe record

lainnya. Banyak link dari LRS yang diberi tanda field-field yang kelihatan pada

kedua Link Type Record. Penggambaran LRS mulai dengan menggunakan model

yang dimengerti. Dua metode yang dapat digunakan, dimulai dengan hubungan

kedua model yang dapat dikonversikan ke LRS. Metode yang lain dimulai dengan

Entity Relationship Diagram dan langsung dikonversikan ke LRS.

1. Konversi ERD ke LRS, Entity Relationship Diagram harus diubah kebentuk

LRS (struktur record secara logik). Dari bentuk LRS itulah yang nantinya

dapat ditransformasikan ke bentuk relasi (tabel).

2. Konversi ERD ke LRS sebuah model sistem yang digambarkan sebuah ERD

akan mengikuti pola pemodelan tertentu. Dalam kaitannya dengan konversi

ke LRS, untuk merubah yang terjadi adalah mengikuti aturan-aturan berikut:

a. Setiap entitas diubah kebentuk kotak dengan nama entitas, berada diluar

kotak dan atribut berada didalam kotak

27

b. Sebuah relationship kadang disatukan dalam sebuah kotak bersama entitas,

kadang sebuah kotak bersama-sama dengan entitas, kadang ditentukan

dalam sebuah kotak sendiri

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

secara grafis 2 (dua) dimensi yang terdiri dari kolom dan baris. Relasi adalah

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

dalam bentuk lingkaran Diagram Entity Relationship dikenal dengan sebutan

atribut. Konversi dari Logical Record Structure dilakukan dengan cara:

a. Nama Logical Record Structure menjadi nama relasi

b. Tiap atribut menjadi sebuah kolom didalam relasi

LRS adalah representasi dari struktur record-record pada tabel yang

terbentuk dari hasil antar himpunan entitas.

Menurut Hasugian dan sidiq (2012: 608) memberikan batasan bahwa LRS

adalah “Sebuah model sistem yang digambarkan dengan sebuah diargam-ER dan

mengikuti pola atau urutan pemodelan tertentu dalam kaitannya dengan konvensi

ke LRS”. Perubahan yang terjadi yaitu mengikuti aturan-aturan sebagai berikut

menurut Hasugian dan sidiq (2012: 608):

a. Setiap entitas akan diubah kebentuk kotak

b. Setiap atribut relasi disatukan dalam bentuk kotak bersama entitas jika

hubungan yang terjadi pada diagram-ER 1:M (relasi bersatu dengan

cardinality M atau tingkat hubungan 1:1 (relasi bersatu dengan cardinality

yang paling membutuhkan relasi)

c. Sebuah relasi dipisah dalam sebuah kotak tersendiri (menjadi entitas baru)

jika tingkat hubungannya M:M (many to many) dan memiliki foreign key

28

sebagai primary key yang diambil dari kedua entitas yang sebelumnya saling

berhubungan.

2.2.4. Pengujian Web (Black Box Testing)

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.

Pengujian black box cenderung diterapkan pada akhir suatu proses uji coba

perangkat lunak. Melalui pengujian ini, kita dapat menentukan apakah suatu

fungsi bekerja sesuai dengan spesifikasinya atau tidak.

29

BAB III

PEMBAHASAN

3.1 Analisis Kebutuhan

Kebutuhan terhadap internet pada saat ini sangatlah tinggi, karena pengguna

internet yang sangat banyak. Cepatnya informasi yang dapat di terima dari internet

menjadi kebutuhan masyarakat. Untuk memperlancar aktifitas dalam proses

penyampaian informasi, produk-produk dan sebagai media promosi bagi yang

membutuhkan informasi secara cepat dan tepat.

Analisa kebutuhan adalah mengidentifikasi kebutuhan yang diperoleh

berdasarkan kebutuhan pengguna dan kebutuhan sistem.

1. Kebutuhan Pengguna

Pada aplikasi e-commerce terdapat pengguna yang dapat saling berinteraksi

dalam lingkungan sistem yaitu front-end untuk kebutuhan pengunjung dan back-

end untuk kebutuhan admin. Setiap pengguna mempunyai kebutuhan informasi

yang berbeda-beda, yaitu :

a. Administrator

1) Melihat seputar data admin, persediaan produk, kategori, pelanggan,

pembayaran, pengiriman.

2) Menghapus member

3) Menambah, mengedit, dan menghapus produk.

4) Menambah, mengedit, dan menghapus kategori

5) Menambah, mengedit, dan menghapus data user admin

30

6) Menambah, mengedit, dan menghapus data kota pengiriman

7) Melihat detail pemesanan, mengupdate status pembayaran, menghapus data

pemesanan

8) Melihat detail Pembayaran

b. Pengunjung

1) Melihat seputar Home/ Beranda, Barang, Panduan, Kontak Kami, melihat

daftar produk dari setiap kategori dan spesifikasi dari setiap produk.

2) Mengisi atau mendaftar menjadi member

c. Member

1) Mengedit data member

2) Melakukan transaksi pembelian

3) Mengisi keranjang belanja

4) Melakukan konfirmasi pembayaran

2. Kebutuhan Sistem

Pada aplikasi e-commerce terdapat sistem operasi yang digunakan untuk

mengendalikan program. Setiap sistem operasi mempunyai kegunaan masing-masing,

yaitu :

a. Pengunjung sebelum melakukan transaksi harus melakukan registrasi untuk

menjadi member agar dapat memesan produk.

b. Administrator melakukan login untuk masuk ke menu admin dan logout untuk

keluar.

c. Pada menu admin dapat mengubah, mengedit dan menambah yang terdapat pada

menu admin.

31

3.2 Perancangan Perangkat Lunak

Dalam spesifikasi rancangan website ini dibahas mengenai bentuk-bentuk

maupun dokumen-dokumen yang mempunyai peranan dalam proses pengolahan data.

Masing-masing program dirancang harus saling berhubungan satu dengan yang

lainnya.

3.2.1 Rancangan Antar Muka

Tahapan selanjutnya dari proses pembuatan web adalah membuat menjelaskan

rancangan antar muka (interface) yang terdapat pada sistem informasi penjualan

furniture. Adapun rancangan antar muka dibagi menjadi dua bagian yaitu:

1. Rancangan Antar Muka Halaman Admin

Adalah bentuk sketsa atau rancangan antar muka halaman admin atau yang biasa

disebut dengan back-end. Halaman ini bisa diakses oleh administrator untuk

mempermudah kinerja administrator seperti menambah, merubah, menghapus data

pada website. Berikut adalah tampilan halaman administrator:

a. Rancangan Antar Muka Login Admin

Rancangan antar muka login admin adalah rancangan halaman yang digunakan

agar dapat masuk kedalam ruang admin yang berguna untuk mengolah data website.

32

xxxxxx

Login

Admin Website

999999

Gambar III.1.Rancangan Antar Muka Login Admin

b. Rancangan Antar Muka Pengolahan Data Halaman Admin

Rancangan antar muka pengolahan data halaman admin adalah rancangan

halaman yang berguna untuk mengelola isi dari website.

33

Admin

Welcome anisatysha Logout

Tambah Admin Baru

Tabel Data

Data Admin

Data Kategori Furniture

Data Persediaan Furniture

Data Kota Pengiriman

Data Pembayaran

Data Sementara

Data Order Pelanggan

Data Member

Form Pengisian Data

Form Kategori

Form Kota Pengiriman

7

2

My Dashboard Form Ongkos Kirim Data Member Form Barang

Formulir penambahan data furniture

Id furniture :

Nama furniture :

Kategori furniture :

Persediaan :

Harga :

Gambar :

xxx999

xxxxxx

xxxxxx

999

999

Save

v

No file selected Choose file

Gambar III.2.Rancangan Antar Muka Pengolahan Data Halaman Admin

34

c. Rancangan Antar Muka Tambah Admin Baru

Rancangan antar muka tambah admin baru ini berfungsi untuk menambah

data admin baru.

Admin


Tambah Admin Baru

Tabel Data

Data Admin




Data Pembayaran

Data Sementara


Data Member

Form Pengisian Data

Form Kategori


7

2


Personal-info Admin

Id Admin :

Usename :

Password :

No. Telp :

Alamat :

xxx999

xxxxx

******

999999

xxx999

SaveSave

Gambar III.3.Rancangan Antar Muka Tambah Admin Baru

35

d. Rancangan Antar Muka Data Admin

Rancangan antar muka data admin berfungsi untuk melihat data admin,

mengedit data admin dan menghapus data admin.

Admin


Tambah Admin Baru

Tabel Data

Data Admin




Data Pembayaran

Data Sementara


Data Member

Form Pengisian Data

Form Kategori


7

2


Data Admin Furniture

Show 10

Id admin Username Password

xxxxx ************

Home

v entries

xxx999

xxxxx ************ xxx999

EDIT

EDIT

Hapus

Hapus

First Previous Last1 Next

Search:

Alamat NO Telp

xxxxx

xxxxx

99999

99999

Pilihan

Gambar III.4.Rancangan Antar Muka Data Admin

36

e. Rancangan Antar Muka Data Kategori Furniture

Rancangan antar muka data kategori furniture berfungsi untuk menampilkan

data kategori yang ada, serta dapat mengedit dan menghapus data kategori

tersebut.

Admin


Tambah Admin Baru

Tabel Data

Data Admin




Data Pembayaran

Data Sementara


Data Member

Form Pengisian Data

Form Kategori


7

2



Show 10

No Id Kategori Nama Kategori

xxx999 xxxxx Edit

Home

v entries

1

xxx999 xxxxx

3

2

4 xxx999 xxxxx

xxx999 xxxxx

Pilihan

EDIT

EDIT

Hapus

Hapus

EDIT

EDIT

Hapus

Hapus


Search:

Gambar III.5.Rancangan Antar Muka Data Kategori Furniture

37

f. Rancangan Antar Muka Data Persediaan Furniture

Rancangan antarmuka data persediaan furniture berfungsi untuk memberikan

informasi mengenai persediaan produk yang tersedia, dan admin dapat

mengedit atau menghapus persediaan barang.

Admin


Tambah Admin Baru

Tabel Data

Data Admin




Data Pembayaran

Data Sementara


Data Member

Form Pengisian Data

Form Kategori


7

2



Show 10

Kode Barang Nama Barang Stock

xxxxxxxx 99

Home

v entries

xxx999

xxxxxxxx 99xxx999

EDIT

EDIT

Hapus

Hapus


Search:

Satuan (Rp) Id Kategori

Rp 99999

Rp 99999

xxx999

xxx999

Pilihan Gambar

img

img

2 43

Gambar III.6.Rancangan Antar Muka Data Persediaan Furniture

38

g. Rancangan Antar Muka Data Kota Pengiriman

Rancangan antar muka ini berfungsi untuk melihat daftar kota pengiriman

yang di halaman admin.

Admin


Tambah Admin Baru

Tabel Data

Data Admin




Data Pembayaran

Data Sementara


Data Member

Form Pengisian Data

Form Kategori


7

2



Show 10

Id Id Kota Nama Kota

xxx xxxxxxxx

Home

v entries

99 EDIT Hapus


Search:

Ongkos Kirim

Rp 999

Pilihan

Gambar III.7.Rancangan Antar Muka Data Kota Pengiriman

39

h. Rancangan Antar Muka Data Order Pelanggan

Rancangan antar muka ini berfungsi untuk menyimpan data pelanggan yang

sudah melakukan transaksi.

Admin


Tambah Admin Baru

Tabel Data

Data Admin




Data Pembayaran

Data Sementara


Data Member

Form Pengisian Data

Form Kategori


7

2


Data Pemesanan Online Cetak Laporan Penjualan

Show 10

No Order Nama Penerima

xxxxxxxx

Home

v entries

xxx999 Update HapusDetail


Search:

Jumlah Furniture

99

Pilihan Total Biaya + Ongkir Status

99999

Id Kota

xxxx xxxx

Gambar III.8.Rancangan Antar Muka Data Order Pelanggan

40

i. Rancangan Antar Muka Data Pembayaran

Rancangan antar muka ini dibuat untuk menyimpan data bukti pembayaran

pelanggan.

Admin


Tambah Admin Baru

Tabel Data

Data Admin




Data Pembayaran

Data Sementara


Data Member

Form Pengisian Data

Form Kategori


7

2


Data Bukti Pembayaran Member

Show 10

No No Order

xxx999

Home

v entries

999 HapusDetail


Search:

Id Member Nama Bank

xxx999 xxx

Pilihan Pemilik Kartu Bukti Pembayaran

xxxxx img

Gambar III.9.Rancangan Antar Muka Data Pembayaran

41

j. Rancangan Antar Muka Data Member

Rancangan antar muka ini dibuat untuk menyimpan data member

Admin


Tambah Admin Baru

Tabel Data

Data Admin




Data Pembayaran

Data Sementara


Data Member

Form Pengisian Data

Form Kategori


7

2


Data Member Furniture

Show 10

Id Member Nama Member Email

xxxxx xxxxxx

Home

v entries

xxx999

xxxxx xxxxxx xxx999

Hapus

Hapus


Search:

Password Alamat

*******

*******

xxxxx

xxxxx

Pilihan Jenis Kelamin

xxxxx

xxxxx

Gambar III.10.Rancangan Antar Muka Data Member

42

k. Rancangan Antar Muka Form Kategori

Admin


Tambah Admin Baru

Tabel Data

Data Admin




Data Pembayaran

Data Sementara


Data Member

Form Pengisian Data

Form Kategori


7

2


Formulir data kategori furniture

Home

xxx999

xxxxxx

Kode Kategori :

Nama Kategori :

Save

Gambar III.11.Rancangan Antar Muka Form Kategori

l. Rancangan Antar Muka Form Kota Pengiriman

Admin


Tambah Admin Baru

Tabel Data

Data Admin




Data Pembayaran

Data Sementara


Data Member

Form Pengisian Data

Form Kategori


7

2


Formulir data ongkos kirim

Home

xxx

xxxxxx

Id Kota :

Nama Kota :

Save

Biaya : 999999

Gambar III.12.Rancangan Antar Muka Form Kota Pengiriman

43

2. Rancangan Antarmuka Halaman User

Rancangan ini adalah bentuk sketsa atau rancangan antarmuka halaman user atau

yang biasa disebut dengan front-end.

a. Rancangan Antar Muka Halaman Beranda (Home) User

Rancangan ini dibuat untuk menampilkan halaman depan website.

(+62) 896-3009-4964 [email protected]

Furniture Shop HOME BARANG PANDUAN KONTAK KAMI

MEMBER LOGIN Slider Search

Please login

Username

password

LoginISI

Pendaftaran Baru

KALIGRAFI

LEMARI

MEJA

Footer

Gambar III.13.Rancangan Antar Muka Halaman Beranda (Home) User

44

b. Rancangan Antar Muka Halaman Barang

Rancangan antarmuka ini dibuat untuk menampilkan produk/ barang yang ada

dalam website.

(+62) 896-3009-4964 [email protected]



Please login

Username

password

Login

Pendaftaran Baru

KALIGRAFI

LEMARI

MEJA

Footer

xxxxx

99999

xxxxx

99999

xxxxx

99999

xxxxx

99999

xxxxx

99999

xxxxx

99999

Tambah Troli Detal Barang

Tambah Troli Tambah Troli Tambah Troli

Tambah Troli Tambah Troli

Detal Barang Detal Barang Detal Barang

Detal Barang Detal Barang

Gambar III.14.Rancangan Antar Muka Halaman Barang

45

c. Rancangan Antar Muka Halaman Panduan

Rancangan antar muka ini dibuat untuk menampilkan tatacara/ panduan untuk

berbelanja.

(+62) 896-3009-4964 [email protected]



Please login

Username

password

Login

Pendaftaran Baru

KALIGRAFI

LEMARI

MEJA

Footer

PANDUAN BELANJA

Gambar III.15.Rancangan Antar Muka Halaman Panduan

46

d. Rancangan Antar Muka Halaman Kontak Kami

Rancangan antar muka ini dibuat untuk menampilkan kontak yang ada pada

website.

(+62) 896-3009-4964 [email protected]



Please login

Username

password

Login

Pendaftaran Baru

KALIGRAFI

LEMARI

MEJA

Footer

KONTAK KAMI

Gambar III.16.Rancangan Antar Muka Halaman Kontak Kami

47

e. Rancangan Antar Muka Halaman Pendaftaran Baru

Rancangan antar muka ini dibuat untuk pendaftaran member baru.

(+62) 896-3009-4964 [email protected]



Please login

Username

password

Login

Pendaftaran Baru

KALIGRAFI

LEMARI

MEJA

Footer

Create an account

Buat akun baru untuk mulai belanja.

Nama Depan

xxxxxxxxxx

Nama Belakang

xxxxxxxxxx

Email / No Handphone

xxxxxxxxxx

Password

*****

Alamat

xxxxxxxxxx9999999999

Birthday

Hari

(Ulang Tahun)

TahunBulanv vv

O OLaki -Laki Wanita

Dengan mengeklik Buat akun, Anda menyetujui Persyaratan kami dan

mengonfirmasi bahwa Anda telah membaca Kebijakan Data kami.

Create an account

Create an account to start shopping in our online store

Gambar III.17.Rancangan Antar Muka Pendaftaran Baru

48

f. Rancangan Antar Muka Halaman Login Member

Rancangan antar muka ini berfungsi untuk masuk ke halaman member.

(+62) 896-3009-4964 [email protected]



Please login

Username

password

Login

Pendaftaran Baru

KALIGRAFI

LEMARI

MEJA

Footer

Gambar III.18.Rancangan Antar Muka Halaman Login Member

49

g. Rancangan Antar Muka Halaman Profile

Rancangan antar muka ini dibuat untuk menampilkan data pelanggan.

(+62) 896-3009-4964 [email protected]

Furniture Shop HOME PROFILE BARANG KONFIRMASI


Welcome Member

LOGO

KALIGRAFI

LEMARI

MEJA

Footer

Halaman Profile Pelanggan

Rubah Data Diri

KERANJANG KONTAK KAMI KELUAR

xxxxxx

"Kepuasan anda adalah kebanggaan bagi

kami"

LOGO

Detail Pelanggan

Username : xxxxxx

No Pelanggan : 999999

Nama Pelanggan : xxxxxx

Tanggal Lahir: 99xxx9999

Jenis Kelamin : xxxxxx

Alamat : xxxxxx

Gambar III.19.Rancangan Antar Muka Halaman Profile

50

h. Rancangan Antar Muka Halaman Rubah Data Diri/Pelanggan

Rancangan antar muka ini berfungsi untuk mengubah atau untuk memperbarui

data pelanggan.

(+62) 896-3009-4964 [email protected]

Furniture Shop HOME BARANG KONTAK KAMI


Please login

Username

password

Login

Pendaftaran Baru

KALIGRAFI

LEMARI

MEJA

Footer

PERBAHARUI PROFILE MEMBER

Nama Depan

xxxxxxxxxx

Nama Belakang

xxxxxxxxxx

Masukkan Email / No HP

xxxxxxxxxx

Masukkan Password Anda

*****

Masukkan Alamat

xxxxxxxxxx9999999999

Birthday

Hari

(Ulang Tahun)

TahunBulanv vv

O OLaki -Laki Wanita

Rubah Data Pelanggan

PROFILE KONFIRMASI KERANJANG KELUAR

Gambar III.21.Rancangan Antar Muka Halaman Rubah Data Diri/ Pelanggan

51

i. Rancangan Antar Muka Halaman Konfirmasi Pembayaran

Rancangan antar muka ini berfungsi untuk menampilkan bukti pembayaran

barang.

(+62) 896-3009-4964 [email protected]



Welcome Member

LOGO

List Ongkir

Konfirmasi Pembayaran

Riwayat Pemesanan

Footer

Pilih No Transaksi Pemesanan Barang Yang Dipesan

xxx999

Nama Pemilik kartu

xxxxxx

Nama Bank

xxxxxx

Cabang

xxxxxx

Struk Pembayaran



v


v

Browse... No File Selected

xxxxxx


kami"

Gambar III.21.Rancangan Antar Muka Halaman Konfirmasi Pembayaran

52

j. Rancangan Antar Muka Halaman Keranjang

Rancangan antar muka ini berfungsi untuk menmpilkan barang yang sudah

dipilih oleh pelanggan.

(+62) 896-3009-4964 [email protected]



Welcome Member

LOGO

List Ongkir


Riwayat Pemesanan

Footer

Nama Produk

Tambah Beli


xxxxxx


kami"

Produk

Harga

Banyaknya

Proses Sekarang

Semua Transaksi anda yang tersimpan bisa sekaligus diproses dengan meng-klik tombol dibawah ini :

Gambar III.22.Rancangan Antar Muka Halaman Keranjang

53

k. Rancangan Antar Muka Halaman Tambah Beli

Rancangan antar muka ini dibuat untuk menambah pembelian barang.

(+62) 896-3009-4964 [email protected]



Welcome Member

LOGO

List Ongkir


Riwayat Pemesanan

Footer

Detail Pemesanan

Tambah Beli


xxxxxx


kami"

Produk

Batal Beli

Nama Barang : xxxxxx

Tanggal Beli : xxxxxx,999999

Harga Barang : 999999

Jumlah di

Keranjang: 999

Jumlah Beli ^v

Gambar III.23.Rancangan Antar Muka Halaman Tambah Beli

54

l. Rancangan Antar Muka Halaman Proses Sekarang

Rancangan antar muka ini berfungsi untuk proses pengiriman barang.

(+62) 896-3009-4964 [email protected]

Anisa Furniture HOME PROFILE BARANG KONFIRMASI


Welcome Member

LOGO

List Ongkir


Riwayat Pemesanan

Footer

xxxxxx

Jumlah Barang 99999

Total Harga(belum

termasuk ongkir) 99999

Reset


v

xxxxxx


kami"

Kota Tujuan xxxxxx

xxxxxx99Alamat

KIRIM

Nama Penerima

Gambar III.24.Rancangan Antar Muka Halaman Proses Sekarang

55

3.2.2. Rancangan Basis Data

Perancangan basis data menghasilkan pemetaan tabe-tabel yang digambarkan

dengan Entity Relationship Diagram (ERD).

1. Entity Relationship Diagram (ERD).

tbl_member

melakukan tbl_pembayaran

memiliki

melakukan tbl_order memiliki

memiliki

detail_order

mempunyai

tbl_furniturememilikitbl_kategori

tbl_ongkir

id_pembayaran

no_order

nm_pemilik

nm_pemilik

struk

id_member

no_order

totalbiaya

id_kota

status

id_member

penerima

tanggal

jam_pesan

alamatid_kota

nm_kota

biaya

id_furniture

jml_furniture

subtotal

harga

no_order

id_furniture

nama_furniture

Stok

harga

gambar

kode_kategori

kode_kategori

nm_kategori

id_member

password

alamat

email_hp

nm_depan

nm_belakang

tgl_lahir

jenis_kelamin

1

1

11

1

1

1

1

1

M

n

M

11

Gambar III.25.Entity Relationship Diagram (ERD)

56

2. Logical Relational Structure (LRS)

id_member

password

alamat

email_hp

nm_depan

nm_belakang

tgl_lahir

jenis_kelamin

tbl_member

no_order

totalbiaya

id_kota

status

id_member

penerima

tanggal

jam-pesan

alamat

tbl_order

id_pembayaran

no_order

nama_bank

nm_pemilik

struk

id_member

id_kode

nm_kota

biaya

kode_kategori

nm_kategori

id_furniture

nama_furniture

stok

harga

gambar

kode_kategori

no_order

id_furniture

jml_furniture

harga

subtotal

tbl_ongkir

tbl_detailorder

tbl_kategori

tbl_furniture

tbl_pembayaran

1 1

M

n

1

M

1

1

1

11

1

Gambar III.26.Logical Relational Structure (LRS)

57

3. Spesifikasi File

Dalam perancangan web ini, penulis menggunakan sebuah database. Program

pendukung pembuatan web, spesifikasi file yang penulis buat dalam pembuatan

tugas akhir ini berjumlah 8 buah. Adapun spesifikasi file tersebut adalah:

1. Spesifkasi File Tabel Admin

Nama File : tbl_admin

Akronim : admin

Fungsi : Sebagai tempat menyimpan data user admin

Type File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hardisk

Panjang Record : 155 Karakter

Kunci Field : id_admin

Software : MySQL

58

Table III.1.Spesifikasi File Tabel Admin

2. Spesifkasi File Tabel Furniture

Nama File : tbl_furniture

Akronim : furniture

Fungsi : Sebagai tempat menyimpan data barang-barang furniture



Akses File : Random

Media : Hardisk


Kunci Field : id_furniture

Software : MySQL

No Elemen Data Nama Field Type Size Keterangan

1 id_admin id_admin varchar 10 Primary key

2 username username varchar 40

3 password password varchar 40

4 alamat alamat varchar 50

5 telp telp varchar 15

59

Table III.2.Spesifikasi File Tabel Furniture


1 id_furniture id_furniture varchar 15 Primary key

2 nama_furniture nama_furniture varchar 40

3 stok stok integer 5

4 harga harga varchar 20

5 gambar gambar varchar 70

6 kode_kategori kode_kategori varchar 10

3. Spesifkasi File Tabel Kategori

Nama File : tbl_kategori

Akronim : kategori

Fungsi : Sebagai tempat menyimpan data kategori



Akses File : Random

Media : Hardisk


Kunci Field : kode_kategori

Software : MySQL

60

Table III.3.Spesifikasi File Tabel Kategori


1 kode_kategori kode_kategori varchar 10 Primary key

2 nm_kategori nm_kategori varchar 40

4. Spesifkasi File Tabel Member

Nama File : tbl_member

Akronim : member

Fungsi : Sebagai tempat menyimpan data member



Akses File : Random

Media : Hardisk


Kunci Field : id_member

Software : MySQL

61

Table III.4.Spesifikasi File Tabel Member

5. Spesifkasi File Tabel Ongkir

Nama File : tbl_ongkir

Akronim : ongkir

Fungsi : Sebagai tempat menyimpan data ongkos pengiriman barang



Akses File : Random

Media : Hardisk


Kunci Field : id_kota

Software : MySQL


1 id_member id_member varchar 10 Primary key

2 password password varchar 40


4 email_hp email_hp varchar 50

5 nm_depan nm_depan varchar 20

6 nm_belakang nm_belakang varchar 30

7 tgl_lahir tgl_lahir varchar 20

8 jenis_kelamin jenis_kelamin varchar 20

62

Table III.5.Spesifikasi File Tabel Ongkir


1 id_kota id_kota varchar 10 Primary key

2 nm_kota nm_kota varchar 30

3 biaya biaya integer 15

6. Spesifkasi File Tabel Order

Nama File : tbl_order

Akronim : order

Fungsi : Sebagai tempat menyimpan data order barang

Type File : File Transaksi


Akses File : Random

Media : Hardisk


Kunci Field : no_order

Software : MySQL

63

Table III.6.Spesifikasi File Tabel Order


1 no_order no_order varchar 15 Primary key

2 totalBiaya totalBiaya varchar 15

3 id_kota id_kota integer 10

4 status status varchar 20

5 id_member id_member varchar 10

6 penerima penerima varchar 30

7 tanggal tanggal varchar 30

8 jam_pesan jam_pesan varchar 20


7. Spesifkasi File Tabel Pembayaran

Nama File : tbl_pembayaran

Akronim : pembayaran

Fungsi : Sebagai tempat menyimpan data pembayaran pelanggan

Type File : File Transaksi


Akses File : Random

Media : Hardisk


Kunci Field : id_pembayaran

Software : MySQL

64

Table III.7.Spesifikasi File Tabel Pembayaran


1 id_pembayaran id_pembayaran integer 4 Primary key

2 no_order no_order varchar 15

3 nama_bank nama_bank varchar 30

4 nm_pemilik nm_pemilik varchar 40

5 struk struk varchar 50

6 id_member id_member varchar 10

3.2.3. Rancangan Struktur Navigasi

Struktur navigasi website digunakan untuk menggambarkan secara garis besar

isi dari seluruh situs web dan menggambarkan bagaimana hubungan antara isi-isi

tersebut. Struktur navigasi yang penulis gunakan dalam pembuatan website ini adalah

strukur navigasi non linier. Melalui struktur navigasi ini akan terlihat isi beserta

seluruh susunan yang ada didalam sebuah web.

1. Rancangan Struktur Navigasi Admin

Login

Index

DashboardForm Pengisian

DataTabel Data

Tambah

Admin Baru

Data memberData

pembayaran

Data order

pelangganData kota

pengiriman

Data

persediaan

furniture

Data kategori

produkData admin

Form kota

pengirimanForm kategori

Form Ongkos

KirimData Member Form Barang

Data

pemesanan

Online

Cetak Laporan

Penjualan

Gambar III.27.Rancangan Struktur Navigasi Admin

65

2. Rancangan Struktur Navigasi Member

Halaman utama

Login

Beranda

Keluar Kontak kamiKeranjang Konfirmasi Barang Profile Home

Tambah Troli Detail Barang

Gambar III.29.Rancangan Struktur Navigasi Member

3.3. Implementasi dan Pengujian Unit

3.3.1. Implementasi

1. Implementasi Rancangan Antar Muka

Implementasi rancangan antar muka pada perancangan sistem informasi

penjualan furniture berdasarkan hasil rancangan antar muka. Adapun implementasi

rancangan antar muka dibagi menjadi dua bagian, yaitu:

a. Implementasi Antar Muka Admin

Yaitu merupakan rancangan antar muka pada halaman administrator dimana,

admin dapat mengolah data-data yang tercakup pada suatu website, yang terdiri dari:

66

1) Halaman Login Admin

Administrator harus melakukan login terlebih dahulu untuk dapat menggunakan

modul-modul yang tersedia. Jika login berhasil, maka menu-menu yang sesuai

dengan kategori user tersebut akan ditampilkan.

Gambar III.29.Halaman Login Admin

2) Halaman Home Admin

Halaman home admin, merupakan tampilan awal dari ruang admin setelah

melakukan login.

Gambar III.30.Halaman Home Admin

67

3) Halaman Tambah Admin

Halaman ini berfungsi untuk menambahkan admin baru.

Gambar III.31.Halaman Tambah Admin

4) Halaman Data Admin

Klik ikon edit untuk mengubah data admin dan klik ikon hapus untuk menghapus

data admin.

Gambar III.32.Halaman Data Admin

68

5) Halaman Data Kategori Admin

Halaman ini berfungsi untuk melihat kategori barang yang sudah ada.

Gambar III.33.Halaman Data Kategori Admin

6) Halaman Data Persediaan Admin

Halaman ini dirancang untuk memberikan informasi kepada para pengunjung

mengenai web kami yang isinya memberitahukan persediaan furniture yang

tersedia.

69

Gambar III.34.Halaman Data Persediaan Admin

70

7) Halaman Data Kota Pengiriman Admin

Halaman ini berfungsi untuk mengetahui jumlah biaya ongkos kirim ke suatu

tempat.

Gambar III.35.Halaman Data Kota Pengiriman Admin

8) Halaman Data Order Pelanggan Admin

Halaman ini berfungsi untuk menyimpan data pelanggan yang sudah melakukan

transaksi, kemudian admin dapat mengubah status pembeliannya.

Gambar III.36.Halaman Data Order Pelanggan Admin

71

9) Halaman Data Pembayaran Admin

Halaman ini berfungsi untuk menyimpan tanda bukti/ struk pembayaran

pelanggan.

Gambar III.37.Halaman Data Pembayaran Admin

10) Halaman Data Member Admin

Halaman ini berfungsi untuk melihat data member yang sudah terdaftar menjadi

member dan jika member sudah lama tidak aktif, admin dapat menghapus data

member.

Gambar III.38.Halaman Data Member Admin

72

11) Halaman Form Kategori Admin

Halaman ini berfungsi untuk menambah jenis kategori.

Gambar III.39.Halaman Form Kategori Admin

12) Halaman Form Kota Pengiriman Admin

Halaman ini berfungsi untuk menambah data kota pengiriman dan biaya ongkos

kirim pada suatu tempat.

Gambar III.40.Halaman Form Kota Pengiriman Admin

73

13) Halaman Form Penambahan Data Barang Admin

Halaman ini berfungsi untuk menambah persediaan barang sesuai dengan

kategori yang ingin ditambah jenis barangnya.

Gambar III.41.Halaman Form Penambahan Data Barang Admin

14) Halaman Admin Logout

Halaman ini berfungsi apabila kita meng-klik menu logout admin maka akan

menuju halaman login admin_af/login.php seperti pada gambar dibawah ini

Gambar III.42.Halaman Admin Logout

74

b. Implementasi Antar Muka User

Yaitu merupakan tampilan halaman front-end user, dimana konsumen dapat

berinteraksi melalui sistem pembelian produk kami dari mulai pemilihan produk

hingga pada konfirmasi transaksi.

1) Halaman Home User

Beranda ini adalah halaman depan dari semua halaman yang ada pada website.

Halaman ini juga dapat disebut sebagai halaman pembuka karena pada saat

pertama website dibuka maka halaman inilah yang akan tampil.

Gambar III.43.Halaman Home User

75

2) Halaman Profile Member

Rancangan halaman profile merupakan halaman yang menampilkan data

pelanggan.

Gambar III.44.Halaman Profile Member

76

3) Halaman Barang Member

Rancangan halaman barang merupakan halaman yang menyediakan pilihan

produk-produk yang ada pada toko online serta menyediakan kategori produk.

Gambar III.45.Halaman Barang Member

77

4) Halaman Konfirmasi Member

Halaman konfirmasi ini adalah halaman untuk mengirimkan bukti transfer

pembayaran barang/produk.

Gambar III.46.Halaman Konfirmasi Member

78

5) Halaman Keranjang Member

Halaman keranjang member adalah halaman dimana barang yang ingin kita beli

masuk dalam keranjang member. Serta menampilkan nama produk, harga dan

jumlah barang yang mau dibeli serta dapat menambah pembelian barang member.

Gambar III.47.Halaman Keranjang Member

79

6) Halaman Kontak Kami Member

Pada halaman tampilan kontak kami ini menampilkan informasi perusahaan.

Gambar III.48.Halaman Kontak Kami User

80

7) Halaman Login Member

Untuk menampilkan data email dan password untuk login ke tampilan halaman

member.

Gambar III.49.Halaman Login Member

81

8) Halaman Pendaftaran Baru/ Register User

Pada halaman ini menampilkan kolom pengisian data user untuk menjadi

member baru.

Gambar III.51.Halaman Pendaftaran Baru/ Register User

82

3. Spesifikasi Sistem Komputer

Sarana pendukung program sangat diperlukan untuk implementasi program

yang hendak dirancang, sehingga diharapkan perancangan program dapat dijalankan

tanpa ada hambatan dan memenuhi kebutuhan yang ada. Sarana pendukung program

yang diketahui sesungguhnya antara lain Hardware, Software dan Brainware. Akan

tetapi sarana pendukung program yang digunakan penulis dalam penulisan tugas

akhir ini hanya meliputi pembahasan mengenai perangkat keras (hardware) dan lunak

(software).

Suatu perangkat keras yang bagaimanapun canggihnya, tanpa didukung

perangkat lunak yang baik, maka perangkat keras tersebut tidak dapat dimanfaatkan

sebagaimana mestinya. Begitu pun sebaliknya dengan perangkat lunak, seberapa

canggihnya perangkat lunak yang tersedia tanpa adanya perangkat keras yang

memadai tidak akan berjalan dengan baik perangkat lunak tersebut. Perangkat keras

yang dapat digunakan adalah perangkat keras yang didukung oleh perangkat lunak

yang baik dan lengkap. Melihat pentingnya sarana perangkat keras serta lunak yang

hendak digunakan , maka diperlukan suatu keterpaduan yang dapat saling mendukung

satu dengan lainnya.

1. Perangkat Keras (Hardware)

A. Server

Ada pun spesifikasi perangkat keras yang digunakan penulis dalam

mendukung program ini adalah sebagai berikut :

1. CPU

a. Processor : 2.2 GHz

83

b. RAM : 2 GB

c. Hardisk : 500 GB HDD

2. Keyboard : Standard 104 Key

3. Mouse : Optical Mouse (optional)

4. Monitor : 14 Inci LCD

5. Koneksi Internet dengan kecepatan 2 Mbps

B. Client

1. CPU

a. Processor : intel

b. RAM : 1 GB

c. Hardisk : 250 GB

2. Keyboard

3. Mouse

4. Monitor

5. Koneksi Internet dengan kecepatan 56 Kbps

2. Perangkat Lunak (Software)

Perangkat Lunak (Software) adalah program yang dibutuhkan untuk

melakukan pengolahan data dan mempermudah user untuk mengunakan komputer

secara optimal. Adapun spesifikasi perangkat lunak yang digunakan penulis dalam

mendukung program ini adalah sebagai berikut:

A. Server

1. Sistem Operasi : Microsoft Windows 7

2. Program Aplikasi : Dreamweaver CS5

84

3. Web Server : XAMPP/ v 3.2.1

4. Software Database : PhpMyAdmin 4.2.7.1

5. Web Browser : Mozilla Firefox

Google Chrome

B. Client

1. Sistem Operasi : Microsoft Windows 7

2. Web Browser : Mozilla Firefox

Google Chrome

3.3.2. Pengujian Unit

Pengujian terhadap web yang dibuat menggunakan black box testing yang

terfokus terhadap proses masukan dan keluaran program.

A. Pengujian Terhadap Form Login Admin

Table III.8.Hasil Pengujian Black Box Testing Halaman Login Admin

No. Skenario pengujian Test Case Hasil yang diharapkan Hasil

Pengujian Kesimpulan

1.

Username, Password

kosong kemudian klik

tombol login

Username :

Kosong

Password

Kosong

Sistem menolak dan

menampilkan pesan

“Please Fill Out This

Field”

Sesuai

Harapan Valid

2.

Satu field input terisi

namun ada field input

lain yang kosong

kemudian klik tombol

login

Username :

anisatysha

Password :

(kosong)

Sistem menolak dan

menampilkan pesan

“Please Fill Out This

Field”

Sesuai

Harapan Valid

85

3.

Username dan

Password terisi

namun salah satu

value-nya salah

kemudian klik tombol

login

Username :

anisatysha

(benar)

Password :

admin1(salah)

Sistem menolak dan

menampilkan pesan

“Username atau

password yang anda

masukan Salah.

Mohon Periksa

Kembali”

Sesuai

Harapan Valid

4.

Username dan

Password terisi dan

semua value-nya

benar kemudian klik

tombol login

Username :

anisatysha

Password :

123456

Sistem menerima dan

menampilkan

pesan”Anda Berhasil

Login. Kami akan

mengalihkan anda

kehalaman admin”.

Sesuai

Harapan Valid

B. Pengujian Terhadap Form Login Member

Table III.9.Hasil Pengujian Black Box Testing Halaman Login Member

No Skenario

Pengujian Test Case Hasil yang diharapkan

Hasil


1.

Username,

Password

kosong

kemudian

klik tombol

login

username :

(Kosong)

Password :

(Kosong)

Sistem menolak dan menampilkan

pesan “Please Fill Out This Field”

Sesuai

Harapan Valid

2.

Salah satu

kolom

kosong lalu

klik Login

username :

putri@gma

il.com

Password :

(Kosong)



Sesuai

Harapan Valid

86

3.

Username

dan

Password

terisi namun

salah satu

value-nya

salah

kemudian

klik tombol

login

username :

putri@gma

il.com

Password :

putri@gma

il.com


pesan” Username atau password

yang anda masukkan salah.

Mohon periksa kembali”.

Sesuai

Harapan Valid

4.

Username

dan

Password

terisi dan

semua value-

nya benar

kemudian klik

tombol login

Username :

putri@gma

il.com

Password :

123456

Sistem menerima dan

menampilkan pesan” Anda

berhasil login. Kami akan

mengalihkan anda ke halaman

beranda user”.

Sesuai

Harapan Valid

C. Pengujian Terhadap Form Tambah Admin Baru

Table III.10.Hasil Pengujian Black Box Testing Halaman Tambah Admin Baru

No Skenario

Pengujian Test Case Hasil yang diharapkan

Hasil


1.

ID Admin,

Username,

Password,

No. Telp,

Alamat

Kemudian

klik save

Id admin:

(tampil

otomatis)

Username:

(terisi

kurang dari

6 karakter)

Password:

(terisi

kurang dari

6 karakter)

No. Telp:


pesan “Please match the requested

format: 6 characters minimum”

Sesuai

Harapan Valid

87

(kosong)

Alamat:

(kosong)

2.

ID Admin,

Username,

Password,

No. Telp,

Alamat

Kemudian

klik save

Id admin:

(tampil

otomatis)

Username:

(kosong)

Password:

(terisi)

No. Telp:

(terisi)

Alamat:

(terisi)



Sesuai

Harapan Valid

3.

ID Admin,

Username,

Password,

No. Telp,

Alamat

Kemudian

klik save

Id admin:

(tampil

otomatis)

Username:

(terisi)

Password:

(kosong)

No. Telp:

(terisi)

Alamat:

(terisi)



Sesuai

Harapan Valid

4

ID Admin,

Username,

Password,

No. Telp,

Alamat

Kemudian

klik save

Id admin:

(tampil

otomatis)

Username:

(terisi)

Password:

(terisi)

No. Telp:

(terisi)

Alamat:

(kosong)



Sesuai

Harapan Valid

88

5.

ID Admin,

Username,

Password,

No. Telp,

Alamat

Kemudian

klik save

Id admin:

(tampil

otomatis)

Username:

(terisi)

Password:

(terisi)

No. Telp:

(terisi)

Alamat:

(terisi)

Sistem menerima dan

menampilkan pesan “Data akses

untuk admin baru berhasil

ditambahkan. Terima kasih”

Sesuai

Harapan Valid

D. Pengujian Terhadap Form Tambah Data Barang

Table III.11.Hasil Pengujian Black Box Testing Halaman Form Tambah

Data Barang

No. Skenario

pengujian

Test Case Hasil yang

diharapkan

Hasilpeng

ujian

Kesimpulan

1. Id furniture,

nama furniture,

kategori

furniture,

persediaan,

harga, gambar

kemudian klik

save

Id furniture: (tampil

otomatis)

nama furniture: (kosong)

kategori furniture: (tampil

otomatis)

persediaan: (kosong)

harga: (kosong)

gambar: (kosong)

Sistem menolak

dan

menampilkan

pesan “Please

Fill Out This

Field”

Sesuai

harapan

Valid

2. Id furniture,

nama furniture,

kategori

furniture,

persediaan,

harga, gambar

kemudian klik

save

Id furniture: (terisi)

nama furniture: (terisi)

kategori furniture (terisi)

persediaan: (terisi)

harga: (terisi)

gambar: (kosong)

Sistem menolak

dan

menampilkan

pesan “Please

Fill Out This

Field”

Sesuai

harapan

Valid

89

3. Id furniture,

nama furniture,

kategori

furniture,

persediaan,

harga, gambar

kemudian klik

save

Id furniture: (terisi)

nama furniture: (terisi)

kategori furniture (terisi)

persediaan: (terisi)

harga: (terisi)

gambar: (terisi)

Sistem

menerima dan

menampilkan

pesan”Persediaa

n barang baru

berhasil

ditambahkan.

Terima kasih”

Sesuai

harapan

Valid

E. Pengujian Terhadap Form Kategori Furniture

Table III.12.Hasil Pengujian Black Box Testing Halaman Form Kategori

Furniture

No. Skenario

pengujian


diharapkan

Hasilpeng

ujian

Kesimpulan

1. Kode Kategori,

Nama Kategori

kemudian klik

save

Kode kategori: (tampil

otomatis)

nama kategori: (kosong)

Sistem akan

menampilkan

pesan pada

kolom”please

fill out this field

dan pada

gambar no file

selected”

Sesuai

harapan

Valid

2. Kode Kategori,

Nama Kategori

kemudian klik

save

Kode kategori: (tampil

otomatis)

nama kategori: (terisi)

Sistem

menerima dan

menampilkan

pesan” Kategori

baru berhasil

ditambahkan.

terima kasih”

Sesuai

harapan

Valid

90

F. Pengujian Terhadap Form Data Ongkos Kirim

Table III.13.Hasil Pengujian Black Box Testing Halaman Form Data

Ongkos Kirim

No. Skenario

pengujian


diharapkan

Hasilpeng

ujian

Kesimpulan

1. ID Kota, Nama

Kota, Biaya

kemudian klik

save

Id kota: (kosong)

Nama kota: (kosong)

biaya: (kosong)

Sistem akan

menampilkan

pesan pada

kolom”please

fill out this field

dan pada

gambar no file

selected”

Sesuai

harapan

Valid

2. ID Kota, Nama

Kota, Biaya

kemudian klik

save

Id kota: (terisi)

Nama kota: (kosong)

biaya: (kosong)

Sistem akan

menampilkan

pesan “ please

select a file”

Sesuai

harapan

Valid

3. ID Kota, Nama

Kota, Biaya

kemudian klik

save

Id kota: (terisi)

Nama kota: (terisi)

biaya: (terisi)

Sistem

menerima dan

menampilkan

pesan” Data

ongkos

pengiriman

berhasil di

tambahkan.

Terima kasih”

Sesuai

harapan

Valid

91

G. Pengujian Terhadap Form Pendaftaran Baru

Table III.14.Hasil Pengujian Black Box Testing Halaman Pendaftaran

Baru

No. Skenario

pengujian


diharapkan

Hasilpeng

ujian

Kesimpulan

1. Nama depan,

Nama belakang,

Email/ No

Handphone,

Password,

Alamat,

Birthday, Jenis

Kelamin

kemudian klik

Create an

account

Nama depan: (kosong)

Nama belakang: (kosong)

Email/ No Handphone:

(kosong)

Password: (kosong)

Alamat: (kosong)

Birthday: (kosong)

Jenis Kelamin: (kosong)

Sistem akan

menampilkan

pesan”please fill

out this field”

Sesuai

harapan

Valid

2. Nama depan,

Nama belakang,

Email/ No

Handphone,

Password,

Alamat,

Birthday, Jenis

Kelamin

kemudian klik

Create an

account

Nama depan: (kosong)

Nama belakang: (kosong)


(terisi)

Password: (kosong)

Alamat: (kosong)

Birthday: (kosong)


Sistem akan

menampilkan

pesan”please fill

out this field”

Sesuai

harapan

Valid

92

3. Nama depan,

Nama belakang,

Email/ No

Handphone,

Password,

Alamat,

Birthday, Jenis

Kelamin

kemudian klik

Create an

account

Nama depan: (terisi)

Nama belakang: (terisi)


(terisi)

Password: (terisi)

Alamat: (terisi)

Birthday: (kosong)

Jenis Kelamin: (terisi)

Sistem akan

menampilkan

pesan”Please

select an item in

the list”

Sesuai

harapan

Valid

4 Nama depan,

Nama belakang,

Email/ No

Handphone,

Password,

Alamat,

Birthday, Jenis

Kelamin

kemudian klik

Create an

account




(terisi)

Password: (terisi)

Alamat: (terisi)

Birthday: (terisi)


Sistem akan

menampilkan

pesan”Please

select one of

these options”

Sesuai

harapan

Valid

5 Nama depan,

Nama belakang,

Email/ No

Handphone,

Password,

Alamat,

Birthday, Jenis

Kelamin

kemudian klik

Create an

account




(terisi)

Password: (terisi)

Alamat: (terisi)

Birthday: (terisi)

Jenis Kelamin: (terisi)

Sistem

menerima dan

menampilkan

pesan”Silahkan

Login di

halaman Utama

untuk mulai

berbelanja”.

Sesuai

harapan

Valid

93

BAB IV

PENUTUP

4.1 Kesimpulan

Dengan berakhirnya pembahasan dalam penulisan ini, penulis mengambil

beberapa kesimpulan dari pembahasan-pembahasan pada bab sebelumnya, antara

lain:

1. Dengan adanya website ini dapat memudahkan dalam mempromosikan jenis-

jenis produk yang dimiliki oleh penjual, serta memudahkan pelanggan untuk

dapat memilih produk sesuai dengan kriteria yang diinginkan atau sesuai

dengan kebutuhannya.

2. Tanpa harus langsung datang ke toko, pelanggan cukup melakukan transaksi

melalui website e-commerce ini dengan mudah dan aman.

3. Pencatatan penjualan menjadi lebih efektif sehingga data dapat tersimpan

dengan rapi.

4. Pembuatan laporan penjualan menjadi lebih mudah dan tidak membutuhkan

waktu yang lama.

4.2 Saran

Berdasarkan infromasi dan hasil yang diperoleh, saran yang dapat diberikan

bagi pengembang aplikasi dimasa mendatang yaitu:

1. Melakukan perawatan perangkat keras maupun perangkat lunak secara

berkala.

94

2. Diharapkan untuk mempunyai backup file dimana hal ini untuk mencegah

apabila terjadi kesalahan didalam web.

3. Diharapkan pula untuk memberikan proteksi yang tinggi untuk website, agar

data-data yang ada di dalam website tersebut tidak hilang, dicuri, ataupun

rusak. Salah satu contoh proteksi yang dapat dilakukan adalah dengan

keamanan sistem database.

4. Melakukan training terlebih dahulu kepada admin website.

95

DAFTAR PUSTAKA

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

MySQL. Yogyakarta: C.V Andi Offset.

A.S, Rosa dan Shalahudin, M. 2013. Rekayasa Perangkat Lunak Terstruktur dan

Berorientasi Objek. Bandung: Informatika Bandung.

A.S, Rosa dan Shalahudin, M. 2011. Modul Pembelajaran Rekayasa Perangkat

Lunak (Terstruktur dan Berorientasi Objek). Bandung: Modula.

Hasugian, dan Shidiq. 2012. LRS (Logical Record Structure).

http://karyatulisilmiah .com/lrs-logical-record-structure/. (30 November

2017).

Indrajani. 2011. Perancangan Basis Data dalam All in 1. Jakarta: PT. Elex Media

Komputindo.

Kadir, Abdul. 2011. Buku Pintar Jquery dan PHP. Yogyakarta: Mediakom

Ollie. 2008. Membuat Toko Online dengan Multiply. Jakarta: Media Kita.

Othman, Mohd Shahizan, Suraya Mikson, Syed Norris Hikmi Syed Abdullah,

Lizawati Mi Yusuf. Pembangunan Aplikasi Web Menggunakan Active

Server Pages (ASP). Johor: 2006 Universiti Teknologi Malaysia.

Pressman, Roger S. 2010. Pendekatan Praktisi Rekayasa Perangkat Lunak. Edisi

7. Yogyakarta: Andi.

Sarwono, Jonathan. 2012. Metode Riset Online: Teori, Praktik, dan Pembuatan

Aplikasi (Menggunakan HTML, PHP,dan CSS). Jakarta: Elex Media

Komputindo.

Sibero, Alexander F.K. 2011. Kitab Suci Web Programming. Yogyakarta:

Mediakom

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

Sulistyawan, Rubianto, Rahmad Saleh. 2008. Modifikasi Blog Multiply dengan

CSS. Jakarta: Elex Media Komputindo.

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

Taufiq, Rohmat. 2013. Sistem Informasi Manajemen. Yogyakarta: Graha Ilmu.

Documents

TUGAS AKHIR - Bina Sarana Informatika · produk dan proses transaksi. Sedangkan tujuan dari penulisan tugas akhir ini adalah untuk memenuhi salah satu syarat kelulusan pada Program