SABTU, 17 JUNI 2017
Nama : Muhammad Ihsan Qashidi
Kelas : 2IA07(4IA15)
NPM : 59413693
Pengantar Web & Science





​
Interface/Tampilan website clean and cool
1. Halaman Home
Halamam Home Website Clean and Cool Teknik. Pada Halaman ini Tapilannya cukup sederhana karena Hanya Menampilkan Sebuah Backgroud Foto, Dan Sebuag text Header
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
2. Halaman Aktivitas
Halaman Aktivitas yang menunjukan Tentang Aktivitas Pekerja Dari Clean And Cool Teknik. Pada Tampilan Aktivitas ini Menggunakan Slide dengan 2 Gambar yang Bergantian.
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
3. Halaman Layanan
halaman Layanan Pada Website Clean And Cool Teknik Memfasilitasi user agar dapat mengetahui daftar Harga jasa Service AC dan Sparepart, dan dapat Memesan Secara online yang terdapat di balik button yang tersedia pada halaman layanan ini.
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
4. Halaman Daftar Harga Service AC
halaman Daftar harga service AC agar user dapat mengetahui Harga-harga Yang di tawarkan Oleh Clean And Cool Teknik. Pada Tampilan daftar Harga service AC Untuk menampilkan data Daftar Harga Penulis Mengugnakan Script Php yaitu :
<?php $no=1; $result = mysql_query("SELECT * FROM daftar");
while ($r=mysql_fetch_array($result)) {?>
<tr>
<td><?php echo "",$r['no']; ?></td>
<td><?php echo "",$r['jasa']; ?></td>
<td><?php echo "",$r['pk']; ?></td>
<td><?php echo "",$r['harga']; ?></td>
</tr>
<?php $no++;?>
<?php } ?>
</table>
<div class="row" id= "tombol">
<a href="order.php" class="btn btn-default btn-xl">Order</a>
</div>
</div>
<hr>
<?php require_once "view/barang.php" ?>
</table>
<div class="row" id= "tombol">
<a href="order.php" class="btn btn-default btn-xl">Order</a>
</div>
</div>
<hr>
<?php require_once "view/barang.php" ?>
<div class="row" id= "tombol">
<a href="order1.php" class="btn btn-default btn-xl">Order</a>
</div>
<br><br><br>
<?php require_once "view/footer.php";?>
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
5. Halaman Daftar Harga Service Sparepart
halaman Daftar harga Sparepart agar user dapat mengetahui Harga-harga Yang di tawarkan Oleh Clean And Cool Teknik. Sama Hal nya dengan tampilan pada Daftar Harga service AC. Pada Tampilan Harga Saprepart untuk menampilkan data Daftar Sparepart Menggunakan Script Php yaitu :
<?php $no=1; $result = mysql_query("SELECT * FROM barang");
while ($r=mysql_fetch_array($result)) {?>
<tr>
<td><?php echo "",$r['no']; ?></td>
<td><?php echo "",$r['jenis spare part']; ?></td>
<td><?php echo "",$r['pk']; ?></td>
<td><?php echo "",$r['harga']; ?></td>
</tr>
<?php $no++;?>
<?php } ?>
</table>
<hr>
</div>
</div>
</div>
</div>
​
​
​
​
​
​
​
​
​
​
​
​
​
​
6. Halaman Order Service AC
halaman Order berfungsi untuk form Pemesanan bagi user yang ingin memesan Jasa Layanan Service AC. Pada halaman Order di Form Service yang dibutuhkan Menggunakan Option yang Mengambil Data Dari database menggunakan Script Php yaitu :
<select class="form-control" name="service">
<?php $result = mysql_query("SELECT * FROM daftar");
while ($r=mysql_fetch_array($result)) {?>
<option value="<?php echo $r['jasa'] ?>"><?php echo $r['jasa'] ?></option>
<?php } ?>
</select>
Penulis Memasukan Data Melalui Database di karena kan Akan lebih Mudah Mengubah data Jika disaat Waktu Terjadi perubahan Data
​
​
​
​
​
​
​
​
​
​
​
​
​
7. Halaman Order Sparepart
halaman Order berfungsi untuk form Pemesanan bagi user yang ingin memesan Sparepart. Pada halaman Order di Form Sparepart yang dibutuhkan Menggunakan Option yang Mengambil Data Dari database menggunakan Script Php yaitu :
<select class="form-control" name="sparepart">
<?php $result = mysql_query("SELECT * FROM barang");
while ($r=mysql_fetch_array($result)) {?>
<option value=<?php echo $r['no'] ?>><?php echo $r['jenis spare part'] ?></option>
<?php } ?>
</select>
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
8. Halaman Konfirmasi
Halaman Konfirmasi Apabila User Telah Mengisi Form Pemesanan pada halaman Order sebelumnya.
​
​
​
​
​
9. Halaman Portfolio
berfungsi sebagai pemberi informasi untuk User tentang History dan kegiatan Pekerja dari Clean And Cool Teknik
​
10. Halaman About & Contact
halaman About & Contact yang berfungsi Memberi informasi Kontak yang yang dapat dihubungi oleh user .
​
​
​
​
​
​
​
​
​
​
​
​
​
​




