Form Login dan Validasi Akses User Untuk SIMRS Berbasis Web

  • On March 29, 2021


Login Wallpaper

Komponen penting dalan aplikasi Sistem Informasi Manajemen Rumah Sakit (SIMRS) berbasis web salah satunya adalah form login serta proses validasi akses user. Pada umumnya form login akan tampil pada saat pertama kali user melakukan akses ke dalam aplikasi tersebut kemudian mengisi username, password dan captcha (jika diperlukan). Sistem kemudian melakukan validasi, memeriksa apakah kombinasi ketiga data tersebut sudah sesuai dengan ketentuan atau belum. Apabila tidak memenuhi prasyarat maka sistem akan menampilkan notifikasi kegagalan akses pada user. Sebaliknya, apabila data sudah sesuai maka sistem akan memberikan sesi akses pada user tersebut sesuai dengan haknya.

Sebagai catatan, ini adalah artikel revisi dari sebelumnya. Saya telah melakukan pembaharuan agar SIMRS yang akan kita kembangkan nanti lebih mudah disesuaikan dengan keinginan masing-masing. Sebelumnya kita sudah belajar mengenai cara membuat template aplikasi web untuk SIMRS. Skarang kita akan menggunakan template tersebut sebagai halaman utama aplikasi. Silahkan kunjungi postingan tersebut dan download source code nya. 

Jangan khawatir karena saya akan menjelaskan setiap komponennya secara berkelanjutan. Untuk kesempatan kali ini kita akan menambahkan halaman login, proses validasi akses dan bagaimana membatasi pengguna SIMRS sehingga tidak semuanya bisa mengakses halaman utama yang tersedia. Secara umum perhatikan flowmap berikut ini:


Penjelasan:

  1. Pengguna masuk ke halaman form login pertama kali
  2. Pengguna mengisi email dan password
  3. Pengguna memilih tombol login dan sistem melakukan validasi
  4. Apabila kombinasi email dan password salah maka sistem menampilkan notifikasi gagal.
  5. apabila kombinasi email dan password benar maka sistem menampilkan notifikasi berhasil.

Langsung saja untuk langkah pembuatannya silahkan perhatikan baik-baik.

1. Membuat database dan tabel akses

Langkah pertama adalah membuat sebuah tabel pada database MySql dengan properti sebagai berikut:

Anda bisa membuat database susuai keinginan anda. Dalam postingan kali ini saya membuat database dengan nama "belajar_simrs" kemudian membuat tabel dengan nama "akes". Untuk penjelasan masing-masing kolom/atribut pada tabel diatas diantaranya adalah:

  1. id_akses : Adalah kolom kunci utama dengan nilai unik untuk mewakili data akses yang dibuat.
  2. nama : Adalah nama pengguna/user yang akan melakukan login, tipenya "text" untuk antisipasi jika nama penggunannya panjang.
  3. kontak : Adalah informasi tambahan untuk nomor kontak pengguna, kolom ini bisa dikosongkan untuk antisipasi jika pengguna tidak memiliki nomor kontak.
  4. email : Adalah informasi alamat email pengguna yang akan digunakan sebagai salah satu parameter login nanti. Disini type nya text karena untuk antisipasi jika alamat emailnya terlalu panjang.
  5. password : Adalah informasi kunci rahasia yang akan digunakan oleh pengguna pada saat melakukan login nanti.
  6. akses : Adalah informasi hak akses atau entitas yang melakukan login nanti misalnya Admin, Apoteker, Dokter dll.

Silahkan buat satu buah record sebagai bahan percobaan nanti pada saat melakukan validasi login. Disini saya contohkan untuk pengisiannya.

Penting:

Untuk kolom bagian password, silahkan isi dengan nilai yang sudah di enkripsi ke md5. Caranya silahkan masuk ke web has generator di sini, kemudian masukan passwordnya di kolom textarea yang sudah tersedia dan klik generate. nanti akan muncul nilai md5 hash. Copy md5 hash tersebut ke kolom password pada tabel yang sudah dibuat tadi.

