ASEP BUDI CAHYONO - repository.bsi.ac.id · 3. Bapak Rachmat Hidayat, M.Kom selaku Dosen Pembimbing...

PERANCANGAN SISTEM INFORMASI PENJUALAN ARLOJI

BERBASIS WEB

TUGAS AKHIR

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

ASEP BUDI CAHYONO

NIM: 12134081

Program Studi Manajemen Informatika

Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika

Tangerang

2016

A-PDF Merger DEMO : Purchase from www.A-PDF.com to remove the watermark

http://www.a-pdf.com

ii

SURAT PERNYATAAN KEASLIAN TUGAS AKHIR

Yang bertanda tangan di bawah ini:

Nama : Asep Budi Cahyono

NIM : 12134081

Program Studi : Manajemen Informatika

Perguruan Tinggi : AMIK Bina Sarana Informatika

Dengan ini menyatakan bahwa tugas akhir yang telah saya buat dengan judul:

“Perancangan Sistem Informasi Penjualan Arloji Berbasis Web”, adalah asli

(orsinil) atau tidak plagiat (menjiplak) dan belum pernah diterbitkan/dipublikasikan

dimanapun dan dalam bentuk apapun.

Demikianlah surat pernyataan ini saya buat dengan sebenar-benarnya tanpa ada

paksaan dari pihak manapun juga. Apabila dikemudian hari ternyata saya

memberikan keterangan palsu dan atau ada pihak lain yang mengklaim bahwa tugas

akhir yang telah saya buat adalah hasil karya milik seseorang atau badan tertentu,

saya bersedia diproses baik secara pidana maupun perdata dan kelulusan saya dari

Akademi Manajemen Informatika & Komputer Bina Sarana Informatika

dicabut/dibatalkan.

Dibuat di : Tangerang

Pada tanggal : 22 Juni 2016

Yang menyatakan,

Asep Budi Cahyono

iii

SURAT PERNYATAAN PERSETUJUAN PUBLIKASI KARYA

ILMIAH UNTUK KEPENTINGAN AKADEMIS Yang bertanda tangan di bawah ini, saya:


NIM : 12134081


Perguruan Tinggi : AMIK Bina Sarana Informatika

Dengan ini menyetujui untuk memberikan ijin kepada pihak Akademi

Manajemen Informatika dan Komputer Bina Sarana Informatika, Hak Bebas

Royalti Non-Eksklusif (Non-exclusive Royalti-Free Right) atas karya ilmiah kami

yang berjudul: “Perancangan Sistem Informasi Penjualan Arloji Berbasis Web”,

beserta perangkat yang diperlukan (apabila ada).

Dengan Hak Bebas Royalti Non-Eksklusif ini pihak Akademi Manajemen

Informatika dan Komputer Bina Sarana Informatika berhak menyimpan,

mengalih-media atau format-kan, mengelolaannya dalam pangkalan data

(database), mendistribusikannya dan menampilkan atau mempublikasikannya di

internet atau media lain untuk kepentingan akademis tanpa perlu meminta ijin dari

kami selama tetap mencantumkan nama kami sebagai penulis/pencipta karya

ilmiah tersebut.

Saya bersedia untuk menanggung secara pribadi, tanpa melibatkan pihak Akademi

Manajemen Informatika dan Komputer Bina Sarana Informatika, segala

bentuk tuntutan hukum yang timbul atas pelanggaran Hak Cipta dalam karya ilmiah

saya ini.

Demikian pernyataan ini saya buat dengan sebenarnya.

Dibuat di : Tangerang

Pada tanggal : 22 Juni 2016

Yang menyatakan,

Asep Budi Cahyono

iv

PERSETUJUAN DAN PENGESAHAN TUGAS AKHIR

Tugas Akhir ini diajukan oleh:


NIM : 12134081


Jenjang : Diploma Tiga (D.III)

Judul Tugas Akhir : Perancangan Sistem Informasi Penjualan Arloji

Berbasis Web

Untuk dipertahankan pada periode I-2016 dihadapan penguji dan diterima sebagai

bagian persyaratan yang diperlukan untuk memperoleh Diploma Ahli Madya (A.Md)

pada Program Diploma Tiga (D.III) Program Studi Manajemen Informatika di

Akademi Manajemen Informatika & Komputer Bina Sarana Informatika.

Tamgerang, 22 Juni 2016

PEMBIMBING TUGAS AKHIR

Dosen Pembimbing : Rachmat Hidayat, M.Kom

Asisten Pembimbing : .................................

D E W A N P E N G U J I

Penguji I : .......................................... .................................

Penguji II : ......................................... .................................

v

LEMBAR KONSULTASI TUGAS AKHIR

AKADEMI MANAJEMEN INFORMATIKA

DAN KOMPUTER

BINA SARANA INFORMATIKA

NIM : 12134081

Nama Lengkap : Asep Budi Cahyono

Dosen Pembimbing : Rachmat Hidayat, M.Kom

Judul Tugas Akhir : Perancangan Sistem Informasi Penjualan Arloji

Berbasis Web

No Tanggal Bimbingan Pokok Bahasan Paraf Dosen

Pembimbing

1. 18-04-2016 Bimbingan Perdana &

pengajuan Judul

2. 20-04-2016 Pengajuan Bab I

3. 22-05-2016 Acc Bab I & Pengajuan

Bab II Revisi

4. 13-06-2016 Acc Bab II & Pengajuan

Program Revisi

5. 20-06-2016 Pengajuan Web Program

Revisi

6.

21-06-2016 Acc Pengajuan Program

Pengajuan Bab III & Bab

IV

7.

Catatan untuk Dosen Pembimbing.

Bimbingan Tugas Akhir

Dimulai pada tanggal: 18-04-2016

Diakhiri pada tanggal: 21-06-2016

Jumlah pertemuan bimbingan: 6 Pertemuan

Disetujui oleh,

Dosen Pembimbing

( Rachmat Hidayat,M.kom)

vi

KATA PENGANTAR

Alhamdulillah, Dengan mengucapkan puji syukur kehadirat Allah SWT,

yang telah melimpahkan rahmat dan karunia-Nya, sehingga pada akhirnya penulis

dapat menyelesaikan tugas ini dengan baik. Dimana tugas akhir ini penulis sajikan

dalam bentuk buku yang sederhana. Adapun judul tugas akhir, yang penulis

ambil sebagai berikut, “Perancangan Sistem Informasi Penjualan Arloji

Berbasis Web”.

Tujuan penulisan tugas akhir ini dibuat sebagai salah satu syarat

kelulusan program Diploma Tiga (D.III) Akademi Manajemen Informatika dan

Komputer Bina Sarana Informatika. Sebagai bahan penulisan diambil berdasarkan

hasil penelitian (eksperimen), observasi dan beberapa sumber literatur yang

mendukung penulisan ini. Penulis menyadari bahwa tanpa bimbingan dan

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

Oleh karena itu pada kesempatan ini, izinkanlah penulis menyampaikan ucapan

terima kasih kepada:

1. Direktur Akademi Manajemen Informatika dan Komputer Bina Sarana

Informatika.

2. Ketua Program Studi Manajemen Informatika AMIK BSI.

3. Bapak Rachmat Hidayat, M.Kom selaku Dosen Pembimbing Tugas Akhir.

4. Staff / karyawan / dosen dilingkungan Akademi BSI.

5. Orang tua tercinta yang telah memberikan dukungan moral maupun spiritual.

6. Rekan-rekan mahasiswa kelas MI-6G.

vii

Serta semua pihak yang terlalu banyak untuk disebut satu

persatu sehingga terwujudnya penulisan ini. Penulis menyadari bahwa

penulisan tugas akhir ini masih jauh sekali dari sempurna, untuk itu penulis

mohon kritik dan saran yang bersifat membangun demi kesempurnaan penulisan

dimasa yang akan datang.

Akhir kata semoga tugas akhir ini dapat berguna bagi penulis khususnya

dan bagi para pembaca yang berminat pada umumnya.

Tanngerang, 22 Juni 2016

Penulis

Asep Budi Cahyono

viii

ABSTRAK

Asep Budi Cahyono (12134081), Perancangan Sistem Informasi Penjualan

Arloji Berbasis Web

Perkembangan teknologi yang begitu pesat telah memajukan banyak aspek

kehidupan.Salah satunya adalah internet.Internet berjasa besar dalam kemajuan

teknologi informasi pada jaman moderrn ini.Dewasa ini mulai banyak aplikasi-

aplikasi berbasis web blog, web sosial, web news.portal hingga web e-

commerce.Pemanfaatan jaringan internet dalam menjual produk secara online

mampu meningkatkan jumlah penjualan dan mempermudah pembeli untuk

membeli barang.Dengan membuat toko online, pangsa pasar yang bisa dicapai

menjadi lebih luas.Siapapun,dimanapun,dan kapanpun toko online bisa diakses

dimana saja dan kapan saja.Peluang bisnis di internet pun menjadi sangat

besar,terutama dalam hal promosi untuk barang dan jasa.penulis mengangkat tema

web e-commerce(web tentang penjualan) karena keuntungan yang dapat lebih

dirasakan yaitu promosi barang menjadi lebih efektif.Web e-commerce yang akan

di buat adalah web mengenai penjualan arloji.Website yang berfungsi menjadi

toko online disebut juga web e-commerce. Dalam tugas akhir ini,penulis

menggunakan adobe Dreamweaver untuk pembuatan website e-commerce,dengan

bahasa pemrograman PHP dan MySql sebagai databasenya.diharapkan dengan

adanya website toko online ini, memberikan keuntungan dalam memasarkan

produk yang dijual.Selain itu juga masyarakat memperoleh keuntungan yaitu

berbelanja tanpa terkendala jarak dan waktu.

Kata Kunci : Perancangan Sistem,Penjualan Arloji

ix

ABSTRACT

Asep Budi Cahyono (12134081), Design Information System Of Watches

Selling In Web Based.

The defelopment of tecnology has advanced so rapidly on many aspects of

