WEB TEMPLATE SISTEM INFORMASI PROMOSI UNTUK PERUSAHAAN FURNITURE

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

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 YOGYAKARTA 2007

i


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 2007

ii


iii


iv


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 (Zig Ziglar)

v


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...

vi


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

vii


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. Berdasarkan hasil uji dan kuisioner yang dibagikan kepada pengguna diperoleh hasil bahwa sistem yang dikembangkan dapat membantu perusahaanperusahaan furniture dalam mempromosikan produknya dan informasi mengenai produk-produk yang ditawarkan oleh perusahaan-perusahaan furniture sudah lengkap.

viii


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. Based on the experiment result and questionnaire which have been distributed to the users, it shows that the developed system are able to assist the furniture companies in promoting their products, and information about products which offered by the companies is complete already.

ix


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. 7. Seluruh dosen program studi Ilmu Komputer terimakasih atas ilmunya selama saya kuliah.

x


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. 16. Temen2 KKN kelompok 13 Kanutan makasih atas bantuan, doa dan dorongan kalian. Khususnya Mas Chandra thanks banget ya dah bantuin terjemahkan bahasa inggris.

xi


17. Mas

Yatno

dan

keluarga,

terimakasih

banyak

sudah

dibantu

menyelesaikan tugas akhirnya . 18. Serta semua yang mengasihiku dan mendukungku.

Yogyakarta, Agustus 2007

Penulis

xii


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 1.7 Sistematika Pembahasan................................................................. 6

xiii


BAB II LANDASAN TEORI 2.1 Konsep Dasar Sistem Informasi.............................................................. 8 2.2 Internet ....................................................................................................10 2.2.1 Konsep Internet......................................................................... 10 2.2.2 Manfaat Internet........................................................................ 10 2.3 WWW....................................................................................................... 11 2.4 Browser Web............................................................................................11 2.5 Server Web...............................................................................................12 2.6 Web Template.......................................................................................... 12 2.7 Perusahaan 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.2 Analisa Kelayakan....................................................................... 20

xiv


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 4.3 Implementasi User Interface....................................................................88

xv


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 LAMPIRAN

xvi


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 Tabel 4.12 Tabel Hasil Kuisioner Pertanyaan 5............................................ 106

xvii


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.21 Halaman Pengisian Buku Tamu................................................ 46

xviii


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.43 Halaman Hapus Buku Tamu......................................................57

xix


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.21 Tampilan Setelah Anggota Memilih Template...........................98

xx


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 Gambar 4.36 Prosentase Pertanyaan 5.............................................................107

xxi


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 perusahaan-perusahaan furniture, khususnya dalam bidang promosi.

1


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) b. Target user (pengunjung) dari website ini adalah user biasa dan anggota

2


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 kategori furniture.

3


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 Indonesia.

4


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). 4. Coding

5


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 digunakan penulis dalam melakukan perancangan web template.

6


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 saransaran yang memungkinkan pengembangan tugas akhir ini.

7


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

menguntungkan sistem dan dapat juga bersifat merugikan sistem.

8

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 mengambil keputusan (Jogiyanto, 1989).

9


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. 2) Internet dapat digunakan sebagai media promosi

10


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 perintah-perintah tersebut.

11


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 professional berkualitas tinggi yang bisa dikerjakan dengan cepat.

12


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 ditampilkan. HTML hanyalah sebuah bahasa script yang dapat berjalan apabila

13


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 dan . Bagian head berisi judul dokumen dan informasi dasar lainnya. Sedangkan body adalah data dokumen. Susunan program dalam HTML dapat dituliskan sebagai berikut : <TITLE> ..judul web.. .... Program Ditulis disini....

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 perkembangan web.

PHP atau Hypertext Preprocessor merupakan bahasa

14


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 berada di dalam Tag HTML :

15


Programku yang pertama

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 “”, 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

<%

?> ?> %.

16


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 bersamaan.

17


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 seorang programer dapat langsung hasil karyanya tanpa harus dibuka di browser.

18


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 yang sangat mahal dan memakan waktu yang lama.

19


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), serta pengguna (user).

20


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 perusahaan furniture secara detail dan terbaru.

21


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

selanjutnya adalah membuat perancangan sistem. Secara umum tujuan dari

22


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 yang akan dihapus, template yang akan dipilih, data pesan yang

23


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 Pencarian Produk

Keterangan Pencarian berdasarkan kata kunci (kategori produk) yang telah dimasukkan

24


User Biasa

Mengisi buku tamu

User biasa mendapat fasilitas mengisi buku tamu Mendapatkan

fasilitas

dengan

Login Admin

disediakan Memasukkan id admin dan password

Tampil anggota

Menampilkan data anggota

Aktivasi anggota

Mengaktifkan anggota yang telah memenuhi

Non

Aktifkan

formulir

anggota

Pendaftaran anggota

Administrator

mengisi

menjadi yang

telah

syarat pendaftaran dan Menonaktifkan anggota dan menghapus data

Hapus data anggota Tambah Template

anggota yang sudah tidak aktif lagi Admin dapat menambah desain template

Kirim pesan

Mengirim dan menjawab pesan ke anggota Mengecek

kevaliditasan

username

dan

Login anggota

password yang dimasukkan anggota sesuai

Memilih template

dengan database yang telah dibuat 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

Anggota

untuk diganti dengan data yang baru ataupun dihapus.

25


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

Kirim pesan

template baru. Mengadakan komunikasi

dengan

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: Data pencarian, data registrasi, data buku tamu User biasa Data pencarian, data buku tamu, pesan interaksi

0 Web template promosi

Data anggota, data produk, data pesan, data template, data buku tamu,pesan interaksi Administrator Data login, data status anggota, data template, data pesan,data buku tamu

Data anggota, data produk, Data template,data pesan pesan interaksi

Data login, data anggota, data produk, data pesan, data template

Anggota

Gambar 3.1 Diagram Konteks

26

admin


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 anggota sudah aktif atau belum.

27


DAD Level 1 Sistem Web Template Promosi Data buku tamu

Data pencarian, data registrasi, data buku tamu

1 Sub sistem User biasa

User biasa Data produk, data anggota Data buku tamu, pesan hasil input buku tamu, pesan validasi registrasi

Data registrasi anggota Data anggota

Data produk Data login, data anggota

Data login, data anggota, data produk,data pesan, data template yg dipilih , password baru

Data produk 2 Sub sistem Anggota

Anggota Data anggota, data produk, data pesan, data template

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

Data pesan

Data login, Data produk Data login, data anggota, data produk,data pesan, data template baru, password baru Administrator Data anggota, data produk, datapesan, data template

buku tamu

3 Sub sisten Admin

Data anggota

Data template 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

Data pesan

Data buku tamu

produk

anggota

produk

template

pesan

admin

produk

anggota

template

pesan

buku tamu

Gambar 3.2 DAD level 1 sistem web template promosi DAD Level 2 dari Sisi User Biasa Data produk, pesan gagal Data pencarian

Data registrasi User Biasa

Pesan validasi registrasi

Data buku tamu, pesan pengiriman buku tamu Data Buku tamu

1.1 Pencarian produk

1.2 Pendaftaran Anggota

1.3 Pengisian Buku Tamu

Data produk yg dicari

Data registrasi valid anggota

Data buku tamu valid

Gambar 3.3 DAD level 2 sisi user biasa

28

produk

buku tamu


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 Data registrasi

1.2.1 Pendaftaran Anggota

Calon Anggota Pesan validasi registrasi

