[revisi tidak terperiksa]

Revisi terkini pada 22 September 2015 16.29

PERANCANGAN DAN IMPLEMENTASI

SISTEM PENJUALAN ONLINE DENGAN MODEL BISNIS B2C

PADA CV MULTI BISNIS SELARAS

Disusun Oleh :

NIM	: 1114468596
NAMA	: TATIK YUNIATI

JURUSAN SISTEM KOMPUTER

KONSENTRASI KOMPUTER AKUNTANSI

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

STMIK RAHARJA

TANGERANG

2014/2015

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

(STMIK) RAHARJA

LEMBAR PENGESAHAN SKRIPSI

PERANCANGAN DAN IMPLEMETASI

SISTEM PENJUALAN ONLINE DENGAN MODEL BISNIS B2C

PADA CV MULTI BISNIS SELARAS

Disusun Oleh :

NIM	: 1114468596
Nama	: TATIK YUNIATI
Jenjang Studi	: Strata Satu
Jurusan	: Sistem Komputer
Konsentrasi	: Komputer Akuntansi

Disahkan Oleh :

Tangerang, juni 2015

Ketua					Kepala Jurusan
STMIK RAHARJA					Jurusan Sistem Informasi




(IR. Untung Rahardja, M.T.I.)					(Nur Azizah, M.Akt.,M.Kom.)
NIP : 000594					NIP : 078010

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

(STMIK) RAHARJA

LEMBAR PERSETUJUAN PEMBIMBING

PERANCANGAN DAN IMPLEMENTASI SISTEM

PENJUALAN ONLINE DENGAN METODE B2C PADA

CV MULTI BISNIS SELARAS

Dibuat Oleh :

NIM	: 1114468596
Nama	: [[TATIK YUNIATI]

Telah disetujui untuk dipertahankan dihadapan Tim Penguji Ujian Komprehensif

Jurusan Sistem Komputer

Konsentrasi Komputer Akutansi

Disetujui Oleh :

Tangerang, juni 2015

Pembimbing I			Pembimbing II




(Himawan, M.Kom)			(Ruli Supriati, S.Kom)
NID : 12012			NID : 08166

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

(STMIK) RAHARJA

LEMBAR PERSETUJUAN DEWAN PENGUJI

PERANCANGAN DAN IMPLEMENTASI SISTEM

PENJUALAN ONLINE DENGAN MODEL B2C

PAD CV MULTI BISNIS SELARAS

Dibuat Oleh :

NIM	: 1114468596
Nama	: TATIK YUNIATI

Disetujui setelah berhasil dipertahankan dihadapan Tim Penguji Ujian

Komprehensif

Jurusan Sistem Informasi

Konsentrasi Sistem Informasi Manajemen

Tahun Akademik 2013/2014

Disetujui Penguji :

Tangerang, Juni 2015

Ketua Penguji	Penguji I	Penguji II




(_______________)	(_______________)	(_______________)
NID :	NID :	NID :

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

(STMIK) RAHARJA

LEMBAR KEASLIAN SKRIPSI

PERANCANGAN DAN IMPLEMENTASI SISTEM

PENJUALAN onlineDENGAN MODEL BISNIS B2C

PADA CV MULTI BISNIS SELARAS

Disusun Oleh :

NIM	: 1114468596
Nama	: TATIK YUNIATI
Jenjang Studi	: Strata Satu
Jurusan	: Sistem Informasi
Konsentrasi	: Sistem Informasi Manajemen

Menyatakan bahwa Skripsi ini merupakan karya tulis saya sendiri dan bukan merupakan tiruan, salinan, atau duplikat dari Skripsi yang telah dipergunakan untuk mendapatkan gelar Sarjana Komputer baik di lingkungan Perguruan Tinggi Raharja maupun di Perguruan Tinggi lain, serta belum pernah dipublikasikan.

Pernyataan ini dibuat dengan penuh kesadaran dan rasa tanggung jawab, serta bersedia menerima sanksi jika pernyataan diatas tidak benar.

Tangerang, Juni 2015

(TATIK YUNIATI)

NIM : 1114465596

)*Tandatangan dibubuhi materai 6.000;

ABSTRAKSI

CV Multi Bisnis Selaras adalah perusahaan yang bergerak dibidang penjualan power tools, spare parts, tools kits, baut dan mur yang proses penjualan yang masih menggunakan metode tradisionalmisalnya datang langsung kepada pelanggan (door to door), menggunakan brosur, spanduk untuk mepromosikan. Kegiatan bisnis yang biasanya dilakukan offlinesekarang akan menerapkan suatu sistem penjualan online untuk media promosi dan pengenalan produk-produk baru. Toko online atau disebut dengan e-commerce ini dapat dijadikan alternatif seseorang yang tidak mempunyai banyak waktu untuk membeli suatu produk secara langsung. Dalam penjualan online terdapat metode bisnis seperti Business to business (B2B),bisnis-to-customer (B2C) dan Business-to-goverment (B2G) dimana metode-metode itu mempunyai kelebihan dan kekurangan. Dalam menganalisa sistem penjualan menggunakan SWOT (Strengths, Weakness, Opportunities, Threats), metode perancangan menggunakan UML (Unified Modelling Language), metode Prototype menggunakan sistem SDLC (Systems Development Life Cycle) dan metode blackbox testing. Dari implementasi tersebut terdapat database yangdisertai tampilan stok barang yang update untuk mengetahui stok barang serta memberikan laporan pejualan yang tertata dengan baik, kemudian juga terdapat tampilan input-input untuk memasukkan data-data perusahaan dan juga produk yang ditawarkan. Penjualan online yang dapat diakses kapanpun dimanapun yang dapat meberikan informasi produk dengan baik serta dapat langsung membandingkan harga dengan harga produk pada website lain. Mempermudah pelanggan dalam melakukan proses transaksi pemesanan, pembayaran dan juga penerimaan barang karena dilengkapi dengan jasa pengiriman.

Kata Kunci: e-commerce, metode bisnis (B2B, B2C, C2G), penjualan SWOT dan SDLC.

ABSTRACT

MultiBisnis Selara CV is a company engaged in the sale of power tools, spare parts,tools kits, bolts and nuts that sales process is still using traditionalmethods, for example coming directly to customers (door to door), usingbrochures, banners to be promoting. Business activities are usually doneoffline will now implement an online sales system for media promotion andintroduction of new products. Shop online or so-called e-commerce can be usedas alternative to someone who does not have much time to buy a productdirectly. In online sales there are business methods such asBusiness-to-business (B2B), business-to-customer (B2C) andBusiness-to-Government (B2G) where these methods have advantages anddisadvantages. In analyzing the sales system using the SWOT (Strengths,Weakness, Opportunities, Threats) analysis, design methods using UML (UnifiedModeling Language), the method Prototype system using SDLC (Systems DevelopmentLife Cycle) and blackbox testing method. The implementation of the database areaccompanied display that updates inventory to determine the inventory andturnover reports are laid out well, then there are also inputs the display toenter the data of the company and also the products offered. Online sales thatcan be accessed anytime anywhere who can not give information about the productwell and can instantly compare prices with the price of products on otherwebsites. Enabling customers to make the process of booking transactions,payment and receipt of goods because it is equipped with a delivery service.

Keywords :

e-commerce,business method (b2b, b2c, c2c), SWOTand SDLC

KATA PENGANTAR

Dengan mengucapkan puji dansyukur penulis panjatkan ataskehadirat Allah SWT atas ridho dan rahmat-Nya penulisdapat menyusun dan menyelesaikan laporanSkripsi ini denganbaik, yang berjudul “Perancangan Dan Implementasi Sistem Penjualan On-line Dengan Model B2C Pada CV Multi Bisnis Selaras”.

Tujuan dari penulisan laporanini adalah untuk memenuhi tugas yang diberikan oleh pihak akademik kepadamahasiswa dalam rangka penerapan ilmu, pengetahuan selama kuliah dan digunakan guna memperolehgelar Sarjana Komputer (S.Kom) untuk jenjang Strata Satu (S1) pada Perguruan Tinggi Raharja.

Dalam penyusunan laporan Skripsi, penulis banyak menerima bantuan dan doronganbaik secara moril maupun materil dari semua pihak. Penulis menyadaribahwa tanpa adanya bimbingan dandorongan tersebut, laporan Skripsi ini tidak akan dapat terselesaikan dengan baik dan tepat pada waktunya. Maka pada kesempatanini penulis menyampaikan terima kasih yang sebesar-besarnya kepada :

Bapak Ir. UntungRahardja, M.T.I selaku ketua STMIK Raharja yang telah berkenanmemberikan arahan dan petunjuk kepada penulis
Bapak Sugeng Santoso, M.Kom selaku PUKET 1 STMIK Raharja penulis mengucapkan banyak terima kasih atas pengarahannya.
Ibu Nur Azizah, M. Akt., M.Kom selaku Kepala Jurusan Sistem Informasi.
Bapak Himawan, M.Kom selaku dosen pembimbing I yang telah membantu dalam penyusunan laporan Skripsi.
Ibu Ruli Supriati, S.Kom selaku dosen pembimbing II yang telah membantu dalam penyusunan laporan Skripsi.
Bapak dan Ibu Dosen STMIK Raharja yang telah memberikan ilmu pengetahuan kepada penulis
Ibu Feliawati, selaku direktur lapangan yang telah memberikan data-datayang penulis butuhkan.
Kepada mama dan bapak tersayang serta adikku Mira yang selalu mendukung dan terus menerus memberikan doa.</i>
Dwi, Eliza, Rafles dan Windy, Nurul, Fitri dan Ari teman seperjuangan yang memberikan semangat dan masukanbuat laporan Skripsi.
Semua pihak yang tidak dapat penulis sebutkan satu persatu yang telah membantu penyusunan laporan ini.

Penulis menyadari bahwa dalam penulisan Laporan Skripsi ini masih jauh dari sempurna. Oleh karena itu kritik dan saran yang membangun, penulis harapkan sebagai pemicu untuk dapat berkarya lebih baik lagi. Semoga Laporan Skripsi ini bermanfaat bagi pihak yang membutuhkan.

	Tangerang, juni 2015
















	TATIK YUNATI
	NIM. 1114468596

DAFTAR TABEL

Tabel 3.1 Elisitasi tahap 1

Tabel 3.2 Elisitasi tahap II

Tabel 3.3 Elisitasi tahap III

Tabel 3.4 Elisitasi final

Tabel 4.1 Perbedaan Prosedur

Tabel 4.2 Spesifik tabel admin

Tabel 4.3 spesifik tabel order

Tabel 4.4 spesifik taber order detail

Tabel 4.5 Spesifik tabel kategori

Tabel 4.6 Spesifik tabel merk-produk

Tabel 4.7 Spesial tabel user

Tabel 4.8 Spesifik tabel produk

Tabel 4.9 Spesifik Tabel keranjang belanja

Tabel 4.10 Spesifik Tabel Kota

Tabel 4.11 Spesifik tabel hubungi

Tabel 4.12 Spesifik Tabel Bank

Tabel 4.13 Pengujian kesalahaan

Tabel 4.14 Kondisi pengujian sistem

Tabel 4.15 Jadwal penelitan

Tabel 4.16 Etimasi biaya

DAFTAR GAMBAR

Gambar 2.1. Karakteristik Sistem

Gambar 2.2. Ilustrasi Informasi

Gambar2.3. Analisa SWOT

Gambar2.4. Ilustrasi E-commerce

Gambar 2.5. Ilustrasi B2B

Gambar2.6. Ilustrasi B2C

Gambar2.7. Contoh Website Dinamis

Gambar 2.8. Contoh Website Statis

Gambar 2.9. Aplikasi Web Programming

Gambar 2.10 Struktur Database

Gambar 2.11. Aplikasi PHP

Gambar 2.12.Klasifikasi Perintah-Perintah Mysql

Gambar 2.13. Adobe Dreamweaver CS6

Gambar 2.14. Logo UML

Gambar 2.15. Jenis-jenis Diagram UML

Gambar 2.16.Ilustrasi Pengujian Black box

Gambar 3.1. Toko CV Multi Bisnis Selaras

Gambar 3.2. Struktur Organisasi CV Multi Bisnis Selaras

Gambar 3.3. Ilustrasi Prosedur sistem Berjalan

Gambar 3.4. Matrik internal SWOT

Gambar 3.5. Matrik External SWOT

Gambar4.1 Use cse diagram yang diusulkan

Gambar 4.2 Activity diagram yang diusulkan

Gambar 4.3 Sequence diagram login pelanggan

Gambar 4.4 Sequence diagram pemesanaanBarang

Gambar 4.5 Sequence diagram menambah kategori

Gambar 4.6 Sequence diagram menambah Merk

Gambar 4.7 Sequence diagram menambah produk

Gambar 4.8 Class diagram

Gambar 4.9 Halaman tampilan index

Gambar 4.10 Halaman katalog produk

Gambar 4.11Halaman keranjang Belanja

Gambar 4.12 Halaman detail produk

Gambar 4.13 Halaman registrasi pelanggan

Gambar4.14 Halaman pemesanan

Gambar 4.15 login admin

Gambar 4.16 Halaman input kategori

Gambar 4.17 Halaman input merk produk

Gambar 4.18 Halaman input produk

Gambar4.19 Halaman Pengiriman

Gambar4.20 Halaman view pesanan masuk

Gambar4.21 Halaman Statistik pengunjung

Gambar4.22 Halaman view data pelanggan

Gambar4.23 Halaman tampilan menu utama

Gambar4.24 Halaman catalogproduk

Gambar 4.25 Halaman special produk

Gambar 4.26 Halaman keranjang belanja

Gambar 4.27 Halaman customer Online

Gambar 4.28 Halaman Tampilan kategori

Gambar 4.29 Halaman merk produk

Gambar 4.30 Tampilan Login Admin

Gambar 4.31 Tampilan Kategori

Gambar 4.32 Tampilan input produk

Gambar 4.33 Halaman order masuk

Gambar 4.34 Tampilan laporan transaksi

DAFTAR GAMBAR

Gambar 1. Simbol Use Case Diagram

Gambar 2. Simbol Sequence Diagram

Gambar 3. Simbol State Chart Diagram

Gambar 4. Simbol Actifity Diagram

Daftar isi

1 BAB I
2 BAB II
- 2.1 Teori Umum
- 2.2 Teori Khusus
3 BAB III
4 BAB IV
5 BAB V
- 5.1 Kesimpulan
  - 5.1.1 Kesimpulan Terhadap Rumusan Masalah
- 5.2 Saran
6 DAFTAR PUSTAKA
7 DAFTAR LAMPIRAN

BAB I

PENDAHULUAN

Latar Belakang

Perkembangan teknologi informasi yang semakin meningkat saat ini telah mengubah proses bisnis pada perusahaan. Sebelumnya terdapat banyak aktivitas yang dilakukan dengan menggunakan proses manual kini telah dapat dilakukan dengan menggunakan sistem komputerisasi. Perubahan yang paling dapat dilihat dan juga dirasakan yaitu terjadi pada beberapa kegiatan bisnis yang biasanya dilakukan offline dan memiliki kelemahan serta kekurangan dalam hal keterbatasan waktu dan juga tempat, kini kegiatan tersebut dapat dilakukan secara online dengan menggunakan media internet sebagai sarana penghubungnya. Teknologi informasi merupakan teknologi yang digunakan untuk mengolah data, memproses, mendapatkan informasi untuk menghasilkan informasi bermanfaat dan juga informatif.

CV Multi Bisnis Selaras adalah perusahaan yang menjual segala jenis baut, mur, spare parts motor, tool kits dan power toolsdi daerah Cimone, Tangerang. Penjualan yang dilakukan selama ini belum maksimal dan juga untuk mencapai target, hal ini dikarenakan perusahaan tersebut kurang meningkatkan promosi dan juga proses penjualan yang ada masih menggunakan metode tradisional, contohnya datang langsung kepada pelanggan (door to door), menggunakan brosur dan menggunakan spanduk. Dari beberapa uraian singkat masalah tersebut, maka CV Multi Bisnis Selaras akan melakukan pengembangan sistem yang dimana sistem yang nanti diusulkan dapat digunakan untuk melakukan penjualan secara online dan juga sebagai media promosi untuk memasarkan produk kepada pelanggan lebih luas lagi, serta mempermudah mudah dan praktis, terutama dalam hal pencarian dan pemesanan.

Berdasarkan latar belakang diatas penulis melakukan penelitian untuk skripsi dengan judul “Perancangan Dan Implementasi Sistem Penjualan Online Dengan Model Bisnis B2C Pada CV Multi Bisnis Selaras”.

Rumusan Masalah

Berdasarkan dari uraian diatas maka penulis dapat merumuskan permasalahaan sebagai berikut :

Apakah penjualan online ini mampu membangun merk produk ?.
Apakah sistem penjualan online menjadi lebih dah dan praktis, terutama dalam hal pencarian dan pemesanan ?.
Apakah sistem penjualan online ini mampu menunjang dan meningkatkan penjualan produk ?.

Ruang Lingkup Penelitian

Pengertian dari ruang lingkup adalah batasan. Ruang lingkup juga dapat dikemukakan pada bagian variabel-variabel yang diteliti, subjek penelitian dan lokasi penelitian. Penggambaran ruang lingkup dapat dikategorikan sebagai berikut:

Mengenai proses pelanggan membeli sampai dengan laporan penjualan.
Proses transaksi penjualan yang dilakukan dengan melakukan pembayaran melalui transfer antar bank.
Menganalisa informasi yang dibutuhkan pelanggan dan proses pelayanan penjualan melalui media website (online) pada CV Multi Bisnis Selaras.

Tujuan dan Manfaat Penelitian

Tujuan Penelitian

Adapun tujuan dalam penulisan laporan skripsi ini antara lain:

Untuk mengetahui sistem penjualan yang telah berjalan saat ini pada CV Multi Bisnis Selaras.
Untuk mengetahui sistem penjualan online menjadi lebih mudah dan praktis, terutama dalam hal pencarian dan pemesana.
Untuk mengetahui apakah sistem penjualan online yang diusulkan dalam penelitian skripsi ini mampu menunjang penjualan produk sehingga lebih meningkat.

Manfaat Penelitian

Adapun manfaat dalam penelitian ini adalah:

Memberikan solusi dan alternatif sistem penjualan online pada CV Multi Bisnis Selaras.
Memberikan solusi, sistem penjualan online menjadi lebih mudah dan praktis, terutama dalam hal pencarian dan pemesana.
Memberikan solusi, sehingga sistem penjualan online ini mampu meningkatkan penjualan produk dan juga menjangkau area pemasaran yang lebih luas dari sebelumnya.

Metode Penelitian

Untuk mendapatkan data yang dibutuhkan penulis laporan skripsi, menggunakan 3 metode yaitu:

Metode Observasi(Pengamatan)
Suatu metode untuk mendapatkan data dengan Observasi atau melakukan peninjauan langsung terhadap CV Multi Bisnis Selaras.

a. Mengunjungi CV Multi Bisnis Selaras untuk dapat melihat secara langsung sistem penjualan yang berjalan saat ini.

b. Mempelajari prosedur dalam penjualan yang telah ditetapkan oleh perusahaan.

c. Mempelajari sistem penjualan yang telah diterapkan saat ini.

Wawancara
Metode untuk mendapatkan data dan keterangan mengenai data suatu hal dengan cara wawancara atau tanya jawab terhadap pihak – pihak yang terkait. Wawancara tersebut langsung kepada Ibu Feliawaty selaku pemilik perusahaan CV Multi Bisnis Selaras dan para pelanggan untuk mendapatkan informasi yang diinginkan.
Studi Pustaka
Penulis mendapatkan data dengan cara mencari data lewat internet, buku dan juga skripsi yang terkait dengan penelitian yang dilakukan mengenai rancangan sistem informasi laporan penjualan online di CV Multi Bisnis Selaras.

Sumber-sumber data yang dibutuhkan dalam hubungannya dengan pengumpulan data dikelompokkan menjadi :

a. Sumber Data Primer, diperoleh dan narasumber-narasumber yang berhubungan dengan objek penelitian. Dalam hal ini adalah admin dan pihak manajemen.

b. Sumber Data Sekunder, diperoleh dari buku-buku literatur, jurnal ilmiah dan sebagainya, yang memuat informasi-informasi yang diperlukan dalam penyusunan laporan skripsi.

Metode Analisa

Dari beberapan metode yang digunakan penulis, selanjutnya yaitu melakukan metode perancangan sistem dengan menggunakan SWOT (Strength, Weakness, Opportunity, Threats) untuk menganalisa dan memilih berbagai hal baik secara internal maupun eksternal yang mempengaruhi keempat faktor tersebut dan mengambarkannya dalam bentuk matriks SWOT.

Metode Perancangan

Dalam penelitian ini penulis mengusulkan metode rancangan model yang berorientasi objek dengan menggunakan Unified Modelling Language (UML) yaitu use case diagram, sequence diagram, activity diagram dan class diagram

Metode Prototipe

Dalam metode ini penulis menggunakan sistem SDLC (Systems Development Life Cycle) adalah proses pembuatan dan pengubahan sistem serta model dan metodologi yang digunakan untuk mengembangkan sistem.

Metode Testing

Dalam proses penjualan online ini peneliti menggunakan metode blackbox testing, yaitu metode uji coba yang memfokuskan pada tujuan fungsional. metode pengujian blackbox testing digunakan untuk menemukan kesalahan dalam beberapa kategori antara lain fungsi-fungsi yang salah atau hilang. Kesalahan tampilan luar (interface), kesalahan dalam struktur data atau akses database eksternal.

Sistematika Penulisan

Sistematika penulisan ini berisi uraian singkat pada setiap bab, dimana uraian ini memberikan gambaran secara langsung tentang isi dari tiap-tiap bab yang adadalam laporan ini. Laporan skripsi ini terdiri dari lima bab, yang setiap babterdapat pembahasan masing-masing. Adapun sistematika dari laporan ini adalahsebagi berikut :

BAB I PENDAHULUAN

Dalam bab ini menjelaskan tentang latar belakang diambilnya judul RancanganSistem Informasi Laporan Penjualan Onlinedi CV MULTI BISNIS SELARAS dantujuan yang akan dicapai dalam pelaksanaan skripsi ini. Adapun yang diuraikan tentanglatar belakang, perumusan masalah, tujuan dan manfaat penelitian, ruang lingkup,metodologi penelitian dan sistematika penulisan.

BAB II LANDASAN TEORI

Bab ini berisikan

Bab inimenjelaskan antara lain teori umum, teori khusus ditambah dengan referensibahan literature review yang digunakan oleh penulis sebagai bahan referensipenelitian dan juga penulisan laporan skripsi.

BAB III ANALISA SISTEM YANG BERJALAN

Bab inimenjelaskan antara lain yaitu sejarah singkat tentang CV MULTI BISNIS SELARASStruktur Organisasi, tugas dan fungsi organisasi, analisa sistem yang sedangberjalan, dan penggambaran sistem dengan menggunakan Unified Modelling Language (UML), serta Draft Elisitasi yangberisikan Elisitasi Tahap I, Elisitasi Tahap II, Elisitasi Tahap III dan FinalDraft Elisitasi yang menggambarkan seluruh requirementdari rancangan sistem baru yang diusulkan.

BAB IV HASIL PENELITIAN

Pada babini berisikan rancangan sistem yang akan diusulkan pada CV MULTI BISNIS SELARASdengan poin-poin: UML yang diusulkan, rancangan basis data, rancangan tampilanlayar, tampilan output program,pengujian dan evaluasi sistem serta hasil implementasi.

BAB V PENUTUP

Bab ini berisi kesimpulan dan saran \.

Bab ini berisi tentang kesimpulan hasil analisadan rancangan sistem dalam rangka menjawab rumusan masalah penelitian yangdiajukan, serta saran-saran yang penulis berikan untuk digunakan pada pengembangansistem untuk jangka panjang.

DAFTAR PUSTAKA

DAFTAR LAMPIRAN

BAB II

LANDASAN TEORI

Teori Umum

Konsep Dasar Sistem

Menurut Prof. Dr. Mr. S. Prajudi Atmosudirdjo dalam buku Tata Sutabri (2012:17)^[1], menyatakan suatu sistem terdiri atas objek-objek atau unsur-unsur atau komponen-komponen yang berkaitan dan berhubungan satu sama lain sedemikian rupa sehingga unsur-unsur tersebut merupakan sebuah kesatuan pemrosesan atau pengolahan tertentu.

Karakteristik Sistem

Menurut Mustakini (2009:54)^[2], suatu sistem mempunyai karakteristik. Karakteristik sistem adalah sebagai berikut ini :

1. Suatu sistem mempunyai komponen-komponen sistem (components) atau subsistem-subsistem. Suatu sistem terdiri dari sejumlah komponen-komponen yang saling berinteraksi, yang artinya saling bekerja sama dalam membentuk suatu kesatuan. Komponen sistem tersebut dapat berupa suatu bentuk sub-sistem.

2. Suatu sistem mempunyai batas sistem (boundary). Batasan sistem membatasi antara sistem yang satu dengan yang lainnya atau sistem dengan lingkungan luarnya.

3. Suatu sistem mempunyai lingkungan luar (environment). Lingkungan luar sistem adalah suatu bentuk apapun yang ada diluar ruang lingkup atau batasan sistemyang mempengaruhi operasi sistem tersebut.

4. Suatu sistem mempunyai penghubung (interface). Penghubungsistem merupakan media yang menghubungkan sistem dengan sub-sistem yang lain,dengan demikian dapat terjadi suatu integrasi sistem yang membentuk suatukesatuan.

5. Suatu sistem mempunyai tujuan (goal). Suatusistem pasti mempunyai tujuan <i.>(goal)</i> atau sasaran sistem (objective).Sebuah sistem dikatakan berhasil apabila mengenai sasaran atau tujuannya, jikasuatu sistem tidak mempunyai tujuan maka operasi sistem tidak akan ada gunanya

.

Gambar 2.1. Karakteristik Sistem

Sumber :Mustakini (2009:54)^[2]

Konsep Dasar Data dan Informasi

Definisi Data

Menurut McLeod dalam bukunya Yakub (Yakub,2012: 5)^[3], “Data adalah deskripsi kenyataan yang menggambarkan adanya suatu kejadian (event), data terdiri dari fakta (fact) dan angka yang secara relatif tidak berarti bagi pemakai”.

Data adalah fakta dari sesuatu, kejadian, aktifitas dan transaksi yang dicatat, diklasifikasikan dan disimpan berupa angka, tulisan, gambar, suara ataupun tokoh namun belum diorganisasikan dalam bentuk yang dapat dimengerti. Data dapat berbentuk nilai yang terformat, teks, citra, audio, dan video.

Sumber Data

Menurut McLeod dalam bukunya Yakub (Yakub,2012:5)^[3], beberapa sumber data yaitu :

1. Data internal, sumbernya adalah orang, produk, layanan, dan proses. Data internal umumnya disimpan dalam basis data perusahaan dan biasanya dapat diakses.

2. Data personal, sumber data ini bukan hanya berupa fakta, tetapi dapat juga mencakup konsep,pemikiran, dan opini.

3. Data eksternal, sumber data ini mulai dari basis data komersial hingga sensor dan satelit. Data ini tersedia di compact disk, flash disk, atau media lainnya dalam bentuk film, suara gambar, diagram, atlas, dan televisi.

Definisi Informasi

Menurut McLeod dalam bukunya Yakub (Yakub,2012:8)^[3], berpendapat bahwa “Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimannya, informasi disebut juga data yang diproses atau data yang memiliki arti”.

Gambar 2.2 Ilustrasi Informasi

Fungsi Informasi

Menurut Sutabri (2012:31)^[3], fungsi utama informasi adalah menambah pengetahuan. Informasi yang disampaikan kepada pemakai mungkin merupakan hasil data yang sudah diolah menjadi sebuah keputusan. Akan tetapi, dalam kebanyakan pengambilan keputusan yang kompleks, informasi hanya dapat menambah kemungkinan kepastian atau mengurangi bermacam-macam pilihan. Informasi yang disediakan bagi pengambil keputusan memberi suatu kemungkinan faktor resiko pada tingkat-tingkat pendapatan yang berbeda.

Definisi Sistem

Menurut Tata Sutabri (2012:46)^[1], berpendapat bahwa “Sistem informasi adalah suatu sistem didalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian yang mendukung fungsi operasi organisasi yang bersifat manajerial dengan kegiatan strategi dari suatu organisasi untuk dapat menyediakan kepada pihak luar tertentu dengan laporan-laporan yang diperlukan”.

Teori Khusus

Kosep Dasar Analisa SWOT

Analisa SWOT

Menurut Fahmi (2013:252), ^[4] “SWOT adalah singkatan dari strengths (kekuatan), weaknesses (kelemahan), opportunities (peluang), dan threats (ancaman), dimana SWOT inidijadikan sebagai suatu model dalam menganalisis suatu organisasi yangberorientasi profit dengan tujuan utama untuk mengetahui keadaan organisasitersebut secara lebih komprehensif”.

Gambar 2.3 Analisa SWOT

Sumber : expertbusinessanalyst.com^[5]

1. Kekuatan (Strenghts)

Kekuatan adalah sumber daya, keterampilan atau keunggulan lain yang relatif terhadap pesaing dankebutuhan dari pasar suatu perusahaan layani atau hendak layani. Kekuatan merupakan suatu kompetensi yangberbeda (destintive competence) yangmemberi perusahaan suatu keunggulan komparatif (comparative advantage) dalam pasar. Kekuatan berkaitan dengansumber daya, keuangan, citra, kepemimpinan pasar, hubungan pembeli atau pemasokdan faktor-faktor lain.

2. Kelemahan (Weakness)

Kelemahan merupakanketerbatasan atau kekurangan dalam sumber daya, keterampilan dan kemampuansecara serius menghalangi kinerja efektif suatu perusahaan.

3. Peluang (Opportunities)

Suatu peluang merupakan situasi utama yang menguntungkan dalam lingkungan perusahaan.Kecenderungan-kecenderungan utama ini adalah salah satu peluang identifikasidari segmen pasar yang sebelumnya terlewatkan, perubahan-perubahan dalamkeadaan bersaing atau peraturan, hubungan pembeli, perubahan teknologi danhubungan pembeli dan pemasok yang telah diperbaiki dapat menunjukan peluangbagi perusahaan.

4. Ancaman (Threaths)

Ancaman adalahrintangan-rintangan utama bagi posisi sekarang atau yang diinginkan bagiperusahaan. Masuknya pesaing baru, pertumbuhan pasar yang lambat, daya tawarpembeli dan pemasok utama yang meningkat, perubahan teknologi, dan peraturanyang baru atau yang direvisi dapat merupakan ancaman bagi keberhasilan suatuperusahaan.

Tujuan Analisa SWOT

Tujuan analisis SWOT pada perusahaan adalah untuk membenarkan faktor-faktorinternal dan eksternal perusahaan yang telah dianalisis. Apabila terdapatkesalahan, agar perusahaan itu berjalan dengan baik maka perusahan itu harusmengolah untuk mempertahankan serta memanfaatkan peluang yang ada secara baikbegitu juga pihak perusahaan harus mengetahui kelemahan yang dihadapi agarmenjadi kekuatan serta mengatasi ancaman.

Kelebihan Analisa SWOT

Menurut Fahmi (2013:252), ^[6], Kelebihan Analisa SWOT antara lain yaitu :

1. Dapat dijadikan panduan dalam penyusunan berbagai kebijakaan strategis menuju target yang telah direncanakan.

2. Dapat membantu memudahkan proses evaluasi berkaitan dengan penentuan kebijakan strategis sekaligus sistem perencanaan agar meraih kesuksesan dari waktu sebelumnya.

3. Dapat dijadikan bagian penting untuk memperoleh informasi tentang beragam hal yang dibutuhkan menuju proses perubahaan perbaikaan masa mendatang.

4. Meningkatkan motivasi dalam menemukan ide-ide kreatif.

Konsep Dasar E-Commerce

Pengertian E-Commerce

Menurut Tata Sutabri (2012:108), ^[1], Perdagangan elektronik atau e-dagang (bahasa inggris: Electronic Commerce atau E-Commerce) adalah penyebaran, pembelian, penjualan, pemasaran barang dan jasa melalui sistem elektronik seperti internet atau televisi, atau jaringan komputer lainnya.

Gambar 2.3 Ilustrasi E-commerce

Manfaat E-Commerce

Menurut Tata Sutabri (2012:108),^[1], Manfaat dapat dibedakan menjadi tiga macam yaitu manfaat bagi perusahaan, bagi konsumen dan bagi masyarakat. Manfaat bagi perusahaan antara lain :

1. Mendapatkan pelanggan baru.

2. Menurunkan biaya operasional yang dikeluarkan oleh perusahaan.

3. Menarik konsumen untuk tetap bertahan, dengan memberikan diskon barang dengan ketentuan pembelian tertentu dan pembeli dapat meretur barang.

4. Meningkatkan mutu layanan kepada pelanggan.

Jenis-Jenis Model Bisnis E-Commerce

Tata Sutarbi (2012:109-131),^[1], dapat menghasilkan bentuk baru seperti jenis umum dari transaksi e-commerce dijelaskan dibawah ini.

1. Bisnis ke bisnis (bussines-to-bussines-B2B)

Menurut Tata Sutarbi (2012:109-131),^[1], Business to business (B2B) menggambarkan transaksi perdagangan antara perusahaan, seperti antara produsen dan grosir, atau antara grosir dan pengecer. Hal yang kontras adalah bisnis-to-customer (B2C) dan Business-to-goverment (B2G).

Gambar 2.3 Ilustrasi B2B

Kelebihan :

1. Hemat waktu dan praktis menu dalam situs layakan B2B khusus hanya menyediakan kebutuhan produk pelanggan terkait, tanpa harus repot mencarinya dalam katalog produk.

2. Pelanggan B2B tidak perlu melewati proses negosiasi harga yang panjang, karena sudah dilakukan pada awal kesepakatan kerja sama.

3. Keuntungan besar mengurangi biaya perusahaan untuk administrasi, surat menyurat transaksi, ataupun untuk riset harga pasar.

4. Rahasia aman dan terjamin.

5. Transaksi yang transparan layanan ini mendukung Good Coorporate Governance. Setiap transaksi mudah dipantau karena sistem selalu memberikan rekam jejak transaksi melalui email notifikasi kepada buyer(bagian purchasing), atasan (pemberi approval), hinggauser, ataupun yang berhak mendapatkan informasi tersebut diperusahaan sesuai dengan kesepakatan. Ini meningkatkan kontrol perusahaan terhadap proses transaksi.

2. Bisnis ke konsumenBusiness to Customer-B2C)

Menurut Tata Sutarbi (2012:109-131)^[1], Business to Customer (B2C) adalah kegiatan e-Businesses dalam pelayanan secara langsung kepada konsumen melalui barang atau jasa. Dengan penjualan langsung di internet dan pemesanan dapat langsung di lakukan oleh konsumen karena biaya sudah tercantum.

Gambar 2.3 Ilustrasi B2C

Kelebihan :

a. Mengurangi penggunaan kertas dan biaya-biaya yang bersangkutan (administrasi, pencarían dan penjualan).

b. Mengurangi kesalahan-kesalahan manual, waktu transaksi, & jumlah persediaan di gudang.

c. Meningkatkan fleksibilitas, produktivitas, dan kolaborasi.

d. Konfigurasi dan kustomisasi produk menjadi lebih mudah.

e. Customer service yang bisa diandalkan.

f. Katalog online yang interaktif

Pada penelitian dan penulisan skripsi ini, penulis memilih model Bisnis ke konsumen (Business to Customer-B2C). Dikarenakan penjualan langsung di internet dan pemesanan dapat langsung juga di lakukan oleh konsumen karena biaya sudah tercantum atau katalog online yang interaktif, dan serta meningkatkan fleksibilitas, produktivitas, dan kolaborasi. Dilihat dari segmentasi pasar penjualan ini ditargetkan untuk semua kalangan baik kalangan bawah, menengah dan kalangan atas.

Konsep Online

Definisi Online

Menurut Anita B. wandanaya.( Jurnal CCIT, Vol 5 No. 2 Januari 2012)^[7],Online adalah keadaan disaat seseorang terhubung kedalam suatu jaringan ataupun sistem yang lebih besar.

Pemasaran dan Online

Menurut Anita B. wandanaya.( Jurnal CCIT, Vol 5 No. 2 Januari 2012)^[8], pemasaran online atau internet marketing, juga disebut sebagai i-marketing, web marketing atau online marketing.

Pemasaran dan Online

Menurut Anita B. wandanaya.( Jurnal CCIT, Vol 5 No. 2 Januari 2012)^[9], pemasaran online atau internet marketing, juga disebut sebagai i-marketing,web marketing atau online marketing.

Membangun Kepercayaan Pelanggan

a. Memberikan kemudahaan pelanggan untuk mengakses kontak perusahaan.

b. Memberikan jaminan kepuasan misalnya dengan memberikan penukaran/retur barang dengan ketentuan perusahaan.

c. Memberikan solusi dan rasa keperdulian.

d. Menampilkan testimoni yang jujur.

Konsep Dasar Web

Definisi Web

Menurut Alexander F.K. Sibero (2011:11)^[10], web adalah suatu sistem yang berkaitan dengan dokumen yang digunakan untuk sebagai media menampilkan tesk, gambar, multimedia dan lainnya pada jaringan internet.

Secara umum aplikasi web adalah jenis aplikasi yangdiakses melalui jaringan seperti internet, seperti: internet explorer dan Mozillafirefox. Dengan menggunakan aplikasi web, kita hanya perlu menempatkanaplikasi dalam sebuah server dan dengan sendirinya aplikasi tersebut dapatdiakses dari manapun, sepanjang pemakai dapat mengakses web server-nya. Webserver adalah server yang melayani permintaan aplikasi web. Aplikasi web yangpaling dasar ditulis dengan menggunakan HTML(Hypertext Markup Language).

Jenis-jenis Web

Dalam perkembangannya, teknologi informasimenunjukkan banyaknya kemajuan begitu pasat salah satunya adalah berkembangnyawebsite dengan benyaknya ragam fitur dan fungsi yang dimiliki saat ini.Pengelompokkan macam-macam web cenderung lebih mengarah kepada fungsi,sifat-sifat dan bahasa pemograman terkait yang digunakan.

Jenis-jenis web berdasarkan sifat atau style-nya sebagai berikut:

1. website Dinamis

Merupakan sebuah website yang menyediakan contentatau isi yang selalu berubah-ubah setiap saat. Bahasa pemograman yang digunakanantara lain PHP, ASP, NET dan memanfaatkan database MySQL atau MS SQL. Misalnyawebsite www.detik.com.

