1

Perancangan Sistem Informasi Berbasis Web pada Industri Kerajinan

Tanduk UD. Makmur Awit Rejo Ngalimin Klaten

Naskah Publikasi

disusun oleh :

1. Rahmat Andrianto 07.02.6981

2. Aditya Angistyawan 07.02.7009

JURUSAN MANAJEMEN INFORMATIKA

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

AMIKOM

YOGYAKARTA

2010

2

3

PERANCANGAN SISTEM INFORMASI BERBASIS WEB PADA

INDUSTRI KERAJINAN TANDUK UD MAKMUR AWIT REJO

NGALIMIN KLATEN

DESIGNING WEB-BASED INFORMTION SYSTEM IN HORN

HANDYCRAFTS INDUSTRY UD MKAMUR AWIT REJO

NGALIMIN KLATEN

1. Rahmat Andrianto 07.02.6981

2. Aditya Angistyawan 07.02.7009

Jurusan D3 Manajemen Informatika

STMIK AMIKOM YOGYAKARTA

ABSTRACT

Web-based information systems or who are often known as e-commerce is a means for a company to introduce its products to be recognized by all levels of society at large.This led to the rise of companies that have a product to compete with each other in promoting their products via the Internet. E-commerce at this time has also been widely used in education, offices, industry, tourism, entertainment, and other trading companies.

The need for information has increased, so that e-commerce applications are expected to utilize technological advances to improve productivity and efficiency. Therefore, there needs to be system related to the promotion and marketing of a particular company's trading company.

With the e-commerce is expected to provide convenience, time efficiency and speed of information that support the marketing of a trading company. This is due to dependence of society in the era now high enough to make e-commerce applications to accelerate the progress of a company to profit as much as possible.

Keyword: e-commerce application system

4

1.Pendahuluan

Seiring dengan berjalannya waktu, kebutuhan manusia akan teknologi juga

semakin berkembang. Hal ini ditandai dengan adanya fasilitas teknologi yang

memudahkan masyarakat dalam mengatasi berbagai masalah yang ada.

Teknologi komputer merupakan salah satu teknologi yang sebagian besar

mewarnai kehidupan manusia saat ini, antara lain di perusahaan, rumah sakit,

sekolah, swalayan dan lain-lain. Tak terkecuali UD MAKMUR AWIT REJO

NGALIMIN yang melengkapi perusahaannya dengan komputer di sistem

informasi mereka.

1.1 Rumusan Masalah

Sistem promosi dan pengenalan produk yang digunakan UD MAKMUR

AWIT REJO NGALIMIN masih bersifat manual dan belum menggunakan

teknologi e-commerce atau penjualan secara online sebagai pendukung proses

pemasaran produk, sehingga sering terjadi ketidakefisienan waktu dan biaya.

1.2 Batasan Masalah

Agar penelitian dalam tugas akhir ini lebih terarah dan memudahkan

dalam pembahasan, maka perlu adanya pembatasan masalah, yaitu:

1. Perancangan sistem yang dibahas adalah sistem informasi yang akan

menampilkan informasi yang berhubungan dengan UD Makmur Awit

Rejo Ngalimin yang mencakup profil perusahaan, produk yang dihasilkan,

berita, buku tamu, informasi pemesanan, kontak, dan halaman admin bagi

user yang digunakan untuk update, edit, hapus, dan lihat. Serta halaman

yang mencakup dengan penyediaan bahan baku.

2. Produk yang digunakan sebagai objek adalah produk-produk kerajinan

tanduk yang dihasilkan.

Penyelesaian dalam memecahkan permasalahan diatas, maka software

yang digunakan adalah:

1. PHP sebagai Server Side Scripting.

2. Apache XAMPP dan MySQL sebagai Server Database.

3. Macromedia Dreamweaver 8 sebagai web editor.

5

2.1. Konsep Dasar Internet

2.2 Defenisi Internet

Internet adalah jaringan-jaringan kecil yang saling terhubung satu dengan

yang lain di seluruh dunia. Internet merupakan sebuah perpustakaan besar yang di

dalamnya terdapat jutaan bahkan milyaran informasi atau data yang dapat berupa

text, graphic, audio maupun animasi, dan lain-lain dalam bentuk media elektronik.

Orang bisa “berkunjung” ke perpustakaan tersebut kapan saja dan dari mana saja.

