Perancangan Website E-commerce Poison Cloth Pada CV. Hendri Jaya

PERANCANGAN WEBSITE E-COMMERCE POISON CLOTHPADA CV. HENDRI JAYA

SKRIPSI

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

ERFIAN JUNIANTONIM: 16110077

Program Studi Sistem InformasiUNIVERSITAS BINA SARANA INFORMATIKA

Bandung2012

ii

PERSEMBAHAN

Ridho Allah ada pada ridho orang tua.Dengan mengucap puji syukur kepada Allah S.W.T, skripsi ini kupersembahkanuntuk:

1. Ibu dan Ayahku, karena doa dari merekalah hidupku menjadi berkah. Tiadakebanggaan yang bisa kuhadirkan untuk mereka, sekalipun hanya secerca.Mungkin, dengan karyaku ini mereka bisa melihat hasil keringat merekamendidik anaknya, yang lebih banyak mengecewakan daripadamembanggakan.

2. Saudara kembarku, yang menyemangati, dan membantuku dalam menjalanikehidupanku diperantauan.

3. Kedua adikku, yang selalu memberiku semangat.

Tanpa mereka, aku dan karya ini tak akan pernah ada.

iii

SURAT PERNYATAAN KEASLIAN SKRIPSI

Yang bertanda tangan di bawah ini :

Nama : Erfian JuniantoNIM : 16110077Perguruan Tinggi : Universitas Bina Sarana Informatika BandungAlamat Kampus : Jl. Sekolah Internasional No. 1-6, Terusan Jl. Jakarta,

Antapani BandungAlamat Rumah : Jl. Bumikiara Dalam No. 13 Kiaracondong, Bandung

Dengan ini menyatakan bahwa skripsi yang telah saya buat dengan judul:

Perancangan Website E-Commerce Poison Cloth Pada CV. Hendri Jaya,

adalah asli (orsinil) atau tidak plagiat (menjiplak) dan belum pernah

diterbitkan/dipublikasikan dimanapun dan dalam bentuk apapun.

Demikianlah surat pernyataan ini saya buat dengan sebenar-benarnya tanpa adapaksanaan dari pihak manapun juga. Apabila dikemudian hari ternyata sayamemberikan keterangan palsu dan atau ada pihak lain yang mengklaim bahwaskripsi yang telah saya buat adalah hasil karya milik seseorang atau badan tertentu,saya bersedia diproses baik secara pidana maupun perdata dan kelulusan saya dariUniversitas Bina Sarana Informatika dicabut/dibatalkan.

Dibuat di : BandungPada tanggal : 15 Mei 2012

Yang menyatakan,

ERFIAN JUNIANTO

iv

SURAT PERNYATAAN PERSETUJUAN PUBLIKASI KARYAILMIAH UNTUK KEPENTINGAN AKADEMIS

Yang bertanda tangan di bawah ini, saya :

Nama : Erfian JuniantoNIM : 16110077Perguruan Tinggi : Universitas Bina Sarana Informatika BandungAlamat Kampus : Jl. Sekolah Internasional No. 1-6, Terusan Jl. Jakarta,

Antapani BandungAlamat Rumah : Jl. Bumikiara Dalam No. 13 Kiaracondong, Bandung

Dengan ini menyetujui untuk memberikan ijin kepada pihak Universitas BinaSarana Informatika, Hak Bebas Royalti Non-Eksklusif (Non-exclusive Royalti-Free Right) atas karya ilmiah kami yang berjudul: Perancangan Website E-Commerce Poison Cloth Pada CV. Hendri Jaya, beserta perangkat yangdiperlukan (apabila ada).

Dengan Hak Bebas Royalti Non-Eksklusif ini pihak Universitas Bina SaranaInformatika berhak menyimpan, mengalih-media atau format-kan,mengelolaannya dalam pangkalan data (database), mendistribusikannya danmenampilkan atau mempublikasikannya di internet atau media lain untukkepentingan akademis tanpa perlu meminta ijin dari kami selama tetapmencantumkan nama kami sebagai penulis/pencipta karya ilmiah tersebut.Saya bersedia untuk menanggung secara pribadi, tanpa melibatkan pihakUniversitas Bina Sarana Informatika, segala bentuk tuntutan hukum yang timbulatas pelanggaran Hak Cipta dalam karya ilmiah saya ini.Demikian pernyataan ini saya buat dengan sebenarnya.

Dibuat di : BandungPada tanggal : 15 Mei 2012

Yang menyatakan,

ERFIAN JUNIANTO

vPERANCANGAN WEBSITE E-COMMERCE POISON CLOTHPADA CV. HENDRI JAYA

Nama : ERFIAN JUNIANTONIM : 16110077

PEMBIMBING

( Dwiza Riana, S.Si, MM, M.Kom. )

vi

PENGESAHAN PANITIA PENGUJI SKRIPSI

Nama : ERFIAN JUNIANTONIM : 16110077Judul Skripsi : PERANCANGAN WEBSITE E-COMMERCE POISON

CLOTH PADA CV. HENDRI JAYA

Telah diuji dan dipertahankan dalam sidang dan dinyatakan L U L U S pada hariSabtu, tanggal 28 Juli 2012 oleh Panitia Penguji Skripsi.

Bandung, Agustus 2012UNIVERSITAS BSI BANDUNG

Prof. Dr. H. M. Ahman SyaRektor

DEWAN PENGUJI

------------------------------- -------------------------------

Penguji I

------------------------------- -------------------------------

Penguji II

vii

PANDUAN PENGGUNAAN HAK CIPTA

Skripsi sarjana yang berjudul Perancangan Website E-CommercePoison Cloth Pada CV. Hendri Jaya adalah hasil karya tulis asli ERFIANJUNIANTO dan bukan hasil terbitan sehingga peredaran karya tulis hanya berlakudilingkungan akademik saja, serta memiliki hak cipta. Oleh karena itu, dilarangkeras untuk menggandakan baik sebagian maupun seluruhnya karya tulis ini, tanpaseizin penulis.

Referensi kepustakaan diperkenankan untuk dicatat tetapi pengutipan atauperingkasan isi tulisan hanya dapat dilakukan dengan seizin penulis dan disertaiketentuan pengutipan secara ilmiah dengan menyebutkan sumbernya.

Untuk keperluan perizinan pada pemilik dapat menghubungi informasi yangtertera di bawah ini:

Nama : ERFIAN JUNIANTOAlamat : Jl. Bumikiara Dalam No. 13 Kiaracondong, BandungNo. Telp : 081220035432E-mail : [email protected]

viii

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,

sebagai berikut:

PERANCANGAN WEBSITE E-COMMERCE POISON CLOTH PADA CV.

HENDRI JAYA

Tujuan penulisan skripsi ini dibuat sebagai salah satu syarat kelulusan

Program Strata Satu (S1) Universitas BSI. Sebagai bahan penulisan diambil

berdasarkan hasil wawancara, 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. Bapak Prof. Dr. H. M. Ahman Sya selaku Rektor Universitas Bina Sarana

Informatika Bandung.

2. Ibu Dwiza Riana, S.Si, MM, M.Kom selaku dosen pembimbing skripsi.

3. Staff, karyawan, dan dosen di lingkungan Universitas Bina Sarana Informatika

Bandung.

4. Bapak Dede Hermawan selaku manager produksi sekaligus pemilik CV. Hendri

Jaya, Bapak Herdiwan Ramdhani selaku kepala toko Poison Cloth.

ix

5. Orang Tua, kakak, dan adik-adikku tercinta yang selalu mendukung dan

mendoakanku.

6. Agung Rachmat, Hendar Permana, Rizki Tri Prasetyo, Yudi Ramdhani dan

rekan-rekan mahasiswa kelas 16.8B.33 dan 16.8A.33

Serta semua pihak yang terlalu banyak untuk disebut 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 penulisan di masa yang akan datang.

Akhir kata semoga skripsi ini dapat berguna bagi penulis khususnya dan

bagi para pembaca yang berminat pada umumnya.

Bandung, 15 Mei 2012

Penulis

ERFIAN JUNIANTO

xABSTRAKSI

Perancangan Website E-Commerce Poison Cloth Pada CV Hendri Jaya,16110077 (Erfian Junianto)

Sistem penjualan tunai berupa penjualan produk dan proses pesanan barangtoko Poison Cloth pada CV. Hendri Jaya yang menjual berbagai macam produkberupa pakaian, masih menggunakan cara manual, sehingga memakan waktu yangcukup lama, dan data yang dihasilkan tidak bisa di akses secara real time. Untukmeningkatkan penjualan produk maka perlu dilakukan cara lain yaitu penggunaanwebsite e-commerce.

Metode yang digunakan dalam perancangan website e-commerce PoisonCloth adalah perencanaan, analisis, desain, dan implementasi. Perancangan websitePoison Cloth pada CV Hendri Jaya sangat diperlukan, mengingat perkembanganekonomi global yang semakin pesat. Perancangan website Poison Cloth dibuatdengan program berbasis web sehingga bisa diakses oleh siapapun, dimanapun, dankapanpun. Website Poison Cloth dirancang dengan menggunakan PHP dandatabase MySQL.

Penggunaan website e-commerce mampu mengubah cara penjualan.Penjualan menjadi mudah karena sistem penjualan menjadi online. Pelanggan dapatmelihat produk dan membeli tanpa harus datang ke toko. Pengelolaan data denganbantuan sistem yang online, memberikan kemudahan, keakuratan, kecepatan danketelitian. Contohnya pada saat pembuatan laporan.

Kata Kunci: Penjualan, Pakaian, E-Commerce, Perancangan Website.

xi

ABSTRACT

Design of Website E-Commerce Poison Cloth on CV Hendri Jaya, 16110077(Erfian Junianto)

System of cash sale, which is product sale and goods order processing onPoison Cloth at CV. Hendri Jaya that sells some kinds of Products which isClothing, still used manual way, so that it takes a long time, and the data producedcant be accessed by real time. To increase products sales so it must be done byanother way which is the use of e-commerce website.

The method used in designing of e-commerce website on Poison Cloth isplanning, analysis, design, and implementation. The design of Poison Cloth websiteon CV Hendri Jaya is needed, remembering of global Economic Development isgrown up. The design of Poison Cloth website Ade by Web-based program, so itcan be accessed by everyone, everywhere, and whenever. Poison Cloth website isdesigned by using PHP and MySQL-database.

The use of e-commerce website is able to change selling way. Sellingbecomes Easy because seling System is Online. Customer can see and buy theproduct without they have to go to the shop. The data management by using OnlineSystem gives simplicity, accuracy, velocity and precisely, for example on makingareport.

Keyword : Sales, Clothing, E-commerce, Web design.

xii

DAFTAR ISI

Halaman

Lembar Judul Skripsi ......................................................................................... iLembar Persembahan ......................................................................................... iiLembar Pernyataan Keaslian Skripsi ................................................................. iiiLembar Pernyataan Persetujuan Publikasi Karya Ilmiah ................................... ivLembar Pengesahan Skripsi ............................................................................... vLembar Pengesahan Panitia Dan Penguji Skripsi .............................................. viLembar Panduan Penggunaan Dan Hak Cipta Tugas Sarjana ........................... viiKata Pengantar ................................................................................................... viii

Abstraksi ............................................................................................................ xDaftar Isi ............................................................................................................. xii

