94
SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA NIM : 12141538 Program Studi Manajemen Informatika Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika Jakarta 2017

TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

  • Upload
    others

  • View
    6

  • Download
    0

Embed Size (px)

Citation preview

Page 1: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR

BERBASIS WEB

TUGAS AKHIR

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

MURDIANSYAH PRADANA

NIM : 12141538

Program Studi Manajemen Informatika

Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika

Jakarta

2017

Page 2: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

ii

Page 3: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

iii

Page 4: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

iv

Page 5: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

v

Page 6: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

vi

Page 7: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

vii

KATA PENGANTAR

Dengan mengucapkan puji dan syukur kehadirat Allah SWT, yang telah

melimpahkan rahmat dan karunia-Nya sehingga Penulis dapat menyelesaikan tugas

akhir ini dengan baik. Dimana tugas akhir ini Penulis sajikan dalam bentuk buku

yang sederhana. Adapun judul tugas akhir yang Penulis ambil yaitu “Sistem

Informasi Penjualan Suku Cadang Motor Berbasis Web”.

Tujuan penulisan tugas akhir ini dibuat sebagai salah satu syarat kelulusan

program Diploma Tiga (D.III) AMIK BSI Jakarta. Penulis mengambil bahan

penulisan berdasarkan hasil penelitian, observasi dan beberapa sumber literatur yang

mendukung penulisan ini. Penulis menyadari bahwa tanpa bimbingan dan dukungan

dari semua pihak, maka penulisan tugas akhir ini tidak akan berjalan lancar. Oleh

karena itu pada kesempatan ini izinkan Penulis menyampaikan ucapan terima kasih

kepada:

1. Orang tua dan keluarga tercinta yang telah memberikan dukungan moral

maupun spiritual,

2. Direktur Akademi Manajemen Informatika & Komputer Bina Sarana

Informatika,

3. Ketua Program Studi Manajemen Informatika AMIK BSI Jakarta,

4. Bapak Amrin, S.Si, M.Kom selaku Dosen Pembimbing I Tugas Akhir,

5. Bapak Yusriel Arief Ferdiyanto, S.Si, M.Kom selaku Dosen Pembimbing II

Tugas Akhir,

Page 8: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

viii

Page 9: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

ix

ABSTRAK

Murdiansyah Pradana (12141538), Sistem Informasi Penjualan Suku Cadang

Motor Berbasis Web

Kemajuan teknologi informasi yang mengalami perkembangan yang sangat pesat dari

tahun ke tahun menuntut kita untuk selalu melangkah maju dan mengikuti

perkembangan tersebut. Penjualan online atau e-commerce merupakan mekanisme

bisnis tersendiri yang terbilang masih cukup baru. Namun terdapat keistimewaan

yaitu seluruh manusia di muka bumi dapat memiliki kesempatan yang sama agar bisa

berhasil dalam bisnis didunia maya. Tujuan dari pembuatan tugas akhir ini adalah

menyediakan aplikasi penjualan suku cadang motor yang langsung terhubung ke

website secara lengkap sekaligus memberikan informasi harga dan cara pembelian

suku cadang motor sehingga dapat mempermudah pengguna dalam mencari suku

cadang yang diinginkan. Metode penelitian yang digunakan dalam tugas akhir ini

adalah metode waterfall yang meliputi komunikasi perencanaan, desain sistem,

implementasi dan pengujian unit. Dengan menggunakan metode tersebut sangat

membantu dalam menyelesaikan website penjualan spare part motorcycle ini.

Pembuatan website ini diharapkan dapat menjadi solusi untuk lebih memudahkan

calon pembeli dalam memperoleh informasi produk dan melakukan pembelian secara

online. Akses informasi menjadi lebih mudah dan sistem penjualan menjadi lebih

luas. Dengan begitu, dapat tercapai suatu kegiatan yang efektif dan efisien dalam

menunjang aktifitas pada penjualan online ini.

Kata Kunci : Website, E-commerce, Suku cadang Motor

Page 10: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

x

ABSTRACT

Web-Based Motorcycle Parts Sales Information System. Murdiansyah Pradana

(12141538)

Advances in information technology that has developed very rapidly from year to

year, requires us to always move forward and follow the developments. Online shop

or e-commerce is a individually business mechanism as well known new comer. Even

though found extraordinary that is all of man kind in the earth could to possess

illegally chance to be successful in cyberspace business. The purpose of this final

project is to make available the application spare part motorcycle sale integration to

website completed an the same time give price information how to buying spare part

motorcycle in order to make easily the users to desire the spare part motorcycle. The

research method on this thesis is a waterfall method deal with plan communication,

system design, implementation and testing unit. Using this method is very aid to

complete the spare part motorcycle sale website. The expectation of create this

website to give solution and make easily the purchaser to get product information

and buying online. Access information is more easily and the sale system is more

free. Even though, could achieved one effective and efficient activity to support the

business online.

Keywords : Website, E-commerce, spare part motorcycle

Page 11: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

xi

DAFTAR ISI

Lembar Judul Tugas Akhir

Lembar Pernyataan Keaslian Tugas Akhir

Lembar Pernyataan Persetujuan Publikasi Karya Ilmiah

Lembar Persetujuan dan Pengesahan Tugas Akhir

Lembar Konsultasi Tugas Akhir

Kata Pengantar

Lembar Abstraksi

Daftar Isi

Daftar Simbol

Daftar Gambar

Daftar Tabel

BAB I PENDAHULUAN

1.1. Latar Belakang Masalah

1.2. Maksud dan Tujuan

1.3. Metode Penelitian

1.4. Ruang Lingkup

1.5. Sistematika Penulisan

BAB II LANDASAN TEORI

2.1. Konsep Dasar Web

2.2. Teori Pendukung

BAB III PEMBAHASAN

3.1. Analisa Kebutuhan

3.2. Perancangan Perangakat Lunak

3.2.1. Rancangan Antar Muka

3.2.2. Rancangan Basis Data

3.2.3. Rancangan Struktur Navigasi

3.3. Implementasi dan Pengujian Unit

3.3.1. Implementasi

3.3.2. Pengujian Unit

BAB IV PENUTUP

4.1. Kesimpulan

4.2. Saran

Page 12: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

xii

Daftar Pustaka

Daftar Riwayat Hidup

Page 13: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

xii

DAFTAR SIMBOL

Page 14: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

xiv

DAFTAR GAMBAR

Gambar I.1. Grafik Perkembangan E-commerce

Gambar II.1. Model Waterfall

Gambar II.2. Struktur Navigasi Linear

Gambar II.3. Struktur Navigasi Hierarchical

Gambar II.4. Struktur Navigasi Full Web

Gambar III.1. Rancangan Antar Muka Halaman Utama

Gambar III.2. Rancangan Antar Muka Halaman Register

Gambar III.3. Rancangan Antar Muka Halaman Produk

Gambar III.4. Rancangan Antar Muka Halaman Detail Produk

Gambar III.5. Rancangan Antar Muka Halaman Tentang Kami

Gambar III.6. Rancangan Antar Muka Halaman Kontak Kami

Gambar III.7. Rancangan Antar Muka Halaman Login

Gambar III.8. Rancangan Antar Muka Halaman Utama Member

Gambar III.9. Rancangan Antar Muka Halaman Keranjang Belanja

Gambar III.10. Rancangan Antar Muka Halaman Konfirmasi Data

Gambar III.11. Rancangan Antar Muka Halaman Konfirmasi Pembayaran

Gambar III.12. Rancangan Antar Muka Halaman Detail Pesanan

Gambar III.13. Rancangan Antar Muka Halaman List Pesanan

Gambar III.14. Rancangan Antar Muka Halaman Login Administrator

Gambar III.15. Rancangan Antar Muka Halaman Home Administrator

Gambar III.16. Rancangan Antar Muka Halaman Katalog Administrator

