Perancangan Applikasi Penjualan Pakaian Batik Pada Roemah Batik Pekalongan Berbasis Web Menngunakan Php Dan Mysql

PERANCANGAN APLIKASI PENJUALAN PAKAIAN BATIK

PADA ROEMAH BATIK PEKALONGAN BERBASIS WEB

MENGGUNAKAN PHP DAN MYSQL

TUGAS AKHIR

ANNA DAMAYANTI

102406099

PROGRAM STUDI D3 TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2013

PERANCANGAN APLIKASI PENJUALAN PAKAIAN BATIK

PADA ROEMAH BATIK PEKALONGAN BERBASIS WEB

MENGGUNAKAN PHP DAN MYSQL

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai

gelar Ahli Madya Komputer

ANNA DAMAYANTI

102406099

PROGRAM STUDI D3 TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

PERSETUJUAN

Judul : PERANCANGAN APLIKASI PENJUALAN

PAKAIAN BATIK PADA ROEMAH BATIK

PEKALONGAN BERBASIS WEB

MENGGUNAKAN PHP DAN MYSQL

Kategori : TUGAS AKHIR

Nama : ANNA DAMAYANTI

Nomor Induk Mahasiswa : 102406099

Program Studi : D3 TEKNIK INFORMATIKA

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN

ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA

Diluluskan di Medan, Juni 2013

Diketahui / Disetujui oleh

Departemen Matematika FMIPA USU

Ketua, Pembimbing

Prof. Dr. Tulus, M.Si Dra. Mardiningsih, M.Si NIP. 196209011988031002 NIP. 196304051988112001

PERNYATAAN

PERANCANGAN APLIKASI PENJUALAN PAKAIAN BATIK PADA ROEMAH BATIK PEKALONGAN BERBASIS WEB

MENGGUNAKAN PHP DAN MYSQL

Saya Mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan, Juni 2013

ANNA DAMAYANTI 102406099

PENGHARGAAN

Bismillahirrahmanirrahim

Puji dan syukur penulis ucapkan kepada Allah SWT atas rahmat dan hidayah-Nya sehingga penulis dapat menyelesaikan tugas akhir ini. Tak lupa pula shalawat dan salam kepada Nabi Muhammad SAW sebagai suri teladan terbaik bagi umat manusia, yang telah membawa kita dari zaman jahiliyah ke zaman yang terang benderang dengan ilmu pengetahuan seperti sekarang ini.

Adapun judul tugas akhir ini adalah “Perancangan Aplikasi Penjualan

Pakaian Batik pada Roemah Batik Pekalongan Berbasis Web Menggunakan PHP dan MySQL”. Tugas akhir ini merupakan syarat untuk dapat menyelesaikan pendidikan program D3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam di Universitas Sumatera Utara.

Pada kesempatan ini penulis juga menyampaikan terima kasih kepada semua pihak yang telah banyak membantu, antara lain :

1. Ibu Dra. Mardiningsih, M.Si, selaku Dosen Pembimbing yang telah banyak memberikan pengarahan dan bimbingan dalam penulisan tugas akhir ini.

2. Bapak Dr. Sutarman, M.Sc, selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

3. Bapak Prof. Dr.Tulus, M.Si, selaku Ketua Departemen Matematika FMIPA USU. 4. Bapak Syahriol Sitorus, S.Si, M.IT., selaku Ketua Jurusan Program Studi D3

Teknik Informatika FMIPA USU.

5. Seluruh Dosen Pengajar Program Studi D3 Teknik Informatika FMIPA USU yang telah memberikan ilmu yang bermanfaat kepada penulis selama masa perkuliahan.

6. Teristimewa buat kedua orang tua tercinta, Ayahanda Sakimin dan Ibunda

Hardiani, kepada abangda Nurul Herlambang dan adinda Ade Tri Yudha yang telah memberikan kasih sayang, semangat, dukungan dan selalu mendoakan penulis agar lancar dalam segala urusan.

7. Teman-teman seangkatan penulis khususnya Kom A’10 D3 Teknik Informatika USU terutama (Menda Gustika, Hartini Panjaitan, Dwi Agustin Sn) serta teman-teman seangkatan lainya yang tidak bisa disebutkan satu per satu. Serta buat senior Bang Iqbal yang membantu serta membimbing penulis dalam menyelesaikan Tugas Akhir dengan baik.

Penulis menyadari bahwa tugas akhir ini masih memiliki kekurangan, untuk itu penulis mengharapkan kritik dan saran yang konstruktif dari semua pihak untuk perbaikan dan kesempurnaan tugas akhir ini.

Akhirnya penulis berharap semoga tugas akhir ini bermanfaat bagi para pembaca.

Medan, Juni 2013 Penulis,

ABSTRAK

Tulisan ini bertujuan untuk membangun suatu aplikasi web dinamis secara online yang bermanfaat untuk menyediakan informasi mengenai produk pakaian batik dewasa dari toko tersebut. Perancangan aplikasi ini dikembangkan dengan menggunakan perangkat lunak Adobe Dreamweaver CS5, Adobe Photoshop, XAMPP yang merupakan gabungan dari Apache Web Server, PHP, dan MySQL, dan browser Google Chrome.

DAFTAR ISI

Halaman

Persetujuan ii

Pernyataan iii

Penghargaan iv

Abstrak vi

Daftar Isi vii

Daftar Tabel ix

Daftar Gambar x

BAB 1 PENDAHULUAN

1.1Latar Belakang 1

1.2Rumusan Masalah 3

1.3Batasan Masalah 3

1.4Tujuan dan Manfaat 4

1.5Tinjauan Pustaka 4

1.6Metodologi Penelitian 6

1.7Sistematika Penulisan 7

BAB 2 LANDASAN TEORI

2.1 Sekilas Tentang Electronic Commerce 9

2.2 Definisi Electronic Commerce 10

2.3 Pengertian Komputer 13

2.4 Pengenalan Internet 14

2.5 Pengenalan HTML 17

2.6 Pengenalan Personal Home Page (PHP) 18

2.7 MySQL 23

2.8 Adobe Dreamweaver 27

BAB 3 GAMBARAN UMUM TOKO

3.1 Lokasi Toko 28

3.2 Pola Transaksi 29

BAB 4 PERANCANGAN SISTEM

4.1 Data Flow Diagram (DFD) 31

4.2 Perancangan Struktur Database 32

4.3 Flowchart 35

4.4 Perancangan Algoritma 40

BAB 5 IMPLEMENTASI SISTEM

5.1 Pengertian Implementasi Sistem 43

5.2 Tujuan Implementasi Sistem 43

BAB 6 KESIMPULAN DAN SARAN

6.1 Kesimpulan 52

6.2 Saran 53

DAFTAR PUSTAKA

LAMPIRAN A : Surat Keterangan Uji Program dan Kartu Bimbingan TA LAMPIRAN B : Listing Program

DAFTAR TABEL

Halaman

Tabel 2.1 Keyword Like 26

Tabel 4.1 Struktur Database Tabel user 33

Tabel 4.2 Struktur Database Tabel kategori 33

Tabel 4.3 Struktur Database Tabel produk 33

Tabel 4.4 Struktur Database Tabel order_product 33

Tabel 4.5 Struktur Database Tabel konfirmasi_pembayaran 34

Tabel 4.6 Struktur Database Tabel keranjang 34

Tabel 4.7 Struktur Database Tabel komentar 35

Tabel 4.8 Struktur Database Tabel statistik 35

DAFTAR GAMBAR

Halaman

Gambar 4.1 Data Flow Diagram 32

Gambar 4.2 Alur Flowchart Menu Utama 38

Gambar 4.3 Alur Flowchart Menu Admin 39

Gambar 5.1 Tampilan Halaman Home 45

Gambar 5.2 Tampilan Halaman Produk 46

Gambar 5.3 Tampilan Halaman Cara Pemesanan 46

Gambar 5.4 Tampilan Halaman Kontak Kami 47

Gambar 5.5 Tampilan Halaman Tentang Kami 47

Gambar 5.6 Tampilan Halaman KonfirmasiPembayaran 48

Gambar 5.7 Tampilan Halaman Login Admin 48

Gambar 5.8 Tampilan Halaman Home Admin 49

Gambar 5.9 Tampilan Halaman Produk Admin 49

Gambar 5.10 Tampilan Halaman Kategori Admin 50

Gambar 5.10 Tampilan Halaman Order Produk Admin 50

ABSTRAK

Tulisan ini bertujuan untuk membangun suatu aplikasi web dinamis secara online yang bermanfaat untuk menyediakan informasi mengenai produk pakaian batik dewasa dari toko tersebut. Perancangan aplikasi ini dikembangkan dengan menggunakan perangkat lunak Adobe Dreamweaver CS5, Adobe Photoshop, XAMPP yang merupakan gabungan dari Apache Web Server, PHP, dan MySQL, dan browser Google Chrome.

BAB 1

PENDAHULUAN

1.1 Latar Belakang

Semakin berkembangnya teknologi internet maka kebutuhan dalam memperoleh informasi dengan cepat,akurat dan mudah dalam segala kegiatan baik itu dalam bisnis, pendidikan, ekonomi, sosial, budaya, dan segala aspek kehidupan manusia sangatlah diharapkan. Oleh sebab itu dalam persaingan dunia usaha dimana dibutuhkan kemudahan dalam bertransaksi, pemesanan produk dan promosi tentang produk yang ditawarkan dengan spesifikasi tertentu menjadi permasalahan yang cukup signifikan untuk dikemukakan. E-commerce berbasis web menjadi solusi untuk mengatasi permasalahan tersebut.

Perkembangan teknologi informasi terutama internet, merupakan faktor pendorong perkembangan e-commerce. Internet merupakan jaringan global yang menyatukan jaringan komputer di seluruh dunia, sehingga memungkinkan terjalinnya komunikasi dan interaksi antara satu dengan yang lain diseluruh dunia. Dengan menghubungkan jaringan komputer perusahaan dengan internet, perusahaan dapat menjalin hubungan bisnis dengan rekan bisnis atau konsumen secara lebih efisien. Sampai saat ini internet merupakan infrastruktur yang ideal untuk menjalankan e-commerce, sehingga istilah E-Commerce pun menjadi identik dengan menjalankan

