repository.bsi.ac.id file · web viewdemikianlah surat pernyataan ini saya buat dengan...

126
PERANCANGAN SISTEM INFORMASI PENJUALAN JAM BERBASIS WEB PADA TOKO PASAR OBOR JAKARTA SKRIPSI Diajukan untuk memenuhi salah satu syarat kelulusan Strata Satu (S1) AGENG MUKTIANTO 11161598 Program Studi Sistem Informasi

Upload: trankhanh

Post on 30-Apr-2019

227 views

Category:

Documents


0 download

TRANSCRIPT

PERANCANGAN SISTEM INFORMASI PENJUALAN

JAM BERBASIS WEB PADA TOKO

PASAR OBOR JAKARTA

SKRIPSI

Diajukan untuk memenuhi salah satu syarat kelulusan Strata Satu (S1)

AGENG MUKTIANTO

11161598

Program Studi Sistem Informasi

STMIK Nusa Mandiri Jakarta

Jakarta

2017

PERSEMBAHAN

Dengan mengucap puji syukur kepada Allah SWT, skripsi ini

kupersembahkan untuk :

1. Orang Tuaku tercinta yang telah membesarkan aku dan selalu membimbing,

mendukung, memotivasi, memberi apa yang terbaik bagiku serta selalu

mendoakan untuk meraih kesuksesanku.

2. Fauziah Safitri yang selalu setia menemani dan selalu mensupport dengan penuh

keceriannya untuk selalu memberikan semangat serta perhatian.

3. Sahabat yang selalu memberikan semangat dan motivasi.

Tanpa mereka, aku dan karya ini tak akan

pernah ada

ii

SURAT PERNYATAAN KEASLIAN SKRIPSI

Yang bertanda tangan dibawah ini :

Nama : Ageng MuktiantoNIM : 11161598Perguruan Tinggi : STMIK Nusa Mandiri JakartaAlamat Kampus : Jl. Kramat Raya No. 18, Kwitang, Senen, Jakarta PusatAlamat Rumah : Jl. Alamanda Areman Rt.10/07 No. 9A, Cimanggis Depok, Jawa Barat

Dengan ini menyatakan bahwa skripsi yang telah saya buat dengan judul : “Perancangan Sistem Informasi Penjualan Jam Berbasis Web pada Toko Pasar Obor Jakarta” adalah asli (orisinil) 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. Apabila dikemudian hari ternyata saya memberikan keterangan palsu dan atau ada pihak lain yang mengklaim bahwa skripsi yang telah saya buat adalah hasil karya milik seseorang atau badan tertentu, saya bersedia diproses baik secara pidana maupun perdata dan kelulusan saya dari Sekolah Tinggi Manajemen Informatika & Komputer Nusa Mandiri dicabut/dibatalkan.

Dibuat di : JakartaPada Tanggal : 18 Desember 2017

Yang menyatakan,

Materai 6rb

Ageng Muktianto

iii

SURAT PERNYATAAN PERSETUJUAN PUBLIKASI KARYAILMIAH UNTUK KEPENTINGAN AKADEMIS

Yang bertanda tangan dibawah ini :

Nama : Ageng MuktiantoNIM : 11161598Perguruan Tinggi : STMIK Nusa Mandiri JakartaAlamat Kampus : Jl. Kramat Raya No. 18, Kwitang, Senen, Jakarta PusatAlamat Rumah : Jl. Alamanda Areman Rt.10/07 No. 9A, Cimanggis Depok, Jawa Barat

Dengan ini menyetujui untuk memberikan ijin kepada pihak Sekolah Tinggi Manajemen Informatika dan Komputer Nusa Mandiri, Hak Akses Bebas Royalti Non-Ekslusif (Non-exclusive Royalti-Free Right) atas karya ilmiah kami yang berjudul : “Perancangan Sistem Informasi Penjualan Jam Berbasis Web pada Toko Pasar Obor Jakarta” beserta perangkat yang diperlukan (apabila ada).

Dengan Hak Bebas Royalti Non-Ekslusif ini puhak Sekolah Tinggi Manajemen Informatika & Komputer Nusa Mandiri berhak menyimpan, mengalih-media atau format-kan, mengelolanya dalam pangkalan data (database), mendistribusikan dan menampilkan atau mempublikasikannya di internet atau media lain untuk kepentingan akademis tanpa perlu meminta ijin dari kami selama tetap mencatumkan nama kami sebagai penulis/ pencipta karya ilmiah tersebut.

Saya bersedia untuk menanggung secara pribadi, tanpa melibatkan pihak Sekolah Tinggi Manajemen Informatika dan Komputer Nusa Mandiri, segala bentuk tuntutan hukum yang timbul atas pelanggaran Hak Cipta dalam karya ilmiah saya ini.

Demikian pernyataan ini saya buat dengan sebenarnya.

Dibuat di : JakartaPada Tanggal : 18 Desember 2017

Yang menyatakan,

Materai 6rb

Ageng Muktianto

iv

PERSETUJUAN DAN PENGESAHAN SKRIPSI

Skripsi ini diajukan oleh :

Nama : Ageng MuktiantoNim : 11161598Program Studi : Sistem InformasiJenjang : Strata Satu (S1)Judul Skripsi : Perancangan Sistem Informasi Penjualan Jam Berbasis Web

pada Toko Pasar Obor Jakarta

Untuk dipertahankan pada Periode II-2017 di hadapan penguji dan diterima sebagai bagian persyaratan yang diperlukan untuk memperoleh Sarjana Ilmu Komputer (S.Kom) pada Program Strata Satu (S1) Program Studi Sistem Informasi di Sekolah Tinggi Manajemen Informatika & Komputer Nusa Mandiri.

Jakarta,04 Januari 2018

PEMBIMBING SKRIPSI

Dosen Pembimbing I : Fathur Rohman, S.Kom, MMSI __________________

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

Dosen Penguji I : Ade Surya Budiman, S.T, M.Kom __________________

Dosen Penguji II: Luci Kanti Rahayu, M.Kom __________________

v

PANDUAN PENGGUNAAN HAK CIPTA

Skripsi sarjana yang berjudul “ Perancangan Sistem Informasi

Penjualan Jam Berbasis Web pada Toko Pasar Obor Jakarta” adalah hasil

karya tulisan asli AGENG MUKTIANTO dan bukan hasil penerbitan sehingga

peredaran karya tulis hanya berlaku di lingkungan akademik saja, serta memiliki

hak cipta. Oleh karena itu dilarang keras untuk menggandakan baik sebagian

maupun seluruh karya tulis ini, tanpa seijin mahasiswa penulis.

Referensi kepustakaan diperkenankan untuk dicatat tetapi pengutipan atau

peringkasan hanya dapat dilakukan seijin penulis dan disertai ketentuan

pengutipan secara ilmiah dengan menyebutkan sumbernya.

Untuk keperluan perijinan pada pemilik dapat menghubungi informasi

yang tertera di bawah ini:

Nama : AGENG MUKTIANTO

Alamat : Jl. Alamanda Areman Rt. 10/07 No.9A, Cimanggis Depok

No. Telp : 081289423150

Email : [email protected]

vi

KATA PENGANTAR

Puji syukur alhamdullillah, penulis panjatkan kehadirat Allah SWT, yang

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

dapat menyelesaikan Skripsi ini dengan baik. Di mana skripsi ini penulis sajikan

dalam bentuk buku yang sederhana. Adapun judul penulisan skripsi, yang penulis

ambil adalah sebagai berikut: “PERANCANGAN SISTEM INFORMASI

PENJUALAN JAM BERBASIS WEB PADA TOKO PASAR OBOR

JAKARTA”.

Tujuan penulisan skripsi ini dibuat sebagai salah satu syarat kelulusan

Program Strata Satu (S1) STMIK NUSA MANDIRI. 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 skripsi ini tidak akan

lancar. Oleh karena itu pada kesempatan ini, izinkanlah penulis menyampaikan

ucapan terima kasih kepada:

1. Ketua STMIK Nusa Mandiri.

2. Pembantu Ketua I STMIK Nusa Mandiri.

3. Ketua Program Studi STMIK Nusa Mandiri.

4. Fathur Rohman, S.Kom, MMSI selaku pembimbing I.

5. Kedua orang tua dan Mertua yang telah mensupport saya.

6. Istri Tercinta Fauziah Safitri yang tidak pernah bosan mensupport dan

memberikan semangat.

7. Staff dan karyawan di Toko Pasar Obor

vii

8. Teman – teman NURI 8H yang saling membantu dalam belajar.

Serta semua pihak yang terlalu banyak untuk disebutkan satu persatu

sehingga terwujudnya penulisan ini. Penulis menyadari bahwa penulisan skripsi

ini masih jauh sekali dari sempurna, untuk itu penulis mohon kritik dan saran

yang bersifat membangun demi kesempurnaan penulis dimasa yang akan datang.

Akhir kata semoga skripsi ini dapat berguna bagi penulis khususnya dan

bagi pembaca yang berminat umumnya.

Jakarta, 18 Desember 2017

AGENG MUKTIANTO

viii

ABSTRAKSI

Ageng Muktianto (11161598), Perancangan Sistem Informasi Penjualan Jam Berbasis Web pada Toko Pasar Obor Jakarta.

Dalam era globalisasi sekarang ini, teknologi yang semakin canggih salah satunya adalah website yang digunakan sebagai sarana komunitas dan marketing untuk meningkatkan value ( nilai ) dengan menggunakan fasilitas internet. Maka, dengan menggunakan website selain mempermudah dan mempercepat pekerjaan juga sangat menghemat waktu dan biaya. Salah satu contoh masalah yang penulis ambil adalah Perancangan Sistem Informasi Penjualan Jam pada Toko Pasar Obor Jakarta yang masih manual yaitu pembeli masih harus datang ke toko untuk melakukan proses pembelian barang. Oleh karena itu, penulis disini ingin membantu untuk mempermudah sistem penjualan dengan membuat web toko penjualan jam secara online. Jadi, dengan dibuatnya web Toko Pasar Obor Jakarta ini, penulis berharap bisa membantu untuk mempermudah dan mempercepat proses penjualan. Dan penulis menghimbau kepada administrasi toko agar terus melakukan maintenance web sehingga dapat terus memperbaharui informasi pada web ini.

Kata Kunci : Penjualan , Web Toko, Penjualan Online

ix

ABSTRACT

Ageng Muktianto (11161598), Design of Web-Based Sales Information System at Toko Pasar Obor Jakarta.

