Toko Buku

Zivora Veronika Sihombing : Perancangan E-Commerce Ditoko Buku Rohani Logos, 2009.
PERANCANGAN E-COMMERCE DI
TOKO BUKU ROHANI LOGOS

TUGAS AKHIR

ZIVORA VERONIKA SIHOMBING
062406108

PROGRAM STUDI D3 ILMU KOMPUTER
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2009


PERANCANGAN E-COMMERCE DI
TOKO BUKU ROHANI LOGOS

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli Madya

062406108

PROGRAM STUDI D3 ILMU KOMPUTER
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2009


PERSETUJUAN

Judul : PERANCANGAN E-COMMERCE DI TOKO
BUKU ROHANI LOGOS
Kategori : TUGAS AKHIR
Nama : ZIVORA VERONIKA SIHOMBING
Nomor Induk Mahasiswa : 062406108
Program Studi : D3 ILMU KOMPUTER
Departemen : MATEMATIKA
Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN
ALAM (MIPA) UNIVERSITAS SUMATERA
UTARA

Diluluskan di
Medan, Juni 2009

Diketahui / Disetujui oleh:
Departemen Matematika FMIPA USU Pembimbing,
Ketua,

Dr. Saib Suwilo, Msc. Drs. Marihat Situmorang, M.Kom
NIP. 131796149 NIP. 131859487


PERNYATAAN

PERANCANGAN E-COMMERCE DI TOKO BUKU ROHANI LOGOS

TUGAS AKHIR

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

Medan, Juni 2009

062406108


PENGHARGAAN

Puji dan syukur penulis panjatkan kepada Tuhan Yesus Kristus Yang Maha Pengasih,
karena dengan limpah karunia-Nya kertas kajian ini berhasil diselesaikan dalam waktu
yang telah ditetapkan.

Ucapan terima kasih saya sampaikan kepada Drs. Marihat Situmorang,
M.Kom selaku pembimbing pada penyelesaian tugas akhir ini yang telah memberikan
panduan dan penuh kepercayaan kepada saya untuk menyempurnakan kajian ini.
Panduan ringkas dan padat dan profesional telah diberikan kepada saya agar penulis
dapat menyelesaikan tugas ini. Ucapan terima kasih juga ditujukan kepada Ketua dan
Sekretaris Departemen Dr. Saib Suwilo, M.Sc. dan Drs. Henri Rani Sitepu, M.Si.,
Dekan dan Pembantu Dekan Fakultas Matematika dan Ilmu Pengetahun Alam
Universitas Sumatera Utara, semua dosen pada Departemen Matematika FMIPA
USU, pegawai di FMIPA USU, dan rekan-rekan kuliah, Friska O. Sitompul, Sri, Yeni,
Naldi, Kharisma, A Toy, Lasma, Siska, Evi, Elli, Frengky, teman-teman di Komputer
B 2006. Akhirnya tidak terlupakan kepada bapak Pdt. P. Sihombing, S.Th., ibu Pdp.
A. D. Br. Regar, abang Anderson Sihombing, S.T. dan istri kak Santi Donni Silitonga,
S.E., kakak Adenovalti Sihombing, S.Si., keponakan Sumantri Sadam Hosana Silaen,
calon teman hidup Reynold Lumban Tobing dan semua orang yang telah memberikan
bantuan dan dorongan yang diperlukan. Tuhan Yesus memberkati.


ABSTRAK

Kajian ini bertujuan untuk membangun suatu website e-commerce pada Toko Buku
Rohani LOGOS. Website ini dikembangkan dengan menggunakan perangkat lunak
Adobe Dreamweaver 8, Apache, PHP dan MySQL. Website ini berfungsi untuk
memberikan informasi tentang Toko Buku Rohani LOGOS yang juga meliputi sistem
penjualan online. Tujuan perancangan situs e-commerce ini adalah untuk
mempermudah masyarakat dalam memperoleh informasi mengenai Toko Buku
Rohani LOGOS secara online dan update dan deskripsi buku yang dijual oleh Toko
Buku Rohani LOGOS.


DAFTAR ISI

Halaman

Persetujuan ii
Pernyataan iii
Penghargaan iv
Abstrak v
Daftar Isi vi
Daftar Tabel viii
Daftar Gambar ix

Bab 1 Pendahuluan 1
1.1 Latar Belakang 1
1.2 Identifikasi Masalah 2
1.3 Batasan Masalah 2
1.4 Maksud dan Tujuan 2
1.5 Metodologi Penelitian 3
1.6 Tinjauan Pustaka 4
1.7 Sistematika Penulisan 4

Bab 2 Landasan Teori 6
2.1 Pengertian E-Commerce 6
2.2 Pengertian Sistem Informasi 8
2.2.1 Pengertian Sistem 9
2.2.2 Pengertian Data 9
2.2.3 Pengertian Informasi 10
2.3 Pengertian Komputer 11
2.4 Pengenalan Internet 13
2.4.1 Network 13
2.4.2 Webserver 14
2.4.3 World Wide Web 14
2.4.4 Hyper Text Transfer Protocol 15
2.5 Kamus Data 15
2.6 Perancangan Entity Relationship Diagram (ERD) 16
2.7 Personal Home Page (PHP) 17
2.7.1 Pengertian PHP 17
2.7.2 Variabel PHP 18
2.7.3 Keunggulan PHP 18
2.7.4 Konsep Dasar PHP 19
2.8 My Structure Query Language (MySQL) 21
2.8.1 Pengertian MySQL 21
2.8.2 Keunggulan MySQL 22
2.9 Pengenalan Adobe Dreamweaver 8 22

Bab 3 Perancangan Sistem 24

3.1 Perancangan Sistem 24
3.2 Data Flow Diagram (DFD) 24
3.3 Diagram Level Konteks 25
3.4 Perancangan Entity Relationship Diagram (ERD) 27
3.5 Desain Database 28
3.6 Flowchart Sistem 30
3.7 Normalisasi 37
3.8 Kamus Data 38
3.9 Algoritma Program 39
3.9.1 Algoritma Menu Utama 39
3.9.2 Algoritma Menu Admin 40

Bab 4 Implementasi Sistem
4.1 Pengertian Implementasi Sistem 40
4.2 Tujuan Implementasi Sistem 40
4.3 Komponen Utama Kebutuhan Sistem 41
4.3.1 Hardware 41
4.3.2 Software 42
4.3.3 Brainware 43
4.4 Installasi Apache, PHP dan MySQL 43
4.4.1 Installasi PHP Triad 44
4.4.2 Menjalankan PHP Triad 45
4.4.3 Database PHP My Admin 46
4.5 Pengujian di Browser 46
4.6 Upload file dan Databases 49
4.7 Mempublikasikan Situs 48

Bab 5 Kesimpulan dan Saran 49
5.1 Kesimpulan 49
5.2 Saran 50

Daftar Pustaka 52


DAFTAR TABEL

Halaman

Tabel 2.1 Simbol Entity Relationship Diagram (ERD) 16
Tabel 3.1 Data Buku 29
Tabel 3.2 Data Kaos 29
Tabel 3.3 Data Salib 30
Tabel 3.4 Data Musik 30
Tabel 3.5 Data Video 31
Tabel 3.6 Data Suvenir 31
Tabel 3.7 Data Komentar 32
Tabel 3.8 Data Anggota 32
Tabel 3.9 Simbol-simbol Flowchart 33
Tabel 3.10 Form Pesanan 39
Tabel 3.11 Normalisasi NF 39


DAFTAR GAMBAR

Halaman

Gambar 3.1 DFD Level Konteks 25
Gambar 3.2 DFD Level 0 26
Gambar 3.3 ERD Tahap Pertama 27
Gambar 3.4 ERD Tahap Kedua 27
Gambar 3.5 ERD Tahap Ketiga 27
Gambar 3.6 ERD Tahap Keempat 28
Gambar 3.7 ERD Tahap Kelima 28
Gambar 3.8 Flowchart Menu Utama 36
Gambar 3.9 Flowchart Pemesanan Buku 34
Gambar 3.10 Flowchart Login Admin 35
Gambar 3.11 Flowchart Penambahan Buku 36
Gambar 4.1 Icon XAMPP 44
Gambar 4.2 Xampp License 44
Gambar 4.3 Selesai 44
Gambar 4.4 Server Apache 45
Gambar 4.5 Pengujian Localhost 45
Gambar 4.6 PHP My Admin 46
Gambar 4.7 Tampilan Halaman Utama (Home) 46
Gambar 4.8 Tampilan Kategori Produk Salib 47
Gambar 4.9 Tampilan Kategori Produk Buku 47
Gambar 4.10 Tampilan Kategori Produk Musik 48
Gambar 4.11 Tampilan Kategori Produk Video 48
Gambar 4.12 Tampilan Kategori Produk T-Shirt 49
Gambar 4.13 Tampilan Kategori Produk Suvenir 49
Gambar 4.14 Tampilan Tentang Kami 49
Gambar 4.15 Penawaran Spesial 50
Gambar 4.16 Cara Pemesanan 50
Gambar 4.17 Kontak Kami 51


BAB 1

PENDAHULUAN

1.1 Latar Belakang

Dengan meluasnya perdagangan global, tidak cukup bagi perusahaan hanya dengan
mengandalkan iklan dan selebaran untuk memajukan bisnis yang dijalankannya. Saat
ini fenomena memperlihatkan paradigma yang semakin bergeser dari kekuatan
ekonomi yang bertumpu pada pembuat (manufacturer) kekuatan pasar. Masyarakat
virtual yang semakin banyak akan menggeser minat orang untuk melakukan bisnis
melalui internet. Perusahaan yang pandai tidak akan melawan trend internet yang ada,
tetapi akan berusaha untuk melakukan inovasi guna mencapai dan memuaskan
kebutuhan pelanggannya.

Berdasarkan uraian diatas, penulis tertarik untuk mengajukan tugas akhir
dengan judul Perancangan E-Commerce pada Toko Buku Rohani LOGOS. Sistem
yang akan dibuat oleh penulis membahas tentang perkembangan pembelian buku
secara online sehingga dapat memberikan informasi bagi yang membutuhkan.

1.2 Identifikasi Masalah

Perancangan situs e-commerce untuk toko buku rohani LOGOS yang ingin dibuat
oleh penulis ini pada dasarnya adalah sebuah website (homepage) yang berisi katalog

barang yang dijual, dimana pembeli dapat membeli barang yang dibutuhkan tanpa
harus mengunjungi toko tersebut. Sistem katalog dan pemesanan barang ini adalah
sebuah aplikasi basis data yang terkoneksi ke sebuah server basis data. Dengan
mengaplikasikan situs e-commerce pada toko buku rohani LOGOS ini, maka
konsumen dapat mengetahui barang yang ditawarkan toko tersebut.

1.3 Batasan Masalah

