{"id":316,"date":"2016-09-19T04:37:24","date_gmt":"2016-09-19T04:37:24","guid":{"rendered":"http:\/\/prajasa.com\/?p=316"},"modified":"2016-09-19T09:14:19","modified_gmt":"2016-09-19T09:14:19","slug":"cara-membuat-web-sederhana-dengan-codeigniter-bagian-3-dan-4","status":"publish","type":"post","link":"https:\/\/prajasa.com\/?p=316","title":{"rendered":"Cara Membuat Web Sederhana dengan CodeIgniter bagian 3 dan 4"},"content":{"rendered":"<h4>Versi 3 : Menggunakan Controller dan View<\/h4>\n<p>Untuk mendemontrasikan aplikasi yang hanya terdiri atas komponen\u00a0<em>controller\u00a0<\/em>dan\u00a0<em>view<\/em>, buat terlebih dahulu\u00a0<em>file view<\/em> menggunakan kode berikut :<\/p>\n<pre>&lt;html&gt;\r\n&lt;head&gt;&lt;title&gt;Controller dan View&lt;\/title&gt;&lt;\/head&gt;\r\n&lt;body&gt;\r\n&lt;h2&gt;Hello World&lt;\/h2&gt;\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;\r\n\r\n<\/pre>\n<p>Simpan\u00a0<em>file<\/em>\u00a0diatas dengan nama bebas (misalnya :\u00a0<strong>helloview.php<\/strong>) dan tempatkan di dalam direktori berikut :<\/p>\n<p>C: \\xampp\\htdocs\\ci\\application\\views<\/p>\n<p><strong><em>Catatan :<\/em><\/strong><\/p>\n<p>Semua\u00a0<em>file view\u00a0<\/em>yang anda buat harus disimpan di dalam direktori di atas.<\/p>\n<p>Selanjutnya ubah\u00a0<em>file controller<\/em><\/p>\n<p>(application\\controller\\Hello.php)menjadi seperti dibawah ini.<\/p>\n<pre>&lt;?php\r\nclass Hello extends CI_Controller {\r\n   public function index() {\r\n\r\n      \/\/ memuat view 'helloview'\r\n      $this-&gt;load-&gt;view('helloview');\r\n\r\n   }\r\n}\r\n\r\n<\/pre>\n<p>Hasilnya akan sama dengan yang sebelumnya<\/p>\n<h4>Versi 4 : Menggunakan Controller, Model, dan View<\/h4>\n<p>Aplikasi dengan komponen\u00a0<em>controller, model,\u00a0<\/em>dan\u00a0<em>view<\/em> merupakan aplikasi yang lengkap. Pada praktiknya, teknik inilah yang seharusnya di gunakan oleh setiap aplikasi yang dikembangkan menggunakan CodeIgniter. Urutan proses dari aplikasi yang akan kita buat pada bagian ini adalah sebagai berikut :<\/p>\n<ol>\n<li><em>Controller\u00a0<\/em>akan mengambil data dari\u00a0<em>model<\/em><\/li>\n<li><em>Controller<\/em> akan memuat\u00a0<em>view<\/em> dengan mengirimkan data yang di ambil dari\u00a0<em>model<\/em> ke\u00a0<em>view<\/em> yang bersangkutan.<\/li>\n<li><em>View\u00a0<\/em>akan memproses data yang dikirimkan oleh\u00a0<em>controller<\/em> menjadi suatu tampilan.<\/li>\n<li><em>Controller<\/em> akan menyajikan tampilan yang dihasilkan oleh\u00a0<em>view<\/em> ke layar\u00a0<em>web browser<\/em>.<\/li>\n<\/ol>\n<p>Untuk mendemonstrasikan pembuatan aplikasi yang melibatkan komponen\u00a0<em>controller, model,\u00a0<\/em>dan\u00a0<em>view<\/em>; kita akan kembali menggunakan\u00a0<em>file\u00a0<\/em><strong>Hello.php\u00a0<\/strong>(controller),\u00a0<strong>Hello_model.php<\/strong> (model), dan\u00a0<strong>Helloview.php\u00a0<\/strong>(view). Berikut kode dari masing-masing file tersebut :<\/p>\n<p><strong>File\u00a0<\/strong>application\\controllers\\Hello.php :<\/p>\n<pre>&lt;?php\r\nclass Hello extends CI_Controller {\r\n   public function index() {\r\n      \/\/ memuat model 'Hello_model'\r\n      $this-&gt;load-&gt;model('Hello_model');\r\n\r\n      \/\/ menangkap objek dari kelas Hello_model\r\n      \/\/ yang telah dimuat ke variabel $model\r\n      $model = $this-&gt;Hello_model;\r\n\r\n      \/\/ mengambil data dari model\r\n      $s = $model-&gt;str;\r\n\r\n      \/\/ membuat data yang akan dikirim ke view\r\n      \/\/ dalam bentuk array\r\n      $data['teks'] = $s;\r\n\r\n      \/\/ memuat view 'helloview'\r\n      \/\/ dengan mengirimkan data ke view bersangkutan\r\n      $this-&gt;load-&gt;view('helloview', $data);\r\n\r\n   }\r\n}\r\n\r\n<\/pre>\n<p><strong>File<\/strong> application\\model\\Hello_model.php :<\/p>\n<pre>&lt;?php\r\nclass Hello_model extends CI_Model {\r\n\r\n   \/\/ mendefinisikan properti dengan nama $str\r\n   public $str = 'Hello World';\r\n\r\n}\r\n\r\n<\/pre>\n<p><strong>File\u00a0<\/strong>application\\controller\\helloview.php :<\/p>\n<pre>&lt;html&gt;\r\n&lt;head&gt;&lt;title&gt;Controller, Model, dan View&lt;\/title&gt;&lt;\/head&gt;\r\n&lt;body&gt;\r\n&lt;h2&gt;&lt;?php echo $teks; ?&gt;&lt;\/h2&gt;\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;\r\n\r\n<\/pre>\n<p>Jalankan aplikasi di atas menggunakan URI sebelumnya, dan hasilnya pun sama dengan sebelumnya<\/p>\n<p>Artikel ini Bermasud untuk memberitahu dasar-dasar membuat Web dengan CodeIgniter dari semua artikel dari bagian 1 sampai 4 semua hasil nya sama tetapi kode nya yang berbeda itulah dasar-dasar dari Web dengan CodeIgniter<\/p>\n","protected":false},"excerpt":{"rendered":"<div class=\"slide-text-bg2\"><span>Versi 3 : Menggunakan Controller dan View Untuk mendemontrasikan aplikasi yang hanya terdiri atas komponen\u00a0controller\u00a0dan\u00a0view, buat terlebih dahulu\u00a0fi<\/span><\/div>\n<div class=\"slide-btn-area-sm\"><a href=\"https:\/\/prajasa.com\/?p=316\" class=\"slide-btn-sm\">Read More<\/a><\/div>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[14],"tags":[],"_links":{"self":[{"href":"https:\/\/prajasa.com\/index.php?rest_route=\/wp\/v2\/posts\/316"}],"collection":[{"href":"https:\/\/prajasa.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prajasa.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prajasa.com\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/prajasa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=316"}],"version-history":[{"count":1,"href":"https:\/\/prajasa.com\/index.php?rest_route=\/wp\/v2\/posts\/316\/revisions"}],"predecessor-version":[{"id":363,"href":"https:\/\/prajasa.com\/index.php?rest_route=\/wp\/v2\/posts\/316\/revisions\/363"}],"wp:attachment":[{"href":"https:\/\/prajasa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=316"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prajasa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=316"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prajasa.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=316"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}