Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 2

22
Pemrograman Web Lanjut Membuat Aplikasi Kesiswaan Menggunakan Yii Framework Bagian 2

description

Seri tutorial Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 2

Transcript of Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 2

Page 1: Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 2

Pemrograman Web Lanjut

Membuat Aplikasi Kesiswaan Menggunakan Yii Framework

Bagian 2

Page 2: Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 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

Page 3: Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 2

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

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

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

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
Page 8: Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 2

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

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

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

Understanding Views

● Selanjutnya edit protected/views/siswa/_view.php

Page 12: Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 2

Understanding Views

● Lihat hasilnya dan rasakan perbandingannya dengan sebelumnya

Page 13: Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 2

Understanding Views

● Edit file protected/views/siswa/_view.php

Page 14: Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 2

Understanding Views

● Nah loh.. eror kan bro??

Page 15: Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 2

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

Understanding Views

● Jika berhasil maka rasakan bedanya

Page 17: Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 2

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

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

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

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
Page 22: Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 2

SEKIAN DAN TERIMA KASIH