Agar permasalahan yang dibahas lebih terfokus dan tidak melebar, penulis membatasi
permasalahan yang akan dibahas. Hal-hal yang akan dijabarkan adalah :
a. Data produk yang tersedia
b. Fasilitas pendukung yang dapat memudahkan user
c. Rancangan e-commerce yang memberi informasi yang berguna yaitu suatu
sistem yang diperuntukkan bagi publikasi penjualan buku dari toko buku
LOGOS.

1.4 Maksud dan Tujuan

Maksud perancangan e-commerce dari Toko Buku Rohani LOGOS ini yaitu :
a. Memperluas daerah pemasaran hingga ke pasar nasional dan dapat juga ke pasar
internasional
b. Dengan pengeluaran dana yang minim, perusahaan dapat dengan mudah dan
cepat menemukan lebih banyak pelanggan, supplier yang lebih baik dan rekan
bisnis yang baru

c. Mengurangi biaya pembuatan, pemrosesan, pendistribusian, penyimpanan, dan
pencarian informasi yang menggunakan kertas
d. Dapat mengurangi biaya administrasi hingga 80% atau lebih, mengurangi
biaya purchasing hingga 5-10%, dan mengurangi cycle time hingga 50% lebih.

Tujuan dari perancangan e-commerce ini yaitu:
a. Untuk memungkinkan pelanggan berbelanja atau melakukan transaksi lain
sepanjang tahun selama 24 jam sehari dari manapun
b. Dapat juga menyediakan pilihan lebih banyak kepada pelanggan, sehingga
pelanggan bisa memilih berbagai produk dari berbagai vendor
c. Sebagai salah satu syarat untuk menyelesaikan Program Studi Diploma III
Ilmu Komputer.

1.5 Metodologi Penelitian

Dalam penulisan Tugas Akhir ini ada beberapa metode penelitian yang dilakukan
penulis guna mengumpulkan data yang dibutuhkan dalam pembuatan rancangan e-
commerce ini. Adapun metode-metode yang digunakan adalah :

a. Penelitian Lapangan (Field Research)
Penelitian ini dilakukan dengan melakukan riset pada toko buku Rohani
LOGOS. Pengumpulan data dilakukan dengan meminta data dari pihak toko
buku. Data yang diperoleh akan menjadi pedoman dalam membuat
perancangan toko buku online ini.

b. Penelitian Kepustakaan (Library Research)
Dalam hal ini penulis menggunakan buku-buku yang berhubungan dengan
masalah yang akan dibahas dan sebagai acuan dalam pembuatan program
tersebut.

1.6 Tinjauan Pustaka

Ada banyak perangkat lunak yang dapat digunakan untuk merancang suatu situs e-
commerce, baik untuk perancangan tampilan sebagai interface terhadap user,
pembuatan database dan untuk pembuatan program itu sendiri. Dalam hal ini, penulis
memilih bahasa pemrograman PHP dan MySQL sebagai database serta Macromedia
Dreamweaver CS3 sebagai text editor.

Alasan penulis menggunakan perangkat lunak tersebut yaitu :
a. Pemrograman PHP mudah dibuat dan mempunyai kecepatan akses yang tinggi
b. Pemrograman PHP merupakan bahasa yang dapat diletakkan dalam tag HTML
c. Sistem database yang didukung oleh PHP cukup banyak.

1.7 Sistematika Penulisan

Secara garis besar, Tugas Akhir ini dibagi atas lima bab dan beberapa lampiran.
Adapun kelima bab tersebut adalah :


BAB 1 PENDAHULUAN

Bab ini berisi tentang latar belakang, batasan masalah, maksud dan
tujuan, metodologi penelitian, tinjauan pustaka serta sistematika
penulisan tugas akhir ini.

BAB 2 LANDASAN TEORI
Bab ini menguraikan pengertian sistem informasi, data, sistem, sistem
informasi, pengertian e-commerce, pengertian internet, metode
penyusunan data serta mengenai bahasa pemrograman yang digunakan.

BAB 3 PERANCANGAN SISTEM
Bab ini berisi tentang rancangan sistem yang akan dibuat yaitu
berisikan sistem yang terpadu dengan database, rancangan model
tampilan website, file yang digunakan serta algoritma terbentuknya
program.

BAB 4 IMPLEMENTASI SISTEM
Bab ini berisi tentang pengertian dan tujuan implementasi sistem serta
penjabaran elemen-elemen sistem baik dari segi hardware, software
dan brainware.

BAB 5 KESIMPULAN DAN SARAN
Bab ini berisi mengenai hasil rancangan sistem yang telah dibentuk dan
disertai dengan saran yang diberikan oleh penulis kepada pihak Toko
Buku Rohani LOGOS.

BAB 2

LANDASAN TEORI

2.1 Pengertian E-Commerce

E-Commerce atau yang disebut juga dengan Internet Commerce atau Ecom pada
dasarnya mempunyai makna yang sama, yang berarti suatu cara bagi seorang
konsumen membeli barang yang diinginkan secara online melalui jaringan internet. E-
Commerce juga dapat diartikan sebagai suatu proses berbisnis dengan menggunakan
teknologi elektronik yang menghubungkan antara perusahaan, konsumen dan
masyarakat dalam bentuk transaksi elektronik dan pertukaran/penjualan barang,
servis, dan informasi secara elektronik.

Sedangkan Onno W. Purbo, menyebutkan bahwa: e-commerce is a dynamic
set of technologies, aplications, and business procces that link enterprises, consumers,
and communities through electronic transaction and the electronic exchange of goods,
services, and information. Bahwa e-commerce merupakan suatu set teknologi
dinamis, aplikasi dan proses bisnis yang menghubungkan perusahaan, konsumen dan
komunitas melalui transaksi elektronik dan perdagangan barang, pelayanan dan
informasi yang dilakukan secara elektronik.
(http://ilmupedia.com/akademik/ekonomi/595-pengertian-e-commerce-.html. Diakses
tanggal 17 Mei, 2009)

Menurut Mariza Arfina dan Robert Marpaung e-commerce atau yang lebih
dikenal dengan e-com dapat diartikan sebagai suatu cara berbelanja atau berdagang
secara online atau direct selling yang memanfaatkan fasilitas Internet dimana terdapat
website yang dapat menyediakan layanan "get and deliver" (http://r-
marpaung.tripod.com/ElectronicCommerce.doc diakses tanggal 22 April 2007).

E-commerce juga dapat diartikan sebagai suatu proses berbisnis dengan
memakai teknologi elektronik yang menghubungkan antara perusahaan, konsumen
dan masyarakat dalam bentuk transaksi elektronik dan pertukaran/penjualan barang,
servis, dan informasi secara elektronik (Munir Fuady, 2005 : 407).

Defenisi dari E-Commerce menurut Kalakota dan Whinston (1977) dapat
ditinjau dalam 3 perspektif berikut :
a. Dari perspektif komunikasi, e-commerce adalah pengiriman barang, layanan,
informasi, atau pembayaran melalui jaringan komputer atau melalui peralatan
elektronik lainnya
b. Dari perspektif proses bisnis, e-commerce adalah aplikasi dari teknologi yang
menuju otomatisasi dari transaksi bisnis dan aliran kerja
c. Dari perspektif layanan, e-commerce merupakan suatu alat yang memenuhi
keinginan perusahaan, konsumen, dan manajemen untuk memangkas biaya
layanan (service cost) ketika meningkatkan kualitas barang dan meningkatkan
kecepatan layanan pengiriman
d. Dari perspektif online, e-commerce menyediakan kemampuan untuk membeli
dan menjual barang ataupun informasi melalui internet dan sarana online
lainnya.

2.2 Pengertian Sistem Informasi

Untuk menuju pada pengertian Sistem Informasi secara utuh, diperlukan pemahaman
yang tepat tentang konsep data dan informasi. Keterkaitan data dan informasi
sangatlah erat sebagaimana hubungan antara sebab dan akibat. Bahwa data merupakan
bentuk dasar dari sebuah informasi, sedangkan informasi merupakan elemen yang
dihasilkan dari suatu bentuk pengolahan data.

Sistem Informasi terdiri dari dua kata yaitu Sistem dan Informasi. Sistem
sendiri berarti gabungan dari beberapa sub sistem yang bertujuan untuk mencapai satu
tujuan. Informasi berarti sesuatu yang mudah dipahami oleh si penerima. Sistem
Informasi memiliki makna sistem yang bertujuan menampilkan informasi. Pada jaman
dahulu sebelum sistem komputer ada maka sistem informasi ini telah lebih dahulu ada
dan berjalan dengan baik.

Sistem informasi dapat juga diartikan sebagai aplikasi komputer yang
mendukung operasi dari suatu organisasi : operasi, instalasi dan perawatan komputer,
perangkat lunak dan data. Dapat juga diartikan sebagai kumpulan hardware, software,
brainware, prosedur dan aturan yang diorganisasikan secara integral untuk mengolah
data menjadi informasi yang bermanfaat guna memecahkan masalah dan pengambilan
keputusan (Jogiyanto Hartono, MBA, Ps.D, 1999). Memproses data menjadi
informasi, memberi sinyal kepada manajemen terhadap kejadian-kejadian dari dalam

dan luar yang penting, serta menyediakan suatu dasar informasi untuk mencapai
tujuan atau sasaran tertentu.

2.2.1 Sistem

Sistem merupakan kumpulan komponen yang memiliki unsur keterkaitan dan
terintegrasi antara satu dengan lainnya dan saling bekerjasama untuk mencapai tujuan.
Umumnya komponen-komponen pada sebuah sistem saling berhubungan dan
berinteraksi dalam pencapaian tujuan yang sama.

2.2.2 Data

Banyak terdapat pengertian data yang dirangkum dari berbagai sumber. Bagian ini
akan mengutip tiga pengertian data dari sudut pandang yang berbeda-beda, yakni :
a. Menurut berbagai kamus bahasa Inggris-Indonesia, data diterjemahkan sebagai
istilah yang berasal dari kata datum yang berarti fakta atau bahan-bahan
keterangan.
b. Dari sudut pandang bisnis, terdapat pengertian data bisnis yaitu Business data
is an organization's description of things (resources) and events (transactions)
that it faces. Jadi, data dalam hal ini disebut sebagai data bisnis, merupakan
deskripsi organisasi tentang sesuatu (resources) dan kejadian (transactions)
yang terjadi
c. Pengertian yang lain mengatakan bahwa data is the description of things and
events that we face. Data merupakan deskripsi dari sesuatu dan kejadian yang
kita hadapi