Gambar 2.7 Contoh Website Dinamis

2. Website Statis

Merupakanwebsite yang content atau isinyasangat jarang diubah. Bahasa pemograman yang digunakan adalah HTML dan belummemanfaatkan database. Misalnya web companyprofile dan lain-lain

Gambar 2.7 Contoh Website Statis

Web programming

Menurut Rahmat Hidayat (2010)^[11], Program web yang tergolong server side adalah CGI (computer generated imagery), PHP (Hypertext Preprocessor), CFM (Critical Success Factor). Hasil parsingscript pemrograman server side yang berupa HTML dari server web dapat dilihatdengan memilih menu view > source code juga. Hal ini terjadi karenascript hanya diproses di server web dan hasilnya dikembalikan dalam bentuktag-tag HTML kemudian ditampilkan pada browser.

Gambar 2.9 Aplikasi Web Programming

Sumber: www.a34ajans.com ^[12]

Konsep Data

Definisi Database

Menurut Kustiyaningsih (2011:146)^[13] “Database adalah Struktur penyimpanan data. Untuk menambah, mengakses dan memproses data yang disimpan dalam sebuah database komputer, diperlukan sistem manajemen database seperti MYSQL Server”.

Komponen dan struktur database

Menurut Oktavian (2010:62)^[14], database terbentuk dari beberapa komponen. Berikut adalah komponen-komponen pembentuk database.

Gambar 2.10Struktur Database

1. Table

Table atau tabel adalah sekumpulan data dengan struktur yang sedemikian rupa, terbentuk dari record dan field. Istilah tabel disini berbeda dengan istilah tabel pada HTML, walaupun secara visual hampir sama.

2. Record

Record adalah sekumpulan field yang membentuk suatu objek tertentu.

3. Field

Field adalah atribut dari objek yang memiliki tipe data tertentu. Sebuah tabel dapat terdiri dari beberapa fielddan record. Apabila digambarkansecara visual, maka hubungan tabel, fielddan record adalah sebagai berikut :

Konsep Dasar PHP (Hypertext Preprocessor)

Definisi PHP

Menurut Sibero (2011:49) ^[15], berpendapat bahwa “PHP adalah pemrograman interpreter yaitu proses penerjemahan baris kode mesin yangdimengerti komputer secara langsung pada saat baris kode dijalankan atau seringdisebut suatu bahasa dengan hak cipta terbuka atau yang juga dikenal denganistilah Open Source yaitu penggunadapat mengembangkan kode-kode fungsi PHP sesuai dengan kebutuhannya”.

Gambar 2.11 Aplikasi PHP

Sumber : www.frogcp.com^[16]

Sejarah PHP

Menurut Sibero (2011:49)^[17], berpendapat bahwa “Pada tahun 1994 seseorang programmer bernamaRasmus Lerdorf awalnya membuat sebuah halaman website pribadi, tujuannya adalahuntuk mempertahankan halaman website pribadi tersebut sekaligus membangunhalaman web yang dinamis. PHP pada awalnya diperkenalkan sebagai singkatan dariPHP Hypertext Preprocessor pertamaditulis menggunakan bahasa Perl (PerlScript), kemudian ditulis ulang menggunakan bahasa pemograman C CGI-BIN (Common Gateway Interface-Binary) yangditunjukan untuk mengembangkan halaman website yang mendukung formulir danpenyimpanan data. Pada tahun 1995 PHP Tool 1.0 dirilis untuk umum, kemudianpengembangannya dilanjutkan oleh Andi Gutmans dan Zeev Suraski”.

Kelebihan PHP

1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukansebuah kompilasi dalam penggunaanya, karena bahasa pemrograman PHP termasukdalam golongan bahasa pemrograman interpretersehingga dapat langsung dijalankan.

2. Web Server yang mendukung PHP dapatditemukan dimana–mana dari mulai apache, IIS (Internet Information Services), Lighttpd, hingga Xitami dengankonfigurasi yang relatif mudah.

3. Dalam sisi pengembangan lebih mudah,karena banyaknya milis–milis dan developeryang siap membantu dalam pengembangan.

4. Dalam sisi pemahamanan, PHP adalahbahasa scripting yang paling mudah karena memiliki referensi yang banyak.

5. PHP adalah bahasa open source yang dapatdigunakan di berbagai mesin (Linux, Unix,Macintosh, Windows) dan dapat dijalankan secara runtime melalui consoleserta juga dapat menjalankan perintah-perintah sistem.

Kelemahan PHP

Selain keunggulan, bahasa pemrograman PHP juga memiliki beberapa kelemahan yang menjadi perhatiankhusus bagai para pengembang aplikasi web, yaitu :

1. Bahasa pemrograman PHP yang masih menggunakan konsep pemrograman murni (purePHP programming) belum bersifat robust, sehingga menyebabkan aplikasiweb menjadi rentan (vulnerable).

2. Bahasa pemrograman PHP merupakan salahsatu bahasa pemrograman yang populer digunakan untuk pengembangan aplikasi webdinamis, namun hal ini juga menjadi bumerang karena celah keamanan yang bisadieksploitasi, contohnya : SQL Injection,Session Hijacking, XSL Scripting.

Konsep Dasar MYSQL

Definisi Mysql

Menurut Kurniawan (2010:6)^[18],berpendapat bahwa, “ MySQL adalah satu jenis database server yang sangat terkenal. MySQL termasuk RDBMS(Relational Database Management Sistem)lebih populer lewat kalangan pemograman Web”.

Perintah Dasar MySQL

Menurut Raharjo (2011:22)^[19], Dalam menjalankan MySQL diperlukan berbagai perintah untuk membuat suatu database, berikut ini disebutkan beberapa perintah dasar dalam menggunakan MySQL. Untuk menjalankan MySQL pertama kali cukup dengan mengetikkan mysql pada Command Prompt. Perintah-perintahnya adalah sebagai berikut:

Gambar 2.12 KlasifikasiPerintah-perintah Mysql

Data Definition Language (DDL)

adalah perintah perintah SQL yang digunakan untuk mendefinisikan struktur dan skema database.

Contohnya

a. CREATE(untuk membentuk basis data, tableatau index)

CREATE TABLE NAMA_TABLE

b. DROP (untuk mengubah struktur table)

NAMA_ATRIBUT TIPE_DATA [KETERANGAN],

c. ALTER (untuk menghapus basis data, table atau index)

NAMA_ATRIBUT TIPE_DATA [KETERANGAN].

Data Manipulation Language (DML)

adalah kumpulan perintah SQL yang berhubungan dengan pekerjaan mengolah data di dalam tabel.

Contohnya :

a. SELECT (mengambil data)

i. SELECT field1, field2,…FROM nama_table;

ii. SELECT * FROM nama_table;

b. DELETE (menghapus data)

i. DELETE FROM nama_table WHERE kriteria;

c. INSERT (menyisipkan data).

i. INI nama_table (field1, field2,…) values (nilai_field1,nilai_field2,…);

ii. INSERT INTO nama_table value (nilai_field1,nilai_field2,…);

Data Control Languange

(DCL) adalah perintah-perintah yang digunakan untuk membantu mengontrol keamanan setiap database atau sebagian isi dari databasedengan membuat hak – hak akses tertentu bagi setiap user.

Contohnya :

a. Grant (mengatur ijin akses)

i. grant update(nama) on nm_db.nm_tbl tonm_user@localhost identified by ‘nm_passwd’; update nm_tbl set nama=’nm_baru’ where id=23;

ii. grantselect (id,nama,alamat,usia), update (alamat,usia) on nm_db.nm_tbl tonm_user@localhost identified by‘nm_passwd’;

iii. Revoke(menghapusakses kolom) revoke all on *.* fromnm_user@localhost identified by ‘nm_passwd’;

Konsep Dasar XAMPP

Definisi XAMPP

Menurut Puspitasari (2011:1)^[20], berpendapat bahwa “XAMPP adalah sebuah software web server apache yang didalamnya sudah tersedia database server mysql dan support php programming. xampp merupakan software yang mudahdigunakan gratis dan mendukung instalasi di linux dan windows. Keuntunganlainya adalah cuma menginstal 1 kali sudah tersedia apache web server, mysqldatabase server, php support (php4 dan php5) dan beberapa modul lainya hanyabedanya kalau versi windows selalu dalam bentuk instalasi grafis dan yang linuxdalam bentuk file terkompresi tar. gz. kelebihan lain yang berbeda dari versiuntuk windows adalah memiliki fitur untuk mengaktifkan sebuah server secaragrafis, sedangkan linux masih berupa perintah-perintah didalam console. oleh karena itu versi untuklinux sulit untuk dioperasikan”.

Mengenal XAMPP

Menurut Kartini (2013:27-26)^[21], Dalam paketnya sudah terdapat Apache (web server), MySQL (database), PHP (server side scripting), Perl,FTP server, Php MyAdmin dan berbagai pustaka bantu lainnya. Dengan menginstallXAMPP maka tidak perlu lagi melakukan instalasi dan konfigurasi web serverApache, PHP dan MySQL secara manual. XAMPP akan menginstalasi danmengkonfigurasi-kannya secara otomatis untuk anda. XAMPP adalah sebuah webserver. Asal kata dari XAMPP sendiri adalah:

(X) : Program ini dapat dijalankan dibanyak sistem operasi.

(A) : Apache merupakan suatu aplikasi webserver.

(M) : MySQLdigunakan untuk aplikasi database server.

(P) : PHPbahasa pemrograman yang dipakai.

(P) : Perlbahasa pemrograman yang dipakai.

Konsep Dasar Adobe Dreamweaver

Definisi Adobe Dreamweaver

Menurut Wahana Komputer dalam Selvy Eriani (2013)^[22], “Adobe Dreamweaver merupakan salah satu aplikasi yang dapat digunakan untuk melakukan perancangan design web secaravisual atau aplikasi web editor”.

Gambar 2.13 Adobe Dreamweaver CS6

Konsep Dasar UML (Unified Modeling Language)

Definisi UML

Menurut Chonoles dalam buku Widodo (2011:6)^[23]mengatakan bahwa "sebagai bahasa, berarti UML memiliki sintaks dan semantik".

Gambar2.14 Logo UML

Bangunan Dasar Metodologi UML

Menurut Nugroho (2010:24)^[24] , Bangunan dasar metodologi UML menggunakan tiga bangunan dasar untuk mendeskripsikan sistem/perangkat lunak yang akan dikembangkan yaitu:

1. Relasi (Relationship)

Ada 4 (empat) macam relationship UML, yaitu:

a. Ketergantungan Merupakan hubungan dimana perubahan yang terjadi pada suatu elemen mandiri (independent) akan memperngaruhi elemen yang bergantung padanya.

b. Asosiasi Merupakan apa yang menghubungkan antara objek satu dengan objek lainnya, bagaimanahubungan suatu objek dengan objek lainnya. Suatu bentuk asosiasi adalahagregasi yang menampilkan hubungan suatu objek dengan bagian-bagiannya.

c. Generalisasi Merupakan hubungan dimana objek anak (descendent) berbagai perilaku dan struktur data dari objek yang ada diatasnya objek induk (ancestor).Arah dari atas kebawah dari objek induk ke objek anak dinamakan generalisasi.

d. Realisasi Merupakan operasi yang benar-benar dilakukan oleh suatu objek.Sesuatu (Things).

e. Diagram UML

Menurut Widodo (2011:10)^[25] Beberapa literature menyebutkan bahwa UML meyediakan sembilan jenis diagram, yang lainmenyebutkan delapan karena ada beberapa diagram yang digabung, misalnya diagramkomunikasi, diagram urutan dan diagram pewaktuan yang digabung menjadi diagraminteraksi. Namun demikian model-model itu dapat dikelompokkan berdasarkansifatnya yaitu statis atau dinamis. Jenis diagram itu antara lain:

Gambar 2.15 Jenis-Jenis Diagram UML

Sumber : www.comp.leeds.ac.uk^[26]

a. Use Case Diagram : Bersifat statis. Diagram ini memperlihatkan himpunan use-case danaktor-aktor (suatu jenis khusus dari kelas).

b. Sequence Diagram : Bersifat dinamis. Diagram urutan adalah diagraminteraksi yang menekankan pada pengiriman pesan dalam waktu tertentu.

c. Activity Diagram : Bersifat dinamis. Diagram aktivitas adalah tipe khusus dari diagram status yang memeperlihatkan aliran dari suatu aktivitas ke aktivitas lainnya dalam suatu sistem.

d. Class diagram : Bersifat statis. Diagram ini memperlihatkan himpunan kelas-kelas, antarmuka-antarmuka,kolaborasi-kolaborasi, serta relasi-relasi. Diagram ini umum dijumpai padapemodelan sistem berorientasi objek. Meskipun bersifat statis, sering puladiagram kelas memuat kelas-kelas aktif.

Konsep Dasar Pengujian Black Box

Definisi Pengujian Black Box

Menurut Soetam Rizky (2011:264)^[27], berpendapat bahwa “Black box testing adalah tipe testing yang memperlakukan perangkat lunak yangtidak diketahui kinerja internalnya. Sehingga para tester memandang perangkatlunak seperti layaknya sebuah “kotak hitam” yang tidak penting dilihat isinya,tapi cukup dikenai proses testing di bagian luar”.

Gambar 2.16 Ilustrasi Pengujian Blackbox

Uji coba black box berusaha untuk menemukan kesalahan dalam beberapa kategori, diantaranya:

1. Fungsi-fungsi yang salah atau hilang.

2. Kesalahan interface.

3. Kesalahan dalam struktur data atau akses database eksternal.

4. Kesalahan performa.

5. kesalahan inisialisasi dan terminasi.

Tidak seperti metode white box yang dilaksanakan diawal proses, uji coba black box diaplikasikan dibeberapa tahapan berikutnya. Karena uji coba black box dengan sengaja mengabaikan struktur kontrol, sehingga perhatiannyadifokuskan pada informasi domain. Uji coba didesain untuk dapat menjawabpertanyaan pertanyaan berikut:

1. Bagaimana validitas fungsionalnya diuji?.

2. Jenis input seperti apa yang akan menghasilkan kasus uji yang baik?.

3. Apakah sistem secara khusus sensitifterhadap nilai input tertentu?.

4. Bagaimana batasan-batasan kelas datadiisolasi?.

5. Berapa rasio data dan jumlah data yangdapat ditoleransi oleh sistem?.

6. Apa akibat yang akan timbul dari kombinasi spesifik data pada operasi sistem?.

Konsep Dasar Elisitasi

Definisi Dasar Elisitasi

Suryo Guritno (2011:302)^[28], berpendapat bahwa “Elisitasi (elicitation) berisi usulan rancangan sistem baru yang diinginkan oleh pihak manajemen terkait dan disanggupi oleh penulis untuk dieksekusi”.

Menurut Guritno, (2011:302)^[29]. Elisitasi didapat melalui metode wawancara dan dilakukan melalui tiga tahap, yaitu sebagai berikut:

1. Elisitasi Tahap Berisi seluruh rancangan sistem baru yang diusulkan oleh pihak manajemen terkait melalui proses wawancara.

2. Elisitasi Tahap II Merupakan hasil pengklasifikasian dari elisitasi tahap I berdasarkan metode MDI. Metode MDI ini bertujuan untukmemisahkan antara rancangan sistem yang penting dan harus ada pada sistem barudengan rancangan yang disanggupi untuk dieksekusi.

a. (M)pada MDI itu artinya Mandatory.Maksudnya requirement tersebut harusada dan tidak boleh dihilangkan pada saat membuat sistem baru.

b. (D)pada MDI itu artinya Desirable.Maksudnya requirement tersebut tidakterlalu penting dan boleh dihilangkan. Tetapi jika requirement tersebutdigunakan dalam pembentukan sistem, akan membuat sistem tersebut lebih perfect.

c. (I)pada MDI itu artinya Inessential.Maksudnya bahwa requirement tersebut bukanlah bagian dari sistem yang dibahasdan merupakan bagian dari luar sistem.

1. Elisitasi Tahap III

a. (T) artinya Technical, maksudnyabagaimana tata cara / tehnik pembuatan requirementtersebut dalam sistem yang diusulkan.

b. (O) artinya Operasional, maksudnyabagaimana tata cara penggunaan requirementtersebut dalam sistem yang akan dikembangkan.

c. (E) artinya Ekonomi, maksudnya berapakahbiaya yang diperlukan guna membangun requirement tersebut di dalam sistem.

d. Metode TOE tersebut dibagi kembali menjadi beberapa option, yaitu sebagai berikut:

e. High (H) : Sulit untuk dikerjakan, karena tehnik pembuatan dan pemakaiannya sulit serta biayanya mahal. Sehingga requirement tersebut harus dieliminasi.

f. Middle (M) : Mampu untuk dikerjakan.

g. Low (L) : Mudah untuk dikerjakan.

1. Final Draft Elicitation

Menurut Suryo Guritno (2011:304)^[30], berpendapat bahwa “Final draft merupakan hasil akhir yang dicapai dari suatu proses elisitasi yang dapat digunakan sebagai dasar pembuatan suatu sistem yang akan dikembangkan”.

Literature Review

Devinisi Literature Review

Menurut Guritno (2010:86)^[31],”literature review dalam sebuah penelitian adalah mengetahui apakah para peneliti lain telah menemukan jawaban untuk pertanyaan-pertanyaaan penelitian yang kita rumuskan”. Dibawah ini merupakan sumber literature review yang penulis dapatkan :

