Perancangan E-Commerce Ditoko Buku Rohani LOGOS

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

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

PERANCANGAN E-COMMERCE DI

TOKO BUKU ROHANI LOGOS

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli Madya

ZIVORA VERONIKA SIHOMBING 062406108

PROGRAM STUDI D3 ILMU KOMPUTER DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

MEDAN 2009

Zivora Veronika Sihombing : Perancangan E-Commerce Ditoko Buku Rohani Logos, 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

Zivora Veronika Sihombing : Perancangan E-Commerce Ditoko Buku Rohani Logos, 2009. 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

ZIVORA VERONIKA SIHOMBING 062406108

Zivora Veronika Sihombing : Perancangan E-Commerce Ditoko Buku Rohani Logos, 2009. 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 Komput er 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.

Zivora Veronika Sihombing : Perancangan E-Commerce Ditoko Buku Rohani Logos, 2009. 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.

Zivora Veronika Sihombing : Perancangan E-Commerce Ditoko Buku Rohani Logos, 2009. 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.1Latar Belakang 1

1.2Identifikasi Masalah 2

1.3Batasan Masalah 2

1.4Maksud dan Tujuan 2

1.5Metodologi Penelitian 3

1.6Tinjauan Pustaka 4

1.7Sistematika 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

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

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

Zivora Veronika Sihombing : Perancangan E-Commerce Ditoko Buku Rohani Logos, 2009. 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

Zivora Veronika Sihombing : Perancangan E-Commerce Ditoko Buku Rohani Logos, 2009. 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

Zivora Veronika Sihombing : Perancangan E-Commerce Ditoko Buku Rohani Logos, 2009. 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

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

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

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

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.

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

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 :

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

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.

Zivora Veronika Sihombing : Perancangan E-Commerce Ditoko Buku Rohani Logos, 2009. 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)

Zivora Veronika Sihombing : Perancangan E-Commerce Ditoko Buku Rohani Logos, 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

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.

Zivora Veronika Sihombing : Perancangan E-Commerce Ditoko Buku Rohani Logos, 2009. 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

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

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

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

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

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

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

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

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.

Zivora Veronika Sihombing : Perancangan E-Commerce Ditoko Buku Rohani Logos, 2009. 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

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

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.

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

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

Zivora Veronika Sihombing : Perancangan E-Commerce Ditoko Buku Rohani Logos, 2009. 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

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

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

Zivora Veronika Sihombing : Perancangan E-Commerce Ditoko Buku Rohani Logos, 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. Jika 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.

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

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>

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

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

</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>”; echo”Me 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.

Zivora Veronika Sihombing : Perancangan E-Commerce Ditoko Buku Rohani Logos, 2009. 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).

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

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.

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

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

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

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

Zivora Veronika Sihombing : Perancangan E-Commerce Ditoko Buku Rohani Logos, 2009. 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.

Zivora Veronika Sihombing : Perancangan E-Commerce Ditoko Buku Rohani Logos, 2009. 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

Info pemesanan Info data kategori buku

Data buku/kategori buku Data pemesanan

Laporan pemesanan buku

Gambar 3.1 DFD Level Konteks

Admin

Web Site

Pemesanan

Pimpinan Perusahaan

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

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

Admin

2.0 Pembuatan

Laporan

1.0 Input Data

F1 Admin

F2 Kategori Buku

F3 Buku

F4 Pemesanan

Pimpinan Perusahaan

Zivora Veronika Sihombing : Perancangan E-Commerce Ditoko Buku Rohani Logos, 2009. 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 Admin

Pemesan Buku Admin

Id Produk ID Id

Pemesan memesan Buku menyediakan _Admin

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

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 memesan Buku menyediakan _Admin

Id Produk ID Id

Pemesan memesan Buku menyediakan _Admin

Id Produk ID Id

Buku

Zivora Veronika Sihombing : Perancangan E-Commerce Ditoko Buku Rohani Logos, 2009. 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

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

Field Name Type Length Keterangan

Idsalib varchar 4 id salib, auto_increment

nama varchar 200 Nama

harga varchar 11 Harga

deskripsi text Deskripsi

gambar varchar 100 Gambar

3.5.4 Tabel Musik

Tabel 3.4 Data Musik

Field Name Type Length Keterangan

Idmusik varchar 4 id musik, auto_increment

nama varchar 200 Nama

harga varchar 11 Harga

deskripsi text Deskripsi

