2010-1-00256-if-bab 3_bahanpkl

41

BAB 3

ANALISIS DAN PERANCANGAN

3.1. Gambaran Umum Perusahaan

3.1.1. Sejarah Singkat Perusahaan

Perusahaan Bunda Abadi Sejahtera merupakan perusahaan yang

bergerak di bidang usaha dagang ( trading ) dan fabrikasi. Dimana

perusahaan ini bertindak sebagai pemasok kebutuhan mesin yang

digunakan pada suatu pabrik maupun untuk perorangan. Mesin dan

sparepart yang dipasok didapatkan dengan proses pembelian dari

supplier lokal dan asing serta produk dari workshop perusahaan itu

sendiri.

Perusahaan ini berdiri sejak tahun 2002 di Pekanbaru, Riau.

Perusahaan yang terletak di JL. Riau No 189 D Pekanbaru ini, memiliki

letak lokasi kantor yang cukup strategis karena terletak di jalan yang

merupakan jalan utama di pusat kota Pekanbaru, Riau. Perusahaan ini

memiliki workshop di JL. PLP Curug KM. 6,2 Serdang Wetan, Legok

Tangerang yang memiliki tujuan utama untuk memproduksi mesin sesuai

pesanan dari konsumen perorangan atau pabrik. Perusahaan ini juga

memiliki sebuah warehouse pada JL. Siak II Km. 19 Pekanbaru, Riau

yang digunakan sebagai tempat penyimpanan barang sementara.

Bunda Abadi Sejahtera mempekerjakan kurang lebih 30 karyawan

yang terbagi ke dalam dua divisi. Lima orang menempati bagian

42

management kantor, dan sisanya menempati Divisi Produksi ( termasuk

di dalamnya pengantaran barang dan pemasangan ).

Perusahaan ini dimiliki secara perorangan, dimana ide mendirikan

bisnis ini didapatkan karena kebutuhan mesin yang tinggi di daerah

Pekanbaru, Riau. Hal ini disebabkan banyaknya pabrik-pabrik yang

beroperasi di wilayah tersebut. Salah satu pabrik kertas terbesar adalah

RAPP ( Riau Andalan Pulp and Paper ). Berdasarkan keadaan tersebut,

pemilik berusaha mengembangkan bisnis dan mengambil kesempatan

untuk menjadi pemasok utama kebutuhan mesin bagi pabrik-pabrik yang

ada di Pekanbaru, Riau.

3.1.2. Visi dan Misi Perusahaan

Visi

Being a manufacturing and trading company of Indonesia's leading

production with the ability to compete globally

Misi

Dedicated to supply and produces the very highest quality industrial

machinery and items

43

3.1.3. Produk PT. Bunda Abadi Sejahtera

Tabel 3.1 Rincian kategori produk

No Kategori Produk

Produk

1. Our Products Grate Wear Liner Chip Pocket Cutter Bar Hammer

Sprocket Chip Breaker Screw Conveyor

2 Nilos Rubber Product (Germany)

Rubber Materials Splicing Kits

Adhesives & Hardener

3. Rema TIP TOP Industrial Product ( Germany )

Conveyor Products Abbrasion and Corrosion

Protection Adhesives and Solvents

Rubber Working Tools & Equipment

Pulley Lagging Belt Repair

Materials 4. Wearalloy

Plate ( FORD STEEL USA )

Loader Bucket Liners Dragline Bucket Liners Skid Plates Bucket Lips Scraper Liners

Chruser Liners Rock Box Liners Truck Tray Liners Hopper Liners

5. Conveyor Belt Conveyor Belt Roller 6. Pattern &

Mould Pattern Final Drive Core Box Valve Pattern Body Valve

Core Box Casing PH100 6 Cavity

7. Handling Equipment

Loading & Unloading Roofing System

FD Filter JIG Assy SUS304 Glazing

Scrapt Container Cart Body

8. Building Material Industry

Roof Forming Machine Roll Machine Profile L Corrugated Single Roll

Roofing Machine Type ALC-SRRM-10

Forming Machine Type ALC CRFM U8-AC

Rolling Machine Type Single Barrel L-4000

Rool Forming Typr RD 700

9. Foundry Machinery

Ladle Apron Conveyor & Shake

Out Shake Out Machine Alumunium Crucible

Furnace 150 KGS

Swing Grinder / Cutting MC

Overhead Belt Conveyor for Moulding Line

Vibro Drum DIA.

44

Hanging Shot Blast 1400 x 600 mml Cupola

10. Air Pollution Control

Dust Collector With Silencer Type ALC-DCS-200

Dust Collector 50 M3/Min

Dust Collector 20 M3/Min

3.1.4. Fasilitas PT. Bunda Abadi Sejahtera

PT. Bunda Abadi Sejahtera mempunyai fasilitas yang ditawarkan

bagi pelanggan, berupa proses yang dijalankan selama memproduksi

suatu barang. Adapun proses tersebut, sebagai berikut :

1. Desain

Merupakan awal dari proses produksi yang mencakup

penggambaran sementara produk yang dipesan apakah sudah

sesuai dengan kebutuhan pelanggan atau belum. Desain

dilakukan menggunakan Cad Drawing version 2000.

2. Preparasi

Setelah desain disetujui, berikutnya dilakukan perencanaan

terhadap barang yang akan diproduksi, yaitu persiapan materi

yang dibutuhkan dan mesin-mesin yang akan digunakan.

3. Fabrikasi dan mesin

Adalah proses utama dalam suatu produksi yang

menggunakan mesin penggilingan, mesin bubut, mesin

penyidatan listrik, mesin bor, mesin pembengkok, mesin tekan

eksentrik, mesin perakitan, dan mesin pengelas yang tiap-tiap

45

pengerjaannya disesuaikan dengan desain produk yang

dipesan oleh pelanggan.

4. Pengecoran

Produk yang telah melewati tahap diatas, kemudian