Gambar III.17. Rancangan Antar Muka Halaman Kategori Administrator

Gambar III.18. Rancangan Antar Muka Halaman Ongkos Kirim

Gambar III.19. Rancangan Antar Muka Halaman Order Masuk

Gambar III.20. Rancangan Antar Muka Halaman Member

Page 15: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

xv

Gambar III.21. Rancangan Antar Muka Halaman User

Gambar III.22. Entity Relationship Diagram

Gambar III.23. Logical Relational Structure

Gambar III.24. Struktur Navigasi Halaman Pengunjung

Gambar III.25. Struktur Navigasi Halaman Member

Gambar III.26. Struktur Navigasi Halaman Administrator

Gambar III.27. Halaman Utama

Gambar III.28. Halaman Register

Gambar III.29. Halaman Produk

Gambar III.30. Halaman Detail Produk

Gambar III.31. Halaman Tentang Kami

Gambar III.32. Halaman Kontak Kami

Gambar III.33. Halaman Login Member

Gambar III.34. Halaman Utama Member

Gambar III.35. Halaman Keranjang Belanja

Gambar III.36. Halaman Check Out / Konfirmasi Data Penerima

Gambar III.37. Halaman List Pesanan

Gambar III.38. Halaman Detail Pesanan

Gambar III.39. Halaman Konfirmasi Pembayaran

Gambar III.40. Halaman Login Administrator

Gambar III.41. Halaman Home Administrator

Gambar III.42. Halaman Katalog Administrator

Gambar III.43. Halaman Kategori Administrator

Gambar III.44. Halaman Ongkos Kirim

Gambar III.45. Halaman Order Masuk

Gambar III.46. Halaman Member

Gambar III.47. Halaman User

Page 16: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

xvi

DAFTAR TABEL

Tabel III.1. Pengujian Terhadap Form Login Member

Tabel III.2. Terhadap Form Pendaftaran Member

Tabel III.3. Pengujian Terhadap Form Konfirmasi Pembayaran

Tabel III.4. Pengujian Terhadap Form Login Administrator

Page 17: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

BAB I

PENDAHULUAN

1.1. Latar Belakang

Di zaman yang serba canggih saat ini, kemajuan teknologi semakin meningkat

pesat yang dapat memanjakan manusia dalam menjalani kegiatan atau aktivitas

sehari-hari. Hal ini disebabkan teknologi dan ilmu pengetahuan yang semakin

berkembang dari zaman ke zaman. Sekarang ini tidak bisa kita pungkiri lagi bahwa

internet sudah menjadi kebutuhan yang sangat diperlukan oleh kita, karena itu

perkembangan pasar e-commerce di Indonesia saat ini sudah sangat besar dan mulai

terlihat jelas. Banyak orang yang mengalokasikan uang mereka dari iklan offline

menjadi online. Banyak orang yang mengalokasikan dana mereka untuk berinvestasi

di online sehingga kita bisa lihat banyak sekali toko online atau e-commerce di

Indonesia ini. Dengan jumlah pengguna internet yang mencapai 84 juta orang

pengguna atau sekitar 36% dari total penduduk Indonesia, perkembangan e-

commerce di Indonesia dapat kita manfaatkan menjadi tambang emas yang sangat

menggoda bagi sebagian orang yang dapat melihat potensi kedepannya. Pertumbuhan

ini didukung dengan data dari kemkominfo yang mengatakan bahwa nilai transaksi e-

commerce pada tahun 2014 sudah mencapai angka 140 trilliun rupiah. Menurut

Matthew Driver, presiden MasterCard untuk wilayah Asia Tenggara, Indonesia

adalah salah satu negara dengan pertumbuhan pasar e-commerce yang terbesar di

Page 18: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

2

Asia-Pacific. Di bawah ini adalah jumlah estimasi penjualan e-commerce untuk

wilayah Asia-Pacific.

Sumber : https://imersmuda.com/perkembangan-e-commerce-di-indonesia/, (Diakses

30 Oktober 2017)

Gambar I.1 Grafik Perkembangan E-commerce

Industri otomotif adalah salah satu bisnis yang bertumbuh dengan pesat di

Dunia tidak terkecuali Indonesia, khususnya industri sepeda motor. Ditengah

banyaknya jumlah sepeda motor di Indonesia dan setiap hari terus bertambah

membuat peluang bengkel motor sangat prospektif. Atas hal ini banyak para pelaku

usaha kecil dan pemula memulai usaha bengkel motor dengan harapan keuntungan

yang diperoleh lumayan besar.

Dengan kemajuan teknologi yang semakin pesat sekarang ini, masih banyak

bengkel motor yang masih memakai sistem manual pembukuan, sistem manual

Page 19: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

3

sangat tidak efektif karena akan memerlukan waktu yang lama untuk proses transaksi

seperti penjualan suku cadang, biaya service, dan pendataan stok suku cadang yang

tersedia. Sehingga terkesan lambat dalam pelayanan dan akan mempengaruhi

penjualan.

Oleh karena itu perlu dibangunnya suatu sistem komputerisasi yang dapat

mengatasi berbagai kelemahan yang ada pada sistem pembukuan. Dengan sistem

komputerisasi maka sistem penjualan akan menjadi lebih baik, efisien dan efektif.

Berdasarkan pembahasan diatas, maka dalam kesempatan ini penulis akan

membuat tugas akhir dengan judul “SISTEM INFORMASI PENJUALAN SUKU

CADANG MOTOR BERBASIS WEB”.

1.2. Maksud dan Tujuan

Berdasarkan latar belakang masalah diatas, maka maksud dari penulisan tugas

akhir ini adalah :

1. Merancang aplikasi e-commerce yang menyediakan fasilitas berbelanja online

bagi pembeli

2. Mengembangkan dan menerapkan ilmu yang telah didapat dari perkuliahan di

AMIK BSI Jakarta

3. Menambah pengetahuan tentang WEB berbasis E-Commerce

4. Membuat website yang berisi informasi produk dan penjualan produk secara

detail agar memudahkan pembeli dalam menentukan pilihan

5. Mengimplementasikan website sehingga mempermudah para pengguna

internet dalam memperoleh informasi

Page 20: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

4

Adapun tujuan dari penulisan Tugas Akhir ini adalah sebagai salah satu syarat

kelulusan pada program Diploma Tiga (D.III) untuk program studi Manajemen

Informatika di Akademi Manajemen dan Komputer Bina Sarana Informatika (AMIK

BSI Jakarta).

1.3. Metode Penelitian

Metode penelitian yang digunakan penulis dalam penulisan tugas akhir ini

adalah sebagai berikut :

A. Metode Pengembangan Perangkat Lunak

Menurut Pressman (2002:37) Metode Waterfall adalah suatu proses

pengembangan perangkat lunak berurutan, di mana kemajuan dipandang sebagai terus

mengalir ke bawah (seperti air terjun) melewati fase-fase perencanaan, pemodelan,

implementasi (konstruksi) dan pengujian. Dalam pengembangannya, metode

Waterfall memiliki beberapa tahapan sebagai berikut :

1. Requirement Analysis

Pada tahap ini, pengembang sistem diperlukan suatu komunikasi yang

bertujuan untuk memahami software yang diharapkan pengguna dan batasan

software. Informasi ini biasanya dapat diperoleh melalui wawancara, survei

atau diskusi. Informasi tersebut dianalisis untuk mendapatkan data yang

dibutuhkan oleh pengguna.

2. System Design

Page 21: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

5

Spesifikasi kebutuhan dari tahap pertama akan dipelajari dalam fase ini dan

desain sistem disiapkan. Desain Sistem membantu dalam menentukan

perangkat keras dan sistem persyaratan dan juga membantu dalam

mendefinisikan arsitektur sistem secara keseluruhan. System Design yang

penulis gunakan dalam pembuatan website penjualan suku cadang motor ini