life.One of them is theinternet. Internet made a large cotribution in the

advancement of information tecnology in modern times.Today started many web-

based applications created with the goal of diverse,ranging from web blogs,social

web,news web, web portals to e-commerce. Utilization of the internet to sell

products online can increase the number of sales and easier for buyers to buy

items. With online stores,market share can be achieved more widely.

Anyone,anywhere,and anytime online store can be accessed over the network is

still connected to the internet.The usage of the internetthe persent time more

easily,even the internet can be accesed anywhere and anytime. Business

opportunities on the internet becomes very large, especially in terms of promotion

for goods and services. On this paper Author give a theme e-commerce website

because the benefits can be felt to promoting of goods become more effective. E-

commerce website that will be created is about the sale of watch.Websites that

serve as online stores are also called e-commerce. In this thesis. I use Adobe

Dreamweaver for the creation of an E-Commerce with PHP and MySql as the

database.Hopefully with this online store website,provide more benefits to the

owner of the store to promoting and expand the market products.In

addition,people gain the advantage of being able to shop without the constraints

of distance and time.

Key words: Design Sytem,Selling Watches

x

DAFTAR ISI

Halaman

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

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

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

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

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

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

Abstrak ....................................................................................................................... viii

Daftar Isi ..................................................................................................................... x

Daftar Simbol ............................................................................................................. xii

Daftar Gambar ............................................................................................................ xiii

Daftar Tabel ............................................................................................................... xv

BAB I PENDAHULUAN ... . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1

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

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

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

1.4. Ruang Lingkup ................................................................................. 4

1.5. Sistematika Penulisan ....................................................................... 4

BAB II LANDASAN TEORI ............................................................ 6

2.1. Konsep Dasar Web.............................................................. 6

2.2. Teori Pendukung .............................................................................. 16

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

3.1. Tinjauan Kasus ................................................................................. 24

3.2. Analisa Kebutuhan ........................................................................... 24

3.3. Perancangan Perangkat Lunak ......................................................... 25

3.3.1. Rancangan Antar Muka.......................................................... 25

3.3.2. Rancangan Basis Data ............................................................ 36

3.3.3. Rancangan Struktur Navigasi ................................................. 47

xi

3.4. Implementasi dan Pengujian Unit .................................................... 48

3.4.1. Implementasi .......................................................................... 48

3.4.2. Pengujian Unit ........................................................................ 59

BAB IV PENUTUP .............................................................................................. 65

4.1. Kesimpulan...................................................................................... 65

4.2. Saran ............................................................................................... 65

DAFTAR PUSTAKA ............................................................................................... 66

DAFTAR RIWAYAT HIDUP................................................................................. 68

xii

DAFTAR SIMBOL

A.Simbol Entity Relationship Diagram

ENTITAS

Entitas adalah suatu objek yang dapat

diidentifikasikan dalam lingkungan

pemakai.

RELASI

Relasi menunjukkan adanya hubungan

diantara sejumlah entitas yang berbeda

ATRIBUT

Atribut berfungsi mendeskripsikan karakter

entitas (Atribut yang berfungsi sebagai key

diberi garis bawah).

GARIS

Garis sebagai penghubung antara relasi

dengan entitas, relasi dan entitas dengan

atribut.

xiii

DAFTAR GAMBAR

Halaman

1. Gambar II.1 Tampilan Awal Adobe Dreamweaver CS5 ........................ 10

2. Gambar II.2The Waterfull Model ............................................................ 16

3. Gambar II.3 Struktur Navigasi Linear .................................................... 17

4. Gambar II.4 Struktur Navigasi Hirarki ................................................... 17

5. Gambar II.5 Struktur Navigasi Non linier .............................................. 18

6. Gambar II.6 Struktur Navigasi Compsite ................................................ 19

7. Gambar II.7 Kardinalitas Relasi Satu ke Satu ......................................... 20

8. Gambar II.8 Kardinalitas Relasi Satu ke Banyak ................................... 21

9. Gambar II.9 Kardinalitas Relasi Banyak ke Satu ................................... 22

10. Gambar II.10 Kardinalitas Relasi Banyak ke Banyak ............................ 22

11. Gambar III.1 Rancangan Antarmuka Login Admin ............................... 25

12. Gambar III.2 Rancangan Antarmuka Home Admin ............................... 26

13. Gambar III.3 Rancangan Antarmuka Data Barang ................................. 27

14. Gambar III.4 Rancangan Antarmuka Data Merek .................................. 27

15. Gambar III.5 Rancangan Antarmuka Data Pemesanan........................... 28

16. Gambar III.6 Rancangan Antarmuka Data Pelanggan ............................ 28

17. Gambar III.7 Rancangan Antarmuka Konfirmasi Baru .......................... 29

18. Gambar III.8 Rancangan Antarmuka Pesanan Baru ............................... 29

19. Gambar III.9 Rancangan Antarmuka Status Order ................................. 30

20. Gambar III.10 Rancangan Antarmuka Halaman Beranda ...................... 30

21. Gambar III.11 Rancangan Antarmuka Login Pelanggan ........................ 31

22. Gambar III.12 Rancangan Antarmuka Halaman Produk ........................ 32

23. Gambar III.13 Rancangan Antarmuka Cara Belanja .............................. 33

24. Gambar III.14 Rancangan Antarmuka Kontak Kami ............................. 34

25. Gambar III.15 Rancangan Antarmuka Keranjang Belanja ..................... 35

26. Gambar III.16 Rancangan Antarmuka Konfirmasi ................................. 36

27. Gambar III.17 Entity Relationship Diagram ........................................... 39

27. Gambar III.18 Logical Relational Structure ........................................... 40

28. Gambar III.19 Struktur Navigasi Halaman Administrator ...................... 41

29. Gambar III.20 Struktur Navigasi Website Pelanggan. ............................ 42

30. Gambar III.21 Halamam Login Admin ................................................... 55

31. Gambar III.22 Halaman Utama Admin ................................................... 56

32. Gambar III.23 Halaman Data Barang ..................................................... 57

33. Gambar III.24 Halaman Data Merek ...................................................... 58

27. Gambar III.25 Halaman Data Pesanan .................................................... 59

34. Gambar III.26 Halaman Data Pelanggan ................................................ 59

35. Gambar III.27 Halaman Konfirmasi Baru .............................................. 60

36. Gambar III.28 Halaman Pesanan Baru ................................................... 60

37. Gambar III.29 Halaman Status Baru ....................................................... 61

38. Gambar III.30 Halaman Daftar Pelanggan.............................................. 61

39. Gambar III.31 Halaman Utama Website ................................................. 62

40. Gambar III.32 Halaman Cara Belanja ..................................................... 62

41. Gambar III.33 Halaman Kontak Kami .................................................... 63

42. Gambar III.34 Halaman Keranjang Belanja............................................ 64

43. Gambar III.35 Halaman Konfirmasi Pembayaran .................................. 65

xiv

DAFTAR TABEL

Halaman

1. Tabel III.1 Spesifikasi Tabel Admin ........................................................ 43

2. Tabel III.2 Spesifikasi Tabel Barang ....................................................... 44

3. Tabel III.3 Spesifikasi Tabel Kategori ..................................................... 45

4. Tabel III.4 Spesifikasi Tabel Tmp_keranjang .......................................... 46

5. Tabel III.5 Spesifikasi Tabel Testimonial ............................................... 47

6. Tabel III.6 Spesifikasi Tabel Pemesanan ................................................. 48

7. Tabel III.7 Spesifikasi Tabel Pemesanan_item ........................................ 49

8. Tabel III.8 Spesifikasi Tabel Visitor ........................................................ 50

9. Tabel III.9 Spesifikasi Tabel Kota ........................................................... 51

10. Tabel III.10 Spesifikasi Tabel Pelanggan .............................................. 52

11. Tabel III.11 Spesifikasi Tabel Konfirmasi ............................................. 53

12. Tabel III.12 Tabel Blackbox Testing Login Admin ............................. 70

13. Tabel III.13 Tabel Blackbox Testing Admin Menu Kategori ............... 72

14. Tabel III.14 Tabel Blackbox Testing Admin Menu Produk ................. 73

15. Tabel III.15 Tabel Blackbox Testing Admin Menu Ongkos Kirim ...... 75

16. Tabel III.16 Tabel Blackbox Testing Admin Menu Laporan ............... 76

17. Tabel III.17 Tabel Blackbox Testing Halaman Login Member ............ 77

18. Tabel III.18 Tabel Blackbox Testing Halaman Daftar Member ........... 78

19. Tabel III.19 Tabel Blackbox Testing Halaman Keranjang Belanja ...... 79

20. Tabel III.20 Tabel Blackbox Testing Halaman Konfirmasi Transfer ... 80

1

BAB I

PENDAHULUAN

1.1. Latar Belakang

Berkembangnya usaha-usaha perdagangan yang sangat pesat pada saat ini

menjadikan informasi sebagai hal yang sangat penting peranannya dalam

menunjang jalannya operasi-operasi demi tercapainya tujuan yang diinginkan oleh

pengusaha.

Taknologi internet sudah terbukti merupakan salah satu media informasi yang

efektif dan efisien dalam penyebaran informasi yang dapat diakses oleh siapa saja,

kapan saja dan dimana saja. Teknologi internet mempunyai efek yang sangat

besar pada perdagangan atau bisnis. Hanya dari rumah atau ruangan kecil, calon

pembeli dapat melihat produk-produk pada layar komputer atau gadget,

mengakses informasinya, memesan dan membayar dengan pilihan yang tersedia.

Calon pembeli dapat menghemat waktu dan biaya karena tidak perlu datang

ketoko atau tempat transaksi sehingga dari tempat duduk mereka dapat

mengambil keputusan dengan cepat. Tansaksi secara online dapat

menghubungkan antara penjual dan calon pembeli secara langsung tanpa dibatasi

oleh suatu ruang dan waktu.

Dalam pembuatan laporan ini penulis mengambil inisiatif untuk membuat

sistem informasi penjualan arloji berbasis web yang baik. Sehingga dapat

