PERANCANGAN SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA PT. CITRA GENTENG KLATEN NASKAH PUBLIKASI. diajukan oleh Helarius Ade Adhyatma

PERANCANGAN SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA PT. CITRA GENTENG

KLATEN

NASKAH PUBLIKASI

diajukan oleh

Helarius Ade Adhyatma 10.12.4659

kepada

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA

YOGYAKARTA

2014

1

PERANCANGAN SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA PT.CITRA GENTENG

KLATEN

Helarius Ade A, Kusrini, Dr.,M.Ko Sistem Informasi STMIK AMIKOM Yogyakarta

Jl Ringroad Utara, Condongcatur, Depok, Sleman, Yogyakarta Indonesia 55283 Email : amikom@amikom.ac.id

Abstract - Dengan adanya website ini PT.CITRA GENTENG sangatlah di untungkan karena dapat mempromosikan produknya lewat website, tidak hanya itu saja, dengan web ini jangkauan area pemasaran pun akan lebih luas sehingga orang luar daerah dapat melihat apa saja produk yang di produksi oleh PT.CITRA GENTENG dan tidak perlu repot-repot untuk datang ketempat pembuatan, hanya dengan website semua informasi di PT.CITRA GENTENG dapat di lihat. Tidak hanya itu saja jika ada orang yang tertarik setelah melihat produk dapat langsung memesan di Website itu juga. Selain informasi tentang produk dan pemesanan di website ini juga tercantum harga produk yang di produksi oleh PT.CITRA GENTENG. Tidak hanya itu saja, dengan web ini penjualan akan meningkat setiap bulannya. Dengan meningkatnya penjualan pada PT.CITRA GENTENG yang saat ini masih perusahaan berkembang, di harapkan satu kedepan akan menjadi perusahaan maju dan akan membutuhkan karyawan yang lebih banyak, dengan begitu sumber daya manusia pada lingkungan PT.CITRA GENTENG akan terangkat.

1.1 Pendahuluan

Kemajuan teknologi informasi ini terlihat semakin pesat pada pengembangan internet khususnya.

Bicara tentang internet, pasti tidak lepas dari sebuah website. Website digunakan untuk mengenalkan suatu produk atau jasa layanan atau yang disebut dengan promosi sebuah perusahaan kepada para pengguna internet. Untuk itu website yang ditampilkan haruslah memiliki interface yang bagus, menarik dan dinamis sesuai dengan bidang yang dikelola oleh sebuah perusahaan.

PT Citra Genteng Klaten merupakan salah satu perusahaan di bidang penjualan material dan bahan bangunan lainnya yang terletak di Desa Kemadohan, Ngalas, Klaten Selatan. Perusahaan masih kurang strategis karena jauh dari keramaian dan pusat perbelanjaan, sehingga para konsumen jarang yang mengetahuinya dan promosi masih manual menggunakan brosur.

Dari penjelasan di atas, sangat tepat jika e- commerce diterapkan pada perusahaan PT Citra Genteng Klaten untuk menambah daya saing. Melalui aplikasi e- commerce ini konsumen juga dapat lebih mudah untuk memesan produk tanpa harus datang langsung ke PT.

Citra Genteng Klaten, perusahaan juga dapat memperluas daerah pemasaran tanpa harus mengeluarkan biaya lebih mahal.

2.1 Landasan Teori 2.2 Pengertian Sistem

Menurut MCLeod, yang dimaksud dengan sistem adalah sekelompok elemen yang terintegrasi dengan suatu maksud yang sama untuk mencapai suatu tujuan [1].

Berdasarkan pengertian pengertian diatas dapat ditarik kesimpulan bahwa system adalah sekumpulan elemen-elemen yang berinteraksi dengan maksud yang sama untuk mencapa suatu tujuan tertentu.

2.3 Konsep Dasar Informasi 2.3.1 Pengertian Sistem Informasi

Menurut Jogiyanto, yang dimaksud sistem informasi adalah suatu sistem yang mempertemukan

2 kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan laporan yang diperlukan[2].

2.3.2 Siklus Informasi

Menurut Jogiyanto, data yang diolah melalui suatu model informasi, penerima kemudian menerima informasi tersebut, membuat suatu keputusan dan melakukan tindakan, yang berarti menghasilkan suatu tindakan yang lain yang akan membuat sejumlah data kembali[2].

