SISTEM INFORMASI KERAJINAN BATIK DAN KAIN PERCA YOGYAKARTA BERBASIS WEB. Skripsi

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

SISTEM INFORMASI KERAJINAN BATIK DAN KAIN PERCA YOGYAKARTA BERBASIS WEB

Skripsi

Diajukan untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Ilmu Komputer Program Studi Ilmu Komputer

Oleh : Kaeksi Yuliatriastuti NIM : 023124031

PROGRAM STUDI ILMU KOMPUTER JURUSAN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SANATA DHARMA YOGYAKARTA 2007

i


ii


iii


MOTTO

Ujian bagi seseorang yang sukses bukanlah pada kemampuannya untuk mencegah munculnya masalah, Tetapi pada waktu menghadapi dan menyelesaikan setiap kesulitan saat masalah itu terjadi ( David J. Schwartz )

Kepuasan terletak pada usaha, bukan pada hasil. Berusaha dengan keras adalah kemenangan yang hakiki. (Mahatma Gandhi)

Sambutlah segala rintangan yang menghadang sebagai kesempatan

iv


.:PERSEMBAHAN:. Mungkin karya ini masih jauh dari kata ’sempurna’, namun apaupun yang tergores di dalam karya ini akan kupersembahkan untuk : Kekasihku Jesus Kristus atas kehidupan yang begitu indah yang telah dianugerahkan bagiku Papa and mama tercinta yang selalu menjaga dan merawatku dari lahir hingga sekarang aku mampu menggoreskan karya ini bagi mereka Nana, adikku….. mungkin dia anak yang nakal, susah diatur, sukanya ngeyel. Tapi apapun dia, tanpa dia, akupun tak dapat membuat karya ini. Lasro ”Aco” (Anak Congek) yang telah mengisi hari-hariku selama hampir 2 tahun ini, menemaniku jalan2, makasih atas perhatiannya dan masa-masa yang indah. Thanx a lot. Teman2 ikom’02 : Fenny yang telah menemaniku muter-muter, Paulus Tepok yang telah meminjamkan keyboard, Ika yang telah memberikan masukan dalam menyelesaikan tugas akhir, Titus yang ndak pernah balas smsku (sombong koe Om!), buat Ttx, makasih atas logikamu yang lumayan (kabur), Hendy yang selalu mendukungku, Rini yang telah menemani hari-hari senang sedihku, ojo kapok dengerin ceritaku yo and thank atas bukunya yang menceritakan kisahku. Bagus banget J Hastin & Agnes yang sudah temenin pendadaranku. Thanx dukungannya. Semua teman2 Ikom’02 yang tak bisa disebutkan satu persatu, makasih dukungannya. Temen2 X-Smuten : Yeti, Benx2, Putri, Nanox, Inul yang telah menemaniku jalan2, makasih dukungannnya. We are really best friends. My conputer and my Sony yang telah menemaniku dalam membuat karya ini. ~ Thanx for all ~

v


PERNYATAAN KEASLIAN KARYA

Saya menyatakan dengan sesungguhnya bahwa skripsi 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, 9 Maret 2007 Penulis

Kaeksi Yuliatriastuti

vi


Sistem Informasi Kerajinan Batik dan Kain Perca Yogyakarta Berbasis Web ABSTRAK Sistem informasi berbasis web memiliki peluang untuk dimanfaatkan secara optimal oleh industri kerajinan batik dan kain perca dalam melakukan pemasaran dan periklanan hasil produksinya. Sistem Informasi Kerajinan Batik dan Kain Perca Yogyakarta Berbasis Web ini dibangun untuk membantu mengatasi masalah yang timbul karena tidak efisiennya kinerja perusahaan dalam pemasaran serta periklanan produkproduk yang dihasilkan. Sistem ini dibangun menggunakan bahasa pemrograman PHP (Personel Home Pages Hypertext Prepocessor) dan MySQL (My Structure Query Language) sebagai pengelola databasenya. Pengguna sistem ini meliputi pengunjung, anggota, perusahaan, serta administrator. Pengunjung yaitu semua orang yang mengunjungi situs web ini yang hanya dapat mengakses informasi produk dari perusahaan yang tergabung dalam situs web ini. Anggota merupakan pengunjung yang telah mendaftarkan diri. Fasilitas untuk anggota meliputi pemesanan barang, melihat status pemesanan, serta dapat melakukan konfirmasi pembayaran. Perusahaan merupakan produsen yang telah mendaftarkan diri. Fasilitas untuk perusahaan meliputi input data produk, melihat daftar pemesanan, melihat daftar pembayaran, serta melihat laporan penjualan. Administrator merupakan pengelola dari situs web yang menangani semua proses yang terjadi dalam sistem. Sistem ini diharapkan dapat memberikan kemudahan akses bagi user untuk mendapatkan informasi serta untuk melakukan transaksi pemesanan suatu barang kapan saja dan dimana saja tanpa adanya batasan ruang dan waktu. Aplikasi sistem ini juga dibuat sederhana sehingga aplikasi mudah untuk digunakan.

vii


Web Based Information System of Batik and Perca Handycraft in Yogyakarta ABSTRACT Webbased information system has an opportunity to be optimally used by the industries of batik and perca handycraft to promote and sell their products. The Web Based Information System of Batik and Perca Handycraft in Yogyakarta was established to overcome problems which are caused by inefficiency in product marketing and advertising. The system was built using PHP (Personel Home Pages Hypertext Prepocessor) as the programming language and MySQL (My Structure Query Language) as the database manager. The user of this system consists of visitor, member, company and administrator. A visitor is anyone who visits the website who could only access product information of the company that joined this site. A member is the visitor who has been signed up. Facilities for members including ordering item, browsing the status of their order and confirming payment. A company is a manufacturer who has been signed up. Facilities for companies consist of inputing data product, browsing ordering report, browsing confirming payment report, and browsing selling information. The administrator is the person who manages the system. The system hopefully could give easyaccess to user in getting information and to order products at anytime from anywhere without any limitations of places and time. This applications system was also made simple so that it is easy to use.

viii


KATA PENGANTAR

Terima kasih kepada Tuhan Yang Maha Esa atas limpahan berkat sehingga penulis dapat menyelesaikan skripsi berjudul “Sistem Informasi Kerajinan Batik dan Kain Perca Yogyakarta Berbasis Web” sebagai tugas akhir untuk mencapai gelar Sarjana Sains (S.Si) di Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sanata Dharma Yogyakarta. Penyusunan skripsi ini tidak lepas dari bantuan banyak pihak, untuk itu penulis mengucapkan terima kasih yang tak terhingga kepada pihakpihak yang telah membantu penulis selama penyusunan skripsi ini. 1. Ibu P.H. Prima Rosa, S.Si, M.Sc selaku Dosen Pembimbing yang telah membimbing dan memberikan saran selama pembuatan tugas akhir ini. 2. Bapak Y. Joko Nugroho, S.Si selaku Dosen Penguji yang telah memberikan sarana kritik dalam penyusunan skripsi ini. 3. Bapak Eko Hari Parmadi, S.Si, M.Kom selaku Dosen Penguji yang telah memberikan sarana kritik dalam penyusunan skripsi ini. 4. Bapak Iwan Binanto, S.Si selaku Dosen Pembimbing Akademik yang telah membimbing dan memberikan saran dalam pengambilan mata kuliah setiap semester. 5. Bapak Ir. Ign. Aris Dwiatmoko, M.Sc selaku Dekan Fakultas MIPA Universitas Sanata Dharma Yogyakarta.

ix


6. Pak Tukijo, Bu Linda, Mas Susi, Mas Widodo serta seluruh staff yang telah menyediakan sarana untuk terselesaikannya semua kegiatan akademik dengan lancar. 7. Seluruh Dosen Fakultas MIPA Universitas Sanata Dharma Yogyakarta yang telah memberikan ilmu yang bermanfaat dan bimbingan selama menimba ilmu di bangku kuliah. 8. My Lovely Papi dan mami yang telah memberikan kehidupan yang indah, yang telah memberikan doa, semangat dan dukungannya kepadaku. 9. Adikku NanoeL tersayang yang menemani harihariku, terima kasih atas bantuan dan dukungannya. 10. Temanteman IKOM’02 semuanya terima kasih atas dukungannya.

Penulis menyadari bahwa masih banyak kekurangan dalam penyusunan skripsi ini. Oleh karena itu penulis mengharapkan saran dan kritik yang membangun yang berguna bagi perkembangan penulis. Besar harapan penulis, semoga skripsi ini bermanfaat bagi pembaca.

Penulis,

Kaeksi Yuliatriastuti

x


DAFTAR ISI HALAMAN JUDUL ..................................................................................... i HALAMAN PERSETUJUAN ........................................................................ ii HALAMAN PENGESAHAN ......................................................................... iii HALAMAN MOTTO..................................................................................... iv HALAMAN PERSEMBAHAN ...................................................................... v ABSTRAK ..................................................................................................... vi ABSTRACT ................................................................................................... vii HALAMAN KEASLIAN KARYA................................................................. viii KATA PENGANTAR .................................................................................... ix DAFTAR ISI .................................................................................................. xi DAFTAR TABEL .......................................................................................... xiv DAFTAR GAMBAR ...................................................................................... xv BAB I. PENDAHULUAN A. Latar Belakang ................................................................................. B. Perumusan Masalah ......................................................................... C. Metodologi Penelitian ...................................................................... D. Batasan Sistem................................................................................. E. Manfaat Penelitian ........................................................................... F. Sistematika Pembahasan ..................................................................

1 2 2 6 9 9

BAB II. LANDASAN TEORI A. Konsep Sistem, Informasi, Sistem Informasi, dan Siklus Informasi .. 1. Sistem................................................................................... 2. Informasi .............................................................................. 3. Sistem Informasi................................................................... 4. Siklus Informasi ................................................................... B. Kualitas Informasi............................................................................ C. Konsep Pengembangan Sistem Informasi ......................................... 1. Perencanaan.......................................................................... 2. Analisis ................................................................................ 3. Perancangan ......................................................................... 4. Implementasi ........................................................................ 5. Pengujian.............................................................................. D. Konsep Sistem Informasi Berbasis Web ........................................... 1. Internet ................................................................................. 2. Web...................................................................................... 3. WWW .................................................................................. 4. HTML .................................................................................. 5. PHP ......................................................................................

12 12 12 12 13 17 18 18 20 22 23 23 24 24 25 25 28 29

xi


6. Database MySQL ................................................................. 30 7. Macromedia Dreamweaver MX 2004 ................................... 31 8. Adobe Photoshop 7.0............................................................ 32 BAB III. ANALISIS DAN PERANCANGAN SISTEM A. Perencanaan ..................................................................................... 34 B. Analisa Kebutuhan........................................................................... 36 1. Pengunjung........................................................................... 36 2. Anggota................................................................................ 36 3. Perusahaan ........................................................................... 37 4. Administrator ....................................................................... 38 C. Perancangan ..................................................................................... 39 1. Perancangan Proses .............................................................. 39 2. Perancangan Sistem.............................................................. 50 a. Diagram Konteks ................................................... 50 b. Diagram Level 1..................................................... 56 c. Diagram Level 2 untuk Pengunjung........................ 57 d. Diagram Level 2 untuk Anggota............................. 59 e. Diagram Level 2 untuk Perusahaan ........................ 61 f. Diagram Level 2 untuk Administrator .................... 63 3. Perancangan Basis Data........................................................ 67 a. ER (Entity Relationship)......................................... 67 b. Mapping................................................................. 72 c. Relasi Ternormalisasi ............................................. 75 d. Kamus Data............................................................ 78 4. Perancangan Struktur Menu .................................................. 82 a. Sisi Pengunjung...................................................... 82 b. Sisi Anggota........................................................... 82 c. Sisi Perusahaan ...................................................... 83 d. Sisi Administrator .................................................. 84 5. Rancangan Desain Interface untuk Pengunjung..................... 85 6. Rancangan Desain Interface untuk Anggota.......................... 92 7. Rancangan Desain Interface untuk Perusahaan ..................... 99 8. Rancangan Desain Interface untuk Administrator ................. 106 BAB IV. IMPLEMENTASI A. Implementasi Basis Data .................................................................. 120 B. Implementasi Proses......................................................................... 124 1. Implementasi proses dari Pengunjung .................................... 124 a. Proses Pendaftaran ................................................. 124 b. Proses input buku tamu........................................... 131 c. Proses tampil data................................................... 133 d. Proses pencarian..................................................... 134

xii


2. Implementasi proses dari Anggota ......................................... 137 a. Proses validasi Username dan Password ................ 137 b. Proses Pemesanan .................................................. 139 c. Proses Lihat Status Pemesanan............................... 139 d. Proses Konfirmasi Pembayaran .............................. 140 e. Proses Edit Data Pribadi ......................................... 145 3. Implementasi proses dari Perusahaan ..................................... 148 a. Proses Validasi....................................................... 148 b. Proses Input Data.................................................... 150 c. Proses Tampil Data................................................. 153 d. Proses Edit Data Perusahaan................................... 157 4. Implementasi proses dari Administrator ................................. 161 a. Proses Validasi....................................................... 161 b. Proses Input Data.................................................... 163 c. Proses Tampil Data................................................. 170 C. Implementasi Antarmuka ................................................................. 177 1. Implementasi antarmuka dari sisi Pengunjung........................ 177 2. Implementasi antarmuka dari sisi Anggota............................. 183 3. Implementasi antarmuka dari sisi Perusahaan......................... 189 4. Implementasi antarmuka dari sisi Administrator..................... 196 BAB V. PENUTUP A. Kesimpulan...................................................................................... 213 B. Saran................................................................................................ 214 DAFTAR PUSTAKA ..................................................................................... 215 LAMPIRAN ................................................................................................... 217

xiii


DAFTAR TABEL Tabel 3.1 Entitas Pengunjung................................................................... 39 Table 3.2 Entitas Anggota........................................................................ 40 Table 3.3 Entitas Perusahaan.................................................................... 40 Table 3.4 Entitas Administrator................................................................ 41 Tabel 3.5 Proses yang terjadi pada sistem ................................................ 42 Tabel 3.6 Tabel Perusahaan...................................................................... 74 Tabel 3.7 Tabel Produk.......................................................................... 74 Tabel 3.8 Tabel anggota........................................................................... 74 Tabel 3.9 Tabel pemesanan...................................................................... 74 Tabel 4.1 Struktur Tabel Perusahaan........................................................ 121 Tabel 4.2 Struktur Tabel Produk .............................................................. 121 Tabel 4.3 Struktur Tabel Anggota ............................................................ 122 Tabel 4.4 Struktur Tabel Pemesanan Barang ............................................ 123 Tabel 4.5 Struktur Tabel Pemesanan ........................................................ 124

xiv


DAFTAR GAMBAR Gambar 2.1

Siklus Informasi........................................................................ 14

Gambar 3.1

Diagram Konteks ...................................................................... 51

Gambar 3.2

Diagram Level 1 ....................................................................... 56

Gambar 3.3

Diagram Level 1 untuk Pengunjung .......................................... 57

Gambar 3.4

Diagram Level 1 untuk Anggota ............................................... 59

Gambar 3.5

Diagram Level 1 untuk Perusahaan........................................... 61

Gambar 3.6

Diagram Level 1 untuk Administrator....................................... 63

Gambar 3.7

Entity Relationship ................................................................... 72

Gambar 3.8

Perancangan Struktur Menu Pengunjung................................... 82

Gambar 3.9

Perancangan Struktur Menu Anggota........................................ 82

Gambar 3.10 Perancangan Struktur Menu Perusahaan.................................... 83 Gambar 3.11 Perancangan Struktur Menu Administrator ............................... 84 Gambar 3.12 Perancangan Desain Interface Halaman Utama Pengunjung...... 85 Gambar 3.13 Perancangan Desain Interface Buku Tamu Pengunjung............. 86 Gambar 3.14 Perancangan Desain Interface Daftar Anggota Pengunjung ....... 87 Gambar 3.15 Perancangan Desain Interface Pendaftaran Pengunjung............. 88 Gambar 3.16 Perancangan Desain Interface Menu Profil Perusahaan untuk Pengunjung............................................................................... 89 Gambar 3.17 Perancangan Desain Interface Menu Produk Pengunjung .......... 90 Gambar 3.18 Perancangan Desain Interface Menu Artikel Pengunjung .......... 91 Gambar 3.19 Perancangan Desain Interface Login Anggota........................... 92 Gambar 3.20 Perancangan Desain Interface Konfirmasi Login Anggota ........ 92 Gambar 3.21 Perancangan Desain Interface Halaman Utama Anggota........... 93 Gambar 3.22 Perancangan Desain Interface Profil Perusahaan Anggota......... 94 Gambar 3.23 Perancangan Desain Interface Artikel Anggota ......................... 95 Gambar 3.24 Perancangan Desain Interface Produk Anggota......................... 96

xv


Gambar 3.25 Perancangan Desain Interface Form Pemesanan Anggota ......... 97 Gambar 3.26 Perancangan Desain Interface Konfirmasi Pembayaran untuk Anggota.................................................................................... 97 Gambar 3.27 Perancangan Desain Interface Status Pemesanan Anggota ........ 98 Gambar 3.28 Perancangan Desain Interface Menu Login untuk Perusahaan ... 99 Gambar 3.29 Perancangan Desain Interface Halaman Utama untuk Perusahaan................................................................................ 100 Gambar 3.30 Perancangan Desain Interface Halaman Input Produk untuk Perusahaan...................................................................... 101 Gambar 3.31 Perancangan Desain Interface Halaman Daftar Produk untuk Perusahaan...................................................................... 102 Gambar 3.32 Perancangan Desain Interface Halaman Daftar Pemesanan untuk Perusahaan...................................................................... 102 Gambar 3.33 Perancangan Desain Interface Halaman Daftar Pemesanan Barang untuk Perusahaan.......................................................... 103 Gambar 3.34 Perancangan Desain Interface Halaman Daftar Pembayaran untuk Perusahaan...................................................................... 103 Gambar 3.35 Perancangan Desain Interface Halaman Daftar Pembayaran Lunas untuk Perusahaan............................................................ 104 Gambar 3.36 Perancangan Desain Interface Halaman Laporan Penjualan per Bulan untuk Perusahaan............................................................ 104 Gambar 3.37 Perancangan Desain Interface Halaman Laporan Penjualan per Tahun untuk Perusahaan ........................................................... 105 Gambar 3.38 Perancangan Desain Interface Menu Login Administrator......... 106 Gambar 3.39 Perancangan Desain Interface Konfirmasi Login Administrator 106 Gambar 3.40 Perancangan Desain Interface Halaman Utama Administrator... 107 Gambar 3.41 Perancangan Desain Interface Input Data Perusahaan untuk Administrator............................................................................ 108 Gambar 3.42 Perancangan Desain Interface Input Data Produk Administrator 109

xvi


Gambar 3.43 Perancangan Desain Interface Input dan Update Data Berita Administrator............................................................................ 110 Gambar 3.44 Perancangan Desain Interface Daftar Calon Perusahaan Anggota Administrator............................................................................ 111 Gambar 3.45 Perancangan Desain Interface Daftar Perusahaan Administrator 112 Gambar 3.46 Perancangan Desain Interface Daftar Calon Anggota untuk Administrator............................................................................ 113 Gambar 3.47 Perancangan Desain Interface Daftar Anggota Administrator.... 113 Gambar 3.48 Perancangan Desain Interface Daftar Produk Administrator...... 114 Gambar 3.49 Perancangan Desain Interface Daftar Artikel Administrator ...... 115 Gambar 3.50 Perancangan Desain Interface Daftar Pemesanan Administrator 115 Gambar 3.51 Perancangan Desain Interface Daftar Pemesanan Produk Administrator............................................................................ 116 Gambar 3.52 Perancangan Desain Interface Daftar Pembayaran untuk Administrator............................................................................ 116 Gambar 3.53 Perancangan Desain Interface Laporan Penjualan per Tahun untuk Administrator.................................................................. 117 Gambar 3.54 Perancangan Desain Interface Laporan Penjualan per Bulan untuk Administrator.................................................................. 118 Gambar 3.55 Perancangan Desain Interface Laporan Barang Terlaris untuk Administrator............................................................................ 119 Gambar 3.56 Perancangan Desain Interface Laporan Buku Tamu untuk Administrator............................................................................ 119 Gambar 4.1

Implementasi Halaman Utama Pengunjung............................... 177

Gambar 4.2

Implementasi Halaman Berita Pengunjung................................ 177

Gambar 4.3

Implementasi Halaman Daftar Anggota Pengunjung ................. 178

Gambar 4.4

Implementasi Halaman Buku Tamu Pengunjung ....................... 179

Gambar 4.5

Implementasi Halaman Profil Perusahaan Pengunjung.............. 179

Gambar 4.6

Implementasi Halaman Detail Perusahaan Pengunjung ............. 180

xvii


Gambar 4.7

Implementasi Halaman Produk Pengunjung .............................. 180

Gambar 4.8

Implementasi Halaman Artikel Pengunjung .............................. 181

Gambar 4.9

Implementasi Halaman Pendaftaran Perusahaan Pengunjung .... 182

Gambar 4.10 Implementasi Halaman Login Anggota ..................................... 183 Gambar 4.11 Implementasi Halaman Konfirmasi Login Anggota................... 183 Gambar 4.12 Implementasi Halaman Utama Anggota.................................... 184 Gambar 4.13 Implementasi Halaman Perusahaan Anggota............................. 184 Gambar 4.14 Implementasi Halaman Detail Perusahaan Anggota .................. 185 Gambar 4.15 Implementasi Halaman Detail Produk Anggota......................... 185 Gambar 4.16 Implementasi Halaman Edit Data Pribadi Anggota.................... 186 Gambar 4.17 Implementasi Halaman Ganti Password Anggota...................... 186 Gambar 4.18 Implementasi Halaman Pemesanan Anggota............................. 187 Gambar 4.19 Implementasi Halaman Status Pemesanan Anggota................... 187 Gambar 4.20 Implementasi Halaman Konfirmasi Pembayaran Anggota......... 188 Gambar 4.21 Implementasi Halaman Kirim Pesan untuk Anggota ................. 188 Gambar 4.22 Implementasi Halaman Login untuk Perusahaan ....................... 189 Gambar 4.23 Implementasi Halaman Konfirmasi Login untuk Perusahaan..... 189 Gambar 4.24 Implementasi Halaman Utama untuk Perusahaan ...................... 190 Gambar 4.25 Implementasi Halaman Profil Perusahaan untuk Perusahaan ..... 190 Gambar 4.26 Implementasi Halaman Input Produk untuk Perusahaan ............ 191 Gambar 4.27 Implementasi Halaman Daftar Produk untuk Perusahaan .......... 191 Gambar 4.28 Implementasi Halaman Daftar Pemesanan untuk Perusahaan .... 192 Gambar 4.29 Implementasi Halaman Daftar Pemesanan Barang untuk Perusahaan................................................................................ 192 Gambar 4.30 Implementasi Halaman Daftar Pembayaran untuk Perusahaan .. 193 Gambar 4.31 Implementasi Halaman Daftar Pembayaran Lunas untuk Perusahaan................................................................................ 193 Gambar 4.32 Implementasi Halaman Laporan Penjualan Produk per Bulan untuk Perusahaan...................................................................... 194

xviii


Gambar 4.33 Implementasi Halaman Laporan Penjualan Produk per Tahun untuk Perusahaan...................................................................... 194 Gambar 4.34 Implementasi Halaman Kirim Pesan untuk Perusahaan ............. 195 Gambar 4.35 Implementasi Halaman Ganti Password untuk Perusahaan ........ 195 Gambar 4.36 Implementasi Halaman Login Administrator............................. 196 Gambar 4.37 Implementasi Halaman Konfirmasi Login Administrator .......... 196 Gambar 4.38 Implementasi Halaman Utama Administrator............................ 197 Gambar 4.39 Implementasi Halaman Input Data Perusahaan untuk Administrator............................................................................ 198 Gambar 4.40 Implementasi Halaman Input Data Produk Administrator ......... 198 Gambar 4.41 Implementasi Halaman Input Berita dan Artikel Administrator . 199 Gambar 4.42 Implementasi Halaman Daftar Calon Perusahaan Anggota untuk Administrator.................................................................. 199 Gambar 4.43 Implementasi Halaman Daftar Perusahaan Administrator.......... 200 Gambar 4.44 Implementasi Halaman Detail Daftar Perusahaan Administrator 200 Gambar 4.45 Implementasi Halaman Edit Perusahaan Administrator ............. 201 Gambar 4.46 Implementasi Halaman Daftar Calon Anggota Administrator.... 202 Gambar 4.47 Implementasi Halaman Daftar Anggota Administrator.............. 202 Gambar 4.48 Implementasi Halaman Detail Anggota Administrator .............. 203 Gambar 4.49 Implementasi Halaman Edit Anggota Administrator ................. 203 Gambar 4.50 Implementasi Halaman Daftar Produk Administrator ................ 204 Gambar 4.51 Implementasi Halaman Detail Produk Administrator ................ 204 Gambar 4.52 Implementasi Halaman Edit Produk Administrator ................... 205 Gambar 4.53 Implementasi Halaman Daftar Artikel Administrator ................ 205 Gambar 4.54 Implementasi Halaman Detail Artikel Administrator................. 206 Gambar 4.55 Implementasi Halaman Edit Artikel Administrator.................... 207 Gambar 4.56 Implementasi Halaman Daftar Pemesanan Administrator.......... 207 Gambar 4.57 Implementasi Halaman Daftar Pemesanan Barang untuk Administrator............................................................................ 208

xix


Gambar 4.58 Implementasi Halaman Daftar Pembayaran Administrator ........ 208 Gambar 4.59 Implementasi Halaman Laporan Penjualan per Tahun untuk Administrator............................................................................ 209 Gambar 4.60 Implementasi Halaman Laporan Penjualan per Bulan untuk Administrator............................................................................ 209 Gambar 4.61 Implementasi Halaman Laporan Barang Terlaris Administrator 210 Gambar 4.62 Implementasi Halaman Laporan Buku Tamu Administrator...... 210 Gambar 4.63 Implementasi Halaman Kirim Pesan untuk Administrator ......... 211 Gambar 4.64 Implementasi Halaman Pesan Masuk untuk Administrator........ 211 Gambar 4.65 Implementasi Halaman Ganti Password Administrator.............. 212

xx


1

BAB I PENDAHULUAN

A. Latar Belakang Kemajuan teknologi sekarang ini sangatlah pesat. Berbagai macam informasi dapat kita peroleh dengan adanya teknologi tersebut dengan cepat. Namun adanya kemajuan teknologi yang modern ini, kadang kala belum dimanfaatkan secara maksimal oleh berbagai kalangan khususnya dalam bidang kerajinan. Dalam bidang industri kerajinan ini, akan sangat menguntungkan bila memanfaatkan teknologi tersebut untuk melakukan pemasaran serta periklanan produkproduk yang dihasilkan dari kerajinan tersebut mengingat periklanan yang mereka lakukan sekarang ini sebagian besar hanya melalui relasirelasi dari pengusahanya. Pemanfaatan teknologi di bidang industri ini selain menghasilkan keuntungan bagi pengusaha dalam hal waktu promosi yang lebih cepat juga menguntungkan bagi masyarakat luas yang akan mengakses informasi tersebut dengan mudah dan cepat. Kerajinan batik dan kain perca merupakan salah satu ciri khas kota Yogyakarta yang mempunyai aset lebih besar jika dikembangkan. Namun pemasaran hasil kerajinan dari batik dan kain perca ini belumlah mendunia karena hanya terbatas pada relasi dari pengusahanya. Hasil dari kerajinan ini sebenarnya dapat dipasarkan tidak hanya di daerah sekitar Yogyakarta saja melainkan bisa mencapai mancanegara. Namun karena adanya keterbatasan pemasaran dan

1


2

periklanan produkproduk tersebut, maka banyak produk dari kerajinan ini yang tidak dikenal oleh masyarakat secara luas. Karena banyaknya kerajinan yang terbuat dari batik serta kerajinan kain perca yang ada di Yogyakarta, maka penulis ingin menyajikan berbagai macam hasil kerajinan dari batik serta kain perca tersebut dalam media internet sehingga memudahkan pengusaha dalam melakukan promosi berbagai macam produk yang dihasilkannya dengan mudah dan cepat serta memudahkan masyarakat luas untuk mengetahui produkproduk yang ditawarkan dengan bahan utama kain batik, seperti sarung bantal, gordyn, bed cover, pakaian, assesoris maupun produk lainnya.

B. Perumusan Masalah Bagaimana mengembangkan sebuah sistem berbasis web untuk para perajin batik dan kain perca di Yogyakarta supaya dapat dipergunakan oleh perajin tersebut untuk melakukan promosi hasil kerajinannya ke berbagai kalangan masyarakat dengan mudah dan cepat.

C. Metodologi Penelitian Metodologi yang digunakan oleh penulis untuk menyelesaikan Sistem Informasi Kerajinan Batik dan Kain Perca Yogyakarta Berbasis Web ini, yaitu meliputi : 1. Wawancara


3

Merupakan suatu mekanisme umpan balik dan jalan untuk mengumpulkan data dimana terjadi pertukaran informasi antara penulis dengan para perajin Batik dan Kain Perca. 2. Pengamatan Mengamati berbagai macam informasi yang terdapat pada perajin untuk pembuatan sistem informasi Kerajinan Batik dan Kain Perca Yogyakarta berbasis web. 3. Metode Pengembangan Web yang digunakan oleh penulis meliputi tahap tahap sebagai berikut : a. Perencanaan Tahap perencanaan ini digunakan untuk mengidentifikasi dan mengumpulkan halhal apa saja yang berkaitan dengan kerajinan batik dan kain perca yang dibutuhkan dalam proses pengembangan web termasuk informasi tentang pendengar web, sasaran hasil, serta kebijakan untuk pengembangan dan penggunaan informasi. Selain itu tahap perencanaan juga memerlukan pendefinisian tujuan dari web yang akan dikembangkan. Tujuan dari pengembangan web merupakan suatu kunci utama untuk mengembangkan informasi. b. Analisis Tahap analisis ini merupakan tahap mengevaluasi ketepatan konsistensi informasi serta membandingkan informasi tentang web dan pengoperasiannya dengan tujuan untuk memperbaiki kualitas web


4

secara keseluruhan. Informasi tentang pengguna merupakan salah satu faktor yang harus diperhatikan. Proses menganalisis informasi ini dapat digunakan untuk membantu proses perencanaan, implementasi serta proses pengembangan web. Sasaran utama dalam tahap analisis yaitu untuk menggambarkan apa yang dibutuhkan oleh para perajin, serta untuk membangun dasar bagi pembuatan desain perangkat lunak. c. Perancangan Tahap perancangan merupakan proses yang dilakukan untuk membuat spesifikasi web, membuat komponenkomponen web yang akan diaktualisasikan. Merancang hubungan antar halaman dari web serta merancang masingmasing halaman dalam web. Tahap perancangan web ini memerlukan pertimbangan pendengar serta tujuan dari web. Perancangan sistem ini juga merupakan langkah multiproses yang memusatkan kerja pada struktur data, arsitektur perangkat lunak, prosedur serta karakteristik antarmuka. Proses ini akan mengubah kebutuhan yang ada menjadi sebuah representasi perangkat lunak yang dapat dimengerti sebelum proses penulisan program. Tujuan perancangan sistem adalah untuk menghasilkan suatu model atau representasi dari entitas yang kemudian akan dibangun. d. Implementasi Tahap implementasi merupakan proses menciptakan web menggunakan file HTML (Hyper Text Markup Language). Proses


5

implementasi ini lebih mirip dengan proses pengembangan software, karena proses ini melibatkan penggunaan sintaksis yang spesifik untuk menciptakan struktur hypertext dalam HTML atau penulisan kode bahasa pemrograman dalam file komputer. e. Pengujian Langkah pengujian ini memfokuskan pada logika internal perangkat lunak, fungsi eksternal, dan mencari segala kemungkinan kesalahan. Beberapa pendekatan yang digunakan untuk melakukan pengujian, yaitu : 1). Pengujian fungsional dan operasional Pengujian ini bertujuan untuk menguji masukan dan keluaran dari aplikasi. 2). Pengujian navigasi Pengujian navigasi ini digunakan untuk melihat kesesuaian antara desain navigasi dengan navigasi yang ada dalam aplikasi. Navigasi berhubungan dengan linklink yang terdapat didalam aplikasi. 3). Pengujian konfigurasi Pengujian ini dilakukan pada sistem operasi, browser, sistem perangkat keras dan perangkat lunak pendukung. Pengujian ini dilakukan untuk menentukan batas toleransi kebutuhan aplikasi akan perangkat lunak dan perangkat keras pendukungnya.