yaitu struktur navigasi, ERD dan LRS.

3. Implementation

Pada tahap ini, sistem pertama kali dikembangkan diprogram kecil yang

disebut unit, yang terintegrasi dalam tahap berikutnya. Setiap unit

dikembangkan dan diuji untuk fungsionalitas yang disebut sebagai Unit

Testing.

4. Integration dan Testing

Semua unit yang dikembangkan dalam tahap implementasi diintegrasikan

kedalam sistem setelah pengujian masing-masing unit. Pasca integrasi seluruh

sistem diuji untuk mengecek setiap kesalahan dan kegagalan. Pada tahap

terakhir ini penulis melakukan pengujian dengan Black Box Testing.

Page 22: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

6

B. Teknik Pengumpulan Data

Teknik pengumpulan data yang digunakan oleh penulis dalam melakukan

pengumpulan data untuk pembuatan tugas akhir adalah :

1. Metode Observasi (Observation)

Pada metode pengumpulan data ini, penulis melakukan pengamatan terhadap

objek yang kali ini berupa model-model website di internet yang diamati

untuk bahan perbandingan, penulis juga melakukan pengamatan langsung ke

Bengkel / Toko yang menjual Spare Part Motor. Dan untuk mengatasi rasa

kekhawatiran pembeli, biasanya penjual (online shop) akan melakukan

pengiriman barang dengan cara COD (cash on delivery).

2. Studi Pustaka (Study of the literature)

Untuk menjunjung kelengkapan dalam hal pembuatan web dan penulisan.

Penulis melakukan studi pustaka untuk mencari buku-buku referensi dan

tulisan-tulisan yang berhubungan dengan penulisan Tugas Akhir ini.

1.4. Ruang Lingkup

Batasan-batasan masalah yang digunakan dalam penulisan tugas akhir ini

adalah website penjualan suku cadang motor ini tidak menangani proses pembayaran

secara online dengan kartu kredit, pembayaran dilakukan secara (offline payment)

transfer antar rekening bank dan terintegrasi dengan sistem jasa pengiriman serta

website penjualan suku cadang motor ini digunakan untuk pemesanan, penjualan,

Page 23: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

7

pencarian barang dan pembuatan laporan penjualan serta tidak membahas

pengembalian barang dan tidak membahas keamanan website dan jaringan.

1.5. Sistematika Penulisan

Untuk mengetahui secara ringkas permasalahan dalam penulisan Tugas Akhir

ini, maka kami gunakan sistematika penulisan yang bertujuan untuk mempermudah

pembaca menelusuri dan memahami Tugas Akhir ini.

BAB I PENDAHULUAN

Bab ini merupakan bab pendahuluan, yang didalamnya akan membahas latar

belakang permasalahan, rumusan masalah, batasan masalah, tujuan dan

manfaat penelitian serta sistematika penulisan.

BAB II LANDASAN TEORI

Bab ini menjelaskan tentang teori-teori yang berkaitan dengan yang akan

dibahas meliputi konsep dasar web dan teori pendukung.

BAB III PEMBAHASAN

Bab ini berisikan tentang analisa kebutuhan, rancangan antar muka, ERD,

LRS, rancangan struktur navigasi, implementasi dari Website Penjualan Suku

Cadang Motor dan blackbox testing.

BAB IV PENUTUP

Bab terakhir ini merupakan bab yang berisikan kesimpulan dan saran dari

hasil penulisan dan penelitian yang telah dilakukan oleh penulis.

Page 24: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

8

BAB II

LANDASAN TEORI

2.1. Konsep Dasar Web

Teknologi informasi saat ini sangat berpengaruh dalam bidang internet

bagai sebuah kebutuhan karena didalamnya kita bisa mendapatkan informasi dari

seluruh dunia. Website memang sangat popular dilingkungan pengguna internet,

karena kemudahan yang diberikan kepada pengguna internet untuk melakukan

penelusuran dan pencarian informasi.

A. Website

Menurut Soetejo (2012:11), “Website atau Situs dapat diartikan sebagai

kumpulan halaman-halaman yang digunakan untuk menampilkan informasi,

gambar gerak, suara, dan atau gabungan dari semuanya itu”.

1. Internet

Menurut Soetejo (2012:1), “Ialah sistem global dari seluruh jaringan

komputer yang saling terhubung menggunakan standar Internet Protocol Suite

(TCP/IP) untuk melayani miliyaran pengguna diseluruh dunia”.

2. Web Server

Menurut Sutisna (2007:5) “Web Server adalah halaman-halaman website

yang diakses oleh user melalui browser disimpan pada web server”. Untuk itu,

diperlukan program khusus agar website yang kita buat dapat diterima dengan

baik oleh client. Ada beberapa software yang bisa digunakan baik gratis (Open

Source) maupun yang komersial, diantaranya: Netscape Server, Microsoft IIS,

Xitami, Webstar dan lain-lain. Contoh dari web server adalah Apache.

Page 25: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

9

Apache adalah perangkat lunak web server yang paling populer, hal ini

memungkinkan komputer untuk menjadi satu Host atau lebih, situs yang dapat

diakses melalui internet menggunakan web browser. Versi pertama Apache dirilis

pada 1995 oleh Grup Apache. Pada tahun 1999 Grup Apache menjadi Apache

Software Foundation sebuah organisasi nirlaba yang saat ini mempertahankan

pengembangan perangkat lunak Web server Apache.

3. E-commerce

Menurut Ahmadi dan Hermawan (2013:35), e-commerce “Merupakan

aktivitas pembelian dan penjualan melalui jaringan internet dimana pembeli dan

penjual tidak bertemu secara langsung, melainkan berkomunikasi melalui

internet”.

B. Bahasa Pemrograman

1. HTML (Hypertext Markup Language)

Menurut Sibero (2011:19), “HTML adalah singakatan dari Hypertext

MarkupLanguage yaitu bahasa yang digunakan pada dokumen web

sebagai bahasa untuk pertukaran dokumen web”.

2. CSS (Cascading Style Sheet)

Menurut Madcoms (2010:32), CSS merupakan Pendukung HTML dalam

mendesain web.Panel CSS style menampilkan aturan dan property CSS

yang mempengaruhi suatu unsur halaman yang sedang aktif. Juga

menampilkan aturan dan properti yang mempengaruhi seluruh dokumen.

Perintah-perintah yang sering digunakan dalam suatu atau seluruh halaman

Page 26: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

10

dapat dikumpulkan dalam CSS, sehingga dapat digunakan kembali dalam

mendesain web dan tidak perlu mengulang perintah awal.

3. PHP (Personal Hypertext Preprocessor)

Menurut Hirin dan Virgi (2011:25), Menyimpulkan bahwa PHP atau

kependekan dari Personal Hypertext Preprocessor adalah salah satu

bahasa pemograman open source yang sangat cocok atau dikhususkan

untuk pengembangan web dan dapat di tanamkan pada sebuah skrip

HTML. Bahasa PHP dapat dikatakan menggambarkan beberapa bahasa

pemograman seperti C, Java dan Perl serta mudah untuk dipelajari.

4. Adobe Dreamweaver CS5

Menurut Sigit (2010:1) “Macromedia Dreamweaver CS5 adalah sebuah

HTML editor profesional untuk mendesain web secara visual dan

mengelola situs atau halaman web”. Saat ini terdapat software dari

kelompok Adobe yang belakangan banyak digunakan untuk mendesain

suatu web. Versi terbaru dari Adobe Dreamwever CS5 memiliki beberapa

kemampuan bukan hanya sebagai software untuk desain web saja, tetapi

juga menyunting kode serta pembuatan aplikasi web. Antara lain: JSP,

PHP, ASP, XML, dan ColdFusion.

Page 27: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

11

C. Basis Data

Menurut Fathansyah (2007:2) mengemukakan bahwa “Basis data terdiri

