Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 1

18
Pemrograman Web Lanjut Membuat Aplikasi Kesiswaan Menggunakan Yii Framework Bagian 1

description

Seri Tutorial Membuat Aplikasi Kesiswaan Menggunakan Yii Framework Bagian 1

Transcript of Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 1

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

Pemrograman Web Lanjut

Membuat Aplikasi Kesiswaan Menggunakan Yii Framework

Bagian 1

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

Tujuan

● Mengetahui bagaimana cara membuat skeleton application bawaan Yii menggunakan command prompt

● Mengetahui bagaimana cara menghubungkan database dengan Yii

● Mengetahui bagaimana membuat model (representasi tabel) dengan Yii

● Mengetahui bagaimana membuat CRUD (create read update delete) dengan Yii

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

Prasyarat

● Apakah kamu sudah tahu logika pemrograman sebelumnya?● Apakah kamu sudah mengenal HTML sebelumnya?● Apakah kamu sudah mengenal PHP sebelumnya?● Apakah kamu sudah mengenal database Mysql sebelumnya?● Apakah kamu sudah mengenal konsep OOP dalam PHP

sebelumnya?● Apakah kamu sudah mengenal konsep MVC sebelumnya?

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

BELUM ??

Aduh ga usah lanjut deh, tar puyeng lho...*

* tidak berlaku bagi kamu yang modal nekat* puyeng ditanggung sendiri, karena saya tidak mau nanggung

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

Database Design● Buat diagram database menggunakan mysql workbench

● Klik Menu database - Forward engineer● Tambahkan data awal untuk tbl_agama (Islam, Kristen,

Hindu, Budha) dan tbl_jenis kelamin (Laki-laki, Perempuan)

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

Generate Initial App

● Masuk ke cmd, masuk ke lokasi framework, misal di c:\xampplite\htdocs\yii\framework

● Jalankan perintah yiic webapp ..\demos\kesiswaan

● Panggil di browser localhost/yii/demos/kesiswaan

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

Connect to Database

● edit file protected/config/main.php● Beri komentar pada database sqlite● Komentar dihapus pada database mysql,

beri namanya menjadi dbsiswa●

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

Activate Gii (Yii Code Generator)

● Hapus komentar gii, beri password misal 12345

● Panggil gii di browser localhost/yii/demos/kesiswaan/index.php?r=gii

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

Create Model Siswa

● Masuk ke Model Generator● Isikan table prefix, misal tbl_● Isikan tabel, misal tbl_siswa● Klik preview● Klik Generate● Pastikan muncul file baru di

protected/models/Siswa.php

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

● zz

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

Create CRUD Siswa

● Klik CRUD Generator● Masukkan model Siswa● Klik Preview● Klik Generate● Klik Try It Now untuk mencoba hasil

generate CRUD

Page 12: Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 1
Page 13: Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 1

Explore CRUD Application Created with Yii

● Silakan jelajahi sendiri untuk proses:● Create Siswa (tambahkan minimal 2

siswa)● Manage Siswa (lihat daftar siswa dalam

bentuk tabel)● Update Siswa (coba update nama salah

satu siswa)● Delete Siswa (coba hapus satu siswa)

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

Tugas

● Hapus database dbsiswa● Hapus folder demos/kesiswaan● Ulangi membuat database (forward

engineer) sampai berhasil membuat CRUD

● Ulangi tugas diatas sampai 20x

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

Kesimpulan

● Ulangi step-step diatas sampai 20x, sehingga kita akan hapal dengan langkah2 dasar dalam menggunakan Yii

● Pertama kali kita mencoba, mungkin bisa memakan waktu 1 jam, setelah mencoba mengulang2 selama 20x, kita akan hanya butuh waktu 5 menit saja untuk menghasilkan aplikasi CRUD sederhana

● Ini masih belum ngoding lho...,cuma ganti config beberapa baris saja● Bandingkan dengan membuat CRUD antara Yii dengan PHP murni● 5 menit : 2 jam● Masih mau pakai PHP murni ??

Page 16: Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 1
Page 17: Membuat Aplikasi Kesiswaan Menggunakan Yii Framework - Bagian 1

Upcoming Events...

● Membuat pilihan agama dan jenis kelamin ketika create Siswa

● Hak akses sederhana● Dan lain-lain...

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

SEKIAN DAN TERIMA KASIH