tugas akhir - repository.bsi.ac.id · abstrak ridwan, (12146366), perancangan sistem informasi...

PERANCANGAN SISTEM INFORMASI PENJUALAN SPARE PART

MOBIL BERBASIS WEB PADA PT. CITA BAJA TRAKTOR

JAKARTA

TUGAS AKHIR

Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma III

RIDWAN

NIM : 12146366

Program Studi Manajemen Informatika

AMIK BSI Jakarta

Jakarta

2017 i

ABSTRAK

Ridwan, (12146366), Perancangan Sistem Informasi Penjualan Spare Part

Mobil Berbasis Web Pada PT. Cita Baja Traktor Jakarta

Teknologi informasi menjadi salah satu penunjang kebutuhan hidup manusia

dalam bersosialisai dengan lingkungannya. Banyaknya pengguna komputer

dengan sistem dan sebuah program sudah menjadi kebutuhan utama dalam

meningkatkan kinerja, khusunya pada suatu perusahaan. Oleh karena itu PT. Cita

Baja Traktor Jakarta yang usahanya bergerak pada bidang penjualan spare part

mobil sangat membutuhkan sebuah website penjualan online (e.commerce) untuk

meningkatkan dan memperluas usahanya. Dalam merancang sebuah sistem

informasi penjualan spare part mobil secara online dibutuhkan metode untuk

mendukung proses pembuatannya. Penulis menggunakan model water fall, yang

terbagi menjadi tiga tahapan. Dimulai dari analisa kebutuhan, perancangan sistem

dan perangkat lunak sampai dengan implentasi dengan pengujian unit program.

Penulis berharap dengan adanya sebuah sistem informasi penjualan spare part

mobil secara online pada PT. Cita Baja Traktor Jakarta dapat meningkatkan,

memperluas info penjualan spare part mobil dan memudahkan banyak orang

untuk berbelanja secara online sesuai dengan keinginannya.

Kata Kunci: Perancangan Sistem Informasi, penjualan spare part mobil

ABSTRACT

Ridwan, (12146366), Information System Design of Web-Based Car Spare Parts

At PT. Cita Baja Traktor Jakarta

Information technology becomes one of the supporting needs of human life in

bersosialisai with environment. The number of computer users with the system and a

program has become a major requirement in improving performance, especially in a

company. Therefore PT. Cita Baja Traktor Jakarta, whose business is engaged in the

sale of auto spare parts is in need of an online sales website (e.commerce) to improve

and expand its business. In designing an automated spare part car sales information

system needed a method to support the manufacturing process. The author uses the

water fall model, which is divided into three stages. Starting from the needs analysis,

system design and software up to implentasi with unit test program. The author hopes

with the existence of an automobile spare part sales information system online at PT.

Cita Baja Traktor Jakarta can increase, expand the car spare part sales information

and make it easier for many people to shop online as they wish.

Keywords: Information System Design, sales of automobile spare parts

x

DAFTAR ISI

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

Daftar Lampiran .................................................................................................................... xviii

BAB I PENDAHULUAN ............................................................................................... 1 1.1. Latar Belakang Masalah ........................................................................... 1 1.2. Maksud dan Tujuan .................................................................................... 3 1.3. Metode Penelitian ...................................................................................... 4 1.4. Ruang Lingkup ........................................................................................... 6 1.5. Sistematika Penulisan ............................................................................... 7

BAB I LANDASAN TEORI .......................................................................................... 8 2.1. Konsep Dasar Web ...................................................................................... 8

2.1.1. Website ............................................................................................. 8 2.1.2. Bahasa Pemrograman ................................................................... 11 2.1.3. Basis Data ....................................................................................... 15 2.1.4. Pengembangan Perangkat Lunak ............................................... 16

2.2. Teori Pendukung ........................................................................................ 18 2.2.1. Struktur Navigasi........................................................................... 18 2.2.2. ERD (Entity Relationship Diagram) ......................................... 21 2.2.3. LRS (Logical Record Structure) ................................................ 24 2.2.4. Pengujian Website......................................................................... 25

BAB III PEMBAHASAN .................................................................................................. 27 3.1.Tinjauan Perusahaan ................................................................................... 27

3.1.1. Sejarah Perusahaan ......................................................................... 27 3.1.2. Struktur Organisasi dan Fungsi .................................................... 29

3.2. Analisa Kebutuhan ..................................................................................... 30 3.3. Perancangan Perangkat Lunak ................................................................. 32

3.3.1. Rancangan Antar Muka ................................................................. 32 3.3.2. Rancangan Basis Data .................................................................... 40

xi

3.3.3. Rancangan Struktur Navigasi……………………………… 49 3.4. Implementasi dan Pengujian Unit…………………………………… 50

3.4.1. Implementasi……………………………………………… 50 3.4.2. Pengujian Unit……………………………………………. 60

BAB IV PENUTUP ............................................................................................................. 68 4.1 Kesimpulan……………………………… 68 4.2.Saran………………………………………………………… 68

DAFTAR PUSTAKA ............................................................................................................ 70 DAFTAR RIWAYAT HIDUP ........................................................................................... 72 SURAT KETERANGAN PKL .......................................................................................... 73 LAMPIRAN-LAMPIRAN .................................................................................................. 73

xii

DAFTAR SIMBOL

Entity Relationship Diagram

Entitas atau Objek Data

Kumpulan objek atau sesuatu yang dapat dibedakan

atau dapat diidentifikasi secara unik.

Relationship

Hubungan yang terjadi antar satu entitas atau lebih.

Atribut atau Elemen data

Karakteristikdalam entity atau relationship yang mengerjakan

penjelasan detail tentang entity atau relationship atau disebut

kumpulan elemen data yang membentuk suatu entitas.

Weak Entity

Suatu entity dimana keberadaan dari entity tersebut tergantung

dari entity lain.

Atribut Multivalue

Atribut yang memiliki nilai lebih dari satu.

Connection

Digunakan sebagai penghubung entitas yang membedakan

entitas tersebut dengan entitas lainnya.

xiii

DAFTAR GAMBAR

Halaman

Gambar II.1 Model Proses Waterfall ................................................................................... 17

Gamabr II.2 Struktur Navigasi Linier .................................................................................. 19

Gambar II.3 Struktur Navigasi Hiraki ................................................................................. 19

Gambar II.4 Struktur Navigasi Non Linier ......................................................................... 20

Gambar II.5 Struktur Navigasi Campuran .......................................................................... 21

Gambar II.6 Relasi Enterprise Relationship Digram ....................................................... 22

Gambar II.7 Relasi Logical Relationship Srtucture .......................................................... 24

Gambar II.8 Contoh Derajat Satu Unary Degree .............................................................. 25 Gambar II.9 Contoh Derajat Dua Binary Degree .............................................................. 25

Gambar II.10 Contoh Derajat Tiga Tenary Degree .......................................................... 25

Gambar III.1 Struktur Organisasi PT.Cita Baja Traktor Jakarta .................................... 29

Gambar III.2 Rancangan antar muka login admin ............................................................ 32

Gambar III.3 Rancangan antar muka halaman beranda administrator .......................... 33

Gambar III.4 Rancangan antar muka halaman data transaksi ......................................... 33

Gambar III.5 Rancangan antar muka halaman data kategori .......................................... 34

Gambar III.6 Rancangan antar muka halaman data produk ............................................ 34

Gambar III.7 Rancangan antar muka halaman data tambah produk ............................. 35

Gambar III.8 Rancangan antar muka halaman data member .......................................... 35

Gambar III.9 Rancangan antar muka halaman data laporan ........................................... 36

Gambar III.10 Rancangan antar muka halaman beranda member ................................. 37

Gambar III.11 Rancangan antar muka halaman kategori member ................................ 37

Gambar III.12 Rancangan antar muka halaman kampas rem member ......................... 38

Gambar III.13 Rancangan antar muka halaman filter oil hop member ......................... 38

Gambar III.14 Rancangan antar muka halaman kontak member ................................... 39

Gambar III.15 Rancangan antar muka halaman daftar member ..................................... 39

Gambar III.16 Rancangan antar muka halaman login member ...................................... 40

Gambar III.17 Entity Relationship Digram ........................................................................ 41

Gambar III.18 Logical Relationship Structure................................................................... 42

Gambar III.19 Struktur navigasi member ........................................................................... 49

Gambar III.20 Struktur navigasi admin ............................................................................... 49

Gambar III.21 Implementasi halaman login administrator ............................................. 50

Gambar III.22 Implementasi halaman administrator ........................................................ 51 Gambar III.23 Implementasi halaman transaksi ................................................................ 51

Gambar III.24 Implementasi halaman kategori ................................................................. 52

Gambar III.25 Implementasi halaman data produk ........................................................... 52

Gambar III.26 Implementasi halaman data member......................................................... 53

Gambar III.27.Implementasi halaman data laporan .......................................................... 53

Gambar III.28 Implementasi halaman beranda member .................................................. 54

Gambar III.29 Implementasi halaman kategori velg5 member ...................................... 54

Gambar III.30 Implementasi halaman kategori kampas rem member .......................... 55

Gambar III.31 Implementasi halaman kategori filter oil hop ......................................... 55

xiv

Gambar III.32 Implementasi halamanan kontak member ............................................... 56

Gambar III.33 Implementasi halaman daftar member...................................................... 56

Gambar III.34 Implementasi halaman login member ....................................................... 57

xv

DAFTAR TABEL

Halaman

Tabel II.1 Simbol-Simbol Enterprise Relationship Diagram…………….. 22

Tabel III.1 Spesifikasi File Admin……………………………………….. 43

Tabel III.2 Spesifikasi File Kategori……………………………………… 44

Tabel III.3 Spesifikasi File Komfirmasi………………………………….. 45

Tabel III.4 Spesifikasi File Kota………………………………………….. 46

Tabel III.5 Spesifikasi File Member……………………………………… 47

Tabel III.6 Spesifikasi File Produk……………………………………….. 48

Tabel III.7 Spesifikasi File Transaksi…………………………………….. 49

Tabel III.8 Spesifikasi File Transaksi Detail……………………………... 50

Tabel III.9 Spesifikasi File Transaksi Sementara………………………… 50

Tabel III.10 Black box Testing Halaman Login Administrator…………. 60

Tabel III.11 Black box Testing Halaman Login Member……………….. 61