gambar varchar 100 Gambar

3.5.5 Tabel Video

Tabel 3.5 Data Video

Field Name Type Length Keterangan

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

Nama varchar 200 Nama

Harga varchar 11 Harga

deskripsi text Deskripsi

gambar varchar 100 Gambar

3.5.6 Tabel Suvenir

Tabel 3.6 Data Suvenir

Field Name Type Length Keterangan

Idsuvenir varchar 4 id suvenir, auto_increment

nama varchar 200 Nama

harga varchar 11 Harga

deskripsi text Deskripsi

gambar varchar 100 Gambar

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

Zivora Veronika Sihombing : Perancangan E-Commerce Ditoko Buku Rohani Logos, 2009. 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

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

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

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

Lainnya

Decision

Menunjukkan pengambilan keputusan dalam satu kondisi

3.6.1 Flowchart Menu Utama

Y

Y

Y

Y

N Y

START

Buka Koneksi Database

Menu Halaman

Utama

Halaman Utama

Company

Categories

Login

Close

Tutup Koneksi Database

END

Menu Halaman Utama

Latar Belakang T.B. LOGOS

- pembinaan

- doa

- kesaksian

Zivora Veronika Sihombing : Perancangan E-Commerce Ditoko Buku Rohani Logos, 2009. Gambar 3.8 Flowchart Menu Utama

3.6.2 Flowchart Pemesanan Buku

No

No

Yes

Gambar 3.9 Flowchart Pemesanan Buku START

Pilih Kategori

Doa

Pilih Jenis Doa

Beli

Contact Information

Isian Lengkap

Column ‘…’ cannot be null

End

Zivora Veronika Sihombing : Perancangan E-Commerce Ditoko Buku Rohani Logos, 2009. 3.6.3 Flowchart Login Admin

Gambar 3.10 Flowchart Login Admin START

Halaman Utama

Login

Isi ‘username’ & ‘password’

Status = Admin

Menu Admin

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

Gambar 3.11 Flowchart Penambahan Buku Menu Admin

Pilih Kategori

saksi Penambahan buku

saksi

doa Penambahan

buku doa

bina Penambahan

buku binaan

iman Penambahan

buku iman

Jenis Buku Lainnya

Penambahan

Zivora Veronika Sihombing : Perancangan E-Commerce Ditoko Buku Rohani Logos, 2009. 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,-

Zivora Veronika Sihombing : Perancangan E-Commerce Ditoko Buku Rohani Logos, 2009. 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

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

menyelesaikan transaksi. Jika setelah selesai maka klik tombol “place order”.

Langkah 3 : Jika 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 : Jika 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 : Jika telah selesai mengisi semua form pada proses penambahan buku, klik “submit”.

Zivora Veronika Sihombing : Perancangan E-Commerce Ditoko Buku Rohani Logos, 2009. 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

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

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:

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

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.

Zivora Veronika Sihombing : Perancangan E-Commerce Ditoko Buku Rohani Logos, 2009. 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 dauntuk 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

Zivora Veronika Sihombing : Perancangan E-Commerce Ditoko Buku Rohani Logos, 2009. 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

Zivora Veronika Sihombing : Perancangan E-Commerce Ditoko Buku Rohani Logos, 2009. 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

Zivora Veronika Sihombing : Perancangan E-Commerce Ditoko Buku Rohani Logos, 2009. Gambar 4.5 Pengujian Localhost

4.4.3 Database PHP My Admin

Ketik MySQL dapat dikelola dengan praktis melalui PHP My Admin, kita tinggal memilih menu yang sudah ada.

Zivora Veronika Sihombing : Perancangan E-Commerce Ditoko Buku Rohani Logos, 2009. 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)

Zivora Veronika Sihombing : Perancangan E-Commerce Ditoko Buku Rohani Logos, 2009. Gambar 4.9 Tampilan Kategori Produk - Buku

Zivora Veronika Sihombing : Perancangan E-Commerce Ditoko Buku Rohani Logos, 2009. Gambar 4.11 Tampilan Kategori Produk – Video

Zivora Veronika Sihombing : Perancangan E-Commerce Ditoko Buku Rohani Logos, 2009. Gambar 4.13 Tampilan Kategori Produk – Suvenir

Zivora Veronika Sihombing : Perancangan E-Commerce Ditoko Buku Rohani Logos, 2009. Gambar 4.15 Penawaran Spesial

