Halo coders bertemu lagi di artikel Belajar Codeigniter 3, setelah melakukan <a href="https://www.codepolitan.com/tutorial/belajar-codeigniter-3-kenalan/" target="_blank">Kenalan dan Instalasi</a> Codeigniter 3, pada step <a href="https://www.codepolitan.com/tag/belajar-codeigniter" target="_blank">Belajar Codeigniter 3</a> kali ini kita akan mulai mencoba menulis kode dalam Codeigniter 3.

[caption id="" align="aligncenter" width="257"]<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a0/MVC-Process.svg/2000px-MVC-Process.svg.png" alt="MVC" width="257" height="283" /> Belajar Codeigniter 3 : Controller dan View[/caption]

Mungkin bagi Kamu yang sudah familiar dengan web framework sudah akrab dengan konsep arsitektur MVC (Model View Controller). Controller adalah barisan kode yang bertugas memproses request yang datang dari user melewati browser dan URL tertentu, dimana Controller mengambil data dan informasi melalui Model atau resource lainnya. Setelah itu Controller menampilkan hasil dari prosesnya ke dalam View sebagai response dari request.

Definisi yang didapat dari Dokumentasi Resmi Codeigniter sendiri perihal MVC sebagai berikut:
<ul>
 	<li>Model mewakili struktur data anda, secara umum Class Model yang anda miliki berisi function untuk melakukan CRUD (Create, Read, Update, dan Delete) Informasi dalam Database.</li>
 	<li>View adalah informasi yang di tampilkan kepada User, sebuah View secara normal adalah sebuah laman web, tetapi di Codeigniter, sebuah View bisa dibuat menjadi sebuah penggalan halaman web seperti header atau footer. Bahkan bisa berupa RSS Page, atau jenis "Page" lainnya.</li>
 	<li>Controller berguna sebagai perantara antara Model, View dan berbagai resources yang dibutuhkan untuk memproses HTTP Request dan mengenerate sebuah web page.</li>
</ul>
&nbsp;
<h2>Hello World!</h2>
Sekarang kita akan coba membuat hal paling mendasar dalam pemrograman, yaitu Hello World!, walaupun paling dasar tapi akan menjadi fondasi yang baik dalam membiasakan diri dengan Codeigniter 3. Pertama - tama bukalah Text Editor yang Kamu gunakan dan buka Welcome.php yang terdapat dalam folder instalasi Codeigniter 3 Kamu dan di dalam folder Application/controller, dan di dalamnya sudah tertulis kode seperti berikut
<pre>&lt;?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Welcome extends CI_Controller {

	/**
	 * Index Page for this controller.
	 *
	 * Maps to the following URL
	 * 		http://example.com/index.php/welcome
	 *	- or -
	 * 		http://example.com/index.php/welcome/index
	 *	- or -
	 * Since this controller is set as the default controller in
	 * config/routes.php, it's displayed at http://example.com/
	 *
	 * So any other public methods not prefixed with an underscore will
	 * map to /index.php/welcome/
	 * @see https://codeigniter.com/user_guide/general/urls.html
	 */
	public function index()
	{
		$this-&gt;load-&gt;view('welcome_message');
	}
}
</pre>
Nah, Kita ubah menjadi seperti berikut
<pre>&lt;?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Welcome extends CI_Controller {
	public function index()
	{
		echo "Hello World!";
	}
}
</pre>
Source code yang terlampir diatas merupakan struktur umum sebuah Controller Sederhana dalam Codeigniter 3.
<ul>
 	<li><code>defined('BASEPATH') OR exit('No direct script access allowed');</code>, merupakan sintaks PHP yang memastikan tidak ada akses script secara langsung, dan harus diakses melalui www.namaweb.com/controller.</li>
 	<li><code>class Welcome extends CI_Controller,</code> merupakan pendeklarasian class yang bernama Welcome yang meng-ekstend class Inti Codeigniter. Peraturan dalam pembuatan class/controller dalam Codeigniter yaitu, nama class harus sama dengan nama file controller dan berawalan dengan huruf besar. (ex: welcome.php maka class nya adalah Class Welcome extends CI_Controller)</li>
 	<li><code>public function index()</code>, merupakan pendeklarasian function dalam class. Sama seperti pembuatan php pada umumnya jika kita membuat index.php maka apabila kita membuka parent folder, akan langsung terhubung ke halaman index.php, begitu pula dengan public function index, jika kita mengakses suatu Controller yang memiliki function index. maka Controller yang dipilih akan langsung memproses function index.</li>