Daftar Simbol ..................................................................................................... xvDaftar Gambar ................................................................................................. xviiiDaftar Tabel ....................................................................................................... xixDaftar Lampiran ................................................................................................. xx

BAB I PENDAHULUAN1.1. Latar Belakang Masalah .................................................................. 1

1.2. Maksud dan Tujuan ......................................................................... 21.3. Metode Penelitian ............................................................................ 3

1.3.1. Analisa Penelitian ............................................................. 31.3.2. Metode Pengumpulan Data .............................................. 4

1.4. Ruang Lingkup ................................................................................ 51.5. Sistematika Penulisan ..................................................................... 6

BAB II LANDASAN TEORI2.1. Teori Pendukung ............................................................................. 8

2.1.1. Konsep Dasar Pemrograman ............................................ 8

2.2. Peralatan Pendukung (Tools System) ............................................. 11

xiii

2.2.1. Dekomposisi Fungsi ......................................................... 12

2.2.2. UML ................................................................................. 12

2.2.3. ERD .................................................................................. 132.2.4. Spesifikasi Basis Data ...................................................... 14

BAB III ANALISA SISTEM BERJALAN3.1. Tinjauan Perusahaan ....................................................................... 16

3.1.1. Sejarah Perusahaan ........................................................... 163.1.2. Struktur Organisasi dan Fungsi ........................................ 17

3.2. Prosedur Sistem Berjalan ................................................................ 183.3. Dekomposisi Fungsi Sistem Berjalan ............................................. 203.4. Activity Diagram Sistem Berjalan ................................................... 213.5. Spesifikasi Sistem Berjalan ............................................................. 23

3.5.1 Spesifikasi Bentuk Dokumen Masukkan .......................... 243.5.2 Spesifikasi Bentuk Dokumen Keluaran ............................ 24

3.6 Permasalahan .................................................................................... 263.7 Alternatif Permasalahan .................................................................... 27

BAB IV RANCANGAN WEB USULAN4.1. Dekomposisi Fungsi Sistem Usulan ............................................... 284.2. Desain Sistem (UML) ..................................................................... 304.3. ERD (Entity Relationship diagram) ................................................ 354.4. Spesifikasi Basis Data ..................................................................... 37

4.5. Tampilan Web ................................................................................. 464.6. Publikasi Web ................................................................................. 524.7. Spesifikasi Hardware dan Software ................................................ 53

4.7.1. Spesifikasi Hardware ....................................................... 534.7.2. Spesifikasi Software ......................................................... 53

BAB V PENUTUP5.1. Kesimpulan ..................................................................................... 545.2. Saran-saran ...................................................................................... 54

xiv

DAFTAR PUSTAKADAFTAR RIWAYAT HIDUPKARTU BIMBINGANSURAT KETERANGAN RISETLAMPIRAN

xv

DAFTAR SIMBOL

A. Simbol Component Diagram

Simbol Deskripsi

Package adalah simbol yang menggambarkan namadari sebuah paket aplikasi

Component adalah simbol yang menggambarkankomponen utama dari suatu sistem.

Package Specification adalah simbol yangmenggambarkan suatu modul atau fasilitas tertentupada suatu program.

Kebergantungan adalah simbol untukmenggambarkan ketergantungan antar komponen yangdipakai.

B. Simbol Use Case Diagram

Simbol Deskripsi

Aktor adalah simbol yang menggambarkan pihak yangberhubungan dengan sistem baik itu merupakanpengguna atau sistem lainnya yang berada dari sistemyang sedang dibahas.

Use Case adalah simbol yang menggambarkan suatuKegiatan (Aktifitas) yang terjadi pada sistem.Generalisasi adalah simbol hubungan generalisasi danspesialisasi (umum-khusus) antara dua buah use casedimana fungsi yang satu adalah fungsi yang lebihumum dari yang lainnya.

xvi

Include adalah simbol apabila use case tambahandijalankan maka use case yang ditambahkan akan selaludipanggil

C. Daftar Simbol Activity Diagram

Simbol DeskripsiStatus Awal adalah simbol yang menyatakan awaldari aktifitas.

Status Akhir adalah simbol yang menyatakan akhirdari aktifitas.

States adalah simbol yang menggambarkan Aktifitasyang terjadi.

State Conditions adalah simbol yang menerangkankondisi proses yang sedang berlangsung.

Join adalah simbol penggabungan dimana lebih darisatu aktivitas digabungkan menjadi satu.

atauSwimlane adalah simbol untuk memisahkan organisasibisnis yang bertanggung jawab terhadap aktivitas yangterjadi.

D. Daftar Simbol ERD

Simbol DeskripsiEntity adalah simbol dari entitas, yaitu obyek yangdapat dibedakan dalam dunia nyata dan yang akandisimpan dalam tabel.

xvii

Weak Entity adalah simbol yang menggambarkanentitas lemah dan tidak memiliki kunci utama.

Attribut adalah simbol untuk menggambarkan detaildari entitas yang berupa field.

Attribut Primary Key adalah simbol dari field kuncidalam field entitas.

Relationship adalah simbol hubungan yang terjadiantas entitas.

Identifying Relationship adalah simbol hubunganyang terjadi antas entitas yang mempunyaidependency.

Garis, sebagai penghubung antara relasi denganentitas, relasi dan entitas dengan atribut.

1:MM:1N:M

Simbol Hubungan untuk menggambarkan hubungankertergantungan antar entitas, dari satu ke banyak,banyak ke satu, dan banyak ke banyak

xviii

DAFTAR GAMBAR

HalamanGambar III.1 Struktur Organisasi CV. Hendri Jaya, Juni 2012 ......................... 17Gambar III.2 Diagram Dekomposisi Sistem Berjalan ....................................... 20Gambar III.3 Diagram Activity Pengadaan Barang ............................................ 21Gambar III.4 Diagram Activity Penjualan Barang .............................................. 22Gambar III.5 Diagram Activity Pembuatan Laporan........................................... 23Gambar IV.1 Diagram Dekomposisi Sistem Usulan ......................................... 29Gambar IV.2 Diagram Use Case Pendaftaran Member Baru ............................. 30Gambar IV.3 Diagram Use Case Hubungi Kami .............................................. 30Gambar IV.4 Diagram Use Case Pemesanan Barang......................................... 31Gambar IV.5 Diagram Activity Pendaftaran Member Baru ............................... 31Gambar IV.6 Diagram Activity Hubungi Kami ................................................. 32Gambar IV.7 Diagram Activity Pemesanan Barang ........................................... 33Gambar IV.8 Diagram Component .................................................................... 34Gambar IV.9 Diagram Deployment ................................................................... 34Gambar IV.10 Entity Relational Diagram ......................................................... 36Gambar IV.11 Tampilan Halaman Depan ......................................................... 46Gambar IV.12 Tampilan Halaman Pendaftaran Member .................................. 47Gambar IV.13 Tampilan Halaman Pengelolaan Data Member ......................... 48Gambar IV.14 Tampilan Halaman Produk ........................................................ 48Gambar IV.15 Tampilan Halaman Produk Terbaru dan Terlaris ...................... 49Gambar IV.16 Tampilan Halaman Pengelolaan Data Produk ........................... 49Gambar IV.17 Tampilan Halaman Daftar Belanja ............................................ 50Gambar IV.18 Tampilan Halaman Faktur ......................................................... 50Gambar IV.19 Tampilan Halaman Pengelolaan Pesanan .................................. 51Gambar IV.20 Tampilan Halaman Laporan Penjualan ...................................... 51Gambar IV.21 Tampilan Halaman Laporan Pengeluaran Barang ..................... 52

xix

DAFTAR TABEL

Tabel IV.1 Spesifikasi File Admin ..................................................................... 37Tabel IV.2 Spesifikasi File Barang .................................................................... 39Tabel IV.3 Spesifikasi File Detail Faktur .......................................................... 39Tabel IV.4 Spesifikasi File Detail Menu ............................................................ 39Tabel IV.5 Spesifikasi File Faktur ..................................................................... 40Tabel IV.6 Spesifikasi File Katalog ................................................................... 41Tabel IV.7 Spesifikasi File Kategori .................................................................. 41Tabel IV.8 Spesifikasi File Kontak .................................................................... 42Tabel IV.9 Spesifikasi File Kota ........................................................................ 43Tabel IV.10 Spesifikasi File Kurir ..................................................................... 43Tabel IV.11 Spesifikasi File Menu .................................................................... 44Tabel IV.12 Spesifikasi File Temporari Transaksi ............................................ 44Tabel IV.13 Spesifikasi File User ...................................................................... 45

xx

DAFTAR LAMPIRAN

Lampiran A.1 Dokumen Surat Jalan .................................................................. 58Lampiran A.2 Dokumen Catatan Barang ........................................................... 59Lampiran B.1 Dokumen Surat Perintah Kerja (SPK) ........................................ 60Lampiran B.2 Dokumen Kwitansi ..................................................................... 61Lampiran B.3 Dokumen Laporan Barang .......................................................... 62Lampiran B.4 Dokumen Laporan Penjualan ...................................................... 63Lampiran C.1 Listing Program Carapesan.......................................................... 64Lampiran C.2 Listing Program Cetak Faktur...................................................... 64Lampiran C.3 Listing Program Cetak Profil . ..................................................... 67Lampiran C.4 Listing Program Daftar Belanja .................................................. 69Lampiran C.5 Listing Program Delete ................................................................ 72Lampiran C.6 Listing Program Download.......................................................... 72Lampiran C.7 Listing Program Edit Akun.......................................................... 72Lampiran C.8 Listing Program Footer ............................................................... 79Lampiran C.9 Listing Program Formulir ........................................................... 79Lampiran C.10 Listing Program Header ............................................................ 86Lampiran C.11 Listing Program Home .............................................................. 86Lampiran C.12 Listing Program Index .............................................................. 86Lampiran C.13 Listing Program Input Faktur .................................................... 88Lampiran C.14 Listing Program Input Keranjang .............................................. 93Lampiran C.15 Listing Program Katalog ........................................................... 94

1BAB I

PENDAHULUAN

1.1. Latar Belakang Masalah

Sejak tahun 1990-an, terjadi tren globalisasi ekonomi yang signifikan.

Kompetisi menjadi global, dengan negara-negara industri baru yang menawarkan

alternatif produk yang berbiaya rendah atau berkualitas tinggi (Whitten dkk :

2004). Dengan pengaruh dari perkembangan internet, maka banyak perusahaan

yang mengubah cara berbisnis mereka.

CV. Hendri Jaya adalah perusahaan yang bergerak dibidang konveksi. Produk

yang dihasilkan antara lain adalah pakaian. Setiap hari bisa menghasilkan ratusan

potong pakaian. Selama ini, CV. Hendri Jaya melaksanakan aktivitasnya dengan

prosedur manual. Pelanggan yang ingin menggunakan jasanya harus mendatangi

langsung kantor administarasi CV. Hendri Jaya. Pemesanan biasanya dilakukan

dalam partai besar.

Tentunya CV. Hendri Jaya sudah memiliki prosedur operasional yang sudah

terstandar. Namun pada prakteknya, pelaksanaan prosedur tersebut masih

mengalami banyak kendala. Diantaranya masih banyak barang cacat (reject) dan

terjadi kelebihan barang produksi, sehingga menjadi barang sisa produksi yang

kurang produktif.

Barang-barang tersebut pada mulanya hanya menumpuk di gudang, dan pada