bersaing dengan toko online lainnya.

2

Pada saat ini banyak bermunculan situs penjualan arloji secara online.

Baik toko arloji online yang memang dari awal dibentuk sebagai sebuah toko

arloji online.

Setiap toko arloji online yang ada pada saat ini memiliki kelebihan dan

kekurangan. Oleh karena itu diperlukan sebuah apkilasi toko arloji online yang

setidaknya memiliki perbedaan atau keunggulan masing-masing setiap toko arloji

dengan toko arloji lainnya. Dengan penyusunan tugas akhir ini, akan dilakukan

perancangan terhadap sistem yang akan dibuat agar sesuai dengan pembuatan

perancangannya. Dengan aplikasi ini, pengusaha atau penjual dapat mengelola

kegiatan administrasi penjualan, menawarkan dan menjual arloji secara online

kepada pelanggan sedangkan pelanggan dapat memesan dan membeli arloji serta

dapat memperoleh informasi produk arloji yang terbaru secara online melalui

media internet.

Berdasarkan uraian diatas penulis tertarik mengambil judul Tugas Akhir

dengan judul “PERANCANGAN SISTEM INFORMASI PENJUALAN

ARLOJI BERBASIS WEB”.

1.2. Maksud dan Tujuan

Adapun maksud dalam penulisan Tugas Akhir ini, yaitu:

1. Membangun website e-commerce pada penjualan arloji.

2. Dengan pengeluaran dana yang minim penjual dapat dengan cepat

menemukan lebih banyak pelanggan.

3. Untuk mengaplikasikan ilmu pengetahuan yang telah penulis dapatkan

dari bangku perkuliahan

3

Sedangkan tujuan dari penulisan Tugas Akhir ini sebagai syarat untuk

memperoleh kelulusan program Diploma III(D.III) Jurusan Manajemen

Informatika pada Akademik Manajemen dan Komputer Bina Sarana

Informatika(AMIK BSI).

1.3. Metode Penelitian

Metode yang digunakan untuk membangun sistem aplikasi pengolah log

web server ini yaitu “Linear Sequential Model”. Model ini sering disebut dengan

“classic life cycle” atau model waterfall yang dikembangkan oleh Roger S.

Pressman, adapun model proses waterfall adalah sebagai berikut :

1. Analysis

Merupakan tahap menganalisa hal-hal yang diperlukan dalam pelaksanaan

pembanguna sistem aplikasi pengolah log web server.

2. Design

Tahap penerjemahan dari data yang dianalisis kedalam bentuk yang

mudah dimengerti dan diinginkan oleh user.

3. Coding

Tahap pemecahan masalah yang telah dirancang kedalam bahasa

pemograman tertentu, dalam penelitian ini menggukan PHP.

4. Testing

Merupakan tahap pengujian terhadap perangkat lunak yang dibangun.

4

1.4. Ruang Lingkup

Dalam Penulisan Tugas Akhir ini penulis membahas tentang perancangan

program penjualan arloji berbasis web, penulis akan menyajikan :

1. Web admin: Halaman home, login admin, tambah produk, verifikasi

pembayaran, laporan dan logout admin.

2. Web user: Halaman beranda, login user, produk, tentang kami, kontak

kami, keranjang belanja, daftar member baru, konfirmasi pembayaran,

logout user.

1.5. Sistematika Penulisan

Sistematikan yang akan digunakan pada penulisan Tugas Akhir ini adalah:

BAB I PENDAHULUAN

Bab ini berisi tentang deskripsi umum isi Tugas Akhir yang meliputi latar

belakang masalah, Maksud dan Tujuan, Metode Penelitian, , Ruang

Lingkup dan Sistematika Penulisan yang merupakan gambaran dari

keseluruhan bab.

BAB II LANDASAN TEORI

Bab ini membahas mengenai landasan teori yang dibahas dalam ruang

lingkup yang meliputi pengertian website, internet, bahasa pemograman

seperti HTML(Hyper Text Markup Language), PHP(Perl Hypertext

Preprocessor), java scipt, CSS(Cascading Style Sheet),pengertian basis

data, Dreamwheaver, Mysql, Xampp, model pengembangan perangkat

lunak, struktur navigasi, Enterprise Relationship Diagram(ERD),

5

Logical Record Structure(LRS) dan metode pengujian yang digunakan

dalam penulisan Tugas Akhir.

BAB III PEMBAHASAN

Bab ini membahas mengenai tentang analisis kebutuhan, perancangan

perangkat lunak, implementasi dan pengujian unit, diantaranya yang

mencakup penjelasan antar muka, basis data, rancangan struktur navigasi,

spesifikasi file, Enterprise Relationship Diagram(ERD), Logical Record

Structure(LRS).

BAB IV PENUTUP

Bab ini berisi kesimpulan dari sistem yang dibangun dan mengajukan

saran sebagai pengembangan sistem selanjutnya untuk lebih

menyempurnakan

sistem dimasa yang akan datang.

6

BAB II

LANDASAN TEORI

2.1 Konsep Dasar Web

Menurut Sutanto penjualan merupakan “kegiatan yang dilakukan oleh

manusia untuk menyampaikannya barang kebutuhan yang dihasilkannya kepada

mereka yang membutuhkan dengan imbalan uang menurut harga yang telah

disepakati.”

Menurut Mulyadi (2008:202) penjualan merupakan “kegiatan yang dilakukan oleh

penjual dalam menjual barang atau jasa dengan harapan akan memperoleh laba

dari transaksi-transaksi tersebut dan penjual dapat diartikan sebagai pengalih hak

kepemilikan atas barag atau jasa dari pihak penjual ke pembeli.”

Berdasarkam kedua pengertian diatas dapat diartikan bahwa penjualan adalah

usaha kegiatan menyampaikan barang kebutuhan yang dihasilkan produsen ke

konsumen dengan harga yang telah disepakati yang bertujuan mengarahkan

pembeli untuk membeli produk.

A. Website

Menurut Arif (2011:8) Pengertian Website adalah “kumpulan dari

halaman web yang sudah dipublikasikan di jaringan internet dan memiliki

domain/URL(Uniform Resource Locator) yang dapat diakses semua pengguna

internet dengan cara mengetikan alamatnya”.Hal ini dimungkinkan dengan adanya

teknologi World Wibe Web(WWW) fasilitas hypertext guna menapilkan data

7

berupa teks, gambar, animasi, suara dan multimedia lainnya data tersebut dapat

saling pada web server untuk dapat diakses melalui jaringan internet. Agar data

pada web dapat dibaca kita harus menggunakan web server terlebih dahulu seperti

Mozila Firefox, Internet Explorer, Opera Mini, atau yang lainnya.

Situs website dikategorikan menjadi dua yaitu website statis dan website

dinamis, website statis adalah website yang berisi atau menampilkan informasi-

informasi yang sifatnya tetap(statis), sedangkan website dinamis adalah website

yang menampilkan informasi serta dapat berinteraksi dengan user.

1. Internet

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

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

bertanggung jawab untuk menjalankan internet”. Internet awalnya digunakan

untuk keperluan militer hingga akhirnya menjadi massal untuk keperluan sipil dan

hiburan..

Kehadiran internet tidak bisa dilepaskan dari kisah perang dingin antara

Uni Soviet dengan Amerika Serikat yang inin menguasai dunia. Alkisah Uni

Soviet telah berhasil meluncurkan Sputnik keluar angkasa. Peluncuran Sputnik

ditunjukan untuk menggambarkan pada dunia bahwa Uni Soviet memiliki

teknologi yang sangat canggih. Amerika yang dimasa perang dingin merupakan

musuh bebuyutan Uni Soviet pu tidak tinggal diam melihat pertunjukan teknologi

tinggi milik Uni Soviet tersebut.

Projek yang ditangani oleh Information Processing Technology Office ini

bertujuan membuat sistem yang mampu mempermudah komunikasi antara

8

manusia menggunakan prinsip jaringan universal networking. Setelah bekerja

cukup lama, proyek ini akhirnya berhasil membuat jaringan yang simpul

pertamanya terletak UCLA. Simpul pertama aktif pada tanggal 29 Oktober 1969.

2. World Wibe Web

Salah satu layanan aplikasi di internet , yaitu WWW (World Wibe Web).

Salah satu layanan aplikasi yang paling popular digunakan pemakai jaringan

internet. WWW atau yang biasa disebut dengan web bekerja menggunakan

teknologi yang disebut hypertext akan menggabungkan beberapa jenis

representasi dan metode pengaksesan informasi dan menyajikan dalam beragam

bentuk informasi seperti teks, grafik, suara, video, dan lain sebagainya.

3. Web Browser

Untuk dapat mengakses layanan WWW, diperlukan program aplikasi yang

diebut browser dan sebuah sistem harus berada dilingkup jaringan TCP/IP

(Transfer Control Protocol/Internet Protocol). Internasional (internet) browser

bertugas membuka sebuah dokumen setelah sebuah subkalimat hypertext tentu

dipilih user hanya perlu mengklik, maka informasi lainnya yang berhubungan

dengan kalimat kan tampil.

9

B. Bahasa Pemograman

1. HTML(Hypetext Text Markup Language)

Dokumen HTML sendiri terbentuk dari beberapa tag yaitu <html>,

<head>, dan <body>, tag tersebut dilengkapi dengan tag pasangannya </html>,

</head>, </body>, tag penutup diawali dengan garis miring (/). Tag pertama

menunjukan elemen akhir dari tag.

Jika ingin memberikan judul pada halaman web, maka judul tersebut

diketik kedalam tag <title> dan diakhiri dengan </title>. Tag menurut Arief

(2011:23) adalah “kode yang digunakan untuk me-mark-up teks ASCII menjadi

file HTML”.

Elemen menurut Arief (2011:24) merupakan “komponen-komponen dasar berupa

teks murni, atau bukan teks, atau keduanya. Elemen atau komonen tersebut missal

head, body paragraph, list dll”. Element head dapat digunakan sebagai tempat

