Tugas5 1300631019

12
P Mem PROGRAM UNIVER Pemrograman API Tugas 5 mbuat Form Dataguru DisusunOleh : Setiyo Muji B (1300631019) STUDI : MANAJEMEN INFORMATIKA RSITAS MUHAMMADIYAH JEMBER 2015

Transcript of Tugas5 1300631019

Pemrograman API

Membuat Form Dataguru

PROGRAM STUDI : MANAJEMEN INFORMATIKA

UNIVERSITAS MUHAMMADIYAH JEMBER

Pemrograman API

Tugas 5

Membuat Form Dataguru

DisusunOleh :

Setiyo Muji B

(1300631019)

PROGRAM STUDI : MANAJEMEN INFORMATIKA

UNIVERSITAS MUHAMMADIYAH JEMBER

2015

Langkah – Langkah membuat Form dataguru Dengan Mengguanakan frame work yii, berikutlangkah –

langkahnya.

1. Langkah yang pertama instalasi framework yii terlebih dahulu dengan mengunakan Cmd, berikut

merupakan langkah mengistal dengan nama project (belajaryii). Ketiika sudah muncul kode

permintaan yes atau no pilih yes atau ketik( Y ) pada cmd lalut ekan enter.

2. Berikut merupakan tampilan Cmd yang telah terinstal folder (belajaryii), setelah muncul

peringatan sukses full berarti project kita telah bisa digunakan dengan nama folder matakuliah

di folder xampp/htdocs/belajaryii.

3. Langkah selanjutnya yakni membuat nama database di mysql disini menggunakan nama

database: dataguru dan namatabelnya : dataguru

4. Berikut tampilan isi tabelnya :

5. Berikut ini merupakan tampilan awal web kita yang secara default. Dengan mengakses url :

localhost/tugasmatakuliah

6. Berikut project koneksi ke database, untuk menjalankan fungsi konek ke database hilangkan

tanda komentar yang mengapit scrip connection database tersebut. Tuliskan nama database

belajaryii seperti ada dalam gambar berikut.

7. Berikut merupakan tamilan koding halaman awal yii ganti name web anda dengan nama beljar

yii manajemen informatika umj untuk login ke system gii

8. Berikut merupakan tampilan untuk masuk dalam tampilan gii dimana kita didalamnya mulai

membuat inputan ke databasenya, hilangkan tanda komentar yang ada di gii seperti yang

adadigambarberwarnamerah, setelahitutuliskan password untuk masuk dalam gii.

9. Berikut yang harus di edit adalahuseridentity.php, skripini di gunakanuntukmenmbah user yang

nantinyaakan login kedalam framework dengan password dibawahini , jika ingin menambah

kanberikut langkahnya seperti yang ada di gambar

10. Berikutinitampilanketika user masuk dengan password setiyo seperti tadi yang telah kita

tambahkan dengan mengakses localhost/belajaryii lalu login dengan password yang di

tambahkan tadi atau masuk denganakun default juga bisayakni admin.

11. Berikut adalah password di gii yang telah kita buat untuk masuk dalam gii nanti.

12. Berikut ini tampilan ketika kita telah masuk dalam tampilan gii untuk masuk tuliskan url :

http://localhost/belajaryii/index.php?r=gii/default/index login seperti biasa namun tambah

kan scrip url ?r=gii lalu masuk dengan password yang sudah dibuat.

13. Tampilan menu gii.

14. Berikut tampilan model generator disini kita disuruh untuk menuliskan table name agar data

sama dengan database yang telah kita buat tadi di database yaitu dengan databases dataguru

15. Setelahitusilahkan generate untuk membuatnya masuk dalam folder project

kitaberikutcontohnya :

16. Secara otomatis jika dilihat, file dalam folder models otomatis akan ada file dataguru.

17. Lalu langkah berikutnya membuat tampilan insert data yakni dengan menggunakan menu Crud

Generator Usahakan model class pada gambar di bawah sama dengna yang ada pada folder

model pada gambar yang di atar agar tidak terjadu error yang ada di gii berikut contohnya :

18. Seperti sebelumnya setelah kita preview suksesla lutekan tombol generate untuk membuatnya

masuk dalam project kita di htdocs.

19. Langkah kali ini membuat inputan kedalam table database denganmenggunakan menu crud

generator tadi silahkan akses url : http://localhost/belajaryii/index.php?r=dataguru untuk

masuk ke dataguru berikut untuk membuta dataguru dengan klik create dataguru setelah selsai

memasukan dataguru klik create

20. Maka hasilnya akan seperti pada gambar di bawah ini

21. Untuk melihat data yang sudah dimasukkan tadi pilih menu list dataguru.

22. Tampilan manage dataguru untuk kita update , delete , view.