Pemweb Praktikum Bab 4

14
PEMWEB TIF K Latihan 1 Tuliskan code dibawah ini, simpan dalam file Lat4_1.php dalam folder ...\ application\controllers ! 1 2 3 4 5 6 7 8 9 10 11 12 <?php if ( ! defined('BASEPATH')) exit('No direct script access allowed'); class Lat4_1 extends CI_Controller { function index() { echo "Hello World </br> Saya belajar Praktikum 4 Pemrograman Internet dengan Materi Code Igniter"; } } ?> Kemudian ubah pengaturan pada file routes.php yang berada pada folder ...\ application\config menjadi $route['default_controller'] = "Lat4_1"; ! Simpulkan apa yang Anda peroleh dari Latihan 1 ! Hasil Fungsi dari controller adalah untuk mengarahkan ke halaman yang diinginkan berdasarkan inputan user atau alur yang ditentukan. Pada percobaan diatas, pada awalnya controller akan membuka file welcome.php yang merupakan halaman dari pembuat CodeIgniter, namun setelah diganti, maka akan mengarahkan ke file Lat4_1.php yang menghasilkan output seperti diatas. --------------------------------------------------------------------------- --------------------------------------------------------------------------- --------------------------------------------------------------------------- --------------------------------------------------------------------------- --------------------------------------------------------------------------- --------------------------------------------------------------------------- ------------------------------ --------------------------------------------------------------------------- --------------------------------------------- --------------------------------------------------------------------------- --------------------------------------------- Latihan 2

description

jawaban praktikum Bab 4

Transcript of Pemweb Praktikum Bab 4

PEMWEB TIF K

Latihan 1Tuliskan code dibawah ini, simpan dalam file Lat4_1.php dalam folder ...\application\controllers !1 2 3 4 5 6 7 8 9 10 11 12

Kemudian ubah pengaturan pada file routes.php yang berada pada folder ...\application\config menjadi $route['default_controller'] = "Lat4_1"; !

Simpulkan apa yang Anda peroleh dari Latihan 1 !Hasil

Fungsi dari controller adalah untuk mengarahkan ke halaman yang diinginkan berdasarkan inputan user atau alur yang ditentukan. Pada percobaan diatas, pada awalnya controller akan membuka file welcome.php yang merupakan halaman dari pembuat CodeIgniter, namun setelah diganti, maka akan mengarahkan ke file Lat4_1.php yang menghasilkan output seperti diatas.------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Latihan 2Tuliskan code dibawah ini, simpan dalam file Lat4_2_controller.php dalam folder ...\application\controllers !1 2 3 4 5 678910111213141516

Tuliskan juga code dibawah ini, simpan dalam file Lat4_2_view.php dalam folder ...\application\views !1 2 3 4 5 67891011

Ini adalah view pertama saya ^^

Kemudian ubah pengaturan pada file routes.php yang berada pada folder ...\application\config menjadi $route['default_controller'] = "Lat4_2_controller"; !

a. Apa guna baris 12 dan 13 pada file Lat4_2_controller ?b. Simpulkan apa yang Anda peroleh dari Latihan 2 !

hasil

a. Baris 12 : menentukan data apa yang akan dikirim ke halaman tujuan. Data yang akan dibawa yaitu judul laman dan tulisan header.Baris 13 : menampilkan isi dari lat4_2_viewb. Penggunaan MVC diibaratkan sebagai penggunaan class-class pada pemrograman desktop, dimana tiap jenis class mempunyai fungsinya sendiri. Jenis class itu ada controller, view dan model. Tiap class dapat melempat sebuah variable pada kelas lain untuk digunakan di kelas itu.------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------Latihan 3Tuliskan code dibawah ini, simpan dalam file Lat4_3_controller.php dalam folder ...\application\controllers !1 2 3 4 5 67891011121314151617181920212223242526272829303132333435