bisnis di internet. ( http://anoyshoko.wordpress.com/2010/10/30/perkembangan-e-commerce/ diakses pada 5 Maret 2013).

Aplikasi e-commerce berbasis web telah berkembang dengan pesat baik dari segi pengguna, ukuran, bahasa yang digunakan dan kompleksitasnya. Aplikasi web

pada mulanya hanya berupa situs web yang bersifat statis dan navigated oriented,

serta lebih banyak digunakan sebagai brosur atau profil perusahaan online. Pada saat ini aplikasi web telah banyak yang bersifat dinamis, interaktif dan task oriented untuk digunakan dalam system informasi, telekomunikasi, perdagangan, perbankan, dan lain-lain.

Dalam membangun aplikasi e-commerce dibutuhkan bahasa server side script

yaitu bahasa berbentuk script yang terletak dan dieksekusi di server untuk kemudian hasilnya (berupa kode HTML) dikembalikan ke browser pengguna / klien. Yang akan penulis pergunakan adalah PHP karena sifatnya yang open source dan dapat dengan mudah dikembangkan. PHP dirancang untuk membentuk suatu web yang bersifat dinamis yang artinya dapat membentuk suatu tampilan berdasarkan permintaan terkini. Misalnya, bisa menampilkan isi database ke halaman web. (Abdul Kadir, 2002)

Atas dasar inilah, maka penulis berinisiatif untuk membuat suatu aplikasi yang dapat mempermudah jalannya suatu transaksi penjualan dan pemasaran pakaian batik secara online. Penulis mengambil keputusan dalam pemilihan judul yaitu : Perancangan Aplikasi Penjualan Pakaian Batik Pada Roemah Batik Pekalongan

1.2 Rumusan Masalah

Setiap perusahaan dalam menjalankan aktivitas internal maupun eksternal selalu dihadapkan dengan masalah-masalah bagaimana efisiensi dan efektifitas perusahaan dapat tercapai. Masalah yang akan dipecahkan adalah bagaimana Roemah Batik Pekalongan sebagai industri pakaian yang memiliki beberapa customer dapat memanfaatkan aplikasi e-commerce berbasis web ini sebagai suatu sarana untuk menyajikan dan mengirimkan informasi dengan lebih cepat dan memudahkan customer dalam bertransaksi.

Sehubungan dengan hal tersebut dapat dirumuskan permasalahan yang diteliti adalah sebagai berikut :

1. Bagaimana customer dapat dengan mudah dalam bertransaksi.

2. Bagaimana transaksi secara online antara penjual dan pembeli dapat terimplementasi dengan baik

3. Langkah apa yang dilakukan agar aplikasi web dapat diakses oleh user/ pengguna dengan cepat dan mudah.

4. Bagaimana informasi katalog produk pada aplikasi web dapat di-update (diperbaharui) dengan mudah pada waktu yang diinginkan.

1.3 Batasan Masalah

Agar permasalahan yang dibahas lebih terfokus dan tidak melebar, penulis membatasi permasalahan yang akan dibahas. Adapun beberapa hal yang akan dibahas dan dijabarkan yaitu memberikan informasi mengenai Penjualan Pakaian Batik Pada Roemah Batik Pekalongan dengan menggunakan PHP dan MySQL.

1.4 Tujuan dan Manfaat

Tujuan dari perancangan aplikasi ini adalah untuk membangun suatu aplikasi web dinamis yang dapat membantu kinerja dari Roemah Batik Pekalongan dalam mengirim dan menyediakan informasi bagi user/pengguna yang membutuhkan.

Manfaat dari perancangan aplikasi ini adalah

1. Untuk mempermudah pengusaha dalam mempromosikan produk-produk yang ada dengan cepat, tepat, dan mudah.

2. Mengurangi penggunaan paper/kertas di berbagai aktifitas mulai dari tahapan desain, produksi, pengepakan, pengiriman, distribusi hingga marketing.

3. Untuk mempermudah para pembeli untuk mendapatkan informasi mengenai pakaian atau membeli pakaian tanpa harus datang ke toko itu.

1.5 Tinjauan Pustaka

Sebagai suatu aplikasi yang ingin dinilai baik, haruslah memiliki referensi dan program aplikasi pendukung yang cukup. Oleh karena itu, penulis mengumpulkan bahan bacaan guna mengumpulkan informasi. Sebagai sumber bahan bacaan atau informasi tersebut, penulis mendapatkannya dari internet, buku-buku yang dipinjam di Perpustakaan Universitas Sumatera Utara ataupun buku-buku pinjaman lainnya maupun buku pribadi dan materi-materi yang diberikan dosen kepada penulis selama perkuliahan. Kemudian adapun beberapa program aplikasi pendukung dalam

menggunakan browser. Secara Khusus, PHP dirancang untuk membentuk web dinamis (Abdul Kadir, 2002)

b. MySQL adalah salah satu jenis database server yang sangat terkenal karena MySQL menggunakan SQL sebagai bahan dasar untuk mengakses databasenya. MySQL bersifat free (tidak perlu membayar untuk menggunakannya) pada berbagai platform (kecuali pada winows, yang bersifat

shareware atau perlu membayar setelah melakukan evaluasi dan memutuskan untuk digunakan keperluan produksi) (Abdul Kadir, 2002).

c. Dreamweaver Macromedia 8 merupakan sebuah software HTML editor professional yang digunakan untuk mendesain secara visual dan mengelola situs web maupun halaman web ( http://blog.duniascript.com/sekilas-tentang-macromedia-dreamweaver.html, diakses pada 22 Maret 2013).

d. Web Browser adalah sebuah aplikasi perangkat lunak yang digunakan untuk menjelajahi dunia internet atau untuk mencari informasi tentang suatu halaman web yang tersimpan dikomputer.

(http://renditkj.blogspot.com/008/07/pengertian-web-browser.html, diakses pada 22 Maret 2013).

1.6 Metodologi Penelitian

Dalam Penulisan tugas akhir ini ada beberapa metode penelitian yang dilakukan penulis guna mengumpulkan data-data yang dibutuhkan dalam pembuatan web

dinamis ini.

Adapun Metodologi penelitian yang digunakan penulis adalah : a. Penelitian Lapangan

Penelitian ini dilakukan penulis secara langsung di lapangan. Dalam hal ini, penulis melakukan penelitian pada beberapa jenis produk yang tersedia.

b. Penelitian Kepustakaan (Library Research)

Disini penulis menggunakan buku-buku yang berhubungan misalnya buku tentang perancangan sistem informasi / e-commerce serta situs-situs yang berhubungan dengan pemrograman web seperti www.ilmukomputer,

www.phpeasystep.com, dan lain-lain.

c. Pengumpulan dan Analisis Data

Pada tahap ini penulis mengumpulkan semua data yang telah diperoleh dan mengelompokkan data ke dalam beberapa bagian, agar dapat mempermudah dalam perancangan aplikasi penjualan.

d. Merancang dan Mendesain Aplikasi Penjualan

e. Uji Program

Setelah selesai melakukan pengumpulan data, analisis data, dan desain program, selanjutnya penulis akan melakukan pencobaan terhadap aplikasi yang telah dibangun. Pengujian adalah tahapan yang sangat penting, hal ini dikarenakan dari pengujian inilah diketahui apakah aplikasi ini sudah berjalan dengan baik atau masih terdapat kesalahan / error.

1.7 Sistematika Penulisan

Adapun sistematika penulisan laporan Tugas Akhir ini adalah sebagai berikut :

BAB 1 : PENDAHULUAN

Dalam bab ini penulis menguraikan Latar Belakang, Rumusan Masalah, Batasan Masalah, Tujuan dan Manfaat, Tinjauan Pustaka, Metodologi Penelitian, dan Sistematika Penulisan.

BAB 2 : LANDASAN TEORI

Dalam bab ini penulis menguraikan tentang uraian teoritis mengenai pengertian-pengertian, metode penyusunan data serta mengenai bahasa pemrograman yang digunakan.

BAB 3 : GAMBARAN UMUM TOKO

Dalam bab ini penulis menyajikan gambaran umum toko yang terdiri dari lokasi toko, dan pola transaksi pada toko Roemah Batik Pekalongan.

BAB 4 : PERANCANGAN SISTEM

Dalam bab ini penulis menguraikan tentang perancangan system yang dirancang yang meliputi perancangan layout, perancangan

database, gambaran aplikasi web yang akan dibuat serta bagaimana algoritma aplikasi tersebut saat dijalankan.

BAB 5 : IMPLEMENTASI SISTEM

Dalam bab ini penulis menyajikan tentang pengertian implementasi system, tujuan implementasi system, serta spesifikasi aplikasi.

BAB 6 : KESIMPULAN DAN SARAN

BAB 2

LANDASAN TEORI

2.1 Sekilas Tentang Electronic Commerce

Penerapan electronic commerce bermula di awal tahun 1970-an, dengan adanya inovasi semacam electronic fund transfer (EFT). Saat itu tingkat aplikasinya sangat terbatas pada perusahaan-perusahaan besar, lembaga keuangan, dan segelintir perusahaan kecil yang nekat. Lalu muncullah Elecronic Data Interchange (EDI), yang berkembang dari transaksi keuangan ke pemrosesan transakasi lain serta memperbesar jumlah perusahaan yang berperan serta, mulai lembaga-lembaga keuangan hingga perusahaan manufaktur, ritel, layanan dan sebagainya.

Aplikasi lainnya ikut menyusul yang memiliki jangkauan dari perdagangan saham hingga system reservasi perjalanan. Pada saat itu system tersebut disebut aplikasi telekomunikasi yang nilai strategisnya sudah dikenal secara umum. Dengan adanya komersialisasi internet di awal tahun 1990-an, serta pesatnya pertumbuhan yang ,encapai hingga jutaan pelanggan potensial, maka muncullah istilah electronic commerce(e-Commerce) yang aplikasinya berkembang pesat.

2.2 Definisi Electronic Commerce

Electonic commerce (EC) merupakan konsep baru yang bisa digambarkan sebagai proses jual beli barang atau jasa pada world wide web internet. Dari berbagai perspektif E-commerce didefenisikan sebagai berikut :

1. Dari perspektif komunikasi, e-commerce merupakan pengiriman informasi, produk/layanan, atau pembayaran melalui lini telepon, jaringan computer, atau sarana elektronik lainnya.

2. Dari perspektif proses bisnis, e-commerce merupakan aplikasi teknologi menuju otomatisasi transaksi dan aliran kerja perusahaan.

3. Dari perspektif layanan, e-commerce merupaka satu alat yang memenuhi keinginan perusahaan, konsumen, dan manajemen dalam memangkas service cost ketika meningkatkan mutu barang dan kecepatan pelayanan.

4. Dari perspektif online, e-commerce berkaitan dengan kapasitas jual beli produk dan informasi di internet dan jasa online lainnya.

Defenisi e-commerce secara lebih luas tidak sekedar menjual dan membeli, namun juga berarti melayani pelanggan dan berkolaborasi dengan partner bisnis, serta pelaksanaan transaksi elektronis dalam suatu organisasi. Electronic Commerce bisa beragam bentuknya tergantung pada tingkat digitalisasi produk (layanan) yang dijual, prosesnya, serta agen-agen pengiriman atau perantara.

2.2.1 Tipe Electronic Market Menurut Sifat Transaksinya

Penggolongan E-Commerce yang lazim dilakukan orang ialah berdasar sifat transaksinya. Tipe-tipe ini dibedakan dalam beberapa hal sebagai berikut :

1. Business to Business (B2B), kebanyakan e-Commerce yang diterapkan saat ini merupakan B2B , e-Commerce tipe ini meliputi transaksi antar organisasi yang dilakukan di electronic market.

2. Business to Costumer (B2C), ini merupakan transaksi eceran dengan pembeli perorangan.

3. Costumer to Costumer (C2C), dalam kategori ini seorang konsumen menjual secara langsung ke konsumen lainnya.

4. Costumer to Business (C2B), termasuk ke dalam kategori ini adalah perseorangan yang menjual produk layanan ke organisasi dan perseorangan yang mencari penjual, berinteraksi dengan mereka, dan menyepakati suatu transaksi.

5. Nonbusiness e-Commerce, dewasa ini banyak lembaga nonbusiness dan lembaga pemerintahan yang menggunakan berbagai tipe e-Commerce untuk mengurangi biaya atau untuk meningkatkan operasi dan layanan public.

6. Intrabusiness (Organizational) e-Commerce, yang termasuk dalam kategori ini adalah semua aktivitas intern organisasi, biasanya dijalankan di internet, yang melibatkan pertukaran barang, jasa atau informasi.

2.2.2 Proses Pemasaran Electronic Market

Agar sebuah perdagangan antar pembeli dan penjual dapat dilakukan, maka harus ada satu proses tertentu. Proses ini bisa mencakup tahap-tahap sebagai berikut :

1. Pembeli dengan menggunkan komputernya masuk ke pasar. 2. Pembeli mencari produk, masuk ke homepage penjual produk 3. Pembeli memilih produk lewat catalog

4. Pembeli memesan produk, mengisi order pembelian, terjadi proses transaksi 5. Order pembelian dikirim ke penjual

6. Penjual mengkonfirmasikan pesanan

7. Pembeli membayar menggunakan bebrapa pilihan pembayaran, terjadi transaksi

8. Produk dikirim oleh penjual 9. Produk diterima oleh pembeli

2.2.3 Manfaat Electronic Commerce

Manfaat yang dapat diperoleh dengan menggunakan transaksi melalui E-commerce

bagi suatu perusahaan adalah sebagai berikut :

1. Meningkatkan pendapatan dengan menggunakan online channel yang biayanya lebih murah.

2. Mengurangi biaya-biaya yang berhubungan dengan kertas, seperti biaya pos surat, pencetakan, report, dan sebagainya.

2.3 Pengertian Komputer

Komputer (computer) berasal dari bahasa Latin computare yang berarti menghitung. Komputer mempunyai arti yang sangat luas dan berbeda untuk orang yang berbeda. Komputer adalah sistem elektronik untuk memanipulasi data yang cepat dan tepat serta dirancang dan diorganisasikan supaya secara otomatis menerima dan menyimpan data input, memprosesnya dan menghasilkan output dibawah pengawasan suatu langkah-langkah instruksi-instruksi program yang tersimpan di memori (stored program). Sehingga dapat disimpulkan bahwa komputer adalah :

a. Alat elektronik

b. Dapat menerima input data c. Dapat mengolah data

d. Dapat memberikan informasi

e. Menggunakan suatu program yang tersimpan di memori komputer (stored program)

f. Dapat menyimpan program dan hasil pengolahan g. Bekerja secara otomatis

Sedangkan yang disebut dengan program adalah kumpulan instruksi atau perintah terperinci yang sudah dipersiapkan supaya komputer dapat melakukan fungsinya dengan cara yang sudah tertentu.

2.4 Pengenalan Internet

Internet (Interconnected Network) merupakan jaringan komputer yang terdiri dari jaringan independen yang dihubungkan satu dengan yang lainnya. Secara etimologis,

internet berasal dari bahasa Inggris yakni Inter berarti antar dan Net yang berarti jaringan sehingga dapat diartikan hubungan antar jaringan. Internet merupakan jaringan komputer yang tersebar luas didunia.

Sampai saat ini internet sudah menghubungkan lebih dari 100000 jaingan komputer dengan pemakai lebih dari 100 juta orang. Internet adalah jaringan luas di komputer yang lazim disebut dengan World Wide Network secara ringkas internet

adalah sumber informasi dan alat komunikasi serta hiburan. (Membangun Aplikasi Web dengan PHP dan MySQL, Sutarman, 2003).

2.4.1 Network

Network adalah jaringan sistem komunikasi data yang meibatkan sebuah atau lebih sistem komputer yang dihubungkan dengan jalur transmisi alat komunikasi membentuk satu sistem. Dengan network, komputer yang satu dapat menggunakan data dikomputer lain, dapat mencetak laporan diprinter komputer lain, dapat member berita kekomputer lain walaupun berlainan area. Network merupakan cara yang sangat berguna untuk mengintegrasikan sistem informasi dan menyalurkan arus informasi dari satu area ke area lainnya.

2.4.2 Web Server

Web server adalah internet server yang mampu untuk melayani koneksi perpindahan data dalam protokol http web server dari internet server-server di samping e-mail, ftp. Dikarenakan web server di rancang untuk menampilkan data, dimulai dari teks,

hypertext, gambar, yag m\erupakan keunggulan dari web sehingga web tidak hanya dapat di terima di universitas tetapi di seluruh perusahaan komersial yang dapat menampilkan datanya dalam internet. Macam-macam web server antara lain :

1. Apache (Open Source) 2. Xitami

3. IIS 4. PWS

Website (situs web) merupakan alamat (URL) yang berfungsi sebagai tempat penyimpanan data dan informasi dengan berdasarkan topik tertentu. URL adalah suatu sarana yang digunakan untuk menentukan lokasi informasi pada suatu web server. Situs atau web dapat dikategorikan menjadi 2 yaitu :

1. Web Statis, yaitu : Web yang berisi atau menampilkan infomasi-informasi yang sifatnya statis (tetap)

2. Web Dinamis, yaitu :Web yang menampilkan informasi serta dapat berinteraksi dengan user yang sifatnya dinamis.

2.4.3 World Wide Web (WWW)

WWW adalah jaringan tak terbatas komputer yang dikategorikan menjadi dua : Client

dan Server dengan menggunakan software khusus membentuk sebuah jaringan yang disebut jaringan client-server.

Pada prinsipnya World Wide Web bekerja dengan cara menampilkan file-file

HTML yang berasal dari server web pada program client khusus, yaitu browser web. Program browser web pada client mengirimkan permintaan kepada server web, yang kemudian akan dikirimkan oleh server dalam bentuk HTML. File HTML berisi instruksi yang diperlukan untuk membentuk tampilan. Perintah-perintah HTML ini kemudian diterjemahkan oleh browser web sehingga isi informasinya dapat ditampilkan secara visual kepada pengguna.

2.4.4 Hyper Text Transfer Protocol (HTTP)

Hyper Text Transfer Protocol (HTTP) adalah suatu protokol yang menentukan aturan yang perlu diikuti oleh web browser dalam menyediakan dokumen yang diminta web browser. Protokol ini merupakan protokol standar yang digunakn untuk mengakses dokumen HTML. Apabila kita menjelajah web dan pada address tertulis seperti

http://www.yahoo.com; ini merupakan salah satu penggunan protokol HTTP dalam

2.5 Pengenalan HTML

Hypertext Markup Language (HTML) adalah suatu bahasa yang digunakan untuk menulis halaman web. HTML dirancang untuk digunakan tanpa tergantung pada suatu platform tertentu (platform independent). Dokumen HTML adalah suatu dokumen teks biasa, dan disebut sebagai markup language karena mengandung tanda-tanda (tag) tertentu yang digunakan untuk tampilan suatu teks dan tingat kepentingan dari teks itu dalam suatu dokumen (Membangun Aplikasi Web dengan PHP dan MySQL, Sutarman, 2003).

Penamaan dokumen HTML dapat dilakukan dengan memilih suatu nama, sembarang nama, kemudian menambahkan sesuai ekstensi “.htm” atau “.html” (tanda

kutip tidak perlu ditulisan karena digunakan sebagai penjelas saja).

HTML terditi dari beberapa bagian yang fungsinya sebagai penanda suatu kelompok perintah tertentu, misalnya kelompok perintah form yang ditandai dengan kode <form>, judul dengan <title> dan sebagainya. Untu mengetahui lebih lanjut mengenai bagian-bagian HTML, perhatikan skema berikut ini :

<html>

<head>

<title> </title> </head>

<body>

Isi dari halaman web </body>

Keterangan :

1. Dokumen HTML selalu diawali dengan tanda tag pembuka <html> dan diahiri dengan tanda tag penutup </html>.

2. Pada elemen head <head></head>, dapat kita sisipkan kode-ode untuk menuliskan keterangan tentang dokumen HTML. Atau dapat juga kita sisipkan kode-kode pemrograman web seperti JavaScript, VBScript, atau CSS untuk menambah daya tarik pada situs yang kita buat agar lebih menarik dan dinamis.

3. Elemen body <body></body> berisi tag-tag untu isi atau layout tampilan situs kita, seperti <font></fomt>, <table></table>, <form></form>.

Jadi jelas bahwa elemen adalah suatu bagian yang besar yang terdiri dari kode tag tersebut. Sedangkan tag hanyalah merupakan bagian dari elemen. Tag adalah kode-kode yang digunakan untuk men-setting dokumen HTML. Secara garis besar bentuk umum tag adalah sebagai berikut : <tag awal>TES</tag akhir>. Namun ada juga tag yang tidak perlu ada penutup seperti <br>, <hr>, <img>, dan lain-lain (Membangun Aplikasi Web dengan PHP dan MySQL, Sutarman, 2003).

2.6 Pengenalan Personal Home Page (PHP)

PHP adalah singkatan dari Personal Home Page yang merupakan bahasa standar yang digunakan dalam dunia website. PHP adalah bahasa pemrograman yang berbentuk

Kelebihan PHP dari bahasa pemrograman lain :

1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaanya.

2. Web Server yang mendukung PHP dapat ditemukan dimana - mana dari mulai IIS sampai dengan apache, dengan konfigurasi yang relatif mudah.

3. Dalam sisi pengembangan lebih mudah, karena banyaknya milis - milis dan

developer yang siap membantu dalam pengembangan.

4. Dalam sisi pemahamanan, PHP adalah bahasa scripting yang paling mudah karena referensi yang banyak.

PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (linux, unix, windows) dan dapat dijalankan secara runtime melalui console serta juga dapat menjalankan perintah-perintah sistem. Sistem database yang didukung oleh PHP adalah :

1. Oracle 2. Sybase 3. MySQL 4. Solid

5. Generic ODBC

2.6.1 Sejarah Personal Home Page (PHP)

PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP bernama FI (Form Interpreted). Pada saat tersebut PHP adalah sekumpulan script

yang digunakan untuk mengolah data form dari web.

Perkembangan selanjutnya adalah Rasmus melepaskan kode sumber tersebut dan menamakannya PHP/FI, pada saat tersebut kepanjangan dari PHP/FI adalah

Personal Home Page/Form Interpreter. Dengan pelepasan kode sumber ini menjadi

open source, maka banyak programmer yang tertarik untuk ikut mengembangkan PHP.

Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini interpreter sudah diimplementasikan dalam C. Dalam rilis ini disertakan juga modul-modul ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan.

Pada tahun 1997, sebuah perusahaan bernama Zend, menulis ulang interpreter

PHP menjadi lebih bersih, lebih baik dan lebih cepat. Kemudian pada Juni 1998 perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan nama rilis tersebut menjadi PHP 3.0.

Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis tersebut dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang paling banyak dipakai. Versi ini banyak dipakai sebab versi ini mampu dipakai untuk membangun

Pada Juni 2004, Zend merilis PHP 5.0. Versi ini adalah versi mutakhir dari PHP. Dalam versi ini, inti dari interpreter PHP mengalami perubahan besar. Dalam versi ini juga dikenalkan model pemrograman berorientasi objek baru untuk menjawab perkembangan bahasa pemrograman kearah pemrograman berorientasi objek. (Membangun Aplikasi Web dengan PHP dan MySQL, Sutarman, 2003).

2.6.2 Konsep Dasar Personal Home Page (PHP)

Kode PHP diawali dengan tanda lebih kecil (<) dan diakhiri dengan tanda lebih besar (>). Ada empat cara untuk menuliskan script PHP yaitu :

1. <? Apa kabar.. ?> 2. <?php Apa kabar.. ?> 3. <% Apa kabar.. %>

4. <SCRIPT LANGUAGE=”php”> Apa kabar..</SCRIPT>

Pemisah antar instruksi adalah titik koma (;) dan untuk membuat atau menambahkan komentar/standar penulisan adalah : /* komentar */, // komentar, # komentar. Cara penulisan dibedakan menjadi Embeded dan Non Embeded script.

a. Embeded Script

Contoh dari Embeded script <html>

<head>

<title>Coba</title> </head>

<?php”web developer”?> </body>

</html>

Script diatas merupakan script yang sederhana. Script PHP disisipkan diantara tag-tag html.

b. Non Embeded Script

Contoh Non Embeded Script : <?php

echo”<html>”; echo”<head>”; echo”<title>”;

echo”we learn about php”; echo”</title>”;

echo”</head>”; echo”<body>”;

echo”<p> My Project </p>”; echo”</body>”;

echo”</html>”; ?>

Script ini digunakan murni pembuatan program dengan PHP, tag HTML yang dihasilkan untuk membuat dokumen merupakan bagian dari script PHP. (DasarPemrograman Web Dinamis Menggunaan PHP, Abdul Kadir, 2002)

2.7 MySQL

MySQL dikembangkan oleh sebuah perusahaan Swedia bernama MySQL AB yang pada saat itu bernama Txc Data Konsult AB sekitar tahun 1994-1995. Meskipun cikal bakal kodenya bisa disebut sudah ada sejak tahun 1979. Tujuan mula-mula Txc membuat MySQL pada waktu itu juga mengembangkan aplikasi web untuk client Txc yaitu perusahaan pengembang software dan konsultan database.

Fungsi MySQL dapat dikatakan sebagai interpreter query, karena setiap kita menggunakan query SQL kita harus meletakkannya didalam fungsi ini. Dengan kata lain, SQL tidak dapat dijadikan tanpa adanya fungsi MySQL. MySQL termasuk jenis

database management system (RDBMS). Sehingga istilah seperti tabel , baris dan kolom tetap digunakan dalam MySQL. Pada MySQL sebuah database mengandung beberapa tabel, tabel terdiri dari sejumlah baris dan kolom.

SQL (dibaca "ess-que-el") merupakan kependekan dari Structured Query Language. SQL digunakan untuk berkomunikasi dengan sebuah Database. Sesuai dengan ANSI, SQL merupakan bahasa standar untuk sistem menajemen database

relasional. Statemen SQL digunakan untuk melakukan tugas-tugas seperti melakukan

up todate terhadap database, atau mengambil data dari sebuah database. Beberapa

database relasional yang menggunakan SQL dan cukup ngetop adalah: MySQL, Oracle, Sybase, Microsoft SQL Server, Access, Ingres, etc. Meskipun sebagian besar sistem database menggunakan SQL, namun sebagian besar dari mereka juga memiliki ekstensi khusus yang hanya bisa digunakan di sistem masing-masing. Namun demikian, perintah standar SQL seperti "Select", "Insert", "Update", "Delete", "Create", dan "Drop" dapat digunakan untuk melakukan hampir semua hal yang perlu

dilakukan terhadap sebuah database.

Karena MySQL merupakan suatu server database yang bersifat multiuser dan salah satu sifat program multiuser yaitu hanya dapat berjalan disisi server, maka kita tidak dapat mengaksesnya tanpa ada izin server tersebut. Dalam MySQL fungsi yang digunakan untuk dapat tersambung ke server adalah MySQL _connect() atau dengan menggunakan MySQL _proconnect(),MySQL mengenal beberapa tipe data field yaitu tipe data numeric, tipe data string, tipe data char() dan varchar() dan tipe data tanggal. Digunakannya MySQL sebagai program pengolah database, sebab MySQL memiliki fasilitas-fasilitas anatara lain sebagai

berikut :

a. Terdapat suatu bahasa pemrograman yang mudah untuk menggunakan MySQL

b. Database file server multi pengguna, dan aplikasi klien dari Client/Server. c. Mendukung integritas referensial pada tingkat mesin database.

d. sehingga bila dirasakan, akan hampir sama dengan menggunakan dBase ataupun FoxPro yang berjalan didalam DOS.

e. Memiliki kemampuan menjalankan aplikasi yang kompleks.

Arsitektur yang diskalakan memungkinkan MySQL digunakan sebagai

database yang berdiri sendiri

2.7.1 Syntaks-Syntaks MySQL

Perintah-perintah yang umum digunakan dalam MySQL diantaranya adalah :

a. Insert

Digunakan untuk mengisi data atau menambah record pada suatu tabel. insert into nama-tabel(kolom1,kolom2..) values (nilai1,nilai2..);

b. Select

Digunakan untuk melihat data dari satu atau beberapa tabel.

select kolom-kolom; from nama-tabel;

Untuk melihat seluruh isi kolomdari suatu table digunakan query select * select * from nama-tabel;

c. Where

Digunakan untuk menyaring hasil query sehingga record yang dikeluarkan hanyalah record yang sesuai dengan yang diinginkan.

select kolom1, kolom2 from kolom1 where kolom2 < kriteria;

d. Distinct

Dapat digunakan untuk menghilangkan record-record yang sama.

select distinct kolom2 from kolom1;

e. Between

Digunakan untuk membatasi suatu kolom berada pada suatu batas nilai tertentu.

select kolom1,kolom2,kolom3 from kolom1 where kolom2 between .. and ..; f. Like

Digunakan untuk pencarian data yang memiliki pola tertentu.

Pada keyword like digunakan tanda-tanda khusus (wildcasd) sebagai berikut:

Tabel 2.1 Keyword Like

Tanda Arti

% Sembarang nol atau lebih karakter - Sembarang satu karakter

[] Sembarang karakter yang berada dalam tanda urung siku

g. Order By

Digunakan untuk mensortir data hasil query sesuai dengan kebutuhan.

select kolom1,kolom2 from kolom1 order by kolom1;

Untuk mensortir dengan urutan terbalik, digunakan keyword tambahan DESC. Sedangkan untuk urutan yang teratur digunakan keyword ASC.

select kolom1,kolom2 from kolom1 order by kolom1 DESC;

h. Delete

Digunakan untuk menghapus suatu record dengan criteria tertentu.

delete from nama-tabel where kriteria;

Untuk menghapus record pada suatu tabel, digunakan perintah DELETE tanpa menentukan kriterianya.

delete from nama-table;

i. Update

Digunakan untuk memodifikasi nilai kolom dari suatu record.

update nama-tabel set nama-kolom1=nilai-baru1,nilai-kolom2=nilai-baru2,..

Contoh penulisan program pada MySQL dapat dituliskan sebagai berikut : CREATE TABLE cdrom (

vendor char(10), speed int(11), price int(11) );

Ketika memasuki command prompt MySQL dituliskan perintah sebagai berikut :

> mysqlshow;

dan akan muncul tabel sebagai berikut : 1 rows in set (0.00 sec)

(Aplikasi web dengan PHP dan Mysql, Kasinan Peranginangin, 2006)

2.8 Adobe Dreamweaver

Adobe Dreamweaver merupakan pengembangan dari Macromedia Dreamweaver MX semenjak perusahaan Macromedia dimili oleh perusahaan software Adobe Inc.

Software ini merupakan salah satu software terpopuler dalambidang desain web. Dalam versinya saat ini, Adobe Dreamweaver CS5 dapat menggabungkan fungsi penulisan script client side dan server side menjadi sat dan mampu mengolah beberapa script pemrohraman berbasis server side yang sangat terkenal seperti ASP dan PHP. Dengan fasilitasnya yang kaya warna, penuh icon, dan user interface yang menarik. Adobe Dreamweaver CS5 sungguh berbeda dengan logo versi generasi sebelumnya yang terkesan formal.

BAB 3

GAMBARAN UMUM TOKO

Pada bab ini akan dijelaskan secara singkat mengenai kondisi toko Roemah Batik Pekalongan. Beberapa hal yang akan dipaparkan mengenai kondisi toko dan sistem yang sedang berjalan. Toko Roemah Batik Pekalongan adalah sebuah toko yang menjual pakaian batik yang terletak di H.M. Jhoni (Pasar Merah) No. 214 B, Medan, Sumatera Utara. Toko mungil yang memiliki penggemar yang fanatik dan selalu mencari maupun memesan batik yang diperlukan oleh para pelanggannya. Toko batik ini dimiliki oleh Bapak Edi Sinaga yang sedang berupaya mengembangkan toko ini. Penulis memilih tempat ini sebagai tempat riset selain karena posisi toko ini terletak dekat rumah dan selain itu penulis ingin membantu pemilik toko ini dalam mempromosikan pakaian batik yang dijual.

3.1 Lokasi Toko

Sejak awal berdiri hingga saat ini, Toko Roemah Batik Pekalongan tidak pernah berpindah tempat yang mengambil lokasi di jalan H.M. Jhoni (Pasar Merah) No. 214B, Medan. Lokasi yang nyaman dan teduh sebagai lokasi berjualan sekaligus memiliki prospek yang baik sebagai tempat bisnis.

3.2 Pola Transaksi

Pola transaksi yang digunakan oleh Toko Roemah Batik Pekalongan adalah pola transaksi konvensional. Yaitu pembeli datang secara langsung ke toko lalu memilih batik yang diinginkan dan membayarnya dikasir.

Pola yang demikian, adalah pola lama yang selalu digunakan dihampir semua proses transaksi. Pola ini tentunya memiliki beberapa kelemahan mendasar. Beberapa diantaranya :

a. Pembeli harus datang ke lokasi toko yang tentunya memerlukan waktu khusus. b. Pembeli harus mengeluarkan biaya ekstra ke lokasi toko sebagai biaya

perjalanan.

c. Akan mempersulit pembeli yang memiliki waktu serta dana yang terbatas.

Karena beberapa alasan diatas, maka penulis bersama pemilik berusaha membangun konsep yang lebih baik dan dapat mengatasi permasalahan diatas.

BAB 4

PERANCANGAN SISTEM

Seiring dengan perkembangan teknologi informasi saat ini, serta untuk meningkatkan efisiensi kerja dan waktu, maka masih banyak system yang ada saat ini yang masih manual dan harus diganti dengan system yang lebih baik lagi. Hal ini dilakukan dengan cara membangun aplikasi yang terkomputerisasi atau online. Untuk memulai membangun suatu program mengenai perancangan web e-commerce, maka penulis terlebih dahulu merencanakan alur kerja berdasarkan kebutuhan dari user yang akan menggunakan aplikasi basis data ini.

Perancangan web e-commerce ini dibuat atas dasar kebutuhan masyarakat yang menginginkan cara berbelanja online, sehingga dapat menghemat waktu. Perancangan merupakan proses yang dilakukan oleh perancang sistem untuk mengerjakan spesifikasi sistem, membuat keputusan tentang bagaimana komponen system diaktualisasikan. Proses ini menyangkut tujuan sistem tersebut, audience, objek, dan informasi domain. Perancangan yang baik harus mengetahui bagaimana mendapatkan efek yang dibutuhkan oleh spesifikasi tersebut dengan cara paling fleksibel, efisien, dan elegan.

4.1 Data Flow Diagram (DFD)

Data Flow Diagram (DFD) merupakan model dari system untuk menggambarkan pembagian system ke modul yang lebih kecil. Salah satu keuntungan menggunakan diagram alir data adalah memudahkan pemakai yang kurang menguasai bidang computer untuk mengerti system yang akan dikerjakan. Pada tahap analisa, penanganan notasi symbol lingkaran dan anak panah menggambarkan arus data dalam perancangan system sangat membantu dalam komunikasi dengan pemakaian system menggunakan notasi-notasi untuk menggambarkan arus dari data system.

Disamping itu, DFD adalah salah satu alat pembuatan model yang sering digunakan, khususnya bila fungsi-fungsi system merupakan bagian yang lebih penting dan kompleks dari pada data yang dimanipulasi oleh system. Dengan kata lain. DFD adalah alat pembuatan model yang memberikan penekanan hanya pada fungsi system.

DFD juga merupakan alat perancangan system yang berorientasi pada alur data dengan konsep dekomposisi dapat digunakan untuk penggambaran analisa maupun rancangan system yang mudah dikomunikasikan oleh professional system kepada pemakai maupun pembuat program. Adapun Data Flow Diagram (DFD) yang penulis ajukan adalah:

Data pemesan batik Produk batik

Info data produk batik Info pemesan batik

Laporan pemesan batik

Gambar 4.1 Data Flow Diagram

4.2 Perancangan Struktur Database

Database adalah kumpulan file-file yang saling berelasi antara file yang satu dengan file yang lain sehingga membentuk satu kesatuan data. Dalam sebuah database, dapat kita jumpai lebih dari satu table. Pada table biasanya terdiri dari field-field, tipe data, jumlah karakter pada tiap field yang di-input dan keterangan tambahan lainnya.

Dalam Perancangan Aplikasi Penjualan Pakaian Batik pada Roemah Batik Pekalongan Menggunakan PHP dan MySQL, penulis membuat 7 tabel dalam database yang diberi nama batik. Tabel-tabel tersebut terdiri atas:

Aplikasi Penjualan

Pemesan Admin

Tabel 4.1 Struktur Database Tabel user

FIELD DATA TYPE DESCRIPTION

id_user Varchar (50) id user

password Varchar (50) password user

email Varchar (100) email user

level Varchar (50) level user

Tabel 4.2 Struktur Database Tabel kategori

FIELD DATA TYPE DESCRIPTION

id int (11) id kategori

kategori varchar (100) kategori produk

Tabel 4.3 Struktur Database Tabel produk

FIELD DATA TYPE DESCRIPTION

id int (11) id produk dan auto_increment

nama_produk varchar (100) nama produk

harga_produk int (10) harga produk

deskripsi text deskripsi produk

gambar varchar (100) nama file gambar produk

id_kategori int (3) id kategori produk

Tabel 4.4 Struktur Database Tabel order_product

FIELD DATA TYPE DESCRIPTION

id int (11) id order produk dan auto_increment

id_produk int (11) id produk

id_pemesanan varchar (100) id pemesanan produk

nama_awal varchar (100) nama awal pemesan

nama_akhir varchar (100) nama akhir pemesan

email varchar (100) email pemesan

provinsi varchar (100) provinsi pemesan

kota varchar (100) kota pemesan

kode_pos varchar (20) kode pos pemesan

telepon varchar (30) telepon pemesan

status varchar (30) status pemesan

jumlah int (4) jumlah produk yang dipesan

tanggal Date tanggal pemesanan

Tabel 4.5 Struktur Database Tabel konfirmasi_pembayaran

FIELD DATA TYPE DESCRIPTION

id int (11) id konfirmasi dan auto_increment

nama_lengkap varchar (225) nama pemesan

email varchar (225) email pemesan

no_voice varchar (225) no voice pemesan

tanggal_pembayaran varchar (225) tanggal pembayaran jumlah_pembayaran varchar (225) jumlah pembayaran

bank_tujuan varchar (225) bank tujuan pembayaran tipe_transaksi varchar (225) tipe transaksi

nama_rekening varchar (225) nama rekening

no_rekening varchar (225) no rekening

alamat Text alamat pemesan

instruksi Text instruksi

Tabel 4.6 Struktur Database Tabel keranjang

FIELD DATA TYPE DESCRIPTION

id_keranjang int (5) id keranjang dan auto_increment

id_produk int (5) id produk

Tabel 4.7 Struktur Database Tabel komentar

FIELD DATA TYPE DESCRIPTION

id int (3) id komentar dan auto_increment

id_produk varchar (100) id produk

nama varchar (100) nama pemesan

email varchar (100) email pemesan

hp varchar (100) hp pemesan

website varchar (100) website pemesan

komentar Text komentar

Tabel 4.8 Struktur Database Tabel statistik

FIELD DATA TYPE DESCRIPTION

ip varchar (20) ip komputer

tanggal date tanggal dilihat

online varchar (255) yang melihat online

4.3 Flowchart

Flowchart adalah suatu bagan yang menggambarkan arus logika dari data yang akan diproses dalam suatu program dari awal sampai akhir. Flowchart/diagram alir dapat juga diartikan sebagai sekumpulan simbol-simbol atau skema yang menunjukkan atau menggambarkan rangkaian kegitan program dari mulai awal hingga akhir atau urutan langkah-langkah dari suatu program.

Tabel 4.9 Simbol-Simbol pada Flowchart

Simbol Keterangan

Terminator, untuk memulai dan mengakhiri suatu program.

Data, untuk memasukkan maupun menunjukkan hasil dari suatu proses.

Process, Simbol proses digunakan untuk menunjukkan pengeluaran yang dilakukan oleh computer

Predefined Process, Simbol proses definisi digunakan untuk menunjukkan suatu operasi yang rinciannya ditunjukkan di tempat lain

Connector, Simbol penghubung digunakan untuk menunjukkan sambungan dari bagan alir yang terputus di halaman yang masih sama

Off-page Connector, Simbol pemutus hubungan digunakan untuk masuk dan keluarnya suatu prosedur pada lembar kertas yang lain

Magnetic Disk, Simbol magnetic digunakan untuk menunjukkan database yang dipakai dalam program

Decission, Simbol persiapan digunakan untuk suatu penyeleksian kondisi di dalam program

Document, Simbol dokumen merupakan simbol untuk menunjukkan data yang berbentuk kertas maupun informasi

Arus/flow, suatu prosedur yang dapat dilakukan dari atas ke bawah, dari bawah ke atas, dari kiri ke kanan dan sebaliknya

4.3.1 Flowchart Menu Utama

Flowchart menu utama dapat dilihat pada gambar dibawah ini:

ya

tidak

ya

Tidak

ya Tidak

ya Tidak

ya

ya

start

Tampilan Web

Pilih LinkPada

Cara Pemesanan Produk

Home

Kontak Kami Tentang Kami

finish

Tampilan Home

Tampilan Produk

Tampilan Cara Pemesanan

Tampilan Kontak Kami

Tampilan Tentang Kami

4.3.2 Flowchart Admin

Flowchart admin dapat dilihat pada gambar dibawah ini:

tidak

ya

Gambar 4.3 Alur Flowchart Admin

start

login

Tampilah Menu Admin Index

Input

Username&Password

Username&Password Benar

Finish

Username atau Password Salah

4.4 Perancangan Algoritma

Algoritma merupakan suatu cara menganalisa (menjelaskan) urutan dan hubungan kegiatan-kegiatan yang dilakukan untuk memecahkan suatu permasalahan sehingga tercapai tujuan yang diinginkan.

4.4.1 Algoritma Homepage

Berfungsi untuk menampilkan tampilan utama web, dengan pilihan menu antara lain:

home, produk, cara pemesanan, kontak kami, dan tentang kami.

Algoritma Home

Langkah I : Pilih menu home

Langkah II : Menampilkan halaman utama website

Algoritma Produk

Langkah I : Pilih menu produk

Langkah II : Menampilkan daftar produk batik secara umum dan kategori Langkah III : Menampilkan deskripsi produk yang dipilih

Langkah IV : Memesan produk yang dipilih

Algoritma Cara Pemesanan

Langkah I : Pilih menu cara pemesanan

Algoritma Kontak Kami

Langkah I : Pilih menu kontak kami

Langkah II : Menampilkan informasi mengenai kontak kami

Algoritma Tentang Kami

Langkah I : Pilih menu tentang kami

Langkah II : Menampilkan informasi mengenai tentang kami

Algoritma Konfirmasi Pembayaran Langkah I : Pilih menu pembayaran

Langkah II : Menampilkan form-form yang harus diisi untuk pembayaran.

4.4.2 Algoritma Admin

Berfungsi untuk menampilkan tampilan web untuk admin, dengan pilihan menu antara lain: login, produk, kategori, report, dan logout.

Algoritma Login

Langkah I : Mauk ke halaman admin

Langkah II : Menampilkan form isian untuk login admin

Algoritma Home

Langkah I : Pilih menu home

Algoritma Produk

Langkah I : Pilih menu produk

Langkah II : Menampilkan daftar produk secara keseluruhan Langkah III : Dapat menambahkan produk

Langkah IV : Dapat mengedit produk Langkah V : Dapat menghapus produk

Algoritma Kategori

Langkah I : Pilih menu kategori

Langkah II : Menampilkan daftar kategori secara keseluruhan Langkah III : Dapat menambahkan kategori

Langkah IV : Dapat mengedit kategori Langkah V : Dapat menghapus kategori

Algoritma Order Produk

Langkah I : Pilih menu order produk

Langkah II : Menampilkan laporan data pemesan

Algoritma Konfirmasi Pembayaran

Langkah I : Pilih menu konfirmasi pembayaran

Langkah II : Menampilkan informasi konfirmasi pembayaran pemesan

Algoritma Logout

BAB 5

IMPLEMENTASI SISTEM

5.1 Pengertian Implementasi Sistem

Implementasi sistem adalah suatu prosedur yang dilakukan untuk menyelesaikan sistem yang ada dalam dokumen rancangan sistem yang telah disetujui dan mengujinya.

Adapun langkah-langkah yang dibutuhkan dalam implementasi sistem adalah: a. Mendapatkan software dan hardware yang tepat serta sesuai untuk merancang

suatu sistem informasi.

b. Menyelesaikan rancangan sistem.

c. Menulis, menguji, mengontrol, dan mendokumentasikan website. d. Mendapatkan persetujuan.

5.2 Tujuan Implementasi Sistem

Adapun tujuan dari implementasi sistem adalah :

a. Mengkaji rangkaian sistem baik dari segi software maupun hardware sebagai sarana penyaji informasi.

b. Menyelesaikan rancangan sistem yang ada dalam dokumen sistem yang baru atau yang telah disetujui.

c. Memastikan bahwa pengunjung dapat mengoperasikan sistem baru dengan mudah.

d. Memperhitungkan bahwa sistem telah memenuhi permintaan pemakai yaitu dengan menguji sistem secara menyeluruh.

e. Memastikan bahwa sistem telah berjalan dengan baik dan benar.

5.3 Komponen Implementasi Sistem

Dalam menjalankan sistem dengan menggunakan komputer harus memiliki 3 komponen, yaitu: hardware (perangkat keras), software (perangkat lunak), dan

brainware (sumber daya manusia).

5.3.1 Hardware

Hardware merupakan komponen yang sangat dibutuhkan dalam membangun suatu sistem.

5.3.2 Software

Software merupakan komponen yang digunakan dalam pembuatan software

membangun suatu sistem.

5.3.3 Brainware (Sumber Daya Manusia/Unsur Manusia)

Brainware merupakan sumber daya manusia atau unsur manusia yang menangani komputer. Brainware dalam sistem informasi ini Terbagi atas:

b. Programmer: orang yang membuat sistem dengan menggunakan salah satu bahasa pemrograman yang dikuasainya.

c. Operator: orang yang memakai sistem.

5.4 Tampilan Halaman Website

Untuk menjalankan system guna web browser pada pengujian ini penulis menggunakan we browser Mozila Firefox dan Google Chrome setelah web browser jalan, ketikkan pada address bar http://localhost/batik untuk pengetesan halaman utama. Halaman utama system tersebut seperti pada gambar berikut:

Gambar 5.2 Tampilan Halaman Produk

Gambar 5.4 Tampilan Halaman Kontak Kami

Gambar 5.6 Tampilan Halaman Konfirmasi Pembayaran

Ketikkan pada address bar http://localhost/batik/admin untuk pengetesan halaman admin. Halaman utama sistem tersebut seperti pada gambar berikut:

Gambar 5.8 Tampilan Halaman Home Admin

Gambar 5.10 Tampilan Halaman Kategori Admin

BAB 6

KESIMPULAN DAN SARAN

6.1 Kesimpulan

Dari hasil pembuatan dan penulisan tugas akhir tentang Perancangan Aplikasi Penjualan Pakaian Batik pada Roemah Batik Pekalongan, maka Penulis dapat mengambil kesimpulan sebagai berikut :

a. Dengan menggunakan aplikasi ini pekerjaan melakukan input data produk akan lebih efektif dan bisa dibandingkan dengan sistem penjualan yang lama yaitu dengan cara konvensional.

b. Penggunaan database MySQL membuat data lebih rapi dan teroganisir.

c. Adobe Dreamweaver CS5 digunakan untuk mendesain tampilan web agar menarik

d. Adobe Photoshop digunakan untuk mengedit gambar.

e. Browser Google Chrome digunakan untuk membuka halaman web yang telah dibuat.

6.2Saran

Dengan selesainya perancangan aplikasi pada Roemah Batik Pekalongan, penulis memilki beberapa saran yang diharapkan akan dapat dilakukan perbaikan untuk selanjutnya yaitu :

a. Agar proses yang telah dirancang dapat digunakan oleh Toko Roemah Batik Pekalongan agar pemasaran dapat lebih baik sehingga transaksi dapat meningkat.

b. Dapat melakukan perbaikan dan penyempurnaan terhadap sistem ini agar menjadi lebih sempurna bila akan diterapkan pada sistem yang lama sehingga saling terintegrasi.

c. Sistem yang telah dibuat ini masih memperlukan perbaikan karena masih memiliki kelemahan-kelemahan dalam memenuhi kebutuhan yang sebenarnya pada Toko Roemah Batik Pekalongan.

DAFTAR PUSTAKA

Abdul Kadir. 2002. Dasar Pemrograman Web Dinamis Menggunakan PHP. Yogyakarta: Andi Offset.

Edy Marlianto. 2005. Panduan Tata Cara Penulisan Skripsi & Tugas Akhir. Medan. Kasiman Peranginanginan. 2006. Aplikasi Web dengan PHP dan MySQL.

Yogyakarta:Andi Offset.

Sutarman. 2003. Membangun Aplikasi Web dengan PHP dan MySQL. Yogyakarta: Graha Ilmu

http://anoyshoko.wordpress.com/2010/10/30/perkembangan-e-commerce/ diakses pada 5 Maret 2013

http://blog.duniascript.com/sekilas-tentang-macromedia-dreamweaver.html, diakses pada 22 Maret 2013

http://renditkj.blogspot.com/008/07/pengertian-web-browser.html, diakses pada 22 Maret 2013

L

A

M

P

I

R

A

N

LISTING PROGRAM HALAMAN WEBSITE

Style.css

@charset "utf-8"; /* CSS Document */ *{

margin: 0 auto; padding: 0;

font-size: 11px; }

body{

position: relative; margin:0px auto;

font-family: 'Museo Slab',Tahoma,sans-serif; background-color:#FFF;

} h2{

font-size:19px; color:#FED700; }

h3{

color:#54301A; font-size:16px;" }

ol{

text-decoration:none; list-style:none;

}

ol li{

color:#B9005C; margin-bottom:5px; }

#pn_galeri {

position: absolute; top: 1036px;

left: 10%; }

padding: 0 7px; height: 18px;

margin-right: 5px;

background-color: #FED700; color:#FFF;

border:1px solid #000; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; text-decoration:none; } a.red:link { position: relative; float: left;

padding: 0 7px; height: 18px;

margin-right: 5px;

background-color: #76593C; color:#FFF;

border:1px solid #000; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; text-decoration:none; } a.red:active { position: relative; float: left;

padding: 0 7px; height: 18px;

margin-right: 5px;

background-color: #FED700; color:#FFF;

border:1px solid #000; border-radius: 2px;

-moz-border-radius: 2px; -webkit-border-radius: 2px; text-decoration:none;

}

a.red:link , a.red:visited { position: relative; float: left;

padding: 0 7px; height: 18px;

margin-right: 5px; color:#FFF;

border-radius: 2px;

-moz-border-radius: 2px; -webkit-border-radius: 2px; text-decoration:none;

}

a.red:hover { position: relative; float: left;

padding: 0 7px;

text-decoration:none; height: 18px;

margin-right: 5px;

background-color: #FED700; color:#FFF;

border:1px solid #000; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;} /******************************/ #thumbarticle { position: relative; float: left; } @font-face {

font-family: 'Museo Slab';

src:url(../font/museo_slab_500.otf); } #container{ position:relative; margin:10px auto; width:auto; height:2078px; border:#0C3; } /****************************Header*******************/ #header{ position:relative; float:left; border:#F00; width:100%; height:173px;

height:23px; background-color:#F1E3C5; } #content_a_header{ position:relative; width:960px; height:23px;

border-left:1px solid #FFF; border-right:1px solid #FFF; line-height: 19px; } #content_a_header ul{ position:relative; float:right; width:320px; margin:0; padding:0; }

#content_a_header ul li{ position:relative; float:left; padding-left:2px; margin:0; padding:0; list-style:none; height:23px;

border-left:1px solid #FFF; }

#content_a_header ul li a{ position:relative; float:left;

font-family: 'Museo Slab',Tahoma,sans-serif; font-size:11px;

text-align:center; text-decoration:none; width:131px;

height:23px;

border-left:1px solid #FFF; display:block; color:#54301A; } #b_header{ position:relative; width:100%; height:127px;

background-color:#FFF; } /***************************************************/ #c_header{ position:relative; width:100%; height:23px; background-color:#76593C; } #menu{ position:relative; width:960px; height:23px;

border-right:1px solid #FFF; line-height: 19px; } #menu ul{ position:relative; float:right; margin:0; padding:0; }

#menu ul li{

position:relative; float:left; margin:0; padding:0; list-style:none; }

#menu ul li a{

position:relative; float:left;

font-family: 'Museo Slab',Tahoma,sans-serif; font-size:11px;

text-decoration:none; width:106px;

padding:0 12px; height:23px;

border-left:1px solid #FFF; display:block;

/***************************Header*******************/ /*************************Content***********************/ #content{ position:relative; float:left; width:100%; } #c_content{ position:relative; width:960px; } #slideshow{ position:relative; width:960px; height:363px; } #front_primary_content{ position:relative; float:left; width:245px; height:1005px; } #p_blok1{ position:relative; float:left; padding-left:10px; padding-right:10px; width:220px; height:235px; background-color:#F1E3C5; margin-top:16px; border-radius:8px; } #p_blok2{ position:relative; float:left; padding-left:10px; padding-right:10px; width:220px; height:155px; background-color:#F1E3C5; margin-top:16px;

#p_kategori{ position:relative; float:left; padding-left:10px; padding-right:10px; width:220px; height:120px; background-color:#F1E3C5; margin-top:16px; border-radius:8px; } #p_pencarian{ position:relative; float:left; padding-left:10px; padding-right:10px; width:220px; height:120px; background-color:#F1E3C5; margin-top:16px; border-radius:8px; } #p_pengunjung{ position:relative; float:left; padding-left:10px; padding-right:10px; width:220px; height:150px; background-color:#F1E3C5; margin-top:16px; border-radius:8px; } #statistik{ position:relative; float : left;

margin-left:50px; }

/*********************** secondary*******************/ #front_secondary_content{

#s_blok1{ position:relative; float:left; width:705px; } /****************************************************/ /****************************Content***************/ /**********************Footer************************/ #footer{ position:relative; float:left; border:#F00; background-color:#033; width:100%; } /******/ #a_footer{ position:relative; width:100%; height:50px; background-color:#FED700; } /******/ #b_footer{ position:relative; width:100%; height:198px; background-color:#F1E3C5; } #cb_footer{ position:relative; width:960px; height:198px; background-color:#F1E3C5; } #b_footer1{ position:relative; float:right; width:380px; text-align:center; padding-top: 24px;

background-color:#F1E3C5; } #b_footer2{ position:relative; float:left; padding-left:10px; padding-right:10px; width:220px; height:198px; } #b_footer1 ul{ list-style-type: none; padding: 6px 0 0 0; text-align: center; }

#b_footer1 ul li{ display: inline; } /************/ #c_footer{ position:relative; width:100%; height:50px; float:left; background-color:#76593C; } #content_c_footer { position: relative; width: 960px; height: 50px; }

#content_c_footer p{ color: #FFF; font-size: 16px; line-height: 50px; float: left; } /*****************/

height:320px; position:relative; float:left; margin-right:43px; margin-bottom:10px; } #nama_produk{ width:188px; height:24px; position:relative; float:left; } #nama_produk p{ text-align:center; padding-top:2px; font-size:12px; color:#FED700; } #gambar_produk{ width:188px; height:220px; position:relative; float:left; background-color:#930; } #harga_produk{ width:188px; height:24px; position:relative; float:left; font-size:12px; color:#54301A; } #harga_produk p{ text-align:center; padding-top:2px; } #blok_tombol{ width:188px; height:50px; position:relative; float:left;}

#t_beli{ width:61px; height:30px;

position:relative; float:left;

background-color: RGB(241, 227, 197); border-radius:8px;

}