Tabel III.12 Black box Testing Halaman Daftar Member………………. 62

Tabel III.13 Black box Testing Halaman Pemesanan…………………… 64

Tabel III.14 Black box Testing Halaman Komfirmasi Pembayaran……. 65

xvi

DAFTAR LAMPIRAN

Halaman

A.1. Lampiran Data Produk…………………………………………….. 70

B.1.Lampiran Data Member…………………………………………….. 71

B.2.Lampiran Faktur Penjualan…………………………………………. 72

xvii

BAB I

PENDAHULUAN

1.1 Latar Belakang Masalah

Hingga saat ini industri otomotif dunia terus berkembang guna memenuhi

tuntutan selera konsumen yang terus meningkat. Di samping itu juga kemampuan

produsen dalam mengembangkan desain, kualitas dan lingkungan dunia usaha yang

mengenai penjualan komponen-kompenen mobil. Sebagai salah satu industri

pendukung utama sektor otomotif yang menjual spare part mobil, ini tentunya akan

berdampak langsung pada industri pendukung lainnya termasuk bagi industri suku

cadang kendaraan. Industri komponen otomotif saat ini beragam yang dijual meliputi

kanvas rem dan kopling, aki, ban, blok mesin, transmisi, chassis dan berbagai macam

spare part mobil lainnya.

Saat ini penjualan produk melalui internet sedang berkembang pesat. Hal ini

menjadi bukti bahwa kini semakin banyak konsumen yang telah terbiasa

menggunakan internet dalam kegiatan sehari-harinya, dimana salah satu kegiatan

adalah perdagangan melalui sistem penjualan secara online (E-commerce). Dengan E-

commerce kedua pihak baik produsen maupun konsumen sama-sama diuntungkan,

konsumen mendapatkan produk keinginannya dengan praktis dan produsen dapat

lebih mudah memperluas pasarnya.

1

2

Pada PT.Cita Baja Traktor Jakarta yang usahanya bergerak di bidang bisnis

penjualan spare part mobil, didirikan pada 18 maret 2013. PT Cita Baja Traktor saat

ini beralamat di lokasi dijalan krekot jaya blok AC no 12 Jakarta pusat 10710 masih

belum terkenal luas masih terbilang baru di dunia bisnis penjualan spare part mobil

truk yang bermerk Hino, Nissan UD, Mistubishi dan berbagai merk mobil lainnya.

Selama ini pada PT. Cita Baja Traktor Jakarta menghadapi ketatnya persaingan dalam

bisnis penjualan spare part mobil truk, ini terkendala dengan adanya keterbatasan

dalam mempromosikan barang daganganya kepada para pelanggan yang akan

membeli spare part mobil hanya bisa datang langsung ke tempat ini, setelah itu

pelanggan membeli barang yang akan dibelinya, dan melakukan transaksi

pembayaran langsung di tempat tersebut. Oleh karena itu munculah pembuatan

website e-commerce sebagai media yang paling memudahkan konsumen dalam

memperoleh informasi tentang spare part yang ingin dibelinya, baik mengenai harga,

jenis, dan merk dari mobil itu sendiri dan bagi perusahaan tentunya sangat

menguntungkan dalam hal promosi dan meningkatkan penjualan.

Perusahaan ini juga akan dapat memperoleh pelanggan yang semakin banyak

karena dengan web e-commerce ini pelanggan dapat melakukan pemesanan barang

spare part mobil yang ingin dibelinya tanpa harus datang ke kantor PT. Cita Baja

Traktor yang berada di jakarta. Hal inilah yang ingin dicapai pada PT. Cita Baja

Traktor Jakarta, sebagai salah satu perusahaan yang bergerak di bidang otomotif

penjualan spare part mobil. Dengan web e-commerce menjadikan proses penjualan

dilakukan secara lebih muda, efisien dan interaktif antara pelanggan dan perusahaan.

3

Atas dasar uraian diatas maka akan dibahas tugas akhir tentang bagaimana

membuat suatu sarana sistem berbasis web yang dapat membantu PT Cita Baja

Traktor Jakarta ini dalam hal meningkatkan penjualan spare part mobil secara online

dengan judul “ Perancangan Sistem Informasi Penjualan Spare part Mobil

Berbasis Web Pada PT.Cita Baja Traktor Jakarta”

1.2 Maksud dan Tujuan

Maksud dalam penulisan tugas akhir ini sebagai berikut :

1. Mengimplentasikan website sehingga mempermudah para pengguna internet

dalam memperoleh informasi dan bisa memilih jenis spare part mobil pada PT.

Cita Baja Traktor Jakarta.

2. Memberikan kemudahan kepada para pengguna internet dalam melakukan

transaksi pemesanan spare part mobil secara online melalui website yang

responsive dan petunjuk penggunaan yang mudah dipahami.

3. Untuk mempermudah para pengguna internet agar bisa bertransaksi 24 jam

penuh.

4. Merancang sebuah website penjualan spare part mobil secara online pada PT.

Cita Baja Traktor Jakarta untuk meningkatkan dan mempeluas info penjualan

spare part mobil.

5. Mempermudah untuk membuat laporan penjualan lebih transparan dan

mengurangi Human error dalam transaksi penjualan spare part mobil pada PT.

4

Cita Baja Traktor Jakarta.

Sedangkan tujuan penyusunan tugas akhir ini adalah sebagai syarat kelulusan

Program Diploma Tiga (DIII) Program Studi Manajemen Informatika di Akademi

Manajemen Informatika dan Komputer Bina Sarana Informatika (AMIK BSI).

1.3 Metode penelitian

Menjelaskan metode penelitian dan teknik pengumpulan data yang digunakan

untuk penyusunan tugas akhir.

A. Metode Pengembangan Perangkat Lunak

Metode yang digunakan pada pengembangan perangkat lunak ini menggunakan

model water fall (Sommerville 2011:30) yang meliputi :

1. Analisis Kebutuhan

Tahapan awal penulis akan melakukan analisa terhadap kebutuhan fungsional

maupun nonfungsioanal pada PT.Cita Baja Traktor Jakarta, kebutuhan dalam

pembuatan program penjualan spare part mobil secara online yang dibangun yang

berdasarkan permintaan dari kebutuhan pengguna seperti katalog, cara pembelian,

dan komfirmasi pembayaran. Kemudian berdasarkan sistem seperti data

pelanggan dan data pesanan

2. Perancangan Sistem dan Perangkat Lunak

Setelah tahapan analisa kebutuhan terpenuhi, maka dalam tahap selanjutnya dari

perancangan sistem ini dimulai dengan merancang antar muka berupa design

input dan output, merancang basis data menggunakan Entity Relationship Digram

5

(ERD) dan Logical Record Structure (LRS) hingga strukur navigasi, sampai

menjadi sebuah program yang siap digunakan.

3. Implementasi dan Pengujian Unit

Pada tahap ini, perancangan perangkat lunak direalisasikan sebagai serangkaian

program atau unit program. Setelah itu akan dilakukan implementasikan dan

dapat diuji dengan blok black testing. Pengujian dilakukan pada form login admin,

dimana sistem pada program akan menolak apabila input login admin salah.

Selanjutnya akan dilakukan pengujian pada beberapa menu yang terdapat pada

halaman menu utama khususnya terhadap pengujian transaksi penjualan dimana

customer dapat melakukan dapat melakukan pembelian spare part mobil secara

online dengan prosedur yang dibuat oleh PT.Cita Baja Traktor Jakarta.

1. Observasi

Penulis melakukan pengamatan langsung terhadap kegiatan yang

berhubungan dengan judul dalam penyusunan tugas akhir. Hasil pengamatan

dan pengumpulan terhadap data agar informasi yang didapat tepat dan akurat

untuk suatu tujuan. Dari hasil observasi ini penulis dapat mengetahui sistem

penjualan spare part mobil yang sedang berjalan pada PT.Cita Baja Traktor

Jakarta.

2. Wawancara

Dalam melakukan penyusunan tugas akhir ini, untuk mendapatkan informasi

yang lengkap dan akurat maka penulis mengumpulkan data melalui tatap

6

muka dan tanya jawab langsung dengan pemilik usaha, karyawan yang

bertugas pada bagian penjualan spare part mobil, dan beberapa customer yang

datang.

3. Studi Pustaka

Untuk melengkapi data yang diperlukan oleh penulis, penulis melakukan studi

pustaka melalui referensi-referensi yang ada diperpustakaan Akademi

Manajemen Informatika Bina Sarana Informatika dengan klasifikasi bahan-

bahan tertulis yang berhubungan dengan permasalahan, baik dari sumber

dokumen maupun buku-buku.

1.4 Ruang Lingkup

Adapun ruang lingkup dalam penyusunan tugas akhir ini membahas tentang

perancangan program penjualan spare part mobil secara online pada PT.Cita Baja

Traktor Jakarta, dengan memberi batasan-batasan yang melingkupi 3 (tiga) akses

diantaranya admin, member dan pengunjung pada halaman administrator terdiri

halaman beranda halaman transaksi halaman kategori halaman data produk data

member halaman laporan halaman logout. Sedangkan halaman member terdiri

halaman vleg5, kampas rem, filter oil hop, halaman cart, halaman kontak, halaman

pemesanan saya, halaman akun saya, halaman logout. Yang terakhir pada halaman

pengunjung terdiri halaman cart, halaman vleg 5, halaman kampas rem, halaman filter

oil hop, halaman pendaftaran, halaman login.

7

1.5 Sistematika Penulisan

Sistematika penulisan laporan tugas akhir ini adalah sebagai berikut

1. BAB 1 PENDAHULUAN

Bab ini membahas tentang latar belakang masalah, maksud dan tujuan, metode

penelitian, ruang lingkup dan sistematika penulisan yang dipakai pada

penulisan tugas akhir ini.

2. BAB II LANDASAN TEORI

Bab ini membahas tentang konsep web teori pendukung yang digunakan

penulis sebagai dasar untuk menyusun tugas akhir ini.

3. BAB III PEMBAHASAN

Bab ini membahas mengenai hal yang bersifat umum,tinjuan perusahaan

dengan menguraikan sejarah perusahaan, struktur organisasi beserta fungsi.

Penulis juga membahas analisis kebutuhan, perancangan perangkat lunak