akhirnya diobral murah kepada lingkungan sekitar. Kemudian manajemen CV.

Hendri Jaya membuat sebuah langkah solusi. Langkah tersebut adalah dengan

2mendirikan sebuah toko yang bernama Poison Cloth yang khusus menjual barang-

barang tesebut. Dan kemudian untuk membantu penjualan barang tersebut, maka

CV. Hendri Jaya memproduksi barang sendiri (bukan pesanan pelanggan), seperti

kaos, topi, celana, ikat pinggang, dan juga boxer.

Lagi-lagi penjualan tersebut masih terbentur masalah promosi dan masalah

menjaring pelanggan. Poison Cloth masih menjual dan mempromosikan dengan

cara manual yaitu, door to door, pelanggan ke pelanggan, pamflet, dan juga

promosi melalui marketing mereka. Cara-cara seperti ini akan memakan banyak

waktu dan biaya, namun hasilnya kurang maksimal. Barang yang dijualpun sering

tidak memenuhi target.

Maka dari itu, perlu adannya sebuah media yang diharapkan mampu

mengatasi masalah-masalah tersebut. Melihat dari perkembangan dunia bisnis

yang telah banyak berubah, dengan memanfaatkan teknologi internet sebagai

medianya, maka CV. Hendri Jaya melalui Poison Cloth ingin menerapkan proses

bisnis tersebut. Dengan adanya pembahasan masalah tersebut, maka penulis

tertarik untuk memilih judul PERANCANGAN WEBSITE E-COMMRCE

POISON CLOTH PADA CV. HENDRI JAYA.

1.2. Maksud dan Tujuan

Maksud dari penulisan laporan ini antara lain:

1. Memberikan alternatif penyampaian informasi produk yang dihasilkan oleh

CV. Hendri Jaya, agar informasi dari produknya dapat dikonsumsi oleh

pelanggan yang lebih banyak, meliputi luar kota, nasional atau bahkan

3internasional. Penyampaian informasi yang meluas, diharapkan mampu

meningkatkan penjualan produk yang dihasilkan CV. Hendri Jaya.

2. Memberikan kemudahan pengolahan data penjualan, dari segi pemesanan,

pengelolaan faktur, pembuatan laporan, dan monitoring penjualan dari waktu

ke waktu.

Setiap mahasiswa Fakultas Teknik Program Studi Sistem Informasi jenjang

Strata Satu (S1) Universitas BSI diwajibkan untuk menulis skripsi yang didasar

pada orientasi ilmu pengetahuan sebagai syarat untuk mengakhiri masa studinya.

Maka dari itu tujuan dari penulisan skripsi ini adalah untuk melengkapi salah satu

syarat yang telah ditentukan dalam mencapai kelulusan Program Strata Satu (S1)

pada Universitas Bina Sarana Informatika.

1.3. Metode Penelitian

Skripsi merupakan sebuah karya ilmiah dalam bidang pendidikan dan ilmu

pengetahuan, yang mana harus ditunjang dengan data yang memiliki kebenaran

dan dapat dibuktikan. Maka dari itu, dilakukan sebuah penelitian untuk

mendapatkan data-data tersebut. Diantara urutan proses penelitian adalah sebagai

berikut.

1.3.1. Analisa Penelitian

1. Planning

Penulis melakukan perencanaan awal untuk menentukan lingkup masalah,

tujuan dan jadwal penyelesaian. Dengan melakukan penelusuran fakta sebagai

data awal, penulis mengidentifikasi dan memetakan masalah yang didapat.

4Sehingga penentuan lingkup masalah, tujuan , dan jadwal menjadi jelas dan

mudah.

2. Analisis Sistem

Lingkup masalah yang sudah ditentukan dalam perencanaan, kemudian

dipecahkan dan diuraikan menjadi bagian-bagian komponen. Sehingga mudah

untuk dipelajari seberapa baik bagian-bagian tersebut bekerja dan berinteraksi

untuk meraih tujuan.

3. Desain Sistem

Setelah dilakukan analisa terhadap sistem, proses selanjutnya adalah

melakukan desain sistem. Pada tahap ini dilakukan perangkaian kembali

bagian-bagian komponen menjadi sebuah sistem yang lengkap. Hal ini

melibatkan Penghapusan (Eliminate), Penyederhanaan (Simplify), Integrasi

(Integrated), Otomatisasi (Aotumatitation), dan dilakukan penambahan pada

sistem aslinya.

4. Implementasi Sistem

Pada akhirnya, penulis akan melakukan konstruksi, instalasi, pengirimn, dan

pengujian terhadap sistem, agar sistem yang dibuat menjadi benar-benar

seperti yang dibutuhkan sehingga tidak menjadi sampah.

1.3.2. Metode Pengumpulan Data

Menurut Zahir (2005:174) Pengumpulan data adalah prosedur yang

sistematis dan standar untuk memperoleh data yang diperlukan. Pengumpulan

5data tidak lain merupakan suatu proses pengadaan data primer untuk keperluan

penelitian. Pengumpulan data merupakan langkah yang sangat penting dalam

metode ilmiah, maka dari itu penulis menggunakan metode pengumpulan data

sebagai berikut :

1. Wawancara

Dalam mencari data yang dibutuhkan, penulis melakukan pengumpulan data

dari narasumber dengan mengajukan beberapa pertanyaan yang berkaitan

dengan data yang dibutuhkan.

2. Observasi

Dalam mencari data yang dibutuhkan, penulis tidak hanya melakukan

wawancara, tetapi juga melakukan pengamatan langsung ke lokasi. Hal ini

dilakukan untuk melihat bagaimana sistem bekerja, sehingga penulis dapat

memetakan masalah.

3. Studi Pustaka

Untuk mendukun penelitian dan pengumpulan data, penulis membaca,

mengutip, dan mengumpulkan referensi yang berhubungan dengan penelitian.

1.4. Ruang Lingkup

Penyusunan laporan ini memiliki ruang lingkup sebagai pembatasan masalah

yang akan dibahas. Ruang lingkup pertama adalah pada desain untuk level

pengguna, maka dibuatlah menu sesuai kebutuhan yang sudah didefiniskan.

Kebutuhan pada sisi pengguna adalah beranda (sebagai halaman informasi awal),

produk, cara pemesanan, hubungi kami, katalog, daftar belanja, akun, login

6pelanggan, logout pelanggan, dan pendaftaran pelanggan baru. Terdapat juga

fasilitas cetak faktur dan cetak kartu anggota.

Sedangkan kebutuhan pada sisi pengelola web adalah admin, katalog,

kategori, kontak, laporan, member, navigasi, pengiriman, pesanan, produk, login,

dan logout.

1.5. Sistematika Penulisan

Penulisan laporan skripsi ini memiliki sistematika penulisan sebagai standar

susunanannya. Sistematika tersebut adalah sebagai berikut :

BAB I PENDAHULUAN

Bab ini akan menguraikan latar belakang masalah, maksud dan tujuan, metode

penelitian, ruang lingkup, dan yang terakhir adalah sistematika penulisan.

BAB II LANDASAN TEORI

Bab ini akan berisi tentang teori-teori yang mendukung pengembangan perangkat

lunak yang akan dibangun. Selain itu juga pada bab ini akan menjelaskan

mengenai peralatan pendukung yang digunakan dalam pengembangan perangkat

lunak ini.

BAB III ANALISISA SISTEM BERJALAN

Bab ini akan diuraikan tentang sejarah perusahaan, prosedur sistem berjalan,

dekomposisi fungsi sistem berjalan, diagram aktifitas sistem berjalan,

permasalahan, dan yang terakhir adalah alternatif permasalahan.

7BAB IV RANCANG BANGUN WEB USULAN

Bab ini menjelaskan tentang rancangan web yang diusulkan meliputi,

dekomposisi fungsi sistem usulan, desain sistem dengan UML, ERD, spesifikasi

basis data, tampilan web, publikasi web, dan spesifikasi hardware dan software.

BAB V PENUTUP

Bab ini berisi kesimpulan dari keseluruhan isi laporan dan saran pengembangan

selanjutnya.

8BAB II

LANDASAN TEORI

2.1. Teori Pendukung

2.1.1. Konsep Dasar Pemrograman

Menurut Jogiyanto (2005:22) program adalah kegiatan-kegiatan prinsip

yang telah ditentukan untuk dilaksanakan oleh organisasi dengan maksud

menerapkan strategi-strategi yang telah disusun. Program terdiri atas serangkaian

pernyataan atau urutan perintah yang harus dilaksanakan oleh komputer. Proses

pemrograman komputer bukan hanya sekedar menulis suatu urutan perintah yang

dikerjakan oleh komputer, tetapi bertujuan untuk memecahkan suatu masalah

serta membuat mudah pekerjaan yang lainnya, yang diinginkan oleh pemakai

(user).

Pemrograman Web atau dikenal dengan Web Programming merupakan

suatu bahasa pemrograman yang berbeda. Karena bahasa ini menghasilkan

interface yang berbeda dari bahasa pemrograman yang lain. Perbedaan yang lain

adalah diperlukannya server untuk menyimpan database maupun interface-nya.

Bahasa pemrograman ini dapat di akses pada saat bersamaan oleh banyak pemakai

tanpa harus ada interface pada gadget pemakai.

Perkembangan teknologi pemrograman Web berpengaruh dalam bidang

jasa dan pelayanan. Salah satu contohnya adalah penjualan elektronik (e-

commerce). Menurut Whitten (2004:21), E-Commerce adalah pembelian dan

penjualan barang dan layanan dengan menggunakan internet. E-commerce

9merupakan tren perekonomian global. Seiring dengan semakin berkembangnya

internet dan pemrograman web, e-commerce juga ikut berkembat pesat.

E-commerce merupakan metode untuk menjual produk secara online

melalui fasilitas internet. Transaksi bisa terjadi antara pegusaha dengan pembeli

atau antar pengusaha. Untuk melakukan proses show, order, get, and deliver,

diperlukan sebuah website. E-commerce akan memangkas semua biaya

marketing dan semua biaya trading yang biasa digunakan.

Metode e-commerce ini sudah banyak membantu banyak perusahaan

maupun peroranggan untuk melakukan bisnis mereka. Metode ini juga

memberikan keleluasaan dalam penjualan, karena tidak lagi dibatasi ruang dan

waktu.

Proses yang terjadi pada e-commerce menurut Utomo (2005:13) adalah :

1. Show, penjual menunjukkan produk dan layananya di website.

2. Order, pembeli memesan produk yang ada.

3. Verifikasi data pembeli, berserta nomor rekening ataupun kartu kredit.

4. Pembayaran yang dilakukan secara online berikut penanganan trasaksinya.

5. Deliver, pengiriman produk atau layanan yang telah dipesan.

Keuntungan yang diperoleh dalam menggunakan e-commerce menurut Utomo

(2005:14) adalah :

1. Meningkatkan pendapatan perusahaan dengan memakai fasilitas internet.

2. Mengurangi biaya-biaya teknis seperti kertas, laporan dan sebagainya.

3. Mempercepat verifikasi transaksi, karena e-commerce dibuat secara real-time

dan selama 24 jam.

10

4. Dengan cepatnya verifikasi data dan pesanan pelanggan, akan lebih

mempercepat pelayanan pengiriman produk. Hal ini semakin menambah

kepuasan pelanggan (customer satisfaction).