diinduksikan dengan tungku 500 KG dan 1000 KG,

direklamasikan dengan pasir furan, dilanjutkan dengan

pengemisian optik dengan spectrometer, penganalisaan logam,

dan penggunaan mesin poles.

5. Pengontrolan kualitas

Kualitas suatu produk tentu sangat diawasi dalam proses

pembuatannya. Untuk itu pada akhir produksi, dilakukan

beberapa pengukuran pada produk, yaitu pengukuran tinggi,

pengukuran ketebalan atau kekerasan, dan pengukuran

koordinat barang yang menggunakan mesin Gage 2000 R

Selain fasilitas-fasilitas diatas, PT. Bunda Abadi Sejahtera juga

bekerja sama dengan beberapa perusahaan-perusahaan terkemuka untuk

memenuhi kebutuhan para pelanggan. Adapun perusahaan-perusahaan

yang bekerja sama dengan PT. Bunda Abadi Sejahtera adalah :

1. ARMCO

2. Ford Steel Company

3. Bridgestone

4. NILOS

46

3.1.5. Struktur Organisasi

Gambar 3.1 Struktur Organisasi

3.1.6. Tugas dan Wewenang

Tugas dan wewenang :

1. Direktur

Menyusun perencanaan

Mengorganisasikan kegiatan

Mengarahkan kegiatan

Mengkoordinasikan kegiatan

Melaksanakan pengawasan

Melakukan evaluasi terhadap pelaksana kegiatan

Menentukan kebijaksanaan

Mengarahkan atau memimpin rapat-rapat dalam bentuk

komunikasi lain

Direktur

Keuangan Pembelian Penjualan Distribusi Gudang Pemasaran

Pemasangan Quality Control

Sales Promotion

47

Mengambil keputusan

Menerima laporan secara periodik dari tiap sub-bagian perusahaan

2. Bagian Keuangan & Staff

Membuat buku besar, Neraca, rugi laba

Mengurus administrasi pajak

Membuat anggaran

Menjaga kerahasiaan alur dan arus keuangan dari semua pihak

kecuali atas persetujuan Direktur

Membina hubungan dan teamwork dengan sesama rekan kerja

Menjaga dan merawat semua asset milik dengan baik

Membina hubungan baik dengan klien, termasuk di dalamnya:

distributor, klien, koneksi lainnya

Memberikan laporan secara berkala dan berkelanjutan sesuai

dengan kebutuhan perusahaan

Menjaga nama baik perusahaan

Melaksanakan tugas-tugas tambahan yang diberikan atasan

3. Bagian Pembelian & Staff

Bekerjasama dengan bagian gudang untuk mengetahui stok

barang yang sudah habis dan perlu restock

Melakukan pembelian produk sesuai dengan laporan bagian

gudang dan atas persetujuan direktur

48









4. Bagian Penjualan & Staff

Menerima permintaan barang dari Pelanggan baik secara lisan

ataupun secara tertulis

Memproses permintaan barang dan membuat laporan permintaan

barang

Membuat dokumen penjualan









49

5. Bagian Distribusi

Bertanggung jawab dalam proses pengiriman dan pengambilan

dokumen-dokumen yang berhubungan dengan pengiriman barang

Membantu pendistribusian barang





Melaksanakan tugas-tugas tambahan yang diberikan oleh atasan

Melakukan pemasangan barang sesuai perjanjian didokumen

penjualan

6. Bagian Gudang

Menjaga ketersediaan produk

Bekerjasama dan memberikan laporan stok barang kepada bagian

purchasing untuk melakukan pembelian barang apabila stok habis

Melakukan pengawasan kualitas barang






50

7. Bagian Pemasaran

Tim promosi bertugas untuk melakukan inovasi baru dalam

mempromosikan produk yang ada

Sales representative bertugas memasarkan produk ke

pelanggan,menyampaikan informasi mengenai produk terbaru

kepada pelanggan

Staff pemasaran mengawasi kinerja sales representative agar tetap

produktif dan menentukan kelayakan pelanggan untuk melakukan

pemesanan

Bekerjasama dengan bagian gudang (inventory) untuk mengetahui

ketersediaan produk,update terbaru,dan menyediakan barang

kepada pelanggan






51

3.1.7. Analisis Sistem Pemasaran yang Sedang Berjalan

Dalam memasarkan produk, PT. Bunda Abadi Sejahtera memiliki

divisi pemasaran dengan jumlah karyawan 3 orang. Selama ini

penyediaan informasi kepada pelanggan hanya melalui brosur, papan

pengumuman, telepon dan bertatap muka langsung.

Penyediaan brosur dirasa kurang efektif, karena selain jumlah dan

jangkauannya yang terbatas, brosur juga lambat diperbaharui apabila

terdapat penambahan atau pengurangan produk, sehingga memerlukan

waktu lebih lama untuk dapat sampai pada pelanggan yang tepat.

Papan pengumuman hanya tersedia di kantor pusat dan pabrik PT.

Bunda Abadi Sejahtera. Dimana lokasi dari kantor pusat dan pabrik

tersebut juga tidak tersebar luas di setiap daerah sehingga tidak semua

pelanggan dapat datang dan melihat langsung ke lokasi.

Sejauh ini PT. Bunda Abadi Sejahtera menggunakan media

komunikasi telepon dalam melakukan transaksi. Namun, transaksi yang

dilakukan via telepon seringkali hanya dilakukan oleh pelanggan tetap,

sedangkan PT. Bunda Abadi Sejahtera hendak memperluas area

jangkauan informasi produk dan fasilitasnya untuk pelanggan baru

lainnya yang sesuai dengan target pemasaran.

Kendala yang dihadapi apabila bertatap muka langsung dengan

karyawan atau customer service person dari PT. Bunda Abadi Sejahtera

adalah letak kantor pusat yang berada di Kepulauan Riau. Sedangkan

tidak semua pelanggan bermukim disana. Adapula pabrik yang dimiliki