</ul>
Silahkan Kamu akses URL <a href="http://localhost/hello-ci/" target="_blank">http://localhost/hello-ci/</a> akan tampil tampilan seperti berikut

<img class="alignnone" src="https://s6.postimg.org/wulfnwp9d/ss_2016_07_26_at_03_45_47.png" width="1280" height="218" />

Pada Codeigniter 3, welcome.php adalah default routes controller yang digunakan pada saat instalasi pertama kali, dan bisa diubah sesuai kebutuhan. Dari sisi mengaksesnya pun berbeda antara Controller yang sudah dibuat index dan Controller lainnya. Untuk membuka index controller kita tinggal membuka URL : <a href="http://localhost/hello-ci/" target="_blank">http://localhost/hello-ci/</a> tetapi untuk membuka controller lainnya yaitu mengunakan URL : <a href="http://localhost/hello-ci/index.php/helloworld/" target="_blank">http://localhost/hello-ci/index.php/helloworld/</a>, dan apabila function index sudah dibuat dalam class controller, maka browser akan langsung menampilkan function index dari controller tersebut terlebih dahulu.
<h2>Membuat Controller Sendiri</h2>
Setelah kalian memahami struktur Controller dalam membuat Hello World!, sekarang kita akan mencoba membuat Controller sendiri. ada beberapa peraturan penting dalam membuat sebuah Controller:
<ul>
 	<li>Berformat PHP</li>
 	<li>Nama file tidak mengandung karakter special seperti spasi, @, dan lain-lain kecuali underscore (_)</li>
 	<li>Nama file controller harus sama dengan class di dalam controller.</li>
</ul>
sekarang buat sebuah file dalam folder Controller dengan nama helloworld.php, dan bukalah menggunakan text editor pilihan Kamu dan masukkan kode berikut :
<pre>
defined('BASEPATH') OR exit('No direct script access allowed');

class Helloworld extends CI_Controller
{ 
 public function index(){
 echo "Index dari Controller Helloworld";
 }
 public function fungsi(){
 echo "Function fungsi dari Controller Helloworld";
 }
 public function parameters($nama){
 echo "Selamat datang ".$nama;
 }
}
</pre>
perhatikan baris <code>class Helloworld extends CI_Controller</code> Nama class di dalam controller harus sama persis dengan nama controller dengan huruf kapital di awal. Sekarang kita sudah bisa membuat tiga function di dalam sebuah controller.

Sebelum kita membuka sebuah Controller, kita harus mengatur controller mana yang akan dijadikan default, karena jika kalian membuka URL : http://localhost/hello-ci/ maka yang akan muncul adalah controller welcome, karena controller welcome masih menjadi default.

Buka routes.php yang terdapat dalam folder application/config/, scroll kebawah dan ubah kode berikut :
<code>$route['default_controller'] = 'welcome';</code>
menjadi
<code>$route['default_controller'] = 'helloworld';</code>

Sekarang helloworld.php sudah menjadi default controller. Mari kita coba mengakses satu persatu function yang ada dalam controller helloworld.php :
<ol>
 	<li>Untuk membuka function index, akses URL http://localhost/hello-ci/</li>
 	<li>Untuk membuka function fungsi, akses URL http://localhost/hello-ci/index.php/helloworld/fungsi</li>
 	<li>Untuk membuka function parameters, akses URL http://localhost/hello-ci/index.php/helloworld/parameters/nama-anda</li>
