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 2 3 4 5 6 7

Diketahui,

KetuaProgram Studi D3 Teknik Disetujui,

InformatikaFakultas MIPA USU Pembimbing Utama

Dr. Elly Rosmaini, M.Si.

NIP. 196005201985032002 NIP. 195603031984031004 Drs. Ujian Sinulingga, 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

NIP. 1965603031984031004 Drs. Ujian Sinulingga M.Si

(3)

Listing Program 1. Index.php <?php session_start(); require "library/fungsi.php"; if(empty($_SESSION["email"])) { } else { } ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8">

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

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

<title>GirlsCorner</title>

(4)

<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> <i class="fa fa-align-justify"></i>

</button>

</div> </div>

(5)

navigasi(); ?>

</div> </div>

</div> </header> <?php

login_modal(); ?>

<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> </div> '; } ?> </div> </div> </div> </section> <div id="content"> <div class="container">

<section class="bar background-pentagon no-mb"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="heading text-center"> <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>

<h5>'.$orang['nama_depan'].' '.$orang['nama_belakang'].'</h5>

</div> </div>

</div> </li>

} ?> </ul> </div> </div>

</div> </section>

<?php

get_footer(); ?>

</div>

(8)

</body> </html>

2. Library/koneksi.php <?php

$koneksi = new

mysqli('localhost','root','','cici'); ?> 3. Daftar.php <?php session_start(); require "library/fungsi.php"; if(empty($_SESSION["email"])) { } else { } ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8">

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

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

<title>GirlsCorner</title>

(9)

$("#provinsi").val(); $.ajax({ url: "full-act.php", data: "provinsi="+provinsi, cache: false, success: function(msg){ $("#kabkot").html(msg); } }); }); $("#kabkot").change(function(){ var provinsi1 =

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

var kabkot = $("#kabkot").val(); $.ajax({ url: "full-act.php", data: "provinsi1="+provinsi1+"&&kabkot="+kabkot, cache: false, success: function(msg){ $("#kecamatan").html(msg); } }); }); }); </script> </head> <body> <div id="all"> <header> <?php get_top(); ?> <div class="navbar-affixed-top" data-spy="affix" data-offset-top="200">

(10)

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

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

</button> </div> </div> <?php navigasi(); ?> </div> </div> </div> </header> <?php login_modal(); ?> <div id="heading-breadcrumbs"> <div class="container"> <div class="row"> <div class="col-md-12"> <h1>Daftar / Login</h1> </div> </div> </div> </div> <div id="content"> <div class="container"> <div class="row"> <div class="col-md-6"> <div class="box"> <h2 class="text-uppercase">Akun Baru</h2> <p class="lead">Belum Memiliki Akun?</p>

(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> </div>

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

</div> </div>

</div>

(12)

</div> </div>

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

</div> </div>

</div>

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

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

placeholder="Password" > </div>

</div>

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

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

placeholder="Verifikasi Password" >

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

</div>

(14)

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

</select> </div>

</div> </div>

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

</div> </div> </div>

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

</div>

</form> </div>

</div>

<h2 class="text-uppercase">Login</h2>

(15)

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

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

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

</form> </div>

</div> </div>

</body>

</html>

4. Akun-costumer.php <?php

(16)

session_start(); require "library/fungsi.php"; if(empty($_SESSION["email"])) { echo ' <script> document.location.href="keluar.php"; </script> '; } else { } ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8">

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

content="width=device-width, initial-scale=1"> <title>GirlsCorner</title>

href="assets/public/img/favicon.ico" type="image/x-icon" /> <link rel="apple-touch-icon" href="assets/public/img/apple-touch-icon.png" /> <script src="assets/admin/js/jquery.change.js"></script> <script type="text/javascript"> var htmlobjek; $(document).ready(function(){

(17)

$("#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 =

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

var kabkot = $("#kabkot").val(); $.ajax({ url: "full-act.php", data: "provinsi1="+provinsi1+"&&kabkot="+kabkot, cache: false, success: function(msg){ $("#kecamatan").html(msg); } }); }); }); </script> </head> <body> <?php navigasi(); ?> </div> </div> </div> </header> <div id="heading-breadcrumbs"> <div class="container"> <div class="row"> <div class="col-md-12"> <h1> <?php sapa_user(); ?>

(18)

</h1> </div> </div>

</div> </div>

