Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 2
-
Upload
akhmad-khanif-zyen -
Category
Software
-
view
1.551 -
download
7
description
Transcript of Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 2
![Page 1: Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 2](https://reader036.fdocument.pub/reader036/viewer/2022082309/5592be291a28abf9408b4662/html5/thumbnails/1.jpg)
Pemrograman Web Lanjut
Membuat Aplikasi Kesiswaan Menggunakan Yii Framework
Bagian 2
![Page 2: Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 2](https://reader036.fdocument.pub/reader036/viewer/2022082309/5592be291a28abf9408b4662/html5/thumbnails/2.jpg)
Tujuan
● Mengetahui bagaimana membaca address bar pada aplikasi Yii
● Mengetahui file-file mana saja yang perlu diedit untuk mengubah tampilan
● Mengetahui bagaimana relasi tabel bekerja dan bagaimana cara memanggil relasi tabel tersebut
![Page 3: Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 2](https://reader036.fdocument.pub/reader036/viewer/2022082309/5592be291a28abf9408b4662/html5/thumbnails/3.jpg)
Prasyarat
● Apakah kamu sudah mengenal konsep MVC sebelumnya?
● Apakah kamu sudah mengetahui bagaimana cara kerja relasi tabel dalam database?
![Page 4: Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 2](https://reader036.fdocument.pub/reader036/viewer/2022082309/5592be291a28abf9408b4662/html5/thumbnails/4.jpg)
Understanding Address
● Masuk ke browser
http://localhost/yii/demos/kesiswaan/index.php?r=siswa
● Masukkan user admin dan password admin●
![Page 5: Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 2](https://reader036.fdocument.pub/reader036/viewer/2022082309/5592be291a28abf9408b4662/html5/thumbnails/5.jpg)
Understanding Address
● Lihat dari address bar lokasi action kita
http://localhost/yii/demos/kesiswaan/index.php?r=siswa
Base Url
Trigger file(selalu sama)
Routes(selalu sama)
Controller
● Controller tanpa diikuti action, defaultnya adalah action index
![Page 6: Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 2](https://reader036.fdocument.pub/reader036/viewer/2022082309/5592be291a28abf9408b4662/html5/thumbnails/6.jpg)
Understanding Address
http://localhost/yii/demos/kesiswaan/index.php?r=siswa
http://localhost/yii/demos/kesiswaan/index.php?r=siswa/index
action
![Page 7: Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 2](https://reader036.fdocument.pub/reader036/viewer/2022082309/5592be291a28abf9408b4662/html5/thumbnails/7.jpg)
![Page 8: Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 2](https://reader036.fdocument.pub/reader036/viewer/2022082309/5592be291a28abf9408b4662/html5/thumbnails/8.jpg)
Understanding Views
● Siswas = Siswa● ID disembunyikan● NIS dipindahkan ke baris paling atas● ID Agama = Agama● Angka 1 dalam agama = Islam● ID Jenis Kelamin = Kelamin● Angka 1 dalam jenis kelamin = Laki-laki
![Page 9: Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 2](https://reader036.fdocument.pub/reader036/viewer/2022082309/5592be291a28abf9408b4662/html5/thumbnails/9.jpg)
Understanding Views
● Semua file views terletak di folder protected/views/ControllerName/
● Maka kita perlu edit file protected/views/siswa/index.php
● Hasilnya :
![Page 10: Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 2](https://reader036.fdocument.pub/reader036/viewer/2022082309/5592be291a28abf9408b4662/html5/thumbnails/10.jpg)
Understanding Views
● Khusus untuk label id agama ingin kita ubah jadi agama, maka kita perlu edit file protected/models/Siswa.php
![Page 11: Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 2](https://reader036.fdocument.pub/reader036/viewer/2022082309/5592be291a28abf9408b4662/html5/thumbnails/11.jpg)
Understanding Views
● Selanjutnya edit protected/views/siswa/_view.php
![Page 12: Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 2](https://reader036.fdocument.pub/reader036/viewer/2022082309/5592be291a28abf9408b4662/html5/thumbnails/12.jpg)
Understanding Views
● Lihat hasilnya dan rasakan perbandingannya dengan sebelumnya
![Page 13: Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 2](https://reader036.fdocument.pub/reader036/viewer/2022082309/5592be291a28abf9408b4662/html5/thumbnails/13.jpg)
Understanding Views
● Edit file protected/views/siswa/_view.php
![Page 14: Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 2](https://reader036.fdocument.pub/reader036/viewer/2022082309/5592be291a28abf9408b4662/html5/thumbnails/14.jpg)
Understanding Views
● Nah loh.. eror kan bro??
![Page 15: Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 2](https://reader036.fdocument.pub/reader036/viewer/2022082309/5592be291a28abf9408b4662/html5/thumbnails/15.jpg)
Understanding Views
● Dari pesan eror dapat dibaca bahwa tidak ditemukan file Agama.php
● Solusinya adalah membuat model untuk tabel agama dan tabel jenis kelamin
● Masih ingat caranya kan??● Silakan dibuka Bagian 1● Ingat!! Hanya buat model saja, tidak usah CRUD
![Page 16: Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 2](https://reader036.fdocument.pub/reader036/viewer/2022082309/5592be291a28abf9408b4662/html5/thumbnails/16.jpg)
Understanding Views
● Jika berhasil maka rasakan bedanya
![Page 17: Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 2](https://reader036.fdocument.pub/reader036/viewer/2022082309/5592be291a28abf9408b4662/html5/thumbnails/17.jpg)
How it Works
● Dalam kita membuat sebuah model, yii otomatis akan meng-generate juga relasinya. Maka biasakan mendesain database yg sudah berelasi, misal menggunakan aplikasi mysql workbench
● Buka file model di protected/models/Siswa.php untuk membaca relasinya,pada function relations
![Page 18: Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 2](https://reader036.fdocument.pub/reader036/viewer/2022082309/5592be291a28abf9408b4662/html5/thumbnails/18.jpg)
How It Works
● Dari yang sebelumnya $data->id_agama● Menjadi● $data->idAgama->nama
Baris dalam tabel siswa
Memanggil nama relasiDalam model Siswa
Mendapatkan field namadari tabel hasil relasi yaitu
tabel agama
![Page 19: Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 2](https://reader036.fdocument.pub/reader036/viewer/2022082309/5592be291a28abf9408b4662/html5/thumbnails/19.jpg)
Tugas
● Bukalah di browser http://localhost/yii/demos/kesiswaan/index.php?r=siswa/admin
● Dari tampilan tabel yang ada, ubahlah urutan yang kolom satu adalah Nis, kolom agama angka 1 menjadi islam, dan tambah kolom jenis kelamin isinya Laki laki atau perempuan bukan angka 1 atau 2
![Page 20: Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 2](https://reader036.fdocument.pub/reader036/viewer/2022082309/5592be291a28abf9408b4662/html5/thumbnails/20.jpg)
Kesimpulan
● Hasil Generate Code CRUD menggunakan Gii, sangat membantu programmer karena programer tidak perlu coding dari awal
● Tetap diperlukan penyesuaian untuk hasil generator CRUD, terutama untuk tabel yang berelasi
● Pada contoh diatas prosentase penggunaan hasil CRUD : modifikasi kode adalah 95:5
● Pada project skala besar, prosentase penggunaan gii : modifikasi kode adalah 40:60
● Masih tetep pake framework yang tanpa generate code?
![Page 21: Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 2](https://reader036.fdocument.pub/reader036/viewer/2022082309/5592be291a28abf9408b4662/html5/thumbnails/21.jpg)
![Page 22: Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 2](https://reader036.fdocument.pub/reader036/viewer/2022082309/5592be291a28abf9408b4662/html5/thumbnails/22.jpg)
SEKIAN DAN TERIMA KASIH