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
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
MEDAN
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
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
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
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
DAFTAR ISI
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
5.3 Komponen Implementasi Sistem 44
BAB 6 KESIMPULAN DAN SARAN
6.1 Kesimpulan 52
6.2 Saran 53
DAFTAR PUSTAKA
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
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
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
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
pembentukkan sistem informasi ini, yaitu:
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
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
Setelah data terkumpul, penulis akan merancang dan mendesain web sesuai
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
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
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,
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
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.
3. Mengurangi keterlambatan dengan mengunakan transfer elektronik /
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
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
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
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
aplikasi web kompleks tetapi tetap memiliki kecepatan proses dan stabilitas yang
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.
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",
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
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
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
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
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
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
id_session varchar (100) id session
tgl_keranjang Date tanggal pembelian
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
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
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
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
Gambar 4.2 Alur Flowchart Menu Utama
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
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
Langkah I : Pilih menu 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
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:
a. Sistem analis: orang yang menganalisa sistem dengan mempelajari
masalahmasalah yang timbul dan menentukan kebutuhan-kebutuhan pemakai
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
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
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
L
A
M
P
I
R
A
LISTING PROGRAM HALAMAN WEBSITE
padding: 0 7px; height: 18px;
margin-right: 5px;
background-color: #FED700; color:#FFF;
border:1px solid #000; border-radius: 2px;
border:1px solid #000; border-radius: 2px;
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;
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;
font-family: 'Museo Slab';
height:23px;
border-left:1px solid #FFF; border-right:1px solid #FFF; line-height: 19px;
#content_a_header ul li{ position:relative;
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;
background-color:#FFF;
position:relative; width:960px;
height:23px;
border-right:1px solid #FFF; line-height: 19px;
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;
background-color:#FED700; color:#000;
}
/***************************Header*******************/
#p_kategori{
border-radius:8px; }
border-radius:8px; }
background-color:#F1E3C5;
#b_footer1 ul li{ display: inline;
#t_beli{ width:61px; height:30px;
position:relative; float:left;
background-color: RGB(241, 227, 197); border-radius:8px;
background-color: RGB(118, 89, 60); border-radius:8px;
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, "
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);
<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"
src="jquery/headline.js"></script> <script type="text/javascript"> $(document).ready(function(){
// untuk permulaan, tampilkan content
nomor 1 '#slideAwal'