d. Pengertian yang lain mengatakan bahwa data is the description of things and
events that we face. Data merupakan deskripsi dari sesuatu dan kejadian yang
kita hadapi
e. Gordon B. Davis dalam bukunya Management Informations System :
Conceptual Foundations, Structures, and Development menyebut data sebagai
bahan mentah dari informasi, yang dirumuskan sebagai sekelompok lambang-
lambang tidak acak yang menunjukkan jumlah atau tindakan atau hal-hal lain.
(http://www.petrachristianuniversity.ac.id-/jiunkpe/s1/info/2006/jiunkpe-ns-
s1-2006-26401225-9161-toa_galva-chapter2.pdf. Diakses tanggal 17 Mei,
2009).

Dari keempat pengertian di atas, dapat diambil kesimpulan bahwa data adalah
bahan baku informasi, didefinisikan sebagai kelompok teratur simbol-simbol yang
mewakili kuantitas, tindakan, benda, dan sebagainya. Data terbentuk dari karakter,
dapat berupa alfabet, angka, maupun simbol khusus seperti *, $ dan /. Data disusun
untuk diolah dalam bentuk struktur data, struktur file, dan basis data.

2.2.3 Informasi

Berikut juga akan disampaikan pengertian informasi dari berbagai sumber, yakni :
a. Menurut Gordon B. Davis dalam bukunya Management Informations System :
Conceptual Foundations, Structures, and Development menyebut informasi
sebagai data yang telah diolah menjadi bentuk yang berguna bagi penerimanya
dan nyata, berupa nilai yang dapat dipahami di dalam keputusan sekarang
maupun masa depan

b. Menurut Barry E. Cushing dalam buku Accounting Information System and
Business Organization, dikatakan bahwa informasi merupakan sesuatu yang
menunjukkan hasil pengolahan data yang diorganisasi dan berguna kepada
orang yang menerimanya
c. Menurut Robert N. Anthony dan John Dearden dalam buku Management
Control Systems, menyebut informasi sebagai suatu kenyataan, data, item yang
menambah pengetahuan bagi penggunanya
d. Menurut Stephen A. Moscove dan Mark G. Simkin dalam bukunya Accounting
Information Systems : Concepts and Practise mengatakan informasi sebagai
kenyataan atau bentuk-bentuk yang berguna yang dapat digunakan untuk
pengambilan keputusan bisnis.

Dari keempat pengertian seperti tersebut di atas dapat disimpulkan bahwa
informasi merupakan hasil dari pengolahan data menjadi bentuk yang lebih berguna
bagi yang menerimanya yang menggambarkan suatu kejadian-kejadian nyata dan
dapat digunakan sebagai alat bantu untuk pengambilan suatu keputusan.

2.3 Pengertian Komputer

Definisi komputer berasal dari bahasa latin computare yang mengandung arti
menghitung. Karena luasnya bidang garapan ilmu komputer, para pakar dan peneliti
sedikit berbeda dalam mendefinisikan termininologi komputer.

Komputer dapat juga diartikan sebagai alat yang dipakai untuk mengolah data
menurut prosedur yang telah dirumuskan. Kata komputer semula dipergunakan untuk

menggambarkan orang yang perkerjaannya melakukan perhitungan aritmatika, dengan
atau tanpa alat bantu, tetapi arti kata ini kemudian dipindahkan kepada mesin itu
sendiri. Asal mulanya, pengolahan informasi hampir eksklusif berhubungan dengan
masalah aritmatika, tetapi komputer modern dipakai untuk banyak tugas yang tidak
berhubungan dengan matematika.

Dalam definisi seperti itu terdapat alat seperti slide rule, jenis kalkulator
mekanik mulai dari abakus dan seterusnya, sampai semua komputer elektronik yang
kontemporer. Istilah lebih baik yang cocok untuk arti luas seperti "komputer" adalah
"yang memproses informasi" atau "sistem pengolah informasi."

Sekalipun demikian, definisi di atas mencakup banyak alat khusus yang hanya
bisa memperhitungkan satu atau beberapa fungsi. Ketika mempertimbangkan
komputer modern, sifat mereka yang paling penting yang membedakan mereka dari
alat menghitung yang lebih awal ialah bahwa, dengan pemrograman yang benar,
semua komputer dapat mengemulasi sifat apa pun (meskipun barangkali dibatasi oleh
kapasitas penyimpanan dan kecepatan yang berbeda), dan memang dipercaya bahwa
mesin sekarang bisa meniru alat perkomputeran yang akan kita ciptakan di masa
depan.

Dalam suatu pengertian, batas kemampuan ini adalah tes yang berguna karena
mengenali komputer "maksud umum" dari alat maksud istimewa yang lebih awal.
Definisi dari "maksud umum" bisa diformulasikan ke dalam syarat bahwa suatu mesin
harus dapat meniru Mesin Turing Universal. Mesin yang mendapat definisi ini dikenal
sebagai Turing-lengkap, dan yang pertama mereka muncul pada tahun 1940 di tengah
kesibukan perkembangan di seluruh dunia.

2.4 Pengertian Internet

Istilah internet berasal dari bahasa Latin inter, yang berarti antara. Secara kata per
kata internet berarti jaringan antara atau penghubung. Memang itulah fungsinya,
internet menghubungkan berbagai jaringan yang tidak saling bergantung pada satu
sama lain sedemikian rupa sehingga dapat berkomunikasi.

Sementara jaringan lokal biasanya terdiri atas komputer sejenis (misalnya
DOS atau UNIX), Internet mengatasi perbedaan berbagai sistem operasi dengan
menggunakan bahasa yang sama oleh semua jaringan dalam pengiriman data. Pada
dasarnya inilah yang menyebabkan besarnya dimensi internet.

Dengan demikian defenisi internet adalah jaringannya jaringan, dengan
menciptakan kemungkinan menciptakan kemungkinan komunikasi antar jaringan di
seluruh dunia tanpa bergantung kepada jenis komputernya.

Jadi dapat diambil kesimpulan bahwa internet merupakan hubungan antar
berbagai jenis komputer dan jaringan di dunia yang berbeda sistem operasi maupun
aplikasinya di mana hubungan tersebut memanfaatkan kemajuan media komunikasi
(telepon dan satelit) yang menggunakan protokol standar dalam berkomunikasi yaitu
protokol TCP/IP.

2.4.1 Network

Network adalah jaringan system komunikasi data yang melibatkan sebuah atau lebih
sistem komputer yang dihubungkan dengan jalur transmisi alat membentuk satu

sistem (Mico Pardosi, 2004). Dengan network, komputer yang satu dapat
menggunakan data di komputer lain, dapat mencetak laporan di printer komputer lain,
dapat memberi berita ke komputer 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 protocol http web server dari internet server di samping e-mail (Mico
Pardosi, 2004). Dikarenakan web server dirancang untuk menampilkan data, mulai
dari teks, hypertext, gambar yang merupakan keunggulan dari web sehingga web tidak
hanya dapat diterima di universitas tetapi di seluruh perusahaan komersial yang dapat
menampilkan datanya dalam internet.

2.4.3 Wold Wide Web (WWW)

Sering disebut the WEB/W3, merupakan sistem dalam internet yang memiliki
fasilitas pencarian dan pemberian informasi yang cepat dengan menggunakan
teknologi hypertext.

Sebutan World Wide Web (Web=jaring laba-laba) sangat tepat untuk
menggambarkan struktur data pada jaringan internet. Berbeda dengan misalnya
susunan data logis berstruktur pohon yang dikenal dari DOS. WWW memungkinkan
penanganan atau akses yang jauh lebih fleksibel pada file yang dikelola.

Di WWW, struktur sumber daya-internet dapat dibandingkan dengan jaring
laba-laba. Bila dilihat polanya, jaringan ini terdiri atas lingkaran-lingkaran berbagai
ukuran yang berpusat pada titik tengah yang sama. Dari titik tengah ini terbentuk
garis-garis penghubung yang tegak lurus pada lingkaran, sehingga terdapat titik
simpul. Bila pada struktur pohon percabangan merupakan jalur hubungan, pada web
semua garis merupakan penghubung setiap titik simpul yang mengandung data.

Untuk membuat Hypertext, dikembangkan sebuah bahasa pemrograman
khusus yang memungkinkan pengikatan alamat WWW atau file dalam sebuah
dokumen. Sesuai dengan fungsinya, bahasa pemrograman ini disebut Hypertext Mark
up Language (HTML). File ini biasanya berextention *.html.

2.4.4 Hyper Text Transfer Protocol (HTTP)

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 digunakan untuk mengakses dokumen HTML
(Mico Pardosi, 2004). Apabila kita menjelajah web dan pada address tertulis seperti
http://www.yahoo.com ini merupakan salah satu penggunaan protokol HTTP dalam
web.

2.5 Kamus Data

Kamus data adalah catalog fakta tentang data dan kebutuhan-kebutuhan informasi dari
suatu sistem informasi (Jogiyanto Hartono, MBA, Ph.D, 1999).

2.6 Perancangan Entity Relationship Diagram (ERD)

Entity Relationship Diagram (ERD) merupakan gambaran data yang dimodelkan
dalam suatu diagram yang digunakan untuk mendokumentasikan adta dengan cara
menentukan apa saja yang terdapat dalam tiap entity dan bagaimana hubungan antara
entity satu dengan lainnya.

Entity Relationship Diagram (ERD) adalah diagram yang dipakai untuk
mendokumentasikan data yang dipresentasikan dalam bentuk :
a. Entity. Entity cukup kompleks untuk didefenisikan sehingga tidak bisa didapat
defenisi yang memuaskan dan bisa diterima oleh semua pihak. Suatu entity
bisa berupa environmental element, resource, dan transaksi.
b. Attribute adalah karakteristik dari suatu entity yang dituliskan di dalam entity.
c. Relationship adalah hubungan antar entity. Relationship dipakai untuk
menghubungkan dua entity atau lebih dengan arti tertentu. Cardinality dari
relationship dipakai untuk mengidentifikasikan struktur dari relationship.

Beberapa simbol yang digunakan dalam Entity Relationship Diagram (ERD) :
Tabel 2.1 Simbol Entity Relationship Diagram (ERD)

No

Simbol

Fungsi
1.

External entity (kesatuan luar) merupakan
kesatuan di lingkungan luar sistem yang
dapat berupa orang, organisasi, atau sistem
lainnya yang akan memberikan input atau
output dari sistem.

2.

Hubungan adalah entity yang berhubungan
antara satu dengan yang lainnya. Hubungan
ini dinamakan relationship/relasi.
3.

Data flow merupakan arus data dan diberi
symbol tanda panah. Arus data ini mengalir
di antara proses, simpan data dan kesatuan
luar.

2.7 Personal Home Page (PHP)
2.7.1 Pengertian PHP

PHP merupakan bahasa server-side yang cukup handal, yang akan disatukan degnan
HTML(Hypertext Markup Language) dan berada di server. Artinya, sintaks dan
perintah yang diberikan akan sepenuhnya dijalankan di server sebelum dikirim ke
computer klien. Pada awal tahun 1995, Rasmus Lerdorf membuat produk bernama
PHP/FI PHP ini ditulis menggunakan bahasa C, dan memiliki kemampuan untuk
berkomunikasi dengan database serta membuat halaman dinamis.

