Latihan Form

Pemrograman WEB Lanjut

Oleh :
I Putu Angga Kerta Leona Putra
1815091052 /4b

Progam Studi Sistem Informasi

Teknik Informatika
Universitas Pendidikan Ganesha
2020
LATIHAN MEMBUAT DAN MENGIRIMKAN NILAI DARI FORM
1. Tampilan Form.

2. Tampilan form tanpa diisikan nama dan lain-lain akan memberikan petunjuk.

3. Jika nilai lebih dari 70 maka akan muncul status Lulus, lainnya akan muncul status tidak
Lulus. Khusus untuk prodi Sistem Informasi, jika nilai lebih dari 80 baru dinyatakan
lulus.
Syntak ROUTING:
<?php

/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/

// Route::get('/', function (){

// return view('welcome');

// });

//Dari Controller mengakses ke view

Route::post('/hasil','berandaCont@showHasil');
Route::get('/index', function () {
return view('beranda/index');
});
// meakses views tanpa melalui
// Route::get('/beranda/about',function(){
// return view('beranda/about');
// });

Route::get('/about','berandaCont@about');
Route::get('/contact','berandaCont@contact');
Route::get('/','berandaCont@home');
Syntak CONTROLLER:
<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class berandaCont extends Controller

{
// Membuat function di controller yang akan bertugas memanggil views yang akan di akses
public function showHasil(Request $req){
$nama = $req->nama;
$nilai = $req->nilai;
$prodi = $req->prodi;
//menentukan keterangan nilai
if($nilai < 70 && $prodi != 3){
$status = 'Nilai Anda Kurang, Anda TIDAK LULUS';
}
else if($nilai < 80 && $prodi == 3){
$status = 'Nilai Anda Kurang, Anda TIDAK LULUS';
}
else{
$status = 'Nilai Anda Pas, Anda LULUS';
}
//menentukan untuk memilih prodi
if($prodi == 1){
$prodiStat = " Menjemen Informatika ";
}else if($prodi == 2){
$prodiStat = " Pendidikan Teknik Informatika ";
}else if($prodi == 3){
$prodiStat = " Sistem Informasi ";
}else{
$prodiStat = " Ilmu Komputer ";
}
return view('beranda/hasil',["var_nama"=>$nama,"var_ket"=>$status,"var_nilai"=>$nilai,"v
ar_prodi"=>$prodiStat]);
}
//menentukan untuk menentukan pilihan berikutnya
return view('beranda/about');
}
public function contact(){
return view('beranda/contact');
}
public function home(){
 return view('beranda/index');
}
}
Syntak VIEW:
Index.blade.php
@extends('beranda/parents') //membuat inheritance

@section('title') //mengawali bagian judul

Home
@endsection //mengakhiri bagian judul

@section('content')
<div class="jumbotron mt-3">
<h1 class="display-4">Form Input Nilai Mahasiswa</h1>
<hr class="my-4">
<form class="col-md-8 needs-
validation" action="{{url('/hasil')}}" method="POST" novalidate>//membuat perintah post yang
akan di kirim ke database
{{csrf_field()}}
<div class="form-group">
<label for="formGroupExampleInput">Nama Mahasiswa</label>
<input type="text" class="form-
control" id="formGroupExampleInput" autocomplete="off" placeholder="Nama Lengkap" name
="nama" value="{{old('nama')}}" required>
<div class="invalid-feedback">Masukkan Nama Anda</div>
</div>
<div class="form-group">
<label for="formGroupCustom-SelectInput">Program Studi</label>
<select class="custom-select" name="prodi" id="formGroupCustom-
SelectInput"required>
<option value="">Pilih...</option>//membuat opsi pilihin untuk memilih prodi yang
ingin dimasukkan
<option value="1">Manajemen Informatika</option>
<option value="2">Pendidikan Teknik Informatika</option>
<option value="3">Sistem Informasi</option>
<option value="4">Ilmu Komputer</option>
</select>
<div class="invalid-feedback">Pilih Dulu Program Studinya</div>//memberitahu
kepada pengguna supaya tidak mengkosongkan
</div>
<div class="form-group">
<label for="formGroupExampleInput2">Nilai Mahasiswa</label>
 <input type="text" class="form-
control" id="formGroupExampleInput2" autocomplete="off" placeholder="Nilai Akhir" name="
nilai" value="{{old('nilai')}}" required>
<div class="invalid-feedback">Isi Dulu Nilainya</div>
</div>
<button type="submit" class="btn btn-
primary" value="submit">Proses Nilai</button>//memproses nilai untuk mencari keterangannya
<button type="reset" class="btn btn-secondary">Batal</button>
</form>
</div>
@endsection

parents.blade.php
(merupakan file yang akan diwarisi (inheritance pada file file lainnya yang terkait)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Link -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4
.1/css/bootstrap.min.css" integrity="sha384-
Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="an
onymous">
<title>Nilai Mahasiswa - @yield('title')</title>

</head>
<body>
<!-- Navbar Link -->
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<a class="navbar-brand" href="#">Nilai Mahasiswa</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-
target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-
expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="/index">Home<span class="sr-
only">(current)</span></a>
</li>
<li class="nav-item">
 <a class="nav-link" href="/about">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/contact">Contact</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-
toggle" href="#" id="navbarDropdownMenuLink" role="button" data-
toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown link
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
</ul>
</div>
</nav>

<div class="container">
@yield('content')
</div>
<!-- JS -->
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-
J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="an
onymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js
" integrity="sha384-
Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="an
onymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.
js" integrity="sha384-
wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="an
onymous"></script>
<script src="{{asset('js/script.js')}}"></script>
</body>
</html>
contact.blade.php
@extends('beranda/parents') // inheritance nvabar dari beranda
@section('title') //mengawali bagian judul
Hubungi
@endsection //mengakhiri bagian judul
@section('content')
<div class="jumbotron mt-3">
<h1 class="display-4">Hubungi nomer telpon ini 0631 693 2846</h1>
<hr class="my-4">
<a class="btn btn-primary btn-
lg" href="/about" role="button">Hubungi</a>//membuat button
</div>
@endsection
about.blade.php
@extends('beranda/parents')// inheritance nvabar dari beranda
@section('title')
About
@endsection
@section('content')
<div class="jumbotron mt-3">
<h1 class="display-4">Halo Ini About Saya</h1>
<hr class="my-4">
<p>It uses utility classes for typography and spacing to space content out wi
thin the larger container.</p>
<a class="btn btn-primary btn-lg" href="/about" role="button">Learn more</a>
</div>
@endsection
hasil.blade.php
@extends('beranda/parents')
@section('title')
Hasil
@endsection
@section('content')
<div class="jumbotron mt-3">
<h1 class="display-4">Hasil Proses</h1>
<hr>
<h5><label for="namaMahasiswa">Nama Mahasiswa</label></h5>
<h2 id="namaMahasiswa">{{$var_nama}}</h2>//menampilkan nama mahasiswa yang
dimasukkan
<h5><label for="programStudi">Program Studi</label></h5>
<h2 id="programStudi">{{$var_prodi}}</h2>>//menampilkan Prodi mahasiswa yang
dimasukkan

<h5><label for="nilaiMahasiswa">Nilai Mahasiswa</label></h5>

<h2 id="nilaiMahasiswa">{{$var_nilai}}</h2>>//menampilkan nilai mahasiswa yang
dimasukkan

<h5><label for="keput">Keterangan Nilai</label></h5>

 <h2 id="programStudi">{{$var_ket}}</h2>//memberi keterangan lulus atau tidak
lulus
<a href="{{url('/index')}}"><button type="submit" class="btn btn-
primary" actio>Proses Nilai lagi</button></a>//membuat button proses nilai lagi
</div>
@endsection