52

berlokasi di Pulau Jawa, tepatnya di Tangerang, namun transaksi juga

tidak dapat dilakukan di pabrik langsung. Selain itu pemberlakuan jam

kerja karyawan yang terbatas juga mengakibatkan tidak adanya layanan

pelanggan 24 jam.

Adapun dari hasil analisa sistem yang sedang berjalan di atas,

dapat dilihat bahwa sistem tersebut dinilai kurang efektif, karena

pemrosesan pembaharuan informasi terkini yang lambat, tidak dapat

diakses setiap waktu, jumlah brosur yang terbatas, lokasi yang tidak

strategis dan ketidakmampuan untuk mencakup keseluruhan pelanggan

yang memang tepat dan sesuai target pemasaran.

3.2. Identifikasi Kebutuhan Informasi

Untuk mengetahui permasalahan yang dialami oleh bagian marketing

pada PT. Bunda Abadi Sejahtera dalam memasarkan produk mereka. Penulis

melakukan pengumpulan data melalui wawancara dengan salah seorang staff

marketing PT. Bunda Abadi Sejahtera dan penyebaran kuisioner terhadap 20

orang pelanggan PT. Bunda Abadi Sejahtera. Data yang diperoleh akan

dijadikan sebagai acuan dalam perancangan website informasi PT. Bunda

Abadi Sejahtera ini.

3.2.1. Wawancara

Pelaksanaan wawancara dilakukan di 02 Oktober 2009 bertempat

di workshop PT. Bunda Abadi Sejahtera yang berlokasi di Tangerang.

53

Wawancara dilakukan terhadap bapak Ezhekiel Christian yang

merupakan salah satu staff marketing PT. Bunda Abadi Sejahtera. Setelah

wawancara dilakukan maka dapat disimpulkan bahwa PT. Bunda Abadi

Sejahtera masih menggunakan cara yang konvensional dalam

memasarkan dan menawarkan produk-produknya. Produk-produk mereka

masih ditawarkan via telepon, brosur atau hanya dengan papan

pengumuman.

PT. Bunda Abadi Sejahtera memerlukan sistem pemasaran yang

efektif dimana sistem tersebut dapat mencakup pelanggan yang tidak

mampu dijangkau oleh brosur, telepon atau dengan papan pengumuman.

Biasanya cara tersebut digunakan untuk langganan tetap saja, sementara

PT. Bunda Abadi Sejahtera ingin menjangkau pelanggan lainnya yang

notabene adalah pabrik atau manufaktur dari suatu perusahaan atau

rumah produksi. PT. Bunda Abadi Sejahtera juga membutuhkan sistem

informasi yang dapat bekerja selama 24 jam penuh sehingga dapat

mempermudah pelanggan yang ingin tahu lebih lanjut tentang perusahaan

tersebut.

Berdasarkan hasil wawancara, didapatkan bahwa PT. Bunda

Abadi Sejahtera memerlukan sistem pemasaran yang terkomputerisasi.

Sehingga, perusahaan ini merasa perlu memiliki website yang informatif

berbasis multimedia. Selain itu, website juga secara tidak langsung

mempresentasikan bahwa perusahaan tersebut kompeten dalam bersaing

dengan perusahaan sejenis lainnya.

54

3.2.2. Kuesioner

Untuk mengetahui permasalahan yang ada pada PT. Bunda Abadi

Sejahtera, maka kami melakukan pengumpulan data. Metode yang telah

dipilih untuk mengumpulkan data adalah dengan metode menyebarkan

kuesioner kepada para pelanggan, tenant, serta manajemen PT. Bunda

Abadi Sejahtera. Dari hasil kuesioner tersebut kemudian dianalisis untuk

mengetahui permasalahan yang terjadi.

3.2.2.1. Tujuan Kuesioner

Adapun tujuan dari pelaksanaan kuesioner ini adalah

untuk membantu dalam pengumpulan data, sehingga dapat

diketahui:

1. Sumber masalah apa yang sering dihadapi oleh staff marketing

PT. Bunda Abadi Sejahtera dalam mempublikasikan produk

dan penyampaian informasi kepada pelanggan.

2. Informasi-informasi apa saja yang mereka harapkan ada pada

aplikasi web ini sehingga dapat menjadi solusi bagi

permasalahan yang ada.

Pelaksanaan kuesioner dilaksanakan pada tanggal 02

Oktober 2009 Bertempat di workshop PT. Bunda Abadi Sejahtera

yang berlokasi di Tangerang. Kuesioner ditanyakan kepada 20

responden.

55

3.2.2.2. Hasil Analisis Kuesioner

Berikut ini adalah hasil analisis kuesioner yang telah

disebarkan di workshop, maka dapat diketahui data berikut ini :

Pertanyaan Pertama

Tabel 3.2 Hasil pertanyaan kuesioner pertama

Pertanyaan Jawaban Presentase 1. Darimana anda

mendapat informasi tentang PT. Bunda Abadi Sejahtera?

Artikel 5 Responden Internet 2 Responden Iklan 5 Responden Teman 8 Responden

25 % 10 % 25 % 40 %

Dari 20 responden, 8 responden menyatakan mendapatkan informasi

mengenai PT. Bunda Abadi Sejahtera melalui teman, memberi arti bahwa

informasi melalui media lain perlu dikembangkan, seperti internet.

Pertanyaan Kedua

Tabel 3.3 Hasil pertanyaan kuesioner kedua

Pertanyaan Jawaban Presentase 2. Menurut anda

apakah yang menjadi kelebihan PT. Bunda Abadi Sejahtera?

Produk lengkap 12 Responden Lokasi 0 Responden Fasilitas lengkap 3 Responden Semua benar 5 Responden

60 % 0 % 15 % 25 %

Sebanyak 12 responden menyatakan bahwa PT. Bunda Abadi

Sejahtera memiliki keunggulan yaitu lengkapnya produk-produk dan fasilitas