</ol>
Tiap tiap fungsi tersebut memiliki cara membuka yang berbeda beda. Saya akan jelaskan berikut
<ul>
 	<li>Jika di dalam suatu controller terdapat function yang bernama index, maka apabila kita mengakses controller akan langsung memproses function tersebut. Jadi tidak diperlukan adanya index.php/helloworld/index</li>
 	<li>Untuk membuka function selain daripada function index, kita harus mencantumkan controller dan nama functionnya seperti http://localhost/hello-ci/index.php/controllernya/functionya.</li>
 	<li>Jika kita membuat function yang membutuhkan parameter kita bisa mengakses nya dengan menambahkan sedikit tambahan di akhir URL http://localhost/hello-ci/index.php/controllernya/functionnya/parameter1/parameter2/danseterusnya/</li>
</ul>
<h2>Menampilkan View Menggunakan Controller</h2>
Controller pada dasarnya tidak digunakan untuk menampilkan front-end, tetapi sebagai perantara front-end dengan  data dari database maupun static data. View yang akan disuguhkan kepada user yang membuka web app diproses dengan controller. Kita akan mencoba menampilkan sebuah View dengan Controller.

Pertama kita buat terlebih dahulu file hello_ci.php di dalam folder application/views dan masukan kode berikut kedalamnya :
<pre>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
 &lt;title&gt;&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
 &lt;h1&gt;Selamat Datang&lt;/h1&gt;
 &lt;p&gt;Ini tampilan dari view hello_ci&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
lalu di controller helloworld.php ubah kode yang ada di dalam function index menjadi :
<pre>
public function index(){
 $this-&gt;load-&gt;view('hello_ci');
}
</pre>
Lalu silahkan akses function index dengan mengakses URL : <a href="http://localhost/hello-ci/" target="_blank">http://localhost/hello-ci/</a> dengan browser. Maka yang akan terlihat adalah tampilan View yang sudah Kamu buat. Kode <code>$this-&gt;load-&gt;view('hello_ci');</code> memungkinkan Controller untuk me load sebuah View.
Sekarang bagaimana kalo kita mau mengoper data ke dalam view? mari kita coba. Ubah tampilan yang ada di view hello_ci.php menjadi seperti berikut :
<pre>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
 &lt;title&gt;&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
 &lt;h1&gt;Selamat Datang&lt;/h1&gt;
 &lt;p&gt;Ini tampilan dari view hello_ci&lt;/p&gt;
 &lt;?php echo $nama; ?&gt;
 &lt;?php echo $alamat; ?&gt;
 &lt;?php echo $kampus; ?&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
<code>$nama</code> diambil dari Associative Array yang dibuat di dalam Controller, maka dari itu buatlah sebuah Associative Array dengan beberapa data serta tambahkan beberapa kode berikut di function index dalam controller helloworld
<pre>
public function index(){
 $data = array(
 'nama' =&gt; "John Smith",
 'alamat' =&gt; "Cambridge, USA",
 'kampus' =&gt; "Harvard"
 );
 $this-&gt;load-&gt;view('hello_ci', $data);
}
</pre>
Kode <code> $this-&gt;load-&gt;view('hello_ci', $data); </code> memungkinkan pengambilan data melewati Array atau Associative Array, dan pada akhrinya ditampilkan melewati Controller sebagai perantara.
<h2>Penutup</h2>
Dalam tutorial kali ini Kamu berhasil membuat controller mu sendiri dan bisa mengoper data secara static dari controller menuju view. Dari tutorial ini diharapkan Kamu sudah dapat mengerti tentang hubungan antara Controller dan View terlebih dahulu, sebelum kita menghubungkanya dengan Model.

Di Tutorial selanjutnya kita akan membahas hubungan antara Controller dengan Model sebagai penyedia data dari database.

&nbsp;

Referensi:
<a href="http://www.codeigniter.com/user_guide/" target="_blank">Codeigniter User Guide
</a><a href="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a0/MVC-Process.svg/2000px-MVC-Process.svg.png" target="_blank">Wikipedia</a>

Belajar Codeigniter 3 : Controller dan View

GenAI Video Fest adalah ajang kompetisi video kreatif yang diselenggarakan oleh CODEPOLITAN bekerjasama dengan Alibaba Cloud.

Kami menantang kreator, tech-enthusiast, dan siapa saja untuk mendobrak batas imajinasi menggunakan teknologi Generative AI terbaru. Di sini, kamu wajib menggunakan WAN Model Studio dari Alibaba Cloud sebagai tools utama untuk menghasilkan karya videomu (bisa dikombinasikan dengan tools editing lainnya).

