perancangan web sebagai media publikasi barang...

12
PERANCANGAN WEB SEBAGAI MEDIA PUBLIKASI BARANG DAN JASA PADA PERUSAHAAN ARWIN JAYA DI KABUPATEN TUBAN NASKAH PUBLIKASI diajukan oleh : Rizkian Kusuma Jati Permana 07.11.1548 kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA YOGYAKARTA 2013

Upload: vuongcong

Post on 22-Mar-2019

220 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: PERANCANGAN WEB SEBAGAI MEDIA PUBLIKASI BARANG …repository.amikom.ac.id/files/Publikasi_07.11.1548.pdf · SEKOLAH TINGGI MANAJEMEN INFORMATIKA ... bengkel reparasi mobil dan truk,

PERANCANGAN WEB SEBAGAI MEDIA PUBLIKASI BARANG DAN JASA PADA PERUSAHAAN ARWIN JAYA DI KABUPATEN TUBAN

NASKAH PUBLIKASI

diajukan oleh :

Rizkian Kusuma Jati Permana 07.11.1548

kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

AMIKOM YOGYAKARTA YOGYAKARTA

2013

Page 2: PERANCANGAN WEB SEBAGAI MEDIA PUBLIKASI BARANG …repository.amikom.ac.id/files/Publikasi_07.11.1548.pdf · SEKOLAH TINGGI MANAJEMEN INFORMATIKA ... bengkel reparasi mobil dan truk,
Page 3: PERANCANGAN WEB SEBAGAI MEDIA PUBLIKASI BARANG …repository.amikom.ac.id/files/Publikasi_07.11.1548.pdf · SEKOLAH TINGGI MANAJEMEN INFORMATIKA ... bengkel reparasi mobil dan truk,

Web Design As Media Publications for Items and Services of ARWIN JAYA Companies at Tuban Regency

Perancangan Web Sebagai Media Publikasi Barang dan Jasa Pada Perusahaan ARWIN JAYA di Kabupaten Tuban

Rizkian Kusuma Jati Permana

Erik Hadi Saputra Jurusan Teknik Informatika

STMIK AMIKOM YOGYAKARTA

ABSTRACT

The progress of the Internet is expected to present this as more and more private companies , agencies and institutions of higher education is going to be a need for information services . In this study tries to establish Publications Media Systems Web-Based Goods and Services are addressed in Tuban Store - Jaya Arwin is still using manual system sales . Among the relevant factors of the system is the lack of information manually tersebuat widely , sales analysis system that is less efficient and some other factors .

The method used in the design and manufacture of this software is Waterfall method , the programming language that is used as a server - side scripting are PHP , HTML , and Flash MX as multimedia effects . Cascading Style Sheet ( CSS ) as a representation of the content , Adobe Dreamweaver CS3 , Adobe Photoshop CS3 , MySQL database for data storage .

This research will result in a Media Publications of Items and Services Based on the Company's Web - Arwin Jaya Tuban which have corresponding interfaces so as to provide information to facilitate widespread and practical process sales transactions.

Keywords : Media publications, Transactions, Arwin Jaya, Complex, Manual

Page 4: PERANCANGAN WEB SEBAGAI MEDIA PUBLIKASI BARANG …repository.amikom.ac.id/files/Publikasi_07.11.1548.pdf · SEKOLAH TINGGI MANAJEMEN INFORMATIKA ... bengkel reparasi mobil dan truk,

1. Pendahuluan Kemajuan diberbagai bidang teknologi terutama kemajuan teknologi informasi dan

komputer, mendorong munculnya berbagai inovasi baru dalam penyajian informasi untuk

memenuhi kebutuhan informasi. Sebagai alat bantu manusia komputer juga mempunyai

kelebihan diantaranya kecepatan, keakuratan serta efisiensi pengolahan data

dibandingkan dengan sistem manual. Pengolahan data menjadi informasi inilah yang

menjadi kelebihan komputer, komputer juga telah merambah dalam berbagai segmen,

baik didalam segala bidang, termasuk salah satunya adalah bidang bisnis.

Dalam memasuki dunia globalisasi, manusia mengenal teknologi yang semakin maju

untuk mempermudah melakukan berbagai kegiatan dalam kehidupan. Kemajuan di

bidang transportasi, komunikasi, kesehatan, pendidikan, dan bidang lainnya merupakan

contoh bahwa manusia semakin memerlukan teknologi dalam kehidupan ini. Saat ini

dunia telah mengenal suatu teknologi yang disebut dengan internet. Dengan internet

semua orang dapat berkomunikasi dengan orang lain yang berada di berbagai belahan