atas 2 kata, yaitu Basis dan data. Basis kurang lebih dapat diartikan sebagai

markas atau gudang, tempat bersarang atau berkumpul. Sedangan Data adalah

representasi fakta dunia nyata yang mewakili suatu objek seperti manusia

(pegawai, siswa, pembeli, pelanggan), barang, hewan, peristiwa, konsep, keadaan,

dan sebagainya yang terekam dalam bentuk angka, huruf, simbol, teks, gambar,

bunyi, atau kombinasi lainnya”.

Basis data atau Database adalah kumpulan data yang disimpan secara

sistematis didalam komputer dan dapat diolah atau dimanupulasi menggunakan

perangkat lunak (program aplikasi) untuk menghasilkan informasi.

1. MySQL

Menurut Sadeli (2011:8), mengemukakan bahwa “MySQL adalah

database yang menghubungkan script PHP menggunakan perintah query

dan escaps character yang sama dengan PHP”.

2. Php MyAdmin

Menurut Purwanto (2012:5), “PhpMyAdmin adalah perangkat lunak bebas

yang ditulis dalam bahasa pemrograman PHP yang digunakan untuk

menangani administrasi MySQL melalui Jejaring Jagat Jembar (World

Wide Web)”.

Fungsi dari halaman ini adalah sebagai pengendali database MySQL

sehingga pengguna MySQL tidak perlu repot untuk menggunakan

perintahperintah SQL. Karena dengan adanya halaman ini semua hal

Page 28: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

12

tersebut dapat dilakukan hanya dengan meng-klik menu fungsi yang ada

pada halaman php MyAdmin.

D. Model Pengembangan Perangkat Lunak

Model SDLC air terjun (waterfall) menurut Rosa dan Shalahuddin

(2013:28), “Sering juga disebut model sekuensial linier (sequential linear) atau

alur hidup klasik (classic life cycle). Model air terjun menyediakan pendekatan

alur hidup perangkat lunak secara sekuensial atau terurut dimulai dari analisis,

desain, pengodean, pengujian dan tahap pendukung (support)”.

Berikut adalah fase waterfall :

Sumber: Rosa dan Shalahuddin (2013:28)

Gambar II.1 Model Waterfall

Sistem/ Rekayasa

Informasi

Analisis

Desain

Pengkodea

n

Pengujia

n

Page 29: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

13

1. Analisis Kebutuhan Perangkat Lunak

Proses pengumpulan kebutuhan dilakukan secara intensif untuk spesifikasi

kebutuhan perangkat lunak agar dapat dipahami perangkat lunak seperti

apa yang yang dibutuhkan oleh user. Spesifikasi kebutuhan perangkat

lunak pada tahap ini perlu untuk didokumentasikan.

2. Desain

Desain perangkat lunak adalah proses multi langkah yang fokus pada

desain pembuatan program perangkat lunak termasuk struktur data,

arsitektur perangkat lunak, representasi antarmuka dan prosedur

pengkodean. Tahap ini mentranslasi kebutuhan perangkat lunak dari tahap

analisis kebutuhan kerepresentasi desain agar dapat diimplementasikan

menjadi program pada tahap selanjutnya. Desain perangkat lunak yang

dihasilakan pada tahap ini juga perlu didokumentasikan.

3. Pembuatan Kode Program

Desain harus ditranslasikan ke dalam program perangkat lunak. Hasil dari

tahap ini adalah program komputer-komputer sesuai dengan desain yang

telah dibuat pada tahap desain.

4. Pengujian

Pengujian fokus pada perangkat lunak secara dari segi lojik dan fungsional

dan memastikan bahwa semua bagian sudah diuji. Hal ini dilakukan untuk

meminimalisir kesalahan (error) dan memastikan keluaran yang

dihasilkan sesuai dengan yang diingnkan.

Page 30: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

14

2.2. Teori Pendukung

Teori pendukung atau landasan teori dalam penyusunan tugas akhir ini

sangat diperkukan karena sebagai referensi untuk menunjang atau memperdalam

pemahaman terhadap informasi-informasi yang disajikan, teori pendukung yang

berisi Struktur Navigasi, ERD dan LRS.

A. Struktur Navigasi

Menurut Sutopo (2007:245) “Struktur Navigasi adalah struktur

bagaimana halaman web dihubungkan dengan halaman lain”.

Menentukan struktur navigasi merupakan hal yang sebaiknya dilakukan

sebelum membuat website. Ada tiga macam bentuk dasar struktur navigasi yaitu:

1. Linear Navigation Model

Digunakan oleh sebagian besar website. Informasi diberikan secara

sekuensial dimulai dari satu halaman. Beberapa desainer web menggunakan satu

halaman untuk masuk atau keluar dari website.

Sumber : Sutopo (2007:6)

Gambar II.2 Struktur Navigasi Linear

Homepage Halaman 2 Halaman 1 Halaman 3

Page 31: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

15

2. Hierarchical Model

Diadaptasi dari top-down design. Konsep navigasi ini dimulai dari satu

node yang menjadi homepage. Dari homepage dapat dibuat beberapa cabang ke

halaman-halaman utama. Apabila diperlukan, dari tiap halaman utama dapat

dikembangkan menjadi beberapa cabang lagi. Hal ini seperti struktur organisasi

dalam perusahaan.

Sumber : Sutopo (2007:6)

Gambar II.3 Struktur Navigasi Hierarchical

Homepage

Topik B Topik C Topik A

Subtopik

A2

Subtopik

A1

Subtopik

C2

Subtopi

k C3

Subtopi

k C1

Page 32: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

16

Homepage

Topik A

Topik B

Topik C

Topik D

Topik E

Subtopik

G1

Topik G

Topik F

3. Full Web Model

Memberikan kemampuan hyperlink yang banyak. Full web model banyak

digunakan karena user dapat mengakses semua topik dengan subtopik dengan

cepat. Namun kelemahan dari model ini, yaitu dapat berakibat user kehilangan

cara untuk kembali ke topik sebelumnya.

Sumber : Sutopo (2007:8)

Gambar II.4 Struktur Navigasi Full Web

Page 33: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

17

B. Enterprise Relationship Diagram

Menurut Simarmata dan Paryudi (2006:67) menyatakan bahwa “Entity

Relationship Diagram adalah Pemodelan data utama dan akan membantu

mengorganisasikan data dalam suatu proyek kedalam entitas-entitas dan

menentukan hubungan antar entitas-entitas”.

Menurut Frieyadie (2007:10-12) Menyatakan bahwa komponen yang

terdapat dalam Entity Relationship Diagram sebagai berikut:

1. Entity (Entitas)

Entitas adalah suatu data yang dapat disimpan dan berguna bagi badan

atau perusahaan, dengan kata lain suatu objek yang dapat dibedakan

dengan objek lainnya. Entitas digambarkan dengan kotak persegi panjang.

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

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

ada apabila tidak ada entitas biasa. Entitas lemah digambarkan dengan

kotak persegi panjang dengan garis ganda.

2. Atribut

Atribut menunjukkan karakteristik dari tiap-tiap entitas. Atribut

digambarkan dengan bentuk oval.

3. Relasi

Relasi menunjukkan hubungan yang terjadi antarentitas. Relasi

digambarkan dengan bentuk belah ketupat atau diamond.

4. Line Connector

Line Connector digambarkan dengan bentuk garis tunggal.

Page 34: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

18

5. Atribut Utama

Atribut utama digambarkan dengan bentuk oval, dengan keterangan diberi

garis bawah absolut.

6. Atribut Pilihan.

Atribut digambarkan dengan bentuk oval dengan keterangan diberi garis

bawah putus-putus.

Menurut Frieyadie (2007:13), Kardinalitas merupakan tingkat hubungan

yang terjadi antar entitas di dalam sebuah sistem. Terdapat tiga tingkat hubungan