penulisan judul dokumen, informasi mengenai dokumen dan definisi alamat,

sedangkan Elemen body digunakan sebagai tempat untuk menampilkan dokumen.

2. PHP(Perl Hypertext Preprocessor)

Menurut Arief (2011:43) “PHP(Perl Hypertext Preprocessor)” adalah

bahasa server-side-scripting yag menyatu dengan HTML untuk membuat halaman

web yang dinamis”. Dengan menggunakan program PHP, sebuah website akan

lebih interaktif dan dinamis.

Adapun kelebihan-kelebihan dari PHP yaitu:

10

a. PHP merupakan sebuah bahasa script yang tidak melakukan sebuah

kompilasi dalam penggunaannya. Tidak seperti halnya bahasa

pemograman aplikasi yang lainnya

b. PHP dapat berjalan pada web server yang dirilis oleh Microsoft, seperti IIS

atau PWS juga pada apache yang bersifat open source.

c. Karena sifatnya open source, maka perubahan dan perkembangan

interpreter pada PHP lebih cepat dan mudah, karena banyak milis-milis

dan developer yang siap membantu pengembangannya.

d. Jika dilihat dari segi pemahaman, PHP memiliki referensi yang begitu

banyak sehingga sangat mudah untuk dipahami.

e. PHP dapat berjalan pada 3 operating sistem, yaitu Linux, Unux, dan

Windows, dan juga dapat dijalankan secara runtime pada suatu console.

f. PHP bersifat bebas dipaka(free).

3. CSS (casanding style sheet)

Menurut prasetio (2012:260) “casanding style sheet (css) adlah suatu

teknologi yang digunakan untukl memperindah halaman website (situs)”. Css

mempunyai dua bagian utama yaitu selector dan deklarasi. Yang dimaksud

selector biasanya element HTML yang ingin diubah, sedangkan deklarasi

biasanya terdiri dari property dan nilai. Property sendiri adalah atribut style yang

di ingin diubah dan setiap property memilih nilai.

11

4. Javascript

Menurut suyoto (2007:17) “ javascript adalah bahasa scripting yang

popular di internet dan dapat bekerja disebagian besar brouser popular seperti

internet explorer, mozila firepox, netscape dan opera”. Kode javascript dapat

disisipkan dalam halaman web menggunakan tag script beberapa hal tentang java

script sebagai berikut:

a) java script didisain untuk menambah interaktif suatu web

b) java script merupakan sebuah bahasa scripting.

c) baha scripting merupakan bahasa pemograman yang riingan

d) java script berisi baris kode yang dijalankan di computer (web broser).

e) java script biasanya disisipkan (embedded) dalam halaman HTML

f) java script adalah bahasa interpreter (yang berarti scrip dieksekusi tanpa

proses kompilasi).

5. Jquery

Menurut sigit (2011:1) “jquery adalah library atau kumpulan kode

javascript siap pakai”, keunggulan menggunakan jquery dibandingkan dengan

javascript dengan cara menginstal fungsi-fungsi yang disediakan oleh jquery.

Jquery pertama kali dirilis tahun 2006 oleh john resig. Jquery menjadi sangat

popular hingga telah digunakan pada banyak website termasuk website kelas

dunia seperti google, amazon, twitter, ESPN dan lain-lain.

Ada banyak sebab jquery menjadi popular, diantaranya:

a) jquery kompitable dengan banyak broser.

b) jquery mendukung semua versi css

12

c) ukuran jquery sangat kecil, sekitar 20kb.

d) dokumentasi jquery yang lengkap

e) tersedianya plugin jquery yang sangat beragam

Sebab terakhir diatas merupakan salah satu alasan utama mengapa banyak

pengembangan website menggunakan jquery. Dengan tersedianya plugin jquery

ini, semakin memudahkan pengembangan website menggunakan jquery untuk

berbagai keperluan.

6. Adobe Dreamweaver CS5

Menurut Sadeli (2011:2) “pada dreamweaver CS5 terdapat beberapa fitur

baru yang dapat digunakan segera mulai dari seputar CS5. Penggunaan fitur

canggih ajax dan jquery menggunakan brouser widget, serta pengujian tampilan

web menggunakan web adobebroserlab”. Sealain mudah digunakan dalam

membuat dan mendisign web dreamweaver juga menambah flexibelitas dengan

bahasa pemograman web lainnya dan dapat berintegrasi pada beberapa perangkat

lunak lainnya.

Sumber: Sadeli (2011:2)

Gambar II.1

Adobe Dreamweaver CS5

http://widuri.raharja.info/index.php?title=Berkas:Adobe-cs5-dreamweaver.jpg

13

7. adobe photoshop CS5

Menurut enterprise (2010:27) “adobe photoshop CS5 adalah program

pengolahan gambar yang dikenal smart program yang memungkinkan

penggunanya untuk melakukan modifikasi dengan pengeditan foto digital”,

photoshop CS5 hadir

dengan beragam menu dan tool untuk mempermudah proses medifikasi dan

pengeditan.

C. Basis Data

Menurut Fatansyah (2012:2) Database ialah “Kumpulan file/arsip/table

yang saling berhubungan yang disimpan dalam media penyimpanan elektronis,

yang dikenal dengan istilah Tabel(table).

Saat ini tersedia banyak perangkat lunak yang ditujukan untuk mengelola

database. Perangkat lunak seperti ini bisa dinamakan DBMS(Database

Management System). Acces, MS SQL, Server, dan MySQL merupakan segelintir

contoh pengelola database. Beberapa diantaranya berkelas database server, yaitu

jenis yang secara aktif memantau permintaan akses terhadap data, database server

akan segera menanggapi permintaan data. Adapun yang bukan termasuk database

server adalah acces. Berikut ini adalah istilah yang sering digunakan dalam

Database Management System(DBMS) yaitu:

1. Entity merupakan objek yang meliputi orang, tempat, kejadian, atau konsep

insormasinya direkam.

14

2. Atribut yang mana setiap entity memiliki sebutan untuk mewakili suatu

entity.

3. File yaitu kumpulan record-record sejenis yang memiliki elemen yang sama

namun berbeda nilai datanya.

4. Record adalah kumpulan-kumpulan elemen yang saling berkaitan

menginformasikan tentang entity secara lengkap.

MySQL ( My Structure Query Language )

Menurut Arief (2011:151) MySQL (My Structure Query Languange)

adalah “salah satu jenis database server yang sangat terkenal dan banyak

digunakan untuk membangun aplikasi web yang menggunakan database sebagai

sumber dan pengelolaan datanya”. Mysql bersifat open source dan menggunakan

SQL (Structured Query Languange). MySQL biasa dijalankan diberbagai

platform misalnya windows Linux, dan lain sebagainya.

MySQL merupakan DBMS yang multithread, multi user yang bersifat

gratis di bawah lisensi GNU General Public Licence (GPL). Tidak seperti Apache

yang merupakan software yang dikembangkan oleh komunitas umum, dan hak

cipta untuk kode sumber dimiliki oleh penulisnya masing-masing. Seperti yang

telah disebutkan sebelumnya, MySQL bersifat gratis atau open source sehingga

kita bisa menggunakannya secara gratis.

Adapun kelebihan-kelebihan dari MySQL yaitu:

a. Source MySQL dapat diperoleh dengan mudah dan gratis.

b. Sintaksnya lebih mudah dipahami dan tidak rumit.

c. Pengaksesan database dapat dilakukan dengan mudah.

15

d. MySQL merupakan program yang multithreaded, sehingga dapat dipasang

pada server yang memiliki multi CPU.

e. Didukung program program umum seperti C, C++, Java, Perl, PHP,

Python, dsb.

f. Bekerja pada berbagai platform. (tersedia berbagai versi untuk berbagai

sistem operasi).

g. Memiliki jenis kolom yang cukup banyak sehingga memudahkan

konfigurasi sistem database.

h. Memiliki sistem sekuriti yang cukup baik dengan verifikasi host.

i. Mendukung ODBC untuk sistem operasi Windows.

j. Mendukung record yang memiliki kolom dengan panjang tetap atau

panjang bervariasi.

D. Model Pengembangan Perangkat Lunak

Teori model Water fall menurut Shalahuddin (2011:26) model SDLC air

terjun (waterfall) sering juga disebut model sekuensial linier (sequential linier)

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

pendekatan alur hidup perangkat lunak secara sekuensial atau terurut dimulai dari

analisis, desain, pengkodean, pengujian dan tahap pendukung (support). Berikut

adalah gambar model air terjun:

16

Sumber: Shalahuddin (2011:26)

Gambar II.2

The Waterfall Mode

2.2. Teori Pendukung

Teori pendukung dibangun untuk memberikan penjelasan tentang

bagaimana fungsi dari suatu sistem informasi dapat bekerja dengan suatu logika

yang digambarkan dengan symbol-simbol. Beberapa peralatan yang penulis

gunakan dalam meracang tugas akhir.

A. Struktur Navigasi

1. Menurut Suyanto (2008:62) “Struktur navigasi dalam situs web

melibatkan sistem navigasi situs web secara keseluruhan dan desain interface situs

web tersebut, navigasi memudahkan jalan yang mudah ketika menjelajahi situs

web”. Struktur navigasi juga dapat diartikan sebagai struktur alur dari suatu

program yang merupakan rancangan hubungan dan rantai kerja dari beberapa area

yang berbeda dan dapat membantu mengorganisasikan seluruh elemen pembuatan

website. Ada empat macam bentuk dasar yaitu :Struktur Navigasi Linier

17

Struktur navigasi linier merupakan struktur yang mempunyai satu rangkaian

cerita berurutan. Struktur ini menampilkan satu demi satu tampilan layer secara

berurutan menurut aturannya.

Sumber : Binanto, (2010:269)

Gambar II.3

Struktur Navigasi Linier

2. Struktur Navigasi Hirarki

Struktur navigasi hirarki sering disebut struktur navigasi bercabang, yaitu

merupkan 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 pendukung) dan jika dipilih akan