dunia. Melalui internet, setiap orang dapat memperoleh dan menyampaikan berbagai

informasi yang dibutuhkan kapan saja dan dimana saja. Kini dengan hadirnya internet,

manusia dapat melakukan bisnis lebih mudah.

Dengan mengambil konsep internet yang memiliki jangkauan penyebaran lebih luas,

di harapkan dapat memberikan banyak keuntungan yang lebih bagi perusahaan ARWIN

JAYA dalam hal memberikan informasi pada setiap calon konsumen. Berdasarkan uraian

di atas penulis melakukan penelitian di bengkel ARWIN JAYA untuk memecahkan

masalah yang terjadi pada perusahaan tersebut dan mendapatkan ide dengan

pengambilan judul "Perancangan Web Sebagai Media Publikasi Barang dan Jasa Pada

Perusahaan ARWIN JAYA di Kabupaten Tuban ".

2. Tinjauan Umum 2.1 Sejarah Singkat Arwin Jaya

Arwin Jaya adalah perusahaan perseorangan yang bergerak dibidang produksi dan

penjualan barang berbahan dari sejenis besi seperti alat rumah tangga, pagar rumah,

dan aksesoris lainnya, selain itu untuk memenuhi kebutuhan dari masyarakat

perusahaan Arwin Jaya juga melayani bengkel reparasi mobil dan truk, cuci mobil dan

motor. Arwin Jaya didirikan oleh Bapak Aries Sulamsyah pada tahun 2011, Awal mulanya

beliau suka mengotak-atik motor dan mobilnya sendiri kemudian beliau mebuka usaha

bengkel reparasi mobil dan truk. Tidak cukup sampai disitu, beliau mencoba

memanfaatkan mesin las untuk membuat barang-barang dari besi. Dari situlah muncul

ide produksi barang-barang terebut, dan akhirnya berjalanlah perusahaan Arwin Jaya

hingga sekarang.

1

Page 5: PERANCANGAN WEB SEBAGAI MEDIA PUBLIKASI BARANG …repository.amikom.ac.id/files/Publikasi_07.11.1548.pdf · SEKOLAH TINGGI MANAJEMEN INFORMATIKA ... bengkel reparasi mobil dan truk,

3. Rancangan Sistem Yang Diusulkan 3.1 Pemodelan Data 3.1.1 ERD

ERD merupakan salah satu model yang digunakan untuk mendesain database

dengan tujuan menggambarkan data yang berelasi pada sebuah database. Umumnya

setelah perancangan ERD selesai berikutnya adalah mendesain database secara fisik

yaitu pembuatan tabel, index dengan tetap mempertimbangkan performance. Kemudian

setelah database selesai dilanjutkan dengan merancang aplikasi yang melibatkan

database.

Gambar 3.1 Entity Relationship Diagram

3.2 Pemodelan Sistem 3.2.1 Flowchart

Flowchart atau bagan alir sistem (system flowchart) adalah penggambaran

secara grafik dari langkah-langkah dan urut-urutan prosedur dari suatu program.

Flowchart menolong analis dan programmer untuk memecahkan masalah kedalam

segmen-segmen yang lebih kecil dan menolong dalam menganalisis alternatif lain dalam

2

Page 6: PERANCANGAN WEB SEBAGAI MEDIA PUBLIKASI BARANG …repository.amikom.ac.id/files/Publikasi_07.11.1548.pdf · SEKOLAH TINGGI MANAJEMEN INFORMATIKA ... bengkel reparasi mobil dan truk,

pengoperasian. Flowchart biasanya mempermudah penyelesaian suatu masalah

khususnya masalah yang perlu dipelajari dan dievaluasi lebih lanjut.

Gambar 3.2 Folwchart Sistem

3.2.2 DFD Data Flow Diagram (DFD) merupakan suatu network yang menggambarkan

suatu sistem automat atau komputerisasi, manualisasi atau gabungan dari keduanya,

yang pengambarannya disusun dalam bentuk kumpulan komponen sistem yang saling

berhubungan sesuai dengan aturan mainnya.

3

Page 7: PERANCANGAN WEB SEBAGAI MEDIA PUBLIKASI BARANG …repository.amikom.ac.id/files/Publikasi_07.11.1548.pdf · SEKOLAH TINGGI MANAJEMEN INFORMATIKA ... bengkel reparasi mobil dan truk,

Gambar 3.3 DFD Level 0

3.2.3 Relasi Antar Tabel Pada model data relasional hubungan antar tabel direlasikan dengan kunci

utama (primary key) dari masing-masing tabel. Perancangan relasi antar tabel pada