yang terjadi, yaitu :

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

Tingkat hubungan dinyatakan satu pada satu, jika satu kejadian pada

entitas pertama hanya mempunyai satu hubungan dengan suatu kejadian

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

kedua hanya bisa mempunyai satu hubungan dengan satu kejadian pada

entitas yang pertama.

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

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

pada sati (M:1), tergantung dari arah mana hubungan tersebut dilihat.

Untuk satu kejadian pada entitas yang pertama dapat mempunyai banyak

hubungan dengan kejadian pada entitas yang kedua.

Page 35: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

19

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

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

pada sebuah entitas akan mempunyai banyak hubungan dengan kejadian

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

dilihat dari sisi entitas yang kedua.

C. LRS (Logical Relationship Structure)

Menurut Kusrini (2007:3) “LRS (Logical Record Structure) adalah

repsentasi dari struktur record-record pada tabel-tabel yang terbentuk dari hasil

antar himpunan entitas, menentukan jumlah tabel dan Foreign Key (FK)”. LRS

dibentuk dengan nomor dari tipe record, beberapa tipe record digambarakan

dengan kotak persegi panjang dengan nama yang unik, LRS juga terdiri dari

hubungan diantara tipe record.

D. Pengujian Web

Pengujian merupakan proses eksekusi program yang telah selesai

dibuat yang bertujuan untuk menemukan kesalahan. Pengujian yang baik

adalah pengujian yang dilakukan dengan probablitas penemuan kesalahan

yang tidak diduga, sedangkan pengujian yang sukses adalah pengujian yang

berhasil mengatasi penyelesaian penemuan kesalahan yang tidak diduga.

Page 36: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

20

1. Blackbox Testing

Menurut Presman (2010:495) “Black Box Texting atau pengujian Kotak

Hitam atau juga disebut Behavioral Testing, berfokus pada persyaratan fungsional

dari perangkat lunak. Artinya, teknik Black Box Testing memungkinkan untuk

mendapatkan set kondisi masukan yang sepenuhnya akan melaksanakan semua

persyaratan fungsional untuk suatu program”.

Pengujian yang dilakukan hanya mengamati hasil eksekusi melalui data uji

dan memeriksa fungsional dari perangakat lunak.

a. Kelebihan Blackbox adalah dapat memilih subset test secara efektif dan

efesien, dapat menemukan cacat, dan memaksimalkan testing invesmen.

b. Kekurangan Blackbox adalah tester tidak pernah yakin dengan PL tersebut

benar-bener lulus uji.

Page 37: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

21

BAB III

PEMBAHASAN

3.1. Analisa Kebutuhan

Pada website e-commerce ini, customer dapat melakukan transaksi langsung

secara online tanpa harus datang ke toko.untuk membeli produk. Berikut ini

spesifikasi kebutuhan dari website e-commerce ini.

A. Halaman Pengunjung :

1. Pengunjung dapat melihat home,

2. Pengunjung dapat melakukan daftar member dengan mengisi data dengan benar

dan lengkap,

3. Pengunjung dapat melihat produk dikatalog,

4. Pengunjung dapat menyortir dengan memilih kategori,

5. Pengunjung dapat melihat produk detail,

6. Pengunjung dapat melihat halaman tentang kami,

7. Pengunjung dapat melihat halaman kontak kami.

Page 38: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

22

B. Halaman Administrator Sistem :

1. Administrator dapat melakukan login,

2. Administrator dapat melihat home,

3. Administrator dapat mengelola menu katalog,

4. Administrator dapat mengelola menu kategori,

5. Administrator dapat mengelola menu ongkos kirim,

6. Administrator dapat mengelola menu order masuk,

7. Administrator dapat mengelola menu member,

8. Administrator dapat mengelola menu user / admin,

9. Administrator dapat melakukan logout.

C. Halaman Member :

1. Member dapat melakukan login dan memilih produk yang akan dibeli,

2. Member dapat melihat, menambahkan, mengurangi, dan menghapus produk yang

telah ditambahkan ke keranjang belanja,

3. Member dapat melihat bukti pemesanan yang berisi detail transaksi dan ongkos

kirim yang harus dibayarkan,

4. Member dapat melakukan konfirmasi pembayaran,

5. Member dapat melihat profil member.

Page 39: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

23

3.2. Perancangan Perangkat Lunak

Perancangan perangkat lunak terdiri dari rancangan antar muka, basis data dan

struktur navigasi.

3.2.1. Rancangan Antar Muka

Rancangan antar muka berisi rancangan antar muka halaman pengunjung,

halaman member atau pengguna dan halaman admin.

A. Halaman Pengunjung

1. Rancangan Antar Muka Halaman Utama

Gambar III.1. Rancangan Antar Muka Halaman Utama

Page 40: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

24

2. Rancangan Antar Muka Halaman Register

Gambar III.2. Rancangan Antar Muka Halaman Register

Page 41: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

25

3. Rancangan Antar Muka Halaman Produk

Gambar III.3. Rancangan Antar Muka Halaman Produk

Page 42: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

26

4. Rancangan Antar Muka Halaman Detail Produk

Gambar III.4. Rancangan Antar Muka Halaman Detail Produk

Page 43: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

27

5. Racangan Antar Muka Halaman Tentang Kami

Gambar III.5. Rancangan Antar Muka Halaman Tentang Kami

Page 44: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

28

6. Rancangan Antar Muka Halaman Kontak Kami

Gambar III.6. Rancangan Antar Muka Halaman Kontak Kami

Page 45: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

29

B. Halaman Member

1. Rancangan Antar Muka Halaman Login

Login Member

Username

Password

:

:

Log in Batal

Gambar III.7. Rancangan Antar Muka Halaman Login

Page 46: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

30

2. Rancangan Antar Muka Halaman Utama Member

Gambar III.8. Rancangan Antar Muka Halaman Utama Member

Page 47: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

31

3. Rancangan Antar Muka Halaman Keranjang Belanja

Gambar III.9. Rancangan Antar Muka Halaman Keranjang Belanja

Page 48: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

32

4. Rancangan Antar Muka Halaman Check Out / Konfirmasi Data Penerima

Gambar III.10. Rancangan Antar Muka Halaman Check Out / Konfirmasi

Data Penerima

Page 49: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

33

5. Rancangan Antar Muka Halaman List Pesanan

Gambar III.11. Rancangan Antar Muka Halaman List Pesanan

Page 50: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

34

6. Rancangan Antar Muka Halaman Detail Pesanan

Gambar III.12. Rancangan Antar Muka Halaman Detail Pesanan

Page 51: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

35

7. Rancangan Antar Muka Halaman Konfirmasi Pembayaran

Gambar III.13. Rancangan Antar Muka Halaman Konfirmasi Pembayaran

Page 52: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

36

C. Halaman Administrator Sistem

1. Rancangan Antar Muka Halaman Login Administrator

password

BatalLog in

username

Login Administrator

Logo

Gambar III.14. Rancangan Antar Muka Halaman Login Administrator

2. Rancangan Antar Muka Halaman Home Administrator

Logo Logout

Dashboard > Home

Home

Selamat Datang di Admin Panel

Welcome...Pesan

Order Masuk

Ongkos Kirim

Kategori

Katalog

User

Member

Gambar III.15. Rancangan Antar Muka Halaman Home Administrator

Page 53: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

37

3. Rancangan Antar Muka Halaman Katalog Administrator

Logo Logout

Katalog > List Produk

Home

Welcome...Pesan

Order Masuk

Ongkos Kirim

Kategori

Katalog

User

Member

Tambah Produk

No Nama Kategori Gambar Harga Berat Stok Aksi

Text Text Text Gambar Text Text Text Button

Gambar III.16. Rancangan Antar Muka Halaman Katalog Administrator

4. Rancangan Antar Muka Halaman Kategori Administrator

Logo Logout