Curently, In the globalization era, the sophisticated technology, website which used as community media and marketing to increasing the value by using internet. Hence by using website, not only to simplify and speed up the work but also saving time and cost. The one example of the problem that the authors take is the Design of Web-Based Sales Information System at Toko Pasar Obor Jakarta which is still manual sales or offline, that the buyer must come to the store to make the process of purchasing goods. Therefore, the authors’ purpose is to simplify the sales system by creating a watch web store sales online. Hence, with the website of Toko Pasar Obor Jakarta, the author hopes to help by simplify and accelerate the sales process. And the authors appeal to the store admin to continue doing web maintenance so the website can be updated realtime.

Keywords: Sales, Web Store, Online Sales

x

DAFTAR ISI

Lembar Judul Skripsi .....................................................................................iLembar Persembahan.....................................................................................iiLembar Pernyataan Keaslian Skripsi.............................................................iii Lembar Pernyataan Persetujuan Publikasi Karya Ilmiah...............................iv Lembar Pengesahan Skripsi...........................................................................v Lembar Panduan Penggunaan Hak Cipta.......................................................vi

Kata Pengantar ..............................................................................................viiAbstraksi.........................................................................................................ixDaftar Isi ........................................................................................................xi Daftar Simbol ................................................................................................xiii Daftar Gambar ...............................................................................................xixDaftar Tabel ...................................................................................................xxDaftar Lampiran ............................................................................................xxi

BAB I PENDAHULUAN1.1. Latar Belakang.......................................................11.2. Identifikasi Masalah...............................................21.3. Perumusan Masalah................................................2 1.4. Maksud dan Tujuan................................................21.5. Metode Penelitian...................................................3

1.5.1. Teknik Pengumpulan Data...........................3 A. Observasi.................................................3 B. Wawancara..............................................3 C. Studi Pustaka...........................................4

1.5.2. Model Pengembangan Sistem......................4 A. Analisa Kebutuhan Software..................4 B. Desain......................................................4 C. Code generation......................................5 D. Testing.....................................................5 E. Support....................................................5

1.4. Ruang Lingkup.......................................................6

BAB II LANDASAN TEORI2.1. Tinjauan Pustaka....................................................72.2. Konsep Dasar Sistem Informasi.............................7

BAB III ANALISA SISTEM BERJALAN

3.1. Tinjauan Institusi Perusahaan.................................163.1.1. Sejarah Institusi/Perusahaan.........................163.1.2. Struktur Organisasi dan Fungsi....................17

3.2. Proses Bisnis Sistem...............................................19 3.3. Spesifikasi Dokumen Sistem Berjalan...................20

xi

BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN4.1. Analisa Kebutuhan Software..................................224.2. Desain.....................................................................29

4.2.1. Database.......................................................334.2.2. Software Architecture...................................344.2.3. User Interface...............................................35

4.3. Code Generation....................................................384.4. Testing....................................................................594.5. Support...................................................................62

4.5.1. Publikasi Web*............................................624.5.2. Spesifikasi Hardware dan Software.............62

4.6. Spesifikasi Dokumen Sistem Usulan.....................63

BAB V PENUTUP5.1. Kesimpulan.............................................................655.2. Saran - Saran..........................................................66

DAFTAR PUSTAKA DAFTAR RIWAYAT HIDUP LEMBAR KONSULTASI BIMBINGANSURAT KETERANGAN RISETLAMPIRAN

Lampiran A.1 Dokumen Sistem Berjalan.................................71Lampiran B.1 Dokumen Sistem Berjalan.................................72

xii

DAFTAR SIMBOL

A. Simbol Activity Diagram

xiii

xiv

AWAL (INITIAL STATE)

Menujukkan tempat dimulainya diagram. Lambang ini

boleh diberi label dengan isi berupa nama kejadian

(event) yang memanggilnya. Sebuah diagram aktivitas

hanya boleh memiliki sebuah awal.

AKHIR (FINAL STATE)

Menunjukkan tempat berakhirnya diagram. Lambang ini

tidak memerlukan label. Diagram aktivitas dapat

memiliki satu atau lebih akhir.

AKTIFITAS (ACTIVITY)

Merupakan bentuk khusus dari keadaan (state) dimana

aktivitas menggambarkan kegiatan yang dilakukan.

Nama kegiatan dituliskan di tengah lambang.

TRANSISI (TRANSITION)

Menyatakan alur aktifitas. Alur menghubungkan antara

state awal, akhir maupun aktifitas. Alur dapat menunjuk

dari state aktifitas ke dirinya sendiri.

PENGIRIMAN (SIGNAL SENT)

Menggambarkan tanda pengiriman data.

KEPUTUSAN (DECISSION)

Menggambarkan keputusan atas sebuah kondisi,

pertemuan dari jalur kondisi yang mungkin. Jika

digunakan untuk menggambarkan keputusan, maka jalur

masuk yang diijinkan hanya satu sedangkan jalur keluar

sebanyak dua atau lebih.

FORK

B. Simbol Use Case Diagram

AKTOR (ACTOR)

Merupakan sebuah entitas yang berinteraksi dengan use

case. Nama aktor dituliskan di bawah gambar tersebut.

Aktor dapat berupa orang atau sistem lain diluar sistem

yang tengah dianalis.

USE CASE

Menggambarkan sebuah fungsi tertentu yang disediakan

oleh sistem, sebuah subsistem atau urutan pertukaran

pesan antar anggota sistem dan satu atau lebih aktor

melakukan aksi yang dikerjakan oleh sistem.

USE

Hubungan yang lebih spesifik dari use case,

menggambarkan hubungan association. Diguna-kan

untuk menghubungkan antara use case dengan use case.

Hubungan ini berarti use case memiliki use case yang

saling berhubungan.

USE

Hubungan, menggambarkan hubungan association. Garis

ini digunakan untuk menghubungkan antara aktor dengan

xv

use case. Hubungan ini berarti aktor menggunakan use

case.

USE

Garis putus-putus dengan panah di salah satu ujungnya

menggambarkan hubungan antar use case. Hubungan

tersebut dapat berupa include, extend ataupun

generalization. Hubungan include berarti use case yang

di tunjukkan oleh garis ikut dikerjakan jika use case

sumber dikerjakan. Hubungan extend berarti use case

yang di tunjuk oleh use case dapat memanggil use case

yang menunjuk jika persyaratannya terpenuhi.

Generalization berarti menunjukkan tujuan bahwa use

case yang ditunjuk merupakan bentuk umum dari use

case yang menunjuk.

C. Simbol Component Diagram

KOMPONEN (COMPONENT)

Menggambarkan fisik dari suatu sistem.

Mewakili modul perangkat lunak.

xvi

DEPENDENCE

Menggambarkan alur dari suatu komponen.

INTERFACE

Menggambarkan hubungan kegiatan yang akan

dilakukan.

D. Simbol Deployment Diagram

PENGHUBUNG

Menghubungkan antara node.

NODE

Menggambarkan aplikasi yang mampu mengeksekusi

program. Maupun Perangkat keras yang tidak memiliki

kemampuan melakukan penghitungan atau pemrosesan.

Contoh device adalah modem, monitor dan juga speaker.

xvii

E. Simbol Entity Relationship Diagram (ERD)

AKTOR (ACTOR) ATAU PARTICIPAN

Merupakan sebuah entitas yang berinteraksi. Aktor dapat

berupa orang atau sistem lain diluar sistem yang tengah

dianalis atau merupakan objek dari squence diagram.

BATAS (BOUNDARY)

Menggambarkan antar muka antara sistem dengan entitas

di luar sistem.

ENTITAS (ENTITY)

Menggambarkan fungsionalitas dari suatu sistem.

PESAN

Menunjukkan hubungan antara satu objek dengan objek

lainnya. Arah panah menunjukkan tujuan dari pesan

tersebut.

SWIMLANE

Sebuah cara untuk mengelompokkan activity berdasarkan

aktor (mengelompokkan activity dalam sebuah urutan

xviii

yang sama).

DAFTAR GAMBAR

Halama

n

