WEB TEMPLATE SISTEM INFORMASI PROMOSI
UNTUK PERUSAHAAN FURNITURE
SKRIPSI
Diajukan untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Sains
Program Studi Ilmu Komputer
Oleh :
Nama : Wida Ambar Lestari NIM : 023124020
PROGRAM STUDI ILMU KOMPUTER
JURUSAN MATEMATIKA
FAKULTAS SAINS DAN TEKNOLOGI
UNIVERSITAS SANATA DHARMA
WEB TEMPLATE OF FURNITURE COMPANY
PROMOTION INFORMATION SYSTEM
FINAL PROJECT
Presented as Partial Fulfillment of the Requirements to Obtain the Sarjana Sains Degree
in Computer Science Study Program
By:
Name : Wida Ambar Lestari Student Number : 023124020
COMPUTER SCIENCE STUDY PROGRAM
DEPARTMENT OF MATHEMATICS
FACULTY OF SCIENCE AND TECHNOLOGY
SANATA DHARMA UNIVERSITY
YOGYAKARTA
HALAMAN MOTTO
The secret of friendship is concern, the secret of happiness is giving,
the secret of love is sacrifice and the secret of live is
GOD
Orang yang luar biasa tanpa disertai dengan ketekunan akan menjadi orang yang biasa…
Tetapi orang biasa akan menjadi orang yang luar biasa jika disertai ketekunan. (Chintya
Venika)
Orang yang paling miskin adalah orang yang tidak mempunyai IMPIAN
HALAMAN PERSEMBAHAN
Atas berkat rahmat dan hidayat dari Allah SWT, saya dapat menyusun Tugas Akhir ini untuk dipersembahkan kepada :
♥ Nabi Muhammad SAW
♥ Bapak dan Ibu yang tercinta yang telah mengasuh, mendidik,
membimbing dan memberikan dorongan serta doa.
♥ Kakak-kakakku ( mbak Duwi, mbak Yulis dan mbak Anik )
I love you All, thanks ya atas doa dan dukungan kalian.
♥ Keponakan-keponakanku yang tersayang ( dek Yona, dek Akbar ,
dek Yordan dan dek Adel ). Jadilah malaikat kecilku.
♥ Almamaterku USD...
PERNYATAAN KEASLIAN KARYA
“Saya menyatakan dengan sesungguhnya bahwa tugas akhir yang saya tulis ini
tidak memuat karya atau bagian karya orang lain,
kecuali yang telah disebutkan dalam kutipan dan daftar pustaka,
sebagaimana layaknya karya ilmiah.”
Yogyakarta, Agustus 2007
Wida Ambar Lestari
ABSTRAK
Promosi merupakan salah satu kegiatan dalam suatu perusahaan yang bertujuan menawarkan produknya ke konsumen sehingga konsumen tertarik untuk membeli produk tersebut. Perusahaan furniture membutuhkan suatu media promosi yang memberikan kemudahan dalam penyampaian informasi tentang perusahaan dan produknya.
Web Template Sistem Informasi Promosi untuk Perusahaan Furniture bertujuan membantu pihak perusahaan furniture dalam mempromosikan produknya sesuai dengan template yang sudah disediakan. Sistem ini menyediakan fasilitas pengelolaan data secara mandiri bagi perusahaan furniture dan memberikan informasi mengenai perusahaan-perusahan furniture di Indonesia beserta produknya ke masyarakat umum secara on-line sehingga dapat diakses kapan saja dan dimana saja. Sistem ini dikembangkan menggunakan PHP sebagai bahasa pemrograman, Dreamweaver MX sebagai editor tampilan dan MySQL sebagai basis datanya.
ABSTRACT
Promotion is one of the activities in a company which has purpose to offer their product to the consumers, so the consumers are interested to buy that product. Furniture company needs a promotion media which provide easiness in information delivery about their company and products.
Web Template of Furniture Company Promotion Information System has purpose to assist the furniture company party in promoting their products according to the template which has been provided. This system provides an independent data managing facility for the furniture company which offers information about furniture companies in Indonesia as well as their products to the society by on-line, so it can be accessed anytime and anywhere. This system is developed by using PHP program language, where Dreamweaver MX as the layout editor and MySQL as the basic data.
KATA PENGANTAR
Puji Syukur penulis panjatkan kehadirat Allah SWT yang telah melimpahkan segala rahmat, hidayat dan karunia-Nya sehingga penulis dapat menyelesaikan tugas akhir ini yang berjudul “ Web Template Sistem Informasi Promosi untuk Perusahaan Furniture “.
Dalam penyusunan tugas akhir ini, penulis mendapatkan saran, masukan serta dorongan dari berbagai pihak. Oleh karena itu perkenankanlah penulis mengucapkan terimakasih yang ditujukan kepada :
1. Bapak dan Ibu yang tercinta yang telah mengasuh, mendidik, membimbing dan memberikan dorongan serta doa.
2. Romo Ir. Greg. Heliarko, S.J., S.S., B.S.T., M.A., M.Sc., selaku Dekan Fakultas Sains dan Teknologi.
3. Ibu P.H. Prima Rosa, S.Si., M.Sc., selaku Kaprodi Ilmu Komputer Fakultas Sains dan Teknologi Universitas Sanata Dharma Yogyakarta.
4. Bapak Drs. HJ. Haris Sriwindono M.Kom., selaku dosen pembimbing yang telah memberikan masukan, kritik dan saran demi kesempurnaan tugas akhir ini.
5. Bapak Iwan Binanto, S.Si., selaku dosen penguji 6. Bapak Joko Nugroho, S.Si., selaku dosen penguji.
8. Pak Tukijo yang di Sekre terimakasih untuk pelayanan selama saya kuliah.
9. Bapak Ismoyo, selaku pemilik Toko “Ismoyo Mebel” atas kesediaan waktunya dalam memberikan data-data selama penelitian.
10.My beloved sisters Mba’ Duwi, Mba’ Yulis, Mba’ Anik. Thanks ya atas doa dan dukungan kalian.
11.Keponakan-keponakanku yang tersayang ( dek Yona, dek Akbar , dek Yordan dan dek Adel ). Jadilah malaikat kecilku.
12.Sahabat hitamku AD 3850 WC. kamu adalah sobat setiaku yang selalu
nemeni aku bolak-balik Delanggu- Jogja. Sahabat yang tidak pernah ngeluh...
13.Teman-teman yang selalu mendukungku terutama temen-temen di kost ex-LOVELY ( mba’ Phie, Darren teman seperjuanganku waktu kursus
privat, Udik, Uwie, Heni, Andies, Ling2 dan Febrina). Terimakasih ya sudah diijinkan numpang nginep di kost kalian.
14. Teman2 lainnya ( Tiwie, Lusi, Ika, Agnes, Marta ) makasih ya kalian udah setia nungguin aku ujian and temen2 IKOM angkatan 2002.
15. Sahabatku Habib, makasih banget ya kamu selalu ngingetin aku untuk cepet-cepet nyelesaiin skripsi dan Herlina makasih ya udah mbantuin nyelesaiin skripsi tanpa kamu skripsiku nggak kelar2 dech.
17. Mas Yatno dan keluarga, terimakasih banyak sudah dibantu menyelesaikan tugas akhirnya .
18. Serta semua yang mengasihiku dan mendukungku.
Yogyakarta, Agustus 2007
DAFTAR ISI
Halaman
HALAMAN JUDUL... i
HALAMAN PERSETUJUAN PEMBIMBING...iii
HALAMAN PENGESAHAN... iv
HALAMAN MOTTO...v
HALAMAN PERSEMBAHAN... vi
PERNYATAAN KEASLIAN KARYA... vii
ABSTRAK... viii
ABSTRACT... ix
KATA PENGANTAR... x
DAFTAR ISI... xiii
DAFTAR TABEL... xvii
DAFTAR GAMBAR...xviii
BAB I PENDAHULUAN 1.1 Latar Belakang... 1
1.2 Rumusan Masalah... 2
1.3 Batasan Masalah... 2
1.4 Tujuan Penilitian... 4
1.5 ManfaatPenelitian... 4
1.6 Metodologi Penelitian... 5
BAB II LANDASAN TEORI
2.1 Konsep Dasar Sistem Informasi... 8
2.2Internet ...10
2.2.1 Konsep Internet... 10
2.2.2 Manfaat Internet... 10
2.3WWW... 11
2.4Browser Web...11
2.5Server Web...12
2.6Web Template... 12
2.7Perusahaan dan Promosi... 13
2.7.1 Perusahaan...13
2.7.2 Promosi...13
2.8 HTML (HyperText Markup Languange)...13
2.9 PHP (Hypertext Preprocessor)... 14
2.9.1 Pengertian PHP... 14
2.9.2 Kelebihan PHP...15
2.9.3 Dasar-dasar Pemrograman PHP... 16
2.10 MySQL... 17
2.11 Macromedia Dreamweaver MX ... 18
BAB III ANALISIS DAN PERANCANGAN 3.1 Analisa Sistem ... 19
3.1.1 Analisa Masalah ...19
3.1.3Analisa Kebutuhan ...20
3.1.3.1 Perangkat Lunak (Software) ... 21
3.1.3.2 Perangkat Keras (Hardware) ...21
3.1.3.3 Sisi Pengguna ...21
3.2 Perancangan Sistem... 22
3.2.1 Perancangan Proses... 23
3.2.2 Desain Model...26
3.2.2.1 DAD (Diagram Alir Data)... 26
3.2.2.2 E.R Model...36
3.2.2.3 Mapping... 40
3.2.2.4 Kamus Data... 41
3.3 Struktur Menu Sistem... 43
A. Sisi User Biasa... 43
B. Sisi Administrator... 43
C. Sisi Anggota...44
3.4 Rancangan Antarmuka dengan Pengguna... 44
BAB IV IMPLEMENTASI 4.1 Implementasi Basis Data... 58
4.2 Implementasi Proses... 62
a. Implementasi Proses Dari Sisi User Biasa...62
b. Implementasi Proses Dari Sisi Anggota... 73
c. Implementasi Proses Dari Sisi Administrator...80
a. Dari Sisi User Biasa...88
b. Dari Sisi Anggota... 93
c. Dari Sisi Administrator...99
4.4 Testing (Pengujian)...103
BAB VI KESIMPULAN DAN SARAN 5.1 Kesimpulan... 109
5.2 Saran... 110
DAFTAR PUSTAKA... 111
DAFTAR TABEL
Tabel 2.1 Bentuk pembuka program PHP... 16
Tabel 3.1 Tabel Perancangan Proses... 24
Tabel 4.1 Tabel Anggota... 58
Tabel 4.2 Tabel Produk...59
Tabel 4.3 Tabel Template... 60
Tabel 4.4 Tabel Kategori... 60
Tabel 4.5 Tabel Pesan ...60
Tabel 4.6 Tabel Admin... 61
Tabel 4.7 Tabel Buku Tamu... 61
Tabel 4.8 Tabel Hasil Kuisioner Pertanyaan 1... 104
Tabel 4.9 Tabel Hasil Kuisioner Pertanyaan 2... 104
Tabel 4.10 Tabel Hasil Kuisioner Pertanyaan 3... 105
Tabel 4.11 Tabel Hasil Kuisioner Pertanyaan 4... 106
DAFTAR GAMBAR
Gambar 3.1 Diagram Konteks... 26
Gambar 3.2 DAD Level 1...28
Gambar 3.3 DAD Level 2 Sisi User Biasa... 28
Gambar 3.4 DAD Level 3 Proses Pendaftaran Anggota... 29
Gambar 3.5 DAD Level 2 Sisi Anggota... 30
Gambar 3.6 DAD Level 3 Dari Proses Update Data... 31
Gambar 3.7 DAD Level 3 Dari Proses Update Data Produk... 31
Gambar 3.8 DAD Level 4 dari Proses Update Data Anggota... 32
Gambar 3.9 DAD Level 3 Proses Kirim Pesan Sisi Anggota...32
Gambar 3.10 DAD Level 2 Sisi Administrator... 33
Gambar 3.11 DAD Level 3 Proses Aktivasi Anggota Sisi Administrator... 34
Gambar 3.12 DAD Level 3 Proses Update Data Dari Sisi Administrator...35
Gambar 3.13 DAD Level 3 Proses Kirim Pesan Dari Sisi Administrator...35
Gambar 3.14 Diagram ER... 39
Gambar 3.15 Menu untuk User Biasa...43
Gambar 3.16 Menu untuk Administrator...43
Gambar 3.17 Menu Untuk Anggota... 44
Gambar 3.18 Halaman Utama Web Site...44
Gambar 3.19 Halaman Kesepakatan...45
Gambar 3.20 Halaman Form Pendaftaran Anggota... 45
Gambar 3.22 Halaman Lihat Buku Tamu...46
Gambar 3.23 Halaman Lihat Produk... 47
Gambar 3.24 Halaman Info... 47
Gambar 3.25 Halaman Pencarian Produk...48
Gambar 3.26 Halaman Daftar Perusahaan...48
Gambar 3.27 Login Anggota... 49
Gambar 3.28 Halaman Menu Utama Anggota... 49
Gambar 3.29 Halaman Menu Profil...50
Gambar 3.30 Halaman Menu Edit Profil... 50
Gambar 3.31 Halaman Ganti Password...51
Gambar 3.32 Halaman Menu Produk... 51
Gambar 3.33 Halaman Menu Tambah Produk...52
Gambar 3.34 Halaman Menu Edit Produk... 52
Gambar 3.35 Halaman Pemilihan Desain Template...53
Gambar 3.36 Halaman Menu Kontak ... 53
Gambar 3.37 Halaman Menu Administrator... 54
Gambar 3.38 Halaman Tampil Anggota Yang Belum Aktif... 54
Gambar 3.39 HalamanTampil anggota Yang Sudah Diaktifkan...55
Gambar 3.40 Halaman Tampil Produk... 55
Gambar 3.41 Halaman Menu Kontak... 56
Gambar 4.42 Halaman Tambah Desain web Template... 56
Gambar 3.44 Halaman Ganti Password Admin...57
Gambar 4.1 Tampilan Halaman Utama (Home) Dari Web Site...88
Gambar 4.2 Tampilan Menu Produk...89
Gambar 4.3 Tampilan Menu Buku Tamu...89
Gambar 4.4 Tampilan Lihat Buku Tamu...90
Gambar 4.5 Tampilan Menu Daftar Perusahaan... 90
Gambar 4.6 Tampilan Template... 91
Gambar 4.7 Tampilan Setelah User Melakukan Pencarian Produk...91
Gambar 4.8 Tampilan Menu Pendaftaran (Halaman Kesepakatan)... 92
Gambar 4.9 Tampilan Menu Pendaftaran (Form Pendaftaran...92
Gambar 4.10 Tampilan Pesan Setelah Mengisi Form Pendaftaran... 93
Gambar 4.11 Tampilan Menu Bantu ... 93
Gambar 4.12 Tampilan Menu Login Anggota... 93
Gambar 4.13 Tampilan Pesan Login Gagal ...94
Gambar 4.14 Tampilan Menu Utama Anggota... 94
Gambar 4.15 Tampilan Menu Profile... 95
Gambar 4.16 Tampilan Menu Edit Profile Dan Ganti Password... 95
Gambar 4.17 Tampilan Pesan Hasil Edit Profile Dan Gant96 Password... 96
Gambar 4.18 Tampilan Menu Produk... 96
Gambar 4.19 Tampilan Menu Edit Produk ...97
Gambar 4.20 Tampilan Menu Web Template... 97
Gambar 4.22 Tampilan Menu Kirim Pesan Ke Admin... 98
Gambar 4.23 Tampilan Menu Lihat Pesan... 99
Gambar 4.24 Tampilan Menu Login Administrator...99
Gambar 4.25 Tampilan Menu Utama Administator... 100
Gambar 4.26 Tampilan Menu Tampil Produk...100
Gambar 4.27 Tampilan Menu Hapus Buku Tamu...101
Gambar 4.28 Tampilan Menu Tampil Anggota... 101
Gambar 4.29 Tampilan Pesan Admin Mengaktifkan Atau Menonaktifkan Anggota... 102
Gambar 4.30 Tampilan Pesan Admin Hapus Anggota Dan Buku Tamu...102
Gambar 4.31 Tampilan Form Tambah Template... 102
Gambar 4.32 Prosentase Pertanyaan 1...104
Gambar 4.33 Prosentase Pertanyaan 2...105
Gambar 434 Prosentase Pertanyaan 3...105
Gambar 4.35 Prosentase Pertanyaan 4...106
BAB I PENDAHULUAN
1.1 Latar Belakang
Indonesia memilik banyak perusahaan furniture yang dapat
menjadi aset bagi negara. Perusahaan-perusahaan furniture mempunyai keinginan
untuk mempromosikan produk furniturenya ke khalayak umum baik domestik
maupun internasional. Namun perusahaan-perusahaan tersebut memiliki kendala
yaitu terbatasnya tempat sebagai ajang promosi hasil produksinya. Dalam
mempromosikan produknya mereka masih menggunakan cara-cara lama seperti
memasang iklan di media massa atau mengikuti pameran-pameran yang
membutuhkan biaya cukup besar. Ada beberapa perusahaan yang mulai
mempromosikan produknya lewat internet untuk memperluas jangkauan
pemasaran, namun dengan membuat web secara mandiri juga membutuhkan biaya
yang cukup besar, baik dalam pembuatannya maupun pemeliharaannnya.
Perkembangan informasi dan komputer yang sangat cepat telah
menyebabkan perubahan teknologi yang sangat canggih, terlebih lagi dengan
adanya internet. Sejalan dengan perkembangan teknologi pada internet dan telah
tersedianya sarana pengolahan data yang cukup canggih, maka akan diperoleh
efisiensi dan efektifitas kerja yang lebih baik. Luasnya penggunaan internet telah
membuka kesempatan bagi dunia usaha, dalam hal ini internet adalah salah satu
bentuk teknologi yang dapat membantu mengatasi permasalahan yang dihadapi
Guna memenuhi kebutuhan para pengusaha furniture untuk
mempromosikan hasil produksinya penulis ingin membuat Web Template Sistem
Informasi Promosi untuk Perusahaan Furniture. Dengan adanya sistem ini
diharapkan dapat mempermudah perusahaan-perusahaan furniture di Indonesia
dalam mempromosikan produknya ke khalayak umum sesuai dengan template
yang sudah disediakan. Selain itu juga mempermudah para pengunjung web
dalam mencari informasi mengenai produk-produk yang ditawarkan oleh
perusahaan-perusahaan furniture di Indonesia.
1.2 Rumusan Masalah
Berdasarkan latar belakang diatas maka rumusan masalah dari
tugas akhir ini adalah bagaimana membuat suatu sistem yang dapat menyediakan
template bagi perusahaan furniture untuk mempromosikan produknya ke khalayak
umum.
1.3 Batasan Masalah
Dalam pembuatan Laporan Tugas Akhir ini terdapat masalah yang
sangat luas, karena itu penulis memberikan batasan dalam implementasi program
yaitu :
a. Dalam sistem ini hanya menyediakan wadah sebagai ajang
promosi produk furniture dan tidak disertai transaksi pembelian
atau pemesanan produk furniture (e-commerce)
Fasilitas yang diberikan dalam website ini dibedakan
berdasarkan :
• User biasa
1. Memperoleh informasi tentang produk dan perusahaan
furniture.
2. Disediakannya fasilitas pengisian buku tamu.
3. Bagi perusahaan yang bergerak di bidang furniture, baik
produsen maupun toko disediakan fasilitas pendaftaran
menjadi anggota (member).
• User Anggota
1. Dapat memilih desain template yang telah disediakan
2. Dapat mengubah profile dari anggota.
3. Dapat mengubah data produk yang dipromosikan.
4. Dapat mengganti template yang dipilih dengan template
yang lain.
5. Dapat mengup-load file gambar produk maupun logo
perusahaan.
c. Desain template yang disediakan ada 3 macam dan bersifat
statis.
d. Hanya administrator website yang dapat menghapus anggota,
menambah template dan melakukan aktivasi terhadap anggota.
e. Sistem pencarian data furniture hanya dilakukan berdasarkan
1.4 Tujuan Penelitian
Tujuan dari penulisan tugas akhir ini adalah membuat Web
Template Sistem Informasi Promosi untuk Perusahaan Furniture agar pihak
pemilik perusahaan furniture dapat mempromosikan hasil produksinya dengan
mudah.
1.5 Manfaat Penelitian
Penulis mengharapkan manfaat yang akan diperoleh dari
pembangunan web template ini yaitu :
1. Bagi Universitas
Hasil penelitian ini diharapkan dapat menambah referensi bacaan
ilmiah
2. Bagi Penulis
Untuk menambah pengalaman dalam menerapkan teori - teori yang
diperoleh selama kuliah.
3. Bagi Perusahaan
Dapat menjadi sarana promosi bagi pihak perusahaan furniture,
dalam memberikan informasi mengenai hasil produknya dan
kegiatan di dalamnya.
4. Pengunjung web
Dapat memperoleh informasi tentang produk furniture di
1.6 Metodologi Penelitian
Langkah – langkah yang digunakan untuk menyelesaikan masalah
pada Web Template Sistem Informasi Promosi untuk Perusahaan Furniture
dengan menggunakan metode paradigma waterfall sebagai berikut :
1. Rekayasa dan pemodelan sistem
Tahap ini adalah untuk pengumpulan kebutuhan pada sistem
dengan sejumlah kecil analisis dan desain.
2. Analisis kebutuhan perangkat lunak
Pada tahap ini dilakukan proses pengumpulan kebutuhan,
diintensifkan dan difokuskan pada kebutuhan perangkat lunak. Hal
ini dilakukan untuk memahami sifat sistem yang dibangun, unjuk
kerja dan desain antarmuka yang diperlukan.
3. Desain
Pada tahap ini dilakukan pengubahan kebutuhan menjadi
sebuah representasi perangkat lunak yang dapat dimengerti
sebelum proses penulisan program. Rancangan yang dibuat
meliputi :
a. Perancangan sistem yang didistribusikan ke dalam Diagram
Alir Data (DAD).
b. Perancangan basis data yang didistribusikan ke dalam
Entity Relationship Diagram (ERD).
c. Perancangan antarmuka dengan pengguna (user).
Coding adalah tahap untuk menterjemahkan desain ke dalam kode pemrograman, dalam penelitian ini menggunakan PHP.
5. Pengujian
Pada tahap ini dilakukan pengujian terhadap sistem yang
telah dibuat dengan tujuan untuk menemukan kesalahan-kesalahan
dan melihat kinerja perangkat lunak yang dihasilkan.
6. Pemeliharaan
Tahap ini meliputi kegiatan-kegiatan koreksi kesalahan dan
penyesuaian perangkat lunak terhadap perubahan lingkungan dan
kebijakan.
Dalam penulisan tugas akhir ini, metode yang dilakukan hanya
sampai pada tahap pengujian (testing) dan tidak melibatkan tahap
selanjutnya yaitu pemeliharaan.
1.7 Sistematika Pembahasan
Sistematika penulisan ini dimaksudkan untuk memberikan gambaran
atau kerangka garis besar secara keseluruhan.
BAB I PENDAHULUAN
Sistematika ini meliputi latar belakang masalah, rumusan masalah,
batasan masalah, tujuan penelitian, manfaat penelitian, metodologi
penelitian dan sistematika penulisan
BAB II LANDASAN TEORI
Landasan teori membahas mengenai uraian dasar teori yang akan
BAB III ANALISA DAN PERANCANGAN
Menguraikan secara rinci mengenai analisa dan desain sistem yang
digunakan dalam Web Template Sistem Informasi Promosi untuk
Perusahaan Furniture yang meliputi : Analisa sistem, Perancangan
sistem, Desain model, Perancangan struktur menu, dan
Perancangan User Interface.
BAB IV IMPLEMENTASI
Menjabarkan mengenai desain implementasi program (coding) dari
sistem yang akan dibuat. dan menampilkan pembahasan dari hasil
program Web Template Sistem Informasi Promosi untuk
Perusahaan Furniture yang telah dibuat.
BAB V KESIMPULAN DAN SARAN
Bab ini berisi kesimpulan dari sistem yang telah dibuat serta
BAB II
LANDASAN TEORI
2.1 Konsep Dasar Sistem Informasi
Suatu sistem dapat didefinisikan sebagai satu kesatuan yang terdiri
dari dua atau lebih komponen atau subsistem yang saling berinteraksi untuk
mencapai suatu tujuan (Jogiyanto, 1989).
Suatu sistem mempunyai karakteristik atau sifat-sifat yang tertentu,
yaitu mempunyai :
1. Komponen-komponen (components)
Suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi dan
membentuk satu kesatuan. Komponen-komponen atau elemen-elemen
sistem dapat berupa subsistem atau beberapa bagian sistem.
2. Batas sistem (boundary)
Batas sistem adalah daerah yang mambatasi antara suatu sistem dengan
lingkungannya atau dengan sistem lainnya. Batas suatu sistem
menunjukkan ruang lingkup dari sistem tersebut.
3. Lingkungan luar sistem (environments)
Lingkungan luar sistem adalah segala sesuatu dilauar sistem yang
mempengaruhi sistem. Lingkungan luar sistem dapat bersifat
4. Penghubung (interface)
Merupakan media penghubung antara satu subsistem dengan subsistem
lainnya sehingga dapat saling berinteraksi membentuk satu kesatuan.
5. Masukan (input)
Masukan dapat berupa perawatan (maintenance input) dan masukan sinyal
(signal input). Maintenance input adalah energi yang dimasukkan supaya
sistem tersebut dapat beroperasi. Signal input adalah energi yang diproses
untuk didapatkan keluaran.
6. Keluaran (output)
Keluaran adalah hasil dari energi yang diolah dan diklasifikasikan menjadi
keluaran yang berguna dan sisa pembuangan.
7. Pengolah (process)
Bagian dari sistem atau sistem itu sendiri yang bertugas mengubah
masukan menjadi keluaran.
8. Sasaran (objectives) atau Tujuan (goals)
Sasaran dari sistem sangat menentukan sekali masukan yang dibutuhkan
dan keluaran yang dihasilkan sistem. Suatu sistem dikatakan berhasil bila
mengenai sasaran atau tujuannya.
Informasi adalah hasil dari pengolahan data dalam suatu bentuk
yang lebih berguna dan lebih berarti bagi penerimanya yang menggambarkan
suatu kejadian-kejadian (event) yang nyata (fact) yang digunakan untuk
Sumber dari informasi adalah data. Data adalah kenyataan yang
menggambarkan suatu kejadian-kejadian pada saat tertentu.
Sistem informasi adalah suatu sistem di dalam suatu organisasi
yang merupakan kombinasi dari orang-orang, fasilitas, teknologi, media,
prosedur-prosedur dan pengendalian yang ditujukan untuk mendapatkan jalur
komunikasi penting, memproses tipe transaksi rutin tertentu, memberi sinyal
kepada manajemen dan yang lainnya terhadap kejadian-kejadian internal dan
eksternal yang penting dan menyediakan suatu dasar informasi untuk
pengambilan keputusan yang cerdik (Jogiyanto, 1989).
2.2 Internet
2.2.1 Konsep Internet
Internet adalah singkatan dari Interconection Network yang merupakan suatu jaringan atau kumpulan komputer di seluruh dunia yang saling
terhubung menjadi satu dan saling berkomuikasi. Komputer yang dahulu yang
berdiri sendiri dapat berhubungan langsung dengan komputer–komputer lain di
seluruh dunia. Dengan adanya fasilitas internet setiap orang dapat melakukan apa
saja seperti mengirim email, mencari data, akses bank dan lain-lain.
2.2.2 Manfaat Internet
Banyak keuntungan yang diperoleh dengan adanya internet baik
dalam bidang pendidikan, bisnis, pemerintahan, dan lain- lain, diantaranya
sebagai berikut :
1) Sebagai media pertukaran data dan informasi antara para pemakai.
3) Sebagai alat komunikasi yang interaktif
4) Sebagai alat reseach dan pengembangan
2.3 WWW (World Wide Web)
WWW atau yang biasa disebut dengan nama web merupakan salah
satu layanan yang didapat oleh komputer yang terhubung dengan internet. Dua hal
khusus yang membedakan WWW dengan lainnya, yaitu sebagai berikut :
a. Selain dalam bentuk teks, informasi di WWW dapat ditampilkan dalam
bentuk multimedia yang berupa grafik, suara, video dan data multimedia
lainnya yang saling terhubung satu dengan lainnya.
b. Informasi yang ditampilkan di WWW dapat menghubungkan (link) ke
informasi atau dokumen (home page) atau alamat internet lainnya lewat
hypertext. Dokumen yang berisi hypertext dibuat dengan menggunakan HTML (Hypertext Markup Language).
Home page adalah halaman pertama atau sampul dari suatu website yang biasanya berisi tentang informasi umum.
2.4 Browser Web
Browser web adalah perangkat lunak yang mempunyai tugas untuk menterjemahkan informasi yang diterima dari server web dan menampilkan pada
layar komputer pengguna. Umumnya browser web menerima data dalam bentuk
HTML. File HTML yang merupakan file teks biasa yang selain berisi informasi
yang hendak ditampilkan kepada user, juga memiliki perintah-perintah untuk
mengatur tampilan data-data tersebut. Browser kemudian menerjemahkan
Contoh dari web browser antara lain Netscape, Opera, Internet
Explorer, Mosaic dan lain-lain. 2.5 Server Web
Server Web adalah perangkat lunak khusus yang bertugas melayani permintaan-permintaan dari browser web akan dokumen-dokumen yang
tersimpan didalam server web tersebut. Beberapa perangkat lunak server web
memiliki fasilitas seperti server-side programming, security protocol dan lain
sebagainya.
Perangkat lunak server web yang ada sekarang tersedia untuk dapat
dijalankan pada berbagai platform dan lingkungan sistim operasi. Meskipun
banyak macam server web yang tersedia akan tetapi secara fungsional adalah
sama yaitu untuk melayani permintaan-permintaan dari browser web. Contoh dari
web server antara lain Apache, Xitami, PWS dan lain lain.
2.6 Template Web
Template Web adalah desain-desain halaman web beserta seluruh komponennya (mis. gambar, stylesheet, dsb) baik berupa file statis maupun file
dinamis yang berupa program atau aplikasi yang berjalan sebagai aplikasi web.
(http://namadomain.com /wt/ term.php?) .
Dengan demikian Web Template merupakan desain website yang
sudah jadi dibuat untuk digunakan sebagai dasar untuk pembuatan website
2.7 Perusahaan dan Promosi 2.7.1 Perusahaan
Perusahaan Furniture adalah tempat terjadinya kegiatan produksi
furniture dan berkumpulnya semua faktor produksi. Kegiatan yang dilakukan pada
perusahaan antara lain produksi, promosi, pemasaran, dan lain sebagainya.
2.7.2 Promosi
Promosi adalah sebuah aktifitas menawarkan produk atau jasa yang
bertujuan menarik orang lain untuk membeli, menggunakan atau bahkan hanya
melirik produk atau jasa yang ditawarkan.
Promosi bisa dilakukan dengan cara beriklan di berbagai media
(advertising), melakukan penawaran secara langsung melalui surat, flyer atau
email (direct marketing), melakukan sale atau discount (sales promo),
menawarkan produk tersebut melalui pendekatan langsung kepada customer
(personal selling) dan yang sedang berkembang sekarang adalah internet.
Sebagai media promosi, website mempunyai keuntungan sebagai berikut :
1. Informasi detail dan tuntas dari produk dan jasa yang ditawarkan.
2. Tampilan yang baik akan memberi image yang baik ke calon pelanggan.
3. Isi yang selalu up-to-date.
2.8 HTML (Hypertext Markup Languange)
HTML (Hypertext Markup Languange) adalah sebuah bahasa script yang berguna untuk menuliskan halaman web. HTML merupakan file text yang
berisi instruksi kepada browser tentang bagaimana sebuah halaman situs akan
dijalankan di dalam browser (pengakses web). Browser-browser yang
mendukung HTML antara lain adalah Internet Explorer, Nescape Navigator,
Opera, Mozila dan lain-lain.
Kode-kode program HTML dapat ditulis menggunakan editor
Macromedia Dreamweaver, Front Page, NotePad atau yang lainnya. Kelebihan
menggunakan HTML adalah cross platform, dapat ditampilkan pada OS yang
berbeda-beda dengan bentuk yang masih sama.
HTML memiliki beberapa sintaks dasar . Struktur dari HTML pada
dasarnya dibagi menjadi dua bagian, yaitu header (awal) dan body (isi). Masing –
masing ditandai oleh container tag <head> dan <body>. Bagian head berisi judul
dokumen dan informasi dasar lainnya. Sedangkan body adalah data dokumen.
Susunan program dalam HTML dapat dituliskan sebagai berikut :
<HTML> <HEAD>
<TITLE> ..judul web..</TITLE> </HEAD>
<BODY>
.... Program Ditulis disini.... </BODY>
</HTML>
2.9 PHP (Hypertext Preprocessor) 2.9.1 Pengertian PHP
PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995.
PHP adalah salah satu teknologi baru yang mulai banyak dimanfaatkan untuk
pemrograman web yang bersifat Server Side yang memiliki kemampuan untuk
dikombinasikan dengan teks, HTML, dan komponen-komponen lain untuk
membuat suatu halaman web lebih menarik, dinamis, dan interaktif. PHP
sebenarnya program yang berjalan pada platform LINUX sehingga membuat
program ini freeware, selanjutnya PHP mengalami perkembangan yakni dibuat
dalam versi Windows.
2.9.2 Kelebihan PHP
Kegunaan PHP adalah membuat aplikasi web yang terkoneksi ke
database. PHP dapat mendukung banyak database seperti MySQL, Informix,
Oracle, Sybase, Solid, PostgreSQL, Generic ODBC, SQLServer, dan lain
sebagainya. PHP juga mendukung komunikasi dengan layanan lain melalui
protocol IMAP, SNMP, NNTP, dan POP3 atau HTTP. Beberapa keuntungan
menggunakan PHP :
PHP bersifat open source dan Anda dapat download dari www.php.net
PHP mudah dipelajari dan berjalan dengan efisien pada sisi server. PHP dapat dijalankan pada berbagai macam platforms seperti
Windows, Linux, Unix, dan lain sebagainya.
PHP juga kompatibel dengan banyak web server utama seperti Apache, IIS, dan lain sebagainya.
Salah satu kelebihan lain yang dimiliki PHP adalah dapat
disisipkan ke dalam Tag-Tag HTML. Berikut adalah contoh script pada PHP yang
<html> <head>
<title>Programku yang pertama </title> </head>
<body>
<?php echo “Website Furniture”?> </body>
</html>
2.9.3 Dasar - dasar Pemrograman PHP
Seperti pada pemrograman-pemrograman lainnya PHP memiliki
beberapa aturan penulisan yang harus diketahui, yaitu bagaimana memulai
program PHP dan mengakhiri PHP. Untuk memulai program PHP, Anda dapat
memulainya dengan mengenal sebuah tag pengenal PHP yang digunakan untuk
menulis kode PHP.
Untuk menuliskan kode PHP harus memulainya dengan tanda
“<php?” dan mengakhirinya dengan tanda “?>”, kemudian file tersebut diberi
ekstension “.php” atau ekstension yang telah kita atur webserver. Selain
penggunaan tanda seperti itu, masih ada beberapa bentuk yang lain yang
ditunjukkan pada tabel berikut :
Tabel 2.1 Bentuk pembuka program PHP
Awal Akhir
<? ?>
<?php ?>
<script languange=”php”> </script>
2.10 MySQL
Saat ini MySQL merupakan database yang paling digemari dikalangan
programmer web, dengan alasan cukup stabil digunakan sebagai media
penyimpanan. MySQL (My Structure Query Language) merupakan program
pengakses database yang bersifat jaringan sehingga dapat digunakan untuk
aplikasi multi user.
Selain sebagai database server, MySQL merupakan suatu sistem
manajemen database. Untuk menambahkan, mengakses dan memproses data yang
tersimpan pada suatu database dibutuhkan sistem manajemen database seperti
MySQL.
Pada awalnya MySQL merupakan database yang shareware, yaitu
software yang didistribusikan bebas untuk keperluan pengguna secara pribadi,
kemudian bila software akan digunakan secara komersial maka harus memiliki
lisensi pembuatnya. Namun saat ini, MySQL adalah software open source
sehingga dapat didistribusikan bebas dan digunakan untuk keperluan pribadi atau
komersial tanpa harus memiliki lisesnsi dari pembuatnya.
MySQL memiliki banyak kemudahan untuk dipelajari dan
digunakan. Beberapa hal penting yang menyebabkan MySQL dikenal dan banyak
digunakan orang adalah :
1. MySQL mudah dipelajari, baik dalam hal struktur basis data maupun
pengguna query.
2. MySQL dapat dijalankan dan menangani banyak user dalam waktu
3. Kelebihannya mampu mendukung Relational Database Manajemen
Sistem (RDBMS), sehingga dengan kemampuan ini MySQL akan
mampu menangani data-data sebuah perusahaan yang berukuran
sangat besar hingga berukuran Gyga Byte.
4. MySQL menyediakan dokumen open source sehingga pengguna
leluasa melakukan perubahan-perubahan source code untuk
mengembangkan sistem sesuai dengan kebutuhan dan bisa di
download di www.mysql.com.
5. Didukung program-program umum seperti C, C++, Java, Perl, PHP,
Python, TCL APIs dls.
6. Bekerja pada berbagai platform. (tersedia berbagai versi untuk
berbagai sistem operasi).
2.11 Macromedia Dreamweaver MX
Dreamweaver merupakan suatu bentuk program editor web yang
dibuat oleh Makromedia. Dengan program ini seorang programmer web dapat
dengan mudah membuat dan mendesain webnya.
Dreamweaver MX adalah editor yang komplit yang dapat
digunakan untuk membuat animasi sederhana yang berbentuk layer karena
program ini mempunyai dua bentuk layer, yaitu bentuk halaman Design dan
halaman Code sehingga akan mempermudah programmer dalam menambahkan
script yang berbasis PHP maupun Javascript. Sebagai editor Dreamweaver MX
mempunyai sifat yang WYSIWYG (what you see is what you get), yang artinya
BAB III
ANALISIS DAN PERANCANGAN
Pada bab ini akan dijelaskan pembahasan mengenai analisis dan
perancangan yang nantinya akan dipakai untuk memecahkan segala permasalahan
yang ada dan sedapat mungkin menggambarkan perkembangan aplikasi dimasa
yang akan datang. Pembahasan akan dimulai dengan analisa sistem yang
dilanjutkan dengan perancangan sistem.
3.1 Analisa Sistem 3.1.1 Analisa Masalah
Pada dasarnya perusahaan-perusahaan furniture masih
menggunakan cara yang sederhana dalam mempromosikan produknya seperti
membuat brosur, memasang iklan di media massa, mengikuti pameran dan lain
sebagainya sehingga jangkauan pemasarannya masih terbatas. Sedangkan dari sisi
masyarakat umum, banyak orang yang enggan untuk mendatangi perusahaan
furniture satu ke perusahaan furniture yang lain untuk mendapatkan informasi
produk yang diinginkan karena dianggap tidak praktis.
Selain itu sedikit perusahaan furniture yang memanfaatkan
teknologi internet sebagai media penyampaian informasi dan promosi untuk
mengenalkan produk-produknya.Hal ini disebabkan biaya pembuatan situs web
Sehingga hal ini dapat mendorong dibuatnya sebuah web template
yang mampu menampung keinginan perusahaan-perusahaan furniture sebagai
media penyampaian informasi dan media promosi produk-produknya.
3.1.2 Analisa Kelayakan
Web template untuk mempromosikan produk perusahaan furniture
layak diwujudkan karena membantu perusahaan-perusahaan furniture untuk
mempromosikan produknya dan masyarakat umum dalam memperoleh informasi
tentang perusahaan-perusahaan furniture di Indonesia. Karakteristik sistem yang
akan dikembangkan adalah :
a. Promosi menggunakan web lebih menghemat biaya daripada
menggunakan cara-cara tradisional.
b. Mempromosikan produk furniture lewat internet lebih praktis
karena konsumen dapat melihat produk yang dipromosikan
kapan saja tanpa batasan ruang dan waktu serta dapat
mengetahui spesifikasi produk.
Sistem yang dibuat tidak terlalu kompleks atau rumit di dalam penggunaannya,
sehingga user tidak mengalami kesulitan dalam penggunaannya
3.1.3 Analisa Kebutuhan
Dalam perancangan web template ini dibutuhkan berbagai hal yang
sangat mendukung yaitu perangkat lunak (software), perangkat keras (hardware),
3.1.3.1 Perangkat Lunak (Software)
Dalam perancangan website ini perangkat lunak yang dibutuhkan
antara lain :
• Internet Explorer 6.0 sebagai browser
• Apache webserver versi 1.3.23 sebagai server
• PHP versi 4.1.1 dan HTML sebagai bahasa pemrograman web
• MySQL versi 3.2.3.48 sebagai database
• Macromedia dreamweaver MX sebagai desain user
interfacenya
3.1.3.2 Perangkat Keras (Hardware)
Dalam perancangan website ini perangkat keras yang digunakan
antara lain :
• PC dengan prosesor Intel P4 2,4 Ghz
• Memori DDR RAM 256 Mb
• Harddisk 40 GB
• Microsoft Windows XP sebagai sistem operasi
3.1.3.3 Sisi pengguna
Pengguna rancangan web template dibagi menjadi 3, yaitu :
1. Sisi User Biasa
a. User biasa dapat mencari suatu produk furniture yang
diinginkan dengan mudah dan cepat.
b. User biasa mendapatkan informasi tentang produk dan
c. Pengunjung mendapatkan fasilitas untuk mengisi buku
tamu.
d. Mendapatkan fasilitas registrasi menjadi anggota.
2. Sisi Anggota
a. Mendapatkan fasilitas untuk mengup-date data produk
dan perusahaan.
b. Mendapatkan fasilitas memakai template yang sudah
tersedia.
c. Dapat mengupload file baik gambar logo perusahaan
maupun gambar produknya.
d. Mendapat fasilitas untuk melakukan kontak dengan
adminitrator.
3. Sisi Administrator
a. Membutuhkan fasilitas untuk melihat semua data anggota.
b. Membutuhkan fasilitas untuk mengaktifkan anggota.
c. Membutuhkan fasilitas untuk menghapus data anggota
yang sudah tidak aktif lagi.
d. Membutuhkan fasilitas untuk menjawab pesan dari
anggota.
e. Membutuhkan fasilitas untuk menambah template.
3.2 Perancangan Sistem
Setelah melakukan analisa sistem yang ada, maka langkah
perancangan sistem adalah memberikan gambaran secara umum kepada user
tentang sistem yang baru. Pada tahap ini akan diuraikan penjelasan bagaimana
rancangan web template ini dibangun.
Sistem yang akan dibangun memberikan fasilitas update data yang
dapat dilakukan oleh anggota sehingga lebih memudahkan dilakukannya
modifikasi data sesuai dengan perubahan bisnis mereka dan juga memberikan hak
sepenuhnya kepada anggota untuk mengolah situsnya. Administrator bertindak
sebagai penyedia layanan yang menyediakan informasi yang dibutuhkan oleh
user. Dalam hal ini administrator tetap mempunyai hak penuh untuk menghapus
data yang sudah tidak diperlukan lagi, dan melakukan aktivasi bagi anggota.
Sedangkan dari sisi user biasa sistem ini memberikan kemudahan dalam
pencarian informasi tentang produk-produk furniture.
3.2.1 Perancangan Proses
Entitas yang terlibat dalam sistem adalah :
a. User Biasa
Input : data pencarian, data buku tamu, data registrasi.
Output : data produk, data buku tamu, data anggota, pesan validasi
registrasi dan pesan hasil input buku tamu.
b. Anggota
Input : data login, data anggota yang akan diedit, data produk
yang akan diinputkan, data produk yang akan diedit, data produk
akan dikirim, data pesan yang akan dihapus, password lama dan
password baru.
Output : pesan validasi login, pesan hasil input produk, pesan hasil
edit produk, pesan hasil edit anggota, pesan hapus data produk,
pesan hasil pengiriman pesan, pesan hasil hapus pesan , pesan hasil
pilih template, pesan hasil ubah template, pesan ubah password,
data produk, data anggota, data pesan dan data template.
c. Administrator
Input : data login admin, data anggota yang akan diaktifkan, data
pesan yang akan dikirim, data pesan yang akan dihapus, data
template yang akan diinputkan, data produk yang akan dihapus,
data anggota yang akan dinonaktifkan, data anggota akan yang
dihapus, data buku tamu yang akan dihapus, password lama dan
password baru .
Output : data anggota, data produk, data template, data pesan,
pesan validasi login admin, pesan hasil aktivasi anggota, pesan
hasil pengiriman pesan, pesan hasil hapus pesan, pesan hasil hapus
produk, pesan hasil nonaktif anggota, pesan hasil hapus anggota,
pesan hasil input template, pesan hasil ubah password.
Tabel 3.1 Tabel perancangan proses
Sisi Nama Proses Keterangan
Pencarian Produk Pencarian berdasarkan kata kunci (kategori
User Biasa Mengisi buku tamu User biasa mendapat fasilitas
mengisi buku tamu
Pendaftaran anggota
Mendapatkan fasilitas menjadi anggota
dengan mengisi formulir yang telah
disediakan
Administrator
Login Admin Memasukkan id admin dan password
Tampil anggota Menampilkan data anggota
Aktivasi anggota Mengaktifkan anggota yang telah memenuhi
syarat pendaftaran Non Aktifkan dan
Hapus data anggota
Menonaktifkan anggota dan menghapus data
anggota yang sudah tidak aktif lagi Tambah Template Admin dapat menambah desain template
Kirim pesan Mengirim dan menjawab pesan ke anggota
Anggota
Login anggota
Mengecek kevaliditasan username dan
password yang dimasukkan anggota sesuai
dengan database yang telah dibuat
Memilih template Mendapatkan fasilitas memilih template yang
telah disediakan
Input data produk Input data produk yang akan dipromosikan
Update data produk Mengolah data produk yang sudah diinputkan
untuk diganti dengan data yang baru ataupun
Update data anggota Mengolah data anggota yang sudah
dimasukkan untuk diganti dengan data yang
baru ataupun dihapus
Ubah template Mengganti template yang telah dipilh dengan
template baru.
Kirim pesan Mengadakan komunikasi dengan admin
dengan mengirimkan pesan
3.2.2 Desain Model
3.2.2.1 DAD (Diagram Arus Data)
Diagram Arus Data ( DAD) adalah suatu diagram yang
menunjukkan asal dan arah aliran data dalam sistem serta aktivitas atau
pemrosesan yang dilakukan oleh sistem tersebut.
Dari gambaran umum sistem dan analisa yang telah dilakukan,
maka sistem dapat digambarkan dengan sebuah diagram konteks sebagai berikut:
0 Web template
promosi Data pencarian, data
registrasi, data buku tamu
Data pencarian, data buku tamu, pesan interaksi
Data anggota, data produk, Data template,data pesan
pesan interaksi
Data anggota, data produk, data pesan, data template, data
buku tamu,pesan interaksi
Data login, data status anggota, data template,
data pesan,data buku tamu User biasa
Anggota
Administrator
Data login, data anggota, data produk, data pesan,
data template
Pada gambar diagram konteks di atas digunakan data komposit.
Maksudnya, dilakukan pengelompokkan data dengan tujuan supaya gambar
diagram konteks tidak terlalu kompleks. Berikut penjelasan dari data komposit
diagram konteks:
1. Data pencarian berdasarkan kategori produk. Contohnya : meja, almari,
kursi.
2. Data buku tamu yang yang meliputi nama, email dan komentar.
3. Data registrasi yang meliputi username, password, nama perusahaan,
pemilik, alamat, telepon dan email.
4. Data login anggota yang meliputi username dan password .
5. Data login admin yang meliputi admin_id dan pass_admin.
6. Data anggota merupakan data registrasi yang sudah tervaliditasi.
7. Data produk yang meliputi id_produk, nama produk, harga, jumlah,
kategori, keterangan, deskripsi dan gambar.
8. Data pesan yang meliputi id_pesan, id_anggota, tgl_pesan, pesan, jenis
dan sender.
9. Data template.
10. Pesan interaksi meliputi segala bentuk pesan sebagai sarana komunikasi
sistem kepada user.
11. Data status anggota adalah data yang menunjukan status anggota, apakah
DAD Level 1 Sistem Web Template Promosi Data pencarian, data
registrasi, data buku tamu
Data produk, data anggota Data buku tamu, pesan hasil input buku
tamu, pesan validasi registrasi
Data buku tamu
Data registrasi
Data anggota
Data produk
Data login, data anggota, data produk,data pesan, data template yg
dipilih , password baru
Data anggota, data produk, data pesan, data template
produk
pesan Data login, data anggota
Data produk Data login, data anggota, data
produk,data pesan, data template baru, password baru
Data anggota, data produk, datapesan, data template pesan validasi login , pesan hasil input data
produk,pesan hasil edit data anggota dan produk, pesan hasil pilih template , pesan hasil kirim
pesan, pesan hasil ganti password
pesan validasi login , pesan hasil hapus data produk dan data anggota , pesan hasil tambah template, pesan hasil kirim pesan , pesan hapus
buku tamu, pesan hasil ganti password
Gambar 3.2 DAD level 1 sistem web template promosi
DAD Level 2 dari Sisi User Biasa
User Biasa Data produk, pesan gagal
Data pencarian
Data buku tamu, pesan
pengiriman buku tamu Data buku tamu valid
Data Buku tamu
Data produk yg dicari
Penjelasan proses dari DAD level 2 dari sisi user biasa sebagai berikut :
1. Proses Pencarian
Pada proses ini user biasa dapat melakukan pencarian dengan
memasukkan kategori produk maka sistem akan mencari alamat URL
berdasarkan kategori yang dimasukkan dan memberikan informasi
data pencarian.
2. Proses Pengisian Buku tamu
Pada proses ini user biasa memasukkan nama, email, alamat dan
pesan. Hasil dari proses ini adalah pesan hasil pengisian buku tamu
dan tampilan buku tamu yang telah diisi oleh user biasa.
3. Proses Pendaftaran Anggota
Pada proses ini calon anggota melakukan pendaftaran dengan cara
mengisi formulir. Hasil dari proses ini adalah pesan interaksi. DAD
level 2 proses pendaftaran sisi user biasa ini akan dijelaskan lebih rinci
pada DAD level 3 proses pendaftaran anggota.
DAD Level 3 Proses Pendaftaran Anggota
1.2.1 Pendaftaran
Anggota
Data anggota Calon Anggota
1.2.2 Aktivasi
valid
Admin Data registrasi
Data registrasi
Data anggota
Status aktif Pesan validasi registrasi
DAD Level 2 dari Sisi Anggota Data produk, data anggota,
data template, password baru Data template yang dipilh
Data pesan Pesan hasil update data
Pesan hasil kirim pesan
Pesan hasil pilih template
Data pesan
Gambar 3.5 DAD level 2 sisi anggota
Penjelasan proses dari DAD level 2 dari sisi anggota sebagai berikut :
1. Login Anggota
Pada proses ini anggota memasukkan data untuk login yang berupa
username dan password. Jika data yang dimasukkan valid maka
anggota dapat melakukan proses selanjutnya, jika tidak cocok dengan
basis data yang tersimpan maka akan muncul pesan login gagal dan
anggota diminta mengulangi proses login.
2. Proses Pemilihan Template
Pada proses ini anggota dapat memilih template-template yang sudah
disediakan.
Pada proses ini anggota dapat mengupdate data produk, data amggota
dan ganti data template. DAD level 2 proses 2.3 sisi anggota ini akan
dijelaskan lebih rinci pada DAD level 3 proses update data.
DAD Level 3 dari Proses update Data
2.3.1 Data anggota , password baru
Data produk
Data template yg diganti Pesan hasil update data anggota,
pesan ganti password
Pesan hasil ganti template Pesan hasil update data produk
produk
Gambar 3.6 DAD level 3 dari proses update data
Pada proses update data produk anggota dapat menambah data produk
baru, mengubah/mengganti data lama produk dengan data baru dan
menghapus data produk. DAD level 3 proses 2.3.1 sisi anggota ini akan
dijelaskan lebih rinci pada DAD level 4 proses update data produk.
DAD Level 4 dari Proses Update Data Produk
2.3.1.1 Tambah data
produk
Anggota Edit data 2.3.1.2 produk
Pesan tambah data produk
Pesan edit data produk
Pesan hapus data produk
DAD level 3 proses 2.3.2 sisi anggota ini akan dijelaskan lebih rinci
pada DAD level 4 proses update data anggota. Pada proses ini anggota dapat
mengedit data anggota ataupun ganti password.
DAD Level 4 dari Proses Update Data Anggota
2.3.2.1
Pesan ganti password Password baru valid
Password lama
Data anggota valid
valid Data anggota
Pesan edit data anggota
Gambar 3.8 DAD level 4 dari proses update data anggota
4. Proses Kirim Pesan
Pada proses ini anggota melakukan kontak dengan ke admin
mengirimkan pesan baru, jawab pesan dan hapus pesan. Proses kirim
pesan akan dipecah lagi menjadi beberapa proses lagi.
DAD level 3 Proses Kirim Pesan dari Sisi Anggota
3.4.1
Pesan hasil jawab pesan
Pesan hasil hapus pesan Pesan hasil kirim pesan
pesan
Data pesan Data pesan Data Pesan
DAD Level 2 dari Sisi Administrator Data status anggota Data anggota
Data anggota
Data produk
Data produk, data template, password baru
Pesan hasil update data
Data pesan Data status anggota
Gambar 3.10 DAD level 2 sisi administrator
Penjelasan proses dari DAD level 1 dari sisi administrator sebagai
berikut :
1. Proses Login Admin
Pada proses ini administrator memasukkan admin_id dan password
yang akan disesuaikan dengan basis data yang tersimpan . Jika data
yang dimasukkan valid maka administrator dapat melakukan proses
selanjutnya.
2. Proses Aktivasi Anggota
Pada proses ini administrator melakukan pengaktifan calon anggota
Selanjutnya proses 3.2 yaitu aktivasi anggota akan dipecah lagi
menjadi beberapa proses seperti yang terlihat pada gambar 3.11
DAD level 3 Proses Aktivasi Anggota dari Sisi Administrator
3.2.1
Pesan hasil hapus data anggota
anggota
Data status non aktifkan Pesan hasil non aktifkan anggota
Pesan hasil aktifkan
anggota Data status non aktif
valid
Gambar 3.11 DAD level 3 proses aktivasi anggota sisi administrator
3. Proses Update Data
Pada proses ini administrator dapat melakukan update data berupa
peghapusan data produk, buku tamu, tambah template dan ganti
password. Selanjutnya proses 3.3 yaitu update data akan dipecah lagi
DAD level 3 Proses Update Data dari Sisi Administrator
Pesan hasil hapus data buku tamu
Pesan tambah template Pesan hasil hapus data produk
produk
Gambar 3.12 DAD level 3 proses update data sisi administrator
4. Proses Kirim Pesan
Pada proses ini administrator melakukan kontak dengan ke anggota
yang meliputi proses kirim pesan baru, jawab pesan dan hapus pesan.
Proses kirim pesan akan dipecah lagi menjadi bebrapa proses lagi.
DAD level 3 Proses Kirim Pesan dari Sisi Administrator
3.4.1
Pesan hasil jawab pesan
Pesan hasil hapus pesan Pesan hasil kirim pesan
pesan
Data pesan Data pesan Data Pesan
3.2.2.2 E-R Model
Untuk memodelkan struktur database digunakan diagram E-R
(Entity Relational). Perancangan diagram entity relationship ( ERD) berdasarkan
atas persepsi obyek tersebut benar-benar ada (entities) dan terdapat hubungan
antar obyek (relationship).
Langkah-langkah membuat diagram relasi entitas adalah sebagai
berikut :
1. Mengidentifikasi dan menetapkan seluruh himpunan entitas yang
terlibat. Dalam sistem ini terdapat entitas yang terlibat, yaitu entitas
anggota, template, produk, pesan dan kategori.
2. Menentukan atribut-atribut kunci dari masing-masing himpunan
entitas. Atribut key yang terdapat dalam masing-masing himpunan
entitas adalah atribut yang sangat penting, yang berfungsi sebagai
pengidentifikasi setiap entitas yang ada di dalamnya.
Entitas anggota memiliki atribut kunci id_anggota Entitas produk memiliki atribut kunci id_produk Entitas template memiliki atribut kunci id_tempate Entitas kategori memiliki atribut kunci kategori Entitas pesan memiliki atribut kunci id_pesan
3. Mengidentifikasikan dan menetapkan seluruh himpunan relasi.
Dalam sistem ini terdapat 4 relasi, yaitu relasi memilih yang
merupakan relasi yang terjadi antara entitas anggota dan template,
entitas template dan produk, relasi memiliki yang merupakan relasi
yang terjadi antara entitas produk dan kategori dan relasi kirim yang
merupakan relasi yang terjadi antara entitas anggota dan pesan.
4. Menentukan derajat/kardinalitas relasi
Kardinalitas/ derajat relasi adalah bentuk hubungan antara 2 tabel
atau lebih, yang salah satu tabel akan memiliki bentuk ketergantungan
yang erat, sehingga tidak dapat dipisah-pisahkan secara menyendiri.
Dengan adanya hubungan ini suatu data dapat disimpan dengan
struktur yang terorganisir sehingga memudahkan kita dalam mengelola
databasenya.
Dalam sistem promosi anggota hanya bisa memilih satu template dan sebaliknya setiap template dapat dipilih oleh lebih dari satu
anggota. Sehingga derajat relasi/kardinalitas yang terjadi antara
entitas anggota dan template adalah Many-to-one (M:1).
Setiap anggota dapat mempromosikan lebih dari satu produk, sehingga derajat relasi/kardinalitas yang terjadi antara entitas
anggota dan produk adalah one-to-many ( 1:M).
Setiap kategori memiliki lebih dari satu produk, sehingga derajat relasi/kardinalitas yang terjadi antara entitas kategori dan produk
adalah one-to-many ( 1:M).
Setiap anggota dapat mengirimkan lebih dari satu pesan, sehingga derajat relasi/kardinalitas yang terjadi antara entitas anggota dan
5. Melengkapi dengan atribit-atribut selain key dalam setiap himpunan
entitas yang terlibat.
1. anggota (id_anggota, username, password, perusahaan, pemilik,
alamat, telpon, email, thn_berdiri, detail, status, tgl aktif dan logo).
2. template (id_template, namatemplate, namafile, gambar).
3. produk dengan atribut (produk_id, namaproduk, harga, deskripsi,
jumlah, keterangan dan gambar).
4. kategori dengan atribut (kategori, id_kategori)
Berikut gambar ERDnya :
3.2.2.3 Mapping (Tabel) 1. Tabel anggota
id_anggota id_template username password perusahaan pemilik alamat thn_berdiri detail telpon logo status tgl_aktif
2. Tabel produk
id_produk id_anggota kategori namaproduk harga jumlah deskripsi keterangan gambar
3. Tabel template
id_template namatemplate namafile gambar
4. Tabel kategori
kategori id_kategori
5. Tabel pesan
3.2.2.4 Kamus Data
1. Anggota = id_anggota + id_template + username + password
+ perusahaan + pemilik + alamat + telpon + email + logo + status +
tgl_aktif
Id_anggota = {A-Z|a-z|0-9}10
Id_template = {A-Z|a-z|0-9}10
Username = {A-Z|a-z|0-9}30
Password = {A-Z|a-z|0-9}20
Perusahaan = {A-Z|a-z}50
Pemilik = {A-Z|a-z}50
Alamat = {A-Z|a-z}50
Telpon = {0|1|2|3|4|5|6|7|8|9}20
Email = {A-Z|a-z|0-9}50
Tgl_berdiri = {year}
Detail = {A-Z|a-z}
Logo = {A-Z|a-z|0-9}50
Status ={A-Z|a-z|}10
Tgl_aktif = {date}
2. Produk = id_produk + kategori + id_anggota + namaproduk +
harga + jumlah + keterangan + gambar
Id_produk = {A-Z|a-z|0-9}10
Kategori = {A-Z|a-z|0-9}20
Namaproduk = {A-Z|a-z|}50
Harga ={0|1|2|3|4|5|6|7|8|9}10
Jumlah = {0|1|2|3|4|5|6|7|8|9}5
Keterangan = {A-Z|a-z}1
Deskripsi = {A-Z|a-z}
Gambar = {A-Z|a-z|0-9}50
3. Template = id_template + namatemplate + namafile + gambar
Id_template = {A-Z|a-z|0-9}10
Namatemplate = {A-Z|a-z|0-9}50
Namafile = {A-Z|a-z|0-9}50
Gambar = {A-Z|a-z|0-9}50
4. Kategori = kategori + nama_kategori
Kategori = {A-Z|a-z}20
Id_kategori = {A-Z|a-z|0-9}10
5. Pesan = id_pesan + tgl_pesan + id_anggota + pesan + jenis +
sender
Id_pesan = {A-Z|a-z|0-9}10
Tgl_pesan = {date}
Id_anggota = {A-Z|a-z|0-9}10
Pesan = {A-Z|a-z|0-9}50
Jenis = {A-Z|a-z}1
3.2.3 Struktur Menu Sistem A. Sisi User Biasa
Halaman Utama
Produk Pendaftaran
Home Info Buku tamu
Form
Gambar 3.15 Menu untuk user biasa B. Sisi Adminstrator
Login Admin
Produk Kontak Tampil
Anggota Template Log Out
Aktifkan
C. Sisi Anggota
Halaman Utama
Login
Produk Kontak
Profile Template Log Out
Edit Profile
Gambar 3.17 Menu untuk anggota
3.2.4 Rancangan Antarmuka Dengan Pengguna Rancangan Antarmuka Halaman Utama
header
Halaman Pendaftaran
Gambar 3.19 Halaman kesepakatan Form Pendaftaran Anggota
Halaman Pengisian Buku Tamu
Tambah Buku Tamu
go
Gambar 3.21 Halaman pengisian buku tamu
Halaman Lihat Buku Tamu
header
footer Member Login
Submit
Tambah Buku Tamu
go
Halaman Tampil Produk
Gambar 3.23 Halaman lihat produk
Halaman Info Cari Product Kategori :
Sender
Halaman Pencarian produk
Gambar 3.25 Halaman pencarian produk
Halaman Daftar Perusahaan yang menjadi Anggota
Gambar Logo header
go
Halaman Login Anggota
Agar anggota dapat menggunakan fasilitas-fasilitas lain maka anggota
harus melakukan proses login anggota dengan cara memasukkan username dan
password anggota.
Member Login
Submit Password :
Username :
Gambar 3.27 Login anggota
Halaman Menu Utama Anggota
header
footer Profil
Produk
Kontak
Logout Home
Web Template
Selamat Datang
Bantu
Halaman Menu Profil
Alamat : xxxxxxxx Telpon : 9999999 Profil
Pemilik : xxxxxxxx Tgl aktif : 999999
Ganti Password Edit Profil Logo
Gambar 3.29 Halaman menu profil
Halaman Menu Edit Profil
header
Home Id member Otomatis
Tahun berdiri Detail
Halaman Ganti Password
Gambar 3.31 Halaman ganti password
Halaman Menu Produk
Halaman Tambah Produk
Gambar 3.33 Halaman tambah produk
Halaman Edit Produk
Halaman Pemilihan Desain Template
Halaman Menu Administrator
header
footer
Anggota Kontak Ganti Password Logout Produk Template Buku Tamu
Welcome Admin
Gambar 3.37 Halaman menu administrator Halaman Menu Tampil Anggota
Halaman ini untuk menampilkan semua data anggota baik yang sudah
aktif maupun belum. Pada halaman ini tersedia “Aktif “ untuk pengaktifan
anggota, “Non” untuk menon-aktifkan anggota dan “hapus” untuk menghapus
anggota.
header
footer Daftar Anggota
Nama perusahaan Status
xxxxxxxxxxxxx X
Template xxxxxxx
Tgl. Aktif
Dd/mm/yyyy
ID xxxxx
Aktifkan Aksi Logo
Pict
Anggota Kontak Ganti Password Logout Produk Template Buku Tamu
Daftar Anggota aktif
header
Anggota Kontak Ganti Password Logout Produk Template Buku Tamu
Non
Gambar 3.39 Halaman tampil anggota yang sudah diaktifkan
Halaman Menu Tampil Produk
header
Anggota Kontak Ganti Password Logout Produk Template Buku Tamu
aksi
Halaman Menu Kontak Anggota Kontak Ganti Password Logout Produk Template Buku Tamu
Gambar 3.41 Halaman menu kontak
Halaman Menu Tambah Template
header
footer
Anggota Kontak Ganti Password Logout Produk Template Buku Tamu
Template
Halaman Hapus Buku Tamu
header
footer
Anggota Kontak Ganti Password Logout Produk Template Buku Tamu
Sender Buku Tamu
Hapus Alamat : xxxxxxxxx
Email : xxx@xxxxx From : xxxxxxxxxx
Tgl kirim : dd/mm/yyyy
Message : xxxxxxxxxxx
Gambar 3.43 Halaman hapus buku tamu
Halaman Ganti Password Admin
header
Ganti Password
footer Password lama
Password baru
Update Reset
Anggota Kontak Ganti Password Logout Produk Template Buku Tamu
BAB VI IMPLEMENTASI
4.1 Implementasi Basis Data
Implementasi manajemen data yang digunakan pada sistem ini
menggunakan sebuah basisdata dengan nama “template” dan memuat 7 buah
tabel.
1. Tabel Anggota
Tabel 4.1 Tabel Anggota No Nama Field Tipe
Data
Lebar
Data
Constraint Keterangan
1 id_anggota Varchar 10 Null Kode anggota
2 id_template Varchar 10 Null Kode template yang
dipilih
3 username Varchar 30 Null Username untuk login
4 password Varchar 20 Null Password untuk login
5 pemilik Varchar 50 Null Nama pemilik
perusahaan
6 logo Text 50 Nul Gambar logo perusahaan
7 perusahaan Varchar 50 Null Nama perusahaan
8 alamat Varchar 50 Null Alamat perusahaan
9 telp Varchar 20 Null No.telepon perusahaan