Penelitianyang dilakukan oleh Prasetyo (2014)^[32],pada penulisan karya ilmiahnya (paper) yang berjudul “ Perancangan Sistem Informasi Penjualan Barang Kemasan Produk pada CV Ismie Jaya” Masalah yangdibahas oleh peneliti pada peper tersebut adalah permasalahan dalam memasarkan berbagai jenis kemasanproduk ke berbagai wilayah yang ada di wilayah Tangerang. Sistem penjualanbarang masih semi komputerisasi sehingga sering terjadi kesalahan pada waktupendataan penjualan barang dan memperlambat proses dalam pengambilan keputusan. Denganadanya sistem yang baru maka data yang dihasilkan lebih akurat dibandingkandengan sistem sebelumnya dan data tidak akan hilang dan berubah karena datanyaakan tersimpan dalam database serta dapat mempermudah dalam pembuatan laporan penjualan,dan diharapkan dapat mengurangi human error.
Penelitian yang dilakukan oleh Siti Nuraini (2014)^[33], pada penulisan karya ilmiahnya (paper)yang berjudul “Perancanagan Sistem Informasi Penjualan PadaSony Toko Buku & Sport” Masalah yang dibahas oleh peneliti pada peper tersebut adalah Aplikasi komputer yang digunakan masih sangat sederhana yaitu Microsoft Excel untuk administrasinya. Saat ini semua transaksimasih menggunakan bon, kwitansi, faktur yang secara keseluruhan menggunakankertas. Terkadang antara satu barangdengan yang lainnya tidak konsisten perhitungan nilai jualnya. Hal ini menjadikendala karena dari waktu ke waktu sementara jumlah konsumen semakin meningkatdan jumlah suplier juga semakin banyak. Kondisi ini semakin lama membuatpemilik usaha ini mulai berfikir untuk mempermudah proses transaksi mulai dariperhitungan modal, keuntungan, diskon dan lain sebagainya termasuk menambahdistribusi area jual ke media yang lebih populer saat ini yaitu internet agardapat bersaing dengan usaha dagang lainnya.
Penelitian yang dilakukan oleh Untung Rahardja., Qurotul Aini., Desi Sartika (2014) ^[34], pada penulisan karya ilmiahnya (paper) yang berjudul ”Build A Business To Customer Online Store Using Airzone Content Management System” Masalah yang dibahas oleh peneliti pada peper tersebut adalahkegiatan masyarakat yang awalnya berbelanja masih secara tradisional dan mengeluarkan biaya transportasi serta belum tentu sampai pusat perbelanjaan mendapatkan barang yang sesuai keinginan. Oleh karena itu Airzone mengembangkan produk, promosi, transaksi online productdelivery dan after sales supportyang akan saling mendukung satu dengan yang lainnya untuk memperoleh revenue dan profit yang lebih baik.
Penelitian yang dilakukan oleh Luciana Spica Almilia, S.E., M.Si. Lidia Robahi, S.E. STIE Perbanas Surabaya (2007)^[35]pada penulisan karya ilmiahnya (paper) yang berjudul “ Penerapan E-commerce Sebagai Upaya Menigkatkan Persaingan Bisnis Perusahaan” Masalah yang dibahas oleh peneliti pada peper tersebut adalah masih relatif sedikit perusahaan yang menggunakan e-commerce sebagai sarana untuk kepentingan bisnis. tentang motif serta manfaat e-commerce. Oleh karena ini penulis akan mengkaji tentang motifserta manfaat yang dirasakan oleh perusahaan yang telah menerapkan penggunaan e-commerce dalam kepentingan bisnis.faktor yang melandasi perusahaan terdorong menggunakan e-commerce terdiri dari enam faktor yaitu yang menjadi harapan tertinggi bagi para perusahaan ketikaingin menerapkan e-commerce :Mengakses Pasar global sebesar 56%, Mempromosikan produk sebesar 63%, Membangun Merk sebesar 56%, Mendekatkan dengan pelanggan sebesar 74%, Membantu komunikasilebih cepat dengan pelanggan sebesar 63% dan Memuaskan pelanggan sebesar 56%.Dan berdasarkan analisis yang kedua yaitu analisis deskritpif faktor manfaat yang diperoleh perusahaan dengan adanya penerapan e-commerce terdiri dari dua faktor yaitu yang menjadi manfaat terbesar perusahaan setelah menerapkane-commerce yaitu Kepuasan konsumen sebesar 74% dan Keunggulan bersaing sebesar81%.
Penelitian yang dilakukan oleh Iyas (2011)^[36] , pada penulisan miahnkarya ilmiahnya (paper) yang berjudul “Implementasi Sitem Penjualan On-line Berbasis e-commerece Pada Usaha Rumahaan Griya Unik Wanita” Masalah yang dibahas oleh peneliti pada paper tersebut adalah sistem penjualan yang masih manual dan tertulis yang cenderung menyesatkan. Serta pembayaran yang dilakukan hsecaratunai. Oleh karena itu penulis menerapkan penjualan online ( pemesanan dan pembelian berbasis online (e-commerece) serta menerapkan member bagipelanggan tertentu sesuai ketentuan perusahaan. Namun media penjualan Onlineini juga memiliki kelemahan dalam hal barang terkadang tidak sesuai dengan keingginan pelanggan, misalnya : warna atau ukuran.
Penelitian yang dilakukan oleh Melisa Wijaya, Lidia Fransiska, Antonius Wahyu Sudrajat(2013)^[37] pada penulisan karya ilmiahnya(paper) yang berjudul “ Pengembangan Layanan Otomatis Pada Sistem Penjualan Produk-Produk Teknik Dan Elektronik diCV. Berkat Bersama” Masalah yang dibahas oleh peneliti pada peper tersebutadalah sistem penjualan yang dibagi menjadi dua yaitu sistem penjualan yang membeli secara grosiran dan konsumen yang membeli secara eceran. Dalam prosespenjualan ke pelanggan bagi penjual tidak menjadi masalah. Sedangkan sistem penjualan secara eceran masih memiliki masalah . masalah yang dialami yaitu konsumen harus mengantri dalam memesan barang dalam waktu yang lama. Maka dariitu penulis mengembangkan sitem untuk mempercepat proses penjualan, mengatasi konsumen dalam antrian panjang dalam memesan dan membeli barang.

BAB III

ANALISA SISTEM YANG BERJALAN

Gambaran Umum Perusahaan

Gambaran CV Multi Bisnis Selaras

CV Multi BisnisSelaras adalah perusahaan yangbergerak dibidang distributor baut, mur, sparepartsmotor, tool kits dan power tools. CV Multi Bisnis Selarasmempunyai kontor pusat yang berada di Jl. Merdeka No. 193, Cimone,Tangerang. CV Multi Bisnis Selarasselalu menekankan dari segi ketersediaan barang dan kualitas barang yangterjamin supaya pelanggan merasa puas.

Kerjasama antarpelanggan sangat penting untuk meningkatkan hubungan kerjasama yang salingmenguntungkan dan dapat menjalin hubungan yang luas. Maka dari itu CV Multi Bisnis Selaras sangat mengutamakannilai kepercayaan.

Sejarah Singkat CV Multi Bisnis Selaras

CV Multi Bisnis Selaras adalahperusahaan yang didirikan oleh Ibu Feliawaty pada tahun 2004 yang sekarangmempunyai karyawan 20 orang. CV Multi Bisnis memiliki cabang yang berlokasi Jl. PetaSelatan, Cengkareng, Jakarta Barat pada tahun 2012. Jam kerja CV Multi Bisnis Selaras adalah mulai dari jam 08.00 s/d 17.00. Jam kerja ini berlaku untuk semua karyawan.

Gambar 3.1 Toko CV Multi Bisnis Selaras

Visi dan Misi Perusahaan

VISI

CV Multi Bisnis Selarasmemiliki visi melayani pelanggan dengan sepenuh hati untuk terciptanya kepuasanbersama sehingga usaha berjalan selaras dan menperkecil kesalahan kerja yang dapat merusak citra diri perusahaan

Misi

Misi dari CV Multi Bisnis Selaras adalah dapat menjaga pelanggan yang telah ada dan mendatangkan pelanggan barusebanyak–banyaknya dengan memberikan pelayanan terbaik sesuai keinginanpelanggan serta memberikan garansi atau jaminan atas pekerjaan yang telahdilakukan.

Struktur Organisasi

Struktur organisasi perusahaan merupakan kerangka yang menggambarkan pembagian kerjakedalam tugas dan wewenang.

Gambar 3.2 Struktur Organisasi CV Multi Bisnis Selara Dan adapun wewenang dan tanggung jawab dari struktur organisasi pada CV Multi Bisnis Selaras yaitu sebagai berikut :

Gambar 3.2 Struktur Organisasi CV Multi Bisnis Selaras

1. Direktur Utama

Wewenang :

Mengadakan perencanaan dan merumuskan kebijaksanaan secara umum.
Melakukan pembuatan surat jalan barang yang akan dikirim.
Menanda tangani dokumen-dokumen penting perusahaan terutama mengenai kebijakan yang dilakukan oleh manajemen.

Tanggung Jawab :

Bertanggung jawab terhadap cash flow keuangan dan honorarium seluruh pekerja.
Merupakan pengambil keputusan tertinggi dalam perusahaan
Sebagai penanggung jawab utama atas segala kegiatan dan kerja perusaahaan.

2. Adminstrasi

Wewenang:

Melakukan semua pembukuan atau file-file perusahaan.
Melakukan pembuatan surat jalan barang yang akan dikirim.
Membuat atau memasukan data ke dalam komputer untuk laporan tertulis dan melaporkan omzet penjulan pada akhir bulan kepada pimpinan.

Tanggung Jawab:

Bertanggung jawab atas semau pembukuan yang telah dilakukan serta surat jalan yang telah dibuat.
Bertanggung jawab terhadap data yang ada didalam komputer
Bertanggung jawab semua kebutuhan ATK perusahaan.

3. Sales Marketing

Wewenang :

Menawarkan barang kepada pelanggan dan mencari pelanggan baru.
Memonitoring barang pesanan dari gudang sampai ditangan .

Tanggung jawab

Mencari fakta-fakta dengan riset pasar.
Menjalankan perubahan-perubahan yang terjadi akibat penelitian (pengembangan poduk baru).
Memutuskan tentang kuantitas (penyusunan anggaran).
Memutuskan dengan harga berapa barang dijual dan dengan keuntungan berapa (kebijakkan penentapan harga).

4. Staf Gudang

Wewenang :</div>

Mengatur barang masuk dan keluar.
Membuat permintaan barang untuk stok barang
Tanggung Jawab :
1. Mengetahui stok barang yang ada digudang.
2. Bertanggung jawab atas kedatangan barang dan keadaan barang serta jumlah barang.
5. Sopir (Pengiriman barang)

Wewenang :
1. Menerima perintah yang diberikan untuk tugas keluar terutama mengirim barang, meberikan tanda terimakepada pelanggan atau pun tagihan.
2. Dapat mengatur jadawal kiriman.
Tanggung Jawab :
1. Mengirimkan barang sampai tujuan dengan waktu yang ditentukan.
2. Bertanggung jawab terhadap barang-barang yang dikirim serta terhadap kendaraan (mobil atau motor).
Tata Laksana Sistem Yang Berjalan

Prosedur Sistem Yang Berjalan

Pelanggan yang ingin membeli dapat langsung datang ke toko CV Multi Bisnis Selaras atau dengan via telpon. Berikut rincianprosedur yang berjalan diantaranya :

ą Prosedur pelanggan

Pelanggan dapat memilih barang dengan melihat sample barang telah dipajang dan dapatmelihat brosur untuk power tools. Dandapat melakukan transaksi.

b. Prosedur gudang

Proses prosedur ini menerima permintaanyang telah ditulis untuk di siapkan barang dan kemudian di berikan kepadapelanggan.

c. Prosedur manager utama Pemilik CV Multi Bisnis Selaras yangbertugas mengawasi karyawan yang berkerja dan menerima laporan penjualan setiapharinya.

Rancangan Prosedur Sistem Berjalan

Prosedur sistem yang berjalan yang telah diuraikan pada sub-bab sebelumnya, diatas dapat dilihat pada ilustrasi gambar berikut:

Gambar 3.3 Gambar Ilustrasi Prosedur Sitem Berjalan.

Analisa Sistem Yang Berjalan

Metode Analisa Sistem

SWOT adalah identifikasi berbagai faktor secara sistemastis untuk merumuskan strategi perusahaan. SWOT terdiri dari Strengths, Weakness, Opportunities, Threats yang dianalisa oleh CV Multi Bisnis Selaras untuk menentukan langkah-langkahstrategis, tabel pemetaan strategi SWOT CV Multi Bisnis Selaras sebagai berikut.

Gambar 3.4 matrik internal SWOT

Gambar 3.4 matrik external SWOT

Analisa Masukan, Analisa Proses, Analisa Keluaran

Anilsa Masukan
2. Nama Masukan :Barang.

Fungsi : Mengetahui info dan stok barang.

Sumber : Pengelola barang dan supplier.

Media :Komputer, kertas.

Rangkap :1 (satu) lembar.

Frekuensi : Setiap ada pengurangan dan pemasukan barang.

Keterangan :Berisi stok dan detail barang yang ada.

Analisa Proses
1. Nama Proses :From konfirmasi order.
Masukan : Konfirmasi order.
Keluaran : Laporan orderan yang masuk.
Ringkasan Proses : Pada proses ini orderanditerima dan dapat disiapkan barangpermintaan.

2. Nama Proses :Perhitungan stok.
Masukan : Rekap stok.
Keluaran : Laporan stok barang digudang.
Ringkasan Proses : Pada proses ini dibuatdaftar stok barang berdasarkan dari barang yang masuk dan barang yang keluar.

Analisa Keluaran
1. Nama Keluaran : Nota
Fungsi : Berisikan daftar barang, harga dan quantity.
Media : Kertas.
Rangkap : 2 (dua) lembar.
Distribusi : Lembar 1 untuk pelanggan. Lembar 2 untuk administrasi.
Keterangan : Laporan penjualan untuk dapat diperiksa harganya.
2. Nama Keluaran : Laporan stok barang.
Fungsi : Bukti bagi manajer utama untuk mengetahui stok barang yang ada.
Media : Kertas
Rangkap : 2 (dua) lembar.
Distribusi : Lembar 1 untuk manager utama. Lembar 2 untuk admin gudang.

Konfigurasi Sistem Berjalan

Konfigurasi sistem yang berjalan saat ini :

1. Spesifikasi Perangkat Keras (Hardware)

a. Prosessor : Core 2 duo.

b. Monitor : LCD 19,5”.

c. Mouse : USB.
d. RAM : 1 GB.

e. Hardisk : 40 GB.

f. Keybord : USB.

g. Printer : Epson dan Lazer z 1600.

2. Spesifikasi Perangkar Lunak (Software)

a. Microsoft Office 2007.

3. Hak Akses (Brainware)

a. Direktur Utama.

b. Administrasi.

Permasalahan yang dihadapi dan Alternatif Pemecahan Masalah

Permasalahan yang dihadapi

Dari hasil penelitian yang dilakukan terdapat beberapa kekurangan dan masalah yang terdapat pada prosedur sistem yang berjalan, diantara lain yaitu :

Kenaikan biaya-biaya operasional misalnya biaya pengiriman, biayabensin, biaya tol.
Dalam penjualan ini masih menggunakan pembayaran secara tunai melalui sopir, dimanatelah disepakati bersama baik oleh pihak perusahaan dan juga pelanggan.
Penyajian pengolahan data stok barang yang manual mengakibatkan penulisannya tidak rapi dan data tidak berurutan.

Alternatif Pemecahan Masalah

Untuk mengatasi permasalahan permasalahan diatas, maka diperlukan adanya sistem terkomputerisasi. Adapun alternatif pemecahan masalah yang diusulkan adalah sebagai berikut :

Menekan biaya-biaya operasional perusahaan dengan membuat toko online. Biaya penyewaan ruko rata-rata sekitarRp.15.000.000,00/tahun sedangkan toko online dengan biaya maksimal rata-rata Rp2.500.000,00/ tahun.

Pembayaran dilakukan dengan transfer sehingga lebih fleksibel dalam hal waktu pembayaran.

Mengembangkan sistem penjualan dengan menambahkan informasi stok yangrapi dan stok itu dapat ter-update secara langsung jika terjadi pembelian (transaksi).
Penjualan yang tidak mengenal adanya batasan waktu untuk membeli barang atau produk.

User Requirement

Elisitasi Tahap I

Elistasi Tahap 1 merupakan daftar yang diperoleh dari hasil pengumpulan data dari laporan yang telah dilakukan dengan cara observasi dan wawancara.

Tabel 3.1 Elisitasi Tahap I

Elisitasi Tahap II

Elisitasi Tahap II dibentuk berdasarkan Elisitasi Tahap I yang kemudian diklasifikasikan melalui metode MDI. Berikut penjelasan dari beberapa requirement yang diberi opsi Inessesial (I) dan harus dieliminasi.

Tabel 3.2 Elisitasi Tahap II

Elisitasi Tahap III

Berdasarkan elisitasi tahap II diatas, maka dibentuklah elisitasi tahap III yang diklasifikasikan kembali dengan menggunakan metode TOE dengan opsi HML. Terdapat requirement yang opsinya High (H) harus di eliminasi. Penjelasan detail dapat dilihat pada table di bawah ini.

Tabel 3.3 Elisitasi Tahap III

Final Draft Elisitasi

Elisitasi final merupakan bentuk akhir dari tahap-tahap elisitasi yang dapat dijadikan acuan dan dasar untuk menerapkan sistem penjualan online. Berdasarkan elisitasi tahap III diatas, maka menghasilkan requirement final draft elisitasi yang dapat dilihat pada tabel diberikut ini.

Tabel 3.4 Elisitasi Tahap IV

BAB IV

HASIL PENELITIAN

Rancangan Sistem Usulan

Prosedur Sistem Usulan

Berdasarkan analisis sistem yang sudah berjalan,maka diketahui bahwa sistem yang saat ini sedang berjalan masih berupa sistemyang belum memenuhi kebutuhan di dalam kegiatan penjualan dari segi pelayanansampai ke laporan penjualan. sistem yang diusulkan adalah sebuah sistem yangdidapat dari proses analisis pada sistem lama yang bertujuan untuk memperbaikiatau mengembangkan pada sistem yang lama. Berikut rincian sistem yangdiusulkan:

Prosedur pelanggan yang diusulkan adalah suatu sistem yang dapat diakses melaluijaringan internet menggunakan PC atau perangkat lainnya yang digunakan untuk melakukan transaksi jual beli barang.

Prosedur pemesanan yang diusulkan adalah pelanggan dapat langsung untuk memilih barang yang adadalam katalog produk serta dapat mengetahui detail informasi dan spesifikasiproduk.

Prosedur pembayaran yang diusulkan adalah pengirim tidak menerima uang hasil transaksi,melainkan pelanggan harus mentransfer kebank yang telah ditentukan oleh pihakpenjual.

Prosedur pengiriman Prosedur yang diusulkan pada pengiriman adalah menerimaan orderan dan data pelanggan.Kemudian pelanggan dapat memilih pengiriman melalui jasa pengiriman.

Diagram Rancangan Sistem

Untuk menganalisa sistem yang diusulkan, pada penelitian ini digunakan program Visual Paradigm for UML 8.0 Enterprise Edition untuk menggambarkan Use Case Diagram, Activity Diagram, Sequence Diagram.

Use Case Diagram Sistem Yang Diusulkan

Berikut ini adalah use case diagram yang digunakan untuk menggambarkan proses pembelian on-line CV Multi Bisnis Selaras

Gambar 4.1 Use Case Diagram yang diusulkan

Berdasarkan gambar 4.1 Use Case Diagram diatas:

1. Nama Use Case : Registrasi pelanggan.

Aktor : Pengunjung

Keterangan : Use case ini menggambarkan sistem dimana pengunjung harus melakukan registrasi untuk melakukan login pelanggan.

2. Nama Use Case :Login pelanggan, admin dan direktur.

Aktor : Pelanggan, admin, direktur.

Keterangan :Melakukan login dengan mengisi identitas untuk hak akses, seperti memasukan username dan password.

3. Nama Use Case : Order produk

Aktor : Pelanggan

Keterangan :Use case ini menggambarkan dimana pelanggan melakukan order produk, mendapatkan konfirmasi pengiriman serta melakukan transfer pembayaran.

4. NamaUse Case :Memproses transaksi penjualan

Aktor : Admin

Keterangan : Use case ini menggambarkan kegiatan admin dalam memproses data,mengupdate stok barang, mengupdata informasi barang, memproses orderan masukdari pelanggan, melakukan konfirmasi mengenai pembayaran, konfirmasi dalampengiriman serta membuat laporan penjualan.

5. Nama Use Case : Menerima laporan penjualan

Aktor :Direktur

Keterangan : Usecase ini menggambarkan direktur meneriman laporan penjualan yang telah dibuat oleh admin.

6. Nama UseCase : Pengiriman

Aktor : Kurir

Keterangan :Use case ini menggambarkan kurir melakukan pengiriman kepada pelanggan.

Activity Diagram Yang Diusulkan

Activity diagram menggambarkan proses bisnis dan urutan aktifitas dalam sebuah proses, yang mana dipakai pada business modelling untuk memperhatikan urutan aktifitas proses bisnis karena bermanfaat untuk membantu memahami proses secara keseluruhan dalam memodelkan sebuah proses.

Gambar 4.2 Activity diagram yang diusulkan

1. Nama Activity Diagram : Login pelanggan

Aktor :Pelanggan

Keterangan :Activity Diagram menggambarkan dimana pelanggan saat login terjadi gagal maka akan kembali kemenu login tersebut untuk memasukkan data yang benar, jika login berhasil maka dapat melakukan transaksi atau mengorder barang.

2. Nama Activity Diagram : Proses transaksi

Aktor :Admin

Keterangan :Activity Diagram mengambarkan admin menerima order masuk dan memproses transaksi melakukan konfirmasi pengiriman sampai membuat laporan transaksipenjualan untuk direktur.

3. Nama Activity Diagram : Proses pengiriman

Aktor : Kurir

Keterangan : Activity Diagram mengambarkan pihak kurir mengirim barang kepada pelanggan.

4. Nama Activity Diagram : Laporan

Aktor :Direktur

Keterangan :Activity Diagram mengambarkan direktur menerima laporan dari admin mengenai laporan transaksi penjualan yang telah dilakuakan.

Sequence Diagram Yang Diusulkan

SequenceDiagram menggambarkan interaksi antara objek di dalam dandisekitar sistem (termasuk pengguna, displaydan sebagainya) berupa message yangdigambarkan terhadap waktu.

1. Sequence Diagram login

Berikut ini adalah gambar sequence diagram untuk login pelanggan, admin dan direktur utama :

Gambar 4.3 Sequence Diagram login pelanggan

Berdasarkan gambar 4.3 Sequence Diagram diatas berikut ini adalah penjelasanya:

Nama sequence Diagram : Login Pelanggan

Aktor :Pelanggan

Keterangan :Sequence Diagram menggambarkan Melakukan login dengan mengisi identitas untuk hak akses, seperti memasukan username dan password untuk melakukan validasi login. Jika validasi tersebut berhasil maka akan dapat melakukan order barang.

2. Sequence Diagram pemesanan barang

Berikut ini adalah gambar sequence diagram untuk melakukan pemesanan barang:

Gambar 4.4 Sequence Diagram pemesanan barang

Berdasarkan gambar 4.4 Sequence Diagram diatas berikut ini adalah penjelasanya:

Nama sequence Diagram : Pemesanan barang

Aktor :Pelanggan

Keterangan :

a. Pelanggan melakukan pemesanan barang dengan masuk ke katalog produk.

b. Memasukan barang kekeranjang belanja, dimana keranjang belanja digunakan sabagai media penyimpanan sementaara (temporer) data-data produk yang dipilih oleh pelanggan.

c. Pada keranjang belanja pelanggan dapat meng update barang-barang yang telah dipilihnya dalam hal jumlah yang inginb dipesan.

3. Sequence Diagram menambah Kategori Barang

Berikut ini adalah gambar sequence diagram untuk melakukan menambah kategori barang:

Gambar 4.5 Sequence Diagram menambah kategori barang.

Berdasarkan gambar 4.5 Sequence Diagram diatas berikut ini adalah penjelasanya :

Nama sequence Diagram : Menambah kategori barang

Aktor :Admin

Keterangan :

a. Masukkemenu kategori barang.

b. Klik add kategori barang maka akan muncul tabel tambah kategori barang memasukkannama kategori barang untuk selanjutnya disimpan kedalam database.

c. Setelah disimpan maka akan menampilkan daftar kategori barang dan terdapat edit danhapus.

4. Sequence Diagram menambah Merk Produk

Berikut ini adalah gambar sequence diagram untuk menambah Merk produk:

Gambar 4.6 Sequence Diagram menambah merk produk

Berdasarkan gambar 4.6 Sequence Diagram diatas berikut ini adalah penjelasanya :

Nama sequence Diagram : Menambah Merk produk

Aktor :Admin

Keterangan :

a. Admin Masuk ke merk produk

b. Klik add merk produk maka akan muncul tabel merkproduk memasukkan merk produkselanjutnya disimpan.

c. Setelah disimpan maka akan menampilkan daftar merk dan terdapat edit dan hapus.

5. Sequence Diagram menambah Produk

Berikut ini adalah gambar sequence diagram untuk menambah produk:

Gambar 4.7 Sequence Diagram menambah produk

Berdasarkan gambar 4.7 Sequence Diagram diatas berikut ini adalah penjelasanya:

Nama sequence Diagram : Menambah Merk produk

Aktor :Admin

Keterangan :

a. Masuk kemenu produk

b. Klik add produk maka akan muncul tabel tambah produk yang terdapat no, category, merk produk, nama produk,diskripsi, harga, diskon, stok, tanggal masuk dan gambar selanjutnya disimpan.

c. Setelah disimpan maka akan menampilkan daftar produk dan terdapat edit dan hapus.

Class Diagram Diusulkan

Class diagram adalah diagram yang menunjukan kelas-kelas yang ada dari sebuah sistem danhubungannya secara logika, class diagrammenggambarkan struktur statis dari sebuah sistem. Berikut ini adalah class diagram sistem yang diusulkan pada CV Multi Bisnis Selaras :

Gambar4.8 Class Diagram

Perbedaan Prosedur Sistem Berjalan dan Sistem Usulan

Perbedaan prosedur antara sistem berjalan dan sistem usulan dapat dilihat pada tabel dibawah ini :

Tabel 4.1 Perbedaan Prosedur sistem berjalan dengan sistem usulan

Rancangan Basis Data

Spesifikasi Basis Data (Database)

Spesifikasi database merupakan desain basis data yang dianggap telah normal. Dasain database menjalankan media penyimpanan yang digunakan,isi data (record) yang disimpan, primary key, panjang record. Berikut ini adalah struktur database yang digunakan dalam sistem penjualan online pada CV Multi Bisnis Selaras :

1. Nama File : Admins

Media : Harddisk

Jenis Tabel : Pendukung

Primary Key : Panjang Record : 164 Karakter

Tabel 4.2 Spesifik Tabel admins

2. Nama File : Orders

Media : Harddisk

Jenis Tabel : Master data

Primary Key : id_orders

Panjang Record : 267 Karakter

Tabel 4.3 Spesifik Tabel orders

3. Nama File : Orders_detail

Media : Harddisk

Jenis Tabel : Transaksi

Primary Key : id_orders

Panjang Record : 15 Karakter

Tabel 4.4 Spesifik Tabel orders_detail

4. Nama File : Kategori

Media : Harddisk

Jenis Tabel : Master data

Primary Key : id_kategori

Panjang Record : 55 Karakter

Tabel 4.5 Spesifik Tabel kategori

5. Nama File : Merk_produk

Media : Harddisk

Jenis Tabel : Master data

Primary Key : id_merk_produk

Panjang Record : 55 Karakter

Tabel 4.6 Spesifik Tabel Merk produk

6. Nama File : Users

Media : Harddisk

Jenis Tabel : Master data

Primary Key :-

Panjang Record : 263 Karakter

Tabel 4.7 Spesifik Tabel users

7. Nama File : Produk

Media : Harddisk

Jenis Tabel : Master data

Primary Key : id_produk

Panjang Record : 352 Karakter

Tabel 4.8 Spesifik Tabel produk

8. Nama File : Orders_temp ( keranjang belanja)

Media : Harddisk

Jenis Tabel : Transaksi

Primary Key : id_orders_temp

Panjang Record : 74 Karakter

Tabel 4.9 Spesifik Tabel Keranjang Belanja

9. Nama File : Kota

Media : Harddisk

Jenis Tabel : Transaksi

Primary Key : id_kota

Panjang Record : 117 Karakter

Tabel 4.10 Spesifik Tabel Kota

10. Nama File : Hubungi

Media : Harddisk

Jenis Tabel : Pendukung

Panjang Record : 233 Karakter

Tabel 4.10 Spesifik Tabel hubungi

11. Nama File : Bank

Media :Harddisk

Tipe file : pendukung

Primary Key : id_bank

Panjang Record : 170 Karakter

Tabel 4.11 Spesifik Tabel Bank

Rancangan Prototipe

Tujuan dalam membuat prototipe adalah untuk mempercepatdan mempermudah dalam memvisualisasikan desain alternatif dan konsep. Berikut ini adalah rancangan prototipe dariperancangan sistem penjualan onlinepada CV Multi Bisnis Selaras

Rancangan Prototipe Halaman Pelanggan

Dibawah ini adalah contoh gambar rancangan prototipe pada tampilan halaman pelanggan.

Halaman Index

Dibawah ini adalah contoh gambar rancangan prototipe pada tampilan halaman index.

Gambar 4.9 Halaman tampilan index

Berdasarkan gambar 4.9 Halaman tampilan index diatas berikut ini adalah penjelasanya:

1. Fungsi halaman index adalah untuk menampilkan tampilan halaman utama yang akan pertama kali diakses oleh pelanggan.

2. Tampilan index adalah sebagai saranan untuk melakukan penjualan online, dimana dicantukkam barang dan fasilitas lainnya.

3. Dalam tampilan index terdapat menu-menu sebagai berikut

a. Logo

b. Banner

c. Beranda

d. Produk

e. Spesial produk

f. Login pelanggan

g. Kontak kami

h. Cara pembelian

i. Kategori

j. Merk produk

k. Cari produk

l. Keranjang belanja

m. Customer online

n. Statistik penggunjung

o. Footer

Halaman Katalog Produk

Dibawah ini adalah contoh gambar rancangan prototipe pada halaman katalog produk.

Gambar 4.10 Halaman tampilan index

Berdasarkan gambar 4.10 Halaman tampilan katalog produk diatas berikut ini adalah penjelasanya:

1. Fungsi halaman tampilan katalog produk adalah untuk menawarkan atau sebagai media promosi untuk menjual barang.

2. katalog produk ini sangat penting dalam melakukan media penjualan.

3. Halaman katalog produk itu berisi gambar-gambar produk, detail barang dan harganya.

Halaman Keranjang Belanja

Dibawah ini adalah contoh gambar rancangan prototipe pada tampilan halaman keranjang belanja

Gambar 4.11 Halaman keranjang belanja

Berdasarkan gambar 4.11 Halaman keranjang belanja diatas berikut ini adalah penjelasanya :

1. Keranjang belanja berfungsi untuk menyimpan data-data barang yang ingin di beli oleh pengunjung website kita.

2. Dalam tampilan keranjang itu sangat penting sebagai penyimpanan sementara saat melakukan pembeliaan.

3. Halaman keranjang terdapat menu-menusebagai berikut.

a. No

b. Gambar

c. Nama produk :

d. Qty

e. Harga

f. Sub total

g. Hapus

h. Lanjut belanja

i. Update keranjang

j. Selesai

Halaman Detail Produk

Dibawah ini adalah contoh gambar rancangan prototipe pada tampilan halaman detail produk.

Gambar 4.12 Halaman Detail produk

Berdasarkan gambar 4.12 Halaman detail produk diatas berikut ini adalah penjelasanya.

1. Halaman detail produk berfungsi untuk menampilkan spesifik produk.

2. Tampilan detail produk untuk menyampaikan lebih jelas tentang keterangan produk misalnya berat produk.

3. Halaman detail produk terdapat menu-menu sebagai berikut:

a. Kategori barang

b. Diskripsi

c. Harga

d. Stok

e. Beli

Halaman Registrasi Pelanggan

Dibawah ini adalah contoh gambar rancangan prototipe pada tampilan halaman registrasi pelanggan

Gambar 4.13 Halaman registrasi pelanggan

Berdasarkan gambar 4.13 Halaman registrasi pelanggan diatas berikut ini adalah penjelasanya:

1. Halaman registrasi pelanggan berfungsi untuk memasukkan data-data pengunjung untuk menjadi pelanggan.

2. Registrasi pelanggan sangat penting karena data-data pelanggan untuk konfirmasipengiriman.

3. Registrasi pelanggan memiliki menu-menu sebagai berikut:

a. Nama lengkap

b. Username

c. Password

d. Ulangi password

e. Alamat

f. Telepon/ Hp

g. Email

Kota tujuan

Halaman Pemesanan

Dibawah ini adalah contoh gambar rancangan prototipe pada tampilan halaman pemesanan.

Gambar 4.14 Halaman pemesanan

Berdasarkan gambar 4.14 Halaman pemesanan diatas berikut ini adalah penjelasanya :

1. Halaman pemesanan atau data pembelian ini berfungsi untuk data pengiriman.

2. Halaman pemesana ini sangat penting untuk memilih jasa pengiriman yang diinginkan.

3. Halaman pemesanan barang diatas mempunyai menu-menu sebagai berikut :

a. Nama lengkap

b. Alamat lengkap

c. Telepon/ Hp

d. Email

e. Jasa pengiriman

f. Kota tujuan

Rancangan Prototype Halaman Administrator

Login Admin

Dibawah ini adalah contoh gambar rancangan prototipe pada tampilan halaman login admin.

Gambar 4.15 Halaman login admin

Berdasarkan gambar 4.15 Halaman login admin diatas berikut ini adalah penjelasanya :

1. Halaman login admin berfungsi untuk memastikan hak akses admin.

2. Halaman login admin berguna untuk menjaga isi data pada database tersebut.

3. Dalam login admin memiliki menu-menu sebagai berikut:

a. Username

b. Password

Halaman Input Produk

Dibawah ini adalah contoh gambar rancangan prototipe pada tampilan halaman input kategori

Gambar 4.16 Halaman input kategori

Berdasarkan gambar 4.16 Halaman input produk diatas berikut ini adalah penjelasanya :

1. Halaman input kategori berfungsi untuk memasukkan atau menabah kategori barang.

2. Halaman input produk sangat penting untuk data kategori barang.

3. Halaman input produk ini mempunyai menu-menu sebagai berikut:

a. Nama kategori

b. Simpan

Halaman Input Produk

Dibawah ini adalah contoh gambar rancangan prototipe pada tampilan halaman input merk kategori

Gambar 4.17 Halaman input merk produk

Berdasarkan gambar 4.17 Halaman input merk produk diatas berikut ini adalah penjelasanya :

1. Halaman input merk produk berfungsi untuk memasukkan atau menabah merk produk.

2. Halaman input produk sangat penting untuk data merk barang.

3. Halaman input produk ini mempunyai menu-menu sebagai berikut:

a. Nama kategori

b. Simpan

Halaman Input Produk

Dibawah ini adalah contoh gambar rancangan prototipe pada tampilan halaman input produk.

Gambar 4.18 Halaman input produk

Berdasarkan gambar 4.18 Halaman input produk diatas berikut ini adalah penjelasanya :

1. Halaman input produk berfungsi untukmemasukkan data kategori barang ataujenis barang.

2. Halaman input produk itu sangat pentinguntuk data barang misalnya, ada perubahaan harga barang atau diskon.

3. Input produk mempunyai menu-menu sebagaiberikut:

a. Kategori

b. Merk produk

c. Nama produk

d. Diskripsi

e. Harga

f. Diskon

g. Stok

h. Tanggal masuk

i. Gambar

Halaman Pengiriman

Dibawah ini adalah contoh gambar rancangan prototipe pada tampilan halaman pengiriman

Gambar 4.19 Halaman pengiriman

Berdasarkan gambar 4.19 Halaman pengiriman diatas berikut ini adalah penjelasanya :

1. Halaman pengiriman ini berfungsi untuk mengetahui barang-barang yang sedang dikirim atau sudah dikirim.

2. Halaman pengiriman ini digunakan sebagai pedoman pengiriman. Misalnaya alamat yang dituju.

3. Dalam halaman pengiriman tardapat menu-menu sebagai berikut.

a. Tanggal

b. Pengiriman

c. Email

d. Subject

e. Pesanan

f. Actions

Halaman View Pesanan Masuk

Dibawah ini adalah contoh gambar rancangan prototipe pada halaman view pesanan masuk

Gambar 4.19 Halaman view pesanan masuk

Berdasarkan gambar 4.19 Halaman pengiriman diatas berikut ini adalah penjelasanya :

Berdasarkan gambar 4.20 Halaman view pesanan masuk diatas berikut ini adalah penjelasanya :

1. Halaman view pesanan masuk berfungsi untuk melihat orderan yang telah masuk.

2. Halaman view pesanan masuk sangat penting untuk diproses proses barangnya.

3. Halaman view pesanan masuk memiliki menu-menu sebagai berikut:

a. No

b. No orders

c. Nama customer

d. Tanggal order

e. Jam status

f. actions

Halaman View Data Statistik Pengunjung

Dibawah ini adalah contoh gambar rancangan prototipe pada tampilan halaman view data statistik pengunjung

Gambar 4.21 Halaman view statistik pengunjung

Berdasarkan gambar 4.21 Halaman view statistik pengunjung diatas berikut ini adalah penjelasanya :

1. Halaman view statistik pengunjung berfungsi untuk menampilakan data pengunjung yang online saat itu dan menghitung jumlah pengunjung yang pernah datang ke toko kita.

2. Halaman view statistik pengunjung adalah sitem penunjang untuk tampilan toko agar lebih menarik.

3. Halaman view statistik pengunjung ini memiliki menu-menu sebagai berikut :

a. Pengunjung online

b. Pengunjung hari ini

Halaman View Data Pengunjung

Dibawah ini adalah contoh gambar rancangan prototipe pada tampilan halaman view data pelanggan

Gambar 4.22 Halaman view data pelanggan

Berdasarkan gambar 4.22 Halaman view data pelanggan diatas berikut ini adalah penjelasanya :

1. Halaman view data pelanggan berfungsi untuk menampilkan data-data member atau pelanggan.

2. Halaman view data pelanggan untuk mengetahui siapa saja yang telah menjadi pelanggan atau member.

3. Halaman view data pelanggan memiliki menu-menu sebagai berikut:

a. No

b. Nama lengkap

c. Email

d. Alamat

e. Kota

f. Username Actions

Rancangan Program

Pada tampilan layar menu Admin atau Login berada pada halaman login, pada halaman berfungsi sebagai hak akses terhadap direktur maupun admin yang masing-masing memiliki tugasnya tersendiri, dan pada penjualan online ini terdapat tampilan home penjualan online untuk masing-masing pengguna yaitu untuk pelanggan danpemasaran (Marketing).

Tampilan Menu Utama

Tampilan Menu utama berfungsi untuk tampilan untuk pelanggan yang dapat memberikaninformasi tentang produk. Tampilan menu utama mempunyai menu Beranda, Produk,Spesial Produk, Login Pelanggan, Kontak Kami, Cara Pembelian, kategori produk, merk produk, keranjang belanja.

Gambar 4.23 Tampilan Menu Utama

Tampilan Katalog Produk

Tampilan katalog produk berfungsi menampilkan semua jenis produk dan terdapat menu beli dan detail.

Menu beli berguna untuk melakukan order barang dengan memasukkan kekeranjang belanja. Menu detail berguna untuk menginformasikan produk. Misalnya spesifik produk.

Gambar 4.24 Katalog Produk

Tampilan Spsial Produk

Tampilan spesial produk digunakan untuk menampilkan produk-produk yang promo.

Gambar 4.25 Tampilan spesial produk

Tampilan Keranjang Belanja

Keranjang belanja untuk menyimpan sementara produk-produk yang diorder.

Gambar 4.26 Tampilan Keranjang Belanja

Tampilan Customer Online

Customer Online ini berfungsi untuk menempilkan pelanggan yang sedang online atau pelanggan yang sudah mengunjungi.

Gambar 4.27 Tampilan Customer Online

Tampilan Kategori

Tampilan kategori berfungsi untuk menampilkan jenis- jenis kategori produk.

Gambar 4.28 Tampilan kategori

Tampilan Merk Produk

Tampilan merk produk berfungsi untuk menampilkan data-data merk produk.

Gambar 4.29 Tampilan merk produk

Tampilan Login Admin

Tampilan Login Admin berfungsi untuk menjaga isi data base. Supaya isi tidak dapat diakses oleh orang lain.

Gambar 4.30 Tampilan Login Admin

Tampilan Kategori Produk

Tampilan kategori produk berfungsi untuk menampilkan semua kategori. Dalam kategori terdapat menu kategori, edit dan delete.

Gambar 4.31 Tampilan Add Kategori

Tampilan Data Produk

Tampilan Data Produk berfungsi untuk menampilakan data produk. Dalam data produk terdapat menu kategori, merk produk, harga, stok, gambar, edit dan delete

Gambar 4.32 Tampilan Input Produk

Tampilan Order Masuk

Tampilan order masuk berfungsi untuk menampilkan data order yang masuk. Tampilan order masuk terdapat menu no order, nama customer,tgl order, jam, status, edit dan delete.

Gambar 4.33 Tampilan Input Masuk

Tampilan Laporan Transaksi

Tampilan laporan transaksi berfungsi laporan pernjualan kepada direktur pada periode tertentu. Dalam laporan transaksi terdapat no order, Nama konsumen, tanggalorder, ststus order, jumlah.

Gambar 4.34 Tampilan Laporan Transaksi

Konfigurasi Sistem Usulan

Spesifikasi Perangkat Keras (Hardware)

a. Processor : CPU Intel Core 2 Duo E7300 2.66 GHZ

b. Monitor :LG LED 20 inchi 20M37

c. Mouse :Logitech MK 200

d. Keyboard :Logitechclassic keyboard MK200

e. RAM :2048MB

f. Harddisk : 160 GB

g. Printer : Hp Laserjet 1020 dan EPSON LQ-2190 ESC/P2

Aplikasi Yang Digunakan

a. Google chrome 43.0.2357.65

b. XAMPP Version 1.8.0, apache 2.4.2 (win 32)open ssl /1.0.1c, php 5.4.4, mysql 5.0.10-20111026.

c. Adobe Dreamweaver CS6

d. Edraw Max 6.8

e. Visual Paradigm for UML 8.0

Hak Akses

a. Admin

b. Direktur

Testing

Pengujian terhadap sistem penjualan online (e-commerce) memakai metode pengujian black box atau yang biasa disebut dengan pengujian fungsional. Pengujian black box berfokus pada persyaratan fungsional perangkat lunak.

Penanganan Kesalahan (Error Handling)

Penanganan kesalahan ini bertujuan untuk memberikan informasi tentang kesalahan yangterjadi pada saat proses penggunaan sistem. Berikutini adalah tabel penanganan kesalahan dengan menggunakan metode pengujian black box.

Tabel 4.15 Pengujian Kesalahan

Kondisi Pengujian Sistem

Beriku ini merupakan hasil dari pengujian sistem yang meliputi nama pengujian, hasil yang diharapkan, hasil pengujian berikut dengan status yang diterima

Tabel 4.16 Kondisi Pengujian Sistem

Hasil Pengujian Sistem

Berikut ini dapat disimpulkan hasil dari pengujian sistem terhadap sistem persediaankeluar masuk barang yang telah dibangun :

1. Pada sistem penjualan online, penggunjungharus melakukan registrasi terlebih dahulu untuk melakukan transaksi pembelian.

2. Pada sistem penjualan online, menggunakansatu fungsi login yang menggunakan username dan password yang bertujuan untuk membatasi dan memberikan hakpengakasesan halaman yang berbeda untuk useryang berbeda (admin dan direktur).

3. Pada sistem informasi ini menampilkan fungsi input kategori dan input produk untuk memasukkan data produk.

4. Pada halaman pemesanan barang ini menampilkan data pemesanan yang telah diorder.

5. Sistem informasi ini menyediakan laporan yang dapat dilihat secara perperiode sehinggadapat mempermudah direktur utama untuk mengambil keputusan.

Implementasi

Jadwal Penelitian

Pada tahap ini dibutuhkan rencana implementasi yang berguna dalam pelaksanaan langkah-langkah kegiatan penerapan sistem.Langkah-langkah yang dilakukan dalam usaha mewujudkan sistem yang direncanakanini dalam bentuk time table yaitu sebagai berikut.

Tabel 4.13 Jadwal penelitian

Etimasi Biaya

Estimasi biaya digunakan sebagai penghitungan kebutuhan biaya yangdiperlukan untuk menyelesaikan penelitian yang diusulkan. Dibawah ini adalahrincian biaya yang diperlukan penulis untuk menyelesaikan penelitian yangberjudul “PerancanganDan Implementasi Sistem Penjualan OnlineDengan Model Bisnis B2C Pada CV Multi Bisnis Selaras”.

Tabel 4.14 Etimasi Biaya

BAB V

PENUTUP

Kesimpulan

Kesimpulan Terhadap Rumusan Masalah

Berdasarkan uraian rumusan masalah dan mempelajari permasalahan yang dihadapi pada bab I,maka pada penelitian ini penulis dapat menyimpulkan beberapa hal sebagaiberikut ini:

Sistem penjualan online yang diusulkan dalam penelitian website online dapat mengenalkan produk dengan cara atau menggunakan media website online (e-commerce). Sehingga pelanggan dapat mengetahui detailinformasi produk yang ditawarkan.
Sistem penjualan online yang diusulkan oleh penulis akan membantu pelanggan dalampemesanan, pembayaran, serta pengiriman. Hal tersebut dikarenakan semuakegiatannya dilakukan dengan menggunakan sistem penjualan online.
Penjualan onlinesemakin lama akan semakin meningkat dengan melihat statistik pengunjung, jumlahorderan atau pesanan yang masuk. Maka dari kedua poin itu sangat mampumeningkatkan penjualan untuk omzet yang lebih tinggi.

Saran

Berdasarkan hasil penelitian dan analisa yang telah dilakukan pada CV Multi Bisnis Selaras,maka terdapat beberapa saran yang dapat dijadikan masukkan untuk meningkatkanpenjualan dan lebih dikenal luas oleh pasar dan masyarakat pada umumnya, akandijelaskan sebagai berikut :

Dalam penjualan online dapat mengembangkan sistem penjualan yang dapat memberikan pilihan pembayaran penjualan secara kredit kepada pelanggan.
Memberikan layanan kepada pelanggan misalnya pelanggan dapat request produk yang dibutuhkan.
Membangun kepercayaan pelanggan dengan cara menampilkan testimoni pelanggan.
Menerapkan payment geteway untuk melakukan transaksi pembayaran.

DAFTAR PUSTAKA

↑ ^1,0 ^1,1 ^1,2 ^1,3 ^1,4 ^1,5 ^1,6 Sutabri, Tata. 2012. “Konsep Dasar Informasi”. Yogyakarta: Andi

↑ ^2,0 ^2,1 Mustakini, Jogiyanto Hartono. (2009). “Sistem Informasi Teknologi”.Yogyakarta:Andi

↑ ^3,0 ^3,1 ^3,2 ^3,3 Mcleod. 2012. “Pengantar Sistem Informasi YAKUB”. Jakarta: Graha Ilmu.

↑ Fahmi, Irham. 2013. "Manajemen Strategis Teori dan Aplikasi".Bandung: CV. Alfabeta.

↑ Aniket S Sharma. 2012. Gambaranalisis swot, diambil dari : http://expertbusinessanalyst.com/swotanalysis/(3April 2015)

↑ Fahmi, Irham. 2013. "Manajemen Strategis Teori dan Aplikasi".Bandung: CV. Alfabeta.

↑ Anita B. Wandanaya . 2012. "Pengaruh pemasaran online terhadap keputusan pembelian produk".Jurnal CCIT, Vol 5 No. 2 Januari 2012.

↑ Anita B. Wandanaya . 2012. "Pengaruh pemasaran online terhadap keputusan pembelian produk".Jurnal CCIT, Vol 5 No. 2 Januari 2012.

↑ Anita B. Wandanaya . 2012. "Pengaruh pemasaran online terhadap keputusan pembelian produk".Jurnal CCIT, Vol 5 No. 2 Januari 2012.

↑ Alexander F.K. Sibero.2011. "Kitab Suci Web Programming".Yogyakarta:Mediakom.

↑ Hidayat, Rahmat. 2010. Cara Praktis Membangun Website Gratis. Jakarta: Elex Media KomputindoMisalnya web profile organisasi dan lain-lain.

↑ Aplikasi Web Programming. diambildari : http://www.a34ajans.com/en/web-programming(3April 2015).

↑ Kustiyahningsih, Yeni. 2011. Pemograman Basis Data Berbasis Web Menggunakan PHP & MySQL .Jakarta: Graha Ilmu.

↑ Oktavian, DiarPuji. 2010. Menjadi Programmer Jempolan Menggunakan PHP. Yogyakarta: MediaKom.

↑ Sibero, Alexander F.K. 2011. Kitab Suci Web Programing. Jakarta: Mediakom.

↑ Kurniawan, Rulianto. 2010.Pengertian PHP. Graha Ilmu:Yogyakarta. KonsepDasar PHP (Hypertext Preprocessor),diambil dari : https://www.frogcp.com/php-hosting-with-mysql(3April 2015).

↑ Sibero, Alexander F.K. 2011. Kitab Suci Web Programing. Jakarta: Mediakom.

↑ Kurniawan, Rulianto. 2010. Pengertian PHP”. Graha Ilmu:Yogyakarta.

↑ Raharjo,Budi. 2011. Belajar Otodidak Membuat Database Menggunakan MySQL. Bandung: Informatika.

↑ Puspitasari. 2011. Pemrograman WebDatabase dengan PHP & MySQL. Jakarta: Skripta.

↑ Kartini, Budi Utami Fahnun dan DewiPratiwi. 2013. Perancangan Sistem Informasi Pemesanan Tiket Konser Musik OnlineBerbasis. Yogyakarta: Prosiding Seminar NasionalTeknologi Informasi danMultimedia (Seminar steknomedia) 2013.STMIK AMIKOM Yogyakarta 19 Januari 2013.

↑ Eriani, Selvy. 2013 " Perancangan Sistem Informasi Pendaftaran Training Berbasis Web Pada LKP. Balaraja Cendekia Graha”. Laporan Skripsi, STMIK Raharja,Tangerang.

↑ Widodo, Prabowo Pudjo, Heriawati . 2011. “Menggunakan Uml”.Bandung: Informatika. Jurnal CCIT 2009 : 70

↑ Nugroho, Adi. 2010. “Rekayasa Perangkat Lunak Menggunakan UML dan Java”.Yogyakarta: Andi Offset.

↑ Widodo, Prabowo Pudjo, Heriawati . 2011.“Menggunakan Uml”.Bandung: Informatika. Jurnal CCIT 2009 : 70

↑ Diagram UML. diambil dari :http://www.comp.leeds.ac.uk/owenj/e-agility/UML.html ( 4 April 2015)

↑ Rizky, Soetam. 2011. Konsep Dasar Rekayasa Perangkat Lunak. Jakarta: Prestasi Pustaka,., Tata. 2012. “KonsepDasar Informasi”. Yogyakarta: AndiSibero, Alexander F.K. 2011.Kitab Suci Web Programing. Jakarta: Mediakom.

↑ Guritno, Suryo.,Sudaryono, Rahardja U, 2010. Theory andApplication of IT Research. CV Andi Offset. Yogyakarta.

↑ Guritno, Suryo.,Sudaryono, Rahardja U, 2010. Theory andApplication of IT Research. CV Andi Offset. Yogyakarta.

↑ Guritno, Suryo.,Sudaryono, Rahardja U, 2010. Theory andApplication of IT Research. CV Andi Offset. Yogyakarta.

↑ Guritno, Suryo.,Sudaryono, Rahardja U, 2010. Theory andApplication of IT Research. CV Andi Offset. Yogyakarta.

↑ Prasetyo. (2014). “Perancangan Sistem Informasi Penjualan Barang Kemasan Produk pada CV Ismie Jaya” Laporan Skripsi, STMIK Raharja, Tangerang.

↑ Nuraini, Siti., (2014). ”Perancanaga Sistem Informasi Penjualan Pada Sony Toko Buku & Sport” Laporan Skripsi, STMIK Raharja, Tangerang.

↑ Untung Rahardja., Qurotul Aini., Desi Sartika (2014).”Build A Business To Customer Online Store Using Airzone ContentManagement System”. STMIK Raharja, Tangerang.’Widodo,Prabowo Pudjo, Heriawati . 2011. “Menggunakan Uml”.Bandung: Informatika. JurnalCCIT 2009 : 70.

↑ Luciana Spica Almilia, S.E., M.Si. Lidia Robahi, S.E. (2007).” Penerapan E-commerce Sebagai Upaya Menigkatkan PersainganBisnis Perusahaan” STIE Perbanas Surabaya.

↑ Iyas (2011). “Implementasi Sitem Penjualan On-line Berbasis e-commerece Pada Usaha Rumahaan Griya Unik Wanita”. Universitas Islam Negri Syarif Hidayatullah Jakarta.

↑ MelisaWijaya, Lidia Fransiska, Antonius Wahyu Sudrajat (2013). “Pengembangan Layanan Otomatis Pada Sistem Penjualan Produk-Produk Teknik Dan Elektronik di CV. Berkat Bersama”. STMIKGI MDP.

DAFTAR LAMPIRAN

[Sutabri.2CTata._2012._.E2.80.9CKonsep_Dasar_Informasi.E2.80.9D.Yogyakarta:_Andi-1] 1,0 ^1,1 ^1,2 ^1,3 ^1,4 ^1,5 ^1,6 Sutabri, Tata. 2012. “Konsep Dasar Informasi”. Yogyakarta: Andi

[Mustakini.2C_Jogiyanto_Hartono._.282009.29._.E2.80.9CSistem_Informasi_Teknologi.E2.80.9D._Andi_Offset.2C_Yogyakarta_:Andi-2] 2,0 ^2,1 Mustakini, Jogiyanto Hartono. (2009). “Sistem Informasi Teknologi”.Yogyakarta:Andi

[Mcleod._2012._.E2.80.9CPengantar_Sistem_Informasi_YAKUB.E2.80.9D._Jakarta:_Graha_Ilmu.-3] 3,0 ^3,1 ^3,2 ^3,3 Mcleod. 2012. “Pengantar Sistem Informasi YAKUB”. Jakarta: Graha Ilmu.

[4] Fahmi, Irham. 2013. "Manajemen Strategis Teori dan Aplikasi".Bandung: CV. Alfabeta.

[5] Aniket S Sharma. 2012. Gambaranalisis swot, diambil dari : http://expertbusinessanalyst.com/swotanalysis/(3April 2015)

[6] Fahmi, Irham. 2013. "Manajemen Strategis Teori dan Aplikasi".Bandung: CV. Alfabeta.

[7] Anita B. Wandanaya . 2012. "Pengaruh pemasaran online terhadap keputusan pembelian produk".Jurnal CCIT, Vol 5 No. 2 Januari 2012.

[8] Anita B. Wandanaya . 2012. "Pengaruh pemasaran online terhadap keputusan pembelian produk".Jurnal CCIT, Vol 5 No. 2 Januari 2012.

[9] Anita B. Wandanaya . 2012. "Pengaruh pemasaran online terhadap keputusan pembelian produk".Jurnal CCIT, Vol 5 No. 2 Januari 2012.

[10] Alexander F.K. Sibero.2011. "Kitab Suci Web Programming".Yogyakarta:Mediakom.

[11] Hidayat, Rahmat. 2010. Cara Praktis Membangun Website Gratis. Jakarta: Elex Media KomputindoMisalnya web profile organisasi dan lain-lain.

[12] Aplikasi Web Programming. diambildari : http://www.a34ajans.com/en/web-programming(3April 2015).

[Kustiyahningsih.2C_Yeni._2011._Pemograman_Basis_Data_Berbasis_Web_Menggunakan_PHP_.26_MySQL_.Jakarta:_Graha_Ilmu.-13] Kustiyahningsih, Yeni. 2011. Pemograman Basis Data Berbasis Web Menggunakan PHP & MySQL .Jakarta: Graha Ilmu.

[14] Oktavian, DiarPuji. 2010. Menjadi Programmer Jempolan Menggunakan PHP. Yogyakarta: MediaKom.

[15] Sibero, Alexander F.K. 2011. Kitab Suci Web Programing. Jakarta: Mediakom.

[16] Kurniawan, Rulianto. 2010.Pengertian PHP. Graha Ilmu:Yogyakarta. KonsepDasar PHP (Hypertext Preprocessor),diambil dari : https://www.frogcp.com/php-hosting-with-mysql(3April 2015).

[17] Sibero, Alexander F.K. 2011. Kitab Suci Web Programing. Jakarta: Mediakom.

[18] Kurniawan, Rulianto. 2010. Pengertian PHP”. Graha Ilmu:Yogyakarta.

[19] Raharjo,Budi. 2011. Belajar Otodidak Membuat Database Menggunakan MySQL. Bandung: Informatika.

[Puspitasari._2011._Pemrograman_WebDatabase_dengan_PHP_.26_MySQL._Jakarta:_Skripta.-20] Puspitasari. 2011. Pemrograman WebDatabase dengan PHP & MySQL. Jakarta: Skripta.

[21] Kartini, Budi Utami Fahnun dan DewiPratiwi. 2013. Perancangan Sistem Informasi Pemesanan Tiket Konser Musik OnlineBerbasis. Yogyakarta: Prosiding Seminar NasionalTeknologi Informasi danMultimedia (Seminar steknomedia) 2013.STMIK AMIKOM Yogyakarta 19 Januari 2013.

[22] Eriani, Selvy. 2013 " Perancangan Sistem Informasi Pendaftaran Training Berbasis Web Pada LKP. Balaraja Cendekia Graha”. Laporan Skripsi, STMIK Raharja,Tangerang.

[Widodo.2C_Prabowo_Pudjo.2C_Heriawati_._2011._.E2.80.9CMenggunakan_Uml.E2.80.9D.Bandung:_Informatika._Jurnal_CCIT_2009_:_70-23] Widodo, Prabowo Pudjo, Heriawati . 2011. “Menggunakan Uml”.Bandung: Informatika. Jurnal CCIT 2009 : 70

[24] Nugroho, Adi. 2010. “Rekayasa Perangkat Lunak Menggunakan UML dan Java”.Yogyakarta: Andi Offset.

[25] Widodo, Prabowo Pudjo, Heriawati . 2011.“Menggunakan Uml”.Bandung: Informatika. Jurnal CCIT 2009 : 70

[26] Diagram UML. diambil dari :http://www.comp.leeds.ac.uk/owenj/e-agility/UML.html ( 4 April 2015)

[27] Rizky, Soetam. 2011. Konsep Dasar Rekayasa Perangkat Lunak. Jakarta: Prestasi Pustaka,., Tata. 2012. “KonsepDasar Informasi”. Yogyakarta: AndiSibero, Alexander F.K. 2011.Kitab Suci Web Programing. Jakarta: Mediakom.

[28] Guritno, Suryo.,Sudaryono, Rahardja U, 2010. Theory andApplication of IT Research. CV Andi Offset. Yogyakarta.

[29] Guritno, Suryo.,Sudaryono, Rahardja U, 2010. Theory andApplication of IT Research. CV Andi Offset. Yogyakarta.

[30] Guritno, Suryo.,Sudaryono, Rahardja U, 2010. Theory andApplication of IT Research. CV Andi Offset. Yogyakarta.

[31] Guritno, Suryo.,Sudaryono, Rahardja U, 2010. Theory andApplication of IT Research. CV Andi Offset. Yogyakarta.

[32] Prasetyo. (2014). “Perancangan Sistem Informasi Penjualan Barang Kemasan Produk pada CV Ismie Jaya” Laporan Skripsi, STMIK Raharja, Tangerang.

[33] Nuraini, Siti., (2014). ”Perancanaga Sistem Informasi Penjualan Pada Sony Toko Buku & Sport” Laporan Skripsi, STMIK Raharja, Tangerang.

[34] Untung Rahardja., Qurotul Aini., Desi Sartika (2014).”Build A Business To Customer Online Store Using Airzone ContentManagement System”. STMIK Raharja, Tangerang.’Widodo,Prabowo Pudjo, Heriawati . 2011. “Menggunakan Uml”.Bandung: Informatika. JurnalCCIT 2009 : 70.

[35] Luciana Spica Almilia, S.E., M.Si. Lidia Robahi, S.E. (2007).” Penerapan E-commerce Sebagai Upaya Menigkatkan PersainganBisnis Perusahaan” STIE Perbanas Surabaya.

[36] Iyas (2011). “Implementasi Sitem Penjualan On-line Berbasis e-commerece Pada Usaha Rumahaan Griya Unik Wanita”. Universitas Islam Negri Syarif Hidayatullah Jakarta.

[37] MelisaWijaya, Lidia Fransiska, Antonius Wahyu Sudrajat (2013). “Pengembangan Layanan Otomatis Pada Sistem Penjualan Produk-Produk Teknik Dan Elektronik di CV. Berkat Bersama”. STMIKGI MDP.

[1]

[2]

[3]

[4]

[5]

[6]

[7]

[8]

[9]

[10]

[11]

[12]

[13]

[14]

[15]

[16]

[17]

[18]

[19]

[20]

[21]

[22]

[23]

[24]

[25]

[26]

[27]

[28]

[29]

[30]

[31]

[32]

[33]

[34]

[35]

[36]

[37]

@@ Baris 1: / Baris 1: @@
 <div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''PROTIOTIPE PERANGKAT NOTIFIKASI UNTUK SMARTPHONE '''</P></div>
+<p style="line-height: 1">'''PERANCANGAN DAN IMPLEMENTASI '''</P></div>
 <div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''BERBASIS ARDUINO PRO MICRO '''</P></div>
+<p style="line-height: 1">'''SISTEM PENJUALAN <i>ONLINE</i> DENGAN MODEL BISNIS B2C '''</P></div>
 <div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''TEMPAT PENELITIAN'''</P></div>
+<p style="line-height: 1">'''PADA CV MULTI BISNIS SELARAS'''</P></div>
@@ Baris 21: / Baris 21: @@
 {|table align="center"
 |-
-|<div style="font-size: 14pt;font-family: 'times new roman';text-align: left">'''NIM'''</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: '''NIM ANDA'''</div>
+|<div style="font-size: 14pt;font-family: 'times new roman';text-align: left">'''NIM'''</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: '''1114468596'''</div>
 |-
-|<div style="font-size: 14pt;font-family: 'times new roman';text-align: left">'''NAMA'''</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: '''[[NAMA ANDA]]'''</div>
+|<div style="font-size: 14pt;font-family: 'times new roman';text-align: left">'''NAMA'''</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: '''[[TATIK YUNIATI]]'''</div>
 |}
@@ Baris 30: / Baris 30: @@
 <p style="line-height: 1">'''JURUSAN [[Sistem Komputer|SISTEM KOMPUTER]]'''</P></div>
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''KONSENTRASI COMPUTER SYSTEM'''</P></div>
+<p style="line-height: 1">'''KONSENTRASI KOMPUTER AKUNTANSI'''</P></div>
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
 <p style="line-height: 1">'''SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER'''</P></div>
@@ Baris 38: / Baris 38: @@
 <p style="line-height: 1">'''TANGERANG'''</P></div>
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''2013/2014'''</P></div>
+<p style="line-height: 1">'''2014/2015'''</P></div>
 {{pagebreak}}
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER'''</p></div>
@@ Baris 48: / Baris 48: @@
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''LEMBAR PENGESAHAN SKRIPSI'''</p></div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;2">'''JUDUL PENELITIAN'''</p></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;2">'''PERANCANGAN DAN IMPLEMETASI'''</p></div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;2">'''JUDUL PENELITIAN'''</p></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;2">'''SISTEM PENJUALAN <i>ONLINE</i> DENGAN MODEL BISNIS B2C'''</p></div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;2">'''TEMPAT PENELITIAN'''</p></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;2">'''PADA CV MULTI BISNIS SELARAS'''</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Disusun Oleh :</p></div>
@@ Baris 60: / Baris 60: @@
 |-
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">NIM</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: NIM ANDA</div>
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">NIM</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: 1114468596</div>
 |-
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[NAMA ANDA]]</div>
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[TATIK YUNIATI]]</div>
 |-
@@ Baris 76: / Baris 76: @@
 |-
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Konsentrasi</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Computer System</div>
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Konsentrasi</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Komputer Akuntansi</div>
 |}
@@ Baris 86: / Baris 86: @@
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Disahkan Oleh :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: right"><p style="line-height: 2">Tangerang, ..... 2014</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: right"><p style="line-height: 2">Tangerang, juni 2015</p></div>
 {|table align="center"
@@ Baris 116: / Baris 116: @@
 |-
-| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>(NAMA)</u></div>|| &nbsp; || &nbsp; || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>(NAMA)</u></div>
+| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>(IR. Untung Rahardja, M.T.I.)</u></div>|| &nbsp; || &nbsp; || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>(Nur Azizah, M.Akt.,M.Kom.)</u></div>
 |-
-| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NIP : XXXXX</div> || &nbsp; || &nbsp; || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NIP : XXXXXX</div>
+| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NIP : 000594</div> || &nbsp; || &nbsp; || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NIP : 078010</div>
 |}
@@ Baris 134: / Baris 134: @@
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''LEMBAR PERSETUJUAN PEMBIMBING'''</p></div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;2">'''JUDUL PENELITIAN'''</p></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;2">'''PERANCANGAN DAN IMPLEMENTASI SISTEM'''</p></div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;2">'''JUDUL PENELITIAN'''</p></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;2">'''PENJUALAN <i>ONLINE</i> DENGAN METODE B2C PADA'''</p></div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;2">'''TEMPAT PENELITIAN'''</p></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;2">'''CV MULTI BISNIS SELARAS'''</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Dibuat Oleh :</p></div>
@@ Baris 146: / Baris 146: @@
 |-
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">NIM</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: 1331474559</div>
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">NIM</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: 1114468596</div>
 |-
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[NAMA ANDA]]</div>
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[TATIK YUNIATI]</div>
 |}