#t_detail{ width:70px; height:30px;

position:relative; float:right;

background-color: RGB(118, 89, 60); border-radius:8px;

}

#t_beli p{

text-align:center; padding-top:8px; }

#t_detail p{

text-align:center; padding-top:8px; }

alamanak.js

browserName=navigator.appName;

browserVer=parseInt(navigator.appVersion);

if ((browserName=="Netscape" && browserVer>=4) ||

(browserName=="Microsoft Internet Explorer" &&

browserVer>=4)) version="n3"; else

version="n2";

var now = new Date();

var hours = now.getHours(); var minutes = now.getMinutes();

myyear= mydate.getYear(); year = myyear

if (version=="n3") {

if(myday == 0) day = " Minggu, " else if(myday == 1) day = " Senin, " else if(myday == 2) day = " Selasa, " else if(myday == 3) day = " Rabu, " else if(myday == 4) day = " Kamis, " else if(myday == 5) day = " Jum'at, " else if(myday == 6) day = " Sabtu, " if(mymonth == 0) month = " Januari "

else if(mymonth ==1) month = " Februari " else if(mymonth ==2) month = " Maret " else if(mymonth ==3) month = " April " else if(mymonth ==4) month = " Mei " else if(mymonth ==5) month = " Juni " else if(mymonth ==6) month = " Juli " else if(mymonth ==7) month = " Agustus " else if(mymonth ==8) month = " September " else if(mymonth ==9) month = " Oktober " else if(mymonth ==10) month = " Nopember " else if(mymonth ==11) month = " Desember "

if ((navigator.appName == "Microsoft Internet Explorer") && (year < 2000))

year="19" + year;

if (navigator.appName == "Netscape") year=1900 + year;

document.write(day + myweekday); document.write(month+ ""+ year ); }