2. Membuat halaman form login

Setelah mempersiapkan database untuk validasinya, sekarang kita buat halaman form login. Pada bagian utama directory project yang sudah didownload tadi, silahkan buat sebuah file dengan nama Login.php kemudian ketik source code berikut ini:

  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
    <?php session_start(); ?>
    <!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="utf-8">
            <meta content="width=device-width, initial-scale=1.0" name="viewport">
            <title>SIMRS</title>
            <meta content="Gambaran Umum Tentang Aplikasi" name="description">
            <meta content="Kata Kunci Jika Ada Pencarian" name="keywords">
            <!-- Favicons -->
            <link href="assets/img/logo.png" rel="icon">
            <link href="assets/img/logo.png" rel="apple-touch-icon">
            <!-- Google Fonts -->
            <link href="assets/fonts/fonts.css" rel="stylesheet">
            <!-- Vendor CSS Files -->
            <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
            <link href="vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
            <link href="vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
            <link href="vendor/quill/quill.snow.css" rel="stylesheet">
            <link href="vendor/quill/quill.bubble.css" rel="stylesheet">
            <link href="vendor/remixicon/remixicon.css" rel="stylesheet">
            <link href="vendor/simple-datatables/style.css" rel="stylesheet">
            <!-- Template Main CSS File -->
            <link href="assets/css/style.css" rel="stylesheet">
            <link href="vendor/mdb-ui-kit/css/mdb.min.css" rel="stylesheet">
            <script src="vendor/jquery/dist/jquery.min.js" type="text/javascript"></script>
            <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/driver.js@1.0.1/dist/driver.css"/>
            <!-- =======================================================
            * Template Name: NiceAdmin - v2.3.1
            * Template URL: https://bootstrapmade.com/nice-admin-bootstrap-admin-html-template/
            * Author: BootstrapMade.com
            * License: https://bootstrapmade.com/license/
            ======================================================== -->
        </head>
        <body>
            <main class="login_background">
                <div class="container">
                    <section class="section register min-vh-100 d-flex flex-column align-items-center justify-content-center py-4">
                        <div class="container">
                            <div class="row justify-content-center">
                                <div class="col-lg-4 col-md-6 d-flex flex-column align-items-center justify-content-center">
                                    <div class="d-flex justify-content-center py-4">
                                        <img src="assets/img/logo.png" alt="" width="100px"><br>
                                    </div>
                                    <div class="card mb-3">
                                        <div class="card-body">
                                            <div class="pt-4 pb-2">
                                                <h5 class="card-title text-center pb-0 fs-4">Login Ke Akun Anda</h5>
                                                <p class="text-center small">Masukan Email Dan Password Untuk Melakukan Login</p>
                                            </div>
                                            <form action="_Page/Login/ProsesLogin.php" class="row g-3" method="POST">
                                                <div class="col-12">
                                                    <label for="email" class="form-label">Email</label>
                                                    <div class="input-group has-validation">
                                                        <span class="input-group-text" id="inputGroupPrepend">@</span>
                                                        <input type="email" name="email" class="form-control" id="email" required>
                                                        <div class="invalid-feedback">Please enter your username.</div>
                                                    </div>
                                                </div>
                                                <div class="col-12">
                                                    <label for="password" class="form-label">Password</label>
                                                    <input type="password" name="password" class="form-control" id="password" required>
                                                    <div class="invalid-feedback">Please enter your password!</div>
                                                    <small class="credit">
                                                        <div class="form-check">
                                                            <input class="form-check-input" type="checkbox" value="Tampilkan" id="TampilkanPassword2" name="TampilkanPassword2">
                                                            <label class="form-check-label" for="TampilkanPassword2">
                                                                Tampilkan Password
                                                            </label>
                                                        </div>
                                                    </small>
                                                </div>
                                                <div class="col-12" id="NotifikasiLogin">
                                                    <?php
                                                        if(empty($_SESSION ["SesiNotifikasi"])){
                                                            echo "Pastikan email dan password sudah benar.";
                                                        }else{
                                                            $Notifikasi=$_SESSION ["SesiNotifikasi"];
                                                            echo '<span class="text-danger">'.$Notifikasi.'</span>';
                                                        }
                                                        unset($_SESSION['SesiNotifikasi']);
                                                    ?>
     
                                                </div>
                                                <div class="col-12">
                                                    <button class="btn btn-primary w-100" type="submit" id="TombolLogin">Login</button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                    <div class="credits">
                                        <small>
                                            <div class="copyright text-white">
                                                &copy; Copyright <strong><span>SIMRS</span></strong>. All Rights Reserved 2023
                                            </div>
                                            <div class="credits">
                                                Designed by <a href="" class="text-light">Nama Kamu</a>
                                            </div>
                                        </small>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                </div>
            </main>
        </body>
    </html>

