Aplikasi PPDB Sederhana Part6: Menampilkan Konten Halaman Utama dari Database

Assalamu'alaikum W.W

Pada kesempatan kali ini onodasakamichi.blogspot.com akan membahas tentang Aplikasi PPDB Sederhana Part6: Menampilkan Konten Halaman Utama dari Database. Oke langsung saja cekidot semangat ngoprek.

A.Pengertian

PPDB Online adalah sebuah sistem yang dirancang untuk melakukan otomasi seleksi penerimaan siswa baru (PPDB), mulai dari proses pendaftaran,proses seleksi hingga pengumuman hasil seleksi, yang dilakukan secara online dan berbasis waktu nyata (realtime).

B.Latar Belakang

Ingin mengasah kemampuan penguasaan Development Web dengan membuat Aplikasi PPDB Online Sederhana.

C. Maksud dan Tujuan

Menampilkan Konten Halaman Utama dari Database

D. Jangka Waktu

60 Menit

E. Alat Dan Bahan

Koneksi Internet, Text Editor dan PC

F . Pembahasan

Header.php
Berikut scritpnya :

<?php

$row = $db->select("SELECT * from f_header where id=?", [1]);
$nama = $row['nama'];
$deskripsi = $row['deskripsi'];
$gbr = $row['background'];
?>
 <header id="home">
      <nav class="navbar navbar-expand-md bg-dark navbar-dark fixed-top">
        <a class="navbar-brand" href="#"><?php echo $nama; ?></a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="collapsibleNavbar">
          <ul class="navbar-nav mr-auto">
            <li class="nav-item">
              <a class="nav-link" href="#home">Home</a>
            </li>

            <li class="nav-item">
              <a class="nav-link" href="#about">Tentang</a>
            </li>
            <li class="nav-item">
              <a href="#Contact" class="nav-link">Kontak</a>
            </li>
            <li class="nav-item">
              <a href="views/user/ppdb.php?action=daftar" class="nav-link">Pendaftar</a>
            </li>
            <li class="nav-item">
              <a href="views/user/ppdb.php?action=lihat" class="nav-link">Pengumuman</a>
            </li>
          </ul>
        </div>
      </nav>
      <div class="jumbotron" style="margin-top: 50px; background-image: url(asset/foto/<?php echo $gbr; ?>)">
        <center>
          <h1 class="animated slideInDown"><?php echo $nama; ?></h1>
          <hr class="my-4">
          <h3 class="animated slideInDown"><?php echo $deskripsi; ?></h3>
          <p class="lead">
            <a href="#Kelebihan" class=" animated bounceIn btn btn-primary btn-lg" role="button">Daftar</a>
          </p>
        </center>
      </div>
    </header>

Cara.php
Berikut scritpnya :

<?php
$row = $db->select("SELECT * from setting where id=?", [1]);
$cara = $row['caradaftar'];
?>
<hr class="my-4">
<div class="row featurette">
  <div class="col-md-12">
    <h2 class="tentang-heading">Langkah-langkah mendaftar di <?php echo $nama ?></h2>
    <pre><?php echo $cara; ?></pre>
  </div>
</div>

Kontak.php
Berikut scritpnya :

<?php
$row     = $db->select("SELECT * from f_kontak where id=?", [1]);
$alamat  = $row['jalan'];
$no_telp = $row['no_hp'];
$web     = $row['website'];
$email   = $row['email'];
$fax     = $row['fax'];
$map     = $row['maps'];

?>
 <hr class="my-4">
 <div id="Contact">
  <h2 class="text-center">Hubungi Kami</h2>
  <br>
  <div class="row featurette" >
    <div class="col-md-6">
      <i class="fa fa-map-marker"></i> <?php echo $alamat;?><br>
      <i class="fa fa-phone"></i> <?php echo $no_telp;?> <br>
      <i class="fa fa-paper-plane"></i> <?php echo $email;?> <br>
      <i class="fa fa-globe"></i> <?php echo $web;?> <br>
      <i class="fa fa-fax"></i> <?php echo $fax;?>

    </div>
    <div class="col-md-6">
      <div class="iframe-container">
        <iframe src="<?php echo $map?>" width="500" height="400" frameborder="1" style="border:1" allowfullscreen></iframe>
      </div>

    </div>
  </div>

Tentang.php
Berikut scritpnya :

<?php

$row = $db->select("SELECT * from f_tentang where id=?", [1]);
$sejarah = $row['sejarah'];
$misi = $row['misi'];
$visi = $row['visi'];
$gbr = $row['gbr'];

?>
<hr class="my-4">
<div class="row featurette" id="about">
  <div class="col-md-7">
    <h2 class="tentang-heading">Profil</h2>
    <div id="accordion">
      <div class="card">
        <div class="card-header">
          <a href="#collapse1" class="card-link" data-toggle="collapse" data-parent="#accordion">Sejarah</a>
        </div>
        <div id="collapse1" class="collapse">
          <div class="card-body">
            <?php echo $sejarah; ?>
          </div>
        </div>
      </div>
      <div class="card">
        <div class="card-header">
          <a href="#collapse2" class="collapsed card-link" data-toggle="collapse" data-parent="#accordion">Visi</a>
        </div>
        <div id="collapse2" class="collapse">
          <div class="card-body">
            <pre><?php echo $visi;
?></pre>
          </div>
        </div>
      </div>
      <div class="card">
        <div class="card-header">
          <a href="#collapse3" class="collapsed card-link" data-toggle="collapse" data-parent="#accordion">Misi</a>
        </div>
        <div id="collapse3" class="collapse">
          <div class="card-body">
            <pre><?php echo $misi;
?>
            </pre>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="col-md-5">
    <img src="asset/foto/<?php
if ($gbr != null) {
	echo $gbr;
} else {
	echo 'logo.png';
}

?>" style="height: 390px; width: 366px" class="featurette-img img-fluid mx-auto">
  </div>
</div>

G. Kesimpulan

Dokumen-dokumen diatas berfungsi untuk menampilkan konten halaman utama dari database

Sekian pembahasannya, Terima kasih sampai bertemu di tutorial selanjutnya. Salam Pantang tidur sebelum code fix (:.

Share this post