koneksi.php <?php

$server = "localhost"; $username = "root"; $password = "";

$database = "batik";

mysql_connect($server,$username,$password) or

die("Koneksi gagal");

mysql_select_db($database) or die("Database tidak bisa dibuka");

tanggal.php <?php

$seminggu =

array("Minggu","Senin","Selasa","Rabu","Kamis","Jumat","S abtu");

$hari = date("w");

$hari_ini = $seminggu[$hari]; $tgl_sekarang = date("Ymd"); $thn_sekarang = date("Y"); $jam_sekarang = date("H:i:s");

$nama_bln=array(1=> "Januari", "Februari", "Maret",

"April", "Mei","Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember");

?> index.php <?php include "inc/koneksi.php"; //error_reporting(0); session_start(); ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"> <head>

<meta http-equiv="Content-Type" content="text/html;

charset=utf-8" />

<link rel="stylesheet" type="text/css"

href="_css/style.css"/>

<link rel="stylesheet" type="text/css"

href="jquery/head.css"/>

<script type="text/javascript"

src="js/jquery.min.js"></script>

<script type="text/javascript"

src="js/jquery.min14.js"></script>

<script language="javascript"

src="jquery/jquery-1.4.js"></script>

<script language="javascript"

}); </script>

<link rel="stylesheet" type="text/css"

