PASAR OBOR JAKARTA

(1)

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

(2)

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

(3)

Yang bertanda tangan dibawah ini :

Nama : Ageng Muktianto

NIM : 11161598

Perguruan Tinggi : STMIK Nusa Mandiri Jakarta

Alamat Kampus : Jl. Kramat Raya No. 18, Kwitang, Senen, Jakarta Pusat Alamat 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 : Jakarta

Pada Tanggal : 18 Desember 2017 Yang menyatakan,

Materai 6rb

Ageng Muktianto

iii

(4)

SURAT PERNYATAAN PERSETUJUAN PUBLIKASI KARYA ILMIAH UNTUK KEPENTINGAN AKADEMIS

Yang bertanda tangan dibawah ini :

NIM : 11161598

Perguruan Tinggi : STMIK Nusa Mandiri Jakarta

Alamat Kampus : Jl. Kramat Raya No. 18, Kwitang, Senen, Jakarta Pusat Alamat 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 : Jakarta

Pada Tanggal : 18 Desember 2017 Yang menyatakan,

Materai 6rb

iv

(5)

Skripsi ini diajukan oleh :

Nim : 11161598

Program Studi : Sistem Informasi Jenjang : 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

(6)

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 : ag3ngmukti@gmail.com

vi

(7)

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.

vii

(8)

7. Staff dan karyawan di Toko Pasar Obor

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

(9)

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

(10)

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

(11)

Lembar Persembahan...ii

Lembar Pernyataan Keaslian Skripsi...iii

Lembar Pernyataan Persetujuan Publikasi Karya Ilmiah...iv

Lembar Pengesahan Skripsi...v

Lembar Panduan Penggunaan Hak Cipta...vi

Kata Pengantar ...vii

Abstraksi...ix

Daftar Isi ...xi

Daftar Simbol ...xiii

Daftar Gambar ...xix

Daftar Tabel ...xx

Daftar Lampiran ...xxi

BAB I PENDAHULUAN 1.1. Latar Belakang...1

1.2. Identifikasi Masalah...2

1.3. Perumusan Masalah...2

1.4. Maksud dan Tujuan...2

1.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 TEORI 2.1. Tinjauan Pustaka...7

2.2. Konsep Dasar Sistem Informasi...7

BAB III ANALISA SISTEM BERJALAN 3.1. Tinjauan Institusi Perusahaan...16

3.1.1. Sejarah Institusi/Perusahaan...16

3.1.2. Struktur Organisasi dan Fungsi...17

3.2. Proses Bisnis Sistem...19

3.3. Spesifikasi Dokumen Sistem Berjalan...20

xi

(12)

BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN

4.1. Analisa Kebutuhan Software...22

4.2. Desain...29

4.2.1. Database...33

4.2.2. Software Architecture...34

4.2.3. User Interface...35

4.3. Code Generation...38

4.4. Testing...59

4.5. Support...62

4.5.1. Publikasi Web*...62

4.5.2. Spesifikasi Hardware dan Software...62

4.6. Spesifikasi Dokumen Sistem Usulan...63

BAB V PENUTUP 5.1. Kesimpulan...65

5.2. Saran - Saran...66

DAFTAR PUSTAKA DAFTAR RIWAYAT HIDUP LEMBAR KONSULTASI BIMBINGAN SURAT KETERANGAN RISET LAMPIRAN Lampiran A.1 Dokumen Sistem Berjalan...71

Lampiran B.1 Dokumen Sistem Berjalan...72

xii

(13)

A. Simbol Activity Diagram

xiii

(14)

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

Percabangan.

JOIN

Penggabungan.

(15)

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 use case. Hubungan ini berarti aktor menggunakan use

xv

(16)

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.

DEPENDENCE

Menggambarkan alur dari suatu komponen.

xvi

(17)

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.

E. Simbol Entity Relationship Diagram (ERD)

AKTOR (ACTOR) ATAU PARTICIPAN

xvii

(18)

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 yang sama).

DAFTAR GAMBAR

Halama n

Gambar III.1. Struktur Organisasi Toko Pasar Obor Jakarta...18

Gambar IV.1. Use Case diagram Administrator...23

Gambar IV.2 Use Case diagram Konsumen...25

Gambar IV.3. Activity diagram login konsumen...26

xviii

(19)

Gambar IV.7. Logical Record Structure...30

Gambar IV.8. Component diagram pencatatan dan pelaporan...34

Gambar IV.9. Deployment diagram penjualan online...35

Gambar IV.11. Halaman beranda...35

Gambar IV.13. Halaman cara order...36

Gambar IV.14. Halaman pencarian produk...36

Gambar IV.15. Halaman contact us...37

Gambar IV.16. Halaman keranjang...37

Gambar IV.17. Halaman login admin...38

DAFTAR TABEL

Halaman Tabel IV.1. Use Case diagram Administrator... 24

Tabel IV.2. Use Case diagram Konsumen... 26

Tabel IV.3. Tabel barang... 31

Tabel IV.4. Tabel pelanggan... 32

xix

(20)

Tabel IV.5. Tabel transaksi... 33

Tabel IV.6. Tabel transaksi rinci... 34