6

4). Pengujian keamanan dan performansi Pengujian ini dilakukan untuk melihat tingkat keamanan aplikasi dengan cara menguji aspekaspek yang dapat menimbulkan gangguan keamanan aplikasi maupun server. Keamanan aplikasi sangat bergantung pada teknologi pengembangan website, konfigurasi server yang digunakan. Pengujian keamanan dan pengujian performansi dapat dilakukan secara bersamaan, karena keamanan aplikasi berbasis web juga tergantung dari performansi server dan aplikasi tersebut.

D. Batasan Sistem Fasilitasfasilitas yang disediakan dalam Pengembangan Sistem Informasi Kerajinan Batik dan Kain Perca Yogyakarta Berbasis Web meliputi : 1. Fasilitas untuk Pengunjung yaitu : b. Fasilitas Searching / pencarian yang digunakan untuk memudahkan seseorang untuk mencari informasi tertentu, misalnya artikel atau produksi kerajinan. c. Fasilitas Guestbook atau Buku Tamu yang dapat digunakan oleh pengunjung untuk memberi saran atau kritik bagi para pengusaha. d. Fasilitas Daftar Anggota jika pengunjung berminat untuk melakukan pemesanan terhadap produk yang ditawarkan.


7

e. Fasilitas Pendaftaran Perusahaan yang dapat digunakan jika pengunjung berminat mempromosikan hasil kerajinannya melalui situs web ini. 2 Fasilitas untuk Anggota yaitu : a. Fasilitas Pemesanan yang dapat digunakan oleh anggota untuk memesan produkproduk yang ditawarkan oleh para pengusaha. b. Fasilitas Ganti Password yang dapat digunakan untuk anggota untuk mengganti passwordnya. c. Fasilitas Konfirmasi Pembayaran yang dapat digunakan jika pemesan sudah melakukan pembayaran. d. Fasilitas Status Pemesanan yang dapat digunakan oleh anggota untuk melihat status pemesanan dari barang yang telah dipesan berdasarkan no nota. e. Fasilitas Edit data pribadi yang dapat digunakan untuk mengganti data pribadi. f. Fasilitas kirim pesan yang dapat digunakan oleh anggota untuk mengirim pesan baik ke Administrator maupun ke perusahaan. 3 Fasilitas untuk Perusahaan yaitu : a. Fasilitas Input yang dapat digunakan oleh perusahaan untuk memasukkan data produknya sendiri. b. Fasilitas Ganti Password yang dapat digunakan oleh perusahaan untuk mengganti passwordnya.


8

c. Fasilitas kirim pesan yang dapat digunakan oleh perusahaan untuk mengirim pesan baik ke Administrator maupun ke anggota. d. Fasilitas laporan penjualan per bulan ataupun per tahun yang dapat digunakan oleh perusahaan untuk melihat laporan. e. Fasilitas Update yang dapat digunakan untuk melakukan perubahan, misalnya perubahan pada produksinya ataupun perubahan data perusahaan. 4 Fasilitas untuk Administrator yaitu : a. Fasilitas Input yang digunakan oleh administrator untuk memasukkan data perusahaan ataupun data produk per perusahaan. Selain itu juga dapat digunakan untuk memasukkan informasi atau berita dari suatu perusahaan. b. Fasilitas Update yang digunakan untuk melakukan perubahan, misalnya adanya produkproduk yang baru, perubahan harga, atau perubahan pada data perusahaan. c. Fasilitas Hapus yang digunakan administrator untuk menghapus data yang sudah tidak diperlukan lagi. d. Fasilitas kirim pesan yang dapat digunakan oleh Administrator untuk mengirim pesan baik ke perusahaan maupun ke anggota.


9

E. Manfaat Penelitian 1. Manfaat penelitian secara praktis Dengan adanya Sistem Informasi Kerajinan Batik dan Kain Perca Yogyakarta Berbasis Web ini diharapkan dapat mempermudah, memperlancar, serta membantu para perajin batik dan kain perca di Yogyakarta dalam mempromosikan produknya ke masyarakat luas dengan mudah dan cepat. 2. Manfaat penelitian secara Teoretis Diharapkan bahwa dengan penelitian ini mampu mengembangkan pengetahuan serta ketrampilan dalam menekuni bidang web development (Pengembangan Web).

F. Sistematika Pembahasan Sistem penulisan tentang Kerajinan di Yogyakarta dengan judul Sistem Informasi Kerajinan Batik dan Kain Perca di Yogyakarta Berbasis Web adalah sebagai berikut :

BAB I. PENDAHULUAN Pada bab pertama ini terdiri dari 6 sub bab, yaitu meliputi latar belakang, perumusan masalah, metodologi penelitian, batasan sistem, manfaat penelitian, serta sistematika dari penulisan orientasi tugas akhir ini.


10

Sub bab latar belakang membahas tentang alasanalasan mengapa penulis membahas topik yang sudah dipilihnya tersebut. Sub bab perumusan masalah membahas tentang uraian masalah pada penulisan akhir ini yang akan diselesaikan berkaitan dengan topik penulisan laporan. Sub bab metodologi penelitian membahas tentang langkahlangkah apa saja yang digunakan penulis untuk menyelesaikan tugas akhir ini. Sub bab batasan sistem membahas tentang fasilitasfasilitas yang disediakan dalam sistem. Sub bab manfaat penelitian membahas mengenai manfaat yang didapat baik secara praktis maupun secara teoritis dengan adanya Sistem Informasi Kerajinan Batik dan Kain Perca di Yogyakarta Berbasis Web. Sedangkan sub bab yang terakhir yaitu sub bab sistematika pembahasan yang membahas tentang bagaimana susunan penulisan tugas akhir.

BAB II. LANDASAN TEORI Pada bab yang kedua ini, yaitu bab landasan teori membahas beberapa teori yang menjadi dasar dari pembuatan laporan serta membahas tentang dasar dasar untuk menganalisa suatu keadaan dalam lingkungan kerajinan yang ada di Yogyakarta.

BAB III ANALISIS DAN PERANCANGAN SISTEM Pada bab yang ketiga ini mambahas tentang analisa dan perancangan suatu sistem yang meliputi identifikasi masalah, analisa sistem, pendefinisian masalah,


11

pemilihan perangkat lunak yang digunakan dalam pembuatan sistem, perancangan sistem yang meliputi perancangan proses, basis data, serta perancangan antar muka (user interface).

BAB IV. IMPLEMENTASI DAN HASIL PROGRAM Bab keempat merupakan implementasi program yang dari aplikasi yang dibuat oleh penulis yang meliputi implementasi basis data, implementasi proses serta antar muka.

BAB V. PENUTUP Sedangkan pada bab terakhir ini berisi tentang kesimpulan dan saran dari penulisan laporan yang disusun. Serta mengutarakan secara ringkas tentang sistem yang dibuat dengan harapan dikemudian hari dapat semakin disempurnakan.


12

BAB II LANDASAN TEORI

A. Konsep Sistem, Informasi, Sistem Informasi, dan Siklus Informasi Sistem Sistem mempunyai komponenkomponen yang saling berinteraksi, batas sistem (boundary) yang menunjukkan ruang lingkup dari sistem tersebut, lingkungan luar sistem (interface), masukan (input), keluaran (output), pengolah (proses) dan sasaran (objectives) atau tujuan (goal).

Informasi Informasi merupakan data yang sudah terolah sedemikian rupa sehingga mempunyai arti atau makna bagi pihak tertentu. Informasi disajikan dalam bentuk yang mudah dipahami dan merupakan pengetahuan yang relevan yang dibutuhkan untuk menambah wawasan bagi pemakainya.

Sistem Informasi Menurut Budi Sutedjo (2002) sistem informasi dapat didefinisikan sebagai suatu kumpulan elemen yang saling berhubungan satu sama lain yang membentuk satu kesatuan untuk mengintegrasikan data, memproses dan menyimpan serta mendistribusikan informasi. Dengan kata lain, Sistem Informasi merupakan kesatuan elemenelemen yang saling berinteraksi secara

12


13

sistematis dan teratur untuk menciptakan dan membentuk aliran informasi yang akan mendukung pembuatan keputusan dan melakukan kontrol terhadap jalannya perusahaan. Dalam sistem informasi terdapat 3 (tiga) kegiatan utama, yaitu pemasukan data, permrosesan data dan pengeluaran data. Pemasukan data berisi kegiatan pengumpulan data dari dalam organisasi. Sementara pemrosesan data bertugas mengolah data sehingga menjadi sesuatu yang bermakna. Sedangkan pengeluaran berfungsi untuk memberikan hasil olahan kepada pihakpihak yang membutuhkan.

Siklus Informasi Informasi menjadi penting, karena berdasarkan informasi itu para pengelola dapat mengetahui kondisi obyektif perusahaannya. Informasi disajikan dalam bentuk yang mudah dipahami dan merupakan pengetahuan yang relevan yang dibutuhkan untuk menambah wawasan bagi pemakainya guna mencapai suatu tujuan.


14

Gambar 2.1 Siklus Informasi (Sumber : Sutedjo, 2004)

Pengolahan data menjadi suatu informasi merupakan suatu siklus yang terdiri dari tahaptahap sebagai berikut : i.

Pengumpulan Data. Pada tahap ini dilakukan suatu proses pengumpulan data yang asli dengan cara tertentu, seperti data transaksi yang biasanya merupakan proses pencatatan data ke dalam suatu file.

ii.

Input. Tahap ini merupakan proses pemasukan data dan prosedur pengolahan data ke dalam komputer melalui alat input seperti keyboard. Prosedur pengolahan data itu merupakan urutan langkah untuk mengolah data yang ditulis dalam suatu bahasa pemrograman yang disebut program.

iii.

Pengolahan Data. Tahap ini merupakan tahap di mana data diolah sesuai dengan prosedur yang telah dimasukkan. Kegiatan pengolahan data ini meliputi pengumpulan data, klasifikasi (pengelompokan),


15

kalkulasi, pengurutan, penggabungan, peringkasan baik dalam bentuk tabel maupun grafik, penyimpanan, dan pembacaan data dari tempat penyimpan data. 1. Pencatatan data masukan (recording/capturing) Data harus dicatat dalam beberapa bentuk sebelum diproses. Proses pencatatan ini tidak hanya terjadi pada tahap origination atau distribution saja, tetapi dapat terjadi pada seluruh siklus pengolahan. 2. Manipulasi Data Operasi manipulasi data yang telah dikumpulkan dapat berupa pengklasifikasian (pengelompokan), kalkulasi (perhitungan), sorting (pengurutan), merging (penggabungan), summarizing (meringkas), storing (penyimpanan) dan retrieving (penggunaan kembali). 3. Klasifikasi Klasifikasi merupakan kegiatan untuk mengelompokkan data dalam suatu grup berdasarkan kategori tertentu. Klasifikasi ini biasanya dapat dilakukan berdasarkan lebih dari satu kategori. 4. Kalkulasi Kalkulasi merupakan suatu proses manipulasi data numeric secara aritmatika. Biasanya kata ”kalkulasi” juga sering digunakan untuk menunjukkan suatu proses terhadap suatu data secara umum.


16

5. Sorting Menyusun data dalam sebuah urutan tertentu disebut sorting. Untuk melakukan operasi ini, maka harus ditentukan terlebih dahulu kolom data (field) yang akan menjadi kunci pengurutan. 6. Merging Menggabungkan dua atau lebih kumpulan data yang memiliki kolom data (field) yang sama sebagai kunci penghubung disebut merging. 7. Summarizing Pada operasi manipulasi data ini, kumpulan data diringkas dan dinyatakan dalam bentuk yang ringkas, sederhana, mudah dimengerti dan mudah dianalisa, seperti dalam bentuk grafik. 8. Storing dan Retrieving Sorting merupakan langkah penyimpanan terhadap hasil pengolahan data. Langkah ini merupakan langkah yang sangat penting di dalam prosedur pengolahan data, sebab hasil tersebut akan digunakan (retrieving) pada proses pengolahan data selanjutnya. Hasil pengolahan data akan disimpan dalam suatu file. iv.

Output. Hasil pengolahan data akan ditampilkan pada alat output seperti monitor dan printer sebagai informasi.

v.

Distribusi. Setelah proses pengolahan data dilakukan, maka informasi yang dihasilkan harus segera didistribusikan. Proses pendistribusian ini


17

tidak boleh terlambat dan harus diberikan kepada yang berkepentingan, sebab hasil pengolahan tersebut akan menjadi bahan pertimbangan dalam pengambilan keputusan atau menjadi data dalam pengolahan data selanjutnya.

B. Kualitas Informasi Tidak semua informasi berkualitas. Maka sudah seharusnya dilakukan penyaringan terhadap informasi yang beredar atau yang ditangkap. Menurut Budi Sutedjo (2002), kualitas informasi ditentukan oleh beberapa faktor, yaitu : a. Keakuratan dan teruji kebenarannya Artinya bahwa informasi harus bebas dari kesalahankesalahan dan tidak menyesatkan. Kesalahankesalahan itu dapat berupa kesalahan perhitungan maupun akibat gangguan (noise) yang dapat mengubah dan merusak informasi tersebut. b. Kesempurnaan informasi Untuk mendukung faktor utama di atas, maka kesempurnaan informasi menjadi faktor penting, dimana informasi disajikan lengkap tanpa pengurangan, penambahan, atau pengubahan. c. Tepat waktu Informasi harus disajikan secara tepat waktu, mengingat informasi akan menjadi dasar dalam pengambilan keputusan. Keterlambatan informasi akan mengakibatkan kekeliruan dalam pengambilan keputusan.


18

d. Relevansi Informasi akan memiliki nilai manfaat yang tinggi, jika informasi tersebut diterima oleh mereka yang membutuhkan, dan menjadi tidak berguna jika diberikan kepada mereka yang tidak membutuhkan. e. Mudah dan murah Cara dan biaya untuk memperoleh informasi juga menjadi bahan pertimbangan tersendiri. Bilamana cara dan biaya untuk memperoleh informasi sulit dan mahal, maka orang menjadi tidak berminat untuk memperolehnya. Dan melalui teknologi Internet, kini orang atau perusahaan dapat memperoleh informasi dengan mudah dan murah.

C. Konsep Pengembangan Sistem Informasi Tahaptahap yang dilakukan untuk mengembangkan Sistem Informasi Kerajinan Batik dan Kain Perca Yogyakarta ini meliputi tahap perencanaan, analisis, perancangan, penerapan atau implementasi, serta pengujian.

Perencanaan Pada tahap ini, pembuat sistem mencoba untuk memahami permasalahan yang muncul dan mendefinisikannya secara rinci, kemudian menentukan tujuan pembuatan sistem dan mengidentifikasi kendala kendalanya. Hasilnya dituangkan dalam proposal proyek yang memuat tentang Teknologi Informasi yang akan digunakan dan prioritasprioritas


19

Sistem Informasi. Menurut Budi Sutedjo (2002), tahap perencanaan ini sangat penting karena : i.

Permasalahan yang sebenarnya didefinisikan dan diidentifikasi secara rinci. Setelah itu, perlu disusun rencana aksi yang konkret termasuk perencanaan aplikasiaplikasi yang dibutuhkan, pembangunan dan penyebarannya.

ii.

Pembangunan Sistem Informasi harus diarahkan pada peningkatan keunggulan kompetitif.

iii.

Perubahan aliran informasi akan terjadi secara besarbesaran di dalam organisasi

iv.

Implementasi teknologi komputer akan membawa dampak bagi tenaga kerja di dalam perusahaan tersebut.

Langkahlangkah yang dapat dilakukan pada tahap perencanaan, yaitu meliputi : a. Mendapatkan masalah sebenarnya dan melihat kesempatan Langkah ini dilakukan untuk mendapatkan masalah apa yang sebenarnya dihadapi dan kesempatan apa yang diperoleh dimasa yang akan datang. Langkah ini sangat penting karena akan menentukan pengembangan sistem yang akan dilakukan. b. Cakupan masalah dan kesempatan Dengan mengetahui cakupan masalah dan kesempatan yang diperoleh, pengembangan sistem akan lebih mudah dilakukan karena sistem


20

menjadi tidak meluas dan terfokus pada masalah yang dihadapi dan kesempatan yang diperoleh. Dengan demikian penjadwalan dan penyusunan anggaran pengembangan sistem juga dapat dilakukan dengan mudah. Cakupan masalah dan kesempatan tidak boleh terlalu luas karena pengembangan sistem akan menjadi sulit. c. Tujuan Sistem harus mampu membantu pemecahan masalah dan memberikan dukungan terhadap kesempatan yang diperoleh. Bantuan yang paling dibutuhkan yaitu pemberian informasi dan data yang akan banyak dibutuhkan dalam tahap selanjutnya.

Analisis Tujuan utama dari tahap ini adalah untuk mengetahui keadaan sistem yang sebenarnya supaya dukungan sistem terhadap kebutuhan informasi dapat dilakukan dengan baik. Cara untuk mengetahui kebutuhan sistem yang sebenarnya dengan mengumpulkan data, kemudian menganalisanya. Metode dalam pengumpulkan data dapat dilakukan dengan wawancara (interview), memberikan pertanyaanpertanyaan secara tertulis (questionnare), observasi, dan membaca dokumen yang ada. Untuk melakukan analisis, dapat menggunakan alat bantu analisa, diantaranya : flowchart, Data Flow Diagram (DFD).


21

Selain itu dalam tahap analisis juga dilakukan penganalisisan secara mendalam dengan menyusun suatu studi kelayakan. Menurut Mc. Leod terdapat 6 (enam) dimensi kelayakan, antara lain : a. Kelayakan teknis, yaitu dengan menganalisis ketersediaan perangkat keras, perangkat lunak, dan organisasi untuk melaksanakan proses yang diperlukan b. Pengembalian ekonomis, yaitu dengan menganalisis manfaat, kegunaan, dan potensi pengembalian secara ekonomis dari pembangunan sistem. Dengan memantau sejauh mana penghematan dapat dilakukan, maka peningkatan pendapatan dapat diperoleh sehingga perusahaan dapat merasakan manfaat nyata dari pembangunan sistem informasi tersebut. c. Pengembalian nonekonomis, yaitu dengan menganalisis manfaat, penggunaan, potensi, dan keuntungankeuntungan yng tidak dapat diukur secara fiannsial, seperti ketersediaan informasi yang akurat dan up to date setiap saat, citra perusahaan, moral karyawan. Layanan konsumen. d. Hukum dan etika, yaitu dengan menganalisis apakah sistem yang dibuat akan beroperasi dengan batasan hukum dan etika pada umumnya dan perusahaan pada khususnya.


22

e. Operasional, yaitu dengan menganalisis apakah sistem dapat diimplementasikan. Hal ini menyangkut analisis tempat, lingkungan, dan sumber daya manusia yang akan mengoperasikannya f. Jadwal, yaitu dengan menganalisis apakah mungkin dalam keterbatasan waktu yang ada, sistem tersebut dapat disusun dan diselesaikan.

Perancangan Perancangan sistem merupakan tahap untuk mewujudkan sistem baru. Menurut Haris (2003), tahap ini dibagi menjadi dua sub tahap, yaitu sub tahap perancangan awal yang berisi konsep sistem baru yang akan dibuat dan sub tahap perancangan rinci yang berisi perancangan spesifikasi secara rinci. Perancangan awal. Pertama kali yang dilakukan adalah melakukan review terhadap kebutuhan sistem, kemudian menentukan aspekaspek utama dalam sistem. Perancangan rinci. Dalam sub tahap ini dilakukan perancangan secara rinci dengan memperhatikan setiap aspek secara rinci. Beberapa aktivitas perancangan rinci yang dilakukan adalah perancangan formulir (baik secara hardcopy maupun softcopy dengan menggunakan screen), perancangan input data dan prosedurnya, perancangan database, perancangan interface, perancangan komunikasi data, dan membuat dokumen dan sistem flowchart.


23

Karena sistem yang dibuat harus dapat memenuhi kebutuhan pemakai, maka pertama kali yang perlu disiapkan adalah spesifikasi output. Dengan membuat spesifikasi output berarti juga melakukan spesifikasi kebutuhan pemakai, karena kebutuhan pemakai dapat diidentikkan dengan kebutuhan output yang berisi informasi.

Implementasi Tahap ini merupakan kegiatan untuk mengimplemetasikan rancangan yang telah disusun agar dapat diwujudkan. Proses implementasi untuk prosedur dalam teknologi komputer akan menggunakan bahasa komputer. Pada tahap ini perlu dipilih bahasa pemrograman apa yang akan dipakai untuk membuat program. Dengan menggunakan bahasa pemrograman yang telah dipilih, kebutuhan sistem dinyatakan dengan kode bahasa tersebut.

Pengujian Menurut Haris (2003), uji coba terhadap sistem dilakukan dengan tiga proses. Proses uji coba yang pertama adalah unit testing, yaitu uji coba untuk program secara individu (unit) dengan menggunakan data, termasuk dengan menggunakan data yang tidak baik, sehingga dapat dinyakinkan bahwa program secara individu dapat berjalan dengan baik. Proses berikutnya adalah sistem testing, yaitu proses uji coba dengan menggunakan semua program yang ada, tujuannya untuk meyakinkan bahwa semua program dapat bekerja


24

sama satu dengan yang lainnya. Proses uji coba yang terakhir adalah volume testing, yaitu uji coba dengan menggunakan data yang sangat besar. Uji coba ini untuk menyakinkan bahwa sistem mampu untuk menangani data yang sangat besar.

D. Konsep Sistem Informasi Berbasis Web Informasi yang berbasis web merupakan suatu bentuk informasi yang bersifat global atau tidak terbatas dalam arti informasi dapat diakses dimana saja dan kapan saja sesuai dengan kebutuhan yang berkaitan dengan bidangnya. Web merupakan fasilitas hypertext yaitu suatu unit yang mengakses sumber informasi dari Internet dengan cepat dan akurat. Menurut Agustine (1999), sistem informasi berbasis web adalah sistem informasi yang terdistribusi secara hypertext yang mengatur semua informasi dalam Internet.

1. Internet Internet merupakan suatu jaringan komunikasi tanpa batas yang melibatkan jutaan komputer pribadi yang tersebar di seluruh dunia. Dengan menggunakan protokol Transmission Control Protocol / Internet Protocol (TCP/IP) dan didukung oleh media komunikasi seperti satelit dan paket radio, Internet telah memungkinkan komunikasi antar komputer dengan jarak yang tidak terbatas. Internet dapat menghubungkan komputer dan jaringan komputer yang berada di ratusan negara dan departemen atau instansi baik


25

swasta maupun pemerintah. Melalui Internet, siapa saja dapat dengan leluasa mengakses berbagai macam informasi dari berbagai tempat. Informasi yang dapat diakses pun dapat berupa teks, grafik, suara, maupun video.

2. WEB Web merupakan sebuah sistem dengan standarstandar yang dapat diterima secara universal untuk menyimpan, memperoleh kembali, menata dan menyajikan informasi melalui sebuah arsitektur client server (Turban, 2003,214). Web menangani semua jenis informasi digital, termasuk teks, hypermedia, grafik, dan suara. Web juga menggunakan antar muka grafis, sehingga sangat mudah untuk digunakan. Web berbasis pada sebuah bahasa hypertext standar yang disebut Hyper Text Markup Language (HTML), dimana polapola dokumen dan penggabunganpenggabungan dynamic hypertext link ke beberapa dokumen dokumen disimpan pada komputerkomputer yang sama atau berbeda.

3. WWW ( World Wide Web ) Menurut Sampurna (1996) World Wide Web merupakan suatu kumpulan informasi pada beberapa server yang terhubung satu sama lainnya dalam jaringan Internet. Informasiinformasi dalam web mempunyai linklink yang menghubungkan informasi tersebut ke informasi lain di dalam jaringan Internet, yang biasanya ditandai dengan teks berwarna biru dan digarisbawahi.


26

Salah satu penyebab utama pesatnya pertumbuhan World Wide Web ini adalah kemudahan dalam penggunaannya. Cara kerja World Wide Web mencakup dua hal penting, yaitu software web browser dan software web server. Kedua software ini berfungsi sama seperti sistem clientserver. Web browser bekerja sebagai client yang memungkinkan kita dapat menginterpretasikan dan melihat informasi pada web, sedangkan web server bertindak sebagai server yang memungkinkan kita untuk menerima informasi yang diminta oleh browser. Jika suatu permintaan datang, web server akan mencari file yang diminta, kemudian mengirimkan ke browser yang memintanya. Beberapa hal yang menyangkut cara kerja web, yaitu : a. HTTP (Hypertext Transfer Locator) HTTP adalah suatu protocol yang menentukan aturan yang perlu diikuti oleh web server dalam menyediakan dokumen yang diminta web browser. Protocol ini merupakan protocol standar yang digunakan untuk mengakses HTML. b. URL (Uniform Resource Locator) URL adalah suatu sarana yang digunakan untuk menentukan lokasi informasi pada suatu web server. URL dapat diibaratkan sebagai suatu alamat yang terdiri dari protocol yang digunakan oleh suatu browser untuk mengabil suatu informasi, nama dari komputer dimana


27

informasi tersebut berada, dan jalur atau path serta nama file dari suatu informasi. c. Protocol Transfer Protocol transfer adalah suatu protocol yang digunakan untuk mengirim informasi di Internet. HTTP merupakan salah satu protocol transfer yang merupakan standar untuk dokumen web. Beberapa contoh protocol lainnya yaitu FTP (File Transfer Protocol), News, dan Telnet. d. DNS (Domain Name Sistem) Domain Name Sistem merupakan suatu hirarki pengelompokan domain berdasarkan nama yang merupakan kelompok komputer yang terhubung ke Internet. Contoh DNS : com (organisasi komersial), edu (institusi pendidikan atau universitas), org (organisasi nonprofit), gov (organisasi pemerintah nonmiliter). e. Homepage Homepage merupakan sebuah penampilan layar atau halaman teks dan bersifat grafis yang biasanya mengucapkan selamat datang kepada pengakses dan penjelasanpenjelasan tentang organisasi yang membangun atau menciptakan halaman web tersebut.


28

4. HTML ( Hyper Text Markup Language ) HTML adalah file teks yang berisi instruksi kepada browser tentang bagaimana sebuah halaman situs akan ditampilkan. Instruksi tersebut disebut dengan tag. Kelebihan dari HTML ini dapat ditampilkan pada OS ( Operating Sistem ) yang berbedabeda dengan bentuk yang masih sama. Bentuk umum HTML : Untitled Document Ini adalah contoh dasar HTML Setiap kode HTML selalu diawali dan diakhiri dengan tag . Dokumen html memiliki dua bagian, yaitu bagian header dan bagian isi. Bagian header diawali dan diakhiri dengan tag . Bagian isi diawali dan diakhiri dengan tag . Contoh :


29

