PEMBUATAN WEBSITE MENJUAL PERLENGKAPAN FUTSAL

Transkripsi

1 PEMBUATAN WEBSITE MENJUAL PERLENGKAPAN FUTSAL Nama : Yudhi Prasongko NPM : Jurusan : Teknik Informatika Pembimbing : Sularno, SKom, MM

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

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

4 STRUKTUR TAMPILAN Struktur Tampilan Home

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

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

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

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

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

10 if(isset($_session['login']) or isset($_session['admin'])) { include"logout.php"; } else { include"login.php"; }?> </div>

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

12 <img src="gambar/th_bcasmall.jpg" width="120" height="80" /><br /> No. rekening : <br /> a/n Yudhi Prasongko<br /> </div> <div id="contentweb2"> Pengiriman : <br /> <img src="gambar/th_jnesmall.jpg" width="120" height="80" /> </div>

13 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"> switch($hlm){

14 default: include"home.php"; break; }?></div>

15 Struktur database Nama Field Id Username Id_barang Size Jumlah Total Status Nama Field Id_celana Nama Celana Size Harga Stock Gambar Nama Field Id_jersey Nama Kaos Size Harga Stock Gambar Nama Field Id_kaos_kaki Nama Type Size Harga Stock Gambar Tabel Cart Nama Field Username Password Nama Alamat No.hp Tabel Member Tabel Celana Nama Field Id_sepatu Nama Type Size Harga Stock Gambar Tabel Jersey Tabel Kaos Kaki Tabel Sepatu

16 OUTPUT

17

18

19

20

21

22

23

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