dengan rancangan antar muka, rancangan basis data, rancangan stuktur

navigasi dan implementasi serta pengujian unit.

4. BAB IV PENUTUP

Bab ini penulis menjelaskan mengenai kesimpulan dari penyelesaian masalah

secara keseluruhan serta saran-saran yang dapat dijadikan sebagai bahan

pertimbangan yang mungkin akan bermanfaat bagi PT.Cita Baja Traktor

Jakarta pada masa yang akan datang.

BAB II

LANDASAN TEORI

2.1 Konsep Dasar Web

Konsep dasar dari sebuah web memegang peranan penting menyediakan

informasi bagi pemakai computer yang terhubung dengan internet. Informasi web

disimpan dalam dokumen dalam halaman-halaman web atau webpage. Halaman

web tersebut disimpan dalam computer web server. Sementara dipihak pemakai ada

computer yang bertindak computer client, dimana ditempatkan program untuk

membaca halaman web yang ada di web browser, selanjutnya browser membaca

halaman web yang ada di web browser.

2.1.1. Website

Menurut Yuhefizar (2008:10), “Web adalah suatu metode untuk

menampilkan informasi di internet, baik berupa teks, gambar, suara maupun video

yang interaktif dan mempunyai kelebihan untuk menghubungkan link satu dokumen

dengan dokumen lainnya (hypertext) yang dapat diakses melalui sebuah browser’’.

1. Internet

Internet merupakan singkatan dari Interconnection Networking. Internet

berasal dari bahasa latin “ inter “ yang berarti antara. Menurut Supriyanto (2008:60)

Internet adalah “sebuah jaringan computer yang menghubungkan komputer-

komputer diseluruh dunia sehingga terbentuk ruang maya jaringan computer

8

9

(cyberspace)‟‟ .Pendapat ini mengartikan bahwa internet merupakan media

komunikasi dan informasi modern yang dapat dimanfaatkan secara global oleh

pengguna di seluruh dunia dalam interkoneksi antar jaringan computer yang

terbentuk melalui sarana berupa penyedia akses (provider) internet, sehingga

internet sebagai media informasi dapat menjadi sarana yang efektif dan efisien

untuk melakukan pertukaran dan penyebaran informasi tanpa terhalang oleh jarak,

perbedaan waktu factor geografis bagi seseorang yang ingin mengakses informasi.

Model koneksi internet dapat dilakukan pada komputer pribadi maupun jaringan

LAN/WAN. Menurut Nugroho (2008:44) LAN (Local Area Network) adalah

„‟suatu jaringan yang terbentuk dengan menghubungkan beberapa komputer yang

berdekatan yang berada suatu ruang atau gedung yang terkoneksi ke internet

gateway’’. Sedangkan WAN (Wide Area Network) adalah „‟format jaringan dimana

suatu komputer yang dihubungkan dengan komputer yang lainnya melalui

sambungan telepon‟‟. Data dikirim dan diterima dari suatu komputer ke komputer

lainnya lewat sambungan telepon. Konektor komputer dengan telepon

menggunakan modem (modulator demodulator).

2. E-commerce

Menurut Sunarto (2009:27), “E-commerce adalah satu set dinamis

teknologi,aplikasi dan proses bisnis yang menghubungkan perusahaan, konsumen,

dan komunitas tertentu melalui transaksi elektronik dan perdagangan barang,

pelayanan dan informasi yang dilakukann secara elektronik‟‟. E-Commerce

10

merupakan salah satu teknologi yang berkembang pesat seiring dengan kehadiran

internet dalam kehidupan kita. Banyak orang mendapatkan manfaat kemudahan

berbisnis melaui media internet. E-Commerce merupakan bagian e-bisnis.

Dimana E-Commerce mengacu pada internet untuk belanja online dan jangkauanya

lebih sempit. Sebagai sub perangkat dari e-bisnis. Cara pembayaran pada E-

Commerce dilakukan melalui transfer secara digital seperti melalui account paypal

atau kartu kredit.

3. Web Browser

Menurut Maxicom (2011:3), “mengatakan Web browser adalah aplikasi yang

digunakan untuk menampilkan halaman web beserta kontennya” Web browser

digunakan untuk memperoleh informasi dengan format hypertext. Web browser

akan mengirimkan request ke web server, dan menampilkan hasilnya ke pengguna.

Selain itu web browser juga dapat mengirimkan form ke web server untuk diproses.

Contoh dari web browser adalah NCSA Mosaic, Netscape Navigator, MacWeb, IE,

Opera, Conqueror dll

4. Web Server

Menurut Sadeli (2013:02), “web server adalah sebuah perangkat lunak server

yang berfungsi menerima permintaan HTTP atau HTTPS dari klien yang dikenal

dengan web browser dan mengirimkan kembali hasilnya dalam bentuk halaman-

halaman web yang umumnya berbentuk dokumen HTML‟‟.

11

5. XAMPP

Menurut Sadeli (2013:04), “XAMPP adalah program yang berisi paket

Apache, MySQL, dan phpMyadmin”. Fungsi XAMPP adalah sebagai server yang

berdiri sendiri (localhost), yang terdiri atas program Apache HTTP Server, MySQL

database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP

dan Perl. Nama XAMPP merupakan singkatan dari X (empat system operasi

apapun), Apache, MySQL, PHP dan Perl. Program ini tersedia dalam GNU General

Public License dan bebas, merupakan web server yang mudah digunakan yang

dapat melayani tampilan halaman web yang dinamis.

2.1.2 Bahasa Pemrogramam

1. PHP (Page Hypertext Preprocessor)

Menurut Raharjo (2010:41), “PHP (Page Hypertext Preprocessor) adalah salah satu

bahasa pemogramam skrip yang dirancang untuk membangun aplikasi web”. Ketika

dipanggil dari web browser, program yang ditulis dengan PHP akan di parsing di

dalam web server oleh interpreter PHP akan diterjemahkan ke dalam dokumen

HTML, yang selanjutnya akan ditampilkan kembali ke web browser. Karena

pemprosesan program PHP dilakukan di lingkungan web server, PHP dapat

dikatakan sebagai bahasa sisi server (server side). Oleh sebab itu, seperti yang telah

dikemukan sebelumnya, kode PHP tidak akan terlihat pada saat user memilih

perintah view source pada web browser yang mereka gunakan. PHP membuat

12

proses pengembangan aplikasi menjadi mudah karena kelebihan-kelebihannya

yaitu:

a. Script (kode program) terintegrasi dengan file HTML, sehingga

developer dapat berkosentrasi langsung pada penampilan web nya.

b. Tidak ada proses compiling dan linking

c. Berorentasi objek (Objek Oriented).

d. Sintaksis pemrogramannya mudah dipelajari, sangat menyerupai C

dan Perl.

e. Integrasi yang sangat luas ke berbagai server database.

2 CSS (Cascading Style Sheet)

Menurut Riyanto (2009:236), “CSS (Cascading Style Sheet) adalah Kumpulan

perintah yang dibentuk dari berbagai sumber yang disusun menurut urutan terentu

sehingga mampu mengatasi konflik style CSS ini merupakan bahasa

pemrogramam web yang mengatur komponen dalam suatu web supaya web lebih

tersruktur dan lebih seragam. CSS biasanya digunakan untuk memformat tampilan

halamam web yang dibuat dengan bahasa HTML dan XHMTL. CSS mampu

mengatur warna body text, ukuran gambar, ukuran border, warna mouse over,

warna table, warna hyperlink, margin kiri/kanan/atas/bawah, spasi antar

paragraph, spasi text, dan parameter lainnya. Dengan adanya CSS memungkinkan

kita untuk menampilkan halamam yang sama dengat format yang berbeda.

13

3 JQuery

Menurut Hakim (2010:03), “JQuery (Javasrcipt Library) adalah Kumpulan

kode atau fungsi java script siap pakai, Sehingga mempermudah dan mempercepat

kita dalam membuat kode javasrcipt”. Secara standar, apabila kita membuat kode

javascript, maka akan diperlakukan kode yang cukup panjang bahkan akan sulit

dipahami. Oleh karena itu JQuery menyederhanakan kode javascript. Hal ini sesuai

dengan slogannya “Write less,do more”. Berikut ini adalah kemampuan yang

dimiliki oleh JQuery:

a. Mempermudah akses dan manipulasi elemen tertentu pada dokumen.

b. Mempermudah modifikasi perubahan tampilan halaman web

c. Mempersingkat Ajax (Asynchronus Javasrcipt and XML)

d. Memiliki API (Application Programming Interface).

e. Mampu merespon interaksi antara user dengan halaman web lebih cepat.

f. Menyediakan Fasilitas untuk membuat animasi sekelas flash dengan

mudah

4. HTML (Hyper Text Markup Language)

Menurut Sibero (2012:19), “mengemukakan HTML (Hyper Text Markup

Language) adalah bahasa yang digunakan pada dokumen web sebagai bahasa untuk

pertukaran dokumen web”

14

Berdasarkan kata-kata penyusunnya HTML dapat diartikan lebih dalam lagi

menurut Andi (2011:82), yaitu :

a. Hypertext

Link hypertext adalah kata atau frase yang dapat menunjukkan hubungan

suatu naskah dokumen dengan naskah-naskah lainnya. Jika kita klik pada

kata atau frase untuk mengikuti link ini maka web browser akan

memindahkan tampilan pada bagian lain dari naskah atau dokumen yang

kita tuju.

b. Markup

Pada pengertiannya di sini markup menunjukkan bahwa pada file HTML

berisi sutau intruksi tertentu yang dapat memberikan suatu format pada

dokumen yang akan ditampilkan pada World Wide Web.

c. Language

Meski HTML sendiri bukan merupakan bahasa pemogramam, HTML

merupakan kumpulan dari beberapa intruksi yang dapat digunakan untuk

mengubah-ubah format suatu naskah atau dokumen.

15

5. Dreamweaver

Menurut Sibero (2011:384), “mengemukakan Dreamweaver merupakan

sebuah produk web developer yang dikembangkan oleh Adobe Sistem Inc”

sebelumnya produk Dreamweaver dikembangkan oleh Macromedia Inc, yang

kemudian sampai saat ini perkembangannya diteruskan oleh Adobe Sistem Inc,

Dreamweaver dikembangkan dan dirilis dengan nama Creative Suit (CS).

