Perancangan E-Commerce Ditoko Buku Rohani LOGOS

(1)

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

(2)

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

(3)

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

(4)

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

(5)

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.

(6)

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

(7)

2.6 Perancangan Entity Relationship Diagram (ERD) 16

2.7 Personal Home Page (PHP) 17

2.9 Pengenalan Adobe Dreamweaver 8 22

(8)

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

(9)

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

(10)

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

(11)

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

(12)

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

(13)

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

(14)

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.

(15)

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

(16)

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

(17)

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

(18)

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

(19)

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

(20)

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

(21)

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

(22)

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

(23)

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

(24)

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

(25)

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

(26)

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

(27)

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

(28)

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

(29)

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>

<head>

<body>

<?php”web master”?>

(30)

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

(31)

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

(32)

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

(33)

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

(34)

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

(35)

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

(36)

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

(37)

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

(38)

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

Id Produk ID Id

Pemesan memesan Buku menyediakan _Admin

(39)

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.

Id Produk ID Id

Buku

(40)

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

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

(41)

Idsalib varchar 4 id salib, auto_increment

3.5.4 Tabel Musik

Tabel 3.4 Data Musik

Idmusik varchar 4 id musik, auto_increment

3.5.5 Tabel Video

Tabel 3.5 Data Video

(42)

Nama varchar 200 Nama

Harga varchar 11 Harga

3.5.6 Tabel Suvenir

Tabel 3.6 Data Suvenir

Idsuvenir varchar 4 id suvenir, auto_increment

3.5.7 Tabel Komentar

Tabel 3.7 Data Komentar

Nama varchar 4 Nama

email varchar 200 Email

telp varchar 11 Telp

(43)

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

Tabel 3.8 Data Anggota

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

(44)

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

(45)

Lainnya

Decision

Menunjukkan pengambilan

keputusan dalam satu kondisi

3.6.1 Flowchart Menu Utama

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

(46)

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

3.6.2 Flowchart Pemesanan Buku

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

(47)

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

(48)

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

(49)

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,-

(50)

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.

(51)

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

(52)

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:

(53)

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

(54)

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.

(55)

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

(56)

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

(57)

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

(58)

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

(59)

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)

(60)

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

(61)

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

(62)

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

(63)

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

(64)

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.

(65)

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

(66)

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.

(67)

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

(68)

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

(69)

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

(70)

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

(71)

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

{

(72)

} }

else {

$pesan="<br><br><br><center><font color='ffffff'><b>Username / Password kamu tidak benar</b></font></center>";

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 {