yang ditawarkan, hal itu membuktikan bahwa perusahaan ini mempunyai

56

kualitas yang baik sehingga mampu bersaing dengan perusahaan sejenis yang

dewasa ini umumnya memiliki website.

Pertanyaan Ketiga

Tabel 3.4 Hasil pertanyaan kuesioner ketiga

Pertanyaan Jawaban Presentase 3. Apakah anda

merasa kesulitan dalam mencari informasi produk PT. Bunda Abadi Sejahtera?

Sangat kesulitan 2 Responden Kesulitan 9 Responden Biasa saja 8 Responden Tidak kesulitan 1 Responden

10 % 45 % 40 % 5 %

Sebanyak 9 responden merasa kesulitan dalam mencari informasi

mengenai PT. Bunda Abadi Sejahtera, maka diperlukan sistem untuk

mengembangkan pemasaran dengan teknologi yang lebih modern dan

canggih yang umum saat ini yaitu website.

57

Pertanyaan Keempat

Tabel 3.5 Hasil pertanyaan kuesioner keempat

Pertanyaan Jawaban Presentase 4. Ketika anda

datang ke PT. Bunda Abadi Sejahtera, apakah anda sudah tahu dan yakin apa yang akan anda beli?

Sangat yakin 2 Responden Yakin 11 Responden Sedikit yakin 6 Responden Tidak yakin 1 Responden

10 % 55 % 30 % 5 %

Sebanyak 11 orang responden merasa yakin dapat mencari apa yang

diinginkan di PT. Bunda Abadi Sejahtera, namun ada pula pihak yang merasa

sedikit yakin dikarenakan informasi tentang produk atau fasilitas kurang

memadai jika hanya menggunakan brosur dan telepon, oleh karena itu,

dibutuhkan media internet yang dapat memberikan informasi secara lengkap

dan memudahkan konsumen dalam mencari produk atau fasilitas apa yang

mereka butuhkan melalui website.

Pertanyaan Kelima

Tabel 3.6 Hasil pertanyaan kuesioner kelima

Pertanyaan Jawaban Presentase 5. Seberapa sering

anda menggunakan fasilitas internet?

Sering 12 Responden Biasa saja 3 Responden Jarang 5 Responden Tidak pernah 0 Responden

60 % 15 % 25 % 0 %

58

Sebanyak 12 responden menyatakan sering menggunakan internet,

sehingga terbukti bahwa internet merupakan salah satu sarana yang umum

dalam proses mencari atau mendapatkan informasi.

Pertanyaan Keenam

Untuk pertanyaan ke enam dapat dipilih lebih dari satu jawaban

Tabel 3.7 Hasil pertanyaan kuesioner keenam

Pertanyaan Jawaban Presentase 6. Biasanya anda

menggunakan fasilitas internet untuk hal apa saja?

Browsing 10 Responden Chatting 15 Responden Kirim e-mail 5 Responden Download 12 Responden

50 % 75 % 25 % 60 %

Sebanyak 10 responden menyatakan browsing, 15 orang menyatakan

chatting, 5 responden menyatakan kirim e-mail, 12 responden menyatakan

download, hal itu membuktikan bahwa internet menjadi salah satu sarana

yang umum dalam proses mencari atau mendapatkan informasi, terutama

pada PT. Bunda Abadi Sejahtera.

Pertanyaan Ketujuh

Tabel 3.8 Hasil pertanyaan kuesioner ketujuh

Pertanyaan Jawaban Presentase 7. Apakah anda setuju

bahwa internet merupakan sarana penyampaian informasi yang efektif?

Sangat setuju 15 Responden Setuju 4 Responden Biasa saja 1 Responden Tidak setuju 0 Responden

75 % 20 % 5 % 0 %

59

Sebanyak 15 responden memilih sangat setuju, dapat diambil

kesimpulan, bahwa responden merasa sangat setuju internet dijadikan sebagai

media penyampaian informasi yang efektif serta menjadikan internet sebagai

acuan dalam proses pencarian informasi.

Pertanyaan Kedelapan

Untuk pertanyaan ke delapan dapat dipilih lebih dari satu jawaban

Tabel 3.9 Hasil pertanyaan kuesioner kedelapan

Pertanyaan Jawaban Presentase 8. Menurut anda,

apa yang harus ada dalam website PT. Bunda Abadi Sejahtera?

Profil dan kontak 10 Responden perusahaan

Fasilitas dan 12 Responden pelayanan

Informasi produk 15 Responden Video produk 8 Responden

50 %

60 %

75 % 40 %

Dari hasil prosentase diatas, dapat disimpulkan bahwa konsumen

membutuhkan informasi yang lengkap melalui website PT. Bunda Abadi

Sejahtera.

60

Pertanyaan Kesembilan

Tabel 3.10 Hasil pertanyaan kuesioner kesembilan

Pertanyaan Jawaban Presentase 9. Apakah anda

setuju jika multimedia diperlukan dalam website PT. Bunda Abadi Sejahtera?

Sangat setuju 9 Responden Setuju 2 Responden Biasa saja 6 Responden Tidak setuju 3 Responden

45 % 10 % 30 % 15 %

Sebanyak 9 responden memilih sangat setuju, dapat disimpulkan

bahwa responden merasa setuju jika multimedia diterapkan dalam website

PT. Bunda Abadi Sejahtera.

Pertanyaan Kesepuluh

Untuk pertanyaan ke sepuluh dapat dipilih lebih dari satu jawaban

Tabel 3.11 Hasil pertanyaan kuesioner kesepuluh

Pertanyaan Jawaban Presentase 10. Menurut anda,

apakah manfaat multimedia dalam website PT. Bunda Abadi Sejahtera?

Website jadi 15 Responden lebih menarik

Lebih modern 13 Responden Informasi lengkap 15 Responden

dan Jelas Tidak bermanfaat 2 Responden

75 %

65 %

75 %

10 %