2.1.3 Basis Data

1. Definisi Basis Data

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

memiliki hubungan secara logika dan diatur dengan susunan tertentu serta disimpan

dalam media penyimpanan komputer”. Menurut Rosa dan Shalahudin (2016:43)

Sistem basis data adalah sistem terkomputeri sasi yang tujuan utama adalah

memilhara data yang sudah diolah atatu nformasi dan membuat informasi tersedia

saat dibutuhkan. Pada intinnya basis data adalah media untuk menyimpan data agar

dapat diakses dengan mudah dan cepat.

2. MYSQL

Menurut puspitasari (2010:19), “MySQL adalah salah satu software untuk

database server yang banyak digunakan,Mysql bersifat open source dan

menggunakan SQL”. Mysql bisa dijalankan di berbagai platform sinyalnya

Windows, Linux dan lain sebagainya.

Mysql memiliki beberapa kelebihan, antara lain :

16

a. Multiuser : Digunakan oleh beberapa user dalam waktu yang bersamaan

tanpa mengalami masalah.

b. Jenis kolom : Memiliki tipe kolom yang sangat kompleks seperti signed

atau unsigned, integer, float, double, char, text, date, timestamp dll.

c. Antar muka : Memiliki interface (antar muka) terhadap berbagai aplikasi

dan bahasa pemprograman dengan menggunakan fungsi AIP

(Application Programming Interface).

d. Open source : Distribusi secara open source dibawah lisensi GPL

sehingga dapat digunakan secara gratis.

2.1.4 Model Pengembangan Perangkat Lunak

Menurut Sommerville (2011a:27), Sebuah model proses perangkat lunak

adalah “ suatu disiplin rekayasa yang berkaitan dengan semua aspek produksi

perangakat lunak dari tahap awal spesifikasi sistem sampai penggunaan system

tersebut”. Dalam pengembangan perangkat lunak Waterfall model merupakan

model yang paling pertama dipublikasikan.

Model ini berasal dari proses sistem engineering yang lebih umum. Proses

dilakukan dari tahap satu ke tahap selanjutnya mengalir kebawah sehingga dikenal

sebagai waterfall model atau siklus hidup software. Menurut Sommerville

(2011b:30) “ metode perancangan software berdasarkan teori model waterfall

adalah tahapan utama yang langsung mencerminkan dasar pembangunan kegiatan”

Beberapa tahapan dalam waterfall

17

1. Analisa Kebutuhan

Mempelajari dan memahami masalah yang akan dibuat perangkat lunak,

menetapkan rana informasi, fungsi, perilaku, unjuk kerja dan antar muka

perangkat lunak untuk didefinisikan sebagai kebutuhan perangkat lunak.

2. Perancangan

Tranformasi setiap spesifikasi kebutuhan menjadi modul-modul

perancangan yang lebih rinci sehingga menghasilkan model solusi dalam

bentuk rancangan struktur data, arsitektur perangkat lunak, antar muka, dan

prosedur-prosedur atau algoritma.

3. Pengkodean

Menerjemahkan model perancangan ke dalam bentuk yang dapat dimengrti

oleh mesin (komputer) dengan menggunakan perangkat implementasi

tertentu.

4. Pengujian

18

Memeriksa kebenaran logika internal dan fungsi perangkat lunak untuk

menemukan kesalahan-kesalahan, dan memastikan bahwa perangkat lunak

yang dihasilkan sesuai dengan kebutuhan yang sudah didefinisikan

sebelumnya.

5. Pengoperasian

Penggunaan perangkat lunak oleh pemakai dilingkungan sebenarnya. Untuk

menjaga supaya perangkat lunak yang dioperasikan ini tetap berjalan

sebagaimana mestinya, dilakukan proses pemeliharaan.

2.2 Teori Pendukung

2.2.1 Struktur Navigasi

Menurut Kurniawan (2010:213) struktur navigasi adalah urutan alur informasi

dari suatu aplikasi multimedia. Dengan menggunakan stuktur navigasi yang tepat

maka suatu aplikasi multimedia mempunyai suatu pedoman dan arah informasi

yang jelas.

Ada empat macam bentuk dasar struktur navigasi menurut (Mahendra,

2008:25) adalah sebagai berikut :

a. Struktur Navigasi Linier

Struktur navigasi linier merupakan struktur yang mempunyai satu

rangkaian cerita berurutan. Struktur ini menampilkan satu demi satu

tampilan layer secara berurutan menurut aturannya.

19

Sumber : Mahendra (2008:25)

Gambar II.2. Struktur Navigasi Linier

b. Struktur Navigasi Hirarki

Struktur navigasi hirarki sering disebut struktur navigasi bercabang,

yaitu merupakan suatu struktur yang mengandalkan percabangan untuk

menampilkan data atau gambar pada layer dengan kriteria tertentu. Tampilan

pada menu utama disebut master page (halaman utama satu), halaman tersebut

mempunyai halaman percabangan yang disebut slave page (halaman pen

dukung) dan jika dipilih akan menjadi halaman kedua, begitu seterusnya.


Gambar II.3. Struktur Navigasi Hirarki

20

2. Struktur Navigasi Non Linier

Struktur navigasi non linier (tidak terurut) merupakan pengembangan dari

struktur navigasi linier, hanya saja pada struktur ini diperkenankan untuk membuat

percabangan. Percabangan pada struktur non linier berbeda dengan percabangan

pada struktur hirarki, pada struktur ini kedudukan semua page sama, sehingga tidak

dikenal adanya master atau slave page


Gambar II.4. Struktur Navigasi Non Linier

3. Struktur Navigasi Campuran

Struktur navigasi campuran (composite) merupakan gabungan dari struktur

sebelumnya dan disebut juga struktur navigasi bebas, maksudnya adalah jika suatu

tampilan membutuhkan percabangan maka dibuat percabangan. Struktur ini paling

banyak digunakan dalam pembuatan aplikasi multimedia.

21


Gambar II.5. Struktur Navigasi Campuran

2.2.2 ERD (Enterprise Relationship Diagram)

1. Definisi ERD (Enterprise Relationship Diagram)

Menurut Supardi (2010:78) “ERD merupakan salah satu alat (tool )

berbentuk grafis, yang popular untuk desain database”.

22

Simbol-simbol ERD (Enterprise Relationship Diagram):

Tabel II.1 Simbol-simbol ERD (Enterprise Relationship Diagram):

Notasi Keterangan

Entitas, suatu objek yang dapat diidentifikasi dalam lingkungan

Entitas

pemakai.

Relasi, menunjukkan adanya hubungan di antara sejumlah

Relas entitas yang berbeda.

Atribut, berfungsi mendeskripsikan karakter entitas (atribut

Atribut yang berfungsi sebagai key diberi garis bawah).

Garis, sebagai penghubungan antara relasi dengan entitas, relasi dan entitas dengan atribut.

Sumber : Supardi ( 2010 : 78)

One to one

1

M

One to Many

1

M

Many to Many

M M

Sumber : Supardi (2010 : 79)

Gambar II.6 Relasi ERD (Enterprise Relationship Diagram)

23

Hubungan relasi dalam ERD ( Enterprise Relationship Diagram) menurut

Supardi (2010: 79) yaitu :

a. One to One, hubungan antara file satu dengan file yang kedua adalah

satu berbanding satu.

b. One to Many, hubungan antara file yang satu dengan file yang kedua

adalah satu berbanding banyak atau banyak berbanding satu.

c. Many to Many, hubungan antara file yang satu dengan file yang

kedua adalah banyak berbanding banyak.

2. Komponen – Komponen ERD (Enterprise Relationship Diagram)

Pada model Data Relation hubungan antara file direlasikan dengan relation

key yang merupakan kunci utama dari masing-masing file, adapun komponen utama

dari ERD (Enterprise Relationship Diagram) adalah:

a. Entitas

Suatu objek yang dapat didefinisikan dalam lingkungan pemakai, sesuatu

yang penting bagi pemakai dalam konteks sistem yang akan dibuat. Sebagai

contoh pelanggan, pegawai dll. b. Atribut

Properti atau karakteristik yang dimiliki oleh suatu entitas dimana properti

atau karakteristrik itu bermakna atau berarti bagi organisasi atau perusahaan.

c. Relasi

Hubungan antara suatu himpunan dengan entitas yang lainnya arus data

adalah simbol yang menunjukan arah dari arus data.

2.2.3 LRS (Logical Relationship Structure)

Menurut Frieyadie (2007:13),“LRS merupakan hasil dari Entity Relationship

(ER) beserta atribut nya sehingga bisa terlihat hubungan-hubungan antara entitas”.

24

Penggambaran LRS seperti :

,

Sumber : Frieyadie (2007:14)

Gambar II.7. LRS (Logical Relationship Structure)

Dalam pembuatan LRS terdapat tiga hal yang dapat mempengaruhi menurut

Frieyadie (2007:14), 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 digabingkan dengan entitas yang tingkat

hubungannya banyak.

c. Jika tingkat hubungan (cardinality) banyak pada banyak (many-to-

many), maka hubungan relasi tidak akan digabungkan dengan entitas

manapun, melainkan menjadi sebuah LRS.

3 Derajat Relationship (Relationship Degree)

25

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

yang berpartisipasi dalam suatu relationship. Terdapat tiga jenis derajat dari

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

derajat tiga (Ternary Degree).

a. Derajat satu (Unary Degree)

Pegawai

b. Derajat dua (Binary Degree)

Pegawai Departemen

c. Derajat tiga (Ternary Degree)

Pegawai Proyek

Kota

Perbedaan utama dari ketiga tingkatan ini adalah, Unary Degree hanya

memproses satu proses dan langsung menyelesaikannya. Lain halnya dengan Binary

Degree melakukan proses melalui perantara dan melalui suatu kerja kemudian

menghasilkan output. Sedangkan Ternary Degree dari proses awal terdapat dua

alfernatif pilihan yang dapat dipilih. Sehingga output yang didapatkan bisa lebih

dari satu.

2.2.4 Pengujian Web

Menurut Rusadi (2013:40)“Black-box testing adalah metode pengujian

perangkat lunak yang tes fungsionalitas dari aplikasi yang bertandatangan dengan

26

struktur internal atau kerja. Menggunakan deskripsi eksternal perangkat lunak,