Gambar III.1. Struktur Organisasi Toko Pasar Obor Jakarta................................18Gambar IV.1. Use Case diagram Administrator..................................................23Gambar IV.2 Use Case diagram Konsumen.......................................................25Gambar IV.3. Activity diagram login konsumen..................................................26Gambar IV.4. Activity diagram daftar member baru............................................27Gambar IV.5. Activity diagram konfirmasi pembayaran......................................28Gambar IV.6. ERD (Entity Relationship Diagram...............................................29Gambar IV.7. Logical Record Structure...............................................................30Gambar IV.8. Component diagram pencatatan dan pelaporan..............................34Gambar IV.9. Deployment diagram penjualan online...........................................35Gambar IV.11. Halaman beranda..........................................................................35Gambar IV.13. Halaman cara order.......................................................................36Gambar IV.14. Halaman pencarian produk...........................................................36Gambar IV.15. Halaman contact us.......................................................................37Gambar IV.16. Halaman keranjang.......................................................................37Gambar IV.17. Halaman login admin....................................................................38

xix

DAFTAR TABEL

Halaman

Tabel IV.1. Use Case diagram Administrator.............................................. 24Tabel IV.2. Use Case diagram Konsumen................................................... 26Tabel IV.3. Tabel barang.............................................................................. 31Tabel IV.4. Tabel pelanggan......................................................................... 32Tabel IV.5. Tabel transaksi........................................................................... 33Tabel IV.6. Tabel transaksi rinci.................................................................. 34Tabel IV.7. Hasil pengujian black box form login........................................ 59Tabel IV.8. Hasil pengujian black box form Daftar member........................ 60Tabel IV.9. Tabel spesifikasi hosting.............................................................. 63Tabel IV.10. Spesifikasi hardware dan software............................................ 64

xx

DAFTAR LAMPIRAN

Halaman

Lampiran A.1. Nota...................................................................................71Lampiran B.1. Konfirmasi pembayaran....................................................72

xxi

xxii

BAB I

PENDAHULUAN

1.1. Latar Belakang Masalah

Teknologi masa kini tidak lepas dari pengaruh komputer dan internet yang

merupakan salah satu media penyedia informasi dalam kehidupan sehari-hari.

komputer dan telepon genggam digunakan sebagai sarana penunjang internet

untuk mencari, mengolah serta mendapatkan informasi yang beraneka ragam

aplikasi. Disini penulis akan mengambil contoh pemanfaatan kumputer dalam

kehidupan sehari-hari yaitu jembatan untuk sarana berinteraksi. Sekarang tanpa

adanya internet kita susah untuk berinteraksi walaupun kita mempunyai komputer

dan sambungan internet tetapi kita juga membutuhkan sebuah Browser sebagai

sarana penghubung ke sebuah homepage. Pada masa modern sekarang hampir

semua orang terhubung dengan internet, banyak perusahaan yang menggunakan

sebagai sarana bisnis ataupun digunakan oleh instasi pemerintahan untuk

mempermudah menyampaikan informasi, serta sarana sharing ilmu pengetahuan,

tapi sekarang lebih banyak digunakan untuk berjualan.

Menurut Sandy Kosasi (2015,110) Kegiatan penjualan yang terbatas menyebabkan sejumlah industri rumah tangga yang menghasilkan oleh-oleh khas Pontianak tidak bisa berkembang dengan baik karena jumlah pembelinya terbatas. Mobilitas dan liberalisasi pasar yang terbatas membuat pihak manajemen harus melakukan inovasi perluasan pasar sasaran melalui perancangan dan pemanfaatan E-Commerce. Tujuan penelitian menghasilkan sistem yang dapat memberikan kemudahan mengenalkan dan menjual semua produk oleh-oleh khas dari Kota Pontianak secara global. Memperluas area pangsa pasar dan upaya untuk meningkatkan volume penjualan dengan cara membangun hubungan komunikasi yang bersifat interaktif dengan konsumen (pelanggan). Metode perancangan sistem E-Commerce menggunakan pendekatan Waterfall dengan pendekatan berorientasi objek. Hasil perancangan sistem E-Commerce dapat menampilkan semua informasi mengenai produk oleh-

1

2

oleh khas Kota Pontianak. Sistem penjualan tidak lagi hanya fokus kepada masyarakat setempat saja, yang semakin hari semakin banyak pesaingnya. Sistem E-Commerce memiliki fitur navigasi yang memberikan kemudahan bagi pengunjung, dalam hal ini baik konsumen ataupun pelanggan saat mengunjungi halaman situs. Memiliki kontribusi menyelesaikan persoalan untuk memberikan jaminan layanan informasi yang lebih dekat kepada konsumen (pelanggan) dan beralih ke digitalisasi penjualan produk oleh-oleh khas Kota Pontianak. Menampilkan pesan-pesan tertentu dalam mengarahkan pengunjung, calon pembeli dapat melakukan proses pemesanan, pembayaran dapat melalui transfer, cash on delivery danPayPal, dan konfirmasi pembayaran produk melalui email. Kenyataan ini dapat memperluas pangsa pasar dan menumbuhkan daya saing secara global karena sistem penjualannya tidak lagi terbatas hanya pada wilayah tertentu saja.

1.2. Identifikasi Permasalahan

Permasalahan yang terjadi saat ini pada Toko Pasar Obor adalah :

1. Sistem penjualan produk yang saat ini berjalan dirasa kurang

efektif karena hanya memanfaatkan media kertas yaitu dengan mencetak

brosur, famplet ataupun katalog dirasakan kurang efektif.

2. Laporan stok barang yang masih manual kurang mendukung prosedur

penjualan.

3. Lambatnya perkembangan perusahaan karena kurangnya promosi

perusahaan kepada masyarakat sehingga tidak semua kalangan

masyarakat mengenal perusahaan ini.

1.3. Perumusan Masalah

Dengan adanya latar belakang yang tersaji di atas dapat di ambil suatu

perumusan permasalahan yang dihadapi oleh perusahaan ini yaitu efektifitas dan

efisiensi dalam pemasaran dan manajemen sistem infonnasi yang sangat penting

untuk menentukan kesuksesan serta kelancaran pada perusahaan. Jadi perumusan

permasalahannya adalah bagaimana merancang dan mengimplementasikan sistem

3

infonnasi penjualan produk yang meliputi informasi tentang produk serta

pembuatan detail laporan penjualan.

1.4. Maksud dan Tujuan

A. Maksud dari penulisan Skripsi ini adalah:

1. Memberikan kemudahan bagi konsumen yang berada jauh dari lokasi toko

untuk melakukan transaksi karena hanya cukup dengan membuka halaman

website maka dapat melakukan transaksi.

2. Mendapatkan banyak konsumen karena lebih mudah untuk

mempromosikan sebuah toko lewat internet.

3. Untuk menjaga persaingan dengan toko lain karena telah melakukan

transaksi secara online.

Tujuan penulisan skirpsi ini untuk memenuhi syarat kelulusan Program

Strata Satu (S1) Program Studi Sistem Informasi di Sekolah Tinggi Manajemen

Informatika dan Komputer (STMIK) Nusa Mandiri Jakarta.

1.5. Metode Penelitian

Saya memperoleh data yang dibutuhkan untuk penyusunan Skripsi ini

dengan menggunakan metode teknik pengumpulan data.

1.5.1 Teknik Pengumpulan Data

Dalam teknik pengumpulan data sayaan skripsi ini menggunakan beberapa

teknik yaitu :

A. Observasi

Pengumpulan data yang dilakukan dengan sengaja dan secara sistematis.

Saya melakukan pengamatan langsung di Toko Pasar Obor Jakarta di bagian

4

penjualan guna mendapatkan data yang dibutuhkan oleh saya dalam

menyusun Skripsi ini.

B. Wawancara

Saya mengumpulkan data dengan cara bertanya atau berdialog langsung

dengan Bapak Daniel selaku Pemilik Toko secara lisan, yang mengetahui

secara detail mengenai toko miliknya.

C. Studi Pustaka

Metode pengumpulan data dalam studi pustaka, penulis melakukan studi

dari beberapa buku, e-book, e-journal dan modul pembelajaran yang

berkaitan dengan analisa perancangan website.

1.5.2 Model Pengembangan Sistem

Dalam model pengembangan sistem sayaan tugas ini menggunakan

beberapa model yaitu :

A. Analisa Kebutuhan Software

Dalam analisa kebutuhan ini saya melakukan analisa terhadapt sistem

penjualan online e-commerce dari sisi user dan juga administrator. Dalam sisi

Front-end dalam hal ini adalah user dapat melakukan pemesanan online pada

website dengna cara user harus melakukan registrasi member terlebih dahulu,

setelah melakukan registrasi member kemudian dapat melakukan pemesanan

online produk yang diinginkan sehingga data produk yang dipesan masuk ke

dalam halaman keranjang belanja. Selanjutnya pada sisi administrator dapat

melakukan proses tambah produk yang nantinya akan tampil di halaman user

dan juga kelola data member yang berisi data-data member. Dan juga

administrator dapat melakukan kelola data pesanan yang dilakukan oleh user.

5

B. Desain

Membuat desain terhadap rancangan Website antara lain :

Pada desain rancangan database menggunakan ERD, sedangkan diagram

yang digunakan menggunakan diagram UML adapun jenis diagramnya : Use

Case Diagram, Activity Diagram, Class Diagram,dan Sequence Diagram.

Desain Proses Perancangan Layout Website melalui bahasa pemrograman

PHP dan database MySql. Dalam pembuatan website e-commerce ini bahasa

pemrograman PHP digunakan untuk membuat website menjadi dinamis

halaman front-end dan back-end. Dan database MySQL digunakan untuk

menjadi media penyimpanan data yang terintegrasi dari form masukin yang

ada di website.

C. Code Generation

Dalam tahap ini menggunakan pemrograman terstruktur dengan media

Adobe Dreamweaver sebagai media tool object untuk bahasa pemrograman

PHP.

D. Testing

Sebelum Finishing, dilakukan testing implementasi terhadap sistem yang di

rancang melalui localhost web server dalam konteks disini menggunakan

web server XAMPP. Hal ini dilakukan untuk melihat sistem sebagai evaluasi

terakhir sebelum dilakukan implementasi online server domain dan hosting.

Pada tahap ini menggunakan metode blackbox testing untuk melihat apakah

sistem masih terdapat debug error pada saat input data, update data, hapus

data, login user dan login administrator.

6

E. Support

Tahapan terakhir ini, menjelaskan tentang spesifikasi hardware dan software

standar yang akan digunakan untuk dapat menjalankan program yang telah

dibuat dengan baik dan optimal. Kebutuhan hardware yang diperlukan

meliputi: Processor, RAM, harddisk, Monitor, Keyboard, Mouse, Speaker

serta beberapa hardware pendukung lainnya seperti modem, dan lain

sebagainya. Adapun kebutuhan software yang diperlukan meliputi: sistem

operasi, software aplikasi dan software pendukung lainnya.

1.4. Ruang Lingkup

Melihat luasnya ruang lingkup yang ada maka pada penulisan skripsi ini

yaitu dari penjualan barang, nota penjualan. Proses penjualan, pembeli datang ke

bagian penjualan dan menanyakan jam yang ingin dibelinya, bila ada sesuai

keinginannya maka pembeli datang ke kasir untuk melakukan pembayaran.

BAB II

LANDASAN TEORI

2.1. Tinjauan Pustaka

Tinjauan pustaka dalam penyusunan skripsi ini sangat diperlukan karena

sebagai referensi untuk menunjang dan memperdalam pemahaman terhadap

informasi-informasi yang disajikan.

A. Konsep Dasar Sistem Informasi

1. Sistem dan Subsistem

Menurut kadir didalam (2014:61) Sistem adalah sekumpulan elemen yang

saling terkait atau terpadu yang dimaksudkan untuk mencapai suatu tujuan.

Elemen-elemen yang membentuk sebuah sistem yaitu :

a. Tujuan

Setiap sistem memiliki tujuan (Goal), entah hanya satu atau mungkin

banyak. Tujuan inilah yang menjadi pemotivasi yang mengarahkan sistem.

Tanpa tujuan, sistem menjadi tak terarah dan tak terkendali. Tentu saja,

tujuan antara satu sistem dengan sistem yang lain berbeda.

b. Masukan

Masukan (input) sistem adalah segala sesuatu yang masuk ke dalam sistem

dan selanjutnya menjadi bahan yang diproses. Masukan dapat berupa hal-

hal yang berwujud (tampak secara fisik) maupun yang tidak tampak.

Contoh masukan yang berwujud adalah bahan mentah, sedangkan contoh

yang tidak berwujud adalah informasi (misalnya permintaan jasa

pelanggan).

7

8

c. Proses

Proses merupakan bagian yang melakukan perubahan atau transformasi

dari masukan menjadi keluaran yang berguna dan lebih bernilai, misalnya

berupa informasi dan produk, tetapi juga bisa berupa hal-hal yang tidak

berguna, misalnya saja sisa pembuangan atau limbah. Pada pabrik kimia,

proses dapat berupa bahan mentah. Pada rumah sakit, proses dapat berupa

aktivitas pembedahan pasien.

d. Keluaran

Keluaran (output) merupakan hasil dari pemrosesan. Pada sistem

informasi, keluaran bisa berupa suatu informasi, saran, cetakan laporan,

dan sebagainya..

e. Mekanisme pengendalian dan umpan balik

Mekanisme pengendalian (control mechanism) diwujudkan dengan

menggunakan umpan balik (feedback), yang mencuplik keluaran. Umpan

balik ini digunakan untuk mengendalikan baik masukan maupun proses.

Tujuannya adalah untuk mengatur agar sistem berjalan sesuai dengan

tujuan.

f. Batas

Batas (boundary) sistem adalah pemisah antara sistem dan daerah di luar

sistem (lingkungan). Batas sistem menentukan konfigurasi, ruang lingkup,

atau kemampuan sistem. Sebagai contoh, tim sepakbola mempunyai aturan

permainan dan keterbatasan kemampuan pemain. Pertumbuhan sebuah

toko kelontong dipengaruhi oleh pembelian pelanggan, gerakan pesaing

dan keterbatasan dana dari bank. Tentu saja batas sebuah sistem dapat

9

dikurangi atau dimodifikasi sehingga akan mengubah perilaku sistem.

Sebagai contoh, dengan menjual saham ke publik, sebuah perusahaan

dapat mengurangi keterbasatan dana.

g. Lingkungan

Lingkungan adalah segala sesuatu yang berada di luar sistem. Lingkungan

bisa berpengaruh terhadap operasi sistem dalam arti bisa merugikan atau

menguntungkan sistem itu sendiri. Lingkungan yang merugikan tentu saja

harus ditahan dan dikendalikan supaya tidak mengganggu kelangsungan

operasi sistem, sedangkan yang menguntungkan tetap harus terus dijaga,

karena akan memacu terhadap kelangsungan hidup sistem.

2. Informasi

Menurut McFadden dalam Kadir (2014:45) “mendefinisikan informasi

sebagai data yang telah diproses sedemikian rupa sehingga meningkatkan

pengetahuan seseorang yang menggunakan data tersebut”.

3. Sistem Informasi

Menurut Alter dalam Kadir (2014:9) “Sistem informasi adalah kombinasi

antara prosedur kerja, informasi, orang, dan teknologi informasi yang

diorganisasikan untuk mencapai tujuan dalam sebuah organisasi”.

B. E-Commerce

Menurut Kadir (2014:315) E-Commerce di gunakan untuk mendukung

kegiatan pembelian, pemasaran produk, jasa, dan informasi melalui Internet dan

extranet. E-Commerse pada umumnya dikelompokan menjadi dua kategori :

business-to-business (B2B) dan business-to-custumer (B2C) Pada perkembangan

10

terakhir muncul jenis hubungan yang disebut costumer-to-costumer (C2C) dan

costumer-to-business (C2B).

1. Busines-to-business (B2B).

Business-to-Business (B2B) menyatakan bentuk jual-beli produk atau jasa

yang melibatkan dua atau lebih perusahaan dan dilakukan dengan sistem

otomatis. keuntungan Busines-to-business (B2B),jika dikerjakan dengan

benar, dapat menghemat biaya, meningkatkan pendapatan mengurangi

biaya administrasi dan meningkatkan layangan kepada pelanggan.

2. Business-to-custumer (B2C).

B2C melibatkan dan transaksi antara sebuah perusahaan penjual dan para

komsumen.

3. Costumer-to-costumer (C2C)

Costumer-to-costumer (C2C) atau terkadang disebut person-to-person

Menurut Elbert dan Griffin dalam kadir (2014:317) menyatakan model

perdagangan yang terjadi antara konsumen dengan konsumen melalui

internet.

4. Costumer-to-business (C2B)

Beberapa situs telah berinteraksi untuk mendukung bisnis yang berbasis

konsumen ke pembisnis (Costumer-to-business atau C2B). Secara prinsip,

di C2B, Individual menawarkan produk atau layanan ke perusahaan.

C. Unified Modeling Langue (UML)

Menurut Sukamto dan Shalahuddin (2013:133) UML (unified modeling

language) yaitu standarisasi bahasa pemodelan untuk pembangunan perangkat

11

lunak yang dibangun dengan menggunakan teknik pemrograman berorientasi

objek.

UML merupakan bahasa visual untuk permodelan dan komunikasi

mengenai sebuah sistem dengan menggunakan diagram dan teks-teks

pendukung.Diagram berbentuk grafik yang menunjukkan simbol elemen model

yang disusun untuk mengilustrasikan bagian atau aspek tertentu dari sistem.

Sebuah diagram merupakan bagian dari suatu view tertentu dan ketika

digambarkan biasanya dialokasikan untuk view tertentu. Adapun jenis diagram

antara lain :

1. Use Case Diagram

Menurut Sukamto dan Shalahuddin (2013:155) Use case atau diagram use

case merupakan permodelan untuk kelakukan (behavior) sistem informasi

yang akan dibuat. Use case mendeskripsikan sebuah interaksi antara satu

atau lebih aktor dengan sistem informasi yang akan dibuat.

2. Activity Diagram

Menurut Sukamto dan Shalahuddin (2013:161) “Diagram aktivitas atau

activity diagram menggambarkan workflow ( aliran kerja) atau aktivitas

dari sebuah sistem atau proses bisnis atau menu yang ada pada perangkat

lunak.”

3. Class Diagram

Menurut Sukamto dan Shalahuddin (2013:141) “Diagram kelas atau class

diagram menggambarkan struktur sistem dari segi pendefinisian kelas-

kelas yang akan dibuat untuk membangun sistem. Kelas memiliki apa

yang disebut atribut dan metode atau operasi.”

12

4. Sequence Diagram

Menurut Sukamto dan Shalahuddin (2013:165) Diagram sekuen

menggambarkan kelakuan objek pada use case dengan mendeskripsikan

waktu hidup objek dan message yang dikirimkan dan diterima antar objek.

Oleh karena itu untuk menggambarkan diagram sekuen maka harus

diketahui objek-objek yang terlibat dalam sebuah use case beserta metode-

metode yang dimiliki kelas yang diintansiasi menjadi objek itu.

D. Entity Relationship Diagram (ERD)

Sukamto dan Shalahuddin (2013:50), Entity Relationship Diagram (ERD)

adalah Bentuk paling awal dalam melakukan perancangan basis data

relasional.Permodelan basis data yang paling banyak digunakan adalah Entity

Relationship Diagram (ERD). ERD dikembangkan berdasarkan teori himpunan

dalam bidang matematika. ERD digunakan untuk permodelan basis data

relasional. Sehingga jika penyimpanan basis data menggunakan ERD. model

dapat diuji dengan mengabaikan proses yang dilakukan. Komponen-komponen

ERD yaitu terdiri dari :

1. Entitas (Entity) adalah suatu objek yang dapat diidentifikasi dalam

lingkungan pemakai.

2. Relasi (Relationship) adalah menunjukkan adanya hubungan di

antara sejumlah entitas yang berbeda.

3. Atribut (Attribute) adalah berfungsi mendeskripsikan karakter

entitas.

4. Kardinalitas (Cardinality) adalah menunjukkan jumlah maksimum

entitas yang dapat berelasi dengan entitas pada himpunan entitas lain.

13

5. Modalitas (Modality) adalah Partisipasi sebuah entitas pada suatu relasi.

E. Website

Website adalah sejumlah halaman web yang memiliki topik saling terkait,

terkadang disertai pula dengan berkas-berkas gambar, video, atau jenis-jenis

berkas lainnya.

F. Internet

Menuruti Iskandar (2009:1) Internet atau interconnected network adalah

sebuah sistem komunikasi global yang menghubungkan computer-komputer dan

jaringan terhubung secara langsung maupun tidak langsung ke beberapa jalur

utama yang disebut internet backbone. Masing-masing dibedakan anatar satu

dengan yang lainnya menggunakan unique name yang disebut alamat 32 bit.

contoh alamat ip adalah 202.155.4.230 Computer dan jaringan dengan berbagai

platform (unix, linux, windows,mac ,dan lain lain;masing –masing mempunyai

perbedaan dan ciri khas) dapat bertukar informasi dengan adanya sebuah protocol

standar yang dikenal dengan nama TCP/IP (Transmission Control Protocol

/Internet Protocol). TCP/IP tersusun atas empat layer, yaitu network access,

internet, host –to –host transport dan application setiap layer tersebut memliki

protokolnya .

G. PHP

Menurut Sutisna (2007:40) PHP (Hypertext Preprocessor) adalah jenis

middleware open source, sehingga dapat digunakan oleh siapa saja dengan Cuma-

Cuma. Selain gratis, PHP memiliki berbagai kelebihan, di antaranya untuk

membuat website yang dinamis. PHP akan dijalankan pada sisi server (server

side) sehingga klien tidak bias melihat kode aslinya.

14

H. MySQL

MySQL merupakan software sistem manajemen database (Database

Management System – DBMS) . Pemrograman PHP juga sangat mendukung

dengan database MySQL.

MySQL adalah Relational Database Management System (RDBMS) yang

didistribusikan secara gratis dibawah lisensi GPL (General Public License).

Dimana setiap orang bebas untuk menggunakan MySQL, namun tidak boleh

dijadikan produk turunan yang bersifat komersial. MySQL sebenarnya merupakan

turunan salah satu konsep utama dalam database sejak lama, yaitu SQL

(Structured Query Language). SQL adalah sebuah konsep pengoperasian

database, terutama untuk pemilihan atau seleksi dan pemasukan data, yang

memungkinkan pengoperasian data dikerjakan dengan mudah secara otomatis.

Keandalan suatu database (DBMS) dapat diketahui dari cara kerja optimizer-nya

dalam melakukan proses perintah-perintah SQL, yang dibuat oleh user maupun

program-program aplikasinya. Sebagai database server, MySQL dapat dikatakan

lebih unggul dibandingkan database server lainnya dalam query data. Hal ini

terbukti untuk query yang dilakukan oleh single user, kecepatan query MySQL

bisa sepuluh kali lebih cepat dari PostgreSQL dan lima kali lebih cepat

dibandingkan Interbase.

I. Xampp

Menurut Baskoro (2013:16) Xampp adalah salah satu software server

yang bisa berjalan diatas sistem operasi seperti windows, apple , dan linux.

15

Melalui xampp ini aplikasi website atau CMS bisa dijalankan, termasuk joomla,

drupal, wordpress, dan lainnya.

2.2. Penelitian Terkait

Menurut Rulia dkk (2012,1). Membuat sebuah media promosi dan penjualan online berbasis website, perancangan dan pembuatan ini dimaksudkan untuk memudahkan pengelolaan, penjualan dan promosi, juga mempermudah pembeli. Agar konsumen lebih mudah memilih model–model fashion, konsumen tanpa harus datang ke toko. Mempromosikan suatu produk harus disertai,dengan konsep yang mudah dan menarik agar diminati oleh konsumen dan masyarakat. Dengan dilakukan penelitian ini diharapkan mampu menciptakan sarana pemasaran yang lebih efektif daripada sistem sebelumnya pada Tata Distro kelurahan Ploso kabupaten Pacitan sehingga meningkatkan omset penjualan pada Tata Distroini.

Menurut Rizkysari dkk (2014,357) Pemasaran merupakan salah satu hal yang terpenting bagi pelaku bisnis. Tanpa pemasaran yang baik, maka akan sulit membuat usaha lebih maju. Hal ini juga dialami oleh satu satu pelaku bisnis di kudus, yaitu vantacy shop. Vantacy shop merupakan salah satu usaha yang menjual goody bag (tas). Tidak hanya menjual tetapi juga mendesain sendiri tas tersebut. Pemasaran yang sudah dilakukan adalah door to door, artinya pemasaran konvensional. Dengan perkembangan teknologi sekarang ini, penulis ingin mencoba mengangkat vantacy shop dengan menciptakan pemasaran secara online. Penjualan online ini akan dilengkapi dengan penyebaran informasi mengenai goody bag menggunakan QR Code. QR Code merupakan teknologi yang sudah banyak diaplikasikan pada system operasi android. Jadi dengan adanya QR Code ini diharapkan konsumen lebih mudah memperoleh informasi mengenai apa yang ditawarkan dari vantacy shop. Selain itu website penjualan online ini menggunakan metode waterfall serta berbasis web responsive, sehingga dapat diakses menggunakan semua gadget yang dimiliki oleh konsumen dengan tampilan yang baik.

16

BAB III

ANALISA SISTEM BERJALAN

3.1. Tinjauan Perusahaan

Sistem penjualan online merupakan sistem yang memiliki banyak

keunggulan jika dimanfaatkan secara baik. Dengan memanfaatkan sistem

penjualan online maka Toko Jam Pasar Obor Jakarta diharapkan dapat

mempromosikan barang yang dijual lebih mudah, karena setiap orang akan lebih

cepat mendapatkan informasi dengan adanya website.

3.1.1. Sejarah Perusahaan

Toko Jam Pasar Obor mulai di dirikan pada awal bulan Januari tahun 2011

merupakan salah satu perusahaan yang bergerak di bidang penjualan Jam.

Lokasinya terletak di Pasar Obor cijantung, dimana nama toko pasar obor

digunakan karena sebelumnya toko tersebut berada di Pasar Obor cijantung

sekaligus membuka cabang di jalan Raya Kalisari 3 Jakarta Timur yang kemudian

diberi nama Toko Jam Pasar Obor. Sebagaimana dengan perusahaan pada

umumnya Toko Pasar Obor Jakarta memiliki proses perkembangan dalam

merintis usahanya. Awalnya Toko Pasar Obor Jakarta mempromosikan Jam hanya

melalui spanduk atau poster yang dipasang tepat di depan halamannya. Artinya,

dengan promosi yang demikian, mengakibatkan masyarakat luas kurang

mengetahui produk Jam yang diperjual belikan.

17

Pemilik

Pegawai Kasir

18

3.1.2. Struktur Organisasi

Struktur organisasi sangat penting dalam menunjang suatu kegiatan dan

tujuan tertentu yang ingin dicapai. Oleh karena itu, perusahaan, badan, maupun

kelompok kepentingan biasanya memiliki struktur organisasi. Definisi struktur

dalam hal ini diartikan sebagai pembagian tugas dan wewenang (status dan peran)

terhadap seseorang atau divisi tertentu yang memiliki fungsi saling berkaitan satu

sama lain. Pengetian organisasi diartikan sebagai salah satu alat untuk

mempresentasikan tujuan sekumpulan orang.

Organisasi memiliki arti penting lainnya yakni sebagai media untuk

mencapai tujuan kolektif, Berdasarkan penjelasan di atas, dapat disimpulkan

bahwa struktur organisasi adalah suatu alat untuk mencapai suatu tujuan kolektif

dengan cara menjalankan masing-masing status dan peran yang sudah ditentukan.

Berikut ini adalah struktur organisasi yang terdapat di Toko Pasar Obor Jakarta :

Sumber: Toko Pasar Obor Jakarta Tahun 2011

Gambar III. 1 Struktur Organisasi Toko Pasar Obor Jakarta

19

Struktur Organisasi Toko Pasar Obor Jakarta

A. Pemilik

Mengawasi seluruh kegiatan sehari-hari di Toko Pasar Obor Jakarta

1. Mengawasi seluruh kegiatan sehari-hari di Toko Pasar Obor Jakarta

2. Mengecek setiap penghasilan toko setiap hari.

3. Memimpin dan mengkoordinasi seluruh kegiatan operasional Toko Pasar

Obor Jakarta

B. Kasir

1. Menerima uang hasil pembelian konsumen.

2. Bertanggung jawab atas seluruh uang hasil penjualan di Toko Pasar Obor

Jakarta

3. Membuat laporan hasil penjualan Jam Toko Pasar Obor Jakarta

C. Pegawai

1. Melayani pembeli yang datang sebelum ke kasir.

2. Membereskan semua peralatan Toko Pasar Obor Jakarta

3. Membuka dan menutup toko setiap hari kerja.

20

3.2. Proses Bisnis

Proses Bisnis sistem berjalan yang terdapat pada Toko Pasar Obor Jakarta

adalah pada proses penjualan barang, konsumen datang ke toko untuk memilih

barang yang ingin di beli dan menayakan barang–barang yang disukai untuk di

beli. Selama konsumen mencari barang yang akan dibeli akan di layani oleh

pegawai toko. Apabila konsumen sudah mendapatkan barang yang akan dibeli,

kemudian pelayan took akan membantu memberikan barang tersebut ke kasir

untuk di buatkan notapembelian dan selanjutnya konsumen bisa langsung

melakukan proses pembayaran di kasir. Setelah proses pembayaran selesai

dilakukan, barang tersebut kemudian diberikan kepada konsumen.

21

Gambar III. 2 Gambar Diagram Activity Penjualan

3.3. Spesifikasi Dokumen Sistem Berjalan

Dokumen masukkan adalah sebagai masukan beberapa dokumen yang

diolah didalam proses untuk menghasilkan sesuai yang diharapkan.

1. Dokumen Masukan

Dokumen masukan adalah bentuk yang diperlukan dalam sistem

pemesanan barang. Dokumen masukan akan diolah sesuai dengan maksud

dan tujuan sistem. Bentuk dari dokumen masukan tersebut adalah :

Menanyakan barang yang dibeli

Menerima Nota pembayaran

Melakuan Pembayaran

Menerima semua barang pembelian

Menjumlah pembelian barang

Membuatkan Notapembayaran

Ada

Konsumen Kasir

Mencari barang yang dibeli

Tidak

Pegawai

Memberikan konfirmasi

Menanyakan pembelian lainYa

Tidak

Menerima Pembayaran

Memberikan Barang

Memberikan semua barang pembelian

Menerima Barang

22

1. Nama keluaran : Nota

Fungsi : bukti pembelian

Sumber : kasir

Tujuan : konsumen

Media : Kertas

Frekuensi : Setiap melakukan pembelian

Format : Lampiran A-1

BAB IV

RANCANGAN SISTEM DAN PROGRAM USULAN

4.1. Analisa Kebutuhan Software

A. Tahapan Analisis

Berikut ini adalah spesifikasi kebutuhan (system requirement) dari sistem

informasi penjualan berbasis web.

Halaman Administrator:

A1. Mengelola data Kategori.

A2. Mengelola data News.

A3. Mengelola data Produk.

A4. Mengelola data Testimoni.

A5. Mengelola data Pembayaran.

A6. Mengelola data Laporan

Halaman Konsumen :

B1. Kosumen bisa daftar sebagai member

B2. Konsumen bisa login dengan account yang sudah dibuat,

B3. Konsumen bisa mencari barang dengan memfilter berdasarkan kategori,

B4. Konsumen bisa memilih barang yang akan dibeli kemudian ditambahkan ke

dalam keranjang belanja.

B5. Konsumen bisa langsung melakukan konfirmasi pembayaran via web.

B.6 Konsumen melakukan testimoni

23

24

B. Use Case Diagram

Berikut ini adalah Use Case Diagram yang menggambarkan sistem informasi

penjualan jam pada toko Pasar Obor yaitu pengelolaan pada level

administrator dan level konsumen, berikut gambarannya:

1. Use Case Diagram Administrator

Gambar IV.1

Use Case Diagram Administrator

uc Use Case Administrator

Admin

Mengelola data kategori

Mengelola data testimoni

Mengelola data produk

Mengelola data pembayaran

Mengelola data news

Mengelola data laporan

25

Tabel IV.1

Deskripsi Use Case Diagram Administrator

Use Case Name Sisfo Penjualan Administrator

Requirements A1-A6

Goal Administrator mengelola sistem informasi penjualan

Pre-Conditions Administrator sudah melakukan login

Post-Conditions Administrator melakukan penambahan, perubahan dan

menghapus data.

Failed and condition Administrator gagal menyimpan, mengubah dan

menghapus

Primary Actors Administrator

Main Flow/Basic path 1. Administrator mengelola data produk

2. Administrator mengelola data testimoni

3. Administrator mengelola data kategori

4. Administrator mengelola data news

5. Administrator mengelola data pembayaran

6. Administrator mengelola data laporan

26

2. Use Case Diagram Konsumen

Gambar IV.2

Use Case Diagram Konsumen

Tabel IV.2

Deskripsi Use Case Diagram Konsumen

Use Case Name Sisfo Penjualan pada Konsumen

Requirements B1-B5

Goal Konsumen bisa mengedit dan menghapus pembelian

barang

Pre-Conditions Konsumen telah login

Post-Conditions Konsumen melakukan pembelian barang, konfirmasi

pembayaran dan menghapus pembelian

Failed and condition Konsumen gagal login ke sistem informasi penjualan

Primary Actors Konsumen

Main Flow/Basic 1. Konsumen melihat data kategori

uc Use Case Konsumen

Konsumen

Mengelola konfirmasi pembayaran

Melihat data kategori

Mengelola pembelian barang

Menginput testimoni

27

path

2. Konsumen menginput testimoni.

3. Konsumen mengelola pembelian barang

4. Konsumen mengelola konfirmasi pembayaran

C. Activity Diagram

1. Activity Diagram Login Konsumen

Gambar IV.3

Activity Diagram Login Konsumen

2. Activity Diagram daftar member baru

uc Activ ity Diagram Login Konsumen

Sistem informasi penjualanKonsumen

Start

Memasukan username dan password

Memv alidasi username dan password

Menampilkan halaman konsumen

Username dan Password yang anda

isi salah !!!

Finish

[tidak]

[ya]

28

Gambar IV.4

Activity Diagram daftar member baru

3. Activity Diagram konfirmasi pembayaran

uc Activ ity Diagram daftar member baru

Sistem informasi penjualanKonsumen

Start

Memilih daftar member baru

Menampilkan menu pendaftaran

Daftar

Finish

Mengisi menu pendaftaran

Memv alidasi kelengkapan data

[ya]

[tidak]

29

Gambar IV.5

Activity Diagram konfirmasi pembayaran

4.2. Desain

uc Activ ity Diagram konfirmasi pembayaran

Sistem informasi penjualanKonsumen

Start

Memilih menu konfirmasi

pembayaran

Menampilkan menu no faktur pemesanan

Menampilkan menu input data

Finish

Input no faktur pemesanan

Memv alidasi no faktur pemesanan

Melengkapi data dan upload bukti pembayaran

Data telah tersimpan

[tidak]

[ya]

30

4.2.1. Database

1. Entity Relationship Diagram

Gambar IV.6 Entity Relationship Diagram

2. Logical Record Structure

31

Gambar IV.7 Logical Record Structure

3. Spesifikasi File

a. Spesifikasi File Tabel barang

Nama Database : barangtbl

Nama file : tabel barang

Akronim : barangtbl.myd

Tipe File : File Master

Akses File : Random

Panjang record : 84 byte

Kunci field : id_brg

Tabel IV.3

Spesifikasi File Tabel barang

32

No Elemen data Nama field type size keterangan

1 Id barang id_brg int 11 Primary key

2 Nama barang Nama int 6 Foreign key

3 Kategori Kategori varchar 25

4 Harga Harga int 8

5 Stock Stock int 11

6 Gambar Gambar varchar 30

b. Spesifikasi FileTabel pelanggan

Nama Database : pelanggantbl

Nama file : data pelanggan

Akronim : pelanggantbl.myd

Tipe File : File Master

Akses File : Random

Panjang record : 84 byte

Kunci field : id_plg

Tabel IV.4

Spesifikasi File Tabel Pelanggan

33

No Elemen data Nama Field Type Size Keterangan

1 Id Pelangan id_plg Int 11 Primary key

2 Nama nama Varchar 25

3 Alamat alamat Varchar 40

4 Email email Varchar 25

5 Telepon telepon Varchar 40

6 Username Username Varchar 25

7 Password Password Varchar 10

c. Spesifikasi FileTabel Transaksi

Nama Database : transaksitbl

Nama file : tabel transaksi

Akronim : transaksitbl.myd

Tipe File : File Master

Akses File : Random

Panjang record : 84 byte

Kunci field : no_transaksi

Tabel IV.5

34

Spesifikasi File Tabel Transaksi

No Elemen data Nama Field Type Size Keterangan

1 No Transaksi No_transaksi Int 11 Primary key

2 Id pelanggan id_plg Varchar 11 Foreign key

3 Username Username Varchar 30

4 Id barang Id_brg Varchar 11 Foreign key

5 Status Status Varchar 30

d. Spesifikasi File Tabel transaksirinci

Nama Database : transaksirincitbl

Nama file : tabel transaksi rinci

Akronim : transaksirincitbl.myd

Tipe File : File Master

Akses File : Random

Panjang record : 84 byte

Kunci field : No_transaksi

Tabel IV.6

Spesifikasi File Tabel Transaksi Rinci

Webserver

User Interface

Business Prosecessing

Security

Mysql

Data

35

No Elemen data Nama Field Type Size Keterangan

1 No Transaksi No_transaksi Int 11 Primary key

2 Username Username Varchar 30

3 Id barang Id_brg Varchar 11 Foreign key

4 Nama Nama Varchar 30

5 Harga Harga Int 11

6 Jumlah Jumlah Int 11

7 Subtotal Subtotal Int 11

4.2.2. Software Architecture

A. Component Diagram

Gambar IV.8

Component Diagram Sistem Informasi Pencatatan dan Pelaporan

B. Deployment Diagram

36

Gambar IV.9

Deployment Diagram Sistem Informasi Penjualan Online

4.2.3. User Interface

Rancangan layar atau userinterface merupakan salah satu komponen dari

sistem yang dirancang berfungsi sebagai sarana komunikasi antara user

(konsumen) dan program sistem yang nantinya akan digunakan.

1. Halaman Beranda

Gambar IV.11

Halaman Beranda

2. Halaman Cara Order

37

Gambar IV.13

Halaman Cara Order

3. Rancangan Halaman Pencarian Produk

Gambar IV.14

Halaman Pencarian Produk

4. Rancangan Halaman Contact us

38

Gambar IV.15

Halaman Contatc us

5. Rancangan Halaman Keranjang

Gambar IV.16

Halaman keranjang

6. Rancangan Halaman Login Admin

39

Gambar IV.17

Halaman Login

4.3 Code Generation

<?php session_start();

if (ISSET($_SESSION['userlogin']))

{

header("location:home.php");

}

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

40

<title>Toko Jam Pasar Obor</title>

<style type="text/css">

.Teks_Menu_Atas {

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

font-size: 10px;

}

.Area_Menu_Kiri {

height: auto;

width: 175px;

margin-left: 6px;

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

}

.Area_Menu_Kanan {

height: auto;

width: 175px;

margin-left: 10px;

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

41

text-align: left;

}

.Teks_Login {

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

font-size: 11px;

}

.Teks_Selamat {

font-family: Tahoma, Geneva, sans-serif;

font-size: 16px;

text-align: center;

}

.Teks_Menu {

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

font-weight: bold;

}

.Teks_Kategori {

font-family: Arial, Helvetica, sans-serif;

42

font-size: 12px;

}

.Teks_News {

font-family: Tahoma, Geneva, sans-serif;

font-size: 12px;

}

.Teks_Testimonial {

font-family: Tahoma, Geneva, sans-serif;

font-size: 12px;

}

.Teks_Informasi {

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

font-size: 11px;

}

.Teks_Bank {

font-family: Arial, Helvetica, sans-serif;

font-size: 13px;

43

}

.Teks_Produk {

font-family: Tahoma, Geneva, sans-serif;

font-size: 14px;

color: #0096C3;

}

.Area_Produk {

height: auto;

width: 375px;

margin-top: 0px;

font-size: 10px;

font-family: Arial, Helvetica, sans-serif;

}

.Area_Slider {

width: 375px;

margin-top: 10px;

}

a:link {

44

color: #006699;

text-decoration: none;

}

a:hover {

color: #5F9C9F;

text-decoration: none;

}

a:visited {

text-decoration: none;

color: #006699;

}

a:active {

text-decoration: none;

color: #5F9C9F;

}

body {

background-image: url(Gambar/Background.jpg);

}

</style>

45

<script type="text/javascript">

function MM_preloadImages() { //v3.0

var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length;

i++)

if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

}

