LAPORAN

UJIAN AKHIR SEMESTER

PRAKTIKUM PEMROGRAMAN WEB DINAMIS

KELAS X

Your Name Your Name

1234567891 1234567890

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS SAINS DAN TEKNOLOGI
UNIVERSITAS MUHAMMADIYAH KALIMANTAN TIMUR
JUNI 2022
Daftar Isi
Part 1 Composer dan Database..................................................................................................4

1.1 Composer.....................................................................................................................4

1.2 Tabel pada Database....................................................................................................5

1.2.1 Tabel 1: Nama Tabel............................................................................................5

1.2.2 Tabel 2: Nama Tabel............................................................................................5

1.2.3 Tabel 3: Nama Tabel............................................................................................5

1.2.4 Tabel 4: Nama Tabel............................................................................................5

1.2.5 Tabel 5: Nama Tabel............................................................................................5

1.3 Konfigurasi Database..................................................................................................5

Part 2 Template Engine..............................................................................................................8

2.1 Konfigurasi Template Engine......................................................................................8

2.2 Desain utama...............................................................................................................8

2.3 Navigasi (Jika Ada).....................................................................................................9

2.4 Desain Lain (Jika Ada)................................................................................................9

Part 3 Crud Tabel 1: Nama tabel..............................................................................................10

 PART 1 COMPOSER DAN DATABASE

1.1 Composer

File composer.json pada aplikasi yang dibuat ialah sebagai berikut:

{
    "name": "rofilde/web-inter",
    "description": "Ini aplikasi web untuk kuliah 2022",
    "autoload": {
        "psr-4": {
            "Rofilde\\WebInter\\": "src/"
        }
    },
    "authors": [
        {
            "name": "Rofilde Hasudungan",
            "email": "rofilde@umkt.ac.id"
        }
    ],
    "minimum-stability": "dev",
    "require": {
        "rakit/validation": "dev-master",
        "illuminate/database": "10.x-dev",
        "illuminate/events": "10.x-dev",
        "twig/twig": "3.x-dev"
    }
}

1.2 Tabel pada Database

1.2.1 Tabel 1: Nama Tabel

1.2.2 Tabel 2: Nama Tabel

1.2.3 Tabel 3: Nama Tabel

1.2.4 Tabel 4: Nama Tabel

1.2.5 Tabel 5: Nama Tabel

1.3 Konfigurasi Database

Konfigurasi database pada program ini disimpan pada file konfigurasi-database.php dengan kode sebagai berikut:

<?php

//------- start database configuration

use Illuminate\Database\Capsule\Manager as Capsule;
$capsule = new Capsule;

$capsule->addConnection([
    'driver' => 'mysql',
    'host' => 'localhost',
    'database' => 'inter_web', // nama database yang dipakai
    'username' => 'root', // username dari database, jika pakai xampp biasanya root
    'password' => '', // password database, jika pakai xampp biasanya kosong
    'charset' => 'utf8',
    'collation' => 'utf8_unicode_ci',
    'prefix' => '',
]);

// Set the event dispatcher used by Eloquent models... (optional)

use Illuminate\Events\Dispatcher;
use Illuminate\Container\Container;
$capsule->setEventDispatcher(new Dispatcher(new Container));

// Make this Capsule instance available globally via static methods... (optional)
$capsule->setAsGlobal();

// Setup the Eloquent ORM... (optional; unless you've used setEventDispatcher())

$capsule->bootEloquent();

//--- End database configuration

 PART 2 TEMPLATE ENGINE

2.1 Konfigurasi Template Engine

Konfigurasi template engine terletak pada file dengan nama konfigurasi-template.php dengan kode sebagai berikut:

<?php

$loader = new \Twig\Loader\FilesystemLoader('../desain');

$twig = new \Twig\Environment($loader, []);

2.2 Desain utama

Desain utama pada website ini disimpan dalam file twig dengan nama utama.twig sebagai berikut:

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap demo</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css"
rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor"
crossorigin="anonymous">
  </head>
  <body>
    <div class="container">

    {% block konten %}

    {% endblock%}
    </div>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js"
integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2"
crossorigin="anonymous"></script>
  </body>
</html>

2.3 Navigasi (Jika Ada)

2.4 Desain Lain (Jika Ada)

 PART 3 CRUD TABEL 1: NAMA TABEL

3.1 Model

<?php

class Profil extends Illuminate\Database\Eloquent\Model {

    protected $table = "profil";
    public $timestamps = false;
}

3.2 Input Data

3.3 Tampilkan Semua Data

3.4 Tampilkan 1 Data

3.5 Menghapus Data

3.6 Edit Data

 PART 4 CRUD TABEL 2: NAMA TABEL

4.1 Model

4.2 Input Data

4.3 Tampilkan Semua Data

4.4 Tampilkan 1 Data

4.5 Menghapus Data

4.6 Edit Data

 PART 5 CRUD TABEL 3: NAMA TABEL

5.1 Model

5.2 Input Data

5.3 Tampilkan Semua Data

5.4 Tampilkan 1 Data

5.5 Menghapus Data

5.6 Edit Data

 PART 6 CRUD TABEL 4: NAMA TABEL

6.1 Model

6.2 Input Data

6.3 Tampilkan Semua Data

6.4 Tampilkan 1 Data

6.5 Menghapus Data

6.6 Edit Data

 PART 7 CRUD TABEL 5: NAMA TABEL

7.1 Model

7.2 Input Data

7.3 Tampilkan Semua Data

7.4 Tampilkan 1 Data

7.5 Menghapus Data

7.6 Edit Data