Download - disusun oleh - AMIKOM
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