Kategori > List Kategoti

Home

Welcome...Pesan

Order Masuk

Ongkos Kirim

Kategori

Katalog

User

Member

Tambah Data

No Nama Kategori Aksi

Text Text Button

Gambar III.17. Rancangan Antar Muka Halaman Kategori Administrator

Page 54: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

38

5. Rancangan Antar Muka Halaman Ongkos Kirim

Logo Logout

Ongkir > List Ongkir

Home

Welcome...Pesan

Order Masuk

Ongkos Kirim

Kategori

Katalog

User

Member

Tambah Data

No Tujuan Harga

Text Text Text

Aksi

Button

<< First << Prev 1 2 3….8 Next >> Last >>

Gambar III.18. Rancangan Antar Muka Halaman Ongkos Kirim

6. Rancangan Antar Muka Halaman Order Masuk

Logo Logout

Order > List Oeder

Home

Welcome...Pesan

Order Masuk

Ongkos Kirim

Kategori

Katalog

User

Member

No No OrderNama

Customer

Text Text Text

Tanggal

Button

<< First << Prev 1 2 3….8 Next >> Last >>

List Order Masuk

Jam Status Aksi

Text Text Button

Gambar III.19. Rancangan Antar Muka Halaman Order Masuk

Page 55: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

39

7. Rancangan Antar Muka Halaman Member

Logo Logout

Member > List Member

Home

Welcome...Pesan

Order Masuk

Ongkos Kirim

Kategori

Katalog

User

Member

No Nama Aksi

Text Text Button

Data Member

Gambar III.20. Rancangan Antar Muka Halaman Member

8. Rancangan Antar Muka Halaman User

Logo Logout

User > List User

Home

Welcome...Pesan

Order Masuk

Ongkos Kirim

Kategori

Katalog

User

Member

No Username Aksi

Text Text Button

Tambah

Gambar III.21. Rancangan Antar Muka Halaman User

Page 56: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

40

3.2.2. Rancangan Basis Data

Perancangan basis data menghasilkan pemetaan tabel-tabel yang digambarkan

dengan Entity Relationship Diagram (ERD) dan Logical Relational Structure (LRS).

A. Entity Relationship Diagram (ERD)

Ongkos_kirim

Memiliki

OrderMelakukanMember

Melakukan

Konfirmasi

Memiliki

Detail_order

Memiliki

Produk

Memiliki

KategoriMemiliki

Ongkos_kirim

Tujuan_kirim

Id_ongkir

email

nama

password

telepon

alamat

Id_member

Id_ongkir

Id_order

Tgl_order

Jam_order

Id_member

Id_produk

jumlah

subtotal

Id_order

Bank_pengirim

Bank_penerima

Akun_bank

Id_konfirmasi

Id_member

Id_order

Jumlah_bayar

Tgl_konfirmasi

Id_produk

Nama_produk

harga berat

stok

Id_kategori

Nama_kategori

Id_kategori

1

1

11

1

1

1 M

1

1

1

1

1 1

Memiliki

1

1

Gambar III.22. Entity Relationship Diagram

Page 57: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

41

B. Logical Relational Structure (LRS)

1

1

1

M

1 1

1

1

1

1

Produk

id_produk

id_kategori

nama_produk

harga

stok

berat

Kategori

id_kategori

nama_kategori

Ongkos_kirim

id_ongkir

tujuan_kirim

ongkos_kirim

Konfirmasi

id_konfirmasi

tanggal_konfirmasi

jumlah_bayar

bank_pengirim

bank_penerima

akun_bank

id_member

id_orders

Order

id_orders

tanggal_order

jam_order

id_member

id_ongkir

subtotal

Detail_order

jumlah

id_order

id_produk

Member

id_member

nama

email

alamat

password

telpon

1 1

1

1

Gambar III.23. Logical Relational Structure

Page 58: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

42

3.2.3. Rancangan Struktur Navigasi

1. Struktur Navigasi Hierarchical Halaman Pengunjung

Gambar III.24. Struktur Navigasi Halaman Pengunjung

2. Struktur Navigasi Hierarchical Halaman Member

Gambar III.25. Struktur Navigasi Halaman Member

Page 59: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

43

3. Struktur Navigasi Hierarchical Halaman Administrator

Hpme

ProdukKontak

Kami

Tentang

Kami

List

Pesanan

Keranjang

BelanjaHome Profil

Login

Logout

Gambar III.26. Struktur Navigasi Halaman Administrator

Page 60: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

44

3.3. Implementasi dan Pengujian Unit

3.3.1. Implementasi

Implementasi rancangan antar muka pada aplikasi e-commerce penjualan suku

cadang motor berdasarkan hasil rancangan antar muka.

1. Implementasi Rancangan Antar Muka Pengunjung

a. Halaman Utama

Gambar III.27. Halaman Utama

Page 61: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

45

b. Halaman Register

Gambar III.28. Halaman Register

Page 62: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

46

c. Halaman Produk

Gambar III.29. Halaman Produk

Page 63: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

47

d. Halaman Detail Produk

Gambar III.30. Halaman Detail Produk

Page 64: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

48

e. Halaman Tentang Kami

Gambar III.31. Halaman Tentang Kami

Page 65: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

49

f. Halaman Kontak Kami

Gambar III.32. Halaman Kontak Kami

2. Implementasi Rancangan Antar Muka Member

a. Halaman Login Member

Gambar III.33. Halaman Login Member

Page 66: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

50

b. Halaman Utama Member

Gambar III.34. Halaman Utama Member

Page 67: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

51

c. Halaman Keranjang Belanja

Gambar III.35. Halaman Keranjang Belanja

Page 68: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

52

d. Halaman Check Out / Konfirmasi Data Penerima

Gambar III.36. Halaman Check Out / Konfirmasi Data Penerima

Page 69: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

53

e. Halaman List Pesanan

Gambar III.37. Halaman List Pesanan

Page 70: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

54

f. Halaman Detail Pesanan

Gambar III.38. Halaman Detail Pesanan

Page 71: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

55

g. Halaman Konfirmasi Pembayaran

Gambar III.39. Halaman Konfirmasi Pembayaran

Page 72: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

56

3. Implementasi Rancangan Antar Muka Administrator

a. Halaman Login Administrator

Gambar III.40. Halaman Login Administrator

b. Halaman Home Administrator

Gambar III.41. Halaman Home Administrator

Page 73: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

57

c. Halaman Katalog Administrator

Gambar III.42. Halaman Katalog Administrator

d. Halaman Kategori Administrator

Gambar III.43. Halaman Kategori Administrator

Page 74: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

58

e. Halaman Ongkos Kirim

Gambar III.44. Halaman Ongkos Kirim

f. Halaman Order Masuk

Gambar III.45. Halaman Order Masuk

Page 75: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

59

g. Halaman Member

Gambar III.46. Halaman Member

h. Halaman User

Gambar III.47. Halaman User

Page 76: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

60

3.3.2. Pengujian Unit

A. Pengujian Terhadap Form Login Member

Tabel III.1. Pengujian Terhadap Form Login Member

No Skenario

pengujian Test Case

Hasil yang

diharapkan

Hasil

Pengujian Kesimpulan

1

Username dan

Password

tidak di isi

kemudian

klik tombol

login

Username:

(kosong)

Password:

(kosong)

Sistem akan

menolak akses

user dan

menampilkan

“username atau

password anda

salah”

Sesuai

harapan Valid

2

Mengetikan

username dan

Password

tidak diisi

kemudian

klik tombol

login

Username:

murdiansyah

(benar)

Password:

(kosong)

Sistem akan

menolak akses

user dan

menampilkan

“username atau

password anda

salah”

Sesuai

harapan Valid

3

Username

tidak diisi

dan Password

diisi

kemudian

klik tombol

login

Username:

(kosong)

Password:

123456

(benar)