Data registrasi

Data anggota

Data anggota valid

1.2.2 Aktivasi

Status aktif

Admin

Gambar 3.4 DAD level 3 proses pendaftaran anggota

29


DAD Level 2 dari Sisi Anggota Pesan hasil pilih template Data template yang dipilh 2.2 Pilih template

Data template

Template

valid Data template

Pesan hasil update data

Data login Anggota

Pesan validasi login

2.1 Login Anggota

valid

2.3 Update Data

valid

Data produk

Data anggota

Data produk, data anggota, data template, password baru 2.4 Kirim Pesan

Data pesan

Data pesan

Pesan hasil kirim pesan Data pesan

Admin

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. 3. Proses Update Data

30

Produk

Anggota

Pesan


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 Pesan hasil update data produk

2.3.1 Update Data produk

Data produk valid

Data anggota , password baru

Anggota

valid

2.3.2 Update Data Anggota

Data produk

Data anggota

produk

anggota

Pesan hasil update data anggota, pesan ganti password Data template yg diganti valid

2.3.3 Ganti Data template

Data template

template

Pesan hasil ganti template

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 Pesan tambah data produk Data produk

2.3.1.1 Tambah data produk

valid

Data produk editan

2.3.1.2 Edit data produk

Anggota Pesan edit data produk

Data produk valid

Data produk

Produk

valid

valid Data produk

2.3.1.3 Hapus data produk

Data produk

Pesan hapus data produk

Gambar 3.7 DAD level 4 dari proses update data produk

31


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 Pesan ganti password Password baru valid

2.3.2.1 Ganti password

Password baru valid Password lama

Anggota

anggota

Data anggota

valid

2.3.2.2 Edit Data anggota

Pesan edit data anggota

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 Pesan hasil kirim pesan Data pesan valid

Anggota

3.4.1 Kirim pesan Baru

3.4.2 Jawab Pesan

Data pesan valid

Data Pesan

Data pesan

pesan

Pesan hasil jawab pesan valid Data pesan

3.4.3 Hapus Pesan

Data pesan

Pesan hasil hapus pesan

Gambar 3.9 DAD level 3 proses kirim pesan sisi anggota

32


DAD Level 2 dari Sisi Administrator Data anggota

3.2 Aktivasi Anggota

Data status anggota

Data status anggota anggota Data anggota

Data produk valid

Data login Administrator

3.1 Login Admin

Pesan gagal

valid

produk

3.3 Update Data

Data template

Password baru

Data produk, data template, password baru

admin Password lama

Pesan hasil update data

Data buku tamu valid

Data pesan

template

3.4 Kirim Pesan

Data pesan

buku tamu

pesan

Pesan kontak

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 menjadi anggota dengan mengubah status belum aktif menjadi aktif.

33


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 Data status aktif Data anggota anggota valid Data status aktif Administrator Pesan hasil aktifkan anggota

3.2.1 Aktifkan Anggota

valid

3.2.2 Non Aktifkan Anggota

Data anggota Data status non aktif

Pesan hasil non aktifkan anggota Data status non aktifkan valid

Data anggota 3.2.3 Hapus Anggota

Pesan hasil hapus data anggota Data anggota

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 menjadi beberapa proses seperti pada gambar 3.12

34


DAD level 3 Proses Update Data dari Sisi Administrator Pesan hasil hapus data produk Data anggota valid

buku tamu

Administrator

valid

3.3.1 Hapus data Produk

3.3.2 Hapus Data Buku Tamu

Data produk

Data produk

produk

Buku tamu

Pesan hasil hapus data buku tamu

Data template

valid

Pesan tambah template

3.3.3 Tambah Template

Data template

template

valid 3.3.4 Ganti Password

Password baru Pesan ganti password

Password baru Password lama

admin

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 Pesan hasil kirim pesan Data pesan valid

Administrator

3.4.1 Kirim pesan Baru

3.4.2 Jawab Pesan

Daa pesan valid

Data Pesan

Data pesan

pesan

Pesan hasil jawab pesan valid Data pesan

3.4.3 Hapus Pesan

Data pesan

Pesan hasil hapus pesan

Gambar 3.13 DAD level 3 proses kirim pesan dari sisi administrator

35


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, relasi mempromosikan

yang merupakan relasi yang terjadi antara

36


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 pesan adalah one-to-many ( 1:M)

37


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) 5. pesan dengan atribut (id_pesan, tgl_pesan, pesan, jenis, sender)

38


Berikut gambar ERDnya : pesan

tgl_pesan

jenis

id_pesan

sender pesan M

kirim pemilik tgl_berdiri

id_anggota

perusahaan

alamat 1

namatemplate

logo

telpon

M

anggota email

id_template

1

template

tgl aktif

password

namafile

status

username

1

memilih

gambar

detail

mempromosikan

kategori

id_kategori

keterangan M id_produk

produk

M

memiliki

harga deskripsi namaproduk jumlah

gambar

Gambar 3.14 Diagram ER

39

1

kategori


3.2.2.3 Mapping (Tabel) 1. Tabel anggota id_anggota

id_template

username

password

perusahaan

pemilik

alamat

thn_berdiri

detail

telpon

logo

status

2. Tabel produk id_produk

id_anggota

kategori

namaproduk

harga

jumlah

deskripsi

keterangan

gambar

3. Tabel template id_template

namatemplate

namafile

gambar

tgl_pesan

pesan

4. Tabel kategori kategori

id_kategori

5. Tabel pesan id_pesan

id_anggota

jenis

sender

40

tgl_aktif


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 Pemilik

= {A-Z|a-z}50