href="css/scrollable-horizontal.css">

<link rel="stylesheet" type="text/css"

href="css/scrollable-buttons.css">

<script type="text/javascript"

src="jquery.tools.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#infinite").scrollable().circular(); }); </script>

<title>==Roemah Batik Pekalongan==</title> </head>

<body>

<?php include "header.php"; ?><!-- header --> <div id="content"><!-- content -->

<div id="c_content"><!-- ccontent --> <div id="slideshow" >

<?php include "jquery/headnews.php"; ?> </div>

<?php include "primary-content.php"; ?> <div id="front_secondary_content"> <div id="s_blok1"> <?php switch($_GET['act']){ default: include"display_produk.php"; break; case "detailproduk": include "detail-produk.php"; break; case "displaykategori": include "display-kategori.php"; break; case "cart": include "cart/cart2.php"; break; case "order": include "order.php"; break; case "pencarian": include "aksi_pencarian.php"; break; case "carapesan": include "secondary/carapemesanan.php";

break; case "kontak": include "secondary/kontak.php"; break; case "tentangkami": include "secondary/tentangkami.php"; break; case "konfirmasi": include "konfirmasi-pembayaran.php"; break; } ?> </div> </div>

</div><!-- c_content --> </div><!-- content -->

<?php include "footer.php"; ?> </body> </html> menu.php <div id="menu"> <ul> <li><a href="index.php">Home</a></li> <li><a href="?act=produk">Produk</a></li>