3. Buat Koneksi Database

Untuk menghubungkan database dengan aplikasi yang akan kita buat maka baiknya kita buat sebuah file koneksi yang bisa kita panggil nantinya. Silahkan buat sebuah file pada folder "_Config" yang sudah tersedia pada project yang  dengan nama file Connection.php

Silahkan ketik source code berikut ini:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
<?php
    //Ini adalah halaman untuk melakukan konfigurasi database
    $servername = "localhost";
    $username = "root";
    $password = "";
    $db = "belajar_simrs";
    // Create connection
    $Conn = new mysqli($servername, $username, $password, $db);
    // Check connection
    if ($Conn->connect_error) {
        die("Connection failed: " . $Conn->connect_error);
    }
?>

Keterangan:
  • Baris ke 3 pada variabel $servername diisi dengan nama server, secara default bernilai "localhost".
  • Baris ke 4 username secara default pada localhost bernilai "root"
  • Baris ke 5 password secara default pada localhost bernilai null.
  • Baris ke 6 variabel $db diisi dengan nama databasenya.

4. Validasi Akses Login

Form login yang sudah dibuat tadi akan mengarah ke sebuah file pada directory _Page/Login/Login.php dimana berfungsi untuk melakukan validasi login. Silahkan ketik source code berikut ini:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<?php
    session_start();
    include "../../_Config/Connection.php";
    //Validasi keberadaan email dan password
    if(empty($_POST["email"])){
        $_SESSION ["SesiNotifikasi"]="Email Tidak Boleh Kosong";
        header("Location:../../Login.php");
    }else{
        if(empty($_POST["password"])){
            $_SESSION ["SesiNotifikasi"]="Password Tidak Boleh Kosong";
            header("Location:../../Login.php");
        }else{
            $email=$_POST["email"];
            $password=$_POST["password"];
            $passwordMd5=md5($password);
            //QUERY MEMANGGIL DATA DARI DATABASE Akses
            $Qry=mysqli_query($Conn,"SELECT*FROM akses WHERE email='$email' AND password='$passwordMd5'")or die(mysqli_error($Conn));
            $DataAkses = mysqli_fetch_array($Qry);
            if(!empty($DataAkses["id_akses"])){
                $_SESSION ["SesiIdAkses"]=$DataAkses["id_akses"];
                $_SESSION ["SesiNotifikasi"]="Login Berhasil";
                header("Location:../../index.php");
            }else{
                $_SESSION ["SesiNotifikasi"]="Login gagal karena kombinasi email dan password tidak valid";
                header("Location:../../Login.php");
            }
        }
    }	
?>

Keterangan :
  1. Baris ke 2 berfungsi untuk menyatakan dimulainya menangkap variabel SESSION.
  2. Baris ke 3 berfungsi untuk memanggil proses koneksi dengan database.
  3. Baris ke 6-7 artinya jika email kosong maka sistem akan melakukan redirect ke halaman login kembali dengan notifikasinya.
  4. Baris ke 10-11 artinya jika paassword kosong maka sistem akan melakukan redirect ke halaman login kembali dengan notifikasinya.
  5. Baris ke 13-14 artinya menyatakan variabel email dan password sesuai data yang ditangkap tadi.
  6. Baris ke 15 artinya mengubah nilai password menjadi format md5.
  7. Baris ke 19 menyatakan jika email dan password tidak ditemukan pada database.
  8. Baris ke 20, 21 dan 22 menyatakan jika email dan password valid dan ada pada database maka sistem akan menampilkan notifikasi dan mengarahkannya pada halaman index.php