Gambar 2.1 Siklus Informasi 2.4 Pengerttian Sistem Informasi Penjualan

Menurut Sofyan Assauri, Penjualan merupakan suatu kegiatan pelengkap atau suplemen dari pembeli, untuk memungkinkan terjadinya transaksi yang terdiri dari serangkaian kegiatan yang meliputi permintaan (demand), mencari calon pembeli, negosiasi harga dan syarat pembayaran[3].

2.5 Pengertian Analisis Sistem

Menurut Jogiyanto, analisis sistem adalah penguraian dari suatu sistem informasi yang utuh kedalam bagian bagian komponennya dan dengan maksud untuk mengidentifikasi dan mengevaluasi permasalahan permasalahan, kesempatan kesempatan, hambatan hambatan yang terjadi dan kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan perbaikannya[2].

2.6 Alat Bantu Desain Sistem 2.6.1 Flowchart

Menurut Jogiyanto, diagram alur (flowchart) merupakan symbol symbol yang digunakan untuk menggambarkan urutan proses yang terjadi didalam suatu program komputer secara sistematis dan logis[2].

2.6.2 Data Flow Diagram (DFD)

Menurut Jogiyanto H. MBA, Ph.D, DFD adalah suatu cara untuk menggambarkan model aliran data.

Dari mana data berasal, proses apa yang dilalui, apa yang dihasilkan dan kemudian di mana data akan disimpan[2].

2.6.3 Entity Relationship Diagram (ERD)

2.6.3.1 Pengertian ERD

Menurut Fathansyah, entity relationship diagram adalah komponen - komponen himpunan entitas dan himpunan relasi yang masing masing dilengkapi dengan atribut atribut yang mempresentasikan seluruh fakta dari dunia nyata yang kita tinjau[4].

3.1 Tinjauan Umum

3.1.1 Sejarah Dan Tujuan Perusahaan

Bermula dari permintaan pendiri usaha PT.

Citra Genteng adalah bapak Citro Sunarno. Bermula dari permintaan warga yang pada saat itu yang sedang mendirikan perumahan dan kebutuhan akan genteng maka berdiriah PT Citra Genteng. Berselang beberapa tahun, permintaan akan genteng terus meningkat, karena ketergantungan tanah liat dalam pembuatan genteng akan merusak alam, maka Bpk Margono putra dari Bpk Citro sunarno yang meneruskan usaha genteng ini mangganti bahan baku yang semua tanah liat menjadi campuran semen dan pasir. Saat ini usaha tersebut diwariskan kepada Bpk Hendra.

3 3.1.2 Sistem Promosi Yang Berjalan

Dalam melakukan pomosi PT Citra Genteng menggunakan media brosur dan sepanduk. brosur dan sepanduk yang dicetak hanya dalam jumlah terbatas.

Sepanduk hanya dipasang dibeberapa tempat strategis dengan harapan mampu mendatangkan konsumen yang lebih banyak.

3.2 Analisis Sistem

Analisis system adalah sebuah istilah yang secara kolektif mendeskripsikan fase-fase awal pengembangan system. Analisis system adalah teknik pemecahan masalah yang menguraikan bagian-bagian komponen dengan mempelajari seberapa bagus bagian- bagian komponen tersebut bekerja dan berinteraksi untuk mencapai tujuan mereka.

Analisis system merupakan tahapan paling awal dari pengembangan system yang menjadi fondasi menentukan keberhasilan system informasi yang dihasilkan nantinya. Tahapan ini sangat penting karena menentukan bentuk system yang akan dibangun.

3.3 Desain Sistem

3.3.1 Perancangan Proses

Menguraikan pemodelan proses system antara lain flowchart system, context diagram, data flow diagram (DFD ) level 1, level2

3.3.1.1 Flowchart Sistem

Flowchart sistem merupakan bagan yang menunjukkan arus pekerjaan secara keseluruhan dari sistem. Bagan ini menjelaskan urutan-urutan dari prosedur-prosedur yang ada didalam sistem.

3.3.1.1.2 Sistem Flowchart Yang di Usulkan

Data Admin

Olah Data Admin

Admin

Tampilan Mod_ym Input Data Admin

Olah Data Mod_ym

Mod_ym Data Mod_ym

Olah Data Kostumer

Kostumer Input Data Kostumer

Olah Data Order

Order Input Data Order

Olah Data Banner

Banner Input Data Banner