<li><a href="?act=carapesan">Cara Pemesanan</a></li> <li><a href="?act=kontak">Kontak Kami</a></li>

<li><a href="?act=tentangkami">Tentang Kami</a></li> <li><a href="?act=konfirmasi"

style="width=200px;">Pembayaran</a></li> </ul>

</div>

header.php

<div id="header"> <!-- header --> <div id="a_header"><!-- aheader --> <div id="content_a_header">

<ul>

<li style="width:130px; padding-left:5px;">

if (h < 11) { document.write('Selamat pagi, pengunjung...'); }

else { if (h < 15) { document.write('Selamat siang, pengunjung...'); }

else { if (h < 19) { document.write('Selamat sore, pengunjung...'); }

else { if (h <= 23) { document.write('Selamat malam, pengunjung...'); }

}}}</SCRIPT> </li>

</ul> </div>

</div><!-- cheader -->

<div id="b_header"><!-- bheader -->

<div style="position:relative; width:960px;

height:70px;">

<img src="images/logo-rumah-batik1a.jpg" /> </div>

</div><!-- cheader -->

<div id="c_header"><!-- cheader --> <?php include "menu.php"; ?>

</div><!-- cheader --> </div>

footer.php

<div id="footer"><!-- footer --> <div id="a_footer"><!-- afooter --> </div><!-- afooter -->