= {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 Id_anggota

= {A-Z|a-z|0-9}20 = {A-Z|a-z|0-9}10

41


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

Sender

= {A-Z|a-z}1

42


3.2.3

Struktur Menu Sistem

A. Sisi User Biasa Halaman Utama

Home

Info

Pendaftaran

Produk

Daftar Perusahaan

Buku tamu

Halaman kesepakan

Lihat Buku tamu

Form Pendaftaran

Tambah Buku tamu

Gambar 3.15 Menu untuk user biasa B. Sisi Adminstrator Login Admin

Menu Utama

Tampil Anggota

Produk

Aktifkan Anggota

Lihat Produk

Non Aktif Anggota

Kontak

Kirim Pesan

Template

Buku tamu

Tambah Template

Lihat Buku tamu

Lihat Pesan Hapus Produk

Hapus Anggota

Jawab Pesan

Hapus Pesan

Gambar 3.16 Menu untuk administrator

43

Hapus Buku tamu

Log Out


C. Sisi Anggota Halaman Utama

Login

Menu Utama

Profile

Edit Profile

Ganti password

Produk

Kontak

Template

Tambah Produk

Kirim Pesan

Pilih Template

Tampil Produk

Lihat Pesan

Lihat Template

Edit Produk

Jawab Pesan

Hapus Produk

Hapus Pesan

Log Out

Gambar 3.17 Menu untuk anggota

3.2.4 Rancangan Antarmuka Dengan Pengguna Rancangan Antarmuka Halaman Utama

header

Cari Produk : Home

Selamat Datang

Produk Pendaftaran Info Memo

Buku Tamu Daftar Perusahaan

Member Login

Submit

footer

Gambar 3.18 Halaman utama web site

44

go


Halaman Pendaftaran

header

Cari Produk :

go

Halaman Kesepakatan

Home Produk Pendaftaran Info

Memo

Buku Tamu Daftar Perusahaan Member Login

Setuju

Kembali

Submit

footer

Gambar 3.19 Halaman kesepakatan Form Pendaftaran Anggota

header

Cari Produk : Home

Form Pendaftaran

Produk Pendaftaran Info Buku Tamu Daftar Perusahaan

Nama Perusahaan Alamat Perusahaan Telepon Pemilik Email

Member Login

User Name Password Logo

Submit

Browse

Kirim

Reset

footer

Gambar 3.20 Halaman form pendaftaran anggota

45

go


Halaman Pengisian Buku Tamu

header

Cari Produk : Home

go

Tambah Buku Tamu

Produk

Form Buku Tamu

Pendaftaran Info Buku Tamu Daftar Perusahaan

XXXXXXXX

Nama

xxx@xxx

Email

xxxxxxxxxxxxx

Alamat Pesan

Member Login

Lihat Tamu

Submit

Tambah

Reset

footer

Gambar 3.21 Halaman pengisian buku tamu

Halaman Lihat Buku Tamu

header

Cari Produk :

go

Home Produk Pendaftaran Info

Message

Sender

Buku Tamu Daftar Perusahaan Member Login

Buku Tamu Tambah Buku Tamu

From :

xxxxxxxxxxxxxxx

Email :

xxxxxxxxxxxxxx

Message : xxxxxxxxxxx

Alamat : xxxxxxxxxxxxxxxx Tgl kirim :

xxxxxxxxxxxxxx

Submit

footer

Gambar 3.22 Halaman lihat buku tamu

46


Halaman Tampil Produk

header

Cari Produk i: Home

go

Galery Produk

Produk Pendaftaran

Produk

Info Buku Tamu Daftar Perusahaan

gambar

Nama Produk

pict

xxxxxxxxxxxxx

harga

Produk Unggulan

999 gambar

Member Login

Submit

footer

Gambar 3.23 Halaman lihat produk

Halaman Info

header

Cari Product Kategori : Info Home Produk

Tanggal

Isi Info

Sender

Pendaftaran Info Buku Tamu Daftar Perusahaan

Member Login

Submit

footer

Gambar 3.24 Halaman info

47

go


Halaman Pencarian produk

header

Cari Produk : Home

go

Search Product

Produk gambar

Pendaftaran

Nama Produk xxxxxxxxxxxxx

pict

Info

Kategori xxx

Perusahaan xxxxxxxxxxxxx


Member Login

Submit

footer

Gambar 3.25 Halaman pencarian produk

Halaman Daftar Perusahaan yang menjadi Anggota

Gambar Logo

header

Cari Produk : Home

Daftar Perusahaan

Produk Pendaftaran Info

gambar

Nama Perusahaan

pict

xxxxxxxxxxxxx

Alamat xxxxxxx


Member Login

Submit

footer

Gambar 3.26 Halaman daftar perusahaan

48

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 Username : Password : Submit

Gambar 3.27 Login anggota

Halaman Menu Utama Anggota

header

Home Profil Produk Kontak

Selamat Datang

Web Template Bantu Logout

footer

Gambar 3.28 Halaman menu utama anggota

49


Halaman Menu Profil

header

Profil Home Profil

Alamat : xxxxxxxx

Product

Telpon : 9999999

Kontak

Logo

Web Template

Pemilik : xxxxxxxx Tgl aktif : 999999

Logout

Edit Profil Ganti Password

footer

Gambar 3.29 Halaman menu profil

Halaman Menu Edit Profil

header

Edit Profil Home

Id member

Profil

Nama Perusahaan

Product

Alamat Perusahaan

Kontak

Telepon

Web Template

Pemilik

Logout

Otomatis

Email Logo

Browse

Tahun berdiri Detail Update

Reset

footer

Gambar 3.30 Halaman edit profil

50


Halaman Ganti Password

header

Ganti Password Password lama

Home Profil

Password baru

Product Kontak Web Template

Update

Logout

Reset

footer

Gambar 3.31 Halaman ganti password

Halaman Menu Produk

header

Home

Tambah produk

Data koleksi produk

Profil Product Kontak

Kode Nama Product Harga

Web Template Logout

xxxxx

xxxxxxxxx

999999

Kategori

Jumlah

Ket

pict

xxxxxxx

999999

xx

Pict

footer

Gambar 3.32 Halaman menu produk

51

Action edit

hapus


Halaman Tambah Produk

header

Data produk Home

Kategori

Profil

ID Produk

Product

Nama Produk

Kontak

Harga

Web Template Logout

Jumlah Keterangan Deskripsi Gambar

browse Add

Reset

back

footer

Gambar 3.33 Halaman tambah produk

Halaman Edit Produk

header

Edit Product Home

Kategori

Profil

ID Produk

Product

Nama Produk

Kontak

Harga

Web Template Logout

Jumlah Keterangan Deskripsi

Update

Reset

footer

Gambar 3.34 Halaman edit produk

52


Halaman Pemilihan Desain Template

header

Current Template

Home Profil Template

Product

Nama Template

XXXXXXXXXXX

Lihat Template

Kontak Web Template Logout

Daftar Template Nama Template Template

XXXXXXXXXXX

PILIH Template Lihat Template

Nama Template

XXXXXXXXXXX

PILIH Template Template

Lihat Template

Nama Template Template

XXXXXXXXXXX

PILIH Template Lihat Template

footer

Gambar 3.35 Halaman pemilihan desain template

Halaman Kontak

header

Home Profil Product Kontak Web Template Logout

Messages otomatis

Id pesan ID Anggota Tanggal Kirim Jenis pesan Isi Pesan

Kirim

Reset

footer

Gambar 3.36 Halaman menu kontak

53

Back


Halaman Menu Administrator

header

Produk

Anggota

Kontak

Template

Buku Tamu

Ganti Password

Logout

Welcome Admin

footer

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

Produk

Anggota

Kontak

Template

Buku Tamu

Ganti Password

Logout

Daftar Anggota ID xxxxx

Logo

Nama perusahaan

Pict

xxxxxxxxxxxxx

Template xxxxxxx

Tgl. Aktif Dd/mm/yyyy

Status

Aksi

X Aktifkan

Daftar Anggota aktif footer

Gambar 3.38 Halaman tampil anggota yang belum aktif

54


header

Produk

Anggota

Kontak

Template

Buku Tamu

Ganti Password

Logout

Daftar Anggota ID xxxxx

Logo

Nama perusahaan

Pict

xxxxxxxxxxxxx

Template xxxxxxx

Tgl. Aktif Dd/mm/yyyy

Status Aktif

Aksi Non

Hapus

footer

Gambar 3.39 Halaman tampil anggota yang sudah diaktifkan

Halaman Menu Tampil Produk

header

Produk

Anggota

Kontak

Template

Buku Tamu

Ganti Password

Logout

Data Koleksi Produk kode xxxxx

Nama produk xxxxx

Nama perusahaan xxxxxxxxxxxxx

harga 99999

kategori xxxxxxxxxxx

jumlah

gambar

999

footer

Gambar 3.40 Halaman menu tampil produk

55

aksi Hapus


Halaman Menu Kontak

header

Produk

Anggota

Kontak

Template

Buku Tamu

Ganti Password

Logout

Messages otomatis

Id pesan ID Anggota Tanggal Kirim Jenis pesan

Isi Pesan

Kirim

Reset

Back

footer

Gambar 3.41 Halaman menu kontak

Halaman Menu Tambah Template

header

Produk

Anggota

Kontak

Template

Buku Tamu

Ganti Password

Logout

Tambah Template ID Template Nama Template File Template

Browse

File Gambar

Browse Add

Reset

Back

Daftar Template

Nama Template

XXXXXXXXXXX

Template

Nama Template

XXXXXXXXXXX

Template

footer

Gambar 3.42 Halaman tambah desain web template

56


Halaman Hapus Buku Tamu

header

Produk

Anggota

Kontak

Template

Buku Tamu

Ganti Password

Logout

Buku Tamu

Sender From : xxxxxxxxxx

Message :

Email : xxx@xxxxx

xxxxxxxxxxx Hapus

Alamat : xxxxxxxxx Tgl kirim : dd/mm/yyyy

footer

Gambar 3.43 Halaman hapus buku tamu

Halaman Ganti Password Admin

header

Produk

Anggota

Kontak

Template

Buku Tamu

Ganti Password

Logout

Ganti Password Password lama

Password baru

Update

Reset

footer

Gambar 3.44 Halaman ganti password admin

57


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

Lebar

Constraint

Keterangan

1

id_anggota

Data Varchar

Data 10

Null

Kode anggota

2

id_template

Varchar

10

Null

Kode

3

username

Varchar

30

Null

dipilih Username untuk login

4

password

Varchar

20

Null

Password untuk login

5

pemilik

Varchar

50

Null

Nama

template

yang

pemilik

logo

Text

50

Nul

perusahaan Gambar logo perusahaan

perusahaan

Varchar

50

Null

Nama perusahaan

8

alamat

Varchar

50

Null

Alamat perusahaan

9

telp

Varchar

20

Null

No.telepon perusahaan

10

email

Varchar

50

Null

Alamat email perusahaan

6 7

58


11

thn_berdiri

Year

Null

Tahun berdiri perusahaan

12

detail

Text

Null

Detail

Null

perusahaan Status anggota

Null

aktif atau belum Tgl anggota diaktifkan

13

status

Char

14

tgl_aktif

Date

1

tentang sudah

2. Tabel Produk Tabel 4.2 Tabel Produk No

Nama Field

Tipe

Lebar

Constraint

Keterangan

1

id_produk

Data Varchar

Data 10

Null

Kode produk

2

id_anggota

Varchar

10

Null

Kode anggota

3

kategori

Varchar

20

Null

Kategori produk

4

namaproduk

Varchar

50

Null

Nama produk

5

harga

Int

10

Null

Harga Produk

6

jumlah

Int

5

Null

Jumlah Produk

7

deskripsi

Text

Null

Deskripsi detail tentang

8

gambar

Varchar

50

Null

produk Gambar Produk

9

keterangan

Varchar

1

Null

Keterangan

produk

unggulan atau biasa

59


3. Tabel Template Tabel 4.3 Tabel Template No

Nama Field

Tipe

Lebar

Constraint

Keterangan

Data 10

Null

Kode desain template

1

id_template

Data Varchar

2

namatemplate

Varchar

50

Null

Nama desain template

3

namafile

Text

50

Null

Nama

file

desain

Null

template Nama file

gambar

4

file_gambar

Text

50

template 4. Tabel Kategori Tabel 4.4 Tabel Kategori No

Nama Field

Tipe

1

kategori

Data Varchar

2

id_kategori

Varchar

Lebar

Constraint

Keterangan

Data 20

Not Null

Nama kategori

10

Not Null

Id kategori

5. Tabel Pesan Tabel 4.5 Tabel Pesan No

Nama Field

Tipe

Lebar Data 10

Null

Kode pesan

10

Null

Kode anggota

1

id_pesan

Data Varchar

2

id_anggota

Varchar

60

Constraint

Keterangan


3

pesan

Text

50

Null

Pesan

4

jenis

char

1

Null

Jenis pesan

5

tgl_pesan

Date

Null

Tanggal kirim pesan

6

sender

char

Null

Subject pesan

1

6. Tabel Admin Tabel 4.6 Tabel Admin No Nama Field 1 admin_id 2

pass_admin

Tipe Data Varchar

Lebar Data 10

Varchar

10

Constraint Not null

Keterangan Id_admin

Not null

Password untuk login

7. Tabel Buku Tamu Tabel 4.7 Tabel Buku Tamu No

Nama Field

Tipe

Lebar

Constraint

Keterangan

Data 10

Not null

Kode buku tamu

1

id_guest

Data Varchar

2

nama

Varchar

50

Not null

Nama guest

3

email

Varchar

50

Not null

Alamat email guest

4

alamat

Varchar

50

Not null

Alamat si pengirim

5

pesan

Text

100

Not null

Komentar guest

6

tanggal

Date

Not null

Tanggal pengisian buku tamu

61


4.2 Implementasi Proses Proses dalam sistem dilihat dari 3 sisi yaitu sisi administrator, sisi anggota dan sisi user biasa. Listing program untuk membuka koneksi dengan database yang disimpan dengan nama konek.php
masuk

database"); mysql_select_db("template",$connect) or die ("gagal"); ?>

a. Implementasi proses dari sisi user biasa  Fasilitas pencarian produk User memasukkan kata kunci berupa nama kategori produk. Kemudian sistem akan menampilkan data-data produk berdasarkan kata kunci pencarian. Listing program terdapat dalam file search.php

width="182"

border="0"

cellpadding="0"

cellspacing="1"

bgcolor="#ffcc00"> Search Product

background="img/back.jpg"

width="500"

border="0"

align="center"

cellpadding="4" cellspacing="0" bgcolor="#FFFFFF" class="genmed">

62


colspan="4"

align="center"

background="img/bg-

title.gif">
bgcolor="#7B82DD">Gambar

Nama Produk Kategori Perusahaan
b

where

a.id_anggota=b.id_anggota

and

a.kategori

like

'%$kategori%'"); while($row_jd=mysql_fetch_array($qr_jd)) { ?> "; } else { echo "NO PICTURES AVAILABLE"; } ?>