Dari segi komunikasi, Internet adalah sarana yang sangat efisien dan efektif untuk

melakukan pertukaran informasi jarak jauh maupun di lingkungan perkantoran.

2.3 Sejarah Internet

Internet merupakan jaringan komputer yang dibentuk oleh Departemen

Pertahanan Amerika Serikat di tahun 1969, melalui proyek ARPA yang disebut

ARPANET (Advanced Research Project Agency Network), di mana mereka

mendemonstrasikan bagaimana dengan hardware dan software komputer yang

berbasis UNIX, kita bisa melakukan komunikasi dalam jarak yang tidak terhingga

melalui saluran telepon. Proyek ARPANET merancang bentuk jaringan,

kehandalan, seberapa besar informasi dapat dipindahkan, dan akhirnya semua

standar yang mereka tentukan menjadi cikal bakal pembangunan protokol baru

yang sekarang dikenal sebagai TCP/IP (Transmission Control Protocol/Internet

Protocol).

3 TINJAUAN UMUM

3.1. Sejarah Perusahaan

UD Makmur Awit Rejo Ngalimin Klaten yang beralamat di desa

Keprabon kecamatan Polanharjo kabupaten Klaten provinsi Jawa Tengah,

bergerak di bidang penjualan barang-barang kerajinan dari tanduk kerbau yang

berupa gapit (tangkai wayang), tuding wayang (tangkai tangan wayang), tangkai

kipas, dan lain-lain. UD Makmur sendiri berdiri sejak tahun 1958 didirikan oleh

Almarhum Mbah Rejo Ngalimin.

3.2 Struktur Organisasi

6

STRUKTUR ORGANISASI

UD. MAMUR AWIT REJO NGALIMIN

4. PEMBAHASAN

4.1 Desain Sistem yang Diajukan

Dengan sistem secara online, konsumen tidak harus datang langsung ke

industri kerajinan ini dan sebaliknya. Jadi transaksi dapat dilakukan di mana saja

dan kapanpun dengan pengaksesan melalui internet.

4.2 Menentukan Aplikasi Data Arsitektur

4.2.1 Desain Flowchart Diagram

Flowchart Sistem merupakan bagan yang menunjukkan alur kerja atau apa

yang sedang dikerjakan di dalam sistem secara keseluruhan dan menjelaskan

urutan dari prosedur-prosedur yang ada di dalam sistem. Dengan kata lain,

flowchart ini merupakan deskripsi secara grafik dari urutan prosedur-prosedur

yang terkombinasi yang membentuk suatu sistem.

Gambar : Flowchart system yang diajukan

Pimpinan

Administrasi Keuangan

Bagian Penjualan

Pekerja

7

4.2.2 DFD (Data Flow Diagram)

DFD ini digunakan untuk menggambarkan proses kerja dari suatu sistem

yang sudah ada ataupun sistem yang baru akan dikembangkan secara logis tanpa

mempertimbangkan lingkungan fisik yang mempengaruhi, baik lingkungan

dimana data mengalir maupun pada data yang akan disimpan. Sehingga dengan

adanya DFD ini akan mempermudah pembagian kerja dan proses pengembangan

sistem selanjutnya.

Gambar : Diagram Konteks

4.3 Perancangan Database

4.3.1. Normalisasi

Normalisasi adalah sebuah metode yang urut dalam penerapan aturan-

aturan untuk mendesain database dengan tujuan agar tabel menjadi normal dan

untuk menghindari agar tidak terjadinya kerancuan pada masing-masing file yang

berupa kerangkapan atau perulangan data yang sama.

4.2.2 Bentuk Tidak Normal

Bentuk ini merupakan kumpulan data yang akan direkam, tidak ada

keharusan mengikuti format tertentu, dapat saja tidak lengkap dan terduplikasi.

Data dikumpulkan apa adanya sesuai keaadaannya.

4.3.3 Relasi Antar Tabel

8

Gambar : Relasi antar tabel

4.3.4 Perancangan Tabel

Data yang telah didapat nantinya akan diinputkan ke dalam suatu basis

data dalam bentuk tabel-tabel untuk memudahkan didalam pengolahan data.

4.4 Rancangan Tampilan

4.4.1. Menu Utama

Menu utama merupakan halaman pertama dan utama dari aplikasi

ini. Berikut baian-bagiannya :