Agar notifikasi ketika login gagal muncul pada halaman login, maka kita buat beberapa baris source code pada halaman form Login.php yang sudah kita buat sebelumnya. Silahkan ubah file Login.php dengan source code berikut:
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
<?php session_start(); ?>
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta content="width=device-width, initial-scale=1.0" name="viewport">
        <title>SIMRS</title>
        <meta content="Gambaran Umum Tentang Aplikasi" name="description">
        <meta content="Kata Kunci Jika Ada Pencarian" name="keywords">
        <!-- Favicons -->
        <link href="assets/img/logo.png" rel="icon">
        <link href="assets/img/logo.png" rel="apple-touch-icon">
        <!-- Google Fonts -->
        <link href="assets/fonts/fonts.css" rel="stylesheet">
        <!-- Vendor CSS Files -->
        <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <link href="vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
        <link href="vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
        <link href="vendor/quill/quill.snow.css" rel="stylesheet">
        <link href="vendor/quill/quill.bubble.css" rel="stylesheet">
        <link href="vendor/remixicon/remixicon.css" rel="stylesheet">
        <link href="vendor/simple-datatables/style.css" rel="stylesheet">
        <!-- Template Main CSS File -->
        <link href="assets/css/style.css" rel="stylesheet">
        <link href="vendor/mdb-ui-kit/css/mdb.min.css" rel="stylesheet">
        <script src="vendor/jquery/dist/jquery.min.js" type="text/javascript"></script>
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/driver.js@1.0.1/dist/driver.css"/>
        <!-- =======================================================
        * Template Name: NiceAdmin - v2.3.1
        * Template URL: https://bootstrapmade.com/nice-admin-bootstrap-admin-html-template/
        * Author: BootstrapMade.com
        * License: https://bootstrapmade.com/license/
        ======================================================== -->
    </head>
    <body>
        <main class="login_background">
            <div class="container">
                <section class="section register min-vh-100 d-flex flex-column align-items-center justify-content-center py-4">
                    <div class="container">
                        <div class="row justify-content-center">
                            <div class="col-lg-4 col-md-6 d-flex flex-column align-items-center justify-content-center">
                                <div class="d-flex justify-content-center py-4">
                                    <img src="assets/img/logo.png" alt="" width="100px"><br>
                                </div>
                                <div class="card mb-3">
                                    <div class="card-body">
                                        <div class="pt-4 pb-2">
                                            <h5 class="card-title text-center pb-0 fs-4">Login Ke Akun Anda</h5>
                                            <p class="text-center small">Masukan Email Dan Password Untuk Melakukan Login</p>
                                        </div>
                                        <form action="_Page/Login/ProsesLogin.php" class="row g-3" method="POST">
                                            <div class="col-12">
                                                <label for="email" class="form-label">Email</label>
                                                <div class="input-group has-validation">
                                                    <span class="input-group-text" id="inputGroupPrepend">@</span>
                                                    <input type="email" name="email" class="form-control" id="email" required>
                                                    <div class="invalid-feedback">Please enter your username.</div>
                                                </div>
                                            </div>
                                            <div class="col-12">
                                                <label for="password" class="form-label">Password</label>
                                                <input type="password" name="password" class="form-control" id="password" required>
                                                <div class="invalid-feedback">Please enter your password!</div>
                                                <small class="credit">
                                                    <div class="form-check">
                                                        <input class="form-check-input" type="checkbox" value="Tampilkan" id="TampilkanPassword2" name="TampilkanPassword2">
                                                        <label class="form-check-label" for="TampilkanPassword2">
                                                            Tampilkan Password
                                                        </label>
                                                    </div>
                                                </small>
                                            </div>
                                            <div class="col-12" id="NotifikasiLogin">
                                                <?php
                                                    if(empty($_SESSION ["SesiNotifikasi"])){
                                                        echo "Pastikan email dan password sudah benar.";
                                                    }else{
                                                        $Notifikasi=$_SESSION ["SesiNotifikasi"];
                                                        echo '<span class="text-danger">'.$Notifikasi.'</span>';
                                                    }
                                                    unset($_SESSION['SesiNotifikasi']);
                                                ?>
                                                
                                            </div>
                                            <div class="col-12">
                                                <button class="btn btn-primary w-100" type="submit" id="TombolLogin">Login</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                                <div class="credits">
                                    <small>
                                        <div class="copyright text-white">
                                            &copy; Copyright <strong><span>SIMRS</span></strong>. All Rights Reserved 2023
                                        </div>
                                        <div class="credits">
                                            Designed by <a href="" class="text-light">Nama Kamu</a>
                                        </div>
                                    </small>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </main>
    </body>