Tuliskan juga code dibawah ini, simpan dalam file Lat4_3_view.php dalam folder ...\application\views !1 2 3 4 5 67891011121314151617181920212223242526272829303132333435363738394041424344454647484950

Form sederhana dengan Form Helper CodeIgniter

: :

Kemudian ubah pengaturan pada file routes.php yang berada pada folder ...\application\config menjadi $route['default_controller'] = "Lat4_3_controller"; !

a. Jelaskan arti baris 9 pada file Lat4_3_view !Mengakses fungsi login pada lat4_3_controllerb. Jelaskan fungsi dari penggunaan keyword keyword yang memiliki prefix (awalan) form_ pada file Lat4_3_view (misalnya form_open()) !a) Form_open : membuat form tag berdasarkan url yang dituju dari configb) Form_fieldset : membuat fieldsetc) Form_fieldset_close : menutup fieldset sebelumnyad) Form_label : membuat labele) Form_input : membuat filed untuk inputan teks standarf) Form_password : seperti form_input namun datanya yg ditulis diperlakukan sebagai passwordg) Form_submit : membuat tombol submit sederhana

c. Apa kesimpulan yang didapat dari Latihan 3 ?

Untuk mengganti halaman awal darixampp bisa dengan cara menggantu settingan pada route default controller. Kita dapat membuat controller kita sendiri dengan caramembuat file controller di folder controller dan file model dan view pada folder masing-masing.

CodeIgniter adalah Framework yang memudahkan penulisan kode sehingga tidak perlu menulis kode dari awal, contohnya adalah penggunaan Form pada

Latihan 4Modifikasilah program biodata mahasiswa pada Praktikum 1 Latihan 12 menjadi program form mahasiswa dengan memakai Code Igniter ! Tambahkan juga form untuk upload foto, sehingga nantinya dapa ditampilkan foto pada halaman penampilan data, gunakan helper dan library internal Code Igniter untuk membuat program ini ! Lengkapi juga dengan css sehingga tampilan program menjadi lebih baik !

Lat4_4_controller1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44

Lat4_4_view1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 Lat4_4 body{background: url('Background/back.jpg') no-repeat scroll;background-size: 100% 100%;min-height: 700px; } #container{ width:1000px; height:auto; margin:auto; } .tengah{ float:none; background-color:#C262B9; height:500px; padding:20px; margin-left:400px; margin-right:400px; color: #0262B9; max-width: 450px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; border: 20px none #FFFFFF; font-weight: bold; font-size: 13px; text-shadow: 1px 1px 1px #fff; } .atas{ font-weight: bold; font-style: italic; border-bottom: 2px solid #ddd; margin-bottom: 20px; font-size: 15px; padding-bottom: 3px; color:#000000 } .tengah input[type=submit], .tengah input[type=button]{ border: none; padding: 8px 15px 8px 15px; background:#F00000; color: #fff; box-shadow: 1px 1px 4px #DADADA; -moz-box-shadow: 1px 1px 4px #DADADA; -webkit-box-shadow: 1px 1px 4px #DADADA; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .tengah input[type=reset], .tengah input[type=button]{ border: none; padding: 8px 15px 8px 15px; background: #F072A9; color: #fff; box-shadow: 1px 1px 4px #DADADA; -moz-box-shadow: 1px 1px 4px #DADADA; -webkit-box-shadow: 1px 1px 4px #DADADA; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } Form Biodata Nama : Alamat : Gender : Pria
Wanita Golongan Darah : O A B AB Hobby : Bermain Game
Baca Buku
Bersepeda
Berenang
Keterangan : Upload :

Latihan 5Modifikasilah program chatting pada Praktikum 2 Latihan 12 menjadi program chatting dengan memakai Code Igniter ! Gunakan elemen elemen internal Code Igniter dalam pembuatan program chatting tersebut ! Lengkapi juga dengan css sehingga tampilan program mencerminkan chatting engine !

Lat4_5_controller

134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197

Lat4_5_view1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 || Chatting Box||
Email: