Sistem Penjualan Sepatu Online Berbasis Web

(1)

KEMENTERIAN PENDIDIKAN DAN KEBUDAYAAN UNIVERSITAS SUMATERA UTARA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

Jln. Bioteknologi No.1 Kampus USU Padang Bulan Medan-20155 Telp. (061) 8211050, 8214290, Fax. (061) 8214290

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA

Nama Mahasiswa : CHRISTY INDAH HALOHO Nomor Stambuk : 132406183

Judul Tugas Akhir : SISTEM PENJUALAN SEPATU ONLINE

BERBASIS WEB

Dosen Pembimbing : Drs. Ujian Sinulingga, M.Si

Tanggal Mulai Bimbingan : Tanggal Selesai Bimbingan :

No. Tanggal Asisten Bimbingan

Pembahasan pada Asistensi Mengenai,

pada Bab :

Paraf Dosen

Pembimbing Keterangan

1

KetuaProgram Studi D3 Teknik Disetujui,

InformatikaFakultas MIPA USU Pembimbing Utama

Dr. Elly Rosmaini, M.Si.

(2)

Hasil Uji Program Tugas Akhir SURAT KETERANGAN

Yang bertanda tangan dibawah ini, menerangkan bahwa Tugas Akhir Mahasiswa

Program Diploma 3 Teknik Informatika :

Nama : CHRISTY INDAH HALOHO

NIM : 132406183

Program Studi : D3 Teknik Informatika

Judul TA : Sistem Penjualan Sepatu Online Berbasis Web

Telah melaksanakan test program Tugas Akhir Mahasiswa tersebut diatas

tanggal...Juni 2016

Dengan Hasil : Sukses / Gagal

Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian

Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika

FMIPA USU Medan.

Medan, Juni 2016 Dosen Pembimbing

(3)

Listing Program

1. Index.php <?php

session_start();

require "library/fungsi.php";

if(empty($_SESSION["email"]))

<!DOCTYPE html> <html lang="en">

<head>

content="index,follow,snippet,archive"> <meta name="viewport"

content="width=device-width, initial-scale=1">

<title>GirlsCorner</title>

<link

href='http://fonts.googleapis.com/css?family=Roboto:40 0,100,100italic,300,300italic,500,700,800'

rel='stylesheet' type='text/css'>

href="assets/public/website_font_awesome_4_3/static/sr c/css/font-awesome.min.css">

<link

href="assets/public/css/style.pink.css" rel="stylesheet" id="theme-stylesheet">

(4)

href="assets/public/img/favicon.ico" type="image/x-icon" />

href="assets/public/img/apple-touch-icon.png" />

<link

href="assets/public/css/owl.theme.css" rel="stylesheet">

</head>

<body>

<?php

get_top(); ?>

<img src="assets/public/img/logo-small.png" alt="Universal logo" class="visible-xs visible-sm"><span class="sr-only">Universal - go to homepage</span>

</a> <div class="navbar-buttons">

<button type="button" class="navbar-toggle btn-template-main" toggle="collapse"

data-target="#navigation">

<span class="sr-only">Toggle navigation</span>

</button>

</div> </div>

(5)

navigasi();

<div class="home-carousel"> <div

class="dark-mask"></div>

<?php

$get_slide = slide();