termaksud spesifikasi persyaratan, dan desain untuk menurunkan uji kasus”.

Metode uji coba black-box testing memfokuskan pada keperluan fungsional

dari software. Karena itu uji coba black-box testing memungkinkan pengembang

software untuk membuat himpunan kondisi input yang akan melatih seluruh syarat-

syarat fungsional suatu program.

Uji coba black box berusaha untuk menemukan kesalahan dalam beberapa

kategori, diantaranya:

1. Fungsi – fungsi yang tidak benar atau hilang.

2. Kesalahan interface.

3. Kesalahan dalam struktur data atau akses database eksternal.

4. Kesalahan kinerja atau performa.

5. Inisialisasi dan kesalahan terminasi.

Ciri-ciri black box testing :

a. Black box testing berfokus pada kebutuhan fungsional pada software.

b. Black box testing bukan alternatif daripada white box testing.

Black box testing melakukan pengujian tanpa pengetahuan detail struktur internal

dari sistem atau komponen yang dites.

BAB III

PEMBAHASAN

3.1 Tinjauan Perusahaan

Pada PT. Cita Baja Traktor Jakarta merupakan sebuah ruko atau tempat usaha

yang bergerak pada bidang penjualan spare part mobil. Yang beralamat dijalan

krekot jaya blok AC no 12 Jakarta pusat 10710 spare part yang dijual pada PT. Cita

Baja Trakor Jakarta beragam jenisnya dari merk mobil truk Hino, Nissan UD, dan

Mitshubishi. Banyaknya pesaing menjadi motivasi utama untuk meningkatkan

kinerja, khususnya pada bagian penjualan spare part mobil truk. Dalam proses bisnis

pada PT Cita Baja Traktor Jakarta masih ada sedikit kekurangan dalam

mempromosikan produk-produk spare part yang dijual.

3.1.1 Sejarah Perusahaan

Pada PT.Cita Baja Traktor dengan nomor siup 09628-01/1.824.271 dan bernomer

NPWP 31.769.281.2-075000, didirikan pada 18 maret 2013. Untuk memenuhi

kebutuhan khusus pembangunan dan pekerjaaan konstruksi di daerah perkotaan dan

pedesaan. Sedangkan perusahaan ini adalah anak perusahaan dari PT. Cita Baja

Artindo yang beralamat dijalan krekot jaya blok B3 no.1A yang sama-sama bergerak

di bidang bisnis penjualan spare-part mobil juga. Pada awalnya perusahaan ini hanya

menjual alat-alat berat dan tidak menjual spare-part mobil truk yang dimana pada

saat itu penjualan alat-alat berat kurang memenuhi target penjualan. Maka perusahaan

27

28

ini melebarkan sayap penjualannya yang awal mulanya hanya menjual alat-alat berat

menjual juga spare-part mobil truk, inilah yang diinginkan oleh Bapak William

sebagai Direkur Utama di PT. Cita Baja Traktor Jakarta. Upacara penandatanganan

dengan pabrik utama kami, KANTO TEKKO, jepang, pada tahun 2013, telah

membuat kami berkomitmen untuk memasok teknologi roller kelas dunia yang

khusus dibuat untuk pembangunan jalan.

Menjaga hubungan baik antara Cita Baja Traktor dan pelanggan merupakan

prioritas kami. Dengan teknologi roller mutakhir kami, para pemangku kepentingan

dan operator kami dilatih untuk mencapai efisiensi kerja, perawatan yang lebih

rendah, dan produktivitas yang tinggi.

Pengalaman dan perkembangan kami selama bertahun-tahun membuat Cita Baja

Traktor siap memasok suku cadang dan layanan berkualitas tinggi. Kami telah

menunjuk beberapa part-shop sebagai mitra kami untuk memastikan kegiatan kerja

yang berkelanjutan dan tidak terputus. Upaya dan strategi perusahaan kami diarahkan

untuk memuaskan kebutuhan dan tuntutan pelanggan kami.

Kami berusaha untuk mempertahankan filosofi perusahaan kami “Hubungan yang

kuat dengan Pelanggan”.

29

3.1.2 Struktur Organisasi dan Fungsi

Komisaris

Direktur Utama

Direktur

Accounting Finance Admin Mesengger

Sumber : PT Cita Baja Traktor

Gambar III.1 Struktur Organisasi PT Cita Baja Traktor

Setiap bagian operasional mempuyai tugas dan fungsinya masing - masing,seperti yang penulis jelaskan di bawah ini :

1. Komisaris, Bertugas dan bertanggung atas pengawasan terhadap operasional

perusahaan.

2. Direktur utama bertugas dan bertanggung jawab atas koordinasi terhadap semua

bagian.

3. Direktur bertugas dan bertanggung jawab atas masalah import barang

perusahaan.

30

4. Acounting bertugas dan bertanggung jawab atas pengaturan administrasi

keuangan perusahaan.

5. Finance bertugas dan bertanggung jawab atas pengelolaan keuangan perusahaan.

6. Admin bertugas dan bertanggung jawab atas perekapan data, mengelola

dokumen.

7. Messenger bertugas dan bertanggung jawab atas pengantaran dokumen.

3.2 Analisa Kebutuhan

Pada tahap ini, dilakukan beberapa pengumpulan data berhubung kebutuhan user

yang berkaitan dengan perangkat lunak yang dirancang (data-data analisis

permasalahan). Peranan analisis pada tahap ini sangatlah penting dimana, semua hasil

analisa menjadi acuan utama dalam memenuhi kebutuhan dalam perangkat yang

dibangun, mengetahui kebutuhan-kebutuhan user. Adapun pengumpulan data

dilakukan dengan observasi dan wawancara dengan beberapa toko spare-part mobil

dan pengalamam penulis pribadi salah satu peminat spare-part mobil. Berikut

kebutuhan yang penulis himpun :

1. Halaman Member

Analisa kebutuhan Member terhadap perangkat :

1. Pelanggan dapat dengan mudah mendapatkan informasi tentang produk yang

akan dibeli.

2. Kebutuhan akan kemudahan dalam setiap transaksi untuk para pelanggan.

3. Menampilkan form velg 5

4. Menampilkan form kampas rem

31

5. Menampilkan form filter oil hop

6. Menampilkan form chart

7. Menampilkan form kontak

8. Menampilkan form pemesanan

9. Menampilkan form akun saya

2. Halaman Admin

Analisa kebutuhan untuk halaman admin yaitu:

1. Admin dapat mengubah, menambah ataupun menghapus sehingga informasi

dalam perangkat dapat dinikmati konsumen/user secara up to date.

2. Mengelola data Transaksi

3. Mengelola data Kategori

4. Mengelola data Produk

5. Mengelola data member

6. Mengelola data laporan penjualan

3. Halaman Pengunjung

1. Pelanggan dapat dengan mudah mendapatkan informasi tentang produk yang

akan dibeli

2. Menampilkan form velg 5

3. Menmpilkan form kampas rem

4. Menampilkan form filter oil hop

32

5. Menampilkan halaman login

6. Menampilkan halaman pendaftaran

3.3 Perancangan Perangkat Lunak

3.3.1 Rancangan Administrator

Menjelaskan rancangan antar muka yang terdapat pada perangkat penjualan

spare-part mobil.

A. Rancangan Antar Muka Login Administrator

Login Adminstrator

Username XXXXXXXXXXXXXXXXXXXX

Password 999999999999999999999999

Login

Gambar III.2

Rancangan Antar Muka Halaman Administrator

B. Rancangan Antar Muka Home Beranda Administrator

The Parts Admin

BERANDA

Selamat Datang !

Ini Adal ah H alaman Admi n, Anda Dapat M engelol a Penj ualan, Transaksi Penj ual an, Infor masi Pel anggan, M enambah Produk, Ubah Produk, Cetak

Data Transaksi

Laporan, dan Lai n-Lain

Data Kategori Total Tr ansaksi Sel esai : 4 Menuggu Konfirmasi : 2 Menunggu Pembayar an : 2

Data Produk

Data Member

Be ra nd aL ap or an

Logout

33

Gambar III.3

Rancangan Antar Muka Halaman Beranda Administrator

C. Rancangan Antar Muka Halaman Data Transaksi

The Parts Admin

Beranda

DATA TRANSAKSI

Data Kategori Data Transaksi

No No Faktur Tanggal Transaksi Total Harga Status Aksi

Data Produk 1 999999999999 dd-mm-yyyy 9999999999 xxxxxxx xxxxxx

Data Member

1 999999999999 dd-mm-yyyy 9999999999 xxxxxxxx xxxxxxx

BerandaLaporan

Logout

Gambar III.4

Rancangan Antar Muka Halaman Data Transaksi

34

D. Rancangan Antar Muka Halaman Data Kategori

The Parts Admin

Beranda

Data Transaksi

Data Kategori

DATA KATEGORI Nam a Kategor i

Data Produk Tambahkan

1. Velg5

Data Member 2. Kampas Rem

BerandaLaporan 3. Filter Oil Hop

Logout

Gambar III.5

Rancangan Antar Muka Halaman Data Kategori

E. Rancangan Antar Muka Halaman Data Produk

The Parts Admin

Beranda

Data Transaksi

Data Kategori

Data Produk

No Kode Gambar Nama

Harga Stok Aksi

Produk

DATA PRODUK

1 99

xxxxxxx 99999 99 X

Data Member

BerandaLaporan

x

1 99

xxxxxxx 99999 99

Logout

Gambar III.6

Rancangan Antar Muka Halaman Data Produk

35

F. Rancangan Antar Muka Halaman Tambah Produk

The Parts Admin

Beranda

Data Transaksi

Data Kategori

Data Produk

No Kode Gambar Nama

Harga Stok Aksi

Produk

DATA PRODUK

1 99 xxxxxxx 99999 99 X Data Member

BerandaLaporan

x

1 99

xxxxxxx 99999 99

Logout

Gambar III.7


G. Rancangan Antar Muka Halaman Data Member

The Parts Admin

Beranda

Data Transaksi

Data Kategori

Data Produk

No Kode Gambar Nama

Harga Stok Aksi

Produk

DATA PRODUK

1 99 xxxxxxx 99999 99 X Data Member

BerandaLaporan

x

1 99

xxxxxxx 99999 99

Logout

Gambar III.8

Rancangan Antar Muka Halaman Data Member