href="profil.php?perintah=detail&id_anggota=
echo

strtoupper($row_jd[id_anggota]);?>&id_produk=
echo

strtoupper($row_jd[id_produk])

echo

;?>"

class="forumlink">
strtoupper($row_jd[namaproduk]) ;?>
width="105"

strtoupper($row_jd[kategori]) ;?>

63

valign="middle"

>
echo


width="148"

valign="middle">

echo

strtoupper($row_jd[perusahaan]) ;?> ";?>

 Fasilitas pengisian buku tamu Listing program untuk pengisian buku tamu pada form buku tamu yang terdapat dalam file guestbook.php


width="400"

border="0"

cellpadding="4"

cellspacing="1" bgcolor="#666666" class="genmed">
align="center"

background="img/bg-title.gif"

class="menu"

colspan="2">SIGN GUESTBOOK Nama

64


E-mail Alamat Pesan
type="hidden"

name=""

value="">
type="hidden"

name=""

value="
d");?>">
class="menu">
href="index.php?aksi=bukutamu"

class="menu">Lihat Buku Tamu

Berikut ini adalah listing program untuk menyimpan data tamu yang tersimpan dalam file addguest.php
65


include("konek.php"); if(!$nama || !$email || !$alamat || !$pesan) { print("<script>window.alert('Maaf,

semua

data

harus

anda

isikan');window.history.back();"); } elseif(ereg("^.+@.+\\..+$",$email)!=true) { print("<script>window.alert('Format penulisan e-mail yang anda masukkan salah');window.history.back(-1);"); } else { mysql_query("insert

into

bukutamu

values('$kode','$nama','$alamat','$email','$pesan','$tanggal','$id')"); print("<script>window.alert('Buku tamu dari \"$nama\" telah ditambahkan ! ');window.location='index.php?aksi=bukutamu';"); } ?>

 Fasilitas lihat buku tamu
width="625">
width="130"

border="0"

cellpadding="0"

cellspacing="1" bgcolor="#ffcc00">

Buku Tamu

bgcolor="#FFFFFF"

class="menu"

width="106">
href="index.php?aksi=isitamu">Tambah


width="500"

border="0"

cellpadding="4" cellspacing="0" bgcolor="#FFFFFF" class="gensmall">

66


Sender Message
order by tgl desc limit

$awal,5"); while($row_guest=mysql_fetch_array($qr_guest)) { ?> "; echo

"E-mail:

href=mailto:$row_guest[email]>$row_guest[email]
"; ?>

echo "Message:
"; echo $row_guest[pesan]; ?> "; echo "Posted on: ".$row_guest[tgl]."
"; ?>
colspan="2">
echo

color=\"#ffcc00\">";?>
67

"
size=\"1\"


print("[

href=index.php?aksi=bukutamu&awal=$awal&halaman=$j> $j

] \n");

} ?> Back";?>

 Fasiltas lihat produk dan daftar perusahaan Listing program untuk melihat galery produk yang ada terdapat dalam file produk.php.
Galery Produk

Gambar Nama Produk Harga Kategori Jumlah

"
src=\"../img/$row_produk[gambar]\"

alt=\"$row_produk[gambar]\" }

68

border=\"0\" width=\"40\">";


else { echo "NO PICTURES AVAILABLE"; } ?>

Listing program untuk melihat daftar anggota yang terdapat dalam file tampil_anggota.php
bgcolor="#FFCC00" height="26" class="white-bold">

Nama Perusahaan Alamat
69


{ echo " $\"$row_jd[logo]\"$ "; } else { echo "NO PICTURES AVAILABLE"; } ?>
width="205" valign="middle" >

strtoupper($row_jd[id_anggota])

href="profil.php?id_anggota="

class="menu">
echo echo

strtoupper($row_jd[perusahaan]) ;?>
";?>

 Fasilitas pendaftaran anggota Pada proses ini calon anggota

mengisi formulir pendaftaran. Listing

program disimpan dalam file reg.php
width="221"

border="0"

cellpadding="0"

cellspacing="1"

bgcolor="#ffcc00"> Form Registrasi

70


width="603"

border="0"

align="center"

cellpadding="4"

cellspacing="1" bgcolor="#FFFFFF" class="gen"> Form Registrasi ID Member [otomatis]
type="hidden"

name="id_anggota"

value=""> Nama Perusahaan Alamat Telepon Pemilik Email

71


User Name Password Logo
type="reset"

value="Back"

onClick="Javascript:window.history.back()">

Kemudian data registrasi akan disimpan dalam file proses.php
72


{ print("<script>window.alert('Isian

Belum

Lengkap.');window.history.back();"); } else { $gambar_name=basename($gambar); if(is_file($gambar)) {

copy($gambar,"imgmbr/$gambar_name"); $gambar=$gambar_name;

} mysql_query("insert

into

anggota

(id_anggota,

perusahaan,alamat,telpon,pemilik,email,username,password,logo) values('$id_anggota','$perusahaan','$alamat','$telpon','$pemil ik','$email', '$username','$password','$gambar')"); print("<script>window.alert('Daftar anggota..Sukses.');window.location='index.php';"); } } break; } ?>

b. Implementasi dari sisi anggota  Fasilitas update data a. Fasilitas update untuk tambah data Berikut ini adalah salah satu listing program untuk menambah data produk yang tersimpan dalam file anggota_proses.php case"tbhproduk": { $query=mysql_query("select

status

from

anggota

where

id_anggota='$id_anggota'"); $result=mysql_fetch_array($query); if($result[status]=='Aktif') { $query=mysql_query("select

*

from

produk

where

id_produk='$id_produk'"); $result=mysql_fetch_row($query); if($result>0) { print("<script>window.alert('id

73

produk

sudah

ada


...');window.history.back();"); } else { if(!$id_produk

||

!$namaproduk

||

!$kategori

||

!$harga

|| !$jumlah || !$deskripsi || !$gambar ) { print("<script>window.alert('Isian

Belum

Lengkap.');window.history.back();"); } else { $gambar_name=basename($gambar); if(is_file($gambar)) { copy($gambar,"img/$gambar_name"); $gambar=$gambar_name; } mysql_query("insert

into

produk

values('$id_produk','$kategori','$namaproduk','$harga','$jumlah' ,'$gambar','$id_anggota','B','$deskripsi')"); print("<script>window.alert('Tambah Produk..Sukses.');window.location='member.php?aksi=produk';"); } } } else { print("<script>window.alert('Status

anda

belum

aktif...');window.history.back();"); } } break;

b. Fasilitas update untuk edit data Berikut ini adalah salah satu listing program untuk mengedit data produk

dan

profile

anggota

amggota_proses.php

case"editproduk": {

74

yang

tersimpan

dalam

file


$query=mysql_query("select

status

from

anggota

where

id_anggota='$id_anggota'"); $result=mysql_fetch_array($query); if($result[status]=='Aktif') { mysql_query("update

produk

set

namaproduk='$namaproduk',harga='$harga',jumlah='$jumlah',kategori='$kat egori',keterangan='$keterangan,

deskripsi='$deskripsi'

where

id_produk='$id_produk'"); print("<script>window.alert('Update

data

produk

Sukses

...');window.location='member.php?aksi=produk';"); } else { print("<script>window.alert('Status

anda

belum

anggota

where

aktif...');window.history.back();"); } } break; case"delproduk": { $query=mysql_query("select

status

from

id_anggota='$id_anggota'"); $result=mysql_fetch_array($query); if($result[status]=='Aktif') { mysql_query("delete

from

produk

where

id_produk='$id_produk'"); print("<script>window.alert('Data

produk

telah

terhapus...');window.location='member.php?aksi=produk';"); } else { print("<script>window.alert('Status

anda

belum

anggota

where

aktif...');window.history.back();"); } } break; case"editprofil": { $query=mysql_query("select

status

id_anggota='$id_anggota'"); $result=mysql_fetch_array($query); if($result[status]=='Aktif')

75

from


{ if(!$username || !$perusahaan || !$alamat || !$telpon || !$pemilik || !$email) { print("<script>window.alert('Isian

Belum

Lengkap.');window.history.back();"); } else { mysql_query("update

anggota

set

username='$username',perusahaan='$perusahaan',alamat='$alamat', telpon='$telpon',pemilik='$pemilik',email='$email', thn_berdiri='$thn_berdiri',

detail='$detail'

where

id_anggota='$id_anggota'"); if($ceklogo=='ganti') { $gambar_name=basename($gambar); if(is_file($gambar)) { copy($gambar,"imgmbr/$gambar_name"); $gambar=$gambar_name; } mysql_query("update

anggota

set

logo='$gambar'

where

id_anggota='$id_anggota'"); print("<script>window.alert('Update data dan logo Sukses ...');window.location='member.php?aksi=profil';"); } else { print("<script>window.alert('Update

Sukses

...');window.location='member.php?aksi=profil';"); } } } else { print("<script>window.alert('Status aktif...');window.history.back();"); } } break;

76

anda

belum


c. Fasilitas update untuk hapus data Berikut ini adalah salah satu listing program untuk menghapus data produk yang tersimpan dalam file anggota_proses.php case"delproduk": { $query=mysql_query("select

status

from

anggota

where

id_anggota='$id_anggota'"); $result=mysql_fetch_array($query); if($result[status]=='Aktif') { mysql_query("delete

from

produk

where

id_produk='$id_produk'"); print("<script>window.alert('Data

produk

telah

terhapus...');window.location='member.php?aksi=produk';"); } else { print("<script>window.alert('Status

anda

belum


d. Fasilitas update untuk ganti password case"gantipwd": { $query=mysql_query("select

status

from

anggota

where

id_anggota='$id_anggota'"); $result=mysql_fetch_array($query); if($result[status]=='Aktif') { $query=mysql_query("select

username,

id_anggota='$id_anggota'"); $result=mysql_fetch_array($query); if($result[password]==$oldpwd)

77

password

from

anggota

where


{ mysql_query("update

anggota

set

password='$newpwd'

where id_anggota='$id_anggota'"); $password=$newpwd; print("<script>window.alert('Ganti

Password

Sukses

lama

tidak

...');window.location='member.php?aksi=profil';"); } else { print("<script>window.alert('Password sama...');window.history.back();"); } } else { print("<script>window.alert('Status

anda

belum

anggota

where


 Fasilitas memilih template case"pilihtmp": { $query=mysql_query("select

status

from

id_anggota='$id_anggota'"); $result=mysql_fetch_array($query); if($result[status]=='Aktif') {

mysql_query("update

anggota

set

id_template='$id_template'

where

id_anggota='$id_anggota'"); print("<script>window.alert('Pilih

Template

Sukses

...');window.location='member.php?aksi=template';"); } else { print("<script>window.alert('Status

anda

aktif...');window.history.back();");

78

belum


} }

break;

 Fasilitas untuk mengirim pesan ke admin case"kontak": { print $id_pesan; if(!$pesan || !$jenis) { print("<script>window.alert('Isian

Belum

Lengkap.');window.history.back();"); } else { mysql_query("insert

into

pesan

values('$id_pesan','$id_anggota','$pesan','$tgl_pesan','$jenis ','M')"); print("<script>window.alert('Sukses terkirim...');window.location='member.php?aksi=kontak';"); } }

break;

c. Implementasi proses dari sisi administrator 1. Proses Login Adminitrator Proses ini digunakan untuk mengecek kevalidan data administrator. Pihak administator memasukkan id_admin dan password pada form login yang telah disediakan, kemudian mengklik tombol Login maka data akan diproses. Jika data yang dimasukkan valid maka administrator masuk ke halaman khusus adminstrator , jika tidak valid maka akan muncul pesan dan adminstrator diminta untuk mengulang proses login dengan memasukkan admin_id dan

79


pass_admin yang benar. Listing program login terdapat dalam file cek_login.php window.alert('Anda belum Login..silahkan login dahulu');window.history.back();"); header("location:index.php"); } else { session_register(ADMIN_ID); session_register(ADMIN_PWD); $query=mysql_query("select * from admin where username='$ADMIN_ID' and password='$ADMIN_PWD'"); if (mysql_num_rows($query)>0) { session_start(); $result=mysql_fetch_array($query); $username=$result[username]; session_register(username); } else { print("<script>window.alert('Login

tidak

dikenal.');window.history.back();"); header("location:index.php"); } } ?>

2. Proses Tampil Data Produk

Data Koleksi Produk

80


bgcolor="#FFFFFF" class="genmed">
?>
}

?>

Kode Nama Produk Harga Kategori Jumlah Gambar Action

"
src=\"../img/$row_produk[gambar]\"

alt=\"$row_produk[gambar]\" width=\"40\">"; } else { echo "NO PICTURES AVAILABLE";

81

border=\"0\"


} ?>
width="40"

align="center"

valign="middle">
href="admin?aksi=editproduk&id_produk="> ">
src="../img/delete.gif"

alt="Hapus"

border="0">

"[

href=admin.php?aksi=produk&awal=$awal&hal=$j&page=$page> $j

] \n";

} ?>

3. Proses Hapus Data Produk Anggota case"delproduk": { mysql_query("delete from produk where id_produk='$id_produk'"); print("<script>window.alert('Data

produk

telah

terhapus...');window.location='admin.php?aksi=produk';"); } break;

4. Proses Tampil Data Anggota Merupakan proses untuk menampilkan data anggota baik yang sudah aktif maupun yang belum aktif.
82


?>
align="center"

class="gen"><span

class="forumlink">Data

Anggota

Belum

Aktif

*

from

anggota

where

status='Non'

order by perusahaan desc limit $awal,20"); while($row_anggota=mysql_fetch_array($qr_anggota)) { ?>

Id Anggota Nama Perusahaan Status Aktif Tanggal Aktif Template Logo Action

"
src=\"../imgmbr/$row_anggota[logo]\"

alt=\"$row_anggota[logo]\" border=\"0\" width=\"40\">"; } else { echo "NO PICTURES AVAILABLE"; } ?>

83


width="76"

align="center"

valign="middle">
align="center">
href="admproses.php?aksi=aktifkan&id_anggota="> Aktifkan

"[

href=admin.php?aksi=aktivasi&awal=$awal&hal=$j&page=$page> $j

] \n";

} ?>

width="185"

border="0"

cellpadding="0"

cellspacing="1"

bgcolor="#ffcc00" >
bgcolor="#FFFFFF"

class="menu"

width="158">
href="admin.php?aksi=non_aktif">Daftar Anggota Aktif

5. Proses Aktifkan, Nonaktifkan, dan Hapus Anggota Merupakan proses untuk mengaktifkan data calon anggota yang telah mendaftar menjadi anggota. case"aktifkan":

84


{ $tgl=date("Y/m/d"); mysql_query("update

anggota

set

status='Aktif',

print("<script>window.alert('Aktifasi

Member

tgl_aktif='$tgl' where id_anggota='$id_anggota'");

sukses...');window.location='admin.php?aksi=aktivasi';"); } break;

case"nonaktif": { $tgl=date("Y/m/d"); mysql_query("update

anggota

set

status='Non',

tgl_aktif='$tgl' where id_anggota='$id_anggota'"); print("<script>window.alert('Non

Aktifkan

Member

sukses...');window.location='admin.php?aksi=aktivasi';"); } break; case"delanggota": { mysql_query("delete

from

anggota

where

from

produk

where

id_anggota='$id_anggota'"); mysql_query("delete id_anggota='$id_anggota'"); print("<script>window.alert('Data

Anggota

telah

terhapus...');window.location='admin.php?aksi=aktivasi';"); } break;

6. Proses Kirim Pesan case"kontak": { if(!$pesan || !$jenis) {print("<script>window.alert('Isian Lengkap.');window.history.back();"); } else

85

Belum


{ mysql_query("insert

into

pesan

values('$id_pesan','$id_anggota','$pesan','$tgl_pesan','$jenis ','A')"); print("<script>window.alert('Sukses terkirim...');window.location='admin.php?aksi=kontak';"); } } break;

7. Proses Hapus Pesan case"delkontak": { mysql_query("delete

from

pesan

where

id_pesan='$id_pesan'"); print("<script>window.alert('pesan

telah

terhapus...');window.location='admin.php?aksi=kontak';"); } break;

8. Proses Ganti Password case"gantipwd": { $query=mysql_query("select

pass_admin

from

admin

where

admin_id='$admin_id'"); $result=mysql_fetch_array($query); if($result[pass_admin]==$oldpwd) { mysql_query("update

admin

set

pass_admin='$newpwd'

where admin_id='$admin_id'"); $pass_admin=$newpwd; print("<script>window.alert('Ganti

Password

...');window.location='index.php';"); } else {

86

Sukses


print("<script>window.alert('Password

lama

tidak

sama...');window.history.back();"); } } break;

9. Proses Hapus Buku Tamu case"delguest": {

mysql_query("delete from bukutamu where idguest='$idguest'"); print("<script>window.alert('Guest

book

telah

terhapus...');window.location='admin.php?aksi=bukutamu';"); } break;

87


Implementasi User Interface a. Dari sisi user biasa Tampilan halaman menu utama website. Pada halaman ini user biasa dapat melakukan searching (pencarian ) produk dengan memasukkan kata kunci kategori produk. Selain melakukan pencarian user biasa dapat menggunakan menu-menu yang tersedia antara lain : •

Menu produk untuk melihat produk-produk yang tersedia.

•

Menu info untuk melihat info yang disampaikan dari setiap perusahaan furniture yang menjadi anggota.

•

Menu buku tamu.

•

Menu pendaftaran untuk pendaftaran menjadi anggota.

•

Menu daftar perusahaan berisi daftar perusahaan-perusahaan yang menjadi anggota.

Gambar 4.1 Tampilan halaman utama (home) dari web site

88


Gambar 4.2 Tampilan menu produk

Gambar 4.3 Tampilan menu buku tamu Pada menu buku tamu user memasukkan

data-data untuk pengisian

buku tamu. Setelah mengisikan data-data, user menekan tombol tambah maka data buku tamu yang dimasukkan akan disimpan dalam database.

89


Gambar 4.4 Tampilan lihat buku tamu

Gambar 4.5 Tampilan menu daftar perusahaan

90


Menu ini menampilkan nama-nama perusahaan furniture yang terdaftar jadi anggota. Ketika user mengklik nama perusahaan maka akan link ke halaman template yang telah dipilih oleh perusahaan tersebut.

Gambar 4.6 Tampilan template

Gambar 4.7 Tampilan setelah user melakukan pencarian produk

91


Gambar 4.8 Tampilan menu pendaftaran (halaman kesepakatan)

Gambar 4.9 Tampilan form pendaftaran

92


Gambar 4.10 Tampilan pesan setelah mengisi form pendaftaran

Gambar 4.11 Tampilan menu bantu

b. Dari sisi anggota

Gambar 4.12 Tampilan menu login anggota

93


Pada menu ini anggota memasukkan data login berupa username dan password. Setelah berhasil login maka anggota akan masuk ke halaman menu utama anggota. Apabila username atau password yang dimasukkan salah maka akan ada pesan login gagal dan anggota diminta mengulang proses login.

Gambar 4.13 Tampilan Pesan Login gagal

Gambar 4.14 Tampilan menu utama anggota

94


Gambar 4.15 Tampilan menu profile Menu ini menampilkan data perusahaan (profil). Pada menu ini anggota dapat melakukan edit profil dengan cara mengklik “edit Profil” atau “Ganti Password” untuk mengganti password lama dengan password baru.

95


Gambar 4.16 Tampilan menu edit profile dan ganti password

Gambar 4.17 Tampilan pesan hasil edit profile dan ganti password

Gambar 4.18 Tampilan menu produk

96


Pada menu ini tersedia fasilitas “Edit” untuk mengedit data produk dan “Hapus” untuk menghapus data produk. Ketika anggota mengklik gambar

maka akan muncul form edit produk.

Gambar 4.19 Tampilan menu edit data produk

Gambar 4.20 Tampilan menu web template

97


Pada menu ini anggota dapat memilih template yang telah tersedia dengan menekan Pilih Template.

Gambar 4.21 Tampilan setelah anggota memilih template

Gambar 4.22 Tampilan menu kontak ke admin

98


Gambar 4.23 Tampilan lihat pesan

c. Dari sisi administrator

Gambar 4.24 Tampilan menu login administrator Pada menu ini admin memasukkan data login berupa admin ID dan password. Admin ID yang dimasukkan adalah admin dan passwordnya adalah admin. Setelah berhasil login maka anggota akan masuk ke halaman menu utama administrator.

99


Gambar 4.25 Tampilan menu utama administator

Gambar 4.26 Tampilan menu tampil produk

100


Gambar 4.27 Tampilan menu hapus buku tamu

Gambar 4.28 Tampilan menu tampil anggota

101


Menu ini untuk menampilkan data semua anggota baik yang sudah aktif maupun belum. Pada menu ini admin dapat mengaktifkan anggota dengan cara mengklik “Aktif”, “Non” untuk menonaktifkan anggota, dan “Hapus” untuk mengahapus anggota yang sudah tidak aktif atau yang tidak memperpanjang masa keanggotaan.

Gambar 4.29 Tampilan pesan admin mengaktifkan atau menonaktifkan anggota

Gambar 4.30 Tampilan pesan admin hapus anggota dan buku tamu

Gambar 4.31 Tampilan menu tambah template

102


4.3 Testing (Pengujian) Pada tahap implementasi juga dilakukan testing dan evaluasi pada pengguna. Testing dan evaluasi dilakukan dengan menggunakan metode angket atau (kuisioner). Dan sumber datanya berupa orang atau disebut dengan istilah responden.. Metode angket atau kuisioner adalah metode pengumpulan data dengan memberikan sejumlah pertanyaan-pertanyaan tertulis kepada responden atau subyek penelitian untuk dijawab. 1. Teknik pengumpulan data Ada beberapa teknik yang dilakukan untuk mengumpulkan data, diantaranya adalah: a. Pembuatan kuisioner. Pembuatan kuisioner ini dilakukan selama satu hari. b. Menyebarkan kuisioner ke masing-masing responden. Subyek penyebaran kuisioner adalah perusahaan furniture, toko furniture dan mahasiswa. Sedangkan waktu penelitian dilaksanakan pada tanggal 3 Agustus 2007 dengan jumlah responden sebanyak 15 responden. c. Penarikan kuisioner. 2. Analisis Hasil Kuisioner. Kuisioner memiliki 5 pernyataan dengan jawaban memilih dan 2 pertanyaan denagn jawaban tertulis. Dari jawaban 15 responden yang terkumpul kemudian diolah dan diperoleh gambaran sebagai berikut:

103


1. Dari pertanyaan apakah Web Template Sistem Informasi Promosi Produk untuk Perusahaan Furniture cukup membantu perusahaan furniture dalam mempromosikan produknya. Tabel 4.8 Hasil kuisioner pertanyaan 1 Jawaban

Respoden

Total (%)

Sangat setuju

3

20 %

Setuju

12

80 %

Tidak setuju

0

0%

tidak setuju 0% sangat setuju 20%

sangat setuju setuju setuju 80%

tidak setuju

Gambar 4.32 Prosentase pertanyaan 1 2. Apakah interface yang disajikan cukup menarik? Tabel 4.9 Hasil kuisioner pertanyaan 2 Jawaban

Respoden

Total (%)

Ya

14

93%

Tidak

1

7%

104


tidak 7%

ya tidak

ya 93%

Gambar 4.33 Prosentase pertanyaan 2 3. Apakah Web Template Sistem Informasi Promosi Produk Furniture ini mudah dijalankan ? Tabel 4.10 Hasil kuisioner pertanyaan 3 Jawaban

Respoden

Total (%)

Ya

14

93%

Tidak

1

7%

tidak 7%

ya tidak

ya 93%

Gambar 4.34 Prosentase pertanyaan 3 4. Apakah Web Template Sistem Informasi Promosi Produk Furniture ini sudah memberikan informasi yang lengkap tentang produk-produk furniture ke khalayak umum ?

105


Tabel 4.11 Hasil kuisioner pertanyaan 4

Jawaban

Respoden

Total (%)

Sangat setuju

11

73%

Setuju

3

20 %

Tidak setuju

1

7%

tidak setuju 7%

sangat setuju 20%

sangat setuju setuju tidak setuju

setuju 73%

Gambar 4.35 Prosentase pertanyaan 4 5. Apakah Web Template Sistem Informasi Promosi Produk Furniture ini sudah cukup memberikan fasilitas-fasilitas yang diperlukan untuk mengupdate data-data produk yang dipromosikan ? Tabel 4.12 Hasil kuisioner pertanyaan 5 Jawaban

Respoden

Total (%)

Sangat setuju

4

27 %

Setuju

11

73 %

Tidak setuju

0

0%

106


tidak setuju 0%

sangat setuju 27%

sangat setuju setuju tidak setuju

setuju 73%

Gambar 4.36 Prosentase pertanyaan 5 Setelah mencoba

sistem dan memberikan jawaban pada pertanyaan-

pertanyaan pilihan yang telah disediakan, respoden diminta juga untuk menuliskan kekurangan dan kelebihan sistem ini. Adapun kekurangan-kekurangan yang respoden tuliskan adalah sebagai berikut : 1. Template yang disediakan masih statis, sehingga anggota tidak dapat mengubah desain templatenya. 2. Pada sistem tidak disediakan fasilitas pembelian/pemesanan produk secara on-line dan detail produk yang dipromosikan masih kurang lengkap dan jelas. Sedangkan kelebihan yang dituliskan respoden adalah sebagai berikut : 1. Anggota dapat meng-update data secara mandiri. 2. Program mudah dalam pengoperasian. 3. Anggota dapat mengganti template yang dipilih dengan template yang lain. Berdasarkan hasil kuisioner, dapat dilihat bahwa dengan adanya Web Template Sistem Informasi Promosi untuk Perusahaan Furniture dapat membantu

107


pihak perusahaan furniture dalam mempromosikan produknya sehingga pengunjung web dapat memperoleh informasi yang cukup lengkap tentang perusahaan-perusahaan furniture yang ada di Indonesia beserta produknya. Selain itu dalam sistem ini perusahaan furniture yang menjadi anggota dapat mengupdate data produk maupun perusahaan secara mandiri sesuai dengan kebutuhan bisnis. Fasilitas-fasilitas yang disediakan cukup lengkap dan mudah dalam penggunaannya. Selain itu interface yang disajikan cukup menarik. Kuisioner terlampir di halaman lampiran.

108


BAB V KESIMPULAN DAN SARAN

5.1 KESIMPULAN 1. Web Template Sistem Informasi Promosi untuk Perusahaan Furniture mempunyai kelebihan dan kekurangan. Adapun kelebihan dari sistem ini adalah sebagai berikut : a. User biasa (pengunjung web) memperoleh informasi yang lengkap tentang perusahaan-perusahaan furniture yang ada di Indonesia beserta produknya. b. Anggota dapat mengupdate data baik data produk maupun data perusahaan secara mandiri. c. Sistem ini dirancang secara sederhana sehingga sangat mudah dijalankan. d. Anggota dapat memilih template sesuai keinginan. Sedangkan kekurangan dari Web Template Sistem Informasi Promosi untuk Perusahaan Furniture adalah sebagai berikut : a. Desain template yang disediakan statis sehingga anggota tidak dapat mengubah bentuk desain template yang telah disediakan. b. Sistem ini tidak disertai dengan fasilitas pemesanan atau pembelian produk secara online (e-comerce).

109


2. Hasil Uji Web Template Sistem Informasi Promosi untuk Perusahaan Furniture telah berhasil dikembangkan dengan penggunaan sistem yang cukup mudah, tampilan antar muka yang cukup menarik, penyampaian informasi tentang produk dan perusahaan cukup lengkap, dan dapat membantu pihak perusahaan furniture sebagai media untuk promosi. 5.2 SARAN Dengan

melihat

serta

mempertimbangkan

segala

kelebihan

dan

kekurangan dari program Web Template Sistem Informasi Promosi untuk Perusahaan Furniture ini, maka penulis memberikan saran sebagai berikut: a. Web Template Sistem Informasi Promosi Produk

Perusahaan

Furniture ini dikembangkan dengan menambahkan fasilitas untuk mengubah desain template. b. Web Template Sistem Informasi Promosi Produk

Perusahaan

Furniture ini sebaiknya diserati fasilitas pemesanan/pembelian produk secara on-line (e-commerce).

110


DAFTAR PUSTAKA

Hartono, Jogiyanto, MBA, Ph.D. 1989. Analisis dan Desain . Yogyakarta : Penerbit Andi. http://namadomain.com /wt/ term.php?. http://id.wikipedia.org/wiki/Perusahaan. Jasmadi. 2004. Koleksi Template Web dan Teknik Pembuatannya. Yogyakarta : Penerbit Andi. Nugroho, Bunafit. 2004. Aplikasi Pemrograman Web Dinamis dengan PHP dan MySQL. Yogyakarta : Penerbit Gava Media. Pressman S, Roger . 1997. Rekayasa Perangkat Lunak Pendekatan Praktisi ( Buku Satu). Yogyakarta : Penerbit Andi. Prihatoni P, Vita. 2005. Cara Mudah Membuat Website Dengan Dreamweaver MX, Jakarta : Penerbit Dian Rakyat. Sutejo, Budi . 2004. Modul Kuliah Pengembangan Aplikasi Berbasis Web.

111

Gambar	Nama Produk	Harga	Kategori	Jumlah
" src=\"../img/$row_produk[gambar]\" alt=\"$row_produk[gambar]\" } 68 border=\"0\" width=\"40\">"; PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI else { echo "NO PICTURES AVAILABLE"; } ?>

Kode	Nama Produk	Harga	Kategori	Jumlah	Gambar	Action
					" src=\"../img/$row_produk[gambar]\" alt=\"$row_produk[gambar]\" width=\"40\">"; } else { echo "NO PICTURES AVAILABLE"; 81 border=\"0\" PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI } ?> width="40" align="center" valign="middle"> href="admin?aksi=editproduk&id_produk=">	"> src="../img/delete.gif" alt="Hapus" border="0">
"[ href=admin.php?aksi=produk&awal=$awal&hal=$j&page=$page> $j ] \n"; } ?>

Id Anggota	Nama Perusahaan	Status Aktif	Tanggal Aktif	Template	Logo	Action
					" src=\"../imgmbr/$row_anggota[logo]\" alt=\"$row_anggota[logo]\" border=\"0\" width=\"40\">"; } else { echo "NO PICTURES AVAILABLE"; } ?> 83 PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI width="76" align="center" valign="middle"> align="center"> href="admproses.php?aksi=aktifkan&id_anggota="> Aktifkan
"[ href=admin.php?aksi=aktivasi&awal=$awal&hal=$j&page=$page> $j ] \n"; } ?>

WEB TEMPLATE SISTEM INFORMASI PROMOSI UNTUK PERUSAHAAN FURNITURE

Recommend Documents