@@ Baris 164: / Baris 164: @@
 <p style="line-height: 2" style="text-align: center;">Jurusan Sistem Komputer</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Konsentrasi Computer System </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Konsentrasi Komputer Akutansi</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Disetujui Oleh :</p></div>
@@ Baris 170: / Baris 170: @@
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: left">
-<p style="line-height: 2" style="text-align: right;">Tangerang,.... 2014</p></div>
+<p style="line-height: 2" style="text-align: right;">Tangerang, juni 2015</p></div>
 {|table align="center"
@@ Baris 196: / Baris 196: @@
 |-
-| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>(NAMA)</u></div>|| &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>(NAMA)</u></div>
+| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>(Himawan, M.Kom)</u></div>|| &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>(Ruli Supriati, S.Kom)</u></div>
 |-
-| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID : .... </div> || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID : .... </div>
+| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID : 12012</div> || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID : 08166 </div>
 |}
@@ Baris 212: / Baris 212: @@
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''LEMBAR PERSETUJUAN DEWAN PENGUJI'''</p></div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1" style="text-align: center;">'''JUDUL PENELITIAN'''</p></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1" style="text-align: center;">'''PERANCANGAN DAN IMPLEMENTASI SISTEM'''</p></div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1" style="text-align: center;">'''JUDUL PENELITIAN'''</p></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1" style="text-align: center;">'''PENJUALAN <i>ONLINE</i> DENGAN MODEL B2C'''</p></div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1" style="text-align: center;">'''TEMPAT PENELITIAN'''</p></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1" style="text-align: center;">'''PAD CV MULTI BISNIS SELARAS'''</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1">Dibuat Oleh :</p></div>
@@ Baris 224: / Baris 224: @@
 |-
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">NIM</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: 1011XXXXXX</div>
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">NIM</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: 1114468596</div>
 |-
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[NAMA]]</div>
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[TATIK YUNIATI]]</div>
 |}
@@ Baris 250: / Baris 250: @@
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: left">
-<p style="line-height: 1" style="text-align: right;">Tangerang, .... 2014</p></div>
+<p style="line-height: 1" style="text-align: right;">Tangerang, Juni 2015</p></div>
 {|table align="center"
@@ Baris 304: / Baris 304: @@
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''LEMBAR KEASLIAN SKRIPSI'''</p></div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;2">'''JUDUL PENELITIAN'''</p></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;2">'''PERANCANGAN DAN IMPLEMENTASI SISTEM'''</p></div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;2">'''JUDUL PENELITIAN'''</p></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;2">'''PENJUALAN <i> online</i>DENGAN MODEL BISNIS B2C'''</p></div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;2">'''TEMPAT PENELITIAN'''</p></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;2">'''PADA CV MULTI BISNIS SELARAS'''</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Disusun Oleh :</p></div>
@@ Baris 316: / Baris 316: @@
 |-
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">NIM</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: 1011XXXXXX</div>
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">NIM</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: 1114468596</div>
 |-
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[NAMA]]</div>
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[TATIK YUNIATI]]</div>
 |-
@@ Baris 344: / Baris 344: @@
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Pernyataan ini dibuat dengan penuh kesadaran dan rasa tanggung jawab, serta bersedia menerima sanksi jika pernyataan diatas tidak benar.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Tangerang, ..... 2014</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Tangerang, Juni 2015</p></div>
 {|table align="center"
@@ Baris 370: / Baris 370: @@
 |-
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>'''([[NAMA]])'''</u></div>
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>'''([[TATIK YUNIATI]])'''</u></div>
 |-
-| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">'''NIM : 1011XXXXXX'''</div>
+| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">'''NIM : 1114465596'''</div>
 |}
@@ Baris 387: / Baris 387: @@
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">ABSTRAKSI</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 1">Isi abstraksi dengan bahasa indonesis.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 1">CV Multi Bisnis Selaras adalah
+perusahaan yang bergerak dibidang penjualan <i>power tools, spare parts, tools kits,</i> baut dan mur yang proses penjualan yang masih menggunakan metode tradisionalmisalnya  datang langsung kepada pelanggan <i>(door to door),</i> menggunakan brosur, spanduk untuk mepromosikan. Kegiatan bisnis yang biasanya dilakukan <i>offline</i>sekarang akan menerapkan suatu sistem penjualan online untuk media promosi dan pengenalan produk-produk baru. Toko online atau disebut dengan e-commerce ini dapat dijadikan alternatif seseorang yang tidak mempunyai banyak waktu untuk membeli suatu produk secara langsung. Dalam penjualan online terdapat metode bisnis seperti Business to business (B2B),<i>bisnis-to-customer</i> (B2C) dan <i>Business-to-goverment</i> (B2G) dimana metode-metode itu mempunyai kelebihan dan kekurangan. Dalam  menganalisa sistem penjualan  menggunakan SWOT (Strengths, Weakness, Opportunities, Threats), metode perancangan menggunakan UML (Unified Modelling Language), metode Prototype menggunakan sistem SDLC (Systems Development Life Cycle) dan metode blackbox testing. Dari implementasi tersebut terdapat database yangdisertai tampilan stok barang yang update untuk mengetahui stok barang serta memberikan laporan pejualan yang tertata dengan baik, kemudian juga terdapat tampilan input-input untuk memasukkan data-data perusahaan dan juga produk yang ditawarkan. Penjualan online yang dapat diakses kapanpun dimanapun yang dapat meberikan informasi produk dengan baik serta dapat langsung membandingkan harga dengan harga produk pada website lain. Mempermudah pelanggan dalam melakukan proses transaksi pemesanan, pembayaran dan juga penerimaan barang karena dilengkapi dengan jasa pengiriman.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 1">''Kata Kunci: ........''</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 1">''Kata Kunci: e-commerce, metode bisnis (B2B, B2C, C2G), penjualan SWOT dan SDLC.''</p></div>
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">''ABSTRACT''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 1">''Isi abstract dengan bahasa inggris.'' </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 1">''
+MultiBisnis Selara CV is a company engaged in the sale of power tools, spare parts,tools kits, bolts and nuts that sales process is still using traditionalmethods, for example coming directly to customers (door to door), usingbrochures, banners to be promoting. Business activities are usually doneoffline will now implement an online sales system for media promotion andintroduction of new products. Shop online or so-called e-commerce can be usedas alternative to someone who does not have much time to buy a productdirectly. In online sales there are business methods such asBusiness-to-business (B2B), business-to-customer (B2C) andBusiness-to-Government (B2G) where these methods have advantages anddisadvantages. In analyzing the sales system using the SWOT (Strengths,Weakness, Opportunities, Threats) analysis, design methods using UML (UnifiedModeling Language), the method Prototype system using SDLC (Systems DevelopmentLife Cycle) and blackbox testing method. The implementation of the database areaccompanied display that updates inventory to determine the inventory andturnover reports are laid out well, then there are also inputs the display toenter the data of the company and also the products offered. Online sales thatcan be accessed anytime anywhere who can not give information about the productwell and can instantly compare prices with the price of products on otherwebsites. Enabling customers to make the process of booking transactions,payment and receipt of goods because it is equipped with a delivery service.
+'' </p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 1">''Keywords : ............''</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 1">''Keywords :
+e-commerce,business method (b2b, b2c, c2c),  SWOTand SDLC
+''</p></div>
 {{pagebreak}}
 <div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''KATA PENGANTAR'''</div>
@@ Baris 403: / Baris 408: @@
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Puji syukur alhamdulillah, penulis panjatkan kehadirat Allah SWT yang telah memberikan seribu jalan, sejuta langkah serta melimpahkan segala rahmat dan karunia-Nya, sehingga laporan Skripsi Penulis dapat berjalan dengan baik dan selesai dengan semestinya.</p></div>
+<p style="line-height: 2">
+Dengan mengucapkan puji dansyukur penulis panjatkan ataskehadirat Allah SWT atas ridho dan rahmat-Nya penulisdapat menyusun dan menyelesaikan laporanSkripsi ini denganbaik, yang berjudul “Perancangan Dan Implementasi Sistem Penjualan On-line Dengan Model B2C Pada CV Multi Bisnis Selaras”.</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 <p style="line-height: 2">
-Tujuan dari pembuatan Skripsi ini adalah sebagai salah satu persyaratan dalam memperoleh gelar Sarjana Komputer (S.Kom) untuk jenjang S1 di Perguruan Tinggi Raharja, Cikokol Tangerang. Sebagai bahan penulisan, penulis mengambil data berdasarkan hasil observasi, wawancara, survey serta studi pustaka yang mendukung penulisan ini.</p></div>
+Tujuan dari penulisan laporanini adalah untuk memenuhi tugas yang diberikan oleh pihak akademik kepadamahasiswa dalam rangka penerapan ilmu, pengetahuan selama kuliah dan digunakan guna memperolehgelar Sarjana Komputer (S.Kom) untuk jenjang Strata Satu (S1) pada Perguruan Tinggi Raharja.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Hati kecil ini pun menyadari bahwa tanpa bimbingan dan dorongan dari semua pihak penyusunan laporan Skripsi ini tidak akan berjalan sesuai dengan yang diharapkan. Oleh karena itu pada kesempatan yang singkat ini, izinkanlah penulis menyampaikan selaksa pujian dan terimakasih kepada :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Dalam penyusunan laporan Skripsi, penulis banyak menerima bantuan dan doronganbaik secara moril maupun materil dari semua pihak. Penulis menyadaribahwa tanpa adanya bimbingan dandorongan tersebut, laporan Skripsi ini tidak akan dapat terselesaikan dengan baik dan tepat pada waktunya. Maka pada kesempatanini penulis menyampaikan terima kasih yang sebesar-besarnya kepada :
+</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak ....... </li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak Ir. UntungRahardja, M.T.I selaku ketua STMIK Raharja yang telah berkenanmemberikan arahan dan petunjuk kepada penulis </li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">........ . </li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Bapak Sugeng Santoso, M.Kom selaku PUKET
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">........ . </li>
+  STMIK Raharja penulis mengucapkan banyak terima kasih atas pengarahannya. </li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">............... . </li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Ibu Nur Azizah, M. Akt., M.Kom selaku Kepala Jurusan Sistem Informasi.</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak dan Ibu Dosen Perguruan Tinggi Raharja yang telah memberikan ilmu pengetahuan kepada penulis. </li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">  Bapak Himawan, M.Kom selaku dosen pembimbing I yang telah membantu dalam penyusunan laporan Skripsi.</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Kedua orang tua, kakak dan saudara keluarga yang telah memberikan dukungan, baik moril, materil maupun doa untuk keberhasilan kepada penulis.</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Ibu Ruli Supriati, S.Kom selaku dosen pembimbing II yang telah membantu dalam
-</ol>
+penyusunan laporan Skripsi.</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Bapak dan Ibu Dosen STMIK
+Raharja yang  telah memberikan ilmu
+pengetahuan kepada penulis</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Ibu
+Feliawati, selaku direktur lapangan yang telah memberikan data-datayang penulis butuhkan.</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Kepada
+mama dan bapak tersayang serta adikku Mira yang selalu mendukung dan terus menerus memberikan doa.</i>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">  Dwi,
+Eliza, Rafles dan Windy, Nurul, Fitri dan Ari teman seperjuangan yang memberikan semangat dan masukanbuat laporan Skripsi.</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Semua pihak yang tidak dapat penulis
+sebutkan satu persatu yang telah membantu penyusunan laporan ini.</li></ol>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 <p style="line-height: 2">Penulis menyadari bahwa dalam penulisan Laporan Skripsi ini masih jauh dari sempurna. Oleh karena itu kritik dan saran yang membangun, penulis harapkan sebagai pemicu untuk dapat berkarya lebih baik lagi. Semoga Laporan Skripsi ini bermanfaat bagi pihak yang membutuhkan.</p></div>
@@ Baris 424: / Baris 443: @@
 {| width="100%" align="right"
 |-
-| width="60%" | || align="center" | Tangerang, ..... 2014
+| width="60%" | || align="center" | Tangerang, juni 2015
 |-
 | ||
@@ Baris 458: / Baris 477: @@
 | ||
 |-
-| width="60%" | || align="center" | <u>Nama</u>
+| width="60%" | || align="center" | <u> TATIK YUNATI</u>
 |-
-| width="60%" | || align="center" | NIM. 1011xxxxx
+| width="60%" | || align="center" | NIM. 1114468596
 |-
 |}
 </div>
 {{pagebreak}}
+<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">DAFTAR TABEL</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Tabel 3.1 Elisitasi tahap 1</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Tabel 3.2 Elisitasi tahap II</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Tabel 3.3 Elisitasi tahap III</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Tabel 3.4 Elisitasi final</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Tabel 4.1 Perbedaan Prosedur</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Tabel 4.2 Spesifik tabel admin </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Tabel 4.3 spesifik tabel order</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Tabel 4.4 spesifik taber order detail </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Tabel 4.5 Spesifik tabel kategori </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Tabel 4.6 Spesifik tabel merk-produk</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Tabel 4.7 Spesial tabel user</p></diV>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Tabel 4.8 Spesifik tabel produk</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Tabel 4.9 Spesifik Tabel keranjang belanja</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Tabel 4.10 Spesifik Tabel Kota</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Tabel 4.11 Spesifik tabel hubungi</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Tabel 4.12 Spesifik Tabel Bank</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Tabel 4.13 Pengujian kesalahaan</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Tabel 4.14 Kondisi pengujian sistem</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Tabel 4.15 Jadwal penelitan</p></diV>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Tabel 4.16 Etimasi biaya</p></div>
+{{pagebreak}}
+<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">DAFTAR GAMBAR</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar 2.1. Karakteristik Sistem</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar 2.2. Ilustrasi Informasi</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar2.3. Analisa SWOT </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar2.4. Ilustrasi E-commerce</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar 2.5. Ilustrasi B2B</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar2.6. Ilustrasi B2C</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar2.7. Contoh Website Dinamis</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar 2.8.  Contoh Website Statis</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar 2.9.  Aplikasi Web Programming</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar 2.10 Struktur Database</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar 2.11. Aplikasi PHP</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar 2.12.Klasifikasi Perintah-Perintah Mysql</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar 2.13. Adobe Dreamweaver CS6</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar 2.14. Logo UML</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar 2.15. Jenis-jenis Diagram UML</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar 2.16.Ilustrasi Pengujian Black box</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar 3.1. Toko CV Multi Bisnis Selaras</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar
+.2. Struktur Organisasi CV Multi Bisnis Selaras</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar 3.3. Ilustrasi Prosedur sistem Berjalan</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar 3.4. Matrik internal SWOT</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar 3.5. Matrik External SWOT</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar4.1 Use cse diagram yang diusulkan</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar 4.2 Activity diagram yang diusulkan</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar 4.3 Sequence diagram login pelanggan</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar 4.4 Sequence diagram pemesanaanBarang</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar 4.5 Sequence diagram menambah kategori</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar 4.6 Sequence diagram menambah Merk</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar 4.7 Sequence diagram menambah produk</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar 4.8 Class diagram</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar 4.9 Halaman tampilan index</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar 4.10 Halaman katalog produk</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar 4.11Halaman keranjang Belanja</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar 4.12 Halaman detail produk</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar 4.13 Halaman registrasi pelanggan</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar4.14 Halaman pemesanan</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar 4.15 login admin</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar 4.16 Halaman input kategori</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar 4.17 Halaman input merk produk</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar 4.18 Halaman input produk</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar4.19 Halaman Pengiriman</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar4.20 Halaman view pesanan masuk</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar4.21 Halaman Statistik pengunjung</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar4.22 Halaman view data pelanggan</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar4.23 Halaman tampilan menu utama</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar4.24 Halaman catalogproduk</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar 4.25 Halaman special produk</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar 4.26 Halaman keranjang belanja</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar 4.27 Halaman customer Online</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar 4.28 Halaman Tampilan kategori</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar 4.29 Halaman merk produk</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar 4.30 Tampilan Login Admin</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar 4.31 Tampilan Kategori</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar 4.32 Tampilan input produk</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar 4.33 Halaman order masuk</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Gambar 4.34 Tampilan laporan transaksi</p></div>
+{{pagebreak}}
+<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">DAFTAR GAMBAR</div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/iA6IQRG5K3yW3ADpaHZGmey25NBlujid3zhf3LvtYCvMy2OBjlyaPEhKwlHpJI5MMZ3kkwjllldLfATmxUekX3TqLf3JmOtp8KUhKCzsR5tzYucfJ-trhjTZc8ueWX58cjAZI6IqeiIOCJHtJ2d_JSQzyTES93ObeKwjRgtB1UKJzjTERuck3OukTbCQ_vSvfXovt16FfWmVYhE440Zpclo9fPcoQYh9n2FDvPto_IEfq6zcGECog-ZwL4W-jm_ZdaVhevg44T6jxShTh4fCKpOCQ6LgddR-0YBMh7muMI2ZJs9BFLz6UxlQ4RDrt-VGI0bU8bCNWezT9zaCV_ctG53usLRuUrE6aX6O6ILOKMszK1h3DFDPcmht2Y23AWxYD_p9eMtWuDgkn8oli2AofLAb6cEEezUKOWcJ3upWwUekBtC95MeIqHF-C_w0TM2OODZ28VE9XENuLiWEyI6DVbk07UfTjASIONiumKx3FywudYlF0koZ3EoGqnk-cyF1JptI39V8OR7prARDtJef3y21MkDTmzGRV_3KQ-UDgCY=w266-h382-no"/></div>
+<p style="text-align: center;">Gambar 1.  Simbol Use Case Diagram</p>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/zcNYSOJFZjo1nmzawnWzsGbRAogdD5dh9nx_jyFV5O6zN4-YRmAWMHdqpOehJbTsH8F5pi0QPfoWU6wuc9giymb6TkWS4m0tClyNiYvKV9lmI1pCbX57e_-hrWyr1BicLIYEB6MGpoh5cjj-xYOXQ93CC-PW7d-rnIOvHFJITkqDghiSHHTj1X9KhvUWunx-NlYZvF5wxKS-95FtLuPDdudHKvyPTTd6JpmjpkdArIGJvMHVrHHbKembe221lUTHXjBfH1NLg_xnA6fRn-RgsNpDHdgshPLHRayGXJlBlS99dJcckKCxTKnKvep11iThne-sHjETmaq3pWJohi5GrSa5dtf9-dlTvKeXKHx_cqBaqPWgdS5YHPXUxeKxWXgsSgl5l1tYfUNk24nTTpabVKGtGQlHHAdI_v4wAHly1ERG1Xuluy-J_jd_A5ut9mi7Z5ZHPRPg_PvfGHHsW0I-mHkvGgXAXYDJ_uHNgquC6QzXiK0mPpPhego8wbNyN2U5ECA7EkiKNgS9F32cH5msUaNDWKHdq2mtiXtAOzQmHfY=w268-h121-no"/></div>
+<p style="text-align: center;">Gambar 2. Simbol Sequence Diagram</p>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/CWLZpJ2GeWx6e3M3EEEF1wslElNmIf6ckIE2296tiMw1CDAM-1uzWHRM7ew9-Yo9H8uLunckgkXpvS3xG_RQlJYvEP6RjjsNAl_Hqw-qDlvoIFOj55gGI0HU1-fgG2k9ZswypMff6Svqe3IKklCdEsx15jSqGw_nnURNSxnn6SOCKpXIg2FrqcldS137gPLtYstzDAoe8NrEsEObJZGorQYTt7rd9daAHEpbCtpuqYHrq_jryzrtXVwr8jZ3pSXeB9JkyfGW-tX8_EdJNNPRq8rPEhVyXZw4PfaHPL1yrt_eU7rhB3rvZHNmy1kOZnRaJ8mBdoTMZPh7eU6OBQSmKS31fPoUc-8i7hOpWATmMQ5QL5Vg5sRxhSsGEDn8hx7vTrcQvr87sjhDEQ-Bfm7xDwwA1FEV8mtDZVKFoyM2DMwvuSBdh0Nsim16Qlt5Y8c41Jf_Es-vHpFbqJbdNomnR3dXWzz9aMsqeFDr09lw3Ph-CILude1yXNhsyZ7OPtBw0IintONrtEmMm6x65Iwj8AYFXYSx1s5dcQheiPn_Usk=w260-h187-no"/></div>
+<p style="text-align: center;">Gambar 3. Simbol State Chart Diagram</p>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/M2ufwC0y41RuRBIxcU2OVbHVH6Cs6qr_YhsMhsCyJdwyq-fUEcHBkxUThQqaTkxfqobP1WWefinKcnALa_-SkQgHaUXDTw7meicbRFsaz-psw0sBlDcDMytP8CE0VYIMONldT_xV7ilQl3NnLzZzCrXMeUpL6U9qHzyO_nFwRrFwCRyCqFAPsvkYPMq7A0leJKEfJX55TRGIIosvBE2Ikz8g5EOMYGs5Vpejw3oyei14487Pak48UCxyxTC7oUhOyzng0EVzbd_J6tOS1L6lv3ExxoPzKUGGkNvZn9DGjQKOfT9bVD2hf2Bv26RlS1PRAWK6eXUWlmuh0rvefcwBMDOPs4Zo9FvzWARX63R1y-eb4BBdlV9Oq5kVkUFHDOaUM3dnopyCnxWz8uemLZptjLFFmqHqBkB8fq_eddIUr_FMM8vF5303Uwpl_aa0yXMceJnoh4B6KNNIdGVjIkNtyjNbG3zwGsmM4TB9CCvjn0Dpvf93e6K6QZu8LtRJ6pvPF2teXc4SqtJn6nNOqB7-Zszo1InTwZJKQhFBRCixakM=w272-h166-no"/></div><p style="text-align: center;">Gambar 4. Simbol Actifity Diagram</p>
+{{pagebreak}}
 __TOC__
 {{pagebreak}}
@@ Baris 476: / Baris 660: @@
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2"> Paragraf satu</p></div>
+<p style="line-height: 2">Perkembangan teknologi informasi yang semakin meningkat saat ini telah mengubah proses bisnis pada perusahaan. Sebelumnya terdapat banyak aktivitas yang dilakukan dengan menggunakan proses manual kini telah dapat dilakukan dengan menggunakan sistem komputerisasi. Perubahan yang paling dapat dilihat dan juga dirasakan yaitu terjadi pada beberapa kegiatan bisnis yang biasanya dilakukan <i>offline</i> dan memiliki kelemahan serta kekurangan dalam hal keterbatasan waktu dan juga tempat, kini kegiatan tersebut dapat dilakukan secara online dengan menggunakan media internet sebagai sarana penghubungnya. Teknologi informasi merupakan teknologi yang digunakan untuk mengolah data, memproses, mendapatkan informasi untuk menghasilkan informasi bermanfaat dan juga informatif.</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2"> Paragraf dua.</p></div>
+<p style="line-height: 2"> CV Multi Bisnis Selaras adalah perusahaan yang menjual segala jenis baut, mur, <i>spare parts </i>motor, <i>tool kits</i> dan <i>power tools</i>di daerah Cimone, Tangerang. Penjualan yang dilakukan selama ini belum maksimal dan juga untuk mencapai target, hal ini dikarenakan perusahaan tersebut kurang meningkatkan promosi dan juga proses penjualan yang ada masih menggunakan metode tradisional, contohnya datang langsung kepada pelanggan <i>(door to door),</i> menggunakan brosur dan menggunakan spanduk. Dari beberapa uraian singkat masalah tersebut, maka CV Multi Bisnis Selaras akan melakukan pengembangan sistem yang dimana sistem yang nanti diusulkan dapat digunakan untuk melakukan penjualan secara <i>online</i> dan juga sebagai media promosi untuk memasarkan produk kepada pelanggan lebih luas lagi, serta mempermudah mudah dan praktis, terutama dalam hal pencarian dan pemesanan.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"> Paragraf tiga.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"> Berdasarkan latar belakang diatas penulis melakukan penelitian untuk skripsi dengan judul “<b>Perancangan Dan Implementasi Sistem Penjualan <i>Online</i> Dengan Model Bisnis B2C Pada CV Multi Bisnis Selaras</b>”.</p></div>
 {{pagebreak}}
@@ Baris 485: / Baris 669: @@
 ==Rumusan Masalah==
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
+<p style="line-height: 2"> Berdasarkan dari uraian diatas maka penulis dapat merumuskan permasalahaan sebagai berikut :</p></div>
-Sesuai dengan latar belakang penelitian yang telah diuraikan pada bahasan sebelumnya, ......... .</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-Berdasarkan dari uraian diatas maka penulis mengambil beberapa pokok permasalahan :</p></div>
 <ol>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Apakah ..... ?</p>
+<p style="line-height: 2">Apakah penjualan online ini mampu membangun merk produk ?.</p>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">....... ?</p>
+<p style="line-height: 2">Apakah sistem penjualan <i>online</i> menjadi lebih dah dan praktis, terutama dalam hal pencarian dan pemesanan ?.</p>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">........ ?</p></li></ol>
+<p style="line-height: 2">Apakah sistem penjualan <i>online</i> ini mampu menunjang dan meningkatkan penjualan produk  ?.</p></li></ol>
 ==Ruang Lingkup Penelitian==
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2"> Ini berisi ruang lingkup</p></div>
+<p style="line-height: 2">Pengertian dari ruang lingkup adalah batasan. Ruang lingkup juga dapat dikemukakan pada bagian variabel-variabel yang diteliti, subjek penelitian dan lokasi penelitian. Penggambaran ruang lingkup dapat dikategorikan sebagai berikut: </p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2"> Mengenai proses pelanggan membeli sampai dengan laporan penjualan.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2"> Proses transaksi penjualan yang dilakukan dengan melakukan pembayaran melalui transfer antar bank. </p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2"> Menganalisa informasi yang dibutuhkan pelanggan dan proses pelayanan penjualan melalui media website <i>(online)</i> pada CV Multi Bisnis Selaras. </p></li></ol>
 ==Tujuan dan Manfaat Penelitian==
@@ Baris 507: / Baris 694: @@
 ===Tujuan Penelitian===
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Ini adalah tujuan penelitian</p></div>
+<p style="line-height: 2"> Adapun tujuan dalam penulisan laporan skripsi ini antara lain: </p></div>
 <ol>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
-<p style="line-height: 2"></p>
+<p style="line-height: 2">Untuk mengetahui sistem penjualan yang telah berjalan saat ini pada CV Multi
+Bisnis Selaras.</p>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
-<p style="line-height: 2"></p>
+<p style="line-height: 2">  Untuk mengetahui sistem penjualan online menjadi lebih mudah dan praktis, terutama dalam hal pencarian dan pemesana.</p>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
-<p style="line-height: 2"></p>
+<p style="line-height: 2"> Untuk  mengetahui apakah sistem penjualan <i>online</i> yang diusulkan dalam penelitian skripsi ini mampu menunjang penjualan produk sehingga lebih meningkat.</p> </ol>
-</ol>
 ===Manfaat  Penelitian===
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
+<p style="line-height: 2"> Adapun manfaat dalam penelitian ini adalah: </p></div>
-Ini adalah manfaat penelitian</p></div>
 <ol>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
-<p style="line-height: 2"></p>
+<p style="line-height: 2"> Memberikan solusi dan alternatif sistem penjualan <i>online</i> pada CV Multi Bisnis Selaras.</p>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
-<p style="line-height: 2"></p>
+<p style="line-height: 2"> Memberikan solusi, sistem penjualan <i>online</i> menjadi lebih mudah dan praktis, terutama dalam hal pencarian dan pemesana.</p>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
-<p style="line-height: 2"></p>
+<p style="line-height: 2"> Memberikan solusi, sehingga sistem penjualan <i>online</i> ini mampu meningkatkan penjualan produk dan juga menjangkau area pemasaran yang lebih luas dari sebelumnya.</p> </ol>
-</ol>
 ==Metode Penelitian==
@@ Baris 540: / Baris 725: @@
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 <p style="line-height: 2"></p></div>
-===Metode Pengumpulan Data===
+<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">Untuk mendapatkan data yang dibutuhkan penulis laporan skripsi, menggunakan 3 metode yaitu: </p>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Observasi (Pengamatan)<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;"> Metode Observasi(Pengamatan)<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in"> Suatu metode untuk mendapatkan data dengan Observasi atau melakukan peninjauan langsung terhadap CV Multi Bisnis Selaras.</p></li>
-    Merupakan metode </p></li>
+<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">a. Mengunjungi CV Multi Bisnis Selaras untuk dapat melihat secara langsung sistem penjualan yang berjalan saat ini.</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Wawancara<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">b. Mempelajari prosedur dalam penjualan yang telah ditetapkan oleh perusahaan.</p>
-Merupakan metode .</p></li>
+<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">c. Mempelajari sistem penjualan yang telah diterapkan saat ini.</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Studi Pustaka<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Wawancara<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in"> Metode untuk mendapatkan data dan keterangan mengenai data suatu hal dengan cara wawancara atau tanya jawab terhadap pihak – pihak yang terkait. Wawancara tersebut langsung kepada Ibu Feliawaty selaku pemilik perusahaan CV Multi Bisnis Selaras dan para pelanggan  untuk mendapatkan informasi yang diinginkan.</p></li>
-Studi Pustaka adalah .</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Studi Pustaka<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in"> Penulis mendapatkan data dengan cara mencari data lewat internet, buku dan juga skripsi yang terkait dengan penelitian yang dilakukan mengenai rancangan sistem informasi laporan penjualan <i>online</i> di CV Multi Bisnis Selaras.</p></li>
-</ol>
+<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in"> Sumber-sumber data yang dibutuhkan dalam hubungannya dengan pengumpulan data dikelompokkan menjadi : </p> </ol>
+<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">a. Sumber Data <i>Primer,</i> diperoleh dan narasumber-narasumber yang berhubungan dengan objek penelitian. Dalam hal ini adalah admin dan pihak manajemen.</p>
+<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">b. Sumber Data <i>Sekunder,</i> diperoleh dari buku-buku literatur, jurnal ilmiah dan sebagainya, yang memuat informasi-informasi yang diperlukan dalam penyusunan laporan skripsi.</p>
 ===Metode Analisa===
-<ol>
+<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in"> Dari beberapan metode yang digunakan penulis, selanjutnya yaitu melakukan metode perancangan sistem dengan menggunakan SWOT <i>(Strength, Weakness, Opportunity, Threats)</i>  untuk menganalisa dan memilih berbagai hal baik secara internal maupun eksternal yang mempengaruhi keempat faktor tersebut dan mengambarkannya dalam bentuk matriks SWOT.</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Metode Analisa Sistem<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">Dalam penelitian ini .</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Metode Analisa Perancangan Program<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-Untuk menganalisa program yang dirancang, penulis menggambarkannya dengan menggunakan ).</p></li>
-</ol>
+===Metode Perancangan===
-===Metode Pengembangan===
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
+<p style="line-height: 2"> Dalam penelitian ini penulis mengusulkan metode
-Pada metode </p></div>
+rancangan model yang berorientasi objek dengan menggunakan Unified Modelling Language (UML) yaitu <i>use case diagram, sequence diagram, activity diagram dan class diagram</i></p></div>
 ===Metode Prototipe===
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
+<p style="line-height: 2"> Dalam metode ini penulis menggunakan sistem SDLC <i>(Systems Development Life Cycle)</i> adalah proses pembuatan dan pengubahan sistem serta model dan metodologi yang digunakan untuk mengembangkan sistem. </p></div>
-Pada metode </p></div>
 ===Metode Testing===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"></p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dalam proses penjualan online ini peneliti menggunakan metode <i>blackbox testing,</i> yaitu metode uji coba yang memfokuskan pada tujuan fungsional. metode pengujian <i>blackbox testing</i> digunakan untuk menemukan kesalahan dalam beberapa kategori antara lain fungsi-fungsi yang salah atau hilang. Kesalahan tampilan luar <i>(interface)</i>, kesalahan dalam struktur data atau akses <i>database eksternal.</i></p>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2"></p></div>
-==Sistematika Penulisan==
 ==Sistematika Penulisan==
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Untuk memahami lebih jelas laporan ini, maka materi-materi yang tertera pada Laporan Skripsi ini dikelompokkan menjadi beberapa sub bab dengan sistematika penyampaian sebagai berikut :</p></div>
+<p style="line-height: 2"> Sistematika penulisan ini berisi uraian singkat pada setiap bab, dimana uraian
+ini memberikan gambaran secara langsung tentang isi dari tiap-tiap bab yang adadalam laporan ini. Laporan skripsi ini terdiri dari lima bab, yang setiap babterdapat pembahasan masing-masing. Adapun sistematika dari laporan ini adalahsebagi berikut :</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 <p style="line-height: 2">'''BAB I PENDAHULUAN'''</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Berisi tentang latar belakang, </p></div>
+<p style="line-height: 2"> Dalam bab ini menjelaskan tentang latar belakang diambilnya judul RancanganSistem Informasi Laporan Penjualan Onlinedi CV MULTI BISNIS SELARAS dantujuan yang akan dicapai dalam pelaksanaan skripsi ini. Adapun yang diuraikan tentanglatar belakang, perumusan masalah, tujuan dan manfaat penelitian, ruang lingkup,metodologi penelitian dan sistematika penulisan.</p>
+</div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''BAB II LANDASAN TEORI'''</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Bab ini berisikan </p></div>
+<p style="line-height: 2">Bab ini berisikan </p>
+Bab inimenjelaskan antara lain teori umum, teori khusus ditambah dengan referensibahan literature review yang digunakan oleh penulis sebagai bahan referensipenelitian dan juga penulisan laporan skripsi.
+</div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''BAB III ANALISA SISTEM YANG BERJALAN'''</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 <p style="line-height: 2">
-Bab ini berisikan
+Bab inimenjelaskan antara lain yaitu sejarah singkat tentang CV MULTI BISNIS SELARASStruktur Organisasi, tugas dan fungsi organisasi, analisa sistem yang sedangberjalan, dan penggambaran sistem dengan menggunakan Unified Modelling Language (UML), serta Draft Elisitasi yangberisikan Elisitasi Tahap I, Elisitasi Tahap II, Elisitasi Tahap III dan FinalDraft Elisitasi yang menggambarkan seluruh requirementdari rancangan sistem baru yang diusulkan.
 </p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''BAB IV HASIL PENELITIAN'''</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 <p style="line-height: 2">