Tampilan OrderTampilan Banner Data ProdukOlah Data Produk

Produk Input Data Produk

Olah Data Modul

Modul Input Data Modul

Tampilan Modul Olah Data HubungiHubungi Input Data Hubungi

Tampilan HubungiTampilan Produk Data KategoriOlah Data KategoriKategori Input Data Kategori

Tampilan KategoriTampilan Mod_ym Olah Data Order_temp

Order_temp Input DataOrder_temp

Tampilan Order_temp Data DownloadOlah Data DownloadDownload Input Data Download

Tampilan Download Olah Data StatistikStatistik Input Data Statistik

Tampilan Statistik Data KotaOlah Data KotaKota Input Data Kota

Tampilan Kota

Gambar 2.2 Flowchart Sistem web E commerce PT.

Citra Genteng

3.3.1.2 Data Flow Diagram (DFD) Level 1

Rancangan model merupakan suatu gambaran yang menjelaskan salah satu bentuk model, salah satunya adalah logical mode yang digambarkan dengan diagram arus data (data flow diagram).

1 Proses Data

Admin

18 Proses Data

Hubungi Db.admin

Db.Produk Db. Kategori

Db. order

Db. Hubungi Db. Konsumen

Konsumen Admin

Db. Download

Db. Kota Db. Banner

Db. Mod_YM

Db. Modul 3

Proses Data Produk

4 Proses Data

Banner

6 Proses Data

Download

8 Proses Data

Kota

10 Proses Data

Mod_YM

12 Proses Data

Modul

15 Proses Tampil

Data Konsumen

17 Proses Tampil

Data Order

19 Proses Tampil Data Hubungi

9 ProsesTampil

Data Kota

Info banner

14 Proses Data Konsumen

16 Proses Data

Order 2 Proses Tampil

Data Admin

4 Proses Tampil Data Produk

5 Proses Tampil Data Banner

7 ProsesTampil Data Download

13 ProsesTampil Data Modul

11 ProsesTampil Data Mod_YM Informasi Data admin

Informasi Data produk Informasi Data banner

Informasi Data downloadInformasi Data kota Informasi Data mod_ym

Informasi Data modul

Info produk

Info download

Info order

Gambar 2.3 DFD Level 1 web E commerce PT. Citra Genteng

4 3.4 Perancangan Basis Data

3.4.1 Basis Data

Menurut Connoly, pengertian database adalah suatu kumpulan data yang secara logika berhubungan dengan biasanya dibuat untuk memenuhi kebutuhan informasi pemakai.[5].

3.4.2 ERD ( Entitamany Relationship Diagram )

1

N

Id_modul

modul Meta_deskripsi Static_conten

aktif Nama_toko gambar

Nama_modul Meta_keyword

urutan status link

Email_pengelola Nomor_rekening

Nomor_hp Id_order_temp

Order_temp

Tgl_order_temp Jam_order_temp Id_session

Stok_temp

jumlah Id_produk

Id_hubungi

hubungi

pesan tanggal email

subjek nama

Id_banner

banner Tgl_posting

url

gambar judul ip

statistik hits

online tanggal

download judul

Nama_file Id_download

Id_kota

Kota

Ongkos_kirim Nama_kota

Id_kategori

kategori

Kategori_seo Nama_kategori

id

Mod_ym

username nama Id_produk

produk diskon

deskripsi

berat dibeli

harga Nama_produk

Tgl_masuk

stok Produk_seo

Id_kategori

gambar

Memiliki

Id_order

order Id_kustomer Tgl_order

Jam_order Status_order

Id_kustomer

kustomer

email telepon Nama_lengkap

Id_kota

alamat password Memiliki

Menulis

Memiliki Memiliki

Memiliki username

admins

No_telp level Nama_lengkap

blokir

email password N

1 1 N

N N

1

N

N 1

Gambar 2.4 ERD (Entity Relationship Diagram)

3.4.3 Struktur Tabel

Gambar 2.5 Relasi Tabel

3.4.4 Struktur Halaman Admin

Gambar 2.6 Struktur Halaman Admin

4.1 Implementasi Pembuatan Database

Pembuatan database meliputi penentuan tipe data pada masing-masing field sekaligus pembuatannya.

Dalam membangun web ini, penyusun menggunakan MySQL dalam pembuatan database.

4.2 Implementasi Program

4.2.1 Koneksi Server