Sistem akan

menolak akses

user dan

menampilkan

“username atau

password anda

salah”

Sesuai

harapan Valid

4

Mengetikan

username dan

password

dengan data

yang benar

kemudian

klik tombol

login

Username:

murdiansyah

(benar)

Password:

123456

(benar)

Sistem

menerima akses

login, kemudian

langsung

menampilkan

"Berhasil

Login, Selamat

berbelanja”.

Sesuai

harapan Valid

Page 77: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

61

B. Pengujian Terhadap Form Pendaftaran Member

Tabel III.2. Pengujian Terhadap Form Pendaftaran Member

No Skenario

pengujian Test Case

Hasil yang

diharapkan

Hasil

Pengujian Kesimpulan

1

Nama lengkap,

e-mail,

password,

telepon, kota,

alamat

lengkap tidak

diisi kemudian

klik daftar

Nama Lengkap: (kosong)

Email :

(kosong)

Password :

(kosong)

Telepon :

(kosong)

Kota : (kosong)

Alamat lengkap :

(kosong)

Sistem akan

menolak

akses user

dan

menampilkan

“please select

an item in the

list” pada

listbox form

yang kosong

Sesuai

harapan Valid

2

Mengisi salah

satu form,

mengosongkan

form yang lain

kemudian klik

daftar

Nama lengkap:

murdiansyah

Email :

(kosong)

Password :

(kosong)

Telepon :

(kosong)

Kota : (kosong)

Alamat lengkap :

(kosong)

Sistem akan

menolak

akses user

dan

menampilkan

“please select

an item in the

list” pada

listbox form

yang kosong

Sesuai

harapan Valid

3

Mengisi

beberapa form

nama lengkap,

email,

password,

telepon,

kemudian klik

daftar

Nama lengkap:

Murdiansyah

Email :

[email protected]

Password :

123456

Telepon :

087886981558

Kota : (kosong)

Alamat lengkap :

(kosong)

Sistem akan

menolak

akses user

dan

menampilkan

“please select

an item in the

list” pada

listbox form

yang kosong

Sesuai

harapan Valid

Page 78: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

62

4

Mengisi

semua form

dengan data

yang benar

kemudian klik

tombol daftar

Nama lengkap:

Murdiansyah

Email :

[email protected]

Password :

123456

Telepon :

087998765670

Kota : Jakarta

Alamat lengkap :

Jl. Depsos Raya Bintaro

Sistem akan

menerima

akses user

dan

menampilkan

"Selamat

anda telah

menjadi

member,

silahkan

Login untuk

berbelanja"

Sesuai

harapan Valid

Page 79: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

63

C. Pengujian Terhadap Form Konfirmasi Pembayaran

Tabel III.3. Pengujian Terhadap Form Konfirmasi Pembayaran

No Skenario

Pengujian Test Case

Hasil yang

diharapkan

Hasil

pengujian Kesimpulan

1

Mengosong

kan salah

satu form

kemudian

klik simpan

Tanggal:

(kosong)

Jumlah kirim:

400000

Bank

pengirim:

(kosong) Dari

Bank: BCA

Type

transaksi:

Bank transfer

Nama Akun:

(kosong)

Sistem akan

menolak akses

user dan

menampilkan

"Please fill out

this field" pada

awal form

yang kosong

Sesuai

harapan Valid

2

Mengisikan

seluruh form

dengan data

lengkap dan

benar

Tanggal:

07/27/17

Jumlah

kirim:

400000

Bank

pengirim:

CIMB

NIAGA

Dari Bank:

BCA Type

transaksi:

Bank

transfer

Nama Akun:

Murdiansyah

Sistem akan

menerima

data dan

menampilkan

"Konfirmasi

pembayaran

anda akan

kami proses,

terima kasih."

Sesuai

harapan Valid

Page 80: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

64

D. Pengujian Terhadap Form Login Administrator

Tabel III.4. Pengujian Terhadap Form Login Administrator

No Skenario

Pengujian Test Case

Hasil yang

diharapkan

Hasil

Pengujian Kesimpulan

1

Username dan

Password

tidak diisi

kemudian

klik tombol

Login

Username:

(kosong)

Password:

(kosong)

Sistem akan

menolak akses

user dan

menampilkan

"Please fill out

this field"

pada awal

form yang

kosong

Sesuai

harapan Valid

2

Mengosongkan

salah satu form

kemudian klik

tombol Login

Username:

admin

Password:

(kosong)

Sistem akan

menolak

akses user dan

menampilkan

"Please fill out

this field" pada

awal

form yang

kosong

Sesuai

harapan Valid

3

Mengetikan

salah satu

kondisi salah

pada username

atau password

kemudian klik

tombol login

Username:

admin

Password:

123456

Sistem akan

menolak

akses user dan

menampilkan

"username

atau password

salah"

Sesuai

harapan Valid

4

Mengetikan

username dan

password

dengan data

yang benar

kemudian klik

tombol login

Username:

admin

Password:

123456

Sistem

menerima

akses login,

kemudian

menampilkan

"Selamat

datang

admin" di

halaman

administrator

Sesuai

harapan Valid

Page 81: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

63

BAB IV

PENUTUP

4.1 Kesimpulan

Dari uraian tentang pembuatan website sebagai sarana informasi dan

penjualan suku cadang motor yang telah dibahas pada bab sebelumnya, penulis dapat

memberikan kesimpulan sebagai berikut :

1. Informasi yang ditampilkan dalam website penjualan ini tersedia dalam

bentuk teks dan gambar sehingga membuat calon pembeli tertarik untuk

melihat website ini,

2. Website penjualan suku cadang motor ini dibuat bertujuan untuk memudahkan

para calon pembeli dalam mencari informasi mengenai produk yang

ditawarkan, para pembeli juga dapat membeli produk yang dinginkan secara

online tanpa harus datang langsung ke toko,

3. Aplikasi Notepad++ sangat mempermudah dalam menyelesaikan website

penjualan suku cadang motor ini sehingga website ini dapat bermanfaat bagi

siapa saja yang ingin berbelanja online.

Page 82: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

64

3.2 Saran

Setelah penulis mengemukakan kesimpulan dalam pembuatan website

penjualan suku cadang motor ini, maka penulis mencoba mengajukan saran-saran

yang membangun yang dapat meningkatkan kualitas dalam penggunaan program ini.

Saran-saran tersebut yaitu sebagai berikut :

1. Disarankan agar website ini dapat memberikan promo-promo menarik untuk

membuat pembeli tertarik untuk berbelanja,

2. Disarankan agar kedepannya website penjualan suku cadang motor ini

terdapat fitur pembayaran tidak hanya transfer via atm atau bank tetapi juga

bisa dengan menggunakan credit card agar lebih memudahkan bagi pengguna

credit card dalam melakukan pembayaran.

3. Disarankan agar kedepannya harus memiliki back up database dan file agar

lebih mudah mencari solusi jika terjadi hal yang tidak diinginkan,

4. Disarankan agar kedepannya terdapat laporan atau stock opname dari hasil

penjualan untuk memudahkan penjual / pemilik dalam menghitung produk

yang sudah terjual dan juga menghitung keuntungan penjualan tersebut.

5. Disarankan agar kedepannya website ini bisa ditambahkan fitur lupa password

dan ganti password sehingga bila pengunjung / admin lupa password, tidak

membuat akun baru,

Page 83: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

65

DAFTAR PUSTAKA

Ahmadi, Candra, dan Dadang Hermawan. 2013. E-Business & E-commerce.

Yogyakarta: Andi.

Fathansyah. 2007. Buku teks Komputer Basis Data. Bandung: Informatika Bandung.

Frieyadie. 2007. Belajar sendiri Pemograman Database Menggunakan Foxpro 9.0.

Jakarta: PT. Elex Media Komputindo.