-Bab ini menjelaskan
+Pada babini berisikan rancangan sistem yang akan diusulkan pada CV MULTI BISNIS SELARASdengan poin-poin: UML yang diusulkan, rancangan basis data, rancangan tampilanlayar, tampilan output program,pengujian dan evaluasi sistem serta hasil implementasi.
    </p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''BAB V PENUTUP'''</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Bab ini berisi kesimpulan dan saran \.</p></div>
+<p style="line-height: 2">Bab ini berisi kesimpulan dan saran \.</p>
+Bab ini berisi tentang kesimpulan hasil analisadan rancangan sistem dalam rangka menjawab rumusan masalah penelitian yangdiajukan, serta saran-saran yang penulis berikan untuk digunakan pada pengembangansistem untuk jangka panjang.
+</div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''DAFTAR PUSTAKA'''</p></div>
@@ Baris 609: / Baris 797: @@
 ==Teori Umum==
 ===Konsep Dasar Sistem===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Menurut Prof. Dr. Mr. S. Prajudi Atmosudirdjo dalam buku Tata Sutabri (2012:17)<ref name="Sutabri,Tata. 2012. “Konsep Dasar Informasi”.Yogyakarta: Andi">Sutabri, Tata. 2012. “Konsep Dasar Informasi”. Yogyakarta: Andi</ref>, menyatakan suatu sistem terdiri atas objek-objek atau unsur-unsur atau komponen-komponen yang berkaitan dan berhubungan satu sama lain sedemikian rupa sehingga unsur-unsur tersebut merupakan sebuah kesatuan pemrosesan atau pengolahan tertentu.</p> </div>
-<p style="line-height: 2">'''1. Definisi Sistem''' </p></div>
+===Karakteristik Sistem===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Menurut Mustakini (2009:54)<ref name=" Mustakini, Jogiyanto Hartono. (2009). “Sistem Informasi Teknologi”. Andi Offset, Yogyakarta :Andi"> Mustakini, Jogiyanto Hartono. (2009). “Sistem Informasi Teknologi”.Yogyakarta:Andi</ref>, suatu sistem mempunyai karakteristik. Karakteristik sistem adalah sebagai berikut ini :</p></div>
+<ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">1. Suatu sistem mempunyai komponen-komponen sistem <i>(components)</i> atau subsistem-subsistem. Suatu sistem terdiri dari sejumlah komponen-komponen yang saling berinteraksi, yang artinya saling bekerja sama dalam membentuk suatu kesatuan. Komponen sistem tersebut dapat berupa suatu bentuk  sub-sistem.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">2.  Suatu sistem mempunyai batas sistem <i>(boundary)</i>. Batasan sistem membatasi antara sistem yang satu dengan yang lainnya atau sistem dengan lingkungan luarnya.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">3. Suatu sistem mempunyai lingkungan luar <i>(environment)</i>. Lingkungan luar sistem
+adalah suatu bentuk apapun yang ada diluar ruang lingkup atau batasan sistemyang mempengaruhi operasi sistem tersebut.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">4. Suatu sistem mempunyai
+penghubung <i>(interface)</i>. Penghubungsistem merupakan media yang menghubungkan sistem dengan sub-sistem yang lain,dengan demikian dapat terjadi suatu integrasi sistem yang membentuk suatukesatuan.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">5. Suatu sistem mempunyai
+tujuan <i>(goal)</i>. Suatusistem pasti mempunyai tujuan <i.>(goal)</i> atau sasaran sistem <i>(objective)</i>.Sebuah sistem dikatakan berhasil apabila mengenai sasaran atau tujuannya, jikasuatu sistem tidak mempunyai tujuan maka operasi sistem tidak akan ada gunanya</p></div></ol>.
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/UrJBxIOPHgZ2uV31dCrY1Z7qasJIEXa2DXeGl7k33g=w649-h378-no"/></div>
+<p style="text-align: center;">Gambar 2.1. Karakteristik Sistem</p>
+<p style="text-align: center;"><i>Sumber :Mustakini (2009:54)</i><ref name=" Mustakini, Jogiyanto Hartono. (2009). “Sistem Informasi Teknologi”. Andi Offset, Yogyakarta :Andi"> Mustakini, Jogiyanto Hartono. (2009). “Sistem Informasi Teknologi”.Yogyakarta:Andi</ref></p>
+===Konsep Dasar Data dan Informasi===
+====Definisi Data====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Menurut McLeod dalam bukunya Yakub (Yakub,2012: 5)<ref name=" Mcleod. 2012. “Pengantar Sistem Informasi YAKUB”. Jakarta: Graha Ilmu."> Mcleod. 2012. “Pengantar Sistem Informasi YAKUB”. Jakarta: Graha Ilmu.</ref>, “Data adalah deskripsi kenyataan yang menggambarkan adanya suatu kejadian <i>(event)</i>, data terdiri dari fakta <i>(fact)</i> dan angka yang secara relatif tidak berarti bagi pemakai”.</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Berikut ini beberapa pengertian tentang sistem menurut beberapa ahli yang dijabarkan dibawah ini.</p></div>
+<p style="line-height: 2">Data adalah fakta dari sesuatu, kejadian, aktifitas dan transaksi yang dicatat, diklasifikasikan dan disimpan berupa angka, tulisan, gambar, suara ataupun tokoh namun belum diorganisasikan dalam bentuk yang dapat dimengerti. Data dapat berbentuk nilai yang terformat, teks, citra, audio, dan video.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Tata Sutabri (2012:22)<ref name="Sutabri,Tata. 2012. “Konsep Sistem Informasi”.Yogyakarta: Andi Offset">Sutabri, Tata. 2012. “Konsep Sistem Informasi”. Yogyakarta: Andi Offset</ref>, sistem merupakan suatu bentuk integrasi antara satu komponen dengan komponen lain karena sistem memiliki sasaran yang berbeda untuk setiap kasus yang terjadi dalam sistem tersebut.</p></div>
+====Sumber Data====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Menurut McLeod dalam bukunya Yakub (Yakub,2012:5)<ref name= "Mcleod. 2012. “Pengantar Sistem Informasi YAKUB”. Jakarta: Graha Ilmu."> Mcleod. 2012. “Pengantar Sistem Informasi YAKUB”. Jakarta: Graha Ilmu.</ref>, beberapa sumber data yaitu :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">1.      Data internal, sumbernya adalah orang, produk, layanan, dan proses. Data internal umumnya disimpan dalam basis data perusahaan dan biasanya dapat diakses.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">2.  Data personal, sumber data ini bukan hanya berupa fakta, tetapi dapat juga mencakup konsep,pemikiran, dan opini.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">3.  Data eksternal, sumber data ini mulai dari basis data komersial hingga sensor dan satelit. Data ini tersedia di compact disk, flash disk, atau media lainnya dalam bentuk film, suara gambar, diagram, atlas, dan televisi.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Jogiyanto dalam bukunya Yakub (2012:1)<ref name="Jogiyanto yakub. 2012. “Pengantar Sistem Informasi”.Graha Ilmu">Jogiyanto Bukunya Yakub. 2012. “Pengantar Sistem Informasi”.Graha Ilmu</ref>, Menurut Jogiyanto dalam bukunya Yakub, “Sistem adalah suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul bersama-sama untuk melakukan suatu kegiatan atau untuk tujuan tertentu”.</p></div>
+====Definisi Informasi====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Menurut McLeod dalam bukunya Yakub (Yakub,2012:8)<ref name= "Mcleod. 2012. “Pengantar Sistem Informasi YAKUB”. Jakarta: Graha Ilmu.">Mcleod. 2012. “Pengantar Sistem Informasi YAKUB”. Jakarta: Graha Ilmu.</ref>, berpendapat bahwa “Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimannya, informasi disebut juga data yang diproses atau data yang memiliki arti”.</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/JJ_BH91-jW19oRK15_e9WcqrP-14hdwv6alGJa2PiQ=w224-h228-no"/></div>
+<p style="text-align: center;">Gambar 2.2 Ilustrasi Informasi</p>
+====Fungsi Informasi====
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Berdasarkan beberapa pendapat yang diatas dapat penulis tarik kesimpulan bahwa sistem adalah kumpulan bagian-bagian atau subsistem-subsistem yang disatukan dan dirancang untuk mencapai suatu tujuan.</p></div>
+<p style="line-height: 2">Menurut Sutabri (2012:31)<ref name=" Mcleod. 2012. “Pengantar Sistem Informasi YAKUB”. Jakarta: Graha Ilmu."> Mcleod. 2012. “Pengantar Sistem Informasi YAKUB”. Jakarta: Graha Ilmu.</ref>, fungsi utama informasi adalah menambah pengetahuan. Informasi yang disampaikan kepada pemakai mungkin merupakan hasil data yang sudah diolah menjadi sebuah keputusan. Akan tetapi, dalam kebanyakan pengambilan keputusan yang kompleks, informasi hanya dapat menambah kemungkinan kepastian atau mengurangi bermacam-macam pilihan. Informasi yang disediakan bagi pengambil keputusan memberi suatu kemungkinan faktor resiko pada tingkat-tingkat pendapatan yang berbeda.</p></div>
-===Konsep Dasar Informasi===
+====Definisi Sistem====
-===Konsep Dasar Sistem Informasi===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-===Konsep Dasar Teknologi Informasi===
+<p style="line-height: 2">Menurut Tata Sutabri (2012:46)<ref name="Sutabri,Tata. 2012. “Konsep Dasar Informasi”.Yogyakarta: Andi">Sutabri, Tata. 2012. “Konsep Dasar Informasi”. Yogyakarta: Andi</ref>, berpendapat bahwa “Sistem informasi adalah suatu sistem didalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian yang mendukung fungsi operasi organisasi yang bersifat manajerial dengan kegiatan strategi dari suatu organisasi untuk dapat menyediakan kepada pihak luar tertentu dengan laporan-laporan yang diperlukan”.</p></div>
 ==Teori Khusus==
