PEMBUATAN WEBSITE MENJUAL PERLENGKAPAN...
-
Upload
trinhxuyen -
Category
Documents
-
view
222 -
download
0
Transcript of PEMBUATAN WEBSITE MENJUAL PERLENGKAPAN...
![Page 1: PEMBUATAN WEBSITE MENJUAL PERLENGKAPAN FUTSALpublication.gunadarma.ac.id/bitstream/123456789/9130/1/SLIDE PI.pdf · Kaos Size Harga Gambar Tabel Jersey Nama Field Id_kaos_kaki Nama](https://reader031.fdokumen.com/reader031/viewer/2022022803/5c7a4be409d3f24e7d8c160b/html5/thumbnails/1.jpg)
PEMBUATAN WEBSITE MENJUAL PERLENGKAPAN
FUTSAL
Nama : Yudhi Prasongko
NPM : 58410729
Jurusan : Teknik Informatika
Pembimbing : Sularno, SKom, MM
![Page 2: PEMBUATAN WEBSITE MENJUAL PERLENGKAPAN FUTSALpublication.gunadarma.ac.id/bitstream/123456789/9130/1/SLIDE PI.pdf · Kaos Size Harga Gambar Tabel Jersey Nama Field Id_kaos_kaki Nama](https://reader031.fdokumen.com/reader031/viewer/2022022803/5c7a4be409d3f24e7d8c160b/html5/thumbnails/2.jpg)
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.
![Page 3: PEMBUATAN WEBSITE MENJUAL PERLENGKAPAN FUTSALpublication.gunadarma.ac.id/bitstream/123456789/9130/1/SLIDE PI.pdf · Kaos Size Harga Gambar Tabel Jersey Nama Field Id_kaos_kaki Nama](https://reader031.fdokumen.com/reader031/viewer/2022022803/5c7a4be409d3f24e7d8c160b/html5/thumbnails/3.jpg)
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.
![Page 4: PEMBUATAN WEBSITE MENJUAL PERLENGKAPAN FUTSALpublication.gunadarma.ac.id/bitstream/123456789/9130/1/SLIDE PI.pdf · Kaos Size Harga Gambar Tabel Jersey Nama Field Id_kaos_kaki Nama](https://reader031.fdokumen.com/reader031/viewer/2022022803/5c7a4be409d3f24e7d8c160b/html5/thumbnails/4.jpg)
STRUKTUR TAMPILAN
Struktur Tampilan Home
![Page 5: PEMBUATAN WEBSITE MENJUAL PERLENGKAPAN FUTSALpublication.gunadarma.ac.id/bitstream/123456789/9130/1/SLIDE PI.pdf · Kaos Size Harga Gambar Tabel Jersey Nama Field Id_kaos_kaki Nama](https://reader031.fdokumen.com/reader031/viewer/2022022803/5c7a4be409d3f24e7d8c160b/html5/thumbnails/5.jpg)
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>
![Page 6: PEMBUATAN WEBSITE MENJUAL PERLENGKAPAN FUTSALpublication.gunadarma.ac.id/bitstream/123456789/9130/1/SLIDE PI.pdf · Kaos Size Harga Gambar Tabel Jersey Nama Field Id_kaos_kaki Nama](https://reader031.fdokumen.com/reader031/viewer/2022022803/5c7a4be409d3f24e7d8c160b/html5/thumbnails/6.jpg)
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>
![Page 7: PEMBUATAN WEBSITE MENJUAL PERLENGKAPAN FUTSALpublication.gunadarma.ac.id/bitstream/123456789/9130/1/SLIDE PI.pdf · Kaos Size Harga Gambar Tabel Jersey Nama Field Id_kaos_kaki Nama](https://reader031.fdokumen.com/reader031/viewer/2022022803/5c7a4be409d3f24e7d8c160b/html5/thumbnails/7.jpg)
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;
}
![Page 8: PEMBUATAN WEBSITE MENJUAL PERLENGKAPAN FUTSALpublication.gunadarma.ac.id/bitstream/123456789/9130/1/SLIDE PI.pdf · Kaos Size Harga Gambar Tabel Jersey Nama Field Id_kaos_kaki Nama](https://reader031.fdokumen.com/reader031/viewer/2022022803/5c7a4be409d3f24e7d8c160b/html5/thumbnails/8.jpg)
<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>
![Page 9: PEMBUATAN WEBSITE MENJUAL PERLENGKAPAN FUTSALpublication.gunadarma.ac.id/bitstream/123456789/9130/1/SLIDE PI.pdf · Kaos Size Harga Gambar Tabel Jersey Nama Field Id_kaos_kaki Nama](https://reader031.fdokumen.com/reader031/viewer/2022022803/5c7a4be409d3f24e7d8c160b/html5/thumbnails/9.jpg)
<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
![Page 10: PEMBUATAN WEBSITE MENJUAL PERLENGKAPAN FUTSALpublication.gunadarma.ac.id/bitstream/123456789/9130/1/SLIDE PI.pdf · Kaos Size Harga Gambar Tabel Jersey Nama Field Id_kaos_kaki Nama](https://reader031.fdokumen.com/reader031/viewer/2022022803/5c7a4be409d3f24e7d8c160b/html5/thumbnails/10.jpg)
if(isset($_SESSION['login']) or isset($_SESSION['admin']))
{
include"logout.php";
}
else
{
include"login.php";
}
?>
</div>
![Page 11: PEMBUATAN WEBSITE MENJUAL PERLENGKAPAN FUTSALpublication.gunadarma.ac.id/bitstream/123456789/9130/1/SLIDE PI.pdf · Kaos Size Harga Gambar Tabel Jersey Nama Field Id_kaos_kaki Nama](https://reader031.fdokumen.com/reader031/viewer/2022022803/5c7a4be409d3f24e7d8c160b/html5/thumbnails/11.jpg)
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 />
![Page 12: PEMBUATAN WEBSITE MENJUAL PERLENGKAPAN FUTSALpublication.gunadarma.ac.id/bitstream/123456789/9130/1/SLIDE PI.pdf · Kaos Size Harga Gambar Tabel Jersey Nama Field Id_kaos_kaki Nama](https://reader031.fdokumen.com/reader031/viewer/2022022803/5c7a4be409d3f24e7d8c160b/html5/thumbnails/12.jpg)
<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>
![Page 13: PEMBUATAN WEBSITE MENJUAL PERLENGKAPAN FUTSALpublication.gunadarma.ac.id/bitstream/123456789/9130/1/SLIDE PI.pdf · Kaos Size Harga Gambar Tabel Jersey Nama Field Id_kaos_kaki Nama](https://reader031.fdokumen.com/reader031/viewer/2022022803/5c7a4be409d3f24e7d8c160b/html5/thumbnails/13.jpg)
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){
![Page 14: PEMBUATAN WEBSITE MENJUAL PERLENGKAPAN FUTSALpublication.gunadarma.ac.id/bitstream/123456789/9130/1/SLIDE PI.pdf · Kaos Size Harga Gambar Tabel Jersey Nama Field Id_kaos_kaki Nama](https://reader031.fdokumen.com/reader031/viewer/2022022803/5c7a4be409d3f24e7d8c160b/html5/thumbnails/14.jpg)
default:
include"home.php";
break;
}
?></div>
![Page 15: PEMBUATAN WEBSITE MENJUAL PERLENGKAPAN FUTSALpublication.gunadarma.ac.id/bitstream/123456789/9130/1/SLIDE PI.pdf · Kaos Size Harga Gambar Tabel Jersey Nama Field Id_kaos_kaki Nama](https://reader031.fdokumen.com/reader031/viewer/2022022803/5c7a4be409d3f24e7d8c160b/html5/thumbnails/15.jpg)
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
![Page 16: PEMBUATAN WEBSITE MENJUAL PERLENGKAPAN FUTSALpublication.gunadarma.ac.id/bitstream/123456789/9130/1/SLIDE PI.pdf · Kaos Size Harga Gambar Tabel Jersey Nama Field Id_kaos_kaki Nama](https://reader031.fdokumen.com/reader031/viewer/2022022803/5c7a4be409d3f24e7d8c160b/html5/thumbnails/16.jpg)
OUTPUT
![Page 17: PEMBUATAN WEBSITE MENJUAL PERLENGKAPAN FUTSALpublication.gunadarma.ac.id/bitstream/123456789/9130/1/SLIDE PI.pdf · Kaos Size Harga Gambar Tabel Jersey Nama Field Id_kaos_kaki Nama](https://reader031.fdokumen.com/reader031/viewer/2022022803/5c7a4be409d3f24e7d8c160b/html5/thumbnails/17.jpg)
![Page 18: PEMBUATAN WEBSITE MENJUAL PERLENGKAPAN FUTSALpublication.gunadarma.ac.id/bitstream/123456789/9130/1/SLIDE PI.pdf · Kaos Size Harga Gambar Tabel Jersey Nama Field Id_kaos_kaki Nama](https://reader031.fdokumen.com/reader031/viewer/2022022803/5c7a4be409d3f24e7d8c160b/html5/thumbnails/18.jpg)
![Page 19: PEMBUATAN WEBSITE MENJUAL PERLENGKAPAN FUTSALpublication.gunadarma.ac.id/bitstream/123456789/9130/1/SLIDE PI.pdf · Kaos Size Harga Gambar Tabel Jersey Nama Field Id_kaos_kaki Nama](https://reader031.fdokumen.com/reader031/viewer/2022022803/5c7a4be409d3f24e7d8c160b/html5/thumbnails/19.jpg)
![Page 20: PEMBUATAN WEBSITE MENJUAL PERLENGKAPAN FUTSALpublication.gunadarma.ac.id/bitstream/123456789/9130/1/SLIDE PI.pdf · Kaos Size Harga Gambar Tabel Jersey Nama Field Id_kaos_kaki Nama](https://reader031.fdokumen.com/reader031/viewer/2022022803/5c7a4be409d3f24e7d8c160b/html5/thumbnails/20.jpg)
![Page 21: PEMBUATAN WEBSITE MENJUAL PERLENGKAPAN FUTSALpublication.gunadarma.ac.id/bitstream/123456789/9130/1/SLIDE PI.pdf · Kaos Size Harga Gambar Tabel Jersey Nama Field Id_kaos_kaki Nama](https://reader031.fdokumen.com/reader031/viewer/2022022803/5c7a4be409d3f24e7d8c160b/html5/thumbnails/21.jpg)
![Page 22: PEMBUATAN WEBSITE MENJUAL PERLENGKAPAN FUTSALpublication.gunadarma.ac.id/bitstream/123456789/9130/1/SLIDE PI.pdf · Kaos Size Harga Gambar Tabel Jersey Nama Field Id_kaos_kaki Nama](https://reader031.fdokumen.com/reader031/viewer/2022022803/5c7a4be409d3f24e7d8c160b/html5/thumbnails/22.jpg)
![Page 23: PEMBUATAN WEBSITE MENJUAL PERLENGKAPAN FUTSALpublication.gunadarma.ac.id/bitstream/123456789/9130/1/SLIDE PI.pdf · Kaos Size Harga Gambar Tabel Jersey Nama Field Id_kaos_kaki Nama](https://reader031.fdokumen.com/reader031/viewer/2022022803/5c7a4be409d3f24e7d8c160b/html5/thumbnails/23.jpg)
![Page 24: PEMBUATAN WEBSITE MENJUAL PERLENGKAPAN FUTSALpublication.gunadarma.ac.id/bitstream/123456789/9130/1/SLIDE PI.pdf · Kaos Size Harga Gambar Tabel Jersey Nama Field Id_kaos_kaki Nama](https://reader031.fdokumen.com/reader031/viewer/2022022803/5c7a4be409d3f24e7d8c160b/html5/thumbnails/24.jpg)
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.