SlideShare une entreprise Scribd logo
1  sur  18
Pemrograman Web Lanjut 
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
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?
BELUM ?? 
Aduh ga usah lanjut deh, tar puyeng lho...* 
* tidak berlaku bagi kamu yang modal nekat 
* puyeng ditanggung sendiri, karena saya tidak mau nanggung
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)
Generate Initial App 
● Masuk ke cmd, masuk ke lokasi 
framework, misal di 
c:xampplitehtdocsyiiframework 
● Jalankan perintah 
yiic webapp ..demoskesiswaan 
● Panggil di browser 
localhost/yii/demos/kesiswaan
Connect to Database 
● edit file protected/config/main.php 
● Beri komentar pada database sqlite 
● Komentar dihapus pada database mysql, 
beri namanya menjadi dbsiswa 
●
Activate Gii (Yii Code Generator) 
● Hapus komentar gii, beri password misal 
12345 
● Panggil gii di browser 
localhost/yii/demos/kesiswaan/index.php?r=gii
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
● zz
Create CRUD Siswa 
● Klik CRUD Generator 
● Masukkan model Siswa 
● Klik Preview 
● Klik Generate 
● Klik Try It Now untuk mencoba hasil 
generate CRUD
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)
Tugas 
● Hapus database dbsiswa 
● Hapus folder demos/kesiswaan 
● Ulangi membuat database (forward 
engineer) sampai berhasil membuat 
CRUD 
● Ulangi tugas diatas sampai 20x
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 ??
Upcoming Events... 
● Membuat pilihan agama dan jenis kelamin 
ketika create Siswa 
● Hak akses sederhana 
● Dan lain-lain...
SEKIAN DAN TERIMA KASIH

Contenu connexe

Similaire à Yii-CRUD

Dasarpemrogramanvisualbasic
DasarpemrogramanvisualbasicDasarpemrogramanvisualbasic
Dasarpemrogramanvisualbasicdhi her
 
Dasarpemrogramanvisualbasic
DasarpemrogramanvisualbasicDasarpemrogramanvisualbasic
Dasarpemrogramanvisualbasicdhi her
 
Pemrograman berorientasi objek ii 10 class
Pemrograman berorientasi objek ii   10 classPemrograman berorientasi objek ii   10 class
Pemrograman berorientasi objek ii 10 classEdri Yunizal
 
Pertemuan 1 Pengenalan Code Blocks
Pertemuan 1 Pengenalan Code BlocksPertemuan 1 Pengenalan Code Blocks
Pertemuan 1 Pengenalan Code BlocksEndang Retnoningsih
 
Tugas 5 1300631006
Tugas 5 1300631006Tugas 5 1300631006
Tugas 5 1300631006Ghede
 
Pertemuan 1 Pengenalan CodeBlocks (CB)
Pertemuan 1 Pengenalan CodeBlocks (CB)Pertemuan 1 Pengenalan CodeBlocks (CB)
Pertemuan 1 Pengenalan CodeBlocks (CB)Endang Retnoningsih
 
Dasar pemrograman visual basic
Dasar pemrograman visual basicDasar pemrograman visual basic
Dasar pemrograman visual basicAlvin Setiawan
 
Dasar pemrograman visual basic
Dasar pemrograman visual basicDasar pemrograman visual basic
Dasar pemrograman visual basicOcim Nationalism
 
Modul dasar pemrograman visual basic
Modul dasar pemrograman visual basicModul dasar pemrograman visual basic
Modul dasar pemrograman visual basicfitrah ilman
 
Membuat Portofolio Digital Dengan Google Sites.pdf
Membuat Portofolio Digital Dengan Google Sites.pdfMembuat Portofolio Digital Dengan Google Sites.pdf
Membuat Portofolio Digital Dengan Google Sites.pdfDeniCendrianto1
 
M odul 5 komponen dasar visual basic 2
M odul 5 komponen dasar visual basic 2M odul 5 komponen dasar visual basic 2
M odul 5 komponen dasar visual basic 2Jamil Jamil
 
M odul 5 komponen dasar visual basic
M odul 5 komponen dasar visual basicM odul 5 komponen dasar visual basic
M odul 5 komponen dasar visual basicJamil Jamil
 
