PEMROGRAMAN BERBASIS WEB

PEMBUATAN PENGOLAHAN BASIS DATA MAHASISWA DENGAN 

YII FRAMEWORK

Disusun oleh:

Mahmudi

NIM : 13220022

PROGRAM STUDI TEKNIK  INFORMATIKA

FAKULTAS SAINS DAN TEKNOLOGI

UNIVERSITAS RESPATI YOGYAKARTA

2016

BAB I

Yii Framework

Yii merupakan salah satu dari sekian banyak framework PHP yang cukup populer dikalangan PHP Developer, bisa dilihat dari http://www.phpframeworks.com/top-10-php-frameworks/ bahwa Yii termasuk dalam 10 besar framework PHP dunia.

Adapun Yii di kembangkan oleh Qiang Xue pada 1 Januari 2008, seorang programmer berkebangsaan China yang sebelum nya juga telah mengembangkan framework PHP bernama Prado. Oleh karena itu tak heran jika Qiang juga mengadopsi teknik-teknik yang dipakai pada Prado saat mengembangkan Yii. Selain terinspirasi oleh Prado, Yii juga terinspirasi oleh framework luar yaitu Ruby On Rails terutama pada mekanisme ORM nya. Dan masih banyak lagi yang menginspirasi Yii framework seperti Symfony dan Joomla.

Fitur Yii

·         MVC(Model - View - Controller) 

Hampir semua framework PHP saat ini berbasis MVC, tidak terkecuali Yii karena dengan MVC aplikasi menjadi lebih terstruktur dan mudah di pahami.

·         ORM(Object Relational Mapping)

Object Relational Mapping merupakan salah satu keunggulan Yii dalam urusan Database, jika kita lihat secara spesifik lagi maka Yii sebenarnya menyediakan mekanisme seperti DAO(Data Access Object), Query Builder(seperti di framework CI), Active Record(ORM) dan Database Migration. Dengan ORM pekerjaan developer menjadi terbantu karena tidak perlu menulis query SQL yang rumit lagi, cukup dengan memanggil fungsi-fungsi tertentu.

·         Form input dan validasi

Yii sangat membantu sekali dalam urusan menangani form input, karena para developer telah disediakan sejumlah validator yang akan memvalidasi inputan dari pengguna aplikasi dengan cara yang mudah dan efisien.

·         Widget

Widget merupakan konsep di Yii yang menyediakan komponen-komponen user interface yang siap pakai, misal nya data grid, autocomplete, tree view dll. Adapun widget-widget ini ada yang terintegrasi dengan library Jquery sehingga memungkinkan untuk mekanisme AJAX.

·         Autentikasi dan Autorisasi

Yii sudah menyediakan mekanisme Autentikasi(login, logout) dan Autorisasi(hak akses) terhadap pengguna sistem, sehingga kita tidak perlu lagi repot-repot membuat dari pertama.

·         Skin dan Tema

Masalah tampilan pun sudah di perhatikan  oleh Yii, dengan konsep Skinning kita bisa meng-costumize tampilan komponen user interface di aplikasi kita menggunakan CSS sedangkan dengan konsep Theming kita bisa mengganti-ganti seluruh tampilan aplikasi dengan mudah.

·         Web Service

Yii memiliki support yang cukup baik untuk membuat web service pada web kita seperti meng-generate spesifikasi WSDL service secara otomatis.

·         Internationalization(I18N) dan Localization(L10N)

Yii mensupport translasi pesan, tanggal dan format waktu sesuai dengan lokasi dimana anda berada.

·         Caching

Dengan caching, aplikasi yang kita rancang bisa menjadi lebih cepat, dan Yii mempermudah mekanisme itu dengan menyediakan class-class yang siap pakai dan mensupport banyak teknik seperti APC dan memcached.

·         Penanganan Error dan Logging