PHP dapat juga diartikan sebagai sebuah bahasa scripting yang terpasang pada
HTML dimana sebagian besar sintaksnya mirip dengan bahasa C, Java, ASP dan Perl,
ditambah beberapa fungsi PHP yang spesifik. Tujuan utama bahasa ini adalah untuk
memungkinkan perancang web untuk menulis halaman web dinamik dengan cepat
(http://smadaprima.net/kurikulum/diskusi/index.php?topic=94.0. Diakses tanggal 17
Mei, 2009).


2.7.2 Variabel PHP

Variabel digunakan untuk menyimpan data yang nilainya dapat berubah-ubah. Dalam
bahasa PHP, variabel dimulai dengan tanda $. Aturan penulisan variabel antara lain
sebagai berikut :
a. Hanya ada 3 karakter yang dapat digunakan untuk nama variable yaitu huruf,
angka, dan garis bawah
b. Karakter pertama setelah tanda $ harus huruf atau garis bawah
c. J ika nama variable lebih dari satu kata, tidak boleh ada tanda spasi di antara
keduanya.

2.7.3 Keunggulan PHP

PHP Hypertext Preprocessor adalah skrip yang berjalan dalam server side yang
ditambahkan dalam HTML. Skrip ini akan membuat suatu aplikasi dapat
diintegrasikan ke dalam HTML sehingga suatu halaman HTML tidak lagi bersifat
statis, namun menjadi bersifat dinamis. Sifat server side ini membuat pengerjaan skrip
tersebut di kerjakan di server sedangkan yang dikirimkan kepada browser adalah hasil
proses dari skrip tersebut yang sudah berbentuk HTML. Keunggulan dari sifatnya
yang server side tersebur adalah :
a. Tidak diperlukan adanya kompatibilitas browser atau harus menggunakan
browser tertentu, karena server-lah yang akan mengerjakan skrip tersebut.
Hasil yang dikirimkan kembali ke browser bias anya dalam bentuk teks
ataupun gambar sehingga dapat dikenali oleh browser apapun.

b. Dapat memanfaatkan sumber-sumber aplikasi yang dimiliki oleh server,
contoh : hubungan ke dalam database.
c. Skrip asli tidak dapat dilihat sehingga keamanan lebih terjamin.

2.7.4 Konsep Dasar PHP

Kode PHP diawali dengan tanda lebih kecil (<) dan diakhiri dengan tanda lebih besar
(>). Ada empat cara untuk menuliskan skrip PHP, yaitu :
a. <? Hallo ?>
b. <? php Hallo ?>
c. <% Hallo %>
d. <SCRIPT LANGUAGE=php>Hallo</SCRIPT>

Pemisah antar instruksi adalah titik koma (;) dan untuk membuat atau
menambahkan komentar/standard penulisan adalah : /* komentar */, // komentar, #
komentar. Cara penulisan dibedakan menjadi Embedded dan Non-Embedded script.
a. Embedded Script
Contoh :
<html>
<head>
<title>Coba </title>
<head>
<body>
<?phpweb master?>
</body>

</html>
(Sutarman, S.Kom, 2003)
Script di atas merupakan script sederhana. Script PHP disisipkan di antara tag-tag
html.

b. Non-Embedded Script
Contoh :
<?php
echo<html>;
echo<head>;
echo<title>;
echoMe and Web;
echo</title>;
echo</head>;
echo<body>;
echo<p>My Web Design </p>;
echo</body>;
echo</html>;
?>
(Sutarman, S.Kom, 2003)
Script ini digunakan murni pembuatan program dengan PHP, tag HTML yang
dihsilkan untuk membuat dokumen merupakan bagian dari script PHP.

2.8 My Structured Query Language (MySQL)

2.8.1 Pengertian MySQL

MySQL merupakan software database yang paling populer di karenakan performa
query dari database yang bisa dikatakan paling cepat, dan bisa di bilang jarang
bermasalah. Mulai versi 3.23 MySQL menjadi software open source yang berarti free,
dapat di gunakan untuk kepentingan komersial atau personal. MySQL kini dapat
digunakan di Windows, yang pada awal nya digunakan di Linux
(http://www.imnmaulana.com/artikel/MySQL/315431362112. Diakses tanggal 17
Mei, 2009).

MySQL adalah suatu perangkat lunak database relasi (Relational Database
Management System atau RDBMS), seperti halnya ORACLE, Postgresql, MS SQL,
dan sebagainya. MySQL AB menyebut produknya sebagai database open source
terpopuler di dunia. Berdasarkan riset dinyatakan bahwa bahwa di platform Web, dan
baik untuk kategori open source maupun umum, MySQL adalah database yang paling
banyak dipakai. Menurut perusahaan pengembangnya, MySQL telah terpasang di
sekitar 3 juta komputer. Puluhan hingga ratusan ribu situs mengandalkan MySQL
bekerja siang malam memompa data bagi para pengunjungnya.

2.8.2 Keunggulan MySQL

MySQL dapat digunakan pada berbagai platform sistem operasi. Khusus pada system
operasi Windows, MySQL bersifat shareware (dikenai biaya setelah melakukan
modifikasi dan digunakan untuk keperluan produksi).