menjadi halaman kedua, begitu seterusnya.

Sumber : Binanto (2010:270)

Gambar II.4

Struktur Navigasi Hirarki

18

3. Struktur Navigasi Tidak Berurutan (Non Linier)

Struktur navigasi non-linier merupakan pengembangan dari struktur navigasi

linier. Pada struktur ini diperkenankan membuat navigasi bercabang. Percabangan

yang dibuat pada struktur non-linier ini berbeda dengan percabangan pada struktur

hirarki, karena pada percabangan non-linear ini walaupun terdapat percabangan

tetap tiap-tiap tampilan mempunyai kedudukan yang sama yaitu tidak ada Master

Page dan Slave Page, pengguna akan melakukan navigasi dengan bebas melalui

isi proyek dengan tidak terikat dengan jalur yang sudah ditentukan sebelumnya.


Gambar II.5

Struktur Navigasi Non Linier

4. Struktur Navigasi Campuran (Composite)

Struktur navigasi pengguna akan melakukan navigasi dengan bebas (secara

non-linier), tetapi terkadang dibatasi presentasi linier film atau informasi penting

dan pada data yang paling terorganisasi secara logis pada suatu hirarki.

19


Gambar II.6

Struktur Navigasi Composite

B. ERD (Entity Relationship Diagram)

Menurut Fathansyah (2012:81) Entity Relationship Diagram adalah

diagram yang berisi himpunan entitas dan himpunan relasi yang masing-masing

dilengkapi dengan atribut-atribut yang mempresentasikan seluruh fakta dari dunia

nyata yang kita tinjau, dapat digambarkan dengan lebih sistematis dengan

menggunakan Diagram Entity-Relationship (Diagram-ER).

Komponen-komponen yang sering digunakan dalam pembuatan Diagram-ER

adalah:

1. Persegi Panjang, menyatakan himpunan Entitas.

2. Lingkaran/Elip, menyatakan Atribut (Atribut yang berfungsi sebagai key

digaris bawahi).

3. Belah Ketupat, menyatakan Himpunan Relasi.

20

4. Garis, sebagai penghubung antara Himpunan Relasi dengan Himpunan Entitas

dan Himpunan Entitas denganAtributnya.

5. Kardinalitas Relasi dapat dinyatakan dengan banyaknya garis cabang atau

dengan pemakaian angka (1 dan 1 untuk relasi satu-ke-satu, dan N untuk relasi

satu-ke-banyak atau N dan N untuk relasi banyak-ke-banyak).

A. Kardinalitas/Derajat Relasi

Menurut Fathansyah (2012:78-81) Kardinalitas Relasi menunjukkan jumlah

maksimum entitas yang dapat berelasi dengan entitas pada himpunan entitas yang

lain. Kardinalitas Relasi yang terjadi diantara dua himpunan entitas (misalnya A

dan B) dapat berupa:

1. Satu ke Satu (One to One)

Yang berarti setiap entitas pada himpunan entitas A berhubungan dengan

paling banyak dengan satu entitas pada himpunan entitas B, dan begitu juga

sebaliknya.

A B

Sumber: Fatansyah (21012:79)

Gambar II.7

Kardinalitas Relasi Satu ke Satu

Entitas 1

Entitas 2

Entitas 3

Entitas 4

Entitas 1

Entitas 4

Entitas 3

Entitas 2

21

a. Satu ke Banyak (One to Many)

Yang berarti setiap entitas pada himpunan entitas A dapat berhubungan

dengan banyak entitas pada himpunan entitas B, tetapi tidak sebaliknya, dimana

setiap entitas pada himpunan entitas B berhubungan dengan paling banyak dengan

satu entitas pada himpunan entitas A.

Sumber: Fathansyah (2012:80)

Gambar 11.8

Kardinalitas Relasi Satu ke Banyak

b. Banyak ke Satu (Many to One)

Yang berarti setiap entitas pada himpunan entitas A berhubungan dengan

paling banyak satu entitas pada himpunan entitas B, tetapi tidak sebaliknya,

dimana setiap entitas pada himpunan entitas A berhubungan dengan paling

banyak satu entitas pada himpunan entitas B.


Gambar II.9

Kardinalitas Relasi Banyak ke Satu

22

c. Banyak ke Banyak (Many to Many)

Yang berarti setiap entitas pada himpunan entitas A dapat berhubungan dengan

banyak entitas pada himpunan entitas B, dan demikian juga sebaliknya, dimana

setiap entitas pada himpunan entitas B dapat berhubungan dengan banyak entitas

pada himpunan entitas A.


Gambar II.10

Kardinalitas Relasi Banyak ke Banyak

C. LRS(Logical Relational Structure)

Menurut Janner (2007:115) “Logical record structure (LRS) adalah

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

relasi antar himpunan entitas”. Menentukan kardinalitas, jumlah tabel, dan

Foreign Key (FK).

Membentuk Logical record structure (LRS) berdasarkan Entity Relationship

Diagram (ERD):

1. Jika relasinya satu ke satu maka foreign key diletakkan pada salah satu dari dua

entitas yang ada atau menyatukan kedua entitas tersebut.

2. Jika relasinya satu kebanyak maka foreign key diletakkan pada entitas Many.

3. Jika relasinya banyak ke banyak maka file disebut “file connection” yang berisi

dua foreign key yang berasal dari kedua entitas.

23

D. Pengujian Web

Menurut Rosa dan Shalahuddin (2013:275) “Black-box testing yaitu

perangkat lunak dari segi spesifikasi fungsional tanpa menguji desain dan kode

program. Pengujian dimaksudkan untuk mengetahui apakah fungsi-fungsi

masukan dan keluaran dari perangkat lunak sesuai dengan spesifikasi yang

dibutuhkan. Kasus uji yang dibuat untuk melakukan pengujian kotak hitam harus

dibuat dengan kasus benar dan kasus salah, misalkan untuk kasus proses login

maka kasus uji coba yang dilakukan adalah:

a. Jika user memasukkan nama pemakai (username) dan kata sandi (password)

yang benar.

b. Jika user memasukkan nama pemakai (username) dan kata sandi (password)

yang salah,misalkan nama pemakai benar tapi kata sandi salah, atau sebaliknya

atau keduanya salah

24

24

BAB III

PEMBAHASAN

3.1. Tinjauan Kasus

Perkembangan zaman yang begitu maju dan begitu pesat akan selalu diikuti

dengan perkembangan teknologi yang maju juga, seperti perkembangan teknologi

informasi, sehingga sekarang ini manusia telah dimanjakan dengan teknologi

tersebut dalam melakukan segala kegiatan, seperti tersedianya pengolahan

informasi secara online yang dapat diakses setiap detik dengan informasi yang ter

up to date, sehingga menghemat waktu bagi manusia dalam memperoleh suatu

informasi.

Dengan menggunakan komputer, maka pengolahan data akan menjadi lebih

mudah dan cepat, agar dapat mengikuti kemajuan teknologi informasi khususnya

bidang komputer, maka setiap bidang usaha harus memiliki dan menggunakan

teknologi tersebut dalam mencapai tujuan dari suatu usaha tersebut.

3.2. Analisa Kebutuhan

Dalam menganalisa sebuah perancangan web banyak hal yang mesti diketahui

sebelumnya, agar web tersebut lebih mudah dimengerti oleh siapa saja yang

mengaksesnya. Selain itu perlu juga diketahui apa tujuan web dibuat. Dengan kata

lain harus bisa meninjau permasalahan yang ada sampai tidak ada.

Oleh karena itu penulis mencoba membuat website e-commerce atau toko

online yang lebih difokuskan pada penjualan arloji online. Website ini nantinya

25

akan memiliki dua antarmuka, antarmuka untuk pembeli dan antarmuka untuk

administrator. Dalam hal ini penulis uraikan tinjauan kasusnya. Tinjauan kasus

terbagi menjadi 2 yaitu:

1. Sisi Admin

a. Admin dapat menambah atau mengganti password, username admin.

b. Admin dapat menginput/menambah, menghapus, mengedit kategori dan

produk.

c. Admin dapat melihat dan menghapus data transaksi yang masuk.

2. Sisi User

a. User dapat melihat dan membeli produk yang ada di halaman website.

b. User dapat melihat barang yang telah dipesan, mengubah jumlah barang

yang dipesan dan melanjutkan pemesanan dalam keranjang belanja.

c. User dapat melihat cara belanja dan pembayaran yang ada di halaman

website

3.3. Perancangan Perangkat Lunak

3.3.1 Rancangan Antar Muka

Dalam Perancangan Antar Muka ini akan dijelaskan mengenai rancangan

input dan output, struktur menu yang dibuat dan kebutuhan sistem agar program

dapat dijalankan dengan baik.

26

1. Rancangan Antar Muka Login Admin

Rancangan tampilan pada saat akan membuka admin. Dengan memasukkan

username dan password yang benar maka admin akan masuk ke dalam ruang

kerja admin. Rancangan Tampilannya sebagai berikut:

Login Administrator

User ID

Password

Login

Gambar III.1.

Rancangan Antar Muka Login Admin

2. Rancangan Antar Muka Home Admin

Setelah berhasil login, Administrator akan masuk ke halaman home admin.

27

Home Data Master Konfirmasi Baru Pesanan Baru Status Order Admin Logout

Selamat Datang Diruang AdministratorSelamat Datang Diruang Administrator

Dashboard

Header

Gambar III.2.

Rancangan Antar Muka Home Admin

3. Rancangan Antar Muka Data Barang


Data Barang

Header

TambahTambahTambahTambah

No Kode Barang Nama Barang Merek Harga Barang Stok Gambar Keterangan Aksi

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

Gambar III.3.

Rancangan Antar Muka Data Barang

28

4. Rancangan Antar Muka Data Merk


Data Merk

HeaderHeader

TambahTambah

No Id_merk Merk Aksi

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

Tambah Merek

Gambar III.4.

Rancangan Antar Muka Data Merk

5. Rancangan Antar Muka Data Pemesanan


Data Pemesanan

HeaderHeader

