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.
Top Related