</html>

5. Pembatasan Akses Halaman Utama

Agar pengguna tidak langsung diarahkan ke halaman utama (index.php) saat pertama kali menjalankan web maka dibutuhkan validasi akses pada halaman index.php itu sendiri. Silahkan buat file Session.php pada folder "_Config" dan ketik source code berikut ini:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
<?php
    //Menangkap seasson kemudian menampilkannya
    session_start();
    if(empty($_SESSION["SesiIdAkses"])){
        header("Location:Login.php");
    }else{
        $SessionIdAkses=$_SESSION ["SesiIdAkses"];
        //Inisiasi data akses dari database
        $QuerySessionAkses = mysqli_query($Conn,"SELECT * FROM akses WHERE id_akses='$SessionIdAkses'")or die(mysqli_error($Conn));
        $DataSessionAkses = mysqli_fetch_array($QuerySessionAkses);
        //Apabila data akses ada
        if(!empty($DataSessionAkses['id_akses'])){
            $SessionNama= $DataSessionAkses['nama'];
            $SessionEmail= $DataSessionAkses['email'];
            $SessionKontak= $DataSessionAkses['kontak'];
            $SessionAkses= $DataSessionAkses['akses'];
        }else{
            header("Location:Login.php");
        }
    }
?>

6. Proses Logout

Untuk menghapus sesi login ketika pengguna sudah login dan berada pada halaman utama (index.php) kita buat tombol logout dan prosesnya. Silahkan ubah file menu pada directory "_Partial/Menu.php" menjadi sebagai berikut:

  1. <aside id="sidebar" class="sidebar menu_background">
  2.     <ul class="sidebar-nav" id="sidebar-nav">
  3.         <li class="nav-item">
  4.             <a class="nav-link collapsed" href="index.php">
  5.                 <i class="bi bi-grid"></i>
  6.                 <span>Dashboard</span>
  7.             </a>
  8.         </li>
  9.         <li class="nav-item">
  10.             <a class="nav-link" href="index.php">
  11.                 <i class="bi bi-key"></i>
  12.                 <span>Akses</span>
  13.             </a>
  14.         </li>
  15.         <li class="nav-item">
  16.             <a class="nav-link" href="index.php">
  17.                 <i class="bi bi-people"></i>
  18.                 <span>Pasien</span>
  19.             </a>
  20.         </li>
  21.         <li class="nav-item">
  22.             <a class="nav-link" href="index.php">
  23.                 <i class="bi bi-file-earmark-medical-fill"></i>
  24.                 <span>Kunjungan</span>
  25.             </a>
  26.         </li>
  27.         <li class="nav-item">
  28.             <a class="nav-link" href="index.php">
  29.                 <i class="bi bi-coin"></i>
  30.                 <span>Keuangan</span>
  31.             </a>
  32.         </li>
  33.         <li class="nav-item">
  34.             <a class="nav-link" href="index.php">
  35.                 <i class="bi bi-capsule-pill"></i>
  36.                 <span>Apotek</span>
  37.             </a>
  38.         </li>
  39.         <li class="nav-item">
  40.             <a class="nav-link" href="index.php">
  41.                 <i class="bi bi-file-medical"></i>
  42.                 <span>Laboratorium</span>
  43.             </a>
  44.         </li>
  45.         <li class="nav-item">
  46.             <a class="nav-link" href="index.php">
  47.                 <i class="bi bi-camera"></i>
  48.                 <span>Radiologi</span>
  49.             </a>
  50.         </li>
  51.         <li class="nav-item">
  52.             <a class="nav-link" href="index.php">
  53.                 <i class="bi bi-file-bar-graph"></i>
  54.                 <span>Laporan</span>
  55.             </a>
  56.         </li>
  57.         <li class="nav-item">
  58.             <a class="nav-link" href="index.php">
  59.                 <i class="bi bi-gear"></i>
  60.                 <span>Pengaturan</span>
  61.             </a>
  62.         </li>
  63.         <li class="nav-item">
  64.             <a class="nav-link" href="_Page/Logout/Logout.php">
  65.                 <i class="bi bi-box-arrow-in-left"></i>
  66.                 <span>Keluar</span>
  67.             </a>
  68.         </li>
  69.     </ul>
  70. </aside> 
  71.  