Bagian header berisi informasi yang tidak ditampilkan pada browser. Bagian header ini dapat diisi dengan tag </titel> yang nantinya akan muncul sebagai judul pada windows browser. Bagian isi nantinya akan ditampilkan pada browser. Teks yang akan ditampilkan dapat langsung diketikkan pada bagian ini. Bentuk umum tag : <nama_tag> Isi yang ditampilkan </nama_tag> <nama_tag> disebut dengan tag pembuka. </nama_tag> disebut dengan tag penutup. Sedangkan bagian yang diapit oleh kedua tag tersebut akan diformat sesuai dengan tag yang digunakan. Misalnya untuk pemformatan teks, tag dapat digunakan untuk membuat teks tersebut dicetak miring, tebal dengan ukuran tertentu dan jenis font tertentu. 5. PHP ( Hypertext Prepocessor ) Pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. pada waktu itu PHP bernama FI (Form Interpreted). Saat itu PHP disebut sebagai sekumpulan script yang digunakan untuk mengolah data form dari web. PHP memiliki kekuatan pada kemampuan modular, sehingga orang lain dapat membuat modul dan menambahkannya pada PHP. Kelebihan PHP dari bahasa pemrograman lain, yaitu : PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 30 a. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaannya. b. Web server yang mendukung PHP dapat ditemukan dimanamana mulai dari IIS sampai dengan apache, dengan konfigurasi yang mudah. c. Dalam sisi pengembangan lebih mudah, karena banyaknya milismilis dan developer yang siap membantu dalam pengembangan. d. Dalam sisi pemahaman, PHP adalah bahasa scripting yang paling mudah karena banyaknya referensi. e. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (Linux, Unix, Windows) dan dapat dijalankan secara rutin melalui console serta juga dapat menjalankan perintahperintah sistem. Contoh program kecil menggunakan PHP : <?php echo(” Hhello World”); ?> 6. Database MySQL MySQL adalah suatu manajemen basis data relasional dan tersedia untuk banyak platform. Suatu database relasional menyimpan data dalam tabeltabel terpisah. Relasi antar table memungkinkan kita untuk mengkombinasikan data dari beberapa table pada suatu permintaan. SQL (Structured Query Language) merupakan bahasa yang paling umum dan standar dalam mengakses database relasional. MySQL merupakan sistem PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 31 client/server yang terdiri dari SQL server multithread yang memungkinkan penggunaan frontend yang berbeda, sejumlah program client yang berbeda maupun tool administratif yang berbeda. Beberapa tool administrative yang dikenal antara lain MySql Front dan SQLyog. Tiga kelompok perintah yang terdapat dalam MySql yaitu DDL (Data Definition Language), DML (Data Manipulation Language), dan DCL (Data Control Language). Kelompok perintah DDL digunakan untuk melakukan pembuatan struktur basis data, mulai dari mendefinisikan basis data, table tabel dan indeksnya, serta pemeliharaan (perubahan) strukturnya. DML digunakan untuk memanipulasi data dalam basis data seperti menambah, mengubah, menghapus, dan mengambil data. Sedangkan DCL adalah kelompok perintah untuk mengatur kewenangan pemakainya. 7. Macromedia Dreamweaver MX 2004 Macromedia Dreamweaver MX 2004 adalah program aplikasi profesional untuk mengedit HTML secara visual dan mengelola website. Program aplikasi Macromedia Dreamweaver MX 2004 mudah untuk dioperasikan dan menyediakan banyak perangkat yang dapat meningkatkan kemampuan user dalam membuat web. Program aplikasi ini menyertakan banyak perangkat yang berkaitan dengan pengkodean dan fitur seperti HTML, CSS, JavaScript Reference dan JavaScript Debugger. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 32 Fiturfitur pengeditan yang ditampilkan secara visual oleh Macromedia Dreamweaver MX 2004 dapat mempercepat penambahan desain dan fungsi pada halaman web tanpa harus menuliskan satu baris kode. Semua elemen di dalam site dapat ditampilkan dan didrag dari panelpanel yang terdapat dalam Macromedia Dreamweaver MX 2004 ke dalam dokumen secara langsung dan cepat. Program aplikasi Macromedia Dreamweaver MX 2004 dapat mengimpor image atau movie yang dibuat dengan program aplikasi lainnya, seperti Macromedia Flash, Macromedia Fireworks, ataupun Macromedia Director. 8. Adobe Photoshop 7.0 Adobe Photoshop 7.0 adalah salah satu perangkat lunak yang canggih yang dapat digunakan untuk pembuatan, penyuntingan, dan manipulasi tampilan termasuk koreksi warna, pemberian efek tampilan, dan sebagainya. Adobe Photoshop 7.0 dapat digunakan untuk bekerja dengan tampilan yang diperoleh melalui scanner atau tampilan yang didesain sendiri baik dengan menggunakan Photoshop atau dengan bantuan perangkat lunak lainnya seperti Adobe Ilustrator. Tampilan yang dihasilkan kemudian dapat dicetak atau digunakan dalam penerbitan halaman web pada Internet. Hasil dari program Adobe Photoshop 7.0 merupakan sebuah gambar atau image. Gambar atau image pada program komputer grafis terdiri dari dua kategori yaitu gambar bitmap dan vektor. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 33 Untuk menghasilkan sebuah image atau gambar berkualitas tinggi dengan Adobe Photoshop 7.0, sangat dipengaruhi pixel gambar bitmap tersebut. Untuk itu, kita harus menentukan dimensi pixel yang diperlukan, resolusi gambar yang akan dibuat, berikut resolusi monitor yang akan menunjang tampilan gambar di monitor, resolusi printer jika menginginkan gambar tersebut dicetak dengan hasil yang sama dengan yang ditampilkan di monitor, dan yang lebih penting, kita harus mengatur ukuran file, dengan demikian file yang telah dibuat tidak akan terlalu banyak memakai memori komputer. Adobe Photoshop 7.0 menyediakan berbagai piranti yang akan membantu dalam membuat sebuah gambar atau image. Kita dapat memformat tampilan gambar tersebut dengan menggunakan filter yang telah disediakan oleh program ini. Dengan menggunakan piranti filter yang ada, kita dapat memberikan efekefek yang sangat bagus untuk obyek yang ada dalam gambar, atau bahkan memberikan filter pada masingmasing layer sehingga menghasilkan sebuah gambar yang sempurna. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 34 BAB III ANALISIS DAN PERANCANGAN SISTEM A. Perencanaan Tahap perencanaan ini meliputi perumusan masalah dan kebutuhan serta tujuan dari dibangunnya web ini. Permasalahan yang dihadapi oleh para pengusaha batik dan kain perca yang ada di Yogyakarta adalah masalah pemasaran hasil kerajinan batik dan kain perca tersebut. Pemasaran yang ada sekarang ini kebanyakan masih terbatas hanya pada relasi dari pengusahanya. Di Yogyakarta ini masih sedikit perusahaan kerajinan batik dan kain perca yang memanfaatkan Internet sebagai media penyampaian informasi dan media promosi alternatif untuk mempromosikan produk kerajinannya. Sistem informasi yang kebanyakan digunakan para pengusaha kerajinan batik dan kain perca ini khususnya pada perajin menengah ke bawah untuk mempromosikan hasil kerajinan mereka yaitu dengan melalui perantara orang. Karena adanya keterbatasan pemasaran dan periklanan produkproduk tersebut, maka banyak produk dari kerajinan ini yang tidak dikenal oleh masyarakat secara luas. Untuk mengatasi masalah tersebut, maka penulis bermaksud mencoba membuat suatu sistem berbasis web yang dapat digunakan untuk memudahkan para pengusaha kerajinan batik dan kain perca dalam melakukan periklanan dan promosi hasil kerajinannya ke masyarakat secara luas. Selain memudahkan para pengusaha, juga diharapkan supaya sistem ini dapat memudahkan masyarakat 34 PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 35 luas untuk mengetahui produkproduk yang ditawarkan dengan bahan utama kain batik. Situs web untuk mempromosikan perusahaan kerajinan batik dan kain perca ini layak untuk diwujudkan karena informasi dalam situs web bersifat cepat diakses, mudah diperbaharui dengan cepat, dan dapat diakses secara internasional. Karakteristik yang akan dikembangkan dalam Pengembangan Sistem Informasi Kerajinan Batik dan Kain Perca Yogyakarta Berbasis Web ini adalah : a. Efisien : sistem lebih praktis dalam menyajikan informasi sehingga informasi dapat diperoleh dengan cepat dan tepat dengan melalui proses searching. b. Sistem sederhana : sistem dibuat tidak terlalu kompleks dalam penggunaannya. c. Kemudahan akses : sistem memberikan kemudahan akses bagi para pengusaha batik dan kain perca di Yogyakarta untuk mengakses sistem ini. d. Keamanan : setiap administrator memiliki password yang bersifat rahasia dan unik. Login dan password digunakan pada saat administrator akan melakukan perubahan / update data. e. Nilai ekonomis : tentu dengan menggunakan sistem ini, biaya yang dikeluarkan oleh pengusaha untuk melakukan promosi lebih sedikit. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 36 B. Analisis Kebutuhan Aplikasi pengembangan Sistem Informasi Kerajinan Batik Dan Kain Perca Yogyakarta Berbasis Web ini dapat dipandang dari 4 sisi, yaitu : Pengunjung Pengunjung yaitu semua orang yang membuka atau mengunjungi situs web ini. Pengunjung tidak bisa melakukan pemesanan terhadap suatu barang. Pengunjung hanya dapat mengakses informasi dalam situs web ini serta mengisi buku tamu. Untuk dapat melakukan pemesanan, maka pengunjung harus mendaftar menjadi anggota situs web ini terlebih dahulu melalui menu daftar anggota. Jika pengunjung mempunyai perusahaan dan ingin menawarkan produksinya, maka pengunjung dapat mendaftarkan perusahaannya melalui menu pendaftaran perusahaan. Anggota Anggota merupakan pengunjung yang telah mendaftarkan diri dengan memasukkan semua data pengunjung yaitu jenis identitas (KTP, SIM), no identitas, nama, jenis kelamin, alamat, kode pos, email, username serta password. Id anggota akan diberikan secara otomatis oleh sistem. Untuk masuk dalam menu anggota, terlebih dahulu anggota memasukkan username dan password. Anggota dapat melakukan pemesanan terhadap suatu barang. Nomor nota pemesanan juga akan didapat secara otomatis PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 37 dari sistem. Satu nota pemesanan dapat digunakan untuk melakukan pemesanan barang pada beberapa perusahaan. Anggota dapat melakukan konfirmasi pembayaran jika anggota telah melakukan pembayaran. Anggota juga bisa melihat status pemesanan apakah masih dalam pemesanan, pembuatan, ataupun pengiriman. Selain fasilitas tersebut diatas, anggota dapat mengirimkan pesan baik untuk perusahaan maupun untuk Administrator. Perusahaan Perusahaan merupakan produsen Kerajinan Batik dan Kain Perca yang berada di Yogyakarta yang telah mendaftarkan diri dengan memasukkan data–data perusahaannya. Data perusahaan yang dibutuhkan meliputi nama, alamat, kode pos, telepon, faximile, email, nomor rekening, bank, nama pimpinan, nomor identitas pimpinan, deskripsi perusahaan, serta password. Kode perusahaan akan diberikan secara otomatis oleh sistem. Untuk dapat mengakses halaman perusahaan, terlebih dahulu perusahaan memilih nama perusahaan kemudian memasukkan password dari perusahaannya. Perusahaan dapat memasukkan produk terbarunya. Perusahaan juga dapat melihat laporan pemesanan barang yang telah dilakukan oleh anggota, melihat laporan penjualan per tahun maupun laporan penjualan per bulan. Selain menu di atas, perusahaan juga dapat mengirimkan pesan baik untuk anggota maupun untuk Administrator. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 38 Administrator Administrator merupakan pengelola dari situs web ini. Administrator harus mampu menangani semua proses yang terjadi dalam sistem. Sebelum administrator masuk ke sistem, maka administrator terlebih dahulu memasukkan username dan password. Username dan password dimaksudkan agar tidak semua orang bisa melakukan perubahan seperti hak administrator. Yang diperlukan oleh pembuat sistem yaitu meliputi : i. Software a). Web server : Apache b). Bahasa Pemrograman : PHP c). Database : MySQL d). User interface : Macromedia Dreamweaver MX e). Animasi dan desain : Adobe Photoshop 7.0 ii. Hardware a). Minimal Intel Pentium III iii. b). Minimal RAM : 256 MB c). Prosessor : AMD Sempron(TM) 2400+ Pengetahuan (Knowledge) a). Pengetahuan tentang Sistem Informasi b). Pengetahuan tentang Basis Data PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 39 c). Pengetahuan tentang internet dan client server programming d). Pengetahuan tentang Rekayasa Perangkat Lunak C. Perancangan Perancangan Proses Entitas yang terlibat Pengunjung Tabel 3.1 Entitas Pengunjung Input Output · mencari informasi tentang · informasi produk, suatu perusahaan, · mencari informasi tentang produk, · pengisian buku tamu, · pendaftaran anggota, · pendaftaran perusahaan. · informasi perusahaan, berita atau informasi terbaru. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 40 Anggota Tabel 3.2 Entitas Anggota Input Output · mencari informasi tentang · informasi produk, suatu perusahaan, · informasi perusahaan, · mencari informasi tentang produk, berita atau informasi terbaru, · pengisian buku tamu, · data pemesanan, · pemesanan, · informasi pesan yang masuk. · login anggota, · data anggota yang baru, · data pesan untuk perusahaan atau untuk administrator Perusahaan Tabel 3.3 Entitas Perusahaan Input Output · login perusahaan, · data baru, perusahaan · informasi pemesanan dan yang pemesanan barang, · informasi pembayaran, PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 41 · data produk yang terbaru, pesan Administrator penjualan per penjualan per bulan , · data password baru, · data · laporan untuk · laporan maupun untuk anggota. tahun, · informasi pesan yang masuk. Administrator Tabel 3.4 Entitas Administrator Input Output · input data perusahaan, · input berita / informasi terbaru, ada, · adftar calon perusahaan · input data produk, · data · daftar perusahaan yang pesan anggota, untuk · daftar anggota, perusahaan maupun untuk · daftar calon anggota, anggota. · daftar produk per perusahaan, · daftar pemesanan barang, · daftar pembayaran, · laporan barang terjual PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 42 berdasarkan nama perusahaan per tahun, · laporan barang terjual berdasarkan nama perusahaan per bulan, · laporan barang terlaris, · laporan buku tamu, · Informasi pesan yang masuk. Proses yang terjadi Proses yang terjadi dalam Sistem pengembangan Sistem Informasi Kerajinan Batik Dan Kain Perca Yogyakarta Berbasis Web ini dapat dikelompokkan berdasarkan sisi pengunjung, anggota, perusahaan, dan administrator sebagai berikut : Tabel 3.5 Proses yang terjadi dalam sistem Sisi Pengunjung Nama proses Keterangan Pencarian produk Proses pencarian produk akan ataupun nama menampilkan perusahaan berdasarkan nama perusahaan. produk PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 43 Sedangkan pencarian perusahaan akan menampilkan profil dari nama perusahaan yang telah bergabung dengan situs web ini melalui administrator. Pengisian buku Pengunjung dapat mengisi buku tamu tamu dengan memasukkan nama, alamat email, serta komentar dari pengunjung. Pengaksesan Pengunjung dapat mengakses informasi barbagai informasi terbaru dari masingmasing perusahaan yang ada Pendaftaran anggota Pengunjung dapat menjadi anggota dengan memasukkan identitas pada form pendaftaran anggota. Anggota Login anggota Proses ini digunakan untuk masuk ke dalam menu anggota dengan mengisi username dan password. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 44 Pencarian produk Proses pencarian produk akan ataupun nama menampilkan perusahaan berdasarkan nama perusahaan. produk Sedangkan pencarian perusahaan akan menampilkan profil dari nama perusahaan yang telah bergabung dengan situs web ini melalui administrator. Pengaksesan Anggota dapat mengakses informasi barbagai informasi terbaru dari masingmasing Perusahaan yang ada Pemesanan suatu Digunakan untuk melakukan barang pemesanan barang. terhadap Pemesanan berdasarkan perusahaan. nama No nota suatu barang suatu akan muncul otomatis per nama perusahaan. Edit data pribadi Digunakan untuk melakukan perubahan pada data pribadinya. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 45 Ganti password Proses ini dapat digunakan oleh anggota yang ingin mengganti passwordnya dengan memasukkan password yang baru. Konfirmasi Digunakan oleh anggota untuk pembayaran melakukan konfirmasi pembayaran. Konfirmasi pembayaran ini dilakukan per no nota pemesanan. Lihat status Digunakan oleh anggota untuk pemesanan melihat status pemesanan berdasarkan no nota yang telah dilakukannya. Misalnya : sedang dipesan, sedang dalam proses pembuatan, proses pengiriman, serta proses telah selesai. Status pemesanan ini dimasukkan oleh administrator Pengisian buku Anggota dapat mengisi buku tamu tamu dengan memasukkan nama, PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 46 alamat email, serta komentar dari pengunjung. Pengiriman pesan Digunakan jika anggota ingin mengirim pesan Administrator baik ke maupun ke perusahaan. Perusahaan Logout Proses keluar dari menu anggota Login Perusahaan Digunakan oleh perusahaan untuk masuk ke dalam menu perusahaan dengan memilih nama perusahaan dan mengisi password. Update data Digunakan untuk melakukan perusahaan perubahan data pada perusahaan. Input data produk Digunakan untuk oleh perusahaan memasukkan data produknya. Update data produk Digunakan untuk oleh melakukan perusahaan perubahan pada data produknya. Pengiriman pesan Digunakan jika perusahaan ingin PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 47 mengirim pesan Administrator baik ke maupun ke anggota. Ganti Password Digunakan jika perusahaan ingin perubahan data passwordnya. Logout Proses keluar dari menu perusahaan. Administrator Login administrator Proses ini digunakan oleh administrator untuk masuk ke dalam menu administrator dengan mengisi username dan password. Input data Digunakan oleh administrator perusahaan untuk memasukkan data suatu perusahaan yang ingin bergabung dengan situs web ini Update data Digunakan oleh administrator perusahaan untuk melakukan perubahan pada data suatu perusahaan. Input data produk Digunakan oleh administrator untuk memasukkan data produk PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 48 dari masingmasing perusahaan. Update data produk Update data produk digunakan oleh administrator untuk melakukan perubahan pada data suatu produk. Update data anggota Digunakan oleh administrator untuk melakukan perubahan pada data dari anggota. Input berita Digunakan oleh administrator untuk memasukkan berita terbaru dari setiap perusahaan yang ada ataupun artikel. Update Berita Digunakan oleh administrator untuk melakukan pengubahan pada berita atau menghapus berita yang sudah expired. Pengesetan data Digunakan oleh administrator pemesanan untuk melakukan pengesetan terhadap status barang, misalnya status sedang dalam pemesanan pemesanan PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 49 pemesanan, proses pembuatan, proses pengiriman atau sudah dalam tahap selesai Aktivasi Digunakan oleh administrator keanggotaan untuk mengaktifkan keanggotaan seseorang Aktivasi perusahaan Digunakan oleh administrator untuk mengaktifkan keanggotaan suatu perusahaan Pengiriman pesan Digunakan jika Administrator ingin mengirim pesan baik ke perusahaan maupun ke anggota. Ganti password Proses ini dapat digunakan oleh administrator yang ingin mengganti passwordnya dengan memasukkan password yang baru Logout Proses keluar administrator dari menu PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 50 Perancangan Sistem Diagram Konteks Salah satu cara untuk menangani perancangan sistem adalah dengan diagram arus data atau Data Flow Diagram. Data Flow Diagram menurut Rosa ( 2005) adalah alat bantu pemodelan proses yang menggambarkan aliran data dalam suatu sistem serta aktivitas atau pemrosesan yang dilakukan oleh sistem tersebut. Dari hasil analisa sistem, maka akan dibuat diagram konteks yang akan menghubungkan antar entitas dalam sistem. Pada diagram konteks sistem informasi kerajinan batik dan kain perca ini akan menggambarkan hubungan antara entitas pengunjung, anggota, perusahaan dan administrator. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 51 kata_kunci_pencarian, dt_pengunjung, dt_bukutamu, pilihan_pengunjung, dt_perusahaan pengunjung pesan, dt_yang_dicari, informasi_perusahaan, informasi_produk, berita, pilihan_perusahaan, dt_kirim_pesan, dt_ganti_password, dt_perusahaan_baru, dt_login, dt_produk, dt_produk_baru, tahun_laporan , bulan_laporan perusahaan 0 Sistem Informasi Kerajinan Batik dan Kain Perca Yogyakarta pesan, lap_pemesanan, lap_pemesanan_barang, lap_pembayaran, lap_bukutamu, dt_pesan_masuk, lap_penjualan_per tahun, lap_penjualan_per_bulan, pesan, daftar_perusahaan, daftar_produk, daftar_anggota, pesan_dt_tersimpan, pesan_dt_terupdate, dt_pesan_masuk, lap_pemesanan_barang,lap_pemesanan, lap_pembayaran, lap_barang_terjual, lap_barang_terlaris, lap_bukutamu dt_login, pilihan_administrator, dt_perusahaan, dt_produk, dt_berita, dt_ganti_password, dt_perusahaan_baru, dt_produk_baru, tahun_laporan, bulan_laporan, dt_anggota_baru, status_pemesanan, akitivasi keanggotaan, aktivasi perusahaan, dt_validasi_pembayaran, dt_kirim_pesan administrator pesan, dt_pesan_masuk, informasi_perusahaan, informasi_produk, berita, status_pemesanan, dt_yang_dicari anggota kata_kunci_pencarian, dt_login, dt_pemesanan, dt_ganti_password, dt_konfirmasi_pembayaran, dt_bukutamu, pilihan_anggota, dt_anggota_baru, dt_kirim_pesan Gambar 3.1 Diagram Konteks Sistem Informasi Kerajinan Batik dan Kain Perca Keterangan : pesan : pesan kata kunci tidak ditemukan, pesan data pengunjung belum lengkap, pesan data pengunjung buku tamu belum lengkap, pesan data login salah, PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 52 pesan konfirmasi pembayaran belum lengkap, pesan input data perusahaan belum lengkap, pesan input data produk belum lengkap, pesan input data berita belum lengkap, pesan pengiriman pesan belum lengkap, pesan untuk ganti password dt_bukutamu : nama, email, komentar dt_pengunjung : jenis_identitas, no_identitas, nama, jenis kelamin, alamat, kode_pos, email, username, password dt_login : username, password dt_pemesanan : jumlah barang yang akan dipesan dt_ganti_password : password_baru, konfirmasi_password dt_konfirmasi_pembayaran : no nota, tanggal transfer, jumlah, jenis transfer, atas nama dt_perusahaan : nama, alamat, kode pos, telepon, faximile, email, nomor rekening, bank, nama pimpinan, nomor identitas pimpinan, deskripsi perusahaan, dan password dt_kirim_pesan : pesan yang akan dikirim, serta tujuan pengiriman pesan PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 53 Dari Diagram Konteks tersebut diatas, dapat diketahui bahwa terdapat 4 (empat) entitas dalam sistem, yaitu : 1) Pengunjung Pengunjung tidak mempunyai hak akses untuk melakukan pemesanan terhadapat suatu barang. Untuk dapat melakukan transaksi pemesanan, maka pengunjung harus mendaftar menjadi anggota terlebih dahulu. Pengunjung hanya bisa melihat informasi tentang berbagai macam perusahaan yang menghasilkan kerajinan batik dan kain perca, melihat berbagai macam produk yang ditawarkan, mengisi buku tamu, melakukan pencarian dengan memasukkan kata kunci dan kategori yang dicari, serta melakukan pendaftaran menjadi anggota dengan memasukkan berbagai macam identitas dari pengunjung. Jika suatu perusahaan ingin bergabung dengan sistem ini, dapat juga mendaftarkan langsung melalui menu pendaftaran perusahaan. 2) Anggota Untuk dapat melakukan pengaksesan terhadap menu anggota, maka anggota harus memasukkan username dan password terlebih dahulu. Pada menu anggota ini, dapat dilakukan pemesanan terhadap suatu barang untuk setiap satu perusahaan. Anggota dapat melakukan pemesanan barang yang PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 54 berasal dari dua atau lebih nama perusahaan yang berbeda. Selain pemesanan, anggota juga dapat melakukan konfirmasi pembayaran, mengedit data pribadinya, serta melihat status pemesanannya. Fasilitas lain untuk anggota hampir sama dengan fasilitas untuk pengunjung, misalnya pengisian buku tamu, melihat informasi tentang suatu perusahaan, melihat berbagai macam produk, mengirimkan pesan baik untuk Administrator maupun untuk perusahaan tertentu, serta melakukan pencarian dengan memasukkan.kata kunci dan kategori yang akan dicari. 3) Perusahaan Untuk dapat melakukan pengaksesan terhadap menu perusahaan, maka perusahaan harus login perusahaan terlebih dahulu dengan memilih nama perusahaannya dan kemudian memasukkan passwordnya. Perusahaan dapat melalukan input produk terbarunya serta melakukan perubahan pada data produknya. Id produk akan diberikan secara otomatis. Perusahaan juga dapat melakukan perubahan pada data perusahaannya sendiri maupun passwordnya. Fasilitas lain untuk perusahaan yaitu meliputi laporan pemesanan, laporan pemesanan barang, laporan pembayaran yang telah dilakukan oleh anggota, laporan PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 55 penjualan per bulan, laporan penjualan per tahun, serta fasilitas kirim pesan yang dapat digunakan oleh perusahaan untuk mengirim pesan untuk Administrator ataupun untuk anggota. 4) Administrator Administrator berfungsi sebagai pengelola sistem yang harus mampu menangani semua proses yang terjadi dalam sistem. Perusahaan kerajinan yang ingin memasarkan produk pada situs web ini mempunyai 2 pilihan cara pendaftarannya. Perusahaan dapat mendaftarkan langsung ke Administrator serta memberi data kelengkapan perusahaannya kepada Administrator ataupun mendaftar langsung melalui sistem dengan mengirimkan identitas pimpinan perusahaan serta data kelengkapan perusahaan. Sebelum administrator memasuki menu administrator, terlebih dahulu melakukan login dengan memasukkan username dan password. Jika username dan password tersebut benar, maka administrator dapat memasuki menu utama dari administrator. Login administrator ini dimaksudkan supaya tidak semua orang bisa melakukan perubahan sistem seperti hak yang dimiliki oleh administrator. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 56 Diagram Level 1 Gambar 3.2 Diagram Level 1 Sistem Informasi Kerajinan Batik dan Kain Perca Sistem Informasi Kerajinan Batik dan Kain Perca mempunyai 4 subsistem yaitu subsistem pengunjung, subsistem anggota, subsistem perusahaan serta subsistem administrator. Setiap subsistem membutuhkan suatu input dan menghasilkan output. Input serta output dari masingmasing subsistem dapat dilihat pada gambar 3.2. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 57 Diagram Level 2 untuk Pengunjung kata kunci dt_katakunci perusahaan pesan, dt_yang_dicari 1.1 Pencarian kata kunci kata_kunci_pencarian dt_perusahaan dt_produk produk dt_berita berita dt_pengunjung pesan 1.2 Pendaftaran anggota dt_anggota 1.3 pendaftaran perusahaan dt_perusahaan perusahaan 1.4 Pengisian buku tamu dt_bukutamu bukutamu anggota Pengunjung pesan dt_perusahaan dt_bukutamu pesan Gambar 3.3 Diagram Level 2 untuk Pengunjung Sistem Informasi Kerajinan Batik dan Kain Perca Pada diagram level 2 untuk pengunjung diatas, diketahui ada 4 proses yang terjadi, yaitu proses pencarian, proses pendaftaran anggota, proses pendaftaran perusahaan, serta proses pengisian buku tamu. Pada proses pencarian, pengunjung harus memasukkan kata kunci dan kategori yang dipilih. Jika kata kunci atau kategori belum dipilih, maka program akan menampilkan pesan. Proses pendaftaran PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 58 anggota digunakan apabila pengunjung ingin menjadi anggota atau ingin melakukan pemesanan terhadap suatu produk dari perusahaan tertentu. Pada proses pendaftaran ini, pengunjung harus mengisi identitas pengunjung dengan lengkap. Proses pendaftaran perusahaan digunakan apabila pengunjung ingin menawarkan produknya melalui sistem ini. Proses pendaftaran perusahaan ini, pengunjung harus mengisi identitas perusahaannya dengan lengkap. Untuk pengisian buku tamu, pengunjung harus memasukkan nama, email serta komentarnya. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 59 Diagram Level 2 untuk Anggota pesan, dt_pesan_masuk dt_pesan pesan_ke_admin dt_pesan pesan_ke_per 2.8 Kirim pesan dt_kirim_pesan dt_katakunci perusahaan pesan, dt_yang_dicari kata_kunci_pencarian kata kunci 2.2 pencarian kata kunci dt_perusahaan dt_berita berita dt_produk produk pesan dt_pemesanan 2.3 pemesanan dt_produk dt_perusahaan dt_pemesanan_barang dt_pemesanan anggota dt_login pesan 2.1 validasi password dt_konfirmasi_pembayaran pesan 2.4 konfirmasi pembayaran pemesanan_barang pemesanan dt_pemesanan dt_pemesanan_barang dt_pembayaran pembayaran dt_password dt_ganti_password 2.5 ganti password dt_password_baru pesan dt_bukutamu anggota dt_password 2.6 pengisian buku tamu dt_bukutamu bukutamu pesan dt_anggota dt_anggota_baru 2.7 edit data pribadi dt_anggota_baru anggota pesan Gambar 3.4 Diagram Level 2 untuk Anggota Sistem Informasi Kerajinan Batik dan Kain Perca Pada Diagram Level 2 untuk Anggota ini terdapat 8 proses, yaitu proses validasi password, pencarian, pemesanan, konfirmasi pembayaran, ganti password, edit data pribadi, proses pengiriman PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 60 pesan ke administrator maupun ke perusahaan, serta pengisian buku tamu. Untuk masuk ke dalam menu anggota, setiap anggota harus memasukkan username dan password. Proses validasi password ini dimaksudkan supaya tidak sembarang orang bisa mengubah suatu transaksi yang telah dilakukan oleh seorang anggota. Pada menu anggota ini, setiap anggota dapat melakukan pemesanan terhadap suatu barang yang dihasilkan oleh suatu perusahaan. Proses konfirmasi pembayaran digunakan apabila anggota sudah melakukan pembayaran sesuai nominal dengan yang tertera pada nota pembelian baik melalui bank ataupun secara langsung. Proses ganti password dapat digunakan oleh anggota apabila dia ingin mengganti passwordnya dengan memasukkan password yang baru. Kemudian proses edit data pribadi dapat digunakan apabila anggota ingin melakukan perubahan pada data pribadinya sendiri. Proses pengiriman pesan digunakan jika anggota ingin mengirimkan pesan baik ke Administrator maupun ke suatu perusahaan. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 61 Diagram Level 2 untuk Perusahaan Gambar 3.5 Diagram Level 2 untuk Perusahaan Sistem Informasi Kerajinan Batik dan Kain Perca Pada Diagram Level 2 untuk Perusahaan ini terdapat 7 proses, yaitu proses validasi password, input data produk, update data produk, update data perusahaan, ganti password, laporan, serta proses kirim pesan. Untuk dapat mengakses halaman perusahaan, setiap perusahaan PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 62 harus masuk ke menu Login Perusahaan, kemudian memilih nama perusahaan, serta memasukkan password. Proses validasi password ini dimaksudkan supaya tidak sembarang orang dapat mengubah data serta data transaksi pada suatu perusahaan. Proses input data produk dapat digunakan jika perusahaan mempunyai produk baru yang ingin ditawarkan. Proses update data produk digunakan jika terdapat perubahan data pada produk tertentu. Proses update data perusahaan dapat digunakan apabila perusahaan ingin melakukan perubahan pada data perusahaannya sendiri. Proses ganti password dapat digunakan jika perusahaan ingin mengganti passwordnya dengan memasukkan passwordnya yang baru. Proses kirim pesan, dapat digunakan oleh perusahaan jika ingin melakukan komunikasi dengan anggota maupun dengan administratornya. Jika terdapat pesan dari anggota maupun administrator, maka sistem akan membaritahukan kepada perusahaan. Proses laporan dapat digunakan untuk mengetahui berbagai laporan berdasarkan transaksi yang telah berlangsung. Laporan disini meliputi laporan pemesanan, laporan pemesanan barang, laporan pembayaran, laporan penjualan per bulan, laporan penjualan per tahun. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 63 Diagram Level 2 untuk Administrator pesan_dt_tersimpan dt_perusahaan pesan_ke_per 4.2 input data perusahaan dt_perusahaan pesan_ke_ anggota perusahaan pesan_dt_terupdate dt_pesan dt_pesan 4.3 update data perusahaan dt_perusahaan dt_perusahaan_baru dt_perusahaan_baru 4.13 Kirim pesan pesan_dt_tersimpan pesan, dt_pesan_masuk dt_produk 4.4 input data produk dt_produk kode_perusahaan produk dt_kirim_pesan pesan_dt_terupdate dt_produk_baru administrator dt_login pesan 4.1 validasi password dt_berita pesan_dt_tersimpan 4.5 update data produk 4.6 Input & update dt berita dt_produk dt_produk_baru dt_berita berita dt_password aktivasi perusahaan dt_gantipassword pesan 4.7 ganti password dt_password_ baru password dt_pemesanan_barang 4.14 aktivasi perusahaan status_pemesanan 4.8 update data pemesanan lap_pemesanan_barang, lap_pemesanan dt_calon_perusahaan dt_anggota_baru pesan_dt_terupdate dt_status_pe mesanan pemesanan_ barang dt_pemesanan 4.9 update data anggota dt_anggota dt_anggota_baru anggota perusahaan dt_validasi_pembayaran 4.10 validasi pembayaran lap_pembayaran tahun_laporan, bulan laporan, kode_perusahaan lap_penjualan per bulan, lap penjualan per tahun, lap_bukutamu, lap_barang_terlaris aktivasi keanggotaan dt_pembayaran pembayaran dt_pembayaran bukutamu 4.11 buat laporan dt_bukutamu dt_pemesanan_barang dt_pemesanan pemesanan 4.12 aktivasi keanggotaan dt_calon_anggota Gambar 3.6 Diagram Level 2 untuk Administrator Sistem Informasi Kerajinan Batik dan Kain Perca anggota PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 64 Pada Diagram Level 2 untuk administrator ini terdapat 14 proses, yaitu validasi password, input data perusahaan, update data perusahaan, input data produk, update data produk, input data berita, ganti password, update data pemesanan, update data anggota, validasi pembayaran, pembuatan laporan, pengiriman pesan ke perusahaan maupun ke anggota, aktivasi perusahaan, serta aktivasi keanggotaan. Perusahaan yang akan menawarkan produknya melalui sistem informasi ini disediakan 2 cara pendaftaran, yaitu : 1. Pendaftaran dapat dilakukan melalui Administrator terlebih dahulu. Data perusahaan dan produk dari perusahaan akan dimasukkan oleh Administrator. Perusahaan hanya memberi tahu Administrator jika ada perubahan pada data perusahaan ataupun produk dari perusahaan. 2. Pendaftaran dapat dilakukan secara langsung melalui sistem ini. Untuk pendaftaran yang melalui sistem ini, perusahaan terlebih dahulu harus mengisikan data pada menu Pendaftaran Perusahaan, kemudian perusahaan harus mengirimkan identitas dari pimpinan perusahaan. Setelah Administrator melakukan aktivasi keanggotaan perusahaan tersebut, maka perusahaan yang bersangkutan bisa mengakses halaman perusahaannya sendiri. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 65 Sebelum masuk ke menu administrator, harus melalui proses validasi password terlebih dahulu dengan memasukkan username dan password. Proses validasi password ini dimaksudkan supaya tidak semua orang dapat melakukan perubahan pada sistem. Jika proses validasi password berhasil, maka sistem akan masuk ke menu administrator, tetapi jika proses validasi password ini tidak berhasil, maka sistem akan keluar. Proses input data perusahaan digunakan oleh administrator untuk memasukkan data perusahaan baru yang ingin bergabung dengan sistem ini. Proses update data perusahaan digunakan oleh administrator untuk melakukan perubahan jika terdapat kesalahan pada data suatu perusahaan. Proses input data produk digunakan untuk memasukkan data produk dari setiap perusahaan. Pada proses input data produk ini, terlebih dahulu administrator memilih kode perusahaan yang menghasilkan produk tersebut. Proses update data produk digunakan untuk melakukan perubahan pada data suatu produk. Proses input dan update data berita digunakan untuk memasukkan berita yang terbaru dari suatu perusahaaan, untuk melakukan perubahan pada data berita, serta untuk menghapus berita yang sudah expired. Proses ganti password digunakan untuk melakukan perubahan pada password dari administrator. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 66 Proses update data pemesanan digunakan oleh administrator untuk melakukan perubahan status pemesanan. Status pemesanan ini digunakan untuk mengetahui sejauh mana perkembangan pemesanan barang tersebut, apakah berstatus pemesanan, pembuatan, pengiriman atau sudah tahap selesai. Tahap selesai diartikan bahwa pembayaran telah lunas dan pemesan sudah menerima barang yang dipesan. Proses update data anggota digunakan oleh administrator untuk melakukan perubahan pada data anggota. Proses validasi pembayaran digunakan oleh administrator untuk mencocokkan data pembayaran yang telah dimasukkan anggota melalui proses konfirmasi pembayaran dengan data pembayaran pada perusahaan. Jika validasi pembayaran tidak benar, maka administrator berhak memberi tahu anggota bahwa transaksi belum lunas dan berhak menghapus konfirmasi pembayaran yang telah dilakukan oleh anggota tersebut. Proses aktivasi keanggotaan ini digunakan untuk mengaktifkan suatu pendaftaran untuk menjadi seorang anggota. Jika administrator sudah melakukan pengaktifan suatu anggota, maka anggota tersebut dapat login dan dapat melakukan pemesanan. Proses aktivasi perusahaan juga digunakan untuk mengaktifkan pendaftaran untuk menjadi perusahaan anggota. Jika administrator sudah melakukan pengaktifan suatu perusahaan, maka perusahaan tersebut dapat login dan dapat mengakses menu perusahaannya sendiri. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 67 Proses pembuatan laporan ini digunakan oleh administrator untuk membuat laporan. Laporan disini meliputi laporan penjualan per tahun, laporan penjualan per bulan, laporan barang terlaris, dan laporan buku tamu. Laporan penjualan per tahun menampilkan semua barang yang telah terjual untuk setiap perusahaan pada setiap tahunnya. Untuk melihat laporan ini, maka administrator harus memasukkan kode perusahaan serta tahun laporan. Laporan penjualan per bulan menampilkan semua barang yang telah terjual untuk setiap perusahaan pada setiap bulannya dengan memasukkan kode perusahaan serta bulan laporan. Laporan barang terlaris menampilkan daftar 10 barang yang terlaris dari semua perusahaan. Sedangkan laporan buku tamu akan menampilkan data buku tamu secara keseluruhan. Perancangan Basis Data ER (Entity Relationship) Siatem informasi ini menyimpan informasi mengenai perusahaan yang bergabung dengan sistem ini, produk yang ditawarkan untuk setiap perusahaan, data pemesanan, serta data anggota yang melakukan pemesanan. Kondisi yang terjadi dalam sistem informasi ini yaitu : PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 68 1) Setiap perusahaan yang tergabung dalam sistem informasi ini akan diberi kode perusahaan yang berbedabeda terlebih dahulu oleh sistem secara otomatis. Kode perusahaan ini digunakan untuk membedakan perusahaan yang satu dengan perusahaan lainnya. Selain itu, sistem akan menyimpan identitas lain dari suatu perusahaan, seperti nama perusahaan, alamat perusahaan, kode pos, no telepon, no faximile, email, no rekening yang digunakan untuk transaksi pembelian, nama bank, nama pimpinan, nomor identitas pimpinan, deskripsi perusahaan, password perusahaan yang digunakan untuk login perusahaan, serta gambar atau logo dari perusahaan. 2) Setiap produk yang dihasilkan oleh suatu perusahaan juga diberi kode yang berbedabeda untuk setiap perusahaan. Kode ini digunakan untuk membedakan produk pada setiap perusahaan. Identitas lain yang perlu disimpan yaitu nama produk, ukuran, stok, bahan, harga, kapasitas, serta keterangan. 3) Untuk melakukan pemesanan, maka pengunjung terlebih dahulu harus mendaftar menjadi anggota. Setiap pengunjung yang melakukan pendaftaran juga akan diberi kode yang berbedabeda. Identitas lain dari pengunjung yang disimpan meliputi nama, jenis kelamin, alamat anggota, kode pos, no telepon, email, jenis PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 69 identitas (misal : KTP), no identitas, username, dan password yang digunakan untuk login anggota. 4) Jika anggota melakukan pemesanan, maka sistem akan memberi no nota secara otomatis. Dalam pemesanan tersebut juga akan dicatat id_anggota, kode produk, jumlah_brg, total, serta tanggal pemesanan. Perlu diketahui bahwa transaksi ini hanya dapat dilakukan untuk setiap satu perusahaan. Transaksi tidak dapat dilakukan jika pemesanan barang diambil dari dua atau lebih perusahaan yang berbeda. Langkahlangkah untuk membuat diagram relasi entitas adalah sebagai berikut : 1) Mengidentifikasi seluruh entitas yang terlibat. Siatem informasi ini mempunyai 3 entitas yang terlibat, yaitu entitas perusahaan, produk, serta anggota. 2) Menentukan atribut key dari masingmasing entitas yang ada. Atribut key yang terdapat dalam setiap entitas merupakan atribut yang sangat penting, yang berfungsi sebagai pengidentifikasi setiap entitas yang ada didalamnya. Atribut key pada entitas perusahaan adalah kode_per, pada entitas produk adalah kode_produk, pada entitas anggota adalah id_anggota, dan pada entitas pemesanan adalah no_nota. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 70 3) Mengidentifikasi relasi dari entitas Dalam sistem informasi ini hanya terdapat 2 relasi yaitu relasi produksi yang merupakan relasi antara perusahaan dan produk, relasi dipesan yang merupakan relasi antara produk dan anggota. 4) Menentukan kardinalitas dan kendala keikutsertaan dari relasi Pada relasi produksi, setiap perusahaan yang terdaftar dalam sistem ini dapat mempunyai lebih dari satu produk yang ditawarkan. Maka kardinalitas relasi antara perusahaan dan produk adalah onetomany. Setiap perusahaan pasti mempunyai produk yang ditawarkan dan setiap produk pasti dihasilkan hanya oleh satu perusahaan. Sehingga kendala keikutsertaan relasi perusahaan dan produk ini adalah totaltotal. Pada relasi dipesan, beberapa produk dapat dipesan oleh beberapa anggota, maka kardinalitas relasi antara produk dan anggota adalah manytomany. Tidak semua produk dipesan oleh anggota, begitu juga anggota belum tentu memesan suatu produk. Sehingga kendala keikutsertaan antara produk dan anggota adalah parsialparsial. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 71 5) Melengkapi dengan atributatribut nonkey dalam setiap entitas yang terlibat. perusahaan (kode_per, nama_per, alamat_per, kodepos_per, telp_per, fax_per, email_per, norekening_per, bank_per, pimpinan, no_identitas_pimpinan, deskripsi_per, password_per, gambar_per) produk (kode_per, kode_produk, nama_produk, ukuran, stok, bahan, harga_satuan, kapasitas, keterangan, gambar_produk) anggota (id_anggota, nama_anggota, jenis_kelamin, alamat_anggota, kodepos_anggota, telp_anggota, email_anggota, jenis_identitas, no_identitas, username_anggota, password_anggota) pemesanan (no_nota, id_anggota, kode_produk, jumlah_brg, tanggal_pesan, total) Tabel pemesanan ini terbentuk dari adanya kardinalitas relasi manytomany antara produk dan anggota. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 72 kode_produk alamat_per nama_produk nama_per kodepos_per ukuran kode_per telp_per kapasitas stok fax_per bahan email_per produksi perusahaan produk 1 harga_satuan M norekening_per keterangan gambar_per M bank_per gambar_produk password_per pimpinan deskripsi_per tanggal_pesan no_identitas_pimpiann jumlah_brg dipesan no_nota total M password_anggota id_anggota username_anggota anggota nama_anggota no_identitas jenis_kelamin jenis_identitas alamat_anggota email_anggota kodepos_anggota telp_anggota Gambar 3.7 Entity Relationship Mapping perusahaan (kode_per, nama_per, alamat_per, kodepos_per, telp_per, fax_per, email_per, norekening_per, bank_per, pimpinan, no_identitas_pimpinan, deskripsi_per, password_per, gambar_per) produk (kode_per, kode_produk, nama_produk, ukuran, stok, bahan, harga_satuan, kapasitas, keterangan, gambar_produk) PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 73 anggota (id_anggota, nama_anggota, jenis_kelamin, alamat_anggota, kodepos_anggota, telp_anggota, email_anggota, jenis_identitas, no_identitas, username_anggota, password_anggota) pemesanan (no_nota, id_anggota, kode_produk, jumlah_brg, tanggal_pesan, total) Keterangan : Jumlah_brg : jumlah barang yang akan dipesan untuk setiap kode produk dan jumlah ini diisikan oleh pemesannya sendiri. Total : total pemesanan untuk setiap satu nomor nota Kapasitas : kemampuan suatu perusahaan dalam menghasilkan produk PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 74 Tabel 3.6 Perusahaan no_ deskripsi password gambar kode_ nama_ alamat_ kodepos telp_ fax_ email_ norekening bank pimpin per per _ per per per per _per _per an identitas_ _per _per _ per per pimpinan Tabel 3.7 Produk kode_ kode_produk nama_ ukuran per produk stok bahan harga_ satuan kapasitas keterangan gambar_ produk Tabel 3.8 Anggota id_anggota nama_an alamat_ kodepos_ telp_anggota Email_a jenis_identitas no_identitas username password ggota anggota anggota nggota Tabel 3.9 Pemesanan no_nota id_anggota Kode_produk jumlah_brg tanggal_pesan total PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 75 Relasi Ternormalisasi Basis data dalam suatu sistem harus mengalami proses normalisasi. Syarat normalisasi suatu basis data meliputi : 1. Bentuk normal yang pertama (1 st NF) Syarat normal yang pertama memiliki ketentuan sebagai berikut : a. Tidak terdapat multivalue atribut. b. Tidak terdapat composite atribut (atribut yang dapat terbagi lagi) c. Fieldfield yang terdapat di dalam tabel harus atomik (tidak dapat dibagibagi) perusahaan (kode_per, nama_per, alamat_per, kodepos_per, telp_per, fax_per, email_per, norekening_per, bank_per, pimpinan, no_identitas_pimpinan, deskripsi_per, password_per, gambar_per) kode_ Nama_ alamat_ Kodepos_ telp_ fax_ email_ norekening bank pimpinan no_identitas deskripsi_ gambar password_ per per per per per per _per _per _pimpinan per _ per per per produk (kode_per, kode_produk, nama_produk, ukuran, stok, bahan, harga_satuan, kapasitas, keterangan, gambar_produk) Kode_ per kode_produk nama_ ukuran stok bahan harga_sat kapasitas keterangan gambar_ produk uan produk PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 76 anggota (id_anggota, nama_anggota, jenis_kelamin, alamat_anggota, kodepos_anggota, telp_anggota, email_anggota, jenis_identitas, no_identitas, username_anggota, password_anggota) id_anggota nama_a Jenis_k alamat_ kodepos_ang telp_anggo email_ang jenis_id no_iden username_ password_ nggota elamin anggota gota ta gota entitas titas anggota anggota pemesanan (no_nota, id_anggota, kode_produk, jumlah_brg, tanggal_pesan, total) no_nota id_anggota kode_produk jumlah_brg tanggal_pesan total 2. Bentuk normal yang kedua (2 nd NF) Syarat normal yang kedua memiliki ketentuan harus normal satu (1 st NF) dan harus memenuhi aturan Fully Functional Dependency (Atribut yang bukan key bergantung pada atribut key) perusahaan (kode_per, nama_per, alamat_per, kodepos_per, telp_per, fax_per, email_per, norekening_per, bank_per, pimpinan, no_identitas_pimpinan, deskripsi_per, password_per, gambar_per) PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 77 produk (kode_per,kode_produk, nama_produk, ukuran, stok, bahan, harga_satuan, kapasitas, keterangan, gambar_produk) anggota (id_anggota, nama_anggota, jenis_kelamin, alamat_anggota, kodepos_anggota, telp_anggota, email_anggota, jenis_identitas, no_identitas, username_anggota, password_anggota) Normalisasi 2NF pada entitas pemesanan : pemesanan (no_nota, id_anggota, tanggal_pesan, total) pemesanan_barang(no_nota, kode_produk, jumlah_brg) 3. Bentuk normal yang ketiga (3 rd NF) Syarat normal yang ketiga memiliki ketentuan sebagai berikut : a. Sudah memenuhi normalisasi yang kedua (2 rd NF). PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 78 b. Setiap atribut bukan kunci tidak memiliki dependensi transitif yaitu nonkey atribut tidak bergantung pada setiap primary key atribut yang ada, tetapi bergantung pada nonkey atribut yang lain. c. Setiap atribut bukan kunci haruslah bergantung hanya pada primary key perusahaan (kode_per, nama_per, alamat_per, kodepos_per, telp_per, fax_per, email_per, norekening_per, bank_per, pimpinan, no_identitas_pimpinan, deskripsi_per, password_per,gambar_per) produk (kode_per, kode_produk, nama_produk, ukuran, stok, bahan, harga_satuan, kapasitas, keterangan, gambar_produk) anggota (id_anggota, nama_anggota, jenis_kelamin, alamat_anggota, kodepos_anggota, telp_anggota, email_anggota, jenis_identitas, no_identitas, username_anggota, password_anggota) pemesanan (no_nota, id_anggota, tanggal_pesan, total ) pemesanan_barang(no_nota, kode_produk, jumlah_brg) Kamus Data Perusahaan = kode_per + nama_per + alamat_per + kodepos_per + telp_per + fax_per + email_per + norekening_per + bank_per + PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 79 pimpinan + no_identitas_pimpinan + deskripsi_per + password_per + gambar_per legalchar = [AZ|az|’ ‘| / | | . ] numeric = [0|1|2|3|4|5|6|7|8|9] kode_per = {numeric} 5 nama_per = {legalchar} 30 alamat_per = {legalchar} kodepos_per = {numeric} 7 telp_per = {legalchar} 15 fax_per = { legalchar } 10 email_per = {legalchar} 30 norekening_per = { numeric } 20 bank_per = {legalchar} 30 pimpinan = {legalchar} 30 no_identitas_pimpinan = {legalchar} 20 deskripsi_per = {legalchar} 200 password_per = {legalchar} 20 gambar_per = {legalchar} 30 produk = kode_per + kode_produk + nama_produk + ukuran + stok + bahan + harga_satuan + keterangan + gambar_produk kode_produk = { numeric} 5 PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 80 nama_produk = {legalchar} 30 ukuran = {legalchar} 30 stok = {numeric} 4 bahan = {legalchar} 30 harga_satuan = {numeric} 8 kapasitas = {legalchar} 10 keterangan = {legalchar} 50 gambar_produk = {legalchar} 30 anggota = id_anggota + nama_anggota + jenis_kelamin + alamat_anggota + kodepos_anggota + telp_anggota + email_anggota + jenis_identitas + no_identitas password_anggota id_anggota = {numeric} 5 nama_anggota = {legalchar} 30 jenis_kelamin = {Lakilaki|Perempuan} alamat_anggota = {legalchar} 50 kodepos_anggota = {numeric} 7 telp_anggota = {legalchar} 15 email_anggota = {legalchar} 30 jenis_identitas = {legalchar} 20 no_identitas = {legalchar} 20 + username_anggota + PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 81 username_anggota = {legalchar} 20 password_anggota = {legalchar} 15 pemesanan (no_nota, id_anggota, tanggal_pesan, total) no_nota = {numeric} 5 total = {numeric} 10 pemesanan_barang(no_nota, kode_produk, jumlah_brg) no_nota = {numeric} 5 jumlah_brg = {numeric} 6 tanggal_pesan = tanggal + bulan + tahun tanggal = {0|1|2|3|4|5|6|7|8|9} 2 bulan = {legalchar} 30 tahun = {0|1|2|3|4|5|6|7|8|9} 4 PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 82 Perancangan Struktur Menu Sisi Pengunjung Gambar 3.8 Perancangan Struktur Menu Pengunjung Sisi anggota Gambar 3.9 Perancangan Struktur Menu Anggota PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 83 Sisi Perusahaan Gambar 3.10 Perancangan Struktur Menu Perusahaan PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 84 Sisi administrator Gambar 3.11 Perancangan Struktur Menu Administrator PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 85 5. Rancangan Desain Interface untuk Pengunjung Halaman Utama Banner dan Logo Yogya Tanggal hari ini Pencarian Halaman utama | Profil Perusahaan | Produk | Artikel Ucapan selamat datang untuk pengunjung Login Anggota Username Kategori CARI Password LOGIN Halaman Utama Daftar Anggota Profil Perusahaan Buku Tamu Produk Lihat Daftar Anggota Artikel Berita terbaru 10 barang terlaris Pendaftaran Perusahaan Login Perusahaan Footer Gambar 3.12 Perancangan Desain Interface Halaman Utama Pengunjung Halaman Utama untuk pengunjung mempunyai 4 menu utama, yaitu Halaman Utama, Profil, Artikel, dan Produk. Beberapa fasilitas untuk user pada halaman utama, yaitu buku tamu, pendaftaran anggota, pendaftaran perusahaan, serta pencarian. Selain itu juga terdapat uraian singkat tentang berita terbaru. Fasilitas buku tamu dapat digunakan oleh pengunjung untuk mengisi kritik atau saran yang bisa ditujukan untuk perusahaan, untuk produk ataupun untuk sistem ini. Fasilitas pencarian dapat digunakan PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 86 pengunjung untuk mencari informasi tertentu dengan cara mengetikkan kata kunci dan pilih kategori yang akan dicari. Kategori meliputi perusahaan, produk, dan artikel. kemudian klik CARI untuk melanjutkan pencarian. Jika kata kunci yang dicari telah ditemukan maka sistem akan menampilkan data yang ada berdasar kata kunci dan kategori tersebut, tetapi jika kata kunci yang dicari tidak ditemukan, maka sistem akan memberitahukan kepada pengunjung bahwa hasil pencarian tidak ada. Klik Lihat Anggota untuk melihat daftar anggota yang telah ada. Halaman Utama – Fasilitas Buku Tamu Buku Tamu Lihat buku tamu Gambar 3.13 Perancangan Desain Interface Buku Tamu Pengunjung Untuk pengisian buku tamu, pengunjung harus mengisi nama, email, serta komentarnya. Kemudian klik Kirim untuk mengirimkan komentar tersebut dan klik Batal jika pengunjung ingin membatalkan PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 87 pengisian buku tamu. Jika pengunjung ingin melihat daftar buku tamu, maka klik Lihat buku tamu. Halaman Utama – Fasilitas Daftar Anggota Gambar 3.14 Perancangan Desain Interface Daftar Anggota Pengunjung Untuk melakukan pendaftaran anggota, pengunjung harus memasukkan data yang diperlukan dengan lengkap. Username dan password digunakan oleh pengunjung untuk login sebagai anggota. Kemudian klik KIRIM untuk melakukan pendaftaran dan klik BATAL jika pengunjung ingin membatalkan pendaftaran anggota. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 88 Halaman Utama – Fasilitas Pendaftaran Perusahaan Gambar 3.15 Perancangan Desain Interface Pendaftaran Perusahaan untuk Pengunjung Untuk melakukan pendaftaran perusahaan, pengunjung harus memasukkan data yang diperlukan dengan lengkap. Password digunakan oleh pengunjung untuk login sebagai perusahaan anggota. Kemudian klik DAFTAR untuk melakukan pendaftaran dan klik BATAL jika pengunjung ingin membatalkan pendaftaran perusahaan. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 89 Halaman Utama – Profil Perusahaan Perusahaan yang tergabung dalam sistem sebanyak 1 perusahaan : >> Dwika Batik Perusahaan ini bergerak di bidang pengadaan berbagai macam barang batik Detail Gambar 3.16 Perancangan Desain Interface Menu Profil Perusahaan untuk Pengunjung Menu profil ini digunakan anggota untuk melihat informasi suatu perusahaan yang tergabung dalam sistem ini. Pertama, sistem akan menampilkan semua nama perusahaan yang sudah bergabung dengan sistem ini. Untuk melihat detail dari profil perusahaan, klik Detail.Informasi perusahaan tersebut meliputi kode perusahaan, nama perusahaan, alamat perusahaan, kode pos perusahaan, telepon, faximile, email, pimpinan, deskripsi, serta gambar atau logo perusahaan. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 90 Halaman Utama – Produk Produk dari perusahaan…….. (nama perusahaan yang dipilih user) Gambar produk Gambar produk Gambar produk Kode produk Nama Produk Ukuran Stok Bahan Harga Keterangan : …….. : ……. :........... : .......... : .......... : .......... : ………. Kode produk Nama Produk Ukuran Stok Bahan Harga Keterangan : …….. : ……. :........... : .......... : .......... : .......... : ………. Kode produk Nama Produk Ukuran Stok Bahan Harga Keterangan : …….. : ……. :........... : .......... : .......... : .......... : ………. Gambar 3.17 Perancangan Desain Interface Menu Produk untuk Pengunjung Menu produk pada sistem akan menampilkan semua produk yang diproduksi oleh masingmasing perusahaan yang tergabung dalam sistem ini. Data produk yang ditampilkan meliputi kode produk, nama produk, nama, ukuran, stok, bahan, harga, kapasitas serta keterangannya. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 91 Halaman Utama – Artikel Gambar 3.18 Perancangan Desain Interface Menu Artikel untuk Pengunjung Menu artikel menyediakan berbagai macam artikel tentang batik ataupun informasiinformasi lainnya. Pertama sistem akan menampilkan paragraf index dari suatu artikel. Untuk melihat detail salah satu artikel, klik detail, maka berita atau informasi akan ditampilkan secara lengkap. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 92 6. Desain Interface untuk Anggota Login Anggota Gambar 3.19 Perancangan Desain Interface Login untuk Anggota Pada login anggota, anggota harus mengisikan username dan password. Jika username dan password masukan dari anggota tersebut benar, maka akan tampil halaman konfirmasi Login Anggota. Tetapi jika username atau password salah, maka sistem akan menampilkan pesan bahwa username atau password salah dan anda tidak diijinkan untuk mengakses halaman anggota. Konfirmasi Login Anggota Anda berhasil Login ! Lanjut *Tekan lanjut untuk melanjutkan Gambar 3.20 Perancangan Desain Interface Konfirmasi Login untuk Anggota PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 93 Halaman Utama untuk Anggota Banner dan Logo Yogya Tanggal hari ini Pencarian Kategori Halaman utama | Ganti Password | Logout Ucapan selamat datang untuk anggota CARI Berita terbaru Profil Perusahaan Produk Artikel Buku tamu Pemesanan Status pemesanan Konfirmasi Pembayaran Edit data pribadi Footer Gambar 3.21 Perancangan Desain Interface Halaman Utama untuk Anggota Halaman khusus untuk anggota terdapat menu utama yang dapat digunakan oleh anggota. Menu tersebut meliputi : menu Profil Perusahaan, Produk, Artikel, Buku tamu, Pemesanan, Status Pemesanan, Konfirmasi Pembayaran, serta menu Edit data pribadi. Selain menu utama tersebut, juga disediakan fasilitas tambahan yaitu Ganti Password. Menu Profil Perusahaan, Artikel serta menu Produk pada anggota ini sama dengan menu pada pengunjung. Tetapi dalam menu anggota, anggota dapat melakukan pemesanan untuk berbagai macam produk dari suatu perusahaan. Menu Konfirmasi Pembayaran dapat digunakan oleh anggota PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 94 jika ingin memberi tahu bahwa anggota telah melakukan pembayaran sesuai dengan yang dilakukannya. Menu Status Pembayaran ini disediakan supaya anggota dapat mengetahui status pemesanan yang telah dilakukannya. Misalnya status pemesanannya sedang dalam status pemesanan, proses pembuatan, pengiriman dan selesai. Menu edit data pribadi digunakan jika anggota ingin melakukan perubahan pada data pribadinya. Menu Ganti Password dapat digunakan jika anggota ingin mengubahan passwordnya. Halaman Profil Perusahaan untuk Anggota Perusahaan yang tergabung dalam sistem sebanyak 8 perusahaan : >> Dwika Batik Perusahaan ini bergerak di bidang pengadaan berbagai macam barang batik Detail Gambar 3.22 Perancangan Desain Interface Profil Perusahaan untuk Anggota Menu Profil Perusahaan ini sama dengan menu Profil perusahaan yang terdapat pada pengunjung. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 95 Halaman Artikel untuk Anggota Gambar 3.23 Perancangan Desain Interface Artikel untuk Anggota Menu artikel pada anggota sama dengan menu artikel yang terdapat pada menu pengunjung. Menu artikel disini menyediakan berbagai macam artikel tentang batik ataupun informasiinformasi lainnya. Untuk melihat salah satu artikel, klik detail pada sebelah kanan paragraf indexnya, maka berita atau informasi akan ditampilkan secara lengkap. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 96 Halaman Produk untuk Anggota Produk dari perusahaan…….. (nama perusahaan yang dipilih user) Gambar produk Kode produk Nama Produk Ukuran Stok Bahan Harga Keterangan : …….. : ……. :........... : .......... : .......... : .......... : ………. Pesan Gambar produk Kode produk Nama Produk Ukuran Stok Bahan Harga Keterangan : …….. : ……. :........... : .......... : .......... : .......... : ………. Pesan Gambar 3.24 Perancangan Desain Interface Produk untuk Anggota Halaman Produk ini dapat digunakan oleh anggota untuk melakukan pemesanan terhadap suatu produk tertentu. Jika anggota ingin pesan produk, maka klik Pesan yang terdapat pada setiap produk yang ditawarkan. Setelah klik pesan, apabila ingin mengakhiri pemesanan, maka klik tombol SELESAI yang terdapat di bawah. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 97 Halaman Form Pemesanan Anggota Pemesanan Anda No Nota Tanggal Pesan No : …….(otomatis) : ……. Kode produk Nama produk jumlah Harga satuan subtotal Total Pemesanan Total pembelian Anda sebesar Rp. 5000,00 Gambar 3.25 Perancangan Desain Interface Form Pemesanan untuk Anggota Halaman Form Pemesanan ini dapat digunakan untuk melihat pemesanan yang sudah dilakukan oleh anggota. Anggota hanya memilih no nota yang diinginkan dan klik tombol OK, maka sistem akan menampilkan detail produk yang dipesan dalam no nota tersebut. Halaman Konfirmasi Pembayaran untuk Anggota Konfirmasi Pembayaran No nota : Pilih Tanggal Tranfer : Jumlah : Jenis transfer : Pilih Atas nama : OK BATAL Gambar 3.26 Perancangan Desain Interface Konfirmasi Pembayaran untuk Anggota PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 98 Halaman Konfirmasi Pembayaran ini digunakan oleh anggota untuk memberi tahu bahwa anggota telah melakukan proses pembayaran untuk no nota tertentu. No nota tersebut dipilih oleh anggota, kemudian anggota mengisikan tanggal transfer, jumlah, jenis transfer, dan atas nama. Klik BATAL untuk membatalkan konfirmasi pembayaran. Klik OK untuk mengirimkan konfirmasi pembayaran tersebut. Halaman Status Pemesanan untuk Anggota Status Pemesanan Anda No nota Tangal pesan Total pemesanan Status pemesanan Pembuatan Gambar 3.27 Perancangan Desain Interface Status Pemesanan untuk Anggota Halaman Status Pemesanan ini dapat digunakan oleh anggota untuk mengetahui status pemesanan yang telah dilakukannya. Status pemesanan ini meliputi Pemesanan, Pembuatan, Pengiriman, serta Selesai. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 99 7. Rancangan Desain Interface untuk Perusahaan Login Perusahaan Gambar 3.28 Perancangan Desain Interface Menu Login untuk Perusahaan Pada login perusahaan ini, perusahaan harus memilih nama perusahaannya dan memasukkan passwordnya. Jika password salah, maka sistem akan memberitahukan bahwa password salah. Tetapi jika password yang dimasukkan benar, maka perusahaan akan tampil halaman Konfirmasi Login Perusahaan. Kemudian tekan lanjut untuk dapat mengakses halaman perusahaan. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 100 Halaman Utama untuk Perusahaan Banner Halaman Utama | Ganti Password | Logout Halaman Utama Ucapan Selamat Datang untuk perusahaan Profil Perusahaan Input produk Daftar produk Daftar pemesanan Daftar Pemesanan Barang Daftar Pembayaran Daftar Pembayaran Lunas Laporan Bulanan Laporan Tahunan Kirim Pesan Lihat pesan Footer Gambar 3.29 Perancangan Desain Interface Halaman Utama untuk Perusahaan Pada menu perusahaan ini terdapat 8 menu utama, yaitu input produk, daftar produk, daftar pemesanan, daftar pemesanan barang, daftar pembayaran, daftar pembayaran lunas, laporan bulanan, serta laporan tahunan. Selain fasilitas utama tersebut, juga terdapat 4 fasilitas tambahan, yaitu fasilitas kirim pesan, lihat pesan, profil perusahaan, serta fasilitas ganti password. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 101 Halaman Input produk Gambar 3.30 Perancangan Desain Interface Halaman Input Produk untuk Perusahaan Menu Input Produk ini dapat digunakan untuk memasukkan produk terbaru yang diprodukasi oleh perusahaan. Klik SIMPAN jika ingin menyimpan data produk dan klik BATAL jika ingin membatalkan penyimpanan data tersebut. Setelah klik SIMPAN, maka data akan secara otomatis akan tersimpan dalam tabel dan kode produk akan diberi secara otomatis oleh sistem. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 102 Halaman Daftar Produk DAFTAR PRODUK Kode_produk Nama_ produk Ukuran Harga satuan Keterangan Detail | edit | hapus Gambar 3.31 Perancangan Desain Interface Halaman Daftar Produk untuk Perusahaan Menu Daftar Produk ini digunakan untuk mengetahui produk apa saja yang telah terdaftar dalam sistem ini. Untuk mengetahui detail dari produknya klik Detail pada kolom keterangan, klik edit jika perusahaan ingin melakukan perubahan pada data produk tersebut, serta klik hapus jika perusahaan ingin menghapus produk tersebut. Halaman Daftar Pemesanan DAFTAR PEMESANAN No nota Tanggal pesan Id pemesan Nama pemesan Total pemesanan Keterangan Detail | edit | hapus Gambar 3.32 Perancangan Desain Interface Halaman Daftar Pemesanan untuk Perusahaan Menu Daftar Pemesanan ini digunakan untuk mengetahui daftar pemesanan yang telah masuk. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 103 Halaman Daftar Pemesanan Barang DAFTAR PEMESANAN No nota Tanggal pesan Id pemesan Nama pemesan Total pemesanan Keterangan Detail | edit | hapus Gambar 3.33 Perancangan Desain Interface Halaman Daftar Pemesanan Barang untuk Perusahaan Menu Daftar Pemesanan Barang ini digunakan untuk mengetahui semua daftar pemesanan barang yang telah masuk utnuk perusahaan tersebut. Halaman Daftar Pembayaran DAFTAR PEMBAYARAN No nota Id Tanggal Anggota pesan Total Jumlah Tanggal Jenis Atas nama pemesanan transfer transfer transfer Keterangan Lunas| hapus Gambar 3.34 Perancangan Desain Interface Halaman Daftar Pembayaran untuk Perusahaan Menu Daftar Pembayaran ini digunakan untuk mengetahui daftar pembayaran yang telah dilakukan oleh pemesan. Klik Lunas jika pembayaran yang telah dilakukan sesuai dengan bukti yang ada. Klik Hapus jika pembayaran tidak sesuai. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 104 Halaman Daftar Pembayaran Lunas DAFTAR PEMBAYARAN LUNAS No nota Id Tanggal Anggota pesan Total Tanggal Jenis transfer Atas nama pemesanan transfer Keterangan Lunas Gambar 3.35 Perancangan Desain Interface Halaman Daftar Pembayaran Lunas untuk Perusahaan Menu Daftar Pembayaran Lunas ini digunakan untuk mengetahui daftar pembayaran yang telah lunas yang dilakukan oleh pemesan. Halaman Laporan Penjualan Bulanan LAPORAN PENJUALAN PER BULAN Bulan : (pilih bulannya) Kode produk Nama produk Jumlah Harga satuan Total Gambar 3.36 Perancangan Desain Interface Halaman Laporan Penjualan per Bulan untuk Perusahaan Menu Laporan Penjualan Bulanan ini digunakan untuk mengetahui daftar penjualan yang ada selama bulan tertentu. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 105 Halaman Laporan Penjualan Tahunan LAPORAN PENJUALAN PER TAHUN Tahun : (pilih tahunnya) Kode produk Nama produk Jumlah Gambar 3.37 Perancangan Desain Interface Halaman Laporan Penjualan per Tahun untuk Perusahaan Menu Laporan Penjualan per Tahun ini digunakan untuk mengetahui hasil penjualan barang dalam tahun tertentu. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 106 8. Rancangan Desain Interface untuk Admin Login Administrator Gambar 3.38 Perancangan Desain Interface Menu Login untuk Administrator Pada login administrator ini, admin harus mengisikan username dan password. Jika username dan password masukan dari administrator tersebut benar, maka akan tampil halaman konfirmasi Login Admin. Tetapi jika username atau password salah, maka sistem akan menampilkan pesan bahwa username atau password salah dan anda tidak diijinkan untuk mengakses halaman administrator. Konfirmasi Login Administrator Anda berhasil Login ! Lanjut *Tekan lanjut untuk melanjutkan Gambar 3.39 Perancangan Desain Interface Konfirmasi Login untuk Administrator PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 107 Halaman Utama Untuk Admin Banner dan Logo Yogya Halaman Utama | Ganti Password | Logout Menu Administrator Ucapan selamat datang untuk Administrator Input Perusahaan Input Produk Input Artikel Calon Perusahaan anggota Daftar perusahaan Daftar Calon Anggota Daftar anggota Daftar produk Daftar artikel Daftar pemesanan Daftar pemesanan barang Daftar Pembayaran Lap. Tahunan Lap. Bulanan Lap. Barang Terlaris Lap. Buku tamu Kirim pesan Pesan masuk Footer Gambar 3.40 Perancangan Desain Interface Halaman Utama untuk Administrator Pada halaman khusus admin ini terdapat 16 fasilitas utama yang dapat digunakan oleh admin. Fasilitas tersebut meliputi : input perusahaan, input produk, input berita, Calon Perusahaan Anggota, Daftar Perusahaan, Daftar Calon Anggota, Daftar Anggota, Daftar Produk per Perusahaan, Daftar Artikel, Daftar Pemesanan, Daftar Pemesanan Barang, Daftar PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 108 Pembayaran, Laporan Penjualan per tahun, Laporan Penjualan per Bulan, Laporan Barang Terlaris, serta Laporan Buku Tamu. Selain fasilitas utama tersebut, juga disediakan satu fasilitas tambahan yaitu fasilitas ganti password, yang dapat digunakan oleh administrator untuk mengubah username atau password admin serta fasilitas kirim pesan yang dapat digunakan oleh administrator untuk berkomunikasi dengan perusahaan maupun dengan anggota. Halaman Input Perusahaan INPUT DATA PERUSAHAAN Gambar 3.41 Perancangan Desain Interface Input Data Perusahaan untuk Administrator PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 109 Menu Input Perusahaan ini digunakan oleh administrator untuk menambah perusahaan jika ada perusahaan yang ingin bergabung. Untuk menyimpan data tersebut klik SIMPAN, tetapi jika admin ingin membatalkannya klik BATAL. Setelah klik SIMPAN, maka data secara otomatis data akan tersimpan pada tabel dan form akan dikosongkan. Halaman Input Produk INPUT DATA PRODUK Gambar 3.42 Perancangan Desain Interface Input Data Produk untuk Administrator Menu Input Produk ini digunakan untuk menambah produk baru. Untuk menyimpan data tersebut klik SIMPAN, tetapi jika admin ingin PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 110 membatalkannya klik BATAL. Setelah klik SIMPAN, maka data secara otomatis data akan tersimpan pada tabel dan form akan dikosongkan. Halaman Input Berita INPUT DATA ARTIKEL DAN BERITA Gambar 3.43 Perancangan Desain Interface Input & Update Data Berita untuk Administrator Menu Input dan Update Berita ini digunakan oleh administrator untuk memasukkan berita atau informasiinformasi yang terbaru. Data yang PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 111 harus dimasukkan administrator yaitu meliputi judul, kategori, paragraf indeks, paragraf tambahan, serta gambar apabila dalam berita tersebut terdapat gambar. Untuk menyimpan berita tersebut, klik SIMPAN. Setelah klik SIMPAN, maka data yang telah dimasukkan akan ditampilkan pada tabel dibawahnya. Kemudian untuk melakukan perubahan pada berita tersebut, maka klik Daftar Artikel. Klik Edit untuk mengubah data berita, sedangkan klik Hapus untuk menghapus berita tersebut. Halaman Daftar Calon Perusahaan Anggota DAFTAR CALON PERUSAHAAN ANGGOTA Kode Nama Alamat Pimpinan keterangan Detail | Aktivasi | hapus Gambar 3.44 Perancangan Desain Interface Daftar Calon Perusahaan Anggota untuk Administrator Menu Daftar Calon Perusahaan Anggota ini digunakan untuk mengetahui perusahaanperusahaan yang telah melakukan pendaftaran secara online melalui menu Pendafataran Perusahaan. Klik Detail untuk melihat detail dari perusahaan tersebut. Klik Aktivasi jika administrator ingin melakukan pengaktifan keanggotaan perusahaan tersebut. Serta klik hapus jika administrator ingin menghapus perusahaan tersebut. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 112 Halaman Daftar Perusahaan DAFTAR PERUSAHAAN Gambar 3.45 Perancangan Desain Interface Daftar Perusahaan untuk Administrator Menu Daftar Perusahaan ini digunakan untuk mengetahui perusahaan apa saja yang telah tergabung pada sistem ini. Kemudian untuk melakukan pengubahan pada data perusahaan, klik edit pada menu keterangan yang terdapat dalam tabel data perusahaan. Setelah klik edit, maka akan muncul form baru yang berisi data perusahaan yang akan diedit. Jika klik detail, maka sistem akan menampilkan detail perusahaan yang dipilih. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 113 Halaman Daftar Calon Anggota DAFTAR CALON ANGGOTA Id Nama Jenis kelamin Alamat Tanggal daftar keterangan Detail | Aktivasi | hapus Gambar 3.46 Perancangan Desain Interface Daftar Calon Anggota untuk Administrator Menu Daftar Calon Anggota ini digunakan untuk mengetahui daftar penjunjung yang telah melakukan pendaftaran secara online melalui menu Daftar Anggota. Klik Detail untuk melihat detail dari daftar calon anggota tersebut. Klik Aktivasi jika administrator ingin melakukan pengaktifan keanggotaan tersebut. Serta klik hapus jika administrator ingin menghapus calon anggota tersebut. Halaman Daftar Anggota DAFTAR ANGGOTA Gambar 3.47 Perancangan Desain Interface Daftar Anggota untuk Administrator PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 114 Menu Daftar Anggota ini digunakan untuk mengetahui daftar anggota yang sudah bergabung dengan sistem informasi ini. Halaman Daftar Produk DAFTAR PRODUK Nama perusahaan Kode_produk Nama_ produk Ukuran bahan Harga satuan Keterangan Detail | edit | hapus Gambar 3.48 Perancangan Desain Interface Daftar Produk untuk Administrator Menu Daftar Produk ini digunakan untuk mengetahui produk apa saja yang telah terdaftar pada sistem ini. Pertamatama, administrator harus memilih nama perusahaan terlebih dahulu. Setelah memilih nama perusahaan, maka sistem akan menampilkan data semua produk yang terdapat dalam perusahaan tersebut. Kemudian untuk melakukan pengubahan pada data produk, klik edit pada menu keterangan yang terdapat dalam tabel data produk. setelah klik edit, maka akan tampil form baru dengan data produk yang akan diedit. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 115 Halaman Daftar Artikel DAFTAR ARTIKEL Gambar 3.49 Perancangan Desain Interface Artikel untuk Administrator Menu Daftar Artikel ini digunakan untuk mengetahui artikel apa saja yang telah terdaftar pada sistem ini. Untuk melakukan pengubahan pada data artikel, klik edit pada menu keterangan yang terdapat dalam tabel data produk. Setelah klik edit, maka akan tampil form baru dengan data artikel yang akan diedit. Halaman Daftar Pemesanan DAFTAR PEMESANAN Nama Perusahaan No_nota Tanggal pesan Id anggota Total Status pemesanan Pilihan Edit | hapus Gambar 3.50 Perancangan Desain Interface Daftar Pemesanan untuk Administrator PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 116 Menu Daftar pemesanan ini digunakan untuk mengetahui semua pemesanan yang masuk. Serta untuk melakukan pengesetan status pemesanan yang dilakukan oleh administrator. Halaman Daftar Pemesanan Barang DAFTAR PEMESANAN BARANG Nama perusahaan : No_nota Kode produk Jumlah barang Gambar 3.51 Perancangan Desain Interface Daftar Pemesanan Produk untuk Administrator Menu Daftar pemesanan barang ini digunakan untuk mengetahui daftar semua pemesanan barang yang masuk. Halaman Daftar Pembayaran DAFTAR PEMBAYARAN No_nota Id Tanggal Total anggota pesan pemesanan Jumlah Tgl transfer Jenis transfer tranfer Atas nama pilihan Lunas | hapus Gambar 3.52 Perancangan Desain Interface Daftar Pembayaran untuk Administrator PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 117 Menu Daftar Pembayaran ini digunakan untuk mengetahui proses pembayaran yang telah dilakukan oleh anggota. Apabila informasi pembayaran yang telah dilakukan oleh anggota tidak sesuai dengan pembayaran pada perusahaan, maka administrator berhak menghapus daftar pemabayaran yang telah masuk. Sedangkan jika proses pembayaran yang dilakukan telah sesuai dengan laporan pada perusahaan yang bersangkutan maka administrator akan memilih pilihan lunas untuk menyatakan apabila pembayaran telah lunas. Kemudian pembayaran yang telah lunas ini akan ditampilkan pada Laporan Barang Terjual. Halaman Laporan Penjualan Tahunan LAPORAN PENJUALAN PER TAHUN Perusahaan : Tahun Laporan : Kode produk Pilih perusahaan pilih Nama produk Jumlah Harga satuan Total Gambar 3.53 Perancangan Desain Interface Laporan Penjualan per Tahun untuk Administrator PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 118 Menu Laporan Penjualan per Tahun ini digunakan untuk mengetahui jumlah barang yang terjual dalam suatu perusahaan per tahunnya, serta dapat digunakan untuk mengetahui seberapa besar pemasukan yang diperoleh pada perusahaan untuk setiap tahunnya. Halaman Laporan Penjualan Bulanan LAPORAN PENJUALAN PER BULAN Perusahaan : Pilih perusahaan Bulan Laporan : pilih Tahun Laporan : Kode produk pilih Nama produk Jumlah Harga satuan Total Gambar 3.54 Perancangan Desain Interface Laporan Penjualan per Bulan untuk Administrator Menu Laporan Penjualan per Bulan ini digunakan untuk mengetahui jumlah barang yang terjual dalam suatu perusahaan pada bulan tertentu dan tahun tertentu. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 119 Halaman Laporan Barang Terlaris DAFTAR BARANG TERLARIS Nama produk Nama perusahaan Jumlah terjual Harga satuan Gambar 3.55 Perancangan Desain Interface Laporan Barang Terlaris untuk Administrator Menu Laporan Barang Terlaris digunakan untuk mengetahui barang yang terlaris dan nama perusahaan yang menghasilkan barang tersebut. Halaman Laporan Buku Tamu DAFTAR BUKU TAMU No. Nama Email Komentar Tanggal Gambar 3.56 Perancangan Desain Interface Laporan Buku Tamu untuk Administrator Menu Laporan Buku Tamu ini digunakan oleh administrator untuk mengetahui semua komentar, saran ataupun kritik dari pengunjung maupun anggota. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 120 BAB IV IMPLEMENTASI A. Implementasi Basis Data Dalam implementasinya, sistem informasi kerajinan batik ini mempunyai 2 relasi yaitu relasi produksi yang merupakan relasi antara perusahaan dan produk, relasi dipesan yang merupakan relasi antara produk dan anggota. Terdapat 5 buah tabel utama yang terlibat, implementasinya yaitu sebagai berikut : 1. Membuat tabel perusahaan Tabel perusahaan ini menyimpan berbagai informasi mengenai kode perusahaan, nama perusahaan, alamat perusahaan, kodepos, no telepon, email, no rekening perusahaan, nama bank, pimpinan, deskripsi perusahaan, serta gambar atau logo perusahaan. Sintaksnya adalah sebagai berikut : CREATE TABLE `perusahaan` (`kode_per` INT(5) UNSIGNED NOT NULL AUTO_INCREMENT PRIMARY KEY, `nama_per` VARCHAR(30) NOT NULL, àlamat_per` LONGTEXT NOT NULL, `kodepos_per` INT(7) NOT NULL, `telp_per` VARCHAR(15) NOT NULL, `fax_per` VARCHAR(10) NULL, `norekening_per` èmail_per` VARCHAR(20) VARCHAR(30) NOT NULL, NULL, `bank_per` VARCHAR(30) NOT NULL, `pimpinan` VARCHAR(30) NOT NULL, `no_identitas_pimpinan` `deskripsi_per` VARCHAR(20) NOT VARCHAR(20) LONGTEXT NULL, NOT NULL, `gambar_per` 120 NOT NULL, `password_per` VARCHAR(30) NULL; PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 121 Tabel 4.1 Struktur Tabel Perusahaan Field kode_per nama_per alamat_per kodepos_per telp_per fax_per email_per norekening_per bank_per pimpinan no_identitas_pimpinan deskripsi_per password_per gambar_per Tipe int(5) varchar(30) longtext int(7) varchar(15) varchar(10) varchar(30) varchar(20) varchar(30) varchar(30) varchar(20) longtext varchar(20) varchar(30) Keterangan auto_increment, primary key, unik 2. Membuat tabel produk Tabel produk ini menyimpan informasi mengenai kode produk, nama produk ukuran, banyaknya stok, bahan, harga satuan, keterangan, serta gambar produknya. Sintaksnya : CREATE TABLE `produk` (`kode_per` INT(5) NOT NULL, ‘kode_produk’ INT(5) UNSIGNED NOT NULL AUTO_INCREMENT PRIMARY KEY, `nama_produk` VARCHAR(30) NOT NULL, ùkuran` VARCHAR(30) NOT NULL, `stok` INT(4) NOT NULL, `bahan` VARCHAR(30) NOT NULL, `harga_satuan` DOUBLE NOT NULL, `kapasitas` VARCHAR(10) NOT NULL, `keterangan` VARCHAR(50) NOT NULL, `gambar_produk` VARCHAR(30) NULL); Tabel 4.2 Struktur Tabel Produk Field kode_per kode_produk Tipe int(5) int(5) Keterangan auto_increment, primary key, unik PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 122 nama_produk ukuran stok bahan harga_satuan kapasitas keterangan gambar_produk varchar(30) varchar(30) int(4) varchar(30) double varchar(10) varchar(50) varchar(30) 3. Membuat tabel anggota Tabel anggota ini menyimpan informasi mengenai id anggota, nama anggota, jenis kelamin, alamat anggota, kode pos anggota, no telepon, email, jenis identitas, no identitas, username serta password anggota. Sintaksnya : CREATE TABLE ànggota` (ìd_anggota` INT(5) UNSIGNED NOT NULL AUTO_INCREMENT PRIMARY KEY, ‘nama_anggota’ VARCHAR(30) NOT NULL, `jenis_kelamin` ENUM(‘Lakilaki’,’Perempuan’) NOT NULL, àlamat_anggota` `kodepos_anggota` INT(7) VARCHAR(50) NOT NULL, NOT NULL, `telp_anggota` VARCHAR(15) NOT NULL, èmail_anggota` VARCHAR(30) NULL, `jenis_identitas` VARCHAR(20) NOT NULL, `no_identitas` VARCHAR(20) NOT NULL, ùsername_anggota` VARCHAR(20) NOT NULL, `password_anggota` VARCHAR(15) NOT NULL, `foto` VARCHAR(30) NULL); Tabel 4.3 Struktur Tabel Anggota Field id_anggota nama_anggota jenis_kelamin alamat_anggota kodepos_anggota telp_anggota email_anggota Tipe int(5) varchar(30) enum(‘Lakilaki’,’Perempuan’) varchar(50) int(7) varchar(15) varchar(30) Keterangan auto_increment, primary key, unik PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 123 jenis_identitas no_identitas username_anggota password_anggota status foto varchar(20) varchar(20) varchar(20) varchar(15) smallint(3) varchar(30) 4. Membuat tabel pemesanan barang Tabel pemesanan barang akan menyimpan informasi mengenai no nota, kode_produk yang dipesan, jumlah barang. Sintaksnya : CREATE TABLE `pemesanan` (`no_nota` INT(5) UNSIGNED NOT NULL AUTO_INCREMENT PRIMARY KEY,`kode_produk` INT(5) NOT NULL, `jumlah_brg` INT(6) NOT NULL); Tabel 4.4 Struktur Tabel Pemesanan Barang Field no_nota kode_produk jumlah_brg Tipe int(5) int(5) int(6) Keterangan auto_increment, primary key, unik 5. Membuat tabel pemesanan Tabel nota akan menyimpan informasi mengenai no nota dan tanggal terjadinya pemesanan. Sintaksnya : CREATE TABLE `nota` (`no_nota` INT(5) UNSIGNED NOT NULL AUTO_INCREMENT PRIMARY KEY, ìd_anggota` INT(5) NOT NULL , `tanggal_pesan` DATE DEFAULT '00000000' NOT NULL, `total` FLOAT NOT NULL, ‘status_pesan’ ENUM(‘Pemesanan’, PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 124 ’Pembuatan’,’Pengiriman’,’Selesai’ DEFAULT ‘Pemesanan’, ‘total’ DOUBLE NOT NULL); Tabel 4.5 Struktur Tabel pemesanan Field no_nota id_anggota tanggal_pesan status_pesan Tipe Keterangan int(5) auto_increment, primary key, unik int(5) date enum(‘Pemesanan’,’Pembuatan’, ‘Pengiriman’,’Selesai’) double total B. Implementasi Proses Pada implementasi proses, terdapat 4 sisi yaitu sisi pengunjung, sisi anggota, sisi perusahaan, serta sisi administrator. 1. Implementasi proses dari pengunjung a. Proses Pendaftaran Proses pendaftaran ini berfungsi untuk pendaftaran pengunjung sebagai anggota. Program dari proses pendaftaran ini meliputi : Program proses pendaftaran anggota Program ini berfungsi untuk menampilkan form pendaftaran. Program ini disimpan dalam file daftar_anggota.php, dan potongan programnya adalah sebagai berikut : <form name="form1"method="post" action="kirim_daftar_anggota.php" target="_self"> <table width="550" border="0"> <!DWLayoutTable> <tr> <td width="40"> ;</td> PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 125 <td width="159" class="style26">Nama</td> <td width="15" class="style26">:</td> <td width="318" class="style26"><input type="text" name="nama_anggota" size="25" class="style26"></td> </tr> <tr> <td height="26"> ;</td> <td class="style26">Jenis kelamin</td> <td class="style26">:</td> <td><select name="jenis_kelamin" class="style26"> <option> Pilih </option> <option value="Pria">Pria</option> <option value="Wanita">Wanita</option> </select></td> </tr> <tr> <td> ;</td> <td class="style26">Alamat</td> <td class="style26">:</td> <td class="style26"><input type="text" name="alamat_anggota" size="25" class="style26"></td> </tr> <tr> <td> ;</td> <td class="style26">Kodepos</td> <td class="style26">:</td> <td class="style26"><input type="text" name="kodepos_anggota" size="25" class="style26"></td> </tr> <tr> <td> ;</td> <td class="style26">No Telp. </td> <td class="style26">:</td> <td class="style26"><input type="text" name="telp_anggota" size="25" class="style26"></td> </tr> <tr> <td> ;</td> <td class="style26">Email</td> <td class="style26">:</td> <td class="style26"><input type="text" name="email_anggota" size="25" class="style26"></td> </tr> <tr> <td> ;</td> <td class="style26">Jenis identitas </td> <td class="style26">:</td> <td class="style26"><select name="jenis_identitas" class="style26"> <option> Pilih </option> <option value="KTP">KTP</option> <option>Lainnya</option> </select></td> </tr> <tr> <td> ;</td> <td class="style26">No identitas </td> <td class="style26">:</td> PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 126 <td class="style26"><input type="text" name="no_identitas" size="25" class="style26"></td> </tr> <tr> <td> ;</td> <td class="style26">Username</td> <td class="style26">:</td> <td class="style26"><input type="text" name="username_anggota" size="25" class="style26"></td> </tr> <tr> <td> ;</td> <td class="style26">Password</td> <td class="style26">:</td> <td class="style26"><input type="password" name="password_anggota" size="25" class="style26"></td> </tr> <tr> <td> ;</td> <td class="style26">Konfirmasi Password </td> <td class="style26">:</td> <td class="style26"><input type="password" name="konfirmasi_password" size="25" class="style26"></td> </tr> <tr> <td> ;</td> <td> ;</td> <td> ;</td> <td><table width="200" border="0"> <!DWLayoutTable> <tr> <td width="82" height="26" valign="top"><input type="submit" name="daftar" value="K I R I M"></td> <td width="69" valign="top"><input type="submit" name="batal" value="B A T A L"></td> <td width="35"> ;</td> </tr> </table></td> </tr> <tr> <td> ;</td> <td colspan="3"> <?php //membaca data tamu dan menampilkan data tamu include "koneksi.php"; $hasil=mysql_query("select * from anggota order by id_anggota desc"); $t=mysql_num_rows($hasil); echo" <tr><td height=\"18\" colspan=\"8\" class=\"style7\">Jumlah anggota adalah $t orang</td></tr> "; echo"<td> ;</td>"; ?></td> </tr> <tr> <td></td> PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 127 <td colspan="3" class="style7"><div align="left"><a href="lihat_anggota.php" target="_self" class="style27" rel="nofollow">Lihat Daftar Anggota</a></div></td> </tr> </table> </form> Program hasil proses pendaftaran anggota Program ini berfungsi untuk memasukkan data pengunjung pada proses pendaftaran ke dalam tabel anggota. Program disimpan dalam file kirim_daftar_anggota.php, dan potongan programnya adalah sebagai berikut : // memasukkan data anggota ke dalam tabel anggota $query = "insert into anggota (nama_anggota, jenis_kelamin, alamat_anggota, kodepos_anggota, telp_anggota, email_anggota, jenis_identitas, no_identitas, username_anggota, password_anggota) values ('$nama_anggota','$jenis_kelamin', '$kodepos_anggota', '$telp_anggota', '$jenis_identitas', '$no_identitas', '$password_anggota')"; '$alamat_anggota', '$email_anggota', '$username_anggota', Program proses pendaftaran perusahaan Program ini berfungsi untuk menampilkan form pendaftaran perusahaan. Program ini disimpan dalam file daftar_perusahaan.php, dan potongan programnya adalah sebagai berikut : <form name="formtes" method="post" action="kirim_daftar_perusahaan.php" target="_self" enctype="multipart/formdata"> <table width="550" border="0"> <!DWLayoutTable> <!DWLayoutTable> <tr> <td> ;</td> <td colspan="3" class="style26">ISI DATA PERUSAHAAN ANDA</td> </tr> PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 128 <tr> <td colspan="4"><? echo"<HR>"; ?></td> </tr> <tr> <td width="40"> ;</td> <td width="159" class="style26">Nama perusahaan </td> <td width="15" class="style26">:</td> <td width="318" class="style26"><input type="text" name="nama_per" size="30" class="style1"></td> </tr> <tr> <td> ;</td> <td class="style26">Alamat </td> <td class="style26">:</td> <td class="style26"><input type="text" name="alamat_per" size="30" class="style1"></td> </tr> <tr> <td> ;</td> <td class="style26">Kodepos</td> <td class="style26">:</td> <td class="style26"><input type="text" name="kodepos_per" size="30" class="style1"></td> </tr> <tr> <td> ;</td> <td class="style26">No Telp. </td> <td class="style26">:</td> <td class="style26"><input type="text" name="telp_per" size="30" class="style1"></td> </tr> <tr> <td> ;</td> <td class="style26">Faximile</td> <td class="style26">:</td> <td class="style26"><input type="text" name="fax_per" size="30" class="style1"></td> </tr> <tr> <td> ;</td> <td class="style26">Email</td> <td class="style26">:</td> <td class="style26"><input type="text" name="email_per" size="30" class="style1"></td> </tr> <tr> <td> ;</td> <td class="style26">No rekening </td> <td class="style26">:</td> <td class="style26"><input type="text" name="norekening_per" size="30" class="style1"></td> </tr> <tr> <td> ;</td> <td class="style26">Bank </td> <td class="style26">:</td> <td class="style26"><input type="text" name="bank_per" size="30" class="style1"></td> PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 129 </tr> <tr> <td> ;</td> <td class="style26">Pimpinan</td> <td class="style26">:</td> <td class="style26"><input type="text" name="pimpinan" size="30" class="style1"></td> </tr> <tr> <td> ;</td> <td class="style26">No Identitas Pimpinan </td> <td class="style26">:</td> <td class="style26"><input type="text" name="no_identitas_pimpinan" size="30" class="style1"> *No KTP </td> </tr> <tr> <td> ;</td> <td class="style26" valign="top">Deskripsi</td> <td class="style26" valign="top">:</td> <td class="style26"><textarea name="deskripsi_per" class="style1" rows="8" cols="40"></textarea></td> </tr> <tr> <td> ;</td> <td class="style26">Foto</td> <td class="style26">:</td> <td class="style26"><input type="file" name="gambar_per" class="style1" size="30"></td> </tr> <tr> <td colspan="4" class="style27 style30"><? echo"<HR>"; ?>* Password akan digunakan Anda untuk mengakses halaman perusahaan Anda </td> </tr> <tr> <td> ;</td> <td class="style26">Password</td> <td class="style26">:</td> <td class="style26"><input type="password" name="password_per" size="30" class="style1"></td> </tr> <tr> <td> ;</td> <td class="style26">Konfirmasi Password </td> <td class="style26">:</td> <td class="style26"><input type="password" name="konfirmasi_password_per" size="30" class="style1"></td> </tr> <tr> <td> ;</td> <td> ;</td> <td> ;</td> <td><table width="200" border="0"> <!DWLayoutTable> <tr> <td width="82" height="26" valign="top"><input type="submit" name="daftar" value="D A F T A R"></td> PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 130 <td width="69" valign="top"><input type="submit" name="batal" value="B A T A L"></td> <td width="35"> ;</td> </tr> </table></td> </tr> <tr> <td colspan="4"><? echo"<HR>"; ?></td> </tr> <tr> <td> ;</td> <td colspan="3"> <?php //membaca anggota dan menampilkan anggota include "koneksi.php"; $hasil=mysql_query("select * from perusahaan where status=1 order by kode_per desc"); $t=mysql_num_rows($hasil); echo" <tr><td height=\"18\" colspan=\"8\" class=\"style7\">Jumlah perusahaan anggota hingga saat ini adalah $t perusahaan</td></tr> "; echo"<td> ;</td>"; ?> </td> </tr> </table> </form> Program hasil proses pendaftaran perusahaan Program ini berfungsi untuk memasukkan data perusahaan pada proses pendaftaran ke dalam tabel perusahaan. Program disimpan dalam file kirim_daftar_perusahaan.php, dan potongan programnya adalah sebagai berikut : // memasukkan data perusahaan ke dalam tabel perusahaan $query = "insert into perusahaan (nama_per, alamat_per, kodepos_per, telp_per, fax_per, email_per, norekening_per, bank_per, pimpinan, no_identitas_pimpinan, deskripsi_per, password_per, tanggal_daftar, gambar_per) values ('$nama_per','$alamat_per', '$kodepos_per', '$telp_per', '$fax_per', '$email_per', '$norekening_per', '$bank_per', '$pimpinan', '$no_identitas_pimpinan', '$deskripsi_per', '$password_per','$tanggal','$gambar_per_name')"; PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 131 b. Proses input buku tamu Proses ini digunakan apabila pengunjung ingin mengisi buku tamu. Program dari proses input buku tamu ini meliputi : Program proses input buku tamu Program ini berfungsi untuk menampilkan form buku tamu. Program ini disimpan dalam file bukutamu.php, dan potongan programnya adalah sebagai berikut : <form name="form1" method="post" action="kirim_bukutamu.php" target="_self"> <table width="550" border="0"> <!DWLayoutTable> <tr> <td height="21"> ;</td> <td> ;</td> <td class="style26"> ;</td> <td class="style26”> ;</td> <td class="style26”> ;</td> <td> ;</td> <td> ;</td> </tr> <tr> <td width="16" height="21"> ;</td> <td width="30"> ;</td> <td width="97" class="style26">Nama</td> <td width="11" class="style26">:</td> <td width="320" class="style26"><input type="text" name="nama" size="30" class="style26"></td> <td width="22"> ;</td> <td width="24"> ;</td> </tr> <tr> <td height="21"> ;</td> <td> ;</td> <td class="style26">Email</td> <td class="style26">:</td> <td class="style26"><input type="text" name="email" size="30" class="style26"></td> <td> ;</td> <td> ;</td> </tr> <tr> <td height="91"> ;</td> <td> ;</td> <td class="style26">Komentar</td> <td class="style26">:</td> <td class="style26"><textarea name="komentar" PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 132 cols="30" rows="5" class="style26"></textarea></td> <td> ;</td> <td> ;</td> </tr> <tr> <td height="32"> ;</td> <td> ;</td> <td> ;</td> <td> ;</td> <td><table width="200" border="0"> <tr> <td width="65"><input type="submit" name="kirim" value="K I R I M"></td> <td width="52"><input type="submit" name="batal" value="B A T A L"></td> <td width="69"> ;</td> </tr> </table></td> <td> ;</td> <td> ;</td> </tr> <tr> <td height="20"> ;</td> <td colspan="5" valign="top"><!DWLayoutEmptyCell > ; </td> <td> ;</td> </tr> <tr> <td height="20"> ;</td> <td colspan="5" valign="top" class="style26"><div align="right"><a href="lihat_bukutamu.php" target="_self" class="style28" rel="nofollow">Lihat buku tamu</a></div></td> <td> ;</td> </tr> <tr> <td height="3"></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> </table> </form> Program hasil input buku tamu Program ini berfungsi untuk memasukkan data buku tamu yang telah diisi oleh pengunjung maupun anggota ke dalam tabel buku tamu. Program ini disimpan dalam file PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 133 kirimbukutamu.php, dan potongan programnya adalah sebagai berikut : // memasukkan data buku tamu ke dalam tabel bukutamu $query="insert into bukutamu (nama,email,komentar,tanggal_masuk) values ('$nama','$email','$komentar','$tanggal')"; c. Proses Tampil Data Proses tampil data perusahaan Proses tampil data perusahaan ini berfungsi untuk menampilkan data perusahaan yang dipilih oleh pengunjung. Program disimpan dalam file perusahaan.php, dan potongan programnya adalah sebagai berikut : $hasil=mysql_query("select * from perusahaan order by kode_per asc"); Proses tampil data produk Proses tampil data produk ini digunakan untuk menampilkan data produk dari berbagai perusahaan yang telah terdaftar pada sistem ini. Program ini disimpan dalam file detail_produk_utama.php, dan potongan programnya adalah sebagai berikut : $hasil=mysql_query("select * from produk p, perusahaan per where p.kode_per=per.kode_per order by kode_produk asc"); PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 134 Proses tampil artikel Proses tampil data artikel ini digunakan untuk menampilkan judul artikel yang terdapat dalam sistem ini, kemudian pengunjung dapat memilih artikel tersebut. Program tampil artikel ini disimpan dalam file artikel.php, dan potongan programnya adalah sebagai berikut : $hasil=mysql_query("select * from artikel where kategori='artikel' order by no_artikel asc"); Proses tampil berita Proses tampil berita ini digunakan untuk menampilkan berita terbaru dalam sistem. Program tampil berita ini disimpan dalam file berita_baru.php, dan potongan programnya adalah sebagai berikut : $sql="select judul,tanggal_berita, kategori='berita'"; gambar from artikel where d. Proses pencarian Proses pencarian ini dibagi menjadi 3 kategori, yaitu kategori artikel, kategori perusahaan, serta kategori produk. Program dari proses pencarian ini meliputi : Program proses pencarian PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 135 Program ini digunakan untuk menampilkan proses pencarian. Program ini disimpan dalam file kiri.php, dan potongan programnya adalah sebagai berikut : <form name="form1" action="cari.php"> <table width="165" border="0" align="center" cellpadding="0" cellspacing="0" background="../gambar/grad_kiri.jpg"> <!DWLayoutTable> <tr> <td height="16" colspan="7" valign="top" class="style1"><div align="center" class="style7">Pencarian</div> </tr> <tr> <td width="6" height="8"> <td width="4"> <td width="96"> <td width="5"> <td width="35"> <td width="10"> <td width="9"> </tr> <tr> <td height="17"> <td> <td colspan="3" valign="top" class="style11"> <input name="kata_kunci" type="text" class="style11" size="25"> <td> <td> </tr> <tr> <td height="5"> <td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td height="2"> <td> <td></td> <td></td> <td colspan="2" rowspan="3" valign="top" class="style18"> <input name="cari" type="submit" value=" O K "> <td></td> </tr> <tr> <td height="20"> <td colspan="2" valign="top" class="style11"> <select name="kategori" class="style11"> <option value="not_pilihan"> Kategori </option> <option value="artikel">Artikel</option> <option value="perusahaan">Perusahaan</option> <option value="produk">Produk</option> </select> <td> ;</td> PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 136 <td></td> </tr> <tr> <td height="2"> <td> <td></td> <td></td> <td></td> </tr> <tr> <td height="0"></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> </table> </form> <td></td> Program hasil proses pencarian Program ini berfungsi untuk melakukan pencarian terhadap kata kunci dan kategori yang telah dipilih oleh pengunjung. Program ini disimpan dalam file cari.php, dan potongan programnya adalah sebagai berikut : //PENCARIAN ARTIKEL $sql=mysql_query("select * from artikel where judul like '%$kata_kunci%' or par_index like '%$kata_kunci%' order by no_artikel desc"); //PENCARIAN PERUSAHAAN $sql=mysql_query("select * from perusahaan where nama_per like '%$kata_kunci%' or deskripsi_per like '%$kata_kunci%' order by kode_per desc"); //PENCARIAN PRODUK $sql=mysql_query("select * from produk where nama_produk like '%$kata_kunci%' or bahan like '%$kata_kunci%' order by kode_produk desc"); PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 137 2. Implementasi proses dari anggota a. Proses Validasi username dan password Proses validasi ini digunakan untuk mengecek apakah identitas anggota yang berupa username dan password sudah sesuai dengan username dan password pada tabel anggota. Program dari proses validasi ini terbagi menjadi : Program proses validasi Program ini berfungsi untuk menampilkan form validasi. Program ini disimpan dalam file kanan.php, dan potongan programnya adalah sebagai berikut : <form name="form1" method="post" action="cek_login.php"> <table width="170" border="0" align="center" cellpadding="0" cellspacing="0" background="../gambar/grad.jpg"> <!DWLayoutTable> <tr> <td height="16" colspan="7" valign="top" class="style7"><div align="center">Login Anggota </div></td> </tr> <tr> <td width="14" height="8"></td> <td width="58"></td> <td width="7"></td> <td width="19"></td> <td width="58"></td> <td width="4"></td> <td width="10"></td> </tr> <tr> <td height="15"></td> <td valign="top" class="style11">Username</td> <td valign="top" class="style11">:</td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td height="17"></td> <td colspan="5" valign="top"> <input name="uname" type="text" class="style11" size="25"> </td> <td></td> </tr> <tr> PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 138 <td height="6"></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td height="15"></td> <td valign="top" class="style11">Password</td> <td valign="top" class="style11">:</td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td height="17"></td> <td colspan="5" valign="top"><input name="pass" type="password" class="style11" size="25"></td> <td></td> </tr> <tr> <td height="4"></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td height="24"></td> <td></td> <td></td> <td></td> <td valign="top"><input type="submit" name="login" value="LOGIN"></td> <td></td> <td></td> </tr> </table> </form> Program hasil proses validasi Program ini berfungsi untuk melakukan pengecekan masukan anggota apakah sudah sesuai dengan data yang ada pada tabel anggota. Program ini disimpan dalam file cek_login.php, dan potongan programnya adalah sebagai berikut : $qlog = mysql_query("SELECT username_anggota, password_anggota from anggota where username_anggota='$uname' and password_anggota='$pass'"); PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 139 b. Proses Pemesanan Proses ini dapat digunakan oleh anggota untuk memesan produk yang dihasilkan oleh suatu perusahaan. Program proses Pemesanan Program ini berfungsi untuk memasukkan produk yang dipesan oleh anggota. Program ini disimpan dalam file detail_produk_utama.php, dan potongan programnya adalah sebagai berikut : $q1="insert into pemesanan (id_anggota,tanggal_pesan,status, status_pesan) values ($id_anggota,'$tgl',1,'Pemesanan')"; Lihat pemesanan Program ini digunakan untuk melihat pemesanan yang telah dilakukan oleh anggota berdasarkan no nota. Program ini disimpan dalam file pemesanan.php, dan potongan programnya adalah sebagai berikut : $sql=mysql_query("select * from pemesanan where id_anggota = $id_anggota order by no_nota asc"); c. Proses Lihat Status Pemesanan Proses lihat status pemesanan ini dapat digunakan oleh anggota untuk mengetahui sejauh mana proses pemesanan sudah dilakukan oleh PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 140 perusahaan yang bersangkutan. Status pemesanan ini terbagi menjadi 4, yaitu pemesanan, pembuatan, pengiriman, serta selesai. Program proses Lihat Status Pemesanan Program ini berfungsi untuk menampilkan form Status pemesanan. Program ini disimpan dalam file status_pemesanan.php, dan potongan programnya adalah sebagai berikut : $hasil=mysql_query("select * from id_anggota=$id_anggota order by no_nota asc"); pemesanan where d. Proses Konfirmasi Pembayaran Proses ini dapat digunakan oleh anggota untuk melakukan konfirmasi pembayaran jika anggota sudah melakukan pembayaran. Program proses Konfirmasi Pembayaran Program ini berfungsi untuk menampilkan form Konfirmasi Pembayaran. Program ini disimpan dalam file konfirmasi.php, dan potongan programnya adalah sebagai berikut: <form name="form1" method="post" action=""> <table width="543" border="0"> <tr class="style28"> <td width="41" class="style33"> ;</td> <td width="428" colspan="5" class="style33"><div align="center"> <table width="275" border="0"> <tr class="style33"> <td width="83" class="style33">No nota </td> <td width="10" class="style33">:</td> PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 141 <td width="69" class="style33"><select name="no_nota" class="style1"> <? include "../data/koneksi.php"; if($no_nota=='') //untuk menampilkan pilihan nama perusahaan pada saat pertama kali daftar_produk dipanggil { echo "<option> Pilih no nota </option>"; $hasil=mysql_query("select no_nota from pemesanan where id_anggota=$id_anggota and status1='0' order by no_nota asc"); while($d=mysql_fetch_array($hasil)) { $non=$d[no_nota]; echo "<option value='$non'>$non</option>"; } } else { $hasil2=mysql_query("select no_nota from pemesanan where no_nota=$no_nota and status1='0'"); while($d2=mysql_fetch_array($hasil2)) { $non2=$d2[no_nota]; } echo "<option value='$no_nota'>$non2</option>"; // untuk menampilkan nama perusahaan yang telah dipilih oleh admin echo "<option></option>"; $hasil3=mysql_query("select no_nota from pemesanan where id_anggota=$id_anggota and status1='0' order by no_nota asc"); while($d3=mysql_fetch_array($hasil3)) { $non3=$d3[no_nota]; echo "<option value='$non3'>$non3</option>"; } } ?> </select></td> <td width="95"><input type="hidden" name="sid" value="<? echo "$sid";?>"> <input type="submit" name="ok" value=" O K "></td> </tr> </table> </div></td> <td width="44" class="style26"> ;</td> </tr> <tr class="style28"> <td class="style33"> ;</td> <td colspan="5" class="style33"><? echo"<HR>"; ?></td> <td class="style26"> ;</td> </tr> <? if($no_nota !='') // untuk menampilkan jika ada data pada kode perusahaan yang dipilih { $i=0; $hasil4=mysql_query("select ps.status1, pb.status, pb.kode_produk,p.nama_produk,p.harga_satuan,pb.jumlah_brg,date_format (ps.tanggal_pesan,'%d%m%Y') as tanggal_pesan from pemesanan_barang pb, produk p, pemesanan ps where ps.no_nota=pb.no_nota and pb.kode_produk=p.kode_produk and pb.no_nota=$no_nota "); while($d4=mysql_fetch_array($hasil4)) { $kode_produk[$i]=$d4[kode_produk]; $nama_produk[$i]=$d4[nama_produk]; PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 142 $harga_satuan[$i]=$d4[harga_satuan]; $jumlah_brg[$i]=$d4[jumlah_brg]; $tanggal_pesan=$d4[tanggal_pesan]; $harga[$i] = $harga_satuan[$i] * $jumlah_brg[$i]; $i++; } }?> </table> </form> <? if($no_nota !='') // untuk menampilkan jika ada data pada kode perusahaan yang dipilih { $i=0; $hasil4=mysql_query("select no_nota, total from pemesanan where no_nota=$no_nota"); while($d4=mysql_fetch_array($hasil4)) { $no_nota[$i]=$d4[no_nota]; $total=$d4[total]; $i++; } } ?> <table width="551" border="0"> <tr class="style33"> <td width="67"></td> <td width="161" class="style28">No nota </td> <td width="7" class="style28">:</td> <td width="75" class="style28"><? echo"$no_nota"; ?></td> <td width="63" class="style28"></td> <td width="67" class="style28"></td> <td width="80"></td> </tr> <tr class="style33"> <td> ;</td> <td class="style28">Total pemesanan </td> <td class="style28">:</td> <td colspan="2" class="style28"><? $total2 = number_format($total, 0, '.', '.');echo "Rp. $total2";?></td> <td class="style28"> ;</td> <td> ;</td> </tr> <tr class="style33"> <td></td> <td class="style28">Tanggal transfer</td> <td class="style28">:</td> <td class="style28"><select name="tanggal" class="style28"> <option value="0" selected>Tanggal <? //membentuk pilihan tanggal 0 sampai dengan 31 for($i=1; $i<32; $i++) { if($tanggal ==$i) $sel = "SELECTED"; else $sel = ""; print("<OPTION VALUE=\"$i\" $sel>$i"); } ?> </option> PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 143 </select></td> <td class="style28"> <select name="bulan" class="style28"> <option value="0" selected>Bulan <? for($i=1; $i<13; $i++) { if($bulan == $i) $sel = "SELECTED"; else $sel = ""; } print("<OPTION VALUE=\"1\" $sel[1]>Januari"); print("<OPTION VALUE=\"2\" $sel[2]>Februari"); print("<OPTION VALUE=\"3\" $sel[3]>Maret"); print("<OPTION VALUE=\"4\" $sel[4]>April"); print("<OPTION VALUE=\"5\" $sel[5]>Mei"); print("<OPTION VALUE=\"6\" $sel[6]>Juni"); print("<OPTION VALUE=\"7\" $sel[7]>Juli"); print("<OPTION VALUE=\"8\" $sel[8]>Agustus"); print("<OPTION VALUE=\"9\" $sel[9]>September"); print("<OPTION VALUE=\"10\" $sel[10]>Oktober"); print("<OPTION VALUE=\"12\" $sel[11]>November"); print("<OPTION VALUE=\"12\" $sel[12]>Desember");?> </option> </select></td> <td class="style28"> <select name="tahun" class="style28"> <option value="0" selected>Tahun <? //membentuk pilihan tahun dari tahun 2005 hingga sekarang $sekarang = (integer) date("Y"); for($i=2005; $i<= $sekarang; $i++) { if($tahun == $i) $sel = "SELECTED"; else $sel = ""; print("<OPTION VALUE=\"$i\" $sel>$i"); } ?> </option> </select></td><td></td> </tr> <tr class="style33"> <td></td> <td class="style28">Jumlah</td> <td>:</td> <td colspan="3" class="style28">Rp. <input type="text" name="jumlah" size="20" class="style28">*50000</td> <td></td> </tr> <tr class="style33"> <td></td> <td class="style28">Jenis transfer</td> <td>:</td> <td colspan="2" class="style28"><select name="jenis_transfer" class="style28"> <option value="not_pilihan" class="style28"> Pilih </option> PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 144 <option value="ATM" class="style28">ATM</option> <option value="Bank" class="style28">Bank</option> <option value="Langsung" class="style28">Langsung</option> </select></td> <td class="style28"></td> <td></td> </tr> <tr class="style33"> <td></td> <td class="style28">Atas nama </td> <td>:</td> <td colspan="3" class="style28"><input type="text" name="atas_nama" size="30" class="style28"></td> <td></td> </tr> <tr class="style33"> <td> ;</td> <td colspan="5" class="style28"><? echo "<HR>"; ?></td> <td> ;</td> </tr> <tr class="style33"> <td> ;</td> <td class="style28"> ;</td> <td> ;</td> <td colspan="3" class="style28"><input type="hidden" name="sid" value="<? echo "$sid";?>"><input type="hidden" name="no_nota" value="<? echo "$no_nota";?>"><input type="submit" name="ok" value=" K I R I M "></td> <td> ;</td> </tr> <tr class="style33"> <td> ;</td> <td colspan="5" class="style28"><? echo "<HR>"; ?></td> <td> ;</td> </tr> <tr class="style33"> <td> ;</td> <td colspan="5">Klik <a href="daftar_konfirmasi.php?sid=<? echo"$sid"; ? rel="nofollow">&id_anggota=<? echo "$id_anggota"; ?>" title="Daftar Konfirmasi Anda" target="_self" class="style30">di sini</a> untuk melihat daftar Konfirmasi Pembayaran yang telah Anda lakukan </td> <td> ;</td> </tr> <tr class="style33"> <td> ;</td> <td class="style28"> ;</td> <td> ;</td> <td colspan="3" class="style28"> ;</td> <td> ;</td> </tr> </table> PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 145 Program hasil Konfirmasi Pembayaran Program ini berfungsi untuk memasukkan konfirmasi pembayaran ke dalam tabel pembayaran. Program ini disimpan dalam file kirim_konfirmasi.php, dan potongan programnya adalah sebagai berikut : $query = "insert into pembayaran (no_nota, id_anggota, tgl_transfer, jumlah, jenis_transfer, atas_nama) values ('$no_nota','$id_anggota', '$format_tanggal', '$jumlah', '$jenis_transfer', '$atas_nama')"; e. Proses edit data pribadi Proses ini dapat digunakan oleh anggota jika anggota ingin melakukan perubahan pada data pribadinya. Program dari proses edit data ini terbagi menjadi : Program proses edit data Program ini berfungsi untuk menampilkan form proses edit data. Program ini disimpan dalam file edit_dtpribadi.php, dan potongan programnya adalah sebagai berikut : <form name="form1" method="post" action="kirim_edit_anggota.php?sid=<? echo "$sid";?>" enctype="multipart/formdata"> <table width="473" border="0"><!DWLayoutTable> <tr class="style1"> <td width="162" class="style21"> ; ; ; ;Nama</td> <td width="10" class="style21">:</td> <td width="287" class="style21"> <input name="nama_anggota" type="text" class="style1" value="<? echo"$nama_anggota"; ?>" size="35"> </td> <td width="1"></td> PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 146 </tr> <tr class="style1"> <td class="style21"> ; ; ; ;Jenis Kelamin </td> <td class="style21">:</td> <td class="style21"> <input name="jenis_kelamin" type="text" class="style1" value="<? echo"$jenis_kelamin"; ?>" size="35"> </td> <td></td> </tr> <tr class="style1"> <td class="style21"> ; ; ; ;Alamat</td> <td class="style21">:</td> <td class="style21"> <textarea name="alamat_anggota" rows="3" cols="25" class="style1"><? echo"$alamat_anggota"; ?></textarea> </td> <td></td> </tr> <tr class="style1"> <td class="style21"> ; ; ; ;Kodepos</td> <td class="style21">:</td> <td class="style21"> <input type="text" name="kodepos_anggota" class="style1" size="15" value="<? echo"$kodepos_anggota"; ?>"> </td> <td></td> </tr> <tr class="style1"> <td class="style21"> ; ; ; ;No telepon</td> <td class="style21">:</td> <td class="style21"> <input type="text" name="telp_anggota" class="style1" size="25" value="<? echo"$telp_anggota"; ?>"> </td> <td></td> </tr> <tr class="style1"> <td class="style21"> ; ; ; ;Email</td> <td class="style21">:</td> <td class="style21"> <input type="text" name="email_anggota" class="style1" size="35" value="<? echo"$email_anggota"; ?>"> </td> <td></td> </tr> <tr class="style1"> <td class="style21"> ; ; ; ;Jenis identitas </td> PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 147 <td class="style21">:</td> <td class="style21"> <input type="text" name="jenis_identitas" class="style1" size="35" value="<? echo"$jenis_identitas"; ?>"> </td> <td></td> </tr> <tr class="style1"> <td class="style21"> ; ; ; ;No identitas </td> <td class="style21">:</td> <td class="style21"> <input type="text" name="no_identitas" class="style1" size="35" value="<? echo"$no_identitas"; ?>"> </td> <td></td> </tr> <tr class="style1"> <td class="style21"> ; ; ; ;Foto</td> <td class="style21">:</td> <td class="style21"><input type="text" name="foto" class="style1" size="10" value="<? echo"$foto";?>"> Gambar Lama <input type="file" name="foto_baru"></td> <td><input type="hidden" name="sid" value="<? echo "$sid";?>"></td> </tr> <tr class="style1"> <td></td> <td></td> <td><table width="200" border="0"> <tr> <td width="61"><input type="hidden" name="sid" value="<? echo "$sid";?>"><input type="submit" name="simpan" value="S I M P A N"></td> <td width="129"><input type="hidden" name="sid" value="<? echo "$sid";?>"><input type="submit" name="batal" value="B A T A L"></td> </tr> </table> </td> <td></td> </tr> <tr class="style1"> <td></td> <td></td> <td></td> <td></td> </tr> <tr class="style1"> <td colspan="3"><div align="center" class="style1"><a href="dtpribadi.php?sid=<? echo "$sid";? rel="nofollow">" title="data pribadi" target="_self" class="style1">Kembali ke data pribadi </a></div></td> <td></td> </tr> </table> </form> PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 148 Program hasil proses edit data Program ini berfungsi untuk memasukkan proses edit data pribadi data pada tabel anggota. Program ini disimpan dalam file kirim_edit_anggota.php, dan potongan programnya adalah sebagai berikut : $query = "UPDATE anggota ". "SET nama_anggota='$nama_anggota', ". "jenis_kelamin='$jenis_kelamin',". "alamat_anggota='$alamat_anggota',". "kodepos_anggota='$kodepos_anggota',". "telp_anggota='$telp_anggota', ". "email_anggota='$email_anggota', ". "jenis_identitas='$jenis_identitas', ". "no_identitas='$no_identitas', ". "foto='$foto_baru_name' ". "WHERE id_anggota=$id_anggota"; $hasil = mysql_query($query); if(!$hasil) { echo "query = $query "; } 3. Implementasi proses dari Perusahaan a. Proses validasi Proses validasi digunakan untuk mengecek apakah identitas perusahaan yang berupa password sudah sesuai dengan password pada tabel perusahaan. Program dari proses validasi adalah : Program proses validasi Program ini berfungsi untuk menampilkan form validasi. Program disimpan dalam file login_perusahaan.php, dan potongan programnya adalah sebagai berikut : <form name="form1" method="post" action="login_per.php"> PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 149 <table width="248" border="0"> <tr class="style11"> <td width="140"> ; ; ; ; Perusahaan : </td> <td width="98"></td> </tr> <tr class="style11"> <td colspan="2"> ; ; ; ; <select name="kode_per" class="style11"> <? include "../data/koneksi.php"; if($kode_per=='') //untuk menampilkan pilihan nama perusahaan pada saat pertama kali daftar_produk dipanggil { echo "<option> Pilih Perusahaan </option>"; echo "<option></option>"; $hasil=mysql_query("select kode_per,nama_per from perusahaan where status=1 order by kode_per asc"); while($d=mysql_fetch_array($hasil)) { $kodep=$d[kode_per]; $namap=$d[nama_per]; echo "<option value='$kodep'>$namap</option>"; } } else { $hasil2=mysql_query("select nama_per from perusahaan where kode_per=$kode_per and status=1"); while($d2=mysql_fetch_array($hasil2)) { $namap2=$d2[nama_per]; } echo "<option value='$kode_per'>$namap2</option>"; // untuk menampilkan nama perusahaan yang telah dipilih oleh admin echo "<option> </option>"; $hasil3=mysql_query("select kode_per,nama_per from perusahaan where status=1 order by kode_per asc"); while($d3=mysql_fetch_array($hasil3)) { $kodep3=$d3[kode_per]; $namap3=$d3[nama_per]; echo "<option value='$kodep3'>$namap3</option>"; } } ?> </select> </td> </tr> <tr class="style11"> <td> ; ; ; ;Password : </td> <td> ;</td> PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 150 </tr> <tr class="style11"> <td colspan="2"> ; ; ; ; ;<input name="pass" type="password" class="style11" size="27"></td> </tr> <tr class="style30"> <td align="right"><input type="submit" name="login" value="LOGIN"></td> <td><input type="submit" name="batal" value="BATAL"></td> </tr> </table> </form> Program hasil proses validasi Program ini berfungsi untuk melakukan pengecekan masukan perusahaan apakah sudah sesuai dengan data yang ada pada tabel perusahaan. Program ini disimpan dalam file login_per.php, dan potongan programnya adalah sebagai berikut : $qlog = mysql_query("SELECT kode_per,nama_per,password_per from perusahaan where kode_per='$kode_per' and password_per='$pass'"); b. Proses input data Proses input data produk Proses ini digunakan oleh perusahaan untuk melakukan input data suatu produk baru. Proses ini terbagi menjadi 2 proses, yaitu proses menampilkan form untuk melakukan pengisian data produk baru. Program ini disimpan dalam file input_produk.php, dan potongan programnya adalah sebagai berikut : <form name="form1" action="kirim_input_produk.php?sid=<? enctype="multipart/formdata"> <table width="654" border="0"> method="post" echo"$sid";?>" PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 151 <tr> <td width="82" class="style1"> ;</td> <td width="150" class="style1">Nama produk </td> <td width="14" class="style1">:</td> <td width="342" class="style1"><input type="text" name="nama_produk" class="style1" size="35"></td> <td width="44"> ;</td> </tr> <tr> <td> ;</td> <td class="style1">Ukuran</td> <td class="style1">:</td> <td class="style1"><input type="text" name="ukuran" class="style1" size="35"></td> <td> ;</td> </tr> <tr> <td> ;</td> <td class="style1">Jumlah stok </td> <td class="style1">:</td> <td class="style1"><input type="text" name="stok" class="style1" size="35"></td> <td> ;</td> </tr> <tr> <td> ;</td> <td class="style1">Bahan</td> <td class="style1">:</td> <td class="style1"><input type="text" name="bahan" class="style1" size="35"></td> <td> ;</td> </tr> <tr> <td> ;</td> <td class="style1">Harga satuan </td> <td class="style1">:</td> <td class="style1">Rp. <input type="text" name="harga_satuan" class="style1" size="31"> Contoh : 50000</td> <td> ;</td> </tr> <tr> <td> ;</td> <td class="style1">Kapasitas</td> <td class="style1">:</td> <td class="style1"><input type="text" name="kapasitas" class="style1" size="35"> pcs/bulan</td> <td> ;</td> </tr> <tr> <td> ;</td> <td class="style1" valign="top">Keterangan</td> <td class="style1" valign="top">:</td> <td class="style1"><textarea name="keterangan" class="style1" rows="5" cols="35"></textarea></td> <td> ;</td> </tr> PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 152 <tr> <td> ;</td> <td class="style1">Gambar</td> <td class="style1">:</td> <td class="style1"><input type="file" name="gambar" class="style1" size="35"><input type="hidden" name="sid" value="<? echo "$sid";?>"></td> <td> ;</td> </tr> <tr> <td> ;</td> <td class="style1"> ;</td> <td class="style1"> ;</td> <td class="style1"> ;</td> <td> ;</td> </tr> <tr> <td> ;</td> <td class="style1"> ;</td> <td class="style1"> ;</td> <td class="style1"><input type="hidden" name="sid" value="<? echo "$sid";?>"><input type="submit" name="simpan" value="SIMPAN"> ; ; ; <input type="hidden" name="sid" value="<? echo "$sid";?>"><input type="submit" name="batal" value="BATAL"></td> <td> ;</td> </tr> <tr> <td> ;</td> <td class="style1"> ;</td> <td class="style1"> ;</td> <td class="style1"> ;</td> <td> ;</td> </tr> <tr> <td> ;</td> <td class="style1"> ;</td> <td class="style1"> ;</td> <td class="style1"> ;</td> <td> ;</td> </tr> </table> </form> Proses yang kedua yaitu proses hasil dari penginputan data dengan memasukkan data tersebut ke dalam tabel produk. Program ini disimpan dalam file kirim_input_produk.php, dan potongan programnya adalah sebagai berikut : PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 153 //memasukkan data produk ke table produk $query = "insert into produk (kode_per, nama_produk, ukuran, stok, bahan, harga_satuan, kapasitas, keterangan, gambar_produk) values ('$kod','$nama_produk', '$ukuran', '$stok', '$bahan', '$harga_satuan', '$kapasitas', '$keterangan', '$gambar_name')"; c. Proses tampil data Tampil data produk Proses ini digunakan untuk menampilkan data produk. Program ini disimpan dalam file daftar_produk.php, dan potongan programnya adalah sebagai berikut : $hasil4=mysql_query("select kode_produk, harga_satuan from produk where kode_per=$kod order by kode_produk"); nama_produk, ukuran, Setelah program menampilkan data produk, maka perusahaan dapat mengubah data tersebut dengan mengklik edit. Potongan program untuk memasukkan perubahan data produk pada tabel produk adalah sebagai berikut : $query = "UPDATE produk ". "SET nama_produk='$nama_produk', ". "ukuran='$ukuran', ". "stok=$stok, ". "bahan='$bahan', ". "harga_satuan=$harga_satuan, ". "kapasitas=$kapasitas, ". "keterangan='$keterangan', ". "gambar_produk='$gambar_produk_baru_name' ". "WHERE kode_produk='$kode_produk' "; $hasil = mysql_query($query); if(!$hasil) { echo "query = $query "; } PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 154 Perusahaan juga dapat melakukan penghapusan pada data produk tertentu yang mungkin sudah diproduksi lagi. Potongan program untuk menghapus data produk dari suatu tabel yaitu : //menghapus data produk dari data base $sql=mysql_query("delete kode_produk='$kode_produk'"); from produk where Tampil data pemesanan Proses ini digunakan untuk menampilkan semua daftar pemesanan. Program ini disimpan dalam file pemesanan.php, dan potongan programnya adalah sebagai berikut : $hasil4=mysql_query("select ps.no_nota, ps.tanggal_pesan, ps.id_anggota, ps.total, ps.status_pesan, pb.no_nota, pb.kode_produk, p.kode_produk, p.kode_per, per.kode_per, a.nama_anggota, ps.status1 from anggota a,pemesanan ps,pemesanan_barang pb, produk p, perusahaan per where ps.id_anggota=a.id_anggota and ps.no_nota=pb.no_nota pb.kode_produk=p.kode_produk and p.kode_per=per.kode_per per.kode_per=$kod and ps.status1='0'group by pb.no_nota"); and and Tampil data pemesanan barang Proses ini digunakan untuk menampilkan semua daftar pemesanan barang. Program ini disimpan dalam file pemesanan_barang.php, dan potongan programnya adalah sebagai berikut : PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 155 $hasil4=mysql_query("select pb.no_nota,pb.kode_produk,pb.jumlah_brg,p.kode_produk, p.nama_produk, per.kode_per, pb.status p.kode_per, from pemesanan_barang pb, produk p, perusahaan per where pb.kode_produk=p.kode_produk and p.kode_per=per.kode_per and per.kode_per=$kod and pb.status='0'"); Tampil data pembayaran Proses ini digunakan untuk menampilkan semua daftar pembayaran. Program ini disimpan dalam file pembayaran.php, dan potongan programnya adalah sebagai berikut : $hasil4=mysql_query("select ps.no_nota, ps.id_anggota, ps.tanggal_pesan, ps.total, pem.tgl_transfer, pem.jenis_transfer, pem.atas_nama, pem.no_nota, pb.no_nota, pb.kode_produk, p.kode_produk, p.kode_per, per.kode_per, pem.jumlah from pembayaran pem,pemesanan ps,pemesanan_barang pb, produk p, perusahaan per where pem.no_nota=ps.no_nota and ps.no_nota=pb.no_nota and pb.kode_produk=p.kode_produk and p.kode_per=per.kode_per and per.kode_per=$kod and pem.status_bayar='0'group by pb.no_nota"); Tampil data pembayaran lunas Proses ini digunakan untuk menampilkan semua daftar pembayaran yang telah lunas. Program ini disimpan dalam file daftar_pembayaran_lunas.php, dan potongan programnya adalah sebagai berikut : $hasil4=mysql_query("select ps.no_nota, ps.id_anggota, ps.tanggal_pesan, ps.total, pem.tgl_transfer, pem.jenis_transfer, pem.atas_nama, pem.no_nota, pb.no_nota, pb.kode_produk, p.kode_produk, p.kode_per, per.kode_per PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 156 from pembayaran pem,pemesanan ps,pemesanan_barang pb, produk p, perusahaan per where pem.no_nota=ps.no_nota and ps.no_nota=pb.no_nota and pb.kode_produk=p.kode_produk and p.kode_per=per.kode_per and per.kode_per=$kode_per and pem.status_bayar='1'group by pb.no_nota"); Tampil laporan penjualan per bulan Proses ini digunakan untuk menampilkan semua daftar penjualan per bulan pada perusahaan tersebut. Program ini disimpan dalam file lap_bulan.php, dan potongan programnya adalah sebagai berikut : $hasil=mysql_query("select pb.kode_produk, sum(pb.jumlah_brg) as jumlah_brg, p.nama_produk, p.harga_satuan, ps.tanggal_selesai from pembayaran pem, pemesanan ps, pemesanan_barang pb, produk p, perusahaan per where pem.no_nota=ps.no_nota and ps.no_nota=pb.no_nota and pb.kode_produk=p.kode_produk and p.kode_per=per.kode_per and per.kode_per=$kod and ps.status_pesan='Selesai' and month(ps.tanggal_selesai) = $bln_lap group by pb.kode_produk "); Tampil laporan penjualan per tahun Proses ini digunakan untuk menampilkan semua daftar penjualan per tahun pada perusahaan tersebut. Program ini disimpan dalam file lap_tahun.php, dan potongan programnya adalah sebagai berikut : $hasil=mysql_query("select pb.kode_produk, sum(pb.jumlah_brg) as jumlah_brg, p.nama_produk, p.harga_satuan, ps.tanggal_selesai from pembayaran pem, pemesanan ps, pemesanan_barang pb, produk p, perusahaan per PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 157 where pem.no_nota=ps.no_nota and ps.no_nota=pb.no_nota pb.kode_produk=p.kode_produk and p.kode_per=per.kode_per per.kode_per=$kod and ps.status_pesan='Selesai' year(ps.tanggal_selesai) = $thn_lap group by pb.kode_produk "); and and and Tampil daftar pesan yang masuk Proses ini digunakan untuk menampilkan semua daftar pesan yang masuk untuk perusahaan tersebut. Program ini disimpan dalam file lihat_pesan.php, dan potongan programnya adalah sebagai berikut : $hasil4=mysql_query("select kode_per=$kod"); * from pesan_ke_per where d. Proses edit data perusahaan Proses ini dapat digunakan oleh perusahaan jika perusahaan ingin melakukan perubahan pada data perusahaannya. Program dari proses edit data ini terbagi menjadi : Program proses edit data Program ini berfungsi untuk menampilkan form proses edit data. Program ini disimpan dalam file edit_profil.php, dan potongan programnya adalah sebagai berikut : <form name="form1" method="post" action="kirim_edit_profil.php?sid=<? echo"$sid"; ?>&kode_per=<? echo"$kode_per"; ?>" enctype="multipart/formdata"> <table width="671" border="0"> <tr class="style1"> <td> ;</td> <td class="style1">Kode perusahaan </td> <td class="style1">:</td> PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 158 <td><input name="kode_per" type="text" class="style1" value="<? echo"$kode_per"; ?>" size="35" readonly="readonly"></td> <td> ;</td> </tr> <tr class="style1"> <td width="80"></td> <td width="154">Nama Perusahaan </td> <td width="17">:</td> <td width="340"><input name="nama_per" type="text" class="style1" value="<? echo"$nama_per"; ?>" size="35"></td> <td width="58"> ;</td> </tr> <tr class="style1"> <td></td> <td valign="top">Alamat</td> <td valign="top">:</td> <td><textarea name="alamat_per" rows="3" cols="34" class="style1"><? echo"$alamat_per"; ?></textarea></td> <td> ;</td> </tr> <tr class="style1"> <td></td> <td>Kodepos</td> <td class="style1">:</td> <td><input name="kodepos_per" type="text" class="style1" value="<? echo"$kodepos_per"; ?>" size="35"></td> <td> ;</td> </tr> <tr class="style1"> <td></td> <td>Telepon</td> <td>:</td> <td><input name="telp_per" type="text" class="style1" value="<? echo"$telp_per"; ?>" size="35"></td> <td> ;</td> </tr> <tr class="style1"> <td></td> <td>Faximile</td> <td>:</td> <td><input name="fax_per" type="text" class="style1" value="<? echo"$fax_per"; ?>" size="35"></td> <td> ;</td> </tr> <tr class="style1"> <td></td> <td>Email</td> <td>:</td> <td><input name="email_per" type="text" class="style1" value="<? echo"$email_per"; ?>" PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 159 size="35"></td> <td> ;</td> </tr> <tr class="style1"> <td></td> <td>No rekening </td> <td>:</td> <td><input name="norekening_per" type="text" class="style1" value="<? echo"$norekening_per"; ?>" size="35"></td> <td> ;</td> </tr> <tr class="style1"> <td></td> <td>Bank </td> <td>:</td> <td><input name="bank_per" type="text" class="style1" value="<? echo"$bank_per"; ?>" size="35"></td> <td> ;</td> </tr> <tr class="style1"> <td></td> <td>Pimpinan</td> <td>:</td> <td><input name="pimpinan" type="text" class="style1" value="<? echo"$pimpinan"; ?>" size="35"></td> <td> ;</td> </tr> <tr class="style1"> <td></td> <td>No identitas pimpinan </td> <td>:</td> <td><input name="no_identitas_pimpinan" type="text" class="style1" value="<? echo"$no_identitas_pimpinan"; ?>" size="35"></td> <td> ;</td> </tr> <tr class="style1"> <td></td> <td valign="top">Deskripsi</td> <td class="style1" valign="top">:</td> <td><textarea name="deskripsi_per" rows="5" cols="40" class="style1"><? echo"$deskripsi_per"; ?></textarea></td> <td> ;</td> </tr> <tr class="style1"> <td></td> <td>Tanggal daftar </td> <td>:</td> <td><input name="tanggal_daftar" type="text" class="style1" value="<? echo"$tanggal_daftar"; ?>" size="35" readonly="readonly"></td> PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 160 <td> ;</td> </tr> <tr class="style1"> <td class="style1"> ;</td> <td class="style1" valign="top">Gambar</td> <td class="style1" valign="top">:</td> <td class="style1"><input type="text" name="gambar_per" class="style1" size="35" value="<? echo"$gambar_per";?>"> Gambar Lama <input type="file" name="gambar_per_baru"></td> <td> ;</td> </tr> <tr class="style1"> <td class="style1"> ;</td> <td class="style1"> ;</td> <td class="style1"> ;</td> <td class="style1"> ;</td> <td> ;</td> </tr> <tr class="style1"> <td> ;</td> <td colspan="3" align="center"> ;</td> <td> ;</td> </tr> <tr class="style1"> <td> ;</td> <td colspan="3" align="center"><input type="hidden" name="sid" value="<? echo "$sid";?>"><input type="submit" name="simpan" value="S I M P A N"> ; ; <input type="hidden" name="sid" value="<? echo "$sid";?>"><input type="submit" name="batal" value="B A T A L"></td> <td> ;</td> </tr> </table> </form> Program hasil proses edit data Program ini berfungsi untuk memasukkan proses edit data perusahaan data pada tabel perusahaan. Program ini disimpan dalam file kirim_edit_profil.php, dan potongan programnya adalah sebagai berikut : $query = "UPDATE perusahaan ". "SET nama_per='$nama_per', ". "alamat_per='$alamat_per', ". "kodepos_per='$kodepos_per', ". PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 161 "telp_per='$telp_per', ". "fax_per='$fax_per', ". "email_per='$email_per', ". "norekening_per='$norekening_per', ". "bank_per='$bank_per', ". "pimpinan='$pimpinan', ". "no_identitas_pimpinan='$no_identitas_pimpinan', ". "deskripsi_per='$deskripsi_per', ". "tanggal_daftar='$tanggal_daftar', ". "gambar_per='$gambar_per_baru_name' ". "WHERE kode_per=$kode_per"; $hasil = mysql_query($query); if(!$hasil) { echo "query = $query "; } 4. Implementasi proses dari administrator a. Proses validasi Proses validasi ini digunakan untuk mengecek apakah identitas administrator yang berupa username dan password sudah sesuai dengan username dan password pada tabel login. Program dari proses validasi ini terbagi menjadi : Program proses validasi Program ini berfungsi untuk menampilkan form validasi. Program ini disimpan dalam file admin_password.php, dan potongan programnya adalah sebagai berikut : <form method="get" action="kirim_admin_login.php"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="12" height="91"></td> <td width="238" valign="top"><table width="223" height="86" border="0"> <tr> <td width="61" height="23" class="style30 style31">Username</td> <td width="10" class="style32">:</td> <td width="123" class="style32"><input name="username_admin" PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 162 type="text" class="style32" size="25"></td> </tr> <tr> <td height="23" class="style32">Password</td> <td class="style32">:</td> <td class="style32"><input name="password_admin" type="password" class="style32" size="25"></td> </tr> <tr> <td height="32"> ;</td> <td> ;</td> <td><table width="57" border="0"> <tr> <td width="51" height="26"><input type="submit" name="login" value="LOGIN"></td> </tr> </table></td> </tr> </table></td> </tr> <tr> <td height="2"></td> <td></td> </tr> </table> </form> Program hasil proses validasi Program ini berfungsi untuk melakukan pengecekan masukan administrator apakah sudah sesuai dengan data yang ada pada tabel login. Program ini disimpan dalam file kirim_admin_login.php, dan potongan programnya adalah sebagai berikut : $qlog = mysql_query("SELECT username, password from login where username='$username_admin' and password='$password_admin' and status='administrator'"); PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 163 b. Proses input data Proses input data perusahaan Proses ini digunakan oleh administrator untuk melakukan input data suatu perusahaan baru. Proses ini terbagi menjadi 2 proses, yaitu proses menampilkan form untuk melakukan pengisian data perusahaan baru. Program ini disimpan dalam file input_per.php, dan potongan programnya adalah sebagai berikut : <form name="form1" method="post" action="kirim_input_per.php?sid=<? echo"$sid";?>"> <table width="635" border="0"> <tr> <td width="50"> ;</td> <td width="192"> ;</td> <td width="23"> ;</td> <td width="298"> ;</td> <td width="50"> ;</td> </tr> <tr> <td> ;</td> <td class="style1">Nama perusahaan </td> <td class="style1">:</td> <td><input type="text" name="nama_per" class="style1" size="35"></td> <td> ;</td> </tr> <tr> <td> ;</td> <td class="style1">Alamat</td> <td class="style1">:</td> <td><textarea name="alamat_per" class="style1" rows="3" cols="35"></textarea></td> <td> ;</td> </tr> <tr> <td> ;</td> <td class="style1">Kodepos</td> <td class="style1">:</td> <td> <input type="text" name="kodepos_per" size="15" class="style1"></td> <td> ;</td> </tr> <tr> <td> ;</td> <td class="style1">No. Telepon </td> <td class="style1">:</td> PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 164 <td><input type="text" name="telp_per" class="style1" size="25"></td> <td> ;</td> </tr> <tr> <td> ;</td> <td class="style1">No. Faximile </td> <td class="style1">:</td> <td><input type="text" name="fax_per" class="style1" size="25"></td> <td> ;</td> </tr> <tr> <td> ;</td> <td class="style1">Email</td> <td class="style1">:</td> <td><input type="text" name="email_per" class="style1" size="35"></td> <td> ;</td> </tr> <tr> <td> ;</td> <td class="style1">No Rekening </td> <td class="style1">:</td> <td><input type="text" name="norekening_per" class="style1" size="35"></td> <td> ;</td> </tr> <tr> <td> ;</td> <td class="style1">Bank</td> <td class="style1">:</td> <td><input type="text" name="bank_per" class="style1" size="35"></td> <td> ;</td> </tr> <tr> <td> ;</td> <td class="style1">Pimpinan</td> <td class="style1">:</td> <td><input type="text" name="pimpinan" class="style1" size="35"></td> <td> ;</td> </tr> <tr> <td> ;</td> <td class="style1">Deskripsi perusahaan </td> <td class="style1">:</td> <td><textarea name="deskripsi_per" class="style1" rows="10" cols="45"></textarea></td> <td> ;</td> </tr> <tr> <td> ;</td> <td class="style1">Gambar / Logo </td> <td class="style1">:</td> <td><table width="200" border="0"> <tr> PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 165 <td><input type="text" name="gambar_per" class="style1" size="35"></td> <td><input type="hidden" name="sid" value="<? echo "$sid";?>"> <input type="submit" name="browse" value="BROWSE"></td> </tr> </table></td> <td> ;</td> </tr> <tr> <td> ;</td> <td> ;</td> <td> ;</td> <td><table width="200" border="0"> <tr> <td width="61"><input type="hidden" name="sid" value="<? echo "$sid";?>"> <input type="submit" name="simpan_per" value="SIMPAN"></td> <td width="15"> ;</td> <td width="110"><input type="hidden" name="sid" value="<? echo "$sid";?>"> <input type="submit" name="batal_per" value="BATAL"></td> </tr> </table></td> <td> ;</td> </tr> </table> </form> Proses yang kedua yaitu proses hasil dari penginputan data dengan memasukkan data tersebut ke dalam tabel perusahaan. Program ini disimpan dalam file kirim_input_per.php, dan potongan programnya adalah sebagai berikut : //memasukkan data perusahaan ke dalam tabel perusahaan $query = "insert into perusahaan (nama_per, alamat_per, kodepos_per, telp_per, fax_per, email_per, norekening_per, bank_per, pimpinan, deskripsi_per, gambar_per) values ('$nama_per','$alamat_per', '$kodepos_per', '$telp_per', '$fax_per', '$email_per', '$norekening_per', '$bank_per', '$pimpinan', '$deskripsi_per', '$gambar_per_name')"; P roses input data produk Proses ini digunakan oleh administrator untuk melakukan input data produk dari suatu perusahaan. Proses ini terbagi PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 166 menjadi 2 proses, yaitu proses menampilkan form untuk melakukan pengisian data produk. Program ini disimpan dalam file input_produk.php, dan potongan programnya adalah sebagai berikut : <form name="form1" method="post" action="kirim_input_produk.php"> <table width="620" border="0"> <tr> <td width="50"> ;</td> <td width="190"> ;</td> <td width="18"> ;</td> <td width="291"> ;</td> <td width="49"> ;</td> </tr> <tr> <td> ;</td> <td class="style1">Kode perusahaan </td> <td class="style1">:</td> <td><select name="kode_per" class="style1"> <option> Pilih kode Perusahaan </option> <? include "../data/koneksi.php"; $hasil=mysql_query("select kode_per,nama_per from perusahaan order by kode_per asc"); while($d=mysql_fetch_array($hasil)) { $kodep=$d[kode_per]; $namap=$d[nama_per]; echo "<option value='$kodep'>$namap</option>"; } ?> </select></td> <td> ;</td> </tr> <tr> <td> ;</td> <td class="style1">Nama produk </td> <td class="style1">:</td> <td><input type="text" name="nama_produk" class="style1" size="35"></td> <td> ;</td> </tr> <tr> <td> ;</td> <td class="style1">Ukuran</td> <td class="style1">:</td> <td><input type="text" name="ukuran" size="35" class="style1"></td> <td> ;</td> </tr> <tr> <td> ;</td> <td class="style1">Jumlah stok </td> <td class="style1">:</td> PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 167 <td><input type="text" name="stok" class="style1" size="10"></td> <td> ;</td> </tr> <tr> <td> ;</td> <td class="style1">Bahan</td> <td class="style1">:</td> <td><input type="text" name="bahan" class="style1" size="35"></td> <td> ;</td> </tr> <tr> <td> ;</td> <td class="style1">Harga satuan</td> <td class="style1">:</td> <td><input type="text" name="harga_satuan" class="style1" size="35"></td> <td> ;</td> </tr> <tr> <td> ;</td> <td class="style1">Keterangan</td> <td class="style1">:</td> <td><textarea name="keterangan" class="style1" rows="5" cols="35"></textarea></td> <td> ;</td> </tr> <tr> <td> ;</td> <td class="style1">Gambar</td> <td class="style1">:</td> <td><table width="200" border="0"> <tr> <td width="210"><input type="text" name="gambar" class="style1" size="35"></td> <td width="59"><input type="hidden" name="sid" value="<? echo "$sid";?>"> <input type="submit" name="browse" class="style1" value="BROWSE"></td> </tr> </table></td> <td> ;</td> </tr> <tr> <td> ;</td> <td> ;</td> <td> ;</td> <td><table width="200" border="0"> <tr> <td width="61"><input type="hidden" name="sid" value="<? echo "$sid";?>"> <input type="submit" name="simpan_produk" value="SIMPAN"></td> <td width="15"> ;</td> <td width="110"><input type="hidden" name="sid" value="<? echo "$sid";?>"> <input type="submit" name="batal_produk" value="BATAL"></td> </tr> </table></td> <td> ;</td> </tr> </table> </form> PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 168 Proses yang kedua yaitu proses hasil dari penginputan data dengan memasukkan data tersebut ke dalam tabel produk. Program ini disimpan dalam file kirim_input_produk.php, dan potongan programnya adalah sebagai berikut : //memasukkan data ke tabel produk $query = "insert into produk (kode_per, nama_produk, ukuran, stok, bahan, harga_satuan, keterangan, gambar_produk) values ('$kode_per','$nama_produk', '$ukuran', '$stok', '$bahan', '$harga_satuan', '$keterangan', '$gambar_name')"; Proses input data artikel atau berita Proses ini digunakan oleh administrator untuk melakukan input data artikel ataupun berita terbaru dari perusahaan. Proses ini terbagi menjadi 2 proses, yaitu proses menampilkan form untuk melakukan pengisian data artikel atau berita. Program ini disimpan dalam file input_artikel.php, dan potongan programnya adalah sebagai berikut : <form name="form1" method="post" action="kirim_input_artikel.php?sid=<? echo"$sid"; ?>"> <table width="638" border="0"> <tr> <td width="50"> ;</td> <td width="132"> ;</td> <td width="13"> ;</td> <td width="378"> ;</td> <td width="43"> ;</td> </tr> <tr> <td> ;</td> <td class="style1">Judul</td> <td class="style1">:</td> <td><input type="text" name="judul" class="style1" size="35"></td> <td> ;</td> </tr> <tr> PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 169 <td> ;</td> <td class="style1">Kategori</td> <td class="style1">:</td> <td><select name="kategori" class="style1"> <option> Pilih Kategori Artikel </option> <option value="artikel">Artikel</option> <option value="berita">Berita</option> </select></td> <td> ;</td> </tr> <tr> <td> ;</td> <td class="style1">Paragraf index </td> <td class="style1">:</td> <td><textarea name="par_index" class="style1" rows="10" cols="60"></textarea></td> <td> ;</td> </tr> <tr> <td> ;</td> <td class="style1">Paragraf tambahan </td> <td class="style1">:</td> <td><textarea name="par_tambahan" class="style1" rows="15" cols="60"></textarea></td> <td> ;</td> </tr> <tr> <td> ;</td> <td class="style1">Gambar</td> <td class="style1">:</td> <td><table width="335" border="0"> <tr> <td width="210"><input type="text" name="gambar" class="style1" size="35"></td> <td width="115"><input type="hidden" name="sid" value="<? echo "$sid";?>"> <input name="browse" type="submit" class="style1" value="BROWSE"></td> </tr> </table></td> <td> ;</td> </tr> <tr> <td> ;</td> <td> ;</td> <td> ;</td> <td><table width="203" border="0"> <tr> <td width="85"><input type="hidden" name="sid" value="<? echo "$sid";?>"><input type="submit" name="simpan_berita" value="SIMPAN"></td> <td width="10"> ;</td> <td width="94"><input type="hidden" name="sid" value="<? echo "$sid";?>"><input type="submit" name="batal_berita" value="BATAL"></td> </tr> </table></td> <td> ;</td></tr> </table> </form> PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 170 Proses yang kedua yaitu proses hasil dari penginputan data dengan memasukkan data tersebut ke dalam tabel artikel. Program ini disimpan dalam file kirim_input_artikel.php, dan potongan programnya adalah sebagai berikut : //memasukkan data artikel ke dalam tabel artikel $query = "insert into artikel(judul, kategori, par_index, par_tambahan, tanggal_berita, gambar) values ('$judul', '$kategori', '$par_index', '$par_tambahan', '$tanggal','$gambar_name')"; c. Proses tampil data Tampil data perusahaan Proses ini digunakan untuk menampilkan data perusahaan. Program ini disimpan dalam file daftar_per.php, dan potongan programnya adalah sebagai berikut : $hasil=mysql_query("select * from perusahaan order by kode_per desc"); Setelah program menampilkan data perusahaan, maka administrator dapat mengubah data tersebut dengan mengklik edit. Potongan program untuk mengedit data perusahaan adalah sebagai berikut : $query = "UPDATE perusahaan SET nama_per='$nama_per', alamat_per='$alamat_per', kodepos_per='$kodepos_per', telp_per='$telp_per', fax_per='$fax_per', email_per='$email_per', norekening_per='$norekening_per', bank_per='$bank_per', pimpinan='$pimpinan', PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 171 deskripsi_per='$deskripsi_per', WHERE kode_per=$kode_per"; Tampil data calon perusahaan Proses ini digunakan untuk menampilkan data calon perusahaan yang telah bergabung dengan sistem ini. Program ini disimpan dalam file calon_per.php, dan potongan programnya adalah sebagai berikut : $hasil=mysql_query("select * from perusahaan where status=0 order by kode_per asc"); Tampil data perusahaan Proses ini digunakan untuk menampilkan data perusahaan yang telah bergabung dengan sistem ini. Program ini disimpan dalam file daftar_per.php, dan potongan programnya adalah sebagai berikut : $hasil=mysql_query("select * from perusahaan where status=1 order by kode_per asc"); Tampil data anggota Proses ini digunakan untuk menampilkan data anggota yang telah bergabung dengan sistem ini. Program ini disimpan PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 172 dalam file daftar_ang.php, dan potongan programnya adalah sebagai berikut : $hasil=mysql_query("select * from anggota where status=1 order by id_anggota asc"); Setelah program menampilkan data anggota, maka administrator dapat mengubah data tersebut dengan mengklik edit. Potongan program untuk mengedit data data anggota adalah sebagai berikut : $query = "UPDATE anggota SET nama_anggota='$nama_anggota', jenis_kelamin ='$jenis_kelamin', alamat_anggota='$ alamat_anggota ', kodepos_ anggota ='$kodepos_anggota', telp_ anggota ='$telp_ anggota ', email_ anggota ='$email_ anggota ', jenis_identitas='$ jenis_identitas ', no_identitas ='$no_identitas', username_anggota='$ username_anggota ', password_anggota ='$password_anggota ', WHERE id_anggota=$ id_anggota "; Tampil data calon anggota Proses ini digunakan untuk menampilkan data calon anggota yang telah bergabung dengan sistem ini. Program ini disimpan dalam file daftar_calon_ang.php, dan potongan programnya adalah sebagai berikut : $hasil=mysql_query("select * from anggota where status=0 order by id_anggota asc"); PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 173 Tampil data artikel dan berita Proses ini digunakan untuk menampilkan data artikel maupun berita. Program ini disimpan dalam file daftar_artikel.php, dan potongan programnya adalah sebagai berikut : $hasil=mysql_query("select * from artikel order by no_artikel desc"); Setelah program menampilkan data artikel, maka administrator dapat mengubah data tersebut dengan mengklik edit. Potongan program untuk mengedit data data artikel adalah sebagai berikut : $query = "UPDATE artikel SET judul='$ judul ', kategori='$ kategori ', par_index='$ par_index', par_tambahan='$ par_tambahan', gambar ='$gambar', WHERE no_artikel =$no_artikel"; Tampil data buku tamu Proses ini digunakan untuk menampilkan data buku tamu. Program ini disimpan dalam file lap_bukutamu.php, dan potongan programnya adalah sebagai berikut : $hasil=mysql_query("select * from bukutamu order by id desc"); PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 174 Tampil data pemesanan Proses ini digunakan untuk menampilkan data pemesanan berdasarkan nama perusahaan. Program ini disimpan dalam file daftar_pemesanan.php, dan potongan programnya adalah sebagai berikut : //untuk menampilkan daftar pemesanan berdasarkan nama perusahaan $hasil4=mysql_query("select ps.no_nota, ps.tanggal_pesan, ps.id_anggota, ps.total, ps.status_pesan, pb.no_nota, pb.kode_produk, p.kode_produk, p.kode_per, per.kode_per, a.nama_anggota, ps.status1 from anggota a,pemesanan ps,pemesanan_barang pb, produk p, perusahaan per where ps.id_anggota=a.id_anggota and ps.no_nota=pb.no_nota pb.kode_produk=p.kode_produk and p.kode_per=per.kode_per per.kode_per=$kode_per and ps.status1='0'"); and and Tampil data pemesanan barang Proses ini digunakan untuk menampilkan data pemesanan barang berdasarkan nama perusahaan. Program ini disimpan dalam file daftar_pemesanan_barang.php, dan potongan programnya adalah sebagai berikut : //untuk menampilkan daftar pemesanan barang berdasarkan nama perusahaan $hasil4=mysql_query("select pb.no_nota, pb.kode_produk, pb.jumlah_brg, p.kode_produk, p.kode_per, p.nama_produk, per.kode_per, pb.status from pemesanan_barang pb, produk p, perusahaan per where pb.kode_produk=p.kode_produk and p.kode_per=per.kode_per and per.kode_per=$kode_per and pb.status='0'"); PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 175 Tampil data pembayaran Proses ini digunakan untuk menampilkan data pembayaran yang telah dilakukan oleh anggota. Program ini disimpan dalam file daftar_pembayaran.php, dan potongan programnya adalah sebagai berikut : //digunakan untuk menampilkan daftar pembayaran berdasarkan nama perusahaan $hasil4=mysql_query("select ps.no_nota, ps.id_anggota, ps.tanggal_pesan, ps.total, pem.tgl_transfer, pem.jenis_transfer, pem.atas_nama, pem.no_nota, pb.no_nota, pb.kode_produk, p.kode_produk, p.kode_per, per.kode_per, pem.jumlah from pembayaran pem,pemesanan ps,pemesanan_barang pb, produk p, perusahaan per where pem.no_nota=ps.no_nota and ps.no_nota=pb.no_nota pb.kode_produk=p.kode_produk and p.kode_per=per.kode_per per.kode_per=$kode_per and pem.status_bayar='0'"); and and Tampil laporan penjualan per bulan Proses ini digunakan untuk menampilkan daftar barang penjualan setiap perusahaan untuk setiap bulannya. Program ini disimpan dalam file lap_bulanan.php, dan potongan programnya adalah sebagai berikut : $hasil=mysql_query("select pb.kode_produk, sum(pb.jumlah_brg) as jumlah_brg, p.nama_produk, p.harga_satuan, ps.tanggal_selesai from pembayaran pem, pemesanan ps, pemesanan_barang pb, produk p, perusahaan per where pem.no_nota=ps.no_nota and ps.no_nota=pb.no_nota and pb.kode_produk=p.kode_produk and p.kode_per=per.kode_per and per.kode_per=$kode_per and ps.status_pesan='Selesai' and year(ps.tanggal_selesai) = $thn_lap and month(ps.tanggal_selesai) = $bln_lap group by pb.kode_produk "); PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 176 Tampil laporan penjualan per tahun Proses ini digunakan untuk menampilkan data barang yang terjual berdasarkan nama perusahaan dan tahun penjualan. Program ini disimpan dalam file lap_brg_terjual.php, dan potongan programnya adalah sebagai berikut : //untuk menampilkan laporan barang terjual berdasarkan nama $hasil4=mysql_query("select pb.kode_produk, sum(pb.jumlah_brg) as jumlah_brg, p.nama_produk, p.harga_satuan, ps.tanggal_selesai from pembayaran pem, pemesanan ps, pemesanan_barang pb, produk p, perusahaan per where pem.no_nota=ps.no_nota and ps.no_nota=pb.no_nota and pb.kode_produk=p.kode_produk and p.kode_per=per.kode_per and per.kode_per=$kode_per and ps.status_pesan='Selesai' and year(ps.tanggal_selesai) = $thn_lap group by pb.kode_produk"); Tampil laporan barang terlaris Proses ini digunakan untuk menampilkan data barang yang terlaris. Program ini disimpan dalam file lap_brg_terlaris.php, dan potongan programnya adalah sebagai berikut : //untuk menampilkan laporan barang terlaris berdasarkan jumlah penjualan barang yang telah selesai $hasil4=mysql_query("select pb.kode_produk, sum(pb.jumlah_brg) as jumlah_brg, p.nama_produk, per.nama_per,p.harga_satuan from pembayaran pem, pemesanan ps, pemesanan_barang pb, produk p, perusahaan per where pem.no_nota=ps.no_nota and ps.no_nota=pb.no_nota and pb.kode_produk=p.kode_produk and p.kode_per=per.kode_per and ps.status_pesan='Selesai' and year(pem.tgl_transfer) = $thn_ini group by pb.kode_produk order by jumlah_brg DESC limit 0,10"); PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 177 C. Implementasi Antarmuka 1. Implementasi antarmuka dari sisi pengunjung Gambar 4.1 Halaman Utama untuk Pengunjung Gambar 4.2 Halaman Berita untuk Pengunjung PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 178 Gambar 4.3 Halaman Daftar Anggota untuk Pengunjung PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 179 Gambar 4.4 Halaman Buku tamu untuk Pengunjung Gambar 4.5 Halaman Profil Perusahaan untuk Pengunjung PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 180 Gambar 4.6 Halaman Detail Perusahaan untuk Pengunjung Gambar 4.7 Halaman Produk untuk Pengunjung PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 181 Gambar 4.8 Halaman Artikel untuk Pengunjung PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 182 Gambar 4.9 Halaman Pendaftaran Perusahaan untuk Pengunjung PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 183 2. Implementasi antarmuka dari sisi anggota Gambar 4.10 Halaman Login Anggota Gambar 4.11 Halaman Konfirmasi Login Anggota PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 184 Gambar 4.12 Halaman Utama untuk Anggota Gambar 4.13 Halaman Perusahaan untuk Anggota PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 185 Gambar 4.14 Halaman Detail Perusahaan untuk Anggota Gambar 4.15 Halaman Detail Produk untuk Anggota PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 186 Gambar 4.16 Halaman Edit Data Pribadi untuk Anggota Gambar 4.17 Halaman Ganti Password untuk Anggota PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 187 Gambar 4.18 Halaman Pemesanan untuk Anggota Gambar 4.19 Halaman Status Pemesanan untuk Anggota PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 188 Gambar 4.20 Halaman Konfirmasi Pembayaran untuk Anggota Gambar 4.21 Halaman Kirim Pesan untuk Anggota PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 189 3. Implementasi antarmuka dari sisi Perusahaan Gambar 4.22 Halaman Login untuk Perusahaan Gambar 4.23 Halaman Konfirmasi Login untuk Perusahaan PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 190 Gambar 4.24 Halaman Utama untuk Perusahaan Gambar 4.25 Halaman Profil Perusahaan untuk Perusahaan PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 191 Gambar 4.26 Halaman Input Produk untuk Perusahaan Gambar 4.27 Halaman Daftar Produk untuk Perusahaan PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 192 Gambar 4.28 Halaman Daftar Pemesanan untuk Perusahaan Gambar 4.29 Halaman Daftar Pemesanan Barang untuk Perusahaan PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 193 Gambar 4.30 Halaman Daftar Pembayaran untuk Perusahaan Gambar 4.31 Halaman Daftar Pembayaran Lunas untuk Perusahaan PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 194 Gambar 4.32 Halaman Laporan Penjualan Produk per Bulan untuk Perusahaan Gambar 4.33 Halaman Laporan Penjualan Produk per Tahun untuk Perusahaan PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 195 Gambar 4.34 Halaman Kirim Pesan untuk Perusahaan Gambar 4.35 Halaman Ganti Password untuk Perusahaan PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 196 4. Implementasi antarmuka dari sisi administrator Gambar 4.36 Halaman Login untuk Administrator Gambar 4.37 Halaman Konfirmasi Login untuk Administrator PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 197 Gambar 4.38 Halaman Utama untuk Administrator PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 198 Gambar 4.39 Halaman Input Data Perusahaan untuk Administrator Gambar 4.40 Halaman Input Data Produk untuk Administrator PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 199 Gambar 4.41 Halaman Input Artikel dan Berita untuk Administrator Gambar 4.42 Halaman Daftar Calon Perusahaan Anggota PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 200 Gambar 4.43 Halaman Daftar Perusahaan untuk Administrator Gambar 4.44 Halaman Detail Daftar Perusahaan untuk Administrator PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 201 Gambar 4.45 Halaman Edit Perusahaan untuk Administrator PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 202 Gambar 4.46 Halaman Daftar Calon Anggota untuk Administrator Gambar 4.47 Halaman Daftar Anggota untuk Administrator PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 203 Gambar 4.48 Halaman Detail Anggota untuk Administrator Gambar 4.49 Halaman Edit Anggota untuk Administrator PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 204 Gambar 4.50 Halaman Daftar Produk untuk Administrator Gambar 4.51 Halaman Detail Produk untuk Administrator PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 205 Gambar 4.52 Halaman Edit Produk untuk Administrator Gambar 4.53 Halaman Daftar Artikel untuk Administrator PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 206 Gambar 4.54 Halaman Detail Artikel untuk Administrator PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 207 Gambar 4.55 Halaman Edit Artikel untuk Administrator Gambar 4.56 Halaman Daftar Pemesanan untuk Administrator PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 208 Gambar 4.57 Halaman Daftar Pemesanan Barang untuk Administrator Gambar 4.58 Halaman Daftar Pembayaran untuk Administrator PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 209 Gambar 4.59 Halaman Laporan Penjualan per Tahun untuk Administrator Gambar 4.60 Halaman Laporan Penjualan per Bulan untuk Administrator PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 210 Gambar 4.61 Halaman Barang Terlaris untuk Administrator Gambar 4.62 Halaman Laporan Buku Tamu untuk Administrator PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 211 Gambar 4.63 Halaman Kirim Pesan untuk Administrator Gambar 4.64 Halaman Pesan Masuk untuk Administrator PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 212 Gambar 4.65 Halaman Ganti Password untuk Administrator PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 213 BAB V PENUTUP A. KESIMPULAN Sistem Informasi Kerajinan Batik dan Kain Perca Yogyakarta Berbasis Web ini dibangun untuk mengatasi masalah yang timbul karena tidak efisiennya kinerja perusahaan dalam melakukan pemasaran serta periklanan produkproduk yang dihasilkan dari kerajinan batik dan kain perca tersebut. Sistem Informasi Kerajinan Batik dan Kain Perca Yogyakarta ini telah berhasil dibangun dengan menggunakan bahasa pemrograman PHP (Personel Home Pages Hypertext Prepocessor) dan MySQL (My Structure Query Language) sebagai pengelola databasenya. Pengguna sistem ini meliputi pengunjung, anggota, perusahaan, serta administrator. Pengunjung hanya dapat mengakses informasi produk dari perusahaan yang tergabung dalam situs web ini. Anggota merupakan pengunjung yang telah mendaftarkan diri melalui fasilitas daftar anggota. Fasilitas untuk anggota meliputi pemesanan barang, melihat status pemesanan, serta dapat melakukan konfirmasi pembayaran. Perusahaan merupakan produsen yang telah mendaftarkan diri melalui fasilitas pendaftaran perusahaan. Fasilitas perusahaan meliputi input produk, daftar pemesanan, daftar pemesanan barang, daftar pembayaran, serta laporan penjualan per tahun maupun per bulan. Administrator 213 PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 214 merupakan pengelola situs web yang menangani semua proses yang terjadi dalam sistem. Dengan adanya sistem informasi ini, kinerja perusahaan dalam melakukan promosi produksinya menjadi lebih efisien dan jangkauan pemasarannya lebih luas jika dibandingkan dengan promosi melalui pameran kerajinan seperti yang biasa dilakukan oleh perusahaan kerajinan. Sistem juga memudahkan pengguna untuk mendapatkan informasi yang akurat tentang jenis produksi yang ditawarkan oleh perusahaan. B. SARAN Adapun saran yang penulis sampaikan untuk pengembangan sistem lebih lanjut adalah 1. Dapat dikembangkan fasilitas pemesanan secara online yang akan lebih memudahkan anggota dalam melakukan pelunasan pembayaran pemesanan. 2. Dapat dikembangkan format laporan yang lebih bervariasi. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 215 DAFTAR PUSTAKA Membuat Website. Interaktif dengan Macromedia Dreamweaver MX.(2002). Yogyakarta : Andi Yogyakarta dan Wahana Komputer Semarang. Seri Panduan Lengkap Adobe Photoshop 7.0.(2002).Yogyakarta : Andi Yogyakarta dan Madcoms Madiun. Panduan Aplikatif Desain Web dengan Macromedia Dreamweaver MX 2004. (2004).Yogyakarta : Andi Yogyakarta dan Wahana Komputer Semarang. Budi Sutedjo Dharma Oetomo, S.Kom., MM.(2002). Perencanaan dan Pembangunan Sistem Informasi, Penerbit Andi Yogyakarta, Chandra.(2005).Menu Interaktif Flash MX 2004.Palembang:Maxikom. Hartanto, Bernard & Ferdianto Wijaya.(2004). The Magic of Flash MX 2004. Jakarta:PT Elex Media Komputindo. Kadir, Abdul.(2003).Dasar pemrograman Web Dinamis Menggunakan PHP. Yogyakarta: Penerbit Andi. Pedoman Penulisan Skripsi.(2004).Yogyakarta: Universitas Sanata Dharma Pressman, Roger S, Ph.D.(2002).Rekayasa Perangkat Lunak Pendekatan Praktisi (Buku Satu).Yogyakarta:Penerbit Andi. Rosa, Prima, Msc.(2005). Informasi.Yogyakarta. Handout : Pengembangan Sistem Rosa, Prima, Msc & Sri Hartati, S.Si.(2004). Handout : Basis Data II. Yogyakarta. Sakur, Stendy B.(2004).Aplikasi Web Database dengan Dreamweaver MX 2004. Yogyakarta:Penerbit Andi. Suciadi, Andreas Andi.(2003).Menguasai Pembuatan Animasi dengan Macromedia Flash MX.Jakarta:PT Elex Media Komputindo. Sutedjo, Budi, S.Kom., MM & Samuel Prakoso, S.Kom.(2004). Handout : Penegembangan Aplikasi Berbasis Web. Yogyakarta 215 PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 216 Turban, Mc Lean, and Wetherbe. Information Technology for Management. Second Edition, John Wiley & Sons, Inc, 1999. http://batikhouse.net/ http://batikhouse.net/aboutbatik.php http://www.batikalhadi.co.id/about.php?batik PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI lampiran PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI LAMPIRAN PETUNJUK PEMAKAIAN A. Pengujung Pengunjung yaitu semua orang yang membuka atau mengunjungi situs web ini. Pengunjung hanya dapat mengakses informasi dalam situs web ini serta mengisi buku tamu. 1. Halaman Utama Halaman Utama untuk pengunjung terdapat beberapa menu utama, yaitu meliputi : Tombol Halaman Utama ini digunakan jika pengunjung ingin kembali mengakses ke halaman utama. Tombol Profil Perusahaan ini digunakan jika pengunjung ingin melihat informasi mengenai profilprofil dari semua perusahaan yang tergabung dengan situs web ini. Tombol Produk ini digunakan jika pengunjung ingin mengetahui berbagai macam produk yang dihasilkan oleh berbagai perusahaan yang terdaftar. Tombol Artikel ini digunakan jika pengunjung ingin melihat berbagai macam artikel terbaru. Tombol Pendaftaran Anggota ini digunakan jika pengunjung ingin mendaftarkan diri menjadi anggota dari situs web ini. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI Tombol Buku Tamu ini digunakan jika pengunjung ingin memasukkan komentar atau saran ke situs web ini. Tombol Lihat Daftar Anggota ini digunakan jika pengunjung ingin melihat anggota yang telah terdaftar pada situs web ini. Tombol Pendaftaran Perusahaan ini digunakan jika pengunjung berminat untuk mempromosikan hasil kerajinannya melalui situs web ini. 2. Tampilan Pencarian Pencarian ini dapat digunakan oleh pengunjung untuk melakukan pencarian informasi tentang perusahaan, produk serta artikel. Pengunjung hanya memasukkan kata kunci yang akan dicari dan memilih kategorinya, yaitu artikel, perusahaan, dan produk. 3. Tampilan Login Tampilan Login ini digunakan oleh pengunjung yang telah terdaftar menjadi pengunjung untuk masuk ke halaman anggota. Masukkan PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI Username dan Password, kemudian klik untuk masuk ke halaman anggota. 4. Halaman Profil Perusahaan Halaman ini digunakan untuk melihat profil perusahaan yang tergabung dengan sistem ini. Klik nama perusahaan atau klik detail untuk melihat detail dari perusahaan tersebut. 5. Halaman Produk Halaman Produk ini digunakan untuk menampilkan detail produk yang telah dihasilkan oleh suatu perusahaan. 6. Halaman Artikel Halaman Artikel ini menampilkan berbagai macam artikel. Klik nama artikel atau detail untuk melihat detail dari artikel tersebut. 7. Halaman Pendaftaran Anggota Halaman Pendaftaran Anggota dapat digunakan oleh pengunjung untuk mendaftarkan diri sebagai anggota dari sistem ini. Baca prosedur Pendaftaran menjadi Anggota yang terdapat pada sebelah atas dari halaman tersebut. Isilah datadata yang dibutuhkan dengan lengkap. Ingatlah username serta password Anda. Klik klik untuk mendaftarkan dan untuk membatalkan pendaftaran. 8. Halaman Buku tamu Halaman Buku Tamu ini digunakan oleh pengunjung jika ingin menyampaikan saran atau kritik untuk sistem ini. Isilah nama, email, serta PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI komentar pengunjung, kemudian klik tamu tersebut, serta klik untuk mengirimkan buku untuk membatalkan pengiriman. Klik jika ingin melihat daftar buku tamu yang telah ada sebelumnya. 9. Halaman Pendaftaran Perusahaan Halaman Pendaftaran perusahaan dapat digunakan oleh pengunjung untuk mendaftarkan perusahaannya. Baca prosedur Pendaftaran perusahaan yang terdapat pada sebelah atas dari halaman tersebut. Isilah datadata yang dibutuhkan dengan lengkap. Ingatlah password Anda. Klik untuk mendaftarkan perusahaan Anda dan klik untuk membatalkan pendaftaran. B. Anggota Anggota merupakan pengunjung yang telah melakukan pendaftaran. Fasilitas utama untuk anggota yaitu adanya fasilitas pemesanan produk tertentu. Untuk masuk ke halaman anggota ini, pengunjung harus memasukkan username dan password yang terdapat pada halaman pengunjung terlebih dahulu. 1. Halaman Utama Anggota Halaman Utama untuk pengunjung terdapat beberapa menu utama, yaitu meliputi : Tombol Halaman Utama ini digunakan apabila anggota ingin mengakses kembali halaman utama dari anggota tersebut. Pada halaman utama terdapat prosedur pemesanan produk yang harus dibaca terlebih dahulu apabila anggota ingin melakukan pemesanan terhadap suatu produk. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI Tombol Ganti Password ini digunakan jika anggota ingin mengubah passwordnya. Tombol Logout ini digunakan jika anggota ingin keluar dari halaman anggota. Tombol Profil Perusahaan ini digunakan jika pengunjung ingin melihat informasi mengenai profilprofil dari semua perusahaan yang tergabung dengan situs web ini. Tombol Produk ini digunakan jika pengunjung ingin mengetahui berbagai macam produk yang dihasilkan oleh berbagai perusahaan yang terdaftar. Tombol Artikel ini digunakan jika pengunjung ingin melihat berbagai macam artikel terbaru. Tombol Buku Tamu ini digunakan jika pengunjung ingin memasukkan komentar atau saran ke situs web ini. Tombol Pemesanan Produk ini digunakan jika anggota ingin melihat pemesanan yang telah dipesan. Tombol Status Pemesanan ini digunakan jika anggota ingin melihat status pemesanan dari pemesanan yang telah dipesan. Status pemesanan ini meliputi Pemesanan, Pembuatan, Pengiriman, Selesai. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI Tombol Konfirmasi Pembayaran ini digunakan untuk melakukan konfirmasi pembayaran jika anggota telah melakukan pembayaran atas nomor nota tertentu baik melalui transfer antar bank ataupun dibayarkan secara langsung ke perusahaan yang bersangkutan. Tombol Data Pribadi ini digunakan untuk melihat data pribadi dari anggota yang bersangkutan. Tombol kirim pesan digunakan jika anggota ingin mengirimkan pesan baik untuk perusahaan maupun untuk administrator. 2. Halaman Ganti Password Halaman Ganti Password ini digunakan jika anggota menginginkan perubahan pada passwordnya. Password lama anggota akan tampil secara otomatis. Isilah password baru serta konfirmasi password. Klik untuk melakukan perubahan dan klik jika tidak ingin melakukan perubahan. 3. Halaman Profil Perusahaan Halaman Profil Perusahaan pada anggota mempunyai fungsi yang sama dengan halaman profil perusahaan pada pengunjung yaitu digunakan jika anggota ingin melihat profil perusahaan yang tergabung dalam sistem. 4. Halaman Produk Halaman Produk pada anggota dapat digunakan untuk melakukan pemesanan pada suatu produk. Jika anggota ingin melakukan pemesanan, masukkan jumlah satuan yang akan dipesan ke dalam kotak sebelah kiri PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI tombol pesan yang telah disediakan. Jumlah satuan yang akan dipesan tidak boleh melebihi jumlah stok yang ada. Kemudian klik tombol jika ingin melakukan pemesanan terhadap barang tersebut. Jika anggota sudah selesai melakukan pemesanan, maka anggota harus meng klik tombol Tombol yang terletak pada halaman produk paling bawah. ini digunakan untuk menyatakan bahwa pemesanan telah selesai dilakukan dan anggota akan diberi nomor nota. 5. Halaman Artikel Halaman Artikel pada anggota juga mempunyai fungsi yang sama dengan halaman artikel pada pengunjung yaitu digunakan untuk melihat artikel terbaru. Klik judul artikel atau detail untuk melihat detail dari artikel tersebut. 6. Halaman Buku tamu Halaman buku tamu ini juga mempunyai fungsi yang sama dengan buku tamu pada halaman pengunjung yaitu digunakan jika anggota ingin menyampaikan saran atau kritik untuk sistem ini. Isilah nama, email, serta komentar pengunjung, kemudian klik tamu tersebut, serta klik Klik untuk mengirimkan buku untuk membatalkan pengiriman. jika ingin melihat daftar buku tamu yang telah ada sebelumnya. 7. Halaman Pemesanan Anda Halaman Pemesanan Anda ini digunakan jika anggota ingin melihat daftar pemesanan yang telah dilakukan. Pilih no nota terlebih PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI dahulu, kemudian klik OK. Setelah klik OK, maka anggota dapat melihat daftar pemesanan serta total pemesanan yang telah dilakukannya. 8. Halaman Status Pemesanan Halaman Status Pemesanan ini digunakan untuk melihat status pemesanan dari semua pemesanan yang telah dilakukan anggota. Status pemesanan meliputi 4 status, yaitu Pemesanan : Status pemesanan menandakan bahwa nomor nota tersebut masih dalam proses pemesanan. Pembuatan : Status Pembuatan menandakan bahwa nomor nota tersebut dalam proses pengerjaan. Pengiriman : Status Pengiriman menandakan bahwa pemesanan dengan nomor nota tersebut sedang dalam proses pengiriman Selesai : Status Selesai menandakan bahwa pemesanan dengan nomor nota tersebut sudah diterima oleh pemesan serta pembayaran sudah lunas. 9. Halaman Konfirmasi Pembayaran Halaman Konfirmasi ini digunakan untuk melakukan konfirmasi pembayaran. Pilih nomor nota yang diinginkan, kemudian klik OK. Kemudian sistem akan menampilkan total pemesanan pada nomor nota yang telah dipilih. Kemudian lengkapilan data yang ditampilkan pada sistem, yaitu tanggal transfer, jumlah pembayaran, jenis transfer, serta atas nama. Pembayaran yang dilakukan harus LUNAS. Kemudian klik tombol untuk mengirim data konfirmasi pembayaran tersebut. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 10. Halaman Data Pribadi Halaman Data Pribadi digunakan jika anggota ingin mengetahui detail datanya. Jika ingin melakukan perubahan, klik tombol . Setelah klik tombol Edit Data Pribadi, maka akan keluar tampilan form untuk melakukan perubahan data. Klik tombol untuk menyimpan perubahan data pribadi. Klik tombol untuk tidak melakukan perubahan. 11. Halaman Kirim Pesan Halaman Kirim Pesan digunakan jika anggota ingin berkomunikasi baik dengan perusahaan ataupun dengan administrator. Pada halaman ini akan ditampilkan 2 form pengiriman, yaitu form pengiriman untuk administrator dengan form pengiriman pesan untuk suatu perusahaan. Untuk pengiriman ke perusahaan, anggota hanya memilih nama perusahaan yang akan dituju, kemudian masukkan pesan Anda. Klik untuk mengirimkan pesan, dan klik untuk mambatalkan pengiriman pesan. C. Perusahaan Perusahaan merupakan produsen dari produkproduk yang ditawarkan dalam situs web ini. Untuk dapat mengakses halaman perusahaan, maka harus melalui menu yang tedapat pada menu kanan bagian bawah dari halaman utama untuk pengunjung terlebih dahulu. Klik menu Login Perusahaan, kemudian pilih nama perusahaan dan masukkan password perusahaan Anda. Jika password yang Anda masukkan benar, maka akan tampil Konfirmasi Login Perusahaan. Klik Lanjut jika ingin masuk ke menu PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI perusahaan. Setelah klik Lanjut, maka sistem akan menampilkan halaman utama untuk perusahaan. 1. Halaman Utama Halaman Utama untuk Perusahaan terdapat beberapa menu utama, yaitu meliputi : Tombol Halaman Utama ini digunakan apabila perusahaan ingin mengakses kembali halaman utama dari perusahaan tersebut. Tombol Ganti Password ini digunakan jika perusahaan ingin melakukan perubahan data passwordnya. Tombol Logout ini digunakan jika perusahaan ingin keluar dari menu perusahaan. Tombol Profil Perusahaan ini digunakan jika perusahaan ingin melihat data perusahaannya sendiri. Tombol Input Produk ini digunakan jika perusahaan ingin memasukkan data produk yang terbaru. Tombol Daftar Produk ini digunakan untuk melihat daftar produk yang telah ada. Tombol Daftar Pemesanan ini digunakan untuk melihat daftar pemesanan yang masuk. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI Tombol Daftar Pemesanan Barang ini digunakan untuk melihat daftar pemesanan barang yang masuk. Tombol Daftar Pembayaran ini digunakan untuk melihat daftar pembayaran yang telah dilakukan oleh pemesan. Tombol Daftar Pembayaran Lunas ini digunakan untuk melihat daftar pembayaran yang telah lunas. Tombol Laporan Bulanan ini digunakan untuk melihat laporan penjualan untuk bulan tertentu. Tombol Laporan Tahunan ini digunakan untuk melihat laporan penjualan untuk tahun tertentu. Tombol Kirim Pesan ini digunakan jika perusahaan ingin mengirimkan pesan untuk anggota maupun untuk administrator. 2. Halaman Ganti Password Halaman Ganti Password ini digunakan apabila perusahaan ingin melakukan perubahan passwordnya. Password yang lama akan muncul secara otomatis. Masukkan password baru dan klik tombol melakukan perubahan, kemudian klik pembatalan perubahan tersebut. untuk untuk melakukan PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 3. Halaman Profil Perusahaan Halaman profil perusahaan ini akan menampilkan data dari perusahaan tersebut. Jika ingin melakukan perubahan pada data tersebut, klik untuk melakukan perubahan datanya. Klik untuk menyimpan perubahan data dan klik untuk membatalkan perubahan tersebut. 4. Halaman Input Produk Halaman Input Produk digunakan untuk memasukkan produk produk baru dari perusahaan. Lengkapilah data produk yang meliputi nama produk, ukuran, jumlah stok, bahan, harga satuan, kapasitas, keterangan, serta gambar dari produk tersebut. Kode produk akan diberikan secara otomatis. Klik untuk menyimpan data produk baru, dan klik untuk melakukan pembatalan penyimpanan data produk tersebut. 5. Halaman Daftar produk Halaman Daftar Produk digunakan untuk menampilkan semua produk yang ada. Klik untuk melihat detail dari produk tersebut. Klik untuk melakukan perubahan data pada produk. Klik untuk menghapus produk tersebut. 6. Halaman Daftar Pemesanan Halaman Daftar Pemesanan digunakan untuk menampilkan semua daftar pemesanan yang telah ada. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 7. Halaman Daftar Pemesanan Barang Halaman Daftar Pemesanan barang digunakan untuk menampilkan semua daftar pemesanan barang yang telah ada. 8. Halaman Daftar Pembayaran Halaman Daftar pembayaran digunakan untuk menampilkan semua daftar pembayaran yang telah dilakukan oleh pemesan melalui halaman konfirmasi pembayaran yang terdapat pada menu anggota. Klik untuk menyatakan bahwa pemesanan sudah dibayar lunas. Klik untuk melakukan penghapusan pada data konfirmasi pembayaran tersebut. 9. Halaman Daftar Pembayaran Lunas Halaman Daftar Pembayaran Lunas digunakan untuk menampilkan semua daftar pembayaran yang telah lunas 10. Halaman Laporan Bulanan Halaman Laporan Bulanan ini menampilkan semua barang yang sudah terjual untuk bulan tertentu. Pilih nama bulan, kemudian klik untuk menampilkan laporan tersebut. Klik jika ingin melakukan mencetak laporan tersebut. 11. Halaman laporan Tahunan Halaman Laporan Tahunan ini menampilkan semua barang yang sudah terjual untuk bulan tertentu pada tahun tertentu. Pilih nama bulan, kemudian pilih tahun dan klik Klik untuk menampilkan laporan tersebut. jika ingin melakukan mencetak laporan tersebut. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 12. Halaman Kirim Pesan Halaman Kirim Pesan digunakan jika perusahaan ingin berkomunikasi baik dengan Administrator ataupun dengan anggota. Pada halaman ini akan ditampilkan 2 form pengiriman, yaitu form pengiriman untuk administrator dan form pengiriman pesan untuk suatu anggota. Untuk pengiriman ke anggota, perusahaan hanya memilih nama anggota yang akan dituju, kemudian masukkan pesan Anda. Klik mengirimkan pesan, dan klik untuk untuk mambatalkan pengiriman pesan. D. Administrator Administrator merupakan pengelola dari situs web ini. Administrator harus mampu menangani semua proses yang terjadi dalam sistem. Sebelum masuk ke menu khusus Administrator, harus melakukan login terlebih dahulu dengan memasukkan username dan password administrator. Jika username dan password benar, maka akan menampilkan Halaman Utama untuk administrator. 1. Halaman Utama Administrator Keterangan : Tombol Halaman Utama digunakan jika Administrator ingin kembali ke halaman utama. Tombol Ganti Password ini digunakan jika Administrator ingin melakukan perubahan pada passwordnya. Tombol Logout digunakan administrator untuk keluar dari halaman Administrator. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI Tombol Input Perusahaan ini digunakan untuk memasukkan data perusahaan baru yang ingin bergabung dengan sistem ini. Tombol Input Produk ini digunakan untuk memasukkan data produk yang dihasilkan oleh perusahaan. Tombol Input Artikel digunakan untuk memasukkan data artikel terbaru. Tombol Calon Perusahaan Anggota digunakan untuk menampilkan daftar perusahaanperusahaan yang telah mendaftarkan diri melalui menu Pendaftaran Perusahaan. Tombol Daftar Perusahaan digunakan untuk menampilkan semua perusahaan yang tergabung pada sistem ini. Tombol Daftar Calon Anggota digunakan untuk menampilkan semua calon anggota yang telah melakukan pendaftaran. Tombol Daftar Anggota digunakan untuk menampilkan semua daftar anggota yang telah bergabung. Tombol Daftar Produk digunakan untuk menampilkan semua daftar produk yang dihasilkan oleh setiap perusahaan. Tombol Daftar Artikel digunakan untuk menampilkan semua daftar artikel yang telah ada. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI Tombol Daftar Pemesanan digunakan untuk menampilkan semua daftar pemesanan yang telah ada berdasarkan nama perusahaan. Tombol Daftar Pemesanan Barang digunakan untuk menampilkan semua daftar pemesanan barang berdasarkan nama perusahaan. Tombol Daftar Pembayaran digunakan untuk menampilkan semua daftar pembayaran yang telah dilakukan oleh anggota melalui halaman konfirmasi pembayaran. Tombol Lap. Tahunan digunakan untuk menampilkan semua daftar produk yang telah terjual berdasarkan nama perusahaan dan tahun yang diinginkan. Tombol Lap. Bulanan digunakan untuk menampilkan semua daftar produk yang telah terjual berdasarkan bulan, tahun, serta nama perusahaannya. Tombol Lap. Barang Terlaris digunakan untuk menampilkan semua daftar produk yang terlaris. Pada laporan ini akan menampilkan 10 barang terlaris dari berbagai perusahaan. Tombol Lap. Buku Tamu digunakan untuk menampilkan semua daftar komentar yang telah masuk. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 2. Halaman Ganti Password Halaman Ganti Password ini digunakan apabila Administrator ingin melakukan perubahan passwordnya. Klik tombol melakukan perubahan, kemudian klik untuk untuk melakukan pembatalan perubahan tersebut. 3. Halaman Input Perusahaan Halaman Input Perusahaan digunakan untuk memasukkan data perusahaan baru yang akan bergabung dengan sistem ini. Masukkan data perusahaan yang meliputi nama, alamat, kodepos, nomor telepon, nomor faximile, email, nomor rekening, bank, pimpinan, no identitas pimpinan (KTP), deskripsi perusahaan, serta gambar atau logo perusahaan. Klik untuk menyimpan data perusahaan baru tersebut, dan klik untuk melakukan pembatalan penyimpanan data perusahaan tersebut. 4. Halaman Input Produk Halaman Input Produk digunakan untuk memasukkan produk produk baru dari suatu perusahaan. Pilih nama perusahaan terlebih dahulu, kemudian lengkapilah data produk yang meliputi nama produk, ukuran, jumlah stok, bahan, harga satuan, kapasitas, keterangan, serta gambar dari produk tersebut. Kode produk akan diberikan secara otomatis. Klik untuk menyimpan data produk baru, dan klik melakukan pembatalan penyimpanan data produk tersebut. 5. Halaman Input Artikel untuk PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI Halaman Input Artikel digunakan untuk memasukkan data artikel terbaru. Data yang perlu dimasukkan meliputi : judul, kategori (berita atau artikel), paragraf index, paragraf tambahan, serta gambar artikel (jika ada). Klik untuk menyimpan data artikel baru, dan klik untuk melakukan pembatalan penyimpanan data artikel tersebut. 6. Halaman Calon Perusahaan Anggota Halaman Calon Perusahaan Anggota digunakan untuk menampilkan semua daftar calon perusahaan anggota yang telah melakukan pendaftaran. Klik Detail untuk melihat detail dari calon perusahaan anggota. Klik Aktivasi untuk melakukan pengaktifan keanggotaan dari calon perusahaan anggota tersebut. Klik Hapus untuk menghapus data calon perusahaan anggota tersebut. 7. Halaman Daftar Perusahaan Halaman Daftar Perusahaan digunakan untuk menampilkan semua daftar perusahaan yang terlah bergabung. Klik untuk melihat detail dari data perusahaan tersebut. Klik untuk melakukan perubahan pada data perusahaan. Dengan mengklik tombol ini, maka akan tampil halaman sebagai berikut : Klik untuk melakukan penghapusan data dari perusahaan yang bersangkutan. 8. Halaman Daftar Calon Anggota Halaman Daftar Calon Anggota digunakan untuk menampilkan semua daftar calon anggota yang telah melakukan pendaftaran. Klik Detail untuk melihat detail dari calon anggota. Klik Aktivasi untuk melakukan PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI pengaktifan keanggotaan dari calon anggota tersebut. Klik Hapus untuk menghapus data calon anggota tersebut. 9. Halaman Daftar Anggota Halaman Daftar Anggota digunakan untuk menampilkan semua daftar anggota yang telah teraktivasi keanggotaannya dan berhak melakukan pemesanan barang. Klik Detail untuk melihat detail data dari anggota tersebut. Klik Edit untuk melakukan perubahan data pada anggota tersebut. Klik Hapus untuk menghapus data anggota. 10. Halaman Daftar Produk Halaman Daftar Produk digunakan untuk menampilkan semua produk yang ada. Untuk melihat produk masingmasing perusahaan, Administrator harus memilih nama perusahaan terlebih dahulu, kemudian klik OK. Maka akan tampil berbagai macam produk yang dihasilkan oleh perusahaan yang telah dipilih. Klik Detail untuk melihat detail dari produk tersebut. Klik Edit untuk melakukan perubahan data pada produk. Klik Hapus untuk menghapus produk tersebut. 11. Halaman Daftar Artikel Halaman Daftar Artikel digunakan untuk menampilkan daftar semua artikel yang telah ada. Klik Detail untuk melihat detail dari artikel tersebut. Klik Edit untuk melakukan perubahan data pada artikel. Klik Hapus untuk menghapus artikel tersebut. 12. Halaman Daftar Pemesanan Halaman Daftar Pemesanan digunakan untuk menampilkan semua daftar pemesanan yang telah ada. Administrator harus memilih nama PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI perusahaan terlebih dahulu, kemudian klik OK. Maka akan tampil data pemesanan dari perusahaan yang telah dipilih. Klik Edit untuk melakukan perubahan pada status pemesanan dari nomor nota tersebut. Klik Hapus untuk menghapus pemesanan. 13. Halaman Daftar Pemesanan Barang Halaman Daftar Pemesanan Barang digunakan untuk menampilkan pemesanan barang. Administrator harus memilih nama perusahaan terlebih dahulu, kemudian klik OK. Maka akan tampil semua daftar nama barang yang telah dipesan pada perusahaan yang telah dipilih. 14. Halaman Daftar Pembayaran Halaman Daftar pembayaran digunakan untuk menampilkan semua daftar pembayaran yang telah dilakukan oleh pemesan melalui halaman konfirmasi pembayaran yang terdapat pada menu anggota. Klik Lunas untuk menyatakan bahwa pemesanan sudah dibayar lunas. Klik Hapus untuk melakukan penghapusan pada data konfirmasi pembayaran tersebut. 15. Halaman Laporan Barang Terjual per Tahun Halaman laporan Barang Terjual digunakan untuk melihat daftar penjualan suatu perusahaan berdasarkan tahunnya. Administrator terlebih dahulu memilih nama perusahaan serta tahun laporan, kemudian klik OK, maka sistem akan menampilkan daftar barang yang terjual pada tahun tersebut. 16. Halaman Laporan barang Terjual per Bulan Halaman Laporan Bulan digunakan untuk melihat daftar penjualan suatu perusahaan berdasarkan tahun dan bulannya. Administrator terlebih PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI dahulu memilih nama perusahaan, tahun laporan serta bulan laporannya, kemudian klik OK, maka sistem akan menampilkan daftar barang yang terjual pada bulan dan tahun tersebut 17. Halaman Laporan Buku Tamu Halaman Laporan Buku Tamu digunakan untuk menampilkan daftar komentar yang masuk. 18. Halaman Laporan Barang Terlaris Halaman Laporan Barang Terlaris digunakan untuk menampilkan daftar barang yang terlaris. Laporan barang disini menampilkan 10 barang yang terlaris dari berbagai perusahaan. </div> </div> </div> </div> </div> </div> </div> </div> <div class="modal fade" id="report" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <form role="form" method="post" action="https://adoc.pub/report/sistem-informasi-kerajinan-batik-dan-kain-perca-yogyakarta-b" style="border: none;"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Report "SISTEM INFORMASI KERAJINAN BATIK DAN KAIN PERCA YOGYAKARTA BERBASIS WEB. Skripsi"</h4> </div> <div class="modal-body"> <div class="form-group"> <label>Your name</label> <input type="text" name="name" required="required" class="form-control" /> </div> <div class="form-group"> <label>Email</label> <input type="email" name="email" required="required" class="form-control" /> </div> <div class="form-group"> <label>Reason</label> <select name="reason" required="required" class="form-control"> <option value="">-Select Reason-</option> <option value="pornographic" selected="selected">Pornographic</option> <option value="defamatory">Defamatory</option> <option value="illegal">Illegal/Unlawful</option> <option value="spam">Spam</option> <option value="others">Other Terms Of Service Violation</option> <option value="copyright">File a copyright complaint</option> </select> </div> <div class="form-group"> <label>Description</label> <textarea name="description" required="required" rows="3" class="form-control" style="border: 1px solid #cccccc;"></textarea> </div> <div class="form-group"> <div style="display: inline-block;"> <div class="g-recaptcha" data-sitekey="6LcEnMcZAAAAAFHzKKgaE-Qh57XzUTzpfRElD4dP"></div> </div> </div> <script src='https://www.google.com/recaptcha/api.js'></script> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="submit" class="btn btn-primary">Send</button> </div> </form> </div> </div> </div> <script> $(document).ready(function () { var inner_height = $(window).innerHeight() - 250; $('#pdfviewer').css({"height": inner_height + "px"}); }); </script> <footer class="footer" style="margin-top: 60px;"> <div class="container-fluid"> Copyright © 2024 ADOC.PUB. All rights reserved. <div class="pull-right"> <a href="https://adoc.pub/about">About Us</a> | <a href="https://adoc.pub/privacy">Privacy Policy</a> | <a href="https://adoc.pub/term">Terms of Service</a> | <a href="https://adoc.pub/copyright">Copyright</a> | <a href="https://adoc.pub/contact">Contact Us</a> | <a href="https://adoc.pub/cookie_policy">Cookie Policy</a> </div> </div> </footer>  <div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close" on="tap:login.close">×</button> <h4 class="modal-title" id="add-note-label">Sign In</h4> </div> <div class="modal-body"> <form action="https://adoc.pub/login" method="post"> <div class="form-group"> <label class="sr-only" for="email">Email</label> <input class="form-input form-control" type="text" name="email" id="email" value="" placeholder="Email" /> </div> <div class="form-group"> <label class="sr-only" for="password">Password</label> <input class="form-input form-control" type="password" name="password" id="password" value="" placeholder="Password" /> </div> <div class="form-group"> <div class="checkbox"> <label class="form-checkbox"> <input type="checkbox" name="remember" value="1" /> Remember me </label> <label class="pull-right"><a href="https://adoc.pub/forgot">Forgot password?</a></label> </div> </div> <button class="btn btn-primary btn-block" type="submit">Sign In</button> </form> </div> </div> </div> </div>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-177279549-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-177279549-1'); </script> <script src="https://adoc.pub/assets/js/jquery-ui.min.js"></script> <link rel="stylesheet" href="https://adoc.pub/assets/css/jquery-ui.css"> <script> $(function () { $("#document_search").autocomplete({ source: function (request, response) { $.ajax({ url: "https://adoc.pub/suggest", dataType: "json", data: { term: request.term }, success: function (data) { response(data); } }); }, autoFill: true, select: function( event, ui ) { $(this).val(ui.item.value); $(this).parents("form").submit(); } }); }); </script>  <div id="ADOCPUB_cookie_box" style="z-index:99999; border-top: 1px solid #fefefe; background: #FFC107; width: 100%; position: fixed; padding: 5px 15px; text-align: center; left:0; bottom: 0;"> Our partners will collect data and use cookies for ad personalization and measurement. <a href="https://adoc.pub/cookie_policy" target="_blank">Learn how we and our ad partner Google, collect and use data</a>. <a href="#" class="btn btn-success" onclick="accept_ADOCPUB_cookie_box();return false;">Agree & close</a> </div> <script> function accept_ADOCPUB_cookie_box() { document.cookie = "ADOCPUB_cookie_box_viewed=1;max-age=15768000;path=/"; hide_ADOCPUB_cookie_box(); } function hide_ADOCPUB_cookie_box() { var cb = document.getElementById('ADOCPUB_cookie_box'); if (cb) { cb.parentElement.removeChild(cb); } } (function () { var ADOCPUB_cookie_box_viewed = (function (name) { var matches = document.cookie.match(new RegExp("(?:^|; )" + name.replace(/([\.$?*|{}\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)")); return matches ? decodeURIComponent(matches[1]) : undefined; })('ADOCPUB_cookie_box_viewed'); if (ADOCPUB_cookie_box_viewed) { hide_ADOCPUB_cookie_box(); } })(); </script>  </body> </html>

SISTEM INFORMASI KERAJINAN BATIK DAN KAIN PERCA YOGYAKARTA BERBASIS WEB. Skripsi

Recommend Documents