Scribd
Unggah
13 tayangan7 halaman

Job13 Laravel

Dokumen ini menjelaskan mata kuliah Pemrograman Web dengan fokus pada pembuatan aplikasi CRUD menggunakan Laravel. Mahasiswa diharapkan dapat memahami konsep CRUD, melakukan validasi data, dan menampilkan pesan pop-up. Selain itu, dokumen ini juga mencakup langkah-langkah praktikum untuk implementasi fitur dalam aplikasi.

Diunggah oleh

thevillain911
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
13 tayangan7 halaman

Job13 Laravel

Dokumen ini menjelaskan mata kuliah Pemrograman Web dengan fokus pada pembuatan aplikasi CRUD menggunakan Laravel. Mahasiswa diharapkan dapat memahami konsep CRUD, melakukan validasi data, dan menampilkan pesan pop-up. Selain itu, dokumen ini juga mencakup langkah-langkah praktikum untuk implementasi fitur dalam aplikasi.

Diunggah oleh

thevillain911
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 7

Fakultas Teknik UNP Padang Waktu : 4x50 menit

Jurusan : Teknik Elektronika Mata Kuliah : Pemrograman Web


Prodi : Informatika Topik : Validasi Data dan
Menambahkan Pesan
Kode : TIK1.61.4318 Judul : Pembuatan Aplikasi CRUD

A. LEARNING OUTCOMES
Setelah mengikuti perkuliahan ini diharapkan mahasiswa mampu :
1. Memahami dan menjelaskan konsep CRUD.
2. Dapat memvalidasi kebenaran data.
3. Dapat menampilkan pesan atau pop-up.
4. Dapat membuat projek dengan Laravel.

B. ALAT DAN BAHAN


1. PC/Laptop
2. Browser Internet (Internet Explorer/Mozilla Firefox/Google Chrome)
3. XAMPP/Laragon
4. Text Editor (Visual Studio Code)

C. TEORI SINGKAT
CRUD
CRUD adalah serangkaian fungsionalitas mendasar yang biasanya digunakan dalam
manajemen database.
CRUD mencakup fungsi Create, Read, Update, dan Delete. Fungsi tersebut merupakan
dasar untuk sebagian besar aplikasi software yang berhubungan dengan penyimpanan dan
pengambilan data.
Fungsi CRUD:
Create
Dengan fungsi Create, pengguna dapat menambahkan catatan atau entri baru ke database.
Fungsi ini meliputi memasukkan data ke dalam database, membuat baris baru dalam tabel, dan
menentukan nilai untuk atribut (kolom) dari baris itu. Sebagai contoh, saat pengguna membuat akun
pengguna baru di website, informasi yang relevan seperti nama, alamat e-mail, dan password
dimasukkan ke dalam database.
Read
Fungsi Read membantu pengguna untuk mengambil atau mengakses data yang ada dari
database, seperti saat mencari catatan tertentu atau memperoleh semua catatan yang memenuhi
kriteria tertentu. Misalnya, saat pengguna masuk ke website, aplikasi akan melakukan operasi Read
untuk mengakses informasi akun mereka dari database dan menampilkannya di layar.
Update
Update memungkinkan pengguna untuk mengubah atau mengedit data yang ada di database.
Misalnya, jika pengguna ingin mengubah alamat e-mail-nya atau memperbarui informasi tertentu
di profilnya, aplikasi akan menjalankan operasi Update untuk mengubah data yang relevan di
database.

1 DOSEN PENGAMPU; IKA PARMA DEWI,M.PD.T


Delete
Fungsi Delete memberi akses ke pengguna untuk menghapus data yang tidak diinginkan dari
database. Dengan demikian, saat pengguna ingin menghapus akunnya di suatu website, aplikasi
akan melakukan Delete untuk menghapus data tersebut dari database.

2 DOSEN PENGAMPU; IKA PARMA DEWI,M.PD.T


D. LANGKAH KERJA
1) Proses Validasi Data
1. Tambahkan kodingan ini pada halaman mahasiswaController.php

2. Masukan kodingan berikut untuk menambah fitur pop-up, saat data yang dimasukan salah.
Tambahkan pada file create.blade.php

3. Buka http://127.0.0.1:8000/mahasiswa/create setelah mengetikan php artisan serve pada


terminal , dan jika data yang kita isikan tidak sesuai atau tidak ada data maka akan muncul
po-pup seperti ini. Hanya saja masih dalam penulisan Bahasa Inggris

3 DOSEN PENGAMPU; IKA PARMA DEWI,M.PD.T


4. Untuk mengubah kalimat sesuai kalimat yang kita inginkan, tambahkan kodingan berikut
pada file:
a. mahasiswaController.php

b. create.blade.php

4 DOSEN PENGAMPU; IKA PARMA DEWI,M.PD.T


5. Buka http://127.0.0.1:8000/mahasiswa/create setelah mengetikan php artisan serve pada
terminal , dan jika data yang kita isikan tidak sesuai atau tidak ada data maka akan muncul
po-pup seperti pada gambar sesuai dengan yang telah kita tuliskan pada kodingan

5 DOSEN PENGAMPU; IKA PARMA DEWI,M.PD.T


6. Menembahkan fitur ketika kita selesai menambahkan data maka akan otomatis menampilkan
halaman mahasiswa yang menampilkan tabel database, dengan menambahkan kodingan
berikut pada file

mahasiswaController.php pada function store

template.blade.php

7. Uji di http://127.0.0.1:8000/mahasiswa/create, kemudian coba untuk memasukan data,


hanya saja data belum masuk ke dalam tabel

6 DOSEN PENGAMPU; IKA PARMA DEWI,M.PD.T


2) Menambahkan Blade Pesan

8. Untuk merapikan kodingan, pada resources/views kemudian buat file baru bernama
komponen kemudian buat file pesan.blade.php, setelah itu, pindahkan kodingan dari
create.blade.php berikut

9. Kemudian uji kembali langkah no.7


10. Tambahkan kodingan berikut di index.blade.php, untuk membuat button tambah data
berfungsi dan langsung mengarah ke halaman create data

11. Tambahkan kodingan ini pada template.blade.php

12. Buka http://127.0.0.1:8000/mahasiswa, kemudian uji button tambah data


E. Langkah Kerja
1. Lakukan praktikum sesuai langkah kerja yang diberikan

7 DOSEN PENGAMPU; IKA PARMA DEWI,M.PD.T

Anda mungkin juga menyukai