36

H. Rancangan Antar Muka Halaman Laporan

The Parts Admin

Beranda

Data Transaksi

Data Kategori

Data Produk

Data Member

LAPORANBeranda

Logout

Selamat Datang !

Ini Adalah Halaman Admin, Anda Dapat Mengelola Penjualan, Transaksi Penjualan, Informasi Pelanggan, Menambah Produk, Ubah Produk, Cetak

Laporan, dan Lain-Lain Data Laporan

Tanggal Awal Tanggal Akhir Cari

No Invoice Qty Total

1 9999999 999 Rp. 99999

1 9999999 TOTAL 9999 Rp. 999

Gambar III.9

Rancangan Antar Muka Halaman Laporan

3.3.1 Rancangan Member

Menjelaskan rancangan antar muka yang terdapat pada perangkat penjualan

spare-part mobil.

A. Rancangan Antar Muka Beranda Member

37

The Parts Cart(0)

Daftar

Login

Kategori

velg5

Gambar

Kampas r em

Filter oil H OP

Produk Terbaru

gambar gambar gambar gambar

Kampas R em Filter oil H OP

Kampas r em Velg5

bel akang asli

bel akang asli hi no

Rp.99999

Rp.9999

hino R p.99999

Rp.99999

Beli Beli Beli Beli

Produk U nggulan

gambar Gambar gambar gambar

Kampas R em Filter oil H OP Kampas r em Velg5 bel akang asli Rp.99999 bel akang asli hi no Rp.9999

Rp.99999

hino R p.99999

Beli Beli Beli Beli

FOOTER

Gambar III.10

Rancangan Antar Muka Halaman Beranda Member

B. Rancangan Antar Muka Kategori Velg5 Member

The parts Cart(0)

kontak

daftar

Login

Kategori Velg5

gambar

gambar

gambar

gambar

Vleg 5 Vleg6 Vleg7 Vleg8 Rp999 Rp999 Rp999 Rp999

Beli Beli Beli Beli

Gambar III.11

Rancangan Antar Muka Halaman Kategori Member

C. Rancangan Antar Muka Halaman Kampas Rem Member

38

The parts Cart(0)

kontak

Daftar

Login

Kampas Rem

gambar

gambar

gambar

gambar

Kampas Rem1 Kampas Rem2 Kampas Rem3 Kampas Rem4 Rp999 Rp999 Rp999 Rp999

Beli Beli Beli Beli

Gambar III.12

Rancangan Antar Muka Halaman Kampas Rem Member

D. Rancangan Antar Muka Halaman Filter Oil Hop

The parts Cart(0) kontak daftar Login

Filter Oil Hop

gambar gambar Gambar gambar

Filter Oil Hop1 Filter Oil Hop2 Filter Oil Hop3 Filter Oil Hop4 Rp999 Rp999 Rp999 Rp999

Beli Beli Beli Beli

Gambar III.13

Rancangan Antar Muka Halaman Filter Oil Hop Member

E. Rancangan Antar Muka Halaman Kontak Member

39

The Parts Cart(0) KONTAK Daftar Login

Hubung Kami

Sedang Mencari Jawaban, Ingin mendapatkan solus,atau hanya sekedar memberi masukan atas kinerja kami? Silakan hubungi kami melalui

layanan dan telepon ini: Email: [email protected]

Telp: 0213448868

FOOTER

Gambar III.14

Rancangan Antar Muka Halaman Kontak Member

F. Rancangan Antar Muka Halaman Daftar Member

The Parts Cart(0) Kontak DAFTAR Login

Daftar Member

Nama Lengkap XXXXXXXXXXXXXXXXXXXXXX

No. Telp/Handphone 999999999999999999999999999

Kota/Kabupaten

XXXXXXXXXXXXXXXXXXXXXX

Alamat Email


Password


Sudah Menjadi Member ? Login

Login

FOOTER

Gambar III.15

Rancangan Antar Muka Halaman Daftar Member

40

G. Rancangan Antar Muka Halaman Login Member

The Parts Cart(0) Kontak Daftar LOGIN

Masuk sebagi Member

Alamat Email XXXXXXXXXXXXXXXXXXXXXX

Password


Login

Belum Menjadi Member ? Daftar

FOOTER

Gambar III.16

Rancangan Antar Muka Halaman Daftar Member

3.3.2 Rancangan Basis Data

Perancangan basis data menghasilkan pemetaan tabel – tabel yang digambarkan

dalam Entity Relationship Diagram (ERD).

A. Entity Relationship Diagram

41

id_kota nm_kota ongkir

Id_kota

mempunyai kota Id_transaksi 1

Id_transaksi Id_produk

Id_member

Id_member Id_transaksi jumlah Nm_member

m

password member melakukan transaksi mempunyai transaksi

detail

1 m 1 m

Id_kota 1 Id_transaksi

email Total_harga

status

telpon 1 mempunyai Id_produk

Tgl_transaksi

Jam_transaksi Id_member 1 Nm_produk

m

produk gambar

m deskripsi

Id_produk harga

mempunyai

Id_kategori

stok

Id_kategori

Id_transaksi 1

konfirmasi

1 mempunyai

kategori

Id_konfirmasi Id_konfirmasi

Bank_anda Id_kategori Nm_kategori

Id_transaksi

Ke_bank gambar

total Atas_nama

Gambar III.17.

Entity Relationship Diagram

42

B. Logical Relational Struktur (LRS)

member transaksi kota

Id_member (pk) Id_transaki (pk) M 1 Id_kota (pk)

Nm_member status Nm_kota

password 1 m Tgl_transaksi ongkir alamat Jam_transaksi

Id_kota ongkir

email Total_harga

telpon Id_member

alamat

1

1

kategori

Id_kategori (pk)

Nm_kategori

1

m

produk

Id_produk (pk)

Nm_produk

m

Transaksi detail

konformasi

1 m gambar

Id_konfirmasi (pk)

Id_transaksi deskripsi

Id_produk

harga

Id_transaksi

stok

1

Jumlah

Bank_anda

Id_kategori

Atas_nama

Ke_bank

total

gambar

Gambar III.18.

Logical Relational Structure

C. Spesifikasi File

Spesifikasi file merupakan bagian yang menjelaskan mengenai record dalam

tabel yang digunakan dalam ERD serta tersedia dalam database:

1. Tabel Administrator System

43

Nama Database : db_parts

Nama Tabel : Tb_admin

Akronim : Admin.myd

Fungsi : Untuk menyimpan data admin

Tipe File : File Master

Organisasi File : Index Sequential

Media File : Harddisk

Panjang record : 87 byte

Kunci Field : id_Admin

Software : MySQL

Tabel III.1.

Spesifikasi File Admin

No

Nama Field

Type

Size

Ket

1 id_admin Int 3 Primary Key

2 Username Varchar 20

3 pass_admin Char 64

2. Spesifikasi File Tabel Kategori


Nama Tabel : Tb_kategori

Akronim : Katagori.myd

Fungsi : Untuk menyimpan data kategori



44



Kunci Field : id_katagori

Software : MySQL

Tabel III.2.

Spesifikasi File Kategori

No

Nama Field

Type

Size

Ket

1 id_katagori Int 3 Primary Key

2 nm_katagori Varchar 20

3. Spesifikasi File Table konfirmasi


Nama Tabel : Tb_konfirmasi

Akronim : konfirmasi.myd

Fungsi : Untuk menyimpan data pemesanan

Tipe File : File Transaksi




Kunci Field : id_konfirmasi

Software : MySQL

45

Tabel III.3.

Spesifikasi File Komfirmasi

No

Nama Field

Type

Size

Ket

1 Id_konfirmasi Int 5 Primary Key

2 Id_transaksi Varchar 10 Foreign key

3 Bank_anda Varchar 50

4 Atas_nama Varchar 30

5 Ke_bank Varchar 30

6 Total Double

7 Gambar Varchar 100

4. Spesifikasi File Tabel Kota

Nama Database :db_parts

Nama Tabel : Tb_kota

Akronim : kota.myd

Fungsi : Untuk menentukan harga ongkir





Kunci Field : id_kota

Software : MySQL

46

Tabel III.4.

Spesifikasi File Kota

No

Nama Field

Type

Size

Ket

1 Id_kota Int 11 Primary Key

2 Id_provinsi Int 11

3 Provinsi Varchar 100

4 Tipe Varchar 50

5 nm_kota Varchar 100

6 Kode_pos Varchar 6

7 Ongkir Double -

5. Spesifikasi File Tabel Member


Nama Tabel : Tb_Member

Akronim : Member.myd

Fungsi : Untuk menyimpan data member





Kunci Field : id_member

Software : MySQL

47

Tabel III.5.

Spesifikasi File Member

No

Nama Field

Type

Size

Ket

1 Id_member Int 5 Primary Key

2 Nm_member Varchar 30

3 Password Char 64

4 Alamat Text -

5 nm_kota Int 5

6 Email Varchar 30

7 Telpon Varchar 12

6. Spesifikasi File Table Produk


Nama Tabel : Tb_produk

Akronim : Porduk.myd

Fungsi : Untuk menyimpan data produk

Tipe File : File Barang




Kunci Field : id_produk

Software : MySQL

48

Tabel III.6.

Spesifikasi File Produk

No

Nama Field

Type

Size

Ket

1 Id_produk Int 5 Primary Key

2 Nm_produk Varchar 40

3 Gambar Varchar 36

4 Deskripsi Text -

5 Harga Double -

6 Stok Int 5

7 Id_katagori Int 3 Foreign key

7. Spesifikasi File Tabel Transaksi


Nama Tabel : Tb_transaksi

Akronim : Transaksi.myd

Fungsi : Untuk menyimpan data transaksi





Kunci Field : id_transaksi

Software : MySQL

49

Tabel III.7.

Spesifikasi File Transaksi

No

Nama Field

Type

Size

Ket

1 Id_transaksi Varchar 15 Primary Key

2 Status Varchar 3

3 Tgl_transaksi Date -

4 Jam_transaksi Time -

5 Ongkir Double -

6 Total_harga Double -

7 Id_member Int 5 Foreign key

8 Id_kota Int 3 Foreign key

9 Alamat Text -

8. Spesifikasi File Tabel Transaksi Detail


Nama Tabel : Tb_transaksi_detail