+===Kosep Dasar Analisa SWOT===
+====Analisa SWOT====
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">'''1. Definisi '''</p></div>
+<p style="line-height: 2"> Menurut Fahmi (2013:252), <ref name="Fahmi, Irham. 2013. "Manajemen Strategis Teori dan Aplikasi" Bandung: CV. Alfabeta.>Fahmi, Irham. 2013. "Manajemen Strategis Teori dan Aplikasi".Bandung: CV. Alfabeta.</ref>
+“SWOT adalah singkatan dari <i>strengths</i> (kekuatan), <i>weaknesses</i> (kelemahan), <i>opportunities</i> (peluang), dan <i>threats</i> (ancaman), dimana SWOT inidijadikan sebagai suatu model dalam menganalisis suatu organisasi yangberorientasi profit dengan tujuan utama untuk mengetahui keadaan organisasitersebut secara lebih <i>komprehensif”</i>.</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/bOEMzyT6eHcvRjTqLRvbKVuqDfWH2jyEk0vaorwj7Q=w221-h234-no"/></div>
+<p style="text-align: center;">Gambar 2.3 Analisa SWOT</p>
+<p style="text-align: center;"><i>Sumber : expertbusinessanalyst.com</i><ref name :"
+Aniket S Sharma. 2012. Gambaranalisis swot, diambil dari :
+http://expertbusinessanalyst.com/swotanalysis/(3April 2015)
+.>
+Aniket S Sharma. 2012. Gambaranalisis swot, diambil dari :
+http://expertbusinessanalyst.com/swotanalysis/(3April 2015)</ref>
+</p>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2"></p></div>
+<p style="line-height: 2">1. Kekuatan (Strenghts)</p></div>
-==Literature Review==
+<ol>
-{{pagebreak}}
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Kekuatan adalah sumber daya, keterampilan atau keunggulan lain yang relatif terhadap pesaing dankebutuhan dari pasar suatu perusahaan layani atau hendak layani. Kekuatan merupakan suatu kompetensi yangberbeda (destintive competence) yangmemberi perusahaan suatu keunggulan komparatif (comparative advantage) dalam pasar. Kekuatan berkaitan dengansumber daya, keuangan, citra, kepemimpinan pasar, hubungan pembeli atau pemasokdan faktor-faktor lain.
+</p></div><ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">2.
+Kelemahan (Weakness)</p></div>
+<ol><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Kelemahan merupakanketerbatasan atau kekurangan dalam sumber daya, keterampilan dan kemampuansecara serius menghalangi kinerja efektif suatu perusahaan.</p></div></ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+. Peluang (Opportunities)</p></div>
+<ol><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Suatu peluang merupakan situasi utama yang menguntungkan dalam lingkungan perusahaan.Kecenderungan-kecenderungan utama ini adalah salah satu peluang identifikasidari segmen pasar yang sebelumnya terlewatkan, perubahan-perubahan dalamkeadaan bersaing atau peraturan, hubungan pembeli, perubahan teknologi danhubungan pembeli dan pemasok yang telah diperbaiki dapat menunjukan peluangbagi perusahaan.</p></div></ol>
-=<div style="font-family: 'times new roman'; text-align: center">'''BAB III'''</div>=
-<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''ANALISA SISTEM YANG BERJALAN'''</div>
-==Gambaran Umum Perusahaan==
-===Sejarah Singkat Perusahaan===
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">[[Perguruan_Tinggi_Raharja|Perguruan Tinggi Raharja]] bermula dari sebuah lembaga kursus komputer yang bernama LPPK (Lembaga Pendidikan dan Penelitian Komputer) Raharja yang terletak di Jl. Gatot Subroto km.2 Harmoni Mas Cimone Tangerang.LPPK Raharja diresmikan pada tanggal 3 Januari 1994 oleh bapak walikota Tangerang Drs. H. Zakaria Mahmud, Raharja telah terdaftar pada Depdiknas  Kotamadya Tangerang dengan nomor 201/PLSM/02.4/L.93. Lembaga inilah yang mempelopori penggunaan ''operating system windows'' dan aplikasinya diwilayah Tangerang dan sekitarnya, hal tersebut mendapat respon positif dan jumlah peminatnya pun meningkat pesat seiring dengan kerjasama yang di lakukan oleh lembaga ini dengan sekolah Lanjutan Tingkat Atas yang ada di Tangerang.</p></div>
+<p style="line-height: 2">4.
+Ancaman (Threaths)</p></div>
+<ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Ancaman adalahrintangan-rintangan utama bagi posisi sekarang atau yang diinginkan bagiperusahaan. Masuknya pesaing baru, pertumbuhan pasar yang lambat, daya tawarpembeli dan pemasok utama yang meningkat, perubahan teknologi, dan peraturanyang baru atau yang direvisi dapat merupakan ancaman bagi keberhasilan suatuperusahaan.</p></div></ol>
+====Tujuan Analisa SWOT====
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Karena semakin pesatnya perkembangan dan pertumbuhan akan komputerisasi dan meningkatnya peminat masyarakat Tangerang maka pada tanggal 24 Maret 1999 LPPK Raharja berkembang menjadi [[AMIK_RAHARJA|Akademi Manajemen Informatika dan Komputer (AMIK) Raharja Informatika]] yang diresmikan melalui surat keputusan Mentri Pendidikan dan Kebudayaan Republik Indonesia Nomor: 56/D/O/1999 yang diserahkan langsung dari Bapak Prof. Dr. Udju D. Rusdi selaku Koordinator KOPERTIS wilayah IV Jawa Barat kepada ketua yayasan Nirwana Nusantara Ibu Kasarina Sudjono. Pada tanggal 2 Februari 2000 dengan menyelenggarakan jurusan Manajemen Informatika.</p></div>
+<p style="line-height: 2"> Tujuan analisis SWOT pada perusahaan
+adalah untuk membenarkan  faktor-faktorinternal dan eksternal perusahaan yang telah dianalisis. Apabila terdapatkesalahan, agar perusahaan itu berjalan dengan baik maka perusahan itu harusmengolah untuk mempertahankan serta memanfaatkan peluang yang ada secara baikbegitu juga pihak perusahaan harus mengetahui kelemahan yang dihadapi agarmenjadi kekuatan serta mengatasi ancaman.</p></div>
+====Kelebihan Analisa SWOT====
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Pada tanggal 2 Februari 2000 [[AMIK_RAHARJA|AMIK Raharja Informatika]] menjadi satu-satunya perguruan tinggi yang menjalankan studi formal untuk program Diploma I (DI) dengan memberikan gelar Ahli Pratama dan Program Diploma II (DII) dengan memberikan gelar Ahli Muda  dan Diploma III (DIII) dengan memberikan gelar Ahli Madya kepada lulusannya, sesuai dengan surat keputusan Koordinator Perguruan Tinggi Swasta wilayah IV Jawa Barat dengan Nomor 3024/004/KL/1999.</p></div>
+<p style="line-height: 2"> Menurut Fahmi (2013:252), <ref name="Fahmi, Irham. 2013. "Manajemen Strategis Teori dan Aplikasi" Bandung: CV. Alfabeta.>Fahmi, Irham. 2013. "Manajemen Strategis Teori dan Aplikasi".Bandung: CV. Alfabeta.</ref>, Kelebihan Analisa SWOT antara lain yaitu :</p></div>
+<ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">1. Dapat dijadikan panduan dalam penyusunan berbagai kebijakaan strategis menuju target yang telah direncanakan.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">
+. Dapat membantu memudahkan proses evaluasi berkaitan dengan penentuan kebijakan strategis sekaligus sistem perencanaan agar meraih kesuksesan dari waktu sebelumnya.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">3. Dapat dijadikan bagian penting untuk memperoleh informasi tentang beragam hal yang dibutuhkan menuju proses perubahaan perbaikaan masa mendatang.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">4.  Meningkatkan motivasi dalam menemukan ide-ide kreatif.</p></div></ol>
+===Konsep Dasar E-Commerce===
+====Pengertian E-Commerce====
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Kemudian pada tanggal 7 September 2000 sesuai dengan surat keputusan Direktur Jendral Pendidikan Tinggi Departemen Pendidikan Nasional Nomor 354/Dikti/Kep/2000 menambah 2 program yakni D3 Teknik Informatika dan D3 [[Komputerisasi_Akuntansi|Komputer Akuntasi]].</p></div>
+<p style="line-height: 2">Menurut Tata Sutabri (2012:108), <ref name="Sutabri,Tata. 2012. “Konsep Dasar Informasi”.Yogyakarta: Andi">Sutabri, Tata. 2012. “Konsep Dasar Informasi”. Yogyakarta: Andi</ref>, Perdagangan elektronik atau e-dagang (bahasa inggris: <i>Electronic Commerce</i> atau <i>E-Commerce</i>) adalah penyebaran, pembelian, penjualan, pemasaran barang dan jasa melalui sistem elektronik seperti internet atau televisi, atau jaringan komputer lainnya.</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/INTF2GkunsAS4eIocvZxkVm9J6A9-avB7adTgYpMkQ=w661-h365-no"/></div>
+<p style="text-align: center;">Gambar 2.3 Ilustrasi <i>E-commerce</i></p>
+====Manfaat E-Commerce====
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Kini [[AMIK_RAHARJA|AMIK Raharja Informatika]] mempunyai 3 (tiga) program studi Diploma III dengan jurusan Manajemen Informatika (MI), Teknik Informatika (TI), dan Komputer Akuntansi (KA) yang masing-masing jurusan memberikan gelar Ahli Madya (A.md), Ahli Muda (AM), Ahli Pratama (AP) kepada lulusannya.</p></div>
+<p style="line-height: 2">Menurut Tata Sutabri (2012:108),<ref name="Sutabri,Tata. 2012. “Konsep Dasar Informasi”.Yogyakarta: Andi">Sutabri, Tata. 2012. “Konsep Dasar Informasi”. Yogyakarta: Andi</ref>, Manfaat dapat dibedakan menjadi tiga macam yaitu manfaat bagi perusahaan, bagi konsumen dan bagi masyarakat. Manfaat bagi perusahaan antara lain : </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">1.    Mendapatkan pelanggan baru.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">2.    Menurunkan biaya operasional yang dikeluarkan oleh perusahaan.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">3.    Menarik konsumen untuk tetap bertahan, dengan memberikan diskon barang dengan ketentuan pembelian tertentu dan pembeli dapat meretur barang.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">4.    Meningkatkan mutu layanan kepada pelanggan.</p></div>
+====Jenis-Jenis Model Bisnis E-Commerce====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Tata Sutarbi (2012:109-131),<ref name="Sutabri,Tata. 2012. “Konsep Dasar Informasi”.Yogyakarta: Andi">Sutabri, Tata. 2012. “Konsep Dasar Informasi”. Yogyakarta: Andi</ref>, dapat menghasilkan bentuk baru seperti jenis umum dari transaksi <i>e-commerce</i> dijelaskan dibawah ini.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">1. Bisnis ke bisnis (bussines-to-bussines-B2B)</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Menurut Tata Sutarbi (2012:109-131),<ref name="Sutabri,Tata. 2012. “Konsep Dasar Informasi”.Yogyakarta: Andi">Sutabri, Tata. 2012. “Konsep Dasar Informasi”. Yogyakarta: Andi</ref>, <i>Business to business</i> (B2B) menggambarkan transaksi perdagangan antara perusahaan, seperti antara produsen dan grosir, atau antara grosir dan pengecer. Hal yang kontras adalah <i>bisnis-to-customer</i> (B2C) dan <i>Business-to-goverment</i> (B2G).</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/VGiMCmGFaf5ydABD08p2YQo2KYzdbpt93WWRHXQpvg=w402-h390-no"/></div>
+<p style="text-align: center;">Gambar 2.3 Ilustrasi B2B</p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Kelebihan :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">1. Hemat waktu dan praktis menu dalam situs layakan B2B khusus hanya menyediakan kebutuhan produk pelanggan terkait, tanpa harus repot mencarinya dalam katalog produk.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">2.    Pelanggan B2B tidak perlu melewati proses negosiasi harga yang panjang, karena sudah dilakukan pada awal kesepakatan kerja sama.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">3.    Keuntungan besar mengurangi biaya perusahaan untuk administrasi, surat menyurat transaksi, ataupun untuk riset harga pasar.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">4.    Rahasia aman dan terjamin.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">5. Transaksi yang transparan layanan ini mendukung <i>Good Coorporate Governance</i>. Setiap transaksi mudah dipantau karena sistem selalu memberikan rekam jejak transaksi melalui email notifikasi kepada <i>buyer</i>(bagian <i>purchasing</i>), atasan (pemberi <i>approval</i>), hingga<i>user</i>, ataupun yang berhak mendapatkan informasi tersebut diperusahaan sesuai dengan kesepakatan. Ini meningkatkan kontrol perusahaan terhadap proses transaksi.</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Pada tanggal 20 Oktober 2000 dalam usahanya untuk meningkatkan mutu dan kualitas dari pada lulusan [[AMIK_RAHARJA|AMIK RAHARJA INFORMATIKA]] meningkatkan statusnya dengan membuka Sekolah Tinggi Manajemen Informatika dan Komputer (STMIK) RAHARJA. Dengan surat keputusan Nomor 42/01/YNN/PR/II/200. ketua Yayasan Nirwana Nusantara mengajukan permohonan pendirian [[STMIK_RAHARJA|STMIK RAHARJA]] kepada Mendiknas KOPERTIS Wilayah IV jawa barat dengan 3 (tiga) program studi SI Jurusan [[Sistem_Informasi|Sistem Informasi]] (SI), [[Sistem_Informasi|Teknik Informatika]](TI), dan Sistem Komputer (SK), hal tersebut telah mendapat tanggapan dari Direktur Jendral Pendidikan Tinggi dengan surat keputusan Nomor  5706/D/T/2000. Tidak hanya sampai disini, dalam rangka meningkatkan mutu dan kualitas lulusan RAHARJA sesuai dengan Rencana  Induk Pengembangan (RIP) Raharja, bahwa dalam kurun waktu tidak lebih dari 5 tahun sudah berdiri Universitas RAHARJA.</p></div>
+<p style="line-height: 2">2. Bisnis ke konsumen<i>Business to Customer-B2C)</i></p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Menurut Tata Sutarbi (2012:109-131)<ref name="Sutabri,Tata. 2012. “Konsep Dasar Informasi”.Yogyakarta: Andi">Sutabri, Tata. 2012. “Konsep Dasar Informasi”. Yogyakarta: Andi</ref>, Business to Customer (B2C) adalah kegiatan e-Businesses dalam pelayanan secara langsung kepada konsumen melalui barang atau jasa. Dengan penjualan langsung di internet dan pemesanan dapat langsung di lakukan oleh konsumen karena biaya sudah tercantum.</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/cZ4JVu7AL7Nr68jhvnYw7AaCBJz5JIKNSLksG7d6ww=w774-h399-no"/></div>
+<p style="text-align: center;">Gambar 2.3 Ilustrasi B2C</p>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Pada saat ini, [[Perguruan_Tinggi_Raharja|Perguruan Tinggi Raharja]] pun telah meningkatkan mutu dan kualitasnya melalui sertifikat Akreditasi, diantaranya yaitu sebagai berikut:</p></div>
+<p style="line-height: 2">Kelebihan :</p></div>
-<ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">
+<p style="line-height: 2">a.      Mengurangi penggunaan kertas dan biaya-biaya yang bersangkutan (administrasi, pencarían dan penjualan).</p></div>
-Pada tanggal 5 April 2006 dengan sertifikat Akreditasi Nomor 00117/Ak-1-DIII-03/DFXMEI/IV/2002 yang berisi Badan Akreditasi nasional Perguruan Tinggi menyatakan bahwa program studi Diploma III Manajemen Informatika di AMIK Raharja Informatika Terakreditasi A.</li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">
+<p style="line-height: 2">b.      Mengurangi kesalahan-kesalahan manual, waktu transaksi, & jumlah persediaan di gudang.</p></div>
-Pada tanggal 4 Mei 2006 dengan Sertifikat Akreditasi Nomor 08479/Ak-X-SI-001/CAGTLF/V/2006 yang berisi Badan Akreditasi Nasional Perguruan Tinggi menyatakan bahwa studi Strata 1 [[Teknologi_Informasi|Teknik Informatika]] di STMIK Raharja terakreditasi B.</li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">
+<p style="line-height: 2">c.      Meningkatkan fleksibilitas, produktivitas, dan kolaborasi.</p></div>
-Pada tanggal 11 Mei 2006 dengan Sertifikat Akreditasi Nomor 08523/Ak-X-S1-002/CAGSIM/V/2006 yang berisi Badan Akreditasi Nasional Perguruan Tinggi menyatakan bahwa program studi Strata 1 [[Sistem_Informasi|Sistem Informasi]] di [[STMIK_RAHARJA|STMIK Raharja]] terakreditasi B.</li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">
+<p style="line-height: 2">d.    Konfigurasi dan kustomisasi produk menjadi lebih mudah.</p></div>
-Pada tanggal 3 Agustus 2007 dengan Sertifikat Akreditasi Nomor 006/BAN-PT/AK-VIII/DPI-III/2007 yang berisi Badan Akreditasi Nasional Perguruan Tinggi menyatakan bahwa program studi Diploma III Manajemen Informatika di AMIK Raharja Informatika terakreditasi B.</li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">
+<p style="line-height: 2">e.      <i> Customer service</i> yang bisa diandalkan.</p></div>
-Pada tanggal 25 Agustus 2007 dengan Sertifikat Akreditasi Nomor 019/BAN-PT/AK-X/SI/VIII/2007 yang berisi Badan Akreditasi Nasional Perguruan Tinggi menyatakan bahwa program Strata 1 [[Sistem_Komputer|Sistem Komputer]] di STMIK Raharja terakreditasi B.</li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">
+<p style="line-height: 2">f.      Katalog <i>online</i> yang interaktif</p></div>
-Pada tanggal 29 Desember 2007 sesuai surat keputusan oleh Badan Akreditasi Nasional Perguruan Tinggi (BAN-PT) dengan Nomor 017/BAN-PT/AK-VII/Dpl-III/XII/2007 yang berisi Badan Akreditasi Nasional Perguruan Tinggi menyatakan bahwa program studi Diploma III Teknik Informatika di [[AMIK_RAHARJA|AMIK Raharja Informatika]] dengan terakreditasi B.</li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">
-Pada tanggal 18 Januari 2008 sesuai surat Keputusan oleh Badan Akreditasi Nasional Perguruan Tinggi (BAN-PT) dengan Nomor 019/BAN-PT/AK-VII/Dpl-III/I/2008 yang berisi Badan Akreditasi Nasional Perguruan Tinggi menyatakan bahwa program studi Diploma Tiga [[Komputerisasi_Akuntansi|Komputerisasi Akuntansi]] di [[AMIK_RAHARJA|AMIK Raharja Informatika]] terakreditasi A.</li>
+<p style="line-height: 2">Pada penelitian dan penulisan skripsi ini, penulis memilih model Bisnis ke konsumen <i>(Business to Customer-B2C).</i> Dikarenakan penjualan langsung di internet dan pemesanan dapat langsung juga di lakukan oleh konsumen karena biaya sudah tercantum atau katalog online yang interaktif, dan serta meningkatkan fleksibilitas, produktivitas, dan kolaborasi. Dilihat dari segmentasi pasar penjualan ini ditargetkan untuk semua kalangan baik kalangan bawah, menengah dan kalangan atas.</p></div>
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">
-Pada tanggal 08 Juli 2011 sesuai surat Keputusan oleh Badan Akreditasi Nasional Perguruan Tinggi (BAN-PT) dengan Nomor 010/BAN-PT/Ak-XIV/S1/VII/2011, menyatakan bahwa Program Studi Sarjana Teknik Informatika, Sekolah Tinggi Manajemen Informatika dan Komputer Raharja, Tangerang terakreditasi B.</li>
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">
-Pada tanggal 23 September 2011 sesuai surat Keputusan oleh Badan Akreditasi Nasional Perguruan Tinggi (BAN-PT) dengan Nomor 025/BAN-PT/Ak-XIV/S1/IX/2011, menyatakan bahwa Program Studi Sarjana Sistem Informasi, Sekolah Tinggi Manajemen Informatika dan Komputer Raharja, Tangerang terakreditasi B.</li>
-</ol>
-===Struktur Organisasi Perguruan Tinggi Raharja===
+===Konsep Online===
+====Definisi Online====
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2"> </p></div>
+<p style="line-height: 2">Menurut Anita B. wandanaya.( Jurnal CCIT, Vol 5 No. 2 Januari 2012)<ref name="Anita B. Wandanaya . 2012. "Pengaruh pemasaran online terhadap keputusan pembelian produk".Jurnal CCIT, Vol 5 No. 2 Januari 2012.">Anita B. Wandanaya . 2012. "Pengaruh pemasaran online terhadap keputusan pembelian produk".Jurnal CCIT, Vol 5 No. 2 Januari 2012.</ref>,<i>Online</i> adalah keadaan disaat seseorang terhubung kedalam suatu jaringan ataupun sistem yang lebih besar.</p></div>
+====Pemasaran dan Online====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Menurut Anita B. wandanaya.( Jurnal CCIT, Vol 5 No. 2 Januari 2012)<ref name="Anita B. Wandanaya . 2012. "Pengaruh pemasaran online terhadap keputusan pembelian produk".Jurnal CCIT, Vol 5 No. 2 Januari 2012.">Anita B. Wandanaya . 2012. "Pengaruh pemasaran online terhadap keputusan pembelian produk".Jurnal CCIT, Vol 5 No. 2 Januari 2012.</ref>, pemasaran online atau <i>internet marketing</i>, juga disebut sebagai <i>i-marketing, web marketing</i> atau <i>online marketing.</i></p>
-===Tugas dan Tanggung Jawab===
+====Pemasaran dan Online====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">1. Presiden Direktur</p></div>
+<p style="line-height:2">Menurut Anita B. wandanaya.( Jurnal CCIT, Vol 5 No. 2 Januari 2012)<ref name="Anita B. Wandanaya . 2012. "Pengaruh pemasaran online terhadap keputusan pembelian produk".Jurnal CCIT, Vol 5 No. 2 Januari 2012.">Anita B. Wandanaya . 2012. "Pengaruh pemasaran online terhadap keputusan pembelian produk".Jurnal CCIT, Vol 5 No. 2 Januari 2012.</ref>, pemasaran online atau internet marketing, juga disebut sebagai <i>i-marketing,web marketing</i> atau online marketing.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in">
-<p style="line-height: 2">'''Wewenang''' :</p></div>
-<ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Menyelenggarakan program kerja yang berpedoman pada visi, misi, fungsi dan tujuan pendirian Perguruan Tinggi Raharja.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Menyelenggarakan kegiatan dan pengembangan pendidikan, penelitian serta pengabdian pada masyarakat.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Menyelenggarakan kegiatan pengembangan administrasi.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Menyelenggarakan kegiatan-kegiatan yang menunjang terwujudnya Tri Darma Perguruan Tinggi.</li></ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in">
+====Membangun Kepercayaan Pelanggan====
-<p style="line-height: 2">'''Tanggung Jawab''' :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height:2">a. Memberikan kemudahaan pelanggan untuk mengakses kontak perusahaan.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height:2">b. Memberikan jaminan kepuasan misalnya dengan memberikan penukaran/retur barang dengan ketentuan perusahaan.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height:2">c. Memberikan solusi dan rasa keperdulian.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height:2">d. Menampilkan testimoni yang jujur.</p></div>
+===Konsep Dasar Web===
+====Definisi Web====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height:2">
+Menurut Alexander F.K. Sibero (2011:11)<ref name="Alexander F.K. Sibero.2011. "Kitab Suci Web Programming".Yogyakarta:Mediakom.">Alexander F.K. Sibero.2011. "Kitab Suci Web Programming".Yogyakarta:Mediakom.</ref>, web adalah suatu sistem yang berkaitan dengan dokumen yang digunakan untuk sebagai media menampilkan tesk, gambar, multimedia dan lainnya pada jaringan internet. </P></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height:2">Secara umum aplikasi web adalah jenis aplikasi yangdiakses melalui jaringan seperti internet, seperti: <i>internet explorer</i> dan <i>Mozillafirefox</i>. Dengan menggunakan aplikasi web, kita hanya perlu menempatkanaplikasi dalam sebuah server dan dengan sendirinya aplikasi tersebut dapatdiakses dari manapun, sepanjang pemakai dapat mengakses web server-nya. Webserver adalah server yang melayani permintaan aplikasi web. Aplikasi web yangpaling dasar ditulis dengan menggunakan HTML<i>(Hypertext Markup Language)</i>.</P></div>
+====Jenis-jenis Web====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height:2">
+Dalam perkembangannya, teknologi informasimenunjukkan banyaknya kemajuan begitu pasat salah satunya adalah berkembangnyawebsite dengan benyaknya ragam fitur dan fungsi yang dimiliki saat ini.Pengelompokkan macam-macam web cenderung lebih mengarah kepada fungsi,sifat-sifat dan bahasa pemograman terkait yang digunakan.</P><div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Jenis-jenis web berdasarkan sifat atau style-nya sebagai berikut:</p>
+</div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Pemimpin penyelenggaraan pendidikan, penelitian, pengabdian kepada masyarakat, membina tenaga edukatif, mahasiswa, tenaga administrasi dan terhadap lingkungan.</ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height:2">1. website Dinamis</P></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height:2">Merupakan
+sebuah website yang menyediakan <i>content</i>atau isi yang selalu berubah-ubah setiap saat. Bahasa pemograman yang digunakanantara lain PHP, ASP, NET dan memanfaatkan database MySQL atau MS SQL. Misalnyawebsite www.detik.com.</p></div></ol>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/eksRBw7JU7oRkqYkI8fbbT8UyIIlmuOQgZSTJAE93w=w235-h219-no"/></div>
+<p style="text-align: center;">Gambar 2.7 Contoh Website Dinamis</p>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
-<p style="line-height: 2">2. Direktur</p></div>
+<ol><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height:2">2. Website Statis</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height:2">
-<p style="line-height: 2">'''Wewenang''':</p></div>
+Merupakanwebsite yang content atau isinyasangat jarang diubah. Bahasa pemograman yang digunakan adalah HTML dan belummemanfaatkan database. Misalnya web companyprofile dan lain-lain</p></div></ol>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/1tjmUH2JkfV4xINE-vHfqM-3xNsmiSZQLkiDLSr1Kw=w253-h152-no"/></div>
+<p style="text-align: center;">Gambar 2.7 Contoh Website Statis</p>
+====Web programming====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height:2">
+Menurut Rahmat Hidayat (2010)<ref name:"Hidayat, Rahmat. 2010. Cara Praktis Membangun Website Gratis. Jakarta: Elex Media KomputindoMisalnya web profile organisasi dan lain-lain."> Hidayat, Rahmat. 2010. Cara Praktis Membangun Website Gratis. Jakarta: Elex Media KomputindoMisalnya web profile organisasi dan lain-lain.</ref>, Program web yang tergolong server side adalah CGI (computer generated imagery), PHP (Hypertext Preprocessor), CFM (Critical Success Factor). Hasil parsingscript pemrograman server side yang berupa HTML dari server web dapat dilihatdengan memilih menu view > source code juga. Hal ini terjadi karenascript hanya diproses di server web dan hasilnya dikembalikan dalam bentuktag-tag HTML kemudian ditampilkan pada browser.</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/4DVNadNxaGLI5Eg7nMXT_FgPWNhMMN4u3_yEPl1b_g=w308-h136-no"/></div>
+<p style="text-align: center;">Gambar 2.9 Aplikasi Web Programming</p>
+<p style="text-align: center;"><i>
+Sumber: www.a34ajans.com</i> <ref name:"
+Aplikasi Web Programming. diambildari : http://www.a34ajans.com/en/web-programming(3April 2015)">
+Aplikasi Web Programming. diambildari : http://www.a34ajans.com/en/web-programming(3April 2015).</ref></p>
+===Konsep Data===
+====Definisi Database====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height:2">Menurut Kustiyaningsih (2011:146)<ref name="
+Kustiyahningsih, Yeni. 2011. Pemograman Basis Data Berbasis Web Menggunakan PHP & MySQL .Jakarta: Graha Ilmu.">Kustiyahningsih, Yeni. 2011. Pemograman Basis Data Berbasis Web Menggunakan PHP & MySQL .Jakarta: Graha Ilmu.</ref> “Database adalah Struktur penyimpanan data. Untuk menambah, mengakses dan memproses data yang disimpan dalam sebuah database komputer, diperlukan sistem manajemen database seperti MYSQL Server”.</p></div>
+====Komponen dan struktur database====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height:2">Menurut Oktavian (2010:62)<ref name :"Oktavian, DiarPuji. 2010. Menjadi Programmer Jempolan Menggunakan PHP. Yogyakarta: MediaKom."> Oktavian, DiarPuji. 2010. Menjadi Programmer Jempolan Menggunakan PHP. Yogyakarta: MediaKom.</ref>, database terbentuk dari beberapa komponen. Berikut adalah komponen-komponen pembentuk database.</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/Ak1KOV14OiJRk4QZ9ezZGIvIlCqOaF_RjoIG0-7T5A=w425-h270-no"/></div>
+<p style="text-align: center;">
+Gambar 2.10Struktur Database
+</p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height:2">1.    Table</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Table atau tabel adalah sekumpulan data dengan struktur yang sedemikian rupa, terbentuk dari record dan field. Istilah tabel disini berbeda dengan istilah tabel pada HTML, walaupun secara visual hampir sama.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">2.  Record </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> Record adalah sekumpulan <i>field</i> yang membentuk suatu objek tertentu.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height:2">
+. Field</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height:2">
+Field adalah atribut dari objek yang memiliki tipe data tertentu. Sebuah tabel dapat terdiri dari beberapa <i>field</i>dan <i>record</i>. Apabila digambarkansecara visual, maka hubungan tabel, <i>field</i>dan <i>record</i> adalah sebagai berikut :</p></div>
+===Konsep Dasar PHP <i>(Hypertext Preprocessor)</i>===
+====Definisi PHP====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Menurut Sibero (2011:49) <ref name :"Sibero, Alexander F.K. 2011. Kitab Suci Web Programing. Jakarta: Mediakom.">  Sibero, Alexander F.K. 2011. Kitab Suci Web Programing. Jakarta: Mediakom.</ref>, berpendapat bahwa “PHP adalah pemrograman interpreter yaitu proses penerjemahan baris kode mesin yangdimengerti komputer secara langsung pada saat baris kode dijalankan atau seringdisebut suatu bahasa dengan hak cipta terbuka atau yang juga dikenal denganistilah Open Source yaitu penggunadapat mengembangkan kode-kode fungsi PHP sesuai dengan kebutuhannya”.</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/-2hRDJC0wgUuLDQvh1QP8SM9O1B3xIpmgQInMkAolg=w553-h394-no"/></div>
+<p style="text-align: center;">Gambar 2.11 Aplikasi PHP</p>
+<p style="text-align: center;"><i>Sumber : www.frogcp.com</i><ref name :"
+Kurniawan, Rulianto. 2010.Pengertian PHP. Graha Ilmu:Yogyakarta.
+KonsepDasar PHP (Hypertext Preprocessor),diambil dari :  https://www.frogcp.com/php-hosting-with-mysql(3April 2015).">
+Kurniawan, Rulianto. 2010.Pengertian PHP. Graha Ilmu:Yogyakarta.
+KonsepDasar PHP (Hypertext Preprocessor),diambil dari :  https://www.frogcp.com/php-hosting-with-mysql(3April 2015).</ref></p>
+====Sejarah PHP====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> Menurut Sibero (2011:49)<ref name:" Sibero, Alexander F.K. 2011. Kitab Suci Web Programing. Jakarta: Mediakom.">  Sibero, Alexander F.K. 2011. Kitab Suci Web Programing. Jakarta: Mediakom.</ref>, berpendapat bahwa “Pada tahun 1994 seseorang  programmer bernamaRasmus Lerdorf awalnya membuat sebuah halaman website pribadi, tujuannya adalahuntuk mempertahankan halaman website pribadi tersebut sekaligus membangunhalaman web yang dinamis. PHP pada awalnya diperkenalkan sebagai singkatan dariPHP Hypertext Preprocessor pertamaditulis menggunakan bahasa Perl (PerlScript), kemudian ditulis ulang menggunakan bahasa pemograman C CGI-BIN (Common Gateway Interface-Binary) yangditunjukan untuk mengembangkan halaman website yang mendukung formulir danpenyimpanan data. Pada tahun 1995 PHP Tool 1.0 dirilis untuk umum, kemudianpengembangannya dilanjutkan oleh Andi Gutmans dan Zeev Suraski”.</p></div>
+====Kelebihan PHP====
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Merupakan wakil presiden direktur.
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">membantu presiden direktur dalam berbagai kegiatan.
+<p style="line-height:2">1.   Bahasa pemrograman PHP adalah sebuah
-</li></ol>
+bahasa script yang tidak melakukansebuah kompilasi dalam penggunaanya, karena bahasa pemrograman PHP termasukdalam golongan bahasa pemrograman interpretersehingga dapat langsung dijalankan.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">2. Web Server yang mendukung PHP dapatditemukan dimana–mana dari mulai apache, IIS (Internet Information Services), Lighttpd, hingga Xitami dengankonfigurasi yang relatif mudah.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">3. Dalam sisi pengembangan lebih mudah,karena banyaknya milis–milis dan developeryang siap membantu dalam pengembangan.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">4. Dalam sisi pemahamanan, PHP adalahbahasa scripting yang paling mudah karena memiliki referensi yang banyak.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">5. PHP adalah bahasa open source yang dapatdigunakan di berbagai mesin <i>(Linux, Unix,Macintosh, Windows)</i> dan dapat dijalankan secara runtime melalui consoleserta juga dapat menjalankan perintah-perintah sistem.</p></div></ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
+====Kelemahan PHP====
-<p style="line-height: 2">3.Pembantu (Bidang Akademik)</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in">
+<p style="line-height:2"> Selain keunggulan, bahasa pemrograman PHP juga memiliki beberapa kelemahan yang menjadi perhatiankhusus bagai para pengembang aplikasi web, yaitu : </p></div>
-<p style="line-height: 2">'''Wewenang''' :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">1. Bahasa pemrograman PHP yang masih
+menggunakan konsep pemrograman murni <i>(purePHP programming)</i> belum bersifat robust, sehingga menyebabkan aplikasiweb menjadi rentan <i>(vulnerable)</i>.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">2. Bahasa pemrograman PHP merupakan salahsatu bahasa pemrograman yang populer digunakan untuk pengembangan aplikasi webdinamis, namun hal ini juga menjadi bumerang karena celah keamanan yang bisadieksploitasi, contohnya : SQL <i>Injection,Session Hijacking, XSL Scripting.</i></p></div>
+===Konsep Dasar MYSQL===
+==== Definisi Mysql====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> Menurut Kurniawan (2010:6)<ref name:"  Kurniawan, Rulianto. 2010. Pengertian PHP”. Graha Ilmu:Yogyakarta.">
+Kurniawan, Rulianto. 2010. Pengertian PHP”. Graha Ilmu:Yogyakarta.</ref>,berpendapat bahwa, “ MySQL adalah satu jenis database server yang sangat terkenal. MySQL termasuk RDBMS<i>(Relational Database Management Sistem)</i>lebih populer lewat kalangan pemograman Web”.</p></div>
+====Perintah Dasar MySQL====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> Menurut Raharjo (2011:22)<ref name:"Raharjo,Budi. 2011. Belajar Otodidak Membuat Database Menggunakan MySQL. Bandung: Informatika.">Raharjo,Budi. 2011. Belajar Otodidak Membuat Database Menggunakan MySQL. Bandung: Informatika.</ref>, Dalam menjalankan MySQL diperlukan berbagai perintah untuk membuat suatu database, berikut ini disebutkan beberapa perintah dasar dalam menggunakan MySQL. Untuk menjalankan MySQL pertama kali cukup dengan mengetikkan mysql pada Command Prompt. Perintah-perintahnya adalah sebagai berikut:</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/d9jUtyMXlUzLE2HRBqFSwOntcnjQa434219kQgvWNA=w643-h347-no"/></div>
+<p style="text-align: center;">
+Gambar 2.12 KlasifikasiPerintah-perintah Mysql
+</p>
+====<i>Data Definition Language </i>(DDL)====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">
+adalah perintah perintah SQL yang digunakan untuk mendefinisikan struktur dan skema database.</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Menjalankan program kebijaksanaan akademik.
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mengawasi dan membina serta mengembangkan program studi sesuai kebijaksanaan yang telah digariskan.
+<p style="line-height:2"> Contohnya</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Membina dan mengembangkan kegiatan penelitian dan pengabdian pada masyarakat.
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mengadakan afiliasi.
+<p style="line-height:2">a. CREATE(untuk membentuk basis data, tableatau index)</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Membina dan mengembangkan kelembagaan.
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-</li></ol>
+<p style="line-height:2">CREATE TABLE NAMA_TABLE </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> b.  DROP (untuk mengubah struktur table)</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">NAMA_ATRIBUT TIPE_DATA [KETERANGAN],</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">c. ALTER (untuk menghapus basis data, table atau index)</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> NAMA_ATRIBUT TIPE_DATA [KETERANGAN].</p></div></ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in">
+====Data Manipulation Language (DML)====
-<p style="line-height: 2">'''Tanggung Jawab''' :</p></div>
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">adalah kumpulan perintah SQL yang berhubungan dengan pekerjaan mengolah data di dalam tabel.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Contohnya :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">a.  SELECT (mengambil data)</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Membantu ketua dalam memimpin pelaksanaan pendidikan, penelitian dan pengabdian pada masyarakat.</li></ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">i.  SELECT field1, field2,…FROM nama_table;</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">ii. SELECT * FROM nama_table;</p></div></ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">4.Pembantu Direktur II (Administrasi)</p></div>
+<p style="line-height:2">b. DELETE (menghapus data)</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in">
-<p style="line-height: 2">'''Wewenang''' :</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Melaksanakan dan mengelola seluruh kegiatan administrasi dan keuangan.
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Membina dan mengembangkan kepegawaian.
+<p style="line-height:2">i. DELETE FROM nama_table WHERE kriteria;</p></div></ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mengadakan sarana dan prasarana kepegawaian.</li></ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">c.  INSERT (menyisipkan data).</p></div>
+<ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">i. INI nama_table (field1, field2,…) values (nilai_field1,nilai_field2,…);</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">ii.  INSERT INTO nama_table value (nilai_field1,nilai_field2,…); </p></div></ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in">
+====Data Control Languange====
-<p style="line-height: 2">'''Tanggung Jawab''' :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">(DCL) adalah perintah-perintah yang digunakan untuk membantu mengontrol keamanan setiap database atau sebagian isi dari databasedengan membuat hak – hak akses tertentu bagi setiap user.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height:2">Contohnya :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">a.  Grant (mengatur ijin akses)</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Membantu ketua dalam pelaksanaan kegiatan dibidang keuangan dan administrasi.</li></ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">i. grant update(nama) on nm_db.nm_tbl tonm_user@localhost identified by ‘nm_passwd’; update nm_tbl set nama=’nm_baru’ where id=23;</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">ii. grantselect (id,nama,alamat,usia), update (alamat,usia) on nm_db.nm_tbl tonm_user@localhost identified by‘nm_passwd’;</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">iii.  Revoke(menghapusakses kolom) revoke all on *.* fromnm_user@localhost identified by ‘nm_passwd’;</p></div></ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
+===Konsep Dasar XAMPP===
-<p style="line-height: 2">5. Pembantu Direktur III (Bidang Kemahasiswaan)</p></div>
+====Definisi XAMPP====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height:2">
-<p style="line-height: 2">'''Wewenang''' :</p></div>
+Menurut Puspitasari (2011:1)<ref name="Puspitasari. 2011. Pemrograman WebDatabase dengan PHP & MySQL. Jakarta: Skripta.">
+Puspitasari. 2011. Pemrograman WebDatabase dengan PHP & MySQL. Jakarta: Skripta.</ref>, berpendapat bahwa “XAMPP adalah sebuah software web server apache yang didalamnya sudah tersedia database server mysql dan support php programming. xampp merupakan software yang mudahdigunakan gratis dan mendukung instalasi di linux dan windows. Keuntunganlainya adalah cuma menginstal 1 kali sudah tersedia apache web server, mysqldatabase server, php support (php4 dan php5) dan beberapa modul lainya hanyabedanya kalau versi windows selalu dalam bentuk instalasi grafis dan yang linuxdalam bentuk file terkompresi tar. gz. kelebihan lain yang berbeda dari versiuntuk windows adalah memiliki fitur untuk mengaktifkan sebuah server secaragrafis, sedangkan linux masih berupa perintah-perintah didalam console. oleh karena itu versi untuklinux sulit untuk dioperasikan”.</p><div>
+====Mengenal XAMPP====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height:2">Menurut Kartini
+(2013:27-26)<ref name:" Kartini, Budi Utami Fahnun dan Dewi Pratiwi. 2013. Perancangan Sistem Informasi Pemesanan Tiket Konser Musik OnlineBerbasis. Yogyakarta: Prosiding Seminar NasionalTeknologi Informasi danMultimedia (Seminar  steknomedia) 2013.STMIK AMIKOM Yogyakarta 19 Januari 2013."> Kartini, Budi Utami Fahnun dan DewiPratiwi. 2013. Perancangan Sistem Informasi Pemesanan Tiket Konser Musik OnlineBerbasis. Yogyakarta: Prosiding Seminar NasionalTeknologi Informasi danMultimedia (Seminar  steknomedia) 2013.STMIK AMIKOM Yogyakarta 19 Januari 2013.</ref>, Dalam paketnya sudah terdapat Apache (web server), MySQL (database), PHP (server side scripting), Perl,FTP server, Php MyAdmin dan berbagai pustaka bantu lainnya. Dengan menginstallXAMPP maka tidak perlu lagi melakukan instalasi dan konfigurasi web serverApache, PHP dan MySQL secara manual. XAMPP akan menginstalasi danmengkonfigurasi-kannya secara otomatis untuk anda. XAMPP adalah sebuah webserver. Asal kata dari XAMPP sendiri adalah:</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Membina kegiatan kemahasiswaan.
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Membina kehidupan mahasiswa dalam kampus sehingga dapat mengembangkan penalaran.
+<p style="line-height:2">(X)      : Program ini dapat dijalankan dibanyak sistem operasi.</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Membina dan mengawasi kegiatan lembaga mahasiswa serta unit kegiatan khusus akademik.</li></ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">(A)      : Apache merupakan suatu aplikasi webserver.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">(M)      : MySQLdigunakan untuk aplikasi database server.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">(P)        : PHPbahasa pemrograman yang dipakai.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">(P)        : Perlbahasa pemrograman yang dipakai.</p></div></ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in">
+===Konsep Dasar Adobe Dreamweaver===
-<p style="line-height: 2">'''Tanggung Jawab''' :</p></div>
+====Definisi Adobe Dreamweaver====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height:2">Menurut Wahana
+Komputer dalam Selvy Eriani (2013)<ref name:"Eriani, Selvy. 2013 " Perancangan Sistem Informasi Pendaftaran Training BerbasisWeb Pada LKP. Balaraja Cendekia Graha”. Laporan Skripsi, STMIK Raharja,Tangerang."> Eriani, Selvy. 2013 " Perancangan Sistem Informasi Pendaftaran Training Berbasis Web Pada LKP. Balaraja Cendekia Graha”. Laporan Skripsi, STMIK Raharja,Tangerang.</ref>, “Adobe Dreamweaver merupakan salah satu aplikasi yang dapat digunakan untuk melakukan perancangan design web secaravisual atau aplikasi web editor”.</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/uNHp-TIdUbPFOLqAaDV6S7aKlapSJqTgCj3wuSBhuQ=w717-h336-no"/></div>
+<p style="text-align: center;">
+Gambar 2.13  Adobe Dreamweaver CS6
+</p>
+===Konsep Dasar UML (Unified Modeling Language)===
+====Definisi UML====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Menurut Chonoles dalam buku Widodo (2011:6)<ref name="Widodo, Prabowo Pudjo, Heriawati . 2011. “Menggunakan Uml”.Bandung: Informatika. Jurnal CCIT 2009 : 70"> Widodo, Prabowo Pudjo, Heriawati . 2011. “Menggunakan Uml”.Bandung: Informatika. Jurnal CCIT 2009 : 70</ref>mengatakan bahwa "sebagai bahasa, berarti UML memiliki sintaks dan semantik".</div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/dgygu6EdMcngBv02zRaac5EjpskonY7SOP_jMi2FcA=w296-h208-no"/></div>
+<p style="text-align: center;">
+Gambar2.14 Logo UML
+</p>
+====Bangunan Dasar Metodologi UML====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Menurut Nugroho (2010:24)<ref name:"Nugroho, Adi. 2010. “Rkeayasa Perangkat Lunak Menggunakan UML dan Java”.Yogyakarta: Andi Offset.">Nugroho, Adi. 2010. “Rekayasa Perangkat Lunak Menggunakan UML dan Java”.Yogyakarta: Andi Offset.</ref> , Bangunan dasar metodologi UML menggunakan tiga bangunan dasar untuk mendeskripsikan sistem/perangkat lunak yang akan dikembangkan yaitu:</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">1.  Relasi (Relationship)</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Ada 4 (empat) macam relationship UML, yaitu:</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Membantu ketua dalam pelaksanaan kegiatan dibidang kemahasiswaan serta pelayanan kesejahteraan mahasiswa.</li></ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">a. Ketergantungan Merupakan hubungan dimana perubahan yang terjadi pada suatu elemen mandiri (independent) akan memperngaruhi elemen yang bergantung padanya.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">b. Asosiasi Merupakan apa yang menghubungkan antara objek satu dengan objek lainnya, bagaimanahubungan suatu objek dengan objek lainnya. Suatu bentuk asosiasi adalahagregasi yang menampilkan hubungan suatu objek dengan bagian-bagiannya.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">c. Generalisasi Merupakan hubungan dimana objek anak (descendent) berbagai perilaku dan struktur data dari objek yang ada diatasnya objek induk (ancestor).Arah dari atas kebawah dari objek induk ke objek anak dinamakan generalisasi.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">d. Realisasi Merupakan operasi yang benar-benar dilakukan oleh suatu objek.Sesuatu (Things).</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">e. Diagram UML</p></div></ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Menurut Widodo (2011:10)<ref name:" Widodo, Prabowo Pudjo, Heriawati . 2011.“Menggunakan Uml”.Bandung: Informatika. Jurnal CCIT 2009 : 70"> Widodo, Prabowo Pudjo, Heriawati . 2011.“Menggunakan Uml”.Bandung: Informatika. Jurnal CCIT 2009 : 70</ref> Beberapa
+literature menyebutkan bahwa UML meyediakan sembilan jenis diagram, yang lainmenyebutkan delapan karena ada beberapa diagram yang digabung, misalnya diagramkomunikasi, diagram urutan dan diagram pewaktuan yang digabung menjadi diagraminteraksi. Namun demikian model-model itu dapat dikelompokkan berdasarkansifatnya yaitu statis atau dinamis. Jenis diagram itu antara lain:</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/z-DYIyHralpHjNJ4uVeafsAaOcjYMc5s3kX2MzCWVA=w746-h443-no"/></div>
+<p style="text-align: center;">Gambar 2.15 Jenis-Jenis Diagram UML</p>
+<p style="text-align: center;"><i>Sumber : www.comp.leeds.ac.uk</i><ref name:"
+Diagram UML. diambil dari :http://www.comp.leeds.ac.uk/owenj/e-agility/UML.html ( 4 April 2015)">Diagram UML. diambil dari :http://www.comp.leeds.ac.uk/owenj/e-agility/UML.html ( 4 April 2015)</ref></p>
+<ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">a.  Use Case Diagram : Bersifat statis. Diagram ini memperlihatkan himpunan use-case danaktor-aktor (suatu jenis khusus dari kelas).</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">b.    Sequence Diagram : Bersifat dinamis. Diagram urutan adalah diagraminteraksi yang menekankan pada pengiriman pesan dalam waktu tertentu.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">c.    Activity Diagram : Bersifat dinamis. Diagram aktivitas adalah tipe khusus dari diagram status yang memeperlihatkan aliran dari suatu aktivitas ke aktivitas lainnya dalam suatu sistem.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">d.  Class diagram : Bersifat statis. Diagram ini memperlihatkan himpunan kelas-kelas, antarmuka-antarmuka,kolaborasi-kolaborasi, serta relasi-relasi. Diagram ini umum dijumpai padapemodelan sistem berorientasi objek. Meskipun bersifat statis, sering puladiagram kelas memuat kelas-kelas aktif.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
+===Konsep Dasar Pengujian Black Box===
-<p style="line-height: 2">6.Asisten Direktur Akademik</p></div>
+====Definisi Pengujian Black Box====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">'''Wewenang''' :</p></div>
+<p style="line-height:2">Menurut Soetam Rizky (2011:264)<ref name:"Rizky, Soetam. 2011. Konsep Dasar Rekayasa Perangkat Lunak. Jakarta: Prestasi Pustaka,., Tata. 2012. “KonsepDasar Informasi”. Yogyakarta: AndiSibero, Alexander F.K. 2011.Kitab Suci Web Programing. Jakarta: Mediakom.">Rizky, Soetam. 2011. Konsep Dasar Rekayasa Perangkat Lunak. Jakarta: Prestasi Pustaka,., Tata. 2012. “KonsepDasar Informasi”. Yogyakarta: AndiSibero, Alexander F.K. 2011.Kitab Suci Web Programing. Jakarta: Mediakom.</ref>, berpendapat bahwa “Black box testing adalah tipe testing yang memperlakukan perangkat lunak yangtidak diketahui kinerja internalnya. Sehingga para tester memandang perangkatlunak seperti layaknya sebuah “kotak hitam” yang tidak penting dilihat isinya,tapi cukup dikenai proses testing di bagian luar”.</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/16zbaew9nyky7P6LiLFrAHGRnwLTL3QD23ImuktMYg=w323-h162-no"/></div>
+<p style="text-align: center;">
+Gambar 2.16 Ilustrasi Pengujian Blackbox
+</p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Uji coba black box berusaha untuk menemukan kesalahan dalam beberapa kategori, diantaranya:</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Mengusulkan kepada Direktur atas prosedur pelaksanaan proses belajar mengajar.
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mengusulkan kepada Direktur tentang kenaikan honor staff  binaannya.
+<p style="line-height:2">1.     Fungsi-fungsi yang salah atau hilang.</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mengusulkan kepada Direktur tentang pengangkatan dan pemberhentian staff binaannya.
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Memberikan kebijakan pelaksanaan layanan pada bidangnya.
+<p style="line-height:2">2.   Kesalahan interface.</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mengusulkan kepada Direktur  tentang unit layanan baru yang dibutuhkan.
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Memberikan sanksi kepada staff binaannya yang melanggar tata tertib karyawan.
+<p style="line-height:2">3.     Kesalahan dalam struktur data atau akses database eksternal.</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mengusulkan kepada Direktur tentang pengangkatan dan pemberhentian dosen.</li></ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-{{pagebreak}}
+<p style="line-height:2">4.     Kesalahan performa.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">'''Tanggung Jawab''' :</p></div>
+<p style="line-height:2">5.    kesalahan inisialisasi dan terminasi.</p></div></ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> Tidak seperti metode white box yang dilaksanakan diawal proses, uji coba black box diaplikasikan dibeberapa tahapan berikutnya. Karena uji coba black box dengan sengaja mengabaikan struktur kontrol, sehingga perhatiannyadifokuskan pada informasi domain. Uji coba didesain untuk dapat menjawabpertanyaan pertanyaan berikut:</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Bertanggung jawab atas penyusunan JRS yang efektif dan efisien, pengimplementasian pelaksanaan proses belajar mengajar, kemajuan kualitas pelayanan akademik yang berkesinambungan, dan kelancaran proses belajar mengajar.</li></ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">1.      Bagaimana validitas fungsionalnya diuji?.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">2.      Jenis input seperti apa yang akan menghasilkan kasus uji yang baik?.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">3.      Apakah sistem secara khusus sensitifterhadap nilai input tertentu?.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">4.      Bagaimana batasan-batasan kelas datadiisolasi?.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">5.      Berapa rasio data dan jumlah data yangdapat ditoleransi oleh sistem?.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">6. Apa akibat yang akan timbul dari kombinasi spesifik data pada operasi sistem?.</p></div></ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
+===Konsep Dasar Elisitasi===
-<p style="line-height: 2">7. Kepala Jurusan</p></div>
+====  Definisi Dasar Elisitasi====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">'''Wewenang''':</p></div>
+<p style="line-height:2"> Suryo Guritno (2011:302)<ref name:"Guritno, Suryo.,Sudaryono, Rahardja U, 2010. Theory andApplication of IT Research. CV Andi Offset. Yogyakarta."> Guritno, Suryo.,Sudaryono, Rahardja U, 2010. Theory andApplication of IT Research. CV Andi Offset. Yogyakarta.</ref>, berpendapat bahwa “Elisitasi (elicitation) berisi usulan rancangan sistem baru yang diinginkan oleh pihak manajemen terkait dan disanggupi oleh penulis untuk dieksekusi”.</p></div>
+<div style="font-size: 12pt;font-family: 'timesroman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">  Menurut Guritno, (2011:302)<ref name:"Guritno, Suryo.,Sudaryono, Rahardja U, 2010. Theory and Application of IT Research. CV Andi Offset. Yogyakarta."> Guritno, Suryo.,Sudaryono, Rahardja U, 2010. Theory andApplication of IT Research. CV Andi Offset. Yogyakarta.</ref>.  Elisitasi didapat melalui metode wawancara dan dilakukan melalui tiga tahap, yaitu sebagai berikut:</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mengusulkan kepada Assisten Direktur Akademik tentang perubahan mata kuliah dan materi kuliah yang dianggap telah kadaluarsa bahkan perubahan kurikulum jurusan.
+<div style="font-size: 12pt;font-family: 'timesroman';text-align: justify;text-indent: 0.5in">
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mengusulkan kepada Asisten Direktur Akademik tentang kenaikan honor dosen binaannya.
+<p style="line-height:2">1. Elisitasi Tahap Berisi seluruh rancangan sistem baru yang diusulkan oleh pihak manajemen terkait melalui proses wawancara.</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mengusulkan kepada Asisten Direktur Akademik tentang pengadaan seminar, pelatihan, penambahan kelas perkuliahan pengangkatan dosen baru dan pemberhentian dosen.
+<div style="font-size: 12pt;font-family: 'timesroman';text-align: justify;text-indent: 0.5in">
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Memberikan kebijakan administratif Akademik seperti cuti kuliah, perpindahan jurusan, ujian susulan, dan pembukaan semester pendek.
+<p style="line-height:2">2.      Elisitasi Tahap II Merupakan hasil pengklasifikasian dari elisitasi tahap I berdasarkan metode MDI. Metode MDI ini bertujuan untukmemisahkan antara rancangan sistem yang penting dan harus ada pada sistem barudengan rancangan yang disanggupi untuk dieksekusi.</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mengusulkan kepada Asisten Direktur Akademik tentang pembukaan peminatan/konsentrasi baru dalam jurusannya.
+<div style="font-size: 12pt;font-family: 'timesroman';text-align: justify;text-indent: 0.5in">
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Memberikan sanksi Akademik kepada mahasiswa yang melanggar tata tertib Perguruan Tinggi Raharja.</li></ol>
+<p style="line-height:2">a.       (M)pada MDI itu artinya Mandatory.Maksudnya requirement tersebut harusada dan tidak boleh dihilangkan pada saat membuat sistem baru.</p></div>
+<div style="font-size: 12pt;font-family: 'timesroman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">b.    (D)pada MDI itu artinya Desirable.Maksudnya requirement tersebut tidakterlalu penting dan boleh dihilangkan. Tetapi jika requirement tersebutdigunakan dalam pembentukan sistem, akan membuat sistem tersebut lebih perfect.</p></div>
+<div style="font-size: 12pt;font-family: 'timesroman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">c.      (I)pada MDI itu artinya Inessential.Maksudnya bahwa requirement tersebut bukanlah bagian dari sistem yang dibahasdan merupakan bagian dari luar sistem.</p></div></ol>
+<div style="font-size: 12pt;font-family: 'timesroman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">1.      Elisitasi Tahap III</p></div> Merupakan hasil penyusutan dari elisitasi tahap II dengan cara mengeliminasi semua requirement yangoption-nya I pada metode MDI. Selanjutnyasemua requirement yang tersisadiklasifikasikan kembali melalui metode TOE.</p></div>
+<ol>
+<div style="font-size: 12pt;font-family: 'timesroman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">a.      (T) artinya Technical, maksudnyabagaimana tata cara / tehnik pembuatan requirementtersebut dalam sistem yang diusulkan.</p></div>
+<div style="font-size: 12pt;font-family: 'timesroman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">b.    (O) artinya Operasional, maksudnyabagaimana tata cara penggunaan requirementtersebut dalam sistem yang akan dikembangkan.</p></div>
+<div style="font-size: 12pt;font-family: 'timesroman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">c.      (E) artinya Ekonomi, maksudnya berapakahbiaya yang diperlukan guna membangun requirement tersebut di dalam sistem.</p></div>
+<div style="font-size: 12pt;font-family: 'timesroman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">d.    Metode TOE tersebut dibagi kembali menjadi beberapa option, yaitu sebagai berikut:</p></div>
+<div style="font-size: 12pt;font-family: 'timesroman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">e.      High (H) : Sulit untuk dikerjakan, karena tehnik pembuatan dan pemakaiannya sulit serta biayanya mahal. Sehingga requirement tersebut harus dieliminasi.</p></div>
+<div style="font-size: 12pt;font-family: 'timesroman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">f.  Middle (M) : Mampu untuk dikerjakan.</p></div>
+<div style="font-size: 12pt;font-family: 'timesroman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">g. Low (L) : Mudah untuk dikerjakan.</p></div>
+<div style="font-size: 12pt;font-family: 'timesroman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">1.      Final Draft Elicitation</p></div>
+<div style="font-size: 12pt;font-family: 'timesroman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Menurut Suryo Guritno (2011:304)<ref name:"Guritno, Suryo.,Sudaryono, Rahardja U, 2010. Theory andApplication of IT Research. CV Andi Offset. Yogyakarta."> Guritno, Suryo.,Sudaryono, Rahardja U, 2010. Theory andApplication of IT Research. CV Andi Offset. Yogyakarta.</ref>, berpendapat bahwa “Final draft merupakan hasil akhir yang dicapai dari suatu proses elisitasi yang dapat digunakan sebagai dasar pembuatan suatu sistem yang akan dikembangkan”.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in">
+===Literature Review===
-<p style="line-height: 2">'''Tanggung Jawab''' :</p></div>
+====Devinisi Literature Review====
+<div style="font-size: 12pt;font-family: 'timesroman';text-align: justify;text-indent: 0.5in">Menurut Guritno (2010:86)<ref name:"Guritno, Suryo.,Sudaryono, Rahardja U, 2010. Theory andApplication of IT Research. CV Andi Offset. Yogyakarta."> Guritno, Suryo.,Sudaryono, Rahardja U, 2010. Theory andApplication of IT Research. CV Andi Offset. Yogyakarta.</ref>,”literature review dalam sebuah penelitian adalah mengetahui apakah para peneliti lain telah menemukan jawaban untuk pertanyaan-pertanyaaan penelitian yang kita rumuskan”. Dibawah ini merupakan  sumber literature review yang penulis dapatkan :</div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Bertanggung jawab atas penyusunan dan pengimplementasian kurikulum, SAP dan bahan ajar, monitoring kehadiran dosen dalam perkuliahan, jam konsultasi dan tugas-tugas yang disampaikan ke dosen, terlaksananya penelitian, seminar, pembinaan prestasi akademik mahasiswa dan peningkatan jumlah mahasiswa dalam jurusannya.</li></ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Penelitianyang dilakukan oleh Prasetyo (2014)<ref name:"Prasetyo.(2014). “Perancangan Sistem Informasi Penjualan Barang Kemasan Produk pada CV Ismie Jaya” Laporan Skripsi, STMIK Raharja, Tangerang.">Prasetyo. (2014). “Perancangan Sistem Informasi Penjualan Barang Kemasan Produk pada CV Ismie Jaya” Laporan Skripsi, STMIK Raharja, Tangerang.</ref>,pada penulisan karya ilmiahnya (paper) yang berjudul “ Perancangan Sistem Informasi Penjualan Barang Kemasan Produk pada CV Ismie Jaya” Masalah yangdibahas oleh peneliti pada peper tersebut adalah permasalahan dalam memasarkan berbagai jenis kemasanproduk ke berbagai wilayah yang ada di wilayah Tangerang. Sistem penjualanbarang masih semi komputerisasi sehingga sering terjadi kesalahan pada waktupendataan penjualan barang dan memperlambat proses dalam pengambilan keputusan. Denganadanya sistem yang baru maka data yang dihasilkan lebih akurat dibandingkandengan sistem sebelumnya dan data tidak akan hilang dan berubah karena datanyaakan tersimpan dalam database serta dapat mempermudah dalam pembuatan laporan penjualan,dan diharapkan dapat mengurangi human error.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Penelitian yang dilakukan oleh Siti Nuraini (2014)<ref name:"Nuraini, Siti.,(2014). ”Perancanagan Sistem Informasi Penjualan, Pada Sony Toko Buku & Sport”  Laporan Skripsi, STMIK Raharja, Tangerang."> Nuraini, Siti., (2014). ”Perancanaga Sistem Informasi Penjualan Pada Sony Toko Buku & Sport”  Laporan Skripsi, STMIK Raharja, Tangerang.</ref>, pada penulisan karya ilmiahnya (paper)yang berjudul “Perancanagan Sistem Informasi Penjualan PadaSony Toko Buku & Sport” Masalah yang dibahas oleh peneliti pada peper tersebut adalah Aplikasi komputer yang digunakan masih sangat
+sederhana yaitu Microsoft Excel untuk administrasinya. Saat ini semua transaksimasih menggunakan bon, kwitansi, faktur yang secara keseluruhan menggunakankertas. Terkadang antara satu barangdengan yang lainnya tidak konsisten perhitungan nilai jualnya. Hal ini menjadikendala karena dari waktu ke waktu sementara jumlah konsumen semakin meningkatdan jumlah suplier juga semakin banyak. Kondisi ini semakin lama membuatpemilik usaha ini mulai berfikir untuk mempermudah proses transaksi mulai dariperhitungan modal, keuntungan, diskon dan lain sebagainya termasuk menambahdistribusi area jual ke media yang lebih populer saat ini yaitu internet agardapat bersaing dengan usaha dagang lainnya.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Penelitian
+yang dilakukan oleh Untung Rahardja., Qurotul Aini., Desi Sartika (2014) <ref name:" Untung Rahardja., Qurotul Aini., Desi Sartika (2014).”Build A Business To Customer Online Store Using Airzone ContentManagement System”. STMIK Raharja, Tangerang.’Widodo,Prabowo Pudjo, Heriawati . 2011. “Menggunakan Uml”.Bandung: Informatika. JurnalCCIT 2009 : 70."> Untung Rahardja., Qurotul Aini., Desi Sartika (2014).”Build A Business To Customer Online Store Using Airzone ContentManagement System”. STMIK Raharja, Tangerang.’Widodo,Prabowo Pudjo, Heriawati . 2011. “Menggunakan Uml”.Bandung: Informatika. JurnalCCIT 2009 : 70.</ref>, pada penulisan karya ilmiahnya (paper) yang berjudul ”Build A Business To Customer Online Store Using Airzone Content Management System” Masalah yang dibahas oleh peneliti pada peper tersebut adalahkegiatan masyarakat yang awalnya berbelanja masih secara tradisional dan mengeluarkan biaya transportasi serta belum tentu sampai pusat perbelanjaan mendapatkan barang yang sesuai keinginan. Oleh karena itu Airzone mengembangkan produk, promosi, transaksi online productdelivery dan after sales supportyang akan saling mendukung satu dengan yang lainnya untuk memperoleh revenue dan profit yang lebih baik.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Penelitian yang dilakukan oleh Luciana Spica Almilia, S.E., M.Si. Lidia Robahi, S.E. STIE Perbanas Surabaya (2007)<ref name:"Luciana Spica Almilia, S.E., M.Si.
+Lidia Robahi, S.E. (2007).” Penerapan E-commerce Sebagai Upaya Menigkatkan PersainganBisnis Perusahaan”STIE Perbanas Surabaya.">Luciana Spica Almilia, S.E., M.Si. Lidia Robahi, S.E. (2007).” Penerapan E-commerce Sebagai Upaya Menigkatkan PersainganBisnis Perusahaan” STIE Perbanas Surabaya.</ref>pada penulisan karya ilmiahnya (paper) yang berjudul “ Penerapan E-commerce Sebagai Upaya Menigkatkan Persaingan Bisnis Perusahaan” Masalah yang dibahas oleh peneliti pada peper tersebut adalah masih relatif sedikit perusahaan yang menggunakan e-commerce sebagai sarana untuk kepentingan bisnis. tentang motif serta manfaat e-commerce. Oleh karena ini penulis akan mengkaji tentang motifserta manfaat yang dirasakan oleh perusahaan yang telah menerapkan penggunaan e-commerce dalam kepentingan bisnis.faktor yang melandasi perusahaan terdorong menggunakan e-commerce terdiri dari enam faktor yaitu yang menjadi harapan tertinggi bagi para perusahaan ketikaingin menerapkan e-commerce :Mengakses Pasar global sebesar 56%, Mempromosikan produk sebesar 63%, Membangun Merk sebesar 56%, Mendekatkan dengan pelanggan sebesar 74%, Membantu komunikasilebih cepat dengan pelanggan sebesar 63% dan Memuaskan pelanggan sebesar 56%.Dan berdasarkan analisis yang kedua yaitu analisis deskritpif faktor manfaat yang diperoleh perusahaan dengan adanya penerapan e-commerce terdiri dari dua faktor yaitu yang menjadi manfaat terbesar perusahaan setelah menerapkane-commerce yaitu Kepuasan konsumen sebesar 74% dan Keunggulan bersaing sebesar81%.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Penelitian yang dilakukan oleh Iyas (2011)<ref name:" Iyas (2011). “Implementasi Sitem Penjualan On-line Berbasis e-commerece Pada Usaha Rumahaan Griya Unik Wanita”.Uiversitas Islam Negri Syarif Hidayatullah Jakarta."> Iyas (2011). “Implementasi Sitem Penjualan On-line Berbasis e-commerece Pada Usaha Rumahaan Griya Unik Wanita”. Universitas Islam Negri Syarif Hidayatullah Jakarta.</ref> , pada penulisan miahnkarya ilmiahnya (paper) yang berjudul “Implementasi Sitem Penjualan On-line Berbasis <i>e-commerece</i> Pada Usaha Rumahaan Griya Unik Wanita” Masalah yang dibahas oleh peneliti pada paper tersebut adalah sistem penjualan yang masih manual dan tertulis yang cenderung menyesatkan. Serta pembayaran yang dilakukan hsecaratunai. Oleh karena itu penulis menerapkan penjualan online ( pemesanan dan pembelian berbasis online (e-commerece) serta  menerapkan member bagipelanggan tertentu sesuai ketentuan perusahaan. Namun media penjualan Onlineini juga memiliki kelemahan dalam hal barang terkadang tidak sesuai dengan keingginan pelanggan, misalnya : warna atau ukuran.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Penelitian yang dilakukan oleh Melisa Wijaya, Lidia Fransiska, Antonius Wahyu Sudrajat(2013)<ref nama:"Melisa Wijaya, Lidia Fransiska, Antonius Wahyu Sudrajat (2013). “Pengembangan Layanan Otomatis Pada Sistem PenjualanProduk-Produk Teknik Dan Elektronik di CV. Berkat Bersama”.  STMIKGI MDP.">
+MelisaWijaya, Lidia Fransiska, Antonius Wahyu Sudrajat (2013). “Pengembangan Layanan Otomatis Pada Sistem Penjualan Produk-Produk Teknik Dan Elektronik di CV. Berkat Bersama”.  STMIKGI MDP.</ref>
+ pada penulisan karya ilmiahnya(paper) yang berjudul “ Pengembangan Layanan Otomatis Pada Sistem Penjualan Produk-Produk Teknik Dan Elektronik diCV. Berkat Bersama” Masalah yang dibahas oleh peneliti pada peper tersebutadalah sistem penjualan yang dibagi menjadi dua yaitu sistem penjualan yang membeli secara grosiran dan konsumen yang membeli secara eceran. Dalam prosespenjualan ke pelanggan bagi penjual tidak menjadi masalah. Sedangkan sistem penjualan secara eceran masih memiliki masalah . masalah yang dialami yaitu konsumen harus mengantri dalam memesan barang dalam waktu yang lama. Maka dariitu penulis mengembangkan sitem untuk mempercepat proses penjualan, mengatasi konsumen dalam antrian panjang dalam memesan dan membeli barang. </li></ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
+{{pagebreak}}
-<p style="line-height: 2">8. Asisten Direktur Finansial</p></div>
+=<div style="font-family: 'times new roman'; text-align: center">'''BAB III'''</div>=
+<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''ANALISA SISTEM YANG BERJALAN'''</div>
+==Gambaran Umum Perusahaan==
+===Gambaran CV Multi Bisnis Selaras===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">
+CV Multi BisnisSelaras adalah perusahaan yangbergerak dibidang distributor baut, mur, sparepartsmotor, tool kits dan power tools. CV Multi Bisnis Selarasmempunyai kontor pusat yang berada di Jl. Merdeka No. 193, Cimone,Tangerang.  CV Multi Bisnis Selarasselalu menekankan dari segi ketersediaan barang dan kualitas barang yangterjamin supaya pelanggan merasa puas.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Kerjasama antarpelanggan sangat penting untuk meningkatkan hubungan kerjasama yang salingmenguntungkan dan dapat menjalin hubungan yang luas. Maka dari itu CV Multi Bisnis Selaras sangat mengutamakannilai kepercayaan.
+</p></div>
+====Sejarah Singkat CV Multi Bisnis Selaras====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">CV Multi Bisnis Selaras adalahperusahaan yang didirikan oleh Ibu Feliawaty pada tahun 2004 yang sekarangmempunyai karyawan 20 orang. CV Multi Bisnis memiliki cabang yang berlokasi Jl. PetaSelatan, Cengkareng, Jakarta Barat pada tahun 2012. Jam kerja CV Multi Bisnis Selaras  adalah mulai dari jam 08.00 s/d 17.00.  Jam kerja ini berlaku untuk semua karyawan.</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/ywDc4QOQGccVkUNhssuATM-rh0vFUFIao7twG9svGQ=w406-h223-no"/></div>
+<p style="text-align: center;">
+Gambar 3.1 Toko CV Multi Bisnis Selaras</p>
+===Visi dan Misi Perusahaan===
+====VISI====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">CV Multi Bisnis Selarasmemiliki visi melayani pelanggan dengan sepenuh hati untuk terciptanya kepuasanbersama sehingga usaha berjalan selaras dan menperkecil kesalahan kerja yang
+dapat merusak citra diri perusahaan</p></div>
+====Misi====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Misi dari CV Multi Bisnis Selaras adalah dapat
+menjaga pelanggan yang telah ada dan mendatangkan pelanggan barusebanyak–banyaknya dengan memberikan pelayanan terbaik sesuai keinginanpelanggan serta memberikan garansi atau jaminan atas pekerjaan yang telahdilakukan.</div>
+===Struktur Organisasi===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+Struktur organisasi perusahaan merupakan kerangka yang menggambarkan pembagian kerjakedalam tugas dan wewenang. </div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Gambar 3.2 Struktur Organisasi CV Multi Bisnis Selara Dan adapun wewenang dan tanggung jawab dari struktur organisasi pada CV Multi Bisnis Selaras yaitu sebagai berikut :</div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/DUeZAcWujJGW3UsZAFpFzApiEn9Ej-T7Nzcu74rGeQ=w472-h377-no"/></div>
+<p style="text-align: center;">
+Gambar 3.2 Struktur Organisasi CV Multi Bisnis Selaras</p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> 1. Direktur Utama</diV>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in">
-<p style="line-height: 2">'''Wewenang''':</p></div>
+'''Wewenang''' :</div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Mengusulkan kepada Direktur atas prosedur pembuatan budget pada setiap bagian dan pelaksanaan pemakaian dana.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">   Mengadakan perencanaan dan
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mengusulkan kepada Direktur tentang kenaikan honor, pengangkatan dan pemberhentian staff binaannya.
+merumuskan kebijaksanaan secara umum.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Memberikan kebijakan pelaksanaan layanan pada bidangnya dan sanksi kepada staff binaannya yang melanggar tata tertib karyawan.</li></ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">  Melakukan pembuatan surat jalan
+barang yang akan dikirim.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Menanda tangani
+dokumen-dokumen penting perusahaan terutama mengenai kebijakan yang dilakukan
+oleh manajemen.</ol>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in">
-<p style="line-height: 2">'''Tanggung Jawab''' :</p></div>
+'''Tanggung Jawab''' :</div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Bertanggung jawab atas penyusunan <i>budgeting</i> pada setiap bagian, dan tersedianya dana atas budget yang telah disetujui.</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">  Bertanggung jawab terhadap cash flow keuangan dan honorarium seluruh pekerja.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Bertanggung jawab atas kemajuan kualitas pendanaan aktifitas yang berkesinambungan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">   Merupakan pengambil keputusan tertinggi dalam perusahaan
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Bertanggung jawab atas kelancaran proses belajar mengajar.</li></ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Sebagai penanggung jawab utama
+atas segala kegiatan dan kerja perusaahaan.</ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">2. Adminstrasi</div>
-<p style="line-height: 2">9. Layanan Keuangan Mahasiswa(LKM)</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in">
-<p style="line-height: 2">'''Wewenang''':</p></div>
+'''Wewenang''':</div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mengusulkan prosedur layanan keuangan kepada Asisten Direktur Finansial
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">  Melakukan semua pembukuan atau file-file perusahaan.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mengusulkan tentang unit baru yang dibutuhkan kepada Asisiten Direktur Finansial.</li></ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Melakukan pembuatan surat jalan
+barang yang akan dikirim.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Membuat atau memasukan data ke
+dalam komputer untuk laporan tertulis dan melaporkan omzet penjulan pada akhir bulan kepada pimpinan.</li></ol>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in">
-<p style="line-height: 2">'''Tanggung Jawab''':</p></div>
+'''Tanggung Jawab''':</div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Bertanggung jawab atas kelancaran proses penerimaan keuangan mahasiswa
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">  Bertanggung jawab atas semau
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Bertanggung jawab atas penagihan tunggakan mahasiswa.</li></ol>
+pembukuan yang telah dilakukan serta surat jalan yang telah dibuat.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Bertanggung jawab terhadap data yang ada didalam
+komputer
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Bertanggung jawab semua kebutuhan
+ATK perusahaan.</li></ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
-<p style="line-height: 2">10.   Asisten Direktur Operasional(ADO)</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+. Sales Marketing
+</diV>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in">
-<p style="line-height: 2">'''Wewenang''' :</p></div>
+'''Wewenang''' :</div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Mengusulkan kepada Direktur atas prosedur pelaksanaan pelayanan proses belajar mengajar
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Menawarkan barang
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mengusulkan kepada Direktur tentang kenaikan honor staff binaannya.
+kepada pelanggan dan mencari pelanggan baru.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mengusulkan kepada Direktur tentang pengangkatan dan pemberhentian staff binaannya.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Memonitoring barang
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Memberikan kebijaksanaan  pelaksanaan layanan pada bidangnya.
+pesanan dari gudang sampai ditangan .</li></ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mengusulkan kepada Direktur tentang unit layanan baru yang dibutuhkan.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Memberikan sanksi kepada staff binaannya yang melanggar tata tertib karyawan.</li></ol>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in">
-<p style="line-height: 2">'''Tanggung Jawab''' :</p></div>
+'''Tanggung jawab'''</div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Bertanggung jawab atas penyusunan kalender akademik tahunan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mencari fakta-fakta dengan riset pasar.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Bertanggung jawab atas pengimplementasian pelaksanaan dan kualitas pelayanan yang berkesinambungan pada bidangnya.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Menjalankan perubahan-perubahan yang terjadi akibat penelitian (pengembangan poduk baru).
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Bertanggung jawab atas kelancaran proses belajar mengajar.</li></ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Memutuskan tentang
+kuantitas (penyusunan anggaran).
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Memutuskan dengan harga berapa barang dijual dan dengan keuntungan berapa (kebijakkan penentapan harga).</li></ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> 4. Staf Gudang</diV>
-<p style="line-height: 2"> 11. Registrasi Perkuliahan dan Ujian(RPU)</p></div>
+'''Wewenang''' :</div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mengatur barang masuk
+dan keluar.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Membuat permintaan barang untuk stok barang
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2"> Bagian registrasi perkuliahan dan ujian terdiri dari dua bagian antara lain:</p></div>
+'''Tanggung Jawab''' :</div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in">
-<p style="line-height: 2">A. Layanan Registrasi Mahasiswa (LRM)</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in">
-<p style="line-height: 2">'''Wewenang''' :</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Berwenang memberikan kebijakan yang berhubungan dengan proses registrasi mahasiswa.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Mengetahui stok barang
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Memberikan kebijakan pelaksanaan layanan pada bidangnya
+yang ada digudang.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Memberikan sanksi kepada staff binaannya yang melanggar tata tertib karyawan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Bertanggung jawab atas kedatangan barang dan keadaan barang serta jumlah barang.</li></ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mengusulkan kepada ADO untuk pengangkatan dan pemberhentian staff binaannya.</li></ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> 5. Sopir (Pengiriman barang) </diV>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> '''Wewenang''' :</div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in">
-<p style="line-height: 2">'''Tanggung Jawab''':</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Bertanggung jawab atas pelaksanaan registrasi POM mulai dari persiapan hingga pada penutupan setiap semesternya.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Menerima perintah yang
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Bertanggung jawab atas pelaksanaan registrasi batal tambah dan jumlah mahasiswa yang melakukan POM.
+diberikan untuk tugas keluar terutama mengirim barang, meberikan tanda terimakepada pelanggan atau pun tagihan.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Bertanggung jawab atas seluruh informasi mengenai registrasi mahasiswa.</li></ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dapat mengatur jadawal
+kiriman.</li></ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Tanggung Jawab''' :</div>
-<p style="line-height: 2">B. Perkuliahan dan Ujian (PU)</p> </div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in">
-<p style="line-height: 2">'''Wewenang''' :</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mengusulkan kepada ADO atas prosedur pelaksanaan pelayanan proses belajar mengajar serta kebijakan yang diambil.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Mengirimkan barang
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mengusulkan kepada ADO tentang pengangkatan dan pemberhentian staff binaannya.
+sampai tujuan dengan waktu yang ditentukan.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Memberikan sanksi kepada staff binaannya yang dianggap telah melanggar tata tertib karyawan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Bertanggung jawab
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mengusulkan kepada kepala jurusan untuk kelas perkuliahan yang dapat dibuka.</li></ol>
+terhadap barang-barang yang dikirim serta terhadap kendaraan (mobil atau motor).</li></ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in">
-<p style="line-height: 2">'''Tanggung Jawab''' :</p></div>
-<ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Bertanggung jawab atas pelaksanaan dan pendokumentasian perkuliahan dan ujian.</li> </ol>
 ==Tata Laksana Sistem Yang Berjalan==
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2"> </p></div>
 ===Prosedur Sistem Yang Berjalan===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> Pelanggan yang ingin membeli dapat langsung
-<p style="line-height: 2"> </p></div>
+datang ke toko  CV Multi Bisnis Selaras  atau dengan via telpon. Berikut rincianprosedur  yang berjalan diantaranya :</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">ą Prosedur pelanggan</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Pelanggan dapat memilih barang dengan melihat sample barang telah dipajang dan dapatmelihat brosur untuk power tools. Dandapat melakukan transaksi.</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">b. Prosedur gudang</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Proses prosedur ini menerima permintaanyang telah ditulis untuk di siapkan barang dan kemudian di berikan kepadapelanggan.</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">c. Prosedur manager utama
+Pemilik CV Multi Bisnis Selaras yangbertugas mengawasi karyawan yang berkerja dan menerima laporan penjualan setiapharinya.</div>
 ===Rancangan Prosedur Sistem Berjalan===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> Prosedur sistem yang berjalan yang telah diuraikan pada sub-bab sebelumnya, diatas dapat dilihat pada ilustrasi gambar berikut:</div>
-<p style="line-height: 2"> </p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/5JXhhN3X0JgfOThC7EfptVU_PpVX-kOEbOUu6JAbVQ=w357-h465-no"/></div>
+<p style="text-align: center;">
+Gambar 3.3 Gambar Ilustrasi Prosedur Sitem Berjalan.</p>
 ==Analisa Sistem Yang Berjalan==
+===Metode Analisa Sistem===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5">
+<p style="line-height:2"> SWOT adalah identifikasi berbagai faktor secara sistemastis untuk merumuskan strategi perusahaan. SWOT terdiri dari <i>Strengths, Weakness, Opportunities, Threats</i>
+yang dianalisa oleh CV Multi Bisnis Selaras untuk menentukan langkah-langkahstrategis, tabel pemetaan strategi SWOT CV Multi Bisnis Selaras sebagai berikut. </p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/4AFQYOAJ7GpTGCksDYPSFUQZX-7X5vD4tB7aG8bv5A=w524-h507-no"/></div>
+<p style="text-align: center;">Gambar 3.4 matrik <i>internal</i> SWOT</p>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/oF04xSJFZHloICbWcchbbjeNjSfNdqI6Vcl9UyehCw=w505-h534-no"/></div>
+<p style="text-align: center;">Gambar 3.4 matrik <i>external</i> SWOT</p>
+==Analisa Masukan, Analisa Proses, Analisa Keluaran==
+===Anilsa Masukan===
+<ol>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2"> </p></div>
+<p style="line-height:2">1.  Nama Masukan        : Order.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> Fungsi        : Melakukan pesanan.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> Sumber        : Pelanggan.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Media          : Kertas.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">  Rangkap        :1(satu) lembar.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">  Frekuensi      : Setiap ada pesanan baru.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">  Keterangan      : Berisi pesanan pelanggan</p></div></ol>
-===Metode Analisa Sistem===
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2"> </p></div>
+<p style="line-height:2">2.  Nama Masukan    :Barang.</p><div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">  Fungsi        : Mengetahui info dan stok  barang.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">  Sumber        : Pengelola barang dan supplier.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">  Media          :Komputer, kertas.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">  Rangkap        :1 (satu) lembar.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">  Frekuensi      : Setiap ada pengurangan dan pemasukan barang.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Keterangan        :Berisi stok dan detail barang yang ada.
+</p></div>
-===Analisa Masukan, Analisa Proses, Analisa Keluaran===
+===Analisa Proses===
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2"> </p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">1.    Nama Proses      :From konfirmasi order.
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Masukan          : Konfirmasi order.
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Keluaran      : Laporan orderan yang masuk.
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Ringkasan Proses : Pada proses ini orderanditerima dan dapat  disiapkan barangpermintaan.</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">2.    Nama Proses      :Perhitungan stok.
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Masukan      : Rekap stok.
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Keluaran    : Laporan stok barang digudang.
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Ringkasan Proses        : Pada proses ini dibuatdaftar stok barang  berdasarkan dari barang yang masuk dan barang yang keluar.</div>
+===Analisa Keluaran===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">1.  Nama Keluaran    : Nota
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Fungsi          : Berisikan daftar barang, harga dan quantity.
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Media          : Kertas.
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Rangkap        : 2 (dua) lembar.
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Distribusi      : Lembar 1 untuk pelanggan. Lembar 2 untuk administrasi.
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Keterangan      : Laporan penjualan untuk dapat diperiksa harganya.</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">2. Nama Keluaran          : Laporan stok barang.
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Fungsi                          : Bukti bagi manajer utama untuk mengetahui stok barang  yang ada.
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Media                          : Kertas
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> Rangkap : 2 (dua) lembar.
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Distribusi                    : Lembar 1 untuk manager utama. Lembar 2 untuk admin gudang.</div>
 ==Konfigurasi Sistem Berjalan==
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2"> </p></div>
+<p style="line-height:2">Konfigurasi sistem yang berjalan saat ini :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">1.    Spesifikasi Perangkat Keras (Hardware)</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">a. Prosessor  : Core 2 duo.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">b.  Monitor    :  LCD 19,5”.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">c. Mouse      : USB.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">d. RAM        : 1 GB.</p><div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">e. Hardisk    : 40 GB.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">f. Keybord  : USB.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">g. Printer      : Epson dan Lazer z 1600.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">2. Spesifikasi Perangkar Lunak  (Software)</p></div>
+<ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">a.    Microsoft Office 2007.</p></div></ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">3.        Hak Akses <i>(Brainware)</i></p></div>
+<ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">a.  Direktur Utama.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">b.  Administrasi.</p></div></ol>
 ==Permasalahan yang dihadapi dan Alternatif Pemecahan Masalah==
+=== Permasalahan yang dihadapi===
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2"> </p></div>
+Dari hasil penelitian yang dilakukan terdapat beberapa kekurangan dan masalah yang terdapat pada prosedur sistem yang berjalan, diantara lain yaitu :</div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Kenaikan biaya-biaya operasional misalnya biaya pengiriman, biayabensin, biaya tol.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Dalam penjualan ini masih menggunakan pembayaran secara tunai melalui sopir, dimanatelah disepakati bersama baik oleh pihak perusahaan dan juga pelanggan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Penyajian pengolahan data stok barang yang manual mengakibatkan  penulisannya tidak rapi dan data tidak berurutan.</li></ol>
+===Alternatif  Pemecahan Masalah===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Untuk mengatasi permasalahan permasalahan diatas, maka diperlukan adanya sistem terkomputerisasi. Adapun alternatif pemecahan masalah yang diusulkan adalah sebagai berikut :</p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"><p style="line-height:2">Menekan
+biaya-biaya operasional perusahaan dengan membuat toko online. Biaya penyewaan ruko rata-rata sekitarRp.15.000.000,00/tahun sedangkan toko online dengan biaya maksimal rata-rata Rp2.500.000,00/  tahun.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"><p style="line-height:2">  Pembayaran dilakukan dengan transfer sehingga lebih fleksibel dalam hal waktu pembayaran.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"><p style="line-height:2">Mengembangkan sistem penjualan dengan menambahkan informasi stok yangrapi dan stok itu dapat ter-update secara langsung jika terjadi pembelian (transaksi).<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Penjualan yang tidak mengenal adanya
+batasan waktu untuk membeli barang atau produk.</p></li></ol>
 ==User Requirement==
 ===Elisitasi Tahap I===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Elistasi Tahap 1 merupakan daftar yang diperoleh dari hasil pengumpulan data dari laporan yang telah dilakukan dengan cara observasi dan wawancara.</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/ptW9SSkkmEPEyIZzXE6FrfldajgNS0-0BzHBgWCSZLGlqDeQWr1_7GJWpv--7rcpQVC96DttKr7FWzF4Np662PlDyT0gGmh1TbgH_Q4aMtBOlJhmkiw7hbeziE2QPHi856FDj0uXpnCHUGEO3fg6Dt4VfELt4tzLMlskYis7sUixW2AJ2mjpzY9l2JmgGe80UtOD0_iOIXnewhVDrow4ptHCXKlfP1IQ6SVwtPClik_vH_JEkAmphRbUWrNUn7bRfiua65ghQYawyKfGDEAwps-tm-r-f8NwI90WUjGc1Xzygz0RAZLoP-QSXlstVawtHfEvqJSGNoLr6kOuL0FS83XPbJen4ncUWpiTlXQtxHTcjdXTPWY0fehxS0X2YWVHSTMrI4708mfwPqk_r_kAyMUlvIsW1X4gfiWh7DXjWpA1hYm93K1-92QqYlILZK8H-J2HzpvMfzZRdk3Vd5r0YgYZTBUmuwwoo2RsUfObt3eHh0bpyEu5AY2S5RpwNUQ_ZrMp1A1RL0Gk7WYx4-dxAm-7UEgeZwWBy3Wi_Q-EvPo=w98-h220-no"/></div>
+<p style="text-align: center;">Tabel 3.1 Elisitasi Tahap I</p>
 ===Elisitasi Tahap II===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> Elisitasi Tahap II dibentuk berdasarkan Elisitasi Tahap I yang kemudian diklasifikasikan melalui metode MDI. Berikut penjelasan dari beberapa <i>requirement</i> yang diberi <i>opsi Inessesial </i>(I) dan harus dieliminasi.</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/_gOUJ4TmmM4eIqcpYhHhn4merE-FOWQ4-GQzkOFhxNF0nTs7C87CHqkFNUadl0vL6eHPI2MMbxcRCjbYCM2ZRsu8K6Tr_2MJkCSapDA1miRdYLQGj7etbn9ue-nLV641WVPGH1Va-mimUQ7NCNalUeM5xpth98qpYlGmy4_xPaMFqTHXZfzCEfMSYOMHhDZUElbSeflb7R9LtXvLukl2V-fPw0IWLcLH4ACO_8Sg3-ef3sl4QjD1PwJ1Rh2Zq5xACymTmbT-CpH0eVPI0gjJjoSm_O0GNX4DxfhxMIyHW30hYe7qNk-0eU2IPlWWwFLtnTfFtz_y1Br-Wa2OR8O3zhcxiyRT5EZxKRFhiJN8bT2UBjk3RboK4XBBevIgGInB34avIOiVJP1NY4O36Sz0cs7QRcR209BOyrSn9au50CzLSYOTpXJ_0JSsamU3L9tcwWSgUYxAcATGc7PBDdvHUcQ5g33QqV9ZApWvKB4LdJIgSkA95azplfugU2wLDEaeDzQ_ETB1jw1uAtp4zQuct6MCK4kCSxVor8iGhFrdj4k=w163-h396-no"/></div>
+<p style="text-align: center;">Tabel 3.2 Elisitasi Tahap II</p>
 ===Elisitasi Tahap III===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Berdasarkan elisitasi tahap II diatas, maka dibentuklah elisitasi tahap III yang diklasifikasikan kembali dengan menggunakan metode TOE dengan opsi HML. Terdapat requirement yang opsinya High (H) harus di eliminasi. Penjelasan detail dapat dilihat pada table di bawah ini.</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/DpgQRO1-nzY97B_fWUIgZweIy8oeSJc_QMpHdPIAgFvQn0_7lGiSYO7BHYnOvRuqZ10tCRwH1oaIYQyVOIifEmEgen0CHrYheUPWaEm9ukDpqtSZPFw1pzLTea-k-h0LHo1O7zrUHPoh7pt9AQQoy-R3dh8aR2SqQkBkR8NvIX-Y2xe7vW48G0Ul0CdADQ76DxaV_nfMPkfXmruxyQRmui3S8IvIDYzwRp7damoN6cUqC1kFM5z6wO7R6yKy1mfnsGKkv3MN7-npPu3cgiX3eNN5pH1Q8GnlgqmcaEcTdZp395JJMH-moa-Mpw8s9y4Pans5ortjYvPvhNeR-v7esxFrpNc6KedjgpLQUZ3cq1YoiDU2SAeGvzVGF5aXRCRKW2Kj-R1eLJ6_tw7XIUHugxKcub1tbMqp-vhmPkJXXtIKF3RlaaLqnA4AX1W1Idcc4PjrNyaL-1xX2Wxy7S1zS1hrViIoghGghUMauOTAP0dvxGpdcrRYNu5nYeuoLBgaKMRhAkbjV5pCzbNtttYp-c7rIcUlkYNuZR4deHhW-ok=w172-h421-no"/></div>
+<p style="text-align: center;">Tabel 3.3 Elisitasi Tahap III</p>
 ===Final Draft Elisitasi===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Elisitasi final merupakan bentuk akhir dari tahap-tahap elisitasi yang dapat dijadikan acuan dan dasar untuk menerapkan sistem penjualan online. Berdasarkan elisitasi tahap III diatas, maka menghasilkan <i>requirement final draft</i> elisitasi yang dapat dilihat pada tabel diberikut ini.</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/1oaG7l_FkPJu762_UpFTIpLXp8njGZxVTT2MDljQhvyFm37D4rF8bO_nTjREruRwGbx2M4DDgUzXRB_nKOhyQkSZbvpEE1wT_JW34XXXhkSz5N-3fhOXhL987tDvl6lmKSOTSGMMylAUjut3a-ip2yuDoTtT4MupJY27vrXZlc87yjxKrhXEj9itq_2Xn_OKyQMJxnCVUieZPcg_eF1YvrMCw3FY9k6X8EsBGTSmf1GWlONgKryV7hZJS3Fjaus_CuoE6-5sqdkoQ4UTIxuemLzDdVNXhU-BA4OVO1makFWZgJlUTu9ESVJahzc1YW1Epr7JbA0n02PoFm5muQ63mowQm3F9aM4JqmJlFEqMqsn5APFtP1vLQ7wvfgrRNT8DL0XcFeiDwMiW-0QWBWQA0XJrkR8EKtaP7q_CrqX2G_xV5W6Iae3GBq9EHPlbPK8e074F1zUAHxLfbeTuQMOM_sr5hkm6_d8ci0mvy_4bT8wwcUIUYCt7d_tgTGZSZ0f2XLmswnrLvzz1dWfqXoZLyszWe2CiIZpfn0qZfff-8hM=w178-h433-no"/></div>
+<p style="text-align: center;">Tabel 3.4 Elisitasi Tahap IV</p>
@@ Baris 920: / Baris 1.648: @@
 ==Rancangan Sistem Usulan==
 ===Prosedur Sistem Usulan===
-===Use Case Diagram Sistem Yang Diusulkan===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-===Activity Diagram Yang Diusulkan===
+<p style="line-height:2">Berdasarkan analisis sistem yang sudah berjalan,maka diketahui bahwa sistem yang saat ini sedang berjalan masih berupa sistemyang belum memenuhi kebutuhan di dalam kegiatan penjualan dari segi pelayanansampai ke laporan penjualan. sistem yang diusulkan adalah sebuah sistem yangdidapat dari proses analisis pada sistem lama yang bertujuan untuk memperbaikiatau mengembangkan pada sistem yang lama. Berikut rincian sistem yangdiusulkan:</p></div>
-===Sequence Diagram Yang Diusulkan===
+<ol>
-===Perbedaan Prosedur Antara Sistem Berjalan dan Sistem Usulan===
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">
+<p style="line-height:2">Prosedur pelanggan yang diusulkan adalah suatu sistem yang dapat diakses melaluijaringan internet menggunakan PC atau perangkat lainnya yang digunakan  untuk melakukan transaksi jual beli barang.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">
+<p style="line-height:2"> Prosedur pemesanan yang diusulkan adalah pelanggan dapat langsung untuk memilih barang yang adadalam katalog produk serta dapat mengetahui detail informasi dan spesifikasiproduk.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">
+<p style="line-height:2">Prosedur pembayaran yang diusulkan adalah pengirim tidak menerima uang hasil transaksi,melainkan pelanggan harus mentransfer kebank yang telah ditentukan oleh pihakpenjual.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">
+<p style="line-height:2">Prosedur pengiriman  Prosedur yang diusulkan pada pengiriman adalah menerimaan orderan dan data pelanggan.Kemudian pelanggan dapat memilih pengiriman melalui jasa pengiriman.</p></li></ol>
+===Diagram Rancangan Sistem===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">
+Untuk menganalisa sistem yang diusulkan, pada penelitian ini digunakan program <i>Visual Paradigm for UML 8.0 Enterprise Edition</i> untuk menggambarkan <i>Use Case Diagram, Activity Diagram, Sequence Diagram.</i></p></div>
+====<i>Use Case Diagram</i> Sistem Yang Diusulkan====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Berikut ini adalah use case diagram yang digunakan untuk menggambarkan proses  pembelian on-line CV Multi Bisnis Selaras</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/4IoC-G3InN7g6tx1DfIwusjWEmwZ-1X3fL_Dpwe6cg=w369-h232-no"/></div>
+<p style="text-align: center;">Gambar 4.1 <i>Use Case Diagram</i> yang diusulkan</p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Berdasarkan gambar 4.1 Use Case Diagram diatas:</p></div>
+<ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">1.      Nama Use Case  : Registrasi pelanggan.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Aktor                    : Pengunjung</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Keterangan            : Use case ini menggambarkan sistem dimana pengunjung harus melakukan registrasi untuk melakukan login pelanggan.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">2.      Nama Use Case    :Login pelanggan, admin dan direktur.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Aktor                    : Pelanggan, admin, direktur.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Keterangan            :Melakukan login dengan mengisi identitas untuk hak akses, seperti memasukan username dan password.</p></div></ol>
+<ol><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">3.      Nama Use Case    : Order produk</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Aktor                    : Pelanggan</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Keterangan          :Use case ini menggambarkan dimana pelanggan melakukan order produk, mendapatkan konfirmasi pengiriman serta melakukan transfer pembayaran.</p></div></ol>
+<ol><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">
+.      NamaUse Case    :Memproses transaksi penjualan</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Aktor                    : Admin</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Keterangan            : Use case ini menggambarkan kegiatan admin dalam memproses data,mengupdate stok barang, mengupdata informasi barang, memproses orderan masukdari pelanggan, melakukan konfirmasi mengenai pembayaran, konfirmasi dalampengiriman serta membuat laporan penjualan.</p></div></ol>
+<ol><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">5.      Nama Use Case : Menerima laporan penjualan</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Aktor                  :Direktur</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Keterangan        : Usecase ini menggambarkan direktur meneriman laporan penjualan yang telah dibuat oleh admin.</p></div></ol>
+<ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">6.        Nama UseCase : Pengiriman</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Aktor                    : Kurir</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Keterangan          :Use case ini menggambarkan kurir melakukan pengiriman kepada pelanggan.</p></div></ol>
+====<i>Activity Diagram</i> Yang Diusulkan====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"><i>Activity diagram</i> menggambarkan proses bisnis dan urutan aktifitas dalam sebuah proses, yang mana dipakai pada <i>business modelling</i> untuk memperhatikan urutan aktifitas proses bisnis karena bermanfaat untuk membantu memahami proses secara keseluruhan dalam memodelkan sebuah proses.</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/89GeUR8i92D-Yv6jhxIdo2oQ6cqQRNpEIE953oBucQ=w828-h437-no"/></div>
+<p style="text-align: center;">Gambar 4.2 <i>Activity diagram</i>  yang diusulkan</p>
+<ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">1. Nama Activity Diagram      : Login pelanggan</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Aktor                                  :Pelanggan</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Keterangan                          :Activity Diagram menggambarkan dimana pelanggan saat login terjadi gagal maka akan kembali
+kemenu login tersebut untuk memasukkan data yang benar, jika login berhasil maka dapat melakukan transaksi atau mengorder barang.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">2.      Nama Activity Diagram      : Proses transaksi</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Aktor                                  :Admin</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Keterangan                          :Activity Diagram mengambarkan admin menerima order masuk dan memproses
+transaksi melakukan konfirmasi pengiriman sampai membuat laporan transaksipenjualan untuk direktur.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">3.      Nama
+Activity Diagram      : Proses pengiriman</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Aktor                                  : Kurir</p></div>
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Keterangan                          : Activity Diagram mengambarkan pihak kurir mengirim barang kepada
+pelanggan.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">4.      Nama
+Activity Diagram      : Laporan</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Aktor                                  :Direktur</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Keterangan                          :Activity Diagram mengambarkan direktur menerima laporan dari admin
+mengenai laporan transaksi penjualan yang telah dilakuakan.</p></div></ol>
+====Sequence Diagram  Yang Diusulkan ====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">SequenceDiagram menggambarkan interaksi antara objek di dalam dandisekitar sistem (termasuk pengguna, displaydan sebagainya) berupa message yangdigambarkan terhadap waktu. </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">1.      Sequence Diagram login </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Berikut ini adalah gambar sequence diagram untuk login pelanggan, admin dan direktur utama :</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/qQfArrRABDChs6WzVFSqbuSbn6VFsqF9Y69ni6UiBA=w546-h325-no"/></div>
+<p style="text-align: center;">
+Gambar 4.3 <i>Sequence Diagram login</i> pelanggan</p>
+<ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Berdasarkan gambar 4.3 Sequence Diagram diatas berikut ini adalah penjelasanya:</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Nama sequence Diagram    : Login Pelanggan</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Aktor                                  :Pelanggan</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Keterangan                          :Sequence Diagram  menggambarkan Melakukan login dengan mengisi identitas untuk hak
+akses, seperti memasukan username dan password  untuk melakukan validasi login. Jika validasi tersebut berhasil maka akan dapat melakukan order barang.</p></div></ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">2. Sequence Diagram pemesanan barang</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Berikut ini adalah gambar sequence diagram untuk melakukan pemesanan  barang: </p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/jz_es5i1cJDRX4MFBClCd0VeDgnqGbwk672C3vljcA=w718-h367-no"/></div>
+<p style="text-align: center;">Gambar 4.4 Sequence Diagram pemesanan barang</p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Berdasarkan gambar 4.4 Sequence Diagram diatas berikut ini adalah penjelasanya:</p></div>
+<ol><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> Nama sequence Diagram  : Pemesanan barang</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Aktor                                :Pelanggan</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Keterangan                      :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">a.      Pelanggan melakukan pemesanan barang dengan masuk ke katalog produk.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">b.      Memasukan barang kekeranjang belanja, dimana keranjang belanja digunakan sabagai media
+penyimpanan sementaara (temporer) data-data produk yang dipilih oleh pelanggan.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">c.      Pada keranjang belanja pelanggan dapat meng update barang-barang yang telah dipilihnya dalam hal jumlah yang inginb dipesan. </p></div></ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">3. Sequence Diagram menambah Kategori Barang</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Berikut ini adalah gambar <i>sequence diagram</i> untuk melakukan menambah kategori barang:</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/Ngr8Zbgea6mcolzaS8A83IrOcme7L_Ge6H-33XfSTw=w454-h322-no"/></div>
+<p style="text-align: center;">Gambar 4.5 Sequence Diagram menambah kategori barang.</p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Berdasarkan gambar 4.5 Sequence Diagram diatas berikut ini adalah penjelasanya :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Nama sequence Diagram  : Menambah kategori barang</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Aktor                                :Admin</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Keterangan                      :</p></div>
+<ol><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">
+a.    Masukkemenu kategori barang.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">b.    Klik
+add kategori barang maka akan muncul tabel tambah kategori barang memasukkannama kategori barang untuk selanjutnya disimpan kedalam database.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">c.    Setelah
+disimpan maka akan menampilkan daftar kategori barang dan terdapat edit danhapus.</p></div></ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">4. <i> Sequence Diagram</i> menambah Merk Produk</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Berikut ini adalah gambar sequence diagram untuk menambah Merk  produk:</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/z_-caNMFOadQs7owXn7rFMBrMIcl6SV6I7Pfn6RXNA=w452-h317-no"/></div>
+<p style="text-align: center;"> Gambar 4.6 Sequence Diagram menambah merk  produk</p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> Berdasarkan gambar 4.6 Sequence Diagram diatas berikut ini adalah penjelasanya :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Nama sequence Diagram          : Menambah
+Merk produk</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Aktor                                          :Admin</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Keterangan                                :</p></div>
+<ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">a.      Admin Masuk ke merk produk</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">b.      Klik
+add merk produk maka akan muncul tabel merkproduk memasukkan merk produkselanjutnya disimpan.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">c.      Setelah
+disimpan maka akan menampilkan daftar merk dan terdapat edit dan hapus.</p></div></ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> 5. Sequence Diagram menambah Produk</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Berikut ini adalah gambar sequence diagram untuk menambah produk:</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/gKPExikAmNRxly6_GOdRg8S8qe49lTV0Iu_7kEVqig=w474-h322-no"/></div>
+<p style="text-align: center;"> Gambar 4.7 Sequence Diagram menambah  produk</p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Berdasarkan gambar 4.7 Sequence Diagram diatas berikut ini adalah penjelasanya:</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Nama sequence Diagram        : Menambah Merk produk</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Aktor                                        :Admin</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Keterangan                              :</p></div>
+<ol><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">a.      Masuk
+kemenu produk</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">b.      Klik
+add produk maka akan muncul tabel tambah produk yang terdapat no, category, merk produk, nama produk,diskripsi, harga, diskon, stok, tanggal masuk dan gambar selanjutnya disimpan.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">c.      Setelah
+disimpan maka akan menampilkan daftar produk dan terdapat edit dan hapus.</p></div></ol>
+====Class Diagram Diusulkan====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Class diagram
+adalah diagram yang menunjukan kelas-kelas yang ada dari sebuah sistem danhubungannya secara logika, class diagrammenggambarkan struktur statis dari sebuah sistem. Berikut ini adalah class diagram sistem yang diusulkan pada CV Multi Bisnis Selaras :</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/5m6DI5_2nlNkORKOBYFUFUpnPtEKtZ28IkWtnwfatA=w827-h561-no"/></div> <p style="text-align: center;"> Gambar4.8 Class Diagram</p>
+===Perbedaan Prosedur Sistem Berjalan dan Sistem Usulan===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Perbedaan prosedur antara sistem berjalan dan sistem usulan dapat dilihat pada tabel dibawah ini :</p></div>
+<p style="text-align: center;">Tabel 4.1 Perbedaan Prosedur sistem berjalan dengan sistem usulan</p>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/44bSA2QSIT8-tKEAlmSXV5g31DWs7ItekDcEZCCqlA=w411-h541-no"/></div>
 ==Rancangan Basis Data==
-===Normalisasi===
+===Spesifikasi Basis Data (Database)===
-===Spesifikasi Basis Data===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Spesifikasi database merupakan desain basis data yang dianggap telah normal.
+Dasain database  menjalankan media penyimpanan yang digunakan,isi data (record) yang disimpan, primary key, panjang record. Berikut ini adalah struktur database yang digunakan dalam sistem penjualan online pada CV Multi Bisnis Selaras :</p></div>
+<ol><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> 1.    Nama File              : Admins</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> Media                    : Harddisk</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> Jenis Tabel : Pendukung</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> Primary Key          :  Panjang Record    : 164 Karakter</p></div></ol>
+<p style="text-align: center;">Tabel 4.2 Spesifik Tabel admins</p>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/P1JNfsdjMP5p_QgRREexq244Q4vL6ZYYxE72FWHSpA=w343-h265-no"/></div>
+<ol><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">2. Nama File              : Orders</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Media                    : Harddisk</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Jenis Tabel : Master data</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Primary Key          : id_orders</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Panjang Record    :  267 Karakter</p></div></ol>
+<p style="text-align: center;"> Tabel 4.3 Spesifik Tabel orders </p>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/Kg1QCNbwRaNnY4N13S5fjZgySQs-LI26tnzsdrztCQ=w404-h451-no"/></div>
+<ol><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">3. Nama File              : Orders_detail</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Media                    : Harddisk</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Jenis Tabel : Transaksi</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Primary Key          : id_orders</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Panjang Record    : 15  Karakter</p></div></ol>
+<p style="text-align: center;"> Tabel 4.4 Spesifik Tabel orders_detail</p>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/fmKfAZyYS3tRyaRy7Kh7FCdjD5Mi5X8D3w-g8hTENg=w396-h135-no"/></div>
-==Flowchart System yang diusulkan==
+<ol><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">4.  Nama File              : Kategori</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Media                    : Harddisk</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Jenis Tabel : Master data</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Primary Key          : id_kategori</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Panjang Record    :  55 Karakter</p></div></ol>
+<p style="text-align: center;"> Tabel 4.5 Spesifik Tabel kategori</p>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/8DRYzJIt4j0BCuVHzOXAf1H_-uZbp82UlgyFu7S6mA=w377-h81-no"/></div>
+<ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">5.  Nama File              : Merk_produk</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Media                    : Harddisk</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Jenis Tabel : Master data</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Primary Key          : id_merk_produk</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Panjang Record    :  55 Karakter</p></div></ol>
+<p style="text-align: center;"> Tabel 4.6 Spesifik Tabel Merk produk</p>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/kRbi3_WZsHjfs3a624YoLDQ9Ky-KbDPRO9dusS77uw=w379-h80-no"/></div>
+<ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">6. Nama File              : Users</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Media                    : Harddisk</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Jenis Tabel : Master data</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Primary Key          :-      </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Panjang Record    : 263 Karakter</p></div></ol>
+<p style="text-align: center;"> Tabel 4.7 Spesifik Tabel users</p>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/UltAF04kkBkGkPcbsmqggTyamhK3TqpXKU-RazGz5A=w368-h236-no"/></div>
+<ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">7.  Nama File              : Produk</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Media                    : Harddisk</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Jenis Tabel : Master data</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Primary Key          : id_produk</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Panjang Record    : 352 Karakter </p></div></ol>
+<p style="text-align: center;"> Tabel 4.8 Spesifik Tabel produk</p>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/agNGfVwCicCZm-abc8BATVvNB_6pZtaRA1_8qn6Z4Is=w371-h308-no"/></div>
+<ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">8. Nama File              : Orders_temp ( keranjang belanja)</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Media                    : Harddisk</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Jenis Tabel : Transaksi </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Primary Key          : id_orders_temp</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Panjang Record    : 74 Karakter </p></div></ol>
+<p style="text-align: center;"> Tabel 4.9 Spesifik Tabel Keranjang Belanja</p>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/LXxgVMNHNXQa_tuX51FJac0phTaDQH23JeYzqqGew2E=w381-h190-no"/></div>
+<ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">9. Nama File              : Kota</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Media                    : Harddisk</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Jenis Tabel : Transaksi </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Primary Key          : id_kota  </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Panjang Record    : 117  Karakter</p></div></ol>
+<p style="text-align: center;"> Tabel 4.10 Spesifik Tabel Kota</p>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/NCHhzEwxDRisuWdJ6snUe1FDt_2I8lA9YpXhUJDprik=w372-h122-no"/></div>
+<ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">10. Nama File              : Hubungi</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Media                    : Harddisk</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Jenis Tabel : Pendukung</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Panjang Record    :  233 Karakter</p></div></ol>
+<p style="text-align: center;"> Tabel 4.10 Spesifik Tabel hubungi</p>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/BbVniCzM4r5seWmDBEmJG0mj0jCpN2X_yiH1GqdKtms=w376-h167-no"/></div>
+<ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">11.  Nama File              : Bank</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Media                    :Harddisk</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Tipe file                : pendukung</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Primary Key          : id_bank</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> Panjang Record    : 170 Karakter</p></div></ol>
+<p style="text-align: center;"> Tabel 4.11 Spesifik Tabel Bank</p>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/sZFpchBhot5P-eznhZi2jCML67nEWmLbwvUjbQrhsiM=w370-h146-no"/></div>
+==Rancangan Prototipe ==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Tujuan dalam  membuat prototipe adalah untuk mempercepatdan mempermudah dalam memvisualisasikan desain alternatif dan konsep. Berikut
+ini adalah  rancangan prototipe dariperancangan sistem penjualan onlinepada CV Multi Bisnis Selaras</p></div>
+===Rancangan Prototipe Halaman Pelanggan===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Dibawah ini adalah contoh gambar rancangan prototipe pada tampilan halaman
+pelanggan.</p></div>
+====Halaman Index====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Dibawah ini adalah contoh gambar rancangan prototipe pada tampilan halaman index.</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/jA2nxLScMXgSWE9gd8a2Uru6EwL9UlSztmRxMJzZm1Q=w435-h483-no"/></div>
+<p style="text-align: center;">Gambar 4.9 Halaman tampilan index</p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Berdasarkan gambar 4.9 Halaman tampilan index diatas berikut ini adalah penjelasanya:</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">1.      Fungsi halaman index adalah untuk menampilkan tampilan halaman utama yang akan pertama kali diakses oleh pelanggan.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">2.      Tampilan index adalah sebagai saranan untuk melakukan penjualan online, dimana dicantukkam barang dan fasilitas lainnya.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">3.      Dalam tampilan index terdapat menu-menu sebagai berikut</p></div>
+<ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> a.      Logo</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> b.      Banner</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> c.      Beranda</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> d.      Produk</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> e.      Spesial produk</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> f.      Login pelanggan</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> g.      Kontak kami</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> h.      Cara pembelian</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> i.        Kategori</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> j.        Merk produk</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> k.      Cari produk</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> l.        Keranjang belanja</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> m.    <i>Customer online</i></p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> n.    Statistik penggunjung</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> o.    <i>Footer</i></p></div></ol>
+====Halaman Katalog Produk====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Dibawah ini adalah contoh gambar rancangan prototipe pada halaman katalog produk.</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/TEFgRIjROjd3je-TGnGn8iElcj2ldzwN-dtcDuqNNBw=w407-h360-no"/></div>
+<p style="text-align: center;">Gambar 4.10 Halaman tampilan index</p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Berdasarkan gambar 4.10 Halaman tampilan katalog produk diatas berikut ini adalah penjelasanya:</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">1.      Fungsi halaman tampilan katalog produk
+adalah untuk menawarkan atau sebagai media promosi untuk menjual barang.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">2.    katalog produk ini sangat penting dalam
+melakukan media penjualan.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">3.      Halaman katalog produk itu berisi
+gambar-gambar produk, detail barang dan harganya.</p></div>
+====Halaman Keranjang Belanja====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Dibawah ini adalah contoh gambar rancangan prototipe pada tampilan
+halaman keranjang belanja</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/5-C2YjmnZd1FQ3NBrhlZLtvy02C-RA-7Mcow3FGYyTc=w428-h230-no"/></div>
+<p style="text-align: center;">Gambar 4.11 Halaman keranjang belanja</p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Berdasarkan gambar 4.11 Halaman keranjang belanja diatas berikut ini adalah penjelasanya :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">1.  Keranjang belanja berfungsi untuk
+menyimpan data-data barang yang ingin di beli oleh pengunjung website kita.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">2.    Dalam tampilan keranjang itu sangat
+penting sebagai penyimpanan sementara saat melakukan pembeliaan.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">3.
+Halaman keranjang terdapat menu-menusebagai berikut.</p></div>
+<ol> <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">a.    No</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">b.    Gambar  </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">c.    Nama produk :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">d.    Qty</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">e.    Harga</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">f.    Sub total</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">g.    Hapus</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">h.    Lanjut belanja</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">i.      Update keranjang</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">j.      Selesai</p></div></ol>
+====Halaman Detail Produk====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> Dibawah ini adalah contoh gambar rancangan prototipe pada tampilan halaman detail produk.</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/25KQNm6rsv4rWfBiioUGqxrTpSFEhZSWlZyIpb9SwYk=w413-h262-no"/></div>
+<p style="text-align: center;">Gambar 4.12 Halaman Detail produk</p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> Berdasarkan gambar 4.12 Halaman detail produk diatas berikut ini adalah penjelasanya. </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">1.      Halaman detail produk berfungsi untuk menampilkan spesifik produk.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">2.      Tampilan detail produk untuk menyampaikan lebih jelas tentang keterangan produk misalnya berat produk.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">3.      Halaman detail produk terdapat menu-menu sebagai berikut:</p></div>
+<ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">a.      Kategori barang</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">b.      Diskripsi</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">c.      Harga</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">d.      Stok</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">e.      Beli</p></div></ol>
+====Halaman Registrasi Pelanggan====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Dibawah ini adalah contoh gambar rancangan prototipe pada tampilan halaman registrasi pelanggan</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/3TLmMxLB4pRDHi7ixh_SK9f7wJVGVExPbMjOLOYy_Z0=w386-h260-no"/></div>
+<p style="text-align: center;">Gambar 4.13 Halaman registrasi pelanggan</p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> Berdasarkan gambar 4.13 Halaman registrasi pelanggan diatas berikut ini adalah penjelasanya:</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">1.      Halaman registrasi pelanggan berfungsi untuk memasukkan data-data pengunjung untuk menjadi pelanggan.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">2.      Registrasi
+pelanggan sangat penting karena data-data pelanggan untuk konfirmasipengiriman.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">3.      Registrasi
+pelanggan memiliki menu-menu sebagai berikut: </p></div>
+<ol><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">a.      Nama lengkap</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">b.      Username</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">c.      Password</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">d.      Ulangi password</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">e.      Alamat</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">f.      Telepon/ Hp</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">g.      Email</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Kota tujuan</p></div></ol>
+====Halaman Pemesanan====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Dibawah ini adalah contoh gambar rancangan prototipe pada tampilan halaman pemesanan.</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/kOdvv8FaxNfukYSs06q4DS-2BfkOY7mK5KRAF3Kf4HY=w395-h276-no"/></div>
+<p style="text-align: center;">Gambar 4.14 Halaman pemesanan</p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> Berdasarkan gambar 4.14 Halaman pemesanan diatas berikut ini adalah penjelasanya :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">1. Halaman pemesanan atau data pembelian ini berfungsi untuk data pengiriman.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">2. Halaman pemesana ini sangat penting untuk memilih jasa pengiriman yang diinginkan.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">3. Halaman pemesanan barang diatas mempunyai menu-menu sebagai berikut :</p></div>
+ <ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">a. Nama lengkap</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">b. Alamat lengkap</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">c. Telepon/ Hp</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">d. Email</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">e. Jasa pengiriman</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">f. Kota tujuan</p></div></ol>
+===Rancangan Prototype Halaman Administrator===
+====Login Admin====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Dibawah ini adalah contoh gambar rancangan prototipe pada tampilan halaman login admin.</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/1J0p9cU4qrT7h91Ce0eVf_CAp6bkuQic1UEul0IogkY=w385-h253-no"/></div>
+<p style="text-align: center;">Gambar 4.15 Halaman login admin</p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Berdasarkan gambar 4.15 Halaman login admin diatas berikut ini adalah penjelasanya :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">1. Halaman login admin berfungsi untuk memastikan hak akses admin.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">2. Halaman login admin berguna untuk menjaga isi data pada database tersebut.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">3. Dalam login admin memiliki menu-menu sebagai berikut:</p></div>
+<ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">a. Username</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">b. Password</p></div></ol>
+====Halaman Input Produk====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Dibawah ini adalah contoh gambar rancangan prototipe pada tampilan
+halaman input kategori</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/qlWj-ny0kkzSVFLj62_kRxirmKyGTf5OEXNzb95NdMk=w399-h297-no"/></div>
+<p style="text-align: center;">Gambar 4.16 Halaman input kategori</p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> Berdasarkan gambar 4.16 Halaman input produk diatas berikut ini adalah penjelasanya :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">1.      Halaman input kategori berfungsi untuk memasukkan atau menabah kategori barang.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">2.    Halaman input produk sangat penting untuk data kategori barang.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">3.      Halaman input produk ini mempunyai menu-menu sebagai berikut:</p></div>
+<ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">a.      Nama kategori</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">b.    Simpan</p></div></ol>
+====Halaman Input Produk====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Dibawah ini adalah contoh gambar rancangan prototipe pada tampilan
+halaman input merk kategori</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/-e3I6cxSmvV3jpiSoU7TSut7ONpksGnZxEEKZWs-84M=w396-h306-no"/></div>
+<p style="text-align: center;">Gambar 4.17 Halaman input merk produk</p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Berdasarkan gambar 4.17 Halaman input merk produk diatas berikut ini adalah penjelasanya :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">1.        Halaman input merk produk berfungsi untuk memasukkan atau menabah merk produk.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">2.        Halaman input produk sangat penting untuk data merk barang.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> 3.      Halaman input produk ini mempunyai menu-menu sebagai berikut:</p></div>
+<ol>
+<ol><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> a. Nama kategori</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">b.  Simpan</p></div></ol>
+====Halaman Input Produk====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Dibawah ini adalah contoh gambar rancangan prototipe pada tampilan
+halaman input produk.</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/2X9y5nc_JK8Ijv89yoOGlG-jNFldd2LD23iSzC5wRrk=w428-h222-no"/></div>
+<p style="text-align: center;">Gambar 4.18 Halaman input produk</p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Berdasarkan gambar 4.18 Halaman input produk diatas berikut ini adalah penjelasanya :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">1.
+Halaman input produk berfungsi untukmemasukkan data kategori barang  ataujenis barang.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">2.
+Halaman input produk itu sangat pentinguntuk data barang misalnya, ada perubahaan harga barang atau diskon.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">3.
+Input produk mempunyai menu-menu sebagaiberikut:</p></div>
+<ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">a.      Kategori</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">b.      Merk produk</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">c.      Nama produk</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">d.    Diskripsi</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">e.      Harga </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">f.      Diskon</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">g.    Stok</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">h.    Tanggal masuk </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">i. Gambar</p></div></ol>
+====Halaman Pengiriman====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Dibawah ini adalah
+contoh gambar rancangan prototipe pada tampilan halaman pengiriman</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/5oYVvyKHbEq8d41peQUpMIYtZTg9va-4uT8uAq0oCGk=w429-h126-no"/></div>
+<p style="text-align: center;">Gambar 4.19 Halaman pengiriman</p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Berdasarkan gambar 4.19 Halaman pengiriman diatas berikut ini adalah penjelasanya :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">1.      Halaman pengiriman ini berfungsi untuk mengetahui barang-barang yang sedang dikirim atau sudah dikirim.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">2.      Halaman pengiriman ini digunakan sebagai pedoman pengiriman. Misalnaya alamat yang dituju.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">3.      Dalam halaman pengiriman tardapat menu-menu sebagai berikut.</p></div>
+<ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">a.      Tanggal</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">b.      Pengiriman</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">c.      Email</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">d.      Subject</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">e.      Pesanan</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">f.      Actions</p></div></ol>
+====Halaman View Pesanan Masuk====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Dibawah ini adalah
+contoh gambar rancangan prototipe pada halaman view pesanan masuk</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/qSjHsjf9KD5t9n97EBkSgXxHt54MfC4EsBfH5SIDEKc=w432-h160-no"/></div>
+<p style="text-align: center;">Gambar 4.19 Halaman view pesanan masuk</p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Berdasarkan gambar 4.19 Halaman pengiriman diatas berikut ini adalah penjelasanya :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Berdasarkan gambar 4.20 Halaman view pesanan masuk diatas berikut ini adalah penjelasanya :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">1.      Halaman view pesanan masuk berfungsi untuk melihat orderan yang telah masuk.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">2.      Halaman view pesanan masuk sangat penting untuk diproses proses barangnya.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">3.      Halaman view pesanan masuk memiliki menu-menu sebagai berikut:</p></div>
+<ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">a.      No</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">b.      No orders</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">c.      Nama customer</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">d.      Tanggal order</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">e.      Jam status </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">f.      actions</p></div></ol>
+====Halaman View Data Statistik Pengunjung====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Dibawah ini adalah
+contoh gambar rancangan prototipe pada tampilan halaman view data statistik pengunjung</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/tI2T4w2YGqJ94GclXe6jRCE3k8K50KSqb_smxX1zVZM=w402-h229-no"/></div>
+<p style="text-align: center;">Gambar 4.21 Halaman view statistik pengunjung</p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> Berdasarkan gambar 4.21 Halaman view statistik pengunjung diatas berikut ini adalah penjelasanya :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> 1.      Halaman view statistik pengunjung berfungsi untuk menampilakan data pengunjung yang online saat itu dan menghitung jumlah pengunjung yang pernah datang ke toko kita.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> 2.      Halaman view statistik pengunjung adalah sitem penunjang untuk tampilan toko agar lebih menarik.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> 3.      Halaman view statistik pengunjung ini memiliki menu-menu sebagai berikut :</p></div>
+<ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> a.    Pengunjung online</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> b.      Pengunjung hari ini</p></div></ol>
+====Halaman View Data Pengunjung====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Dibawah ini adalah contoh gambar rancangan prototipe pada tampilan halaman view data pelanggan </p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/ViMPIIQqXDNKRRQuotCJpidbJGbyWELIqZ9zs_bhaQM=w430-h147-no"/></div>
+<p style="text-align: center;"> Gambar 4.22 Halaman view data pelanggan</p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> Berdasarkan gambar 4.22 Halaman view data pelanggan diatas berikut ini adalah penjelasanya :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">1.        Halaman view data pelanggan berfungsi untuk menampilkan data-data member atau pelanggan.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">2.        Halaman view data pelanggan untuk mengetahui siapa saja yang telah menjadi pelanggan atau member.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">3.        Halaman view data pelanggan memiliki menu-menu sebagai berikut:</p></div>
+<ol><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">a.    No</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">b.    Nama lengkap</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">c.      Email</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">d.    Alamat</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">e.      Kota</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">f.      Username Actions</p></div></ol>
 ==Rancangan Program==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Pada tampilan layar menu Admin atau Login berada pada halaman login, pada halaman berfungsi
+sebagai hak akses terhadap direktur maupun admin yang masing-masing memiliki tugasnya tersendiri, dan pada penjualan online ini terdapat tampilan home penjualan online untuk masing-masing pengguna yaitu untuk pelanggan danpemasaran (Marketing).</p></div>
+===Tampilan Menu Utama===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> Tampilan
+Menu utama berfungsi untuk tampilan untuk pelanggan yang dapat memberikaninformasi tentang produk. Tampilan menu utama mempunyai menu Beranda, Produk,Spesial Produk, Login Pelanggan, Kontak Kami, Cara Pembelian, kategori produk, merk produk, keranjang belanja.</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/hMYVBabgltSHbYmmtcN6hp7KVJhWtBV-vUJnUZ_PfyE=w309-h220-no"/></div>
+<p style="text-align: center;"> Gambar 4.23 Tampilan Menu Utama</p>
-==Rancangan Prototipe==
+===Tampilan Katalog Produk===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> Tampilan katalog produk berfungsi menampilkan semua jenis produk dan terdapat menu beli dan detail.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">  Menu beli berguna untuk melakukan order barang dengan memasukkan kekeranjang belanja. Menu
+detail berguna untuk menginformasikan produk. Misalnya spesifik produk.</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/ZycURrnvkBQlkFxXyEGM_JNSbMHmagBhosWF4yposEs=w536-h417-no"/></div>
+<p style="text-align: center;">Gambar 4.24 Katalog Produk</p>
+===Tampilan Spsial Produk===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> Tampilan spesial produk digunakan untuk menampilkan produk-produk yang promo.</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/buLvC6RQtLrUWCN6CvjQGZeNAem-8NAoA34B93qJem0=w548-h154-no"/></div>
+<p style="text-align: center;"> Gambar 4.25 Tampilan spesial produk</p>
-==Konfigurasi Sistem Usulan==
-===Spesifikasi Hardware===
-===Aplikasi Yang Digunakan===
-===Hak Akses===
-==Testing==
+===Tampilan Keranjang Belanja===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> Keranjang belanja untuk menyimpan sementara produk-produk yang diorder.</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/eOrq3NEJuhKTaz4Cdn5LlgrwK5OQJn_CrSAFE7OMv_o=w176-h80-no"/></div>
-==Evaluasi==
+<p style="text-align: center;"> Gambar 4.26 Tampilan Keranjang Belanja</p>
-==Implementasi==
-===Schedule===
-===Penerapan===
-==Estimasi Biaya==
+===Tampilan <i>Customer Online</i>===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"><i>Customer Online</i> ini berfungsi untuk menempilkan pelanggan yang sedang online atau pelanggan yang sudah mengunjungi.</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/ScV6dXlsBgXFUK2kY-mn8WwpZga7TxXualzO7NtNlRA=w186-h95-no"/></div>
+<p style="text-align: center;"> Gambar 4.27 Tampilan <i>Customer Online</i></p>
+===Tampilan Kategori===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> Tampilan kategori berfungsi untuk menampilkan jenis- jenis kategori produk.</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/KaRhvRNkwa5FmeWiZawe1-q6NRxkK5KvKxOI7x7tLbc=w180-h173-no"/></div>
+<p style="text-align: center;"> Gambar 4.28 Tampilan kategori</p>
+===Tampilan Merk Produk===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> Tampilan merk produk berfungsi untuk menampilkan
+data-data merk produk.</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/ggjyyK7sn9CS0wrf3BrDHvJf-XweiSN1lFdWIUqyieY=w188-h167-no"/></div>
+<p style="text-align: center;"> Gambar 4.29 Tampilan merk produk</p>
-{{pagebreak}}
+===Tampilan <i>Login</i> Admin===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">  Tampilan Login Admin berfungsi untuk menjaga isi data base. Supaya isi tidak dapat diakses
+oleh orang lain.</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/dJyrAv1jHYQUY26kf_uNPBKmVh05ce1RyQjRlwrfzjI=w312-h219-no"/></div>
+<p style="text-align: center;">Gambar 4.30 Tampilan Login Admin</p>
-=<div style="font-family: 'times new roman'; text-align: center">'''BAB V'''</div>=
-<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''PENUTUP'''</div>
-==Kesimpulan==
+===Tampilan Kategori Produk===
-===Kesimpulan Terhadap Rumusan Masalah===
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Ini isi dari kesimpulan terhadap rumusan masalah</p></div>
+<p style="line-height:2">Tampilan kategori produk berfungsi untuk menampilkan semua kategori. Dalam kategori terdapat menu kategori, edit dan
+delete.</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/qEypJpf7HSuCskxGV2N1Vms0mNwp0mXsZ_vysZf0TOc=w826-h429-no"/></div>
+<p style="text-align: center;">Gambar 4.31 Tampilan Add Kategori</p>
+===Tampilan Data Produk===
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Ini isi dari kesimpulan terhadap rumusan masalah</p></div>
+<p style="line-height:2">Tampilan Data Produk
+berfungsi untuk menampilakan data produk. Dalam data produk terdapat menu
+kategori, merk produk, harga, stok, gambar, edit dan delete</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/KRVG3sqfJYcUB2plz7oBhPCoLWfomKx0yepm4RI1jG0=w827-h367-no"/></div>
+<p style="text-align: center;">Gambar 4.32 Tampilan Input Produk</p>
+===Tampilan Order Masuk===
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Ini isi dari kesimpulan terhadap rumusan masalah</p></div>
+<p style="line-height:2">Tampilan order masuk berfungsi untuk menampilkan
+data order yang masuk. Tampilan order masuk terdapat menu no order, nama customer,tgl order, jam, status, edit dan delete.</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/NQF10pjDZpMj-IJH4tnAvsuYvfm0JItlONpv69GrMyM=w827-h353-no"/></div>
+<p style="text-align: center;">Gambar 4.33 Tampilan Input Masuk</p>
-===Kesimpulan Terhadap Tujuan dan Manfaat Penelitian===
+===Tampilan Laporan Transaksi===
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Ini isi dari kesimpulan terhadap tujuan dan manfaat penelitian</p></div>
+<p style="line-height:2"> Tampilan laporan transaksi berfungsi laporan pernjualan kepada direktur pada periode
+tertentu. Dalam laporan transaksi terdapat no order, Nama konsumen, tanggalorder, ststus order, jumlah.</p></div>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/M5aDgM3s6MqlSmUJTboDCBv4jIjwlqgYQVE2fvDimME=w828-h385-no"/></div>
+<p style="text-align: center;">Gambar 4.34 Tampilan Laporan Transaksi</p>
+==Konfigurasi Sistem Usulan==
+===Spesifikasi Perangkat Keras <i>(Hardware)</i>===
+<ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> a.        Processor  : CPU Intel Core 2 Duo E7300 2.66 GHZ</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> b.
+Monitor    :LG LED 20 inchi 20M37</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> c.
+Mouse      :Logitech MK 200</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> d.
+Keyboard :Logitechclassic keyboard MK200</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> e.
+RAM        :2048MB</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> f.
+Harddisk  : 160 GB</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Ini isi dari kesimpulan terhadap tujuan dan manfaat penelitian</p></div>
+<p style="line-height:2"> g.
+Printer      : Hp Laserjet 1020 dan  EPSON LQ-2190 ESC/P2</p></div></ol>
+===Aplikasi Yang Digunakan===
+<ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">a.      <i>Google chrome 43.0.2357.65</i></p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Ini isi dari kesimpulan terhadap tujuan dan manfaat penelitian</p></div>
-===Kesimpulan terhadap metode penelitian===
+<p style="line-height:2">b.      <i>XAMPP Version 1.8.0, apache 2.4.2 (win 32)open
+ssl /1.0.1c, php 5.4.4, mysql 5.0.10-20111026.</i></p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Ini isi dari kesimpulan terhadap metode penelitian</p></div>
+<p style="line-height:2">c.      <i> Adobe Dreamweaver CS6</i></p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Ini isi dari kesimpulan terhadap metode penelitian</p></div>
+<p style="line-height:2">d.    <i> Edraw Max 6.8</i></p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Ini isi dari kesimpulan terhadap metode penelitian</p></div>
-==Saran==
+<p style="line-height:2">e.      <i>Visual Paradigm for UML 8.0</i></p></div></ol>
+===Hak Akses===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">a. Admin</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">b. Direktur</p></div>
+==Testing==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2"> Pengujian terhadap sistem penjualan <i>online (e-commerce)</i> memakai metode pengujian <i>black box</i> atau yang biasa disebut dengan pengujian fungsional. Pengujian <i>black box</i> berfokus pada persyaratan fungsional perangkat lunak.</p></div>
+===Penanganan Kesalahan <i>(Error Handling)</i>===
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2"> Ini berisi saran anda</p></div>
+<p style="line-height:2">Penanganan
+kesalahan ini bertujuan untuk memberikan informasi tentang kesalahan yangterjadi pada saat proses penggunaan sistem. Berikutini adalah tabel penanganan kesalahan dengan menggunakan metode pengujian <i>black box</i>. </p></div>
+<p style="text-align: center;">Tabel 4.15 Pengujian Kesalahan</p>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/6wblUzYS54yIiYX6y54IUnVXMcHTZLJHYVG-rQ5KCX0=w338-h478-no"/></div>
+===Kondisi Pengujian Sistem===
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2"></p></div>
+<p style="line-height:2">Beriku ini merupakan hasil dari pengujian sistem
+yang meliputi nama pengujian, hasil yang diharapkan, hasil pengujian berikut
+dengan status yang diterima</p></div>
+<p style="text-align: center;">Tabel 4.16 Kondisi Pengujian Sistem</p>
+<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/s_YBZuTI6KnBdDL-YLW9crLDzvaoVxpIH0OvhtyVWYs=w377-h497-no"/></div>
+===Hasil Pengujian Sistem===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Berikut
+ini dapat disimpulkan hasil dari pengujian sistem terhadap sistem persediaankeluar masuk barang yang telah dibangun :</p></div>
+<ol><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">1.      Pada
+sistem penjualan online, penggunjungharus melakukan registrasi terlebih dahulu untuk melakukan transaksi pembelian.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">2.      Pada
+sistem penjualan online, menggunakansatu fungsi login yang menggunakan username dan password yang bertujuan untuk membatasi dan memberikan hakpengakasesan halaman yang berbeda untuk useryang berbeda (admin dan direktur).</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">3.      Pada
+sistem informasi ini menampilkan fungsi input kategori dan input produk untuk memasukkan data produk.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">4.      Pada
+halaman pemesanan barang ini menampilkan data pemesanan yang telah diorder.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">5.      Sistem
+informasi ini menyediakan laporan yang dapat dilihat secara perperiode sehinggadapat mempermudah direktur utama untuk mengambil keputusan. </p></div></ol>
+==Implementasi==
+===Jadwal Penelitian===
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2"></p></div>
+<p style="line-height:2">Pada tahap ini dibutuhkan rencana implementasi
+yang berguna dalam pelaksanaan langkah-langkah kegiatan penerapan sistem.Langkah-langkah yang dilakukan dalam usaha mewujudkan sistem yang direncanakanini dalam bentuk time table yaitu sebagai berikut.</p></div>
+<p style="text-align: center;">Tabel 4.13 Jadwal penelitian</p>
+<div align="center"><img width="250" height="250" style=":margin0px" src="https://lh3.googleusercontent.com/JlVIkpLzc4mXQOA-dM5-jwVwKoAuDpTmOdAQNTPMCNg=w456-h283-no"/></div>
+==Etimasi Biaya==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">
+Estimasi biaya digunakan sebagai penghitungan kebutuhan biaya yangdiperlukan untuk menyelesaikan penelitian yang diusulkan. Dibawah ini adalahrincian biaya yang diperlukan penulis untuk menyelesaikan penelitian yangberjudul <b> “PerancanganDan Implementasi Sistem Penjualan OnlineDengan Model Bisnis B2C Pada CV Multi Bisnis Selaras”.</b></p></div>
+<p style="text-align: center;">Tabel 4.14 Etimasi Biaya</p>
+<div align="center"><img width="250" height="250" style=":margin0px" src="https://lh3.googleusercontent.com/yamSpIKAQOULassNf6-iXh1ieMUM5RJxI9L4DvJLvnM=w418-h361-no"/></div>
+{{pagebreak}}
+=<div style="font-family: 'times new roman'; text-align: center">'''BAB V'''</div>=
+<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''PENUTUP'''</div>
+==Kesimpulan==
+===Kesimpulan Terhadap Rumusan Masalah===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5min">  Berdasarkan
+uraian rumusan masalah dan mempelajari permasalahan yang dihadapi pada bab I,maka pada penelitian ini penulis dapat menyimpulkan beberapa hal sebagaiberikut ini:</div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Sistem penjualan online yang diusulkan dalam penelitian website online dapat mengenalkan produk dengan cara atau menggunakan media website online (e-commerce).  Sehingga pelanggan dapat mengetahui detailinformasi produk yang ditawarkan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Sistem penjualan online yang diusulkan oleh penulis akan membantu pelanggan dalampemesanan, pembayaran, serta pengiriman. Hal tersebut dikarenakan semuakegiatannya dilakukan dengan menggunakan sistem penjualan online.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Penjualan onlinesemakin lama akan semakin meningkat dengan melihat statistik pengunjung, jumlahorderan atau pesanan yang masuk. Maka dari kedua poin itu sangat mampumeningkatkan penjualan untuk omzet yang lebih tinggi.</li></ol>
+==Saran==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height:2">Berdasarkan
+hasil penelitian dan analisa yang telah dilakukan pada CV Multi Bisnis Selaras,maka terdapat beberapa saran yang dapat dijadikan masukkan untuk meningkatkanpenjualan dan lebih dikenal luas oleh pasar dan masyarakat pada umumnya, akandijelaskan sebagai berikut :</p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Dalam penjualan online dapat mengembangkan sistem penjualan yang dapat memberikan pilihan pembayaran penjualan secara kredit kepada pelanggan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Memberikan layanan kepada pelanggan misalnya pelanggan dapat request produk yang dibutuhkan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">  Membangun kepercayaan pelanggan dengan cara menampilkan testimoni pelanggan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">  Menerapkan <i>payment geteway</i> untuk melakukan transaksi pembayaran.</li></ol>
-==Kesan==

SI1114468596: Perbedaan revisi

Revisi terkini pada 22 September 2015 16.29

Daftar isi

BAB I

Latar Belakang

Rumusan Masalah

Ruang Lingkup Penelitian

Tujuan dan Manfaat Penelitian

Tujuan Penelitian

Manfaat Penelitian

Metode Penelitian

Metode Analisa

Metode Perancangan

Metode Prototipe

Metode Testing

Sistematika Penulisan

BAB II

Teori Umum

Konsep Dasar Sistem

Karakteristik Sistem

Konsep Dasar Data dan Informasi

Definisi Data

Sumber Data

Definisi Informasi

Fungsi Informasi

Definisi Sistem

Teori Khusus

Kosep Dasar Analisa SWOT

Analisa SWOT

Tujuan Analisa SWOT

Kelebihan Analisa SWOT

Konsep Dasar E-Commerce

Pengertian E-Commerce

Manfaat E-Commerce

Jenis-Jenis Model Bisnis E-Commerce

Konsep Online

Definisi Online

Pemasaran dan Online

Pemasaran dan Online

Membangun Kepercayaan Pelanggan

Konsep Dasar Web

Definisi Web

Jenis-jenis Web

Web programming

Konsep Data

Definisi Database

Komponen dan struktur database

Konsep Dasar PHP (Hypertext Preprocessor)

Definisi PHP

Sejarah PHP

Kelebihan PHP

Kelemahan PHP

Konsep Dasar MYSQL

Definisi Mysql

Perintah Dasar MySQL

Data Definition Language (DDL)

Data Manipulation Language (DML)

Data Control Languange

Konsep Dasar XAMPP

Definisi XAMPP

Mengenal XAMPP

Konsep Dasar Adobe Dreamweaver

Definisi Adobe Dreamweaver

Konsep Dasar UML (Unified Modeling Language)

Definisi UML

Bangunan Dasar Metodologi UML

Konsep Dasar Pengujian Black Box

Definisi Pengujian Black Box

Konsep Dasar Elisitasi

Definisi Dasar Elisitasi

Literature Review

Devinisi Literature Review

BAB III

Gambaran Umum Perusahaan

Gambaran CV Multi Bisnis Selaras

Sejarah Singkat CV Multi Bisnis Selaras

Visi dan Misi Perusahaan

VISI

Misi

Struktur Organisasi