function MM_swapImgRestore() { //v3.0

var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++)

x.src=x.oSrc;

}

function MM_findObj(n, d) { //v4.01

var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)

x=d.forms[i][n];

for(i=0;!x&&d.layers&&i<d.layers.length;i++)

x=MM_findObj(n,d.layers[i].document);

if(!x && d.getElementById) x=d.getElementById(n); return x;

}

function MM_swapImage() { //v3.0

var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;

46

for(i=0;i<(a.length-2);i+=3)

if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc)

x.oSrc=x.src; x.src=a[i+2];}

}

</script>

</head>

<body onload="MM_preloadImages('Gambar/Tlogin.jpg','Gambar/TLogin

Rollover.jpg')">

<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>

<th width="200" height="22" align="left" valign="top" bgcolor="#F7FAE4"

scope="col"><div class="Area_Menu_Kiri">

<form id="form2" name="form2" method="post" action="cari.php">

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<th align="left" valign="middle" class="Teks_Login"

scope="col">Search</th>

<th align="left" valign="middle" scope="col"><label

for="kategori"></label>

<input name="kategori" type="text" id="kategori" size="15" /></th>

<th align="left" valign="middle" scope="col"><a href="#"

onmouseout="MM_swapImgRestore()"

onmouseover="MM_swapImage('Image11','','Gambar/TSearch

