Seri tutorial Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 2

1. Pemrograman Web Lanjut
Membuat Aplikasi Kesiswaan Menggunakan
Yii Framework
Bagian 2

2. 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

3. Prasyarat
● Apakah kamu sudah mengenal konsep MVC
sebelumnya?
● Apakah kamu sudah mengetahui bagaimana cara
kerja relasi tabel dalam database?

4. Understanding Address
● Masuk ke browser
http://localhost/yii/demos/kesiswaan/index.php?r=siswa
● Masukkan user admin dan password admin
●

5. 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

6. Understanding Address
http://localhost/yii/demos/kesiswaan/index.php?r=siswa
http://localhost/yii/demos/kesiswaan/index.php?r=siswa/index
action

8. 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

9. Understanding Views
● Semua file views terletak di folder
protected/views/ControllerName/
● Maka kita perlu edit file
protected/views/siswa/index.php
● Hasilnya :

10. Understanding Views
● Khusus untuk label id agama ingin kita ubah jadi
agama, maka kita perlu edit file
protected/models/Siswa.php

11. Understanding Views
● Selanjutnya edit protected/views/siswa/_view.php

12. Understanding Views
● Lihat hasilnya dan rasakan perbandingannya dengan
sebelumnya

13. Understanding Views
● Edit file protected/views/siswa/_view.php

14. Understanding Views
● Nah loh.. eror kan bro??

15. 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

16. Understanding Views
● Jika berhasil maka rasakan bedanya

17. 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

18. How It Works
● Dari yang sebelumnya $data->id_agama
● Menjadi
● $data->idAgama->nama
Baris dalam
tabel siswa
Memanggil nama relasi
Dalam model Siswa
Mendapatkan field nama
dari tabel hasil relasi yaitu
tabel agama

19. 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

20. 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?

22. SEKIAN DAN TERIMA KASIH