while($slide = mysqli_fetch_array($get_slide)) {

echo '

<p>

<img

src="assets/public/img/logo.png" alt="">

</p>

<h1>'.$slide['judul'].'</h1>

<p>'.$slide['konten'].'</p>

</div>

(6)

</div>

<div class="row products"> <?php

<h2>Testimonial</h2>

</div>

<p class="lead">Apa yang mereka katakan?</p>

<?php

$get_testimoni = testimoni();

while($testimoni =

mysqli_fetch_array($get_testimoni))

{

(7)

echo '

<p>'.$testimoni['pesan'].'</p>

</div>

</div>

(8)

</body>

</html>

2. Library/koneksi.php <?php

$koneksi = new

mysqli('localhost','root','','cici'); ?>

3. Daftar.php <?php

session_start();

<head>

<link

(9)

<script

src="assets/admin/js/jquery.change.js"></script> <script type="text/javascript">

var htmlobjek;

$(document).ready(function(){

$("#provinsi").change(function(){ var provinsi =

$("#provinsi").val();

$.ajax({

url: "full-act.php",

data: "provinsi="+provinsi, cache: false,

success: function(msg){

$("#kabkot").html(msg); } }); });

$("#kabkot").change(function(){ var provinsi1 =

var kabkot = $("#kabkot").val(); $.ajax({

url: "full-act.php", data:

"provinsi1="+provinsi1+"&&kabkot="+kabkot, cache: false,

$("#kecamatan").html(msg);

<?php

get_top(); ?>

(10)

</a> <div class="navbar-buttons">

<span class="sr-only">Toggle navigation</span>

</button>

<h1>Daftar / Login</h1>

</div> </div>

(11)

<p>Dengan mendaftar anda dapat langsung memesan produk yang kami tawarkan, Anda juga dapat menyimpan daftar barang yang ingin anda beli ke dalam whislist anda.</p>

<p class="text-muted">Jika anda memiliki pertanyaan, jangan sungkan bertanya kepada kami di <a

href="kontak.php">kontak kami</a>, pelayanan costumer yang kami berikan 24/7.</p>

<label for="nama_depan">Nama Depan</label>

</div>

<label for="nama_belakang">Nama Belakang</label>

</div>

(12)

</div>

<label for="telepon">Telepon</label>

</div>

<label for="password">Password</label>

<input type="password" class="form-control" name="password" id="password-login"

placeholder="Password" >

</div>

<label for="ver_password">Verifikasi Password</label>

<input type="password" class="form-control" name="ver_password" id="password-login"

placeholder="Verifikasi Password" >

</div>

(13)

</div>

<label for="provinsi">Provinsi</label>

<option value="" hidden>Provinsi</option>

<?php

$get_provinsi = provinsi();

while($provinsi = mysqli_fetch_array($get_provinsi))

{

echo '

<option

value="'.$provinsi['id_provinsi'].'">'.$provinsi['nama _provinsi'].'</option>

';

}

?>

</select>

</div>

(14)

<option value="" hidden>Kabupaten/Kota</option>

<label for="alamat">Alamat</label>

<button name="daftar" type="submit" class="btn btn-template-main"><i class="fa fa-user-md"></i> Daftar</button>

(15)

<p class="lead">Sudah Memiliki Akun?</p>

<p

class="text-muted">Segera login dan pesan produk yang ingin anda beli, persediaan produk terbatas hanya untuk anda yang membutuhkan</p>

<hr>

<label for="email">Email</label>

</div>

<label for="password">Password</label>

<input type="password" class="form-control"

id="password" name="password" placeholder="Password" >

</div>

<button name="tombolLogin" type="submit" class="btn btn-template-main"><i class="fa fa-sign-in"></i> Login</button>

</div>

(16)

session_start();

<head>

<link

href="assets/public/img/apple-touch-icon.png" /> <script

var htmlobjek;

(17)

$.ajax({

$("#kabkot").html(msg); } }); });

url: "full-act.php", data:

(18)

class="col-md-</h1> </div> </div>

</div> </div>

<p

class="lead">Ubah Data Pribada Atau Password Anda Di Sini</p> class="text-uppercase">Ubah Password</h3>

</div> <form method="post" action="full-act.php">

<label for="password_lama">Password Lama</label>

</div>

(19)

</div>

<label for="ver_password_baru">Konfirmasi Password Baru</label>

</div>

<button name="PasswordBaru" type="submit" class="btn btn-template-main"><i class="fa fa-save"></i> Simpan Password Baru</button>

</div>

</form> </div>

<h3 class="text-uppercase">Data Personal</h3>

</div> <?php

$data = data_user();

?> <form method="post" action="full-act.php">

(20)

<label for="nama_depan">Nama Depan</label>

</div>

<label for="nama_belakang">Nama Belakang</label>

</div>

<label for="alamat">Alamat</label>

</div>

(21)

</div> class="panel panel-default sidebar-menu">

<h3 class="panel-title">Fitur Customer</h3>

</div>

</li>

<a href="keranjang-belanja.php"><i class="fa fa-shopping-cart"></i> Keranjang Belanja</a>

</li>

<a href="transaksi.php"><i class="fa fa-list"></i> Transaksi</a>

</li>

<li>

<a href="wishlist.php"><i class="fa fa-heart"></i> Wishlist</a>

</li>

(22)

<a href="keluar.php"><i class="fa fa-sign-out"></i> Logout</a>

</li>

</body> </html>

5. Produk.php <?php

session_start();

$produk = get_produk($_GET['produk']); $kategori =

get_kategori($produk['kategori']);

$update_lihat = "update tbl_produk set total_lihat = (total_lihat + 1) where kode_produk = '".$_GET['produk']."'";

$conn_update_lihat = mysqli_query($koneksi, $update_lihat);

document.location.href = "index.php";

</script> ';

} ?>

<head>

(23)

<link

</head>

<body>

<?php

get_top(); ?>

<img src="assets/public/img/logo-small.png" alt="Universal logo" class="visible-xs visible-sm"><span class="sr-only">Universal - go to homepage</span>

(24)

<?php

login_modal(); ?>

<div

class="col-md-<div id="content">

<img src="assets/public/img/produk/<?php echo ''.$kategori['nama_kategori'].'/'.$produk['foto'].''?> " alt="" class="img-responsive">

</div>

<?php

if($produk['diskon'] == 0)

{

$harga = '<p class="price">RP.

'.number_format($produk['harga'], 0, ',', '.').'</p>';

$banner = '';

(25)

else

{

$cek_harga = diskon($produk['harga'], $produk['diskon']);

$harga = '<p class="price"><del>Rp. '.number_format($produk['harga'], 0, ',',

'.').'</del><br> Rp. '.number_format($cek_harga, 0, ',', '.').'</p>';

$banner = '

<div class="theribbon">DISKON</div>

</div>

';

}

if(isset($_SESSION['email']))

{

$cek_wishlist =

cek_wishlist($produk['kode_produk']);

if($cek_wishlist == 0)

{

$wishlist = '<a

href="full-act.php?act=wishlist&&produk='.$produk['kode_produk']. '" class="btn btn-template-main" title="Tambah Ke Wishlist"><i class="fa fa-heart-o"></i></a>';

$tombol = '<button

(26)

btn-template-main"><i class="fa fa-shopping-cart"></i> Tambah Ke Keranjang Belanja</button>';

}

else

{

$wishlist = '<a class="btn btn-template-primary" title="Ada Dalam Daftar Wishlist"><i class="fa fa-heart-o"></i></a>';

$tombol = '<button

name="tambahKeranjangBelanja" type="submit" class="btn btn-template-main"><i class="fa fa-shopping-cart"></i> Tambah Ke Keranjang Belanja</button>';

}

else

{

$wishlist = "";

$tombol = '<a href="#" toggle="modal" data-target="#login-modal" class="btn btn-template-main"><i class="fa fa-sign-in"></i> Login</a>';

}

echo $banner;

?> </div> <div class="col-sm-6">

<?php

echo $harga;

echo '<h4 class="text-center">Stok '.$produk['stok'].'</h4><br>';

?>

(27)

<h3>Produk Yang Sering Dilihat</h3>

</div>

<?php

$query = "select * from tbl_produk order by total_lihat desc limit 3";

$conn = mysqli_query($koneksi, $query);

while($data = mysqli_fetch_array($conn)) {

$kategori = get_kategori($data['kategori']);

echo '

<a

href="produk.php?produk='.$data['kode_produk'].'">

<img

src="assets/public/img/produk/'.$kategori['nama_katego ri'].'/'.$data['foto'].'" alt="" class="img-responsive image1">

</a>

</div>

(28)

<p

class="price">'.number_format($data['harga'], 0, ',', '.').'</p> class="panel panel-default sidebar-menu">

<?php

$conn_side_kategori = all_kategori();

while($side_kategori =

(29)

egori'].'">'.$side_kategori['nama_kategori'].' <span class="badge pull-right">'.$banyak.'</span></a>

</li>

6. Transaksi.php <?php

session_start();

<head>

(30)

<link

<script

var htmlobjek;

$(document).ready(function(){

$.ajax({

$("#kabkot").html(msg); } }); });

(31)

data:

(32)

<h3 class="panel-title">Fitur Customer</h3>

</div>

</li>

<a href="keranjang-belanja.php"><i class="fa fa-shopping-cart"></i> Keranjang Belanja</a>

</li>

<a href="transaksi.php"><i class="fa fa-list"></i> Transaksi</a>

</li>

<li>

<a href="wishlist.php"><i class="fa fa-heart"></i> Wishlist</a>

</li>

<li>

<a href="keluar.php"><i class="fa fa-sign-out"></i> Logout</a>

(33)

<?php

get_footer(); ?>

</body>

</html>

7. Keluar.php <?php

session_start();

session_destroy();

echo '

document.location="daftar.php"; </script>

'; ?>

8. Panelc.php <?php

session_start();

require "library/fungsi-admin.php"; ?>

<head>

content="width=device-width, initial-scale=1.0"> <meta name="description" content="Creative - Bootstrap 3 Responsive Admin Template">

<title>Admin Login | GirlsCorner</title>

(34)

</head>

<?php

if(isset($_POST["tombol"]) && $_POST["tombol"] == "Login")

{

if(isset($_POST["username"])&&isset($_POST["passw ord"]))

{

$query = "select * from

tbl_admin where username='".$_POST["username"]."' and password=md5('".$_POST["password"]."')";

$conn = mysqli_query($koneksi, $query);

while($data = mysqli_fetch_array($conn))

{

$_SESSION["id_admin"] = $data['id_admin'];

$_SESSION["username"] = $data['username'];

$_SESSION["password"] = $data['password'];

$_SESSION["nama"] = $data['nama'];

<input type="text" class="form-control" name="username"

(35)

DAFTAR PUSTAKA

Kadir, Abdul. 2008. Dasar pemrograman Web Dinamis Menggunakan PHP (Revisi). Andi:Yogyakarta

Kadir, Abdul. 1999. Konsep Dan Tuntunan Praktis Basis Data. Andi:Yogyakarta

Kadir, Abdul. 2008. Tuntunan Praktis Belajar Database Menggunakan MYSQL. Andi Offset. Yogyakarta

Putranto, Erie. Cepat dan Mudah Membangun Toko Online dengan OsCommerce 2.2 Milestone CVS. Andi:Yogyakarta

Sitompul, OpimSalim. 2014. Pemrograman C di Lingkungan Linux. USU Press. Medan.

Imansyah, M. 2003. PHP dan MySQL untuk Orang Awam. Palembang: CV. Maxikom.

Kendall, K.E. dan Julie E. Kendall. 2003. Analisis dan Perancangan Sistem. Edisi Terjemahan. PT Intan Sejati : Klaten.

Nugroho, B. 2004. Aplikasi Pemograman Web Dinamis dengan PHP dan MySQL. Yogyakarta : Gava Media.

Prasetyo, DD. 2003. Tip dan trik Kolaburasi PHP dan MySQL untuk membuat Web Database yang Interaktif. Jakarta : Elex Media Komputindo.

Sarwono, J. 2008. Teori E-commerce. Yogyakarta : Gava Media.

(36)

BAB 3

PERANCANGAN SISTEM

3.1Perancangan Sistem

Perancangan sistem yang dilakukan merupakan analisis perangkat lunak, analisis

program dan model yang akan dibuat. Oleh karena itu semua data yang ada

didalam sistem akan dikemas dalam suatu basis data, kemudian dideskripsikan

kedalam Data Flow Diagram (DFD), Entity Relationship Diagram (ERD) dan

Flowchart sistem. Tahap ini bertujuan untuk menghasilkan sistem penjualan

online sepatu yang baik.

3.2Data Flow Diagram

Data Flow Diagram merupakan alat bantu yang dapat digunakan untuk

menggambarkan aliran data informasi dan proses mulai dari pemasukan data

hingga output. Dalam perancangan sistem ini penulis mencoba untuk

memberikan gambaran mengenai alur arus data dari sistem penjualan. Ini

bertujuan untuk mempermudah pembuatan dan perancangan sistem yang baik.

Adapun rancangan Data Flow Diagram pada sistem penjualan ini adalah

(37)

Gambar 3.1 Diagram Konteks Penjualan Sepatu

3.3Perancangan Data Base

Database adalah kumpulan dari data yang berhubungan antara satu dengan

(38)

perangkat lunak untuk memanipulasinya. Database merupakan salah satu

komponen yang penting yakni sebagai basis penyedia informasi dan

dikelompokkan kedalam file. Informasi yang digabungkan dari sejumlah file

kemudian dikelompokkan lagi secara terstruktur dan ditampilkan kedalam bentuk

tabel-tabel informasi. Berikut ini adlah perancangan database yang penulis gunakan

untuk membangun E-commerce ini:

Tabel 3.1 Kabkot

Field Name Type Data Size Description

Kode_provinsi Int 2 Kode provinsi

Kode_kabupaten_kota Int 4 Kode kabupaten kota

Nama_kabupaten_kota Char 40 Nama kabupaten

Tabel 3.2 Kategori

Kode_kategori Varchar 10 Kode katgeori barang

(primary key)

Nama_kategori Varchar 50 Nama kategori barang

Tabel 3.3 Kecamatan

(39)

Kode_kabupaten_kota Int 4 Kode kabupaten kota

Kode_kecamatan Int 4 Kode kecamatan

Nama_kecamatan Char 40 Nama kecamatan

Tabel 3.4 Pesan

Id_pesan Int 11 Id pesan

Id_user Varchar 10 Id user

Judul Varchar 100 Judul pesan

Pesan Mediumtext Isi pesan

Tabel 3.5 Keranjang

Id_keranjang Int 11 Id keranjang belanja (primary key)

Kode_produk Varchar 12 Kode produk

Ukuran Int 11 Size produk yang diminta

(40)

Tabel 3.6 Provinsi

Field Name Type Size Description

Kode_provinsi Int 2 Kode provinsi (primary key)

Nama_provinsi Char 30 Nama provinsi

Tabel 3.7 Produk

Kode_produk Varchar 12 Kode produk (primary key)

Nama_produk Varchar 500 Nama produk

Kategori Varchar 10 Kategori produk

Diskon Int 3 Diskon

Harga Int 15 Harga produk

Foto Varchar 9000 Foto produk

Deskripsi Longtext Detail produk

Stok Int 10 Stok sisa

Tgl_update Date Update produk terbaru

(41)

Tabel 3.8 Slide

Id_slide Int 10 Id slide

Judul Varchar 20 Judul slide

Konten Varchar 50 Isi konten slide

Foto Varchar 100 Foto tampilan slide

Tabel 3.9 Testimoni

Field name Type Data Size Description

Id_testimoni Int 11 Id testimoni

pesan Varchar 500 Isi testimoni

Tabel 3.10 User

Id_user Varchar 10 Id user (primary key)

Email Varchar 100 Email user

(42)

Nama_depan Varchar 100 Nama depan

Nama_belakang Varchar 100 Nama belakang

Provinsi Varchar 10 Provinsi

Kabkot Varchar 10 Kabupaten atau kota

Kecamatan Varchar 10 Kecamatan

Alamat Varchar 500 Alamat lengkap user

Telepon Varchar 15 No telepon user

Tabel 3.11 Wishlist

Id_wishlist Int 12 Id wishlist (primary key)

Kode_produk Varchar 12 Kode produk

3.4 Flow Chart

Flow chart merupakan kumpulan simbol-simbol yang digunakan untuk

menggambarkan urutan atau langkan logis dalam suatu prosedur atau program.

(43)

masalah pemrograman atau penganalisaan dari yang besar hingga menjadi segmen

yang lebih kecil sehingga pemecahan masalah bisa dianalisis secara efektif ke

point inti.

3.4.1 Flow Chart Halaman Utama

Start

Halaman utama

Beranda

Finish No

Produk-produk terbaru

Produk

1. Flatshoes 2. Flipon 3. Heels 4. Loafer 5. Sandal 6.Wedges

Kontak

Daftar

Informasi profil toko

Informasi data pembeli

Yes

(44)

3.4.2 Flow Chart Pemesanan Start

Input Banyak dan Ukuran

Finish No

Detail Pesanan Yes Pilih kategori

Pilih Produk

Lanjut Pemesanan

Alamat Pengirim

Database

(45)

3.4.3 Flow Chart Admin Start

Halaman Utama

Finish No

Produk-produk terbaru

Produk Tambah dan

Hapus Produk

Transaksi Informasi pemesanan

Yes Yes

No

(46)

BAB 4

IMPLEMENTASI

4.1 Implementasi Sistem

Implementasi sistem adalah langkah-langkah atau prosedur yang dilakukan untuk

merealisasikan perancangan sistem yang sebelumnya telah disetujui.

Implementasi sistem bertujuan untuk menciptakan sistem baru maupun

mengganti sistem yang telah ada.

4.2 Tujuan Implementasi Sistem

Adapun tujuan dari implementasi sistem adalah sebagai berikut:

1. Mengkaji rangkaian sistem baik dari segi software maupun hardware

sebagai sarana pengolahan data dan penyajian data.

2. Menyelesaikan rancangan sistem yanag ada di dalam dokumen sistem

yang baru atau yang telah disetujui.

3. Memastikan bahwa pengunjung dapat mengoperasikan sistem dengan

(47)

4.3Kebutuhan Sistem

Pada dasarnya, dalam pengimplementasian sistem terdapat beberapa komponen

penting agar aplikasi yang dibangun dapat berjalan. Berikut beberapa komponen

yang dibutuhkan.

4.3.1 Perangkat Keras

Perangkat keras merupakan bagian dari komputer yang dapat dilihat secara fisik

dan dapat disentuh. Perangkat keras merupakan seluruh komponen peralatan yang

membentuk suatu sistem komputer serta peralatan lainnya yang memungkinkan

komputer dapat melakukan tugasnya. Dalam menyusun sistem informasi ini,

penulis membutuhkan perangkat keras sebagai berikut :

a. CPU (Central Processing Unit)

Merupakan jantung dari komputer, komputer yang merupakan

pusat pengolahan data serta pusat pengontrolan dari keseluruhan sistem

computer

b. Memori

Merupakan tempat penampungan atau tempat penyimpanan data untuk

sementara.

c. Monitor

Merupakan layar yang menampilkan output program.

d. Keyboard

(48)

e. Modem

Modem (Modulator-demodulator) merupakan alat bantu komputer

untuk proses komunikasi. Alat ini berfungsi mengubah signal analog

menjadi signal digital dan sebaliknya.

4.3.2 Perangkat Lunak

Perangkat lunak adalah sekumpulan instruksi yang memungkinkan perangkat

keras untuk dapat memproses data. Perangkat lunak ini tidak berbentuk fisik,

melainkan berupa program yang diciptakan melalui perangkat elektronik. Dalam

perangkat lunak dikenal dengan apa yang disebut sistem operasi dan program

aplikasi. Penulis mengembangkan bagian perangkat lunak berupa aplikasi..

4.3.3 Brainware

Brainware atau pengguna adalah manusia yang terlibat dalam mengoperasikan

serta mengatur sistem di dalam komputer. Diartikan juga sebagai perangkat

intelektual yang mengoperasikan dan mengeksplorasi kemampuan dari perangkat

keras maupun perangkat lunak.

Brainware termasuk bagian penting dari sebuah sistem komputer. Karena

(49)

Dalam mengolah suatu program, diperlukan tenaga sumber daya manusia yang

akan menjadikan program tersebut dapat berjalan dengan baik dan efisien.

Adapun tenaga sumber daya manusia yang diperlukan adalah sebagai berikut:

a. Sistem analis, yaitu seorang professional yang bergerak di bidang

pengembangan sistem yang akan membentuk dan membangun fasilitas

sistem.

b. Programmer, yaitu seorang yang akan menyusun instruksi pada komputer

agar dapat digunakan oleh pemakai serta merancang antarmuka pemakai

pada program.

c. Operator, yaitu seorang yang akan langsung menangani secara langsung

pengolahan data pada komputer.

d. Data entry operator, yaitu orang yang akan melakukan pengurusan

data yang akan diolah, mulai dari pengumpulan data, perekaman data

kedalam komputer hingga pemeriksaan dan pengiriman informasi yang

dihasilkan oleh computer.

4.4Demonstrasi Tampilan

Demonstrasi program akan menjelaskan secara visual bagaimana tampilan dari

web penjualan sepatu online yang telah dibuat, berikut ini tampilannya:

1. Tampilan Beranda

Berikut adalah tampilan halaman beranda. Tampilan ini berfungsi untuk

(50)

Gambar 4.1 Tampilan Beranda

2. Tampilan Kategori Produk

Tampilan ini berisikan pilihan kategori sepatu diantaranya flatshoes,

flipon, heels, loafer, sandals dan wedges. Tampilan ini berfungsi untuk

mempermudah pembeli mencari produk yang dibutuhkan.

Gambar 4.2 Tampilan Kategori Produk 3. Tampilan Kontak

Tampilan ini berisikan alamat, no telepon dan email toko yang dapat

(51)

Gambar 4.3 Tampilan Kontak

4. Tampilan Daftar

Tampilan ini berisikan data pembeli yang dibutuhkan untuk proses

pengiriman barang. Menu daftar dibutuhkan agar pembeli memiliki akun

sendiri, tanpa memiliki akun pembeli tidak dapat membeli produk. Jika

sudah memiliki akun maka hanya perlu mengisi pilihan log in.

(52)

5. Tampilan Log in

Tampilan ini bisa diakses setelah pembeli melakukan registrasi atau

pendaftaran akun

6. Tampilan Admin

Tampilan ini merupakan tampilan untuk admin, dimana data-data tentang

toko dan produk diedit. Tampilan ini berfungsi untuk menambah dan

menghapus produk, mengkonfirmasi pemesanan, mengganti tampilan slide

(53)

(54)

BAB 5

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Dalam Penulisan Tugas Akhir ini telah diuraikan bagaimana perancangan

sistem dalam penjualan online sepatu dengan web e-commerce. Maka ada

beberapa kesimpulan yang penulis dapatkan, yaitu :

1. Penjualan online sepatu dengan web e-commerce merupakan solusi bagi para

user yang ingin mencari berbagai jenis sepatu namun tidak mau bersusah payah

dalam mencari sepatu yang diinginkan. Karena dengan adanya web

e-commerce ini user dapat mencari dan membeli sepatu yang diinginkan

kapanpun dan dimanapun user berada.

2. Penjualan online sepatu dengan web e-commerce ini merupakan solusi bagi

perusahan sepatu yang ingin mengembangkan usahanya, meningkatkan

jangkauan usaha, dan meningkatkan jumlah pembeli serta keuntungan

perusahaannya dengan cara yang lebih efisien dibandingkan membuat outlet

baru yang cenderung lebih sulit dan mahal.

3. Untuk menarik minat user dalam mengunjungi website, diperlukan adanya

strategi baik dalam harga, kemudahan dalam mengakses produk yang

diinginkan user serta interface dengan desain yang menarik minat user untuk

(55)

d. Kecepatan user dalam mengakses halaman web sangat penting, karena itu

dalam website ini penulis membuat Search Engine Optimization (SEO) yang

bertujuan agar website terdaftar di search engine seperti google dan mudah di

akses oleh user.

5.2 Saran

Saran merupakan suatu ide dan harapan yang dimunculkan oleh penulis sebagai

masukan yang diharapkan akan berguna dimasa yang akan datang. Adapun

saran- saran tersebut adalah sebagai berikut :

1. Agar selalu dipercaya oleh pelanggan, maka diperlukan suatu strategi

yang baik untuk mendatangkan pelanggan. Selain memberikan

produk yang bagus, hendaknya didukung dengan memberikan

berbagai penawaran serta kemudahan dan kenyamanan bagi pelanggan

dalam mengakses dan melakukan transaksi.

2. Untuk permulaan pembuatan sistem penjualan online dengan web

e-commerce mungkin cukup sulit, juga memerlukan biaya yang sedikit

mahal. Namun itu bukan merupakan hal yang perlu ditakutkan. Karna

pada tahap-tahap selanjutnya bisa jadi akan sangat menguntungkan dan

menghemat pengeluaran misalnya dalam hal perluasan dan

pengembangan usaha.

3. Yang berkaitan dengan tulisan ini, penulis berharap dapat terus melakukan

pengembangan baik dari segi kelengkapan data, fitu-fitur tambahan, serta

(56)

BAB 2

LANDASAN TEORI

2.1Pengertian E-commerce

Electronic commerce (e-commerce) merupakan sebuah terobosan baru dalam hal

berbisnis seperti sistem konvensional, yang membedakan adalah e-commerce

menggunakan jasa internet dalam proses jual beli barang maupun jasa.

E-commerce dapat diartikan sebagai satu cara berbelnja atau berdagang secara

online atau direct selling yang memanfaatkan fasilitas internet dimana terdapat

website yang dapat menyediakan layanan “get and deliver”. (Afrina dan Robert,

2008)

Pendapat lainnya dikemukakan oleh Roger Clarke dalam ”Elevtroni

Commerce Deffenitions” yang menyatakan bahwa e-commerce adalah “The

conduct of commerce in goods and services, with the assistance of

telecomunications and telecomunications-based tools” (e-commerce adalah tata

cara perdagangan barang dan jasa yang menggunakan media telekomunikasi dan

(57)

Defenisi e-commerce menurut Kalakota dan Whinston (1977) dapat ditinjau

dalam 4 perspektif berikut:

1. Dari perspektif komunikasi, e-commerce adalah pengiriman barang,

layanan, informasi atau pembayaran melalui jaringan komputer atau

melalui peralatan elektronik lainnya.

2. Dari perspektif proses bisnis, e-commerce adalah aplikasi dari teknologi

yang menuju otomisasi dari transaksi bisnis dan aliran kerja.

3. Dari perspektif layanan, e-commerce adalah suatu alat yang memenuhi

keinginan perusahaan, konsumen dan manajemen untuk memangkas biaya

layanan (service cost) ketika meningkatkan kualitas barang dan

meningkatkan kecepatan layanan pengiriman.

4. Dari perspektif online, e-commerce menyediakan kemampuan untuk

membeli dan menjual barang ataupun informasi melalui internet dan

sarana online lainnya.

2.2 Pengertian Sistem Informasi

Sistem informasi merupakan gabuangan dari dua kata yakni Sistem dan Informasi.

Sistem berarti gabungan dari beberapa sub sistem yang bertujuan untuk mencapi

satu tujuan. Informasi merupakan sesuatu yang mudah dipahami si penerima

(58)

Sistem informasi merupakan sistem yang berisi jaringan SPD (Sistem Pengolahn

Data) yang dilengkapi dengan kanal-kanal komunikasi yang digunakan dengan

sistem organisasi data. Elemen proses dari sistem informasi adlah mengumpulkan

data dan menyebarkan informasi. Dalam sistem informasi, manusia berintraksi

dengan manusia, manusia dengan komputer.dalam sistem informasi, data mengalir

dibawa oleh dokumen atau media komunikasi elektronik, seperti telepon maupun

jaringan komputer.(Jogiyanto, 2000)

2.2.1 Sistem

Sistem merupakan kumpulan komponen yang meiliki unsur keterkaitan dan

terintegritasi antara satu dengan yang lainnya dan saling bekerja sama mencapai

tujuan.

Sistem diartikan juga sebagai suatu jaringan kerja dari prosedur-prosedur

yang saling berhubungan, berkumpul bersama-sama untuk melakukan suatu

kegiatan atau menyelesaikan suatu sasaran tertentu.(Jerry Fith Gerald, 2006)

2.2.2 Informasi

Berikut ini adalah beberapa pengertian informasi:

a. Barry E. Cushing (1999)

Informasi merupakan sesuatu yang menunjukkan hasil pengolahan data

(59)

b. Gordon B Davis (2008)

Informasi sebagai data yang telah diolah menjadi bentuk yang berguna

bagi penerimanya dan nyata, berupa nilai yang dapat dipahami didalam

keputusan sekarang maupun masa depan.

2.3 Komputer

Komputer berasal dari bahasa Latin yakni Computare yang artinya menghitung

dan dalam bahasa Inggris disebut to compute. Pada awalna komputer memang

digunakan untuk menggambarkan orang yang pekerjaannya melakukan

perhitungan aritmatika, dengan atau tanpa alat bantu namun arti kata ini diartikan

kepada mesin itu sendiri.

2.3.1 Komponen-Komponen Komputer

Komputer terdiri dari tiga komponen yang tidak dapat di pisahkan, yaitu:

1. Hardware (perangkat keras), merupakan peralatan fisikdari komputer yang

dapat kita lihat dan rasakan, hardware ini terdiri dari:

a. Input/Output Device(I/O Device), terdiri dari perangkat masukan dan

keluaran, seperti keyboard dan printer.

b. Storage Device (perangkat penyimpanan) Merupakan media untuk

(60)

c. Monitor/Screen Monitor merupakan sarana untuk menampilkan hasil

ketikan pada keyboard setelah diolah prosesor.

d. Casing Unit merupakan tempat melekatnya komponen hardware kmputer

seperti motherboard, CPU dll.

e. Central Procesing Unit (CPU) merupakanpusat pengolahan data pada

komputer. Kualitas baik atau buruknya komputer ditentukan berdasarkan

CPU ini, semakin canggih CPU dan semakin kompleks kemampuannya

maka kualitas komputernya pun semakin bagus dan harganya juga semakin

mahal.

2. Software (Perangkat Lunak)

Merupakan progran komputer yang berfungsi untuk menjalankan suatu proses

atau pekerjaan. Program ditulis dengan menggunakan bahasa mesin yang

berupa kode-kode tertentu.

a. Sistem Operasi, merupakan sebuh software yang berfungsi untuk

mengaktifkan seluruh perangkat yang terpasan pada komputer sehingga

saling terkoneksi. Beberapa contoh sistem operasi ini adalah DOS,

Windows, Unix dan Linux.

b. Program Utility, merupakan prograam yang berfungsi untuk melengkapi

sistem operasi.

c. Program Aplikasi, merupakan program yang khusus untuk melakukan

pekerjaan tertentu. Penerapan proram ini misalnya pada program penerapan

gaji karyawan, maka program ini hanya dapat diguankan pada bagian

keuangan yang mengatur penggajian atau departemen yang bersangkutan

(61)

oleh programer sesuai dengan permintaan kliennya baik perorangan

maupun organisasi.

d. Program Paket, merupakan program yang dikemas yang berperan untuk

saling melengkapi kinerja antara aplikasi didalamnya. Contohnya adalah

Microsoft Office yang didalamnya terdapat berbagai komponen seperti

Microsoft Word untuk pengolahan data dan nota, Microsoft excel untuk

pengolahan data tabel dan matematika.

e. Bahasa Pemrograman, merupakan software khusus yang digunakan untuk

membuat program komputer baik sistem operasi ataupun program paket.

Contohnya adalah PHP, Visual Basic dll

3. Brainware (User)

User merupakan bagian yang terlibat langsung dengan pemakaian komputer

misalnya sistem analis, programmer maupun operator (si pengguna langsung).

2.3.2 Proses Pada Komputer

Cara kerja sebuah komputer adalah sebagai berikut:

1. Input Devices, merupakan perangkat yang berfungsi memasukkan data

kedalam memori komputer. Contoh perangkat ini adalah keyboard, mouse,

joystick dll.

2. Prosesor, merupakan perangkat utama komputer yang mengelola seluruh

aktifitas komputer itu sendiri. Prosesor terbagi atas dua komponen yakni

Control Unit (CU) dan Arithmetic Logic Unit (ALU). CU merupakan

(62)

terpasang pada komputer baik input devices maupun output devices.

Sedangkan ALU merupakan prosesor khusus pengolah aritmatika dan

logika.

3. Memori, merupakan media penyimpanan data pada komputer. Secara

umum memori ada dua jenis yakni Read Only Memory (ROM) dan

Random Access Memory (RAM). ROM merupakan memori yang hanya

dpat dibaca saja, tidak dapat diubah dan dihapus. Isi ROM tidak akan

hilang meskipun pada saat komputer tidak dialiri listrik atau kondisi off.

Berbeda dengan RAM, memori ini dapat diakses random dan berfungsi

menyimpan data untuk sementara waktu (komputer menyala) jika

komputer dimatikan maka data akan hilang. RAM bertujuan untuk

mempercepat proses pada komputer saja, agar data yang diperlukan tidak

hilang dibutuhkan media penyimpanan eksternal seperti hardddisk, disket,

flashdisk dll.

4. Output Devices, merupakan media yang berfungsi untuk menghasilkan

keluaran baik berupa kertas (hardcopy), tampilan ke layar (softcopy) atau

(63)

2.4Internet

Internet berasal dari bahasa Latin yakni “inter” yang berarti “antara” yang

diartikan jaringan antara atau penghubung. Internet berupa jaringan komputer

global, yang terdiri dari jutaan komputer yang saling terhubung dengan

menggunakan protokol yang sama untuk berbagi informasi.

Internet merupakan kumpulan atau penggabungan jaringan secara fisik komputer

lokal LAN menjadi jaringan komputer global yang disebut WAN, yang saling

berhubungan atau berkomunikasi satu sama lain dengan berbgai protokol

TCP/IP.(Supriyanto, 2007)

Berikut ini ada beberapa manfaat internet secara umum:

1. Berkomunikasi melalui e-mail maupun transer file

2. Saling berbagi informasi dengan mengadakan tanya jawab menggunakan media

tertentu

3. Berbagi data penelitian dan pekerjaan diantara rekan kerja atau seprofesi

4. Memasarkan produk barang dan jasa

5. Sarana untuk mengumpulakan umpan balik atau voting terhadap suatu

informasi

Untuk mengakses layanan internet diperlukan beberapa komponen program client

yang spesifik terintal pada komputer yang akan digunakan, antara lain sebagai

berikut:

1. World wide web (www)

Merupakan layanan yang paling populer karena tidak hnaya berfungsi

(64)

oleh perusahaan yang ada diseluruh dunia sebagai media promosi. Setiap

dokumen yang dibuat menggunakan sutau format standar yang disebut

HTML (HyperText Markup Language). (Supriyanto, 2007)

2. Web Server

Web server merupakan suatu jenis program clinet yang dapat mengakses

beberapa layanan internet. Untuk mengakses layanan tertentu pada

jaringan inetrnet, web browser menggunakan konsep URL (Uniform

Resources Locator) untuk menuliskan alamat yang akan diakses. Web

browser saat ini banyak digunakan seperti Internet Explorer, Netscape,

Mozilla Firefox, Opera dan yanga lainnya.

3. HTTP (Hyper Text Transfer Protocol)

HTTP adalah suatu protokol yang menentukan aturan yang perlu diikuti

oleh web browser dalam menyediakan dokumen yang diminta web

browser. Protokol ini merupakan protokol standar yang digunakan untuk

mengakses dokumen HTML.

4. Kamus Data

Kamus data adalah catalog fakta tentang data dan kebutuhan-kebutuhan

(65)

2.5My Structured Query Language (MySQL)

MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL atau

DBMS (Database Management System) yang digunakan sebagai server

multithread dan multi user untuk akses ke sejumlah database. Awalnya hampir

semua hak cipta atas kode sumber MySQL dimiliki dan disponsori oleh sebuah

perusahaan Swedia bernama MySQL AB, dan kini MySQL dimiliki oleh Oracle

Corporation.

Proyek pengembangan MySQL telah membuat kode sumber tersedia di bawah

ketentuan GNU General Public License (GPL) namun mereka juga menjual secara

komersial untuk kasus-kasus dimana penggunaannya tidak cocok dengan

penggunaan GPL. Untuk penggunaan komersial, MySQL terbagi atas beberapa

edisi dan menawarkan fungsi - fungsi tambahan.

MySQL sangat populer dalam aplikasi web seperti MediaWiki (perangkat

lunak yang dipakai Wikipedia dan proyek-proyek sejenis) dan PHP-Nuke dan

berfungsi sebagai komponen basis data dalam LAMP. MySQL adalah perangkat

lunak yang sering di gunakan untuk database dalam aplikasi web, dan merupakan

komponen utama dari LAMP (Linux, Apache, MySQL, Perl / PHP / Python) yang

banyak digunakan aplikasi web berbasis open source. Popularitas sebagai aplikasi

web dikarenakan kedekatannya dengan PHP, sehingga seringkali disebut sebagai

Dynamic Duo.

Aplikasi yang menggunakan database MySQL meliputi: TYPO3, Joomla,

(66)

software stack LAMP. MySQL juga digunakan dalam banyak profil tinggi, skala

besar produk World Wide Web, termasuk Wikipedia, Google (meskipun tidak

untuk pencarian), Facebook, Twitter, Flickr, Nokia.com, dan YouTube.

MySQL sebenarnya merupakan turunan salah satu konsep utama dalam

basisdata yang telah ada sebelumnya yakni SQL (Structured Query Language).

SQL adalah sebuah konsep pengoperasian basisdata, terutama untuk pemilihan

atau seleksi dan pemasukan data, yang memungkinkan pengoperasian data

dikerjakan dengan mudah secara otomatis. Kehandalan suatu sistem basisdata

(DBMS) dapat diketahui dari cara kerja pengoptimasi-nya dalam melakukan

proses perintah-perintah SQL yang dibuat oleh pengguna maupun

program-program aplikasi yang memanfaatkannya.

Sebagai peladen basis data, MySQL mendukung operasi basisdata

transaksional maupun operasi basisdata non-transaksional. Pada model operasi

non-transaksional, MySQL dapat dikatakan unggul dalam hal unjuk kerja

dibandingkan perangkat lunak peladen basisdata kompetitor lainnya. Untuk

kebutuhan sistem yang ditujukan untuk bisnis sangat disarankan untuk

menggunakan modus basisdata transaksional, hanya saja sebagai konsekuensinya

unjuk kerja MySQL pada model transaksional tidak secepat unjuk kerja pada

modus non-transaksional.

MySQL ditulis dalam bahasa C dan C++. Dalam MySQL terdapat

beberapa API (Application Programming Interface) tersedia yang memungkinkan

(67)

untuk dapat mengakses basis data MySQL antara lain: bahasa pemrograman C,

C++, C#, bahasa pemrograman Eiffel, bahasa pemrograman Smalltalk, bahasa

pemrograman Java, bahasa pemrograman Lisp, Perl, PHP, bahasa pemrograman

Python, Ruby, REALbasic dan Tcl. Sebuah interface ODBC memanggil

MyODBC yang memungkinkan setiap bahasa pemrograman yang mendukung

ODBC untuk berkomunikasi dengan basis data MySQL.

MySQL dapat berjalan dengan stabil pada berbagai platform sistem yang berbeda,

termasuk Windows, Linux, Mac OS X, AIX, BSDI, FreeBSD, HP-UX,

eComStation, i5/OS, IRIX, NetBSD, Novell NetWare, OS / 2 Warp, QNX,

Symbian, SunOS, OpenServer SCO, SCO UnixWare, Sanos dan Tru64. Sebuah

port dari MySQL untuk OpenVMS juga ada.

Untuk menggunakan basis data MySQL, dapat diakses dengan

menggunakan command-line (perintah: mysql) atau menggunakan aplikasi

berbasis grafik (GUI) yakni MySQL Administrator dan MySQL Query Browser.

Selain itu terdapat juga sebuah perangkat lunak gratis untuk administrasi basis

data MySQL berbasis web yang sangat populer yaitu phpMyAdmin. Untuk

perangkat lunak untuk administrasi basis data MySQL yang dijual secara

komersial antara lain: MySQL front, Navicat dan EMS SQL Manager for MySQL

MySQL memiliki beberapa kelebihan, antara lain :

1. Portabilitas

MySQL dapat berjalan stabil pada berbagai sistem operasi seperti Windows,

Linux, FreeBSD, Mac Os X Server, Amiga, dan masih banyak lagi.

(68)

MySQL didistribusikan sebagai perangkat lunak sumber

terbuka, dibawah lisensi GPL sehingga dapat digunakan secara gratis.

3. Multi-user

MySQL dapat digunakan oleh beberapa pengguna dalam waktu yang

bersamaan tanpa mengalami masalah atau konflik.

4. Performance tuning

MySQL memiliki kecepatan yang menakjubkan dalam menangani query

sederhana, dengan kata lain dapat memproses lebih banyak SQL per satuan

waktu.

5. Ragam tipe data

MySQL memiliki ragam tipe data yang sangat kaya, seperti signed / unsigned

integer, float, double, char, text, date, timestamp, dan lain-lain.

6. Perintah dan Fungsi

MySQL memiliki operator dan fungsi secara penuh yang mendukung perintah

Select dan Where dalam perintah (query).

7. Keamanan

MySQL memiliki beberapa lapisan keamanan seperti level subnetmask, nama

host, dan izin akses user dengan sistem perizinan yang mendetail serta sandi

terenkripsi.

8. Skalabilitas dan Pembatasan

MySQL mampu menangani basis data dalam skala besar, dengan jumlah

rekaman (records) lebih dari 50 juta dan 60 ribu tabel serta 5 milyar baris.

Selain itu batas indeks yang dapat ditampung mencapai 32 indeks pada tiap

(69)

9. Konektivitas

MySQL dapat melakukan koneksi dengan klien menggunakan protokol

TCP/IP, Unix soket (UNIX), atau Named Pipes (NT).

10. Lokalisasi

MySQL dapat mendeteksi pesan kesalahan pada klien dengan menggunakan

lebih dari dua puluh bahasa. Meski pun demikian, bahasa Indonesia belum

termasuk di dalamnya.

11. Antar Muka

MySQL memiliki antar muka (interface) terhadap berbagai aplikasi dan bahasa

pemrograman dengan menggunakan fungsi API (Application Programming

Interface).

12. Klien dan Peralatan

MySQL dilengkapi dengan berbagai peralatan (tool)yang dapat digunakan

untuk administrasi basis data, dan pada setiap peralatan yang ada disertakan

petunjuk online.

13. Struktur tabel

MySQL memiliki struktur tabel yang lebih fleksibel dalam menangani ALTER

TABLE, dibandingkan basis data lainnya semacam PostgreSQL ataupun

(70)

2.6PHP

PHP atau Hypertext Processor merupakan salah satu bahasa pemrograman di sisi

server untuk membuat web dinamis. Bahasa pemrograman PHP diciptakan oleh

Rasmus Lerdorf, pada tahun 1995 Lerdorf membuat sebuah alat untuk yang

kemudian disebut “Personal Home Page” .

PHP sendiri merupakan bahasa pemrograman yang bebas dipergunakan (open

source), dan sudah banyak digunakan oleh pengembang website. PHP juga berdiri

sebagai platfrom yang mampu dijalankan di berbagai sistem operasi, baik di

Windows, UNIX, Linux maupun Mac, dan juga mendukung penggunaan beberapa

database, salah satunya adalah MySQL.

PHP juga merupakan salah satu bahasa pemrograman website yang

mempunyai keunggulan selain bahasa pemrograman yang lain misalnya Perl,

Microsoft Active Server Page (ASP), Java Server Page (JSP) atau Allaire Cold

Fusion. Berbagai keunggulan dari PHP diantaranya adalah :

1. Performansi yang tinggi

PHP mempunyai permoansi yang sangat efisien, dibuktikan dengan

banyaknya web site yang dibangun dengan menggunakan PHP.

2. Dapat digunakan di berbagai DBMS (Database Management System).

PHP mendukung penggunaan database sebagai pendukung aplikasi.

Berbagai DBMS yang bisa terintegrasi dengan PHP diantaranya MySQL,

PostgreSQL, mSQL, Oracle, dbm, filpro, Hyperware, Informix, Interbase