Rollover.jpg',1)"><img src="Gambar/Tsearch.jpg" width="50" height="20"

47

id="Image11" /></a></th>

</tr>

</table>

</form>

</div></th>

<th colspan="2" align="right" valign="middle" bgcolor="#F8FBE6"

class="Teks_Menu_Atas" scope="col">

<table width="95%" border="0" cellspacing="0" cellpadding="0">

<tr>

<th align="right" scope="col"><marquee scrollamount=”3”>

Selamat datang di website jampas.com,kami akan memberikan Anda harga

dan beberapa pilihan jam yang menarik, selamat berbelanja...&nbsp;

</marquee></th>

</tr>

</table>

</th>

</tr>

<tr>

<td colspan="3"><img src="Gambar/Header.png" width="400"

height="130" /></td>

</tr>

<tr>

<td colspan="3"><img src="Gambar/Menu Tengah.png" width="800"

48

height="35" usemap="#Map" border="0" /></td>

</tr>

<tr>

<td align="left" valign="top" bgcolor="#E8EED7"><div

class="Area_Menu_Kiri">

<form id="form1" name="form1" method="post" action="login.php">

<table width="100%" border="0" cellspacing="2" cellpadding="0">

<tr>

<td width="29%" class="Teks_Login">User</td>

<td width="3%" class="Teks_Login">:</td>

