pembuatan website menjual perlengkapan...

PEMBUATAN WEBSITE MENJUAL PERLENGKAPAN

FUTSAL

Nama : Yudhi Prasongko

NPM : 58410729

Jurusan : Teknik Informatika

Pembimbing : Sularno, SKom, MM

LATAR BELAKANG

1. Informasi mengenai produk perlengkapan futsal yang sangat banyak

sehingga perusahaan membutuhkan media penyimpanan dikomputer

berupa database produk.

2. Pelanggan yang ingin membeli produk ada juga yang terbentur masalah

jarak dan tidak bisa langsung datang ke perusahaan.

BATASAN MASALAH

1. Website ini hanya menjelaskan tentang spesifikasi barang yang dijual yaitu

perlengkapan futsal yang terdiri dari jersey bola, celana, kaos kaki dan sepatu

futsal.

TUJUAN PENULISAN

untuk menerapkan ilmu pemrograman website dan membuat website

perusahaan yang menjual perlengkapan futsal.

STRUKTUR TAMPILAN

Struktur Tampilan Home

Pembuatan Background

Langkah pertama dalam membuat website ini adalah membuat background,

Dan untuk membuat background menggunakan script berikut ini :

#backgroundweb{

width:1340px;

height:auto;

float:left;

}

body{

background-image:url(adidas_Predator_LZ_10.jpg);

}

<div id="backgroundweb"></div>

Pembuatan Text Yudhi Sport

Tahap selanjutnya adalah membuat text Yudhi Sport. Berikut ini adalah cara

membuat text Yudhi Sport :

#banner{

font-family:"Armalite Rifle";

font-size:100px;

text-align: center;

}

<div id="banner">Yudhi Sport</div>

Pembuatan Menu

Setelah selesai membuat background dan text Yudhi Sport, selanjutnya

membuat menu pada website. Dan cara untuk membuat menu untuk website

dengan menggunakan script berikut ini :

#menu{

width:900px;

height:auto;

margin:auto;

margin-top:3px;

background-color:#999;

font-size:30px;

}

<div id='menu'>

<div id='cssmenu'>

<ul>

<li class='active'><a href='index.php'><span>Home</span></a></li>

<li class='has-sub'><a href='#'><span>Products</span></a>

<ul>

<li><a href='index.php?hlm=jersey'><span>Jersey Bola</span></a></li>

<li><a href='index.php?hlm=celana'><span>Celana</span></a></li>

<li><a href='index.php?hlm=sepatufutsal'><span>Sepatu

futsal</span></a></li>

<li><a href='index.php?hlm=kaoskaki'><span>Kaos kaki</span></a></li>

</ul>

</li>

<li><a href='index.php?hlm=kontak'><span>Contact</span></a></li>

<li class='last'>

<a href='index.php?hlm=registrasi'><span>Registrasi</span></a></li>

</div>

</div>

Pembuatan Text Box dan Button Untuk Login

Setelah selesai membuat menu langkah selanjutnya dalam pembuatan website

ini adalah membuat text box dan button untuk login. Dan untuk membuatnya bisa

menggunakan script berikut :

<div id="contentweb2">

<?php

if(isset($_SESSION['login']) or isset($_SESSION['admin']))

{

include"logout.php";

}

else

{

include"login.php";

}

?>

</div>

Pembuatan Text Untuk Pembayaran dan Text Untuk Pengiriman

Langkah selanjutnya adalah pembuatan text untuk pembayaran dan text

untuk pengiriman beserta gambar dari perusahaan yang digunakan untuk

melakukan pembayaran dan pengiriman barang. Dan untuk membuatnya bisa

menggunakan script berikut :

#contentweb2{

width:150px;

height:170px;

margin-left:220px;

background-color:#999;

}

<div id="contentweb2">

Pembayaran : <br />

<img src="gambar/th_bcaSmall.jpg" width="120" height="80" /><br />

No. rekening : <br />

1234567890

a/n Yudhi Prasongko<br />

</div>

<div id="contentweb2">

Pengiriman : <br />

<img src="gambar/th_jneSmall.jpg" width="120" height="80" />

</div>

Pembuatan Text Selamat Datang

Langkah selajutnya adalah membuat text selamat datang pada tampilan

awal website. Dan untuk membuatnya bisa menggunakan script berikut :

#contentweb3{

width:746px;

height:auto;

background-color:#999;

font-family:Verdana, Geneva, sans-serif;

<div id="contentweb3">

<?php

@$hlm=$_REQUEST['hlm'];

switch($hlm){

default:

include"home.php";

break;

}

?></div>

Struktur database

Nama Field

Id

Username

Id_barang

Size

Jumlah

Total

Status

Tabel Cart

Nama Field

Id_celana

Nama

Celana

Size

Harga

Stock

Gambar

Tabel Celana

Nama Field

Id_jersey

Nama

Kaos

Size

Harga

Stock

Gambar

Tabel Jersey

Nama Field

Id_kaos_kaki

Nama

Type

Size

Harga

Stock

Gambar

Tabel Kaos

Kaki Nama Field

Username

Password

Nama

Alamat

No.hp

Tabel Member

Nama Field

Id_sepatu

Nama

Type

Size

Harga

Stock

Gambar

Tabel Sepatu

OUTPUT

PENUTUP

Kesimpulan:

Dengan adanya website menjual perlengkapan futsal ini dapat memberi kemudahan

bagi siapa saja dalam mencari atau membeli perlengkapan futsal yang dibutuhkan.

pembeli tidak harus mengeluarkan biaya yang cukup besar dan waktu yang lama

untuk mendatangi perusahaan secara langsung.

Saran:

Dalam website menjual perlengkapan futsal ini penulis menemukan beberapa hal yang

sekiranya dapat dikembangkan lebih lanjut. Hal tersebut antara lain : penambahan

informasi mengenai perlengkapan futsal yang dijual. Selain itu dapat di buat tampilan

dan desain yang lebih menarik. Dan jumlah stock yang bisa secara otomatis berubah

pada saat terjadi pemesanan.