Sebanyak 8 responden merasa bahwa dengan adanya multimedia

maka informasi menjadi lengkap dan jelas, serta menjadikan website PT.

Bunda Abadi Sejahtera lebih modern.

61

3.3. Permasalahan yang Dihadapi

Setelah melakukan wawancara dengan salah satu staff marketing PT.

Bunda Abadi Sejahtera, dan menyebarkan kuesioner pada pelanggan dan staff

PT. Bunda Abadi Sejahtera, diperoleh hasil sebagai berikut :

1. Detail produk tidak terkomputerisasi dengan baik

Hambatan yang dihadapi adalah detail produk masih berbentuk brosur,

bagan sederhana, dan daftar produk yang berupa pencatatan manual.

Apabila ada pembaharuan, penambahan, dan pengurangan produk maka

informasi lebih lambat sampai kepada pelanggan.

2. Fasilitas penyampaian informasi yang kurang memadai

Dari hasil kuesioner yang diperoleh pada pelanggan, masih ada responden

atau pelanggan PT. Bunda Abadi Sejahtera yang belum mendapatkan

keterangan tentang produk dan fasilitas perusahaan secara lengkap.

Sehingga diperlukan media informasi yang dapat dengan mudah diakses

darimanapun dan kapanpun.

3. Kurangnya metode promosi yang efektif

Metode promosi yang digunakan masih menggunakan cara manual, karena

sistem yang ada hanya menggunakan telepon, papan pengumuman, brosur

dan bertatap muka langsung sebagai media promosi produk dan fasilitas

yang ada pada PT. Bunda Abadi Sejahtera. Jika hanya menggunakan cara-

62

cara tersebut pelanggan yang dijangkau terbatas dan informasi tidak dapat

cepat diperbaharui. Sementara PT. Bunda Abadi Sejahtera ingin

menjangkau pelanggan baru yang tepat dan sesuai target pemasaran dalam

waktu yang lebih singkat.

3.4. Usulan Pemecahan Masalah

Dari hasil permasalahan yang telah dianalisis diatas, hasil kuesioner pada

beberapa pelanggan atau responden dan wawancara dengan wakil staff

perusahaan, dapat disimpulkan bahwa dibutuhkan sebuah sistem yang dapat

membantu penyampaian informasi yang cepat dan dapat diakses kapanpun.

Dalam hal ini berupa aplikasi website, yang dapat dipergunakan sebagai salah

satu sarana atau media yang secara akurat dapat menyampaikan informasi

detail produk dan fasilitas.

Aplikasi yang akan dibuat berbasiskan multimedia. Terdapat beberapa

fitur yang mendukung proses penyampaian informasi, antara lain sebagai

berikut :

1. Menampilkan informasi detail produk sesuai kategori dan kegunaannya.

2. Menyediakan profil perusahaan, relasi perusahaan, fasilitas yang

disediakan, alamat dan nomor kontak perusahaan, dan keterangan lainnya.

3. Menyediakan wadah bagi pelanggan yang ingin tahu lebih jauh tentang

produk dan fasilitas yang ditawarkan, melalui pengisian data dan komentar

yang selanjutnya akan direspon menggunakan e-mail atau telepon untuk

melakukan transaksi dan tanya jawab.

63

3.5. Perancangan Sistem

3.5.1. Rancangan Hierarki Menu User

Website informasi berbasis multimedia ini akan diawali dengan

sebuah layar utama yang terdapat preloader atau progress bar. Layar

utama untuk client side ini berisi :

1. Home. Halaman ini adalah tampilan yang pertama kali muncul

setelah preloader selesai. Terdapat 4 icon yang menunjuk

pada menu utama.

2. Our Company. Halaman ini menampilkan sejarah singkat dan

video mengenai perusahaan serta link yang akan menunjuk ke

website beberapa perusahaan yang berkerja sama dengan PT.

Bunda Abadi Sejahtera.

3. Products. Kategori produk dapat dilihat dengan detail pada

halaman ini. Dilengkapi dengan fitur search products untuk

memudahkan user.

4. Facilities. Halaman ini berisikan informasi tentang fasilitas

yang disediakan bagi pelanggan. Terdapat animasi sederhana

yang menggambarkan jalannya proses fasilitas.

5. Contact Us. Pelanggan dapat memasukkan komentar, saran,

dan pertanyaan yang akan diterima oleh administrator melalui

contact form dihalaman ini. Dilengkapi dengan nomor

telepon, fax, dan alamat kantor serta workshop perusahaan.

64

Gambar 3.2 Struktur Hierarki Menu User

Home

Our Company Video & Profile

Contact Us

Products Show / Search Products

Facilities

Link Cooperation

Proses Facilities

Thanks Page

Animasi

65

3.5.2. Rancangan Hierarki Menu Admin

Administrator site ini dirancang khusus untuk memasukan

informasi terkini tentang produk, menghapus produk yang sudah tidak

tersedia, serta memasukan produk-produk baru. Layar utama untuk admin

berisi :

1. Login. Pada halaman ini, admin diharuskan memasukan

username dan password yang sesuai. Login diharuskan untuk

sukses terlebih dahulu, sebelum admin dapat melanjutkan

untuk masuk ke halaman berikutnya.

2. Home. Halaman ini berbeda dengan halaman home pada client

side. Berisikan tampilan menu, antara lain : View Products,

Add New Products, View Messages, dan Logout. Hanya admin

yang dapat mengakses menu-menu tersebut.

3. View Products. Admin dapat melihat tampilan lengkap produk

sesuai dengan kategori, kode produksi, nama produk,

deskripsi, gambar, dan lainnya. Admin juga dapat melakukan

pembaharuan dan penghapusan produk pada halaman ini.

4. Add New Products. Produk-produk baru dapat ditambahkan ke

dalam website pengunjung dengan mengisi detail pada form

yang tersedia di halaman ini.

5. View Messages. Halaman ini menampilkan pesan yang