Zivora Veronika Sihombing : Perancangan E-Commerce Ditoko Buku Rohani Logos, 2009. 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.

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

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

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

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.

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

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

Zivora Veronika Sihombing : Perancangan E-Commerce Ditoko Buku Rohani Logos, 2009. 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

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

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

Zivora Veronika Sihombing : Perancangan E-Commerce Ditoko Buku Rohani Logos, 2009. 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

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

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'];

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

} }

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"> <!-- .style1 {

font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;

color: #CCCCCC; }

.style2 {

font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px;

}

.style3 {color: #CCCCCC}

.style5 {color: #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; } .style6 {

font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF;

} --> </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>

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

<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> <style type="text/css"> <!-- #Layer1 { position:absolute; left:8px; top:-11px; width:946px; height:878px; z-index:1; }

.style1 {color: #CCCCCC} .style2 {

color: #999999;

font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;

} body {

background-color: #000000; }

.style3 {color: #999999} .style4 {font-weight: bold} a:link { color: #FFCC66; text-decoration: none; } a:visited { text-decoration: none;

Zivora Veronika Sihombing : Perancangan E-Commerce Ditoko Buku Rohani Logos, 2009. color: #FFCC66; } a:hover { text-decoration: underline; color: #FF9900; } a:active { text-decoration: none; }

<script language="JavaScript" type="text/javascript"> <!--

function gopage(theLink) {

if (document.dropdown.theLink.value != "") { location.href = document.dropdown.theLink.value; } } // --> </script> .style5 { font-size: 10px; font-weight: bold; } .style6 {

font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } body,td,th { font-size: 12px; color: #CCCCCC; font-weight: bold; } --> </style> <script type="text/JavaScript"> <!--

function MM_findObj(n, d) { //v4.01

var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

if(!x && d.getElementById) x=d.getElementById(n); return x; }

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

function MM_swapImgRestore() { //v3.0

var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;

}

function MM_preloadImages() { //v3.0

var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} }

function MM_swapImage() { //v3.0

var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

}

function MM_jumpMenu(targ,selObj,restore){ //v3.0

eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'"); if (restore) selObj.selectedIndex=0;

} //--> </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">&nbsp;Kategori :</font>

<select name="menu6" onchange="MM_jumpMenu('parent',this,1)"> <option selected="selected">&lt;&lt; Pilih &gt;&gt;</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>

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

echo "<a

href=\"".$_SERVER['PHP_SELF']."?page=$next\">>></a>"; }

?> </body> </html>

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

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>LOGOS | Salib</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 salib limit $from, $max_results"); while($baris=mysql_fetch_array($hasil))

{

$idsalib=$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=150 height=180 align=left></p>");

echo ("<font family='courier new' size='3' color='grey'>"); echo "<strong>$nama</strong><br>";

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

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 salib"),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 ("<p style='margin-left: 5px'>"); 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>

Tampilvideo.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

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

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>LOGOS | Buku< /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 video limit $from, $max_results"); while($baris=mysql_fetch_array($hasil))

{

$idvideo=$baris["id"]; $judul=$baris["judul"]; $harga=$baris["harga"]; $deskripsi=$baris["deskripsi"]; $gambar=$baris["gambar"];

echo ("<p style='margin-left: 10px'>");

echo ("<img src='image/$gambar' width=150 height=180 align=left></p>");

echo ("<font family='courier new' size='3' color='grey'>"); echo "<strong>$judul</strong><br>";

echo "$harga<br></br>";

echo "<p>$deskripsi</p><br></font>"; }

// Melihat jumlah total data pada database:

$total_results =

mysql_result(mysql_query("SELECT COUNT(*) as Num FROM video"),0); // Melihat jumlah total halaman. Selalu dibulatkan ke atas dengan fungsi ceil()

$total_pages = ceil($total_results / $max_results);

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

// Membuat Penomoran Halaman

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

echo ("<p style='margin-left: 5px'>"); 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>

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

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>LOGOS | Kaos</title>

</head> <body> <?

if(!isset($_GET['page'])){

$page = 1;

} else {

$page = $_GET['page'];

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

// 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 kaos limit $from, $max_results"); while($baris=mysql_fetch_array($hasil))

{

$idkaos=$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 kaos"),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 ("<p style='margin-left: 5px'>"); echo "Halaman : ";

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

$prev = ($page - 1);

echo "<a

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

}

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>