Buat juga proses logout dengan membuat file pada directory "_Page/Logout/Logout.php" sebagai berikut:

  1. <?php
  2.     session_destroy();   
  3.     session_unset();
  4.     session_start();
  5.     unset($_SESSION['SesiIdAkses']);
  6.     $_SESSION ["SesiIdAkses"]="";
  7.     unset($_SESSION['SesiNotifikasi']);
  8.     $_SESSION ["SesiNotifikasi"]="";
  9.     header('Location:../../Login.php');
  10. ?>
7. Membatasi Akses Halaman Utama
Langkah terakhir adalah, ketika kita ingin membatasi akses pengguna pada halaman utama aplikasi. Ketika pengguna belum melakukan akses login maka sistem akan mengarahkan ke halaman form login, sebaliknya ketika user sudah melakukan login maka sistem akan mengarahkan pada halaman utama dan menampilkan notifikasi. Silahkan lakukan perubahan pada file index.php menjadi seperti berikut:
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.     <head>
  4.         <?php
  5.             include "_Config/Connection.php";
  6.             include "_Config/Session.php";
  7.             include "_Partial/Head.php";
  8.         ?>
  9.     </head>
  10.     <body>
  11.         <?php
  12.             include "_Partial/Navbar.php";
  13.             include "_Partial/Menu.php";
  14.         ?>
  15.         <main id="main" class="main">
  16.             <?php
  17.                 include "_Partial/PageTitle.php";
  18.                 include "_Partial/RoutingPage.php";
  19.                 include "_Partial/Modal.php";
  20.             ?>
  21.         </main>
  22.         <?php
  23.             include "_Partial/Copyright.php";
  24.             include "_Partial/BackToTop.php";
  25.             include "_Partial/FooterJs.php";
  26.             include "_Partial/RoutingJs.php";
  27.             include "_Partial/RoutingSwal.php";
  28.         ?>
  29.     </body>
  30. </html>
8. Test Program

Apabila kita coba maka programnya akan berjalan seperti berikut:



Tags:
Solihul Hadi

Terima kasih telah berkunjung ke blog pribadi saya, silahkan isi komentar atau hubungi akun media sosial yang tertera dibawah ini.

2 comments:

  1. heruOctober 18, 2021 at 2:41 AM

    keren pak, tidak bisa download

    ReplyDelete
    Replies
    1. AnonymousDecember 3, 2023 at 12:11 AM

      sudah diperbaharui https://metodeakurat.blogspot.com/2021/03/membuat-template-aplikasi-web-untuk.html

      Delete

Silahkan kirim komentar