Media utama yang digunakan untuk mendukung e-commerce adalah

Internet. Internet berasal dari kata interconnection networking yang berarti

hubungan berbagai komputer dengan berbagai tipe membentuk suatu sistem

jaringan melalui jalur telekomunikasi yang mencangkup seluruh dunia. Internet

terbentuk karena dampak revolusi tinggi, dimana teknologi komunikasi bergabung

menjadi satu dengan teknologi komputer. Internet merupakan sarana komunikasi

dan penyebaran informasi secara global, yaitu sebuah media untuk berbagi

informasi dan beriteraksi antar individu dengan menggunakan komputer tanpa

dibatasi oleh wilayah dan waktu. Kehadiran internet telah menyebabkan

munculnya sistem perdagangan elektronik (e-commerce), Virtual University, e-

mail dan sebagainya.

Internet merupakan media untuk pertukaran data, sedangkan untuk

mengolah data diperlukan sebuah aplikasi dan database. Aplikasi dibangun

dengan menggunakan bahasa pemrograman diantaranya PHP dan database-nya

adalah MySQL. PHP adalah bahasa pemrograman script yang ditempatkan dalam

server dan diproses di server Peranginangin (2006:2). PHP dirancang untuk

membentuk website dinamis. PHP juga merupakan program yang dikembangkan

secara bersama oleh programmer dari seluruh dunia yang menekuni dunia open-

source. Disini, PHP khusus dikembangkan untuk mengakses dan memanipulasi

data-data yang ada dalam database server open-source seperti MySQL. PHP

digabungkan dengan bahasa HTML (HyperText Markup Language) sebagai

11

kerangkanya, dan juga CSS (Cascading Style Sheet) sebagai pengaturan

tampilannya.

Data-data yang sudah di olah melalui aplikasi tersebut akan dikirimkan

atau disimpan di dalam database server, contohnya adalah MySQL. MySQL

adalah multi user database yang menggunakan bahasa SQL dengan kemampuan

yang cukup reliabel Syafii (2005:65). Sebagai database server yang memiliki

konsep database modern. MySQL memiliki banyak sekali keistimewaaan,

diantaranya yaitu portability, open source, multiuser, performance tuning. Dengan

dasar bahasa SQL yang sudah terstandar, menjadikan kemudahan bagi

penggunanya. Selain itu MySQL banyak digunakan dikarenakan gratis.

Menurut Sunyoto (2007:130), SQL adalah bahasa yang dikhususkan

untuk operasi database dan digunakan untuk mengakses basis data yang tergolong

relasional. SQL mulai berkembang pada tahun 1970an. SQL mulai digunakan

sebagai standar yang resmi pada tahun 1986 oleh ANSI (American National

Standard Institute) dan pada tahun 1987 oleh ISO (International Organization for

Standardization) dan disebut sebagai SQL-86. Pada perkembangannya, SQL

beberapa kali dilakukan revisi.

2.2. Peralatan Pendukung (Tools System)

Perkembangan teknologi perangkat lunak yang semakin pesat, membuat

diperlukannya bahasa yang digunakan untuk memodelkan perangkat lunak yang

akan dibuat dan perlu adanya standarisasi agar orang di berbagai negara dapat

mengerti pemodelan perangkat lunak.

12

2.2.1. Dekomposisi Fungsi

Menurut Nuryahya (2005:11), Dekomposisi Fungsi dimulai dengan

analisis pekerjaan apa saja yang ingin dilakukan, diikuti tahap desain bagaimana

pekerjaan tersebut dapat dilakukan dimana prosesnya berorientasi pada tujuan.

Perangkat yang digunakan biasanya berdasarkan pada data flow dan bahasa

prosedural.

Aktivitas suatu sistem pasti mempunyai bagian-bagian yang saling

berhubungan. Bagian-bagian tersebut harus didefinisikan terlebih dahulu agar

terdapat kejelasan dalam pembuatan sistem. Dengan menggunakan diagram

dekomposisi, penulis dapat mendefinisikan ke aktivitas yang terjadi pada suatu

sistem.

2.2.2. UML

Bahasa pemrograman berorientasi objek yang pertama dikembangkan

dikenal denga nama Simula-67 yang dikembangkan pada tahun 1967. Bahasa

pemrograman ini kuran berkembang, namun karena kemunculannya telah

memberikan sumbangan yang sangat besar pada developer pengembang bahasa

pemrograman berorientasi objek selanjutnya.

Perkembangann bahasa pemrograman berorientasi objek, membuat banyak

bermunculan metodologi pemodelan, salah satunya UML. UML (Unified

Modeling Language) merupakan bahasa visual untuk pemodelan dan komunikasi

mengenai sebuah sistem dengan menggunakan diagram dan teks-teks pendukung

(Rosa A. S dkk, 2011:118).

13

Pembagian diagram UML menurut Shalahuddin dkk (2011:120) sebagai

berikut:

1. Structure Diagrams

a. Class Diagram

b. Object Diagram

c. Component Diagram

d. Composite Structure Diagram

e. Package Diagram

f. Deployment Diagram

2. Behavior Diagrams

a. Use case Diagram

b. Activity Diagram

c. State Machine Diagram

3. Interaction Diagrams

a. Sequence Diagram

b. Communication Diagram

c. Timing Diagram

d. Interaction Overview Diagram

2.2.3. ERD

Pemodelan awal basis data yang paling banya digunakan adalah denga

menggunakan ERD (Entity Relationship Diagram). ERD dikembangkan

berdasarkan teori himpunan dalam bidang matematika. ERD digunakan untuk

pemodelan basis data relasional.

14

Menurut Winarko (2006:13), Entity Relationship Diagram adalah sebuah

diagram yang menggambarkan hubungan/relasi antar Entitas (Entity), dan setiap

Entity terdiri atas satu atau lebih Attribut yang mempresentasikan seluruh kondisi

(fakta) dari Dunia Nyata yang kita tinjau. Sedangkan Menurut Winarko

(2006:14) juga, Entitas (Entity) merupakan individu yang mewakili sesuatu yang

nyata dan dapat dibedakan. Dengan ER-Diagram penulis dapat

mentranformasikan keadaan dari Dunia Nyata kedalam bentuk basis data.

2.2.4. Spesifikasi Basis Data

Data tidak dapat dipisahkan dari perangkat lunak. Karena setiap perangkat

lunak pasti memiliki data untuk menjalankan tugasnya. Tidak hanya perangkat

lunak yang memiliki alur hidup, dalam membuat perencanaan basis data juga

memiliki alur hidup atau Database Life Cycle (DBLC). Fase-fase DBLC menurut

Shalahuddin dkk (2011:48) sebagai berikut:

1. Analisis Kebutuhan (requirements analys)

Hal-hal yang harus dilakukan pada tahap ini adalah:

a. Didefinisikan dengan mewawancarai produsen dan pemakai data.

b. Membuat kontrak spesifikasi basis data.

c. Entity Relationship Diagram (ERD).

2. Desain lojik basis data (logical database design)

Pada tahap ini harus dibuat rancangan lojik basis data. Biasanya pada tahap ini

dibuat Conceptual Data Model (CDM).

3. Desain fisik basis data (physical database design)

15

Pada tahap ini harus dibuat rancangan fisik basis data. Biasanya pada tahap ini

dibuat Physical Data Model (PDM).

4. Implementasi

a. Membuat Query SQL.

b. Aplikasi Ke DBMS atau file.

Menurut James Martin dalam Sutanta (2011:29), Basis Data adalah suatukumpulan data terhubung (interrelated data) yang disimpan secarabersama-sama pada suatu media, tanpa mengatap satu sama lain atau tidakperlu suatu kerangkapan data, data disimpan dengan cara-cara tertentusehingga mudah digunakan atau ditampilkan kembali, data dapatdigunakan oleh satu atau lebih program-program aplikasi secara optimal,data disimpan tanpa mengalami ketergantungan dengan program yangakan menggunakannya, data disimpan sedemikian rupa sehingga prosespenambahan, pengambilan, dan modifikasi data dapat dilakukan denganmudah dan terkontrol.

Dari pengertian tersebut, maka inti dari basis data adalah sebagai

pangkalan data. Dimana informasi yang didapat dari dunia nyata

ditransformasikan kedalam bentuk data yang dikumpulkan menurut fungsi dan

bagiannya.

16

BAB III

ANALISA SISTEM BERJALAN

3.1. Tinjauan Perusahaan

3.1.1. Sejarah Perusahaan

CV. Hendri Jaya adalah perusahaan yang bergerak di bidang konveksi

pakaian, didirikan di Bandung pada tanggal 20 Juli 1990 perusahaan ini berawal

dari jenis usaha industri rumahan (home industry) bidang jahit-menjahit pakaian

yang bertempat di Jalan Gegerkalong Tengah No 42 174 A, melihat kondisi

lingkungan yang ramai ditambah dan banyaknya gedung sekolah, perguruan

tinggi serta perkantoran swasta & pemerintah di lingkungan tersebut, sehingga

banyak kalangan masyarakat yang membutuhkan jasa jahit pakaian demi

memenuhi kebutuhan primer mereka, dengan melihat banyaknya permintaan

dalam hal tersebut maka perusahaan kecil ini berinisiatif untuk melebarkan

usahanya dengan merekrut karyawan.

Perjalanan usaha konveksi ini pun terus berkembang serta mengalami

peningkatan. Dengan mempertimbangkan hal tersebut, maka mulai terbentuk

sebuah perusahaan yang berbadan hukum dengan jenis persekutuan komanditer

(CV) yang pada awalnya menggunakan SIUP dan NPWP. Setelah perusahaan

terbentuk menjadi CV, perusahaan pun kini berkembang dengan pesat. Maka dari

itu, saat ini pesanan pakaian pun sudah dapat memasuki instansi seperti pada

sekolah, perkantoran swasta maupun negeri, dan pelangan perorarangan sehingga

produksi pesanan pakaian pun semakin hari semakin bertambah.

17

Keadaan yang semakin menggiurkan tersebut menjadikan semangat yang

luar biasa, sehingga saat ini CV. Hendri Jaya sudah merambah pada percetakan

dan perdagangan. Poison Cloth adalah bentuk dari keseriusan tersebut. Pada

Poison Cloth dikhususkan pada penjualan barang saja, bukan pada produksinya.

3.1.2. Struktur Organisasi dan Fungsi

Gambar III.1

Struktur Organisasi CV. Hendri Jaya, Juni 2012

1. Manager Produksi

Manager Produksi berperan dalam mengatur seluruh aspek dalam bidang

produksi, yang meliputi pengawasan terhadap kegiatan dalam aspek keuangan,

produksi desain, serta aspek pemasaran

18

2. Bidang Keuangan

Bidang Keuangan berperan dalam proses pengendalian arus kas keuangan

perusahaan serta mengelola pengurusan penggajian karyawan. Pada bagian ini

terdapat Staff Karyawan sebagai pelakunya.

3. Produksi dan Desain

Berperan dalam melaksanakan proses produksi dari mulai barang mentah

sampai barang jadi, termasuk proses desain. Pada bagian ini pelakunya adalah

staff produksi

4. Pemasaran

Pelaku bagian ini adalah staff marketing, yang bertanggung jawab terhadap

promosi produk, sehingga terjadi penjualan. Bagian pemasaran juga

melakukan pengadaan barang dan pembuatan laporan.

3.2.Prosedur Sistem Berjalan