<div id="b_footer"><!-- bfooter --> <div id="cb_footer"><!-- cbfooter --> <div id="b_footer2">

<p>&nbsp;</p>

<div style="border-bottom: solid 1px #54301A; margin-left:2px; margin-right:2px;">

<p ><h3 style=" color:#54301A; font-size:16px;">Roemah Batik Pekalongan</h3></p>

<p>&nbsp;</p> </div>

<p style=" font-size:11px;">&nbsp;</p>

<p style=" color:#54301A; font-size:11px;

margin-left:2px; margin-right:2px;">

Kami menyediakan berbagai macam jenis fashion berkualitas tinggi untuk segala kebutuhan penampilan anda. Mulai dari baju, celana, jaket dan lainnya.

Berkonsep butik online, kami berusaha memanjakan

sekaligus memudahkan para customer untuk berbelanja di toko online kami.

$sql = mysql_query("SELECT * FROM kategori ORDER BY id DESC");

$no = 1;

while ($r=mysql_fetch_array($sql)){ echo"<tr><td>$no</td>

<td>$r[kategori]</td> <td><a

href=?mod=kategori&act=editkategori&id=$r[id]>Edit</a> <a

href=aksi.php?mod=kategori&act=hapus&id=$r[id]>Hapus</a> </td>

</tr>"; $no++;

}