<?

$server = “localhost”;

$username = “root”;

$password = “”;

$database = “genteng”;

mysql_connect($server,$username,$password);

mysql_select_db($database);

?>

5 4.3 Halaman Home

Merupakan halaman utama saat pengguna melakukan browsing yang berisi menu dan link untuk memudahkan mencari informasi yang diinginkan.

Gambar 2.7 Halaman Home

Pada menu utama ini terdiri dari beberapa menu, menu tersebut adalah:

- Home berisi tentang halaman utama saat pengguna melakukan browsing yang berisi menu dan link untuk memudahkan mencari informasi yang diinginkan.

Semua konten menu terdapat di halaman beranda.

- Profil berisi informasi tentang PT. Citra Genteng,alamat, bidang usaha, dan visi misi.

- Cara pembelian berisi tentang cara berbelanja , cara pembayaran dan info rekening di PT. Citra Genteng.

- Semua Produk berisi tentang barang- barang apasaja yang dijual di PT. Citra Genteng.

- Keranjang Belanja berisi tentang jumlah produk, harga dan total pembayaran suatu transaksi pembelian yang tersimpan untuk sementara waktu.

- Download catalog berisi tentang katalog- katalog product.

- Hubungi Kami berisi tentang daftar kontak person yang bisa dihubungi oleh konsumen.

4.3.1 Halaman Login Admin

Gambar 2.8 Halaman Login Admin

4.3.2 Halaman Utama Admin

Gambar 2.9 Halaman Utama Admin

4.4 Uji Sistem Dan Program

Sesuai dengan rancanga fisik sebagai dokumentasi aplikasi, maka program yang dibuat haruslah sesuai dengan dokumentasi yang telah dibuat.

Dalam penerapan kode-kode program yang membangun website ini juga harus di uji agar terhindar dari kesalahan program secara menyeluruh.

1. Uji White Box

Uji coba white box menggunakan struktur control rancangan untuk memperoleh test case.

Didasarkan pada pengamatan yang teliti tahap detail prosedur dan jalur logika yang melewati perangkat lunak diuji dengan memberikan tase case yang menguji serangkaian kondisi atau loop tertentu. Uji White box yang dilakukan pada website PT. Citra Genteng

6 dilakukan pada stok barang, jika jumlah barang yang akan dibeli melebihi stok maka akan muncul keterangan bahwa Keranjang belanja masih kosong.

2. Uji Black Box

Uji coba black box yaitu pengujian spesifikasi suatu fungsi atau modul apakah berjalan dengan sesuai dengan yang diharapkan atau tidak. Penguji ini berfokus pada persyaratan fungsional perangkat lunak. Modul yang diuji pada website PT. Citra Gentengadalah pada modul yang ada pada halaman admin.

Tabel Uji Black Box

4.5 Kesimpulan

Membangun sebuah website pada dasarnya sama dengan membuat sebuah berita, promosi ataupun juga komunikasi secara online. Isi dari website tersebut berdasarkan hasil pengamatan terhadap sistem yang sedang berjalan pada PT. Citra Genteng maka dapat diambil beberapa kesimpulan antara lain:

1. Semua fungsi-fungsi desain pada website PT. Citra Genteng berjalan dengan baik.

2. Sistem informasi penjualan berbasis web meningkatkan calon pembeli pada perusahaan PT.

Citra Genteng.

3. Mempermudah masyarakat luas untuk memperoleh informasi dari PT. Citra Genteng.

4. Pembeli dapat menghemat waktu dan lebih efisien karena proses belanja sebagian besar dilakukan melalui website.

Daftar Pustaka

[1] Al fatta H. 2007.Analisis dan Perancangan Sistem Informasi, Yogyakarta :Penerbit Andi.

[2] Jogiyanto, HM. 2005.Analisis dan Desain Sistem Informasi: pendekatan terstruktur teori dan praktik aplikasi bisnis, Yogyakarta: Penerbit Andi.

[3] Assauri, Sofyan. 1999. Manajemen Produksi dan Operasi. Edisi revisi Penerbit LPFE UI, Jakarta.

[4] Kusrini. 2007. Konsep dan Aplikasi Sistem Pendukung Keputusan, Yogyakarta : Penerbit Andi.

[5] Bunafit, Nugroho. 2005. Pengembangan Pemrogram WAP dan PHP. Gaya Media, Yogyakarta.