JOBSHEET

SMKN 1 LUBUK SIKAPING No. Job Sheet : 7

Rekayasa Perangkat Lunak Kelas : XII
Kopetensi Dasar :
Merancang sistem informasi web
Judul : Mengedit Data

1. Tujuan :
Melalui praktek dan penugasan, peserta didik dapat membuat fitur login dan register
di framework laravel sesuai prosedur serta mengembangkan sikap percaya diri
dalam bekerja.
2. Teori Singkat
Framework laravel adalalah salah satu framework yang digunakan untuk merancang
website.framework laravel ini sudah menyediakan vitur login dan register untuk
mengelola aplikasi yang kita rancang.
Pada laravel 8 menyediakan package baru yang bernama Jetstream. Jetstream ini
digunakan untuk membuat scaffolding Authentication dengan penambahan banyak
fitur diantaranya register,login, email verification, two factor authentification, session
managemen,api support via laravel sanctum dan optional team managemen.

3. Alat / Bahan
a. Satu buah laptop/pc
b. Software web server( xampp versi 7.3 keatas) dan software
editor(Notepad,visual studio code, macromedia dreamweafer, dll) studio,aplikasi
web server, dan web browser
c. Software web browser untuk mengakses halaman web
d. Software composer
e. Jaringan internet untuk menginstal laravel

4. Keselamatan Kerja
 Hidupkanlah perangkat computer dengan langkah-langkah yang benar
 Duduklah didepan computer dengan posisi yang distandarkan
 Gunakanlah keyboard dan mouse sesuai dengan ketentuan
 Jika menggunakan alat penyimpan data seperti flas disk, jangan lupa menscan
terlebih dahulu dengan anti virus
 Letakkan modul atau job sheet ditempat yang mudah terlihat
 Setelah selesai simpanlah hasil pekerjaan anda didalam memori computer atau
dalam removable disk
 Matikan computer dengan cara yang benar
 Yakinkan bahwa sebelum meninggalkan ruangan, sambungan listrik untuk
computer sudah padam.
5. Langkah Kerja
Langkah-langkah menginput data adalah sebagai berikut:
1. Bukalah file MapelController.php, yang terdapat pada:
app\Http\Controllers\MapelController.php
2. Tambahkan dua buah method yaitu method edit dan method update. Ketik
kode berikut:
public function edit(Mapel $mapel)
{
return view('mapel.edit', compact('mapel'));
}
public function update(Request $request, Mapel $mapel)
{
$this->validate($request, [
'nama_mapel' => 'required',
'namaguru' => 'required'
]);
//get data mapel by ID

$mapel=Mapel::findOrFail($mapel->id);
$mapel->update([
'nama_mapel'=>$request->nama_mapel,
'namaguru'=>$request->namaguru
]);

if($mapel){
//redirect dengan pesan sukses
return redirect()->route('mapel.index')->with(['success'=>'Data berhasil
disimpan']);
}else{
return redirect()->route('mapel.index')->with(['error'=>'Data gagal disimpan']);
}
}

3. Butlah file baru dengan nama edit.blade.php dan simpan di dalam folder
resources/views/mapel/. Ketik kode berikut pada file tsb:

@extends('template')
@section('judul_halaman','')
@section('konten')

<div class="container mt-5 mb-5">

<div class="row">
<div class="col-md-12">
<div class="card border-0 shadow rounded">
<div class="card-body">
<form action="{{ route('mapel.update', $mapel->id) }}"
 method="POST" enctype="multipart/form-data">
@csrf
@method('PUT')
<div class="form-group">
<label class="font-weight-bold">NAMA MATA
PELAJARAN</label>
<input type="text" class="form-control @error('nama_mapel') is-
invalid @enderror" name="nama_mapel" value="{{ old('nama_mapel', $mapel-
>nama_mapel) }}" placeholder="Masukkan Nama">
@error('nama_mapel')
<div class="alert alert-danger mt-2">
{{ $message }}
</div>
@enderror
</div>
<div class="form-group">
<label class="font-weight-bold">NAMA GURU</label>
<input type="text" class="form-control @error('namaguru') is-
invalid @enderror" name="namaguru" value="{{ old('namaguru', $mapel->namaguru )
}}" placeholder="Masukkan nama guru">
@error('namaguru')
<div class="alert alert-danger mt-2">
{{ $message }}
</div>
@enderror
</div>
<button type="submit" class="btn btn-md btn-
primary">SIMPAN</button>
<button type="reset" class="btn btn-md btn-
warning">RESET</button>
</form>
</div>
</div>
</div>
</div>
</div>

@endsection

4. Bukalah web browser kemudian akses: http://localhost:8000/mapel,

kemudian klik tombol edit pada salah satu data.
Mengetahui, Lubuk Sikaping, Juni 2020
Kepala SMKN 1 Lubuk Sikaping Guru Mata Pelajaran

M U S L I M, M.Pd. HAFIZ HARAFI, S.Pd

NIP. 197508122005011012 NIP. 197905242009011004