dikirim oleh user melalui contact form pada client side.

Admin dapat melihat dan menghapus pesan yang masuk.

66

Gambar 3.3 Struktur Hierarki Menu Admin

ViewMessages View/delete

LoginHalamanUtama

Logout

ViewProducts

Update

Delete

InsertnewAddNew

BacktoLogin

67

3.5.3. State Transtition Diagram

Pada saat website dibuka, pertama kali akan muncul layar awal

yaitu Home yang berisi informasi singkat mengenai perusahaan dan

sedikit animasi. Setelah user membaca dan melihat layar awal maka user

dapat memilih menu yang lain.

Pada menu utama yaitu Home user dapat memilih 4 pilihan yaitu

ke menu Our Company, Products, Facilities, Contact Us atau kembali

lagi ke Home. Menu selanjutnya adalah menu animasi sederhana yang

terdapat di menu Facilities. Menu terakhir adalah menu Contact Us yang

jika dipilih maka user dapat mengirimkan pertanyaan, saran serta

komentar kepada admin.

68

Gambar 3.4 State Transtition Diagram User

Pilih produk Tampilkan detail produk

Back to product Tampilkan Halaman product

Product

Facilities

Contact Us

Our Company

Home

Product Details

Thanks

Animasi

Admin

Pilih menu sesuai yang dipilih Tampilkan halaman sesuai yang dipilih

Pilih menu sesuai yang dipilih Tampilkan halaman sesuai yang dipilih

Pilih animasi Tampilkan animasi

Back to facilities Tampilkan Halaman facilities

Submit Form Tampilkan Halaman Thanks

Submit Form Pop Up ke admin page

Back To Home Tampilkan Halaman Home

Link Corporate

Pilih Link Tampilkan Halaman Link

69

Gambar 3.5 State Transtition Diagram Admin

Login Halaman Utama

View Products

Add New Products

Log Out

Edit

Delete

Insert new item

Klik Login Tampilkan Halaman Utama

Pilih menu sesuai yang dipilih Tampilkan Halaman sesuai pilihan

Klik Back Kembali ke Halaman Utama

Back To Login Tampilkan Halaman Login



View Messages Delete


Pilih menu sesuai yang dipilih Ubah Data

Pilih menu sesuai yang dipilih Hapus Data

Pilih menu sesuai yang dipilih Masukkan database

Pilih menu sesuai yang dipilih Hapus Data

Klik Back Kembali ke Halaman Utama

70

3.6. Perancangan Basis Data

Basis data untuk perancangan aplikasi ini terdiri dari 4 tabel, deskripsi

tabel dan primary key tersebut :

Nama Tabel : msCategory

Deskripsi : untuk menampung kategori tiap tipe produk

Primary Key : ProductID

Tabel 3.12 Tabel msCategory

Nama Field Tipe Data Panjang Keterangan CategoryID Integer 5 Kode pengenal dari tiap kategori CategoryName Text 15 Nama pengenal dari tiap kategori

Nama Tabel : msProduct

Deskripsi : untuk menampung tipe jenis produk dari tiap kategori

Primary Key : ProductID

Tabel 3.13 Tabel msProduct

Nama Field Tipe Data Panjang Keterangan ProductID Integer 5 Kode pengenal dari tiap tipe

produk GambarID Integer 5 Kode pengenal dari tiap gambar ProductName Text 50 Nama pengenal dari tiap tipe

produk Deskripsi Text 50 Deskripsi dari tiap tipe data

produk

71

Nama Tabel : msGambar

Deskripsi : untuk menampung Gambar tiap tipe produk

Primary Key : GambarID

Tabel 3.14 Tabel msGambar

Nama Field Tipe Data Panjang Keterangan GambarID Integer 5 Kode pengenal dari gambar tiap

produk Gambar Text 50 Gambar tiap tipe data produk

Nama Tabel : msAdmin

Deskripsi : untuk menampung username dan password dari admin

Primary Key : AdminID

Tabel 3.15 Tabel msAdmin

Nama Field Tipe Data Panjang Keterangan AdminID Text 20 Nama administrator Password Text 20 Password administrator

Nama Tabel : msMessage

Deskripsi : untuk menampung pesan atau komentar dari user

Primary Key : EmailID

Tabel 3.16 Tabel msMessage

Nama Field Tipe Data Panjang Keterangan EmailID Text 20 Email User Nama Text 20 Nama Uer Subjek Text 20 Topik User Pesan Text 50 Pesan atau Komentar User

72

3.6.1. Entity Relationship Diagram (ERD)

Gambar 3.6 Diagram hubungan entitas

FK1 FK1

FK1

11 1*

11

11

1*

1*

73

3.7. Perancangan Layar

3.7.1. Perancangan Layar Tunggu User

Gambar 3.7 Perancangan Layar Tunggu

Tampilan awal website ini berupa layar yang menampilkan pre-

loader atau layar tunggu. Pada layar ini user harus menunggu sampai

proses tunggu selesai dan web siap dijalankan. Setelah proses tunggu

selesai, user secara otomatis langsung masuk ke halaman utama.

LOGO

74

Modul Awal

Tampilkan Layar Tunggu

Jalankan Animasi

Tutup Layar Tunggu

Panggil Menu Utama

Akhir jika

Tutup Layar Tunggu

Panggil Menu Utama

Akhir Modul Awal

3.7.2. Perancangan Layar Utama

Gambar 3.8 Perancangan Layar Utama

Pada layar menu utama ini, user disajikan menu yang terdapat di

website ini. Pada layar utama ini juga terdapat sedikit animasi pada

L O G O

Our Company

Products Facilities

Contact Us

Animasi Gambar

75

menunya. Selain itu, user dapat memilih ke menu yang lainnya yaitu ke

menu Our Company, Products, Facilities dan Contact Us.

Modul Menu Utama

Tampilkan Layar Menu Utama

Jalankan Animasi

Jika Tombol Our Company ditekan