class="lead">Ubah Data Pribada Atau Password Anda Di Sini</p> <div class="box"> <div class="heading"> <h3 class="text-uppercase">Ubah Password</h3> </div> <form method="post" action="full-act.php"> <div class="row"> <div class="col-sm-6"> <div class="form-group"> <label for="password_lama">Password Lama</label>

</div> </div> </div> <div class="row"> <div class="col-sm-6"> <div class="form-group"> <label for="password_baru">Password Baru</label>

(19)

</div> </div> <div class="col-sm-6"> <div class="form-group"> <label for="ver_password_baru">Konfirmasi Password Baru</label>

</div> </div> </div>

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

</div> </form> </div> <div class="box clearfix"> <div class="heading"> <h3 class="text-uppercase">Data Personal</h3> </div> <?php $data = data_user(); ?> <form method="post" action="full-act.php"> <div class="row"> <div class="col-sm-6"> <div class="form-group">

(20)

<label for="nama_depan">Nama Depan</label> <input type="text" class="form-control" name="nama_depan" id="name-login" placeholder="Nama Depan" value="<?php echo $data[0]; ?>" />

</div> </div>

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

</div>

</div> </div>

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

</div> </div>

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

(21)

</div> </div>

</form> </div>

</div>

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

(22)

<a href="keluar.php"><i class="fa fa-sign-out"></i> Logout</a> </li> </body> </html> 5. Produk.php <?php session_start(); require "library/fungsi.php"; if(empty($_SESSION["email"])) { } else { } if(isset($_GET['produk'])) {

$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); } else { echo ' <script> document.location.href = "index.php"; </script> '; } ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8">

(23)

content="width=device-width, initial-scale=1"> <title>GirlsCorner</title>

href="assets/public/img/favicon.ico" type="image/x-icon" /> </head> <body> <div id="all"> <header> <?php get_top(); ?> <div class="navbar-affixed-top" data-spy="affix" data-offset-top="200">

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

<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="ribbon sale"> <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 '

<div class="image"> <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)

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

</div>

</div> </div>

} ?> </div> </div>

<h3 class="panel-title">Kategori</h3>

</div>

<?php

$conn_side_kategori = all_kategori();

while($side_kategori =

mysqli_fetch_array($conn_side_kategori))

{

$banyak =

get_count_produk($side_kategori['kode_kategori']);

echo '

<li>

(29)

egori'].'">'.$side_kategori['nama_kategori'].' <span class="badge pull-right">'.$banyak.'</span></a> </li> '; } ?> </ul> </div> </div> </div> </div> </div> </div> <?php get_footer(); ?> </div> </body> </html> 6. Transaksi.php <?php session_start(); require "library/fungsi.php"; if(empty($_SESSION["email"])) { echo ' <script> document.location.href="keluar.php"; </script> '; } else { } ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8">

(30)

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

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

<title>GirlsCorner</title>

href="assets/public/img/favicon.ico" type="image/x-icon" /> <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 =

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

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

(31)

data: "provinsi1="+provinsi1+"&&kabkot="+kabkot, cache: false, success: function(msg){ $("#kecamatan").html(msg); } }); }); }); </script> </head> <body> <div id="all"> <header> <?php get_top(); ?> </div> </div> <?php navigasi(); ?> </div> </div> </div> </header> <div id="heading-breadcrumbs"> <div class="container"> <div class="row"> <div class="col-md-12"> <h1> <?php sapa_user(); ?> </h1> </div> </div> <div class="col-md-3"> <div class="panel panel-default sidebar-menu">

(32)

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

</div> <div class="panel-body">

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

</li>

</ul> </div>

</div> </div>

</div>

(33)

<?php get_footer(); ?> </body> </html> 7. Keluar.php <?php session_start(); require "library/fungsi.php"; session_destroy(); echo ' <script type="text/javascript"> document.location="daftar.php"; </script> '; ?> 8. Panelc.php <?php session_start(); require "library/fungsi-admin.php"; ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="Creative - Bootstrap 3 Responsive Admin Template">

<title>Admin Login | GirlsCorner</title> <link href="assets/admin/css/elegant-icons-style.css" rel="stylesheet" />