1) Header : Bagian atas dari menu utama yang selalu terlihat

walaupun isi berubah. Pada bagian ini akan ditampilkan logo.

2) Menu : pada bagian menu ini akan terdapat beberapa link,

yaitu, Home, Profil, Kontak Kami, Jenis, Bahan, Kategori

Produk, Koleksi Produk, Buku Tamu, dan Galery

3) Kolom Kiri : kolom kiri ini akan menampilkan form untuk

login member..

4) Kolom Isi (Content) : Pada bagian ini berisi tentang informasi

mengenai UD Makmur Awit Rejo Ngalimin, pada kolom ini,

nanti tampilannya akan berubah-ubah sesuai oleh isi pada link.

5) Footer : Bagian ini sama halnya dengan bagian header, yaitu

p r o d u k _ k a t e g o r i

* k d _ k a t e g o r i n m _ k a t e g o r i k e t e r a n g a n

b a h a n

* k d _ b a h a n n m _ b a h a n

p r o p i n s i

* k d _ p r o p i n s i n m _ p r o p i n s i o n g k o s _ k i r i m

p e m e s a n a n

* n o _ p e s a n * * u i d _ p l g t a n g g a l j a m s t a t u s _ b a y a r u n i k _ t r a n s f e r

o r d e r _ d e t a i l

* i d _ d p e s a n * * n o _ p e s a n * * k d _ p r o d u k j u m l a h

k o n t a k

* i d _ k o n t a k n a m a e m a i l t o p i k p e s a n

b u k u t a m u

* i d _ b k t a m u n a m a e m a i l k o m e n t a r t a n g g a l

b e r i t a

* i d _ b e r i t a j u d u l i s i _ b e r i t a g a m b a r h a r i t a n g g a l c o u n t e r

a d m in

* u s e r n a m e p a s s w o r d n a m a _ le n g k a p e m a i l

9

akan selalu ditampilkan walaupun isi website berubah. Terletak

dibagian paling bawah website yang berisi tentang Copyright

(hak cipta) tahun pembuatan situs

4.5 Tampilan Website

4.5.1 Halaman Utama (Home)

Halaman utama adalah halaman yang pertama kali muncul ketika

aplikasi ini dibuka. Halaman utama, terdapat sekilas informasi tentang UD

Awit Rejo Ngalimin, berita, form login yang digunakan untuk login

anggota, form sign up untuk mendaftar menjadi anggota dan menu-menu

yang di link menuju halaman yang lain.

Tampilan Halaman Utama

4.5.2 Halaman Berita

Pada halaman ini terdapat berita terbaru pada tampilan awalnya,

yang ditampilkan hanya sekilas berita saja, namun disediakan juga link

untuk melihat detail berita selengkapnya.

10

Tampilan Halaman Berita

4.5.3 Halaman Buku Tamu

Halaman ini bisa diakses oleh user biasa, pada halaman ini

pengujung bisa menyampaikan saran dan kritik yang membangun bagi UD

Makmur Awit Rejo Ngalimin.

Tampilan Halaman Buku Tamu

4.5.4 Halaman Profil Perusahaan

Halaman ini bisa diakses oleh user biasa, pada halaman ini

pengujung bisa melihat semua isi profil dari UD Makmur Awit Rejo

Ngalimin.

11

Tampilan Halaman Profil Perusahaan

4.5.5 Halaman Sign Up

Pada halaman ini, jika user ingin membeli barang harus mendaftar

menjadi pelanggan terlebih dahulu. Caranya dengan mengisi biodata

lengkap di form sign up ini.

Tampilan Halaman Sign Up

4.5.6 Halaman Login

Pada halaman ini, apabila user telah sukses mendaftar menjadi

pelanggan, maka user berarti sudah mempunyai akun sendiri untuk login.

12

Pelanggan tinggal mengisikan user name dan password yang telah dibuat

sebelumnya pada form sign up.

Tampilan Halaman Login

4.5.7 Halaman Jenis

Pada halaman ini, user umum atau pelanggan bisa melihat produk

kerajinan berdasarkan jenis barang.

Tampilan Halaman Jenis

4.5.8 Halaman Bahan

Pada halaman ini, user umum atau pelanggan bisa melihat produk

kerajinan berdasarkan bahan yang digunakan dalam pembuatan produk

kerajinan.

13

Tampilan Halaman Bahan