Hentikan animasi

Tutup Layar Menu Utama

Panggil Layar Our Company

Akhir Jika

Jika tombol Products ditekan

Hentikan animasi


Panggil Layar Products

Akhir Jika

Jika tombol Facilities ditekan

Hentikan animasi


Panggil Layar Facilities

Akhir Jika

Jika tombol Contact Us ditekan

Hentikan animasi


Panggil Layar Contact Us

Akhir Jika

Akhir Modul Menu Utama

76

3.7.3. Perancangan Layar Our Company

Gambar 3.9 Perancangan Layar Our Company

Pada layar Our Company, user dapat melihat sedikit penjelasan

sejarah singkat dan video tentang profil perusahaan. Dilengkapi dengan

link button yang menunjuk pada website perusahaan yang bekerja sama

dengan PT. Bunda Abadi Sejahtera. User dapat kembali lagi ke menu

utama dan memilih ke menu selanjutnya.

L O G O

Text Singkat Tentang

Perusahaan

Back to main menu

Video

Animasi Gambar

Corporate Link Buttons

77

Modul Our Company

Tampilkan Layar Our Company

Jalankan Animasi

Jika Tombol Back to main menu ditekan

Hentikan animasi

Tutup Layar Our Company

Panggil Menu Utama

Akhir jika

Tutup Layar Our Company

Panggil Menu Utama

Akhir Modul Awal

3.7.4. Perancangan Layar Products

Gambar 3.10 Perancangan Layar Products

L O G O

Back to main menu

Product Categories

Search

Products

Products

Images Description

AnimasiGambar

78

Pada layar Products, user dapat melihat produk-produk yang

ditawarkan oleh perusahaan. Di menu ini terdapat gambar dan detail

berbagai produk yang ditawarkan. Selain itu, di layar ini user dapat

mencari produk yang ingin ketahu i dengan mengetik nama produk pada

search box.

Modul Menu Product

Tampilkan Menu Layar Products

Tampilkan Menu Products

Tampilkan Search Box

Masukkan nama produk

Jika tombol Show / Search ditekan

Cari produk

Tampilkan produk yang dicari

Akhir Jika

Jika tombol Back to main menu ditekan

Tutup Layar Produk

Panggil Menu Utama

Akhir Jika

Tutup Layar Produk

Panggil Menu Utama

Akhir Modul Menu Product

79

3.7.5. Perancangan Layar Facilities

Gambar 3.11 Perancangan Layar Facilities

Pada layar Facilities, user dapat membaca sedikit penjelasan

tentang fasilitas yang ditawarkan oleh PT. Bunda Abadi Sejahtera,

dilengkapi dengan scroll bar disebelah kanan layar, dan terdapat button

untuk menjalankan animasi.

L O G O

Back to main menu

Button

Text

Animasi Gambar

80

Gambar 3.12 Perancangan Layar Animasi Facilities

Pada layar ini terdapat animasi dari proses fasilitas yang

disediakan oleh perusahaan. Sehingga pelanggan dapat mengetahui

jalannya proses secara sederhana dan atraktif.

Modul Layar Facilities

Tampilkan Layar Facilities

Jalankan Animasi

Jika Tombol see the facility process ditekan

Hentikan animasi

Tutup Layar Facilities

Panggil Animasi Facilities

Akhir jika


Hentikan animasi

A N I M A S I

L O G O

Animasi Gambar

81

Tutup layar animasi Facilities

Panggil Layar Menu Utama

Akhir Jika

Tutup Layar Facilities

Panggil Menu Utama

Akhir Modul Awal

3.7.6. Perancangan Layar Contact Us

Gambar 3.13 Perancangan Layar Contact Us

Pada layar Contact Us, terdapat form yang dapat diisi oleh user,

ini merupakan wadah bagi user untuk dapat mengirimkan komentar,

saran, pertanyaan dan data mereka kepada perusahaan. Selanjutnya pesan

akan masuk ke e-mail admin.

L O G O

Animasi Gambar

Back to main menu

button button

Text

82

Modul Menu Contact Us

Tampilkan Menu Layar Contact Us

Jalankan Animasi

Tampilkan Form Contact Us

Jika Form Contact Us ditampilkan

Masukkan Nama

Masukkan E-mail

Masukkan Judul Pesan

Masukkan Komentar

Akhir Jika

Jika Tombol submit ditekan

Panggil Layar Terima Kasih

Akhir Jika

Jika Data Valid

Panggil Layar Terima Kasih

Akhir Jika

Jika Data Tidak Valid

Tampilkan Warning Text

Akhir Jika

Jika Tombol Reset ditekan

Kosongkan isi form

Panggil Layar Contact Us

Akhir Jika


Tutup Layar Contact Us


Akhir Jika

Tutup Layar Contact Us


Akhir Modul Menu Contact Us

83

3.7.7. Perancangan Layar Login Admin

Gambar 3.14 Perancangan Layar Login Admin

Pada layar ini, admin harus memasukkan username dan password

admin agar dapat mengakses halaman utama. Setelah itu, tekan tombol

login dan jika username dan password salah, maka akan muncul warning

text.

Modul Menu Login Admin

Tampilkan Layar Login Admin

Jika tombol login ditekan

Jika username = kosong

Tampilkan Masukkan username

Akhir Jika

Nama :

Pasword :

Animasi

Logo Button

84

Jika username tidak ditemukan

Tampilkan username tidak terdaftar

Akhir Jika

Jika Password salah

Tampilkan password dan username tidak cocok

Akhir Jika

Jika Password benar

Tutup Layar Login Admin

Panggil Modul Admin

Akhir Jika

Akhir Modul Login Admin

85

3.7.8. Perancangan Layar Utama Admin

Gambar 3.15 Perancangan Layar Utama Admin

Setelah login, terdapat 3 menu utama pada halaman ini yaitu View

Products, Add New Product, dan View Messages. Terdapat pula tombol