CV. Hendri Jaya menjual barang sisa produksi dan barang reject melalui

Poison Cloth. Secara khusus Poison Cloth menjual barang-barang fashion dengan

sistem tunai. Analisa sistem berjalan yang terdapat pada Poison Cloth sebagai

berikut :

1. Pengadaan Barang

Poison Cloth khusus menjual barang-barang dari CV. Hendri Jaya. Barang

yang dijual adalah barang sisa produksi dan barang yang secara sengaja

diproduksi sendiri oleh CV. Hendri Jaya, yang nantinya dijual bersama-sama.

19

Proses awalnya, Poison Cloth dari laporan penjualan perbulan, mengecek stok

barang keseluruhan, kemudian menentukan barang mana saja yang harus

diorder dan dengan jumlah berapa. Khusus untuk barang sisa produksi, CV.

Hendri Jaya mengirimkan langsung ke Poison Cloth dan langsung diproses.

Untuk melakukan order ke CV. Hendri Jaya, dibuatlah SPK (Surat Perintah

Kerja) kepada bagian produksi sesuai barang yang diminta. Kemudian, setelah

barang jadi, barang dikirim langsung ke Poison Cloth dengan menyertakan

surat jalan. Setelah barang diterima, dilakukan pencatatan dan pemberian kode

artikel seperti yang sudah ditentukan sebelumnya. Barang yang sudah diterima

bisa dibayar langsung atau selama dua minggu setelah barang diterima. Pada

setiap akhir bulan bagian gudang membuat laporan pengeluaran barang.

2. Penjualan Barang

Sistem penjualan barang pada Poison Cloth masih menggunakan sistem

konvensional, dimana calon pembeli harus datang langsung ke toko, kemudian

melihat katalog atau melihat barangnya langsung. Setelah melihat-lihat

barang, dan merasa cocok kemudian calon pembeli memilih dan membawanya

ke bagian kasir. Kemudian kasir melayani pembayaran barang sesuai harga

yang tertera. Selanjutnya, kasir membuatkan kwitansi lunas rangkap dua.

Kwitansi yang asli diberikan ke pembeli kemudian yang copy disimpan kasir

sebagai bukti penjualan. Yang terakhir kasir melakukan pengemasan barang

dan memberikan barang dan kwitansi asli ke pembeli.

20

3. Pembuatan Laporan

Barang yang dibeli dan dicatat oleh kasir, ditambah pencocokan dengan surat

jalan, kemudian digunakan untuk membuat laporan pengeluaran barang atau

stock opname untuk mengetahui sisa barang yang masih ada. Kemudian untuk

kwitansi, akan dibuat laporan penjualan setiap bulannya, sehingga manajer

dapat melihat kondisi kas Poison Cloth.

3.3. Dekomposisi Fungsi Sistem Berjalan

Penggambaran aktivitas penjualan pada Poison Cloth dapat dilihat pada

diagram dekomposisi sistem berjalan berikut ini.

Gambar III.2

Diagram Dekomposisi Sistem Berjalan

21

3.4. Activity Diagram Sistem Berjalan

Diagram aktivitas menggambarkan aliran kerja atau aktivitas dari sebuah

sistem atau proses bisnis. Yang digambarkan adalah aktivitas sistem bukan apa

yang dilakukan aktor. Diagram aktivitas juga banyak digunakan untuk

mendefinisikan rancangan proses bisnis, dimana setiap urutan aktivitas yang

digambarkan merupakan proses bisnis sistem yang didefinisikan. Berikut adalah

diagram aktifitas pada Poison Cloth.

1. Diagram Aktivitas Pengadaan Barang

Gambar III.3

Diagram Activity Pengadaan Barang

22

2. Diagram Aktivitas Penjualan Barang

Gambar III.4

Diagram Activity Penjualan Barang

23

3. Diagram Aktivitas Pembuatan Laporan

Gambar III.5

Diagram Activity Pembuatan Laporan

3.5. Spesifikasi Sistem Berjalan

Poison Cloth dalam menjalankan tugasnya, melibatkan banyak dokumen

sebagai tanda bukti. Diantaranya adalah surat perintah kerja (SPK), surat jalan,

dan kwitansi.

24

3.5.1. Spesifikasi Bentuk Dokumen Masukkan

1. Dokumen Surat Jalan

Nama Dokumen : Surat Jalan

Fungsi : Dokumen Pengiriman Barang

Media : Kertas

Jumlah : 2 rangkap

Tujuan : Bagian Gudang

Bentuk Dokumen : Lampiran A.1

2. Dokumen Catatan Barang

Nama Dokumen : Buku Catatan Barang

Fungsi : Dokumen Pencatatan Barang Masuk

Media : Kertas

Jumlah : 1 buku

Tujuan : Bagian Gudang

Bentuk Dokumen : Lampiran A.2

3.5.2. Spesifikasi Bentuk Dokumen Keluaran

1. Dokumen Surat Perintah Kerja (SPK)

Nama Dokumen : Surat Perintah Kerja

Fungsi : Dokumen Perintah Produksi Barang

Media : Kertas

Jumlah : 1 rangkap

Tujuan : Bagiang Produksi CV. Hendri Jaya

Bentuk Dokumen : Lampiran B.1

25

2. Dokumen Kwitansi

Nama Dokumen : Kwitansi

Fungsi : Dokumen Bukti Pembayaran

Media : Kertas

Jumlah : 2 rangkap

Tujuan : Pembeli dan Kasir


3. Dokumen Laporan Barang

Nama Dokumen : Laporan Barang

Fungsi : Dokumen Laporan Pengeluaran Barang

Media : Kertas

Jumlah : 1 rangkap

Tujuan : Pemilik


4. Dokumen Laporan Penjualan

Nama Dokumen : Kwitansi

Fungsi : Dokumen Laporan Penjualan

Media : Kertas

Jumlah : 1 rangkap

Tujuan : Pemilik


26

3.6. Permasalahan

Permasalahan masih banyak terjadi pada beberapa bagian fungsi. Masalah-

masalah tersebut tentunya menjadi hambatan. Masalah yang penulis temukan pada

Poison Cloth dapat didefinisikan sebagai berikut.

1. Pengadaan Barang

a. Perhitungan Stok

Masalah yang terjadi pada bagian ini adalah pada proses perhitungan stok

yang memakan waktu lama, dan terkadang terjadi kesalahan. Sehingga

keadaan jumlah barang tidak bisa diketahui secara pasti.

b. Pencatatan Barang

Pencatatan barang yang masih manual, membutuhkan waktu yang lama,

khususnya pada saat pemberian artikel produk, sering tidak akurat pada

saat pembuatannya, serta membutuhkan waktu yang lama.

2. Penjualan Barang

Masalah pada bagian ini adalah jangkauan pemasaran yang masih sangat

sempit. Tidak banyak orang yang mengenal produk dari Poison Cloth.

Pembeli hanya dari masyarakat sekitar atau lingkup dalam kota. Sehingga

penjualan masih sangat minim. Penyebaran katalog pun belum meluas.

3. Laporan

a. Laporan Penjualan

Masalah yang terjadi pada bagian ini adalah proses pembuatan laporan

yang lama, dan manajer tidak bisa melihat laporan secara real time.

27

b. Laporan Pengeluaran Barang

Masalah yang terjadi pada bagian ini sama seperti pada pembuatan laporan

penjualan, karena prosesnya hampir bersamaan, maka proses pembuatan

laporan menjadi lama, dan manajer tidak bisa melihat laporan secara real

time.

3.7. Alternatif Permasalahan

Permasalahan yang terjadi harus segera dipecahkan, agar tidak

menghambat aktivitas penjualan. Dari hasil analisis penulis, ada beberapa solusi

yang penulis tawarkan kepada pihak Poison Cloth.

Pertama, penjualan yang masih konvensional akan diubah menjadi non

konvensional, yaitu dengan membuat sebuah sistem informasi secara online untuk

promosi pemasaran dan penjualan produk.

Kedua, jika penjualan secara online, maka pengelolaan data juga harus

mengikuti. Agar perubahan data produk, termasuk gambar, harga, stok, kode

artikel, dan detail produk, dapat dilakukan secara real time. Disediakan juga

katalog terbaru untuk promosi terhadap pelanggan.

Ketiga, jika data diolah oleh sistem, maka secara otomatis akan di

kalkulasi oleh sistem. Seperti pada saat pencatatan barang, laporan barang keluar,

dan tentunya laporan penjualan yang berkaitan dengan keuangan. Semuanya dapat

dilihat secara real time. Pada akhirnya akan sangat mengurangi penggunaan

kertas, dan mempersingkat waktu.

28

BAB IV

RANCANGAN WEB USULAN

4.1. Dekomposisi Fungsi Sistem Usulan

Penulis membuat solusi dari permasalahan perusahaan dengan membuat

website e-commerce. Proses utamanya adalah transaksi penjualan dan pengelolaan

data pesanan. Proses bisnis ini dapat terjadi jika terdapat pelanggan yang menjadi

anggota/member. Langkah awalnya, calon pelanggan yang mengunjungi website

dapat mendaftar melalui menu yang telah disediakan. Kemudian, calon pelanggan

mengisi data diri sesuai formulir yang sudah disediakan. Setelah berhasil

mendaftar, maka pelanggan harus login dahulu untuk melakukan proses

pemesanan produk. Setelah berhasil login dan memesan produk, pelanggan dapat

melihat pesanan, mengubah pesanan, menghapus pesanan, atau melanjutkan ke

proses selanjutnya melalui menu daftar belanja.

Proses terakhir adalah pembayaran, dimana total yang harus dibayarkan sesuai

yang tertera pada proses terakhir pemesanan produk. Pembayaran dapat dilakukan

melalui transfer ke nomer rekening yang sudah disediakan. Untuk keseluruhan

proses dapat dilihat pada diagram dekomposisi berikut ini.

29

Gambar IV.1

Diagram Dekomposisi Fungsi Sistem Usulan

30

4.2. Desain Sistem (UML)

Perancangan sistem perangkat lunak akan didefinisikan menurut aktivitas

masing-masing. Kemudian ditentukan aktor yang terlibat pada setiap aktifitas.

Untuk menggambarkan aktifitas apa saja yang dilakukan, maka dibuatlah desain

UML yang diawali dengan pembuatan Use Case terlebih dahulu.

1. Use Case Diagram

a. Diagram Use Case Pendaftaran Member Baru

Gambar IV.2

Diagram Use Case Pendaftaran Member Baru

b. Diagram Use Case Hubungi Kami

Gambar IV.3

Diagram Use Case Hubungi Kami

31

c. Diagram Use Case Pemesanan Barang

Gambar IV.4

Diagram Use Case Pemesanan Barang

2. Activity Diagram

a. Diagram Activity Pendaftaran Member Baru

Gambar IV.5

Diagram Activity Pendaftaran Member Baru

32

b. Diagram Activity Hubungi Kami

Gambar IV.6

Diagram Activity Hubungi Kami

33

c. Diagram Activity Pemesanan Barang

Gambar IV.7

Diagram Activity Pemesanan Barang

34

3. Component Diagram

Pemodelan untuk menggambarkan komponen perangkat lunak pada sistem,

dibuatlah diagram komponen sebagai berikut.

Gambar IV.8

Diagram Component

4. Deployment Diagram

Diagram deployment digunakan untuk menggambarkan fisik jaringan.