4.5.9 Halaman Kategori Produk

Pada halaman ini, user umum atau pelanggan bisa melihat produk

kerajinan berdasarkan kategori produk ysng telah dikelompokkan..

Tampilan Halaman Kategori Produk

14

4.5.10 Halaman Koleksi Produk

Pada halaman ini, user umum atau pelanggan bisa melihat lebih

jelas daftar barang-barang apa saja yang dijual, juga ditampilkan disertai

gambar dan harga masing-masing barang.

Tampilan Halaman Koleksi Produk

4.5.11 Halaman Pemesanan

Pada halaman ini, user yang sudah mendaftar menjadi pelanggan

maka akan bisa memesan produk yang diinginkan dengan cara login

terlebih dahulu. Pelanggan tinggal memilih produk apa saja yang

diinginkan dengan meng-klik tombol beli.

15

Tampilan Halaman Pemesanan Produk

Setelah pelangggan mengklik tombol beli maka pelanggan akan

masuk kehalaman kantong. Di kolom jumlah pelanggan hanya boleh

memesan minimal satu barang dan tidak boleh diisi kosong.

Tampilan Halaman Kantong

Apabila pelanggan ingin mengubah barang yang telah dipesan

maka pelanggan tinggal mengklil tombol ubah. Jika langkah-langkah

pembelian telah dilakukan semua pelanggan tinggal meng-klik tombol

lanjutkan. Setelah itu maka pelanggan akan masuk kehalaman konfirmasi

pembayaran.

16

Tampilan Halaman Konfirmasi Pembayaran

Setelah masuk ke halaman konfirmasi pembayaran, maka di situ

pelanggan bisa mengubah data pribadi kembali jika ada kesalahan

pengisian. Apabila data yang diisi sudah benar semua dan setuju dengan

peraturan yang telah diberikan maka pelanggan tinggal melanjutkan

transaksinya.

17

Tampilan Halaman Konfirmasi Transaksi

Setelah melakukan tahap-tahap seperti di atas maka akan muncul pesan

transaksi sukses,

Tampilan Halaman Transaksi Sukses

Setelah transaksi sukses, kemudian pelanggan akan masuk ke

halaman daftar transaksi terakhir. Dimana halaman ini ditampilkan daftar

produk yang telah kita pesan sebelumnya tadi.

18

Tampilan Halaman Daftar Transaksi Terakhir

Di halaman daftar transaksi terakhir untuk lebih jelas dan detailnya

pelanggan bisa meng-klik tombol tampil. Halaman ini menampilkan

transaksi detail barang-barang apa saja yang telah pelanggan pesan beserta

jumlah yang harus dibayarkan.

Tampilan Halaman Transaksi Detail

19

5. KESIMPULAN

Berdasarkan pengamatan penulis, maka dapat diambil beberapa

kesimpulan antara lain :

1. Masyarakat umum lebih mudah dalam mendapatkan informasi

mengenai UD Makmur Awit Rejo Ngalimin.

2. Memperkenalkan penyampaian dan penyajian informasi dengan lebih

baik dengan menggunakan teknologi yang ada.

3. Memperkenalkan cara pemesanan barang melalui media internet

sehingga lebih menghemat waktu dan lebih efisien.

4. Informasi-informasi yang disampaikan lebih bersifat up to date.

20

DAFTAR PUSTAKA

Al Fatta, Hanif. 2007. Analisis dan Perancangan Sistem Informasi untuk

Keunggulan Bersaing Perusahaan dan Organisasi Modern. Andi Offset :

Yogyakarta

Kurniawan, Rulianto. 2008. Membangun Situs dengan PHP untuk Orang Awan.

Maxikom : Palembang

Nugroho, Bunafit. 2008. Membuat Sistem Informasi Penjualan Berbasis Web

dengan PHP dan MySQL. Gava Media : Yogyakarta

Suyanto, M. 2003. Strategi Periklanan pada e-Commerce Perusahaan Top Dunia.

Andi Offset : Yogyakarta

Wiswakarma, Komang. 2009. Membuat Katalog Online dengan PHP dan CSS.

Lokomedia : Yogyakarta

http://id.wikipedia.org/wiki. Diakses 27 Juli 2010

http://www.google.co.id/ Diakses 12 Agustus 2010

http://www.w3schools.com/ Diakses 21 Juli 2010