logout jika ingin mengakhiri session.

Modul Menu Utama Admin

Tampilkan Layar Utama Admin

Tampilkan Menu Utama Admin

Jika Tombol View Products ditekan

Tutup Layar Utama Admin

Panggil Layar View Products

Akhir Jika

View Messages

View Products

Add New Product

Logout

LOGO

86

Jika Tombol Add New Product ditekan


Panggil Layar Add New Product

Akhir Jika

Jika Tombol View Messages ditekan


Panggil Layar View Messages

Akhir Jika

Jika Tombol Logout ditekan


Panggil Layar Login

Akhir Jika

Akhir Modul Menu Utama Admin

87

3.7.9. Perancangan Layar View Products

Gambar 3.16 Perancangan Layar View Products

Pada layar ini, admin dapat melihat produk apa yang telah ada

didalam database. Admin diberikan akses bebas untuk mengubah dan

menghapus produk yang sudah pernah dimasukkan kedalam database.

Modul Menu Lihat Produk

Tampilkan Menu View Products

Tampilkan Menu Utama View Products

Jika Tombol Edit ditekan

Tutup Layar View Products

Panggil Layar Ubah

Akhir Jika

Jika Tombol Delete ditekan


Edit Delete

LOGO HEADER

button

button

88

Panggil Layar Hapus

Akhir Jika

Jika Tombol Back to Home ditekan


Panggil Layar Utama Admin

Akhir Jika

Akhir Modul Menu Lihat Produk

3.7.10. Perancangan Layar Edit Product

Gambar 3.17 Perancangan Layar Edit Product

Pada layar ini, admin dapat mengubah nama, deskripsi, kategori,

dan kode barang yang sudah ada.

Product

Category

Deskripsi

Image

Button

LOGO HEADER

button button

89

Modul Menu Ubah Barang

Tampilkan Menu Ubah Barang

Tampilkan Menu Layar Ubah Barang

Tampilkan Form Ubah Barang

Jika Form Ubah Barang ditampilkan

Masukkan Nama Product

Masukkan ID Product

Masukkan Kategori

Masukkan Deskripsi

Akhir Jika

Jika Tombol edit ditekan

Tampilkan Anda Setuju

Jika tombol ok ditekan

Tampilkan data produk berhasil diubah

Jika tombol cancel ditekan


Akhir Jika

Akhir Jika

Akhir Jika


Tutup Layar Ubah Barang

Kosongkan isi form

Panggil Layar Ubah Barang

Akhir Jika

Jika Tombol back ditekan


Panggil Layar Lihat Produk

Akhir Jika

Jika Tombol Back to home ditekan


90

Panggil Layar Menu Utama Admin

Akhir Jika

Akhir Modul Menu Ubah Barang

3.7.11. Perancangan Layar Delete Product

Gambar 3.18 Perancangan Layar Delete Product

Admin dapat menghapus produk yang sudah tidak diperlukan

melalui layar ini. Konfirmasi akan dilakukan sebelum detail produk benar-

benar dihapus.

Modul Menu Hapus Barang

Tampilkan Menu Hapus Barang

Tampilkan Menu Layar Hapus Barang

Tampilkan Data Barang

Product

Category

Deskripsi

Image

Button

LOGO HEADER

button

91

Jika Tombol delete ditekan






Akhir Jika

Akhir Jika

Akhir Jika

Jika Tombol edit ditekan






Akhir Jika

Akhir Jika

Jika Tombol back ditekan

Tutup Layar Hapus Barang

Panggil Layar Lihat Produk

Akhir Jika




Akhir Jika

Akhir Modul Menu Ubah Barang

92

3.7.12. Perancangan Layar Add New Product

Gambar 3.16 Perancangan Layar Admin

Gambar 3.19 Perancangan Layar Add New Product

Pada layar Add New Product ini terdapat form kategori, nama

produk, images, kode dan deskripsi barang yang dapat dimasukkan oleh

admin. Tambahan tersebut akan secara otomatis ditambahkan ke dalam

database.

Product

Category

Deskripsi

Image

Button

LOGOHEADER

button button

93

Modul Menu Tambah Barang

Tampilkan Layar Tambah Barang

Tampilkan Menu Layar Tambah Barang

Tampilkan Form Tambah Barang

Jika Form Tambah Barang ditampilkan

Masukkan Nama Product

Masukkan ID Product

Masukkan Kategori

Masukkan Deskripsi

Masukkan Gambar

Akhir Jika

Jika Tombol Add ditekan

Jika Data Berhasil dimasukkan

Tampilkan data berhasil ditambahkan

Jika Data tidak Berhasil dimasukkan

Tampilkan Warning Text

Akhir Jika


Tutup Layar Tambah Barang

Kosongkan isi form

Panggil Layar Tambah Barang

Akhir Jika

Akhir Jika


Tutup Layar Tambah Barang


Akhir Jika

Akhir Modul Menu Tambah Barang

94

3.7.13. Perancangan Layar View Messages

Gambar 3.20 Perancangan Layar View Messages

Pesan dari client yang masuk akan ditampilkan pada layar ini, pesan

tersebut hanya dapat dihapus oleh admin.

Modul Menu Lihat Pesan

Tampilkan Menu Lihat Pesan

Tampilkan menu utama Lihat Pesan

Jika Tombol check all ditekan

Check smua pesan

Jika Tombol uncheck all ditekan

Uncheck smua pesan

Akhir Jika

Jika Tombol Delete ditekan

button button

LOGO HEADER

button

button

95

Tutup Layar Lihat Pesan

Panggil Layar Lihat Pesan

Akhir Jika


Tutup Layar Lihat Produk


Akhir Jika

Akhir Modul Menu Lihat Produk

Modul Menu Keluar

Jika tombol Logout ditekan


Panggi Layar Login Admin

Akhir Jika

Akhir Modul Keluar

2010-1-00256-if-bab 3_bahanpkl

Documents