<td width="68%"><label for="usertxt4"></label>

<input name="usertxt" type="text" id="usertxt4" size="15" /></td>

</tr>

<tr>

<td class="Teks_Login">Password</td>

<td class="Teks_Login">:</td>

<td><label for="pswtxt"></label>

<input name="pswtxt" type="password" id="pswtxt" size="15" /></td>

</tr>

<tr>

<td>&nbsp;</td>

<td>&nbsp;</td>

49

<td align="left" valign="top">&nbsp;<a href="#"

onmouseout="MM_swapImgRestore()"

onmouseover="MM_swapImage('Image8','','Gambar/TLogin

Rollover.jpg',1)"><input type=image img src="Gambar/Tlogin.jpg" alt=""

width="50" height="20" id="Image8" /></a></td>

</tr>

<tr>

<td align="left" valign="top">&nbsp;</td>

<td align="left" valign="top">&nbsp;</td>

<td align="left" valign="top" class="Teks_Menu_Atas">&nbsp;<a

href="member.php" target="_self">Daftar member baru</a></td>

</tr>

<tr>

<td colspan="3" align="left" valign="top"><table width="100%"

border="0" cellspacing="0" cellpadding="2">

<tr>

<th align="left" valign="top" scope="col"><img src="Gambar/Menu