Segala pesan error yang keluar dari aplikasi anda ditampilkan secara bagus dan mudah dimengerti, mekanisme logging nya juga sangat bagus, sebab kita bisa memilih untuk menampilkan langsung ataupun disimpan ke suatu file di server.

·         Security

Yii memiliki fitur keamanan yang membantu dalam mencegah serangan-serangan seperit SQL Injection, XSS, CSRF, Cookie Tampering dll.

·         Bisa bekerja dengan library luar(3rd party)

Yii telah di desain sedemikian rupa sehingga kita bisa memasang library external dari pihak ketiga untuk di sematkan dalam aplikasi kita

·         Dokumentasi yang lengkap

Dokumentasi Yii framework bisa dibilang cukup lengkap, setiap method dan property sudah terdokumentasi dengan baik, buku-buku(ebook) dan tutorial mengenai Yii juga lengkap di website nya

·         Unit dan Fuctional testing

Yii memiliki support penuh terhadap Test Driven Development, sehingga melakukan testing terhadap aplikasi kita menjadi lebih mudah dan menyenangkan, Yii mensupport PHPUnit dan Selenium.

·         Extensions

Yii memiliki segudang extensions. Extension sendiri merupakan kontribusi dari pengguna-pengguna Yii dengan membuat widget, library ataupun component yang bisa dipakai dan belum ada di Yii secara built-in.

BAB II

1     1. Buka xampp control panel dan klik start pada apache dan mysql

Gambar 0.1

1.     Buka browser dan buat  database dan buat tabel fakultas dengan nama seperti pada gambar dibawah ini dan jangan lupa buat kode fakultas sebagai kunci utama

Gambar 0.2

2.      Kemudian buat tabel mahasiswa dngan nama tabel seperti di Gambar 0.3 dan buat NIM sebagai kunci utama dengan cara mengklik gambar kunci pada baris NIM

Gambar 0.3

3.      Kemudian buat tabel prodi dengan nama seperti diGambar 0.4  dan buat kode prodi sebagai kunci utamanya

Gambar 0.4

4.      Setelah selesai kita eksport databasenya dengan cara klik database dan kemudian klik eksport terus klik kirim

Gambar 0.5

5.      Sekarang databse sudah di eksport dan berada pada file download seperti di Gambar0.6

Gambar 0.6

6.      Kemudian copy yii framework yang basic seperti Gambar 0.7 ke dalam data c – xampp –htdocs

Gambar 0.7

7.      Jangan lupa database yang udah dibuat tadi dicopy kedalam folder basic tadi yang di copy ke dalam htdocs

Gambar 0.8

BAB III

1.      Cara selanjutnya buka browser  dan masukkan alamat ini localhost/basic/web/index.php?r=gii  dan jalankan jangan lupa xampp control panelnya dihidupin klik start pada apche, mysqlnya

Gambar 0.9

2.      Bila terjadi sama seperti Gambar 1.1 jangan panik

Gambar 1.1

3.      Untuk memperbaikinya yaitu dengan cara buka folder basic yang berada didalam htdocs tadi dan pilih config dan buka db dan web dengan notepad++

Gambar 1.2

4.      Pada db tambahkan nama database yang kita buat tadi dan save

Gambar  1.3

5.      Dan pada web php kita tambahkan cookievalidatedkey seperti pada Gambar 1.4 dan save

Gambar  1.4

6.       Kemudian kita coba merefresh yang dibrowser tadi apakah sudah bisa atau belum, jika sudah maka tampilanya akan seperti pada Gambar 1.5 kemudian klik start pada model  generator  

  Gambar 1.5

7.      pada model generator masukkan nama tabel  yang kita buat tadi pada database seperti tabel mahasiswa , dan klik preview terus generate seperti pada Gambar 1.7

Gambar 1.6

Gambar 1.7

Gambar 1.8

8.      Kemudian pilih crud generator dan isi tabel models class dengan perintah  app\models\Mahasiswa , kemudian tabel search model class dengan app\models\Mahasiswa   , controller class dengan app\controllers\MahasiswaController  , dan view path dengan @app/views/mahasiswa  kemudian klik preview terus generate Gambar2.0