sistem yang akan dibangun ini dapat di lihat pada gambar berikut

Gambar 3.4 Relasi Antar Tabel

4

Page 8: PERANCANGAN WEB SEBAGAI MEDIA PUBLIKASI BARANG …repository.amikom.ac.id/files/Publikasi_07.11.1548.pdf · SEKOLAH TINGGI MANAJEMEN INFORMATIKA ... bengkel reparasi mobil dan truk,

4. Implemmentasi dann Pembahasan 4.1 Pemba

Untuk

data sehin

sesuai kein

dari tabel-

implementa

mudah dip

terdiri dari

ahasan Basmembuat we

gga data tid

nginan. Med

-tabel yang

asi database

pahami. Infor

15 tabel.

is Data ebsite yang d

dak statis da

ia penyimpa

berfungsi

e, penulis me

rmasi-inform

dinamis, mak

an memungk

an data ini d

untuk men

enggunakan

masi website

ka diperluka

kinkan data

isebut sebag

yimpan rec

PhpMyadmi

disimpan d

n sebuah me

yang ada d

gai database

cord-record

in yang diras

alam databa

edia penyimp

dapat diubah

e. Database

informasi. D

sa lebih cepa

ase “ arwin”

panan

h-ubah

terdiri

Dalam

at dan

yang

4.2 Login Halama

mengecek

menginputk

Admin an login ada

user. Jadi

kan usernam

Gamba

alah halaman

i user telah

me dan passw

5

ar 4.1 Databa

n pertama di

h mempuny

word dengan

ase Arwin Ja

i akses oleh

yai data us

n benar maka

aya

admin. Hala

sername da

a mempunya

aman ini ber

n password

ai hak akses

rfungsi

d dan

untuk

Page 9: PERANCANGAN WEB SEBAGAI MEDIA PUBLIKASI BARANG …repository.amikom.ac.id/files/Publikasi_07.11.1548.pdf · SEKOLAH TINGGI MANAJEMEN INFORMATIKA ... bengkel reparasi mobil dan truk,

mengolah data pada halaman menu administrator. Apabila username dan password tidak

benar atau kosong maka user tidak dapat masuk.

Gambar 4.2 Halaman Login Admin

4.3 Pembahasan Antarmuka Program 4.3.1 Halaman Index

Halaman index berisikan form login dan halaman pengunjung diperuntukan bagi

user yang belum login, user biasa dapat melihat-lihat produk tetapi belum dapat

memesan sebelum melakukan registrasi sebagai anggota. Halaman ini ditampilkan saat

pengunjung pertama kali membuka sistem.

Gambar 4.3 Halaman Index

4.3.2 Halaman Login Member Halaman login anggota adalah halaman pertama di akses oleh member.

Halaman ini berfungsi mengecek user. Jadi user telah mempunyai data id user dan

6

Page 10: PERANCANGAN WEB SEBAGAI MEDIA PUBLIKASI BARANG …repository.amikom.ac.id/files/Publikasi_07.11.1548.pdf · SEKOLAH TINGGI MANAJEMEN INFORMATIKA ... bengkel reparasi mobil dan truk,

password, jika menginputkan id user dan password dengan benar maka mempunyai hak

akses untuk mengolah data pada halaman menu member.

Gambar 4.4 Halaman Login Member

4.3.3 Halaman Menu Member Halaman ini berfunngsi sebagai control panel untuk member

Gambar 4.5 Halaman Menu Member

4.3.4 Halaman Kontak

Halaman ini berisi form kontak yang berfungsi untuk mengisi kritik maupun saran

Gambar 4.6 Halaman Kontak

7

Page 11: PERANCANGAN WEB SEBAGAI MEDIA PUBLIKASI BARANG …repository.amikom.ac.id/files/Publikasi_07.11.1548.pdf · SEKOLAH TINGGI MANAJEMEN INFORMATIKA ... bengkel reparasi mobil dan truk,

5. PENUTUP Berdasarkan hasil penelitian dan pembahasan yang dilakukan mengenai

Pembuatan Web Sebagai Media Publikasi Barang dan Jasa Pada Perusahaan ARWIN

JAYA di Kabupaten Tuban, maka penulis mengambil kesimpulan dan memberi beberapa

saran sebagai berikut :

5.1 Kesimpulan Dari penjelasan dan uraian dari bab sebelumnya, serta analisis yang dilakukan

dengan melakukan studi kelayakan terlebih dahulu, dapat disimpulkan bahwa :

1. Telah dihasilkan suatu Media Publikasi Barang dan Jasa Berbasis Web Pada

Perusahaan Arwin Jaya-Kabupaten Tuban