Kiri Kategori.jpg" alt="" width="175" height="25" /></th>

</tr>

<tr>

<th align="left" valign="top" class="Teks_Kategori" scope="col"><?php

include"kategori.php"; ?></th>

</tr>

</table></td>

50

</tr>

<tr>

<td colspan="3" align="left" valign="top"><table width="100%"

border="0" cellspacing="0" cellpadding="2">

<tr>

<th align="left" valign="top" scope="col"><img src="Gambar/menu

kiri konfirmasi.jpg" alt="" width="175" height="25" /></th>

</tr>

<tr>

<td align="left" valign="top" class="Teks_News" scope="col"><a

href="konfirmasi.php">Konfirmasi Pembayaran</a></td>

</tr>

</table></td>

</tr>

<tr>

<td align="left" valign="top">&nbsp;</td>

<td align="left" valign="top">&nbsp;</td>

<td align="left" valign="top">&nbsp;</td>

</tr>

<tr>

<td colspan="3" align="left" valign="top"><table width="100%"

border="0" cellspacing="0" cellpadding="2">

<tr>

51

<th align="left" valign="top" scope="col"><img src="Gambar/Menu

Kiri News.jpg" alt="" width="175" height="25" /></th>

</tr>

<tr>

<td valign="top" class="Teks_Testimonial" scope="col"><span

class="Teks_News">

<?php include "news.php"; ?>

</span><br /></td>

</tr>

</table></td>

</tr>

<tr>

<td colspan="3" align="center" valign="top"><a

href="https://ibank.klikbca.com/" target="new"></a></td>

</tr>

<tr>

<td colspan="3" align="center" valign="top"><span

class="Teks_Bank">by request</span></td>

</tr>

<tr>

<td colspan="3" align="center" valign="top">jampas</td>

</tr>

52

</table>

</form>

</div></td>

<th width="400" align="center" valign="top" bgcolor="#FFFFFF"><table

width="100%" border="0" cellpadding="0" cellspacing="0"

class="Area_Produk">

<tr>

<th align="center" valign="top" scope="col"><div class="Area_Slider">

<table width="100%" border="0">

<tr>

<td><?php include"slider.php" ?></td>

</tr>

</table>

</div></th>

</tr>

<tr>

<th align="left" valign="top" class="Teks_Selamat"

scope="col">&nbsp;</th>

</tr>

<tr>

<th align="left" valign="top" class="Teks_Selamat" scope="col">Selamat

datang di jampas.com<br />

Nikmati kemudahan berbelanja bersama kami !!! <br /></th>

53

</tr>

<tr>

<th align="left" valign="top" class="Teks_Produk" scope="col"><hr /></th>

</tr>

<tr>

<th align="left" valign="top" class="Teks_Produk" scope="col">NEWS

ITEM &amp; RESTOCK !!!</th>

</tr>

<tr>

<th align="left" valign="top" class="Teks_Produk"

scope="col">&nbsp;</th>

</tr>

<tr>

<td align="center" valign="top"><div class="Area_Produk">

<?php include "produk_baru.php"; ?>

</div></td>

</tr>

</table></th>

<td width="200" align="left" valign="top" bgcolor="#E8EED7"><div

class="Area_Menu_Kanan">

<table width="100%" border="0" cellspacing="2" cellpadding="0">

<tr>

<th width="13%" align="left" valign="top" scope="col"><img

54

src="Gambar/Kantong Belanja.png" width="25" height="25" /></th>

<td width="87%" align="left" valign="middle" class="Teks_Menu"

scope="col">Keranjang Belanja <?php include "jumlah.php"; ?></td>

</tr>

<tr>

<th colspan="2" align="center" valign="top" scope="col"><?php include

"keranjang_belanja_memo.php"; ?></th>

</tr>

<tr>

<th colspan="2" align="left" valign="top" class="Teks_Keranjang"

scope="col">&nbsp;</th>

</tr>

<tr>

<th colspan="2" align="left" valign="top" scope="col"><img

src="Gambar/Menu Kanan Best Seller.jpg" width="175" height="25" /></th>

</tr>

<tr>

<th colspan="2" align="center" valign="top" scope="col"><?php include

"bestseller.php"; ?></th>

</tr>

<tr>

<th colspan="2" align="left" valign="top" scope="col"><img

src="Gambar/Menu Kanan Informasi.jpg" width="175" height="25" /></th>

55

</tr>

<tr>

<th align="left" valign="top" scope="col">&nbsp;</th>

<td align="left" valign="middle" class="Teks_Informasi" scope="col"><?

php include "visitor.php"; ?></td>

</tr>

<tr>

<th align="left" valign="top" scope="col">&nbsp;</th>

<td align="left" valign="middle" class="Teks_Informasi" scope="col"><?

php include "counter.php"; ?>&nbsp;</td>

</tr>

<tr>

<th align="center" valign="top" scope="col">&nbsp;</th>

<td align="left" valign="top" class="Teks_Informasi" scope="col">CS

Online : 081584573130<br />

WA : 081289423150 <br /></td>

</tr>

<tr>

<th colspan="2" align="center" valign="top" scope="col"><?php include

"yahoo.php"; ?>&nbsp;</th>

</tr>

<tr>

<th colspan="2" align="left" valign="top" scope="col"><img

src="Gambar/Menu Kanan Pembayaran.jpg" alt="" width="175" height="25"

56

/></th>

</tr>

<tr>

<th align="center" valign="top" scope="col">&nbsp;</th>

<th align="center" valign="top" scope="col">&nbsp;</th>

</tr>

<tr>

<th colspan="2" align="center" valign="top" scope="col"><a

href="https://ibank.klikbca.com/" target="new"><img

src="Gambar/bankbca.png" alt="" width="150" height="50" /></a></th>

</tr>

<tr>

<td colspan="2" align="center" valign="top" class="Teks_Bank"

scope="col">&nbsp;</td>

</tr>

<tr>

<td colspan="2" align="center" valign="top" class="Teks_Bank"

scope="col">&nbsp;</td>

</tr>

<tr>

<th align="center" valign="top" class="Teks_Bank"

scope="col">&nbsp;</th>

<th align="center" valign="top" class="Teks_Bank"

57

scope="col">&nbsp;</th>

</tr>

<tr>

<th colspan="2" align="center" valign="top" class="Teks_Bank"

scope="col"><a href="https://ib.bankmandiri.co.id/" target="new"><img

src="Gambar/bankmandiri.png" alt="" width="150" height="50" /></a></th>

</tr>

<tr>

<td colspan="2" align="center" valign="top" class="Teks_Bank"

scope="col">&nbsp;</td>

</tr>

<tr>

<td colspan="2" align="center" valign="top" class="Teks_Bank"

scope="col">&nbsp;</td>

</tr>

<tr>

<th align="center" valign="top" class="Teks_Bank"

scope="col">&nbsp;</th>

<th align="center" valign="top" class="Teks_Bank"

scope="col">&nbsp;</th>

</tr>

<tr>

<th colspan="2" align="center" valign="top" class="Teks_Bank"

scope="col">&nbsp;</th>

58

</tr>

<tr>

<td colspan="2" align="center" valign="top" class="Teks_Bank"

scope="col">&nbsp;</td>

</tr>

<tr>

<td colspan="2" align="center" valign="top" class="Teks_Bank"

scope="col">&nbsp;</td>

</tr>

<tr>

<th align="center" valign="top" class="Teks_Bank"

scope="col">&nbsp;</th>

<th align="center" valign="top" class="Teks_Bank"

scope="col">&nbsp;</th>

</tr>

</table>

</div></td>

</tr>

<tr>

<td colspan="3"><img src="Gambar/Footer.png" width="800" height="70"

/></td>

</tr>

</table>

59

<map name="Map" id="Map">

<area shape="rect" coords="126,4,166,19" href="home.php" target="_self" />

<area shape="rect" coords="199,5,250,19" href="produk.php" target="_self" />

<area shape="rect" coords="288,7,357,19" href="caraorder.php"

target="_self" />

<area shape="rect" coords="394,5,455,18" href="isitestimonial.php"

target="_self" />

<area shape="rect" coords="495,5,549,19" href="about.php" target="_self" />

<area shape="rect" coords="581,4,657,20" href="contact.php" target="_self" />

</map>

</body>

</html>

4.4 Testing

Dalam pembuatan sistem informasi penjualan ini, diperlukan pengujian-

pengujian tertentu untuk menguji kemampuan dari sistem yang terbisa dalam

aplikasi ini.Pengujian dilakukan dengan metode Black Box Testing, dimana

60

program diuji coba secara langsung untuk mengetahui bug-bug yang terbisa dalam

aplikasi.

a. Black Box Testing

Berikut adalah beberapa hasil pengujian terhadap aplikasi sistem informasi

penjualan:

A. Form Login

Tabel IV.7

Hasil Pengujian Black Box Testing Form Login Member

No. Skenario

Pengujian

Test Case Hasil Yang

Diharapkan

Hasil

Pengujian

Kesimpulan

1 Mengosongkan

semua isian data

login pada login

member, lalu

langsung mengklik

tombol ‘login’

User :

(kosong)

Password:

(kosong)

Sistem akan

menolak akses

login dan

menampilkan pesan

“Username dan

Password yang

Anda isi salah...!!!

Sesuai

Harapan

Valid

2 Hanya mengisi

data Email dan

mengosongkan

data password, lalu

langsung mengklik

tombol‘login’

User:

(alamsyah14)

Password:

(kosong)

Sistem akan

menolak akses

login dan

menampilkan pesan

“Username dan

Password yang

Anda isi salah...!!!

Sesuai

Harapan

Valid

3 Hanya mengisi

data password dan

mengosongkan

data email, lalu

langsung mengklik

User:

(kosong)

Password :

(123456)

Sistem akan

menolak akses

login dan

menampilkan pesan

“Username dan

Sesuai

harapan

Valid

61

tombol‘login Password yang

Anda isi salah...!!!”

4 Menginputkan

dengan kondisi

salah satu data

benar dan satu lagi

salah, lalu

langsung mengklik

tombol ‘login’

User:

alamsyah14

(benar)

Password:

12345 (salah)

Sistem akan

menolak akses

login dan

menampilkan pesan

“Username dan

Password yang

Anda isi salah...!!!”

Sesuai

harapan

Valid

5 Menginputkan data

login yang benar,

lalu mengklik

tombol ‘login’

user:

alamsyah14

Password:

123456

Sistem menerima

akses login dan

kemudian langsung

menampilkan form

beranda

Sesuai

harapan