No No Pemesanan Tgl Pemesanan Total Id Pelanggan Rek Pembayaran Atas Nama Ket Detail

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

Gambar III.5.

Rancangan Antar Muka Data Pemesanan

29

6. Rancangan Antar Data Pelanggan


Data Pelanggan

HeaderHeader

No Id Pelanggan Nama Pelanggan No Tlp Email Alamat Alamat Kirim Password Jumlah Transaksi

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

Gambar III.6.

Rancangan Antar Muka Data Pelanggan

7. Rancangan Antar Muka Konfirmasi Baru


Konfirmasi Baru

HeaderHeader

No Id Konfirmasi No Pemesanan Bukti Foto

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

Gambar III.7.

Rancangan Antar Muka Konfirmasi Baru

30

8. Rancangan Antar Muka Menu Pesanan Baru


Pesanan Baru

HeaderHeader

No No Pesanan Tgl Pemesanan Total Id Pelanggan Rek Pembayaran Atas Nama Detail

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

Gambar III.8.

Rancangan Antar Muka Menu Pesanan Baru

9. Rancangan Antar Muka Status Order


Status Order

HeaderHeader

No No Pesanan Keterangan Tgl Status Jam Aksi

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

XXX

No Pesanan

Keterangan

Perbarui

Gambar III.9.

Rancangan Antar Muka Status Order

31

10. Spesifikasi Tampil Rancangan Halaman Beranda

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

Di halaman inilah terdapat link menuju ke halaman lainnya. Rancangan Halaman

Beranda adalah seperti di bawah ini:

Home Kontak Kami Cara Belanja Keranjang BelanjaHome Kontak Kami Cara Belanja Keranjang Belanja

HeaderHeader

MerkMerk

PembayaranBank

PembayaranBank

Id UserId User

PasswordPassword

LoginLogin DaftarDaftar

Konfirmasi Pembayaran

No PesananNo Pesanan

GambarGambar

UploadUpload

ISI BARANGISI BARANG

Selamat Datang Di BUDY Watch Shop

Gambar III.10.

Rancangan Antar Muka Halaman Beranda

11. Rancangan Antar Muka Halaman Login Pelanggan

Untuk dapat melakukan pemesanan atau pembelian produk melalui web toko

aksesoris akuarium online. User terlebih dahulu harus terdaftar menjadi member

dari toko online aksesoris akuarium online. Apabila user telah terdaftar maka user

cukup melakukan login terlebih dahulu pada halaman login.

Id UserId User

PasswordPassword


Gambar III.11.

Rancangan Antar Muka Halaman Login Member

32

12. Rancangan Antar Muka Produk

Halaman ini menampilkan barang-barang yang dijual dalam website ini

sehingga customer dapat melihat gambar dari barang-barang yang di jual.


HeaderHeader

MerkMerk

PembayaranBank

PembayaranBank

Id UserId User

PasswordPassword




GambarGambar

UploadUpload

ISI BARANGISI BARANG


Gambar III.12.

Rancangan Antar Muka Halaman Produk

13. Rancangan Antar Muka Cara Belanja.

Halaman ini menjelaskan cara atau prosedur pembelian produk untuk

customer. Halaman ini sangat penting agar tidak terjadi kesalahan dalam

pembelian barang dan kesalahan antara admin dengan customer. Rancangan

halaman Cara Order sebagai berikut:

33


HeaderHeader

MerkMerk

PembayaranBank

PembayaranBank

Id UserId User

PasswordPassword




GambarGambar

UploadUpload

Isi PetunjukIsi Petunjuk


Gambar III.13.

Rancangan Antar Muka Halaman Cara Belanja

14. Halaman Kontak Kami

Kontak kami berfungsi sebagai masukan, saran, ide dan kritik yang bersifat

membangun dan pelanggan bisa menghubungi secara langsung. Diharapkan

dengan adanya halaman ini , lebih mendekatkan antara pelanggan dan toko.


HeaderHeader

MerkMerk

PembayaranBank

PembayaranBank

Id UserId User

PasswordPassword




GambarGambar

UploadUpload

Isi Isi

KONTAK KAMI

Gambar III.14.

Rancangan Antar Muka Halaman Kontak Kami

34

15. Rancangan Antar Muka Keranjang Belanja


HeaderHeader

MerkMerk

PembayaranBank

PembayaranBank

Id UserId User

PasswordPassword




GambarGambar

UploadUpload

No Nama Barang Harga Barang Jumlah Beli Subtotal AksiNo Nama Barang Harga Barang Jumlah Beli Subtotal Aksi

XXX XXXXXXX XXXXXXXXX XXXX XXXX XXXXXX XXXXXXX XXXXXXXXX XXXX XXXX XXX

Total BelanjaTotal Belanja xxxxxxxxxx

Bersihan BelanjaBersihan Belanja

Lanjut BelanjaLanjut Belanja Selesai BelanjaSelesai Belanja

Gambar III.15.

Rancangan Antar Muka Keranjang Belanja

35

16. Rancangan Antar Muka Konfirmasi

Halaman ini berisi konfirmasi pembayaran customer ketika customer sudah

memesan barang yang dibeli kemudian customer sudah membayarnya, agar admin

dapat mengetahui bahwa customer sudah membayar barang yang dipesan.


HeaderHeader

MerkMerk

PembayaranBank

PembayaranBank

Id UserId User

PasswordPassword




GambarGambar

UploadUpload

Konfirmasi Pengiriman dan Pembayaran

Nama

No.Telepon

Alamat

Alamat Kirim

Bank Yang digunakan

Atas Nama

:

:

:

:

:

:

Benar

xxxxx

xxxxx

xxxxx

Gambar III.16.

Rancangan Antar Muka Halaman Konfirmasi

36

3.3.2. Rancangan Basis Data

Perancangan basis data menghasilkan pemetaan tabel-tabel yang

digambarkan dengan Entity Relationship Diagram (ERD)

1. ERD (Entity Relationship Diagram)

PelangganPelanggan PesananPesananMelakukanMelakukan

Detail_pesanDetail_pesan

MempunyaiMempunyai

TerdiriTerdiri

BarangBarangMemilikiMemilikiMerkMerk

MemilikiMemiliki

KonfirmasiKonfirmasi

Nama_pelangganNama_pelanggan

emailemail

No_telpNo_telp

AlamatAlamat

Alamat_kirimAlamat_kirim

PasswordPasswordId_PelangganId_Pelanggan

Tgl_pesananTgl_pesanan

totaltotal

Id_pelangganId_pelanggan

KeteranganKeteranganNo_pesananNo_pesanan

SubtotalSubtotal

JumbelJumbel

No_pemesananNo_pemesanan

Kd_barangKd_barang

Kd_barangKd_barang

Nm_barangNm_barang

Id_merkId_merk

HargaHarga

stokstok

KeteranganKeterangan

File_gambarFile_gambarNm_merkNm_merk Id_merkId_merk

No_pesananNo_pesanan

Id_KonfirmasiId_Konfirmasi

FotoFoto

1 M

1

M

1

1

11

1

1

Gambar III.17.

Entity Relationship Diagram

37

2. LRS (Logical Relational Structure)

MerkMerk

Nm_merkId_merk

Nm_merkId_merk

Detail_pesananDetail_pesanan

No_pesananKd_barangJumbelsubtotal

No_pesananKd_barangJumbelsubtotal

PesananPesanan

No_pesananTgl_pesanantotalId_pelangganRek_pembayaranAtas_namaKet

No_pesananTgl_pesanantotalId_pelangganRek_pembayaranAtas_namaKet

PelangganPelanggan

id_pelangganNm_pelangganEmailNo_tlpalamatAlamat_kirimpassword

id_pelangganNm_pelangganEmailNo_tlpalamatAlamat_kirimpassword

BarangBarang

Kd_barangNm_barangId_merkHargaStokKeteranganFile_gambarjenkel

Kd_barangNm_barangId_merkHargaStokKeteranganFile_gambarjenkel

KonfirmasiKonfirmasi

Id_konfNo_pemesananfoto

Id_konfNo_pemesananfoto

1 M

M

M

11

1

1

1 1

Gambar III.18.

Logical Relational Structure

38

3. Spesifikasi File

Dalam aplikasi ini menggunakan satu buah file database dengan nama

ta_budy, dengan 9 tabel didalamnya, yaitu:

1. Nama File : admin

Akronim : admin. Frm.

Fungsi : Untuk menampilkan file admin

Tipe : File master

Organisasi file : IndexSequential

Akses file : Random

Media : Hard Disk

Panjang record : 68 karakter

Kunci field : id_admin

Software :Mysql

Tabel III.1.

Spesifikasi Tabel Admin

No Elemen data Nama Field Tipe Size Keterangan

1 Id_Admin Id varchar 8 Primary Key

2 Nama_admin Nama_admin varchar 30

3 Password password varchar 30

39

2. Spesifikasi File Barang

Nama File : Barang

Akronim : barang. Frm.

Fungsi : Untuk menampilkan file barang

Tipe : File master


Akses file : Random

Media : Hard Disk

Panjang record : 301karakter

Kunci field : kd_barang

Software : Mysql

Tabel III.2.

Spesifikasi Tabel Barang

No Elemen Data Nama Field Tipe Size keterangan

1 Kode barang kd_barang int 20 Primary key

2 Nama barang Nm_barang varchar 30

3 Id merek Id_merek varchar 30

4 Harga Harga int 8

5 Stok Stok int 3

6 Keterangan Ket varchar 100

7 gambar Gambar varchar 100

40

3. Spesifikasi File Detail_Pesanan

Nama File : detail_pesanan

Akronim : detail_pesanan. Frm.

Fungsi : Untuk menampilkan file detail_pesanan

Tipe : File master


Akses file : Random

Media : Hard Disk


Kunci field : kd_barang

Software : Mysql

Tabel III.3.

Spesifikasi Tabel Detail Pesanan

No Elemen Data Nama Field Tipe Size Keterangan

1 No pesanan No_pesanan varchar 10