echo "</table>"; break;

//Form Add Kategori case "addkategori":

echo"<h2>Tambah Kategori</h2>

<form method=POST

action=aksi.php?mod=kategori&act=input> <table>

<tr><td>Nama Kategori</td>

<td>:<input type=text name=kategori></td>

</tr> <tr>

<td colspan=2>

<input type=submit

name=submit value=Simpan>

<input type=button

value=Batal onClick=self.history.back()> </td>

</tr>

</table></form>"; break;

//Form Edit kategori case"editkategori":

$edit = mysql_query("SELECT * FROM kategori WHERE id='$_GET[id]'");

$r = mysql_fetch_array($edit); echo"<h2>Edit Kategori</h2>

<form method=POST

action=aksi.php?mod=kategori&act=update>

<input type=hidden name=id value=$r[id]> <table>

<td>: <input type=text name=kategori value='$r[kategori]'></td>

</tr>

<tr><td colspan=2><input type=submit value=Update>

<input

type=button value=Batal onClick=self.history.back()></td> </tr>

</table> </form>"; break;

} ?>

mod_produk.php <?php

switch($_GET['act']){ //Tampil Kategori default:

echo"<h2>List Produk</h2>

<input type=button value='Tambah Produk Baru' onClick=location.href='?mod=produk&act=addproduk'>

<table class='TableCart'> <tr><th>no</th><th>Nama

Produk</th><th>Harga</th><th>aksi</th></tr>";

$sql = mysql_query("SELECT * FROM produk ORDER BY id DESC");

$no = 1;

while ($r=mysql_fetch_array($sql)){ echo"<tr><td>$no</td>

<td>$r[nama_produk]</td> <td>$r[harga_produk]</td> <td><a

href=?mod=produk&act=editproduk&id=$r[id]>Edit</a> <a

href=aksi.php?mod=produk&act=hapus&id=$r[id]>Hapus</a> </td></tr>";

$no++; }

echo "</table>"; break;

//Form Add produk case "addproduk":

echo"<h2>Add produk</h2>

<form enctype='multipart/form-data' method=POST action=aksi.php?mod=produk&act=input>

<tr>

<td>Nama Produk</td>

<td><input type=text name='nama_produk'></td>

</tr>

<tr>

<td>id kategori</td>

<td><input type=text name='id_kategori'></td>

</tr>

<tr>

<td>Harga</td>

<td><input type=text name='harga_produk'></td>

</tr>

<tr>

<td>Deskripsi</td>

<td><textarea name='deskripsi' style='width: 277px; height: 67px;'></textarea></td>

</tr> <tr>

<td>Gambar</td>

<td><input type=text name='gambar'></td>

</tr>

<tr><td colspan=2>

<input type=submit

name=submit value=Simpan>

<input type=button

value=Batal onClick=self.history.back()> </td>

</tr>

</table></form>"; break;

//Form Edit produk case"editproduk":

$edit = mysql_query("SELECT * FROM produk WHERE id='$_GET[id]'");

echo"<h2>Edit produk</h2>

<form method=POST enctype='multipart/form-data' action='aksi.php?mod=produk&act=update'>

<input type=hidden name=id

value=$d[id]>

<table class='TableCart'> <tr>

<td>Nama Barang</td>

<td><input onfocus=this.value=''

type=text name='nama_produk'

value='$d[nama_produk]'></td> </tr> <tr>

<td>id kategori</td>

<td><input onfocus=this.value='' value='$d[id_kategori]' type=text name=id_kategori></td>

</tr> <tr>

<td>Harga</td>

<td><input onfocus=this.value=''

value='$d[harga_produk]' type=text

name=harga_produk></td>

</tr> <tr>

<td>Deskripsi</td>

<td><textarea name=deskripsi

style='width: 277px; height:

67px;'>$d[deskripsi]</textarea></td> </tr>

<tr>

<td></td>

<td><img width=100 src='../foto_produk/$d[gambar]' /></td>

</tr> <tr>

<td>Gambar</td>

<td><input onfocus=this.value='' value='$d[gambar]' type=text name=gambar></td>

</tr> <tr>

<td colspan=2>

<input type=submit name=submit value=Simpan>

<input type=button value=Batal onClick=self.history.back()>

</td> </tr> </table> </form>"; break;

} ?>

konfirmasi.php

$sql = mysql_query("SELECT * FROM

konfirmasi_pembayaran"); echo "

<h1 class='Judul'>Konfirmasi Pembayaran</h1> <table id='datatables' class='TableCart'>

<thead>

<tr><th>No</th>

<th>No Invoice</th> <th>Nama Pemesan</th> <th>Nama Rekening</th> <th>No Rekening</th>

<th>Jumlah Pembayaran</th> <th>Bank Tujuan</th>

</tr> </thead> <tbody>" ; $no = 1;

while ($r=mysql_fetch_array($sql)){ echo"<tr><td>$no</td>

<td>$r[no_invoice]</td> <td>$r[nama_lengkap]</td> <td>$r[nama_rekening]</td> <td>$r[no_rekening]</td>

<td>$r[jumlah_pembayaran]</td> <td>$r[bank_tujuan]</td>

</tr>"; $no++;

}

logout.php <?php

session_start(); session_destroy();

echo "<script>window.alert('Kamu telah berhasil keluar dari sistem administrator');

window.location=('../index.php')</script>"; ?>