Membuat Catatan Online dengan Cherrypy
Membuat Catatan Online dengan CherrypyMembuat Catatan Online dengan Cherrypy
Membuat Catatan Online dengan CherrypyRidwan Fadjar
 
Web berjalan di aplikasi yang bernama Web Server, yaitu aplikasi yang digunak...
Web berjalan di aplikasi yang bernama Web Server, yaitu aplikasi yang digunak...Web berjalan di aplikasi yang bernama Web Server, yaitu aplikasi yang digunak...
Web berjalan di aplikasi yang bernama Web Server, yaitu aplikasi yang digunak...MyChannel82
 
Netbeans jasper-tutorial
Netbeans jasper-tutorialNetbeans jasper-tutorial
Netbeans jasper-tutorialyunus pramono
 

Similaire à Yii-CRUD (20)

Dasarpemrogramanvisualbasic
DasarpemrogramanvisualbasicDasarpemrogramanvisualbasic
Dasarpemrogramanvisualbasic
 
Dasarpemrogramanvisualbasic
DasarpemrogramanvisualbasicDasarpemrogramanvisualbasic
Dasarpemrogramanvisualbasic
 
Tugas5 1300631009
Tugas5 1300631009Tugas5 1300631009
Tugas5 1300631009
 
Pemrograman berorientasi objek ii 10 class
Pemrograman berorientasi objek ii   10 classPemrograman berorientasi objek ii   10 class
Pemrograman berorientasi objek ii 10 class
 
Pertemuan 1 Pengenalan Code Blocks
Pertemuan 1 Pengenalan Code BlocksPertemuan 1 Pengenalan Code Blocks
Pertemuan 1 Pengenalan Code Blocks
 
Tugas5_1300631001
Tugas5_1300631001Tugas5_1300631001
Tugas5_1300631001
 
Tugas 5 1300631006
Tugas 5 1300631006Tugas 5 1300631006
Tugas 5 1300631006
 
AD ELEMEN 5.docx
AD ELEMEN 5.docxAD ELEMEN 5.docx
AD ELEMEN 5.docx
 
Pertemuan 1 Pengenalan CodeBlocks (CB)
Pertemuan 1 Pengenalan CodeBlocks (CB)Pertemuan 1 Pengenalan CodeBlocks (CB)
Pertemuan 1 Pengenalan CodeBlocks (CB)
 
Dasar pemrograman visual basic
Dasar pemrograman visual basicDasar pemrograman visual basic
Dasar pemrograman visual basic
 
Dasar pemrograman visual basic
Dasar pemrograman visual basicDasar pemrograman visual basic
Dasar pemrograman visual basic
 
Modul dasar pemrograman visual basic
Modul dasar pemrograman visual basicModul dasar pemrograman visual basic
Modul dasar pemrograman visual basic
 
Dasar pemrograman visual basic
Dasar pemrograman visual basicDasar pemrograman visual basic
Dasar pemrograman visual basic
 
Membuat Portofolio Digital Dengan Google Sites.pdf
Membuat Portofolio Digital Dengan Google Sites.pdfMembuat Portofolio Digital Dengan Google Sites.pdf
Membuat Portofolio Digital Dengan Google Sites.pdf
 
M odul 5 komponen dasar visual basic 2
M odul 5 komponen dasar visual basic 2M odul 5 komponen dasar visual basic 2
M odul 5 komponen dasar visual basic 2
 
M odul 5 komponen dasar visual basic
M odul 5 komponen dasar visual basicM odul 5 komponen dasar visual basic
M odul 5 komponen dasar visual basic
 
Membuat Catatan Online dengan Cherrypy
Membuat Catatan Online dengan CherrypyMembuat Catatan Online dengan Cherrypy
Membuat Catatan Online dengan Cherrypy
 
Cara setup-yii
Cara setup-yiiCara setup-yii
Cara setup-yii
 
Web berjalan di aplikasi yang bernama Web Server, yaitu aplikasi yang digunak...
Web berjalan di aplikasi yang bernama Web Server, yaitu aplikasi yang digunak...Web berjalan di aplikasi yang bernama Web Server, yaitu aplikasi yang digunak...
Web berjalan di aplikasi yang bernama Web Server, yaitu aplikasi yang digunak...
 