2 Kode barang Kd_barang varchar 10 Primary key

3 Jumlah beli jumbel Int 3

4 Sub total subtotal int 7

41

4. Spesifikasi File Keranjang

Nama File :Keranjang

Akronim : keranjang. Frm.

Fungsi : Untuk menyimpan data daftar pesanan sementara

Tipe : File transaksi


Akses file : Random

Media : Hard Disk


Kunci field : id_pelanggan

Software : Mysql

Tabel III.4.

Spesifikasi Tabel Keranjang


1 Id pelanggan Id varchar 30

2 Kode barang Kd_barang varchar 30

3 Harga Harga int 5

4 Sub total Jumlah int 8

42

5. Spesifikasi File Konfirmasi

Nama File : konfirmasi

Akronim : konfirmasi. Frm.

Fungsi : Untuk menampilkan file konfimasi

Tipe : File master


Akses file : Random

Media : Hard Disk


Kunci field : id_konf

Software : Mysql

Tabel III.5.

Spesifikasi Tabel Konfirmasi


1 Id konfirmasi Id_konf int 5 Primary Key

2 No pesanan No_pesanan varchar 9

3 foto foto varchar 100

43

6. Spesifikasi File Merek

Nama File : Merek

Akronim : Merek. Frm.

Fungsi : Untuk menyimpan data Merek

Tipe : File Master


Akses file : Random

Media : Hard Disk


Kunci field : id_merek

Software : Mysql

Tabel III.6.

Spesifikasi Tabel Merek


1 Id merek Id_merek Int 3 Primary key

2 Nama merek Nm_merek varchar 50

44

7. Spesifikasi File Pelanggan

Nama File : Pelanggan

Akronim : Pelanggan. Frm.

Fungsi : Untuk menyimpan data pelanggan

Tipe : File master


Akses file : Random

Media : Hard Disk


Kunci field : id_pelanggan

Software : Mysql

Tabel III.7.

Spesifikasi Tabel Pelanggan


1 Id pelanggan Id_pelanggan varchar 10 Primary key

2 Nama

pelanggan

Nm_pelanggan varchar 30

3 Email Kd_barang varchar 30

4 No telepon Harga varchar 14

5 Alamat jumlah varchar 150

6 Alamat kirim Alamat_kirim varchar 150

7 Password Password varchar 50

45

8. Spesifikasi File Pesanan

Nama File : File Pesanan

Akronim :Pesanan. Frm.

Fungsi : Untuk menampilkan file pesanan

Tipe : File master


Akses file : Random

Media : Hard Disk

Panjang record :92 karakter

Kunci field : no_pesanan

Software : Mysql

Tabel III.8.

Spesifikasi Tabel Pesanan

No Elemen Data Nama Field tipe Lebar Keterangan

1 No pesanan No_pesanan varchar 10 Primary key

2 Tanggal

pesanan

Tgl_pesanan Date

3 Total Total Int 11

4 Id pelanggan Id_pelanggan varchar 8

5 Rekening Rek_pembayaran varchar 10

46

pembayaran

6 Atas nama Atas_nama varchar 50

7 keterangan Ket varchar 3

9. Spesifikasi File Status_order

Nama File : File status_order

Akronim :status_order . Frm.

Fungsi : Untuk menampilkan file status_order

Tipe : File master


Akses file : Random

Media : Hard Disk


Kunci field : id_status

Software : Mysql

47

Tabel III.9.

Spesifikasi Tabel Status_order


1 Id status Id_status Int 4 Primary key

2 No pesanan No_pesanan Varchar 9

3 Keterangan keterangan Varchar 100

4 Tanggal status Tgl_status Date

5 Jam status Jam_status time

3.3.3. Rancangan Struktur Navigasi

Struktur navigasi toko online arloji adalah struktur navigasi Hirarki

Melalui struktur navigasi ini, terlihat bagaimana isi dan susunan dari sebuah

website secara menyeluruh. Pembuatan struktur navigasi website ini akan sangat

membantu nantinya ketika akan membuat rancangan seluruh halaman website.

1 Navigasi Halaman Administrator

Menu navigasi pada sisi admin adalah sebagai berikut:

48

login

status

Kata gori pesanan pelanggan

home Data master

barang

konfirmasi

Gambar III.19.

Struktur Navigasi Halaman Administrator

2. Struktur Navigasi Website Pelanggan

Struktur navigasi website toko arloji online ini adalah hampir sama dengan

struktur navigasi admin yaitu struktur navigasi hirarki. Malalui struktur navigasi

website ini, terlihat bagaimana isi dan susunan dari sebuah website.

login

Home Kontak kami Cara beli keranjang welcome

Home logoutstatus

Gambar III.20.

Struktur Navigasi Halaman Website Pelanggan

49

3.4. Implementasi dan Pengujian Unit

3.4.1. Implementasi dan Pengujian Unit

A. Implementasi Rancangan Antar Muka

Berikut merupakan implementasi rancangan antar muka berdasarkan

rancangan antar muka web toko arloji online.

1. Tampilan Halaman Login Admin

Administrator harus melakukan login terlebih dahulu untuk dapat

menggunakan menu yang ada. Jika login berhasil maka akan tampil halaman

utama admin

Gambar III.21.

Halaman Login Admin

2. Tampilan Halaman Utama Admin

Setelah user berhasil melakukan login,maka user akan diarahkan ke halaman

utama Administrator. Pada halaman ini user nantinya dapat melakukan

pengolahan data- data, seperti melihat, menambah ataupun merubah data

produk melalui menu-menu yang tersedia.

50

Gambar. III.22.

Halaman Utama Admin

3. Tampilan Halaman Data Barang

Gambar. III.23.

Halaman Data Barang

51

4. Tampilan Halaman Data Merek

Gambar. III.24.

Halaman Data Merek

4. Tampilan Halaman Data Pesanan

Gambar. III.25.

Halaman Data Pesanan

52

5. Tampilan Halaman Data Pelanggan

Gambar. III.26.

Halaman Data Pelanggan

6. Tampilan Halaman Konfirmasi Baru

Gambar. III.27.

Halaman Konfirmasi Baru

53

7. Tampilann Halaman Pesanan Baru

Gambar. III.28.

Halaman Pesanan Baru

8. Tampilan Halaman Status Baru

Gambar. III.29.

Halaman Status Order

54

9. Tampilan Halaman Daftar Pelanggan

Untuk dapat melakukan pemesanan atau pembelian produk melalui web toko

arloji online. User terlebih dahulu harus terdaftar menjadi pelanggan dari web

toko arloji online.

Gambar. III.30.

Halaman Daftar Pelanggan

10. Tampilan Halaman Utama Website

Halaman utama merupakan halaman depan website, dimana pada halaman

ini terdapat beberapa menu diantaranya menu Home, Kontak Kami, Cara

Belanja,Keranjang Belanja. Menu Beranda merupakan halaman utama web

yang berisikan informasi mengenai produk- produk terbaru . Menu Produk

menampilakn seluruh produk yang ada pada web toko arloji online. Cara

Order berisikan informasi bagaimana melakukan pembelian atau pemesanan

melalui web toko arloji online. Tentang Kami berisikan informasi mengenai

web toko arloji online. Kontak berisikan informasi kontak web toko arloji

55

online. Konfirmasi berisikan halaman untuk melakukan konfirmasi

pembayaran pada web toko arloji online.

Gambar. III.31.

Halaman Utama Website

11. Tampilan Halaman Cara Belanja

Gambar. III.32.

Halaman Cara Belanja

56

12. Tampilan Halaman Kontak Kami

Gambar. III.33.

Halaman Kontak Kami

13. Tampilan Halaman Keranjang Belanja

Gambar. III.34.

Halaman Keranjang Belanja

57

14. Tampilan Halaman Konfirmasi Pembayaran

Gambar. III.35.

Halaman Konfirmasi Pembayaran

2. Spesifikasi Sistem Komputer

Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum

yang dibutuhkan untuk mengimplementasikan aplikasi e-commerce untuk web

arloji online.

A. Spesifikasi Perangkat Keras

1. Server

a. CPU

- Processor Intel ® core™ i3-3217U CPU @ 1.80GHz(4CPUs),~1.8GHz

- RAM 4GB

- Hard Disk 500GB

b. Mouse

c. Keyboard

d. Monitor dengan resolusi layar minimum 1024 x 768

e. Localhost

58

2. Client

a. CPU

- Processor Intel ® core™ 2 duo CPU T5750 @ 2.00GHz (2

CPUs),2.0GHz

- RAM 2GB

- Hard Disk 350GB

b. Mouse

c. Keyboard

d. Monitor dengan resolusi layar minimum 1024 x 768

e. Localhost

B. Spesifikasi Perangkat Lunak

1. Server

a. Sistem operasi yang umum digunakan seperti: Microsoft Windows

b. Aplikasi bundle web server seperti: Xampp yang terdiri dari beberapa

komponen, diantaranya:

(1) Aplikasi Apache Server v2

(2) Aplikasi PHP Server v5

(3) Aplikasi MySQL Server v5

(4) Aplikasi phpMyAdmin v3

c. Aplikasi Web seperti Mozilla Firefox, Google Chrome.

2. Client

a. Sistem operasi yang umum digunakan seperti: Microsoft Windows

b. Aplikasi web browser seperti Mozilla Firefox, Google Chrome.

59

3.4.2. Pengujian Unit

Pengujian unit ini menggunakan metode blackbox testing yang fokus

terhadap proses masukan dan keluaran program.

Tabel III.10.

Hasil Pengujian Blackbox Testing Halaman Login Admin

No Skenario Test Case Hal yang

diharapkan

Hasil

Pengujian

Kesim

pulan

1 Username dan

password di

kosongkan klik

tombol login

Username

“Please fill out

this field”

Password

“Please fill out

this field”

Sistem akan

menolak akses

“Please fill out

this field”

Sesuai

harapan

Valid

2 Mengetikkan

user

ID dan

password

tidak diisi atau

kosong

kemudian klik

tombol login

Username : “Please