Keunggulan MySQL sebagai backend dalam mengelola database adalah:
a. Kecepatan. Berdasarkan hasil pengujian, MySQL memiliki kecepatan yang
paling baik disbanding RDBMS lainnya. Sebagai contoh MySQL 4.0 kinerja
query naik sebesar 200% dari kinerja biasa.
b. Mudah digunakan. Perintah dalam MySQL dan aturan-aturannya relative
mudah diingat dan diimplementasikan, karena MySQL menggunakan SQL
sebagai bahasa standar database.
c. Fitur-fitur yang dimiliki MySQL banyak dibutuhkan dalam aplikasi web.
Misalnya, klausa LIMIT SQL praktis untuk melakukan paging. Indeks field
FULLTEXT, untuk full text searching. Dan kekayaaan fungsi builtinnya,
mulai dari memformat dan memanipulasi tanggal, mengolah string, regex,
enkripsi dan hashing.
d. Praktis untuk melakukan penyimpanan password anggota situs.
e. Memiliki overhead koneksi yang rendah.
(http://gealgeol.com/2008/02/12/mysql.html. Diakses tanggal 17 Mei 2009).

2.9 Pengenalan Adobe Dreamweaver CS3

Adobe Dreamweaver CS3 adalah sebuah aplikasi web editor yang berbasis WYSIWYG
(What You See Is What You Get Apa yang Anda lihat adalah apa yang akan Anda
dapatkan). Dengan kemampuan ini, maka orang-orang yang bahkan adalah pemula
akan dengan mudah membangun sebuah halaman web, cukup dengan klik mouse.
Bahkan membuat web memakai Dreamweaver CS3 hasilnya akan dapat langsung
dilihat tanpa harus membuka browser terlebih dahulu karena tampilannya akan selalu
diperbaharui sesuai dengan perubahan kodenya.

Obyek-obyek yang disediakan Dreamweaver CS3 antara lain :

a. Text. Untuk menambahkan teks pada dokumen web yang dibuat, dapat
langsung mengetikkannya pada dokumen atau mengcopy teks dari aplikasi lain
dan mempaste teks tersebut ke dokumen web.
b. Image. Image diperlukan untuk membuat halaman web tidak kaku dan menarik
untuk dikunjungi, juga dapat mendukung informasi yang diberikan pada
halaman web. Namun image membutuhkan waktu proses yang lebih lama
untuk ditampilkan pada browser daripada teks biasa.
c. Table. Digunakan untuk mengimplementasikan desain halaman web atau
mempresentasikan data, dapat mengatur isi, terutama teks dan gambar pada
sebuah halaman web.
d. Layer. Layer digunakan sebagai kerangka layout desain halaman web atau
untuk menganimasi tampilan halaman web sehingga menjadi lebih interaktif.
e. Frame. Frame adalah sebuah daerah di jendela browser yang dapat
menampilkan dokumen web independent, berbeda dari apa yang ditampilkan
di daerah lain dari jendela browser.
f. Link. Berfungsi sebagai sarana navigasi antar halaman web. Link dapat
menunjuk ke dokumen lain atau file lain, ke tempat tertentu pada satu
dokumen (link anchor), link e-mail yang akan membuat sebuah e-mail kosong
dengan alamat e-mail yang dituju sudah terisi, link kosong atau skrip.
g. Form. Digunakan untuk memberi kesempatan pada pengunkung memberikan
informasi, yang nantinya akan digunakan untuk proses tertentu.

h. Media. Merupakan sarana untuk menambahkan suara atau animasi pada
halaman web secara tepat dan mudah.
i. Dynamic Content. Umumnya berhubungan erat dengan proses membaca dan
menyimpan data dari dan ke database.


BAB 3

PERANCANGAN SISTEM

3.1 Perancangan Sistem

Perancangan sistem adalah merupakan upaya perusahaan untuk memulai memiliki
sistem baik yang lama maupun untuk mulai memiliki sistem yang baru. Perancangan
sistem dilakukan setelah mendapat gambaran dengan jelas mengenai apa yang harus
dikerjakan.

3.2 Data Flow Diagram (DFD)

Data Flow Diagram (DFD) adalah gambaran sistem secara logika. Gambaran ini tidak
tergantung pada perangkat keras, lunak, struktur data atau organisasi. Pada tahap
analisa, penanganan notasi simbol lingkaran dan anak panah
mewakili/menggambarkan arus data dalam perancangan sistem sangat membantu
sekali didalam komunikasi dengan pemakaian sistem menggunakan notasi-notasi ini
untuk menggambarkan arus dari data sistem.


3.3 Diagram Level Konteks

Dalam perancangan sistem ini penulis mencoba untuk memberikan gambaran
mengenai alur arus data dari sistem ini. Adapun rancangan DFD pada sistem ini
adalah sebagai berikut :

Info data buku
I nf o pemesanan Info data kategori
buku

Data buku/kategori buku Data pemesanan

Lapor an pemesanan buku

Gambar 3.1 DFD Level Konteks

Admi n

Web Si t e

Pemesanan

Pi mpi nan
Per usahaan

data pemesanan

- data buku
- data kategori buku
- data admin

- info / laporan pemesanan
- info admin
- info buku
- info kategori buku

data pemesanan

data buku

data kategori buku

data admin

Gambar 3.2 DFD Level 0

Pemesan

Admi n

2. 0

Pembuat an
Lapor an
1.0

Input Data

F1 Admin

F2 Kategori Buku

F3 Buku

F4 Pemesanan

Pi mpi nan
Per usahaan

3.4 Perancangan Entity Relationship Diagram (ERD)

a. Mengidentifikasikan dan menetapkan seluruh himpunan entity yang terlibat

Gambar 3.3 ERD Tahap Pertama

b. Menentukan atribut key masing-masing himpunan entity

Gambar 3.4 ERD Tahap Kedua

c. Mengidentifikasikan dan menetapkan seluruh himpunan relasi diantara
himpunan entity-entity yang ada beserta foreign key-nya (kunci asing)

Gambar 3.5 ERD Tahap Ketiga

Pemesan

Buku

Admi n

Pemesan

Buku

Admi n

Id

Produk ID Id

Pemesan

Buku

Admin
memesan

menyediakan

Id

Produk ID Id

d. Memasukkan derajat / cardinalitas untuk setiap himpunan
N N N N

Gambar 3.6 ERD Tahap Keempat

e. Melengkapi himpunan entity dan himpunan relasi atribut deskriptif (non
key/bukan kunci)

Gambar 3.7 ERD Tahap Kelima

3.5 Desain Database

Berikut adalah desain database yang dapat penulis uraikan sesuai dengan kebutuhan
yang diperlukan dalam perancangan e-commerce dari Toko Buku Rohani Logos. Data
yang terdapat dalam database ini digunakan sebagai media input dan penyimpanan
data serta sebagai media output.

Pemesan

Buku

Admin
memesan

menyediakan

Id

Produk ID Id

Pemesan

Buku

Admin
memesan

menyediakan

Id

Produk ID Id

Buku

Buku

3.5.1 Tabel Buku

Tabel 3.1 Data Buku

Field Name

Type

Length

Keterangan
idbuku varchar 4 id buku, auto_increment
kategori varchar 4 Kategori
nama varchar 200 Nama
harga varchar 11 Harga
deskripsi text Deskripsi
gambar varchar 100 Gambar

3.5.2 Tabel Kaos
Tabel 3.2 Data Kaos

Field Name

Type

Length

Keterangan
Idkaos Varchar 4 id kaos, auto_increment
nama Varchar 200 Nama
harga Varchar 11 Harga
deskripsi Text Deskripsi
gambar Varchar 100 Gambar

3.5.3 Tabel Salib

Tabel 3.3 Data Salib


Field Name

Type

Length

Keterangan
Idsalib varchar 4 id salib, auto_increment

3.5.4 Tabel Musik

Tabel 3.4 Data Musik

Field Name

Type

Length

Keterangan
Idmusik varchar 4 id musik, auto_increment

3.5.5 Tabel Video

Tabel 3.5 Data Video

Field Name

Type

Length

Keterangan
Idvideo varchar 4 id video, auto_increment

Nama varchar 200 Nama
Harga varchar 11 Harga

3.5.6 Tabel Suvenir

Tabel 3.6 Data Suvenir

Field Name

Type

Length

Keterangan
Idsuvenir varchar 4 id suvenir, auto_increment

3.5.7 Tabel Komentar

Tabel 3.7 Data Komentar

Field Name

Type

Length

Keterangan
Nama varchar 4 Nama
email varchar 200 Email
telp varchar 11 Telp
pesan text Pesan

3.5.8 Tabel Anggota

Tabel 3.8 Data Anggota

Field Name

Type

Length

Keterangan
User varchar 30 auto_increment
password varchar 20 Password

3.6 Flowchart Sistem
Flowchart adalah suatu gambar grafik dari urutan-urutan dan langkah-langkah logis
dalam suatu prosedur atau program. Flowchart berguna untuk membantu analyst atau
programmer untuk memecah-mecah masalah yang besar menjadi lebih kecil, sehingga
segmen-segmen dapat dikerjakan dengan lebih mudah karena sistem digambarkan
secara lebih nyata dalam gambaran data secara fisik, dan membantu dalam
menganalisa cara-cara alternative dalam suatu operasi. Simbol-simbol yang dapat
digunakan dapat dilihat pada table berikut :

Tabel 3.9 Simbol-simbol Flowchart

Jenis

Simbol

Nama

Keterangan
Input/Output

Document
Menunjukkan dokumen atau
laporan

Multiple
document
Menunjukkan dokumen yang
sama yang dicetak beberapa
untuk kepentingan tertentu

Display
Menunjukkan informasi yang
ditampakkan pada sebuah alat

seperti monitor PC

Manual input
Data yang dimasukkan seperti
melaui keyboard ataupun
barcode
Proses

Computare
Process
Proses yang dilakukan
dengan/oleh computer

Manual Process
Proses yang dilakukan secara
manual
Storage

Magnetic Disc
Data disimpan secara
permanent pada magnetic disc,
biasanya digunakan untuk file
master

File
Data yang berupa dokumen
disimpan dengan urutan :
N : Nomor ; A : Abjad
Flow

Document/
ProcessingFlow
Arah aliran dokumen atau
proses

On-Page
Connector
Menghubungkan proses dalam
program yang sama, tujuannya
agar tidak ada garis yang
saling bersilangan

Off-Page
Connector
Menghubungkan proses
apabila berganti halaman, baik
masuk ataupun keluar

N

Lainnya

Decision
Menunjukkan pengambilan
keputusan dalam satu kondisi

3.6.1 Flowchart Menu Utama

Y

Y

Y

Y

N Y

START

Buka Koneksi Dat abase
Menu
Halaman
Utama

Halaman Utama

Company

Cat egor i es

Logi n

Cl ose

Tut up Koneksi Dat abase

END

Menu Halaman Utama

Latar Belakang
T.B. LOGOS
- pembinaan
- doa
- kesaksian
Halaman Login Admin

Gambar 3.8 Flowchart Menu Utama

3.6.2 Flowchart Pemesanan Buku

No

No

Yes

Gambar 3.9 Flowchart Pemesanan Buku

START

Pi l i h Kat egor i
Doa

Pilih Jenis Doa
Bel i
Cont act
I nf or mat i on
Isian
Lengkap
Col umn
cannot be nul l

End
Database

3.6.3 Flowchart Login Admin

Gambar 3.10 Flowchart Login Admin

START

Hal aman Ut ama

Login
I si user name
& passwor d

Status =Admin

Menu Admi n

END

3.6.4 Flowchart Penambahan Buku

Gambar 3.11 Flowchart Penambahan Buku

Menu Admi n

Pi l i h
Kat egor i
saksi
Penambahan buku
saksi

doa
Penambahan
buku doa
bi na
Penambahan
buku bi naan

i man
Penambahan
buku i man
J eni s Buku
Lai nnya
Penambahan

Sel esai

3.7 Normalisasi

Normalisasi merupakan sebuah tekhnik dalam logical design sebuah basis
data/database, tekhnik pengelompokan atribut dari sesuatu relasi sehingga membentuk
struktur relasi yang baik (yanpa redudansi).
Relasi tidak normal :

Tabel 3.10 Form Pesanan

Tanggal

Pesanan

Harga
22/05/2009 Never give up Rp. 48.900,-
22/05/2009 Fearless Rp. 57.000,-
22/05/2009 Hole Gospel Rp. 43.900,-

Normalisasi Pertama :
Solusinya hilangkan duplikasi dengan mencari ketergantungan parsial, menjadikan
field-field menjadi tergantung pada satu atau beberapa field, bukan seluruhnya.

Tabel 3.11 Normalisasi 1NF

Tanggal

Pesanan

Harga
22/05/2009 Never give up Rp. 48.900,-
22/05/2009 Fearless Rp. 57.000,-
22/05/2009 Hole Gospel Rp. 43.900,-


3.8 Kamus Data

a. Table buku ={idbuk +idkategori +nama +harga +deskripsi +pengarang}
b. Table content ={id +urutan +nama +isi}
c. Table pesanan ={id +tanggal +pesanan +harga +nama +email +alamat +
kota +telp}
d. Table user ={user +password}

3.9 Algoritma Program

Algoritma adalah urutan langkah-langkah bersambung untuk memecahkan masalah
logika atau matematika. Adapun logaritma yang akan dibahas antara lain :
3.9.1 Algoritma Menu Utama

Langkah 1 : Aktifkan browser, lalu ketikk pada address bar : localhost/LOGOS
kemudian tekan enter atau klik icon GO pada sudut kanan Address
bar, maka akan tampil halaman utama situs.

Langkah 2 : Untuk melakukan transaksi pemesanan barang maka klik link yang
terdapat pada kategori buku yang ada pada bar menu. Pemakai hanya
cukup melakukan klik pada kotak beli untuk memilih barang.
Kemudian pemakai harus mengisi formulir pemesanan sebelum

menyelesaikan transaksi. J ika setelah selesai maka klik tombol place
order.

Langkah 3 : J ika administrator ingin melakukan pengentrian, penghapusan, dan
pengeditan data, maka ketik admin.php pada address bar browser
kemudian ketik id dan password pada menu login. Setelah menu login
berhasil, akan tampil menu admin.

Langkah 4 : J ika ingin keluar dari web, maka klik tombol close.

3.9.2 Algoritma Menu Admin

Langkah 1 : Ketik login pada menu home maka akan muncul menu login, lalu
masukkan user login dan password. Lalu masuk ke menu kategori
management.

Langkah 2 : Pilih salah satu kategori management. Contohnya kesaksian, maka kita
dapat melakukan proses penambahan buku.

Langkah 3 : J ika telah selesai mengisi semua form pada proses penambahan buku, klik
submit.

Langkah 4 : Klik tombol close untuk keluar.


BAB 4

IMPLEMENTASI SISTEM

4.1 Pengertian Implementasi Sistem

Implementasi sistem adalah prosedur yang dilakukan dalam menyelesaikan
desain sistem yang telah disetujui, untuk menguji, menginstall dan memulai
sistem baru atau sistem yang diperbaiki untuk menggantikan sistem yang
lama. Dapat juga diartikan sebagai perbaikan sistem lama menjadi baru.

4.2 Tujuan Implementasi Sistem

Adapun tujuan dari implementasi sistem ini adalah sebagai berikut:

a. Menyelesaikan desain sistem yang telah disetujui sebelumnya,
menyusun dokumen-dokumen baru atau dokumen yang baru diperbaiki
b. Memastikan bahwa pemakai (user) dapat mengoperasikan sistem baru
c. Menguji apakah sistem baru tersebut sesuai dengan pemakai

d. Memastikan bahwa konversi ke sistem baru berjalan yaitu dengan
membuat rencana, mengontrol dan melakukan instalasi baru secara
benar.

Langkah-langkah yang dibutuhkan dalam pengimplementasian sistem adalah
sebagai berikut:

a. Menyelesaikan desain web
b. Mendapatkan software dan hardware
c. Menulis, menguji, dan mendokumentasikan program komputer
d. Menguji sistem
e. Mendapatkan persetujuan.

4.3 Komponen Utama Kebutuhan Sistem

Pengolahan data dalam sistem terkomputerisasi memerlukan fasilitas-fasilitas yang
secara prinsipil harus ada. Adapun fasilitas yang dibutuhkan penulis dalam merancang
web sebagai berikut:

4.3.1 Hardware

Hardware adalah seluruh komponen yang membentuk suatu sistem komputer dan
perlatan lainnya yang memungkinkan komputer dapat melaksanakan tugasnya. Dalam
penyusunan sistem informasi ini, penulis membutuhkan perangkat keras sebagai
berikut:

a. CPU (Central Processing Unit)
Merupakan jantung dari komputer, komputer yang merupakan pusat pengolahan
data serta pusat pengontrolan dari keseluruhan sistem komputer

b. Memory
Merupakan tempat penampungan atau tempat menyimpan data untuk
sementara
c. Monitor
Merupakan layar yang menampilkan output program
d. Keyboard
Merupakan alat input
e. Modem
Merupakan singkatan dari modulator-demodulator merupakan alat bantu
komputer untuk proses komunikasi. Alat ini berfungsi mengubah signal analog
menjadi sinyal digital dan sebaliknya.

4.3.2 Software

Merupakan komponen-komponen dari sistem pengolahan data yang diluar dari
peralatan komputer sendiri. Adapun software yang digunakan penulis adalah sebagai
berikut:
a. Operating system (Sistem Operasi) yang digunakan penulis adalah Microsoft
Windows XP
b. Bahasa Pemrograman PHP dan MySQL.
c. Macromedia Dreamweaver CS3.

4.3.3 Brainware

Brainware merupakan faktor manusia yang menangani fasilitas komputer yang ada.
Faktor manusia yang dimaksud adalah orang-orang yang memiliki keahlian dibidang
komputer dan merupakan unsur manusia yang dibutuhkan, meliputi:
a. Analis sistem
b. Programmer
c. Computer Operator
d. Data Entry Operator.

4.4 Instalasi Apache, PHP dan MySQL

Penginstallan Apache, PHP dan MySQL dilakukan secara satu per satu dan untuk
perangkat lunak ini sendiri dapat diperoleh dari www.apache.org untuk Apache,
www.php.net untuk PHP dan www.mysql.com untuk MySQL. Tahap instalasinya
dimulai dengan menginstalasi Apache, kemudian disusul dengan menginstalasi PHP
dan MySQL. Setelah installasi selesai dilanjutkan dengan melakukan pengaturan
konfigurasi yang diberikan setelah installasi selesai. Namun hal ini memerlukan
pengaturan yang sedikit rumit. Alternatif lain yang digunakan penulis adalah dengan
menginstalasi PHP Triad 2.1.1. PHP Triad 2.1.1 dapat di download di
http://download.cnet.com/PHPTriad.

4.4.1 Installasi PHP Triad

Adapun langkah-langkah penginstallan PHP Triad yakni :
a. Double klik icon PHP Triad

Gambar 4.1 Icon PHP Triad

b. Klik tombol I Agree

Gambar 4.2 PHP Triad License

c. Ekstrak PHP

Gambar 4.3 Selesai

4.4.2 Menjalankan PHP Triad

a. Jalankan server apache

Gambar 4.4 Server Apache

b. Aktifkan server MySQL dari Start-All Program-PHP Triad-MySQL-MySQL D
c. Buka browser, ketikkan alamat http://localhost


Gambar 4.5 Pengujian Localhost

4.4.3 Database PHP My Admin

Ketik http://localhost/phpmyadmin/ pada browser. Pembuatan dan pengelolaan
MySQL dapat dikelola dengan praktis melalui PHP My Admin, kita tinggal memilih
menu yang sudah ada.


Gambar 4.6 PHP My Admin

4.5 Pengujian di Browser

Folder website yang telah selesai dibuat disimpan di direktori htdocs. Selanjutnya diuji
di server localhost dengan alamat http://localhost/LOGOS. Berikut halaman website
yang telah di uji dalam browser.

Gambar 4.7 Tampilan Halaman Utama (Home)

Gambar 4.8 Tampilan Kategori Produk - Salib

Gambar 4.9 Tampilan Kategori Produk - Buku

Gambar 4.10 Tampilan Kategori Produk Musik


Gambar 4.11 Tampilan Kategori Produk Video

Gambar 4.12 Tampilan Kategori Produk T-Shirt


Gambar 4.13 Tampilan Kategori Produk Suvenir

Gambar 4.14 Tampilan Tentang Kami


Gambar 4.15 Penawaran Spesial

Gambar 4.16 Cara Pemesanan

Gambar 4.17 Kontak Kami

4.6 Upload File dan Database

Upload adalah proses mentransfer file-file situs yang telah dibuat ke suatu
server di internet, dengan tujuan agar situs tersebut dapat diakses oleh
semua orang di seluruh dunia yang terhubung ke internet. Tempat meletakkan
file-file situs di internet disebut server hosting atau web hosting. Ada dua jenis
web hosting, yaitu web hosting yang gratis dan web hosting yang berbayar.
Maksudnya, ada yang merelakan server hosting-nya untuk digunakan oleh
siapa pun secara gratis, dengan ketentuan server host akan memasang
iklan/banner di situs pelanggan dan nama alamat dari situs pun harus
menyertakan nama situs server host, misalnya www.geocities.com/poltekkes.

Sedangkan bila membeli domain dan hosting, nama alamat situs (URL) dapat
diberikan sesuai keinginan dan tanpa dibumbui dengan iklan serta dilengkapi
dengan fasilitas lainnya yang memudahkan dalam melakukan manajemen
situs. Salah satu situs di Indonesia yang menyediakan hosting berbayar yaitu
http://www.singcat.com.

Web hosting gratis bisa diperoleh dengan melakukan pencarian melalui
search engine seperti Google atau Yahoo. Sebenarnya web hosting gratis ini
telah banyak disediakan di internet, namun kebanyakan hanya mendukung
halaman situs yang statis.

Salah satu situs di internet yang menyediakan hosting gratis dan telah
mendukung PHP dan MySQL yaitu http://www.tripod.co.uk. Web hosting ini
dikatakan salah satu web hosting yang terbaik di Eropa. Web hosting ini
menyediakan kapasitas free hosting sebesar 500 MB dan didukung juga
dengan Frontpage dan PHPMyAdmin. Proses pendaftarannya cukup
sederhana seperti pengisian form email. Setelah sukses mendaftar,
diwajibkan untuk melakukan aktivasi dengan meng-klik link yang dikirim ke
email pendaftar. Setelah login ke situs tersebut, barulah dapat melakukan
upload file.

Dalam meng-upload file, web hosting telah memberikan fasilitas seperti
WebFTP (Lycos Tripod) atau File Manager (Singcat). Proses meng-upload
dengan fasilitas ini adalah dengan memasukkan file satu demi satu. Fasilitas
lain yang bisa digunakan adalah dengan menggunakan aplikasi FTP (File
Transfer Protocol) seperti software WS_FTP atau Cute_FTP. Dengan

mengetikkan alamat ftp server pada bagian Address, misalnya
ftp.members.lycos.co.uk/PLN, dan koneksinya berhasil maka proses peng-
upload-an file dapat dilakukan dengan mudah yaitu dengan memindahkan file-
file yang ada di kotak sebelah kiri ke kotak sebelah kanan.

Dalam meng-upload database ke web hosting, terlebih dahulu
dilakukan dumping. melalui perintah MySQL di komputer lokal. Kemudian
hasil dumping tersebut diupload dengan menggunakan fasilitas PHPMyAdmin
yang disediakan web hosting.

4.7 Mempublikasikan Situs

Salah satu cara agar situs dapat terlihat saat orang lain melakukan pencarian
adalah dengan mempromosikan situs. Salah satu usaha yang dapat dilakukan
adalah dengan mendaftarkan alamat situs ke mesin pencari/search engine.

Dengan demikian, akan membuka kemungkinan lebih besar bahwa
situs yang dibuat akan diakses oleh orang lain. Lain search engine, maka lain
pula aturan atau cara pendaftarannya. Berikut cara mendaftarkan alamat situs
di Google:
a. Ketikkan alamat situs http://www.google.com/addurl.com di URL.
b. Mengisi alamat URL dan komentar, lalu diakhiri dengan klik tombol Add
URL.
c. Tunggu kira-kira sebulan, kemudian coba ketikkan kata kunci situs
yang telah dibuat di search engine Google.

J ika beruntung, situs tersebut akan tampil di salah satu daftar
pencarian. Selain memerlukan waktu yang lama untuk validasinya, juga
didukung faktor keberuntungan apakah situs tersebut diperbolehkan terdaftar
di search engine tersebut.

Salah satu alternatif lain adalah dengan menggunakan software sejenis
URL Submitter dan Indo URL Submitter yang mempunyai kemampuan untuk
mendaftarkan situs ke ribuan search engine secara otomatis. Software
tersebut dapat di-download dari situs.


BAB 5

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Dalam penulisan Tugas Akhir ini telah diuraikan bagaimana perancangan sistem
dalam perancangan e-commerce toko buku rohani LOGOS. Maka dapat penulis
menyimpulkan :

a. Aplikasi berbasis web dapat menjadi alternatif pilihan utama bagi para user
yang tidak mau bersusah payah dalam mencari yang dapat menghabiskan
waktu, uang dan tenaga
b. Perancangan e-commerce ini adalah sarana informasi online yang bisa diakses
oleh siapapun juga, baik dari pihak lembaga dinkes maupun para pengunjung
yang mengunjungi situsnya

c. Perancangan e-commerece memerlukan strategi perencanaan terbaik cara
untuk menarik perhatian user agar mau berkunjung dan mencari informasi.
d. Kecepatan dalam membuka halaman web merupakan salah satu faktor penting
yang perlu diperhatikan dalam membangun aplikasi web, agar pengunjung
tidak merasa bosan karena harus menunggu lama untuk membuka halaman
web.

5.2 Saran

1. Diharapkan agar ada partisipasi dari pihak administrator dalam memelihara dan
memperbarui situs e-commerce toko buku Logos
2. Kemudahan dalam penjelajahan situs e-commerce toko buku rohani Logos, perlu
diperhatikan agar pengunjung dapat menerima informasi dengan mudah
3. Perancangan e-commerce ini dibuat semenarik mungkin, baik dari sisi grafis
maupun content agar para pengunjung banyak mengunjungi situs ini
4. Agar perancangan e-commerce ini dapat lebih menarik, maka dapat dibuat
antarmuka pengguna yang lebih menarik dan interaktif


DAFTAR PUSTAKA

Merancang Sendiri Halaman Website menggunakan Macromedia DREAMWEAVER
8, A. Taufiq Hidayatullah, 2007

Mengelola Server MySQL di Linux dan Windows, Firrar Utdirartatmo, 2001

Aplikasi Web dengan PHP dan MySQL, Kasiman Perangiangin, 2006

PHP dan MySQL untuk Web, Bimo Sunarfrihantono, ST, 2003

Aplikasi Manajemen Database Pendidikan Berbasis Web dengan PHP dan MySQL,
2006

Aplikasi Pemrograman Web Dinamis PHP dan MySQL, Bunafit Nugroho, 2004


LISTING PROGRAM

Login.php

<?php
include "koneksi.php";
$perintah="select * from anggota where user='$user' and password='$password'";
$hasil=mysql_query($perintah);
$row=mysql_fetch_array($hasil);

$user =$_POST['user'];
$password =$_POST['password'];

if($user==""||$password==""){
$pesan="<br><font color='ffffff'><b><center>Username atau Password belum
diisi.</center></b></font><br>";
header("location:error.php?err=$pesan");
}
else{
if ($row['user']==$user and $row['password']==$password)
{
if ($row['level']=='1')
{session_register("namauser");
session_register("passuser");
$namauser=$row['username'];
$passuser=$row['password'];
header("location:admin.php");}
else
{
session_register("namauser");
session_register("passuser");
$namauser=$row['username'];
$passuser=$row['password'];
header("location:anggota.php");
$iduser=$row['id'];

}
}
else
{
$pesan="<br><br><br><center><font color='ffffff'><b>Username / Password kamu
tidak benar</b></font></center>";
header("location:error.php?err=$pesan");
}
}
?>

Form_login.php

<style type="text/css">

</style>
<form name="form1" method="post" action="index_user.php">
<table width="211" border="0" align="center" cellpadding="2"
cellspacing="2">
<tr>
<td width="64" bgcolor="#000000"><span class="tulisan
style1">Username</span></td>
<td width="133"><input name="username" type="text" id="username"
size="20" maxlength="15"></td>
</tr>
<tr>
<td bgcolor="#000000"><span class="tulisan style2
style3">Password</span></td>
<td><input name="password" type="password" id="password" size="15"
maxlength="15"></td>
</tr>
<tr>
<td> </td>

<td bgcolor="#000000"><div align="center">
<input type="submit" name="Submit" value="Login">
</div></td>
</tr>
<tr>
<td height="19" colspan="2" bgcolor="#000000"><div
align="center"><span class="style2"><span class="style5">Untuk mendaftar
</span><span class="style6"><a href="daftar.php" target="_self">disini
</a></span></span></div></td>
</tr>
</table>
</form>

Error.php

<!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>
<link rel="shortcut icon" href="image/lilin.bmp">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Logos-Online | Toko Buku dan Aksesoris Rohani Lainnya</title>

</script>
.style5 {
font-size: 10px;
font-weight: bold;
}
.style6 {
font-size: 12px;
}
body,td,th {
font-size: 12px;
color: #CCCCCC;
font-weight: bold;
}

-->
</style>
<script type="text/JavaScript">

</script>
</head><body onload="MM_preloadImages('image/tombol_01-
over.gif','image/tombol_02-over.gif','image/tombol_03-over.gif','image/tombol_04-
over.gif','image/tombol_05-over.gif')">

<div id="Layer1">
<table style="border-collapse: collapse;" width="980" border="0"
bordercolor="#111111" cellpadding="0" cellspacing="0" height="157">
<tbody><tr>
<td width="293" height="23" bgcolor="#000000">
<form name="dropdown">
<p align="right"><font color="#FFFFFF" face="Verdana"
size="2"> Kategori :</font>
<select name="menu6" onchange="MM_jumpMenu('parent',this,1)">
<option selected="selected"><< Pilih >></option>
<option value="salib.php">Salib</option>
<option value="buku.php">Buku</option>
<option value="musik.php">Musik</option>
<option value="video.php">Video</option>
<option value="tshirt.php">T-Shirt</option>
<option value="suvenir.php">Aneka Suvenir</option>
</select>
</p>
</form>
</td>

<tr>
<td width="980" height="115">
<img src="image/logos_header.gif" alt="Kaos Rohani, Kaos Kristen, Kaos Yesus,
T-Shirt Rohani, T-Shirt Kristen, T-Shirt Yesus, tshirt rohani" width="353" border="0"
height="134"><img src="image/logos_header2.gif" width="626" height="134"></td>

</tr>
</tbody></table>
<table style="border-width: 0pt; border-collapse: collapse;" width="100%"
border="1" cellpadding="0" cellspacing="0">
<tbody><tr>
<td bordercolor="#C0C0C0" style="border-style: none; border-width:
medium;" width="20%">
<a href="tentangkami.php"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Image17','','image/tombol_01-over.gif',1)"><img
src="image/tombol_01.gif" name="Image17" width="190" height="36" border="0"
id="Image17" /></a><a href="tentangkami.php"
onMouseOver="changeImages('tombol_01', 'images/tombol_01-over.gif'); return
true;" onMouseOut="changeImages('tombol_01', 'images/tombol_01.gif'); return
true;" onMouseDown="changeImages('tombol_01', 'images/tombol_01-over.gif');
return true;" onMouseUp="changeImages('tombol_01', 'images/tombol_01-over.gif');
return true;"></a></td>
<a href="index.php" onmouseout="MM_swapImgRestore()"
id="Image18" /></a><a href="index.php"
medium;" width="20%"><a href="penawaranspesial.php"
id="Image19" /></a><a href="penawaranspesial.php"
medium;" width="20%"><a href="carapemesanan.php"

id="Image20" /></a><a href="carapemesanan.php"
medium;" width="20%"><a href="komentar.php"
id="Image21" /></a><a href="komentar.php"
</tr>
</tbody></table>
<table width="983" border="0" bgcolor="#000000">
<tr>
<td width="189"><img src="image/kategori.gif" width="180" height="42"
/></td>
<td width="784"><img src="image/headerkategori.gif" width="754" height="44"
/></td>
</tr>
<tr>
<td height="484" valign="top"><table width="200" border="0">
<td align="left"><font face="Verdana" color="#999999" size="2">
<?php include "tanggal.php"; ?> </td>
</table>
<font face="Verdana" color="#FFCC66"> </font>
<font face="Verdana" color="#FFCC66"><br />
<a href="salib.php"><font
color="#FFCC66">Salib</font></a></font><br>
<font face="Verdana"
color="#FFCC66">
<a href="buku.php"><font
color="#FFCC66">Buku</font></a></font><br>
color="#FFCC66">
<a href="musik.php"><font
color="#FFCC66">Musik</font></a></font><br>
color="#FFCC66">
<a href="video.php"><font
color="#FFCC66">Video</font></a></font><br>

color="#FFCC66">
<a href="tshirt.php"><font
color="#FFCC66">T-Shirt</font></a></font><br>
<font face="Verdana" color="#FFCC66">
<a href="suvenir.php"><font
color="#FFCC66">Aneka Suvenir</font></a></font>
<br />
<br />
<p align="left" style="margin:0 5; margin-bottom: 6;"><img
src="image/hotline.GIF" width="180" height="42" /><br />
<p align="center" style="margin:0 5; margin-bottom: 6;">
<span class="style4 style3">Zivora
Veronika Sihombing</span></span><span class="style1"><br>
<br />
<img src="image/online.gif" width="125" height="25"></span><span
class="style3"><br>
<span class="style12"><br /><p align="left" style="margin:0 5;
margin-bottom: 6;">
<span class="style3">Telp.</span><span class="style3">:
+626177708433<br>
Mobile: +6285275871687<br>
E-Mail: zivora.vs@gmail.com</span>
<p align="left" style="margin:0 5; margin-bottom: 6;">
<?php include "form_login.php"; ?>
</td>
<td valign="top"><?=$err?></td>
</tr>
</table>
<table width="975" border="0">
<tr>
<td bgcolor="#000000"><div align="center"><span style="margin:0 5; margin-
bottom: 6;"><font color="#663300" size="2"><span style="margin-bottom: 0"><font
color="#666666" face="Verdana" style="font-weight:700">Logos
Online </font><font color="#666666" face="Verdana" style="font-
weight:400">atau</font><font color="#666666" face="Verdana" style="font-
weight:700"><a title="perlengkapan rohani dan aksesoris nasrani" href="index.php">
www.logos-online.com</a></font><font color="#666666" face="Verdana"
style="font-weight:400">adalah </font></span><font color="#666666"
face="Verdana" style="font-weight:400">sebuah toko online atau toko rohani online
atau toko kristen, toko katholik, toko kristiani, yang melayani penjualan perlengkapan
rohani, aksesoris rohani, pernak-pernik rohani, pernak-pernik nasrani, aksesoris
nasrani dan perlengkapan nasrani, pernak-pernik kristen, aksesoris kristen dan
perlengkapan kristen, pernak-pernik katholik, aksesoris katholik dan perlengkapan
katholik, </font></font><font color="#666666" size="2" face="Verdana">pernak-
pernik</font><font color="#666666" size="2" face="Verdana" style="font-
weight:400">dan </font><font color="#666666" size="2"
face="Verdana">aksesoris</font><font color="#666666" size="2" face="Verdana"
style="font-weight:400">katholik.</font></span></div></td>

</tr>
<tr>
<td height="74" align="center" bgcolor="#000000"><p class="style2">Tentang
Kami | Etalase Produk | Penawaran Spesial | Cara Pemesanan | Kontak Kami<br />
© Copyright www.logos-online.com 2009. All Rights Reserved </p>
</td>
</tr>
</table>
</div>
</body>
</html>

Daftar.php

<head>

</script>
.style5 {
font-size: 10px;
font-weight: bold;
}
.style6 {
font-size: 12px;
}
body,td,th {
font-size: 12px;
color: #CCCCCC;
font-weight: bold;
}

-->
</style>

</script>

<div id="Layer1">
<tbody><tr>
</select>
</p>
</form>
</td>
<tr>

</tr>
</tbody></table>
<tbody><tr>

</tr>
</tbody></table>
<tr>
/></td>
/></td>
</tr>
<tr>
</table>
color="#FFCC66">
color="#FFCC66">
color="#FFCC66">

color="#FFCC66">
<br />
<br />
<br />
class="style3"><br>
margin-bottom: 6;">
+626177708433<br>
Mobile: +6285275871687<br>
E-Mail: zivora.vs@gmail.com</span>
<p align="left" style="margin:0 5; margin-bottom: 6;">
<?php include "form_login.php"; ?>
</td>
<td valign="top"><?php include "form_daftar.php"; ?></td>
</tr>
</table>
<tr>

</tr>
<tr>
</td>
</tr>
</table>
</div>
</body>
</html>

Form_daftar.php


</style>
<form action="proses_daftar.php" method="post">
<br>
<table width="500" class="tulisan" border="0" align="center" cellpadding="2"
cellspacing="2">
<tr bgcolor="#009de4">
<td colspan="3" bgcolor="#000000"><div class="teks" align="center">
<div class="teks">
<div align="left" class="style1">
<div align="center">REGISTRASI ANGGOTA </div>
</div>
</div>
</div></td>
</tr>
<tr>
<td colspan="3"> </td>
</tr>
<tr>
<td width="103" bgcolor="#000000"><span class="style6">Username</span></td>
<td width="22">:</td>
<td width="375"><label>
<input name="username" type="text" id="username" size="25" maxlength="25">
</label></td>
</tr>

<tr>
<td bgcolor="#000000"><span class="style6">Password</span></td>
<td>:</td>
<td><label>
<input name="password" type="password" id="password" size="25"
maxlength="25">
</label></td>
</tr>
<tr>
<td colspan="3"><hr></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><label>
<input type="submit" name="Submit" value="Daftar">
</label>
<label>
<input name="Reset" type="reset" id="Reset" value="Batal">
</label></td>
</tr>
</table>
</form>

Anggota.php

<head>

</script>
.style5 {
font-size: 10px;
font-weight: bold;
}
.style6 {
font-size: 12px;
}
body,td,th {
font-size: 12px;
color: #CCCCCC;
font-weight: bold;
}


-->
</style>

</script>

<div id="Layer1">
<tbody><tr>

</select>
</p>
</form>
</td>
<tr>
</tr>
</tbody></table>
<tbody><tr>

</tr>
</tbody></table>
<tr>
/></td>
/></td>
</tr>
<tr>
</table>

color="#FFCC66">
color="#FFCC66">
color="#FFCC66">
color="#FFCC66">
<br />
<br />
<br />
class="style3"><br>
margin-bottom: 6;">
+626177708433<br>
Mobile: +6285275871687<br>
E-Mail: zivora.vs@gmail.com</span></td>
<td valign="top"><table width="769" border="2">
<tr>
<td width="253" height="227" align="center"><a href="salib.php"><img
src="image/t-salib.gif" alt="Salib" width="200" height="200" border="0" /></a></td>
<td width="269" align="center"><a href="buku.php"><img
src="image/23118.jpg" alt="Buku" width="120" height="180" border="0"
/></a></td>
<td width="223" align="center"><a href="musik.php"><img
src="image/56770.jpg" alt="Musiik" width="120" height="120" border="0"
/></a></td>
</tr>
<tr>

<td height="228" align="center"><a href="video.php"><img
src="image/7190.jpg" alt="Video" width="120" height="168" border="0"
/></a></td>
<td align="center"><a href="tshirt.php"><img src="image/t-tshirt.gif" alt="T-
Shirt" width="157" height="182" border="0" /></a></td>
<td align="center"><a href="suvenir.php"><img src="image/t-suvenir.gif"
alt="Aneka Suvenir" width="151" height="179" border="0" /></a></td>
</tr>
</table></td>
</tr>
</table>
<tr>
</tr>
<tr>
</td>
</tr>
</table>
</div>
</body>
</html>

Insert.php

<?php

include 'koneksi.php';


$komentar="komentar"; // Table name

// Valid Tidaknya Data Yang Diisi

if(!empty($nama) && !empty($pesan))

{

$perintah="INSERT INTO $komentar(nama, email, telp, pesan)
VALUES('$nama','$email','telp','$pesan')";

$hasil=mysql_query($perintah);

if($hasil)
{
echo "Terima Kasih Telah Mengisi Buku Tamu $nama";
echo "<BR><br>";
}

else
{
echo "Pengisian GuestBook Gagal";
}

}
else

{
echo "Maaf Isian Buku Tamu Anda Tidak Lengkap<br><br>";
}
?>

Form_Komentar.php

</style>

<form name="form1" method="post" action="view.php">
<table width="337" height="286" border="0" align="center">
<tr>
<td width="39" height="34"><span class="style6">Nama</span></td>
<td width="3"><span class="style1">:</span></td>
<td width="281"><input name="nama" type="text" size="40"></td>
</tr>
<tr>
<td height="32"><span class="style6">Email</span></td>
<td> </td>
<td><input name="email" type="text" size="40" /></td>
</tr>
<tr>
<td height="34"><span class="style6">Telp</span></td>
<td>:</td>
<td><input name="telp" type="text" size="40"></td>
</tr>
<tr>
<td height="111"><span class="style6">Pesan</span></td>
<td>:</td>
<td><textarea name="pesan" cols="40" rows="6" id="pesan" ></textarea
></td>
</tr>
<td height="58" colspan="3" align="center"><input name="Submit"
type="submit" value="Kirim">
<input name="reset" type=reset value="Hapus"></td>
</tr>
</table>
</form>

Tampilsuvenir.php

<head>
<title>LOGOS | Suvenir</title>
</head>
<body>
<?
if(!isset($_GET['page'])){
$page =1;

} else {
$page =$_GET['page'];
}

// Menentukan maksimal data yang akan ditampilkan.
$max_results =1;

// Menentukan batasan query berdasarkan pada nomor
halaman.
$from =(($page * $max_results) - $max_results);

mysql_connect("localhost","root","");
mysql_select_db("logos");

$hasil=mysql_query("select * from suvenir limit $from, $max_results");
while($baris=mysql_fetch_array($hasil))
{
$idsuvenir=$baris["id"];
$nama=$baris["nama"];
$harga=$baris["harga"];
$keterangan=$baris["keterangan"];
$gambar=$baris["gambar"];

echo ("<p style='margin-left: 10px'>");
echo ("<img src='image/$gambar' width=200 height=200
align=left></p>");
echo ("<font family='courier new' size='3' color='grey'>");
echo "<strong>$nama</strong><br>";
echo "$harga<br></br>";
echo "<p>$keterangan</p><br></font>";
}
// Melihat jumlah total data pada database:
$total_results =
mysql_result(mysql_query("SELECT COUNT(*) as Num FROM suvenir"),0);

// Melihat jumlah total halaman. Selalu
dibulatkan ke atas dengan fungsi ceil()
$total_pages =ceil($total_results /
$max_results);

// Membuat Penomoran Halaman
echo "<table><tr bgcolor='#000000'><td><font
color='red' family='verdana' size='3'><b>";
echo "Halaman : ";

// Link sebelumnya
if($page >1){

$prev =($page - 1);
echo "<a
href=\"".$_SERVER['PHP_SELF']."?page=$prev\"><<</a>";
}

for($i =1; $i <=$total_pages; $i++){
if(($page) ==$i){
echo "$i ";
} else {
echo "<a
href=\"".$_SERVER['PHP_SELF']."?page=$i\">$i</a>";
}
}

// Link selanjutnya
if($page <$total_pages){
$next =($page +1);
echo "<a
href=\"".$_SERVER['PHP_SELF']."?page=$next\">>></a>";
}
?>

</body>
</html>

Tampilbuku.php
<head>
<title>LOGOS | Buku</title>
</head>
<body>
<?
$page =1;
} else {
}

$max_results =1;

halaman.



$hasil=mysql_query("select * from buku limit $from, $max_results");
{
$idbuku=$baris["id"];
$pengarang=$baris["pengarang"];
$judul=$baris["judul"];
$deskripsi=$baris["deskripsi"];

align=left></p>");
echo "<strong>$judul</strong><br>";
echo "<strong>$pengarang</strong><br>";
echo "<p>$deskripsi</p><br></font>";
}
$total_results =
mysql_result(mysql_query("SELECT COUNT(*) as Num FROM buku"),0);

$max_results);