Diagram ini membantu dalam pengembangan selanjutnya.

Gambar IV.9

Diagram Deployment

35

4.3.ERD (Entity Relationship diagram)

Perancangan perangkat lunak atau pembuatan suatu aplikasi, pada intinya

adalah untuk mengolah data menjadi informasi. Agar data dapat diolah,

sebelumnya data harus dikumpulkan atau disimpan pada suatu tempat

penyimapan, tentunya dalam bentuk data digital. Dari hasil penelitian yang

penulis lakukan, terdapat banyak data dari beberapa entitas yang harus diolah agar

dapat menjadi informasi yang berguna.

Tabel yang dibuat adalah tabel admin yang berisi data akun administrator

sebagai pengelola website. Tabel katalog berisi data gambar katalog produk. Tabel

barang berisi data produk yang dijual, tabel ini berhubungan dengan tabel kategori

untuk memisahkan setiap barang berdasar kategorinya. Sebagai tempat

penyimpanan data transaksi pelanggan dibuatlah tabel faktur dan tabel detail

faktur, yang nantinya digunakan untuk menampilkan faktur penjualan. Namun

sebagai penyimpanan data sementara dibuatlah tabel temporari transaksi. Di

dalam faktur terdapat kota tujuan dan jasa pengiriman yang dipakai, sehingga

dibuat tabel kurir dan tabel kota.

Produk yang dikategorikan berdasar kategori masing-masing membuat

menu produk harus bisa disesuaikan, maka dibuat tabel menu dan tabel detail

menu untuk menyimpan data menu produk. Sebagai fasilitas percakapan

disediakan halaman kontak yang ditampung dalam tabel kontak. Semua kegiatan

tersebut tidak akan berjalan jika tidak ada pelanggan sebagai pembeli, maka

disediakan tabel user untuk menampung informasi data pelannggan. Untuk

melihat hubungan keterkaitan data antar tabel, dapat dilihat pada diagram ERD

berikut.

36

dikirim

ke

diisi

oleh

N

N

Gambar IV.10

Entity Relational Diagram

37

4.4. Spesifikasi Basis Data

Penjelasan dari ERD yang telah dibuat, dibagi berdasarkan entitas dan

menjadi tabel-tabel dalam database atau basis data. Tabel-tabel tersebut

mempunyai spesifikasi sebagai berikut.

1. Nama Database : poisoncloth

Nama tabel : Tabel Admin

Akronim : tbladmin.myd

Fungsi tabel : Untuk menyimpan data admin

Kunci Utama : id_admin

Panjang Record : 563

Tabel IV.1 Spesifikasi File Admin

No Elemen Data Akronim Tipe Ukuran Keterangan

1. Id Admin id_admin Varchar 12 Primary Key

2. Nama Admin nama_admin Varchar 100

3.Jenis Kelamin

Aminjenis_kel_admin Varchar 1

4.Tempat Lahir

Admintmp_lahir_admin Varchar 50

5.Tanggal Lahir

Admintgl_lahir_admin Date

6. Alamat Admin alamat_admin Text

7. Email Admin email_admin Varchar 150

8.Username

Adminuser_admin Varchar 100

38

9.Password

Adminpass_admin Varchar 100

10. Level Admin level_admin Varchar 15

11. Log Admin log_admin Varchar 35


Nama tabel : Tabel Barang

Akronim : tblbarang.myd

Fungsi tabel : Untuk menyimpan data barang

Kunci Utama : id_barang


Tabel IV.2 Spesifikasi File Barang


1. Id Barang id_barang Varchar 12 Primary key

2. Nama Barang nama_barang Varchar 100

3. Harga barang harga_barang Double

4. Berat barang berat_barang Decimal

5. Stok barang stok_barang Varchar 1

6. Gambar barang gambar_barang Text

7. Deskripsi barang desk_barang Text

8. Log barang log_barang Varchar 35

9. Rating rating Int 5

10. Kategori Barang id_kategori Varchar 12 Foreign key

39


Nama tabel : Tabel Detail Faktur

Akronim : tbldetailfaktur.myd

Fungsi tabel : Untuk menyimpan data detail faktur

Kunci Utama : -

Panjang Record : 34

Tabel IV.3 Spesifikasi File Detail Faktur


1. Quantity qty int 5

2. Subtotal subtotal int 5

3. No faktur no_faktur Varchar 12 Foreign key

4. Id barang id_barang Varchar 12 Foreign key


Nama tabel : Tabel Detail Menu

Akronim : tbldetailmenu.myd

Fungsi tabel : Untuk menyimpan sub menu

Kunci Utama : id_submenu

Panjang Record : 89

Tabel IV.4 Spesifikasi File Detail Menu


1. Id detail menu id_submenu Varchar 12 Primary key

2. Nama submenu nama_submenu Varchar 25

40

3. Kode akses kode_akses Varchar 5

4. Log submenu log_submenu Varchar 35

5. Id menu id_menu Varchar 12 Foreign key


Nama tabel : Tabel Faktur

Akronim : tblfaktur.myd

Fungsi tabel : Untuk menyimpan data pemesanan barang

Kunci Utama : no_faktur


Tabel IV.5 Spesifikasi File Faktur


1. No faktur no_faktur Varchar 12 Primary key

2. Nama penerima nama_penerima Varchar 100

3. Alamat kirim alamat_kirim Text

4. Kode Pos kodepos Varchar 5

5. Total bayar total_bayar Double

6. Status pesanan status_pesanan Varchar 10

7. Tanggal pesan log_tgl Varchar 10

8. Waktu pesan log_wkt Varchar 8

9. Security key text

10. Id user id_user Varchar 12 Foreign key

11. Id kurir id_kurir Varchar 12 Foreign key

12. Id kota id_kota Varchar 12 Foreign key

41


Nama tabel : Tabel Katalog

Akronim : tblkatalog.myd

Fungsi tabel : Untuk menyimpan data katalog

Kunci Utama : id_katalog


Tabel IV.6 Spesifikasi File Katalog


1. Id katalog id_katalog Varchar 12 Primary key

2. Judul katalog judul_katalog Varchar 30

3. Gambar katalog gambar_katalog Text

4. Ukuran file ukuran_file Int 11

5. Tipe file type_file Varchar 30

6. Log katalog log_katalog Varchar 35

7. Id admin id_admin varchar 12 Foreign key


Nama tabel : Tabel Kategori

Akronim : tblkategori.myd

Fungsi tabel : Untuk menyimpan data kategori

Kunci Utama : id_kategori

Panjang Record : 32

42

Tabel IV.7 Spesifikasi File Kategori


1. Id kategori id_kategori Varchar 12 Primary key

2. Nama kategori nama_kategori Varchar 20


Nama tabel : Tabel Kontak

Akronim : tblkontak.myd

Fungsi tabel : Untuk menyimpan data pesan member

Kunci Utama : id_kontak

Panjang Record : 94

Tabel IV.8 Spesifikasi File Kontak


1. Id kontak id_kontak Varchar 12 Primary key

2. Isi pesan pesan_kontak Text

3. Log pesan log_kontak Varchar 35

4. Balasan pesan balas_kontak Text

5. Log balasan log_balas Varchar 35



Nama tabel : Tabel Kota

Akronim : tblkota.myd

Fungsi tabel : Untuk menyimpan data kota pengiriman barang dari kurir

43

Kunci Utama : id_kota

Panjang Record : 55

Tabel IV.9 Spesifikasi File Kota

No Elemen Data akronim Tipe Ukuran Keterangan

1. Id kota id_kota Varchar 12 Primary key

2. Nama kota nama_kota Varchar 20

3. Ongkos kirim ongkos_kirim Int 11

4. Id kurir id_kurir Varchar 12 Foreign key


Nama tabel : Tabel Kurir

Akronim : tblkurir.myd

Fungsi tabel : Untuk menyimpan data kurir

Kunci Utama : id_kurir

Panjang Record : 22

Tabel IV.10 Spesifikasi File Kurir


1. Id kurir id_kurir Varchar 12 Primary key

2. Nama kurir nama_kurir Varchar 10


Nama tabel : Tabel Menu

44

Akronim : tblmenu.myd

Fungsi tabel : Untuk menyimpan data menu

Kunci Utama : id_menu

Panjang Record : 60

Tabel IV.11 Spesifikasi File Menu


1. Id menu id_menu Varchar 12 Primary key

2. Log menu log_menu Varchar 35

3. Status menu status_menu Varchar 1

4. Id kategori id_kategori Varchar 12 Foreign key


Nama tabel : Tabel Temporari Transaksi

Akronim : tbltemptrans.myd

Fungsi tabel : Untuk menyimpan data pesanan sementara

Kunci Utama : id_temptrans

Panjang Record : 51

Tabel IV.12 Spesifikasi File Temporari Transaksi


1. Id temporari id_temptrans Int 11 Primary key

2. Quantity qty Int 5

3. Subtotal sub_total Double


45


Nama tabel : Tabel User

Akronim : tbluser.myd

Fungsi tabel : Untuk menyimpan data member

Kunci Utama : id_user


Tabel IV.13 Spesifikasi File User


1. Id user id_user Varchar 12 Primary key

2. Nama user nama_user Varchar 100

3. Tempat lahir tmp_lahir Varchar 50

4. Tanggal lahir tgl_lahir Date

5. Jenis kelamin jenis_kel Varchar 20

6. Email email_user Varchar 150

7. Nomor telepon nomor_telp Varchar 14

8. Alamat alamat_user Text

9. Password pass_user Varchar 100

10. Status status_user Varchar 1

11. Log daftar log_daftar Varchar 35

12. Log user log_user Varchar 35

13. Foto user foto_user Text

46

4.5.Tampilan Web

Perancangan website akan menghasilkan tampilan atau GUI, sebagai

media interaksi dengan pengguna. Dibawah ini beberapa tampilan website sesuai

dengan dekomposisi fungsi sistem usulan.

1. Tampilan Halaman Depan

Gambar IV.11

Gambar Halaman Depan

47

2. Tampilan Halaman Pendaftaran Member

Gambar IV.12

Gambar Halaman Pendaftaran Member

48

3. Tampilan Halaman Pengelolaan Data Member

Gambar IV.13

Gambar Halaman Pengelolaan Data Member

4. Tampilan Halaman Produk

Gambar IV.14

Gambar Halaman Produk

49

5. Tampilan Halaman Produk Terbaru dan Terlaris

Gambar IV.15

Gambar Halaman Produk Terbaru dan Terlaris

6. Tampilan Halaman Pengelolaan Data Produk

Gambar IV.16

Gambar Halaman Pengelolaan Data Produk

50

7. Tampilan Halaman Daftar Belanja

Gambar IV.17

Gambar Halaman Daftar belanja

8. Tampilan Halaman Faktur

Gambar IV.18

Gambar Halaman Faktur

51

9. Tampilan Halaman Pengelolaan Pesanan

Gambar IV.19

Gambar Halaman Pengelolaan Pesanan

10. Tampilan Halaman Laporan Penjualan

Gambar IV.20

Gambar Halaman Laporan Penjualan

52

11. Tampilan Halaman Laporan Pengeluaran Barang

Gambar IV.21

Gambar Halaman Laporan Pengeluaran Barang

4.6. Publikasi Web

Sebagai bentuk implementasi, penulis mempublikasikan website Poison

Cloth. Publikasi dilakukan dengan penyewaan hosting dan pembelian domain atau