Netbeans jasper-tutorial
Netbeans jasper-tutorialNetbeans jasper-tutorial
Netbeans jasper-tutorial
 

Plus de Akhmad Khanif Zyen

Pemrograman Mobile Pertemuan 1
Pemrograman Mobile Pertemuan 1Pemrograman Mobile Pertemuan 1
Pemrograman Mobile Pertemuan 1Akhmad Khanif Zyen
 
Pemrograman Mobile Unit 2 : Dasar-dasar Flutter
Pemrograman Mobile Unit 2 : Dasar-dasar FlutterPemrograman Mobile Unit 2 : Dasar-dasar Flutter
Pemrograman Mobile Unit 2 : Dasar-dasar FlutterAkhmad Khanif Zyen
 
Pemrograman Mobile Unit 1 : Perkenalan
Pemrograman Mobile Unit 1 : PerkenalanPemrograman Mobile Unit 1 : Perkenalan
Pemrograman Mobile Unit 1 : PerkenalanAkhmad Khanif Zyen
 
Mobile Application 2 Pertemuan 5 Dasar Kotlin OOP Nested Class and Packages
Mobile Application 2 Pertemuan 5 Dasar Kotlin OOP Nested Class and PackagesMobile Application 2 Pertemuan 5 Dasar Kotlin OOP Nested Class and Packages
Mobile Application 2 Pertemuan 5 Dasar Kotlin OOP Nested Class and PackagesAkhmad Khanif Zyen
 
Mobile Application 2 Pertemuan 4 Dasar Kotlin OOP Polymorphism
Mobile Application 2 Pertemuan 4 Dasar Kotlin OOP PolymorphismMobile Application 2 Pertemuan 4 Dasar Kotlin OOP Polymorphism
Mobile Application 2 Pertemuan 4 Dasar Kotlin OOP PolymorphismAkhmad Khanif Zyen
 
Mobile Application 2 Pertemuan 3 Dasar Kotlin Object Oriented Programming
Mobile Application 2 Pertemuan 3 Dasar Kotlin Object Oriented ProgrammingMobile Application 2 Pertemuan 3 Dasar Kotlin Object Oriented Programming
Mobile Application 2 Pertemuan 3 Dasar Kotlin Object Oriented ProgrammingAkhmad Khanif Zyen
 
Mobile Application 2 Pertemuan 2 Dasar Kotlin Loop Control, Collection dan Fu...
Mobile Application 2 Pertemuan 2 Dasar Kotlin Loop Control, Collection dan Fu...Mobile Application 2 Pertemuan 2 Dasar Kotlin Loop Control, Collection dan Fu...
Mobile Application 2 Pertemuan 2 Dasar Kotlin Loop Control, Collection dan Fu...Akhmad Khanif Zyen
 
Mobile Application 2 Pertemuan 1 Pengantar Kotlin
Mobile Application 2 Pertemuan 1 Pengantar KotlinMobile Application 2 Pertemuan 1 Pengantar Kotlin
Mobile Application 2 Pertemuan 1 Pengantar KotlinAkhmad Khanif Zyen
 
Surat keterangan garansi software
Surat keterangan garansi softwareSurat keterangan garansi software
Surat keterangan garansi softwareAkhmad Khanif Zyen
 

Plus de Akhmad Khanif Zyen (13)

Pemrograman Mobile Pertemuan 1
Pemrograman Mobile Pertemuan 1Pemrograman Mobile Pertemuan 1
Pemrograman Mobile Pertemuan 1
 
Yii2 fundamentals bagian 1
Yii2 fundamentals   bagian 1Yii2 fundamentals   bagian 1
Yii2 fundamentals bagian 1
 
Pemrograman Mobile Unit 2 : Dasar-dasar Flutter
Pemrograman Mobile Unit 2 : Dasar-dasar FlutterPemrograman Mobile Unit 2 : Dasar-dasar Flutter
Pemrograman Mobile Unit 2 : Dasar-dasar Flutter
 
Pemrograman Mobile Unit 1 : Perkenalan
Pemrograman Mobile Unit 1 : PerkenalanPemrograman Mobile Unit 1 : Perkenalan
Pemrograman Mobile Unit 1 : Perkenalan
 