echo "Halaman : ";

// Link sebelumnya
if($page >1){
$prev =($page - 1);
echo "<a
}

if(($page) ==$i){
echo "$i ";
} else {

echo "<a
}
}

// Link selanjutnya
$next =($page +1);
echo "<a
}
?>

</body>
</html>

Tampilmusik.php
<head>
<title>Untitled Document</title>
</head>
<body>
<?
$page =1;
} else {
}

$max_results =1;

halaman.


$hasil=mysql_query("select * from musik limit $from, $max_results");
{
$idmusik=$baris["id"];
$penyanyi=$baris["penyanyi"];


align=left></p>");
echo "<strong>$penyanyi</strong><br>";
}
$total_results =
mysql_result(mysql_query("SELECT COUNT(*) as Num FROM musik"),0);

$max_results);

color='red' family='arial' size='3'><b>";
echo "Halaman : ";

// Link sebelumnya
if($page >1){
$prev =($page - 1);
echo "<a
}

if(($page) ==$i){
echo "$i ";
} else {
echo "<a
}
}

// Link selanjutnya
$next =($page +1);

echo "<a
}
?>

</body>
</html>

Tampilsalib.php
<head>
<title>LOGOS | Salib</title>
</head>
<body>
<?
$page =1;
} else {
}

$max_results =1;