Valid

B. Form Daftar

Tabel IV.8

Hasil Pengujian Black Box Testing Form Daftar Member

No.

Skenario Pengujian Test Case Hasil Yang Diharapkan

Hasil Pengujian

Kesimpulan

1 Mengosongkan semua isian data Daftar pada login Daftar, lalu langsung mengklik tombol ‘Daftar’

Nama: (kosong)

Alamat : (kosong)

Telepon:(kosong)

Email:(kosong)

User:(kosong)

Password: (kosong)

Ree Password: (kosong)

Sistem akan menolak akses daftar dan menampilkan pesan “nama email anda belum diisi !!password anda belum dimasukkan!!”

Blm Sesuai Harapan

Blm Valid

2 Hanya mengisi data Email dan mengosongkan

Nama: (kosong) Sistem akan menolak akses login dan

Blm Sesuai

Blm Valid

62

data,nama,telpon,alamat,kota dan password

Alamat : (kosong)

Telepon:(kosong)

Email:([email protected])

User:(kosong)

Password: (kosong)

Ree Password: (kosong)

menampilkan pesan “password belum anda masukkan!!”

Harapan

3 Hanya mengisi data nama dan mengosongkan data,email,telpon,alamat,kota dan password,

Nama: (kosong)

Alamat : (kosong)

Telepon:(kosong)

Email:([email protected])

User:(kosong)

Password: (kosong)

Ree Password: (kosong)

Sistem akan menolak akses daftar dan menampilkan pesan “nama email anda belm diisi dan password anda belum dimasukkan”

Blm Sesuai Harapan

Blm Valid

4 mengisi data nama, email, telpon dan alamat .lalu mengosongkan user dan password langsung mengklik tombol ‘daftar’

Nama: ageng

Alamat : jl. Alamanda areman

Telepon:081289423150

Email:([email protected])

User:(kosong)

Password: (kosong)

Ree Password: (kosong)

Sistem akan menolak akses daftar dan menampilkan pesan “email anda tidak valid email anda belum dimasukkan”

Blm Sesuai Harapan

Blm Valid

5 Menginputkan data login yang benar, lalu mengklik tombol ‘daftar’

Nama: ageng

Alamat : jl. Alamanda areman

Telepon:081289423

Sistem menerima akses daftar dan menampilkan pesan “Selamat datang di jampas.com

Sesuai harapan

Valid

63

150

Email:([email protected])

User:(agengmukti)

Password: (123456)

Ree Password: (123456)

Nikmati kemudahan berbelanja bersama kami !!!

4.5 Support

4.5.1 Publikasi Website

Publikasi website situs sistem informasi Toko Jam Pasar Obor dengan

alamat URL www.gengko.com, proses registrasi domain dimulai dengan

melakukan pengecekan nama domain yang dikehendaki apakah sudah dimiliki

oleh instansi lain atau belum, yaitu dengan mengakses situs web dengan alamat

URL www.dapurhosting.com, rincian detail akan diberikan oleh

www.dapurhosting.com atas request nama domain yang ingin kita ketahui

kepemilikannya.

4.5.2. Spesifikasi Hardware dan Software

Dalam pembuatan sistem informasi penjualan online ini perangkat

komputer yang digunakan adalah dengan spesifikasi sebagai berikut :

Tabel IV.10

Spesifikasi Hardware dan Software

64

Kebutuhan Keterangan

Sistem Operasi Windows 10 Pro 32-Bit

Processor AMD A8-7410 APU

Ram 4 GB

Harddisk 1 Tera

CD-ROM 52X

Monitor SVGA 16"

Keyboard 108 key

Printer Laser Jet

Mouse Standard

Browser Google Chrome

Software Dreamweaver, Xampp

4.6  Spesifikasi Dokumen Sistem Usulan

Spesifikasi Dokumen Sistem Usulan yang terbisa dalam sistem usulan,

yaitu:

1. Nama dokumen : Struk pembayaran

Fungsi : sebagai data untuk pembayaran konsumen

Sumber : Administrator

Tujuan : Konsumen

Media : Tampilan layar

Frekuensi : Setiap periode pembelian produk

Format : Lampiran B-1

2. Nama dokumen : laporan pesanan

Fungsi : Mengetahui Jumlah Pesanan

Sumber : Konsumen

65

Tujuan : Administrator

Media : Tampilan layar

Frekuensi : Setiap periode pemesanan produk baru

Format : Lampiran B-2

BAB V

PENUTUP

Berdasarkan hasil pengembangan dari sistem yang telah penulis lakukan,

maka penulis mencoba memberikan suatu kesimpulan dan mengajukan beberapa

saran-saran yang berhubungan dengan pembahasan yang telah dikemukakan di

bab-bab sebelumnya.

5.1. Kesimpulan

Berdasarkan uraian-uraian dan pembahasan pada bab sebelumnya, maka

dapat disimpulkan dalam beberapa hal sebagai berikut :

1. Dengan membuat sebuah sistem penjualan secara online dapat memudahkan

user maupun admin untuk melakukan pengecekan transaksi dan laporan

penjualan.

2. Dengan membuat sebuah sistem penjualan secara online dapat memudahkan

user konsumen dalam melakukan transaksi dalam pencarian dan pembelian

barang yang diinginkan oleh konsumen di Toko Jam Pasar Obor Jakarta.

.

66

67

5.2. Saran

Aplikasi ini dirasa masih belum cukup sempurna, masih banyak

kekurangan yang masih di rasakan oleh penulis pada pembuatan aplikasi ini.

Supaya hasil kerja yang dihasilkan dari sistem informasi penjualan barang yang

telah dirancang optimal maka penulis memberikan beberapa saran, yaitu sebagai

berikut :

1. Dalam Web Jampas.com harus ditambahkan bagian – bagian yang dirasa

masih kurang, khususnya di dalam bagian konfirmasi pengiriman barang

supaya berjalan dengan baik dan lancar pada proses transaksi penjualannya.

2. Di perlukan adanya back up untuk data transaksi agar transaksi yang sudah

dilakukan sebelumnya dapat di liat dan diketahui oleh costumer dan

digunakan untuk keperluan laporan penjualan dalam hitungan perminggu

ataupun dalam hitungan perbulan.

68

DAFTAR PUSTAKA

Baskoro, Adi. 2013. Panduan Praktis Membuat Web Instan. Jakarta: Media Kita.

Hastanti, Puji, Rulia, Indah Uly Wardati dan Bambang Eka Purnama. 2012.

Sistem Penjualan berbasis Web (E-Commerce) pada tata distro kabupaten

Pacitan. ISSN : 1979-9330. Pacitan: Universitas Surakarta.

Iskandar. 2009. Panduan Lengkap Internet. Yogyakarta: Andi Offset.

Kadir Abdul. 2014. Pengenalan Sistem Informasi Edisi Revisi. Yogyakarta:

Andi Offset.

Kosasi, Sandi. 2015. Perancangan Sistem E-Commerce Untuk Memperluas Pasar

Produk Oleh-Oleh Khas Pontianak. ISSN : 1979-3960. Pontianak:

STIMIK Pontianak.

Meimaharani, Rizkysari dan Diana Laily. 2014. Perancangan E-Commerce Goody

Bag menggunakan QR Code Berbasis Web Responsif. ISBN : 978-602-

1180-04-4. Kudus: Universitas Muria Kudus.

Rangga, Irawan. 2013. Pembuatan Sistem Penjualan buku Berbasis Website Pada Toko Buku Pustaka Gemilang Utama Pacitan. ISSN : 2302-5700. Pacitan: IJNS-Indonesia Journal on Networking and Security

Sukamto dan Salahuddin M. 2013. Rekayasa Perangkat Lunak (Terstruktur dan

Berorientasi Objek). Bandung: Informatika Bandung.

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

69

DAFTAR RIWAYAT HIDUP

A. Data Pribadi

N.I.M : 11161598

Nama : Ageng Muktianto

Tempat/Tanggal Lahir : Bogor, 11 September 1990

Alamat : Jl. Alamanda Areman, Rt.10/07 No. 9A Kel. Tugu

Cimanggis Depok

Telepon/HP : 081289423150

B. Data Pendidikan Formal

1. 1996 – 2002 : SDN Tugu V

2. 2002 – 2005 : SMP YPM

3. 2005 – 2008 : SMA Kartika Viii-1

4. 2008 – 2011 : Bina Sarana Iinformatika

5. 2016 – Sampai Sekarang : STMIK Nusa Mandiri

Jakarta,18 Desember 2017

Yang Bertanda tangan,

Ageng Muktianto

3x4

70

LEMBAR KONSULTASI BIMBINGAN SKRIPSI

STMIK NUSA MANDIRI

NIM : 11161598 Nama Lengkap : Ageng Muktianto Dosen Pembimbing : Fathur Rohman, S.Kom, MMSI Judul Skripsi : Sistem Informasi Penjualan Jam Berbasis Web

Pada Toko Pasar Obor

No Tanggal Bimbingan Pokok Bahasan Paraf Dosen Pembimbing

1. 07-09-2017 Bimbingan Perdana

2. 14-09-2017 Bab I dan Bab II

3. 28-09-2017 Revisi Bab I dan Bab II

4. 12-10-2017 Bab III

5. 26-10-2017 Revisi Bab III

6. 02-11-2017 Bab IV dan Bimbingan Program

7. 30-11-2017 Revisi Bab IV

8. 14-12-2017 Bab V

9. 04-01-2018 Acc keseluruhan

Catatan untuk dosen pembimbing

Bimbingan Skripsi

Dimulai pada tanggal : 07 September 2017 Diakhiri pada tanggal : 04 Januari 2018 Jumlah pertemuan bimbingan : 9

Disetujui oleh, Dosen Pembimbing

Fathur Rohman, S.Kom, MMSI

Jakarta Timur, 25 Desember 2017

Kepada : Yth. STMIK Nusa Mandiri

Dengan Hormat,

Saya yang bertanda tangan di bawah ini :

Nama : Daniel HamzahJabatan : Pemilik

Dengan ini menerangkan bahwa, yang tersebut di bawah ini :

Nama : Ageng MuktiantoNIM : 11161598Alamat : Jl. Alamanda Areman RT.10/07 No. 9A Cimanggis-

Depok

Adalah benar telah melakukan PKL/riset pada Toko Jam Pasar Obor Jakarta

terhitung sejak 24 Desember 2017 sampai dengan 25 Desember 2017.

Demikian surat keterangan ini dibuat dengan benar, untuk dapat

dipergunakan sebagaiman mestinya.

Jakarta, 25 Desember 2017

Daniel Hamzah Pemilik

Lampiran A.1

72

Lampiran B.1

73