Mobile app syllabus 2019
Mobile app syllabus 2019Mobile app syllabus 2019
Mobile app syllabus 2019
 
Mobile Application 2 Pertemuan 5 Dasar Kotlin OOP Nested Class and Packages
Mobile Application 2 Pertemuan 5 Dasar Kotlin OOP Nested Class and PackagesMobile Application 2 Pertemuan 5 Dasar Kotlin OOP Nested Class and Packages
Mobile Application 2 Pertemuan 5 Dasar Kotlin OOP Nested Class and Packages
 
Mobile Application 2 Pertemuan 4 Dasar Kotlin OOP Polymorphism
Mobile Application 2 Pertemuan 4 Dasar Kotlin OOP PolymorphismMobile Application 2 Pertemuan 4 Dasar Kotlin OOP Polymorphism
Mobile Application 2 Pertemuan 4 Dasar Kotlin OOP Polymorphism
 
Mobile Application 2 Pertemuan 3 Dasar Kotlin Object Oriented Programming
Mobile Application 2 Pertemuan 3 Dasar Kotlin Object Oriented ProgrammingMobile Application 2 Pertemuan 3 Dasar Kotlin Object Oriented Programming
Mobile Application 2 Pertemuan 3 Dasar Kotlin Object Oriented Programming
 
Mobile Application 2 Pertemuan 2 Dasar Kotlin Loop Control, Collection dan Fu...
Mobile Application 2 Pertemuan 2 Dasar Kotlin Loop Control, Collection dan Fu...Mobile Application 2 Pertemuan 2 Dasar Kotlin Loop Control, Collection dan Fu...
Mobile Application 2 Pertemuan 2 Dasar Kotlin Loop Control, Collection dan Fu...
 
Mobile Application 2 Pertemuan 1 Pengantar Kotlin
Mobile Application 2 Pertemuan 1 Pengantar KotlinMobile Application 2 Pertemuan 1 Pengantar Kotlin
Mobile Application 2 Pertemuan 1 Pengantar Kotlin
 
Filosofi belajar abad 21
Filosofi belajar abad 21Filosofi belajar abad 21
Filosofi belajar abad 21
 
Perintah dasar Linux
Perintah dasar LinuxPerintah dasar Linux
Perintah dasar Linux
 
Surat keterangan garansi software
Surat keterangan garansi softwareSurat keterangan garansi software
Surat keterangan garansi software
 

Yii-CRUD

  • 1. Pemrograman Web Lanjut Membuat Aplikasi Kesiswaan Menggunakan Yii Framework Bagian 1
  • 2. 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
  • 3. 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?
  • 4. BELUM ?? Aduh ga usah lanjut deh, tar puyeng lho...* * tidak berlaku bagi kamu yang modal nekat * puyeng ditanggung sendiri, karena saya tidak mau nanggung
  • 5. 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)
  • 6. Generate Initial App ● Masuk ke cmd, masuk ke lokasi framework, misal di c:xampplitehtdocsyiiframework ● Jalankan perintah yiic webapp ..demoskesiswaan ● Panggil di browser localhost/yii/demos/kesiswaan
  • 7. Connect to Database ● edit file protected/config/main.php ● Beri komentar pada database sqlite ● Komentar dihapus pada database mysql, beri namanya menjadi dbsiswa ●
  • 8. Activate Gii (Yii Code Generator) ● Hapus komentar gii, beri password misal 12345 ● Panggil gii di browser localhost/yii/demos/kesiswaan/index.php?r=gii
  • 9. 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
  • 11. Create CRUD Siswa ● Klik CRUD Generator ● Masukkan model Siswa ● Klik Preview ● Klik Generate ● Klik Try It Now untuk mencoba hasil generate CRUD
  • 12.
  • 13. 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)
  • 14. Tugas ● Hapus database dbsiswa ● Hapus folder demos/kesiswaan ● Ulangi membuat database (forward engineer) sampai berhasil membuat CRUD ● Ulangi tugas diatas sampai 20x
  • 15. 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 ??
  • 16.
  • 17. Upcoming Events... ● Membuat pilihan agama dan jenis kelamin ketika create Siswa ● Hak akses sederhana ● Dan lain-lain...