2. Sistem yang dibangun dapat menampilkan secara online tentang layanan dan produk

Perusahaan Arwin Jaya secara luas..

3. Dengan diterapkanya atau dimanfaatkanya media internet perusahaan Arwin Jaya,

promosi perusahaan mampu menyampaikan informasi tentang produk barang dan

jasa akan lebih efektif dan efisien.

4. Informasi perusahaan akan lebih mudah dan cepat diakses dimana saja dan kapan

saja tanpa ada batas waktu dan tempat setelah diterapkanya system baru yang

memanfaatkan media internet.

5. Untuk membuat website yang selalu up to date, maka website terkoneksi dengan

database, yang fungsinya untuk menyimpan data-data yang akan ditampilkan disitus.

Data-data akan bisa diubah dengan cepat dengan adanya database. Untuk situs web

Arwin Jaya penulis menggunakan database MySQL.

5.2 Saran Dalam pembuatan website dinamis dan interakrif sebagai sarana penyampaian

informasi dan promosi, penulis memberikan sarana untuk penyempurnaan dan

kelancaran website. Saran-saran adalah sebagai berikut :

1. Keberadaan website disebuah badan atau instalasi sangat penting karena akan

membantu kelancaran oprasional, dalam hal ini kelancaran penyampaian informasi

dalam badan atau instalasi tersebut. Pembuatan website Arwin Jaya akan

meningkatkan promosi perusahaan tersebut dan informasi yang ditampilkan di situs

tersebut selalu up to date dan situs dapat diakses kapan pun tidak terikat waktu. Oleh

sebab itu penulis menyarankan pengguna situs web (website) dalam media promosi

yang handal dan terjangkau.

2. Agar situs mudah terkenal sebaiknya situs didaftarkan pada hosting komersial yang

menyediakan fasilitas-fasilitas tambahan pada situs. Dengan demikian situs dapat

menentukan sendiri nama domain yang menggambarkan isi situs dan mudah diingat

8

Page 12: PERANCANGAN WEB SEBAGAI MEDIA PUBLIKASI BARANG …repository.amikom.ac.id/files/Publikasi_07.11.1548.pdf · SEKOLAH TINGGI MANAJEMEN INFORMATIKA ... bengkel reparasi mobil dan truk,

9

3. Dalam membangun situs web keamanan data merupakan aspek yang paling penting.

Oleh karena itu hal ini harus jadi perharian utama dalam membangun sebuah situs

web selain keefektifan dan keefisiensian. Mungkin situs yang dikembangkan oleh

penulis masih terdapat banyak kekurangan dalam hal keamanan. Untuk itu penulis

mengharapkan masukan dari pihak-pihak yang berkepentingan dan berkompetensi

dalam hal ini, untuk lebih menyempurnakan hasilnya.

4. Walaupun sistem pengelolaan situs dapat dilakukan diluar lokasi perusahaan tetapi

perusahaan wajib memiliki komputer yang terkoneksi dengan internet agar sistem

pengelolaan situs dapat dilakukan kapan saja.

DAFTAR PUSTAKA Al Fatta, Hanif. 2007. Analisis & Perancangan Sistem Informasi. Yogyakarta: Penerbit

Andi. Arief, R.M. 2006. Pemrograman Basis Data Menggunakan Transact-SQL dengan

Microsoft SQL Server 2000. Yogyakarta: Penerbit Andi. Connolly, Thomas dan Carolyn Begg. 2005. Database Systems: A Practical Approach to

Design, Implementation, and Management, 4th Edition. Essex: Pearson Education Ltd.

Jogiyanto, H.M. 2005. Analsis dan Desain Sistem Informasi. Yogyakarta: Penerbit Andi. Kadir, A. 2003. Pengenalan Sistem Informasi. Yogyakarta: ANDI Yogyakarta. Nugroho, Bunafit. 2004. PHP dan MySQL dengan editor Dreamweaver MX. Yogyakarta:

ANDI Yogyakarta. Tanenbaum, Andrew.S. 1997. Jaringan Komputer, Jilid 1. Jakarta: Prenhallindo. Budiman, Antonius. Perancangan Basis Data

http://antoniusbudiman.wordpress.com/perancangan-basis-data Diakses tanggal 03 Agustus 2013

Rohadi, Slamet. Diagram Konteks (contec diagram) http://bahar-edukasi.blogspot.com/2009/06/diagram-konteks-contec-diagram.html Diakses tanggal 12 Juli 2013

Zona Info. Pengertian PIECES (Sistem Analisis) http://networkedblogs.com/7hIYM Diakses tanggal 29 Juli 2013