Tunjukkan pada dunia bagaimana teknologi dan kreativitas bisa bersatu menciptakan karya visual yang berdampak!

Kategori Kompetisi
Pilih satu dari empat tema besar ini untuk karyamu:
* Humanity (Kemanusiaan): Cerita yang menyentuh hati, sosial, dan kepedulian antar sesama.
* Sports (Olahraga): Energi, semangat juang, dan dinamika dunia olahraga.
* Entertainment (Hiburan): Komedi, musik, video klip, atau parodi yang menghibur.
* Science (Sains): Visualisasi masa depan, teknologi, alam semesta, atau penemuan ilmiah.

Total Prize Pool senilai Rp 250.000.000 menunggu para pemenang!
* Top Winners Rewards: Uang Tunai, Alibaba Cloud Credits (hingga $500), Merchandise Eksklusif, dan SWAG CODEPOLITAN.
* Lucky Draw Event: Kesempatan menang hadiah tambahan bagi peserta yang beruntung.
* Massive Exposure: Karya terbaik akan di-highlight di media sosial CODEPOLITAN, Alibaba Cloud, dan channel industri kreatif lainnya.
* Special Access (Khusus Alumni RuangAI): Dapatkan 2 Token untuk klaim Kelas Spesialisasi di RuangAI secara gratis.

Jangan sampai ketinggalan tanggal penting ini:
* Pendaftaran & Submission: 23 Desember 2024 - 23 Januari 2025
* Penjurian (Judging Phase): 24 - 26 Januari 2025
* Pengumuman Pemenang: 27 Januari 2025

Cara Ikutan:
1. Daftar: Klik tombol "Daftar Sekarang" dan pastikan kamu punya akun RuangAI.
2. Join Discord: Masuk ke server Discord komunitas untuk info teknis dan diskusi.
3. Create: Buat video kreatifmu menggunakan WAN Model Studio (Alibaba Cloud) sesuai kategori pilihan.
4. Upload & Submit: Unggah videomu ke media sosial (IG/TikTok/YouTube) dan submit link karyamu di halaman submission RuangAI.

Ikuti kompetisi video Generative AI terbesar dari CODEPOLITAN dan Alibaba Cloud! Gunakan teknologi WAN Model Studio untuk menyulap ide liarmu menjadi visual memukau. Rebut total hadiah senilai Rp 250.000.000!

GenAI Video Fest

Beasiswa Basic Cybersecurity adalah program inisiatif dari JagoanSiber yang dirancang untuk membuka wawasan masyarakat luas tentang dunia keamanan digital. Program ini hadir untuk menjawab kebutuhan talenta keamanan siber yang tinggi, dimulai dengan membangun pemahaman fundamental yang kokoh.

Program ini berbentuk Kelas Online Belajar Mandiri (Self-Paced Learning) berbasis video. Peserta diberikan keleluasaan penuh untuk mengakses materi kapan saja dan di mana saja tanpa terikat jadwal, sehingga sangat fleksibel bagi pelajar, mahasiswa, maupun pekerja profesional.

Kelebihan utama program ini adalah aksesnya yang 100% GRATIS dan terbuka untuk siapa saja tanpa syarat latar belakang IT. Peserta akan dibimbing langsung oleh Mahrus Qusaery, seorang praktisi keamanan siber berpengalaman, yang akan mengupas tuntas materi dasar yang krusial.

Program beasiswa kelas online gratis untuk mempelajari dasar keamanan siber dari nol. Belajar mandiri berbasis video langsung dari praktisi ahli, Mahrus Qusaery.

Belajar Codeigniter 3 : Controller dan View

Learning

KelasFullstack

RuangAI

JagoanSiber

Baca Artikel Lainnya

Belajar Codeigniter 3 : Kenalan dan Instalasi

Belajar Codeigniter 3 : Controller dan View

Belajar Codeigniter 3 : (Database) Controller dan Model

Belajar Codeigniter 3 : Model View dan Controller

Belajar Codeigniter 3 : CRUD - Bagian 1

Belajar Codeigniter 3 : CRUD - Bagian 2