alamat website. Terdapat banyak penyedia hosting maupun domain dengan harga

yang bersaing. Sebagai contoh, penyewaan hosting pada alamat

dapurhosting.com, besar biaya yang harus dibayar per tahun berkisar antara Rp.

25.000,- sampai dengan Rp. 1.000.000,- untuk server di Indonesia. Sedangkan

untuk domainnya dihargai Rp. 95.000,- per tahun untuk akhiran .com.

Pengajuan kepada pemilik belum mendapat kesepakatan, maka darii itu

untuk kebutuhan pelaksanaan sidang skripsi, penulis mempublikasikan sementara

pada penyedia hosting gratis dengan rincian sebagai berikut.

53

Alamat Hosting : orgfree.com

Alamat Domain : poisoncloth-demo.orgfree.com

4.7. Spesifikasi Hardware dan Software

Setelah dilakukan percobaan atau implementasi, penulis mendapatkan data

untuk menentukan spesifikasi hardware dan software, dimana website dapat

berjalan maksimal.

4.7.1. Spesifikasi Hardware

Dari hasil percobaan implementasi, di dapat data untuk menentukan

spesifikasi minimum hardware yang harus digunakan agar program dapat berjalan

lancar. Spesifikasi minimal hardware yang harus digunakan sebagai berikut.

Processor : 1,3 GHz

Harddisk : 80 GB

Memory : 512 MB (DDR1)

VGA : 128 MB

Keyboard : Standar QWERTY

Mouse : PS/2 atau USB 2.0

4.7.2. Spesifikasi Software

Spesifikasi hardware sangat penting, tetapi kehadiran software juga sama

pentingnya. Untuk spesifikasi software yang memadai agar website berjalan

lancar sebagai berikut.

Sistem Operasi : Windows XP SP3/ Linux yang sederajat

Browser : Mozilla Firefox V.10 keatas, Google Chroom V.10 keatas.

54

BAB V

PENUTUP

5.1. Kesimpulan

Penelitian yang telah penulis lakukan dan diuraikan pada BAB I, BAB II,

BAB III, dan BAB IV, menghasilkan beberapa kesimpulan. Kesimpulan yang

penulis dapatkan adalah :

1. Penggunaan e-commerce dan sarana internet, memungkinkan penyampaian

informasi produk yang lebih cepat, akurat, dan up to date. Sehingga mampu

menjaring pelanggan yang lebih banyak dari berbagai wilayah tanpa batasan

waktu.

2. Pengelolaan data dengan bantuan sistem berbasis web, menjadi lebih efektif

dan efisien, mampu mengurangi tingkat kesalahan, dan dapat diakses secara

real time.

5.2. Saran-saran

Penulis menyadari masih banyak kekurangan dalam pembuatan sistem ini.

Untuk pengembangan selanjutnya, penulis menyarankan beberapa hal sebagai

berikut :

1. Penerapan javascript dan jquery kedalam website agar tidak terlalu

membebani server.

2. Penerapan metode SEO (Search Engine Optimizer) terhadap website agar

dapat muncul dalam mesin percari.

3. Penambahan keamanan pada setiap bagian.

DAFTAR PUSTAKA

Jogiyanto, HM. 2005. Analisa & Disain Sistem Informasi: PendekatanTerstruktur Teori dan Praktek Aplikasi Bisnis. Edisi Ketiga. Yogyakarta :Andi.

Madcoms . 2006. Macromedia Dreamweaver 8. Andi Offset: Yogyakarta.

Navathe, Shamkant B, dan Rames Elmasri. 2007. Fundamentals of DatabaseSystem. Pearson International Edition.

Nazir, Moh. 2005. Metode Penelitian. Bogor: Ghalia Indonesia.

Peranginangin. 2006. Aplikasi Web dengan PHP dan MySQL.Yogyakarta: AndiOffset.

Shalahuddin, dan Rosa A.S. 2011. Modul Pembelajaran Rekayasa PerangkatLunak (Terstruktur dan Berorientasi Objek). Bandung: Modula.

Sunyoto, Andi 2007. Pemograman Database dengan Visual Basic dan MicrosoftSQL. Yogyakarta: Andi Offset.

Syafii . 2005. Panduan Membuat Aplikasi Database dengan PHP 5. Yogyakarta:Andi Offset.

Syahputra, Andi. 2003. Apache Web Server. Yogyakarta: Penerbit Andi.

Utomo, Eko Priyo. 2005. Berbisnis di Era Internet dengan E-Commerce.Bandung: Yrama Widya.

Whitten, Jeffery L, Lonnie D. Bentley, dan Kevin C. Dittman. 2004. Metodedesain dan analisis sistem edisi 6. Yokyakarta : Penerbit Andi

Winarko, Edi. 2006. Perancangan Database Dengan Power Designer 6.32.Jakarta:Prestasi Pustakaraya

DAFTAR RIWAYAT HIDUP

I. Bio Data MahasiswaNIM : 16110077Nama Lengkap : Erfian Junianto

Tempat, Tanggal Lahir : Wonogiri, 17 Juni 1990Alamat lengkap : Panggil, RT 02/04 Jatipurno, Wonogiri

II. Pendidikan Formal1. SDN 1 Jatipurno, lulus tahun 2002.

2. SMPN 1 Jatisrono, lulus tahun 2005.

3. SMAN 1 Jatisrono, lulus tahun 2008.

4. AMIK BSI Jurusan Manajemen Informatika di Bandung, lulus tahun 2011

Bandung, 15 Mei 2012

Erfian Junianto

KARTU BIMBINGAN SKRIPSI

UNIVERSITAS BINA SARANA INFORMATIKA

N I M : 16110077 Nama Lengkap : Erfian Junianto Dosen Pembimbing : Dwiza Riana, S.Si, MM, M.Kom Judul Skripsi : Perancangan Website E-Commerce

Poison Cloth Pada CV. Hendri Jaya

No. TanggalBimbingan Pokok BahasanParaf DosenPembimbing

1. 11-05-2012 Bimbingan perdana2. 26-05-2012 Judul3. 01-06-2012 Revisi BAB I, II, III4. 15-06-2012 Acc BAB I & BAB II5. 15-06-2012 Revisi BAB III6. 26-06-2012 Revisi Program dan BAB IV7. 29-06-2012 Cek Program8. 03-07-2012 Revisi BAB III & BAB IV9. 14-06-2012 Acc Keseluruhan

Catatan untuk Dosen Pembimbing.Bimbingan Skripsi

Dimulai pada tanggal : 11-05-2012 Diakhiri pada tanggal : 14-06-2012 Jumlah pertemuan bimbingan : 9

Disetujui oleh,Dosen Pembimbing

Dwiza Riana, S.Si, MM, M.Kom

58

Lampiran A.1. Dokumen Surat Jalan

SURAT JALANNO:

Bandung, .................................................Kepada Yth. :.............................................................................................................

..................................................................

No. Banyaknya Jenis Barang Keterangan

Tanda terima,

(..................................................)

asasssssssssssssssssssssssssssssssHormat kami,

(..................................................)

58

Lampiran A.2. Dokumen Catatan BarangLampiran A.2. Dokumen Catatan Barang

CATATAN BARANG

No Tanggal No. SuratJalanKode

Barang RincianHargaBarang

HargaProduksi

HargaJual Keterangan Cek

59

Lampiran B.1. Dokumen Surat Perintah Kerja (SPK)en Laporan Barang

SURAT PERJANJIAN PESANAN PAKAIAN

Yang bertanda tangan di bawah ini :Nama : .........................................................Jabatan : .........................................................Alamat : .........................................................Nama tersebut diatas adalah pihak ke INama : .........................................................Jabatan : .........................................................Alamat : .........................................................Nama tersebut selanjutnya disebut pihak ke IIPihak ke I dan pihak ke II telah sepakat membuat perjanjian pesanan pakaian seragam denganjumlah .................... terdiri dari :

No Nama Pakaian Banyak Harga Jumlah Keterangan1.2.3.4.5.6.7.8.

1) Spesifikasi pekerjaan tersebut sesuai dengan contoh dan penawaran harga yang telahdisepakati bersama-sama

2) Jangka waktu pengerjaan ditentukan bersama-sama mulai dari ............................................s/d ........................................... selama ........ hari.

3) Sistem pembayaran pihak ke I memberikan uang muka sebesar Rp. .................... dan sisapembayaran akan dilunasi setelah barang dikirim sesuai dengan jumlah pesanan.

4) Bilamana ada komplain bisa diperbaiki lagi oleh pihak ke II.5) Demikian surat perjanjian ini kami buat untuk dilaksanakan dan dipatuhi secara bersama-

sama.Bandung, ...............................................

Yang membuat perjanjian bersama-sama menandatanganiPihak I Pihak II

(........................................) (........................................)

60

Lampiran B.2. Dokumen Kwitansi

61

Lampiran B.3. Dokumen Laporan Barangpiran A.2. Dokumen Laporan Barang

LAPORAN

No Tanggal No. Faktur Kode Barang Decriptions HargaJualStok

Barang Keterangan TTD

62

Lampiran B.4. Dokume Laporan Penjualanpiran A.2. Dokumen Laporan Barang

LAPORAN

No Tanggal No. Faktur Kode Barang Decriptions HargaJualStok

Barang Keterangan TTD

63

Lampiran C.1 Listing Program Carapesancarapesan.php

Cara PemesananUntuk Melakukan pemesanan dengan fasilitas ini, dapat dilakukan dengan beberapa tahap :

MendaftarAgar dapat melakukan pemesanan, silahkan melakukan pendaftaran terlebih dahulu.

Untuk mendaftar silahkan klik DAFTAR yangberada di bawah form login.

LoginSetelah pendaftaran Anda berhasil, silahkan melakukan login terlebih dahulu agar

proses pemesanan barang dapat dilakukan.Memesan BarangSetelah berhasil masuk (login), silahkan pilih barang yang akan Anda beli. Lihat

pada bagian kanan (Keranjang Belanja) untuk melihat berapa barang yang sudah Anda pesan.Melakukan PembayaranPada akhir proses pemesanan, akan tertera nominal jumlah yang harus dibayar.Mencetak FakturSetelah selesai, silahkan cetak faktur sebagai bukti pemesanan barang. Kemudian,

lakukan pembayaran dengan mentransfer ke rekening yang kami sediakan, selanjutnya kirim Pesan MelaluiKontak atau SMS ke Nomor yang kami sediakan. Kami akan melakukan pengiriman setelah administrasipembayaran diselesaikan. Paling lambat 7 hari setelah pembayaran lunas. Terimakasih

Lampiran C.2 Listing Program Cetak Fakturcetakfaktur.php