Akronim : Transaksi_detail.myd






Kunci Field : id_transaksi

Software : MySQL

50

Tabel III.8.

Spesifikasi File Transaksi Detail

No

Nama Field

Type

Size

Ket

1 id_transaksi Varchar 15 Foreign key

2 Id_produk Int 5 Foreign key

3 Jumlah Int 5

9. Spesifikasi File Table Transaksi Sementara


Nama Tabel : Tb_transaksi_Sementara

Akronim : Transaksi_sementara.myd






Kunci Field : id_transaksi_sem

Software : MySQL

Tabel III.9.

Spesifikasi File Transaksi Sementara

No Nama Field Type Size Ket

1 Id_transaksi _sem Int 5 Primary Key

2 Id_produk Varchar 10 Foreign Key

3 Id_session Varchar 100

4 Jumlah Int 5

5 Tgl_transaksi_sem Date -

6 Jam_transaksi_sem Time -

51

7 Stok_sem Int 5

3.3.3 Rancangan Struktur Navigasi

A. Struktur Navigasi Campuran Indeks Member

Gambar III.19

Struktur Navigasi Member

B. Struktur Navigasi Campuran Indeks Admin

Gambar III.20

52

Struktur Navigasi Admin

3.4 Implementasi Dan Pengujian Unit

3.4.1 Implementasi

A. Implementsai Rancangan Antar Muka

a. Halaman Login Admin

Gambar III.21.

Implementasi Halaman Login Administrator

53

Gambar III.22

Rancangan Antar Muka Halaman Administrator

Gambar III.23.

Rancangan Antar Muka Halaman Transaksi

54

Gambar III.24.

Rancangan Antar Muka Halaman Kategori

Gambar III.25.


55

Gambar III.26.

Rancangan Antar Muka Halaman Data Member

Gambar III.27.

Rancangan Antar Muka Halaman Data Laporan

56

B Implementsai Rancangan Antar Muka

a. Halaman Beranda Member

Gambar III.28.

Rancangan Antar Muka Beranda Member

b. Halaman Kategori Veleg5 Member

57

Gambar III.29.

Rancangan Antar Muka Kategori Velg5 Member

c. Rancangan Antar Muka Halaman Kampas Rem Member

Gambar III.30.

Rancangan Antar Muka Kategori Kampas Rem Member

d. Rancangan Antar Muka Halaman Kategori Filter Oli Hop

58

Gambar III.31

Rancangan Antar Muka Kategori Filter Oli Hop Member

e. Rancangan Antar Halaman Kontak Member

Gambar III.32.

Rancangan Antar Kontak Member

f. Rancangan Antar Muka Halaman Daftar Member

Gambar III.33

Rancangan Antar Daftar Member

59

g. Rancangan Antar Muka Halaman Login Member

Gambar III.34. Rancangan Antar Login Member

B. Spesifikasi Sistem Komputer

Konfigurasi sistem komputer meliputi perangkat keras (hardware), perangkat

lunak (software) agar dapat digunakan untuk melakukan pekerjaan komputerisasi.

1. Spesifikasi Perangkat Keras (Hardware)

Yang dimaksud dengan perangkat keras disini adalah seperangkat alat yang

membantu sistem yang diusulkan dengan alat bantu lain. Yang terdiri dari unit

masukan (Input), Unit pemrosesan (Process), Unit keluaran (Output), dan untuk

simpanan luar(Memory). Pemilihan suatu komputer antara lain ditentukan oleh

kapasitas komputer dan unit pengolahan datanya (CPU), Unit pemasukkan datanya

yaitu keyboard dan media penyimpanan datanya berupa Harddisk. Penulis

60

menerangkan juga bahwa perangkat keras yang digunakan pada sistem berjalan saat

ini adalah sebagai berikut :

a. Server

1) CPU

a) Processor : Intel Core i3-7350K

b) Monitor : Acer 24” K232HL LED

c) Hardisk: Seagate 1TB SATA 3

d) Ram : Avexir DDR4 16GB

2) Mouse: Optical Mouse USBport

4) Monitor dengan resolusi layar maksimum 1024x600

b.Client

1) CPU

a a) Processor : Intel Core i3-380M

b) Monitor : 14.0 ” HD LED LCD

c) Hardisk : 320 GB

2) Mouse: Optical Mouse USBport

4) Monitor dengan resolusi layar minimum 1366x768

2. Perangkat Lunak ( Software )

61

Perangkat lunak atau Software adalah seluruh fase dari sistem pengolahan data

yang diluar dari peralatan komputernya sendiri. Fasilitas Software itu sendiri terdiri

dari sistem design, program dan prosedur-prosedur lainnya. Disini penulis

menerangkan bahwa sistem komputer perangkat lunak yang digunakan saat ini adalah

sebagai berikut :

a. Server

1) Sistem Operasi yang umum digunakan seperti: Microsoft Windows.

2) Aplikasi bundle web server seperti: Xampp, yang terdiri dari beberapa

komponen, diantaranya:

a) Aplikasi Apache Server v3.2.1

b) Aplikasi PHP Server v5.

c) Aplikasi MySQL Server v5.

d) Aplikasi phpMyAdmin Server v3.

3) Aplikasi Web Browser seperti Mozilla Firefox, Opera, Internet Explorer,

Google Chrome.

4) Adobe Dreamweaver CS5

b. Client

1) Sistem Operasi yang umum digunakan seperti: Microsoft Windows.

2) Aplikasi Web Browser rseperti Mozilla Firefox, Opera, Internet Explorer,

Google Chrome.

3.4.2 Pengujian Unit

62

Pengujian terhadap program yang dibuat menggunakan blackbox testing yang

focus terhadap proses masukan dan keluaran program.

A. Pengujian Terhadap from Login admin

Tabel III.10.

Hasil Pengujian Black Box Testing Halaman Login Administrator

No Skenario Pengujian Test Case Hasil Yang Diharapkan Hasil Kesimp

Pengujian ulan

1 Username dan password tidak Username: Sistem akan menolak Sesuai Valid

diisi atau kosong kemudian klik (kosong) akses admin dan Harapan

tombol login Password: menampilkan pesan

(kosong) “Username dan

Password tidak sesuai”

2 Mengetikkan username diisi dan Username: Sistem akan menolak Sesuai Valid

password tidak diisi atau kosong admin(benar) akses admin dan Harapan

kemudian klik tombol login Password : menampilkan pesan

(kosong) “Username dan

Password tidak sesuai”.

3 Username tidak diisi (kosong) dan Usename : Sistem akan menolak Sesuai Valid

password diisi kemudian klik (kosong) akses admin dan Harapan

tombol login Password : menampilkan pesan

admin (benar) “Username dan

Password tidak sesuai”.

4 Mengetikkan Username dan Usename : Sistem akan menolak Sesuai Valid

Password dengan data yang salah user (salah) akses admin dan Harapan


22324 (salah) “Username atau

password anda tidak

63

benar,atau account

5 Mengetikkan Username dan Usename : Sistem menerima akses Sesuai Valid

Password dengan data yang benar admin (benar) login kemudian Harapan


admin(benar) login berhasil

administrator”

B. Pengujian Terhadap Form Login Member

Tabel III.11.

Hasil Pengujian Black Box Testing Halaman Login Member

No Skenario Pengujian Test Case Hasil Yang Diharapkan Hasil Kesimp

Pengujian ulan

1. Username email dan Username : Sistem akan menolak akses Sesuai Valid

password tidak diisi atau (kosong) user dan menampilkan Harapan

kosong kemudian klik Password : pesan “Username dan

tombol login (kosong) Password tidak sesuai.

2. Mengetikkan username Username : Sistem akan menolak akses Sesuai Valid

email diisi dan password kiki user dan menampilkan Harapan

tidak diisi atau kosong 888(benar) pesan “Username dan

kemudian klik tombol Password : Password tidak sesuai

login (kosong)

3. Username email tidak diisi Usename : Sistem akan menolak akses Sesuai Valid

(kosong) dan password diisi (kosong) user dan menampilkan Harapan

kemudian klik tombol login Password : pesan “Username dan

Kiki888 Password tidak sesuai

(benar)

64

4 Mengetikkan Username Usename : Sistem akan menolak akses Sesuai Valid

email dan Password dengan kiki888@gma user dan menampilkan Harapan

data yang salah kemudian il.com pesan “Username dan

klik tombol login Password : Password tidak sesuai

1234(salah)

5 Mengetikkan Username Usename : Sistem menerima akses Sesuai Valid

email dan Password dengan kiki (benar) login dan kemudian Harapan

data yang benar kemudian Password : menampilkan pesan “Login

klik tombol login Kiki888 Berhasil” dan menuju menu

(benar) halaman utama

C. Pengujian Terhadap Form Daftar Member

Tabel III.12.

Hasil Pengujian Black Box Testing Halaman Daftar Member

No Skenario Pengujian Test Case Hasil Yang Diharapkan Hasil Kesimpulan

Pengujian

1. Tidak Mengisikan Nama pelanggan : - Sistem akan menolak akses Tidak Tidak Valid

Nama lengkap, Telepon/hp : - daftar member dan Sesuai

telepon/hp, Kota/kabupaten : - menampilkan pesan “Error, Harapan

Kota/kabupaten, alamat email Data Nama pelanggan, Jenis

email Username, Username : - kelamin, Alamat email,

Password kemudian Password : - No.telepon, username dan

klik tombol daftar password masih kosong .

Coba Lagi”.

2. Mengetikkan Nama Nama pelanggan : Sistem akan menolak akses Tidak Tidak Valid

pelanggan, email dan Tri Novalia daftar member dan Sesuai

Username diisi lalu Kelamin : - menampilkan pesan “Error, Harapan

Kelamin, No.Telepon, Email : Data Jenis kelamin,

Password tidak diisi [email protected] No.telepon dan password

65

(kosong) kemudian klik No.Telepon : - masih kosong . Coba Lagi”.

tombol daftar Username : Trinov

Password : -

3. Mengetikkan Kelamin, Nama pelanggan : - Sistem akan menolak akses Tidak Tidak Valid

No.Telepon dan Kelamin : daftar member dan Sesuai

Password diisi lalu perempuan menampilkan pesan “Error, Harapan

Nama pelanggan, Email : - Data Nama pelanggan,