halaman.


$hasil=mysql_query("select * from salib limit $from, $max_results");
{
$idsalib=$baris["id"];

align=left></p>");

}
$total_results =
mysql_result(mysql_query("SELECT COUNT(*) as Num FROM salib"),0);

$max_results);

echo "Halaman : ";

// Link sebelumnya
if($page >1){
$prev =($page - 1);
echo "<a
}

if(($page) ==$i){
echo "$i ";
} else {
echo "<a
}
}

// Link selanjutnya
$next =($page +1);
echo "<a
}
?>

</body>
</html>

Tampilvideo.php

<head>
<title>LOGOS | Buku</title>
</head>
<body>
<?
$page =1;
} else {
}

$max_results =1;

halaman.


$hasil=mysql_query("select * from video limit $from, $max_results");
{
$idvideo=$baris["id"];
$deskripsi=$baris["deskripsi"];

align=left></p>");
echo "<p>$deskripsi</p><br></font>";
}
$total_results =
mysql_result(mysql_query("SELECT COUNT(*) as Num FROM video"),0);

$max_results);


echo "Halaman : ";

// Link sebelumnya
if($page >1){
$prev =($page - 1);
echo "<a
}

if(($page) ==$i){
echo "$i ";
} else {
echo "<a
}
}

// Link selanjutnya
$next =($page +1);
echo "<a
}
?>

</body>
</html>

Tampiltshirt.php
<head>
<title>LOGOS | Kaos</title>
</head>
<body>
<?
$page =1;
} else {
}

$max_results =1;

halaman.


$hasil=mysql_query("select * from kaos limit $from, $max_results");
{
$idkaos=$baris["id"];

align=left></p>");
}
$total_results =
mysql_result(mysql_query("SELECT COUNT(*) as Num FROM kaos"),0);

$max_results);

echo "Halaman : ";

// Link sebelumnya
if($page >1){
$prev =($page - 1);
echo "<a

}

if(($page) ==$i){
echo "$i ";
} else {
echo "<a
}
}

// Link selanjutnya
$next =($page +1);
echo "<a
}
?>

</body>
</html>

Toko Buku

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Toko Buku

Diunggah oleh

Hak Cipta:

Format Tersedia

Zivora Veronika Sihombing : Perancangan E-Commerce Ditoko Buku Rohani Logos, 2009.

Anda mungkin juga menyukai