.table{border:#999 solid 1px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:0;}.table td{vertical-align:middle;}.center{text-align:center;}.left{text-align:left;}.right{text-align:right;}.abu{background-color:#CCC;}.bold{font-weight:bold;}.border_left{border-left:#999 dashed 1px;}.border_right{border-right:#999 dashed 1px;}.border_top{border-top:#999 dashed 1px;}.border_bottom{border-bottom:#999 dashed 1px;}

64

POISON CLOTHAlamat: Jln. Gegerkalong Tengah No 42 174 A Telp: 022-02202334

FAKTUR PENJUALAN

NoFaktur:

Tgl Transaksi:

Nama Pemesan:

Jam Transaksi:

Nama Penerima:

Jasa Kurir:

Kota Tujuan:

NoKode BarangNama BarangBerat BarangHarga BarangQtySubtotal

65

$ambil_detail = mysql_query("selecttbldetailfaktur.*,tblbarang.nama_barang,tblbarang.harga_barang,tblbarang.berat_barang fromtbldetailfaktur,tblbarang where tblbarang.id_barang=tbldetailfaktur.id_barang andno_faktur='$loop_faktur[no_faktur]'",$koneksi);while ($loop_detail=mysql_fetch_array($ambil_detail)){$beratTot = $beratTot + ($loop_detail['berat_barang'] * $loop_detail['qty']);$subTot = $subTot + $loop_detail['subtotal'];?>

Rp.

Rp.

Alamat:

Total Harga:Rp.

Total Berat x Ongkos Kirim:Kg x Rp. =

Rp.

Grand Total:Rp.

66

Pembayaran dilakukanselambat-lambatnya 3 hari setelah pemesanan, jika tidak maka pesanan dianggap hangus atau dibatalkan.Faktur ini dinyatakan sah, apabila dicetak melalui login dan tercantum security key yang valid

Lampiran C.3 Listing Program Cetak Profilcetakprofil.php

.table{border:#999 solid 2px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;padding:0;}.center{text-align:center;}.left{text-align:left;}.right{text-align:right;}.abu{background-color:#CCC;}.bold{font-weight:bold;}.border_left{border-left:#999 solid 2px;}.border_right{border-right:#999 solid 2px;}.border_top{border-top:#999 solid 2px;}.border_bottom{border-bottom:#999 solid 2px;}.font{font-family:"Courier New", Courier, monospace;font-size:12px;}

KARTU MEMBER POISON CLOTH

67

Nama:

Tempat, Tgl Lahir:

Jenis Kelamin:

No. Telp:

Alamat:

Terdaftar Sejak : |

Lampiran C.4 Listing Program Daftar Belanjadaftarbelanja.php

68

KodeNama BarangBeratHargaJumlahSub Total

69

0){

hargabaru = parseFloat(data);subtotalbaru = sub-hrg+hargabaru;document.getElementById(idloading).innerHTML = "";document.getElementById(idharga).innerHTML = datadocument.getElementById("subtotal").innerHTML = subtotalbaru;

}

70

}}function IsJustAngka(text){var i, sub, a;for(i=0;i

71

header("Content-type: ".$data['type_file']);

$fp = fopen($data['gambar_katalog'], 'r');$content = fread($fp, filesize($data['gambar_katalog']));fclose($fp);

echo $content;

exit;?>

Lampiran C.7 Listing Program Edit Akuneditakun.php

72

$ip = $_SERVER['REMOTE_ADDR'];$log = $tgl_masuk. " " .$ip;#hapus foto lamaerror_reporting(0);if ($loop_foto['foto_user'] != ''){

unlink($loop_foto['foto_user']) or die ("file bermasalah");}$ubah_data=mysql_query("update tbluser set nama_user='$namaUser',

tmp_lahir='$tmpLahir',tgl_lahir='$tglLahir',jenis_kel='$jeniKkel',nomor_telp='$nomorTelp',alamat_user='$alamatUser',pass_user='$passWord',log_user='$log',foto_user='images/user/$fileName' whereid_user='$_SESSION[id_user]' ",$koneksi);if($ubah_data){?>

alert("Terima Kasih, data Anda telah berhasil diubah.")

alert("Mohon Maaf, sepertinya ada kesalahan, silahkan ulangi beberapa saat lagi.")

alert("Gagal Mengunggah gambar");

73

$log_wkt_daftar = substr($loop_data['log_daftar'],10,9);$log_tgl_daftar = substr($loop_data['log_daftar'],0,10);$log_wkt = substr($loop_data['log_user'],10,9);$log_tgl = substr($loop_data['log_user'],0,10);$log_ip = substr($loop_data['log_user'],20,15);?>

, ini merupakan bentuk layanan kami. Jika Anda ingin mengedit ProfilAnda, silahkan klik "tombol edit". Jika ada saran atau kritik, silahkan sampaikan melalui tab Hubungi Kami.Semoga Anda puas dengan layanan kami. Terima Kasih

Nama

:

TTL:

Jenis Kelamin:

E-Mail:

Nomor Telp:

Alamat:

Masuk Terakhir Pada: | |

74

Member Sejak: |

75

}?>

E-mail Password

76

alert("Kolom Nomor Telp belum diisi.");form.nomor_telp.focus();return (false);

}if (form.alamat_user.value == ""){

alert("Kolom Alamat belum diisi.");form.alamat_user.focus();return (false);

}if (form.password1.value == ""){

alert("Kolom Password belum diisi.");form.password1.focus();return (false);


alert("Kolom Komfirmasi Password belum diisi.");form.password2.focus();return (false);

}if (form.password1.value != form.password2.value){

alert("Password anda tidak sama silahkan ulangi.");form.password2.focus();return (false);

}if (form.user_answer.value == ""){

alert("Kolom Jawaban belum diisi.");form.user_answer.focus();return (false);

}return (true);

};

function IsJustAngka(text){var i, sub, a;for(i=0;i

77

}else {

return true;}keychar = String.fromCharCode(key);

if ((key==null) || (key==0) || (key==8) || (key==9) || (key==13) || (key==27) || (key==32) ) {return true;

}else if ((("qwertyuioplkjhgfdsazxcvbnmQWERTYUIOPLKJHGFDSAZXCVBNM").indexOf(keychar) > -1)) {

return true;}else if (decimal && (keychar == ".")) {

return true;}else

return false;};

Lampiran C.8 Listing Program Footerfooter.php

Beranda|Produk|Cara Pemesanan|HubungiKami|Katalog

Poison Cloth Copyright 2012 By Erfian Junianto

Lampiran C.9 Listing Program Formulirformulir.php

78

if (isset($_POST['daftar'])) {if (!email_is_valid($emailUser)) {

echo 'E-mail Anda tidak valid, silahkan ulangi.';}elseif(substr(md5($user_answer),5,10) != $answer){

echo 'Jawaban Anda salah, silahkan ulangi.';}else{

#cek ketersediaan email$cek_email = mysql_query("select * from tbluser where email_user='$emailUser'",$koneksi);$ver_email = mysql_fetch_array($cek_email);if ($ver_email){

#echo "Maaf, E-mail telah terpakai, silahkan coba dengan E-mailAnda yang lain. Mohon isi dengan data yang benar.";

?>

alert("Maaf, E-mail telah terpakai, silahkan coba dengan E-mail Anda yanglain. Mohon isi dengan data yang benar.")

79

if($input_data){$namaUser = "";$tmpLahir = "";$tglLahir = "";$emailUser = "";$nomorTelp = "";$alamatUser = "";$passWord = "";

#echo "Terima Kasih telah bergabung, silahkan login untukberbelanja.";

?>

alert("Terima Kasih telah bergabung, silahkan login untuk berbelanja.")

alert("Mohon Maaf, sepertinya ada kesalahan, silahkan ulangi beberapa saat

lagi.")

alert("Gagal Mengunggah gambar");

80

if($Counter < 1000){$idUser="USR.".$tgl. "." .$Counter;

}}

}# menginput ke dalam database

$input_data=mysql_query("INSERT INTO tbluser values('$idUser','$namaUser','$tmpLahir','$tglLahir','$jenisKel','$emailUser','$nomorTelp','$alamatUser','$passWord','1','$log','$log','') ",$koneksi);

if($input_data){$namaUser = "";$tmpLahir = "";$tglLahir = "";$jenisKel = "";$emailUser = "";$nomorTelp = "";$alamatUser = "";$passWord = "";

#echo "Terima Kasih telah bergabung, silahkan login untukberbelanja.";

?>

alert("Terima Kasih telah bergabung, silahkan login untuk berbelanja.")

alert("Mohon Maaf, sepertinya ada kesalahan, silahkan ulangi beberapa saat

lagi.")

Pendaftaran Member Baru

81

Silahkan klik icon kalender disebelah kananteks.Jenis Kelamin Laki-lakiPerempuanE-mail

82

form.alamat_user.focus();return (false);


alert("Kolom Password belum diisi.");form.password1.focus();return (false);


alert("Kolom Komfirmasi Password belum diisi.");form.password2.focus();return (false);

}if (form.password1.value != form.password2.value){

alert("Password anda tidak sama silahkan ulangi.");form.password2.focus();return (false);

}if (form.user_answer.value == ""){

alert("Kolom Jawaban belum diisi.");form.user_answer.focus();return (false);

}

return (true);};function IsJustAngka(text){var i, sub, a;for(i=0;i

83

}keychar = String.fromCharCode(key);

if ((key==null) || (key==0) || (key==8) || (key==9) || (key==13) || (key==27) || (key==32) ) {return true;

}else if ((("qwertyuioplkjhgfdsazxcvbnmQWERTYUIOPLKJHGFDSAZXCVBNM").indexOf(keychar) > -1)) {

return true;}else if (decimal && (keychar == ".")) {

return true;}else

return false;};

Lampiran C.10 Listing Program Headerheader.php

Ayo...Belanja...

Lampiran C.11 Listing Program Homehome.phpSelamat Datang di Poison CLoth

Anda butuh fashion yang murah namun berkualitas ?? Kami solusinya.Kami adalah perusahaan yang bergerak dibidang fashion. Kami menyediakan

berbagai macam produk berkualitas namun dengan harga terjangkau. Produk yang kami sediakan mulai daribaju, kaos, jaket, celana, boxer , topi, dan akseoris lainnya. Silahkan coba buktikan sendiri dan SelamatBerbelanja. AGAR DAPATBERBELANJA, ANDA HARUS TERDAFTAR SEBAGAI MEMBER KAMI DAN MENGIKUTI ATURANYANG BERLAKU.

BEST SELLERKlik pada gambar untuk melihat detail.

84

$ambil_data=mysql_query("select id_barang,nama_barang,gambar_barang,rating from tblbarang where rating >0 order by rating desc limit 0,6",$koneksi);$no=1;while($loop_data=mysql_fetch_array($ambil_data)){?>

85

Lampiran C.13 Listing Program Input Fakturinputfaktur.php

86

Nama Pemesan

Kota Tujuan

87

$ambil_data=mysql_query("select * from tblfaktur order by no_faktur desc",$koneksi);$urutan=mysql_fetch_row($ambil_data);

if($urutan[0] == ""){$noFaktur="FKT.".$tgl.".001";}elseif($urutan[0] ""){$data_akhir=mysql_query("select * from tblfaktur order by no_faktur desc limit

0,1",$koneksi);$urutan2=mysql_fetch_row($data_akhir);if(substr($urutan2[0],0,8) "FKT.".$tgl){

$noFaktur="FKT.".$tgl.".001";}else{

$Counter=substr($urutan2[0],9,3)+1;if($Counter < 10){

$noFaktur="FKT.".$tgl. ".00" .$Counter;}elseif($Counter < 100){

$noFaktur="FKT.".$tgl. ".0" .$Counter;}elseif($Counter < 1000){

$noFaktur="FKT.".$tgl. "." .$Counter;}

}}

#mulai menginput

Perancangan Website E-commerce Poison Cloth Pada CV. Hendri Jaya

Documents

Transcript of Perancangan Website E-commerce Poison Cloth Pada CV. Hendri Jaya