Selasa, 26 Maret 2019

Proyek PAW SI-1 Pertemuan 3-4

Anggota Kelompok Yg Hadir :
1. Afriza Dwi Nurrochim (165610029)

Pertemuan 3-4.


  Kode Program index.php
  -----------------------------------------------------------------------------------------------------------------------------
<!DOCTYPE html>
<html>
<head>
    <title>BORNEO BAKERY's</title>
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>

<div id="wrapper">
  <div id="header">
    <div id="header_top">
      <div id="logo">
        <h1>Borneo Bakery</h1>
      </div>
      <div id="cari">
        <form>
          <input type="text" name="cari" placeholder="Cari Kue...">
          <input type="submit" value="Cari">
        </form>
      </div>
    </div>
    <div id="header_center">
      <div id="menu_wrapper">
        <ul id="menu">
          <li><a href="#">Home</a></li>
          <li><a href="#">Profil</a></li>
          <li><a href="#">Contact</a></li>
          <li><a href="#">About</a></li>
        </ul>
      </div>
    </div>
    <div id="header_bottom">
      <div id="slider">
        <img src="gambar/hbot.jpg" width="938px">
      </div>
    </div>
  </div>
  <div id="content">
    <div id="content_top">
      <h4>Sekilas Info</h4>
      <p>Paragraf info Paragraf info Paragraf info Paragraf info Paragraf info Paragraf info Paragraf info Paragraf info Paragraf info Paragraf info Paragraf info Paragraf info Paragraf info Paragraf info Paragraf info Paragraf info Paragraf info Paragraf info Paragraf info Paragraf info Paragraf info Paragraf info Paragraf info Paragraf info Paragraf info Paragraf info Paragraf info Paragraf info Paragraf info Paragraf info </p>
    </div>

    <!--/Untuk Konten Dari Bakeri Berupa Daftar Kue/-->
    <div id="content_center">
      <!--/Untuk Koneksi Ke Database/-->
      <?php
        include 'koneksi.php';
        $data = mysqli_query($koneksi,"SELECT * FROM kue");
        while($d = mysqli_fetch_array($data)){
      ?>
            <div class="content_center_daftar">
                <h4><?php echo $d['nm_kue']; ?></h4>
                <img src="<?php echo $d['gambar']['name']; ?>">
                <p><?php echo $d['keterangan']; ?>
                <input type="submit" value="Pesan">
                 </p>
            </div>
      <?php
      }
      ?>
  </div>


    <div id="content_bottom">
      <div class="cb_news">
        <h4>Berita 1</h4>
        <p>Berita Kue Berita Kue Berita Kue Berita Kue Berita Kue Berita Kue Berita Kue Berita Kue Berita Kue Berita Kue Berita Kue
        <a href="#">Selengkanya</a>
        </p>
      </div>
      <div class="cb_news">
        <h4>Berita 2</h4>
        <p>Berita Kue Berita Kue Berita Kue Berita Kue Berita Kue Berita Kue Berita Kue Berita Kue Berita Kue Berita Kue Berita Kue
        <a href="#">Selengkanya</a>
        </p>
      </div>
    </div>
  </div>
  <div id="footer">
    <h2>Check Our Social Media</h2>
    <a href="https://facebook.com" target="_blank"><img src="gambar/fb.png" width="12px"> Facebook</img></a>
    <a href="https://instagram.com" target="_blank"><img src="gambar/ig.jpg" width="13px" > Instagram</img></a>
  </div>
</div>
</body>
</html>

Selasa, 12 Maret 2019

Proyek PAW SI-1 Pertemuan 2

Anggota Kelompok Yg Hadir :
1. Afriza Dwi Nurrochim (165610029)
2. Angela Lenindah Larici (165610033)

Pertemuan 2.
1. Diagram Konteks


2. Tabel Relasi



3. I/O Data Master
    Input Master Kue


                Input Master Pelanggan

               Input Master Pemesanan


 

Senin, 04 Maret 2019

Proyek PAW SI-1 Pertemuan 1

Anggota Kelompok :
1. Afriza Dwi Nurrochim (165610029)
2. Angela Lenindah Larici (165610033)

Pertemuan 1.
Tema Aplikasi Web
         Pada pertemuan pertama ini akan dibuat sebuah aplikasi web dengan tema Borneo Bakery dimana pada aplikasi ini pengunjung dapat melihat beberapa katalog dari kue-kue yang disediakan melalui website online toko Borneo Bakery kemudian pengunjung dapat melakukan pemesanan kue yang diinginkan dengan mengklik tombol 'Lihat' pada gambar yang tertera pada setiap item yang disediakan dan kemudian akan diarahkan kehalaman detail item.
           Pada halaman detail item yang dipilih pengunjung dapat melakukan pemesanan dengan mengklik tombol 'Pesan' yang terdapat pada bagian bawah detail item, maka selanjutnya pengunjung akan diarahkan ke halaman pengisian identitas pemesanan (nama pemesan, no telp, alamat, dll) kemudian jika informasi semua informasi pada form identitas pemesanan telah diisi semua maka pengunjung dapat melanjutkan pemesanan dengan mengklik 'Simpan'.

Desain Tampilan Homepage #1