fill out this field”

Password : kosong

Sitem akan

menolak akses dan

menampilkan

“Please fill out

this field”

Sesuai

harapan

Valid

3 Username

tidak diisi

(kosong) dan

password

diisi

kemudian

klik tombol

login

Username:

“Please fill out

this field”

Password : di isi

Sistem akan

menolak akses

user dan

menampilkan”Ple

ase fill out this

field ”

Sesuai

harapan

valid

4 Mengetikkan

salah satu

kondisi salah

pada

username

“Please fill out

this field”

Sistem akan

menolak akses

user dan

menampilkan

username dan

Sesuai

harapan

valid

60

atau password

kemudian

klik tombol

login

pasword salah”

5 Mengetikkan

username dan

password

dengan data

yang benar

kemudian

klik tombol

login

Username : diisi

(benar)

Password: diisi

(benar)

Sistem menerima

akses login dan

kemudian

langsung

menampilkan

menu utama

Sesuai

harapan

valid

Tabel III.11.

Hasil Pengujian Blackbox Testing Halaman Admin Menu Merek


diharapkan

Hasil

Pengujian

Kesi

mpul

an

1 Menambah

merek baru,

dan klik

tombol

simpan

Mengisi nama

merek baru

Merek akan

bertambah

Sesuai

harapan

valid

2 Mengedit

merek

Mengedit merek

lama

Data merek lama

akan diupdate

sesuai

harapan

valid

3 Menghapus

merek dengan

klik”hapus”

Menghapus merek Sitem akan

menampilkan”m

erek berhasil

dihapus”

Sesuai

harapan

Valid

61

Tabel III.12.

Hasil Pengujian Blackbox Testing Halaman Admin Menu Barang


diharapkan

Hasil

Pengujian

Kesi

mpul

an

1 Menambah

barang baru,

namun tidak

semua field

diisi dan klik

tombol

simpan

Mengosongkan

beberapa field pada

menu tambah

barang

Sistem akan

menolak dan

menampilkan

kesalahan pada

field yang belum

terisi

Sesuai

harapan

Valid

2 Menghapus

barang yang

sudah ada

Menghapus barang Sitem akan

menampilkan”

barang berhasil

dihapus

Sesuai

harapan

valid

3 Mengedit

barang

dengan data

yang tepat

Mengedit barang Data barang

berhasil diubah

Sesuai

harapan

valid

4 Mengdit

barang namun

mengosongka

n beberapa

field barang

Mengdit barang

Beberapa field tdak

tepat dan

dikosongkan

Sistem

memberitahukan

kesalahan dalam

input data

Sesuai

harapan

valid

62

Tabel III.13.

Hasil Pengujian Blackbox Testing Halaman Admin Konfirmasi Baru


diharapkan

Hasil

Pengujian

Kesi

mpul

an

1 Klik

konfirmasi

baru

Menampilkan

konfirmasi yang

baru

Sistem akan

menampilkan

konfirmasi baru

dari pelanggan

Sesuai

harapan

Valid

Tabel III.14.

Hasil Pengujian Blackbox Testing Halaman Admin Pesanan Baru


diharapkan

Hasil

Pengujian

Kesi

mpul

an

1 Klik pesanan

baru

Menampilkan

pesanan yang baru

Sistem akan

menampilkan

pesanan baru

dari pelanggan

Sesuai

harapan

Valid

Tabel III.15.

Hasil Pengujian Blackbox Testing Halaman Admin Status Order


diharapkan

Hasil

Pengujian

Kesi

mpul

an

1 Klik status

order

Menampilkan

halaman status

order

Sistem akan

menirim

konfirmasi

pesanan

Sesuai

harapan

Valid

63

Tabel III.16.

Hasil Pengujian Blackbox Testing Halaman Login Pelanggan


diharapkan

Hasil

Pengujian

Kesi

mpul

an

1 Username

dikosongkan,

password diisi klik

tombol Login

Username :

kosong

Password:

diisi

Sistem akan

menolak dan

menampilkan

“User-id dan

password salah”

Sesuai

harapan

valid

2 Password

dikosongkan,userna

me diisi klik tombol

login

Username :

diisi

Password:

dikosongkan

Sistem akan

menolak akses

dan menampilkan

“User-id dan

password salah”

Sesuai

harapan

valid

3 Pelanggan

melakukan login

dengan data yang

tidak benar

Username

dan

password

diinput

namun

dengan data

yang tidak

tepat

Sistem akan

menolak dan

menampilkan“Use

r-id dan password

salah”

Sesuai

harapan

Valid

Tabel III.17.

Hasil Pengujian Blackbox Testing Halaman Daftar Pelanggan


diharapkan

Hasil

Pengujian

Kesi

mpula

n

1 User

mendaftar

sebagai

member

,mengisi

field

pendaftaran

Mendaftar sebagai

member

Salah satu field

dikosongkan

Sistem akan

menolak dan

menampilkan

pesan “Please fill

out this field”

Sesuai

harapan

valid

64

dengan

mengosongk

an field

nama

2 Mengisi

semua data

pendaftaran

member,teta

pi pada

email tiak

ada “@” lalu

langsung

mengklik

tombol

“daftar”

Mendaftar sebagai

member

Lalu pada email

tidak ada tanda “@”

Sistem akan

menolak akses

pendaftaran

member dan

memberitahukan

“Please include

an „@‟ in the

mail”

Sesuai

harapan

valid

3 User

mendaftar

sebagai

member dan

mengisikan

semua field

dengan

benar

Mendaftar sebagai

member

Semua field diisi

dengan benar

Sistem akan

menerima

pendaftaran,dan

akan masuk ke

menu utama web

Sesuai

harapan

valid

65

BAB IV

PENUTUP

4.1. Kesimpulan

Dari pembahasan Tugas akhir mengenai perancangan sistem informasi

penjualan arloji berbasis web, yang telah penulis susun,penulis mencoba

menyimpulkan pokok bahasan yang ada, adapun kesimpulannya adalah sebagai

berikut:

1. Dengan website penjualan arloji ini pelanggan dapat berbelanja keperluan

arloji atau melakukan transaksi lain selama 24 jam sehari dari setiap

lokasi.

2. Website penjualan arloji, menyediakan produk-produk jam tangan dengan

harga murah kepada pelanggan yang ingin berbelanja

3. Website penjualan arloji membuat transaksi lebih efisien dari segi biaya

tenaga dan waktu.

4. Penyampaian informasi melalui website penjualan e-commerce mampu

menyediakan informasi dalam bentuk teks atau gambar yang membuat

website tersebut lebih menarik untuk dilihat.

4.2. Saran

Dari pembahasan diatas, penulis mencoba memberikan beberapa saran

sebagai alternatif pemikiran dengan harapan agar lebih dapat meningkatkan

kualitas dalam penggunaan website ini. Adapun saran-saran tersebut adalah:

66

1. Selalu update informasi security terbaru,celah keamanan website,serta

ancaman virus atau spyware yang ada di internet

2. Memberikan backup data untuk mencegah terjadinya kehilangan data baik

akibat kelalaian manusia,mesin, atau bencana alam.

3. Pada konfirmasi pembayaran perlu dibuat pengembangan sistem ini lebih

lanjut untuk memudahkan dalam transaksi penjualan.

66

DAFTAR PUSTAKA

Arif, M. Rudiyanto. 2011. Pemograman Web Dinamis Menggunakan PHP dan

MYSQL. Yogyakarta : andi offse

Enterprise. Jubilee. 2010. Trik Cepat Menguasai Photoshop CS5. Jakarta :

PT.Elex Media Komputindo

Fathansyah.2012. Ilmu Binanto, Iwan. 2010. Multimedia Digital Dasar Teori dan

Pengembangannya. Yogyakarta : CV.Andi Offset

Komputer Basis Data. Bandung : Informatika

Janner, Simarmata dan Imam, Puryadi. 2007. Basis Data. Yogyakarta : Andi

Prasetio, Adhi. 2014. Buku Sakti Webmaster. Jakarta Selatan : Mediakita

Sadeli, Muhamad. 2011. 7 jam Belajar Interaktif Dreamweaver CS5 Untuk Orang

Awam. Palembang : Maxicom

Shalahudin, M. 2011. Modul pembelajaran rekayasa perangkat lunak

(terstukturdan berorientasi Objek). Bandung : Modula

Sigit, alaysiuis. W. 2011. Website Super Canggih dengan Plugin Jquery Terbaik.

Jakarta selatan:. Mediakita

Suyanto, Asep Herman. 2008. Step by step web design Theory and practiceEdisi

II. Yogyakarta : Andi offset

Suyoto, ahdi. 2007. Ajax membangun web dengan teknologi asynchronouse

javascript danXML Yogyakarta : CV. Andi offset

67

Yuhefizar. 2008. “10 jam menguasai internet: teknologi dan aplikasinya. PT. Elek

Media Komputindo : Jakarta

68

Foto

3 x 4

DAFTAR RIWAYAT HIDUP

A. Biodata Mahasiswa

NIM : 12134081

Nama Lengkap : Asep Budi Cahyono

Tempat & Tanggal Lahir : Cilacap, 09 September 1994

Alamat Lengkap : Dsn.Purwasari RT.004/007

Kel.Ciklapa, Kec.Kedungreja. Kab.Cilacap

Jawa Tengah 53263

B. Riwayat Pendidikan Formal & Non Formal

1. SDN CIKLAPA 02 Kedungreja,lulus tahun 2006

2. SMPN 2 Kedungreja,lulus tahun 2009

3. SMK TAMTAMA 2 Sidareja,lulus tahun 2012

Tangerang, 22 Juni 2016

Asep Budi Cahyono

ASEP BUDI CAHYONO - repository.bsi.ac.id · 3. Bapak Rachmat Hidayat, M.Kom selaku Dosen Pembimbing...

Documents

Transcript of ASEP BUDI CAHYONO - repository.bsi.ac.id · 3. Bapak Rachmat Hidayat, M.Kom selaku Dosen Pembimbing...