Hirin, AM dan Virgi. 2011. Cepat Mahir Pemograman Web dengan PHP dan

MySQL. Jakarta: Prestasi Pustaka.

Imersmuda. (2016, 18 September). Perkembangan Ecommerce Di Indonesia.

Diperoleh 30 Oktober 2017, dari https://imersmuda.com/perkembangan-e-

commerce-di-indonesia/

Kusrini. 2007. Konsep dan Aplikasi Sistem Pendukung Keputusan. Yogyakarta :

Penerbit Andi.

Madcoms, 2010. Adobe Dreamweaver CS5 Dengan Pemrograman PHP & MySQL.

Yogyakarta: Andi.

Pressman, Roger, 2002. Rekayasa Perangkat Lunak Pendekatan Praktisi (Buku

I), Yogyakarta: Penerbit Andi & McGraw-Hill Book Co.

Purwanto, E. 2012. Perbandingan Strategi Replikasi Pada Sistem Basis Data

Terdistribusi. Jurnal Informatika.

Sadeli.2011. Membuat Toko Online dengan PHP untuk Orang Awam. Palembang:

Maxikom.

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

Berorientasi Objek. Bandung: Informatika Bandung.

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

MediaKom.

Sigit, Christianus. 2010. Mudah Membuat Toko Online Dengan OsCommerce.

Yogyakarta : Andi.

Simarmata, Janner, dan Iman Paryudi. 2006. Basis Data. Yogyakarta: Andi.

Page 84: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

66

Soetejo, John. 2012. Jurus kilat mahir Internet dari nol hingga jago dalam hitungan

menit. Jakarta: Dunia Komputer.

Sutisna, Dadan. 2007. 7 Langkah Mudah Menjadi Webmaster. Jakarta : PT. Trans

Media.

Sutopo, Ariesto Hadi. 2007. Pemrograman Flash dengan PHP dan MySQL.

Yogyakarta : Graha Ilmu.

Page 85: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

67

Page 86: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

C. Spesifikasi File

Menjelaskan tentang file atau tabel yang terbentuk dari transformasi ERD

(file-file penunjang untuk web). File-file ini tersimpan pada Database Penjualan

Suku Cadang Motor dengan parameter-parameter sebagai berikut :

1. Spesifikasi File user Admin

Nama File : Tabel user

Akronim : table_user

Fungsi : Untuk menyimpan data admin

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 50 Byte

Kunci Field : id_user

Software : Mysql

Tabel III.1

Spesifikasi File table_user

No Elemen Data Nama Field Tipe Size Ket

1. Id user Id_user Int 5 Primary Key

2. Username Username Varchar 25

3. Password Password Varchar 25

Page 87: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

2. Spesifikasi File Member

Nama File : Tabel member

Akronim : table_member

Fungsi : Menyimpan data member

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 150 Byte

Kunci Field : id_member

Software : Mysql

Tabel III.2

Spesifikasi File table_member

No Elemen Data Nama Field Tipe Size Ket

1. Id member Id_member Int 10 Primary Key

2. Nama Nama Varchar 25

3. Email Email Varchar 25

4. Password Password Varchar 25

5. Alamat Alamat Varchar 100

6. Telpon Telpon Varchar 13

7. Id kota Id_kota Int 3

Page 88: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

3. Spesifikasi File Produk

Nama File : Tabel Produk

Akronim : table_Produk

Fungsi : menyimpan data produk

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 15 Byte

Kunci Field : id_produk

Software : Mysql

Tabel III.3

Spesifikasi File table_Produk

No Elemen Data Nama Field Tipe Size Ket

1. Id Produk Id_produk Int 10 Primary Key

2. Id kategori Id_kategori Int 10

3. Nama Nama Varchar 25

4. Harga Harga Int 11

5. Stok Stok Varchar 5

6. Deskripsi Deskripsi Longtext -

7. Berat Berat Decimal 5,2

8. Tanggal Tanggal Date -

9. Gambar Gambar Varchar 100

Page 89: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

4. Spesifikasi File Ongkir

Nama File : Tabel Ongkir

Akronim : table_ongkir

Fungsi : menyimpan data ongkos kirim

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 30 Byte

Kunci Field : id_ongkir

Software : Mysql

Tabel III.4

Spesifikasi File table_ongkir

No Elemen Data Nama Field Tipe Size Ket

1. Id ongkir Id_ongkir Int 10 Primary Key

2. Nama ongkir Nama_ongkir Varchar 25

3. Ongkos kirim Ongkos_kirim Int 11

Page 90: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

5. Spesifikasi File kategori

Nama File : Tabel kategori

Akronim : table_kategori

Fungsi : menyimpan data kategori produk

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 25 Byte

Kunci Field : id_kategori

Software : Mysql

Tabel III.5

Spesifikasi File table_kategori

No Elemen Data Nama Field Tipe Size Ket

1. Id kategori Id_kategori Int 10 Primary Key

2. Nama kategori nama_kategori Varchar 25

Page 91: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

6. Spesifikasi File order temporary

Nama File : Tabel orders temporary

Akronim : order_temp

Fungsi : menyimpan data order sementara sebelum masuk table

orders

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 70 Byte

Kunci Field : id_orders_temp

Software : Mysql

Tabel III.7

Spesifikasi File orders_temp

No Elemen Data Nama Field Tipe Size Ket

1. Id orders temp Id_orders_temp Int 10 Primary Key

2. Id Produk Id_Produk Int 10

3. Id session Id_session Varchar 50

4. Jumlah Jumlah Int 5

5. Tgl order temp tgl_order_temp Date -

6. Jam order temp Jjm_order_temp Time -

7. Stok temp stok_temp Int 5

Page 92: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

7. Spesifikasi File orders detail

Nama File : Tabel orders detail

Akronim : order_detail

Fungsi : untuk menyimpan data order detail

Tipe File : File Transaksi

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 10 Byte

Kunci Field : id_orders

Software : Mysql

Tabel III.8

Spesifikasi File order_detail

No Elemen Data Nama Field Tipe Size Ket

1. Id orders Id_orders Int 10 Primary Key

2. Id produk Id_produk Int 10

3. Jumlah Jumlah Int 5

Page 93: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

8. Spesifikasi File orders

Nama File : Tabel orders

Akronim : orders

Fungsi : menyimpan data pemesana pelanggan

Tipe File : File Transaksi

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 65 Byte

Kunci Field : id_orders

Software : Mysql

Tabel III.9

Spesifikasi File orders

No Elemen Data Nama Field Tipe Size Ket

1. Id orders Id_orders Int 10 Primary Key

2. Nama kustomer Nama_kustomer varchar 25

3. Alamat Alamat Text -

4. Telpon Telpon varchar 11

5. Email Email Varchar 25

6. Status orders Status_orders enum -

7. Tanggal order tgl_ordes Date -

8. Jam orders Jam_ordes Time -

9. Id kota Id_kota Int 3

Page 94: TUGAS AKHIR · SISTEM INFORMASI PENJUALAN SUKU CADANG MOTOR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) MURDIANSYAH PRADANA

9. Spesifikasi File konfirmasi

Nama File : Tabel konfirmasi

Akronim : table_konfirmasi

Fungsi : menyimpan data konfirmasi member

Tipe File : File Transaksi

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 300 Byte

Kunci Field : id_bayar

Software : Mysql

Tabel III.10

Spesifikasi File Table_konfirmasi

No Elemen Data Nama Field Tipe Size Ket

1. Id Bayar Id_bayar Int 10 Primary Key

2. Nama Nama Varchar 25

3. Email Email Varchar 25

4. Id oders Id_oders Varchar 3

5. Tanggal Tanggal Date

6. Jumlah Jumlah Int 5

7. Bank Terima Bank_terima Varchar 100

8. Bank Kirim Bank_kirim Varchar 100

9. Type Type Varchar 25

10. Akun Bank Akun_bank Varchar 25