Upload
others
View
3
Download
0
Embed Size (px)
Citation preview
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...
</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> </td>
<td> </td>
49
<td align="left" valign="top"> <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"> </td>
<td align="left" valign="top"> </td>
<td align="left" valign="top" class="Teks_Menu_Atas"> <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"> </td>
<td align="left" valign="top"> </td>
<td align="left" valign="top"> </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"> </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 & RESTOCK !!!</th>
</tr>
<tr>
<th align="left" valign="top" class="Teks_Produk"
scope="col"> </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"> </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"> </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"> </th>
<td align="left" valign="middle" class="Teks_Informasi" scope="col"><?
php include "counter.php"; ?> </td>
</tr>
<tr>
<th align="center" valign="top" scope="col"> </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"; ?> </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"> </th>
<th align="center" valign="top" scope="col"> </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"> </td>
</tr>
<tr>
<td colspan="2" align="center" valign="top" class="Teks_Bank"
scope="col"> </td>
</tr>
<tr>
<th align="center" valign="top" class="Teks_Bank"
scope="col"> </th>
<th align="center" valign="top" class="Teks_Bank"
57
scope="col"> </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"> </td>
</tr>
<tr>
<td colspan="2" align="center" valign="top" class="Teks_Bank"
scope="col"> </td>
</tr>
<tr>
<th align="center" valign="top" class="Teks_Bank"
scope="col"> </th>
<th align="center" valign="top" class="Teks_Bank"
scope="col"> </th>
</tr>
<tr>
<th colspan="2" align="center" valign="top" class="Teks_Bank"
scope="col"> </th>
58
</tr>
<tr>
<td colspan="2" align="center" valign="top" class="Teks_Bank"
scope="col"> </td>
</tr>
<tr>
<td colspan="2" align="center" valign="top" class="Teks_Bank"
scope="col"> </td>
</tr>
<tr>
<th align="center" valign="top" class="Teks_Bank"
scope="col"> </th>
<th align="center" valign="top" class="Teks_Bank"
scope="col"> </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