[revisi tidak terperiksa]

Revisi terkini pada 22 Oktober 2014 11.37

PERANCANGAN SISTEM INFORMASI

PENJUALAN BARANG KEMASAN PRODUK

PADA CV. ISMIE JAYA

SKRIPSI

Disusun Oleh :

NIM : 1211472781

NAMA : PRASETYO

JURUSAN SISTEM INFORMASI

KONSENTRASI SISTEM INFORMASI MANAJEMEN

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

STMIK RAHARJA

TANGERANG

(2013/2014)

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

(STMIK) RAHARJA

LEMBAR PENGESAHAN SKRIPSI

PERANCANGAN SISTEM INFORMASI

PENJUALAN BARANG KEMASAN PRODUK

PADA PADA CV. ISMIE JAYA

Disusun Oleh :

NIM	: 1211472781
Nama	: Prasetyo
Jenjang Studi	: Strata Satu
Jurusan	: Sistem Informasi
Konsentrasi	: Sistem Informasi Manajemen

Disahkan Oleh :

Tangerang, Juni 2014

Ketua					Kepala Jurusan
STMIK RAHARJA					Jurusan Sistem Informasi




(Ir. Untung Rahardja, M.T.I)					(Maimunah, M.Kom)
NIP : 00594					NIP : 007002

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

(STMIK) RAHARJA

LEMBAR PERSETUJUAN PEMBIMBING

PERANCANGAN SISTEM INFORMASI

PENJUALAN BARANG KEMASAN PRODUK

PADA CV.ISMIE JAYA

Dibuat Oleh :

NIM	: 1211472781
Nama	: Prasetyo

Telah disetujui untuk dipertahankan dihadapan Tim Penguji Ujian Komprehensif

Jurusan Sistem Informasi

Konsentrasi Sistem Informasi Manajemen

Disetujui Oleh :

Tangerang, 19 Juni 2014

Pembimbing I			Pembimbing II




( Aris Martono, S.Kom.,M.M.S.I)			(Dedeh Supriyanti, S.Kom)
NID : 08197			NID : 08162

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

(STMIK) RAHARJA

LEMBAR KEASLIAN SKRIPSI

PERANCANGAN SISTEM INFORMASI

PENJUALAN BARANG KEMASAN PRODUK

PADA CV. ISMIE JAYA

Disusun Oleh :

NIM	: 1211472781
Nama	: Prasetyo
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, 19 Juni 2014

(Prasetyo)

NIM : 1211472781

)*Tandatangan dibubuhi materai 6.000;

ABSTRAKSI

CV. Ismie Jaya yang merupakan perusahaan swasta yang bergerak di bidang penjualan dan produksi barang kemasan produk, dalam hal ini memasarkan berbagai jenis kemasan produk ke berbagaiwilayah yang ada di wilayah Tangerang. Sistem penjualan barang pada CV. Ismie Jaya masih semi komputerisasi sehingga sering terjadi kesalahan pada waktupendataan penjualan barang dan memperlambat proses dalam pengambilan keputusan. Sebagaisalah satu alternatif pemecahan masalah, maka dibuatlah suatu perbaikan sistemdari sistem yang pada awalnya semi komputerisasi menjadi sistem komputerisasi, dimanasistem dapat mencakup hal – hal yang dapat membawa perusahaan tersebut menjadi lebih baik lagi dengan harapan semuamasalah yang muncul, dapat diatasi dengan sistem yang baru yang dirancangpenulis. Dengan adanya sistem yang baru ini maka data yang dihasilkan lebihakurat dibandingkan dengan sistem sebelumnya dan data tidak akan hilang danberubah karena datanya akan tersimpan dalam database dan juga dapat mempermudahdalam pembuatan laporan Penjualan,dandiharapkan dapat mengurangi human error.Oleh karena itu penulis akan menuangkannya sebagai bentuklaporan yang berjudul ”PERANCANGANSISTEM INFORMASI PENJUALAN BARANGKEMASAN PRODUK PADA CV. ISMIE JAYA” dengan harapan dapat berguna dandiaplikasikan pada perusahaan tersebut.

Kata kunci : penjualan kemasan produk, semi komputerisasi

ABSTRACT

CV. Ismie Jaya, which is a private company engaged in thesale and production of goods packaging product, sells the various types of products packaging to some different areas in Tangerang. A system of goods sale used by the CV. Jaya Ismie is still usinga semi computerized system. So, thesystem often goes wrong at the data collection time and makes it slow in the decision-making process.As one of the alternative solutions, the system is improved from the semicomputerized into a full computerized system, where the new system can cover many things which are able to bring the company to be better and better, with the expectations that all obstacles arisen before can be solved by a new system designedby the author. With the newsystem, the data produced by it becomes more accurate thanthe data resulted by previous system and the important thing is that the data will not disappear and changebecause the data is going to be stored in the database. Moreover the new system can also facilitate the company in making sales report and be expectedto reduce a human errorproblem. Therefore, the author would put it as a formof a report entitled "DESIGNINGTHE SALES INFORMATION SYSTEM OF GOODS PACKAGING PRODUCTS AT CV. ISMIE JAYA"with an expectation that it can beuseful and applicable to the company

Keywords: sales of product packaging, semi computerized

KATA PENGANTAR

Segala puji syukur dan pujian bagi Allah SWT yang memiliki keluasan ilmu dan atas rahmat dan ridho-Nya, sehingga penulis dapat menyelesaikan Laporan Skripsi ini dengan baik, adapun judul yang penulis uraikan dalam laporan ini adalah “PERANCANGAN SISTEM INFORMASI PENJUALAN BARANG KEMASAN PRODUK PADA CV.ISMIE JAYA” Tujuan dari pembuatan Laporan Skripsi ini antara lain memenuhi salah satupersyaratan menyelesaikan pendidikan jenjang Strata Satu (S1) Jurusan SistemInformasi (SI) pada Sekolah Tinggi Manajemen dan Ilmu Komputer (STMIK) Raharja,juga berguna untuk memperdalam kemampuan penulis dalam merancang suatu sistemagar dapat diterapkan dengan baik.

Dalam kesempatan ini penulis jugaingin mengucapkan terimakasih bahwa tanpa bimbingan, bantuan dan dorongan semua pihak maka penulis tidak dapat menyelesaikan laporan ini dengan baik dan tepat waktu. Penulis ingin menyampaikan terimakasih kepada khususnya kepada orang tua tercinta dankeluarga yang telah memberikan banyak do’a, dukungan moril dan materil kepadapenulis.Dan penulis pada kesempatan ini penulis mengucapkan banyak terima kasihkhususnya kepada Ayah, Ibu dan keluarga tercinta yang telah memberikan dukunganmoril maupun materil serta doa untuk keberhasilan, penulis juga tidak lupamengucapkan terimakasih kepada pihak-pihak yang telah membantu seperti berikut:

Ir.Untung Rahardja., M.T.I, selaku Ketua STMIK Raharja
Sugeng Santoso, M.Kom, selaku Pembantu Ketua I STMIK Raharja.
Maimunah, M.Kom, selaku Kepala Jurusan SistemInformasi STMIK Raharja.
Aris Martono, S.Kom.,M.M.S.Iselaku Dosen Pembimbing Pertama yang telah memberikan banyak masukan danmotivasi kepada penulis sehingga laporan skripsi ini dapat terselesaikan denganbaik dan tepat pada waktunya.
Dedeh Supriyanti, S.Kom selaku pembimbingkedua yang juga telah banyak memberikan bantuan masukan dan ilmu kepada penulisuntuk menyelesaikan laporan skripsi ini.
Bapak Mochammad Herry sebagai Stakeholderyang telah banyak membantu penulis dalam penyelesaian Skripsi.
Seluruh keluarga, khususnya kedua orang tua yang selalu mendoakan serta memberikan dukungan moril dan materil untuk keberhasilan penulis.
Sahabat-sahabat penulis, Yulianto, Syefri Maulana Husain, Sri wulaningsih, Irfan Linadri, Muhhammad Sutalim dan seluruh teman-teman yang tidak dapat penulis sebutkan satu persatu, tanpa mengurangi rasa terima kasih karena telah banyak membantu dalam menyusun laporan ini.

Penulis menyadari dalam penyelesaian laporan ini masih terdapat banyak kekurangan sehingga memerlukan banyak perbaikan dan penyempurnaan. Oleh karena itu, penulis mengharapkan kritik dan saranyang bersifat membangun untuk kesempurnaan laporan ini.

Akhir kata penulis berharap agar laporan ini dapat bermanfaat bagi penulis pada khususnya, dan juga orang lain yang membaca dapat memperoleh ilmu dari laporan ini.

Tangerang, 19 Juni 2014

(Prasetyo)

NIM : 1211472781

DAFTAR TABEL

Tabel 1.1 Data Penjualan Menggunakan Ms.Excel
Tabel 2.1 Kekukarangan dan Kelebihan MySQL
Tabel 2.2 Tipe ata Numeric
Tabel 2.1 Tipe Data String
Tabel 2.4 Letak Perbedaan Jumlah Memori
Tabel 2.5 Tipe Data Tunggal
Tabel 2.6 Operator Artmatika MYSQL
Tabel 2.7 Operator Pembanding MYSQL
Tabel 2.9 Operator Karakter
Tabel 2.10 Opearator Lain-Lain
Tabel 2.11 Fungsi Agregat
Tabel 2.12 Kelebihan dan Kekurangan PHP
Tabel 3.1 Marketing Mix 7P
Tabel 3.2 Analisa SWOT
Tabel 3.3 Elisitasi Tahap I
Tabel 3.4. Elisitasi Tahap II
Tabel 3.4. Elisitasi Tahap III
Tabel 3.6. Final Draft Elisitasi
Tabel 4.1 Perbedaan Prosedur Sistem Berjalan Dan Sistem Ususlan.
Tabel 4.2 Tabel Barang
Tabel 4.3 Tabel Detil Nota
Tabel 4.4 Tabel Nota
Tabel 4.5 Tabel Jenis Barang
Tabel 4.6 Tabel Satuan
Tabel 4.7 Tabel Pelanggan
Tabel 4.8 Tabel Pengguna
Tabel 4.9 Pengujian Blackbox Pada Halaman Login Aplikasi
Tabel 4.10 Pengujian Blackbox Pada Menu Barang
Tabel 4.11 Pengujian blackbox pada menu pelanggan
Tabel 4.12Pengujian Blackbox Pada Menu Nota
Tabel 4.13 Pengujian Blackbox Pada Menu Pengguna
Tabel 4.14 Pengujian Blackbox Pada Menu Grafik
Tabel 4.15 Pengujian Blackbox Pada Menu Laporan
Tabel 4.16 Pengolahan Jadwal
Tabel 4.17 Estimasi Biaya

DAFTAR GAMBAR

Gambar 2.1 Karakteristik Suatu Sistem
Gambar 2.2 Hubungan Antara Data dan Informasi
Gambar 2.3 Kualitas Informasi
Gambar 2.4 Komponen Sistem Informasi
Gambar 2.5 Komponen Input
Gambar 2.6 Komponen Kontrol
Gambar 2.7 Tipe Strategi SWOT
Gambar 2.8 Ruang kerja Adobe Dreamweaver
Gambar 2.9 Skrip Dalam PHP
Gambar 2.10 Skema Koneksi Database Pada PHP
Gambar 3.1 Struktur Organisasi CV Ismie Jaya
Gambar 3.2 Use Case Diagram Sistem Yang Berjalan
Gambar 3.3 Activity Diagram Sistem Penjualan Yang Berjalan
Gambar 4.1 Use Case Diagram Sistem Penjualan Yang Diusulkan
Gambar 4.2 Activity Diagram Sistem Penjualan Yang Diusulkan
Gambar 4.3 Squence Diagram menu Login Yang Diusulkan
Gambar 4.4 Squence Diagram Menu Home Yang Diusulkan
Gambar 4.5 Squence Diagram Menu Barang Yang Diusulkan
Gambar 4.6 Squence Diagram Menu Pelanggan Yang Disulkan
Gambar 4.7 Squence Diagram Menu Nota Yang Diusulkan
Gambar 4.8 Squence Diagram Menu Grafik Yang Diusulkan
Gambar 4.9 Squence Diagram Menu Laporan Yang Diusulkan
Gambar 4.10 Class Diagram Yang Diusulkan
Gambar 4.11 Flow Chart Login
Gambar 4.12 Flow Chart Menu Barang
Gambar 4.13 Flow Chart Menu Pelanggan
Gambar 4.14 Flow Chart Menu Nota
Gambar 4.15 Flow Chart Menu Grafik
Gambar 4.16 Flow Chart Menu Pengguna
Gambar 4.17 Flow Chart Menu Laporan
Gambar 4.18 HIPO Aplikasi Penjualan Barang
Gambar 4.19 Prototype Menu Login
Gambar 4.20 prototype Menu Login Salah Atau Kosong
Gambar 4.21 Prototype Menu Home
Gambar 4.22 Prototype Menu Barang
Gambar 4.23 Prototype Input Barang
Gambar 4.24 Prototype Menu Pelanggan
Gambar 4.25 Prototype Input Pelanggan
Gambar 4.26 Prototype Menu Nota
Gambar 4.27 Prototype Input Nota
Gambar 4.28 Prototype Menu Grafik
Gambar 4.29 Prototype Menu Pengguna
Gambar 4.30 Prototype Input Pengguna
Gambar 4.31 Prototype Menu Laporan
Gambar 4.32 Prototype Hasil Data Laporan

DAFTAR SIMBOL

DAFTAR SIMBOL USE CASE DIAGRAM

DAFTAR SIMBOL ACTIVITY DIAGRAM

DAFTAR SIMBOL SEQUENCE 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.2 Saran
6 DAFTAR PUSTAKA
7 DAFTAR LAMPIRAN

BAB I

PENDAHULUAN

Latar Belakang

Pada saat ini persaingan dunia usaha yang terjadi semakin ketat dan memerlukan kesiapan suatu organisasi untuk mengadopsi teknologi yang mampu menjawab persaingan yang terjadi di dunia usaha. Salah satu unsur yang sangat mendasar di dalam dunia usaha adalah transformasi dan penyajian data secara cepat, akurat dan efisien. Karena sebuah sistem sebaik apapun jika penyaluran informasi dan penyajian datanya kurang efisien maka sistem itu akan melambat dan akhirnya benar–benar tidak berjalan. CV.ISMIE JAYA yang beralamat di Jl. Dipatiunus Gg. Pesantren Jamiatul Falah Cibodas - Tangerang adalah perusahaan swasta yang bergerak dibidang produksi kemasan produk. Penggunaan sistem informasi pengolahan data pemesanan dan penjualan barang pada Cv. Ismie Jaya yang ada sekarang ini belum memenuhi standar perkembangan teknologi di masa kini, dikarenakan sistem penjualan yang ada masih dilakukan secara manual dengan menggunakan MS. Excel. Data penjualan barang kemasan poduk selama 1 tahun

Tabel 1.1 data penjualan menggunakan Ms. Excel

Sehingga dalam pengolahan datanya banyak memerlukan waktu yang mengakibatkan penyajian laporan menjadi kurang efisien.Oleh karena itu, untuk memudahkan dalam proses pengolahan penjualan dibutuhkan sebuah sistem informasi yang mudah dan cepat, untuk meminimalisir kesalahan (human error), dan meningkatkan kinerja produktivitas. Dengan memperhatikan uraian tersebut, maka penulis mengambil judul : “PERANCANGAN SISTEM INFORMASI PENJUALAN BARANG KEMASAN PRODUK PADACV.ISMIE JAYA”

Rumusan Masalah

Dari latar belakang diatas penulisdapat merumuskan beberapa masalah sebagai berikut :

Bagaimana sistem penjualan barang kemasan produk pada CV. ISMIE JAYA saat ini ?
Bagaimana menganalisa sistem penjualan barang kemasan produk CV.ISMIE JAYA saat ini dalam pengambilan suatu keputusan ?
Bagaimana merancang sistem penjualan barang kemasan produk pada CV.ISMIEJAYA yang mampu mengolah informasi yang cepat, akurat dan efisien sehingga lebih memberikan manfaat ?

Ruang Lingkup

Ruang lingkup dari penelitian ini dibatasi pada penyajian sistem informasi dan penginputan data penjualan

Tujuan Penelitian

Adapun tujuan dari penelitian ini adalah :

Untuk mendapatkan lebih banyak pengalaman membuat rancangan aplikasi sistem informasi yang ada di lapangan secara nyata dan menambah pengetahuan yang tidak dapat diperkuliahan.
Agar penulis dapat mengimplementasikan ilmu yang sudah didapat diperkuliahan.
Untuk melengkapi syarat kelulusan pada jurusan Sistem Informasi di STMIK Raharja.

Manfaat Penelitian

Adapun manfaat yang tercipta dari penelitian ini adalah sebagai berikut:

Terciptanya efektifitas dan efisiensi waktu kerja dalam mengolah data-datatransaksional.
Manajer dengan mudah memonitoring hasil transaksi penjualanpada perusahaan sehingga dapat cepat untuk mengambil keputusan.
Hasil penelitian ini dapat digunakan sebagai referensi untuk penelitian selanjutnya khususnya yangberhubungan dengan dashboardmonitoring system dan transaksi penjualan.
Terciptanya kepuasan bathin ketika menghasilkan suatukarya dan dapat bermanfaat bagi suatu perusahaan/instansi.
Sebagai syarat kelulusan guna mendapatkan gelar sarjana komputer
Dapat mengimplementasikan teori-teori yang dipelajari dibangku kuliah kedalam bentuk project.

Metode Penelitian

Metode Pengumpulan Data

Dalam melakukan penelitian dan mendapatkan data, penulis menggunakan beberapa metode diantaranya :

Observasi /pengamatan langsung

Melakukan pengumpulan data dengan mengidentifikasi masalah, yang ada dalam pembuatan sistem yang akan dibuat.

Wawancara

Penulis melakukan wawancara secara langsung dengan pihak perusahaan mengenai masalah-masalah yang dapat penulis analisa dalam penelitian pada perusahaan ini.

Studi Pustaka

Sebagai langkah untuk mendapatkan data-data yang berkaitan dengan penyusunan skripsi ini dan sumber referensi bagi penulis.

Metode Analisa

Metode dalamp enelitian ini penulis menggunakan analisis SWOT (Strengths, Weaknesses,Opportunity, Threaths). Analisis SWOT adalah suatu metode yang digunakan untuk melihat kondisi perusahaan, baik internal maupun eksternal yang kemudian dijadikan indikator untuk mengetahui kekuatan, kelemahan, peluang dan ancaman terhadap perusahaan, sehingga dapat membantu manajer dalam pembuatan keputusan (strategi penjualan).

Metode perancangan

Rancangan Model

Di dalam penelitian ini, penulis mengusulkan metode rancangan model yang berorientasi objek dengan menggunakan UML (Unified Modeling Language) yaitu menggunakan software Visual Paradigm for UML.

Bahasa Pemrograman

Sistem pembuatan program dibangun mengunakan program PHP, CSS, dan HTML.

Desain

Penulis membuat desain menggunakan tool Adobe Photoshop CS3.

Database

Database yang digunakan menggunakan MySQL.

Browser

Untuk Browser penulis menggunakan Mozilla Firefox.

Metode Testing

Peneliti menggunakan metode pengujian black box testing sehingga dapat diketahui apakah sistem sesuai dengan apa yang diharapkan oleh stakeholder.

Sistematika Penulisan

Dalam sistematika penulisan penelitian ini, penulis menyajikan sistematika penyampaian sebagai berikut :

BAB I PENDAHULUAN

Pada bab ini berisi latarbelakang, rumusan masalah, ruang lingkup, tujuan dan manfaat, metode penelitian, metode analisa, metode perancangan, metode testing dan sistematika penulisan.

BAB II LANDASAN TEORI

Pada bab ini berisi tentang teori-teori pendukung penelitian, definisi dan pengertian-pengertian yang berkaitan dengan penyusunan laporan yang didapat melalui salah satu metode.

BAB III ANALISA SISTEM YANG BERJALAN

Pada bab ini berisi tentang gambaran umum perusahaan, stuktur organisasi,tata laksana sistem yang berjalan, analisa sistem yang berjalan, konfigurasi sistem berjalan, permasalahan yang dihadapi dan alternatif, user requirement

BAB IV RANCANGANSISTEM USULAN

Berisikan rancangan sistem yang diusulkan, prosedur sistem usulan, usecase diagram yang diusulkan, activity diagram yang diusulkan, squence diagram yang diusulkan, rancangan bassis data, class diagram yang diusulkan, spesifikasi basis data, flowchart yang diusulkan,rancangan program, rancangan prototype, konfigurasi sistem usulan, testing,evaluasi, dan implementasi

BAB V PENUTUP

Pada bab ini berisi tentang berbagai kesimpulan dan saran berdasarkan pokok bahasan yang dikemukakan dalam perancangan sistem dan implementasi berdasarkan teori pendukung pembahasan.

BAB II

LANDASAN TEORI

Teori Umum

Konsep Dasar Sistem

Definisi Sistem

Sebuah sistem yang tepat guna akan memberikan dampak yang positif bagi suatu perusahaan dalam pencapaian sasaran serta tujuan perusahaan.Sistem terdapat beberapa pandangan menurut para ahli, diantaranya:

Menurut Mustakini (2009:34)^[1],, “Sistem dapat didefinisikan dengan pendekatan prosedur dan pendekatan komponen, sistem dapat didefinisikan sebagai kumpulan dari prosedur-prosedur yang mempunyai tujuan tertentu”.

Menurut Sutarman(2012:13)^[2], “Sistem adalah kumpulan elemen yang saling berhubungan dan berinteraksi dalam satu kesatuan untuk menjalankan suatu proses pencapaian suatu tujuan utama”.

Menurut jurnal CCIT Lili Tanti (2009)^[3],“sistem secara umum merupakan tahapan pertama dari luar hidup pengembangan perangkat lunak pengajar”.

Karakteristik Sistem

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

Sumber: Mustakini (2009:54)

Gambar2.1. Karakteristik suatu sistem

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.

Suatu sistem mempunyai batas sistem (boundary).

Batasan sistem membatasi antarasistem yang satu dengan yang lainnya atau sistem dengan lingkungan luarnya.

Suatu sistem mempunyai lingkungan luar (environment).

Lingkungan luar sistem adalah suatu bentuk apapun yang ada diluar ruang lingkup atau batasan sistem yang mempengaruhi operasi sistem tersebut.

Suatu sistem mempunyai penghubung (interface).

Penghubung sistem merupakan media yang menghubungkan sistem dengan sub-sistem yang lain, dengan demikian dapat terjadi suatu integrasi sistem yang membentuk suatu kesatuan.

Suatu sistem mempunyai tujuan (goals).

Suatu sistem pasti mempunyai tujuan (goals) atau sasaran sistem (objective). Sebuah sistem dikatakan berhasil apabila mengenai sasaran atau tujuannya, jika suatu sistem tidak mempunyai tujuan maka operasi sistem tidak akan ada gunanya.

Klasifikasi Sistem

Menurut Mustakini (2009:53)^[1],Suatu sistem dapat diklasifikasikan:

Sistem abstrak (abstact system) dan sistem fisik (phisical system)

Sistem abstrak adalah sistem yang berupa pemikiran atau ide-ide yang tidak tampak secara fisik, misalnya sistem teknologi yaitu sistem yang berupa pemikiran-pemikiran hubungan antara manusia dengan Tuhan. Sitem fisik merupakan sistem yang ada secara fisik.

Sistem Alami (natural system) dan Sistem Buatan Manusia (human made system)

Sistem alami adalah sistem yang keberadaannya terjadi secara alami/natural tanpa campuran tangan manusia.Sedangkan sistem buatan manusia adalah sebagai hasil kerja manusia. Contoh sistem alamiah adalah sistem tata surya yang terdiri dari atas sekumpulan planet, gugus bintang dan lainnya. Contoh sistem abstrak dapat berupa sistem komponen yang ada sebagai hasil karya teknologi yang dikembangkan manusia.

Sistem tentu (deterministic system) dan sistem tidak tentu (probobalistic system)

Sistem tertentu adalah sistem yang tingkah lakunya dapat ditentukan/diperkirakan sebelumnya. Sedangkan sistem tidak tentu adalah sistem yang tingkah lakunya tidak dapat ditentukansebelumnya. Sistem aplikasi komputer merupakan contoh sistem yang tingkah lakunya dapat ditentukan sebelumnya. Program aplikasi yang dirancang dan dikembangkan oleh manusia dengan menggunakan prosedur yang jelas, terstruktur dan baku.

Sistem Tertutup (closed system) dan Sistem Terbuka (open system)

Sistem tertutup merupakan sistem yang tingkah lakunya tidak dipengaruhi oleh lingkungan luarnya.Sebaliknya, sistem terbuka mempunyai prilaku yang dipengaruhi olehlingkungannya. Sistem aplikasi komputer merupakan sistem relative tertutup,karena tingkah laku sistem aplikasi komputer tidak dipengaruhi oleh

Konsep Dasar Data dan Informasi

Definisi Data

Menurut Sutarman(2012:3)^[2] “Data adalah fakta dari sesuatu pernyataan yang berasal dari kenyataan, di mana pernyataan tersebut merupakan hasil pengukuran atau pengamatan. Data dapat berupa angka-angka, huruf-huruf, simbol-simbol khusus,atau gabungan darinya”.

Menurut Situmorang (2010:1)^[4],“Data adalah things known or assumed, yang berarti bahwa data sesuatu yang diketahui atau dianggap”.Diketahui artinya yang sudah terjadi merupakan fakta (bukti).Data dapat memberikan gambaran tentang suatu keadaan atau personal.

Dari pendapat yang dikemukakan di atas dapat disimpulkan bahwa 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.

Bentuk Data

Menurut Yakub (2012:5)^[5], data dapat dibentuk menjadi 5, antara lain sebagai berikut:

Teks

Teks adalah sederatan huruf, angka, dan simbol-simbol yang kombinasinya tidak tergantung pada masing-masing item secara individual misalnya, artikel, koran, majalah, dan lain-lain.

Data yang terformat

Data yang terformat adalah data dengan suatu format tertentu, misalnya, data yang menyatakan tanggal atau jam, dan nilai mata uang.

Citra (Image)

Citra atau Image adalah data dalam bentuk gambar, citra dapat berupa grafik, foto, hasil rontsen, dan tanda tangan.

Audio

Audio adalah data dalam bentuk suara misalnya, instrument musik, suara orang, suara binatang, detak jantung, dan lain-lain.

Video

Video adalah data dalam bentuk gambar yang bergerak dan dilengkapi dengan suara misalnya, suatu kejadian dan aktivitas-aktivitas dalam bentuk film.

Meta Data

Menurut Adi Nugroho yang dikutip dari Yakub (2012:6)^[6],, “meta data adalah data yang menjelaskan tentang data lainnya”.

Sumber Data

Menurut Yakub(2012:6)^[5], Sumber data dapat diperoleh dari berbagai sumber untuk memperolehnya.Sumber data diklasifikasikan sebagai sumber data internal, sumber data personal, dan sumber data eksternal.

Data Internal

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

Data Personal

Sumber data personal bukan hanya berupafakta, tetapi dapat juga mencakup konsep, pemikiran dan opini.

Data Eksternal

Sumber data ekternal dimulai daribasis data komersial hingga sensor dan satelit.Data ini tersedia di compactdisk, flashdisk atau media lainnya dalam bentuk film, suara gambar,atlas, dan televisi.

Hirarki Data

Menurut Yakub(2012:6)^[5], Hirarki data dapat diorganisasikan menjadi beberapa level, antaralain sebagai berikut:

Elemen Data

Elemen data adalah satuan dataterkecil yang tidak dapat dipecah lagi menjadi unit lain yang bermakna. Istilah lain dari elemen data dalam basis data relasional adalah field, kolom, item, dan atribut.

Record

Record adalah gabungan sejumlah elemen data yang saling terkait. Istilah lain dari rekaman dalam basis data relasional adalah baris atau tupel.

File

File adalah kumpulan record sejenis yang mempunyai panjang atribut sama, namun berbeda isinya. Istilah lain dari file dalam basis data relasional adalah berkas, tabel, dan relasi.

Pengertian Informasi

Menurut Sutarman (2012:14)^[2], “Informasi adalah sekumpulan fakta (data) yang diorganisasikan dengan cara tertentu sehingga mereka mempunyai arti bagi si penerima”.

Menurut McLeod yang dikutip dari Yakub (2012:8)^[5], “Informasi adalah data yang diolah menjadi bentuk yang lebih berguna bagi penerimanya”.

Menurut Laudon(2012:6)^[7]“Informasi adalah data yang sudah dibentuk ke dalam sebuah formulir bentuk yang bermanfaat dan dapat digunakan untuk manusia”.

Berdasarkan pendapat para ahli yang dikemukakan di atas dapat ditarik kesimpulan bahwa informasi adalah data yang sudah diolah menjadi sebuah bentuk yang berarti bagi pengguna, yang bermanfaat dalam pengambilan keputusan saatini atau mendukung sumber informasi.Hubungan antara datadan informasi digambarkan sebagai berikut

Sumber: AbdulKadir yang dikutip dariYakub(2012:36)

Gambar 2.2. Hubungan antara data dan informasi

Kualitas Informasi

Menurut Mustakini (2009:37)^[1],, Informasi mempunyai tiga kualitas informasi,antara lain:

Accurate

Informasiharus bebas dari kesalahan kesalahan dan tidak menyesatkan, dalam hal iniinformasi harus jelas mencerminkan maksudnya.

Timeliness

Informasi yang datang pada penerima tidak boleh terlambat. Informasi yang sudah usang tidak akan memiliki nilai lagi karena informasi merupakan suatulandasan dalam mengambil sebuah keputusan di mana bila mengambil keputusan terlambat maka akan bersifat fatal untuk organisasi.

Relevance

Informasi harus mempunyai manfaat untuk pemakainya, dimana relevansi informasi untuk tiap-tiapindividu berbeda tergantung pada yang menerima dan yang membutuhkan.Nilai informasi di tentukan oleh dua hal yaitu manfaat dan biaya.Suatu informasi dikatakan bernilai apabila manfaatnya lebih efektif dibandingkan dengan biaya mendapatkanya.

Sumber:Mustakini

(2009:37)

Gambar 2.3. KualitasInformasi

Nilai Informasi

MenurutSutarman (2012:14)^[8], Nilai dari informasi ditentukan oleh lima hal yaitu:

Untuk memperoleh pemahaman dan manfaat.
Untuk mendapatkan pengalaman.
Pembelajaran yang terakumulasi sehingga dapat diaplikasikan dalam pemecahan masalah atau proses bisnis tertentu.
Untuk mengekstrak implikasi kritis dan merefleksikan pengalaman masa lampau yang menyedikan pengetahuan yang terorganisasi dengannilai yang tinggi. Nilai ini bisa menghindari seorang menajer dari membuat kesalahanyang sama yang dilakukan oleh manajer lain sebelumnya.
Suatu informasi dikatakan bernilai bila manfaatnya lebih efektif dibandingkan dengan biaya mendapatkannya. Sebagian besar informasi tidak dapat ditaksir keuntungannya dengan suatu nilai uang, tetapi dapat ditaksir nilai efektifitasnya.

Konsep Dasar Sistem Informasi

Definisi Sistem Informasi

Menurut Sutarman (2012:13)^[2],“Sistem informasi adalah ”Sistem dapat didefinisikan dengan mengumpulkan, memperoses,menyimpan, menganalisis,menyebarkan informasi untuk tujuan tertentu”. Seperti sistem lainnya, sebuah sistem informasi terdiri atas input (data, instruksi) dan output (laporan, kalkulasi).

Menurut Mulyanto (2009:29)^[9],, “Sistem informasi adalah suatu komponen yang terdiri dari manusia, teknologi informasi, dan prosedur kerja yang memproses, menyimpan, menganalisis, dan menyebarkan informasi untuk mencapai suatu tujuan”.

Dari pendapat yang dikemukakan di atas dapat disimpulkan bahwa informasi adalah gabungan dari orang, hardware, software, jaringan komunikasi, sumber daya data, dan kebijakan dan prosedur yang menyimpan, mengumpulkan (mendapatkan kembali), memproses, dan mendistribusikan informasi untuk mendukung pengambilan dan pengontrolan keputusan dalam suatu organisasi.

Pengertian Sistem Informasi Berbasis Komputer

Menurut Yustianti (2012:14)^[10], “Teknologi Informasi adalah komponen tertentu pada sebuah sistem. Namun, hanya sedikit teknologi informasi yang digunakan secara terpisah”.

Menurut Sutarman (2012:14)^[2], “Sistem informasi berbasis komputer adalah sebuah sistem inforamasi yang menggunakan komputer dan teknologi telekomunikasi untuk melakukan tugas-tugas yang diinginkan”.

Dari pendapat yang dikemukakan di atas dapat disimpulkan bahwa Teknologi Informasi dan Sistem Informasi Berbasis Komputer adalah komponen tertentu pada sebuah sistem secara yang menggunakan komputer dan teknologi telekomunikasi untuk melakukan tugas-tugas yang diinginkan.

Komponen Sistem Informasi

Menurut Mustakini (2009:39)^[1],, Sistem informasi mempunyai enam buah komponen, yaitu komponen masukan (input), komponen model, komponen keluaran (output), komponen teknologi, komponen basis data dan komponen kontrol atau pengendalian.

Sumber: Mustakini (2009:43)

Gambar2.4 Komponen Sistem Informasi

Sumber: Mustakini(2009:45)

Gambar 2.5 Komponen Input

Komponen Masukan (input)

Input merupakan data yang masuk kedalam sistem informasi. Komponen ini perlu ada karena merupakan bahan dasar dalam pengolahan informasi.

Komponen Model

Informasi yang dihasilkan oleh sistem informasi berasal dari data yang diambil dari basis data yang diolah lewat suatu model- model tertentu.

Komponen Keluaran (output)

Produk dari sistem informasi adalah Output berupa informasi yang berguna bagi para pemakainya. Output merupakan komponen yang harus ada di sistem informasi.

Komponen Teknologi

Teknologi merupakan komponen sistem yang penting pada sistem informasi. Tanpa adanya teknologi yang mendukung, maka sistem informasi tidak akan dapat menghasilkan informasi tepat pada waktunya.

Komponen Basis Data

Basis data (database) merupakan kumpulan dari data yang saling berhubungan satu dengan yang lainnya, tersimpan diperangkat keras komputer, dan digunakan perangkat lunak untuk memanipulasinya. Data perlu disimpan didalam basis data untuk keperluan penyediaan informasi.

Komponen Kontrol atau Pengendalian

Komponen kontrol merupakan komponen yang penting dan harus ada dalam sistem informasi.Komponen kontrol ini digunakan untuk menjamin bahwa informasi yang dihasilkan oleh sistem informasi merupakan informasi yang kuat.

Sumber: Mustakini (2009:53)

Gambar 2.6 Komponen Kontrol

Infrastruktur Informasi

Menurut Sutarman (2012:15)^[2], infrastruktur informasi terdiri atas fasilitas-fasilitas fisik, layanan, dan manajemen yang mendukung semua sumber daya komputer dalam suatu organisasi.

Terdapat lima komponen utama dari infrastruktur, yaitu sebagai berikut:

Hardware (perangkat keras).
Software (perangkat lunak).
Network(fasilitas jaringan dan kompunikasi).
Database (basis data).
Information management personnel(manajemen informasi personal).

Arsitektur Informasi

Menurut Sutarman (2012:15)^[2], Arsitektur Informasi adalah perencanaan kebutuhan informasi dalam organisasi dan bagaimana proses pemenuhan kebutuhan tersebut. Dalam mempersiapkan arsitektur informasi, perancangan (designer)membutuhkan informasi yang dapat dibagi atas dua bagian, yaitu:

Kebutuhan bisnis akan informasi
Infrastruktur informasi yang telah ada dan yang direncanakan.

Konsep Dasar Analisa SWOT (Strenghts Weakness Opportunities Threats)

Analisa SWOT

Menurut Rangkuti (2011:64)^[11], “SWOT adalah dengan menggabungkan berbagai indikator yang terdapat dalam kekuatan,kelemahan, peluang dan ancaman”.
Menurut Risza (2010:174)^[12] ,“SWOT adalah suatu penelaahan yang dimulai dengan pemantauan perubahan lingkungan baik di dalam maupun di luar perusahaan sehingga kita dapat memahami gambaran yang tepattentang keadaan perusahaan yang sebenarnya”.
Dari kedua definisi di atas, maka dapat disimpulkan SWOT adalah gabungan indikator yang dimulai dengan pemantauan perubahan lingkungan baik eksternal maupun internal sehingga dapat memahami keadaan perusahaan yangkondusif.
Tipe-tipe Strategi SWOT

Menurut Rangkuti (2011:64)^[11], “Matriks Threats –Opportunities – Weakness –Strenghts (TOWS) merupakan penggabungan berbagai indikator untuk membantu manajer mengembangkan yang terdapat empat tipe strategi: kekuatan, kelemahan,peluang, dan ancaman. Model penggabungannya menggunakan TOWS Matriks. Namun tidak semua rencana strategi yang disusun dari TOWS Matriks ini digunakan seluruhnya. Strategi yang di pilih adalah strategi yang dapat memecahkan isu strategi perusahaan”.
1. S-O strategies adalah strategiyang disusun dengan cara menggunakan semua kekuatan untuk merebut peluang.
2. W-O strategies adalah strategiyang disusun dengan cara meminimalkan kelemahan untuk memanfaatkan peluang yang ada.
3. S-T strategies adalah strategiyang disusun dengan cara menggunakan kekuatan untuk mengatasi ancaman.
4. W-T strategies adalah strategi yang disusun dengan cara meminimalkankelemahan untuk menghindari ancaman.
Sumber: Rangkuti (2011:64)

Gambar 2.7 Tipe Strategi SWOT
Tujuan Analisa SWOT

Menurut Dewi (2011:61)^[13],, “Analisis SWOT digunakan untuk mengidentifikasi kekuatan, kelemahan,peluang dan ancaman dari bisnis yang dilakukan oleh organisasi”.

Konsep Dasar Implementasi

Definisi Implementasi

Menurut Mustakini(2009:76)^[1],, “Implementasi adalah tahap melaksanakankeputusan dan melaporkan hasilnya”.
Berdasarkan pendapat yangdikemukakan di atas dapat ditarik kesimpulan bahwa tahap implementasi padasuatu sistem merupakan tahapan yang sangat penting karena jika suatu sistemtidak melalui tahap implementasi maka suatu sistem tidak akan diketahui apakah sistem tersebut sudah berjalan secara efektif atau belum.
Tahap-tahap Implementasi

Menurut Mustakini (2009:15)^[1], dalam pengimplementasian sistemada beberapa tahapan yang harus dilalui, antara lain sebagai berikut:

Tahap Perancangan

Tahap pertama adalahperencanaan. Langkah ini merupakan suatu rangkaian kegiatan semenjak idepertama yang melatarbelakangi pelaksanaan proyek ini didapat, pendefinisianawal terhadap kebutuhan detil atau target yang harus dicapai dari proyektersebut, penyusunan proposal, penentuan metodologi dan sistem manajemen proyekyang digunakan, sampai dengan penunjukan tim dan instruksi untuk mengeksekusi(memulai) proyek yang bersangkutan. Biasanya ada dua pihak yang terlibatlangsung dalam proyek perencanaan ini.Pihak pertama adalah pihak yangmembutuhkan (demand side) eksistensidari suatu sistem informasi, dalam hal ini adalah perusahaan, lembaga,institusi, atau organisasi yang bersangkutan.Pihak kedua adalah pihak yangberusaha menjawab kebutuhan tersebut (supplyside) dalam bentuk pengembangan teknologi informasi. Kelompok ini biasanyamerupakan gabungan dari para personel yang terkait dengan latar belakang ilmudan pengetahuan yang beragam (multi disiplin), seperti ahli perangkat lunak,analis bisnis dan manajemen, spesialis perangkat keras, programmer, system analyst,praktisi hukum, manajer proyek, dan beberapa karakteristik SDM lain yangterkait. Dilihat dari segi manajemen proyek sistem informasi, output yang harus dihasilkan oleh tahapperencanaan adalah berupa jadwal detil dari kelima tahapan berikutnyamenyangkut masalah waktu, target deliverable,personal yang bertanggung jawab, aspek-aspek keuangan, dan hal-hal lain yangberkaitan dengan utilisasi sumber daya yang dipergunakan dalam proyek. Sebagaitambahan, standar-standar dan prosedur yang akan dipergunakan dalam melakukanpengelolaan proyek pun harus jelas dan disepakati bersama oleh seluruh anggotapersonel.
Tahap Analisa

Tahap kedua disebutsebagai tahap analisa.Secara prinsip ada dua aspek yang menjadi fokus analisa,yaitu aspek bisnis atau manajemen, dan aspek teknologi.Analisa aspek bisnisdimulai dengan mempelajari karakteristik dari perusahaan yang bersangkutan,mulai dari aspek-aspek historis, struktur kepemilikan, visi, misi, critical success factors (kuncikeberhasilan usaha), performancemeasurements (ukuran kinerja), strategi, program-program, dan hal terkaitlainnya. Tujuan dilakukannya langkah ini adalah:
1. Mengetahui posisi atau perananteknologi informasi yang paling sesuai dan relevan di perusahaan (mengingatbahwa setiap perusahaan memiliki pandangan tersendiri dan unik terhadap sumberdaya teknologi yang dimiliki, yang membedakannya dengan perusahaan lain), mempelajarifungsi-fungsi manajemen dan aspek-aspek bisnis terkait yang akan berpengaruh(memiliki dampak tertentu) terhadap proses desain, konstruksi, danimplementasi.
2. Analisa aspek teknologimeliputi kegiatan-kegiatan yang bersifat menginventarisir asset teknologiinformasi yang dimiliki perusahaan pada saat proyek dimulai dengan tujuan:
  1. Mempelajari infrastrukturteknologi informasi yang dimiliki perusahaan dan tingkat efektivitaspenggunaannya selama kurun waktu tersebut; dan
  2. Menganalisakemungkinan-kemungkinan diperlukannya penambahan sistem di kemudian hari (system upgrading) sehubungan akandiimplementasikannya teknologi baru.
3. Keluaran dari proses analisa dikedua aspek ini adalah berupa isu-isu (permasalahan) penting yang harus segeraditangani, analisa penyebabnya, dampaknya bagi bisnis perusahaan, beberapakemungkinan skenario pemecahan dengan segala resiko cost/benefit dan trade-off,serta pilihan solusi yang direkomendasikan. Sebelum memasuki fase desain,seluruh tim harus faham mengenai isu-isu ini dan memilki komitmen untukmelanjutkan proyek yang ada ke tahap berikutnya sesuai dengan skala prioritasyang telah ditentukan (setelah memilih skenario yang disetujui bersama).
Tahap Desain

Pada tahap desain, timteknologi informasi bekerja sama dengan tim bisnis atau manajemen melakukanperancangan komponen-komponen sistem terkait. Tim teknologi informasi akanmelakukan perancangan teknis dari teknologi informasi yang akan dibangun,seperti sistem basis data, jaringan komputer, metodeinterfacing, teknik konversi data,metode migrasi sistem, dan lain sebagainya. Model-model umum seperti Flowchart, ER Diagram, DFD, dan lainsebagainya dipergunakan sebagai notasi umum dalam perancangan sistem secarateknis. Sementara itu secara paralel dan bersama-sama tim bisnis atau manajemenakan melakukan perancangan terhadap komponen-komponen organisasi yang terkaitseperti prosedur (SOP=Standard Operation Procedures), strukturorganisasi, kebijakan-kebijakan, teknik pelatihan, pendekatan SDM, dan lainsebagainya. Tim ini pun biasanya akan mempergunakan model-model umum seperti Porter’s value chain, business process mapping, strategic distinction model, BCG matrix,dan lain-lain. Sudah jelas bahwa hasil dari tahap ini berupa blue print rancangan sistem secarateknis dan secara manajemen yang akan dijadikan pegangan dalam proseskonstruksi dan implementasi komponen-komponen pada sistem informasi yang akandikembangkan.
Tahap Kontruksi

Berdasarkan desain yangtelah dibuat, konstruksi atau development sistem yang sesungguhnya (secarafisik) dibangun.Tim teknis merupakan tulang punggung pelaksana tahap ini,mengingat bahwa semua hal yang bersifat konseptual harus diwujudkan dalam suatukonstruksi teknologi informasi dalam skala detail.Dari semua tahapan yang ada,tahap konstruksi inilah yang biasanya paling banyak melibatkan sumber dayaterbesar, terutama dalam hal SDM, biaya, dan waktu. Kontrol terhadap manajemenproyek di tahap konstruksi harus diperketat agar tidak terjadi ketidakefisienanmaupun ketidakefektifan dalam penggunaan beragam sumber daya yang ada (yangsecara tidak langsung akan berdampak langsung terhadap keberhasilan proyek sisteminformasi diselesaikan secara on-time).Akhir dari tahap konstruksi biasanya berupa uji coba sistem.Perbaikan-perbaikanbersifat minor biasanya harus dilakukan setelah adanya masukan-masukan setelahevaluasi diadakan.
Tahap Implementasi

Tahap implementasimerupakan tahap yang paling kritis karena untuk pertama kalinya sisteminformasi akan dipergunakan di dalam perusahaan. Biasanya ada dua pendekatanyang dipergunakan oleh perusahaan: cut-offatau paralel. Pendekatan cut-off atau big-bang adalah suatu strategi implementasi sistem dimana dipilihsebuah hari sebagai patokan, dimana terhitung mulai hari tersebut, sistem barumulai dipergunakan dan sistem lama sama sekali ditinggalkan. Sementarapendekatan paralel dilakukan dengan cara melakukan pengenalan sistem barusementara sistem lama belum ditinggalkan, sehingga yang terjadi adalahberjalannya dua buah sistem secara paralal (kedua sistem biasa disebut sebagai testing environment dan productionenvironment). Pemilihan terhadap kedua strategi tersebut tentu sajatergantung kepada perusahaan masing-masing, melihat bahwa masing-masingstrategi implementasi memiliki sejumlah keuntungan dan kerugian yangberbeda.Lepas dari strategi yang dipilih, pemberian pelatihan atau trainingharus diberikan kepada semua pihak yang terlibat sebelum tahap implementasidimulai. Selain untuk mengurangi resiko kegagalan, pemberian pelatihan jugaberguna untuk menanamkan rasa memiliki (senseof ownership) terhadap sistem baru yang akan diterapkan, sehingga seluruhjajaran pengguna atau SDM akan dengan mudah menerima sistem tersebut danmemeliharanya di masa-masa mendatang dengan baik. Evaluasi secara berkala perludilakukan untuk menilai kinerja sistem baru yang diterapkan disamping untukmengetahui isu-isu permasalahan yang timbul.Tentu saja pemecahan masalah dalamtahap implementasi harus segera dicari agar sistem tersebut dapat efektifpenggunaannya.
Proyek sistem informasibiasanya ditutup setelah tahap implementasi dilakukan.Namun ada satu tahapanlagi yang harus dijaga manajemennya, yaitu tahap pasca implementasi. Dari segiteknis, yang dimaksud dengan aktivitas-aktivitas pasca implementasi adalahbagaimana manajemen pemeliharaan sistem akan dikelola (maintenance, supports andservices management). Seperti halnya sumber daya yang lain, sisteminformasi akan mengalami perkembangan dikemudian hari. Hal-hal sepertimodifikasi sistem, interfacing kesistem lain, perubahan hak akses sistem, penanganan terhadap fasilitas padasistem yang rusak, merupakan beberapa contoh dari kasus-kasus yang biasa timbuldalam pemeliharaan sistem. Di sinilah perlunya dokumentasi yang baik dan transfer of knowledge dari pihak pembuatsistem ke SDM perusahaan untuk menjamin terkelolanya proses-proses pemeliharaansistem. Tidak jarang terjadi peristiwa dimana perusahaan atau personel pembuatsistem sudah tidak diketahui lagi lokasinya setelah bertahun-tahun (mungkinperusahaannya tutup, atau yang menangani sistem sudah pindah ke tempat kerjalain). Bisa dibayangkan bagaimana perusahaan pemakai sistem terpaksa membuangsistemnya (membuat sistem baru lagi) atau melakukan tambal sulam (yang secarateknis sangat berbahaya karena tingkat integritas data yang buruk) akibat tidakadanya dokumentasi teknis yang baik atau infrastruktur manajemen pemeliharaan yangefektif.
Tahap Pasca Implementasi

Dari segi manajemen,tahap pasca implementasi berupa suatu aktivitas, dimana harus ada personel ataudivisi dalam perusahaan yang dapat melakukan perubahan atau modifikasi terhadapsistem informasi sejalan dengan perubahan kebutuhan bisnis yang teramat sangatdinamis. Dengan kata lain, bahwa dalam era kompetisi sekarang ini, perusahaanharus mampu berubah dengan sangat cepat. Sistem informasi atau teknologiinformasi yang secara teknis tidak dapat beradaptasi terhadap perubahankebutuhan bisnis perusahaan sudah selayaknya tidak akan mendapatkan tempat yangbaik. Apakah teknologi informasi di perusahaan-perusahaan dapat dengan mudahmengikuti perubahan kebutuhan bisnis secara cepat?Jika belum, sudah waktunyabagi pimpinan perusahaan berbicara dengan departemen atau divisi yangbertanggung jawab terhadap teknologi informasi di perusahaan anda.Dalamkenyataannya, sudah ada teknologi yang dapat menjawab kebutuhan ini, dan sudahterbukti efektif.Tidak ada tempat bagi perusahaan modern di tahun 2000 nantiyang masih menggunakan pendekatan sistem informasi dan teknologi informasisecara konservatif (yang bagi sebagian perusahaan besar di Indonesia masihmenganggap pendekatan konservatif tersebut sebagai pendekatan ter-modern).

Teori Khusus

Konsep Dasar Penjualan

Definisi Penjualan

Menurut Hanafie (2010:210)^[14], “penjualan merupakan bagian integral dari fungsi pertukaran.Bagi produsen, memutuskan kapan untuk menjual merupakan bahan pertimbangan pokok dalam pemasaran”.

Menurut Prananingrum (2013:10-7)^[15], “penjualan adalah proses pertukaran barang atau jasa yang bernilai sama atau seharga dengan barang atau jasa yang ditukarkan”.

Dari kedua definisi diatas, maka dapat disimpulkan bahwa penjualan adalah proses pertukaran barang atau jasa yang merupakan bahan pertimbangan pokok dalam pemasaran.

Konsep Dasar Kemasan

Definisi kemasan

Ada beberapa pendapat tentang pengertian kemasan, pertama; menurut Kotler (2009 : 200)^[16], pengemasan adalah kegiatan merancang dan memproduksi wadah atau bungkus sebagai sebuah produk.

Swatha mengartikan (2009 : 139) pembungkusan (packaging)adalah kegiatan-kegiatan umum dan perencanaan barang yang melibatkan penentuan desain pembuatan bungkus atau kemasan suatu barang.

Sedangkan menurut Saladin (2009 : 28) kemasan adalah wadah atau bungkus.

Pengemasan merupakan sistem yang terkoordinasi untuk menyiapkan barang menjadi siap untuk ditransportasikan, didistribusikan,disimpan, dijual, dan dipakai. Adanya wadah atau pembungkus dapat membantu mencegah atau mengurangi kerusakan, melindungi produk yang ada di dalamnya, melindungi daribahaya pencemaran serta gangguan fisik (gesekan,benturan, getaran). Disamping itu pengemasan berfungsi untuk menempatkan suatu hasilpengolahan atau produk industri agar mempunyai bentuk-bentuk yangmemudahkan dalam penyimpanan, pengangkutan dan distribusi.

Konsep Dasar Unified Modelling Language(UML)

Definisi UML

Menurut Widodo dan Herlawati (2011:6)^[17], “UML singkatandari Unified Modeling Language yang berarti bahasa pemodelanstandar”.
Menurut Simarmata (2010:80), “unified modeling language(UML) sebagai standar pemodelan visualnya yang bersifat use-case driven,arsitektursentris, iteratif, dan inkremental”.
Menurut Nugroho(2010:6)^[6],, “UML (UnifiedModeling Language) adalah ‘bahasa’pemodelan untuk sistem atau perangkatlunak yang berparadigma ‘berorientasiobjek’. Pemodelan (modeling) sesungguhnya digunakan untuk penyederhanaanpermasalahan-permasalahanyang kompleks sedemikian rupa sehingga lebih mudahdipelajari dan dipahami”.
Menurut Padeli dkk dalam jurnal CCIT (2008)^[18] ,”UML (Unified Modeling Language) adalah salah satu alat bantu yang sangat handal dalam bidang pengembangan sistem yang berorientasi objek”. Hal ini disebabkan karena UML menyediakan bahasa pemodelan visual yang memungkinkan pengembang sistem untuk membuat cetak baru atas visi mereka dalam bentuk yang baku. Sebagai sebuah sketsa, UML berfungsi sebagai jembatan dalam mengkomunikasikan beberapa aspek dari sistem.
Dari beberapa definisi di atas, makadapat disimpulkanUML adalah bahasapemodelan standar untuk sistem perangkat lunak yang bersifatuse-case driven, arsitektur sentris,interatif, dan inkremental untukpenyederhanaan permasalahan agar lebih mudahdipahami.
Diagram-diagramUML

Menurut Widodo dan Herlawati (2011:10)^[17],beberapaliterature menyebutkan bahwaUML menyediakan Sembilan jenis diagram, yang lainmenyebutkan delapan karenaada beberapa diagram yang digabung, misalnya diagramkomunikasi, diagram urutandan diagram pewaktuan digabung menjadi diagraminteraksi. Namun demikianmodel-model itu dapat dikelompokkan berdasarkansifatnya yaitu statis ataudinamis. Jenis diagram itu antara lain:
1. Diagram Kelas. Bersifat statis.Diagram ini memperlihatkan himpunan kelas-kelas,antarmuka-antarmuka, kolaborasi-kolaborasi,serta relasi-relasi. Diagram iniumum dijumpai pada pemodelan sistemberorientasi objek.
2. Diagram Paket (Package Diagram).Bersifatstatis. Diagram ini memperlihatkan kumpulan kelas-kelas aktif.
3. DiagramUse-Case. Bersifatstatis. Diagramini memperlihatkan himpunan use-case danaktor-aktor (suatu jeniskhusus dari kelas). Diagram ini terutama sangatpenting untuk mengorganisasi danmemodelkan prilaku suatu sistem yangdibutuhkan serta diharapkan pengguna.
4. Diagram interaksi dan Sequence(urutan).Bersifat dinamis. Diagram urutan adalah diagram interaksi yangmenekankan padapengiriman pesan dalam suatu waktu tertentu.
5. DiagramKomunikasi(Communication Diagram).Bersifat dinamis. Diagram sebagai pengganti diagramkolaborasi UML 1.4 yangmenekankan organisasi struktural dari objek-objek yangmenerima serta mengirimpesan.
6. DiagramStatechart (StatechartDiagram). Bersifat dinamis. Diagram statusmemperlihatkan keadaan-keadaan padasistem, memuat status (state), transisi, kejadian serta aktifitas. Diagram initerutamapenting untuk memperlihatkan sifat dinamis dari antarmuka (Interface),kelas, kolaborasi dan terutama penting pada pemodelansistem-sistem yangreaktif.
7. DiagramAktivitas (ActivityDiagram).Bersifat dinamis. Diagram aktivitas adalah tipe khusus dari diagramstatus yangmemperlihatkan aliran dari suatu aktivitas ke aktivitas lainnyadalam suatusistem. Diagram ini terutama penting dalam pemodelan fungsi-fungsisuatu sistemdan member tekanan pada aliran kendali antar objek.
8. DiagramKomponen (Component Diagram).Bersifatstatis. Diagram komponen ini memperlihatkan organisasi sertakebergantungansistem/perangkat lunak pada komponen-komponen yang telah adasebelumnya. Diagramini berhubungan dengan diagram kelas dimana komponen secaratipikal dipetakankedalam satu atau lebih kelas-kelas, antarmuka-antarmukasertakolaborasi-kolaborasi.
9. Diagram Deployment (DeploymentDiagram). Bersifat statis. Diagram ini memperlihatkankonfigurasi saat aplikasidijalankan (run-time).Memuat simpul-simpul beserta komponen-komponen yang adadidalamnya. Diagram deployment berhubungan erat dengandiagram komponen dimanadiagram ini memuat satu atau lebih komponen-komponen.Diagram ini sangat bergunasaat aplikasi kita berlaku sebagai aplikasi yang dijalankan pada banyak mesin(distributed computing).

Adobe Dreamweaver

Definisi Adobe Dreamweaver

Menurut Sibero, (2011:384)^[19], Dreamweavermerupakan sebuah produk web developer yang dikembangkan oleh Adobe Systems Inc., sebelumnya produk Dreamweaver dikembangkan oleh Macromedia Inc, yang kemudian sampai saat ini perkembangannya diteruskan oleh Adobe Systems Inc, Dreamweaver dikembangkan dan dirilis dengan kode nama Creative Suit (CS).
Menurut Milician (2012:5)^[20],, Dreamweaver CS3 is a powerful Hyper TextMarkup Language (HTML) editor used by professionals, as well as beginners.(Dreamweaver CS3 adalah Hyper Text Markup Language (HTML) editor yang digunakan oleh profesional, serta pemula).
Menurut Wahana Komputer (2010:2)^[21], ”Adobe Dreamweaver merupakan salah satu program aplikasi yang digunakan untuk membangun sebuah website, baik secara grafis maupun dengan menuliskan kode sumber secara langsung”.
Dikutip dari Jurnal CCIT, menurut Untung Rahardja dkk (2009)^[22],"Macromedia Dreamwaver yaitu sebuah program web editor yang dapat digunakan untuk membuat dan mendesain web”. Dreamwaver mempunyai kehandalan dalam membuat dan desain web tanpa harus menuliskan tag-tag HTML satu persatu, Dreamwaver juga memiliki kemampuan untuk mendukung pemrograman Server Side dan Client Sidei".
Berdasarkan definisi-definisi diatas, maka dapat disimpulkan dreamweaver adalah suatu aplikasi yang digunakan dalam membangun atau membuat sebuah web.
Saat ini terdapat software dari kelompok Adobe yang belakangan banyak digunakan untuk mendesain suatu web.Versi terbaru dari Adobe Dreamwever CS3 memiliki beberapa kemampuan bukan hanya sebagai software untuk desain web saja, tetapi juga menyunting kode serta pembuatan aplikasi web. Antara lain: JSP, PHP, ASP, XML, dan ColdFusion.
. Ruang Kerja Adobe Dreamweaver

Ruang Kerja atau Workspace adalah bagian keseluruhan tampilan Adobe Dreamweaver.Ruang kerja Dreamweaver terdiri dari Welcome Screen, Menu, Insert Bar, Document Window, CSS Panel, Aplication Panel, Tag Inspector, Property Inspector, Result Panel, dan Files Panel.Masing-masing dari komponen tersebut memiliki fungsi dan aturan. Berikut dibawah ini penjelasannya:

Sumber : Sibero (2012:384)

Gambar 2.8 Ruang Kerja Adobe Dreamweaver CS3

Keterangan Gambar 2.8:
1. Document Window berfungsi menampilkan dokumen yang sedang dikerjakan.
2. Insert Bar mengandung tombol-tombol untuk menyisipkan berbagai macam objek seperti image, table dan layer kedalam dokumen.
3. Document Toolbar berisikan tombol-tombol dan menu pop-up yang menyediakan tampilan berbeda dari Document Window.
4. Panel Groups adalah kumpulan panel yang saling berkaitan satu sama lainnya yangdikelompokkan dibawah satu judul.
5. Tag Selector berfungsi menampilkan hirarki tag disekitar pilihan yang aktif padaDesign View.
6. Property Inspector digunakan untuk melihat dan mengubah berbagai properti objek atauteks.
7. Files Panel digunakan untuk mengatur file-filedan folder-folder yang membentuk situs.

Database

Definisi Database

MenurutKustiyaningsih (2011:146)^[23], “Database adalah Strukturpenyimpanan data. Untuk menambah, mengakses dan memperoses data yang disimpandalam sebuah database komputer, diperlukan sistem manajemen database seperti MYSQL Server”.
Menurut Anhar (2010:45), “Database adalah sekumpulan tabel-tabelyang berisi data dan merupakan kumpulan dari field atau kolom.
Strukturfile yang menyusun sebuah database adalah Data Record dan Field”.
Menurut Martono (2009:32)^[24], “Database adalahsebagai kumpulan data dari penempatan tenaga kerja yang saling terkait danmempengaruhi sesuai dengan tingkat kepentingannya sehingga data tersebutterintegrasi dan independence”.
Menurut Oktavian (2009:40)^[25],“Database adalah sekumpulan data dan prosedur yang memilikistruktur sedemikian rupa sehingga mudah dalam menyimpan, mengatur danmenampilkan data”.
Sedangkan menurut Untung Raharja dkk dalam jurnalCCIT (2011:238) ”Database adalah kumpulan fakta-fakta sebagai respresentasidari dunia nyata yang saling berhubungan dan mempunyai arti tertentu.
Berdasarkan beberapa pendapat para ahli yangdikemukakan di atas dapat ditarik kesimpulan bahwa database adalah sekelompokdata yang mempunyai ciri-ciri khusus dan dapat dikelola sedemikian rupa sehinggabisa menghasilkan sebuah format data yang baru.

Jenis Database yang digunakan

MenurutKadir (2009:4)^[26], Beberapa aplikasi yang terdapat di dalam Xampp, antara lain:

Xampp

MenurutPuspitasari(2011:1)^[27],“ xampp adalah sebuah softwarewebserverapache yang didalamnya sudah tersedia database server mysql dan support php programming. xamppmerupakan software yang mudahdigunakan gratis dan mendukung instalasi di linuxdan windows. Keuntungan lainya adalahcuma menginstal 1 kali sudah tersedia apacheweb server, mysql database server, php support (php4 dan php5) dan beberapamodul lainya hanya bedanya kalau versi windowsselalu dalam bentuk instalasi grafis dan yang linux dalam bentuk file terkompresi tar.gz.kelebihan lain yangberbeda dari versi untuk windowsadalah memeliki fitur untuk mengaktifkan sebuah server secara grafis, sedangkanlinux masih berupa perintah-perintah didalam console. oleh karena itu versi untuk linux sulit untuk dioperasikan.”.

MySQL

Menurut Raharjo(2011:21)^[28], “MySQL merupakan RDBMS (atau serverdatabase) yang mengelola database dengan cepat menampung dalam jumlahsangat besar dan dapat di akses oleh banyak user”.

Menurut Kadir (2009:2)^[26], “MySQL adalah sebuahsoftware open source yang digunakanuntuk membuat sebuah database.”

Berdasarkan pendapatyang dikemukakan di atas dapat ditarik kesimpulan bahwa MySQL adalah suatu softwareatau program yang digunakan untuk membuat sebuah database yang bersifat open source.

Berikut ini adalahbeberapa kekurangan dan kelebihan dari MySQL:

Tabel 2.1

Kekurangan dan Kelebihan MySQL

No	Kekurangan	Kelebihan
1	Mampu menangani jutaan user dalam kurun waktu yang bersamaan	Fitur-fitur yang dimiliki oleh MySQL sangatbanyak dibutuhkan dalam aplikasi web,contoh : klausa LIMIT yang berfungsi untuk pengaturan halaman
2	Mampu menampung lebih dari 50.000record	MySQL memiliki overhead koneksi rendah. Karakteristik inilah yang menjadikan MySQL cocok bekerja dengan aplikasi CGI, dimana disetiaprequest script akan melakukankoneksi, mengirimkan satu atau lebih perintah SQL, lalu memutuskan koneksilagi.
3	Sangat cepat mengeksekusi perintah.
4	Memiliki userprivilege system yang mudah dan efisien.
5	MySQL tersedia diberbagai platform, baik itu Linuxataupun Windows serta dalam beberapavarian Unix.
6	Fitur-fitur yang dimiliki oleh MySQL sangatbanyak dibutuhkan dalam aplikasi web, contoh : klausa LIMIT yang berfungsiuntuk pengaturan halaman.
7	MySQL memiliki overhead koneksi rendah. Karakteristikinilah yang menjadikan MySQL cocok bekerja dengan aplikasi CGI, dimana disetiaprequest script akan melakukankoneksi, mengirimkan satu atau lebih perintah SQL, lalu memutuskan koneksi lagi

PerintahDasar Database MySQL

MenurutRaharjo (2011:22)^[28], DalammenjalanMySQLdiperlukanberbagaiperintah untuk membuat suatu database,berikut ini disebutkan beberapa perintah dasar dalam menggunakan MySQL. Untukmenjalankan MySQL pertama kali cukup dengan mengetikkan mysql pada Command Prompt. Perintah-perintahnyaadalahsebagaiberikut:
1. Menampilkan database : SHOWDATABASE;
2. Membuat database baru : CREATEDATABASE database;
3. Memilih database yang akandigunakan : USE database;
4. Menampilkan tabel : SHOW TABLE;
5. Membuat tabel baru: CREATETABLE (field spesifikasi_field,...);
6. Menampilkan struktur tabel: SHOW COLUMNS FROM tabel atau DESCRIBE tabel;
7. Mengubah struktur tabel: ALTERTABLE tabel Jenis_Pengubahan;
8. Mengisikan data: INSERT INTOtable(kolom1, ) VALUES („data_kolom1,); atau INSERT INTO table SET kolom1 =„data_kolom1, ;
9. Menampilkan data: SELECT kolomFROM tabel WHERE kriteria ORDER BY kolom atau SELECT * FROM tabel;
10. Mengubah data: UPDATE tabel SET kolom = pengubahan_data WHERE kriteria;
11. Menampilkan data dengankriteria tertentu: SELECT kolom1,... FROM table WHERE kriteria;
12. Menghapus data: DELETE FROMtabel WHERE kriteria;
13. Menghapus tabel: DROP tabel;
14. Menghapus database: DROPdatabase;
15. Keluar dari MySQL: QUIT; atauEXIT;

MySQL

Definisi MySQL

MenurutKustiyahningsih (2011:145)^[29], “MySQL adalah sebuah basis datayang mengandung satu atau jumlah table”. Tabel terdiri atas sejumlah baris dan setiap baris menggandungsatu atau sejumlah tabel.Tabel terdiri atas sejumlah baris dan setiap barismengandung satu atau sejumlah tabel.
MenurutWahana Komputer (2010:21)^[21], MySQL adalah databaseserver open source yang cukup popular keberadaanya”. Denganberbagai keunggulan yang dimiliki, membuat softwaredatabase ini banyak digunakan oleh praktisi untuk membangun suatuproject.Adanya fasilitas API (ApplicationProgramming Interface) yang dimiliki oleh Mysql, memungkinkanbermacam-macam aplikasikomputer yang ditulis dengan berbagai bahasa pemogramandapat mengakses basis data MySQL. MYSQL termasuk jenis RDBMS (Relational Database Management System). Sedangkan RDMS sendiri akanlebih banyak mengenal istilah seperti table, baris dan kolomdigunakan dalamperintah-perintah di MYSQL.

Tipe Data MySQL

MenurutKustiyahningsih(2011:147)^[30], “Tipe data Mysql adalah data yang terdapat dalam sebuah tableberupa field-field yang berisi nilaidari data tersebut. Nilai data dalam fieldmemiliki tipe sendiri-sendiri”. MYSQL mengenal beberapatipe data field yaitu:

Tipe data numerik

Tipe numerikdibedakan dalam dua macam kelompok, yaitu integerdan floatingpoint.Integer digunakanuntuk data bilanganbulat sedangkan floatingpoint digunakan untuk bilangan desimal.Tipe data numerik selengkapnya dapatdilihat pada tabel2.2.

Tabel 2.2. Tipe data numerik

Tipe Data	Kisaran Nilai
TINYINT	(-128)-127 atau (0-255)
SMALLINT	(-32768)-32767 atau (0-65535)
MEDUIMINT	(-3888608)-8388607atau 0-16777215
INT, INTEGER	(-2147683648)-(21447683647)atau 0-4294967295
FLOAT	(-3,4 E+38)-(-1.17E-38), 0 dan 1.175E-38-3.4e+38
DOUBLE	(-1.79E+308)-(-2.225E-308),0 dan 2.225E-308-1.79E+308

Sumber: Kustiyahningsih (2011:147)

Tipe data string

String adalah rangkaian karakter.Tipe-tipe data yang termasuk dalam tipe data string dapat dilihat pada tabel 2.3.berikut:

Tabel 2.3. Tipe data string

Tipe Data	Kisaran Nilai
CHAR	1-255 karakter
VARCHAR	1-255 karakter
TINYTEXT	1-255 karakter
TEXT	1-65535 karakter
MEDIUMTEXT	1-16777215 karakter
LONGTEXT	1- 424967295 karakter

Sumber: Kustiyahningsih (2011:148)

Tipe data char() dan varchar()

Tipe data char() dan varchar() pada prinsipnya sama, perbedaannya hanya terletak padajumlah memori yang dibutuhkan untuk penyimpanannya. Memori yang dibutuhkanuntuk tipe data char() bersifatstatis, besarnya tergantung pada berapa jumlah karakter yang ditetapkan padasaat fieldtersebut dideklarasikan.Pada tipe data varchar() besarnyamemori penyimpanan tergantung pada jumlah karakter tambah 1 byte, dapat dilihat pada tabel 2.4.

Tabel 2.4. Letak perbedaan jumlah memori

Nilai	Char(4)	Memori penyimpanan	Varchar (4)	Memori Penyimpanan
“	“	4 bytes	“	1byte
‘ab’	‘ab’	4 bytes	‘ab’	3 bytes
‘abcd’	‘abcd’	4 bytes	‘abcd’	5 bytes
‘abcdefgh’	‘abcd’	4 bytes	‘abcd’	5 bytes

Sumber: Kustiyahningsih(2011:148)

Tipe data tanggal

Untuk tanggal dan jam,tersedia tipe-tipe data field berupa DATETIME, DATE, TIMESTAMP, TIME, dan YEAR.Masing-masing tipe mempunyaikisaran nilai tertentu. MYSQL akan memberikan peringatan kesalahan (error) apabila tanggal atau waktu yangdimasukkan salah. Kisaran nilai besar memori penyimpanan yang diperlukan untukmasing-masing tipe dapat dilihat pada tabel 2.5.

Tabel 2.5. Tipe data tunggal

Tipe Data	Kisaran Nilai	Memori penyimpanan
DATETIME	1000-01-01 00:00 sampai 9999-12-31 23:59:59	3 byte
DATE	1000-01-01 sampai 9999-12-31	8 byte
TIMESTAMP	1970-01-01 00:00:00 sampai 2037	4 byte
TIME	-839:59:59 sampai 838:59:59	3 byte
YEAR	1901 sampai 2155	1 byte

Sumber: Kustiyahningsih(2011:149)

Operator MYSQL

Menurut Kustiyahningsih(2011:149),MYSQL mendukung penggunaan operator-operator dan fungsi-fungsi diantaranya:

Operator Aritmetika

Suatu ekspresi yangmelibatkan tipe data bilangan (NUMERIK) dan tanggal (DATE) menggunakan ekspresiaritmatika.Dapat dilihat pada tabel 2.6.

Tabel 2.6. Operator artmatika MYSQL

Operator Keterangan

+ Tambah

* Kali

/ Bagi

Mod () Modulus

Sumber: Kustiyahningsih(2011:149)
Operator Pembandingan

Suatu ekspresi yangdapat digunakan pada klausa WHERE danmempunyai sintaks sebagai berikut: WHEREexproperator value. Tabel 2.9.menunjukkan operator pembadingan pada MYSQL.

Tabel2.7 Operator Pembanding MYSQL

Operator Keterangan

= Sama Dengan

> Lebih Besar

< Lebih Kecil

> = Lebih Besar atau Sama
dengan

< = Lebih Kecil atau Sama
dengan

<> Tidak Sama Dengan

Sumber: Kustiyahningsih(2011:150)
Operator Logika

Operator inidigunakan untuk membandingkan dua nilai variableyang bertipe Boolean.Tabel 2.10.menunjukkanoperator logika pada MYSQL

Tabel2.8. Operator Logika MYSQL

Operator Keterangan

AND Dan

OR Atau

NOT Tidak

Sumber: Kustiyahningsih(2011:150)
Operator Karakter

Operator untukmembentuk pencarian string yangsesuai dengan nilai yang mencantumkan pada kondisi.Kondisi pencarian dapatberisi karakter, ada 3 symbol khususberikut ini yang dapat dilihat pada tabel 2.9.

Tabel2.9 Tabel operator karakter

Operator Keterangan

% Sambarang Karakter berapapun jumlahnya

Sembarang karakter yang terletak dalam kurung siku

Sumber: Kustiyahningsih(2011:151)
Operator Lain-lain

Operator yangdigunakan untuk menguji nilai-nilai yang ada dalam list (tanda kurung) dan dapat juga untuk menampilkan barisberdasarkan suatu jangkauan (range) nilai.Ada 2 simbol dapat dilihat tabel 2.12.

Tabel2.10. Opearator lian-lain

Operator Keterangan

IN Dalam

BETWEEN Diantara karakter

Sumber: Kustiyahningsih(2011:152)

Fungsi Agregat

Fungsi agregat(kadangkala disebut fungsi grup atau fungsi ringkasan) adalah fungsi yangdisediakan oleh SQL untuk menghasilkan sebuah nilai berdasarkan sejumlahdata.Fungsi sendiri adalah sesuatu kumpulan intruksi yang menghasilkan sebuahnilai jika dipanggil.Fungsi ini juga digunakan pada data numerik untukmenghitung nilai baik rata-rata dan jumlah dari sekumpulan data maupunpencarian jumlah baris dalam tabel.Untuk lebih jelasnya data dilihat dalamtabel 2.13.

Tabel2.11 Fungsi agregat

Operator	Keterangan
COUNT	Menghitung jumlah berisi suatu field
SUM	Menjumlahkan data-data numerik pada suatu table
AVG	Menghitung rata-rata suatu field
MAX	Menghitung nilai maksimum suatu field
MIN	Menghitung nilai minimum suatu field

Sumber: Kustiyahningsih (2011:152)

PHP

Definisi PHP

MenurutOktavian (2010:31)^[25], “PHP adalah akronimdari Hypertext Preprocessor, yaitusuatu bahasa pemrograman berbasiskan kode-kode (script) yang digunakan untuk mengolah suatu data dan mengirimkannyakembali ke web browser menjadi kodeHTML”.
MenurutKustiyaningsih (2011:114)^[23], “PHP (atau resminya PHP: Hypertext Proprosessor) adalah skripbersifat server-sideyang ditambahkanke dalam HTML”.
PHP sendiri merupakansingkatan dari Personal Home Page Tools.Skrip ini akan membuat suatu aplikasi dapat diintegrasikan kedalam HTMLsehingga suatu halaman web tidak lagi bersifat statis, namun menjadi bersifatdinamis.
Daripendapat yang dikemukakan di atas dapat disimpulkan bahwa PHP adalah akronim dari HypertextPreprocessor, yaitu suatu bahasa pemrograman berbasiskan kode-kode (script) yang digunakan untuk mengolahsuatu data dan bersifat server-sideyangditambahkan ke dalam HTML.
Sifat Server side berarti pengerjaan skripdilakukan diserver, baru kemudian hasilnya dikirimkan ke browser. Cara penulisan skrip PHP ada dua macam, yaitu Embedded Script dan Non embedded Script. Contoh dari jenis skrip PHP di atas di tunjukan dalam gambar 2.8 berikut:

Sumber: Kustiyahningsih (2011:114)

Gambar 2.9. Skrip dalam PHP:

Skripdalam php adalah sebagai berikut:
1. Embedded Script.
2. Non Embedded Script.
Gambar 2.8, menjelaskan bahwa skrip PHP dapat berupa embedded script yaitu melakukan tag PHP diantara tag-tag HTML sedangkan non embedded script yaitu semua tag HTMLdiletakan dalam tag PHP. Semua kodephp menyerupai dengan kode bahasa C, walupun tidak sepenuhnya sama.
Untukpenulisan tag PHP terdiri dari empat style,yaitu Style Standar Format, denganformat: <?php ….?>, Short Styledengan format: <? ….?>, JavascriptStyle dengan format: <scriptlanguage = “php”> … </script> dan ASP style dengan format: <% … %>.
Sejarah PHP

Menurut Kustiyaningsih(2011:113)^[23],Seiring dengan perkembangan teknologi maka lahirnya PHP sebagaibahasa pemrograman open source yangdigunakan secara luas terutama untuk pengembangan web dan dapat disimpan dalambentuk HTML.Sehingga web tidak hanya memberikan informasi tetapi terjalininteraksi dan menjadikan web bersifat dinamis dan diintegrasikan dengan web server Apache, PWS dan IIS.
Kelahiran PHP bermula saat Rasmus Lerdorf membuat sejumlah skrip perlyang dapat mengamati siapasaja yang melihat-lihat daftar riwayat hidupnya, yaitu tahun 1994. Tahun 1995,Rasmus menciptakan PHP/FI Versi 2, di mana Versi tersebut dapat menempelkankode terstruktur dalam tag HTML danjuga PHP dapat berkomunikasi dengan database.

Kelebihan dan Kekurangan Php

Menurut Andika (2012:53)^[31], Aplikasi bahasa Php dapat dipergunakan untuk:

PHP digunakan sebagai landasanoperasi pada pemrogaman jaringan berbasis web.
PHP digunakan juga untukpemrogaman database.
PHP digunakan untuk membuataplikasi web.

Adapun kelebihan dan kekurangan bahasa Phpantara lain sebagai berikut:

Tabel 2.12 Kelebihan dan Kekurangan PHP

No	Kelebihan	Kekurangan
1	PHP menjadi popular karena kesederhanaannya dan kemampuannya dalam menghasilkan berbagai aplikasi web seperti counter, sistem artikel/ CMS, e commerce, bulletinboard, dll	Tidak detail untuk pengembangan skala besar
2	PHP adalah salah satu bahasa server-side yang didesain khusus untuk aplikasi web.	Tidak detail untuk pengembangan skala besar.
3	PHP termasuk dalam Open Source Product	Tidak memiliki sistem pemrogaman berorientasi objek yang sesungguhnya.
4	Aplikasi PHP cukup cepat dibandingkan dengan aplikasi CGI dengan Perl atau Phyton bahkan lebih cepat dibanding dengan ASP maupun Java dalam berbagai aplikasi web	Tidak bisa memisahkan antara tampilan dengan logic dengan baik.
5	Tersedia baik di Windows maupun Linux, walau saat ini paling efektif di web server Apache dan OS Linux	PHP memiliki kelemahan security tertentu apabila programmer tidak jeli dalam melakukan pemrogaman dan kurang memperhatikan isu konfigurasi PHP.
6	Sintaks mirip C dan mudah dipelajari.
7	Komunitas yang ramai dan saling membantu, seperti di diskusiweb.com, phpbuilder.com, phpindo.com, dll.
8	Berbagai script atau aplikasi yang gratis telah tersedia.

Sumber: http://andikafisma.com/kelebihan-kelemahan-dan-aplikasi-10-bahasa-pemrograman

Koneksi Database Php

Menurut Andika (2012:71)^[31],Koneksi dari bahasa pemrograman web (baca: PHP) yang anda gunakan ke MySQLdatabase menjadi langkah awal yang sangat penting dilakukan. Berikut sintax untukmelakukan koneksi ke MySQL database dari PHP.
mysql_connect (”namahost”,”mysql_username_yang_digunakan”,”password_dari_username”);
Koneksi Php pada database

Menurut Andika (2012:54)^[31],bahasa pemrograman berbasis server maksudnya script PHP diletakan di server dan di terjemahkan oleh web browserterlebih dahulu kemudian hasil terjemahan itu dikirim ke browser client.Bahasa pemrograman PHP memiliki kesamaan dengan bahasa ASP (Active Server Page),Cold Fusion, JSP (Java server Page),ataupun Perl.Berikut merupakan skema PHP sampai di terjemahkan oleh Browser:

Sumber:http://andikafisma.com/kelebihan-kelemahan-dan-aplikasi

Gambar 2.10 Skema koneksi databasepada PHP

Elisitasi

Definisi Elisitasi

Menurut Guritno,dkk(2010:302)^[32], “Elisitasi(elicitation)berisi usulan rancangan sistembaru yang diinginkan oleh pihak manajemen terkait dan disanggupi oleh penulisuntuk dieksekusi”.
Menurut Nugroho (2010:10)^[6],, Akuisisi informasi dari seseorang atau kelompokdengan cara yang tidak mengungkapkan maksud dari wawancara atau percakapan.Sebuah teknik pengumpulan intelijen sumber manusia, umumnya terbuka.
Dikutip dari jurnal CCIT, ”Elisitasi berisi usulanrancangan sistem baru yang diinginkan oleh pihak manajemen terkait dandisanggupi oleh penulis untuk dieksekusi.” (Rahardja, 2011:302)
Berdasarkanbeberapa pendapat yang dikemukakan di atas dapat ditarik kesimpulan bahwaelisitasi adalah usulan rancangan sistem baru yang diinginkan.
Jenis-jenis Elisitasi

Menurut Guritno,dkk(2010:302)^[32], Elisitasi didapat melalui metode wawancara dan dilakukan melalui tigatahap, yaitu sebagai berikut:
1. Elisitasi Tahap I
  
  Berisi seluruh rancangan sistem baru yang diusulkan oleh pihakmanajemen terkait melalui proses wawancara.
2. Elisitasi Tahap II
  
  Merupakan hasil pengklasifikasian dari elisitasi tahap I berdasarkanmetode MDI. Metode MDI ini bertujuan untuk memisahkan antara rancangan sistem yang penting dan harusada pada sistem baru dengan rancangan yang disanggupi untuk dieksekusi.
  1. M pada MDI itu artinya Mandatory. Maksudnya requirement tersebut harus ada dan tidakboleh dihilangkan pada saat membuat sistem baru.
  2. D pada MDI itu artinya Desirable.Maksudnya requirement tersebut tidakterlalu penting dan boleh dihilangkan. Tetapi jika requirement tersebut digunakan dalam pembentukan sistem, akanmembuat sistem tersebut lebih perfect.
  3. I pada MDI itu artinya Inessential.Maksudnya bahwa requirement tersebutbukanlah bagian dari sistem yang dibahas dan merupakan bagian dari luar sistem.
3. Elisitasi Tahap III
  
  Merupakan hasilpenyusutan dari elisitasi tahap II dengan cara mengeliminasi semua requirement yang optionnya I pada metodeMDI. Selanjutnya semua requirementyang tersisa diklasifikasikan kembali melalui metode TOE.
  1. T artinya Technical, maksudnyabagaimana tata cara / tehnik pembuatan requirementtersebut dalam sistem yang diusulkan.
  2. O artinya Operasional, maksudnya bagaimana tata cara penggunaan requirement tersebut dalam sistem yangakan dikembangkan.
  3. E artinya Ekonomi, maksudnya berapakah biaya yang diperlukan gunamembangun requirement tersebut didalam sistem.
  Metode TOE tersebutdibagi kembali menjadi beberapa option,yaitu sebagai berikut:
  1. High (H) :Sulit untuk dikerjakan, karena tehnik pembuatan dan pemakaiannya sulit sertabiayanya mahal. Sehingga requirementtersebut harus dieliminasi.
  2. Middle (M) :Mampu untuk dikerjakan.
  3. Low (L) :Mudah untuk dikerjakan.
4. Final Draft Elisitasi
  
  Finaldraft merupakan hasil akhir yang dicapai dari suatu proseselisitasi yang dapat digunakan sebagai dasar pembuatan suatu sistem yang akandikembangkan.

Literature Review

Devinisi Literature Review

Menurut Mulyandi(2013:17-153)^[33],, “Penelitian sebelumnya(literature review) merupakan surveyliterature tentang penemuan-penemuan yangdi lakukan oleh penelitisebelumnya (empirical fiding) yangberhubungan dengantopic penelitian”.
Menurut Guritno(2010:86)^[32], ”literaturereview dalam sebuah penelitianadalah mengetahui apakah para peneliti laintelah menemukan jawaban untukpertanyaan-pertanyaaan penelitian yang kitarumuskan”.
Dari kedua definisidi atas, maka dapat disimpulkanliteraturereview adalah merupakan surveyatau penjelasan penelitian sebelumnyaoleh para ahli.Pemahaman lebih lanjut mengenai hubungannya dalam penelitianyang diangkat oleh penulis saat ini adalah literaturereview merupakan suatu survey literature tentang penemuan-penemuan yangtelah dilakukan oleh penelitian sebelumnya yang berhubungan dengan topikpenelitian.
Tujuan Literature Review
1. Menunjukkan pemahaman tentang bodyof knowledge dan kredibilitas peneliti.
2. Menunjukkan pola penelitian sebelumnya dan kaitannya dengan riset yangakan dilakukan.
3. Menciptakan koherensi dan meringkas “what is known in an area “
Manfaat Literature Review
1. Membantu membedakan “apa yang telah diteliti” dengan “apa yang akanditeliti”
2. Membantu menemukan variable penting yang relevan dengan topic penelitian.
3. Membantu sintesis danmendapatkan perspektif baru
4. Membantu mengidentifikasi hubungan antara ide dengan praktik
5. Membantu menentukan konteks topik atau masalah penelitian
6. Membantu menjustifikasi arti penting isu yangakan diteliti
7. Membantu memahami struktur dari subyek yangakan diteliti
8. Membantu mengidentifikasi metodologi danteknik penelitian yangtelah digunakan
9. Membantu menempatkan riset pada kontekshistoris untukmenunjukkan pemahamanpeneliti pada state-of-the-artbidang yg dikaji
Salah satu penelitianyang memiliki korelasi yang searah dengan penelitian yang akan dibahas dalamLaporan Skripsi penulis, yaitu :
1. Penelitian yang dilakukan oleh Danik Fitria Ningsih (Ningsih, 2007 )
  
  Penelitian ini membahas tentang perancangan sisteminformasi penjualan barang pada PT. Vina Jaya. Dengan rancangan sistem yangdiusulkan diharapkan pada bagian administrasi dapat memberikan laporan-laporan yangberhubungan dengan penjualan yang lebih akurat.
2. Penelitian yang dilakukan oleh Novi Handayani ( 2008 )
  
  Penelitian ini membahas tentang perancangan sistem penjualanbarang pada PT. PEDRIC Jaya Chemicals, penelitian ini dilakukan untuk merancangsistem penjualan agar dapat membantu dalam transaksi penjualan. Padaperancangan sistem yang diusulkan telah mampu menyediakan informasi yangdibutuhkan secara tepat, dan akurat karena telah menggunakan sistem yangterkomputerisasi, sehingga mampu menghasilkan laporan yang dibutuhkan dalamwaktu yang singkat.
3. Penelitian yang dilakukan oleh Devon Del Vecchio,David Henard, dan Traci Haigood-freling (2006), dengan judul “The Effect of Sales Promotion on Post-Promotion Brand Preferance : A Meta-Analysis Jurnal Of Retailing,
  
  Penelitian dilakukanuntuk mengetahui pengaruh promosi penjualan pada prefrensi merk pasca promosi,terlepas dari kenyataan bahwa promosi penjualan telah lama digunakan untuk praktek pemasaran dari penelitian akademis, pemahaman yang jelas tentang dampak promosi.Penjualan pada prefrensi merk pasca promosi dan untuk menghindari manajer merkdan sarjana pemasaran sama. Penelitian ini mencoba memberikan pemahaman mengenai dampak promosi penjualan dan promosi produk, promosi baik dapatmeningkatkan atau menurunkan prefrensi untuk merek. Hasil empiris memberikan informasiyang menyusun strategi promosi dan untuk memahami proses yang mempengaruhiprefrensi promosi merk.
4. Penelitian yang dilakukan oleh Suriana mengenai :”Perancangan Sistem Informasi PenjualanpadaTB. Djaya Makmur”.
  
  Permasalahan yangterjadi pada judul yang diangkat penulis adalah belum optimalnya sistem yang berjalan karena belum adanya sistem yang mendukung proses trnsaksi jual beli mengakibatkan pelayanan terhadap pelanggan berkurang.
5. PenelitianTugas Akhir pada perguruan tinggi Raharja (Bismar Hamzah, 2007).
  
  Penelitian ini membahas mengenai Perancangan Sistem Informasi Produksi Di PT.Bando Indonesia. Yang berlokasi di Kel. PasirJaya. Kec. Jatiuwung, Tangerang.

BAB III

ANALISA SISTEM YANG BERJALAN

Gambaran Umum Perusahaan

CV Ismie Jayaadalah perusahaan swasta yang beralamatkan di Jl. Dipatiunus Gg. Pesantren Jamiatul FalahCibodas - Tangerang

Sejarah Singkat Perusahaan

CV Ismie Jayaberdiri pada pertengahan bulan Maret tahun 1993yang dihimpun oleh beberapa orang tokoh yangberkecimpung di dunia bisnis danmengadakan diskusi yang professional. Berdasarkan diskusi diantara para tokohbisnis tersebut, disepakati bergabung dengan CV yang usahanya di bidang produksi kemasan produk .

Berkat kerja keras dan kerja sama antarapengusaha satu dengan yang lainnya, sekarang CV Ismie Jaya dapat bersaing denganperusahaan-perusahaan besar lainnya dalam dunia industri.

Struktur Organisasi Perusahaan

Struktur organisasi sangat penting bagisebuah organisasi karena berfungsi untuk menunjukkan pola tetap hubungan-hubungandiantara fungsi, tugas dan wewenang serta tanggung jawab masing-masing individupada sebuah organisasi.

Dalam menjalankan tugasnya, CV Ismie Jaya mempunyaistruktur organisasi sebagai berikut:

Sumber: CV Ismie Jaya, Tangerang

Gambar 3.1 Struktur Organisasi CVIsmie Jaya

Tugas dan Tanggung Jawab

Berikutini uraian dari wewenang dan tanggung jawab masing-masing divisi pada CV. Ismie Jaya :

Direktur
1. Bertanggung jawabterhadap semua kegiatan di perusahaan melakukan dan mengkoordinir semuadepartemen.
2. Memberhentikandan mengangkat karyawan untuk menjabat sesuai struktur di organisasi.
3. Memimpinrapat (meeting) manajerial.
4. Memotorisasisetiap pengeluaran uang perusahaan.
General Manager
1. Membawahi seluruhaktivitas perusahan dari mulai perencanaan sampai dengan pengawasan.
2. Mengorganisirdan membentuk struktur perusahaan, serta bertanggung jawab penuh terhadapDirektur Utama.
Marketing
1. Bertanggungjawab penuh terhadap penjualan.
2. Menyelesaikan masalahdengan customer apabila ada keluhan mengenaikualitas barang yang kurang memuaskan
3. Menyusunstrategi untuk memperluas daerah pemasaran.
4. Membagiwilayah kepada salesman.
5. Mengawasi seluruh kegiatan di bidang penjualan
6. Memberikan laporan pertanggung jawaban mengenai penjualankepada direktur.
7. Mengambilmasukan mengenai saingan untuk diteruskan kepemimpinan.
Keuangan
1. Mengelola masuknya uang dan kuitansi biaya.
2. Menyelenggarakandan mempersiapkan dana untukkegiatan perusahaan, serta mengaturpenerimaan dan pengeluaran uang
3. Melakukanpembayaran kepada suplier tepatsesuai dengan tanggal jatuh tempo.
4. Memastikanpembuatan jurnal, laporan keuangan dan incomestatement.
5. Melakukanpenagihan kepada customer tepatwaktu.
6. Membuatpertanggung jawaban keuangan dalam buku kas harian yang di serahkan.
7. Membuat laporanpertanggung jawaban perbulan dan menyimpan bukti pembelian.
8. Melakukan audit perusahaan.
9. Memeriksa pajak yang harus di bayar olehperusahaan.
Manager Produksi
1. Bertanggungjawab atas kegiatan produksi, mulai dari produksi sampai dengan maintenance (pemeliharaan) pabrik.
2. Mengontrol jalannya pekerjaan produksi darimulai bahan baku sampai ke Produksi jadi.
Pembelian (Purchasing)
1. Mencari penawaran dan bernegosiasi denganbeberapa supplier.
2. MembuatPurchase Order dari hasil penawarandan negosiasi dari daftar supplierterpilih.
3. Membuatlaporan keuangan mingguan atau bulanan untuk Permintaan Pembelian (PP) danPermintaan Pengeluaran Uang (PPU).
4. Melakukanseleksi, evaluasi dan memantau kinerja supplier.
5. Menyelesaikan masalahdengan supplier apabila ada keluhanmengenai kualitas bahan baku.
Personalia
1. Menerima karyawan baru dan melakukan pendataanterhadap seluruh karyawan.
2. Bertanggungjawab atas absensi karyawan sebagai bahan perhitungan gaji dan upah karyawan.
3. Membuatslip gaji dan upah serta menghitung gaji dan upah karyawan.
4. Membagikangaji dan upah kepada karyawan harian produksi dan karyawan harian lepas.
5. Membuat rekap gaji karyawan dan melaporkannyakepada bagian keuangan.
6. MembuatSurat Pernyataan (SP) terhadap pelanggaran atau kesalahan yang dilakukan olehkaryawan.
7. Membuat pengumuman setiap ada perubahan jamkerja atau perubahan yang lainnya menyangkut karyawan.
PPIC
1. Memastikan pemenuhan permintaan dari bagian marketing.
2. Memastikanketersediaan Raw and Support material.
3. Mendapatkan forecast dari customer melalui bagian marketing.
4. Bersama-samadengan bagian gudang untuk merencanakan jadwal produksi dan rencana material.
Kepala Produksi
1. Mengontrol jalannya proses produksi.
2. MenerimaSurat Perintah Kerja (SPK) dan Surat Perintah Lembur (SPL) yang dibuat oleh plannersebagai acuan pekerjaan yang harus ditangani terlebih dahulu.
3. Memilihpekerjaan yangberhubungan dengan order barangyang harus dikerjakan terlebih dahulu.
4. Membuatlaporan kepada Manager produksi tiap bulannya.
5. Merencanakan, mengkoordinasikan dan mengawasijalannya kegiatan-kegiatan yang berkaitan dengan masalah produksi di dalamruang lingkup perusahaan.
6. Mengawasihasil produksi sesuai dengan standar yang telah ditetapkan.
7. Melaporkandan turut serta membantu dalam memecahkan masalah yang timbul dilingkungan pekerjaan atau produksi.
8. Membuatdan melaporkan hasil dari produksi setiap periodenya.
9. Merencanakandan menetapkan rencana kerja agar lebih efektif dan efisien bagi kegiatanproduksi yang telah dan akan dikerjakan oleh karyawan atau pekerja.
Teknisi
1. Memeriksa semua mesin produksi, alat-alatkerja dan listrik perusahaan.
2. Memperbaikidan melakukan pemeliharaan mesin, alat-alat kerja dan listrik perusahaan.
3. Membuatlaporan pemakaian bahan bakar mesin produksi dan penggantian mesin ataualat-alat kerja yang tidak bisa dipakai lagi.
Gudang
1. Membuat daftar harga barang
2. Menerimabarang masuk yang dikirim langsung oleh supplier atas pemesanan barang dari bagian pembelian.
3. Mengirim barang keluar atas pemesanan pelanggan daribagian marketing.
4. Bertanggungjawab penuh terhadap keluar masuknya bahan baku atau alat-alat kerja yang berasal darigudang.
5. Memeriksastok barang dan membuatlaporan kepada bagian marketing.
QC(Quality Control)
1. Menelitiapakah bahan tersebut baik untuk digunakan.
2. Menetapkanstandar bahan yang digunakan.
3. Membuat keterangan bila ada barang reject

Tata Laksana Sistem Yang Berjalan

Prosedur Yang Berjalan

UseCase Diagram

Dari definisi skenariodiatas dapat digambarkan dalam use casediagram mengenai hal yang terjadi pada sistem penjualan kemasan produk yang berjalansaat ini. Usecase diagram dapat dilihat padagambar dibawah ini:

Gambar3.2 Use Case Diagram sistem penjualan yang berjalan
Activity Diagram

Activitydiagram memodelkan alur kegiatan sebuah prosesdan urutan aktivitas pada suatu proses. Diagram ini sangat mirip dengan flowchart karena dapat memodelkanprosedur logika.
Berdasarkan use case diagram di atas maka dapat kita gambarkan activity diagram dari aktifitas paraaktor-aktor yang ada pada sistem penjualan pada CV.Ismie Jaya

Gambar3.3 Activity Diagram sistem penjualan yang berjalan

Analisa Sistem Yang Berjalan

Metode Analisa Sistem

Analisa SWOT

Faktor internal yang mencakup produk yangtersedia, sumber daya manusia, fasilitas yang tersedia berupa gudang, kendaraan untukoperasional, serta proses persediaan barang yang sedang berjalan saat ini.Sedangkan faktor eksternal yang mencakup aspek masyarakat, persaingan terhadapperusahaan lainnya, dan promosi kepada pelanggan. Untuk mendukung prosesanalisa, maka terlebih dahulu akan dilakukan marketing mix 7P untuk mengetahui lebih jelas strategi yang akandibahas dan kemudian akan dilanjutkan dengan analisa SWOT, yaitu sebagai berikut:

Tabel 3.1 Marketing mix 7P

No	Variabel	Indikator
1.	Product (produk)	Kategorijenis barang yaitu, kemasan produk boxdan kemasan produk plastik Kondisibarang yang baik Pemantauanketersediaan stok barang yang dilihat secara fisik untuk melihat persediaanproduk Kelengkapanbarang Informasiproduk yang akurat Memilikiproduk yang berkualitas
2.	Price (biaya)	Persainganharga Diskon Ketersediaan modal yang cukup
3.	Place (lokasi)	Lokasiyang mudah dijangkau Kebersihangudang yang terjaga Kerapihan menaruh barang di dalam gudang
4.	Promotion (promosi)	Adanyasample atau bonus Kerjasamabaik dengan supplier, dengan carapembayaran lunas pada waktunya sehingga jika ada promosi mempunyai peluangbesar untuk mendapatkan hadiah dari supplier. Informasiproduk baru Programpromosi masih sederhana Dikenal masyarakat sekitar
5.	People (orang)	Karyawanmempunyai pengetahuan yang cukup tentang produk Kesopanankaryawan Setiapkaryawan memahami proses masuk dan keluar barang karena tugasnya selalu di rooling setiap harinya. Kebutuhan konsumen semakin meningkat
6.	PhysicalEvidence (bukti fisik)	Fasilitasgudang yang cukup luas untuk penyimpanan barang Mempunyaipengalaman dibidangdistribusi barang dan CV sudah berdiri dari tahun 1993 TerdapatCCTV pada sudut-sudut di dalam gudang yang dapat di control oleh pimpinan Fasilitas 4trukdan 5 mobil box untuk menunjang pengiriman barang
7.	Process (proses)	Kecepatanmenanggapi pesanan dari pelanggan Sistempemesanan yang mudah Kerapihanpengemasan barang Prosespencatatan barang masih manualmenggunakan buku biasa hanya untuk menceklist barang yang masuk dan keluar darigudang.

Tabel 3.2 Analisa SWOT

SWOT	Strength (Kekuatan)	Weakness (Kelemahan)	Opportunity (Peluang)	Thread (Ancaman)
Faktor Internal / Faktor Eksternal	Kondisi barang yang baik Informasi produk yang akurat Sistem pemesanan yang mudah Kelengkapan barang Kerapihan pengemasan barang Sudah berpengalaman di bidang distribusi barang Fasilitas gudang yang besar dan disertai dengancctv untuk pemantauan	Kurangnya diskon Pencatatan dan pemantauan stok masih manual Persaingan dalam merebut pemasok Program promosi masih sederhana	Konsumen barang kemasan produk semakin banyak Sudah dikenal masyarakat sekitar Produk yang ditawarkan merupakan kebutuhan dalam pemasaran sebuah produk barang Permintaan pasar semakin meningkat sesuai kebutuhan Loyalitas pelanggan dan supplier cukup tinggi	Persaingan harga dan bisnis yang semakin kompleks dan tidak sehat Pesaing baru semakin banyak bermunculan
Strategi	Strategi ST	Strategi WT	Strategi SO	Strategi WO
Faktor Internal / Faktor Eksternal	Menjaga hubungan baik dengan rekan bisnis agar stok barang tetap stabil Menjagan standar kualitas barang Memberikan proses pelayanan yang lebih baik,cepat, dan rapih	Memperbaiki manajemen agar bisa mengatasi pesaing baru Menerapkan metode promosi yang lebih selektif Menjaga komitmen antara pelanggan dan supplier Menjaga kelengkapan barang dan membuat sistemmonitoring agar memudahkan dalam pengontrolan barangv	Memanfaatkan pengalaman perusahaan yang cukup lama untuk menjangkau seluruh pasar Meningkatkan kualitas dan kapasitas gudang Dengan sistem pemesanan yang mudah dapatmenampung banyak permintaan dengan pelanggan	Mengembangkan pola promosi yang efektif Memberikan diskon kepada pelanggan Penetapan harga jual yang bersaing

Konfigurasi Sistem Berjalan

Spesifikasi Hardware
- Processor : Intel Pentium IV
- Monitor : Flatron 15”
- RAM : 512 MB
- Harddisk : 80GB
- Keyboard : PS/2 Standard Keyboard
- Printer : EPSON STYLUS T11
Spesifikasi Software
- Microsoft Office Excel2007
Hak Akses (Brainware)
- Marketing
- Keuangan
- Manager
- Gudang

Permasalahan Yang Dihadapi dan Alternatif Pemecahan Masalah

Permasalahan Yang Dihadapi

Dalam sistem Penjualan yang berjalan pada CV.Ismie Jaya memiliki kekurangan, yaitu:

Dalam sistem penjualan prosedur pencatatan penjualan dan pembuatan laporan masih manual berupa buku laporan dan penggunaan aplikasi Microsoft Excel, dimana hal ini berdampak terhadap proses pembuatan laporan. sehingga keakuratan data, efesien, dan efektifitas yang di peroleh belum dapat memenuhi kebutuhan sistem secara optimal

Alternatif Pemecahan Masalah

Berdasarkananalisa terhadap tatalaksana sistemyang berjalan, dapat diambil kesimpulan bahwa perlu diadakan pengembangansistem atas kekurangan dan kebutuhan sistem dengan melakukan analisa terhadapalternatif pemecahan masalah antara lain:

Dibangun sistem yang dibutuhkan oleh user dengan menggunakan aplikasi berbasis visual karena aplikasi yang berbasisvisual sudah familiar dikalangan instansi masyarakat.
Dibangun suatu aplikasi sistem yang berbasiskan web,aplikasi yang dibangun berbasiskanweb memungkinkan user dapat menggunakan data secara bersama-sama di dalamwaktu yang sama.

Berdasarkan beberapa alternatif pemecahan masalah di atas penulis melakukansuatu kajian terhadap permasalahan yang ada, maka penulis memutuskan perludibangun aplikasi sistem yang berbasis webkarena banyak keuntungan yang diperoleh antara lain:
1. Dapat menjalankan aplikasi berbasis web di manapun kapan pun tanpa harus melakukan penginstalan.
2. Dapat dijalankan pada sistem operasi mana pun.
3. Tidak memerlukan spesifikasi komputer yang tinggiuntuk dapat menggunakan aplikasi berbasis web.
4. Terkait dengan isu lisensi (hak cipta), kita tidakmemerlukan lisensi ketika menggunakan web-basedapplication, sebab lisensi itu sudahmenjadi tanggung jawab dari webpenyedia aplikasi.

User Requirement

Requirement Elisitasi Tahap I

Elisitasitahap I merupakan daftar yang diperoleh dari hasil pengumpulan data darilapangan yang dilakukan dengan cara observasi dan wawancara. Untuk membuatsistem penjualan barang yang terkomputerisasi. Berikut lampiran Elisitasi Tahap I yang telah dibuat:

Tabel3.3Tabel Elisitasi Tahap I

Functional
No	Analisa Kebutuhan
No	Saya ingin sistem dapat
1	Menampilkanmenu login dengan menggunakan password
2	Menampilkanperingatan jika Password salah
3	Menampilkanmenu home
4	Menampilkanlogo perusahaan
5	Menampilkannama perusahaan
6	Menampilkanalamat & no.telp perusahaan
7	Menampilkansejarah perusahaan
8	Menampilkanvisi dan misi
9	Menampilkanproduk
10	Menampilkanmenu barang
11	Menampilkan data barang
12	Menampilkanmenu pelanggan
13	Menampilkan data pelanggan
14	Menampilkanmenu nota
15	Menampilkan data nota penjualan
16	Menampilkanmenu grafik
17	Menampilkan data grafik penjualan
18	Menampilkanmenu pengguna
19	Menampilkan data pengguna
20	Menampilkanmenu laporan
21	Menampilkan data laporan penjualan
22	Menampilkansearch data pada menu barang, pelanggan, nota, dan pengguna
23	Menampilkanedit data pada menu barang, pelanggan,nota, dan pengguna
24	Menampilkandelete data pada menu barang, pelanggan, nota, dan pengguna
25	Menampilkancreate data pada menu barang, pelanggan, nota, dan pengguna
26	Menampilkanmenu log out

Non Functional
No	Analisa Kebutuhan
No	Saya ingin sistem dapat
1	Memilikitampilan yang menarik
2	Mudahdigunakan dan dipahami oleh user
3	Keamanandata terjamin
4	Hakakses dibatasi pada user tertentu
5	Dapatmenampilkan pesan kesalahan
6	Digunakandengan berbagai macam program web browser

Elisitasi tahap I yangdisusun berdasarkan hasil wawancara dan analisa pada bagian yang terkait sertapihak yang mempunyai hubungan langsung dengan sistem yang akan dibuat dalam halini, wawancara dilakukan terhadap stakeholder mengenai sistem yang diusulkanoleh pihak penjualan barang.

Requirement Elisitasi Tahap II

Elisitasi tahapII disusun berdasarkan Elisitasi Tahap I yang kemudian diklasifikasikan lagidengan metode MDI. Berikut lampiran Elisitasi Tahap II yang telah dibuat :

Tabel 3.4. Elisitasi Tahap II

Functional		M	D	I
No.	Analisa Kebutuhan
No.	Saya ingin sistem dapat
1	Menampilkanmenu login dengan menggunakan password	√
2	Menampilkanperingatan jika Password salah	√
3	Menampilkanmenu home	√
4	Menampilkanlogo perusahaan		√
5	Menampilkannama perusahaan		√
6	Menampilkanalamat & no.telp perusahaan'		√
7	Menampilkansejarah perusahaan			√
8	Menampilkanvisi dan misi			√
9	Menampilkanproduk			√
10	Menampilkanmenu barang'	√
11	Menampilkan data barang	√
12	Menampilkanmenu pelanggan	√
13	Menampilkan data pelanggan	√
14	Menampilkanmenu nota	√
15	Menampilkan data nota penjualan	√
16	Menampilkanmenu grafik	√
17	Menampilkan data grafik penjualan	√
18	Menampilkanmenu pengguna	√
19	Menampilkan data pengguna	√
20	Menampilkanmenu laporan	√
21	Menampilkan data laporan penjualan	√
22	Menampilkansearch data pada menu barang, pelanggan, nota, dan pengguna	√
23	Menampilkanedit data pada menu barang, pelanggan,nota, dan pengguna	√
24	Menampilkan delete data pada menu barang, pelanggan, nota, dan pengguna	√
25	Menampilkancreate data pada menu barang, pelanggan, nota, dan pengguna	√
26	Menampilkanmenu log out	√

Functional		M	D	I
No.	Analisa Kebutuhan
No.	Saya ingin sistem dapat
1	Memilikitampilan yang menarik		√
2	Mudahdigunakan dan dipahami oleh user	√
3	Keamanandata terjamin	√
4	Hakakses dibatasi pada user tertentu	√
5	Dapat menampilkan pesan kesalahan	√
6	Digunakandengan berbagai macam program web browser		√

Keterangan :

M (Mandatory) : Dibutuhkan atau penting

D (Desirable) : Diinginkan atau tidakterlalu penting

I (Innessential) : Di luar sistem atau di eliminasi

Requirement Elisitasi Tahap III

Berdasarkan Elisitasi Tahap II diatas, maka dibuatlah Elisitasi Tahap III yang diklasifikasikan kembali dengan menggunakan metode TOE dengan opse KML. Terdapat requirement yang pilihannya antara lain High (H)dan harus dieliminasi, Middle (M) dan Low (L). Berikut lampiran Elisitasi Tahap III yang telah dibuat :

Tabel 3.5 Elisitasi Tahap III

Functional		T			O			E
No.	Analisa Kebutuhan	T			O			E
No.	Saya ingin sistem dapat	L	M	H	L	M	H	L	M	H
1	Menampilkanmenu login dengan menggunakan password		√		√			√
2	Menampilkanperingatan jika Password salah		√		√			√
3	Menampilkanmenu home		√		√			√
4	Menampilkanlogo perusahaan		√		√			√
5	Menampilkannama perusahaan		√		√			√
6	Menampilkanalamat & no.telp perusahaan		√		√			√
7	Menampilkanmenu barang		√		√			√
8	Menampilkan data barang		√		√			√
9	Menampilkanmenu pelanggan		√		√			√
10	Menampilkan data pelanggan		√		√			√
11	Menampilkanmenu nota		√		√			√
12	Menampilkan data nota penjualan		√		√			√
13	Menampilkanmenu grafik		√		√			√
14	Menampilkan data grafik penjualan		√		√			√
15	Menampilkanmenu pengguna		√		√			√
16	Menampilkan data pengguna		√		√			√
17	Menampilkanmenu laporan		√		√			√
18	Menampilkan data laporan penjualan		√		√			√
19	Menampilkansearch data pada menu barang, pelanggan, nota, dan pengguna		√		√			√
20	Menampilkanedit data pada menu barang, pelanggan,nota, dan pengguna		√		√			√
21	Menampilkandelete data pada menu barang, pelanggan, nota, dan pengguna		√		√			√
22	Menampilkancreate data pada menu barang, pelanggan, nota, dan pengguna		√		√			√
23	Menampilkanmenu log out		√		√			√

Functional		T			O			E
No.	Analisa Kebutuhan	T			O			E
No.	Saya ingin sistem dapat	L	M	H	L	M	H	L	M	H
1	Memilikitampilan yang menarik		√		√			√
2	Mudahdigunakan dan dipahami oleh user		√		√			√
3	Keamanandata terjamin		√		√			√
4	Hakakses dibatasi pada user tertentu		√		√			√
5	Dapatmenampilkan pesan kesalahan		√		√			√
6	Digunakandengan berbagai macam program web browser		√		√			√

Keterangan :

“T” artinya Teknikal,bagaimana tata cara atau teknik pembuatan requirement dalam sistem yangdiusulkan?
“O” artinya Operasional, bagaimana tata cara penggunaan requirementdalam sistem akan dikembangkan?
“E” artinya Ekonomi,berapakah biaya yang diperlukan guna membangun requirement di dalam sistem?

MetodeTOE tersebut dibagi kembali menjadi beberapa option, yaitu:

High (H) : Sulit untuk dikerjakan, karena teknik pembuatan dan pemakaiannya sulitserta biayanya mahal. Maka requirementtersebut harus dieliminasi.
Middle (M):Mampu dikerjakan.
Low (L) : Mudah dikerjakan.

Requirement Final Draft Elisitasi

Merupakanbentuk akhir dari tahap-tahap elisitasi yang dapat dijadikan acuan dan dasaruntuk membangun Sistem PenjualanBarang Kemasan Produk Berbasis Web pada CV Ismie Jaya BerdasarkanElisitasi Tahap III maka dapat dihasilkan requirementfinal draft yang diharapkan dapat mempermudah penulis untuk membuat suatuSistem Penjualan Produk Berbasis Web Pada CVIsmie Jaya, Berikut Lampiran Final Draft Elisitasiyang telah dibuat :

Tabel 3.6.Final Draft Elisitasi

Functional
No	Analisa Kebutuhan
No	Saya ingin sistem dapat
1	Menampilkanmenu login dengan menggunakan password
2	Menampilkanperingatan jika Password salah
3	Menampilkanmenu home
4	Menampilkanlogo perusahaan
5	Menampilkannama perusahaan
6	Menampilkanalamat & no.telp perusahaan
7	Menampilkanmenu barang
8	Menampilkan data barang
9	Menampilkanmenu pelanggan
10	Menampilkan data pelanggan
11	Menampilkanmenu nota
12	Menampilkan data nota penjualan
13	Menampilkanmenu grafik
14	Menampilkan data grafik penjualan
15	Menampilkanmenu pengguna
16	Menampilkan data pengguna
17	Menampilkanmenu laporan
18	Menampilkan data laporan penjualan
19	Menampilkansearch data pada menu barang, pelanggan, nota, dan pengguna
20	Menampilkanedit data pada menu barang, pelanggan,nota, dan pengguna
21	Menampilkandelete data pada menu barang, pelanggan, nota, dan pengguna
22	Menampilkancreate data pada menu barang, pelanggan, nota, dan pengguna
23	Menampilkanmenu log out

Non Functional
No	Analisa Kebutuhan
No	Saya ingin sistem dapat
1	Memilikitampilan yang menarik
2	Mudahdigunakan dan dipahami oleh user
3	Keamanandata terjamin
4	Hakakses dibatasi pada user tertentu
5	Dapatmenampilkan pesan kesalahan
6	Digunakandengan berbagai macam program web browser

BAB IV

RANCANGAN SISTEM YANG DIUSULKAN

Rancangan Sistem usulan

Setelah mengadakananalisa dan penelitian sistem yang sedang berjalan pada CV ISMIE JAYA, maka selanjutnyaakan dibahas mengenai rancangan usulan sistem yang akan dibangunlangkah-langkah berikutnya yaitu perancangan atau design sistem usulan yang bertujuan untuk mendukung sistem yanglama dengan memberi gambaran atau pandangan yang jelas menurut proses design sistem dari awal hingga akhirpenelitian. Dalam menganalisa usulan sistem yang baru pada penelitian inidigunakan aplikasi Visual Paradigm for UML Enterprise Edition Ver. 6.4 untuk menggambarkan use case diagram, activity diagram, sequence diagram, dan class diagram

Prosedur Sistem Usulan

Marketing
1. Melakukan login sistem
2. Menampilkan Menu Home
3. InputdataBarang
4. Memeriksa stok barang
5. Input data pelanggan
6. Input nota
7. Cetak nota
8. Log out
Manager
1. Melakukan log in
2. Menampilkan menu home
3. Menerima laporan
4. Melihat grafik penjualan
5. Log out

Usecase Diagaram Sistem Yang Diusulkan

UseCase Digram berfungsi untuk menggambarkan sistemdengan pemakai (User) yang disebut actor. Use Case Diagram digunakan untukmenggambarkan hubungan interaksi antara sistem dan pemakai(User).

Gambar 4.1. Use Case Diagram Sistem penjualanyang diusulkan

Berdasarkan gambar 4.1. Use Case Diagram yang berjalan diatasterdapat

1 system yang mencakupseluruh kegiatan yang sedang berjalan pada CV Ismie Jaya
2 actor yang melakukan kegiatan, yaitu: Marketing dan Manager.
12 use case yang biasa dilakukan oleh actor-actor.
8 include yang meliputi verifikasilog in benar, verifikasi login salah, input data barang, input data pelanggan,input nota, periksa stokbarang, laporanpenjualan grafik penjualan.

Activity Diagram yang diusulkan

Gambar 4.2. Activity Diagram Sistem penjualan yang Diusulkan

Dari gambar 4.2 activity diagram diatas akan dijelaskan scenario sebagai berikut :

1 Initial Node,sebagai awal objek.
1 Decision Node.
8 action dari sistem yang mencerminkaneksekusi dari suatu aksi.
2 Fork Note dari sistem yang mencerminkan penggabungan action.
1 final Node, sebagai objek yang diakhiri

Sequence Diagram yang disulkan

Sequence diagram menu login yang diusulkan

Gambar 4.3 Squence diagram menu login yang diusulkan

Dari gamnbar 4.3 Squence diagram menu login yang diusulkanpenulis akan menjelaskan scenario sebagai berikut :Sequence diagramdiatas terdiri dari 2 (dua) actor, yaitu: admin (marketing) dan user(manager) kegiatan,yaitu:
- Admin :
  1. Masuk halaman login
  2. Masukkan username dan password
  3. Validasi
- User :
1. Masuk halaman login
2. Masukkan username dan password
3. Validasi
Sequence diagram menu home yang diusulkan

Gambar 4.4 Sequence diagram menu home yangdiusulkan

Dari gamnbar 4.4 Squence diagram menu home yang diusulkan penulis akan menjelaskan scenario sebagai berikut:Sequence diagramdiatas terdiri dari 2 (dua) actor, yaitu: admin (marketing) dan user(manager) tampilan menu home, yaitu:
- Admin :
  1. Tampilan menu barang
  2. Tampilan memnu pelanggan
  3. Tampilan menu nota
- User :
  1. Tampilan menu grafik
  2. Tampilan menu laporan
Sequence menu barang yang diusulkan

Gambar 4.5 Sequence diagram menu barang yangdiusulkan

Dari gamnbar 4.5 Squence diagram menu barang yang diusulkan penulis akan menjelaskanscenario sebagai berikut :Sequence diagramdiatas terdiri dari 1 actor, yaitu: admin (marketing)
- Admin :
  1. Pilih menu barang
  2. Update untuk merubah data barang
  3. Delete untuk menapus data barang
  4. Input barang untuk tambah data barang
  5. Simpan untuk menyimpan data yang telah diinput
Sequence diagram menu pelanggan yang diusulkan

Gambar 4.6 Sequence diagram menu pelanggan yang diusulkan

Dari gamnbar 4.6 Squence diagram menu barang yang diusulkan penulis akan menjelaskanscenario sebagai berikut :Sequence diagramdiatas terdiri dari 1 actor, yaitu: admin (marketing)
- Admin :
  1. Pilih menu pelanggan
  2. Update untuk merubah data pelanggan
  3. Delete untuk menapus data pelanggan
  4. Input pelanggan untuk tambah data pelanggan
  5. Simpan untuk menyimpan data yang telah diinput
Sequence diagram menu nota yang diusulkan

Gambar 4.7 Sequence diagram menu nota yang diusulkan

Dari gamnbar 4.7 Squence diagram menu barang yang diusulkan penulis akan menjelaskanscenario sebagai berikut :Sequence diagramdiatas terdiri dari 1 actor, yaitu: admin (marketing)
- Admin :
  1. Pilih menu nota
  2. Update untuk merubah data nota
  3. Delete untuk menapus data nota
  4. Input nota untuk tambah data nota
  5. Simpan untuk menyimpan data yang telah diinput
Sequence diagram menu grafik yang diusulkan

Gambar 4.8 sequence diagram menu home yang diusulkan

Dari gamnbar 4.8 Squence diagram menu barang yang diusulkan penulis akan menjelaskanscenario sebagai berikut :Sequence diagramdiatas terdiri dari 1 actor, yaitu: user (manager)
- user :
  1. Pilih menugrafik untuk melihat grafik penjualan
  2. Tampilangrafik penjualan
Sequence diagram menu laporan yang diusulkan

Gambar 4.9 Sequence diagram menu laporan yangdiusulkan

Dari gamnbar 4.9 Squence diagram menu barang yang diusulkan penulis akan menjelaskanscenario sebagai berikut :Sequence diagramdiatas terdiri dari 1 actor, yaitu: user (manager)
- user :
  1. Pilih menulaporan
  2. Pilih bulandan tahun yang akan dilihat laporan penjualannya
  3. Tampilanlaporan penjualan

Perbedaan Prosedur Antara Sistem Berjalan dan Sistem Usulan

Pada bab ini akan dijelaskan perbedaan sistem penjualan barang yang berjalan saat ini dan sistem penjualan barang yang diusulkan ditabel 4.1 dibawah ini :

Tabel 4.1 Perbedaan prosedur antara sistem berjalan dansistem usulan

No	Sistem Berjalan	Sistem Usulan
1	proses search data lebih lama	Memudahkan Pencarian Data-data
2	tidak dapat melihat grafik hasil penjualan terbanyak	Dasboard Sistem

Rancangan Basis Data

Pada babini menjelaskan secara terperinci rancangan-rancangan yang diusulkan padabagian basis data yang merupakan penjabaran diagram-diagram di atas.

Class Diagram yang diusulkan

RancanganSistem class diagram yang diusulkan adalahsebagai berikut pada gambar 4.10:

Gambar 4.10 Class diagram yang diusulkan

Spesifikasi Basis Data

Rancangan database dipakai untuk mempermudah dalamproses penyeleksian data, serta membantu pemprograman dalam mengambil danmenampilkan data. Pada databasedigunakan tabel-tabel, dan pada tabel-tabel ini akan dijelaskan nama field, type dan sizemengenai data tersebut.

Nama File : Barang

Media : Harddisk

Isi :(id_brg +Nama_brg+id_jenis+id_satuan+hrg_jual+stok_brg)

PrimaryKey : id_brg

PanjangRecord : 77

Tabel 4.2 Tabel Barang

No	Field Name	Data Type	Field Size	Keterangan
1	ID_BRG	Varchar	5	Id Barang
2	NAMA_BRG	Varchar	50	Nama Barang
3	ID_JENIS	Varchar	4	Stok Barang
4	ID_SATUAN	Varchar	3	Satuan Barang
5	HRG_JUAL	MediumInt	9	Harga Barang
6	STOK_BRG	SmallInt	6	Stok Barang

Nama File :Detil_nota

Media : Harddisk

Isi :(id_nota +No_nota+id_brg+jml_beli+price)

PrimaryKey : id_nota

PanjangRecord : 49

Tabel4.3 Tabel detil_nota

No	Field Name	Data Type	Field Size	Keterangan
1	ID_NOTA	Int	11	Id Nota
2	NO_NOTA	Varchar	20	Nomor Nota
3	ID_BRG	Varchar	5	Id Barang
4	JML_BELI	Int	2	Jumlah Beli
5	PRICE	Int	11	HargaBarang

Nama File :Nota

Media : Harddisk

Isi :(no_nota +id_nota+id_pelanggan+tgl_nota)

PrimaryKey : no_nota

PanjangRecord : 35

Tabel4.4 Tabel nota

No	Field Name	Data Type	Field Size	Keterangan
1	NO_NOTA	Varchar	20	Nomor Nota
2	ID_NOTA	Int	11	Id Nota
3	ID_PELANGGAN	Tinyint	4	Id Pelanggan
4	TGL_NOTA	Date		Tanggal Not

Nama File :Jenis_barang

Media : Harddisk

Isi :(id_jenis +nama_jenis+ket_jenis)

PrimaryKey : id_jenis

PanjangRecord : 54

Tabel4.5 Tabel jenis_barang

No	Field Name	Data Type	Field Size	Keterangan
1	ID_JENIS	Varchar	4	Id Jenis Barang
2	NAMA_JENIS	Varchar	20	Nama Jenis Barang
3	KET_JENIS	Varchar	30	Keterangan Jenis Barang

Nama File : Satuan
Media : Harddisk
Isi :(id_satuan +ket_satuan)
PrimaryKey : id_satuan
PanjangRecord : 54

Tabel4.6 Tabel Satuan

No Field Name Data Type Field Size Keterangan

1 ID_SATUAN Varchar 3 Id Satuan

2 KET_SATUAN Varchar 20 Keterangan Satuan

Nama File :Pealanggan

Media :Hard disk

Isi : (id_pelanggan +nama + alamat + no_telp +email)

Primary Key :Id_pelanggan

Panjang Record : 66

Tabel 4.7 Tabel Pelanggan

No	Field Name	Data Type	Field Size	Keterangan
1	ID_PELANGGAN	TniyInt	4	Id Pelanggan
2	NAMA	Varchar	30	Nama Pelanggan
3	ALAMAT	Varchar	50	Alamat Pelanggan
4	NO_TELP	Varchar	13	Telp Pelanggan
5	EMAIL	Varchar	30	Email Pelanggan

Nama File :Pengguna

Media :Hard disk

Isi :(username+password+nama+level)

Primary Key :Id_pelanggan

Panjang Record : 85

Tabel 4.8 Tabel Pengguna

No	Field Name	Data Type	Field Size	Keterangan
1	USERNAME	TniyInt	20	Id Supplier
2	PASSWORD	Varchar	20	Nama supplier
3	NAMA	Varchar	30	Alamat Supplier
4	LEVEL	Varchar	15	Tlp Supplier

Flowchart Sistem Yang Diusulkan

Flowchart programmerupakan keterangan yang lebih rinci tentang bagaimana setiap langkah programatau prosedur sesungguhnya yang dilaksanakan. Flowchart ini menunjukan setiap langkah program atau prosedur dalamurutan yang tepat saat terjadi. Berikut Flowchartprogram untuk Aplikasi PenjualanBarang Produk Kemasan Pada CV ISMIE JAYA yaitu:

Flowchart Login

Gambar 4.11 flowchart login

Dapatdijelaskan gambar 4.11 flowchart program untuk menu Halaman Userdari Aplikasi penjualan barangkemasan produk pada CV ISMIE JAYA diatas ini terdiridari:
1. 2 (dua) simbol terminal, yang berperan sebagai “start” dan “finish” pada aliran proses flowchartprogram pada login user.
2. 1 (satu) simbol decision, yangberperan memeriksa hasil process dariinput username & password. Jika data terdapat pada database dengan tabel “pengguna” maka aplikasiakan menampilkan “Tampilan Menu Home” dan jika tidak terdapat data username dan password pada tabel “pengguna” maka akan tampil pesan “InvalidLogin” kemudian kembali ke “Tampilan Login”.
3. 2 (dua) simbol Display yangberperan menampilkan tampilan aplikasi diantaranya : TampilanLogin dan Tampilan Menu utama.
4. 1 (satu) simbol process yangberperan memproses hasil input username& password.
5. 1 (satu) simbol stored data, yangmenjelaskan data yang digunakan oleh proses “Cek Username & Password”.
6. 1 (satu) simbol Network Message, untuk menampilkan pesan“Invalid Login”.
7. 1 (satu) simbol manual input, yang menandakanmasukanyang dilakukan oleh user.
Flowchart menu barang

Gambar 4.12 flowchart menu barang

Dapat dijelaskan gambar 4.12. flowchart program untuk menu “menu barang” dari “Aplikasi penjualan barang kemasan produk pada CV ISMIE JAYA” diatas ini terdiri dari:
1. 2 (dua) simbol terminal, yang berperan sebagai “start” dan “finish” pada aliran proses flowchartprogram pada menu barang.
2. 4(empat) simbol Decision, menjelaskanpilihan menu informasi yang bisa dipilih diantaranya : tambah, view, update, delete
3. 2 (dua) simbol Display yangberperan menampilkan tampilan aplikasi diantaranya : Tampilan menu barang dan Tampilan data barang.
4. 2 (dua) simbol process yangberperan memproses hasil delete dan simpan.
5. 1 (satu) simbol stored data, yangmenjelaskan data yang digunakan oleh“tampilan dat barang”
6. 3 (tiga) simbol manual input, yangmenandakan masukanyang dilakukan oleh user.
Flowchart menu pelanggan

Gambar 4.13 flowchart menu pelanggan

Dapatdijelaskan gambar 4.13. flowchart program untuk menu“menu pelanggan” dari “Aplikasi penjualan barang kemasan produk pada CV ISMIE JAYA” diatas ini terdiri dari:
1. 2 (dua) simbol terminal, yang berperan sebagai “start” dan “finish” pada aliran proses flowchartprogram pada menu pelanggan.
2. 4(empat) simbol Decision, menjelaskanpilihan menu informasi yang bisa dipilih diantaranya : tambah, view, update, delete
3. 2 (dua) simbol Display yangberperan menampilkan tampilan aplikasi diantaranya : Tampilan menu pelanggan dan Tampilan data pelanggan.
4. 2 (dua) simbol process yangberperan memproses hasil delete dan simpan.
5. 1 (satu) simbol stored data, yangmenjelaskan data yang digunakan oleh“tampilan data pelanggan”
6. 3 (tiga) simbol manual input, yangmenandakan masukanyang dilakukan oleh user.
Flowchart menu nota

Gambar 4.14 flowchart menu nota

Dapatdijelaskan gambar 4.14 flowchart program untuk menu “menu nota” dari “Aplikasi penjualan barang kemasan produk pada CV ISMIE JAYA” diatas ini terdiri dari:
1. 2 (dua) simbol terminal, yang berperan sebagai “start” dan “finish” pada aliran proses flowchartprogram pada menu nota.
2. 4(empat) simbol Decision, menjelaskanpilihan menu informasi yang bisa dipilih diantaranya : tambah, view, update, delete
3. 2 (dua) simbol Display yangberperan menampilkan tampilan aplikasi diantaranya : Tampilan menu nota dan Tampilan data nota.
4. 2 (dua) simbol process yangberperan memproses hasil delete dan simpan.
5. 1 (satu) simbol stored data, yangmenjelaskan data yang digunakan oleh“tampilan data nota”
6. 3 (tiga) simbol manual input, yangmenandakan masukanyang dilakukan oleh user.
Flowchart menu grafik

Gambar 4.15 flowchart menu grafik

Dapatdijelaskan gambar 4.15 flowchart program untuk menu “menu grafik” dari “Aplikasi penjualan barang kemasan produk pada CV ISMIE JAYA” diatas ini terdiri dari
1. 2 (dua) simbol terminal, yang berperan sebagai “start” dan “finish” pada aliran proses flowchartprogram pada menu grafik.
2. 1(satu) simbol Display yangberperan menampilkan tampilan aplikasi diantaranya : Tampilan grafik.
3. 1 (satu) simbol stored data, yangmenjelaskan data yang digunakan oleh“tampilan grafik”
Flowchart menu pengguna

Gambar 4.16flowchart menu pengguna

Dapat dijelaskan gambar 4.16 flowchart program untuk menu “menu pengguna” dari “Aplikasi penjualan barang kemasan produk pada CV ISMIE JAYA” diatas ini terdiri dari:
1. 2 (dua) simbol terminal, yang berperan sebagai “start” dan “finish” pada aliran proses flowchartprogram pada menu pengguna.
2. 4(empat) simbol Decision, menjelaskanpilihan menu informasi yang bisa dipilih diantaranya : tambah, view, update, delete
3. 2 (dua) simbol Display yangberperan menampilkan tampilan aplikasi diantaranya : Tampilan menu pengguna dan Tampilan data pengguna.
4. 2 (dua) simbol process yangberperan memproses hasil delete dan simpan.
5. 1 (satu) simbol stored data, yangmenjelaskan data yang digunakan oleh“tampilan data pengguna”
6. 3 (tiga) simbol manual input, yangmenandakan masukanyang dilakukan oleh user
Flowchart menu laporan

Gambar4.17 flowchart menu laporan

Dapat dijelaskan gambar 4.17. flowchart program untuk menu “menu laporan” dari “Aplikasi penjualan barang kemasan produk pada CV ISMIE JAYA” diatas ini terdiri dari:
1. 2 (dua) simbol terminal, yang berperan sebagai “start” dan “finish” pada aliran proses flowchartprogram pada menu laporan.
2. 1(satu) simbol Decision, menjelaskanpilihan menu informasi yang bisa dipilih diantaranya : tampilan datalaporan
3. 2 (dua) simbol Display yangberperan menampilkan tampilan aplikasi diantaranya : Tampilan menu laporan danTampilan data laporan
4. 1 (satu) simbol stored data, yangmenjelaskan data yang digunakan oleh“tampilan data laporan”
5. 1 (satu) simbol manual input, yangmenandakan masukanyang dilakukan oleh user

Rancangan Program

HIPO (HirarchyPlus Input Process Output) yaitu alat bantu untuk membuat spesifikasiprogram yang merupakan struktur yang berisi diagram dimana di dalam program iniberisi input yang diproses danmenghasilkan output. Spesifikasiprogram menjelaskan mengenai cara penggunaan aplikasi program yang diusulkan. Visual Table Of Content (VTOC) adalahdiagram yang menggambarkan hubungan dan fungsi pada sistem secara berjenjang,yaitu seperti dibawah ini:

Gambar 4.18

HIPO (Hirarchy Plus Input Process Output)

Aplikasi penjualan barang

Adapun spesifikasiprogram yang diusulkan tersebut, yaitu:

Nama program : Login
Fungsiprogram : Untuk masuk ke dalammenu utama
Bahasa Pemrograman : Basic
Proses Program :
1. Jalankan program
2. Menampilkan halaman login, lalu input username dan password
3. Klik login untuk menyatakan bahwa usernamedan password sudah benar dan jikabenar maka akan masuk ke dalam menu utama
4. Jika salah memasukan username dan password maka akan muncul pesan “Incorrect username or password”
Nama program : Halaman Marketing
Fungsi program :Untuk menampilkan menu pilihan yang
terdapat di dalamaplikasi menu marketing (admin)
Bahasa Pemrograman : Basic
Proses Program : Jalankan program menu utama, lalu pilih salah satu fituryang terdapat pada menu utama, yaitu terdiri dari: home, barang pelanggan, nota Logout.
Nama program : Barang
Fungsi program : Untukmenampilkan informasi tentang databarang.
Bahasa Pemrograman : Basic
Proses Program :
1. Pada “Menu Utama”, kemudian pilih“menu barang”, selanjutnya “input barang” untuk menambah databarang
2. Pada “Menu Utama”, kemudian pilih“menu barang”, selanjutnya “data barang” untuk melihat data barang.
3. Pada “Menu Utama”, kemudian pilih“menu barang”, selanjutnya “input jenis brg” untuk menambah datajenis barang
4. Pada “Menu Utama”, kemudian pilih“menu barang”, selanjutnya “data jenis brg” untuk melihat datajenis barang
5. Pada “Menu Utama”, kemudian pilih“menu barang”, selanjutnya “input satuan brg” untuk menambah datasatuan barang
6. Pada “Menu Utama”, kemudian pilih“menu barang”, selanjutnya “data satuan brg” untuk melihat datasatuan barang.
Nama program : Pelanggan
Fungsi program : Untuk menampilkan informasi tentang datapelanggan.
Bahasa Pemrograman : Basic
Proses Program :
1. Pada “Menu Utama”, kemudian pilih“menu pelanggan”, selanjutnya “input pelanggan” untukmenambah data pelanggan
2. Pada “Menu Utama”, kemudian pilih“menu pelanggan”, selanjutnya “data pelangan” untukmelihat data pelanggan.
Nama program : Nota
Fungsi program :Untuk menampilkan informasitentang data nota.
Bahasa Pemrograman : Basic
Proses Program :
1. Pada “Menu Utama”, kemudian pilih “menu nota”, selanjutnya “input nota” untuk menambah data nota
2. Pada “Menu Utama”, kemudian pilih“menu nota”, untuk melihat data nota.
Nama program : Halaman Manager
Fungsi program :Untuk menampilkan menu pilihan yang
terdapat di dalamaplikasi halaman manager (user)
Bahasa Pemrograman : Basic
Proses Program : Jalankan program menu utama, lalu pilih salah satu fitur yang terdapat pada menu utama, yaitu terdiri dari: grafik dan penjualan
Nama program : Grafik
Fungsi program : Untukmenampilkan informasi tentang data grafik penjualan.
Bahasa Pemrograman : Basic
Proses Program : Pada “Menu Utama”, kemudian pilih “menu grafik”, selanjutnya melihat data grafik penjualan.
Nama program : Laporan
Fungsi program : Untukmenampilkan informasi tentang data Laporan.
Bahasa Pemrograman : Basic
Proses Program : Pada “Menu Utama”, kemudian pilih “menu laporan”, selanjutnya “pilih bulan dan tahun” untuk melihat data laporan penjualan bulan dan tahun yang di inginkan
Logout.
Nama program : Logout
Fungsi program :Untuk keluar dari aplikasi
Bahasa Pemrograman : Basic
Proses Program : Pada “Menu Utama” pilih “logout” , maka akan tampil halaman login yang menandakan bahwa marketing (admin) atau manager (user) telah keluar dari aplikasi

Rancangan Prototype

Menu Login

Padagambar 4.19 menampilkan menu login yang berfungsi sebagai pintu masuk pada menuutama, untuk melakukan login diperlukan username dan password pengguna

Gambar 4.19 Prototype menu Login
Login salah

Pada gambar 4.20 berisi tampilan menu jika terjadi kesalahan input username dan password atau usernamame dan password kosong

Gambar 4.20 Protoype menu Login
Menu Home.

Pada gambar 4.21 dijelaskan setelahmelakukan login secara benar maka akan ada tampilan menu Home yang berisikan menu-menu pilihan yang akandigunakan oleh admin

Gambar 4.21Prototype menu Home
MenuBarang

Pada gambar 4.22 berisikan input barang dan data-databarang yang telah diinput sebelumnya, di dalam menu ini terdapat menu view,update, dan delete.

Gambar 4.22 Prototype menu Barang
Input Barang

Pada gammbar 4.23 menampilkan form input Barang berisi id brg, namabrg, id jenis, id satuan, hrg jual dan stok barang yang harus diinputkan secaramanual oleh admin

Gambar 4.23 Prototype Input Barang
Menu Pelanggan

Pada gambar 4.24 berisikan input pelanggandan data-data pelanggan yang telah diinputsebelumnya, di dalam menu ini terdapat menu view, update, dan delete

Gambar 4.24 Prototype menu Pelanggan
Input Pelanggan

Pada gambar 4.25 menampilkan form input pelanggan berisi nama, alamat,no telp, email yang harus diinputkan secara manual oleh admin

Gambar 4.25 Prototype Input Pelanggan
Menu Nota

Pada gambar 4.26 berisikan input notadan data-data nota yang telah diinputsebelumnya, di dalam menu nota terdapat menu view, update, dan delete

Gambar 4.26 Prototype menu Nota
Input Nota

Pada gambar 4.27 berisikan form input notayang berisi no nota, pelanggan, tgl nota,nama barang, jml beli yang diinputkan secara manual oleh admin

Gambar 4.27 Prototype menu Input Nota
Menu Grafik

Halaman iniberisikan grafik data penjualan yang berisi atribut, nama barang, dan mostseller

Gambar 4.28 Prototype menu Grafik
Menu Pengguna

Halaman ini berisikan form input pengguna dan data-data pengguna yang telah diinput sebelumnya, di dalam menu initerdapat menu view, update, dan delete

Gambar 4.29 Prototype Menu Pengguna
Input Pengguna

Tampilan form input pelanggan berisi nama, alamat, no telp, emailyangharus diinputkan secara manual oleh admin

Gambar 4.30 Prototype Input Pengguna
Menu Laporan

Halaman ini berisikan pilihan bulan dan tahun yang akan dilihat hasil penjualannya

Gambar 4.31 Prototype M enu Laporan
Tampilan Hasil Laporan

Setelah memilih bulan dan tahun yangditentukan maka akan muncul data hasil laporan penjualan

Gambar 4.32 Prototype Hasil Data Laporan

Konfigurasi Sistem Yang Diusulkan

SpesifikasiHardware

Rancangan perangkat keras (hardware)yang diusulkan untuk sistem baru ini adalah sebagai berikut :
1. Processor : Pentium IV
2. Monitor : 14” LCD monitor
3. Mouse :Optical
4. Keyboard : Standar
5. RAM : 2 GB
6. Harddisk : 80 GB
7. Printer : Laser Jet 5M
Aplikasi YangDigunakan

Perangkat lunak merupakan penunjang dari peralatan komputer yang akandigunakan sebagai penghubung dalam intruksi yang diinginkan agar komputerdiusulkan dalam rancangan sistem ini adalah :
1. Windows 7
2. Mozila Firefox
3. MacromediaDreamweaver CS 5
4. Xampp
5. Visual Paradigm for UML 6.4 Enterprise Edition.
6. MySQL
Hak Akses

Pengoperasian aplikasi ini dapat dilakukan oleh:
1. marketing
2. manager

Testing

Metode Implementasi

Implementasiprogram aplikasi Penjualan Barang kemasan produk Pada CV. Ismie Jaya dilakukan denganmenggunakan metode Blackbox Testing.Metode Blackbox Testing merupakanpengujian program yang mengutamakan pengujian terhadap kebutuhan fungsi dari suatuprogram. Tujuan dari metode BlackboxTesting ini adalah untuk menemukan kesalahan fungsi pada program.
Pengujiandengan metode Blackbox Testingdilakukan dengan cara memberikan sejumlah input pada program. Input tersebutkemudian di proses sesuai dengan kebutuhan fungsionalnya untuk melihat apakahprogram aplikasi dapat menghasilkan output yang sesuai dengan yang diinginkandan sesuai pula dengan fungsi dasar dari program tersebut. Apabila dari inputyang diberikan, proses dapat menghasilkan output yang sesuai dengan kebutuhanfungsionalnya, maka program yang dibuat sudah benar, tetapi apabila output yangdihasilkan tidak sesuai dengan kebutuhan fungsionalnya, maka masih terdapatkesalahan pada program tersebut, dan selanjutnya dilakukan penelusuran perbaikanuntuk memperbaiki kesalahan yang terjadi.

Pengujian Blackbox

Pengujian Blackbox Padahalaman Login aplikasi

Berikutini adalah tabel pengujian Black Boxberdasarkan aplikasi penjualan barang kemasan produk pada CV. Ismie Jaya pada halaman Login, yaitu sebagai berikut:

Tabel 4.9

Tabel Pengujian Blackbox Pada halaman Login aplikasi

No	Skenario pengujian & test case	Hasil Yang Diharapkan & Hasil Pengujian	Kesimpulan
1	Mengisikan dengan salah satu data benar dan satu lagi salah, lalu langsung klik “Login” Test Case :	Sistem akan menolak akses login dan menampilkan pesan “Username Atau Password Salah!” Hasil Pengujian :	Valid
2	Mengisikan username dan password dengan benar, lalu langsung klik “Login” Test Case :	Sistem akan melakukan cek kesasuaian user name dan password, apabila benar maka sistem akan masuk dan menampilkan halaman utama. Hasil Pengujian :	Valid

Pengujian Black box PadaMenu Barang

Berikutini adalah tabel pengujian Black Box berdasarkan aplikasi penjualanbarang kemasan produk pada CV. IsmieJaya untuk fungsi Menu Barang, yaitu sebagai berikut:

Tabel 4.10

Tabel Pengujian Black box Pada Menu Barang

No	Skenario pengujian & test case	Hasil Yang Diharapkan & Hasil Pengujian	Kesimpulan
1	klik “menu barang” pada” menu home” untuk mlihat menu barang Test Case :	Sistem akan menampilkan halaman Data barang Hasil Pengujian :	Valid
2	Klik “input barang” pada “menu barang” untuk menambah data barang Test Case :	Sistem akan menampilkan halaman form input barang Hasil Pengujian :	Valid
3	Klik “data barang” pada “menu barang” untuk melihat data barang Test Case :	Sistem akan menampilkan halaman data barang Hasil Pengujian :	Valid
4	Klik “input jenis brg” pada “menu barang” untuk menambah data jenis barang Test Case :	Sistem akan menampilkan halaman form input jenis barang Hasil Pengujian :	Valid
5	Klik “data jenis brg "pada “menu barang” untuk menambah data jenis barang Test Case :	sistem akan menampilkan halaman data jenis barang Hasil Pengujian :	Valid
6	Klik “input satuan brg” pada “menu barang” untuk menambah data satuan barang Test Case :	Sistem akan menampilkan halaman form input satuan barang Hasil Pengujian :	Valid
7	Klik “datasatuan brg”pada “menu barang” untuk melihat data satuan barang Test Case :	Sistem akan menampilkan halaman data satuan barang Hasil Pengujian :	Valid

Pengujian Black box Pada “Menu Pelanggan”

Berikutini adalah tabel pengujian Black Box berdasarkan aplikasi penjualan barangkemasan produk pada CV. Ismie Jaya untukfungsi Menu pelanggan yaitu sebagai berikut:

Tabel 4.11

Tabel Pengujian BlackboxPada Menu Pelanggan

No	Skenario pengujian & test case	Hasil Yang Diharapkan & Hasil Pengujian	Kesimpulan
1	klik “menu pelanggan” pada” menu home” untuk mlihat menu pelanggan Test Case :	Sistem akan menampilkan halaman data pelanggan Hasil Pengujian :	Valid
2	klik “menu input pelanggan” pada” menu pelanggan” untuk menambah data pelanggan Test Case :	Sistem akan menampilkan halaman form input pelanggan Hasil Pengujian :	Valid

Pengujian Blackbox Pada “Menu Nota”

Berikutini adalah tabel pengujian Black Box berdasarkan aplikasi penjualan barangkemasan produk pada CV. Ismie Jaya untukfungsi Menu Nota, yaitu sebagai berikut:

Tabel 4.12

Tabel Pengujian BlackboxPada Menu Nota

No	Skenario pengujian & test case	Hasil Yang Diharapkan & Hasil Pengujian	Kesimpulan
1	klik “menu nota” pada” menu home” untuk mlihat menu nota Test Case :	Sistem akan menampilkan halaman Data nota Hasil Pengujian :	Valid
2	klik “menu input nota” pada” menu “nota” untuk menambah data nota Test Case :	Sistem akan menampilkan halaman form input nota Hasil Pengujian :	Valid

Pengujian Black box Pada “Menu Pengguna”

Berikutini adalah tabel pengujian Black Box berdasarkan aplikasi penjualan barangkemasan produk pada CV. Ismie Jaya untukfungsi Menu pengguna yaitu sebagai berikut:

Tabel 4.13

Tabel Pengujian BlackboxPada Menu Pengguna

No	Skenario pengujian & test case	Hasil Yang Diharapkan & Hasil Pengujian	Kesimpulan
1	klik “menu pengguna” pada” menu home” untuk melihat menu pengguna Test Case :	Sistem akan menampilkan halaman data pengguna Hasil Pengujian :	Valid
2	klik “menu input pengguna” pada” menu pengguna” untuk menambah data pengguna Test Case :	Sistem akan menampilkan halaman form input pengguna Hasil Pengujian :	Valid

Pengujian Blackbox Pada ”MenuGrafik”

Berikutini adalah tabel pengujian Black Boxberdasarkan aplikasi penjualan barang kemasan produk pada CV. Ismie Jaya untuk fungsi Menu Grafik, yaitu sebagaiberikut:

Tabel 4.14

Tabel Pengujian BlackboxPada Menu Grafik

No	Skenario pengujian & test case	Hasil Yang Diharapkan & Hasil Pengujian	Kesimpulan
1	klik “menu pengguna” pada” menu home” untuk melihat menu pengguna Test Case :	Sistem akan menampilkan halaman data pengguna Hasil Pengujian :	Valid

Pengujian Blackbox Pada” Menu Laporan”

Berikutini adalah tabel pengujian Black Boxberdasarkan aplikasi penjualan barang kemasan produk pada CV. Ismie Jaya untuk fungsi Menu Laporan, yaitu sebagaiberikut:

Tabel 4.15

Tabel Pengujian BlackboxPada Menu Laporan

No	Skenario pengujian & test case	Hasil Yang Diharapkan & Hasil Pengujian	Kesimpulan
1	klik “menu laporan” pada” menu home” untuk mlihat menu laporan Test Case :	Sistem akan menampilkan halaman laporan Hasil Pengujian :	Valid
2	Pilih bulan dan tahun yang akan dilihat hasil laporan penjualannya Test Case :	Sistem akan menampilkan halaman laporan penjualan Hasil Pengujian :	Valid
3	Pilih print hasil laporan penjualan yang telah dipilih Test Case :	Sistem akan menampilkan halaman print laporanpenjualan Hasil Pengujian :	Valid

Video Tutorial Aplikasi Penjualan

Video Tutorial Aplikasi Penjualan

Implementasi

Schedule

Perancangansistem yang diusulkan diperkirakan memakan waktu kurang lebih 4 bulan, dankegiatan yang dilakukan adalah :

Tabel 4.16. Tabel PengolahanJadwal

NO	Kegiatan	Bulan
		januari				febuari				maret				april
		1	2	3	4	1	2	3	4	1	2	3	4	1	2	3	4
1	Pengumpulan data
2	Analisa system
3	Perancangan system
4	Pembuatan program
5	Test Program
6	Evaluasi Program
7	Perbaikan Program
8	Pelatihan User
9	Implementasi
10	Dokumentasi

Estimasi Baya

Tabel 4.17 Tabel Estimasi Biaya

No.	Jenis Kegiatan	Anggaran
1	Pengumpulan Data	Rp. 50.000,-
2	Perancangan Sistem	Rp. 50.000,-
3	Pembuatan Program	Rp. 200.000,-
4	Test Program	Rp. 50.000,-
5	Training User	Rp. 100.000,-
6	Implementasi Program	Rp. 50.000,-
	Total	Rp. 500.000,-

BAB V

PENUTUP

Kesimpulan

Berdasarkanhasil analisa dan perumusan masalah yang telah dilakukan oleh penulis mengenai perancangansistem informasi penjualan kemasanproduk pada CV. ISMIE JAYA terhadap sistem yang berjalan saat ini, maka dapat diambil kesimpulanbahwa:

Pada proses pengolahan informasidi CV ISMIE JAYA yang berjalan saat ini telah menggunakan komputer yaitu denganMicrosoft Excel namun sistem yang ada belum terintegrasi dan sebagian prosesmasih dilakukan secara semi komputer, sehingga pengelolaan informasi yang dihasilkan kurang maksimal dan rawan terjadi kesalahan
Padaproses pengolahan data antar bagian perlu diadakan sistem komputerisasi yangterintegrasi pada bagian marketing,gudang dan keuangan sehinggadapat menghasilkan informasi yang cepat, akurat dan efisien dalam pengambilan suatu keputusan.
Perancangan dan implementasisistem informasi produksi di CV.ISMIE JAYA sudah mengikuti dan sesuai dengan logikayang diharapkan dengan mengikuti prosedur yang berjalan.

Saran

Dalam perancangansistem informasi penjualan barangkemasan produk pada CV. ISMIE JAYA ini setelah melakukan observasi dan analisa pada sistem yang berjalan penulismemberikan beberapa masukan antara lain:

Aplikasi program sistem informasi penjualan kemasan produk pada CV. ISMIE JAYA ini dalam implementasinya sudah mampumemberikan kemudahan bagi pengguna sistem dari segi efektifitas pengolahan datanya namun harusdikembangkan lebih lanjut sehingga baik fitur maupun kegunaan dari sisteminformasi ini lebih optimal dan bermanfaat bagi perusahaan.
Dikarenakan sistem ini akan menyangkutbanyak data dan informasi yang akan disajikan maka disarankan menggunakanspesifikasi perangkat keras (hardware)ataupun perangkat lunak (software) yangsesuai dalam penggunannya.
Disarankan adanya pelatihan-pelatihankepada user dalam hal input data atau perubahan data, danperlu juga dilakukan evaluasi masukan untuk penyempurnaan sistem yang adasesuai dengan kebutuhan pengguna.

DAFTAR PUSTAKA

↑ ^1,0 ^1,1 ^1,2 ^1,3 ^1,4 ^1,5 ^1,6 Mustakini, Jogiyanto Hartono. Sistem Informasi Teknologi, Yogyakarta:Andi Offset.2009.
↑ ^2,0 ^2,1 ^2,2 ^2,3 ^2,4 ^2,5 ^2,6 Sutarman. 2012. “Buku Pengantar Teknologi Informasi”. Jakarta:Bumi Aksara
↑ Tanti, Lili, Pengembangan Perangkat Ajar Berbantuan Komputer Untuk Mempelajari Tata Bahasa Inggris. Jurnal CCIT Vol.3 No.2-Januari Tangerang.2009:208.
↑ Situmorang.2010. “Buku Analisis Data”. Medan: KatalogDalam Terbitan (KDT).
↑ ^5,0 ^5,1 ^5,2 ^5,3 Yakub. 2012. Pengantar Sistem Informasi”,Yogyakarta:GrahaIlmu.
↑ ^6,0 ^6,1 ^6,2 Nugroho, Adi. 2010. “Rekayasa Perangkat Lunak Berorientasi Objek dengan metodeUSDP”.Yogyakarta: Andi Offset
↑ Laudon,Kenneth C dan Laudon, C, Jane. 2012. “SistemInformasi Manajemen”. Edisi Ke-10, Cetakan Ke-1. Jakarta : Salemba Empat
↑ Sutarman. 2012. “Buku Pengantar Teknologi Informasi”. Jakarta: Bumi Aksara
↑ Mulyanto,Agus. 2009. “SistemInformasi Konsep & Aplikasi”. Yogyakarta: Pustaka Pelajar
↑ Yustianti.2012. “Buku PengantarTeknologi Informasi”. Jakarta:BumiAksara.
↑ ^11,0 ^11,1 Rangkuti,Freddy. 2011. SWOT Balanced Scorecard: Teknik MenyusunStrategi Korporat yangEfektif plus Cara Mengelola Kinerja dan Risiko. Jakarta:PT Gramedia PustakaUtama
↑ Risza,Suyatno. 2010. Masa Depan Perkebunan Kelapa SawitIndonesia : ManajemenPerkebunan, Manajemen Proyek Perkebunan, TeknologiIrigasi Perkebunan.Yogyakarta: Kanisius Saladin, Djaslim. 2005. “ManajemenPemasaran Analisis, Perencanaan, Pelaksanaan dan Pengendalian”.Bandung: Linda Karya
↑ Dewi, Meta Amalia dan Henderi. 2011. Perencanaan Strategik SI/TI Pemerintah KotaTangerangDalam Mewujudkan E-Goverment. Tangerang: Jurnal CCIT. Vol.5,No.1-September 2011
↑ Hanafie,Rita.2010. Pengantar Ekonomi Pertanian. Yogyakarta: ANDI
↑ Prananingrum,Lely,Anggie Sukma D.J, Budi Utami Fahnun, Dionysia Kowanda. 2013. "PerancanganSistem Penjualan Fashion Online Pada TokoMozalea Collection.Yogyakarta:Prosiding Seminar Nasional Teknologi Informasi dan Multimedia(Semnasteknomedia)2013". STMIK AMIKOM Yogyakarta 19 Januari 2013
↑ Kotler,Philip. 2009, “Manajemen Pemasaran EdisiMillenium”, Jilid 1, Jakarta: PT. Prenhalindo
↑ ^17,0 ^17,1 Widodo, Prabowo Pudjo. 2011 “Menggunakan UML”.Bandung: Informatika.
↑ Padeli dkk. Membangun (E-Procurement) Pengadaan Barang dan Jasa Dengan Prinsip Good Corporate Governance dengan Visual UML. Journal CCIT Vol-2 No.1-September 2008.
↑ Sibero, Alexander F.K.2011. “Kitab Suci Web Programing”.Jakarta: Mediakom
↑ Milician.2012. “Dreamweaver CS3 Basic”. USA: University Florida
↑ ^21,0 ^21,1 Wahana Komputer. 2010. “Membuat Aplikasi Client Server dengan Visual Basic 2008”. Yogyakarta: Andi Offset
↑ Raharja Untung dkk. Desain Sistem Pembelajaran Pada Jurusan Sistem Komputer Konsentrasi CCIT, Jurnal CCIT Vol.1 No.3-Mei 2009.
↑ ^23,0 ^23,1 ^23,2 Kustiyahningsih, Yeni.2011. “Pemrograman Basis Data BerbasisWeb Menggunakan PHP & MySQL”. Jakarta: GrahaIlmu.
↑ Martono Aris,Padeli, Fitria Dina Murad. (2009). “PengembanganSistem Database Penempatan Tenaga Kerja BerbasisWeb” 2(3), 307.Jurnal CCIT. Tangerang.
↑ ^25,0 ^25,1 Oktavian, Diar Puji. 2010. “MenjadiProgrammer Jempolan Menggunakan PHP”. Yogyakarta: Mediakom..
↑ ^26,0 ^26,1 Kadir,Abdul. 2009. “Dasar perancangan & Implementasi”, Yogyakarta: AndiOffset.
↑ Puspitasari A, Heni.2011. “Pemrograman Web Database denganPHP &MySQL”. Jakarta: Skripta.
↑ ^28,0 ^28,1 Raharjo,Budi. 2011. “Belajar Otodidak Membuat Database MenggunakanMySQL”.Bandung: Informatika.
↑ Kustiyahningsih, Yeni. 2011. “Pemrograman Basis Data Berbasis Web Menggunakan PHP & MySQL”. Jakarta: GrahaIlmu
↑ Kustiyahningsih, Yeni. 2011. “Pemrograman Basis Data Berbasis WebMenggunakan PHP & MySQL”. Jakarta: GrahaIlmu
↑ ^31,0 ^31,1 ^31,2 Andika. 2012. “PanduanMenguasai PHP & My SQL secara Otodidak”. Jakarta:Mediakita
↑ ^32,0 ^32,1 ^32,2 Guritno, Suryo.,Sudaryono, Rahardja U, 2010. Theory andApplication of IT Research. CV Andi Offset. Yogyakarta.
↑ Mulyandi, MuhammadRachman, Monica, Ega Mawarni, Arfiah dan LiyaJayanti. 2013. Aplikasi Sistem Informasi Laporan Penggajian Guru HonorBerbasisWeb pada SMA Negeri 6

DAFTAR LAMPIRAN

Kartu Bimbingan
Surat Keterangan Melakukan Penelitian
Surat Implementasi
Surat Keterangan Hibah

Contributors

Admin, Prasetyo

[Mustakini.2C_Jogiyanto_Hartono._Sistem_Informasi_Teknologi.2C_Yogyakarta:Andi_Offset.2009-1] 1,0 ^1,1 ^1,2 ^1,3 ^1,4 ^1,5 ^1,6 Mustakini, Jogiyanto Hartono. Sistem Informasi Teknologi, Yogyakarta:Andi Offset.2009.

[Sutarman._2012._.E2.80.9CBuku_Pengantar_Teknologi_Informasi.E2.80.9D._Jakarta:Bumi_Aksara-2] 2,0 ^2,1 ^2,2 ^2,3 ^2,4 ^2,5 ^2,6 Sutarman. 2012. “Buku Pengantar Teknologi Informasi”. Jakarta:Bumi Aksara

[Tanti.2C_Lili.2C_Pengembangan_Perangkat_Ajar_Berbantuan_Komputer_Untuk_Mempelajari_Tata_Bahasa_Inggris._Jurnal_CCIT_Vol.3_No.2-Januari_Tangerang.2009:208.-3] Tanti, Lili, Pengembangan Perangkat Ajar Berbantuan Komputer Untuk Mempelajari Tata Bahasa Inggris. Jurnal CCIT Vol.3 No.2-Januari Tangerang.2009:208.

[Situmorang.2010._.E2.80.9CBuku_Analisis_Data.E2.80.9D._Medan:_KatalogDalam_Terbitan_.28KDT.29.-4] Situmorang.2010. “Buku Analisis Data”. Medan: KatalogDalam Terbitan (KDT).

[Yakub._2012._Pengantar_Sistem_Informasi.E2.80.9D.2CYogyakarta:GrahaIlmu.-5] 5,0 ^5,1 ^5,2 ^5,3 Yakub. 2012. Pengantar Sistem Informasi”,Yogyakarta:GrahaIlmu.

[Nugroho.2C_Adi._2010._.E2.80.9CRekayasa_Perangkat_Lunak_Berorientasi_Objek_dengan_metodeUSDP.E2.80.9D.Yogyakarta:_Andi_Offset-6] 6,0 ^6,1 ^6,2 Nugroho, Adi. 2010. “Rekayasa Perangkat Lunak Berorientasi Objek dengan metodeUSDP”.Yogyakarta: Andi Offset

[Laudon.2CKenneth_C_dan_Laudon.2C_C.2C_Jane._2012._.E2.80.9CSistemInformasi_Manajemen.E2.80.9D._Edisi_Ke-10.2C_Cetakan_Ke-1._Jakarta_:_Salemba_Empat-7] Laudon,Kenneth C dan Laudon, C, Jane. 2012. “SistemInformasi Manajemen”. Edisi Ke-10, Cetakan Ke-1. Jakarta : Salemba Empat

[Sutarman._2012._.E2.80.9CBuku_Pengantar_Teknologi_Informasi.E2.80.9D._Jakarta:_Bumi_Aksara-8] Sutarman. 2012. “Buku Pengantar Teknologi Informasi”. Jakarta: Bumi Aksara

[Mulyanto.2CAgus._2009._.E2.80.9CSistemInformasi_Konsep_.26_Aplikasi.E2.80.9D._Yogyakarta:_Pustaka_Pelajar-9] Mulyanto,Agus. 2009. “SistemInformasi Konsep & Aplikasi”. Yogyakarta: Pustaka Pelajar

[Yustianti.2012._.E2.80.9CBuku_PengantarTeknologi_Informasi.E2.80.9D._Jakarta:BumiAksara.-10] Yustianti.2012. “Buku PengantarTeknologi Informasi”. Jakarta:BumiAksara.

[Rangkuti.2CFreddy._2011._SWOT_Balanced_Scorecard:_Teknik_MenyusunStrategi_Korporat_yangEfektif_plus_Cara_Mengelola_Kinerja_dan_Risiko._Jakarta:PT_Gramedia_PustakaUtama-11] 11,0 ^11,1 Rangkuti,Freddy. 2011. SWOT Balanced Scorecard: Teknik MenyusunStrategi Korporat yangEfektif plus Cara Mengelola Kinerja dan Risiko. Jakarta:PT Gramedia PustakaUtama

[Risza.2CSuyatno._2010._Masa_Depan_Perkebunan_Kelapa_SawitIndonesia_:_ManajemenPerkebunan.2C_Manajemen_Proyek_Perkebunan.2C_TeknologiIrigasi_Perkebunan.Yogyakarta:_Kanisius_Saladin.2C_Djaslim._2005._.E2.80.9CManajemenPemasaran_Analisis.2C_Perencanaan.2C_Pelaksanaan_dan_Pengendalian.E2.80.9D.Bandung:_Linda_Karya-12] Risza,Suyatno. 2010. Masa Depan Perkebunan Kelapa SawitIndonesia : ManajemenPerkebunan, Manajemen Proyek Perkebunan, TeknologiIrigasi Perkebunan.Yogyakarta: Kanisius Saladin, Djaslim. 2005. “ManajemenPemasaran Analisis, Perencanaan, Pelaksanaan dan Pengendalian”.Bandung: Linda Karya

[Dewi.2C_Meta_Amalia_dan_Henderi._2011._Perencanaan_Strategik_SI.2FTI_Pemerintah_KotaTangerangDalam_Mewujudkan_E-Goverment._Tangerang:_Jurnal_CCIT._Vol.5.2CNo.1-September_2011-13] Dewi, Meta Amalia dan Henderi. 2011. Perencanaan Strategik SI/TI Pemerintah KotaTangerangDalam Mewujudkan E-Goverment. Tangerang: Jurnal CCIT. Vol.5,No.1-September 2011

[Hanafie.2C_Rita.2010._Pengantar_Ekonomi_Pertanian._Yogyakarta:_ANDI-14] Hanafie,Rita.2010. Pengantar Ekonomi Pertanian. Yogyakarta: ANDI

[15] Prananingrum,Lely,Anggie Sukma D.J, Budi Utami Fahnun, Dionysia Kowanda. 2013. "PerancanganSistem Penjualan Fashion Online Pada TokoMozalea Collection.Yogyakarta:Prosiding Seminar Nasional Teknologi Informasi dan Multimedia(Semnasteknomedia)2013". STMIK AMIKOM Yogyakarta 19 Januari 2013

[Kotler.2CPhilip._2009.2C_.E2.80.9CManajemen_Pemasaran_EdisiMillenium.E2.80.9D.2C_Jilid_1.2C_Jakarta:_PT._Prenhalindo-16] Kotler,Philip. 2009, “Manajemen Pemasaran EdisiMillenium”, Jilid 1, Jakarta: PT. Prenhalindo

[Widodo.2C_Prabowo_Pudjo._2011_.E2.80.9CMenggunakan_UML.E2.80.9D.Bandung:_Informatika.-17] 17,0 ^17,1 Widodo, Prabowo Pudjo. 2011 “Menggunakan UML”.Bandung: Informatika.

[Padeli_dkk._Membangun_.28E-Procurement.29_Pengadaan_Barang_dan_Jasa_Dengan_Prinsip_Good_Corporate_Governance_dengan_Visual_UML._Journal_CCIT_Vol-2_No.1-September_2008.-18] Padeli dkk. Membangun (E-Procurement) Pengadaan Barang dan Jasa Dengan Prinsip Good Corporate Governance dengan Visual UML. Journal CCIT Vol-2 No.1-September 2008.

[Sibero.2C_Alexander_F.K.2011._.E2.80.9CKitab_Suci_Web_Programing.E2.80.9D.Jakarta:_Mediakom-19] Sibero, Alexander F.K.2011. “Kitab Suci Web Programing”.Jakarta: Mediakom

[Milician.2012._.E2.80.9CDreamweaver_CS3_Basic.E2.80.9D._USA:_University_Florida-20] Milician.2012. “Dreamweaver CS3 Basic”. USA: University Florida

[Sutarman._2012._.E2.80.9CWahana_Komputer._2010._.E2.80.9CMembuat_Aplikasi_Client_Server_dengan_Visual_Basic_2008.E2.80.9D._Yogyakarta:_Andi_Offset-21] 21,0 ^21,1 Wahana Komputer. 2010. “Membuat Aplikasi Client Server dengan Visual Basic 2008”. Yogyakarta: Andi Offset

[Raharja_Untung_dkk._Desain_Sistem_Pembelajaran_Pada_Jurusan_Sistem_Komputer_Konsentrasi_CCIT.2C_Jurnal_CCIT_Vol.1_No.3-Mei_2009.-22] Raharja Untung dkk. Desain Sistem Pembelajaran Pada Jurusan Sistem Komputer Konsentrasi CCIT, Jurnal CCIT Vol.1 No.3-Mei 2009.

[Kustiyahningsih.2C_Yeni.2011._.E2.80.9CPemrograman_Basis_Data_BerbasisWeb_Menggunakan_PHP_.26_MySQL.E2.80.9D._Jakarta:_GrahaIlmu.-23] 23,0 ^23,1 ^23,2 Kustiyahningsih, Yeni.2011. “Pemrograman Basis Data BerbasisWeb Menggunakan PHP & MySQL”. Jakarta: GrahaIlmu.

[Martono_Aris.2CPadeli.2C_Fitria_Dina_Murad._.282009.29._.E2.80.9CPengembanganSistem_Database_Penempatan_Tenaga_Kerja_BerbasisWeb.E2.80.9D_2.283.29.2C_307.Jurnal_CCIT._Tangerang.-24] Martono Aris,Padeli, Fitria Dina Murad. (2009). “PengembanganSistem Database Penempatan Tenaga Kerja BerbasisWeb” 2(3), 307.Jurnal CCIT. Tangerang.

[Oktavian.2C_Diar_Puji._2010._.E2.80.9CMenjadiProgrammer_Jempolan_Menggunakan_PHP.E2.80.9D._Yogyakarta:_Mediakom..-25] 25,0 ^25,1 Oktavian, Diar Puji. 2010. “MenjadiProgrammer Jempolan Menggunakan PHP”. Yogyakarta: Mediakom..

[Kadir.2CAbdul._2009._.E2.80.9CDasar_perancangan_.26_Implementasi.E2.80.9D.2C_Yogyakarta:_AndiOffset.-26] 26,0 ^26,1 Kadir,Abdul. 2009. “Dasar perancangan & Implementasi”, Yogyakarta: AndiOffset.

[Puspitasari_A.2C_Heni.2011._.E2.80.9CPemrograman_Web_Database_denganPHP_.26MySQL.E2.80.9D._Jakarta:_Skripta.-27] Puspitasari A, Heni.2011. “Pemrograman Web Database denganPHP &MySQL”. Jakarta: Skripta.

[Raharjo.2CBudi._2011._.E2.80.9CBelajar_Otodidak_Membuat_Database_MenggunakanMySQL.E2.80.9D.Bandung:_Informatika.-28] 28,0 ^28,1 Raharjo,Budi. 2011. “Belajar Otodidak Membuat Database MenggunakanMySQL”.Bandung: Informatika.

[Kustiyahningsih.2C_Yeni._2011._.E2.80.9CPemrograman_Basis_Data_Berbasis_Web_Menggunakan_PHP_.26_MySQL.E2.80.9D._Jakarta:_GrahaIlmu-29] Kustiyahningsih, Yeni. 2011. “Pemrograman Basis Data Berbasis Web Menggunakan PHP & MySQL”. Jakarta: GrahaIlmu

[Kustiyahningsih.2C_Yeni._2011._.E2.80.9CPemrograman_Basis_Data_Berbasis_WebMenggunakan_PHP_.26_MySQL.E2.80.9D._Jakarta:_GrahaIlmu-30] Kustiyahningsih, Yeni. 2011. “Pemrograman Basis Data Berbasis WebMenggunakan PHP & MySQL”. Jakarta: GrahaIlmu

[Andika._2012._.E2.80.9CPanduanMenguasai_PHP_.26_My_SQL_secara_Otodidak.E2.80.9D._Jakarta:Mediakita-31] 31,0 ^31,1 ^31,2 Andika. 2012. “PanduanMenguasai PHP & My SQL secara Otodidak”. Jakarta:Mediakita

[Guritno.2C_Suryo..2CSudaryono.2C_Rahardja_U.2C_2010._.27.27Theory_andApplication_of_IT_Research.27.27._CV_Andi_Offset._Yogyakarta.-32] 32,0 ^32,1 ^32,2 Guritno, Suryo.,Sudaryono, Rahardja U, 2010. Theory andApplication of IT Research. CV Andi Offset. Yogyakarta.

[Mulyandi.2C_MuhammadRachman.2C_Monica.2C_Ega_Mawarni.2C_Arfiah_dan_LiyaJayanti._2013._Aplikasi_Sistem_Informasi_Laporan_Penggajian_Guru_HonorBerbasisWeb_pada_SMA_Negeri_6-33] Mulyandi, MuhammadRachman, Monica, Ega Mawarni, Arfiah dan LiyaJayanti. 2013. Aplikasi Sistem Informasi Laporan Penggajian Guru HonorBerbasisWeb pada SMA Negeri 6

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

@@ Baris 2: / Baris 2: @@
 <div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
+<p style="line-height: 2">'''PERANCANGAN SISTEM INFORMASI '''</P></div>
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
+<p style="line-height: 2">'''PENJUALAN BARANG KEMASAN PRODUK'''</P></div>
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
+<p style="line-height: 2">'''PADA CV. ISMIE JAYA'''</P></div>
-<p style="line-height: 2">
-'''PERANCANGAN SISTEM INFORMASI'''</P></div>
-<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 2">'''PENJUALAN BARANG KEMASAN PRODUK '''</P></div>
 <div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
+<p style="line-height: 1">'''[[Skripsi|SKRIPSI]]'''</P></div>
-<p style="line-height: 2">'''PADA CV. ISMIE JAYA'''</P></div>
-<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 2">'''[[Skripsi|SKRIPSI]]'''</P></div>
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
+[[File:Logo stmik raharja.jpg|150px|center]]</div>
-[[File:Logo stmik raharja.jpg|180px|center]]</div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 2">'''Disusun Oleh :'''</P></div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: ">'''NIM : 0812461120'''</P></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
+<p style="line-height: 1">'''Disusun Oleh :'''</P></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
+<p style="line-height: 1">'''NIM : 1211472781'''</P></div>
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
+<p style="line-height: 1">'''NAMA : [[PRASETYO]] '''</P></div>
-<p style="line-height: 2">'''NAMA : Irfan Firdaus'''</P></div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 2">'''JURUSAN [[Sistem Informasi|SISTEM INFORMASI]]'''</P></div>
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
+<p style="line-height: 2">'''JURUSAN [[Sistem Informasi|SISTEM INFORMASI]]'''</P></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
+<p style="line-height: 2">'''KONSENTRASI [[SISTEM INFORMASI MANAJEMEN]]'''</P></div>
+<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>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
+<p style="line-height: 2">'''[[STMIK RAHARJA]]'''</P></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
+<p style="line-height: 2">'''TANGERANG'''</P></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
+<p style="line-height: 2">'''(2013/2014)'''</P></div>
-<p style="line-height: 2">'''KONSENTRASI BUSSINESS INTELLIGENCE'''</P></div>
-<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>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 2">'''[[STMIK RAHARJA]]'''</P></div>
+----
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 2">'''TANGERANG'''</P></div>
+{{pagebreak}}
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
+<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>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''(STMIK) RAHARJA'''</p></div>
+<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">'''PERANCANGAN SISTEM INFORMASI'''</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 BARANG KEMASAN PRODUK'''</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 PADA CV. ISMIE JAYA'''</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Disusun Oleh :</p></div>
+{|table align="center"
+|-
+|<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">: 1211472781</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">: [[Prasetyo]]</div>
+|-
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Jenjang Studi</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Strata Satu</div>
+|-
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Jurusan</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Sistem Informasi</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">: Sistem Informasi Manajemen</div>
+|}
+&nbsp;
+&nbsp;
+<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,  Juni 2014</p></div>
+{|table align="center"
+|-
+| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Ketua</div> || &nbsp; || &nbsp; || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Kepala Jurusan</div>
+|-
+| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">STMIK RAHARJA</div> || &nbsp; || &nbsp; || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Jurusan Sistem Informasi</div>
+|-
+|&nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp;
+|-
+|&nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp;
+|-
+|&nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp;
+|-
+|&nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp;
+|-
+| <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>([[Maimunah]], M.Kom)</u></div>
+|-
+| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NIP : 00594</div> || &nbsp; || &nbsp; || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NIP : 007002</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>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''(STMIK) RAHARJA'''</p></div>
+&nbsp;
+<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">'''PERANCANGAN SISTEM INFORMASI'''</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 BARANG KEMASAN PRODUK'''</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.ISMIE JAYA'''</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Dibuat Oleh :</p></div>
+{|table align="center"
+|-
+|<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">: 1211472781</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">: [[Prasetyo]]</div>
+|}
+&nbsp;
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<p style="line-height: 2" style="text-align: center;">Telah disetujui untuk dipertahankan dihadapan Tim Penguji Ujian Komprehensif</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<p style="line-height: 2" style="text-align: center;">Jurusan Sistem Informasi</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Konsentrasi Sistem Informasi Manajemen</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Disetujui Oleh :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">
+<p style="line-height: 2" style="text-align: right;">Tangerang, 19 Juni 2014</p></div>
+{|table align="center"
+|-lk
+| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Pembimbing I</div> || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Pembimbing II</div>
+|-
+|&nbsp; || &nbsp; || &nbsp; || &nbsp;
+|-
+|&nbsp; || &nbsp; || &nbsp; || &nbsp;
+|-
+|&nbsp; || &nbsp; || &nbsp; || &nbsp;
+|-
+|&nbsp; || &nbsp; || &nbsp; || &nbsp;
+|-
+| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>( [[Aris Martono]], S.Kom.,M.M.S.I)</u></div>|| &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>([[Dedeh Supriyanti]], S.Kom)</u></div>
+|-
+| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID : 08197</div> || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID : 08162</div>
+|}
+----
+{{pagebreak}}
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;2">'''SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER'''</p></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''(STMIK) RAHARJA'''</p></div>
+&nbsp;
+<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">'''PERANCANGAN SISTEM INFORMASI'''</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 BARANG KEMASAN PRODUK'''</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. ISMIE JAYA'''</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Disusun Oleh :</p></div>
+{|table align="center"
+|-
+|<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">: 1211472781</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">: [[Prasetyo]]</div>
+|-
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Jenjang Studi</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Strata Satu</div>
+|-
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Jurusan</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Sistem Informasi</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">: Sistem Informasi Manajemen </div>
+|}
+&nbsp;
+&nbsp;
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">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.</p></div>
+<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, 19 Juni 2014</p></div>
+{|table align="center"
+|-
+|&nbsp;
+|-
+|&nbsp;
+|-
+|&nbsp;
+|-
+|&nbsp;
+|-
+|&nbsp;
+|-
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>'''([[Prasetyo]])'''</u></div>
+|-
+| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">'''NIM : 1211472781'''</div>
+|}
+&nbsp;
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: left"><p style="line-height: 2">'')*Tandatangan dibubuhi materai 6.000;</p></div>
+----
+{{pagebreak}}
+<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:2">
+CV. Ismie Jaya yang merupakan perusahaan swasta yang bergerak di bidang penjualan dan produksi barang kemasan produk, dalam hal ini memasarkan berbagai jenis kemasan produk ke berbagaiwilayah yang ada di wilayah Tangerang. Sistem penjualan barang pada CV. Ismie Jaya masih semi komputerisasi sehingga sering terjadi kesalahan pada waktupendataan penjualan barang dan memperlambat proses dalam pengambilan keputusan. Sebagaisalah satu alternatif pemecahan masalah, maka dibuatlah suatu perbaikan sistemdari sistem yang pada awalnya semi komputerisasi menjadi sistem komputerisasi, dimanasistem dapat mencakup hal – hal yang dapat membawa perusahaan tersebut  menjadi lebih baik lagi dengan harapan semuamasalah yang muncul, dapat diatasi dengan sistem yang baru yang dirancangpenulis. Dengan adanya sistem yang baru ini maka data yang dihasilkan lebihakurat dibandingkan dengan sistem sebelumnya dan data tidak akan hilang danberubah karena datanya akan tersimpan dalam database dan juga dapat mempermudahdalam pembuatan laporan Penjualan,dandiharapkan dapat mengurangi ''human error''.Oleh karena itu penulis akan menuangkannya sebagai bentuklaporan  yang berjudul ”PERANCANGANSISTEM INFORMASI PENJUALAN BARANGKEMASAN PRODUK PADA CV. ISMIE JAYA” dengan harapan dapat berguna dandiaplikasikan pada perusahaan tersebut.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: left"><p style="line-height: 2">''
+Kata kunci : ''penjualan kemasan produk'', ''semi komputerisasi''
+</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">
+''CV. Ismie Jaya, which is a private company engaged in thesale and production of goods packaging product, sells the various types of products packaging to some different areas in Tangerang. A system of goods sale used by the CV. Jaya Ismie is still usinga semi computerized system. So, thesystem often goes wrong at the data collection time and makes it slow in the decision-making process.As one of the alternative solutions, the system is improved from the semicomputerized into a full computerized system, where the new system can cover many things which are able to bring the company to be better and better, with the expectations that all obstacles arisen before can be solved by a new system designedby the author.  With the newsystem, the data produced by it becomes more accurate thanthe data resulted by previous system and the important thing is that the data will not disappear and changebecause the data is going to be stored in the database. Moreover the new system can also facilitate the company in making sales report and be expectedto reduce a human errorproblem. Therefore, the author would put it as a formof a report entitled "DESIGNINGTHE SALES INFORMATION SYSTEM OF GOODS PACKAGING PRODUCTS AT CV. ISMIE JAYA"with an expectation that it can beuseful and applicable to the company''
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: left"><p style="line-height: 2">''
+''Keywords:
+''sales of product packaging'', ''semi computerized''
+</p></div>
+----
+{{pagebreak}}
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">
+'''KATA PENGANTAR'''
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Segala puji syukur dan pujian bagi Allah SWT yang memiliki keluasan ilmu dan atas rahmat dan ridho-Nya, sehingga penulis dapat menyelesaikan Laporan Skripsi ini dengan baik, adapun judul yang penulis uraikan dalam laporan ini adalah <strong>“PERANCANGAN SISTEM INFORMASI PENJUALAN BARANG KEMASAN PRODUK PADA CV.ISMIE JAYA”</strong>
+Tujuan dari pembuatan Laporan Skripsi ini antara lain memenuhi salah satupersyaratan menyelesaikan pendidikan jenjang Strata Satu (S1) Jurusan SistemInformasi (SI) pada Sekolah Tinggi Manajemen dan Ilmu Komputer (STMIK) Raharja,juga berguna untuk memperdalam kemampuan penulis dalam merancang suatu sistemagar dapat diterapkan dengan 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">
+Dalam kesempatan ini penulis jugaingin mengucapkan terimakasih bahwa tanpa bimbingan, bantuan dan dorongan semua pihak maka penulis tidak dapat menyelesaikan laporan ini dengan baik dan tepat waktu. Penulis ingin menyampaikan terimakasih kepada khususnya kepada orang tua tercinta dankeluarga yang telah memberikan banyak do’a, dukungan moril dan materil kepadapenulis.Dan penulis pada kesempatan ini penulis mengucapkan banyak terima kasihkhususnya kepada Ayah, Ibu dan keluarga tercinta yang telah memberikan dukunganmoril maupun materil serta doa untuk keberhasilan, penulis juga tidak lupamengucapkan terimakasih kepada pihak-pihak yang telah membantu seperti berikut:
+</p></div>
+ <ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Ir.[[Untung Rahardja]]., M.T.I, selaku Ketua STMIK Raharja
+  <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+[[Sugeng Santoso]], M.Kom, selaku Pembantu Ketua I STMIK Raharja.
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+[[Maimunah]], M.Kom, selaku Kepala Jurusan SistemInformasi STMIK Raharja.
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+[[Aris Martono]], S.Kom.,M.M.S.Iselaku Dosen Pembimbing Pertama yang telah memberikan banyak masukan danmotivasi kepada penulis sehingga laporan skripsi ini dapat terselesaikan denganbaik dan tepat pada waktunya.
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+[[Dedeh Supriyanti]], S.Kom selaku pembimbingkedua yang juga telah banyak memberikan bantuan masukan dan ilmu kepada penulisuntuk menyelesaikan laporan skripsi ini.
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Bapak [[Mochammad Herry]] sebagai Stakeholderyang telah banyak membantu penulis dalam penyelesaian Skripsi.
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Seluruh keluarga, khususnya kedua orang tua yang selalu mendoakan serta memberikan dukungan moril dan materil untuk keberhasilan penulis.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Sahabat-sahabat penulis, [[Yulianto]], [[Syefri Maulana Husain]], [[Sri wulaningsih]], [[Irfan Linadri]], [[Muhhammad Sutalim]] dan seluruh teman-teman yang tidak dapat penulis sebutkan satu persatu, tanpa mengurangi rasa terima kasih karena telah banyak membantu dalam menyusun laporan ini.
+</ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;line-height: 2">
+Penulis menyadari dalam penyelesaian laporan ini masih terdapat banyak kekurangan sehingga memerlukan banyak perbaikan dan penyempurnaan. Oleh karena itu, penulis mengharapkan kritik dan saranyang bersifat membangun untuk kesempurnaan laporan ini.
+</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Akhir kata penulis berharap agar laporan ini dapat bermanfaat bagi penulis pada khususnya, dan juga orang lain yang membaca dapat memperoleh ilmu dari laporan ini.
+</p></div><br>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Tangerang, 19 Juni 2014</p></div>
+{|table align="center"
+|-
+|&nbsp;
+|-
+|&nbsp;
+|-
+|&nbsp;
+|-
+|&nbsp;
+|-
+|&nbsp;
+|-
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>'''([[Prasetyo]])'''</u></div>
+|-
+| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">'''NIM : 1211472781'''</div>
+----
+{{pagebreak}}
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">
+'''DAFTAR TABEL'''
+</p></div>
+ <ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Tabel 1.1 </strong>Data Penjualan Menggunakan Ms.Excel
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Tabel 2.1 </strong> Kekukarangan dan Kelebihan MySQL
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Tabel 2.2  </strong>  Tipe ata Numeric
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Tabel 2.1 </strong> Tipe Data String
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Tabel 2.4 </strong>  Letak Perbedaan Jumlah Memori
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Tabel 2.5 </strong> Tipe Data Tunggal
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Tabel 2.6 </strong> Operator Artmatika MYSQL
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Tabel 2.7 </strong> Operator Pembanding MYSQL
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Tabel 2.9  </strong>Operator Karakter
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong> Tabel 2.10 </strong> Opearator Lain-Lain
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong> Tabel 2.11  </strong>Fungsi Agregat
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong> Tabel 2.12  </strong> Kelebihan dan Kekurangan PHP
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Tabel 3.1  </strong> Marketing Mix 7P
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Tabel 3.2  </strong>  Analisa SWOT
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong> Tabel 3.3  </strong>Elisitasi Tahap I
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong> Tabel 3.4.  </strong> Elisitasi Tahap II
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong> Tabel 3.4.  </strong> Elisitasi Tahap III
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong> Tabel 3.6. </strong> Final Draft Elisitasi
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong> Tabel 4.1  </strong> Perbedaan Prosedur Sistem Berjalan Dan Sistem Ususlan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Tabel 4.2  </strong> Tabel Barang
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Tabel 4.3 </strong> Tabel Detil Nota
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Tabel 4.4</strong>  Tabel Nota
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Tabel 4.5 </strong> Tabel Jenis Barang
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Tabel 4.6 </strong> Tabel Satuan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Tabel 4.7 </strong>Tabel Pelanggan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Tabel 4.8  </strong> Tabel Pengguna
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong> Tabel 4.9 </strong>Pengujian Blackbox Pada Halaman Login Aplikasi
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Tabel 4.10 </strong>Pengujian Blackbox Pada Menu Barang
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Tabel 4.11 </strong>Pengujian blackbox pada menu pelanggan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Tabel 4.12</strong>Pengujian Blackbox Pada Menu Nota
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Tabel 4.13  </strong>Pengujian Blackbox Pada Menu Pengguna
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Tabel 4.14  </strong>Pengujian Blackbox Pada Menu Grafik
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong> Tabel 4.15 </strong>Pengujian Blackbox Pada Menu Laporan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Tabel 4.16  </strong>Pengolahan Jadwal
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Tabel 4.17  </strong>Estimasi Biaya
+ </ol>
+----
+{{pagebreak}}
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">
+'''DAFTAR GAMBAR'''
+</p></div>
+ <ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Gambar 2.1 </strong>Karakteristik Suatu Sistem
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Gambar 2.2</strong> Hubungan Antara Data dan Informasi
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Gambar 2.3 </strong>Kualitas Informasi
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Gambar 2.4</strong> Komponen Sistem Informasi
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Gambar 2.5 </strong>Komponen Input
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Gambar 2.6 </strong>Komponen Kontrol
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Gambar 2.7 </strong>Tipe Strategi SWOT
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Gambar 2.8 </strong> Ruang kerja Adobe Dreamweaver
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Gambar 2.9 </strong>Skrip Dalam PHP
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Gambar 2.10  </strong>Skema Koneksi Database Pada PHP
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Gambar 3.1</strong> Struktur Organisasi CV Ismie Jaya
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Gambar 3.2 </strong>Use Case Diagram Sistem Yang Berjalan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Gambar 3.3 </strong>Activity Diagram Sistem Penjualan Yang Berjalan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Gambar 4.1 </strong>Use Case Diagram Sistem Penjualan Yang Diusulkan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Gambar 4.2</strong> Activity Diagram Sistem Penjualan Yang Diusulkan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Gambar 4.3  </strong>Squence Diagram menu Login Yang Diusulkan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Gambar 4.4  </strong>Squence Diagram  Menu Home Yang Diusulkan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Gambar 4.5 </strong>Squence Diagram  Menu Barang Yang Diusulkan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Gambar 4.6 </strong>Squence Diagram  Menu Pelanggan Yang Disulkan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Gambar 4.7</strong> Squence Diagram  Menu Nota Yang Diusulkan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Gambar 4.8</strong>  Squence Diagram  Menu Grafik Yang Diusulkan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Gambar 4.9 </strong>Squence Diagram  Menu Laporan Yang Diusulkan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Gambar 4.10</strong> Class Diagram Yang Diusulkan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Gambar 4.11</strong>  Flow Chart Login
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong> Gambar 4.12</strong> Flow Chart Menu Barang
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Gambar 4.13 </strong> Flow Chart Menu Pelanggan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Gambar 4.14</strong>  Flow Chart Menu Nota
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Gambar 4.15</strong>  Flow Chart Menu Grafik
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Gambar 4.16</strong>  Flow Chart Menu Pengguna
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Gambar 4.17</strong>  Flow Chart Menu Laporan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Gambar 4.18</strong>  HIPO Aplikasi Penjualan Barang
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Gambar 4.19</strong>  Prototype Menu  Login
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>  Gambar 4.20 </strong>prototype Menu Login Salah Atau Kosong
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Gambar 4.21</strong> Prototype Menu Home
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Gambar 4.22</strong>  Prototype Menu Barang
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Gambar 4.23</strong>  Prototype Input Barang
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Gambar 4.24</strong>  Prototype Menu Pelanggan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Gambar 4.25</strong>  Prototype Input Pelanggan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong> Gambar 4.26</strong> Prototype Menu  Nota
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong> Gambar 4.27</strong> Prototype Input Nota
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong> Gambar 4.28 </strong> Prototype Menu Grafik
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong> Gambar 4.29</strong>  Prototype Menu Pengguna
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong> Gambar 4.30</strong> Prototype Input Pengguna
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong>Gambar 4.31 </strong>Prototype Menu  Laporan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<strong> Gambar 4.32 </strong> Prototype Hasil Data Laporan
+</ol>
+----
+{{pagebreak}}
+<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center; text indent: 0.5"><p style="line-height: 2">'''DAFTAR SIMBOL'''</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align: center"><p style="line-height: 2">'''DAFTAR SIMBOL USE CASE DIAGRAM'''</p></div>
+[[Berkas:Daftar Simbol Use Case Diagram.png|pus]]
+<br>
+<br>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align: center"><p style="line-height: 2">'''DAFTAR SIMBOL ACTIVITY DIAGRAM'''</p></div>
+[[Berkas:Daftar Simbol Activity Diagram.png|pus]]
+<br>
+<br>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align: center"><p style="line-height: 2">'''DAFTAR SIMBOL SEQUENCE DIAGRAM'''</p></div>
+[[Berkas:Daftar Simbol Sequence Diagram.png|pus]]
+----
+{{pagebreak}}
+=<p align="center"><b>BAB I</b></p>=
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2"><b>PENDAHULUAN</b></p></div>
+==Latar Belakang==
+<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 persaingan dunia usaha yang terjadi semakin ketat dan memerlukan kesiapan suatu organisasi untuk mengadopsi teknologi yang mampu menjawab persaingan yang terjadi di dunia usaha. Salah satu unsur yang sangat mendasar di dalam dunia usaha adalah transformasi dan penyajian data secara cepat, akurat dan efisien. Karena sebuah sistem sebaik apapun jika penyaluran informasi dan penyajian datanya kurang efisien maka sistem itu akan melambat dan akhirnya benar–benar tidak berjalan. CV.ISMIE JAYA yang beralamat di Jl. Dipatiunus Gg. Pesantren Jamiatul Falah Cibodas - Tangerang adalah perusahaan swasta yang bergerak dibidang produksi kemasan produk. Penggunaan sistem informasi pengolahan data pemesanan dan penjualan barang pada Cv. Ismie Jaya yang ada sekarang ini belum memenuhi standar perkembangan teknologi di masa kini, dikarenakan sistem penjualan yang ada masih dilakukan secara manual dengan menggunakan MS. Excel. Data penjualan barang kemasan poduk selama 1 tahun
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Tabel 1.1 data penjualan menggunakan Ms. Excel</b></p></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img width=700 src="https://lh6.googleusercontent.com/-znnN2XRKEK8/U_iHifCkGPI/AAAAAAAAAKo/jhil1dYHI9g/w483-h275-no/tabel%2Bexcel.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">Sehingga dalam pengolahan datanya banyak memerlukan waktu yang mengakibatkan penyajian laporan menjadi kurang efisien.Oleh karena itu, untuk memudahkan dalam proses pengolahan penjualan dibutuhkan sebuah sistem informasi yang mudah dan cepat, untuk meminimalisir kesalahan (''human error''), dan meningkatkan kinerja produktivitas. Dengan memperhatikan uraian tersebut, maka penulis mengambil judul :<b> “PERANCANGAN SISTEM  INFORMASI PENJUALAN BARANG KEMASAN PRODUK PADACV.ISMIE JAYA”</b></p></div>
+==Rumusan  Masalah==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
+Dari latar belakang diatas penulisdapat merumuskan beberapa masalah sebagai berikut :
+</p></div>
+<ol> <li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">
+Bagaimana sistem penjualan barang kemasan produk pada CV. ISMIE JAYA saat ini ?
+</p></li>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">
+Bagaimana menganalisa sistem penjualan barang kemasan produk CV.ISMIE JAYA saat ini dalam pengambilan suatu keputusan ?
+</p></li>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">
+Bagaimana merancang sistem penjualan barang kemasan produk pada CV.ISMIEJAYA yang mampu mengolah informasi yang cepat, akurat dan efisien  sehingga lebih memberikan manfaat ?
+</p></li>
+</ol>
+<br>
+==Ruang Lingkup==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
+Ruang lingkup dari penelitian ini dibatasi pada penyajian sistem informasi dan penginputan data penjualan </p></div>
+<br>
+==Tujuan Penelitian==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
+Adapun tujuan dari penelitian ini adalah :
+</p></div>
+<ol>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">
+Untuk mendapatkan lebih banyak pengalaman membuat rancangan aplikasi sistem informasi yang ada di lapangan secara nyata dan menambah pengetahuan yang tidak dapat diperkuliahan.</p></li>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">
+Agar penulis dapat mengimplementasikan ilmu yang sudah didapat diperkuliahan.</p></li>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">
+Untuk melengkapi syarat kelulusan pada jurusan Sistem Informasi di STMIK Raharja.</p></li>
+</ol>
+<br>
+==Manfaat Penelitian==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
+Adapun manfaat yang tercipta dari penelitian ini adalah sebagai berikut:
+</p></div>
+<ol>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">
+Terciptanya efektifitas dan efisiensi waktu kerja dalam mengolah data-datatransaksional.</p></li>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Manajer dengan mudah memonitoring hasil transaksi penjualanpada perusahaan sehingga dapat cepat untuk mengambil keputusan.</p></li>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Hasil penelitian ini dapat digunakan sebagai referensi untuk penelitian selanjutnya khususnya yangberhubungan dengan ''dashboardmonitoring system'' dan transaksi penjualan.</p></li>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Terciptanya kepuasan bathin ketika menghasilkan suatukarya dan dapat bermanfaat bagi suatu perusahaan/instansi.</p></li>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Sebagai syarat kelulusan guna mendapatkan gelar sarjana komputer</p></li>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Dapat mengimplementasikan teori-teori yang dipelajari dibangku kuliah kedalam bentuk project.</p></li>
+</ol>
+<br>
+==Metode Penelitian==
+===Metode Pengumpulan Data===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
+Dalam melakukan penelitian dan mendapatkan data, penulis menggunakan  beberapa metode diantaranya :
+</p></div>
+<ol>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">Observasi /pengamatan langsung</li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> <p style="line-height: 2">
+Melakukan pengumpulan  data dengan  mengidentifikasi masalah, yang ada dalam pembuatan sistem yang akan dibuat.
+</p></div>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">Wawancara </li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> <p style="line-height: 2">
+Penulis melakukan wawancara secara langsung dengan pihak perusahaan  mengenai masalah-masalah yang dapat penulis analisa dalam penelitian pada perusahaan ini.
+</p></div>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">Studi Pustaka</li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> <p style="line-height: 2">
+Sebagai langkah untuk mendapatkan data-data yang berkaitan dengan penyusunan skripsi ini dan sumber referensi bagi penulis.
+</p></div>
+</ol>
+===Metode Analisa===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
+Metode dalamp enelitian ini penulis menggunakan analisis SWOT (''Strengths, Weaknesses,Opportunity, Threaths''). Analisis SWOT adalah suatu metode yang digunakan untuk melihat kondisi perusahaan, baik internal maupun eksternal yang kemudian dijadikan indikator untuk mengetahui kekuatan, kelemahan, peluang dan ancaman terhadap perusahaan, sehingga dapat membantu manajer dalam pembuatan keputusan (strategi penjualan).
+</p> </div>
+===Metode perancangan===
+<ol>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">Rancangan Model </li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> <p style="line-height: 2">
+Di dalam penelitian ini, penulis mengusulkan metode rancangan model yang berorientasi objek dengan menggunakan UML (''Unified Modeling Language'') yaitu menggunakan software Visual Paradigm for UML.
+</p></div>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> Bahasa Pemrograman </li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> <p style="line-height: 2">
+Sistem pembuatan program dibangun mengunakan program PHP, CSS, dan HTML.
+</p></div>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">Desain</li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> <p style="line-height: 2">
+Penulis membuat desain menggunakan tool Adobe Photoshop CS3.
+</p></div>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">  Database</li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> <p style="line-height: 2">
+Database yang digunakan menggunakan MySQL.
+</p></div>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">Browser</li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> <p style="line-height: 2">
+Untuk Browser penulis menggunakan Mozilla Firefox.
+</p></div>
+</ol>
+===Metode Testing===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
+Peneliti menggunakan metode pengujian black box testing sehingga dapat diketahui apakah sistem sesuai dengan apa yang diharapkan oleh stakeholder.
+</p></div>
+==Sistematika Penulisan==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
+Dalam sistematika penulisan penelitian ini, penulis menyajikan sistematika penyampaian sebagai berikut :
+</p></div>
+<b style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">BAB I PENDAHULUAN </b>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
+Pada bab ini berisi latarbelakang, rumusan masalah, ruang lingkup, tujuan dan manfaat, metode penelitian, metode analisa, metode perancangan, metode testing dan sistematika penulisan.
+</p></div>
+<b style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">BAB II LANDASAN TEORI</b>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">Pada bab ini berisi tentang teori-teori pendukung penelitian, definisi dan pengertian-pengertian yang berkaitan dengan penyusunan laporan yang didapat melalui salah satu metode.
+</p></div>
+<b style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">BAB III  ANALISA SISTEM YANG BERJALAN</b>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
+Pada bab ini berisi tentang gambaran umum perusahaan, stuktur organisasi,tata laksana sistem yang berjalan, analisa sistem yang berjalan, konfigurasi sistem berjalan, permasalahan yang dihadapi dan alternatif, ''user requirement''
+</p></div>
+<b style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">BAB IV RANCANGANSISTEM USULAN  </b>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
+Berisikan rancangan sistem yang diusulkan, prosedur sistem usulan, usecase diagram yang diusulkan, ''activity diagram'' yang diusulkan, ''squence diagram'' yang diusulkan, rancangan bassis data, ''class diagram'' yang diusulkan, spesifikasi basis data, ''flowchart'' yang diusulkan,rancangan program, rancangan ''prototype'', konfigurasi sistem usulan, testing,evaluasi, dan implementasi
+</p></div>
+<b style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">BAB V    PENUTUP    </b>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
+Pada bab ini berisi tentang berbagai kesimpulan dan saran berdasarkan pokok bahasan yang dikemukakan dalam perancangan sistem dan implementasi berdasarkan teori pendukung pembahasan.
+</p></div>
+<br>
+<br>
+=<p align="center"><b>BAB II</b></p>=
+<div style="font-size: 120%;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2"><b>LANDASAN TEORI</b></p></div>
+==Teori Umum==
+===Konsep Dasar Sistem===
+<ol>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Definisi Sistem </p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
+Sebuah sistem yang tepat guna akan memberikan dampak yang positif bagi suatu perusahaan dalam pencapaian sasaran serta tujuan perusahaan.Sistem terdapat beberapa pandangan menurut para ahli, diantaranya:
+Menurut Mustakini (2009:34)<ref name="Mustakini, Jogiyanto Hartono. Sistem Informasi Teknologi, Yogyakarta:Andi Offset.2009">Mustakini, Jogiyanto Hartono. Sistem Informasi Teknologi, Yogyakarta:Andi Offset.2009.</ref>,, “Sistem dapat didefinisikan dengan pendekatan prosedur dan pendekatan komponen, sistem dapat didefinisikan sebagai kumpulan dari prosedur-prosedur yang mempunyai tujuan tertentu”.
+Menurut Sutarman(2012:13)<ref name="Sutarman. 2012. “Buku Pengantar Teknologi Informasi”. Jakarta:Bumi Aksara">Sutarman. 2012. “Buku Pengantar Teknologi Informasi”. Jakarta:Bumi Aksara</ref>, “Sistem adalah kumpulan elemen yang saling berhubungan dan berinteraksi dalam satu kesatuan untuk menjalankan suatu proses pencapaian suatu tujuan utama”.
+Menurut jurnal CCIT Lili Tanti (2009)<ref name="Tanti, Lili, Pengembangan Perangkat Ajar Berbantuan Komputer Untuk Mempelajari Tata Bahasa Inggris. Jurnal CCIT Vol.3 No.2-Januari Tangerang.2009:208.">Tanti, Lili, Pengembangan Perangkat Ajar Berbantuan Komputer Untuk Mempelajari Tata Bahasa Inggris. Jurnal CCIT Vol.3 No.2-Januari Tangerang.2009:208.</ref>,“sistem secara umum merupakan tahapan pertama dari luar hidup pengembangan perangkat lunak pengajar”.
+</p></div>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Karakteristik Sistem</p></li>
+<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. Sistem Informasi Teknologi, Yogyakarta:Andi Offset.2009">Mustakini, Jogiyanto Hartono. Sistem Informasi Teknologi, Yogyakarta:Andi Offset.2009.</ref>,, Suatu sistem mempunyai karakteristik. Karakteristik sistem adalah sebagai berikut ini:
+</p></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img src="https://lh4.googleusercontent.com/-ERqJwwcHFF0/U_ho1lIQNcI/AAAAAAAAAFg/p0VqB9_5RNo/w382-h249-no/gambar%2B2.1.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center">
+Sumber: Mustakini (2009:54) </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>
+Gambar2.1. Karakteristik suatu sistem</b></p></div>
+<ol style="list-style-type:lower-alpha">
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">
+ Suatu sistem mempunyai komponen-komponen sistem (''components'') atau subsistem-subsistem.</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> <p style="line-height: 2">
+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>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">
+Suatu sistem mempunyai batas sistem (''boundary'').</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> <p style="line-height: 2">
+Batasan sistem membatasi antarasistem yang satu dengan yang lainnya atau sistem dengan lingkungan luarnya.</p></div>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">
+ Suatu sistem mempunyai lingkungan luar (''environment'').</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> <p style="line-height: 2">
+Lingkungan luar sistem adalah suatu bentuk apapun yang ada diluar ruang lingkup atau batasan sistem yang mempengaruhi operasi sistem tersebut.</p></div>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">
+  Suatu sistem mempunyai penghubung (''interface'').</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> <p style="line-height: 2">
+Penghubung sistem merupakan media yang menghubungkan sistem dengan sub-sistem yang lain, dengan demikian dapat terjadi suatu integrasi sistem yang membentuk suatu kesatuan.</p></div>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">
+ Suatu sistem mempunyai tujuan (''goals'').</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> <p style="line-height: 2">
+Suatu sistem pasti mempunyai tujuan (''goals'') atau sasaran sistem (''objective''). Sebuah sistem dikatakan berhasil apabila mengenai sasaran atau tujuannya, jika suatu sistem tidak mempunyai tujuan maka operasi sistem tidak akan ada gunanya.</p></div>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Klasifikasi Sistem</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> <p style="line-height: 2">
+Menurut Mustakini (2009:53)<ref name="Mustakini, Jogiyanto Hartono. Sistem Informasi Teknologi, Yogyakarta:Andi Offset.2009">Mustakini, Jogiyanto Hartono. Sistem Informasi Teknologi, Yogyakarta:Andi Offset.2009.</ref>,Suatu sistem dapat diklasifikasikan: </p></div>
+<ol>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">
+Sistem abstrak (''abstact system'') dan sistem fisik (''phisical system'')</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> <p style="line-height: 2">
+Sistem abstrak adalah sistem yang berupa pemikiran atau ide-ide  yang tidak tampak secara fisik, misalnya sistem teknologi yaitu sistem yang berupa pemikiran-pemikiran hubungan antara manusia dengan Tuhan. Sitem fisik merupakan sistem yang ada secara fisik.</p></div>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">
+Sistem Alami (''natural system'') dan Sistem Buatan Manusia (''human made system'')</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> <p style="line-height: 2">
+Sistem alami adalah sistem yang keberadaannya terjadi secara alami/natural tanpa campuran tangan manusia.Sedangkan sistem buatan manusia adalah sebagai hasil kerja manusia. Contoh sistem alamiah adalah sistem tata surya yang terdiri dari atas sekumpulan planet, gugus bintang dan lainnya. Contoh sistem abstrak dapat berupa sistem komponen yang ada sebagai hasil karya teknologi yang dikembangkan manusia.</p></div>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">
+    Sistem tentu (''deterministic system'') dan sistem tidak tentu (''probobalistic system'')</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> <p style="line-height: 2">
+Sistem tertentu adalah sistem yang tingkah lakunya dapat ditentukan/diperkirakan sebelumnya. Sedangkan sistem tidak tentu adalah sistem yang tingkah lakunya tidak dapat ditentukansebelumnya. Sistem aplikasi komputer merupakan contoh sistem yang tingkah lakunya dapat ditentukan sebelumnya. Program aplikasi yang dirancang dan dikembangkan oleh manusia dengan menggunakan prosedur yang jelas, terstruktur dan baku.</p></div>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">
+ Sistem Tertutup (''closed system'') dan Sistem Terbuka (''open system'')</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> <p style="line-height: 2">
+Sistem tertutup merupakan sistem yang tingkah lakunya tidak dipengaruhi oleh lingkungan luarnya.Sebaliknya, sistem terbuka mempunyai prilaku yang dipengaruhi olehlingkungannya. Sistem aplikasi komputer merupakan sistem relative tertutup,karena tingkah laku sistem aplikasi komputer tidak dipengaruhi oleh </p></div>
+</ol></ol></ol>
+===Konsep Dasar Data dan Informasi===
+<ol>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Definisi Data</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
+Menurut Sutarman(2012:3)<ref name="Sutarman. 2012. “Buku Pengantar Teknologi Informasi”. Jakarta:Bumi Aksara">Sutarman. 2012. “Buku Pengantar Teknologi Informasi”. Jakarta:Bumi Aksara</ref> “Data adalah fakta dari sesuatu pernyataan yang berasal dari kenyataan, di mana pernyataan tersebut merupakan hasil pengukuran atau pengamatan. Data dapat berupa angka-angka, huruf-huruf, simbol-simbol khusus,atau gabungan darinya”.
+Menurut Situmorang (2010:1)<ref name="
+Situmorang.2010. “Buku Analisis Data”. Medan: KatalogDalam Terbitan (KDT).
+">
+Situmorang.2010. “Buku Analisis Data”. Medan: KatalogDalam Terbitan (KDT).
+</ref>,“Data adalah ''things known or assumed'', yang berarti bahwa data sesuatu yang diketahui atau dianggap”.Diketahui artinya yang sudah terjadi merupakan fakta (bukti).Data dapat memberikan gambaran tentang suatu keadaan atau personal.
+Dari pendapat yang dikemukakan di atas dapat disimpulkan bahwa 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.
+</p></div>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Bentuk Data </p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
+Menurut Yakub (2012:5)<ref name="
+Yakub. 2012. Pengantar Sistem Informasi”,Yogyakarta:GrahaIlmu.
+">
+Yakub. 2012. Pengantar Sistem Informasi”,Yogyakarta:GrahaIlmu.
+</ref>, data dapat dibentuk menjadi 5, antara lain sebagai berikut:</p></div>
+<ol style="list-style-type:lower-alpha">
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Teks </p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> <p style="line-height: 2">
+Teks adalah sederatan huruf, angka, dan simbol-simbol yang kombinasinya tidak tergantung pada masing-masing item secara individual misalnya, artikel, koran, majalah, dan lain-lain.</p></div>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Data yang terformat</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> <p style="line-height: 2">
+Data yang terformat adalah data dengan suatu format tertentu, misalnya, data yang menyatakan tanggal atau jam, dan nilai mata uang.</p></div>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Citra (''Image'')</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> <p style="line-height: 2">
+Citra atau ''Image'' adalah data dalam bentuk gambar, citra dapat berupa grafik, foto, hasil rontsen, dan tanda tangan.</p></div>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Audio</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> <p style="line-height: 2">
+Audio adalah data dalam bentuk suara misalnya, instrument musik, suara orang, suara binatang, detak jantung, dan lain-lain.</p></div>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Video</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> <p style="line-height: 2">
+Video adalah data dalam bentuk gambar yang bergerak dan dilengkapi dengan suara misalnya, suatu kejadian dan aktivitas-aktivitas dalam bentuk film.</p></div>
+</ol>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Meta Data</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
+Menurut Adi Nugroho yang dikutip dari Yakub (2012:6)<ref name="Nugroho, Adi. 2010. “Rekayasa Perangkat Lunak Berorientasi Objek dengan metodeUSDP”.Yogyakarta: Andi Offset">Nugroho, Adi. 2010. “Rekayasa Perangkat Lunak Berorientasi Objek dengan metodeUSDP”.Yogyakarta: Andi Offset</ref>,, “meta data adalah data yang menjelaskan tentang data lainnya”.</p></div>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Sumber Data</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
+Menurut Yakub(2012:6)<ref name="
+Yakub. 2012. Pengantar Sistem Informasi”,Yogyakarta:GrahaIlmu.
+">
+Yakub. 2012. Pengantar Sistem Informasi”,Yogyakarta:GrahaIlmu.
+</ref>, Sumber data dapat diperoleh dari berbagai sumber untuk memperolehnya.Sumber data diklasifikasikan sebagai sumber data internal, sumber data personal, dan sumber data eksternal.</p></div>
+<ol style="list-style-type:lower-alpha">
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2"> Data Internal</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> <p style="line-height: 2">
+Data internal sumbernya adalah orang,produk, layanan, dan proses.Data internal umumnya disimpan dalam basis dataperusahaan dan biasanya dapat diakses.</p></div>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Data Personal</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> <p style="line-height: 2">
+Sumber data personal bukan hanya berupafakta, tetapi dapat juga mencakup konsep, pemikiran dan opini.</p></div>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2"> Data Eksternal</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> <p style="line-height: 2">
+Sumber data ekternal dimulai daribasis data komersial hingga sensor dan satelit.Data ini tersedia di compactdisk, flashdisk atau media lainnya dalam bentuk film, suara gambar,atlas, dan televisi.</p></div>
+</ol>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Hirarki Data</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
+Menurut Yakub(2012:6)<ref name="
+Yakub. 2012. Pengantar Sistem Informasi”,Yogyakarta:GrahaIlmu.
+">
+Yakub. 2012. Pengantar Sistem Informasi”,Yogyakarta:GrahaIlmu.
+</ref>, Hirarki data dapat diorganisasikan menjadi beberapa level, antaralain sebagai berikut:</p></div>
+<ol style="list-style-type:lower-alpha">
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Elemen Data</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> <p style="line-height: 2">
+Elemen data adalah satuan dataterkecil yang tidak dapat dipecah lagi menjadi unit lain yang bermakna. Istilah lain dari elemen data dalam basis data relasional adalah field, kolom, item, dan atribut.</p></div>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2"> Record</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> <p style="line-height: 2">
+Record adalah gabungan sejumlah elemen data yang saling terkait. Istilah lain dari rekaman dalam basis data relasional adalah baris atau tupel.</p></div>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">File </p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> <p style="line-height: 2">
+File adalah kumpulan record sejenis yang mempunyai panjang atribut sama, namun berbeda isinya. Istilah lain dari file dalam basis data relasional adalah berkas, tabel, dan relasi.</p></div>
+</ol>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Pengertian Informasi</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Menurut Sutarman (2012:14)<ref name="Sutarman. 2012. “Buku Pengantar Teknologi Informasi”. Jakarta:Bumi Aksara">Sutarman. 2012. “Buku Pengantar Teknologi Informasi”. Jakarta:Bumi Aksara</ref>, “Informasi adalah sekumpulan fakta (data) yang diorganisasikan dengan cara tertentu sehingga mereka mempunyai arti bagi si penerima”.
+Menurut McLeod yang dikutip dari Yakub (2012:8)<ref name="
+Yakub. 2012. Pengantar Sistem Informasi”,Yogyakarta:GrahaIlmu.
+">
+Yakub. 2012. Pengantar Sistem Informasi”,Yogyakarta:GrahaIlmu.
+</ref>, “Informasi adalah data yang diolah menjadi bentuk yang lebih berguna bagi penerimanya”.
+Menurut Laudon(2012:6)<ref name="
+Laudon,Kenneth C dan Laudon, C, Jane. 2012. “SistemInformasi Manajemen”. Edisi Ke-10, Cetakan Ke-1. Jakarta : Salemba Empat
+">
+Laudon,Kenneth C dan Laudon, C, Jane. 2012. “SistemInformasi Manajemen”. Edisi Ke-10, Cetakan Ke-1. Jakarta : Salemba Empat
+</ref>“Informasi adalah data yang sudah dibentuk ke dalam sebuah formulir bentuk yang bermanfaat dan dapat digunakan untuk manusia”.
+Berdasarkan pendapat para ahli yang dikemukakan di atas dapat ditarik kesimpulan bahwa informasi adalah data yang sudah diolah menjadi sebuah bentuk yang berarti bagi pengguna, yang bermanfaat dalam pengambilan keputusan saatini atau mendukung sumber informasi.Hubungan antara datadan informasi digambarkan sebagai berikut
+</div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img src="https://lh5.googleusercontent.com/b3AvBW8pmghVg8IBfU5go6-xY6BosFzK31YIqIHhCw=w604-h172-p-no"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center">Sumber: AbdulKadir yang dikutip dariYakub(2012:36)</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Gambar 2.2. Hubungan antara data dan informasi</b></p></div>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Kualitas Informasi</p></li>
+<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:37)<ref name="Mustakini, Jogiyanto Hartono. Sistem Informasi Teknologi, Yogyakarta:Andi Offset.2009">Mustakini, Jogiyanto Hartono. Sistem Informasi Teknologi, Yogyakarta:Andi Offset.2009.</ref>,, Informasi mempunyai tiga kualitas informasi,antara lain:</p></div>
+<ol style="list-style-type:lower-alpha">
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">''Accurate''</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> <p style="line-height: 2">
+Informasiharus bebas dari kesalahan kesalahan dan tidak menyesatkan, dalam hal iniinformasi harus jelas mencerminkan maksudnya.</p></div>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">''Timeliness''</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> <p style="line-height: 2">
+Informasi yang datang pada penerima tidak boleh terlambat. Informasi yang sudah usang tidak akan memiliki nilai lagi karena informasi merupakan suatulandasan  dalam  mengambil  sebuah  keputusan  di  mana  bila  mengambil keputusan terlambat maka akan bersifat fatal untuk organisasi.</p></div>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">''Relevance''</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> <p style="line-height: 2">
+  Informasi harus mempunyai manfaat untuk pemakainya, dimana relevansi informasi untuk tiap-tiapindividu berbeda tergantung pada yang menerima dan yang membutuhkan.Nilai informasi di tentukan oleh dua hal yaitu manfaat dan biaya.Suatu  informasi dikatakan bernilai  apabila  manfaatnya lebih efektif  dibandingkan dengan biaya mendapatkanya.</p></div>
+</ol>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img src="https://lh5.googleusercontent.com/90tOYbECQUust6y9WqfcFYG7eMMDdMgyq-McUY7BiA=w227-h212-p-no"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center">Sumber:Mustakini</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center">(2009:37)</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Gambar 2.3.  KualitasInformasi</b></p></div>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Nilai Informasi</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p style="line-height: 2">
+MenurutSutarman (2012:14)<ref name="Sutarman. 2012. “Buku Pengantar Teknologi Informasi”. Jakarta:
+Bumi Aksara">Sutarman. 2012. “Buku Pengantar Teknologi Informasi”. Jakarta:
+Bumi Aksara</ref>, Nilai dari informasi ditentukan oleh lima hal yaitu:</p></div>
+<ol style="list-style-type:lower-alpha">
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">  Untuk memperoleh pemahaman dan manfaat.</p></li>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Untuk mendapatkan pengalaman.</p></li>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">    Pembelajaran yang terakumulasi sehingga dapat diaplikasikan dalam pemecahan masalah atau proses bisnis tertentu.</p></li>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">  Untuk mengekstrak implikasi kritis dan merefleksikan pengalaman masa lampau yang menyedikan pengetahuan yang terorganisasi dengannilai yang tinggi. Nilai ini bisa menghindari seorang menajer dari membuat kesalahanyang sama yang dilakukan oleh manajer lain sebelumnya.</p></li>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2"> Suatu informasi dikatakan bernilai bila manfaatnya lebih efektif dibandingkan dengan biaya mendapatkannya. Sebagian besar informasi tidak dapat ditaksir keuntungannya dengan suatu nilai uang, tetapi dapat ditaksir nilai efektifitasnya.</p></li>
+</ol></ol>
+===Konsep Dasar Sistem Informasi===
+<ol> <li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Definisi Sistem Informasi</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Menurut Sutarman (2012:13)<ref name="Sutarman. 2012. “Buku Pengantar Teknologi Informasi”. Jakarta:Bumi Aksara">Sutarman. 2012. “Buku Pengantar Teknologi Informasi”. Jakarta:Bumi Aksara</ref>,“Sistem informasi adalah ”Sistem dapat didefinisikan dengan mengumpulkan, memperoses,menyimpan, menganalisis,menyebarkan informasi untuk tujuan tertentu”. Seperti sistem lainnya, sebuah sistem informasi terdiri atas ''input'' (data, instruksi) dan ''output'' (laporan, kalkulasi).
+Menurut Mulyanto (2009:29)<ref name="Mulyanto,Agus. 2009. “SistemInformasi Konsep & Aplikasi”. Yogyakarta: Pustaka Pelajar">Mulyanto,Agus. 2009. “SistemInformasi Konsep & Aplikasi”. Yogyakarta: Pustaka Pelajar</ref>,, “Sistem informasi adalah suatu komponen yang terdiri dari manusia, teknologi informasi, dan prosedur kerja yang memproses, menyimpan, menganalisis, dan menyebarkan informasi untuk mencapai suatu tujuan”.
+Dari pendapat yang dikemukakan di atas dapat disimpulkan bahwa informasi adalah gabungan dari orang, ''hardware, software'', jaringan komunikasi, sumber daya data, dan kebijakan dan prosedur yang menyimpan, mengumpulkan (mendapatkan kembali), memproses, dan mendistribusikan informasi untuk mendukung pengambilan dan pengontrolan keputusan dalam suatu organisasi.
+</p></div>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Pengertian Sistem Informasi Berbasis Komputer</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">
+Menurut Yustianti (2012:14)<ref name="
+Yustianti.2012. “Buku PengantarTeknologi Informasi”. Jakarta:BumiAksara.
+">
+Yustianti.2012. “Buku PengantarTeknologi Informasi”. Jakarta:BumiAksara.
+</ref>, “Teknologi Informasi adalah komponen tertentu pada sebuah sistem. Namun, hanya sedikit teknologi informasi yang digunakan secara terpisah”.
+</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 Sutarman (2012:14)<ref name="Sutarman. 2012. “Buku Pengantar Teknologi Informasi”. Jakarta:Bumi Aksara">Sutarman. 2012. “Buku Pengantar Teknologi Informasi”. Jakarta:Bumi Aksara</ref>, “Sistem informasi berbasis komputer adalah sebuah sistem inforamasi yang menggunakan komputer dan teknologi telekomunikasi untuk melakukan tugas-tugas 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">
+Dari pendapat yang dikemukakan di atas dapat disimpulkan bahwa Teknologi Informasi dan Sistem Informasi Berbasis Komputer adalah komponen tertentu pada sebuah sistem secara yang menggunakan komputer dan teknologi telekomunikasi untuk melakukan tugas-tugas yang diinginkan.
+</p></div>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Komponen Sistem Informasi</p></li>
+<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:39)<ref name="Mustakini, Jogiyanto Hartono. Sistem Informasi Teknologi, Yogyakarta:Andi Offset.2009">Mustakini, Jogiyanto Hartono. Sistem Informasi Teknologi, Yogyakarta:Andi Offset.2009.</ref>,, Sistem informasi mempunyai enam buah komponen, yaitu komponen masukan (''input''), komponen model, komponen keluaran (''output''), komponen teknologi, komponen basis data dan komponen kontrol atau pengendalian.
+</p></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img src="https://lh4.googleusercontent.com/KrOhKbQMBjAjO6TjVk_yNDX7aheBbTQyQYBvL1BNiQ=w304-h212-p-no"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center">Sumber: Mustakini (2009:43)</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Gambar2.4 Komponen Sistem Informasi</b></p></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img src="https://lh3.googleusercontent.com/fCNRUGQu9qULJcPGwp-v22NS3UtlZ6e94ACAHc5aFg=w668-h212-p-no"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center">Sumber: Mustakini(2009:45)</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Gambar 2.5 Komponen Input</b></p></div>
+ <ol style="list-style-type:lower-alpha">
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Komponen Masukan (''input'')</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">
+Input merupakan data yang masuk kedalam sistem informasi. Komponen ini perlu ada karena merupakan bahan dasar dalam pengolahan informasi.</p></div>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Komponen Model</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">
+Informasi yang dihasilkan oleh sistem informasi berasal dari data yang diambil dari basis data yang diolah lewat suatu model- model tertentu.</p></div>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Komponen Keluaran (''output'')</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">
+Produk dari sistem informasi adalah Output berupa informasi yang berguna bagi para pemakainya. Output merupakan komponen yang harus ada di sistem informasi.</p></div>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Komponen Teknologi</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">
+Teknologi merupakan komponen sistem yang penting pada sistem informasi. Tanpa adanya teknologi yang mendukung, maka sistem informasi tidak akan dapat menghasilkan informasi tepat pada waktunya.</p></div>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Komponen Basis Data</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Basis data (''database'') merupakan kumpulan dari data yang saling berhubungan satu dengan yang lainnya, tersimpan diperangkat keras komputer, dan digunakan perangkat lunak untuk memanipulasinya. Data perlu disimpan didalam basis data untuk keperluan penyediaan informasi.</p></div>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Komponen Kontrol atau Pengendalian</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">
+Komponen kontrol merupakan komponen yang penting dan harus ada dalam sistem informasi.Komponen kontrol ini digunakan untuk menjamin bahwa informasi yang dihasilkan oleh sistem informasi merupakan informasi yang kuat.</p></div>
+</ol>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img src="https://lh5.googleusercontent.com/XfAuCgdRSoaP7u80T8Jj8hUX4TVnJEFMegoQUZel_Q=w295-h182-p-no"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center">Sumber: Mustakini (2009:53)</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Gambar 2.6 Komponen Kontrol </b></p></div>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Infrastruktur Informasi </p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Sutarman (2012:15)<ref name="Sutarman. 2012. “Buku Pengantar Teknologi Informasi”. Jakarta:Bumi Aksara">Sutarman. 2012. “Buku Pengantar Teknologi Informasi”. Jakarta:Bumi Aksara</ref>, infrastruktur informasi terdiri atas fasilitas-fasilitas fisik, layanan, dan manajemen yang mendukung semua sumber daya komputer dalam suatu organisasi.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Terdapat lima komponen utama dari infrastruktur, yaitu sebagai berikut:</p></div>
+<ol> <li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2"> ''Hardware'' (perangkat keras).</p></li>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">''Software'' (perangkat lunak).</p></li>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">''Network''(fasilitas jaringan dan kompunikasi).</p></li>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">''Database'' (basis data).</p></li>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Information management personnel(manajemen informasi personal).</p></li>
+</ol>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Arsitektur Informasi</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">
+Menurut Sutarman (2012:15)<ref name="Sutarman. 2012. “Buku Pengantar Teknologi Informasi”. Jakarta:Bumi Aksara">Sutarman. 2012. “Buku Pengantar Teknologi Informasi”. Jakarta:Bumi Aksara</ref>, Arsitektur Informasi adalah perencanaan kebutuhan informasi dalam organisasi dan bagaimana proses pemenuhan kebutuhan tersebut. Dalam mempersiapkan arsitektur informasi, perancangan (designer)membutuhkan informasi yang dapat dibagi atas dua bagian, yaitu:</p></div>
+<ol>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">  Kebutuhan bisnis akan informasi</p></li>
+<li  style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">  Infrastruktur informasi yang telah ada dan yang direncanakan. </p></li>
+</ol></ol>
+===Konsep Dasar Analisa SWOT (Strenghts Weakness Opportunities Threats)===
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Analisa SWOT
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Menurut Rangkuti (2011:64)<ref name="
+Rangkuti,Freddy. 2011. SWOT Balanced Scorecard: Teknik MenyusunStrategi Korporat yangEfektif plus Cara Mengelola Kinerja dan Risiko. Jakarta:PT Gramedia PustakaUtama
+">
+Rangkuti,Freddy. 2011. SWOT Balanced Scorecard: Teknik MenyusunStrategi Korporat yangEfektif plus Cara Mengelola Kinerja dan Risiko. Jakarta:PT Gramedia PustakaUtama
+</ref>, “SWOT adalah dengan menggabungkan berbagai indikator yang terdapat dalam kekuatan,kelemahan, peluang dan ancaman”.
+Menurut Risza (2010:174)<ref name="
+Risza,Suyatno. 2010. Masa Depan Perkebunan Kelapa SawitIndonesia : ManajemenPerkebunan, Manajemen Proyek Perkebunan, TeknologiIrigasi Perkebunan.Yogyakarta: Kanisius
+Saladin, Djaslim. 2005. “ManajemenPemasaran Analisis, Perencanaan,
+Pelaksanaan dan Pengendalian”.Bandung: Linda Karya
+">
+Risza,Suyatno. 2010. Masa Depan Perkebunan Kelapa SawitIndonesia : ManajemenPerkebunan, Manajemen Proyek Perkebunan, TeknologiIrigasi Perkebunan.Yogyakarta: Kanisius
+Saladin, Djaslim. 2005. “ManajemenPemasaran Analisis, Perencanaan,
+Pelaksanaan dan Pengendalian”.Bandung: Linda Karya
+</ref> ,“SWOT adalah suatu penelaahan yang dimulai dengan pemantauan perubahan lingkungan baik di dalam maupun di luar perusahaan sehingga kita dapat memahami gambaran yang tepattentang keadaan perusahaan yang sebenarnya”.
+Dari kedua definisi di atas, maka dapat disimpulkan SWOT adalah gabungan indikator yang dimulai dengan pemantauan perubahan lingkungan baik eksternal maupun internal sehingga dapat memahami keadaan perusahaan yangkondusif.
+</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Tipe-tipe Strategi SWOT
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Menurut Rangkuti (2011:64)<ref name="
+Rangkuti,Freddy. 2011. SWOT Balanced Scorecard: Teknik MenyusunStrategi Korporat yangEfektif plus Cara Mengelola Kinerja dan Risiko. Jakarta:PT Gramedia PustakaUtama
+">
+Rangkuti,Freddy. 2011. SWOT Balanced Scorecard: Teknik MenyusunStrategi Korporat yangEfektif plus Cara Mengelola Kinerja dan Risiko. Jakarta:PT Gramedia PustakaUtama
+</ref>, “''Matriks Threats –Opportunities – Weakness –Strenghts'' (TOWS) merupakan penggabungan berbagai indikator untuk membantu manajer mengembangkan yang terdapat empat tipe strategi: kekuatan, kelemahan,peluang, dan ancaman. Model penggabungannya menggunakan TOWS Matriks. Namun tidak semua rencana strategi yang disusun dari TOWS Matriks ini digunakan seluruhnya. Strategi yang di pilih adalah strategi yang dapat memecahkan isu strategi perusahaan”.
+</p></div>
+<ol style="list-style-type:lower-alpha">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+S-O ''strategies'' adalah strategiyang disusun dengan cara menggunakan semua kekuatan untuk merebut peluang.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+W-O ''strategies'' adalah strategiyang disusun dengan cara meminimalkan kelemahan untuk memanfaatkan peluang yang ada.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+S-T ''strategies'' adalah strategiyang disusun dengan cara menggunakan kekuatan untuk mengatasi ancaman.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+W-T ''strategies'' adalah strategi yang disusun dengan cara meminimalkankelemahan untuk menghindari ancaman.
+</ol>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img src="https://lh3.googleusercontent.com/vI8c2L_LRDHk5pGtpqrR0RjFJBdianAlW17Nn0DAWw=w309-h162-p-no"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center">Sumber: Rangkuti (2011:64)</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Gambar 2.7 Tipe Strategi SWOT </b></p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+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">
+Menurut Dewi (2011:61)<ref name="
+Dewi, Meta Amalia dan Henderi. 2011. Perencanaan Strategik SI/TI Pemerintah KotaTangerangDalam Mewujudkan E-Goverment. Tangerang: Jurnal CCIT. Vol.5,No.1-September 2011
+">
+Dewi, Meta Amalia dan Henderi. 2011. Perencanaan Strategik SI/TI Pemerintah KotaTangerangDalam Mewujudkan E-Goverment. Tangerang: Jurnal CCIT. Vol.5,No.1-September 2011
+</ref>,, “Analisis SWOT digunakan untuk mengidentifikasi kekuatan, kelemahan,peluang dan ancaman dari bisnis yang dilakukan oleh organisasi”.
+</p></div>
+</ol>
+===Konsep Dasar Implementasi===
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Definisi Implementasi
+<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:76)<ref name="Mustakini, Jogiyanto Hartono. Sistem Informasi Teknologi, Yogyakarta:Andi Offset.2009">Mustakini, Jogiyanto Hartono. Sistem Informasi Teknologi, Yogyakarta:Andi Offset.2009.</ref>,, “Implementasi adalah tahap melaksanakankeputusan dan melaporkan hasilnya”.
+Berdasarkan pendapat yangdikemukakan di atas dapat ditarik kesimpulan bahwa tahap implementasi padasuatu sistem merupakan tahapan yang sangat penting karena jika suatu sistemtidak melalui tahap implementasi maka suatu sistem tidak akan diketahui apakah sistem tersebut sudah berjalan secara efektif atau belum.
+</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">  Tahap-tahap Implementasi
+<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:15)<ref name="Mustakini, Jogiyanto Hartono. Sistem Informasi Teknologi, Yogyakarta:Andi Offset.2009">Mustakini, Jogiyanto Hartono. Sistem Informasi Teknologi, Yogyakarta:Andi Offset.2009.</ref>, dalam pengimplementasian sistemada beberapa tahapan yang harus dilalui, antara lain sebagai berikut:
+</p></div></ol>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tahap Perancangan
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Tahap pertama adalahperencanaan. Langkah ini merupakan suatu rangkaian kegiatan semenjak idepertama yang melatarbelakangi pelaksanaan proyek ini didapat, pendefinisianawal terhadap kebutuhan detil atau target yang harus dicapai dari proyektersebut, penyusunan proposal, penentuan metodologi dan sistem manajemen proyekyang digunakan, sampai dengan penunjukan tim dan instruksi untuk mengeksekusi(memulai) proyek yang bersangkutan. Biasanya ada dua pihak yang terlibatlangsung dalam proyek perencanaan ini.Pihak pertama adalah pihak yangmembutuhkan (demand side) eksistensidari suatu sistem informasi, dalam hal ini adalah perusahaan, lembaga,institusi, atau organisasi yang bersangkutan.Pihak kedua adalah pihak yangberusaha menjawab kebutuhan tersebut (supplyside) dalam bentuk pengembangan teknologi informasi. Kelompok ini biasanyamerupakan gabungan dari para personel yang terkait dengan latar belakang ilmudan pengetahuan yang beragam (multi disiplin), seperti ahli perangkat lunak,analis bisnis dan manajemen, spesialis perangkat keras, programmer, system analyst,praktisi hukum, manajer proyek, dan beberapa karakteristik SDM lain yangterkait. Dilihat dari segi manajemen proyek sistem informasi, output yang harus dihasilkan oleh tahapperencanaan adalah berupa jadwal detil dari kelima tahapan berikutnyamenyangkut masalah waktu, target deliverable,personal yang bertanggung jawab, aspek-aspek keuangan, dan hal-hal lain yangberkaitan dengan utilisasi sumber daya yang dipergunakan dalam proyek. Sebagaitambahan, standar-standar dan prosedur yang akan dipergunakan dalam melakukanpengelolaan proyek pun harus jelas dan disepakati bersama oleh seluruh anggotapersonel.
+</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tahap Analisa
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Tahap kedua disebutsebagai tahap analisa.Secara prinsip ada dua aspek yang menjadi fokus analisa,yaitu aspek bisnis atau manajemen, dan aspek teknologi.Analisa aspek bisnisdimulai dengan mempelajari karakteristik dari perusahaan yang bersangkutan,mulai dari aspek-aspek historis, struktur kepemilikan, visi, misi, critical success factors (kuncikeberhasilan usaha), performancemeasurements (ukuran kinerja), strategi, program-program, dan hal terkaitlainnya. Tujuan dilakukannya langkah ini adalah:
+</p></div>
+<ol style="list-style-type:lower-alpha">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Mengetahui posisi atau perananteknologi informasi yang paling sesuai dan relevan di perusahaan (mengingatbahwa setiap perusahaan memiliki pandangan tersendiri dan unik terhadap sumberdaya teknologi yang dimiliki, yang membedakannya dengan perusahaan lain), mempelajarifungsi-fungsi manajemen dan aspek-aspek bisnis terkait yang akan berpengaruh(memiliki dampak tertentu) terhadap proses desain, konstruksi, danimplementasi.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Analisa aspek teknologimeliputi kegiatan-kegiatan yang bersifat menginventarisir asset teknologiinformasi yang dimiliki perusahaan pada saat proyek dimulai dengan tujuan:
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">  Mempelajari infrastrukturteknologi informasi yang dimiliki perusahaan dan tingkat efektivitaspenggunaannya selama kurun waktu tersebut; dan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menganalisakemungkinan-kemungkinan diperlukannya penambahan sistem di kemudian hari (system upgrading) sehubungan akandiimplementasikannya teknologi baru.
+</ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Keluaran dari proses analisa dikedua aspek ini adalah berupa isu-isu (permasalahan) penting yang harus segeraditangani, analisa penyebabnya, dampaknya bagi bisnis perusahaan, beberapakemungkinan skenario pemecahan dengan segala resiko cost/benefit dan trade-off,serta pilihan solusi yang direkomendasikan. Sebelum memasuki fase desain,seluruh tim harus faham mengenai isu-isu ini dan memilki komitmen untukmelanjutkan proyek yang ada ke tahap berikutnya sesuai dengan skala prioritasyang telah ditentukan (setelah memilih skenario yang disetujui bersama).
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">    Tahap Desain
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Pada tahap desain, timteknologi informasi bekerja sama dengan tim bisnis atau manajemen melakukanperancangan komponen-komponen sistem terkait. Tim teknologi informasi akanmelakukan perancangan teknis dari teknologi informasi yang akan dibangun,seperti sistem basis data, jaringan komputer, metodeinterfacing, teknik konversi data,metode migrasi sistem, dan lain sebagainya. Model-model umum seperti Flowchart, ER Diagram, DFD, dan lainsebagainya dipergunakan sebagai notasi umum dalam perancangan sistem secarateknis. Sementara itu secara paralel dan bersama-sama tim bisnis atau manajemenakan melakukan perancangan terhadap komponen-komponen organisasi yang terkaitseperti prosedur (SOP=Standard Operation Procedures), strukturorganisasi, kebijakan-kebijakan, teknik pelatihan, pendekatan SDM, dan lainsebagainya. Tim ini pun biasanya akan mempergunakan model-model umum seperti Porter’s value chain, business process mapping, strategic distinction model, BCG matrix,dan lain-lain. Sudah jelas bahwa hasil dari tahap ini berupa blue print rancangan sistem secarateknis dan secara manajemen yang akan dijadikan pegangan dalam proseskonstruksi dan implementasi komponen-komponen pada sistem informasi yang akandikembangkan.
+</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">    Tahap Kontruksi
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Berdasarkan desain yangtelah dibuat, konstruksi atau development sistem yang sesungguhnya (secarafisik) dibangun.Tim teknis merupakan tulang punggung pelaksana tahap ini,mengingat bahwa semua hal yang bersifat konseptual harus diwujudkan dalam suatukonstruksi teknologi informasi dalam skala detail.Dari semua tahapan yang ada,tahap konstruksi inilah yang biasanya paling banyak melibatkan sumber dayaterbesar, terutama dalam hal SDM, biaya, dan waktu. Kontrol terhadap manajemenproyek di tahap konstruksi harus diperketat agar tidak terjadi ketidakefisienanmaupun ketidakefektifan dalam penggunaan beragam sumber daya yang ada (yangsecara tidak langsung akan berdampak langsung terhadap keberhasilan proyek sisteminformasi diselesaikan secara on-time).Akhir dari tahap konstruksi biasanya berupa uji coba sistem.Perbaikan-perbaikanbersifat minor biasanya harus dilakukan setelah adanya masukan-masukan setelahevaluasi diadakan.
+</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tahap Implementasi
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Tahap implementasimerupakan tahap yang paling kritis karena untuk pertama kalinya sisteminformasi akan dipergunakan di dalam perusahaan. Biasanya ada dua pendekatanyang dipergunakan oleh perusahaan: cut-offatau paralel. Pendekatan cut-off atau big-bang adalah suatu strategi implementasi sistem dimana dipilihsebuah hari sebagai patokan, dimana terhitung mulai hari tersebut, sistem barumulai dipergunakan dan sistem lama sama sekali ditinggalkan. Sementarapendekatan paralel dilakukan dengan cara melakukan pengenalan sistem barusementara sistem lama belum ditinggalkan, sehingga yang terjadi adalahberjalannya dua buah sistem secara paralal (kedua sistem biasa disebut sebagai testing environment dan productionenvironment). Pemilihan terhadap kedua strategi tersebut tentu sajatergantung kepada perusahaan masing-masing, melihat bahwa masing-masingstrategi implementasi memiliki sejumlah keuntungan dan kerugian yangberbeda.Lepas dari strategi yang dipilih, pemberian pelatihan atau trainingharus diberikan kepada semua pihak yang terlibat sebelum tahap implementasidimulai. Selain untuk mengurangi resiko kegagalan, pemberian pelatihan jugaberguna untuk menanamkan rasa memiliki (senseof ownership) terhadap sistem baru yang akan diterapkan, sehingga seluruhjajaran pengguna atau SDM akan dengan mudah menerima sistem tersebut danmemeliharanya di masa-masa mendatang dengan baik. Evaluasi secara berkala perludilakukan untuk menilai kinerja sistem baru yang diterapkan disamping untukmengetahui isu-isu permasalahan yang timbul.Tentu saja pemecahan masalah dalamtahap implementasi harus segera dicari agar sistem tersebut dapat efektifpenggunaannya.
+Proyek sistem informasibiasanya ditutup setelah tahap implementasi dilakukan.Namun ada satu tahapanlagi yang harus dijaga manajemennya, yaitu tahap pasca implementasi. Dari segiteknis, yang dimaksud dengan aktivitas-aktivitas pasca implementasi adalahbagaimana manajemen pemeliharaan sistem akan dikelola (maintenance, supports andservices management). Seperti halnya sumber daya yang lain, sisteminformasi akan mengalami perkembangan dikemudian hari. Hal-hal sepertimodifikasi sistem, interfacing kesistem lain, perubahan hak akses sistem, penanganan terhadap fasilitas padasistem yang rusak, merupakan beberapa contoh dari kasus-kasus yang biasa timbuldalam pemeliharaan sistem. Di sinilah perlunya dokumentasi yang baik dan transfer of knowledge dari pihak pembuatsistem ke SDM perusahaan untuk menjamin terkelolanya proses-proses pemeliharaansistem. Tidak jarang terjadi peristiwa dimana perusahaan atau personel pembuatsistem sudah tidak diketahui lagi lokasinya setelah bertahun-tahun (mungkinperusahaannya tutup, atau yang menangani sistem sudah pindah ke tempat kerjalain). Bisa dibayangkan bagaimana perusahaan pemakai sistem terpaksa membuangsistemnya (membuat sistem baru lagi) atau melakukan tambal sulam (yang secarateknis sangat berbahaya karena tingkat integritas data yang buruk) akibat tidakadanya dokumentasi teknis yang baik atau infrastruktur manajemen pemeliharaan yangefektif.
+</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tahap Pasca Implementasi
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Dari segi manajemen,tahap pasca implementasi berupa suatu aktivitas, dimana harus ada personel ataudivisi dalam perusahaan yang dapat melakukan perubahan atau modifikasi terhadapsistem informasi sejalan dengan perubahan kebutuhan bisnis yang teramat sangatdinamis. Dengan kata lain, bahwa dalam era kompetisi sekarang ini, perusahaanharus mampu berubah dengan sangat cepat. Sistem informasi atau teknologiinformasi yang secara teknis tidak dapat beradaptasi terhadap perubahankebutuhan bisnis perusahaan sudah selayaknya tidak akan mendapatkan tempat yangbaik. Apakah teknologi informasi di perusahaan-perusahaan dapat dengan mudahmengikuti perubahan kebutuhan bisnis secara cepat?Jika belum, sudah waktunyabagi pimpinan perusahaan berbicara dengan departemen atau divisi yangbertanggung jawab terhadap teknologi informasi di perusahaan anda.Dalamkenyataannya, sudah ada teknologi yang dapat menjawab kebutuhan ini, dan sudahterbukti efektif.Tidak ada tempat bagi perusahaan modern di tahun 2000 nantiyang masih menggunakan pendekatan sistem informasi dan teknologi informasisecara konservatif (yang bagi sebagian perusahaan besar di Indonesia masihmenganggap pendekatan konservatif tersebut sebagai pendekatan ter-modern).
+</p></div>
+</ol>
+==Teori Khusus==
+===Konsep Dasar Penjualan===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Definisi Penjualan </div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Menurut Hanafie (2010:210)<ref name="
+Hanafie, Rita.2010. Pengantar Ekonomi Pertanian. Yogyakarta: ANDI
+">
+Hanafie,Rita.2010. Pengantar Ekonomi Pertanian. Yogyakarta: ANDI
+</ref>, “penjualan merupakan bagian integral dari fungsi pertukaran.Bagi produsen, memutuskan kapan untuk menjual merupakan bahan pertimbangan pokok dalam pemasaran”.
+Menurut Prananingrum (2013:10-7)<ref name="Prananingrum,Lely,Anggie Sukma D.J, Budi Utami Fahnun, Dionysia Kowanda. 2013. "PerancanganSistem Penjualan Fashion Online Pada TokoMozalea Collection.Yogyakarta:Prosiding Seminar Nasional Teknologi Informasi dan Multimedia(Semnasteknomedia)2013". STMIK AMIKOM Yogyakarta 19 Januari 2013">Prananingrum,Lely,Anggie Sukma D.J, Budi Utami Fahnun, Dionysia Kowanda. 2013. "PerancanganSistem Penjualan Fashion Online Pada TokoMozalea Collection.Yogyakarta:Prosiding Seminar Nasional Teknologi Informasi dan Multimedia(Semnasteknomedia)2013". STMIK AMIKOM Yogyakarta 19 Januari 2013</ref>, “penjualan adalah proses pertukaran barang atau jasa yang bernilai sama atau seharga dengan barang atau jasa yang ditukarkan”.
+Dari kedua definisi diatas, maka dapat disimpulkan bahwa penjualan adalah proses pertukaran barang atau jasa yang merupakan bahan pertimbangan pokok dalam pemasaran.
+</div>
+===Konsep Dasar Kemasan===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Definisi kemasan</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Ada beberapa pendapat tentang pengertian kemasan, pertama; menurut Kotler (2009 : 200)<ref name="Kotler,Philip. 2009, “Manajemen Pemasaran EdisiMillenium”, Jilid 1, Jakarta: PT. Prenhalindo ">Kotler,Philip. 2009, “Manajemen Pemasaran EdisiMillenium”, Jilid 1, Jakarta: PT. Prenhalindo </ref>, pengemasan adalah kegiatan merancang dan memproduksi wadah atau bungkus sebagai sebuah produk.
+Swatha mengartikan (2009 : 139) pembungkusan (''packaging'')adalah kegiatan-kegiatan umum dan perencanaan barang yang melibatkan penentuan desain pembuatan bungkus atau kemasan suatu barang.
+Sedangkan menurut Saladin (2009 : 28) kemasan adalah wadah atau bungkus.
+Pengemasan merupakan sistem yang terkoordinasi untuk menyiapkan barang menjadi siap untuk ditransportasikan, didistribusikan,disimpan, dijual, dan dipakai. Adanya wadah atau pembungkus dapat membantu mencegah atau mengurangi kerusakan, melindungi produk yang ada di dalamnya, melindungi daribahaya pencemaran serta gangguan fisik (gesekan,benturan, getaran). Disamping itu pengemasan berfungsi untuk menempatkan suatu hasilpengolahan atau produk industri agar mempunyai bentuk-bentuk yangmemudahkan dalam penyimpanan, pengangkutan dan distribusi.
+</div>
+===Konsep Dasar ''Unified Modelling Language''(UML)===
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Definisi UML
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Menurut Widodo dan Herlawati (2011:6)<ref name="
+Widodo, Prabowo Pudjo. 2011 “Menggunakan UML”.Bandung: Informatika.
+">
+Widodo, Prabowo Pudjo. 2011 “Menggunakan UML”.Bandung: Informatika.
+</ref>, “UML singkatandari Unified Modeling Language yang berarti bahasa pemodelanstandar”.
+Menurut Simarmata (2010:80), “unified modeling language(UML) sebagai standar pemodelan visualnya yang bersifat use-case driven,arsitektursentris, iteratif, dan inkremental”.
+Menurut Nugroho(2010:6)<ref name="Nugroho, Adi. 2010. “Rekayasa Perangkat Lunak Berorientasi Objek dengan metodeUSDP”.Yogyakarta: Andi Offset">Nugroho, Adi. 2010. “Rekayasa Perangkat Lunak Berorientasi Objek dengan metodeUSDP”.Yogyakarta: Andi Offset</ref>,, “UML (UnifiedModeling Language) adalah ‘bahasa’pemodelan untuk sistem atau perangkatlunak yang berparadigma ‘berorientasiobjek’. Pemodelan (modeling) sesungguhnya digunakan untuk penyederhanaanpermasalahan-permasalahanyang kompleks sedemikian rupa sehingga lebih mudahdipelajari dan dipahami”.
+Menurut Padeli dkk dalam jurnal CCIT (2008)<ref name="Padeli dkk. Membangun (E-Procurement) Pengadaan Barang dan Jasa Dengan Prinsip Good Corporate Governance dengan Visual UML. Journal CCIT  Vol-2 No.1-September 2008.">Padeli dkk. Membangun (E-Procurement) Pengadaan Barang dan Jasa Dengan Prinsip Good Corporate Governance dengan Visual UML. Journal CCIT  Vol-2 No.1-September 2008.</ref> ,”UML (Unified Modeling Language) adalah salah satu alat bantu yang sangat handal dalam bidang pengembangan sistem yang berorientasi objek”. Hal ini disebabkan karena UML menyediakan bahasa pemodelan visual yang memungkinkan pengembang sistem untuk membuat cetak baru atas visi mereka dalam bentuk yang baku. Sebagai sebuah sketsa, UML berfungsi sebagai jembatan dalam mengkomunikasikan beberapa aspek dari sistem.
+Dari beberapa definisi di atas, makadapat disimpulkanUML adalah bahasapemodelan standar untuk sistem perangkat lunak yang bersifatuse-case driven, arsitektur sentris,interatif, dan inkremental untukpenyederhanaan permasalahan agar lebih mudahdipahami.
+</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Diagram-diagramUML
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Menurut Widodo dan Herlawati (2011:10)<ref name="
+Widodo, Prabowo Pudjo. 2011 “Menggunakan UML”.Bandung: Informatika.
+">
+Widodo, Prabowo Pudjo. 2011 “Menggunakan UML”.Bandung: Informatika.
+</ref>,beberapaliterature menyebutkan bahwaUML menyediakan Sembilan jenis diagram, yang lainmenyebutkan delapan karenaada beberapa diagram yang digabung, misalnya diagramkomunikasi, diagram urutandan diagram pewaktuan digabung menjadi diagraminteraksi. Namun demikianmodel-model itu dapat dikelompokkan berdasarkansifatnya yaitu statis ataudinamis. Jenis diagram itu antara lain:
+</div>
+<ol style="list-style-type:lower-alpha">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Diagram Kelas. Bersifat statis.Diagram ini memperlihatkan himpunan kelas-kelas,antarmuka-antarmuka, kolaborasi-kolaborasi,serta relasi-relasi. Diagram iniumum dijumpai pada pemodelan sistemberorientasi objek.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Diagram Paket (Package Diagram).Bersifatstatis. Diagram ini memperlihatkan kumpulan kelas-kelas aktif.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">DiagramUse-Case. Bersifatstatis. Diagramini memperlihatkan himpunan use-case danaktor-aktor (suatu jeniskhusus dari kelas). Diagram ini terutama sangatpenting untuk mengorganisasi danmemodelkan prilaku suatu sistem yangdibutuhkan serta diharapkan pengguna.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Diagram interaksi dan Sequence(urutan).Bersifat dinamis. Diagram urutan adalah diagram interaksi yangmenekankan padapengiriman pesan dalam suatu waktu tertentu.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">DiagramKomunikasi(Communication Diagram).Bersifat dinamis. Diagram sebagai pengganti diagramkolaborasi UML 1.4 yangmenekankan organisasi struktural dari objek-objek yangmenerima serta mengirimpesan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> DiagramStatechart (StatechartDiagram). Bersifat dinamis. Diagram statusmemperlihatkan keadaan-keadaan padasistem, memuat status (state), transisi, kejadian serta aktifitas. Diagram initerutamapenting untuk memperlihatkan sifat dinamis dari antarmuka (Interface),kelas, kolaborasi dan terutama penting pada pemodelansistem-sistem yangreaktif.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">  DiagramAktivitas (ActivityDiagram).Bersifat dinamis. Diagram aktivitas adalah tipe khusus dari diagramstatus yangmemperlihatkan aliran dari suatu aktivitas ke aktivitas lainnyadalam suatusistem. Diagram ini terutama penting dalam pemodelan fungsi-fungsisuatu sistemdan member tekanan pada aliran kendali antar objek.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">    DiagramKomponen (Component Diagram).Bersifatstatis. Diagram komponen ini memperlihatkan organisasi sertakebergantungansistem/perangkat lunak pada komponen-komponen yang telah adasebelumnya. Diagramini berhubungan dengan diagram kelas dimana komponen secaratipikal dipetakankedalam satu atau lebih kelas-kelas, antarmuka-antarmukasertakolaborasi-kolaborasi.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">  Diagram Deployment (DeploymentDiagram). Bersifat statis. Diagram ini memperlihatkankonfigurasi saat aplikasidijalankan (run-time).Memuat simpul-simpul beserta komponen-komponen yang adadidalamnya. Diagram deployment berhubungan erat dengandiagram komponen dimanadiagram ini memuat satu atau lebih komponen-komponen.Diagram ini sangat bergunasaat aplikasi kita berlaku sebagai aplikasi yang dijalankan pada banyak mesin(distributed computing).
+</ol></ol>
+===Adobe Dreamweaver===
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Definisi Adobe Dreamweaver
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Menurut Sibero, (2011:384)<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>, ''Dreamweaver''merupakan sebuah produk ''web developer'' yang dikembangkan oleh ''Adobe Systems Inc''., sebelumnya produk ''Dreamweaver'' dikembangkan oleh ''Macromedia Inc'', yang kemudian sampai saat ini perkembangannya diteruskan oleh ''Adobe Systems Inc'', ''Dreamweaver'' dikembangkan dan dirilis dengan kode nama ''Creative Suit (CS)''.
+Menurut Milician (2012:5)<ref name="
+Milician.2012. “Dreamweaver CS3 Basic”. USA: University Florida
+">
+Milician.2012. ''“Dreamweaver CS3 Basic”''. USA: University Florida
+</ref>,, ''Dreamweaver CS3 is a powerful Hyper TextMarkup Language (HTML) editor used by professionals, as well as beginners.''(Dreamweaver CS3 adalah ''Hyper Text Markup Language'' (HTML) editor yang digunakan oleh profesional, serta pemula).
+Menurut Wahana Komputer (2010:2)<ref name="Sutarman. 2012. “Wahana Komputer. 2010. “Membuat Aplikasi
+Client Server dengan Visual Basic 2008”. Yogyakarta: Andi Offset">Wahana Komputer. 2010. “Membuat Aplikasi
+Client Server dengan Visual Basic 2008”. Yogyakarta: Andi Offset</ref>, ”Adobe Dreamweaver merupakan salah satu program aplikasi yang digunakan untuk membangun sebuah website, baik secara grafis maupun dengan menuliskan kode sumber secara langsung”.
+Dikutip dari Jurnal CCIT, menurut Untung Rahardja dkk (2009)<ref name="Raharja Untung dkk. Desain Sistem Pembelajaran Pada Jurusan Sistem Komputer Konsentrasi CCIT, Jurnal CCIT Vol.1 No.3-Mei 2009.">Raharja Untung dkk. Desain Sistem Pembelajaran Pada Jurusan Sistem Komputer Konsentrasi CCIT, Jurnal CCIT Vol.1 No.3-Mei 2009.</ref>,"Macromedia Dreamwaver yaitu sebuah program web editor yang dapat digunakan untuk membuat dan mendesain web”. Dreamwaver mempunyai kehandalan dalam membuat dan desain web tanpa harus menuliskan tag-tag HTML satu persatu, Dreamwaver juga memiliki kemampuan untuk mendukung pemrograman Server Side dan Client Sidei".
+Berdasarkan definisi-definisi diatas, maka dapat disimpulkan dreamweaver adalah suatu aplikasi yang digunakan dalam membangun atau membuat sebuah web.
+Saat ini terdapat software dari kelompok Adobe yang belakangan banyak digunakan untuk mendesain suatu web.Versi terbaru dari Adobe Dreamwever CS3 memiliki beberapa kemampuan bukan hanya sebagai software untuk desain web saja, tetapi juga menyunting kode serta pembuatan aplikasi web. Antara lain: JSP, PHP, ASP, XML, dan ColdFusion.
+</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">.
+Ruang Kerja Adobe Dreamweaver
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Ruang Kerja atau ''Workspace'' adalah bagian keseluruhan tampilan ''Adobe Dreamweaver''.Ruang kerja ''Dreamweaver'' terdiri dari ''Welcome Screen, Menu, Insert Bar, Document Window, CSS Panel, Aplication Panel, Tag Inspector, Property Inspector, Result Panel, dan Files Panel''.Masing-masing dari komponen tersebut memiliki fungsi dan aturan. Berikut dibawah ini penjelasannya:
+</div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img width=500 src="https://lh4.googleusercontent.com/-Y8cITG1exO0/U_iHNSyxfgI/AAAAAAAAALI/C-571q7BEgk/w478-h399-no/gambar%2B2.8.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center">
+Sumber : Sibero (2012:384)</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>
+Gambar 2.8 Ruang Kerja Adobe Dreamweaver CS3</b></p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">
+Keterangan Gambar 2.8:
+</div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+''Document Window'' berfungsi menampilkan dokumen yang sedang dikerjakan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+''Insert Bar'' mengandung tombol-tombol untuk menyisipkan berbagai macam
+objek  seperti image, ''table'' dan ''layer'' kedalam dokumen.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+''Document Toolbar'' berisikan tombol-tombol dan menu ''pop-up'' yang menyediakan tampilan berbeda dari ''Document Window''.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Panel Groups'' adalah kumpulan panel yang saling berkaitan satu sama lainnya yangdikelompokkan dibawah satu judul.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Tag Selector'' berfungsi menampilkan hirarki tag disekitar pilihan yang aktif padaDesign View.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+''Property Inspector'' digunakan untuk melihat dan mengubah berbagai properti objek atauteks.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+''Files Panel'' digunakan untuk mengatur file-filedan folder-folder yang membentuk situs.
+</ol></ol>
+===''Database''===
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Definisi ''Database''
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+MenurutKustiyaningsih (2011:146)<ref name="
+Kustiyahningsih, Yeni.2011. “Pemrograman Basis Data BerbasisWeb Menggunakan PHP & MySQL”. Jakarta: GrahaIlmu.
+">
+Kustiyahningsih, Yeni.2011. “Pemrograman Basis Data BerbasisWeb Menggunakan PHP & MySQL”. Jakarta: GrahaIlmu.
+</ref>, “''Database'' adalah Strukturpenyimpanan data. Untuk menambah, mengakses dan memperoses data yang disimpandalam sebuah database komputer, diperlukan sistem manajemen ''database'' seperti MYSQL ''Server''”.
+Menurut Anhar (2010:45), “''Database ''adalah sekumpulan tabel-tabelyang berisi data dan merupakan kumpulan dari ''field'' atau kolom.
+Strukturfile yang menyusun sebuah database adalah Data ''Record'' dan ''Field''”.
+Menurut Martono (2009:32)<ref name="
+Martono Aris,Padeli, Fitria Dina Murad. (2009). “PengembanganSistem  Database Penempatan Tenaga Kerja BerbasisWeb” 2(3), 307.Jurnal CCIT.  Tangerang.
+">
+Martono Aris,Padeli, Fitria Dina Murad. (2009). “PengembanganSistem  Database Penempatan Tenaga Kerja BerbasisWeb” 2(3), 307.Jurnal CCIT.  Tangerang.
+</ref>, “''Database'' adalahsebagai kumpulan data dari penempatan tenaga kerja yang saling terkait danmempengaruhi sesuai dengan tingkat kepentingannya sehingga data tersebutterintegrasi dan ''independence''”.
+Menurut Oktavian (2009:40)<ref name="
+Oktavian, Diar Puji. 2010. “MenjadiProgrammer Jempolan Menggunakan PHP”. Yogyakarta: Mediakom..
+>
+Oktavian, Diar Puji. 2010. “MenjadiProgrammer Jempolan Menggunakan PHP”. Yogyakarta: Mediakom..
+</ref>,“Database adalah sekumpulan data dan prosedur yang memilikistruktur sedemikian rupa sehingga mudah dalam menyimpan, mengatur danmenampilkan data”.
+Sedangkan menurut Untung Raharja dkk dalam jurnalCCIT (2011:238) ”Database adalah kumpulan fakta-fakta sebagai respresentasidari dunia nyata yang saling berhubungan dan mempunyai arti tertentu.
+Berdasarkan beberapa pendapat para ahli yangdikemukakan di atas dapat ditarik kesimpulan bahwa database adalah sekelompokdata yang mempunyai ciri-ciri khusus dan dapat dikelola sedemikian rupa sehinggabisa menghasilkan sebuah format data yang baru.
+</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Jenis Database yang digunakan
+<ol style="list-style-type:lower-alpha">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+MenurutKadir (2009:4)<ref name="
+Kadir,Abdul. 2009. “Dasar perancangan & Implementasi”, Yogyakarta: AndiOffset.
+">
+Kadir,Abdul. 2009. “Dasar perancangan & Implementasi”, Yogyakarta: AndiOffset.
+</ref>, Beberapa aplikasi yang terdapat di dalam Xampp, antara lain:
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Xampp
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+MenurutPuspitasari(2011:1)<ref name="
+Puspitasari A, Heni.2011. “Pemrograman Web Database denganPHP &MySQL”. Jakarta: Skripta.
+">
+Puspitasari A, Heni.2011. “Pemrograman Web Database denganPHP &MySQL”. Jakarta: Skripta.
+</ref>,“ xampp adalah sebuah softwarewebserverapache yang didalamnya sudah tersedia database server mysql dan support php programming. xamppmerupakan software yang mudahdigunakan gratis dan mendukung instalasi di linuxdan windows. Keuntungan lainya adalahcuma menginstal 1 kali sudah tersedia apacheweb server, mysql database server, php support (php4 dan php5) dan beberapamodul lainya hanya bedanya kalau versi windowsselalu dalam bentuk instalasi grafis dan yang linux dalam bentuk file terkompresi tar.gz.kelebihan lain yangberbeda dari versi untuk windowsadalah memeliki fitur untuk mengaktifkan sebuah server secara grafis, sedangkanlinux masih berupa perintah-perintah didalam console. oleh karena itu versi untuk linux sulit untuk dioperasikan.”.
+</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ MySQL
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Menurut Raharjo(2011:21)<ref name="
+Raharjo,Budi. 2011. “Belajar Otodidak Membuat Database MenggunakanMySQL”.Bandung: Informatika.
+>
+Raharjo,Budi. 2011. “Belajar Otodidak Membuat Database MenggunakanMySQL”.Bandung: Informatika.
+</ref>, “MySQL merupakan RDBMS (atau serverdatabase) yang mengelola database dengan cepat menampung dalam jumlahsangat besar dan dapat di akses oleh banyak user”.
+Menurut Kadir (2009:2)<ref name="
+Kadir,Abdul. 2009. “Dasar perancangan & Implementasi”, Yogyakarta: AndiOffset.
+">
+Kadir,Abdul. 2009. “Dasar perancangan & Implementasi”, Yogyakarta: AndiOffset.
+</ref>, “MySQL adalah sebuahsoftware open source yang digunakanuntuk membuat sebuah database.”
+Berdasarkan pendapatyang dikemukakan di atas dapat ditarik kesimpulan bahwa MySQL adalah suatu softwareatau program yang digunakan untuk membuat sebuah database yang bersifat open source.
+Berikut ini adalahbeberapa kekurangan dan kelebihan dari MySQL:
+</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center">
+<b>Tabel 2.1 </b></p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"> Kekurangan dan Kelebihan MySQL </p> </div>
+:{| class="wikitable" : width="787" : align="center"
+|-
+! No !! Kekurangan !! Kelebihan
+|-
+| 1 || Mampu menangani jutaan ''user'' dalam kurun waktu yang bersamaan || Fitur-fitur yang dimiliki oleh MySQL sangatbanyak dibutuhkan dalam aplikasi ''web'',contoh : klausa LIMIT yang berfungsi untuk pengaturan halaman
+|-
+| 2 ||Mampu menampung lebih dari 50.000''record''  ||MySQL memiliki ''overhead'' koneksi rendah. Karakteristik
+inilah yang menjadikan MySQL cocok bekerja dengan aplikasi CGI, dimana disetiap''request script'' akan melakukankoneksi, mengirimkan satu atau lebih perintah SQL, lalu memutuskan koneksilagi.
+|-
+| 3|| Sangat cepat mengeksekusi perintah. ||
+|-
+| 4 ||Memiliki ''userprivilege system'' yang mudah dan efisien. ||
+|-
+| 5 ||MySQL tersedia diberbagai ''platform'', baik itu ''Linux''ataupun ''Windows'' serta dalam beberapavarian ''Unix''.||
+|-
+| 6 ||Fitur-fitur yang dimiliki oleh MySQL sangatbanyak dibutuhkan dalam aplikasi ''web'', contoh : klausa LIMIT yang berfungsiuntuk pengaturan halaman.  ||
+|-
+| 7 ||MySQL memiliki overhead koneksi rendah. Karakteristikinilah yang menjadikan MySQL cocok bekerja dengan aplikasi CGI, dimana disetiaprequest script akan melakukankoneksi, mengirimkan satu atau lebih perintah SQL, lalu memutuskan koneksi lagi  ||
+|-
+|}
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+PerintahDasar Database MySQL
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+MenurutRaharjo (2011:22)<ref name="
+Raharjo,Budi. 2011. “Belajar Otodidak Membuat Database MenggunakanMySQL”.Bandung: Informatika.
+">
+Raharjo,Budi. 2011. “Belajar Otodidak Membuat Database MenggunakanMySQL”.Bandung: Informatika.
+</ref>, DalammenjalanMySQLdiperlukanberbagaiperintah untuk membuat suatu ''database'',berikut ini disebutkan beberapa perintah dasar dalam menggunakan MySQL. Untukmenjalankan MySQL pertama kali cukup dengan mengetikkan mysql pada ''Command Prompt''. Perintah-perintahnyaadalahsebagaiberikut:
+</div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Menampilkan database : SHOWDATABASE;
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Membuat database baru : CREATEDATABASE database;
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Memilih database yang akandigunakan : USE database;
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Menampilkan tabel : SHOW TABLE;
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Membuat tabel baru: CREATETABLE (field spesifikasi_field,...);
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Menampilkan  struktur tabel:  SHOW  COLUMNS FROM  tabel atau DESCRIBE tabel;
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Mengubah struktur tabel: ALTERTABLE tabel Jenis_Pengubahan;
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Mengisikan data: INSERT INTOtable(kolom1, ) VALUES („data_kolom1,); atau INSERT INTO table SET kolom1 =„data_kolom1, ;
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Menampilkan data: SELECT kolomFROM tabel WHERE kriteria ORDER BY kolom atau SELECT * FROM tabel;
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Mengubah  data: UPDATE tabel SET  kolom  = pengubahan_data  WHERE kriteria;
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ Menampilkan data dengankriteria tertentu: SELECT kolom1,... FROM table WHERE kriteria;
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ Menghapus data: DELETE FROMtabel WHERE kriteria;
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Menghapus tabel: DROP tabel;
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Menghapus database: DROPdatabase;
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Keluar dari MySQL: QUIT; atauEXIT;
+</ol>
+</ol>
+</ol>
+</ol>
+===MySQL===
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Definisi MySQL
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+MenurutKustiyahningsih (2011:145)<ref name="Kustiyahningsih, Yeni. 2011. “Pemrograman Basis Data Berbasis Web
+Menggunakan PHP & MySQL”. Jakarta: GrahaIlmu">Kustiyahningsih, Yeni. 2011. “Pemrograman Basis Data Berbasis Web
+Menggunakan PHP & MySQL”. Jakarta: GrahaIlmu</ref>, “MySQL adalah sebuah basis datayang mengandung satu atau jumlah table”.
+Tabel terdiri atas sejumlah baris dan setiap baris menggandungsatu atau sejumlah tabel.Tabel terdiri atas sejumlah baris dan setiap barismengandung satu atau sejumlah tabel.
+MenurutWahana Komputer (2010:21)<ref name="Sutarman. 2012. “Wahana Komputer. 2010. “Membuat Aplikasi
+Client Server dengan Visual Basic 2008”. Yogyakarta: Andi Offset">Wahana Komputer. 2010. “Membuat Aplikasi
+Client Server dengan Visual Basic 2008”. Yogyakarta: Andi Offset</ref>, MySQL adalah databaseserver open source yang cukup popular keberadaanya”.
+Denganberbagai keunggulan yang dimiliki, membuat softwaredatabase ini banyak digunakan oleh praktisi untuk membangun suatuproject.Adanya fasilitas API (ApplicationProgramming Interface) yang dimiliki oleh Mysql, memungkinkanbermacam-macam aplikasikomputer yang ditulis dengan berbagai bahasa pemogramandapat mengakses basis data MySQL.
+MYSQL termasuk jenis RDBMS (Relational Database Management System). Sedangkan RDMS sendiri akanlebih banyak mengenal istilah seperti table, baris dan kolomdigunakan dalamperintah-perintah di MYSQL.
+</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">    Tipe Data MySQL
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+MenurutKustiyahningsih(2011:147)<ref name="Kustiyahningsih, Yeni. 2011. “Pemrograman Basis Data Berbasis WebMenggunakan PHP & MySQL”. Jakarta: GrahaIlmu">Kustiyahningsih, Yeni. 2011. “Pemrograman Basis Data Berbasis WebMenggunakan PHP & MySQL”. Jakarta: GrahaIlmu</ref>, “Tipe data Mysql adalah data yang terdapat dalam sebuah tableberupa field-field yang berisi nilaidari data tersebut. Nilai data dalam fieldmemiliki tipe sendiri-sendiri”.
+MYSQL mengenal beberapatipe data field yaitu:
+</div>
+<ol style="list-style-type:lower-alpha">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tipe data numerik
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Tipe numerikdibedakan dalam dua macam kelompok, yaitu integerdan floatingpoint.Integer digunakanuntuk data bilanganbulat sedangkan floatingpoint digunakan untuk bilangan desimal.Tipe data numerik selengkapnya dapatdilihat pada tabel2.2.
+</div>
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Tabel 2.2. Tipe data numerik</b></p></div>
+:{| class="wikitable" : align="center"
+|-
+! Tipe Data!! Kisaran Nilai
+|-
+| TINYINT || (-128)-127 atau (0-255)
+|-
+|SMALLINT  ||(-32768)-32767 atau (0-65535)
+|-
+| MEDUIMINT ||(-3888608)-8388607atau 0-16777215
+|-
+| INT, INTEGER ||(-2147683648)-(21447683647)atau 0-4294967295
+|-
+| FLOAT ||(-3,4  E+38)-(-1.17E-38), 0 dan 1.175E-38-3.4e+38
+|-
+|DOUBLE  || (-1.79E+308)-(-2.225E-308),0 dan 2.225E-308-1.79E+308
+|-
+|}
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center">Sumber: Kustiyahningsih (2011:147)</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Tipe data string
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+String adalah rangkaian karakter.Tipe-tipe data yang termasuk dalam tipe data string dapat dilihat pada tabel 2.3.berikut:
+</div>
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Tabel 2.3. Tipe data string</b></p></div>
+:{| class="wikitable" : align="center"
+|-
+! Tipe Data!! Kisaran Nilai
+|-
+| CHAR || 1-255 karakter
+|-
+|VARCHAR  ||1-255 karakter
+|-
+| TINYTEXT || 1-255 karakter
+|-
+| TEXT || 1-65535 karakter
+|-
+| MEDIUMTEXT ||1-16777215 karakter
+|-
+|LONGTEXT  || 1- 424967295 karakter
+|-
+|}
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center">Sumber: Kustiyahningsih (2011:148)</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Tipe data char() dan varchar()
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Tipe data char() dan varchar() pada prinsipnya sama, perbedaannya hanya terletak padajumlah memori yang dibutuhkan untuk penyimpanannya. Memori yang dibutuhkanuntuk tipe data char() bersifatstatis, besarnya tergantung pada berapa jumlah karakter yang ditetapkan padasaat fieldtersebut dideklarasikan.Pada tipe data varchar() besarnyamemori penyimpanan tergantung pada jumlah karakter tambah 1 byte, dapat dilihat pada tabel 2.4.
+</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Tabel 2.4. Letak perbedaan jumlah memori</b></p></div>
+:{| class="wikitable" : align="center"
+|-
+! Nilai !! Char(4) !! Memori penyimpanan !! Varchar (4) !! Memori Penyimpanan
+|-
+| “ || “ || 4 bytes || “ || 1byte
+|-
+| ‘ab’|| ‘ab’|| 4 bytes|| ‘ab’ || 3 bytes
+|-
+| ‘abcd’|| ‘abcd’ || 4 bytes || ‘abcd’ || 5 bytes
+|-
+| ‘abcdefgh’ || ‘abcd’ || 4 bytes|| ‘abcd’ || 5 bytes
+|-
+|}
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center">Sumber: Kustiyahningsih(2011:148)</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Tipe data tanggal
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Untuk tanggal dan jam,tersedia tipe-tipe data field berupa DATETIME, DATE, TIMESTAMP, TIME, dan YEAR.Masing-masing tipe mempunyaikisaran nilai tertentu. MYSQL akan memberikan peringatan kesalahan (error) apabila tanggal atau waktu yangdimasukkan salah. Kisaran nilai besar memori penyimpanan yang diperlukan untukmasing-masing tipe dapat dilihat pada tabel 2.5.
+</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Tabel 2.5. Tipe data tunggal</b></p></div>
+:{| class="wikitable" : align="center"
+|-
+! Tipe Data !! Kisaran Nilai  !! Memori penyimpanan
+|-
+| DATETIME || 1000-01-01 00:00 sampai 9999-12-31 23:59:59 || 3 byte
+|-
+|DATE  ||1000-01-01 sampai 9999-12-31 || 8 byte
+|-
+| TIMESTAMP ||1970-01-01 00:00:00 sampai  2037 || 4 byte
+|-
+| TIME||-839:59:59 sampai 838:59:59 || 3 byte
+|-
+| YEAR ||1901 sampai 2155 || 1 byte
+|-
+|}
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center">Sumber: Kustiyahningsih(2011:149)</p></div>
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Operator MYSQL
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Menurut Kustiyahningsih(2011:149),MYSQL mendukung penggunaan operator-operator dan fungsi-fungsi diantaranya:
+</div>
+<ol style="list-style-type:lower-alpha">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Operator Aritmetika
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Suatu ekspresi yangmelibatkan tipe data bilangan (NUMERIK) dan tanggal (DATE) menggunakan ekspresiaritmatika.Dapat dilihat pada tabel 2.6.
+</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Tabel 2.6. Operator artmatika MYSQL</b></p></div>
+:{| class="wikitable" : align="center"
+|-
+! Operator !! Keterangan
+|-
+| + || Tambah
+|-
+|-  ||Kurang
+|-
+| * ||Kali
+|-
+| / ||Bagi
+|-
+| Mod () ||Modulus
+|-
+|-
+|}
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center">Sumber: Kustiyahningsih(2011:149)</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Operator Pembandingan
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Suatu ekspresi yangdapat digunakan pada klausa WHERE danmempunyai sintaks sebagai berikut: WHEREexproperator value. Tabel 2.9.menunjukkan operator pembadingan pada MYSQL.
+</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b> Tabel2.7 Operator Pembanding MYSQL</b></p></div>
+:{| class="wikitable" : align="center"
+|-
+! Operator!! Keterangan
+|-
+| = || Sama Dengan
+|-
+|>  ||Lebih Besar
+|-
+| < || Lebih Kecil
+|-
+| > = || Lebih Besar atau Sama
+dengan
+|-
+| < = ||Lebih Kecil atau Sama
+dengan
+|-
+|<>  || Tidak Sama Dengan
+|-
+|}
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center">Sumber: Kustiyahningsih(2011:150)</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Operator Logika
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Operator inidigunakan untuk membandingkan dua nilai variableyang bertipe Boolean.Tabel 2.10.menunjukkanoperator logika pada MYSQL
+</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Tabel2.8. Operator Logika MYSQL</b></p></div>
+:{| class="wikitable" : align="center"
+|-
+! Operator!! Keterangan
+|-
+| AND || Dan
+|-
+|OR ||Atau
+|-
+| NOT || Tidak
+|-
+|}
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center">Sumber: Kustiyahningsih(2011:150)</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Operator Karakter
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Operator untukmembentuk pencarian string yangsesuai dengan nilai yang mencantumkan pada kondisi.Kondisi pencarian dapatberisi karakter, ada 3 symbol khususberikut ini yang dapat dilihat pada tabel 2.9.
+</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Tabel2.9  Tabel operator karakter</b></p></div>
+:{| class="wikitable" : align="center"
+|-
+! Operator!! Keterangan
+|-
+| % || Sambarang Karakter berapapun jumlahnya
+|-
+|- ||Sembarang satu karakter
+|-
+|  || Sembarang karakter yang terletak dalam kurung siku
+|-
+|}
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center">Sumber: Kustiyahningsih(2011:151)</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Operator Lain-lain
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Operator yangdigunakan untuk menguji nilai-nilai yang ada dalam list (tanda kurung) dan dapat juga untuk menampilkan barisberdasarkan suatu jangkauan (range) nilai.Ada 2 simbol dapat dilihat tabel 2.12.
+</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Tabel2.10. Opearator lian-lain</b></p></div>
+:{| class="wikitable" : align="center"
+|-
+! Operator!! Keterangan
+|-
+| IN|| Dalam
+|-
+|BETWEEN||Diantara karakter
+|-
+|}
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center">Sumber: Kustiyahningsih(2011:152)</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Fungsi Agregat
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Fungsi agregat(kadangkala disebut fungsi grup atau fungsi ringkasan) adalah fungsi yangdisediakan oleh SQL untuk menghasilkan sebuah nilai berdasarkan sejumlahdata.Fungsi sendiri adalah sesuatu kumpulan intruksi yang menghasilkan sebuahnilai jika dipanggil.Fungsi ini juga digunakan pada data numerik untukmenghitung nilai baik rata-rata dan jumlah dari sekumpulan data maupunpencarian jumlah baris dalam tabel.Untuk lebih jelasnya data dilihat dalamtabel 2.13.
+</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Tabel2.11 Fungsi agregat</b></p></div>
+:{| class="wikitable" : align="center"
+|-
+! Operator!! Keterangan
+|-
+| COUNT || Menghitung jumlah berisi suatu field
+|-
+|SUM ||Menjumlahkan data-data numerik pada suatu table
+|-
+|  AVG|| Menghitung rata-rata suatu field
+|-
+|  MAX|| Menghitung nilai maksimum suatu field
+|-
+|  MIN|| Menghitung nilai minimum suatu field
+|-
+|}
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center">Sumber: Kustiyahningsih (2011:152)</p></div>
+</ol></ol>
+===PHP===
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Definisi PHP
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+MenurutOktavian (2010:31)<ref name="
+Oktavian, Diar Puji. 2010. “MenjadiProgrammer Jempolan Menggunakan PHP”. Yogyakarta: Mediakom..
+>
+Oktavian, Diar Puji. 2010. “MenjadiProgrammer Jempolan Menggunakan PHP”. Yogyakarta: Mediakom..
+</ref>, “PHP adalah akronimdari Hypertext Preprocessor, yaitusuatu bahasa pemrograman berbasiskan kode-kode (script) yang digunakan untuk mengolah suatu data dan mengirimkannyakembali ke web browser menjadi kodeHTML”.
+MenurutKustiyaningsih (2011:114)<ref name="
+Kustiyahningsih, Yeni.2011. “Pemrograman Basis Data BerbasisWeb Menggunakan PHP & MySQL”. Jakarta: GrahaIlmu.
+">
+Kustiyahningsih, Yeni.2011. “Pemrograman Basis Data BerbasisWeb Menggunakan PHP & MySQL”. Jakarta: GrahaIlmu.
+</ref>, “PHP (atau resminya PHP: Hypertext Proprosessor) adalah skripbersifat server-sideyang ditambahkanke dalam HTML”.
+PHP sendiri merupakansingkatan dari Personal Home Page Tools.Skrip ini akan membuat suatu aplikasi dapat diintegrasikan kedalam HTMLsehingga suatu halaman web tidak lagi bersifat statis, namun menjadi bersifatdinamis.
+Daripendapat yang dikemukakan di atas dapat disimpulkan bahwa PHP adalah akronim dari HypertextPreprocessor, yaitu suatu bahasa pemrograman berbasiskan kode-kode (script) yang digunakan untuk mengolahsuatu data dan bersifat server-sideyangditambahkan ke dalam HTML.
+Sifat Server side berarti pengerjaan skripdilakukan diserver, baru kemudian hasilnya dikirimkan ke browser. Cara penulisan skrip PHP ada dua macam, yaitu Embedded Script dan Non embedded Script. Contoh dari jenis skrip PHP di atas di tunjukan dalam gambar 2.8 berikut:
+</div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img src="https://lh6.googleusercontent.com/0yP6TaHpkQpb2IsHJEp296LeeNuH8cwjW96QO1IrfA=w431-h162-p-no"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center">Sumber: Kustiyahningsih  (2011:114)</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Gambar 2.9. Skrip dalam PHP:</b></p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Skripdalam php adalah sebagai berikut:
+</div>
+<ol style="list-style-type:lower-alpha">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Embedded Script.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Non Embedded Script.
+</ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Gambar 2.8, menjelaskan bahwa skrip PHP dapat berupa embedded script yaitu melakukan tag PHP diantara tag-tag HTML sedangkan non embedded script yaitu semua tag HTMLdiletakan dalam tag PHP. Semua kodephp menyerupai dengan kode bahasa C, walupun tidak sepenuhnya sama.
+Untukpenulisan tag PHP terdiri dari empat style,yaitu Style Standar Format, denganformat: <?php ….?>, Short Styledengan format: <? ….?>, JavascriptStyle dengan format: <scriptlanguage = “php”> … </script> dan ASP style dengan format: <% … %>.
+</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Sejarah PHP
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Menurut Kustiyaningsih(2011:113)<ref name="
+Kustiyahningsih, Yeni.2011. “Pemrograman Basis Data BerbasisWeb Menggunakan PHP & MySQL”. Jakarta: GrahaIlmu.
+">
+Kustiyahningsih, Yeni.2011. “Pemrograman Basis Data BerbasisWeb Menggunakan PHP & MySQL”. Jakarta: GrahaIlmu.
+</ref>,Seiring dengan perkembangan teknologi maka lahirnya PHP sebagaibahasa pemrograman open source yangdigunakan secara luas terutama untuk pengembangan web dan dapat disimpan dalambentuk HTML.Sehingga web tidak hanya memberikan informasi tetapi terjalininteraksi dan menjadikan web bersifat dinamis dan diintegrasikan dengan web server Apache, PWS dan IIS.
+Kelahiran PHP bermula saat Rasmus Lerdorf membuat sejumlah skrip perlyang dapat mengamati siapasaja yang melihat-lihat daftar riwayat hidupnya, yaitu tahun 1994. Tahun 1995,Rasmus menciptakan PHP/FI Versi 2, di mana Versi tersebut dapat menempelkankode terstruktur dalam tag HTML danjuga PHP dapat berkomunikasi dengan database.
+</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Kelebihan dan Kekurangan Php
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Menurut Andika (2012:53)<ref name="Andika. 2012. “PanduanMenguasai PHP & My SQL  secara Otodidak”. Jakarta:Mediakita">Andika. 2012. “PanduanMenguasai PHP & My SQL  secara Otodidak”. Jakarta:Mediakita</ref>, Aplikasi bahasa Php dapat dipergunakan untuk:
+</div>
+<ol style="list-style-type:lower-alpha">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">PHP digunakan sebagai landasanoperasi pada pemrogaman jaringan berbasis web.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">PHP digunakan juga untukpemrogaman database.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> PHP digunakan untuk membuataplikasi web.
+</ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Adapun kelebihan dan kekurangan bahasa Phpantara lain sebagai berikut:
+</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Tabel 2.12  Kelebihan dan Kekurangan PHP</b></p></div>
+:{| class="wikitable" : align="center" : width="787"
+|-
+! No !! Kelebihan !! Kekurangan
+|-
+| 1 ||PHP menjadi popular karena kesederhanaannya dan kemampuannya dalam menghasilkan berbagai aplikasi  web seperti counter, sistem artikel/ CMS, ''e commerce, bulletinboard'', dll|| Tidak detail untuk pengembangan skala besar
+|-
+| 2 || PHP adalah salah satu bahasa ''server-side'' yang didesain khusus untuk aplikasi web.|| Tidak detail untuk pengembangan skala besar.
+|-
+| 3 || PHP termasuk dalam ''Open Source Product'' || Tidak memiliki sistem pemrogaman berorientasi objek yang sesungguhnya.
+|-
+| 4 || Aplikasi PHP cukup cepat dibandingkan dengan aplikasi CGI dengan Perl atau Phyton bahkan lebih cepat dibanding dengan ASP maupun Java dalam berbagai aplikasi web|| Tidak bisa memisahkan antara tampilan dengan ''logic'' dengan
+baik.
+|-
+| 5 || Tersedia baik di Windows maupun Linux, walau saat ini paling efektif di web ''server Apache'' dan OS Linux|| PHP memiliki kelemahan security tertentu apabila programmer tidak jeli dalam melakukan pemrogaman dan kurang memperhatikan isu konfigurasi PHP.
+|-
+| 6 || Sintaks mirip C dan mudah dipelajari.||
+|-
+| 7 || Komunitas yang ramai dan saling membantu, seperti di diskusiweb.com, phpbuilder.com, phpindo.com, dll.||
+|-
+| 8 || Berbagai ''script'' atau aplikasi yang gratis telah tersedia.||
+|-
+|}
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center">Sumber:  http://andikafisma.com/kelebihan-kelemahan-dan-aplikasi-10-bahasa-pemrograman</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Koneksi Database Php
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Menurut Andika (2012:71)<ref name="Andika. 2012. “PanduanMenguasai PHP & My SQL  secara Otodidak”. Jakarta:Mediakita">Andika. 2012. “PanduanMenguasai PHP & My SQL  secara Otodidak”. Jakarta:Mediakita</ref>,Koneksi dari bahasa pemrograman web (baca: PHP) yang anda gunakan ke MySQLdatabase menjadi langkah awal yang sangat penting dilakukan. Berikut sintax untukmelakukan koneksi ke MySQL database dari PHP.
+''mysql_connect (”namahost”,”mysql_username_yang_digunakan”,”password_dari_username”);''
+</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Koneksi Php pada database
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Menurut Andika (2012:54)<ref name="Andika. 2012. “PanduanMenguasai PHP & My SQL  secara Otodidak”. Jakarta:Mediakita">Andika. 2012. “PanduanMenguasai PHP & My SQL  secara Otodidak”. Jakarta:Mediakita</ref>,bahasa pemrograman berbasis server maksudnya script PHP diletakan di server dan di terjemahkan oleh web browserterlebih dahulu kemudian hasil terjemahan itu dikirim ke browser client.Bahasa pemrograman PHP memiliki kesamaan dengan bahasa ASP (''Active Server Page''),''Cold Fusion'', JSP (''Java server Page''),ataupun Perl.Berikut merupakan skema PHP sampai di terjemahkan oleh Browser:
+</div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img src="https://lh6.googleusercontent.com/4EvEq_PtwZWuEQkrqLsNCEkm_z3pOi-8JaWrwF_ESg=w380-h194-p-no"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center">Sumber:http://andikafisma.com/kelebihan-kelemahan-dan-aplikasi</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Gambar 2.10  Skema koneksi databasepada PHP</b></p></div>
+</ol>
+===Elisitasi===
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">      Definisi Elisitasi
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Menurut  Guritno,dkk(2010: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>, “Elisitasi(elicitation)berisi usulan rancangan sistembaru yang diinginkan oleh pihak manajemen terkait dan disanggupi oleh penulisuntuk dieksekusi”.
+Menurut  Nugroho (2010:10)<ref name="Nugroho, Adi. 2010. “Rekayasa Perangkat Lunak Berorientasi Objek dengan metodeUSDP”.Yogyakarta: Andi Offset">Nugroho, Adi. 2010. “Rekayasa Perangkat Lunak Berorientasi Objek dengan metodeUSDP”.Yogyakarta: Andi Offset</ref>,,  Akuisisi informasi dari seseorang atau kelompokdengan cara yang tidak mengungkapkan maksud dari wawancara atau percakapan.Sebuah teknik pengumpulan intelijen sumber manusia, umumnya terbuka.
+Dikutip dari jurnal CCIT, ”Elisitasi berisi usulanrancangan sistem baru yang diinginkan oleh pihak manajemen terkait dandisanggupi oleh penulis untuk dieksekusi.” (Rahardja, 2011:302)
+Berdasarkanbeberapa pendapat yang dikemukakan di atas dapat ditarik kesimpulan bahwaelisitasi adalah usulan rancangan sistem baru yang diinginkan.
+</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Jenis-jenis Elisitasi
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Menurut Guritno,dkk(2010: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>, Elisitasi didapat melalui metode wawancara dan dilakukan melalui tigatahap, yaitu sebagai berikut:
+</div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Elisitasi Tahap I
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Berisi seluruh rancangan sistem baru yang diusulkan oleh pihakmanajemen terkait melalui proses wawancara.
+</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Elisitasi Tahap II
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Merupakan hasil pengklasifikasian dari elisitasi tahap I berdasarkanmetode MDI. Metode MDI ini bertujuan untuk memisahkan antara rancangan sistem yang penting dan harusada pada sistem baru dengan rancangan yang disanggupi untuk dieksekusi.
+</div>
+<ol style="list-style-type:lower-alpha">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+    M pada MDI itu artinya Mandatory. Maksudnya requirement tersebut harus ada dan tidakboleh dihilangkan pada saat membuat sistem baru.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+D pada MDI itu artinya Desirable.Maksudnya requirement tersebut tidakterlalu penting dan boleh dihilangkan. Tetapi jika requirement tersebut digunakan dalam pembentukan sistem, akanmembuat sistem tersebut lebih perfect.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+I pada MDI itu artinya Inessential.Maksudnya bahwa requirement tersebutbukanlah bagian dari sistem yang dibahas dan merupakan bagian dari luar sistem.
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">  Elisitasi Tahap III
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Merupakan hasilpenyusutan dari elisitasi tahap II dengan cara mengeliminasi semua requirement yang optionnya I pada metodeMDI. Selanjutnya semua requirementyang tersisa diklasifikasikan kembali melalui metode TOE.
+</div>
+<ol style="list-style-type:lower-alpha">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+T artinya Technical, maksudnyabagaimana tata cara / tehnik pembuatan requirementtersebut dalam sistem yang diusulkan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+O artinya Operasional, maksudnya bagaimana tata cara penggunaan requirement tersebut dalam sistem yangakan dikembangkan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+E artinya Ekonomi, maksudnya berapakah biaya yang diperlukan gunamembangun requirement tersebut didalam sistem.
+</ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Metode TOE tersebutdibagi kembali menjadi beberapa option,yaitu  sebagai berikut:
+</div>
+<ol style="list-style-type:lower-alpha">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">High (H) :Sulit untuk dikerjakan, karena tehnik pembuatan dan pemakaiannya sulit sertabiayanya mahal. Sehingga requirementtersebut harus dieliminasi.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Middle (M) :Mampu untuk dikerjakan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ Low (L) :Mudah untuk dikerjakan.
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Final Draft Elisitasi
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Finaldraft merupakan hasil akhir yang dicapai dari suatu proseselisitasi yang dapat digunakan sebagai dasar pembuatan suatu sistem yang akandikembangkan.
+</div>
+</ol></ol>
+===Literature Review===
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Devinisi Literature Review
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Menurut Mulyandi(2013:17-153)<ref name="
+Mulyandi, MuhammadRachman, Monica, Ega Mawarni, Arfiah dan LiyaJayanti. 2013. Aplikasi Sistem Informasi Laporan Penggajian Guru HonorBerbasisWeb pada SMA Negeri 6
+">
+Mulyandi, MuhammadRachman, Monica, Ega Mawarni, Arfiah dan LiyaJayanti. 2013. Aplikasi Sistem Informasi Laporan Penggajian Guru HonorBerbasisWeb pada SMA Negeri 6
+</ref>,, “Penelitian sebelumnya(literature review) merupakan surveyliterature tentang penemuan-penemuan yangdi lakukan oleh penelitisebelumnya (empirical fiding) yangberhubungan dengantopic penelitian”.
+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>, ”literaturereview dalam sebuah penelitianadalah mengetahui apakah para peneliti laintelah menemukan jawaban untukpertanyaan-pertanyaaan penelitian yang kitarumuskan”.
+Dari kedua definisidi atas, maka dapat disimpulkanliteraturereview adalah merupakan surveyatau penjelasan penelitian sebelumnyaoleh para ahli.Pemahaman lebih lanjut mengenai hubungannya dalam penelitianyang diangkat oleh penulis saat ini adalah literaturereview merupakan suatu survey literature tentang penemuan-penemuan yangtelah dilakukan oleh penelitian sebelumnya yang berhubungan dengan topikpenelitian.
+</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Tujuan Literature Review
+<ol>
+  <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menunjukkan pemahaman tentang ''bodyof knowledge'' dan kredibilitas peneliti.
+  <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menunjukkan pola penelitian sebelumnya dan kaitannya dengan riset yangakan dilakukan.
+  <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menciptakan koherensi dan meringkas “''what is known in an area'' “
+</ol>
+  <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Manfaat Literature Review
+<ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Membantu membedakan “apa yang telah diteliti” dengan “apa yang akanditeliti”
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Membantu menemukan ''variable'' penting yang relevan dengan topic penelitian.
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+  Membantu sintesis danmendapatkan perspektif baru
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ Membantu mengidentifikasi hubungan antara ide dengan praktik
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+  Membantu menentukan konteks topik atau masalah penelitian
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+  Membantu menjustifikasi arti penting isu yangakan diteliti
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+  Membantu memahami struktur dari subyek yangakan diteliti
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+  Membantu mengidentifikasi metodologi danteknik penelitian yangtelah digunakan
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+    Membantu menempatkan riset pada kontekshistoris untukmenunjukkan pemahamanpeneliti pada state-of-the-artbidang yg dikaji
+</ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Salah satu penelitianyang memiliki korelasi yang searah dengan penelitian yang akan dibahas dalamLaporan Skripsi penulis, yaitu :
+</div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<b>Penelitian yang dilakukan oleh Danik Fitria Ningsih (Ningsih, 2007 )</b>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Penelitian ini membahas tentang perancangan sisteminformasi penjualan barang pada PT. Vina Jaya. Dengan rancangan sistem yangdiusulkan diharapkan pada bagian administrasi dapat memberikan laporan-laporan yangberhubungan dengan penjualan yang lebih akurat.
+</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<b>Penelitian yang dilakukan oleh Novi Handayani ( 2008 )</b>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Penelitian ini membahas tentang perancangan sistem penjualanbarang pada PT. PEDRIC Jaya Chemicals, penelitian ini dilakukan untuk merancangsistem penjualan agar dapat membantu dalam transaksi penjualan. Padaperancangan sistem yang diusulkan telah mampu menyediakan informasi yangdibutuhkan secara tepat, dan akurat karena telah menggunakan sistem yangterkomputerisasi, sehingga mampu menghasilkan laporan yang dibutuhkan dalamwaktu yang singkat.
+</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<b>Penelitian yang dilakukan oleh Devon Del Vecchio,David Henard, dan Traci Haigood-freling (2006), dengan judul ''“The Effect of Sales Promotion on Post-Promotion Brand Preferance '' : ''A Meta-Analysis Jurnal Of Retailing'', </b>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Penelitian dilakukanuntuk mengetahui pengaruh promosi penjualan pada prefrensi merk pasca promosi,terlepas dari kenyataan bahwa promosi penjualan  telah lama digunakan untuk praktek pemasaran dari penelitian akademis, pemahaman yang jelas tentang dampak promosi.Penjualan pada prefrensi merk pasca promosi dan untuk menghindari manajer merkdan sarjana pemasaran sama. Penelitian ini mencoba memberikan pemahaman mengenai dampak promosi penjualan dan promosi produk, promosi baik dapatmeningkatkan atau menurunkan prefrensi untuk merek. Hasil empiris memberikan informasiyang menyusun strategi promosi dan untuk memahami proses yang mempengaruhiprefrensi promosi merk.
+</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<b>Penelitian yang dilakukan oleh Suriana mengenai :”Perancangan Sistem Informasi PenjualanpadaTB. Djaya Makmur”.</b>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Permasalahan yangterjadi pada judul yang diangkat penulis adalah belum optimalnya sistem yang berjalan karena belum adanya sistem yang mendukung proses trnsaksi jual beli mengakibatkan pelayanan terhadap pelanggan berkurang.
+</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<b>PenelitianTugas Akhir pada perguruan tinggi Raharja (Bismar Hamzah, 2007).</b>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Penelitian ini membahas mengenai Perancangan Sistem Informasi Produksi Di PT.Bando Indonesia. Yang berlokasi di Kel. PasirJaya. Kec. Jatiuwung, Tangerang.
+</div>
+</ol></ol>
+=<p align="center"><b>BAB III</b></p>=
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2"><b>
+ANALISA SISTEM YANG BERJALAN
+</b></p></div>
+==Gambaran Umum Perusahaan ==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+CV Ismie Jayaadalah perusahaan swasta yang beralamatkan di Jl. Dipatiunus Gg. Pesantren Jamiatul FalahCibodas - Tangerang
+</div>
+===Sejarah Singkat Perusahaan===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+CV Ismie Jayaberdiri pada pertengahan bulan Maret tahun 1993yang dihimpun oleh beberapa orang tokoh yangberkecimpung di dunia bisnis danmengadakan diskusi yang professional. Berdasarkan diskusi diantara para tokohbisnis tersebut, disepakati bergabung dengan CV yang usahanya di bidang produksi kemasan produk .
+Berkat kerja keras dan kerja sama antarapengusaha satu dengan yang lainnya, sekarang CV Ismie Jaya dapat bersaing denganperusahaan-perusahaan besar lainnya dalam dunia industri.
+</div>
+===Struktur Organisasi Perusahaan===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Struktur organisasi sangat penting bagisebuah organisasi karena berfungsi untuk menunjukkan pola tetap hubungan-hubungandiantara fungsi, tugas dan wewenang serta tanggung jawab masing-masing individupada sebuah organisasi.
+Dalam menjalankan tugasnya, CV Ismie Jaya mempunyaistruktur organisasi sebagai berikut:
+</div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img width=500 src="https://lh3.googleusercontent.com/-65wm-5eKwlc/U_iHOU5l9TI/AAAAAAAAAHA/VBx6QnmlwiA/w497-h289-no/gambar%2B3.1.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p align="center">Sumber: CV Ismie Jaya, Tangerang
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Gambar 3.1 Struktur Organisasi CVIsmie Jaya
+</b></p></div>
+===Tugas dan  Tanggung Jawab===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Berikutini uraian dari wewenang dan tanggung jawab masing-masing divisi pada CV. Ismie Jaya :
+</div>
+<ol style="list-style-type:lower-alpha">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Direktur
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Bertanggung jawabterhadap semua kegiatan di perusahaan melakukan dan mengkoordinir semuadepartemen.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Memberhentikandan mengangkat karyawan untuk menjabat sesuai struktur di organisasi.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Memimpinrapat (meeting) manajerial.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Memotorisasisetiap pengeluaran uang perusahaan.
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ General Manager
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Membawahi seluruhaktivitas perusahan dari mulai perencanaan sampai dengan pengawasan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Mengorganisirdan membentuk struktur perusahaan, serta bertanggung jawab penuh terhadapDirektur Utama.
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ Marketing
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ Bertanggungjawab penuh terhadap penjualan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ Menyelesaikan masalahdengan customer apabila ada keluhan mengenaikualitas barang yang kurang memuaskan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ Menyusunstrategi untuk memperluas daerah pemasaran.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ Membagiwilayah kepada salesman.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ Mengawasi seluruh kegiatan di bidang penjualan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ Memberikan laporan pertanggung jawaban mengenai penjualankepada direktur.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ Mengambilmasukan mengenai saingan untuk diteruskan kepemimpinan.
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ Keuangan
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Mengelola masuknya uang dan kuitansi biaya.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Menyelenggarakandan  mempersiapkan dana untukkegiatan  perusahaan, serta mengaturpenerimaan dan pengeluaran uang
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Melakukanpembayaran kepada suplier tepatsesuai dengan tanggal jatuh tempo.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Memastikanpembuatan jurnal, laporan keuangan dan incomestatement.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ Melakukanpenagihan kepada customer tepatwaktu.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Membuatpertanggung jawaban keuangan dalam buku kas harian  yang di serahkan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Membuat laporanpertanggung jawaban perbulan dan menyimpan bukti pembelian.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Melakukan audit perusahaan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Memeriksa pajak yang harus di bayar olehperusahaan.
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ Manager Produksi
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Bertanggungjawab atas kegiatan produksi, mulai dari produksi sampai dengan maintenance (pemeliharaan) pabrik.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Mengontrol jalannya pekerjaan produksi darimulai bahan baku sampai ke Produksi jadi.
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ Pembelian (Purchasing)
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ Mencari penawaran dan bernegosiasi denganbeberapa supplier.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ MembuatPurchase Order dari hasil penawarandan negosiasi dari daftar supplierterpilih.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ Membuatlaporan keuangan mingguan atau bulanan untuk Permintaan Pembelian (PP) danPermintaan Pengeluaran Uang (PPU).
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ Melakukanseleksi, evaluasi dan memantau kinerja supplier.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ Menyelesaikan masalahdengan supplier apabila ada keluhanmengenai kualitas bahan baku.
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ Personalia
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Menerima karyawan baru dan melakukan pendataanterhadap seluruh karyawan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Bertanggungjawab atas absensi karyawan sebagai bahan perhitungan gaji dan upah karyawan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Membuatslip gaji dan upah serta menghitung gaji dan upah karyawan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Membagikangaji dan upah kepada karyawan harian produksi dan karyawan harian lepas.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Membuat rekap gaji karyawan dan melaporkannyakepada bagian keuangan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+MembuatSurat Pernyataan (SP) terhadap pelanggaran atau kesalahan yang dilakukan olehkaryawan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Membuat pengumuman setiap ada perubahan jamkerja atau perubahan yang lainnya menyangkut karyawan.
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ PPIC
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Memastikan pemenuhan permintaan dari bagian marketing.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Memastikanketersediaan Raw and Support material.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Mendapatkan forecast dari customer melalui bagian marketing.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Bersama-samadengan bagian gudang untuk merencanakan jadwal produksi dan rencana material.
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ Kepala Produksi
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ Mengontrol jalannya proses produksi.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+MenerimaSurat Perintah Kerja (SPK) dan Surat Perintah Lembur (SPL) yang dibuat oleh plannersebagai acuan pekerjaan yang harus ditangani terlebih dahulu.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Memilihpekerjaan yangberhubungan dengan order  barangyang harus dikerjakan terlebih dahulu.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Membuatlaporan kepada Manager produksi tiap bulannya.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Merencanakan, mengkoordinasikan dan mengawasijalannya kegiatan-kegiatan yang berkaitan dengan masalah produksi di dalamruang lingkup perusahaan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Mengawasihasil produksi sesuai dengan standar yang telah ditetapkan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Melaporkandan turut serta membantu dalam memecahkan masalah yang timbul dilingkungan pekerjaan atau produksi.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Membuatdan melaporkan hasil dari produksi setiap periodenya.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Merencanakandan menetapkan rencana kerja agar lebih efektif dan efisien bagi kegiatanproduksi yang telah dan akan dikerjakan oleh karyawan atau pekerja.
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ Teknisi
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Memeriksa semua mesin produksi, alat-alatkerja dan listrik perusahaan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Memperbaikidan melakukan pemeliharaan mesin, alat-alat kerja dan listrik perusahaan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Membuatlaporan pemakaian bahan bakar mesin produksi dan penggantian mesin ataualat-alat kerja yang tidak bisa dipakai lagi.
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ Gudang
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Membuat daftar harga barang
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Menerimabarang masuk yang dikirim langsung oleh supplier  atas pemesanan barang dari bagian pembelian.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Mengirim barang keluar atas pemesanan pelanggan daribagian marketing.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Bertanggungjawab penuh terhadap keluar masuknya bahan baku  atau alat-alat kerja yang berasal darigudang.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Memeriksastok barang dan membuatlaporan kepada bagian marketing.
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ QC(Quality Control)
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Menelitiapakah bahan tersebut baik untuk digunakan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Menetapkanstandar bahan yang digunakan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Membuat keterangan bila ada barang reject
+</ol>
+</ol>
+==Tata Laksana Sistem Yang Berjalan==
+===Prosedur Yang Berjalan===
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+UseCase Diagram
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Dari definisi skenariodiatas dapat digambarkan dalam use casediagram mengenai hal yang terjadi pada sistem penjualan kemasan produk yang berjalansaat ini. Usecase diagram dapat dilihat padagambar dibawah ini:
+</div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img width=400 src="https://lh4.googleusercontent.com/-E3ZLbZtrEwE/U_iHWnmsaAI/AAAAAAAAAIY/KVwG6z0ALk8/w532-h570-no/gambar%2B3.2.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center">
+<b>Gambar3.2 Use Case Diagram sistem penjualan yang berjalan</b></p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Activity Diagram
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Activitydiagram memodelkan alur kegiatan sebuah prosesdan urutan aktivitas pada suatu proses. Diagram ini sangat mirip dengan flowchart karena dapat memodelkanprosedur logika.
+Berdasarkan use case diagram di atas maka dapat kita gambarkan activity diagram dari aktifitas paraaktor-aktor yang ada pada sistem penjualan pada CV.Ismie Jaya
+</div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img width=550 src="https://lh5.googleusercontent.com/yppS_zegVoYaMLRgZz_wpAjn2G1ub5z6j5Bcs4YpcA=w585-h577-no"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Gambar3.3 Activity Diagram sistem penjualan yang berjalan</b></p></div>
+</ol>
+==Analisa Sistem Yang Berjalan==
+===Metode Analisa Sistem===
+<div style="font-size: 12pt;fontfamily: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Analisa SWOT</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Faktor internal yang mencakup produk yangtersedia, sumber daya manusia, fasilitas yang tersedia berupa gudang, kendaraan untukoperasional, serta proses persediaan barang yang sedang berjalan saat ini.Sedangkan faktor eksternal yang mencakup aspek masyarakat, persaingan terhadapperusahaan lainnya, dan promosi kepada pelanggan. Untuk mendukung prosesanalisa, maka terlebih dahulu akan dilakukan marketing mix 7P untuk mengetahui lebih jelas strategi yang akandibahas dan kemudian akan dilanjutkan dengan analisa SWOT, yaitu sebagai berikut:
+</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Tabel 3.1 Marketing mix 7P</b></p></div>
+ :{| class="wikitable" : align="center" : width="787"
+|-
+!No !! Variabel !! Indikator
+|-
+| 1. || ''Product'' (produk) ||
+<li>Kategorijenis barang yaitu, kemasan produk boxdan kemasan produk plastik
+<li>Kondisibarang yang baik
+<li>Pemantauanketersediaan stok barang yang dilihat secara fisik untuk melihat persediaanproduk
+<li>Kelengkapanbarang
+<li>Informasiproduk yang akurat
+<li>Memilikiproduk yang berkualitas
+|-
+| 2. || ''Price'' (biaya) ||
+<li>Persainganharga
+<li>Diskon
+<li>Ketersediaan modal yang cukup
+|-
+| 3. || ''Place'' (lokasi)  ||
+<li> Lokasiyang mudah dijangkau
+<li>Kebersihangudang yang terjaga
+<li>Kerapihan menaruh barang di dalam gudang
+|-
+| 4. || ''Promotion'' (promosi)  ||
+<li>Adanyasample atau bonus
+<li>Kerjasamabaik dengan supplier, dengan carapembayaran lunas pada waktunya sehingga jika ada promosi mempunyai peluangbesar untuk mendapatkan hadiah dari supplier.
+<li>Informasiproduk baru
+<li>Programpromosi masih sederhana
+<li>Dikenal masyarakat sekitar
+|-
+| 5. || ''People'' (orang) ||
+<li>Karyawanmempunyai pengetahuan yang cukup tentang produk
+<li>Kesopanankaryawan
+<li>Setiapkaryawan memahami proses masuk dan keluar barang karena tugasnya selalu di rooling setiap harinya.
+<li>Kebutuhan konsumen semakin meningkat
+|-
+| 6. || ''PhysicalEvidence'' (bukti fisik) ||
+<li>Fasilitasgudang yang cukup luas untuk penyimpanan barang
+<li>Mempunyaipengalaman dibidangdistribusi barang dan CV sudah berdiri dari tahun 1993
+<li>TerdapatCCTV pada sudut-sudut di dalam gudang yang dapat di control oleh pimpinan
+<li>Fasilitas 4trukdan 5 mobil box untuk menunjang pengiriman barang
+|-
+| 7. || ''Process'' (proses) ||
+<li> Kecepatanmenanggapi pesanan dari pelanggan
+<li> Sistempemesanan yang mudah
+<li>Kerapihanpengemasan barang
+<li>Prosespencatatan barang masih manualmenggunakan buku biasa hanya untuk menceklist barang yang masuk dan keluar darigudang.
+|-
+|}
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Tabel 3.2 Analisa SWOT</b></p></div>
+:{| class="wikitable" : align="center" : width="1000"
+|-
+!SWOT!! ''Strength'' (Kekuatan) !! ''Weakness'' (Kelemahan) !! ''Opportunity'' (Peluang) !! ''Thread'' (Ancaman)
+|-
+|| Faktor Internal / Faktor Eksternal
+||
+<ol>
+<li>Kondisi  barang yang baik
+<li>Informasi  produk yang akurat
+<li>Sistem  pemesanan yang mudah
+<li>Kelengkapan  barang
+<li>Kerapihan  pengemasan barang
+<li> Sudah  berpengalaman di bidang distribusi barang
+<li>Fasilitas gudang yang besar dan disertai dengancctv untuk pemantauan
+||
+<ol>
+<li>Kurangnya  diskon
+<li> Pencatatan  dan pemantauan stok masih manual
+<li> Persaingan  dalam merebut pemasok
+<li>Program  promosi masih sederhana
+||
+<ol>
+<li>Konsumen  barang kemasan produk semakin banyak
+<li>Sudah  dikenal masyarakat sekitar
+<li>Produk  yang ditawarkan merupakan kebutuhan dalam pemasaran sebuah produk barang
+<li>Permintaan  pasar semakin meningkat sesuai kebutuhan
+<li>Loyalitas pelanggan dan supplier cukup tinggi
+||
+<ol>
+<li>Persaingan  harga dan bisnis yang semakin kompleks dan tidak sehat
+<li>Pesaing baru semakin banyak bermunculan
+|-
+! Strategi !! Strategi ST !! Strategi WT !! Strategi SO !! Strategi WO
+|-
+|| Faktor Internal / Faktor Eksternal
+||
+ <ol>
+<li>Menjaga  hubungan baik dengan rekan bisnis agar stok barang tetap stabil
+<li>Menjagan standar kualitas barang
+  Memberikan proses pelayanan yang lebih baik,cepat, dan rapih
+||
+  <ol>
+<li>Memperbaiki  manajemen agar bisa mengatasi pesaing baru
+<li>Menerapkan  metode promosi yang lebih selektif
+<li>Menjaga  komitmen antara pelanggan dan supplier
+  Menjaga kelengkapan barang dan membuat sistemmonitoring agar memudahkan dalam pengontrolan barangv
+||
+ <ol>
+<li>Memanfaatkan  pengalaman perusahaan yang cukup lama untuk menjangkau seluruh pasar
+<li>Meningkatkan  kualitas dan kapasitas gudang
+  Dengan sistem pemesanan yang mudah dapatmenampung banyak permintaan dengan pelanggan
+<ol>
+||
+  <ol>
+<li>Mengembangkan  pola promosi yang efektif
+<li>Memberikan  diskon kepada pelanggan
+  <li>Penetapan harga jual yang bersaing
+</ol></ol></ol></ol></ol></ol></ol></ol></ol>
+|-
+|}
+==Konfigurasi Sistem Berjalan==
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+  Spesifikasi Hardware
+<ul>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Processor    : Intel Pentium IV
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Monitor      : Flatron 15”
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+RAM          : 512 MB
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Harddisk    : 80GB
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Keyboard  : PS/2 Standard Keyboard
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Printer        : EPSON STYLUS T11
+</ul>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Spesifikasi Software
+<ul>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Microsoft Office Excel2007
+</ul>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+  Hak Akses (Brainware)
+<ul>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Marketing
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Keuangan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Manager
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gudang
+</ul>
+</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; line-height: 2">
+Dalam sistem Penjualan yang berjalan pada CV.Ismie Jaya memiliki kekurangan, yaitu:
+Dalam sistem penjualan prosedur pencatatan penjualan dan pembuatan laporan masih manual berupa buku laporan dan penggunaan aplikasi Microsoft Excel, dimana hal ini berdampak terhadap proses pembuatan laporan. sehingga keakuratan data, efesien, dan efektifitas yang di peroleh belum dapat memenuhi kebutuhan sistem secara optimal
+</div>
+===Alternatif Pemecahan Masalah===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Berdasarkananalisa terhadap tatalaksana sistemyang berjalan, dapat diambil kesimpulan bahwa perlu diadakan pengembangansistem atas kekurangan dan kebutuhan sistem dengan melakukan analisa terhadapalternatif pemecahan masalah antara lain:
+</div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Dibangun sistem yang dibutuhkan oleh user dengan menggunakan aplikasi  berbasis visual karena aplikasi yang berbasisvisual sudah familiar dikalangan instansi masyarakat.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Dibangun suatu aplikasi sistem yang berbasiskan web,aplikasi yang dibangun berbasiskanweb memungkinkan user dapat menggunakan data secara bersama-sama di dalamwaktu yang sama.
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Berdasarkan beberapa alternatif pemecahan masalah di atas penulis melakukansuatu kajian terhadap permasalahan yang ada, maka penulis memutuskan perludibangun aplikasi sistem yang berbasis webkarena banyak keuntungan yang diperoleh antara lain:
+</div>
+<ol style="list-style-type:lower-alpha">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Dapat menjalankan aplikasi berbasis web di manapun kapan pun tanpa harus melakukan penginstalan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Dapat dijalankan pada sistem operasi mana pun.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tidak memerlukan spesifikasi komputer yang tinggiuntuk dapat menggunakan aplikasi berbasis web.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terkait dengan isu lisensi (hak cipta), kita tidakmemerlukan lisensi ketika menggunakan web-basedapplication, sebab lisensi itu sudahmenjadi tanggung jawab dari webpenyedia aplikasi.
+</ol></ol>
+==''User  Requirement''==
+===Requirement  Elisitasi Tahap I===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Elisitasitahap I merupakan daftar yang diperoleh dari hasil pengumpulan data darilapangan yang dilakukan dengan cara observasi dan wawancara. Untuk membuatsistem penjualan barang yang terkomputerisasi. Berikut lampiran Elisitasi Tahap I yang telah dibuat:
+</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Tabel3.3Tabel Elisitasi Tahap I</b></p></div>
+<table width="595" border="1" cellspacing="0" cellpadding="0" align="center">
+<tr bgcolor="#666666">
+<td colspan="2" valign="bottom" nowrap="nowrap" width="426"><b>Functional</b></td>
+<tr bgcolor="#666666">
+<td rowspan="2" nowrap="nowrap" width="39">
+<p align="center"><b>No</b></p></td><td valign="bottom" nowrap="nowrap" width="387">
+<b>Analisa Kebutuhan</b></td><tr bgcolor="#666666">
+<td valign="bottom" nowrap="nowrap" width="387">
+<b>Saya ingin sistem dapat</b></td></tr><tr><td valign="bottom" nowrap="nowrap" width="39">
+<p align="center">1</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkanmenu login dengan menggunakan password</td></tr><tr>
+<td valign="bottom" nowrap="nowrap" width="39"><p align="center">2</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkanperingatan jika Password salah</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">3</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkanmenu home </td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">4</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkanlogo perusahaan</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">5</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkannama perusahaan</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">6</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkanalamat & no.telp perusahaan</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">7</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkansejarah perusahaan</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">8</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkanvisi dan misi</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">9</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkanproduk</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">10</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkanmenu barang</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">11</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkan data barang</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">12</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkanmenu pelanggan</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">13</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkan data pelanggan</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">14</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkanmenu nota</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">15</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkan data nota penjualan</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">16</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkanmenu grafik</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">17</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkan data grafik penjualan</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">18</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkanmenu pengguna</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">19</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkan data pengguna</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">20</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkanmenu laporan</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">21</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkan data laporan penjualan</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">22</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkansearch data pada menu barang, pelanggan, nota, dan pengguna</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">23</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkanedit  data pada menu barang, pelanggan,nota, dan pengguna</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">24</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkandelete data pada menu barang, pelanggan, nota, dan pengguna</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">25</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkancreate data pada menu barang, pelanggan, nota, dan pengguna</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">26</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkanmenu log out</td></tr>
+<table width="595" border="1" cellspacing="0" cellpadding="0" align="center"><tr bgcolor="#666666"><td colspan="2" valign="bottom" nowrap="nowrap" width="426"><b>Non Functional</b></td><tr bgcolor="#666666">
+<td rowspan="2" nowrap="nowrap" width="39"><p align="center"><b>No</b></p></td><td valign="bottom" nowrap="nowrap" width="387"><b>Analisa Kebutuhan</b></td><tr bgcolor="#666666"><td valign="bottom" nowrap="nowrap" width="387"><b>Saya ingin sistem dapat</b></td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">1</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Memilikitampilan yang menarik</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">2</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Mudahdigunakan dan dipahami oleh user</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">3</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Keamanandata terjamin</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">4</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Hakakses dibatasi pada user tertentu</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">5</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Dapatmenampilkan pesan kesalahan</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">6</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Digunakandengan berbagai macam program web browser</td></tr>
+</table>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Elisitasi tahap I yangdisusun berdasarkan hasil wawancara dan analisa pada bagian yang terkait sertapihak yang mempunyai hubungan langsung dengan sistem yang akan dibuat dalam halini, wawancara dilakukan terhadap stakeholder mengenai sistem yang diusulkanoleh pihak penjualan barang.
+</div>
+===Requirement Elisitasi Tahap II===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Elisitasi tahapII disusun berdasarkan Elisitasi Tahap I yang kemudian diklasifikasikan lagidengan metode MDI. Berikut lampiran Elisitasi Tahap II yang telah dibuat :
+</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Tabel 3.4.  Elisitasi Tahap II</b></p></div>
+<table width="667" border="1" cellspacing="0" cellpadding="0" align="center">
+<tr bgcolor="#666666">
+<td colspan="2" valign="bottom" nowrap="nowrap"><b>Functional</b></td>
+<td rowspan="3" nowrap="nowrap" width="35"><p align="center"><b>M</b></p></td>
+<td rowspan="3" nowrap="nowrap" width="35"><p align="center"><b>D</b></p></td>
+<td rowspan="3" nowrap="nowrap" width="35"><p align="center"><b>I</b></p></td>
+<tr bgcolor="#666666"><td rowspan="2" nowrap="nowrap" width="24">
+<p align="center"><b>No.</b></p></td><td valign="bottom" nowrap="nowrap" width="533">
+<b>Analisa Kebutuhan</b></td>
+<tr bgcolor="#666666"><td valign="bottom" nowrap="nowrap" width="533">
+<b>Saya ingin sistem dapat</b></td></tr>
+<td valign="bottom" nowrap="nowrap" width="24"><p align="center">1</p></td>
+<td valign="bottom" nowrap="nowrap" width="533">Menampilkanmenu login dengan menggunakan password</td>
+<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="34"><div align="center">√</div></td>
+<td valign="bottom" nowrap="nowrap" width="31"><div align="center"></div></td>
+<td valign="bottom" nowrap="nowrap" width="33"><div align="center"></div></td>
+<tr>
+<td valign="bottom" nowrap="nowrap" width="24"><p align="center">2</p></td>
+<td valign="bottom" nowrap="nowrap" width="533">Menampilkanperingatan jika Password salah</td>
+<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="34"><div align="center">√</div></td>
+<td valign="bottom" nowrap="nowrap" width="31"><div align="center"></div></td>
+<td valign="bottom" nowrap="nowrap" width="33"><div align="center"></div></td>
+</tr><tr>
+<td valign="bottom" nowrap="nowrap" width="24"><p align="center">3</p></td>
+<td valign="bottom" nowrap="nowrap" width="533">Menampilkanmenu home </td>
+<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="34"><div align="center">√</div></td>
+<td valign="bottom" nowrap="nowrap" width="31"><div align="center"></div></td>
+<td valign="bottom" nowrap="nowrap" width="33"><div align="center"></div></td>
+</tr><tr>
+<td valign="bottom" nowrap="nowrap" width="24"><p align="center">4</p></td>
+<td valign="bottom" nowrap="nowrap" width="533">Menampilkanlogo perusahaan</td>
+<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="34"><div align="center"></div></td>
+<td valign="bottom" nowrap="nowrap" width="31"><div align="center"></div>√</td>
+<td valign="bottom" nowrap="nowrap" width="33"><div align="center"></div></td>
+</tr><tr>
+<td valign="bottom" nowrap="nowrap" width="24"><p align="center">5</p></td>
+<td valign="bottom" nowrap="nowrap" width="533">Menampilkannama perusahaan</td>
+<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="34"><div align="center"></div></td>
+<td valign="bottom" nowrap="nowrap" width="31"><div align="center">√</div></td>
+<td valign="bottom" nowrap="nowrap" width="33"><div align="center"></div></td>
+</tr><tr>
+<td valign="bottom" nowrap="nowrap" width="24"><p align="center">6</p></td>
+<td valign="bottom" nowrap="nowrap" width="533">Menampilkanalamat & no.telp perusahaan'</td>
+<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="34"><div align="center"></div></td>
+<td valign="bottom" nowrap="nowrap" width="31"><div align="center">√</div></td>
+<td valign="bottom" nowrap="nowrap" width="33"><div align="center"></div></td>
+</tr><tr>
+<td valign="bottom" nowrap="nowrap" width="24"><p align="center">7</p></td>
+<td valign="bottom" nowrap="nowrap" width="533">Menampilkansejarah perusahaan</td>
+<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="34"><div align="center"></div></td>
+<td valign="bottom" nowrap="nowrap" width="31"><div align="center"></div></td>
+<td valign="bottom" nowrap="nowrap" width="33"><div align="center">√</div></td>
+</tr><tr>
+<td valign="bottom" nowrap="nowrap" width="24"><p align="center">8</p></td>
+<td valign="bottom" nowrap="nowrap" width="533">Menampilkanvisi dan misi</td>
+<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="34"><div align="center"></div></td>
+<td valign="bottom" nowrap="nowrap" width="31"><div align="center"></div></td>
+<td valign="bottom" nowrap="nowrap" width="33"><div align="center">√</div></td>
+</tr><tr>
+<td valign="bottom" nowrap="nowrap" width="24"><p align="center">9</p></td>
+<td valign="bottom" nowrap="nowrap" width="533">Menampilkanproduk</td>
+<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="34"><div align="center"></div></td>
+<td valign="bottom" nowrap="nowrap" width="31"><div align="center"></div></td>
+<td valign="bottom" nowrap="nowrap" width="33"><div align="center">√</div></td>
+</tr><tr>
+<td valign="bottom" nowrap="nowrap" width="24"><p align="center">10</p></td>
+<td valign="bottom" nowrap="nowrap" width="533">Menampilkanmenu barang'</td>
+<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="34"><div align="center">√</div></td>
+<td valign="bottom" nowrap="nowrap" width="31"><div align="center"></div></td>
+<td valign="bottom" nowrap="nowrap" width="33"><div align="center"></div></td>
+</tr><tr>
+<td valign="bottom" nowrap="nowrap" width="24"><p align="center">11</p></td>
+<td valign="bottom" nowrap="nowrap" width="533">Menampilkan data barang</td>
+<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="34"><div align="center">√</div></td>
+<td valign="bottom" nowrap="nowrap" width="31"><div align="center"></div></td>
+<td valign="bottom" nowrap="nowrap" width="33"><div align="center"></div></td>
+</tr><tr>
+<td valign="bottom" nowrap="nowrap" width="24"><p align="center">12</p></td>
+<td valign="bottom" nowrap="nowrap" width="533">Menampilkanmenu pelanggan</td>
+<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="34"><div align="center">√</div></td>
+<td valign="bottom" nowrap="nowrap" width="31"><div align="center"></div></td>
+<td valign="bottom" nowrap="nowrap" width="33"><div align="center"></div></td>
+</tr><tr>
+<td valign="bottom" nowrap="nowrap" width="24"><p align="center">13</p></td>
+<td valign="bottom" nowrap="nowrap" width="533">Menampilkan data pelanggan</td>
+<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="34"><div align="center">√</div></td>
+<td valign="bottom" nowrap="nowrap" width="31"><div align="center"></div></td>
+<td valign="bottom" nowrap="nowrap" width="33"><div align="center"></div></td>
+</tr><tr>
+<td valign="bottom" nowrap="nowrap" width="24"><p align="center">14</p></td>
+<td valign="bottom" nowrap="nowrap" width="533">Menampilkanmenu nota</td>
+<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="34"><div align="center">√</div></td>
+<td valign="bottom" nowrap="nowrap" width="31"><div align="center"></div></td>
+<td valign="bottom" nowrap="nowrap" width="33"><div align="center"></div></td>
+</tr><tr>
+<td valign="bottom" nowrap="nowrap" width="24"><p align="center">15</p></td>
+<td valign="bottom" nowrap="nowrap" width="533">Menampilkan data nota penjualan</td>
+<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="34"><div align="center">√</div></td>
+<td valign="bottom" nowrap="nowrap" width="31"><div align="center"></div></td>
+<td valign="bottom" nowrap="nowrap" width="33"><div align="center"></div></td>
+</tr><tr>
+<td valign="bottom" nowrap="nowrap" width="24"><p align="center">16</p></td>
+<td valign="bottom" nowrap="nowrap" width="533">Menampilkanmenu grafik</td>
+<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="34"><div align="center">√</div></td>
+<td valign="bottom" nowrap="nowrap" width="31"><div align="center"></div></td>
+<td valign="bottom" nowrap="nowrap" width="33"><div align="center"></div></td>
+</tr><tr>
+<td valign="bottom" nowrap="nowrap" width="24"><p align="center">17</p></td>
+<td valign="bottom" nowrap="nowrap" width="533">Menampilkan data grafik penjualan</td>
+<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="34"><div align="center">√</div></td>
+<td valign="bottom" nowrap="nowrap" width="31"><div align="center"></div></td>
+<td valign="bottom" nowrap="nowrap" width="33"><div align="center"></div></td>
+</tr><tr>
+<td valign="bottom" nowrap="nowrap" width="24"><p align="center">18</p></td>
+<td valign="bottom" nowrap="nowrap" width="533">Menampilkanmenu pengguna</td>
+<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="34"><div align="center">√</div></td>
+<td valign="bottom" nowrap="nowrap" width="31"><div align="center"></div></td>
+<td valign="bottom" nowrap="nowrap" width="33"><div align="center"></div></td>
+</tr><tr>
+<td valign="bottom" nowrap="nowrap" width="24"><p align="center">19</p></td>
+<td valign="bottom" nowrap="nowrap" width="533">Menampilkan data pengguna</td>
+<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="34"><div align="center">√</div></td>
+<td valign="bottom" nowrap="nowrap" width="31"><div align="center"></div></td>
+<td valign="bottom" nowrap="nowrap" width="33"><div align="center"></div></td>
+</tr><tr>
+<td valign="bottom" nowrap="nowrap" width="24"><p align="center">20</p></td>
+<td valign="bottom" nowrap="nowrap" width="533">Menampilkanmenu laporan</td>
+<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="34"><div align="center">√</div></td>
+<td valign="bottom" nowrap="nowrap" width="31"><div align="center"></div></td>
+<td valign="bottom" nowrap="nowrap" width="33"><div align="center"></div></td>
+</tr><tr>
+<td valign="bottom" nowrap="nowrap" width="24"><p align="center">21</p></td>
+<td valign="bottom" nowrap="nowrap" width="533">Menampilkan data laporan penjualan</td>
+<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="34"><div align="center">√</div></td>
+<td valign="bottom" nowrap="nowrap" width="31"><div align="center"></div></td>
+<td valign="bottom" nowrap="nowrap" width="33"><div align="center"></div></td>
+</tr><tr>
+<td valign="bottom" nowrap="nowrap" width="24"><p align="center">22</p></td>
+<td valign="bottom" nowrap="nowrap" width="533">Menampilkansearch data pada menu barang, pelanggan, nota, dan pengguna</td>
+<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="34"><div align="center">√</div></td>
+<td valign="bottom" nowrap="nowrap" width="31"><div align="center"></div></td>
+<td valign="bottom" nowrap="nowrap" width="33"><div align="center"></div></td>
+</tr><tr>
+<td valign="bottom" nowrap="nowrap" width="24"><p align="center">23</p></td>
+<td valign="bottom" nowrap="nowrap" width="533">Menampilkanedit  data pada menu barang, pelanggan,nota, dan pengguna</td>
+<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="34"><div align="center">√</div></td>
+<td valign="bottom" nowrap="nowrap" width="31"><div align="center"></div></td>
+<td valign="bottom" nowrap="nowrap" width="33"><div align="center"></div></td>
+</tr><tr>
+<td valign="bottom" nowrap="nowrap" width="24"><p align="center">24</p></td>
+<td valign="bottom" nowrap="nowrap" width="533">Menampilkan
+delete data pada menu barang, pelanggan, nota, dan pengguna</td>
+<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="34"><div align="center">√</div></td>
+<td valign="bottom" nowrap="nowrap" width="31"><div align="center"></div></td>
+<td valign="bottom" nowrap="nowrap" width="33"><div align="center"></div></td>
+</tr><tr>
+<td valign="bottom" nowrap="nowrap" width="24"><p align="center">25</p></td>
+<td valign="bottom" nowrap="nowrap" width="533">Menampilkancreate data pada menu barang, pelanggan, nota, dan pengguna</td>
+<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="34"><div align="center">√</div></td>
+<td valign="bottom" nowrap="nowrap" width="31"><div align="center"></div></td>
+<td valign="bottom" nowrap="nowrap" width="33"><div align="center"></div></td>
+</tr><tr>
+<td valign="bottom" nowrap="nowrap" width="24"><p align="center">26</p></td>
+<td valign="bottom" nowrap="nowrap" width="533">Menampilkanmenu log out</td>
+<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="34"><div align="center">√</div></td>
+<td valign="bottom" nowrap="nowrap" width="31"><div align="center"></div></td>
+<td valign="bottom" nowrap="nowrap" width="33"><div align="center"></div></td>
+</tr><tr>
+<table width="667" border="1" cellspacing="0" cellpadding="0" align="center">
+<tr bgcolor="#666666">
+<td colspan="2" valign="bottom" nowrap="nowrap"><b>Functional</b></td>
+<td rowspan="3" nowrap="nowrap" width="35"><p align="center"><b>M</b></p></td>
+<td rowspan="3" nowrap="nowrap" width="35"><p align="center"><b>D</b></p></td>
+<td rowspan="3" nowrap="nowrap" width="35"><p align="center"><b>I</b></p></td>
+<tr bgcolor="#666666"><td rowspan="2" nowrap="nowrap" width="24"><p align="center">
+<b>No.</b></p></td><td valign="bottom" nowrap="nowrap" width="533"><b>Analisa Kebutuhan</b></td>
+<tr bgcolor="#666666"><td valign="bottom" nowrap="nowrap" width="533"><b>Saya ingin sistem dapat</b></td></tr>
+<td valign="bottom" nowrap="nowrap" width="24"><p align="center">1</p></td>
+<td valign="bottom" nowrap="nowrap" width="533">Memilikitampilan yang menarik</td>
+<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="34"><div align="center"></div></td>
+<td valign="bottom" nowrap="nowrap" width="31"><div align="center"></div>√</td>
+<td valign="bottom" nowrap="nowrap" width="33"><div align="center"></div></td>
+<tr>
+<td valign="bottom" nowrap="nowrap" width="24"><p align="center">2</p></td>
+<td valign="bottom" nowrap="nowrap" width="533">Mudahdigunakan dan dipahami oleh user</td>
+<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="34"><div align="center">√</div></td>
+<td valign="bottom" nowrap="nowrap" width="31"><div align="center"></div></td>
+<td valign="bottom" nowrap="nowrap" width="33"><div align="center"></div></td>
+</tr><tr>
+<td valign="bottom" nowrap="nowrap" width="24"><p align="center">3</p></td>
+<td valign="bottom" nowrap="nowrap" width="533">Keamanandata terjamin</td>
+<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="34"><div align="center">√</div></td>
+<td valign="bottom" nowrap="nowrap" width="31"><div align="center"></div></td>
+<td valign="bottom" nowrap="nowrap" width="33"><div align="center"></div></td>
+</tr><tr>
+<td valign="bottom" nowrap="nowrap" width="24"><p align="center">4</p></td>
+<td valign="bottom" nowrap="nowrap" width="533">Hakakses dibatasi pada user tertentu</td>
+<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="34"><div align="center">√</div></td>
+<td valign="bottom" nowrap="nowrap" width="31"><div align="center"></div></td>
+<td valign="bottom" nowrap="nowrap" width="33"><div align="center"></div></td>
+</tr><tr>
+<td valign="bottom" nowrap="nowrap" width="24"><p align="center">5</p></td>
+<td valign="bottom" nowrap="nowrap" width="533">Dapat
+menampilkan pesan kesalahan</td>
+<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="34"><div align="center">√</div></td>
+<td valign="bottom" nowrap="nowrap" width="31"><div align="center"></div></td>
+<td valign="bottom" nowrap="nowrap" width="33"><div align="center"></div></td>
+</tr><tr>
+<td valign="bottom" nowrap="nowrap" width="24"><p align="center">6</p></td>
+<td valign="bottom" nowrap="nowrap" width="533">Digunakandengan berbagai macam program web browser</td>
+<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="34"><div align="center"></div></td>
+<td valign="bottom" nowrap="nowrap" width="31"><div align="center"></div>√</td>
+<td valign="bottom" nowrap="nowrap" width="33"><div align="center"></div></td>
+</table>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Keterangan :
+</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+M (Mandatory)    :  Dibutuhkan atau penting
+D (Desirable)      :  Diinginkan atau tidakterlalu penting
+I (Innessential)            : Di luar sistem atau di eliminasi
+</div>
+===Requirement Elisitasi Tahap III===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Berdasarkan Elisitasi Tahap II diatas, maka dibuatlah Elisitasi Tahap III yang diklasifikasikan kembali dengan menggunakan metode TOE dengan opse KML. Terdapat  requirement yang pilihannya antara lain ''High'' (H)dan harus dieliminasi, ''Middle'' (M) dan ''Low'' (L). Berikut lampiran Elisitasi Tahap III yang telah dibuat :
+</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Tabel 3.5  Elisitasi Tahap III</b></p></div>
+<table width="787" border="1" cellspacing="0" cellpadding="0" align="center">
+<tr><td colspan="2" valign="bottom" nowrap="nowrap" bgcolor="#666666"><b>Functional</b></td>
+<td colspan="3" rowspan="2" bgcolor="#666666"><div align="center"><strong>T</strong></div></td>
+<td colspan="3" rowspan="2" bgcolor="#666666"><div align="center"><strong>O</strong></div></td>
+<td colspan="3" rowspan="2" bgcolor="#666666"><div align="center"><strong>E</strong></div></td></tr>
+<tr><td width="24" rowspan="2" nowrap="nowrap" bgcolor="#666666"><p align="center"><b>No.</b></p></td>
+<td width="535" valign="bottom" nowrap="nowrap" bgcolor="#666666"><b>Analisa Kebutuhan</b></td></tr>
+<tr><td width="535" valign="bottom" nowrap="nowrap" bgcolor="#666666"><b>Saya ingin sistem dapat</b></td>
+<td width="22" bgcolor="#666666"><div align="center"><strong>L</strong></div></td>
+<td width="24" bgcolor="#666666"><div align="center"><strong>M</strong></div></td>
+<td width="23" bgcolor="#666666"><div align="center"><strong>H</strong></div></td>
+<td width="22" bgcolor="#666666"><div align="center"><strong>L</strong></div></td>
+<td width="24" bgcolor="#666666"><div align="center"><strong>M</strong></div></td>
+<td width="23" bgcolor="#666666"><div align="center"><strong>H</strong></div></td>
+<td width="22" bgcolor="#666666"><div align="center"><strong>L</strong></div></td>
+<td width="24" bgcolor="#666666"><div align="center"><strong>M</strong></div></td>
+<td width="20" bgcolor="#666666"><div align="center"><strong>H</strong></div></td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="24"><p align="center">1</p></td>
+<td valign="bottom" nowrap="nowrap" width="535">Menampilkanmenu login dengan menggunakan password</td><td valign="bottom" nowrap="nowrap" width="22"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="20"><div align="center"></div></td></tr><tr>
+<tr><td valign="bottom" nowrap="nowrap" width="24"><p align="center">2</p></td><td valign="bottom" nowrap="nowrap" width="535">Menampilkanperingatan jika Password salah</td><td valign="bottom" nowrap="nowrap" width="22"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="20"><div align="center"></div></td></tr><tr>
+<tr><td valign="bottom" nowrap="nowrap" width="24"><p align="center">3</p></td><td valign="bottom" nowrap="nowrap" width="535">Menampilkanmenu home </td><td valign="bottom" nowrap="nowrap" width="22"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="20"><div align="center"></div></td></tr><tr>
+<tr><td valign="bottom" nowrap="nowrap" width="24"><p align="center">4</p></td><td valign="bottom" nowrap="nowrap" width="535">Menampilkanlogo perusahaan</td><td valign="bottom" nowrap="nowrap" width="22"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="20"><div align="center"></div></td></tr><tr>
+<tr><td valign="bottom" nowrap="nowrap" width="24"><p align="center">5</p></td><td valign="bottom" nowrap="nowrap" width="535">Menampilkannama perusahaan</td><td valign="bottom" nowrap="nowrap" width="22"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="20"><div align="center"></div></td></tr><tr>
+<tr><td valign="bottom" nowrap="nowrap" width="24"><p align="center">6</p></td><td valign="bottom" nowrap="nowrap" width="535">Menampilkanalamat & no.telp perusahaan </td><td valign="bottom" nowrap="nowrap" width="22"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="20"><div align="center"></div></td></tr><tr>
+<tr><td valign="bottom" nowrap="nowrap" width="24"><p align="center">7</p></td><td valign="bottom" nowrap="nowrap" width="535">Menampilkanmenu barang</td><td valign="bottom" nowrap="nowrap" width="22"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="20"><div align="center"></div></td></tr><tr>
+<tr><td valign="bottom" nowrap="nowrap" width="24"><p align="center">8</p></td><td valign="bottom" nowrap="nowrap" width="535">Menampilkan data barang</td><td valign="bottom" nowrap="nowrap" width="22"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="20"><div align="center"></div></td></tr><tr>
+<tr><td valign="bottom" nowrap="nowrap" width="24"><p align="center">9</p></td><td valign="bottom" nowrap="nowrap" width="535">Menampilkanmenu pelanggan</td><td valign="bottom" nowrap="nowrap" width="22"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="20"><div align="center"></div></td></tr><tr>
+<tr><td valign="bottom" nowrap="nowrap" width="24"><p align="center">10</p></td><td valign="bottom" nowrap="nowrap" width="535">Menampilkan data pelanggan</td><td valign="bottom" nowrap="nowrap" width="22"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="20"><div align="center"></div></td></tr><tr>
+<tr><td valign="bottom" nowrap="nowrap" width="24"><p align="center">11</p></td><td valign="bottom" nowrap="nowrap" width="535">Menampilkanmenu nota</td><td valign="bottom" nowrap="nowrap" width="22"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="20"><div align="center"></div></td></tr><tr>
+<tr><td valign="bottom" nowrap="nowrap" width="24"><p align="center">12</p></td><td valign="bottom" nowrap="nowrap" width="535">Menampilkan data nota penjualan</td><td valign="bottom" nowrap="nowrap" width="22"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="20"><div align="center"></div></td></tr><tr>
+<tr><td valign="bottom" nowrap="nowrap" width="24"><p align="center">13</p></td><td valign="bottom" nowrap="nowrap" width="535">Menampilkanmenu grafik</td><td valign="bottom" nowrap="nowrap" width="22"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="20"><div align="center"></div></td></tr><tr>
+<tr><td valign="bottom" nowrap="nowrap" width="24"><p align="center">14</p></td><td valign="bottom" nowrap="nowrap" width="535">Menampilkan data grafik penjualan</td><td valign="bottom" nowrap="nowrap" width="22"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="20"><div align="center"></div></td></tr><tr>
+<tr><td valign="bottom" nowrap="nowrap" width="24"><p align="center">15</p></td><td valign="bottom" nowrap="nowrap" width="535">Menampilkanmenu pengguna</td><td valign="bottom" nowrap="nowrap" width="22"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="20"><div align="center"></div></td></tr><tr>
+<tr><td valign="bottom" nowrap="nowrap" width="24"><p align="center">16</p></td><td valign="bottom" nowrap="nowrap" width="535">Menampilkan data pengguna</td><td valign="bottom" nowrap="nowrap" width="22"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="20"><div align="center"></div></td></tr><tr>
+<tr><td valign="bottom" nowrap="nowrap" width="24"><p align="center">17</p></td><td valign="bottom" nowrap="nowrap" width="535">Menampilkanmenu laporan</td><td valign="bottom" nowrap="nowrap" width="22"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="20"><div align="center"></div></td></tr><tr>
+<tr><td valign="bottom" nowrap="nowrap" width="24"><p align="center">18</p></td><td valign="bottom" nowrap="nowrap" width="535">Menampilkan data laporan penjualan</td><td valign="bottom" nowrap="nowrap" width="22"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="20"><div align="center"></div></td></tr><tr>
+<tr><td valign="bottom" nowrap="nowrap" width="24"><p align="center">19</p></td><td valign="bottom" nowrap="nowrap" width="535">Menampilkansearch data pada menu barang, pelanggan, nota, dan pengguna</td><td valign="bottom" nowrap="nowrap" width="22"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="20"><div align="center"></div></td></tr><tr>
+<tr><td valign="bottom" nowrap="nowrap" width="24"><p align="center">20</p></td><td valign="bottom" nowrap="nowrap" width="535">Menampilkanedit  data pada menu barang, pelanggan,nota, dan pengguna</td><td valign="bottom" nowrap="nowrap" width="22"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="20"><div align="center"></div></td></tr><tr>
+<tr><td valign="bottom" nowrap="nowrap" width="24"><p align="center">21</p></td><td valign="bottom" nowrap="nowrap" width="535">Menampilkandelete data pada menu barang, pelanggan, nota, dan pengguna</td><td valign="bottom" nowrap="nowrap" width="22"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="20"><div align="center"></div></td></tr><tr>
+<tr><td valign="bottom" nowrap="nowrap" width="24"><p align="center">22</p></td><td valign="bottom" nowrap="nowrap" width="535">Menampilkancreate data pada menu barang, pelanggan, nota, dan pengguna</td><td valign="bottom" nowrap="nowrap" width="22"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="20"><div align="center"></div></td></tr><tr>
+<tr><td valign="bottom" nowrap="nowrap" width="24"><p align="center">23</p></td><td valign="bottom" nowrap="nowrap" width="535">Menampilkanmenu log out</td><td valign="bottom" nowrap="nowrap" width="22"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="20"><div align="center"></div></td></tr><tr>
+<table width="787" border="1" cellspacing="0" cellpadding="0" align="center">
+<tr><td colspan="2" valign="bottom" nowrap="nowrap" bgcolor="#666666"><b>Functional</b></td><td colspan="3" rowspan="2" bgcolor="#666666"><div align="center"><strong>T</strong></div></td><td colspan="3" rowspan="2" bgcolor="#666666"><div align="center"><strong>O</strong></div></td><td colspan="3" rowspan="2" bgcolor="#666666"><div align="center"><strong>E</strong></div></td></tr>
+<tr><td width="24" rowspan="2" nowrap="nowrap" bgcolor="#666666"><p align="center"><b>No.</b></p></td><td width="535" valign="bottom" nowrap="nowrap" bgcolor="#666666"><b>Analisa Kebutuhan</b></td></tr>
+<tr><td width="535" valign="bottom" nowrap="nowrap" bgcolor="#666666"><b>Saya ingin sistem dapat</b></td><td width="22" bgcolor="#666666"><div align="center"><strong>L</strong></div></td><td width="24" bgcolor="#666666"><div align="center"><strong>M</strong></div></td><td width="23" bgcolor="#666666"><div align="center"><strong>H</strong></div></td><td width="22" bgcolor="#666666"><div align="center"><strong>L</strong></div></td><td width="24" bgcolor="#666666"><div align="center"><strong>M</strong></div></td><td width="23" bgcolor="#666666"><div align="center"><strong>H</strong></div></td><td width="22" bgcolor="#666666"><div align="center"><strong>L</strong></div></td><td width="24" bgcolor="#666666"><div align="center"><strong>M</strong></div></td><td width="20" bgcolor="#666666"><div align="center"><strong>H</strong></div></td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="24"><p align="center">1</p></td><td valign="bottom" nowrap="nowrap" width="535">Memilikitampilan yang menarik</td><td valign="bottom" nowrap="nowrap" width="22"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="20"><div align="center"></div></td></tr><tr>
+<tr><td valign="bottom" nowrap="nowrap" width="24"><p align="center">2</p></td><td valign="bottom" nowrap="nowrap" width="535">Mudahdigunakan dan dipahami oleh user</td><td valign="bottom" nowrap="nowrap" width="22"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="20"><div align="center"></div></td></tr><tr>
+<tr><td valign="bottom" nowrap="nowrap" width="24"><p align="center">3</p></td><td valign="bottom" nowrap="nowrap" width="535">Keamanandata terjamin</td><td valign="bottom" nowrap="nowrap" width="22"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="20"><div align="center"></div></td></tr><tr>
+<tr><td valign="bottom" nowrap="nowrap" width="24"><p align="center">4</p></td><td valign="bottom" nowrap="nowrap" width="535">Hakakses dibatasi pada user tertentu</td><td valign="bottom" nowrap="nowrap" width="22"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="20"><div align="center"></div></td></tr><tr>
+<tr><td valign="bottom" nowrap="nowrap" width="24"><p align="center">5</p></td><td valign="bottom" nowrap="nowrap" width="535">Dapatmenampilkan pesan kesalahan</td><td valign="bottom" nowrap="nowrap" width="22"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="20"><div align="center"></div></td></tr><tr>
+<tr><td valign="bottom" nowrap="nowrap" width="24"><p align="center">6</p></td><td valign="bottom" nowrap="nowrap" width="535">Digunakandengan berbagai macam program web browser</td><td valign="bottom" nowrap="nowrap" width="22"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="23"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="22"><div align="center">√</div></td><td valign="bottom" nowrap="nowrap" width="24"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="20"><div align="center"></div></td></tr><tr>
+</table>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Keterangan :
+</div>
+<ol style="list-style-type:lower-alpha">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">“T” artinya Teknikal,bagaimana tata cara atau teknik pembuatan requirement dalam sistem yangdiusulkan?
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">“O” artinya Operasional, bagaimana tata cara penggunaan requirementdalam sistem akan dikembangkan?
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">“E” artinya Ekonomi,berapakah biaya yang diperlukan guna membangun requirement di dalam sistem?
+</ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+MetodeTOE tersebut dibagi kembali menjadi beberapa ''option'', yaitu:
+</div>
+<ol style="list-style-type:lower-alpha">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+  ''High'' (H) : Sulit untuk dikerjakan, karena teknik pembuatan dan pemakaiannya sulitserta biayanya mahal. Maka requirementtersebut harus dieliminasi.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+  ''Middle'' (M):Mampu dikerjakan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ ''Low'' (L)      : Mudah dikerjakan.
+</ol>
+===Requirement Final Draft Elisitasi===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Merupakanbentuk akhir dari tahap-tahap elisitasi yang dapat dijadikan acuan dan dasaruntuk membangun Sistem PenjualanBarang Kemasan Produk Berbasis Web pada CV Ismie Jaya BerdasarkanElisitasi Tahap III maka dapat dihasilkan requirementfinal draft yang diharapkan dapat mempermudah penulis untuk membuat suatuSistem Penjualan Produk Berbasis Web Pada CVIsmie Jaya, Berikut Lampiran Final Draft Elisitasiyang telah dibuat :
+</div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Tabel 3.6.Final Draft Elisitasi</b></p></div>
+<table width="595" border="1" cellspacing="0" cellpadding="0" align="center"><tr bgcolor="#666666"><td colspan="2" valign="bottom" nowrap="nowrap" width="426"><b>Functional</b></td><tr bgcolor="#666666"><td rowspan="2" nowrap="nowrap" width="39"><p align="center"><b>No</b></p></td><td valign="bottom" nowrap="nowrap" width="387"><b>Analisa Kebutuhan</b></td><tr bgcolor="#666666"><td valign="bottom" nowrap="nowrap" width="387"><b>Saya ingin sistem dapat</b></td></tr><tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">1</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkanmenu login dengan menggunakan password</td></tr><tr>
+<td valign="bottom" nowrap="nowrap" width="39"><p align="center">2</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkanperingatan jika Password salah</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">3</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkanmenu home </td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">4</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkanlogo perusahaan</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">5</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkannama perusahaan</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">6</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkanalamat & no.telp perusahaan</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">7</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkanmenu barang</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">8</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkan data barang</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">9</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkanmenu pelanggan</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">10</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkan data pelanggan</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">11</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkanmenu nota</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">12</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkan data nota penjualan</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">13</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkanmenu grafik</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">14</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkan data grafik penjualan</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">15</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkanmenu pengguna</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">16</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkan data pengguna</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">17</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkanmenu laporan</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">18</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkan data laporan penjualan</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">19</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkansearch data pada menu barang, pelanggan, nota, dan pengguna</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">20</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkanedit  data pada menu barang, pelanggan,nota, dan pengguna</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">21</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkandelete data pada menu barang, pelanggan, nota, dan pengguna</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">22</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkancreate data pada menu barang, pelanggan, nota, dan pengguna</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">23</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Menampilkanmenu log out</td></tr>
+<table width="595" border="1" cellspacing="0" cellpadding="0" align="center"><tr bgcolor="#666666"><td colspan="2" valign="bottom" nowrap="nowrap" width="426"><b>Non Functional</b></td><tr bgcolor="#666666">
+<td rowspan="2" nowrap="nowrap" width="39"><p align="center"><b>No</b></p></td><td valign="bottom" nowrap="nowrap" width="387"><b>Analisa Kebutuhan</b></td><tr bgcolor="#666666"><td valign="bottom" nowrap="nowrap" width="387"><b>Saya ingin sistem dapat</b></td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">1</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Memilikitampilan yang menarik</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">2</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Mudahdigunakan dan dipahami oleh user</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">3</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Keamanandata terjamin</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">4</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Hakakses dibatasi pada user tertentu</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">5</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Dapatmenampilkan pesan kesalahan</td></tr>
+<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">6</p></td>
+<td valign="bottom" nowrap="nowrap" width="387">Digunakandengan berbagai macam program web browser</td></tr>
+</table>
+=<p align="center"><b>BAB IV</b></p>=
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2"><b>
+RANCANGAN SISTEM YANG DIUSULKAN
+</b></p></div>
+==Rancangan Sistem usulan==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Setelah mengadakananalisa dan penelitian sistem yang sedang berjalan pada CV ISMIE JAYA, maka selanjutnyaakan dibahas mengenai rancangan usulan sistem yang akan dibangunlangkah-langkah berikutnya yaitu perancangan atau ''design'' sistem usulan yang bertujuan untuk mendukung sistem yanglama dengan memberi gambaran atau pandangan yang jelas menurut proses ''design'' sistem dari awal hingga akhirpenelitian. Dalam menganalisa usulan sistem yang baru pada penelitian inidigunakan aplikasi ''Visual Paradigm for UML'' ''Enterprise Edition Ver. 6.4 '' untuk menggambarkan ''use case diagram, activity diagram, sequence diagram'', dan ''class diagram''
+</div>
+===Prosedur Sistem Usulan===
+<ol style="list-style-type:lower-alpha">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Marketing
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Melakukan login sistem
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Menampilkan Menu Home
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+InputdataBarang
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Memeriksa stok barang
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Input data pelanggan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Input nota
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ Cetak nota
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Log out
+ </ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Manager
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ Melakukan log in
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Menampilkan menu home
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Menerima laporan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ Melihat grafik penjualan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Log out
+</ol>
+</ol>
+=== Usecase Diagaram Sistem Yang Diusulkan===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+UseCase Digram berfungsi untuk menggambarkan sistemdengan pemakai (User) yang disebut actor. Use Case Diagram digunakan untukmenggambarkan hubungan interaksi antara sistem dan pemakai(User).
+</div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img width=600 src="https://lh4.googleusercontent.com/tSxKBf6VNDSRhnIXIneK5XYg_lAsqx3X_GtJvC_f2w=w620-h536-no"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b> Gambar 4.1. Use Case Diagram Sistem penjualanyang diusulkan</b></p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Berdasarkan gambar 4.1. Use Case Diagram yang berjalan diatasterdapat
+</div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">1 system yang mencakupseluruh kegiatan yang sedang berjalan pada CV Ismie Jaya
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">2 actor yang melakukan kegiatan, yaitu: Marketing dan Manager.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">12 use case yang biasa dilakukan oleh actor-actor.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">8 include yang meliputi verifikasilog in benar, verifikasi login salah, input data barang, input data pelanggan,input nota, periksa stokbarang, laporanpenjualan grafik penjualan.
+</ol>
+===Activity Diagram yang diusulkan===
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img width=450 src="https://lh4.googleusercontent.com/-voofcpYRNeo/U_iHWh22k2I/AAAAAAAAAIk/3j_dRc5S1HA/w414-h476-no/gambar%2B4.2.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Gambar 4.2. Activity Diagram Sistem penjualan yang Diusulkan</b></p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Dari gambar 4.2 activity diagram diatas akan dijelaskan scenario  sebagai berikut :
+</div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">1  Initial Node,sebagai awal objek.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">1 Decision Node.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+action dari sistem yang mencerminkaneksekusi dari suatu aksi.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Fork Note dari sistem yang mencerminkan penggabungan action.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+  final Node, sebagai objek yang diakhiri
+</ol>
+===Sequence Diagram yang disulkan===
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Sequence diagram menu login yang diusulkan
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img width=700 src="https://lh4.googleusercontent.com/-In8GiUvgewQ/U_iHdN7X6rI/AAAAAAAAALM/YY9Z_fu2M7I/w627-h316-no/gambar%2B4.3.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Gambar 4.3 Squence diagram menu login yang diusulkan
+</b></p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Dari gamnbar 4.3 Squence diagram menu login yang diusulkanpenulis akan menjelaskan scenario sebagai berikut :Sequence diagramdiatas terdiri dari 2 (dua) actor, yaitu: admin (marketing) dan user(manager)  kegiatan,yaitu:
+</div>
+<ul>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Admin :
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Masuk halaman login
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Masukkan username dan password
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ Validasi
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+User :
+</ul>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ Masuk halaman login
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Masukkan username dan password<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+  Validasi
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Sequence diagram menu home yang diusulkan
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img width=500 src="https://lh3.googleusercontent.com/-s2W3IEONQtI/U_iHfedpQ7I/AAAAAAAAAKA/PeoPb_XOyw0/w389-h276-no/gambar%2B4.4.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>
+Gambar 4.4 Sequence diagram menu home yangdiusulkan</b></p></div>
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Dari gamnbar 4.4 Squence diagram menu home yang diusulkan  penulis akan menjelaskan scenario sebagai berikut:Sequence diagramdiatas terdiri dari 2 (dua) actor, yaitu: admin (marketing) dan user(manager)  tampilan menu home, yaitu:
+</div>
+<ul>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Admin :<ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ Tampilan menu barang
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Tampilan memnu pelanggan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Tampilan menu nota
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+User :
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Tampilan menu grafik
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Tampilan menu laporan
+</ol>
+</ul>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Sequence menu barang yang diusulkan
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img width=500 src="https://lh3.googleusercontent.com/-5YGjKgcT8W8/U_iHfi679UI/AAAAAAAAAK4/asQRjuJLSDQ/w445-h296-no/gambar%2B4.5.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Gambar 4.5 Sequence diagram menu barang yangdiusulkan</b></p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Dari gamnbar 4.5 Squence diagram menu barang yang diusulkan  penulis akan menjelaskanscenario sebagai berikut :Sequence diagramdiatas terdiri dari 1 actor, yaitu: admin (marketing)
+</div>
+<ul>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Admin :
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Pilih menu barang
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Update untuk merubah data barang
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Delete untuk menapus data barang
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ Input barang untuk tambah data barang
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Simpan untuk menyimpan data yang telah diinput
+</ol></ul>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Sequence diagram menu pelanggan yang diusulkan
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img width=500 src="https://lh6.googleusercontent.com/-yC6fdwvquyg/U_iHf6hfaNI/AAAAAAAAAKM/guZgo2UGhT4/w465-h296-no/gambar%2B4.6.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Gambar 4.6 Sequence diagram menu pelanggan yang diusulkan</b></p></div>
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Dari gamnbar 4.6 Squence diagram menu barang yang diusulkan  penulis akan menjelaskanscenario sebagai berikut :Sequence diagramdiatas terdiri dari 1 actor, yaitu: admin (marketing)
+</div>
+<ul>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Admin :
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Pilih menu pelanggan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Update untuk merubah data pelanggan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Delete untuk menapus data pelanggan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Input pelanggan untuk tambah data pelanggan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Simpan untuk menyimpan data yang telah diinput
+</ol></ul>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Sequence diagram menu nota yang diusulkan
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img width=500 src="https://lh5.googleusercontent.com/-PJy0_HlwRtc/U_iHgi8XKzI/AAAAAAAAAKk/jCqfXBayuqU/w465-h296-no/gambar%2B4.7.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Gambar 4.7 Sequence diagram menu nota yang diusulkan</b></p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">Dari gamnbar 4.7 Squence diagram menu barang yang diusulkan  penulis akan menjelaskanscenario sebagai berikut :Sequence diagramdiatas terdiri dari 1 actor, yaitu: admin (marketing)
+ </div>
+<ul>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Admin :
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Pilih menu nota
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Update untuk merubah data nota
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Delete untuk menapus data nota
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Input nota untuk tambah data nota
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ Simpan untuk menyimpan data yang telah diinput
+</ol></ul>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Sequence diagram menu grafik yang diusulkan
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img width=500 src="https://lh6.googleusercontent.com/-TZ0Z_mP51M4/U_iHhfXBYqI/AAAAAAAAAKY/OWeqesWmvpg/w447-h296-no/gambar%2B4.8.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Gambar 4.8 sequence diagram menu home yang diusulkan</b></p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Dari gamnbar 4.8 Squence diagram menu barang yang diusulkan  penulis akan menjelaskanscenario sebagai berikut :Sequence diagramdiatas terdiri dari 1 actor, yaitu: user (manager)
+ </div>
+<ul>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+user :
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Pilih menugrafik untuk melihat grafik penjualan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tampilangrafik penjualan
+</ol></ul>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Sequence diagram menu laporan yang diusulkan
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img width=500 src="https://lh3.googleusercontent.com/-s9RSuhehKxs/U_iHhz_raWI/AAAAAAAAAKc/0c0POY0ibmI/w497-h296-no/gambar%2B4.9.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Gambar 4.9 Sequence diagram menu laporan yangdiusulkan</b></p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">Dari gamnbar 4.9 Squence diagram menu barang yang diusulkan  penulis akan menjelaskanscenario sebagai berikut :Sequence diagramdiatas terdiri dari 1 actor, yaitu: user (manager) </div>
+<ul>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+user :
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Pilih menulaporan<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Pilih bulandan tahun yang akan dilihat laporan penjualannya
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Tampilanlaporan penjualan
+</ol></ul>
+</ol>
+===Perbedaan Prosedur Antara Sistem Berjalan dan Sistem Usulan===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Pada bab ini akan dijelaskan perbedaan sistem penjualan barang yang berjalan saat ini dan sistem penjualan barang yang diusulkan ditabel 4.1 dibawah ini :
+</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Tabel 4.1
+Perbedaan prosedur antara sistem berjalan dansistem usulan</b></p></div>
+:{| class="wikitable" : align="center" <div align="center">
+|-
+! No !! Sistem Berjalan !! Sistem Usulan
+|-
+| 1 || proses ''search'' data lebih lama|| Memudahkan Pencarian Data-data
+|-
+| 2 || tidak dapat melihat grafik hasil penjualan terbanyak || Dasboard Sistem
+|-
+</div>
+|}
+==Rancangan Basis Data==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Pada babini menjelaskan secara terperinci rancangan-rancangan yang diusulkan padabagian basis data yang merupakan penjabaran diagram-diagram di atas.
+</div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Class Diagram  yang diusulkan
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+RancanganSistem class diagram yang diusulkan adalahsebagai berikut pada gambar 4.10:
+</div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img width=850 src="https://lh6.googleusercontent.com/aCDMchFNzGD4-CZ9qeCgkR-wkFizpuIP-e6zWok7Hg=w835-h546-no"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Gambar 4.10 Class diagram yang diusulkan</b></p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Spesifikasi Basis Data
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Rancangan database dipakai untuk mempermudah dalamproses penyeleksian data, serta membantu pemprograman dalam mengambil danmenampilkan data. Pada databasedigunakan tabel-tabel, dan pada tabel-tabel ini akan dijelaskan nama  field, type dan sizemengenai data tersebut.
+</div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Nama File              : Barang
+Media                  : Harddisk
+Isi :(id_brg +Nama_brg+id_jenis+id_satuan+hrg_jual+stok_brg)
+PrimaryKey        : id_brg
+PanjangRecord    : 77
+</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Tabel
+.2 Tabel Barang</b></p></div>
+:{| class="wikitable" : align="center"
+|-
+! No !! Field Name!! Data Type !!  Field Size    !!    Keterangan
+|-
+| 1 || ID_BRG || Varchar || 5 || Id Barang
+|-
+| 2 ||NAMA_BRG  ||Varchar ||50  || Nama Barang
+|-
+| 3|| ID_JENIS ||Varchar ||4  || Stok Barang
+|-
+| 4 || ID_SATUAN ||Varchar || 3 || Satuan Barang
+|-
+| 5 || HRG_JUAL ||MediumInt ||9  || Harga Barang
+|-
+| 6 ||STOK_BRG  || SmallInt || 6 || Stok Barang
+|-
+|}
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Nama File                          :Detil_nota
+Media                              : Harddisk
+Isi                                    :(id_nota +No_nota+id_brg+jml_beli+price)
+PrimaryKey                    : id_nota
+PanjangRecord                : 49
+</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Tabel4.3 Tabel detil_nota</b></p></div>
+:{| class="wikitable" : align="center"
+|-
+! No !! Field Name!! Data Type !!  Field Size    !!    Keterangan
+|-
+| 1 ||ID_NOTA || Int || 11 || Id Nota
+|-
+| 2 ||NO_NOTA  ||Varchar ||20 || Nomor Nota
+|-
+| 3|| ID_BRG||Varchar ||5 || Id Barang
+|-
+| 4 || JML_BELI ||Int|| 2 || Jumlah Beli
+|-
+| 5 || PRICE ||Int ||11  || HargaBarang
+|-
+|}
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Nama File                          :Nota
+Media                              : Harddisk
+Isi                                    :(no_nota +id_nota+id_pelanggan+tgl_nota)
+PrimaryKey                    : no_nota
+PanjangRecord                : 35
+</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Tabel4.4 Tabel nota</b></p></div>
+:{| class="wikitable" : align="center"
+|-
+! No !! Field Name!! Data Type !!  Field Size    !!    Keterangan
+|-
+| 1 ||NO_NOTA || Varchar || 20 || Nomor Nota
+|-
+| 2 ||ID_NOTA  ||Int ||11 || Id Nota
+|-
+| 3|| ID_PELANGGAN || Tinyint ||4 || Id Pelanggan
+|-
+| 4 || TGL_NOTA ||Date||  || Tanggal Not
+|-
+|}
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Nama File                          :Jenis_barang
+Media                              : Harddisk
+Isi                                    :(id_jenis +nama_jenis+ket_jenis)
+PrimaryKey                    : id_jenis
+PanjangRecord                : 54
+</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Tabel4.5 Tabel jenis_barang</b></p></div>
+:{| class="wikitable" : align="center"
+|-
+! No !! Field Name!! Data Type !!  Field Size    !!    Keterangan
+|-
+| 1 || ID_JENIS || Varchar || 4 || Id Jenis Barang
+|-
+| 2 ||NAMA_JENIS  ||Varchar ||20  || Nama Jenis Barang
+|-
+| 3|| KET_JENIS ||Varchar ||30  || Keterangan Jenis Barang
+|-
+|}
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Nama File                          : Satuan
+Media                              : Harddisk
+Isi                                    :(id_satuan +ket_satuan)
+PrimaryKey                    : id_satuan
+PanjangRecord                : 54
+</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Tabel4.6 Tabel Satuan</b></p></div>
+ :{| class="wikitable" : align="center"
+|-
+! No !! Field Name!! Data Type !!  Field Size    !!    Keterangan
+|-
+| 1 ||ID_SATUAN || Varchar || 3 || Id Satuan
+|-
+| 2 ||KET_SATUAN  ||Varchar ||20  || Keterangan Satuan
+|-
+|}
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Nama File              :Pealanggan
+Media                      :Hard disk
+Isi                            : (id_pelanggan +nama + alamat + no_telp +email)
+Primary Key            :Id_pelanggan
+Panjang Record      : 66
+</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Tabel 4.7 Tabel Pelanggan</b></p></div>
+:{| class="wikitable" : align="center"
+|-
+! No !! Field Name!! Data Type !!  Field Size    !!    Keterangan
+|-
+| 1 ||ID_PELANGGAN || TniyInt || 4|| Id Pelanggan
+|-
+| 2 ||NAMA  ||Varchar ||30 || Nama Pelanggan
+|-
+| 3|| ALAMAT||Varchar ||50 || Alamat Pelanggan
+|-
+| 4 || NO_TELP ||Varchar|| 13 || Telp Pelanggan
+|-
+| 5 ||EMAIL||Varchar ||30  || Email Pelanggan
+|-
+|}
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Nama File                          :Pengguna
+Media                                  :Hard disk
+Isi                                        :(username+password+nama+level)
+Primary Key                        :Id_pelanggan
+Panjang Record                  : 85
+</div>
+        <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Tabel 4.8  Tabel Pengguna</b></p></div>
+:{| class="wikitable" : align="center"
+|-
+! No !! Field Name!! Data Type !!  Field Size    !!    Keterangan
+|-
+| 1 ||USERNAME || TniyInt || 20|| Id Supplier
+|-
+| 2 ||PASSWORD  ||Varchar ||20 || Nama supplier
+|-
+| 3|| NAMA||Varchar ||30 || Alamat Supplier
+|-
+| 4 || LEVEL||Varchar|| 15 || Tlp Supplier
+|-
+|}
+</ol></ol>
+==Flowchart Sistem Yang Diusulkan==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Flowchart programmerupakan keterangan yang lebih rinci tentang bagaimana setiap langkah programatau prosedur sesungguhnya yang dilaksanakan. Flowchart ini menunjukan setiap langkah program atau prosedur dalamurutan yang tepat saat terjadi. Berikut Flowchartprogram untuk Aplikasi PenjualanBarang Produk Kemasan Pada CV ISMIE JAYA yaitu:
+</div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Flowchart Login
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img width=400 src="https://lh5.googleusercontent.com/-2x4Mug2w8DI/U_iHQivgl-I/AAAAAAAAAHY/J1u04wuGJtU/w395-h336-no/gambar%2B4.11.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Gambar 4.11 flowchart  login</b></p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Dapatdijelaskan gambar 4.11 flowchart program untuk menu Halaman Userdari Aplikasi penjualan barangkemasan produk pada CV ISMIE JAYA diatas ini terdiridari:
+</div>
+<ol style="list-style-type:lower-alpha">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> 2 (dua) simbol terminal, yang berperan sebagai “start” dan “finish” pada aliran proses flowchartprogram pada login user.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">1 (satu) simbol decision, yangberperan memeriksa hasil process dariinput username & password. Jika data terdapat pada database dengan tabel “pengguna” maka aplikasiakan menampilkan “Tampilan Menu Home” dan jika tidak terdapat data username dan password pada tabel “pengguna” maka akan tampil pesan “InvalidLogin” kemudian kembali ke “Tampilan Login”.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">2 (dua) simbol Display yangberperan menampilkan tampilan aplikasi diantaranya : TampilanLogin dan Tampilan Menu utama.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">1 (satu) simbol process yangberperan memproses hasil input username& password.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">1 (satu) simbol stored data, yangmenjelaskan data yang digunakan oleh proses “Cek Username & Password”.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">1 (satu) simbol Network Message, untuk menampilkan pesan“Invalid Login”.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">1 (satu) simbol manual input, yang menandakanmasukanyang dilakukan oleh user.
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Flowchart menu barang
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img width=500 src="https://lh4.googleusercontent.com/Sikc9HaFL7KK4J5q_wskGnPPvs_jOky4GH2Aa0jw3w=w651-h347-no"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Gambar 4.12 flowchart menu barang</b></p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Dapat dijelaskan gambar 4.12. flowchart program untuk
+menu “menu barang” dari “Aplikasi penjualan barang kemasan produk pada CV ISMIE JAYA” diatas ini terdiri dari:
+</div>
+<ol style="list-style-type:lower-alpha">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">2 (dua) simbol terminal, yang berperan sebagai “start” dan “finish” pada aliran proses flowchartprogram pada menu barang.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> 4(empat) simbol Decision, menjelaskanpilihan menu informasi yang bisa dipilih diantaranya : tambah, view, update, delete
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> 2 (dua) simbol Display yangberperan menampilkan tampilan aplikasi diantaranya : Tampilan menu barang dan Tampilan data barang.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">2 (dua) simbol process yangberperan memproses hasil delete dan simpan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">1 (satu) simbol stored data, yangmenjelaskan data yang digunakan oleh“tampilan dat barang”
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> 3 (tiga) simbol manual input, yangmenandakan masukanyang dilakukan oleh user.
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Flowchart menu pelanggan
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img width=500 src="https://lh3.googleusercontent.com/-QGzSqYS92vk/U_iHRz9g27I/AAAAAAAAAHo/f7z7Pj0Tj0c/w651-h347-no/gambar%2B4.13.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Gambar 4.13 flowchart  menu pelanggan</b></p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Dapatdijelaskan gambar 4.13. flowchart program untuk menu“menu pelanggan” dari “Aplikasi penjualan barang kemasan produk pada CV ISMIE JAYA” diatas ini terdiri dari:
+</div>
+<ol style="list-style-type:lower-alpha">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> 2 (dua) simbol terminal, yang berperan sebagai “start” dan “finish” pada aliran proses flowchartprogram pada menu pelanggan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">4(empat) simbol Decision, menjelaskanpilihan menu informasi yang bisa dipilih diantaranya : tambah, view, update, delete
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">2 (dua) simbol Display yangberperan menampilkan tampilan aplikasi diantaranya : Tampilan menu pelanggan dan Tampilan data pelanggan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">2 (dua) simbol process yangberperan memproses hasil delete dan simpan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">1 (satu) simbol stored data, yangmenjelaskan data yang digunakan oleh“tampilan data pelanggan”
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">3 (tiga) simbol manual input, yangmenandakan masukanyang dilakukan oleh user.
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Flowchart menu nota
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img width=500 src="https://lh5.googleusercontent.com/-yBsdotJAZ0w/U_iHTEmfbWI/AAAAAAAAAH4/XWoohH8fXqE/w651-h347-no/gambar%2B4.14.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Gambar 4.14 flowchart  menu nota</b></p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Dapatdijelaskan gambar 4.14 flowchart program untuk menu “menu nota” dari “Aplikasi penjualan barang kemasan produk pada CV ISMIE JAYA” diatas ini terdiri dari:
+</div>
+<ol style="list-style-type:lower-alpha">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">2 (dua) simbol terminal, yang berperan sebagai “start” dan “finish” pada aliran proses flowchartprogram pada menu nota.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">4(empat) simbol Decision, menjelaskanpilihan menu informasi yang bisa dipilih diantaranya : tambah, view, update, delete
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">2 (dua) simbol Display yangberperan menampilkan tampilan aplikasi diantaranya : Tampilan menu nota dan Tampilan data nota.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">  2 (dua) simbol process yangberperan memproses hasil delete dan simpan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">  1 (satu) simbol stored data, yangmenjelaskan data yang digunakan oleh“tampilan data nota”
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">  3 (tiga) simbol manual input, yangmenandakan masukanyang dilakukan oleh user.
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Flowchart menu grafik
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img width=350 src="https://lh6.googleusercontent.com/Uud_SIX_a-2CvEDOhGA3NhwQvDIuQLV87D2rjKlV5w=w301-h231-no"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Gambar 4.15 flowchart  menu grafik</b></p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Dapatdijelaskan gambar 4.15 flowchart program untuk menu “menu grafik” dari “Aplikasi penjualan barang kemasan produk pada CV ISMIE JAYA” diatas ini terdiri dari
+</div>
+<ol style="list-style-type:lower-alpha">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">2 (dua) simbol terminal, yang berperan sebagai “start” dan “finish” pada aliran proses flowchartprogram  pada menu grafik.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+(satu) simbol Display yangberperan menampilkan tampilan aplikasi diantaranya : Tampilan grafik.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">1 (satu) simbol stored data, yangmenjelaskan data yang digunakan oleh“tampilan grafik”
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Flowchart menu pengguna
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img width=500 src="https://lh4.googleusercontent.com/-7AS0SEnFzXI/U_iHUR1XIvI/AAAAAAAAALM/1V_EKenHkUo/w651-h347-no/gambar%2B4.16.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Gambar 4.16flowchart  menu pengguna</b></p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Dapat dijelaskan gambar 4.16 flowchart program untuk menu “menu pengguna” dari “Aplikasi penjualan barang kemasan produk pada CV ISMIE JAYA” diatas ini terdiri dari:
+</div>
+<ol style="list-style-type:lower-alpha">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">2 (dua) simbol terminal, yang berperan sebagai “start” dan “finish” pada aliran proses flowchartprogram pada menu pengguna.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">4(empat) simbol Decision, menjelaskanpilihan menu informasi yang bisa dipilih diantaranya : tambah, view, update, delete
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">2 (dua) simbol Display yangberperan menampilkan tampilan aplikasi diantaranya : Tampilan menu pengguna dan Tampilan data pengguna.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">  2 (dua) simbol process yangberperan memproses hasil delete dan simpan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">1 (satu) simbol stored data, yangmenjelaskan data yang digunakan oleh“tampilan data pengguna”
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">3 (tiga) simbol manual input, yangmenandakan masukanyang dilakukan oleh user
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Flowchart menu laporan
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img width=450 src="https://lh6.googleusercontent.com/-Y1tqDigj-_E/U_iHUooqnaI/AAAAAAAAAIE/gYBEMWhz72g/w417-h325-no/gambar%2B4.17.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Gambar4.17 flowchart  menu laporan</b></p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Dapat dijelaskan gambar 4.17. flowchart program untuk menu “menu laporan” dari “Aplikasi penjualan barang kemasan produk pada CV ISMIE JAYA” diatas ini terdiri dari:
+</div>
+<ol style="list-style-type:lower-alpha">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">2 (dua) simbol terminal, yang berperan sebagai “start” dan “finish” pada aliran proses flowchartprogram pada menu laporan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">1(satu) simbol Decision, menjelaskanpilihan menu informasi yang bisa dipilih diantaranya : tampilan  datalaporan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">  2 (dua) simbol Display yangberperan menampilkan tampilan aplikasi diantaranya : Tampilan menu  laporan danTampilan data laporan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">1 (satu) simbol stored data, yangmenjelaskan data yang digunakan oleh“tampilan data laporan”
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> 1 (satu) simbol manual input, yangmenandakan masukanyang dilakukan oleh user
+</ol></ol>
+==Rancangan Program==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+HIPO (''HirarchyPlus Input Process Output'') yaitu alat bantu untuk membuat spesifikasiprogram yang merupakan struktur yang berisi diagram dimana di dalam program iniberisi input yang diproses danmenghasilkan ''output''. Spesifikasiprogram menjelaskan mengenai cara penggunaan aplikasi program yang diusulkan. ''Visual Table Of Content'' (VTOC) adalahdiagram yang menggambarkan hubungan dan fungsi pada sistem secara berjenjang,yaitu seperti dibawah ini:
+</div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img width=850 src="https://lh5.googleusercontent.com/-V9vFBAUP5yQ/U_iHVmxpRXI/AAAAAAAAALM/2heb8TJdBsc/w1044-h573-no/gambar%2B4.18.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Gambar 4.18</b></p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>HIPO (Hirarchy Plus Input Process Output)</b></p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Aplikasi penjualan barang</b></p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Adapun spesifikasiprogram  yang diusulkan tersebut, yaitu:
+</div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Nama program                        : Login
+Fungsiprogram                      : Untuk masuk ke dalammenu utama
+Bahasa Pemrograman              : Basic
+Proses Program            :
+</div>
+<ol style="list-style-type:lower-alpha">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Jalankan program
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menampilkan halaman login, lalu input username dan password
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">  Klik login untuk menyatakan bahwa usernamedan password sudah benar dan jikabenar maka akan masuk ke dalam menu utama
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">    Jika salah memasukan username dan password maka akan muncul pesan “Incorrect username or password”
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">  Nama program            : Halaman Marketing
+Fungsi program          :Untuk menampilkan menu pilihan yang
+terdapat di dalamaplikasi menu marketing (admin)
+Bahasa Pemrograman  : Basic
+Proses Program            : Jalankan program menu utama, lalu pilih
+salah satu fituryang terdapat pada menu utama, yaitu terdiri dari: home, barang pelanggan, nota Logout.
+</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Nama program            : Barang
+Fungsi program        : Untukmenampilkan informasi tentang databarang.
+Bahasa Pemrograman  : Basic
+Proses Program            :
+</div>
+<ol style="list-style-type:lower-alpha">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Pada “Menu Utama”, kemudian pilih“menu barang”, selanjutnya “input barang” untuk menambah databarang
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Pada “Menu Utama”, kemudian pilih“menu barang”, selanjutnya “data barang” untuk melihat data barang.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Pada “Menu Utama”, kemudian pilih“menu barang”, selanjutnya “input jenis brg” untuk menambah datajenis barang
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Pada “Menu Utama”, kemudian pilih“menu barang”, selanjutnya “data jenis brg” untuk melihat datajenis barang
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Pada “Menu Utama”, kemudian pilih“menu barang”, selanjutnya “input satuan brg” untuk menambah datasatuan barang
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Pada “Menu Utama”, kemudian pilih“menu barang”, selanjutnya “data satuan brg” untuk melihat datasatuan barang.
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">Nama program            : Pelanggan
+Fungsi program        : Untuk menampilkan  informasi tentang datapelanggan.
+Bahasa Pemrograman  : Basic
+Proses Program            :
+</div>
+<ol style="list-style-type:lower-alpha">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">      Pada “Menu Utama”, kemudian pilih“menu pelanggan”, selanjutnya  “input pelanggan” untukmenambah data pelanggan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Pada “Menu Utama”, kemudian pilih“menu pelanggan”, selanjutnya  “data pelangan” untukmelihat data pelanggan.
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">Nama program            : Nota
+Fungsi program            :Untuk menampilkan informasitentang data nota.
+Bahasa Pemrograman  : Basic
+Proses Program            :
+</div>
+<ol style="list-style-type:lower-alpha">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Pada “Menu Utama”, kemudian  pilih “menu nota”, selanjutnya  “input nota” untuk menambah data nota
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Pada “Menu Utama”, kemudian pilih“menu nota”, untuk melihat data nota.
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+    <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">Nama program            : Halaman Manager
+Fungsi program          :Untuk menampilkan menu pilihan yang
+terdapat di dalamaplikasi halaman manager (user)
+Bahasa Pemrograman  : Basic
+Proses Program            : Jalankan program menu utama, lalu pilih salah satu fitur yang terdapat pada menu utama, yaitu terdiri dari: grafik dan penjualan
+</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">Nama program            : Grafik
+Fungsi program        : Untukmenampilkan  informasi tentang data grafik penjualan.
+Bahasa Pemrograman  : Basic
+Proses Program            : Pada “Menu Utama”, kemudian pilih “menu grafik”, selanjutnya  melihat data grafik penjualan.
+</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">    Nama program            : Laporan
+Fungsi program        : Untukmenampilkan  informasi tentang data Laporan.
+Bahasa Pemrograman  : Basic
+Proses Program            : Pada “Menu Utama”, kemudian pilih “menu laporan”, selanjutnya “pilih bulan dan tahun” untuk melihat data laporan penjualan bulan dan tahun
+yang di inginkan
+</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">Logout.
+Nama program            : Logout
+Fungsi program          :Untuk keluar dari aplikasi
+Bahasa Pemrograman  : Basic
+Proses Program            : Pada “Menu Utama” pilih “logout” , maka akan tampil halaman login yang menandakan bahwa marketing (''admin'') atau manager (''user'')  telah keluar dari aplikasi
+</div>
+</ol>
+==Rancangan Prototype==
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Menu Login
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Padagambar 4.19 menampilkan menu login yang berfungsi sebagai pintu masuk pada menuutama, untuk melakukan login diperlukan username dan password pengguna
+</div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img width=700 src="https://lh6.googleusercontent.com/vzFwH02v9h2ZPOV6e3KpXpGLJOSDDcRTs6mg2W7-gdw=w801-h456-no"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Gambar 4.19 Prototype menu Login</b></p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Login salah
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Pada gambar 4.20 berisi tampilan menu jika terjadi kesalahan input username dan password atau usernamame dan password kosong
+</div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img width=700 src="https://lh6.googleusercontent.com/-FONY5TmJJXQ/U_iHeo6Hc1I/AAAAAAAAAKw/LgGXR-cEIQs/w811-h454-no/gambar%2B4.20.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Gambar 4.20 Protoype menu Login</b></p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menu Home.
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Pada gambar 4.21 dijelaskan setelahmelakukan login secara benar maka akan ada tampilan menu Home yang berisikan menu-menu pilihan yang akandigunakan oleh admin
+</div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img width=700 src="https://lh3.googleusercontent.com/-oCC962Hry0o/U_iHXoL0atI/AAAAAAAAAIo/5fRpr0r8yuI/w800-h454-no/gambar%2B4.21.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Gambar 4.21Prototype menu Home</b></p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">MenuBarang
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Pada gambar 4.22 berisikan input barang dan data-databarang yang telah diinput sebelumnya, di dalam menu ini terdapat menu view,update, dan delete.
+</div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img width=700 src="https://lh5.googleusercontent.com/-3cSbGCUzeEQ/U_iHX3deGsI/AAAAAAAAAIs/AE8hhpNlQrw/w803-h450-no/gambar%2B4.22.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Gambar 4.22 Prototype menu Barang</b></p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Input Barang
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Pada gammbar 4.23 menampilkan form input Barang berisi id brg, namabrg, id jenis, id satuan, hrg jual dan stok barang yang harus diinputkan secaramanual oleh admin
+</div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img width=700 src="https://lh4.googleusercontent.com/-kwObMF8Kp84/U_iHYtmi4dI/AAAAAAAAAJA/V-2KqV5G0Pg/w807-h456-no/gambar%2B4.23.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Gambar 4.23 Prototype Input Barang</b></p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ Menu Pelanggan
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Pada gambar 4.24 berisikan input pelanggandan data-data pelanggan yang telah diinputsebelumnya, di dalam menu ini terdapat menu view, update, dan delete
+</div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img width=700 src="https://lh4.googleusercontent.com/-Llvk7DY29Bw/U_iHY7uNU3I/AAAAAAAAAI4/h7xJyPm21Ss/w800-h448-no/gambar%2B4.24.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Gambar 4.24 Prototype menu Pelanggan</b></p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Input Pelanggan
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Pada gambar 4.25 menampilkan form input pelanggan berisi nama, alamat,no telp, email yang harus diinputkan secara manual oleh admin
+</div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img width=700 src="https://lh5.googleusercontent.com/-SH5cZCXcgRM/U_iHZ19-eiI/AAAAAAAAAJM/nGb82VAb7kw/w795-h443-no/gambar%2B4.25.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Gambar 4.25 Prototype Input Pelanggan</b></p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">  Menu Nota
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Pada gambar 4.26 berisikan input notadan data-data nota yang telah diinputsebelumnya, di dalam menu nota terdapat menu view, update, dan delete
+</div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img width=700 src="https://lh4.googleusercontent.com/-6Dxg9FWcBhw/U_iHaThBQuI/AAAAAAAAALM/Bqbek6V3-Jg/w804-h446-no/gambar%2B4.26.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Gambar 4.26 Prototype menu Nota</b></p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Input Nota
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Pada gambar 4.27 berisikan form input notayang berisi no nota, pelanggan, tgl nota,nama barang, jml beli yang diinputkan secara manual oleh admin
+</div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img width=700 src="https://lh4.googleusercontent.com/kFVoiZzdF4MUIdybbMUYgUJhtuKNXiEOk3jfS1ef_g4=w801-h453-no"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Gambar 4.27 Prototype menu Input Nota</b></p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menu Grafik
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Halaman iniberisikan grafik data penjualan yang berisi atribut, nama barang, dan mostseller
+</div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img width=700 src="https://lh6.googleusercontent.com/TVKRxIJWF7pPQSYg67z3hvU6GjDUdkTCga3tlaB6apY=w804-h446-no"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Gambar 4.28 Prototype menu Grafik</b></p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menu Pengguna
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Halaman ini berisikan form input pengguna dan data-data pengguna yang telah diinput sebelumnya, di dalam menu initerdapat menu view, update, dan delete
+</div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img width=700 src="https://lh5.googleusercontent.com/-JRmsgXMCpbs/U_iHcOir1ZI/AAAAAAAAAJc/AcgP1PXukiU/w812-h452-no/gambar%2B4.29.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Gambar 4.29 Prototype Menu Pengguna</b></p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Input Pengguna
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Tampilan form input pelanggan berisi nama, alamat, no telp, emailyangharus diinputkan secara manual oleh admin
+</div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img width=700 src="https://lh4.googleusercontent.com/-bHxIZbTHRoo/U_iHdkfHryI/AAAAAAAAAK8/RwmKcrNM0IU/w808-h450-no/gambar%2B4.30.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Gambar 4.30 Prototype Input Pengguna</b></p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menu Laporan
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Halaman ini berisikan pilihan bulan dan tahun yang akan dilihat hasil penjualannya
+</div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img width=700 src="https://lh6.googleusercontent.com/-e-8FL1dIyGA/U_iHedd7I9I/AAAAAAAAAK0/AqhNRK-3TbE/w806-h453-no/gambar%2B4.31.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Gambar 4.31 Prototype M enu Laporan</b></p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">  Tampilan Hasil Laporan
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Setelah memilih bulan dan tahun yangditentukan maka akan muncul data hasil laporan penjualan
+</div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img width=700 src="https://lh5.googleusercontent.com/-FhrbO7xhuLc/U_iHev4IUJI/AAAAAAAAAJ8/lsLU0KFVHD8/w804-h449-no/gambar%2B4.32.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Gambar 4.32 Prototype Hasil Data Laporan</b></p></div>
+</ol>
+==Konfigurasi Sistem Yang Diusulkan==
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">SpesifikasiHardware
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Rancangan perangkat keras (hardware)yang diusulkan untuk sistem baru ini adalah sebagai berikut :
+</div>
+<ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ Processor    : Pentium IV
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ Monitor      : 14” LCD monitor
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Mouse        :Optical
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+  Keyboard    : Standar
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+RAM        : 2 GB
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+  Harddisk    : 80 GB
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+  Printer        : Laser Jet 5M
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Aplikasi YangDigunakan
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Perangkat lunak merupakan penunjang dari peralatan komputer yang akandigunakan sebagai penghubung dalam intruksi yang diinginkan agar komputerdiusulkan dalam rancangan sistem ini adalah :
+</div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Windows 7
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ Mozila Firefox
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ MacromediaDreamweaver CS 5
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Xampp
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Visual Paradigm for UML 6.4 Enterprise Edition.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+MySQL
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Hak Akses
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Pengoperasian aplikasi ini dapat dilakukan oleh:
+</div><ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+ marketing
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+manager
+</ol>
+</ol>
+==Testing==
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Metode Implementasi
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Implementasiprogram aplikasi Penjualan Barang kemasan produk Pada CV. Ismie Jaya dilakukan denganmenggunakan metode Blackbox Testing.Metode Blackbox Testing merupakanpengujian program yang mengutamakan pengujian terhadap kebutuhan fungsi dari suatuprogram. Tujuan dari metode BlackboxTesting ini adalah untuk menemukan kesalahan fungsi pada program.
+Pengujiandengan metode Blackbox Testingdilakukan dengan cara memberikan sejumlah input pada program. Input tersebutkemudian di proses sesuai dengan kebutuhan fungsionalnya untuk melihat apakahprogram aplikasi dapat menghasilkan output yang sesuai dengan yang diinginkandan sesuai pula dengan fungsi dasar dari program tersebut. Apabila dari inputyang diberikan, proses dapat menghasilkan output yang sesuai dengan kebutuhanfungsionalnya, maka program yang dibuat sudah benar, tetapi apabila output yangdihasilkan tidak sesuai dengan kebutuhan fungsionalnya, maka masih terdapatkesalahan pada program tersebut, dan selanjutnya dilakukan penelusuran perbaikanuntuk memperbaiki kesalahan yang terjadi.
+</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Pengujian Blackbox
+<ol style="list-style-type:lower-alpha"><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Pengujian Blackbox Padahalaman Login aplikasi
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Berikutini adalah  tabel pengujian Black Boxberdasarkan aplikasi penjualan barang kemasan produk pada CV. Ismie Jaya pada halaman Login, yaitu sebagai berikut:
+</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Tabel 4.9</b></p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Tabel Pengujian Blackbox Pada halaman Login aplikasi</b></p></div>
+:{| class="wikitable" : align="center"
+|-
+! No !! Skenario pengujian & ''test case'' !! Hasil Yang Diharapkan & Hasil Pengujian !! Kesimpulan
+|-
+| 1 || Mengisikan dengan salah satu data benar dan satu lagi salah, lalu langsung klik “Login”
+<br> Test Case :
+<br> <img width="400" src="https://lh3.googleusercontent.com/-F0P19aallMQ/VADT19EE8zI/AAAAAAAAAMY/nGM4IeKnERE/w912-h567-no/1.%2Bhalaman%2Blog%2Bin.png">
+|| Sistem akan menolak akses login dan menampilkan pesan “Username Atau Password Salah!”
+<br>Hasil Pengujian :
+<br> <img width="400" src="https://lh5.googleusercontent.com/-uo1n_A_93Bg/VADT2aAWwAI/AAAAAAAAAMc/sZfn57mFmJo/w862-h567-no/2.%2Bhalaman%2Blog%2Bin%2Bsalah.png">
+|| Valid
+|-
+| 2 || Mengisikan username dan password dengan benar, lalu langsung klik “Login”
+<br> Test Case :
+<br> <img width="400" src="https://lh3.googleusercontent.com/-F0P19aallMQ/VADT19EE8zI/AAAAAAAAAMY/nGM4IeKnERE/w912-h567-no/1.%2Bhalaman%2Blog%2Bin.png">
+|| Sistem akan melakukan cek kesasuaian user name dan password, apabila benar maka sistem akan masuk dan menampilkan halaman utama.
+<br>Hasil Pengujian :
+<br> <img width="400" src="https://lh3.googleusercontent.com/_drFWTjAc1Ydovz2mi7OSlZoDpU3qJuw6rLTlKfnl_8=w915-h567-no">
+|| Valid
+|-
+|}
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Pengujian Black box PadaMenu Barang
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Berikutini adalah  tabel pengujian Black Box berdasarkan aplikasi penjualanbarang kemasan  produk pada CV. IsmieJaya untuk fungsi Menu Barang, yaitu sebagai berikut:
+</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Tabel 4.10</b></p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Tabel Pengujian Black box Pada Menu Barang</b></p></div>
+:{| class="wikitable" : align="center"
+|-
+! No !! Skenario pengujian & ''test case'' !! Hasil Yang Diharapkan & Hasil Pengujian !! Kesimpulan
+|-
+| 1 || klik “menu barang” pada” menu home” untuk mlihat menu barang
+<br> Test Case :
+<br> <img width="400" src="https://lh3.googleusercontent.com/_drFWTjAc1Ydovz2mi7OSlZoDpU3qJuw6rLTlKfnl_8=w915-h567-no">
+|| Sistem akan menampilkan halaman Data barang
+<br>Hasil Pengujian :
+<br> <img width="400" src="https://lh4.googleusercontent.com/IcdyXmuHhA6N3p3dHj6NR186mgHZUQ0YFQj5pZPLrhk=w836-h567-no">
+|| Valid
+|-
+| 2 || Klik “input barang” pada “menu barang” untuk menambah data barang
+<br> Test Case :
+<br> <img width="400" src="https://lh4.googleusercontent.com/IcdyXmuHhA6N3p3dHj6NR186mgHZUQ0YFQj5pZPLrhk=w836-h567-no">
+|| Sistem akan menampilkan halaman form input barang
+<br>Hasil Pengujian :
+<br> <img width="400" src="https://lh3.googleusercontent.com/yodYqANgCncikVHYqe3uo5zWW8Ac7ethu9gcp8P20h4=w754-h567-no">
+|| Valid
+|-
+| 3 || Klik “data barang” pada “menu barang” untuk melihat data barang
+<br> Test Case :
+<br> <img width="400" src="https://lh4.googleusercontent.com/IcdyXmuHhA6N3p3dHj6NR186mgHZUQ0YFQj5pZPLrhk=w836-h567-no">
+|| Sistem akan menampilkan halaman data barang
+<br>Hasil Pengujian :
+<br> <img width="400" src="https://lh4.googleusercontent.com/IcdyXmuHhA6N3p3dHj6NR186mgHZUQ0YFQj5pZPLrhk=w836-h567-no">
+|| Valid
+|-
+| 4 || Klik “input jenis brg” pada “menu barang” untuk menambah data jenis barang
+<br> Test Case :
+<br> <img width="400" src="https://lh4.googleusercontent.com/IcdyXmuHhA6N3p3dHj6NR186mgHZUQ0YFQj5pZPLrhk=w836-h567-no">
+|| Sistem akan menampilkan halaman form input jenis barang
+<br>Hasil Pengujian :
+<br> <img width="400" src="https://lh5.googleusercontent.com/PNVIcfnw8vWWZN82CvJrHx6lLdHKaQ9ohFqmE7ripj4=w896-h567-no">
+|| Valid
+|-
+| 5 || Klik “data jenis brg "pada “menu barang” untuk menambah data jenis barang
+<br> Test Case :
+<br> <img width="400" src="https://lh4.googleusercontent.com/IcdyXmuHhA6N3p3dHj6NR186mgHZUQ0YFQj5pZPLrhk=w836-h567-no">
+|| sistem akan menampilkan halaman data jenis barang
+<br>Hasil Pengujian :
+<br> <img width="400" src="https://lh4.googleusercontent.com/c14rHKTUF3MahwlY_OyAWwYmrNE7WFBEZPt2vxk_A7A=w919-h567-no">
+|| Valid
+|-
+| 6 || Klik “input satuan brg” pada “menu barang” untuk menambah data satuan barang
+<br> Test Case :
+<br> <img width="400" src="https://lh4.googleusercontent.com/IcdyXmuHhA6N3p3dHj6NR186mgHZUQ0YFQj5pZPLrhk=w836-h567-no">
+|| Sistem akan menampilkan halaman form input satuan barang
+<br>Hasil Pengujian :
+<br> <img width="400" src="https://lh4.googleusercontent.com/5rz1B8Zzhg8wO9I73nxil32QZl1xEJv5ZRBJO6xlmac=w851-h567-no">
+|| Valid
+|-
+| 7 ||
+Klik “datasatuan brg”pada “menu barang” untuk melihat data satuan barang
+<br> Test Case :
+<br> <img width="400" src="https://lh4.googleusercontent.com/IcdyXmuHhA6N3p3dHj6NR186mgHZUQ0YFQj5pZPLrhk=w836-h567-no">
+|| Sistem akan menampilkan halaman data satuan barang
+<br>Hasil Pengujian :
+<br> <img width="400" src="https://lh6.googleusercontent.com/4-gtiHSM0q2uk_IVRet5t_bJFaUdN-VGSc_PtZvpfHo=w981-h523-no">
+|| Valid
+|-
+|}
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Pengujian Black box Pada “Menu Pelanggan”
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Berikutini adalah tabel pengujian Black Box berdasarkan aplikasi penjualan barangkemasan  produk pada CV. Ismie Jaya untukfungsi Menu pelanggan yaitu sebagai berikut:
+</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Tabel 4.11</b></p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Tabel Pengujian BlackboxPada Menu Pelanggan</b></p></div>
+:{| class="wikitable" : align="center"
+|-
+! No !! Skenario pengujian & ''test case'' !! Hasil Yang Diharapkan & Hasil Pengujian !! Kesimpulan
+|-
+| 1 || klik “menu pelanggan” pada” menu home” untuk mlihat menu pelanggan
+<br> Test Case :
+<br> <img width="400" src="https://lh3.googleusercontent.com/_drFWTjAc1Ydovz2mi7OSlZoDpU3qJuw6rLTlKfnl_8=w915-h567-no">
+|| Sistem akan menampilkan halaman data pelanggan
+<br>Hasil Pengujian :
+<br> <img width="400" src="https://lh3.googleusercontent.com/xYlsY1-KSnbsQg80MATaS7k_9VXNiAnSb5CjRwH6OK4=w753-h567-no">
+|| Valid
+|-
+| 2 || klik “menu input pelanggan” pada” menu pelanggan” untuk menambah data pelanggan
+<br> Test Case :
+<br> <img width="400" src="https://lh3.googleusercontent.com/xYlsY1-KSnbsQg80MATaS7k_9VXNiAnSb5CjRwH6OK4=w753-h567-no">
+|| Sistem akan menampilkan halaman form input pelanggan
+<br>Hasil Pengujian :
+<br> <img width="400" src="https://lh6.googleusercontent.com/4x-8_KCjtLXLdvhuuCG8Gf1EYJoW4CGKnMgSV7fECxc=w755-h567-no">
+|| Valid
+|-
+|}
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Pengujian Blackbox Pada “Menu Nota”
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Berikutini adalah tabel pengujian Black Box berdasarkan aplikasi penjualan barangkemasan  produk pada CV. Ismie Jaya untukfungsi Menu Nota, yaitu sebagai berikut:
+</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Tabel 4.12</b></p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Tabel Pengujian BlackboxPada Menu Nota</b></p></div>
+:{| class="wikitable" : align="center"
+|-
+! No !! Skenario pengujian & ''test case'' !! Hasil Yang Diharapkan & Hasil Pengujian !! Kesimpulan
+|-
+| 1 || klik “menu nota” pada” menu home” untuk mlihat menu nota
+<br> Test Case :
+<br> <img width="400" src="https://lh3.googleusercontent.com/_drFWTjAc1Ydovz2mi7OSlZoDpU3qJuw6rLTlKfnl_8=w915-h567-no">
+|| Sistem akan menampilkan halaman Data nota
+<br>Hasil Pengujian :
+<br> <img width="400" src="https://lh5.googleusercontent.com/FcZqW35x3F80ja4yXyf9y9xLaj7LwqXHLrNSQOH69lo=w885-h567-no">
+|| Valid
+|-
+| 2 || klik “menu input nota” pada” menu “nota” untuk menambah data nota
+<br> Test Case :
+<br> <img width="400" src="https://lh5.googleusercontent.com/FcZqW35x3F80ja4yXyf9y9xLaj7LwqXHLrNSQOH69lo=w885-h567-no">
+|| Sistem akan menampilkan halaman form input nota
+<br>Hasil Pengujian :
+<br> <img width="400" src="https://lh3.googleusercontent.com/fU7XAyYiTlx_f_OGHiVO-mOZJz9OqYVuJPvTFOqZEv4=w742-h567-no">
+|| Valid
+|-
+|}
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Pengujian Black box Pada “Menu Pengguna”
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Berikutini adalah tabel pengujian Black Box berdasarkan aplikasi penjualan barangkemasan  produk pada CV. Ismie Jaya untukfungsi Menu pengguna yaitu sebagai berikut:
+</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Tabel 4.13</b></p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Tabel Pengujian BlackboxPada Menu Pengguna</b></p></div>
+:{| class="wikitable" : align="center"
+|-
+! No !! Skenario pengujian & ''test case'' !! Hasil Yang Diharapkan & Hasil Pengujian !! Kesimpulan
+|-
+| 1 || klik “menu pengguna” pada” menu home” untuk melihat menu pengguna
+<br> Test Case :
+<br> <img width="400" src="https://lh3.googleusercontent.com/_drFWTjAc1Ydovz2mi7OSlZoDpU3qJuw6rLTlKfnl_8=w915-h567-no">
+|| Sistem akan menampilkan halaman data pengguna
+<br>Hasil Pengujian :
+<br> <img width="400" src="https://lh6.googleusercontent.com/9NEP5vPlfsachwfyNYi_lORoaHMpqipOmrErTiZBXAs=w946-h567-no">
+|| Valid
+|-
+| 2 || klik “menu input pengguna” pada” menu pengguna” untuk menambah data pengguna
+<br> Test Case :
+<br> <img width="400" src="https://lh6.googleusercontent.com/9NEP5vPlfsachwfyNYi_lORoaHMpqipOmrErTiZBXAs=w946-h567-no">
+|| Sistem akan menampilkan halaman form input pengguna
+<br>Hasil Pengujian :
+<br> <img width="400" src="https://lh6.googleusercontent.com/Eox1rBCLW1KfU0q4nVhYPY1SYTjIsRIunEC3rL6YnNk=w761-h567-no">
+|| Valid
+|-
+|}
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Pengujian Blackbox Pada ”MenuGrafik”
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Berikutini adalah  tabel pengujian Black Boxberdasarkan aplikasi penjualan barang kemasan produk pada CV. Ismie Jaya untuk fungsi Menu Grafik, yaitu sebagaiberikut:
+</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Tabel 4.14</b></p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Tabel Pengujian BlackboxPada Menu Grafik</b></p></div>
+:{| class="wikitable" : align="center"
+|-
+! No !! Skenario pengujian & ''test case'' !! Hasil Yang Diharapkan & Hasil Pengujian !! Kesimpulan
+|-
+| 1 || klik “menu pengguna” pada” menu home” untuk melihat menu pengguna
+<br> Test Case :
+<br> <img width="400" src="https://lh3.googleusercontent.com/_drFWTjAc1Ydovz2mi7OSlZoDpU3qJuw6rLTlKfnl_8=w915-h567-no">
+|| Sistem akan menampilkan halaman data pengguna
+<br>Hasil Pengujian :
+<br> <img width="400" src="https://lh5.googleusercontent.com/3gjg7ghdZTJE-Udyhg9Xv_z6BJqKcZW1qH4j7ROjt5Q=w745-h567-no">
+|| Valid
+|-
+|}
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Pengujian Blackbox Pada” Menu Laporan”
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Berikutini adalah  tabel pengujian Black Boxberdasarkan aplikasi penjualan barang kemasan produk pada CV. Ismie Jaya untuk fungsi Menu Laporan, yaitu sebagaiberikut:
+</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Tabel 4.15</b></p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Tabel Pengujian BlackboxPada Menu Laporan</b></p></div>
+:{| class="wikitable" : align="center"
+|-
+! No !! Skenario pengujian & ''test case'' !! Hasil Yang Diharapkan & Hasil Pengujian !! Kesimpulan
+|-
+| 1 || klik “menu laporan” pada” menu home” untuk mlihat menu laporan
+<br> Test Case :
+<br> <img width="400" src="https://lh3.googleusercontent.com/_drFWTjAc1Ydovz2mi7OSlZoDpU3qJuw6rLTlKfnl_8=w915-h567-no">
+|| Sistem akan menampilkan halaman laporan
+<br>Hasil Pengujian :
+<br> <img width="400" src="https://lh4.googleusercontent.com/p1YLh5W8bKrGjRiNYmrd0DQL85biZv2TkuggTckD4pU=w965-h449-no">
+|| Valid
+|-
+| 2 || Pilih bulan dan tahun yang akan dilihat hasil laporan penjualannya
+<br> Test Case :
+<br> <img width="400" src="https://lh4.googleusercontent.com/p1YLh5W8bKrGjRiNYmrd0DQL85biZv2TkuggTckD4pU=w965-h449-no">
+|| Sistem akan menampilkan halaman laporan penjualan
+<br>Hasil Pengujian :
+<br> <img width="400" src="https://lh4.googleusercontent.com/TbBvfNMBomGxaStXt27G8cjPe1UFnCTI--jn2Cmsui0=w842-h567-no">
+|| Valid
+|-
+|-
+| 3 || Pilih print hasil laporan penjualan yang telah dipilih
+<br> Test Case :
+<br> <img width="400" src="https://lh4.googleusercontent.com/TbBvfNMBomGxaStXt27G8cjPe1UFnCTI--jn2Cmsui0=w842-h567-no">
+|| Sistem akan menampilkan halaman print laporanpenjualan
+<br>Hasil Pengujian :
+<br> <img width="400" src="https://lh4.googleusercontent.com/xQAPJ8dZ92YdYn5VJsZbga9eKzrf8blHptCEWpZN_A8=w1044-h443-no">
+|| Valid
+|-
+|}
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Video Tutorial Aplikasi Penjualan
+<br><br>
+{{#ev:youtube|j8COM-eQ8QI|650|center}}
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Video Tutorial Aplikasi Penjualan</b></p></div>
+</ol>
+==Implementasi==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Schedule</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Perancangansistem yang diusulkan diperkirakan memakan waktu kurang lebih 4 bulan, dankegiatan yang dilakukan adalah :
+</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Tabel 4.16. Tabel PengolahanJadwal</b></p></div>
+<table width="787" border="1" cellspacing="0" cellpadding="0" align="center">
+<tr>
+<td width="30" : rowspan="3" valign="midle" nowrap="nowrap" bgcolor="#green"><div align="center"><b>NO</b></div></td>
+<td rowspan="3" valign="midle" nowrap="nowrap" bgcolor="#grey"><div align="center"><b>Kegiatan</b></div></td>
+<td colspan="16" valign="bottom" nowrap="nowrap" bgcolor="#grey"><div align="center"><b>Bulan</b></div></td>
+</tr>
+<tr>
+<td colspan="4" valign="bottom" nowrap="nowrap" bgcolor="#green"><div align="center"><b>januari</b></div></td>
+<td colspan="4" valign="bottom" nowrap="nowrap" bgcolor="#green"><div align="center"><b>febuari</b></div></td>
+<td colspan="4" valign="bottom" nowrap="nowrap" bgcolor="#green"><div align="center"><b>maret</b></div></td>
+<td colspan="4" valign="bottom" nowrap="nowrap" bgcolor="#green"><div align="center"><b>april</b></div></td>
+</tr>
+<tr>
+<td width="22" bgcolor="#green"><div align="center"><strong>1</strong></div></td>
+<td width="24" bgcolor="#green"><div align="center"><strong>2</strong></div></td>
+<td width="23" bgcolor="#green"><div align="center"><strong>3</strong></div></td>
+<td width="22" bgcolor="#green"><div align="center"><strong>4</strong></div></td>
+<td width="22" bgcolor="#green"><div align="center"><strong>1</strong></div></td>
+<td width="24" bgcolor="#green"><div align="center"><strong>2</strong></div></td>
+<td width="23" bgcolor="#green"><div align="center"><strong>3</strong></div></td>
+<td width="22" bgcolor="#green"><div align="center"><strong>4</strong></div></td>
+<td width="22" bgcolor="#green"><div align="center"><strong>1</strong></div></td>
+<td width="24" bgcolor="#green"><div align="center"><strong>2</strong></div></td>
+<td width="23" bgcolor="#green"><div align="center"><strong>3</strong></div></td>
+<td width="22" bgcolor="#green"><div align="center"><strong>4</strong></div></td>
+<td width="22" bgcolor="#green"><div align="center"><strong>1</strong></div></td>
+<td width="24" bgcolor="#green"><div align="center"><strong>2</strong></div></td>
+<td width="23" bgcolor="#green"><div align="center"><strong>3</strong></div></td>
+<td width="22" bgcolor="#green"><div align="center"><strong>4</strong></div></td>
+</tr>
+<tr>
+<td><div align="center"><strong>1</strong></div></td>
+<td >Pengumpulan data</td>
+<td width="22" bgcolor="#666666"><div align="center"><strong></strong></div></td>
+<td width="22" bgcolor="#666666"><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+</tr>
+<tr>
+<td><div align="center"><strong>2</strong></div></td>
+<td >Analisa system</td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" bgcolor="#666666"><div align="center"><strong></strong></div></td>
+<td width="22" bgcolor="#666666"><div align="center"><strong></strong></div></td>
+<td width="22" bgcolor="#666666"><div align="center"><strong></strong></div></td>
+<td width="22" bgcolor="#666666"><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+</tr>
+<tr>
+<td><div align="center"><strong>3</strong></div></td>
+<td >Perancangan system</td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" bgcolor="#666666"><div align="center"><strong></strong></div></td>
+<td width="22" bgcolor="#666666"><div align="center"><strong></strong></div></td>
+<td width="22" bgcolor="#666666"><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+</tr>
+<tr>
+<td><div align="center"><strong>4</strong></div></td>
+<td >Pembuatan program</td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" bgcolor="#666666"><div align="center"><strong></strong></div></td>
+<td width="22" bgcolor="#666666"><div align="center"><strong></strong></div></td>
+<td width="22" bgcolor="#666666"><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+</tr>
+<tr>
+<td><div align="center"><strong>5</strong></div></td>
+<td >Test Program</td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" bgcolor="#666666"><div align="center"><strong></strong></div></td>
+<td width="22" bgcolor="#666666"><div align="center"><strong></strong></div></td>
+<td width="22" bgcolor="#666666"><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+</tr>
+<tr>
+<td><div align="center"><strong>6</strong></div></td>
+<td >Evaluasi Program</td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" bgcolor="#666666"><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+</tr>
+<tr>
+<td><div align="center"><strong>7</strong></div></td>
+<td >Perbaikan Program</td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" bgcolor="#666666"><div align="center"><strong></strong></div></td>
+</tr>
+<tr>
+<td><div align="center"><strong>8</strong></div></td>
+<td >Pelatihan User</td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" bgcolor="#666666"><div align="center"><strong></strong></div></td>
+<td width="22" bgcolor="#666666"><div align="center"><strong></strong></div></td>
+<td width="22" bgcolor="#666666"><div align="center"><strong></strong></div></td>
+<td width="22" bgcolor="#666666"><div align="center"><strong></strong></div></td>
+</tr>
+<tr>
+<td><div align="center"><strong>9</strong></div></td>
+<td >Implementasi</td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" ><div align="center"><strong></strong></div></td>
+<td width="22" bgcolor="#666666"><div align="center"><strong></strong></div></td>
+<td width="22" bgcolor="#666666"><div align="center"><strong></strong></div></td>
+</tr>
+<tr>
+<td><div align="center"><strong>10</strong></div></td>
+<td >Dokumentasi</td>
+<td width="22" bgcolor="#666666"><div align="center"><strong></strong></div></td>
+<td width="22" bgcolor="#666666"><div align="center"><strong></strong></div></td>
+<td width="22" bgcolor="#666666"><div align="center"><strong></strong></div></td>
+<td width="22" bgcolor="#666666"><div align="center"><strong></strong></div></td>
+<td width="22" bgcolor="#666666"><div align="center"><strong></strong></div></td>
+<td width="22" bgcolor="#666666"><div align="center"><strong></strong></div></td>
+<td width="22" bgcolor="#666666"><div align="center"><strong></strong></div></td>
+<td width="22" bgcolor="#666666"><div align="center"><strong></strong></div></td>
+<td width="22" bgcolor="#666666"><div align="center"><strong></strong></div></td>
+<td width="22" bgcolor="#666666"><div align="center"><strong></strong></div></td>
+<td width="22" bgcolor="#666666"><div align="center"><strong></strong></div></td>
+<td width="22" bgcolor="#666666"><div align="center"><strong></strong></div></td>
+<td width="22" bgcolor="#666666"><div align="center"><strong></strong></div></td>
+<td width="22" bgcolor="#666666"><div align="center"><strong></strong></div></td>
+<td width="22" bgcolor="#666666"><div align="center"><strong></strong></div></td>
+<td width="22" bgcolor="#666666"><div align="center"><strong></strong></div></td>
+</tr>
+</table>
+==Estimasi Baya==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> <p align="center"><b>Tabel 4.17 Tabel Estimasi Biaya</b></p></div>
+:{| class="wikitable" : align="center" : width="787" : text="center"
+|-
+! No. !! Jenis Kegiatan !! Anggaran
+|-
+| <div align="center">1</div> || Pengumpulan Data || Rp.        50.000,-
+|-
+| <div align="center">2</div> || Perancangan Sistem  || Rp.      50.000,-
+|-
+| <div align="center">3</div>|| Pembuatan  Program || Rp.      200.000,-
+|-
+|<div align="center"> 4</div>|| Test Program || Rp.        50.000,-
+|-
+|<div align="center"> 5 </div>|| Training User || Rp.      100.000,-
+|-
+|<div align="center"> 6 </div>  || Implementasi  Program  || Rp.      50.000,-
+|-
+|  || <div align="center">Total || Rp.      500.000,-
+|}
+=<p align="center"><b>BAB V</b></p>=
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2"><b>
+PENUTUP
+</b></p></div>
+==Kesimpulan==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Berdasarkanhasil analisa dan perumusan masalah yang telah dilakukan oleh penulis mengenai perancangansistem informasi penjualan kemasanproduk pada CV. ISMIE JAYA terhadap sistem yang berjalan saat ini, maka dapat diambil kesimpulanbahwa:
+</div><ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Pada proses pengolahan informasidi CV ISMIE JAYA yang berjalan saat ini telah menggunakan komputer yaitu denganMicrosoft Excel namun sistem yang ada belum terintegrasi dan sebagian prosesmasih dilakukan secara semi komputer, sehingga pengelolaan informasi yang dihasilkan kurang maksimal dan rawan terjadi kesalahan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">    Padaproses pengolahan data antar bagian perlu diadakan sistem komputerisasi yangterintegrasi pada bagian marketing,gudang dan keuangan sehinggadapat menghasilkan informasi yang cepat, akurat dan efisien dalam pengambilan suatu keputusan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Perancangan dan implementasisistem informasi produksi di CV.ISMIE JAYA sudah mengikuti dan sesuai dengan logikayang diharapkan dengan mengikuti prosedur yang berjalan.
+</ol>
+==Saran==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in; line-height: 2">
+Dalam perancangansistem informasi penjualan barangkemasan produk pada CV. ISMIE JAYA ini setelah melakukan observasi dan analisa  pada sistem yang berjalan penulismemberikan  beberapa masukan  antara lain:
+</div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+  Aplikasi program sistem informasi penjualan kemasan produk pada CV. ISMIE JAYA ini dalam implementasinya sudah mampumemberikan kemudahan bagi pengguna sistem dari segi  efektifitas pengolahan datanya namun harusdikembangkan lebih lanjut sehingga baik fitur maupun kegunaan dari sisteminformasi ini lebih optimal dan bermanfaat bagi perusahaan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+  Dikarenakan sistem ini akan menyangkutbanyak data dan informasi yang akan disajikan maka disarankan menggunakanspesifikasi perangkat keras (hardware)ataupun perangkat lunak (software) yangsesuai dalam penggunannya.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+  Disarankan adanya pelatihan-pelatihankepada user dalam hal input data atau perubahan data, danperlu juga dilakukan evaluasi masukan untuk penyempurnaan sistem yang adasesuai dengan kebutuhan pengguna.
+</ol>
+{{pagebreak}}
+=<div style="font-family: 'times new roman'; text-align: center">'''DAFTAR PUSTAKA'''</div>=
+<references />
+[[Category: Skripsi 2013/2014]]
+{{pagebreak}}
+=<div style="font-family: 'times new roman'; text-align: center">'''DAFTAR LAMPIRAN'''</div>=
+<div style="font-size:12pt">
+<references/>
+</div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Kartu Bimbingan
+<br>
+<img width=450 src="https://lh6.googleusercontent.com/-8jQhDK-kjNc/VA4e_nkl1_I/AAAAAAAAARY/-64GxWG6nk8/w401-h534-no/kartu%2Bbimbingan%2B1.jpg">
+<img width=450 src="https://lh4.googleusercontent.com/-6zZAhSemaMA/VA4fCLT-gqI/AAAAAAAAARg/SlLipNbOLjk/w360-h533-no/kartu%2Bbimbingan%2B2.jpg">
+<br>
+<br>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Surat Keterangan Melakukan Penelitian
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img width=450 src="https://lh4.googleusercontent.com/My606BAdJdrMMHHV9wFX0Zr4EgNBo-o5Yjoh4BllSsk=w389-h534-no"></div>
+<br>
+<br>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Surat Implementasi
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img width=450 src="https://lh6.googleusercontent.com/-Zy4drdx7CPc/VA4fwP-irCI/AAAAAAAAATQ/dCC8BC3E0qI/w389-h534-no/surat%2Bimplementasi.jpg"></div>
+<br>
+<br>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+Surat Keterangan Hibah
-<p style="line-height: 2">'''(2014)'''</P></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><img width=450 src="https://lh5.googleusercontent.com/-Omz3HbqmyMc/VA4ftOa9EhI/AAAAAAAAATI/13bNcCr5lYs/w389-h534-no/surat%2Bhibah.jpg"></div>
+</ol>

Si1211472781: Perbedaan revisi

Revisi terkini pada 22 Oktober 2014 11.37

Daftar isi

BAB I

Latar Belakang

Rumusan Masalah

Ruang Lingkup

Tujuan Penelitian

Manfaat Penelitian

Metode Penelitian

Metode Pengumpulan Data

Metode Analisa

Metode perancangan

Metode Testing

Sistematika Penulisan

BAB II

Teori Umum

Konsep Dasar Sistem

Konsep Dasar Data dan Informasi

Konsep Dasar Sistem Informasi

Konsep Dasar Analisa SWOT (Strenghts Weakness Opportunities Threats)

Konsep Dasar Implementasi

Teori Khusus

Konsep Dasar Penjualan

Konsep Dasar Kemasan

Konsep Dasar Unified Modelling Language(UML)

Adobe Dreamweaver

Database

MySQL

PHP

Elisitasi

Literature Review

BAB III

Gambaran Umum Perusahaan

Sejarah Singkat Perusahaan

Struktur Organisasi Perusahaan

Tugas dan Tanggung Jawab

Tata Laksana Sistem Yang Berjalan

Prosedur Yang Berjalan

Analisa Sistem Yang Berjalan

Metode Analisa Sistem

Konfigurasi Sistem Berjalan

Permasalahan Yang Dihadapi dan Alternatif Pemecahan Masalah

Permasalahan Yang Dihadapi

Alternatif Pemecahan Masalah

User Requirement

Requirement Elisitasi Tahap I

Requirement Elisitasi Tahap II

Requirement Elisitasi Tahap III

Requirement Final Draft Elisitasi

BAB IV

Rancangan Sistem usulan

Prosedur Sistem Usulan

Usecase Diagaram Sistem Yang Diusulkan

Activity Diagram yang diusulkan

Sequence Diagram yang disulkan

Perbedaan Prosedur Antara Sistem Berjalan dan Sistem Usulan

Rancangan Basis Data

Flowchart Sistem Yang Diusulkan

Rancangan Program

Rancangan Prototype

Konfigurasi Sistem Yang Diusulkan

Testing

Implementasi

Estimasi Baya

BAB V

Kesimpulan

Saran

DAFTAR PUSTAKA

DAFTAR LAMPIRAN

Contributors

Menu navigasi

Pencarian