Gambar 1.9

 Gambar 2.0

Gambar 2.1

9.      Buka tab baru dan kemudian  masukkan alamat localhost/basic/web/index.php?r=mahasiswa  maka tampilanya akan seperti pada Gambar 2.2

Gambar 2.2

10.  Setelah itu kita klik create mahasiswa dan isikan seperti pada gambar 2.3 dan klik create maka hasilnya seperti pada gambar 2.4

Gambar 2.3

Gambar 2.4

11.  Untuk membuat tabel  fakultas sama seperti saat kita membuat tabel mahasiswa tadi yaitu kita kembali pada model crud tadi seperti  gambar2.5 dan isikan fakultas klik preview – generate jika berhasil kemudian masuk pada crud generator

Gambar 2.5

12.  Pada crud generator masukkan app\models\Fakultas pada model class, dan app\models\FakultasSearch pada search model class, dan app\controllers\FakultasController , dan pada pathnya kita masukkan @app/views/fakultas seperti pada gambar 2.6  klik preview dan kemudian generate

Gambar 2.6

13.  Jika sudah buka tab baru dan masukkan alamat localhost/basic/web/index.php?r=fakultas maka akan seperti pada gambar 2.7  dan kemudian klik create fakultas untuk mengisinya seperti pada gambar 2.8  dan kemudian create maka akan tampil seperti pada gambar2.9

Gambar 2.7

Gambar 2.8

Gambar 2.9

14.  Dan untuk membuat tabel prodi sama seperti sebelumnya dengan masuk ke model generator seperti pada gambar3.0 kemudian pilih preview à generate jika berhasil kemudian kita masuk pada crud generator

Gambar 3.0

15.  Pada crud generator masukkan app\models\Prodi  di model class, app\models\ProdiSearch  di search model class, app\controllers\ProdiController controller class, dan @app/views/Prodi pada view path kemudian klik preview terus generate

Gambar 3.1

16.  Kemudian buka tab baru dan masukkan alamat localhost/basic/web/index.php?r=prodi  jalankan maka tampilanya akan seperti pada gambar 3.2  membuat prodi dengan cara create prodi, maka hasil akhirnya akan seperti pada gambar3.4

Gambar 3.2

Gambar 3.3

Gambar 3.4

17.  Cara menambah menu agar terlihat lebih menarik sesuai dengan yang kita inginkan buka folder basicàviewsàlayouts pilih main dan buka dengan notepad++ , brand label yang sebelumnya bertuliskan “my company” diganti sesuai dengan selera disini saya menganti dengan nama saya dan NIM lihat pada gambar 3.6

Gambar 3.5

Gambar3.6

18.  Kalau mau menambahkan pada deretan home, about dan yang lainya maka yang perlu dirubah adalah pada bagian seperti pada gambar 3.7 dan hasilnya seperti pada gambar 3.8

Gambar 3.7

Gambar 3.8

19.  Dan untuk merubah title dari gambar 3.9 maka yang harus dilakukan adalah buka folder  basicàviewsàsite kemudian pilih index.php dan buka dngan notepad++ dan g anti sesuai keingginan disini saya ganti dengan nama saya lihat gambar 4.0, maka hasilnya akan seperti pada gambar 4.1

Gambar 3.9

 Gambar 4.0

 Gambar 4.1

20.  Dan untuk mengubah tampilan Home agar tampak seperti pada Gambar 4.3 maka yang perlu dirubah adalah masuk pada data c à xampp à htdocs à basic à views à site kemudian pilih index.php lihat gambar 4.2, dan buka dengan notepad++ seperti pada gambar 4.4  dan ubah sesuai keingginan disini saya menambahkan program jurusan yang ada pada fakultas sains dan teknologi

Gambar 4.2

Gambar 4.3

Gambar 4.4

Terimakasih