Email, Username tidak No.Telepon : Alamat email, dan

diisi (kosong) kemudian 081293393517 username masih kosong .

klik tombol daftar Username : - Coba Lagi”.

Password : 011292

4. Mengetikkan Username Nama pelanggan : - Sistem akan menolak akses Tidak Tidak Valid

dan Password diisi lalu Kelamin : - daftar member dan Sesuai

Nama pelanggan, Email : - menampilkan pesan “Error, Harapan

Kelamin, Email, No.Telepon : - Data Nama pelanggan, Jenis

No.Telepon tidak diisi Username : trinov kelamin, Alamat email dan

(kosong) kemudian klik Password : 011292 No.telepon masih kosong .

tombol daftar Coba Lagi”.

5. Mengetikan Nama Nama pelanggan : Sistem akan menerima Sesuai Valid

pelanggan, Kelamin, Tri Novalia akses daftar member dan Harapan

EmaiL, No.Telepon, Kelamin : menampilkan pesan

Username, Password perempuan “Pendaftaran sukses,

kemudian klik tombol Email : silahkan untuk Login”.

daftar [email protected]

No.Telepon :

081293393517

Username : trinov

Password : 011292

66

D. Pengujian Terhadap Form Pemesanan

Tabel.III.13. Hasil Pengujian Black Box Testing Halaman Pemesanan

No Skenario Pengujian Test Case Hasil Yang Diharapkan Hasil Kesimpulan

Pengujian

1. Tidak Mengisikan Alamat : - Sistem akan menolak Sesuai Valid

Alamat, Provinsi, Kota, Provinsi : - transaksi pemesanan dan Harapan

Kode pos, No.Telepon Kota : - menampilkan pesan

kemudian klik tombol Kode pos : - “Error, data alamat tujuan

simpan No.Telepon : - pengiriman, provinsi

pengiriman, kota tujuan,

kode pos dan no.telepon

masih kosong”.

2. Mengetikkan Alamat, dan Alamat : Jalan cempaka Sistem akan menolak Sesuai Valid

Provinsi diisi lalu Kota, warna RT07/04 No.48 transaksi pemesanan dan Harapan

Kode pos, dan Provinsi : DKI Jakarta menampilkan pesan

No.Telepon tidak diisi Kota : - “Error, data kota tujuan,

(kosong) kemudian klik Kode pos : - kode pos dan no.telepon

tombol simpan No.Telepon : - masih kosong”.

3. Alamat diisi lalu Provinsi, Alamat : Jalan cempaka Sistem akan menolak Sesuai Valid

Kota, Kode pos, dan warna RT.07/04 No.48 transaksi pemesanan dan Harapan

No.Telepon tidak diisi Provinsi : - menampilkan pesan

(kosong) kemudian klik Kota : - “Error, data provinsi

tombol simpan Kode pos : - pengiriman, kota tujuan,

67

No.Telepon : - kode pos dan no.telepon

masih kosong”.

4. Alamat, Kota, dan Kode Alamat : - Sistem akan menolak Sesuai Valid

pos tidak diisi (kosong) Provinsi : DKI Jakarta transaksi pemesanan dan Harapan

lalu Provinsi dan Kota : - menampilkan pesan

No.Telepon diisi Kode pos : - “Error, data alamat tujuan

kemudian klik tombol No.Telepon: pengiriman, kota tujuan

simpan 081293393517 dan kode pos masih

kosong”.

5. Mengetikan Alamat, Alamat : Jalan cempaka Sistem akan menerima Sesuai Valid

Provinsi, Kota, Kode pos, warna RT.07/04 No.48 akses transaksi Harapan

No.Telepon dengan benar Provinsi : DKI Jakarta pemesanan kemudian

kemudian klik tombol Kota : Jakarta langsung menampilkan

simpan Kode pos : 10510 rincian lalu konfirmasi

No.Telepon : dan selesai transaksi

081293393517

E. Pengujian Terhadap Form Komfirmasi Pembayaran

Tabel III.14.

Hasil Pengujian Black Box Testing Halaman Komfirmasi Pembayaran

No Skenario Pengujian Test Case Hasil Yang Hasil Kesim

Diharapkan Pengujian pulan

1. Tidak Mengisikan Jumlah Transfer Jumlah Transfer (Rp) : - Sistem akan menolak Sesuai Valid

(Rp), Nama Bank, dan Keterangan Nama Bank : - konfirmasi Harapan

kemudian klik tombol kirim Keterangan : - pembayaran dan

menampilkan pesan

“Error, Data jumlah

ditransfer (Rp), nama

bank dan keterangan

68

masih kosong ”.

2. M engetikan Jumlah Transfer (Rp) Jumlah Transfer (Rp) : Sistem akan menolak Sesuai Valid

diisi lalu Nama Bank dan Keterangan 500.000,- konfirmasi Harapan

tidak diisi (kosong) kemudian klik Nama Bank : - pembayaran dan

tombol kirim Keterangan : - menampilkan pesan

“Error, Data nama

bank dan keterangan

masih kosong ”.

3. Mengetikan Jumlah Transfer (Rp) dan Jumlah Transfer (Rp) : Sistem akan menolak Sesuai Valid

Keterangan diisi lalu Nama Bank 500.000,- konfirmasi Harapan

tidak diisi (kosong) kemudian klik Nama Bank : - pembayaran dan

tombol kirim Keterangan : menampilkan pesan

Pembayaran Filter Oil “Error, Data

Hop keterangan masih

kosong ”.

4. Mengetikan Nama Bank diisi lalu Jumlah Transfer (Rp) : - Sistem akan menolak Sesuai Valid

Jumlah Transfer (Rp) dan Keterangan Nama Bank : BNI konfirmasi Harapan

tidak diisi (kosong) kemudian klik Keterangan : - pembayaran dan

tombol kirim menampilkan pesan

“Error, Data jumlah

ditransfer (Rp) dan

keterangan masih

kosong ”.

5. Mengetikan Jumlah Transfer (Rp), Jumlah Transfer (Rp) : - Sistem akan Sesuai Valid

Nama Bank, dan Keterangan dengan 500.000 menerima akses Harapan

benar kemudian klik tombol kirim Nama Bank : BNI konfirmasi

Keterangan : pembayaran dan

69

Pembayaran Filter Oil menampilkan pesan

Hop “Sukses, konfirmasi

sudah dikirim”.

BAB IV

PENUTUP

4.1 Kesimpulan

Berdasarkan pokok bahasan yang disusun dalam tugas akhir ini penulis

menyimpulkan bahwa website e-commerce memiliki beberapa kelebihan,

diantaranya :

1. User/ pembeli dapat melakukan pembelian dimanapun, kapanpun dengan

kelengkapan media mengakses website.

2. Memberikan kemudahan pembeli untuk mendapatkan informasi mengenai

produk yang dibeli atau yang akan dibeli.

3. Memudahkan penjual mengenalkan seluruh produk, melakukan promosi

sehingga bertambah luaslah minat user setelah mengetahui informasi lebih

tentang produk – produk yang tersedia.

4. Memudahkan penjual dan pembeli melakukan transaksi jual beli.

5. Dapat memaksimalkan penjualan produk serta meningkatkan jumlah produk

yang dijual karna tidak memerlukan tempat/lapak untuk suku cadang mobil.

4.2 Saran – saran

Pada bagian ini penulis bermaksud memberikan saran kepada para pengguna dan

pengembang perangkat lunak website e-commerce, diantarnya :

68

69

1. Dalam pembuatan website disarankan untuk melakukan observasi, dimana

pengembang dapat masuk sebagaimana user sehingga memaksimalkan

pengembangan website yang hendak dirancang dengan menambah kelebihan

dibanding website lainnya.

2. Lebih khusus, pengembang disarankan menyusun menarik serta mudah untuk

dioperasikan (user friendly).

3. Website yang disusun haruslah up to date, dimana setiap perubahan baik harga

maupun produk dapat dengan cepat diketahui user.

4. Disarankan pula pengembang menyusun website yang lebih interaktif dimana

setiap pertanyaan, saran atau komen dari user dapat terjawab, dihimpun dan

dijadikan sarana penunjang pengembangan website kedepan.

5. Keamanan akun user serta keamanan transaksi haruslah selalu dijaga,

sehingga melahirkan keamanan dan kenyamanan pengguna dengan kelancaran

pemanfaatan setiap bagian dalam web

6. Diharapkan admin sebagai relasi user, dapat menjadi fasilitas terbaik sehingga

menambah efisien dan efektifitas web.

70

DAFTAR PUSTAKA

Alexander F.K. Sibero, 2011. Kitab Suci Web Programing, Mediakom, Yogyakarta.

Andi dan MADCOMS. “ Aplikasi Web Database dengan Dreamweaver dan PHP-

MYSQL”. Yogyakarta : CV Andi Offset.2011.

Andi Sunarto, 2009, Seluk Beluk E.Commerce, Graha Ilmu, Yogyakarta.

Hakim, Lukmanul.2010. Bikin Website Super Keren dengan PHP & JQuery.

Yogyakarta: Loko Media.

Heni A Puspita Sari. (2010). Pemrogramam Web Database dengan PHP dan

MYSQL. (edisi 1). Malang: Skipta.

Muhammad Sadeli. 2011, Membuat Toko Online dengan PHP untuk Orang Awam,

Maxicom, Palembang.

Raharjo, Budi.2010. Modul Pemrogramam WEB (HTML, PHP, & MYSQL). Modula.

Bandung.

Sadeli, Muhammad.2013. Dreamweaver CS6 Untuk Orang Awam. Palembang:

Maxikom.

Slamet Riyanto.2009, Membuat Web Portal Multi Bahasa Jomla. Elex Media

Komputindo.

Supriyanto,Aji 2008. Pengantar Teknologi informasi. Makasar : Salemba empat.

71

Wahana Komputer.(2010). Panduan Belajar MYSQL Database Server. Media kita.

Jakarta Selatan.

Yuhefizar.2008. 10 jam menguasai internet.jakarta : elex media komputindo.

LAMPIRAN-LAMPIRAN

A.1. Lampiran Data Produk

71

B.1. Lampiran Data Member

73

B.2 Lampiran Faktur Penjualan

73

tugas akhir - repository.bsi.ac.id · abstrak ridwan, (12146366), perancangan sistem informasi...

Documents