(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']; } navigasi_login(); } } navigasi_login(); ?> <body class="login-img3-body"> <div class="container">

(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. Sidik, B. 2002. HTML dan XML. Bandung : Informatika.

(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 sebagai berikut:

(37)

Gambar 3.1 Diagram Konteks Penjualan Sepatu

3.3Perancangan Data Base

Database adalah kumpulan dari data yang berhubungan antara satu dengan yang lainnya, tersimpan diperangkat keras komputer dan menggunakan

(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

Field Name Type Data Size Description

Kode_kategori Varchar 10 Kode katgeori barang

(primary key)

Nama_kategori Varchar 50 Nama kategori barang

Tabel 3.3 Kecamatan

Field Name Type Data Size Description

(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

Field Name Type Data Size Description

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

Field Name Type Data Size Description

Id_keranjang Int 11 Id keranjang belanja (primary key)

Id_user Varchar 10 Id user

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

Field Name Type Data Size Description

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

Field Name Type Data Size Description

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

Id_user Varchar 10 Id user

pesan Varchar 500 Isi testimoni

Tabel 3.10 User

Field Name Type Data Size Description

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

Field Name Type Data Size Description

Id_wishlist Int 12 Id wishlist (primary key)

Id_user Varchar 10 Id user

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. Flowchart dibutuhkan dalam pemecahan masalah karena efektif untuk memecah

(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

(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 mudah.

(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 sebuah sistem tidak akan berjalan apabila tidak ada peran brainware.

(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 melihat menu utama seperti produk, daftar, log in dan kontak.

(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 dihubungi oleh pembeli bila memiliki kendala dalam proses jual beli

(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 awal dan data-data penting lainnya

(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 kembali berkunjung.

(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 sistem keamanan yang semakin baik.

(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 informasi sebagai alat bantunya).

(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 sebagai suatu bentuk pengolahan data.

(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 yang terorganisasi dan berguna bagi orang yang menerimanya.

(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 menyimpan data seperti disket, harddisk, CD-I, flash disk dll.

(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 dengan gaji di peusahaan tersebut. Aplikasi ini biasanya dirancang khusus

(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 komponen utama prosesor yang mengontrol semua perangkat yang

(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 berupa suara (audio). Contohnya printer, speaker, monitor, plotter dll

(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 sebagai media untuk mecari informasi tetapi digunakan secara komersial

(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 informasi dari suatu sistem informasi. (Jogiyanto, 2000)

(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, Wordpress, phpBB, MyBB, Drupal dan perangkat lunak lain dibangun di atas

(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 aplikasi-aplikasi komputer yang ditulis dalam berbagai bahasa pemrograman

(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 tabelnya.

(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 Oracle.

(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 and Sybase databases dan lain-lain. Dan dapat juga dengan menggunakan

(71)

Open Database connectivity Standard (ODBC) sehingga bisa digunakan untuk produk dari Microsoft dan yang mendukung koneksi ODBC.

3. Dibangun dengan kepustakaan yang memadai untuk berbagai penggunaan web.

Banyaknya doveloper yang menggunakan PHP sebagai bahasa pemrograman yang digunakan, maka PHP sendiri mendukung kepustakaan yang lengkap misalnya penggunaan pengaturan gambar dengan ekstensi GIF, JPG yang diperkecil atau diperbesar dari bentuk aslinya, pembuatan dokumen PDF, ekspor dan impor dokument EXCEL dan lain-lain.

4. Harga yang murah karena sifatnya open source.

Karena sifatnya open source (gratis) maka pengguna bisa bebas memakai maupun mendownload pengembangan produk PHP berbagai versi, misalnya di

5. Mudah dipelajari dan digunakan

Kode program dari PHP juga merupakan atau didasarkan pada bahasa pemrograman yang lain misalnya bahasa C, Perl atau Java, sehingga denggan mempunyai atau mengetahui bahasa pemrograman tersebut secara otomatis akan mudah menggunakan bahasa pemrograman PHP.

6. Mudah diaplikasikan di beberapa sistem operasi.

PHP merupakan bahasa pemrograman yang dapat digunakan di berbagai sistem operasi, misalnya Windows, Unix, Linux, FreeBSD. Sehingga tidak perlu merubah kode program jika digunakan lintas sistem operasi.

7. Kebebasan pemakaian kode program. Pengembangan aplikasi dengan menggunakan PHP bisa juga digunakan untuk hasil aplikasi yang gratis

(72)

maupun digunakan untuk hasil aplikasi yang berbayar (diperjual belikan) meskipun bahasa pemrograman PHP sendiri adalah open source (gratis).

Penggunaan kode program PHP dalam yang akan diterapkan di bahasa pemrograman konsep penulisannya diawali dengan tag <?php dan diakhiri dengan tag ?>. Atau bisa juga diawali dengan tag <? Dan diahiri dengan tag ?>. Dan pada setiap akhiran dari penulisan kode program di PHP diakhiri dengan semicolon ( ; ) / titik koma.

Ada beberapa konsep penulisan dari tag php diantaranya : 1. Kode singkat. (Short Style)

Contoh : <? echo”Latihan PHP”; ?>

Kode ini merupakan kode standar yang digunakan oleh para pengembang yang menggunakan php atau biasa disebut dengan SGML (Standard Generalized Markup Language). Penggunaan kode ini biasanya juga disebut dengan tag pendek (Short Tag)

2. Kode dengan XML (XML Style)

Contoh : <?php echo”Latihan PHP”; ?>

Penggunaan tag ini dapat digunakan dengan dokumen XML (Extensible Markup language). Dan tag ini juga sering digunakan untuk menghindari kode erro jika server tidak mendukung shot tag.

3. Bentuk SCRIPT (SCRIPT Style) Contoh :

(73)

Penggunaan tag kode program ini digunakan jika pengembangan menerapkan di dalam JavvaScript atau VBScript, dan bentuk bisa diterapkan di HTML jika tag yang lain tidak mendukung.

4. Bentuk ASP (ASP Style)

Contoh : <% echo “Latihan php”; %>

Tag ini berbeda dengan tag-tag yang lain, tag ini digunakan untuk penerapan di bahasa pemrograman ASP (Active Server Page). Dan ini dapat digunakan dengan mengaktifkan pengaturan asp_tags.

2.7Data Flow Diagram

Data Flow Diagram adalah alat perancangan sistem yang berorientasi pada alur data dengan konsep dekomposisi yang dapat digunakan untuk penggambaran analisa maupun perancangan sistem yang mudah dikomunikasikan ke pengguna ataupun ke pembuat program. Didalam DFD terdapat tiga level, yaitu:

1. Diagram Konteks (DFD Level 0)

Diagram konteks menggambarkan satu lingkaran besar yang dapat mewakili seluruh proses yang terdapat dalam suatu sistem. Diagram konteks merupakan tingkatan tertinggi dalam Data Flow Diagram dan biasanya diberi penomoran nol. Semua entitas eksternal ditunjukkan dalam diagram konteks beserta dengan aliran-aliran data utama, baik dari dan menuju sistem.

(74)

2. Diagram Nol (DFD Level 1)

Diagram nol merupakan satu lingkaran besar yang mewakili lingkaran-lingkaran kecil yang ada pada diagram konteks. Dengan kata lain diagram nol merupakan pemecahan dari diagram konteks.

3. Diagram Rinci

Lebih rinci lagi, diagram rinci adalah diagram yang menguraikan proses-proses yang terdapat di dalam diagram nol.

Berikut merupakan simbol-simbol standar menurut Yourdan dan DeMarco yang digunakan untuk membuat sebuah Data Flow Diagram.

Tabel 2.1 Data Flow Diagram

No Nama Simbol Fungsi

1 Kesatuan Luar

Sebagai kesatuan (entitas) di lingkungan luar sistem yang dapat

berupa orang, organisasi, sumber asli transaksi, atau penerima

akhir.

2 Arus Data

Berfungsi untuk menghubungkan antara

proses, simpanan data, dan kesatuan luar.

3 Proses

Berupa kegiatan atau proses yang sedang

(75)

4 Simpanan Data Menunjukkan informasi yang tersimpan.

2.8Flow Chart

Flowchart (diagram alir) adalah sebuah diagram yang merepresentasikan sebuah algoritma atau proses menggunakan beberapa bangun geometri untuk memperlihatkan langkah-langkah yang dilakukan oleh program dalam menyelesaiklan masalah (Opim Salim Sitompul, 2014). Dengan kata lain flowchart merupakan gambaran proses mulai dari awal hingga akhir.

Tabel 2.2 Simbol dan Fungsi Flowchart

No Nama Simbol Fungsi

1 Terminator

Digunakan untuk mewakili simbol start atau

end.

2 Arrow Menunjukkan alur proses.

3 Rectangle Menunjukkan langkah

pemrosesan.

Nama datastore

(76)

4 Trapezium Simbol untuk input-output.

5 Document Digunakan untuk

mewakili output.

6 Decision

Simbol yang berfungsi untuk menyatakan

keputusan.

7 Preparation

Simbol yang berfungsi untuk proses inisialisasi

atau pemberian harga awal.

Nama Simbol Fungsi

8 Connector

Simbol untuk keluar-masuk atau penyambungan proses

pada halaman yang berbeda.

9 Manual Input Simbol untuk pemasukkan

data secara manual melalui keyboard.

10 Manual Operation

Simbol yang menunjukkan pengolahan yang tidak dilakukan oleh

(77)

komputer.

11 Predefine Process

Simbol untuk pelaksanaan suatu bagian

(sub-prosedur)

12 Display Simbol yang menyatakan

peralatan output yang digunakan seperti layar,

printer, plotter, dan sebagainya.

13 Magnetic Disk Simbol yang digunakan

untuk penyimpanan data ke database.

14 Storage Data Simbol yang menyatakan

input yang berasal dari disk atau disimpan ke

(78)

BAB 1

PENDAHULUAN

1.1 Latar Belakang

Dengan perkembangan teknologi informasi yang ada saat ini kita dapat melakukan pengolahan data dengan mudah dan dapat menghasilkan suatu informasi yang kita butuhkan dengan akurat dan mengefektifkan waktu serta biaya yang kita keluarkan lebih sedikit. Keunggulan inilah yang menjadikan teknologi informasi saat ini banyak berperan serta dalam segala bidang dan aspek kehidupan yang ada dan berkembang sesuai dengan kebutuhan masyarakat.

Salah satu bentuk pengolahan informasi berbasis komputerisasi adalah dengan menggunakan aplikasi web. Aplikasi web berkembang seiring dengan pesatnya perkembangan teknologi internet karena dengan menggunakan teknologi internet dapat membantu dalam mempermudah serta mempercepat pengiriman, penyampaian dan penerimaan informasi. Dengan meluasnya perdagangan global, tidak cukup bagi perusahaan hanya dengan mengandalkan ilkan dan promosi melalui media televisi, radio ataupun papan iklan. Dengan perkembagan aplikasi web yang semakin pesat akan menawarkan kecepatan pengiriman, penyampaian dan penerimaan informasi. Bahkan sekolah-sekolah, perguruan tinggi dan perusahaan telah banyak menggunakan web sebagai sarana untuk pengembangannya.

Salah satu manfaat yang kita dapatkan dari menggunakan aplikasi web adalah penjualan berbagai produk melalui internet yang dikenal dengan istilah e-commerce atau sering juga disebut e-bussiness. Belakangan ini maraknya wirausaha yang memilih untuk menjual produknya secara online merupakan salah satu pilihan yang tepat untuk mensiasati penggunaan modal yang relatif sedikit.

Online shop menyediakan banyak kemudahan dan kelebihan jika dibandingakan dengan cara belanja yang konvensional. Selain lebih cepat, di internet juga banyak tersedia berbagai jenis produk sesuai dengan kebutuhan serta dilengkapi dengan informasi mengenai keterangan produk yang mempermudah calon pembeli dalam memilih produk.

E-commerce dapat diartikan sebagai suatu cara berbelanja atau berdagang

secara online atau direct selling yang memnafaatkan fasilitas internet, dimana terdapat website yang meyediakan layanan “get and deliver”.

(79)

Bagi pihak konsumen, berbelanja secara online membantu dalam mengefisienkan waktu. Konsumen tidak perlu mengunjungi toko dan berpindah ke toko yang lain untuk mencari produk yang dibutuhkan atau hanya sekedar membandingkan harga. Pada umumnya harga produk melalui online shop lebih murah dibandingkan dengan harga di toko, karena jalur distribusi dari produsen barang ke pihak penjual lebih singkat dindingkan dengan toko konvensional.

Dari uraian diatas, penulis tertarik untuk mengajukan laporan tugas akhir dengan judul

“SISTEM PENJUALAN SEPATU ONLINE BERBASIS WEB”. Sistem ini akan membahas

tentang jual beli berbagai macam model dan merk sepatu secara online pada toko Girlscorner. Toko ini terletak di Jln. Sipiso-piso No.64 Saribudolok Kec. Silimakuta Kab.Simalungun, sebelumnya penulis sudah memulai mejual sepatu sebagai reseller dari toko ini, namun selama setahun ini hanya memanfaatkan sosial media yakni Instagram sebagai media penjualannya dan selebihnya hanya dipajang di toko dengan jangkauan pembeli hanya penduduk lokal, diharapkan dengan membuatkan website untuk toko ini maka penjualan lebih optimal serta dapat diakses oleh pembeli dari luar kota untuk meningkatkan jumlah pembeli.

Hanya mengandalkan gedung kecil yang dimanfaatkan sebagai outlet toko kurang maksimal dalam penjualan produk terlebih lagi biaya yang dikenakan untuk sewa gedung akan menambah modal usaha. Diharapkan dengan adanya website ini akan mempengaruhi jangkauan area penjualan dan meningkatkan jumlah pembeli.

1.2 Rumusan Masalah

Berdasarkan latar belakang tersebut maka, rumusan masalah yang ada dalam pembuatan aplikasi ini adalah :

1. Bagaimana merancang pembuatan online shop dengan menjual berbagai macam

sepatu.

2. Bagaimana meminimalisasi modal usaha dan memaksimalkan penjualan sepatu

dengan jangkauan yang lebih luas.

(80)

1.3 Batasan Masalah

Agar pembahasan maslah perancangan e-commerce ini menjadi terarah serta

permasalahan yang dihadapi tidak terlalu luas maka masalah yang akan dibahas adalah: 1. Data produk yang tersedia.

2. Aplikasi ini dibuat dengan menggunakan XAMPP yang mencakup Web Server Apache,

web scripting PHP, MySQL, HTML, CSS (Cscading Style Sheets).

3. Memberikan spesifikasi tentang material bahan pembuatan dan spesifikasi detail produk untuk mempermudah konsumen memilih produk yang sesuai dengan kebutuhan.

1.4 Tujuan

Tujuan dari pembuatan aplikasi ini adalah :

1. Merancang toko online yang menjual berbagai macam sepatu.

2. Memungkinkan konsumen untuk berbelanja dari mana pun dan kapanpun.

3. Menyediakan informasi mengenai model terbaru dan menjelaskan detail produk agar konsumen dapt memilih sesuai kebutuhan.

1.5 Manfaat

Pembuatan aplikasi ini untuk memberikan manfaat nyata dalam hal berikut ini :

1. Memberikan kemudahan dalam berbelanja dalam hal efisiensi waktu dalam hal ini, konsumen tidak perlu mengunjungi pertokoan secara langsung.

(1)

PEMBUATAN WEBSITE E-COMMERCE TOKO SEPATU ONLINE

ABSTRAK

Metode yang di gunakan penulis adalah dengan melakukan studi literature

mengenai sistem kerja website e-commerce_{, kemudian dilakukan perancangan}

desain dan sistem kerja website dan diimplementasikan dengan dibuatnya

website e-coomerce ini._{Kesimpulan yang didapatkan bahwa}website e-commerce

ini berhasil dibuat dengan menggunakan bahasa pemograman PHP yang dikombinasikan dengan database _{MySql. Kelebihan pemesanan produk pada}

website ini adalah menghemat waktu dan biaya dibandingkan dengan pemesanan secara langsung datang ke toko, dan pembeli dapat melihat katalog produk yang dapat langsung dilihat di halaman website _ini.

(2)

BUILD AN E-COMMERCE WEBSITE OF ONLINE SHOP SHOES

ABSTRACT

The method that the writer used is a literature study for the work system of e-commerce website, then making a plan design and realized by build this e- commerce website. The conclusion is that this e-commerce website have success to build by applying PHP programming languange and combine with MySQL database. Excess of product ordering at this website is economizing time and expense compared to ordering directly come to boutique and buyer can see the product catalogue which can be seen in direct in this website.

(3)

DAFTAR ISI

... Halaman

Persetujuan ... i

Pernyataan ... ii

Penghargaan ... iii

Abstrak ... iv

Abstract ... v

Daftar Isi ... vi

Daftar Tabel ... viii

Daftar Gambar ... ix

Bab 1. Pendahuluan ... 1.1 Latar Belakang ... 1

1.2 Rumusan Masalah ... 4

1.3 Batasan Masalah ... 4

1.4 Tujuan Penelitian ... 5

1.5 Manfaat Penelitian ... 5

1.6 Metodologi Penelitian ... 6

1.7 Sistematika Penulisan ... 7

Bab 2. Landasan Teori ... 2.1 Pengertian E-Commerce ... 8

2.2 Pengertian Sistem Informasi ... 9

2.2.1 Sistem ... 10

2.2.2 Informasi ... 10

2.3 Komputer ... 11

2.3.1 Komponen-komponen Komputer ... 13

2.3.2 Proses Pada Komputer ... 13

2.4 Internet 16 2.5 My Struktured Query Language(MySQL) ... 17

2.6 PHP 2.7 Data Flow Diagram ... 25

2.8 Flow Chart ... 27

Bab 3.Perancangan Sistem ... 3.1 Perancangan Sistem ... 29

3.2 Data Flowchart Diagram ... 29

3.3 Rancangan Database ... 30

3.4 Flowchart ... 35

Bab 4. Implementasi Sistem ... 4.1 Implementasi Sistem ... 39

(4)

4.2 Tujuan Implementasi Sistem ... 39

4.3Kebutuhan Sistem ... 40

4.1.1 Perangkat Keras (Hardware) ... 40

4.1.2 Perangkat Lunak (Software) ... 41

4.1.3 Pengguna (Brainware) ... 41

4.4 Demonstrasi Tampilan ... 42

Bab 5. Kesimpulan dan Saran ... 5.1 Kesimpulan ... 47

5.2 Saran ... 48

Daftar Pustaka Lampiran

(5)

DAFTAR TABEL

Nomor Judul ... Halaman

Tabel

2.1 Simbol Data Flow Diagram ... 28

2.2 Simbol Flow Chart ... 29

3.1 Kabkot ... 33

3.2 Kategori ... 33

3.3 Kecamatan ... 33

3.4 Pesan 34

3.5 Keranjang 34

3.6 Provinsi 34 3.7 Produk 35 3.8 Slide 35

3.9 Testimoni 36 3.10 User 36

3.11 Wishlist 37

(6)

DAFTAR GAMBAR

Nomor Judul ... Halaman Gambar

3.1 Diagram Konteks ... 30

3.2 Flowchart Halaman Utama ... 36

3.3 Flowchart Pemesanan... 37

3.4 Flowchart Admin ... 38

4.1 Tampilan Beranda ... 43

4.2 Kategori Produk ... 43

4.3 Tampilan Kontak ... 44

4.4 Daftar ... 45

4.5 Login Pelanggan ... 45

Sistem Penjualan Sepatu Online Berbasis Web

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA

Parts

Dokumen yang terkait

Sistem Informasi Penjualan Sepatu Wanita pada Vincci Sepatu Berbasis Web

Sistem Penjualan Sepatu Online Berbasis Web

Sistem Penjualan Sepatu Online Berbasis Web

Sistem Penjualan Sepatu Online Berbasis Web

Sistem Penjualan Sepatu Online Berbasis Web

Sistem Penjualan Sepatu Online Berbasis Web Chapter III V

Sistem Penjualan Sepatu Online Berbasis Web

Sistem Penjualan Sepatu Online Berbasis Web

Sistem Informasi Penjualan Sepatu Olahraga Secara Online Berbasis Web Menggunakan PHP dan MySQL

Sistem Informasi Penjualan Sepatu Wanita pada Vincci Sepatu Berbasis Web

Dukungan

Links

Sistem Penjualan Sepatu Online Berbasis Web

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA

Parts

Dokumen yang terkait

Sistem Informasi Penjualan Sepatu Wanita pada Vincci Sepatu Berbasis Web

Sistem Penjualan Sepatu Online Berbasis Web

Sistem Penjualan Sepatu Online Berbasis Web

Sistem Penjualan Sepatu Online Berbasis Web

Sistem Penjualan Sepatu Online Berbasis Web

Sistem Penjualan Sepatu Online Berbasis Web Chapter III V

Sistem Penjualan Sepatu Online Berbasis Web

Sistem Penjualan Sepatu Online Berbasis Web

Sistem Informasi Penjualan Sepatu Olahraga Secara Online Berbasis Web Menggunakan PHP dan MySQL

Sistem Informasi Penjualan Sepatu Wanita pada Vincci Sepatu Berbasis Web

Dokumen yang Anda mencari sudah siap untuk unduhkan