Tabel IV.7. Hasil pengujian black box form login... 59

Tabel IV.8. Hasil pengujian black box form Daftar member... 60

Tabel IV.9. Tabel spesifikasi hosting... 63

Tabel IV.10. Spesifikasi hardware dan software... 64

DAFTAR LAMPIRAN

Halaman Lampiran A.1. Nota...71

Lampiran B.1. Konfirmasi pembayaran...72

xx

(21)

(22)

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

(23)

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 dan PayPal, 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

(24)

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

(25)

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.

(26)

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.

(27)

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.

(28)

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

(29)

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

(30)

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

(31)

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

(32)

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

(33)

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.

(34)

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.

(35)

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.

(36)

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 Distro ini.

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.

(37)

(38)

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

(39)

Pemilik

Pegawai Kasir

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

(40)

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.

(41)

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.

(42)

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

(43)

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 :

1. Nama keluaran : Nota

Fungsi : bukti pembelian

Sumber : kasir

Tujuan : konsumen

Media : Kertas

Frekuensi : Setiap melakukan pembelian

Format : Lampiran A-1

(44)

23

(45)

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

24

(46)

25

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

(47)

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

2. Use Case Diagram Konsumen

(48)

27

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 path

1. Konsumen melihat data kategori 2. Konsumen menginput testimoni.

3. Konsumen mengelola pembelian barang 4. Konsumen mengelola konfirmasi pembayaran

(49)

C. Activity Diagram

1. Activity Diagram Login Konsumen

Gambar IV.3

Activity Diagram Login Konsumen

2. Activity Diagram daftar member baru

(50)

29

Gambar IV.4

Activity Diagram daftar member baru

3. Activity Diagram konfirmasi pembayaran

(51)

Gambar IV.5

Activity Diagram konfirmasi pembayaran

4.2. Desain

(52)

31

4.2.1. Database

1. Entity Relationship Diagram

Gambar IV.6 Entity Relationship Diagram

2. Logical Record Structure

(53)

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

(54)

33

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

Panjang record : 84 byte

Kunci field : id_plg

Tabel IV.4

Spesifikasi File Tabel Pelanggan

No Elemen data Nama Field Type Size Keterangan

1 Id Pelangan id_plg Int 11 Primary key

(55)

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

Panjang record : 84 byte Kunci field : no_transaksi

Tabel IV.5

Spesifikasi File Tabel Transaksi

No Elemen data Nama Field Type Size Keterangan

1 No Transaksi No_transaksi Int 11 Primary key

(56)

35

2 Id pelanggan id_plg Varchar 11 Foreign key

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

Panjang record : 84 byte Kunci field : No_transaksi

Tabel IV.6

Spesifikasi File Tabel Transaksi Rinci

No Elemen data Nama Field Type Siz

e

Keterangan

1 No Transaksi No_transaksi Int 11 Primary key

(57)

Webserver User Interface

Business Prosecessing

Security

Mysql Data

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

(58)

37

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

(59)

Gambar IV.13 Halaman Cara Order

3. Rancangan Halaman Pencarian Produk

Gambar IV.14

Halaman Pencarian Produk

4. Rancangan Halaman Contact us

(60)

39

Gambar IV.15 Halaman Contatc us

5. Rancangan Halaman Keranjang

Gambar IV.16 Halaman keranjang

(61)

6. Rancangan Halaman Login Admin

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">

<head>

(62)

41

<title>Toko Jam Pasar Obor</title>

.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-size: 12px;

(63)

text-align: left;

}

.Teks_Login {

font-size: 11px;

}

.Teks_Selamat {

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

font-size: 16px;

text-align: center;

}

.Teks_Menu {

font-size: 12px;

font-weight: bold;

}

.Teks_Kategori {

font-size: 12px;

(64)

43

}

.Teks_News {

font-size: 12px;

}

.Teks_Testimonial {

font-size: 12px;

}

.Teks_Informasi {

font-size: 11px;

}

.Teks_Bank {

font-size: 13px;

}

(65)

.Teks_Produk {

font-size: 14px;

color: #0096C3;

}

.Area_Produk { height: auto;

width: 375px;

margin-top: 0px;

font-size: 10px;

}

.Area_Slider { width: 375px;

margin-top: 10px;

} a:link {

color: #006699;

text-decoration: none;

}

(66)

45

a:hover {

color: #5F9C9F;

}

a:visited {

color: #006699;

}

a:active {

color: #5F9C9F;

}

body {

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

}

</style>

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;

(67)

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;

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];}

}

(68)

47

</script>

</head>

<tr>

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

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

<tr>

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

scope="col">Search</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"

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

</tr>

</table>

(69)

</form>

</div></th>

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

class="Teks_Menu_Atas" scope="col">

<tr>

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"

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

</tr>

<tr>

(70)

49

<tr>

</tr>

<tr>

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

</tr>

<tr>

<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=""

(71)

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

</tr>

<tr>

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

</tr>

<tr>

</tr>

</table></td>

</tr>

<tr>

(72)

51

<tr>

</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>

</tr>

<tr>

</tr>

(73)

<tr>

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

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

</tr>

</table></td>

</tr>

<tr>

</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>

</table>

</form>

</div></td>