<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Info Penting &#8211; Joki Coding (Jasa Coding)</title>
	<atom:link href="https://jokicoding.com/category/info-penting/feed/" rel="self" type="application/rss+xml" />
	<link>https://jokicoding.com</link>
	<description></description>
	<lastBuildDate>Thu, 04 Jun 2026 07:05:01 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://jokicoding.com/wp-content/uploads/2024/07/cropped-ico-removebg-preview-32x32.png</url>
	<title>Info Penting &#8211; Joki Coding (Jasa Coding)</title>
	<link>https://jokicoding.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Butuh Bantuan Coding? Kami Siap Membantu! 🚀</title>
		<link>https://jokicoding.com/butuh-bantuan-coding-kami-siap-membantu-%f0%9f%9a%80/</link>
					<comments>https://jokicoding.com/butuh-bantuan-coding-kami-siap-membantu-%f0%9f%9a%80/#respond</comments>
		
		<dc:creator><![CDATA[tematik]]></dc:creator>
		<pubDate>Thu, 04 Jun 2026 07:05:00 +0000</pubDate>
				<category><![CDATA[Info Penting]]></category>
		<category><![CDATA[Info Terbaru]]></category>
		<category><![CDATA[Joki Coding]]></category>
		<guid isPermaLink="false">https://jokicoding.com/?p=2049</guid>

					<description><![CDATA[Pusing dengan tugas coding, skripsi, aplikasi, website, atau error yang tidak kunjung selesai? ✅ Pembuatan Website &#38; Aplikasi✅ Tugas Kuliah dan Sekolah✅ Perbaikan Bug &#38; Error✅ Sistem Informasi &#38; Dashboard✅ Berbagai Bahasa Pemrograman 🔒 Privasi Terjamin⏱️ Pengerjaan Tepat Waktu💯 Hasil Berkualitas 📱 WA: 087850586090🌐 Website: jokicoding.com📸 Instagram: @joki_coding.me &#8220;Yang penting kamu paham, kami bantu wujudkan!&#8221; #JokiCoding #JasaCoding #ProgrammerIndonesia #WebDeveloper #PHP #Laravel #Python #JavaScript #CodingIndonesia #WebsiteMurah #JasaWebsite #TugasKuliah #Skripsi #FreelanceProgrammer]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Pusing dengan tugas coding, skripsi, aplikasi, website, atau error yang tidak kunjung selesai?</p>



<p class="wp-block-paragraph"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Pembuatan Website &amp; Aplikasi<br><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Tugas Kuliah dan Sekolah<br><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Perbaikan Bug &amp; Error<br><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Sistem Informasi &amp; Dashboard<br><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Berbagai Bahasa Pemrograman</p>



<p class="wp-block-paragraph"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f512.png" alt="🔒" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Privasi Terjamin<br><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/23f1.png" alt="⏱" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Pengerjaan Tepat Waktu<br><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4af.png" alt="💯" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Hasil Berkualitas</p>



<p class="wp-block-paragraph"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4f1.png" alt="📱" class="wp-smiley" style="height: 1em; max-height: 1em;" /> WA: 087850586090<br><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f310.png" alt="🌐" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Website: jokicoding.com<br><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4f8.png" alt="📸" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Instagram: @joki_coding.me</p>



<p class="wp-block-paragraph"><em>&#8220;Yang penting kamu paham, kami bantu wujudkan!&#8221;</em></p>



<p class="wp-block-paragraph">#JokiCoding #JasaCoding #ProgrammerIndonesia #WebDeveloper #PHP #Laravel #Python #JavaScript #CodingIndonesia #WebsiteMurah #JasaWebsite #TugasKuliah #Skripsi #FreelanceProgrammer</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jokicoding.com/butuh-bantuan-coding-kami-siap-membantu-%f0%9f%9a%80/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Jasa coding ,jasa pembuatan aplikasi semua bahasa pemograman</title>
		<link>https://jokicoding.com/jasa-coding-jasa-pembuatan-aplikasi-semua-bahasa-pemograman/</link>
					<comments>https://jokicoding.com/jasa-coding-jasa-pembuatan-aplikasi-semua-bahasa-pemograman/#respond</comments>
		
		<dc:creator><![CDATA[tematik]]></dc:creator>
		<pubDate>Wed, 29 Apr 2026 03:49:29 +0000</pubDate>
				<category><![CDATA[Joki Coding]]></category>
		<category><![CDATA[Info Penting]]></category>
		<category><![CDATA[Info Terbaru]]></category>
		<guid isPermaLink="false">https://jokicoding.com/?p=2044</guid>

					<description><![CDATA[💡 Mau belajar coding tapi bingung mulai dari mana? Tenang, ini dia langkah simpel buat kamu yang baru mulai 👇 🔥 Ingat, semua programmer hebat juga pernah error! Kalau kamu masih bingung atau butuh bantuan project/tugas coding… 📲 Langsung aja hubungi:WA: 087850586090IG: @jokicoding_me #belajarcoding #programmerpemula #codingindonesia #webdeveloper #belajarprogramming #jokicoding]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4a1.png" alt="💡" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Mau belajar coding tapi bingung mulai dari mana?</p>



<p class="wp-block-paragraph">Tenang, ini dia langkah simpel buat kamu yang baru mulai <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f447.png" alt="👇" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>



<ol class="wp-block-list">
<li>Tentukan bahasa pemrograman (PHP, Python, JS)</li>



<li>Install tools coding (VS Code, XAMPP, dll)</li>



<li>Pelajari dasar-dasarnya</li>



<li>Langsung praktek bikin project kecil</li>



<li>Konsisten &amp; jangan gampang nyerah <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4aa.png" alt="💪" class="wp-smiley" style="height: 1em; max-height: 1em;" /></li>
</ol>



<p class="wp-block-paragraph"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f525.png" alt="🔥" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Ingat, semua programmer hebat juga pernah error!</p>



<p class="wp-block-paragraph">Kalau kamu masih bingung atau butuh bantuan project/tugas coding…</p>



<p class="wp-block-paragraph"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4f2.png" alt="📲" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Langsung aja hubungi:<br>WA: 087850586090<br>IG: @jokicoding_me</p>



<h1 class="wp-block-heading">#belajarcoding #programmerpemula #codingindonesia #webdeveloper #belajarprogramming #jokicoding</h1>
]]></content:encoded>
					
					<wfw:commentRss>https://jokicoding.com/jasa-coding-jasa-pembuatan-aplikasi-semua-bahasa-pemograman/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Pusing dengan coding? Error gak kelar-kelar? Tenang, kami siap bantu!</title>
		<link>https://jokicoding.com/pusing-dengan-coding-error-gak-kelar-kelar-tenang-kami-siap-bantu/</link>
					<comments>https://jokicoding.com/pusing-dengan-coding-error-gak-kelar-kelar-tenang-kami-siap-bantu/#respond</comments>
		
		<dc:creator><![CDATA[joki coding]]></dc:creator>
		<pubDate>Wed, 22 Apr 2026 07:53:38 +0000</pubDate>
				<category><![CDATA[Info Terbaru]]></category>
		<category><![CDATA[Info Penting]]></category>
		<category><![CDATA[Joki Coding]]></category>
		<guid isPermaLink="false">https://jokicoding.com/?p=2040</guid>

					<description><![CDATA[Jasa Coding ProfesionalSemua bahasa pemrograman ✔️Website, aplikasi, tugas coding ✔️Aman &#38; terpercaya ✔️ 🌐 jokicoding.com📱 Instagram: @jokicoding_me ✨ Kenapa pilih kami? Respon cepat ⚡Pengerjaan rapi &#38; tepat waktu ⏱️Bisa revisi sampai beres 👍 🔥 Jangan biarkan coding bikin stress!Serahkan ke ahlinya, kamu tinggal terima jadi 😉 jasacoding #programmerindonesia #webdeveloper #codingmurah #jokicoding #website #aplikasi #codinghelper]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Jasa Coding Profesional<br>Semua bahasa pemrograman <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2714.png" alt="✔" class="wp-smiley" style="height: 1em; max-height: 1em;" /><br>Website, aplikasi, tugas coding <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2714.png" alt="✔" class="wp-smiley" style="height: 1em; max-height: 1em;" /><br>Aman &amp; terpercaya <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2714.png" alt="✔" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>



<p class="wp-block-paragraph"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f310.png" alt="🌐" class="wp-smiley" style="height: 1em; max-height: 1em;" /> jokicoding.com<br><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4f1.png" alt="📱" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Instagram: @jokicoding_me</p>



<p class="wp-block-paragraph"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2728.png" alt="✨" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Kenapa pilih kami?</p>



<p class="wp-block-paragraph">Respon cepat <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/26a1.png" alt="⚡" class="wp-smiley" style="height: 1em; max-height: 1em;" /><br>Pengerjaan rapi &amp; tepat waktu <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/23f1.png" alt="⏱" class="wp-smiley" style="height: 1em; max-height: 1em;" /><br>Bisa revisi sampai beres <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f44d.png" alt="👍" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>



<p class="wp-block-paragraph"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f525.png" alt="🔥" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Jangan biarkan coding bikin stress!<br>Serahkan ke ahlinya, kamu tinggal terima jadi <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f609.png" alt="😉" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>



<h1 class="wp-block-heading">jasacoding #programmerindonesia #webdeveloper #codingmurah #jokicoding #website #aplikasi #codinghelper</h1>
]]></content:encoded>
					
					<wfw:commentRss>https://jokicoding.com/pusing-dengan-coding-error-gak-kelar-kelar-tenang-kami-siap-bantu/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Apa Itu PHP? Pengertian dan Kegunaannya dalam Pembuatan Website</title>
		<link>https://jokicoding.com/apa-itu-php-pengertian-dan-kegunaannya-dalam-pembuatan-website/</link>
					<comments>https://jokicoding.com/apa-itu-php-pengertian-dan-kegunaannya-dalam-pembuatan-website/#respond</comments>
		
		<dc:creator><![CDATA[joki coding]]></dc:creator>
		<pubDate>Thu, 26 Feb 2026 01:07:22 +0000</pubDate>
				<category><![CDATA[Joki Coding]]></category>
		<category><![CDATA[Info Penting]]></category>
		<category><![CDATA[Tutorial]]></category>
		<guid isPermaLink="false">https://jokicoding.com/?p=2036</guid>

					<description><![CDATA[PHP adalah bahasa pemrograman server-side yang digunakan untuk mengembangkan website dinamis dan aplikasi berbasis web. PHP sangat populer karena fleksibel, mudah dipelajari, dan kompatibel dengan berbagai server serta database. Mengapa Harus Menggunakan PHP? Banyak website profesional dibangun menggunakan PHP karena performanya stabil dan biaya pengembangannya relatif terjangkau. Framework PHP yang Populer Beberapa framework PHP yang sering digunakan developer profesional: Butuh Jasa Pembuatan Website PHP? Kami melayani pembuatan: ✔ Website Company Profile✔ Sistem Informasi✔ Aplikasi Berbasis Web✔ Toko Online (E-Commerce)✔ Custom Web Application Tim kami berpengalaman dan terpercaya dalam pengembangan website berbasis PHP. 📞 Hubungi sekarang: 087850586090📩 Instagram: @joki_coding.me]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"><strong>PHP</strong> adalah bahasa pemrograman server-side yang digunakan untuk mengembangkan website dinamis dan aplikasi berbasis web. PHP sangat populer karena fleksibel, mudah dipelajari, dan kompatibel dengan berbagai server serta database.</p>



<h3 class="wp-block-heading">Mengapa Harus Menggunakan PHP?</h3>



<ol class="wp-block-list">
<li>Mudah dikembangkan</li>



<li>Banyak komunitas dan dokumentasi</li>



<li>Support berbagai database (MySQL, PostgreSQL, dll)</li>



<li>Cocok untuk website skala kecil hingga besar</li>
</ol>



<p class="wp-block-paragraph">Banyak website profesional dibangun menggunakan PHP karena performanya stabil dan biaya pengembangannya relatif terjangkau.</p>



<h3 class="wp-block-heading">Framework PHP yang Populer</h3>



<p class="wp-block-paragraph">Beberapa framework PHP yang sering digunakan developer profesional:</p>



<ul class="wp-block-list">
<li><strong>Laravel</strong> – Framework modern dengan fitur lengkap dan keamanan tinggi.</li>



<li><strong>CodeIgniter</strong> – Ringan, cepat, dan mudah digunakan.</li>
</ul>



<h3 class="wp-block-heading">Butuh Jasa Pembuatan Website PHP?</h3>



<p class="wp-block-paragraph">Kami melayani pembuatan:</p>



<p class="wp-block-paragraph"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2714.png" alt="✔" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Website Company Profile<br><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2714.png" alt="✔" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Sistem Informasi<br><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2714.png" alt="✔" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Aplikasi Berbasis Web<br><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2714.png" alt="✔" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Toko Online (E-Commerce)<br><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2714.png" alt="✔" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Custom Web Application</p>



<p class="wp-block-paragraph">Tim kami berpengalaman dan terpercaya dalam pengembangan website berbasis PHP.</p>



<p class="wp-block-paragraph"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4de.png" alt="📞" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Hubungi sekarang: 087850586090<br><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4e9.png" alt="📩" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Instagram: @joki_coding.me</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jokicoding.com/apa-itu-php-pengertian-dan-kegunaannya-dalam-pembuatan-website/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Belajar CRUD dengan Mudah</title>
		<link>https://jokicoding.com/belajar-crud-dengan-mudah/</link>
					<comments>https://jokicoding.com/belajar-crud-dengan-mudah/#respond</comments>
		
		<dc:creator><![CDATA[joki coding]]></dc:creator>
		<pubDate>Wed, 10 Dec 2025 01:43:35 +0000</pubDate>
				<category><![CDATA[Info Penting]]></category>
		<category><![CDATA[Info Terbaru]]></category>
		<category><![CDATA[Joki Coding]]></category>
		<category><![CDATA[Tutorial]]></category>
		<guid isPermaLink="false">https://jokicoding.com/?p=2033</guid>

					<description><![CDATA[Belajar membuat aplikasi sederhana yang mampu membuat, membaca, mengubah, dan menghapus data (CRUD) menjadi pintu masuk penting bagi siapa saja yang ingin berkarier di dunia pengembangan perangkat lunak. Di era transformasi digital, keterampilan dasar ini membantu pelajar, tenaga kerja, dan pelaku UMKM membangun solusi yang fungsional dan cepat diterapkan. Praktisi teknologi lokal menyebut CRUD bukan hanya konsep teoretis: “CRUD adalah pola dasar yang muncul di hampir semua aplikasi — dari manajemen inventori kecil sampai sistem informasi pemerintahan,” kata seorang instruktur pengembangan web. Untuk pemula, membuat CRUD sederhana adalah metode terbaik memahami alur data, struktur database, dan pola arsitektur aplikasi. Banyak pengembang pemula memulai dengan Laravel—kerangka kerja PHP yang populer—karena menyediakan alat bawaan untuk membuat CRUD dengan cepat: generator migration, model, controller resource, dan fitur routing serta template. Untuk lingkungan pengembangan lokal, alat seperti Laragon sering direkomendasikan karena mempermudah setup PHP, database, dan server lokal. Praktik terbaik saat membuat CRUD sederhana adalah: rancang skema database yang jelas, gunakan validasi input, tampilkan pesan kesalahan/konfirmasi ke pengguna, dan selalu pastikan keamanan dasar seperti proteksi CSRF dan sanitasi input. Dengan menguasai CRUD, pembelajar membuka jalan untuk proyek yang lebih kompleks, seperti sistem e-commerce, manajemen pelanggan, atau aplikasi layanan publik. Ringkasan Teknis (Contoh singkat — Laravel + Laragon) Berikut langkah dan potongan kode ringkas agar pembaca langsung coba membuat CRUD sederhana untuk entitas Product.]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Belajar membuat aplikasi sederhana yang mampu <strong>membuat, membaca, mengubah, dan menghapus data</strong> (CRUD) menjadi pintu masuk penting bagi siapa saja yang ingin berkarier di dunia pengembangan perangkat lunak. Di era transformasi digital, keterampilan dasar ini membantu pelajar, tenaga kerja, dan pelaku UMKM membangun solusi yang fungsional dan cepat diterapkan.</p>



<p class="wp-block-paragraph">Praktisi teknologi lokal menyebut CRUD bukan hanya konsep teoretis: “CRUD adalah pola dasar yang muncul di hampir semua aplikasi — dari manajemen inventori kecil sampai sistem informasi pemerintahan,” kata seorang instruktur pengembangan web. Untuk pemula, membuat CRUD sederhana adalah metode terbaik memahami alur data, struktur database, dan pola arsitektur aplikasi.</p>



<p class="wp-block-paragraph">Banyak pengembang pemula memulai dengan <strong>Laravel</strong>—kerangka kerja PHP yang populer—karena menyediakan alat bawaan untuk membuat CRUD dengan cepat: generator migration, model, controller resource, dan fitur routing serta template. Untuk lingkungan pengembangan lokal, alat seperti <strong>Laragon</strong> sering direkomendasikan karena mempermudah setup PHP, database, dan server lokal.</p>



<p class="wp-block-paragraph">Praktik terbaik saat membuat CRUD sederhana adalah: rancang skema database yang jelas, gunakan validasi input, tampilkan pesan kesalahan/konfirmasi ke pengguna, dan selalu pastikan keamanan dasar seperti proteksi CSRF dan sanitasi input. Dengan menguasai CRUD, pembelajar membuka jalan untuk proyek yang lebih kompleks, seperti sistem e-commerce, manajemen pelanggan, atau aplikasi layanan publik.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><strong>Ringkasan Teknis (Contoh singkat — Laravel + Laragon)</strong></h2>



<p class="wp-block-paragraph">Berikut langkah dan potongan kode ringkas agar pembaca langsung coba membuat CRUD sederhana untuk entitas <code>Product</code>.</p>



<ol class="wp-block-list">
<li><strong>Siapkan lingkungan</strong>
<ul class="wp-block-list">
<li>Jalankan Laragon, buat proyek Laravel baru:<br><code>composer create-project laravel/laravel mycrud</code></li>



<li>Atur koneksi database di <code>.env</code>.</li>
</ul>
</li>



<li><strong>Buat migration &amp; model</strong>
<ul class="wp-block-list">
<li>Terminal: <code>php artisan make:model Product -m</code></li>



<li>Contoh migration (<code>database/migrations/...create_products_table.php</code>):</li>
</ul>
</li>
</ol>



<pre class="wp-block-code"><code>public function up()
{
    Schema::create('products', function (Blueprint $table) {
        $table-&gt;id();
        $table-&gt;string('name');
        $table-&gt;text('description')-&gt;nullable();
        $table-&gt;decimal('price', 12, 2);
        $table-&gt;timestamps();
    });
}
</code></pre>



<ul class="wp-block-list">
<li>Jalankan migration: <code>php artisan migrate</code></li>
</ul>



<ol start="3" class="wp-block-list">
<li><strong>Buat controller resource</strong>
<ul class="wp-block-list">
<li><code>php artisan make:controller ProductController --resource</code></li>



<li>Contoh method <code>store</code> &amp; <code>update</code> (ringkas):</li>
</ul>
</li>
</ol>



<pre class="wp-block-code"><code>public function store(Request $request)
{
    $data = $request-&gt;validate(&#91;
        'name' =&gt; 'required|string|max:255',
        'description' =&gt; 'nullable|string',
        'price' =&gt; 'required|numeric',
    ]);
    Product::create($data);
    return redirect()-&gt;route('products.index')-&gt;with('success','Produk dibuat');
}

public function update(Request $request, Product $product)
{
    $data = $request-&gt;validate(&#91;
        'name' =&gt; 'required|string|max:255',
        'description' =&gt; 'nullable|string',
        'price' =&gt; 'required|numeric',
    ]);
    $product-&gt;update($data);
    return redirect()-&gt;route('products.index')-&gt;with('success','Produk diperbarui');
}
</code></pre>



<ul class="wp-block-list">
<li>Jangan lupa <code>protected $fillable = ['name','description','price'];</code> di model <code>Product</code>.</li>
</ul>



<ol start="4" class="wp-block-list">
<li><strong>Routing</strong>
<ul class="wp-block-list">
<li>Di <code>routes/web.php</code>:</li>
</ul>
</li>
</ol>



<pre class="wp-block-code"><code>Route::resource('products', ProductController::class);
</code></pre>



<ol start="5" class="wp-block-list">
<li><strong>View sederhana (Blade)</strong>
<ul class="wp-block-list">
<li>Buat file <code>resources/views/products/index.blade.php</code> untuk menampilkan list + tombol create/edit/delete. Gunakan form dengan <code>@csrf</code> dan <code>@method('DELETE')</code> untuk hapus.</li>
</ul>
</li>



<li><strong>Pengujian cepat</strong>
<ul class="wp-block-list">
<li>Jalankan server: <code>php artisan serve</code> atau akses melalui virtual host Laragon.</li>



<li>Coba tambahkan produk, edit, dan hapus—cek validasi dan pesan berhasil.</li>
</ul>
</li>
</ol>
]]></content:encoded>
					
					<wfw:commentRss>https://jokicoding.com/belajar-crud-dengan-mudah/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Aplikasi Pedeteksi Uang dengan Flutter</title>
		<link>https://jokicoding.com/aplikasi-pedeteksi-uang-dengan-flutter/</link>
					<comments>https://jokicoding.com/aplikasi-pedeteksi-uang-dengan-flutter/#respond</comments>
		
		<dc:creator><![CDATA[joki coding]]></dc:creator>
		<pubDate>Sat, 30 Dec 2023 02:26:32 +0000</pubDate>
				<category><![CDATA[Info Penting]]></category>
		<category><![CDATA[Info Terbaru]]></category>
		<category><![CDATA[portofolio]]></category>
		<guid isPermaLink="false">https://jokicoding.com/?p=1660</guid>

					<description><![CDATA[Aplikasi Pedeteksi Uang dengan Flutter ini bertujuan untuk mendeteksi nominal uang kertas dengan fitur camera, suara dan text jika berminat silahkkan hubungi 087850586090]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Aplikasi Pedeteksi Uang dengan Flutter ini bertujuan untuk mendeteksi nominal uang kertas dengan fitur camera,  suara dan text jika berminat silahkkan hubungi 087850586090</p>



<figure class="wp-block-image size-large is-resized"><img fetchpriority="high" decoding="async" src="https://jokicoding.com/wp-content/uploads/2023/12/a487877b-f987-4cc4-bd14-1de4e7dddd21-461x1024.jpg" alt="" class="wp-image-1662" width="225" height="499" srcset="https://jokicoding.com/wp-content/uploads/2023/12/a487877b-f987-4cc4-bd14-1de4e7dddd21-461x1024.jpg 461w, https://jokicoding.com/wp-content/uploads/2023/12/a487877b-f987-4cc4-bd14-1de4e7dddd21-135x300.jpg 135w, https://jokicoding.com/wp-content/uploads/2023/12/a487877b-f987-4cc4-bd14-1de4e7dddd21-691x1536.jpg 691w, https://jokicoding.com/wp-content/uploads/2023/12/a487877b-f987-4cc4-bd14-1de4e7dddd21.jpg 720w" sizes="(max-width: 225px) 100vw, 225px" /></figure>
]]></content:encoded>
					
					<wfw:commentRss>https://jokicoding.com/aplikasi-pedeteksi-uang-dengan-flutter/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Komponen yang di butuhkan saat belajar Flutter</title>
		<link>https://jokicoding.com/komponen-yang-di-butuhkan-saat-belajar-flutter/</link>
					<comments>https://jokicoding.com/komponen-yang-di-butuhkan-saat-belajar-flutter/#respond</comments>
		
		<dc:creator><![CDATA[joki coding]]></dc:creator>
		<pubDate>Thu, 08 Sep 2022 08:32:19 +0000</pubDate>
				<category><![CDATA[Info Penting]]></category>
		<category><![CDATA[Info Terbaru]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[jasa aplikasi]]></category>
		<category><![CDATA[jasa aplikasi skripsi]]></category>
		<category><![CDATA[jasa coding]]></category>
		<category><![CDATA[jasa pembuatan aplikasi]]></category>
		<category><![CDATA[jasa pembuatan website]]></category>
		<category><![CDATA[jasa skripsi]]></category>
		<category><![CDATA[joki coding]]></category>
		<category><![CDATA[jokicoding]]></category>
		<category><![CDATA[tutorialjokicoding]]></category>
		<guid isPermaLink="false">https://jokicoding.site/?p=1495</guid>

					<description><![CDATA[Flutter adalah platform yang digunakan para developer untuk membuat aplikasi multiplatform hanya dengan satu basis coding (codebase). Artinya, aplikasi yang dihasilkan dapat dipakai di berbagai platform, baik mobile Android, iOS, web, maupun desktopHal yang di siapkan sebelum instal Flutter1. Flutter SDK 2. Android Studio3. Vs Code ->Langkah awal silahkan download SDK download https://docs.flutter.dev/get-started/install->Instal Android Studio Silahkan Download Android Studio dan Instal->Setalah Berhasil silahkan instal Plugin Flutter dan Dart ->Instal Vs Code-> Instal Plugin Flutter &#38; Dart Membuat Project Flutter di VS CodePertama silahkan tekan tombol F1 atau Ctrl+F1 Jangan Lupa Flutter SDK sudah terintsallNEXT STEP]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"><strong>Flutter adalah</strong> platform yang digunakan para developer untuk membuat aplikasi multiplatform hanya dengan satu basis <a href="https://www.niagahoster.co.id/blog/apa-itu-coding/" target="_blank" rel="noreferrer noopener">coding</a> <em>(codebase)</em>. Artinya, aplikasi yang dihasilkan dapat dipakai di berbagai platform, baik mobile Android, iOS, web, maupun desktop<br>Hal yang di siapkan sebelum instal Flutter<br>1. Flutter SDK  <br>2. Android Studio<br>3. Vs Code<br><br>->Langkah awal silahkan download SDK download https://docs.flutter.dev/get-started/install<br>->Instal Android Studio Silahkan Download Android Studio dan Instal<br>->Setalah Berhasil silahkan instal Plugin Flutter dan Dart<br></p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" src="http://localhost/tematik/wp-content/uploads/2022/09/flutter.png" alt="" class="wp-image-1496" width="458" height="412" srcset="https://jokicoding.com/wp-content/uploads/2022/09/flutter.png 790w, https://jokicoding.com/wp-content/uploads/2022/09/flutter-300x270.png 300w, https://jokicoding.com/wp-content/uploads/2022/09/flutter-768x690.png 768w" sizes="(max-width: 458px) 100vw, 458px" /></figure>



<p class="wp-block-paragraph">->Instal Vs Code<br>-> Instal Plugin Flutter &amp; Dart </p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" src="http://localhost/tematik/wp-content/uploads/2022/09/vs.png" alt="" class="wp-image-1497" width="295" height="164"/></figure>



<p class="wp-block-paragraph"><strong>Membuat Project Flutter di VS Code</strong><br>Pertama silahkan tekan tombol F1 atau Ctrl+F1</p>



<figure class="wp-block-image size-large is-resized"><img loading="lazy" decoding="async" src="https://jokicoding.site/wp-content/uploads/2022/09/image-1024x576.png" alt="" class="wp-image-1499" width="437" height="245" srcset="https://jokicoding.com/wp-content/uploads/2022/09/image-1024x576.png 1024w, https://jokicoding.com/wp-content/uploads/2022/09/image-300x169.png 300w, https://jokicoding.com/wp-content/uploads/2022/09/image-768x432.png 768w, https://jokicoding.com/wp-content/uploads/2022/09/image-1536x864.png 1536w, https://jokicoding.com/wp-content/uploads/2022/09/image.png 1920w" sizes="(max-width: 437px) 100vw, 437px" /></figure>



<p class="wp-block-paragraph"><strong>Jangan Lupa Flutter SDK sudah terintsall</strong><br>NEXT STEP</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jokicoding.com/komponen-yang-di-butuhkan-saat-belajar-flutter/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Tutorial CRUD Codeigniter 4 dengan Bootstrap</title>
		<link>https://jokicoding.com/tutorial-crud-codeigniter-4-dengan-bootstrap/</link>
					<comments>https://jokicoding.com/tutorial-crud-codeigniter-4-dengan-bootstrap/#respond</comments>
		
		<dc:creator><![CDATA[joki coding]]></dc:creator>
		<pubDate>Sat, 25 Sep 2021 15:03:37 +0000</pubDate>
				<category><![CDATA[Info Penting]]></category>
		<category><![CDATA[Info Terbaru]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[jasa coding]]></category>
		<category><![CDATA[jasa coding aplikasi]]></category>
		<category><![CDATA[jasa coding ci]]></category>
		<category><![CDATA[jasa coding php]]></category>
		<category><![CDATA[jasa pembuatan aplikasi]]></category>
		<category><![CDATA[jasa pembuatan website]]></category>
		<category><![CDATA[jasa skripsi]]></category>
		<category><![CDATA[jasa tugas akhir]]></category>
		<category><![CDATA[jasa tugas coding]]></category>
		<category><![CDATA[joki coding]]></category>
		<guid isPermaLink="false">https://jokicoding.my.id/?p=1229</guid>

					<description><![CDATA[Langkah 1 – Instal Aplikasi Codeigniter 4Silahkan kunjungi tautan ini https://codeigniter.com/download Download aplikasi Codeigniter 4 dan unzip setup di sistem lokal Anda xampp/htdocs/ . Langkah 2 – Konfigurasi Aplikasi DasarKemudian silahkan konfigurasi dasar pada file&#160;app/config/app.php&#160;, silahkan pergi ke application/config/config.php dan buka file ini pada editor teks. Setel URL berikut inipublik $baseURL = &#8216;http://localhost:8080&#8217;; Ke publik $baseURL = &#8216;http://localhost/demo/&#8217;; Langkah 3 – Buat Database dan Tabel BUAT demo DATABASE ; BUAT pengguna TABEL ( id int( 11 ) NOT NULL AUTO_INCREMENT COMMENT &#8216;Primary Key&#8217; , nama varchar( 100 ) NOT NULL COMMENT &#8216;Name&#8217; , email varchar( 255 ) NOT NULL COMMENT &#8216;Email Address&#8217; , PRIMARY KEY (id) ) ENGINE = InnoDB DEFAULT CHARSET = latin1 COMMENT = &#8216;demo database&#8217; AUTO_INCREMENT = 1 ; INSERT INTO `users` ( `id` , `name` , `email` ) NILAI( 1 , &#8216;Mamat Sunardi&#8217; , &#8216;paul@gmail.com&#8217; ),( 2 , &#8216;Vanya Imayan&#8217; , &#8216;vanya@gmail.com&#8217; ),( 3 , &#8216;Dewa Luther&#8217; , &#8216;luther@gmail.com&#8217; ),( 4 , &#8216;Dwi John Doe&#8217; , &#8216;john@gmail.com&#8217; ),( 5 , &#8216;Tika Dewi Paul&#8217; , &#8216;paul@gmail.com&#8217; ),( 6 , &#8216;Didik Vanya&#8217; , &#8216;vanya@gmail.com&#8217; ),( 7 , &#8216;Minka Luther&#8217; , &#8216;luther@gmail.com&#8217; ),( 8 , &#8216;Wayne Diew Barrett&#8217; , &#8216;wayne@gmail.com&#8217; ),( 9 , &#8216;Vincent Ros&#8217; , &#8216;ramos@gmail.com&#8217; ),( 10 , &#8216;Susan Warren&#8217; , &#8216;sussan@gmail.com&#8217; ),( 11 , &#8216;Jason Evans&#8217; , &#8216;jason@gmail.com&#8217; ),( 12 , &#8216;Madison Simpson&#8217; , &#8216;madison@gmail.com&#8217; ),( 13 , &#8216;Marvin Ortiz&#8217; , &#8216;paul@gmail.com&#8217; ),( 14 , &#8216;Felecia Phillips&#8217; , &#8216;felecia@gmail.com&#8217; ),( 15 , &#8216;Tommy Hernandez&#8217; , &#8216;hernandez@gmail.com&#8217; ); Langkah 4 – Siapkan Kredensial Basis DataMenghubungkan aplikasi codeigniter 4 Anda ke database.&#160;kunjungi&#160;direktori app/Config/&#160;dan buka&#160;Database.php&#160;.&#160;Kemudian tambahkan detail database seperti di bawah ini ke dalam file database.php publik $default = [ &#8216;DSN&#8217; = &#62; &#8221; , &#8216;hostname&#8217; = &#62; &#8216;localhost&#8217; , &#8216;nama pengguna&#8217; = &#62; &#8216;tes&#8217; , &#8216;kata sandi&#8217; = &#62; &#8216;4Mu99BhzK8dr4vF1&#8217; , &#8216;database&#8217; = &#62; &#8216;demo&#8217; , &#8216;DBDriver&#8217; = &#62; &#8216;MySQLi&#8217; , &#8216;DBPrefix&#8217; = &#62; &#8221; , &#8216;pConnect&#8217; = &#62; salah , &#8216;DBDebug&#8217; = &#62; ( LINGKUNGAN !== &#8216;pengembangan&#8217; ) , &#8216;cacheOn&#8217; = &#62; salah , &#8216;cacheDir&#8217; = &#62; &#8221; , &#8216;charset&#8217; = &#62; &#8216;utf8&#8217; , &#8216;DBCollat&#8217; = &#62; &#8216;utf8_general_ci&#8217; , &#8216;swapPre&#8217; = &#62; &#8221; , &#8216;enkripsi&#8217; = &#62; salah , &#8216;kompres&#8217; = &#62; salah , &#8216;strictOn&#8217; = &#62; salah , &#8216;gagal&#8217; = &#62; [] , &#8216;pelabuhan&#8217; = &#62; 3306, ] ; Langkah 5 – Buat Kelas Model &#60; ?phpnamespace App\Models;gunakan CodeIgniter\Model;kelas UserModel memperluas Model{ protected $table = &#8216;pengguna&#8217; ; protected $primaryKey = &#8216;id&#8217; ; protected $allowedFields = [ &#8216;nama&#8217; , &#8217;email&#8217; ] ; } Langkah 6 – Buat ControllerBuat&#160;file .php&#160;UserCrudController&#160;.&#160;Jadi, kunjungi&#160;direktori&#160;app/Controllers&#160;dan buat&#160;UserCrudController&#160;.php&#160;.Kemudian tambahkan kode berikut ke dalamnya &#60; ?phpnamespace App\Controllers;gunakan App\Models\UserModel;gunakan CodeIgniter\Controller;kelas UserCrudController memperluas Controller{ // tampilkan daftar pengguna indeks fungsi publik (){ $userModel = new UserModel () ; $data[&#8216;users&#8217;] = $userModel-&#62;orderBy ( &#8216;id&#8217; , &#8216;DESC&#8217; ) &#8211; &#62; paginate ( 10 ) ; $data[&#8216;pagination_link&#8217;] = $userModel-&#62;pager ; tampilan kembali ( &#8216;daftar&#8217; , $data ) ; } // tambahkan formulir pengguna fungsi publik buat (){ tampilan kembali ( &#8216;add_user&#8217; ) ; } //masukkan data toko fungsi publik () { $userModel = new UserModel () ; $data = [ &#8216;name&#8217; = &#62; $this &#8211; &#62; request -&#62;getVar ( &#8216;name&#8217; ) , &#8217;email&#8217; = &#62; $this &#8211; &#62; request -&#62;getVar ( &#8217;email&#8217; ) , ] ; $userModel-&#62;insert ( $data ) ; return $this &#8211; &#62; response -&#62;redirect ( site_url ( &#8216;/list&#8217; )) ; } // tampilkan pengguna tunggal fungsi publik singleUser ( $id = null ){ $userModel = new UserModel () ; $data[&#8216;user_obj&#8217;] = $userModel-&#62;where ( &#8216;id&#8217; , $id ) &#8211; &#62; first () ; tampilan kembali ( &#8216;edit_user&#8217; , $data ) ; } // perbarui data pengguna pembaruan fungsi publik (){ $userModel = new UserModel () ; $id = $this &#8211; &#62; request -&#62;getVar ( &#8216;id&#8217; ) ; $data = [ &#8216;name&#8217; = &#62; $this &#8211; &#62; request -&#62;getVar ( &#8216;name&#8217; ) , &#8217;email&#8217; = &#62; $this &#8211; &#62; request -&#62;getVar ( &#8217;email&#8217; ) , ] ; $userModel-&#62;update ( $id, $data ) ; return $this &#8211; &#62; response -&#62;redirect ( site_url ( &#8216;/list&#8217; )) ; } // Hapus pengguna hapus fungsi publik ( $id = null ){ $userModel = new UserModel () ; $data[&#8216;user&#8217;] = $userModel-&#62;where ( &#8216;id&#8217; , $id ) &#8211; &#62; delete ( $id ) ; return $this &#8211; &#62; response -&#62;redirect ( site_url ( &#8216;/list&#8217; )) ; } } Langkah 7 – Buat VIEW &#60;!doctype html&#62; &#60;html lang=&#8221;en&#8221;&#62; &#60;head&#62; &#60;meta charset=&#8221;utf-8&#8243;&#62; &#60;meta name=&#8221;viewport&#8221; content=&#8221;width=device-width, initial-scale=1, shrink-to-fit=no&#8221;&#62; &#60;title&#62;Codeigniter 4 CRUD App Example &#8211; laratutorials.com&#60;/title&#62; &#60;link rel=&#8221;stylesheet&#8221; href=&#8221;https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css&#8221;&#62; &#60;script src=&#8221;https://code.jquery.com/jquery-3.5.1.slim.min.js&#8221;&#62;&#60;/script&#62; &#60;/head&#62; &#60;body&#62; &#60;div class=&#8221;container mt-4&#8243;&#62; &#60;div class=&#8221;d-flex justify-content-end&#8221;&#62; &#60;a href=&#8221;&#60;?php echo site_url(&#8216;/user-form&#8217;) ?&#62;&#8221; class=&#8221;btn btn-success mb-2&#8243;&#62;Add User&#60;/a&#62; &#60;/div&#62; &#60;?php if(isset($_SESSION[&#8216;msg&#8217;])){ echo $_SESSION[&#8216;msg&#8217;]; } ?&#62; &#60;div class=&#8221;mt-3&#8243;&#62; &#60;table class=&#8221;table table-bordered&#8221; id=&#8221;users-list&#8221;&#62; &#60;thead&#62; &#60;tr&#62; &#60;th&#62;User Id&#60;/th&#62; &#60;th&#62;Name&#60;/th&#62; &#60;th&#62;Email&#60;/th&#62; &#60;th&#62;Action&#60;/th&#62; &#60;/tr&#62; &#60;/thead&#62; &#60;tbody&#62; &#60;?php if($users): ?&#62; &#60;?php foreach($users as $user): ?&#62; &#60;tr&#62; &#60;td&#62;&#60;?php echo $user[&#8216;id&#8217;]; ?&#62;&#60;/td&#62; &#60;td&#62;&#60;?php echo $user[&#8216;name&#8217;]; ?&#62;&#60;/td&#62; &#60;td&#62;&#60;?php echo $user[&#8217;email&#8217;]; ?&#62;&#60;/td&#62; &#60;td&#62; &#60;a href=&#8221;&#60;?php echo base_url(&#8216;edit-view/&#8217;.$user[&#8216;id&#8217;]);?&#62;&#8221; class=&#8221;btn btn-primary btn-sm&#8221;&#62;Edit&#60;/a&#62; &#60;a href=&#8221;&#60;?php echo base_url(&#8216;delete/&#8217;.$user[&#8216;id&#8217;]);?&#62;&#8221; class=&#8221;btn btn-danger btn-sm&#8221;&#62;Delete&#60;/a&#62; &#60;/td&#62; &#60;/tr&#62; &#60;?php endforeach; ?&#62; &#60;?php endif; ?&#62; &#60;/tbody&#62; &#60;/table&#62; &#60;div&#62; &#60;?php if($pagination_link) { $pagination_link-&#62;setPath(&#8216;list&#8217;); echo $pagination_link-&#62;links(); } ?&#62; &#60;/div&#62; &#60;/div&#62; &#60;/div&#62; &#60;/body&#62; &#60;/html&#62; Selanjutnya, Buat&#160;file view&#160;add_user&#160;.php&#160;, direktori application/views/ dan buat&#160;file&#160;add_user&#160;.php.&#160;Kemudian tambahkan HTML berikut ke dalam&#160;file .php &#60;!DOCTYPE html&#62; &#60;html&#62; &#60;head&#62; &#60;title&#62;Codeigniter 4 Add Form With Validation &#8211; Laratutorials.com&#60;/title&#62; &#60;link rel=&#8221;stylesheet&#8221; href=&#8221;https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css&#8221;&#62; &#60;style&#62; .container { max-width: 500px; } .error { display: block; padding-top: 5px; font-size: 14px; color: red; } &#60;/style&#62; &#60;/head&#62; &#60;body&#62; &#60;div class=&#8221;container mt-5&#8243;&#62; &#60;form method=&#8221;post&#8221; id=&#8221;add_create&#8221; name=&#8221;add_create&#8221; action=&#8221;&#60;?= site_url(&#8216;/submit-form&#8217;) ?&#62;&#8221;&#62; &#60;div class=&#8221;form-group&#8221;&#62; &#60;label&#62;Name&#60;/label&#62; &#60;input type=&#8221;text&#8221; name=&#8221;name&#8221; class=&#8221;form-control&#8221;&#62; &#60;/div&#62; &#60;div class=&#8221;form-group&#8221;&#62; &#60;label&#62;Email&#60;/label&#62; &#60;input type=&#8221;text&#8221; name=&#8221;email&#8221; class=&#8221;form-control&#8221;&#62; &#60;/div&#62; &#60;div class=&#8221;form-group&#8221;&#62; &#60;button type=&#8221;submit&#8221; class=&#8221;btn btn-primary btn-block&#8221;&#62;Update Data&#60;/button&#62; &#60;/div&#62; &#60;/form&#62; &#60;/div&#62; &#60;script src=&#8221;https://code.jquery.com/jquery-3.5.1.slim.min.js&#8221;&#62;&#60;/script&#62; &#60;script src=&#8221;https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.2/jquery.validate.js&#8221;&#62;&#60;/script&#62; &#60;script src=&#8221;https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.2/additional-methods.min.js&#8221;&#62;&#60;/script&#62; &#60;script&#62; if ($(&#8220;#add_create&#8221;).length &#62; 0) { $(&#8220;#add_create&#8221;).validate({ rules: { name: { required: true, }, email: { required: true, maxlength: 60, email: true, }, }, messages: { name: { required: &#8220;Name is required.&#8221;, }, email: { required: &#8220;Email is required.&#8221;, email: &#8220;It does not seem to be a valid email.&#8221;, maxlength: &#8220;The email should be or equal to 60 chars.&#8221;, }, }, }) } &#60;/script&#62; &#60;/body&#62; &#60;/html&#62; Buat&#160;file view&#160;edit_view&#160;.php&#160;, kunjungi direktori application/views/ dan buat&#160;file&#160;edit_view&#160;.php.&#160;Kemudian tambahkan HTML berikut]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Langkah 1 – Instal Aplikasi Codeigniter 4<br>Silahkan kunjungi tautan ini https://codeigniter.com/download Download aplikasi Codeigniter 4 dan unzip setup di sistem lokal Anda xampp/htdocs/ .</p>



<p class="wp-block-paragraph">Langkah 2 – Konfigurasi Aplikasi Dasar<br>Kemudian silahkan konfigurasi dasar pada file&nbsp;<strong>app/config/app.php</strong>&nbsp;, silahkan pergi ke application/config/config.php dan buka file ini pada editor teks.</p>



<p class="wp-block-paragraph">Setel URL berikut ini<br>publik $baseURL = &#8216;http://localhost:8080&#8217;; <br>Ke publik $baseURL = &#8216;http://localhost/demo/&#8217;; <br><br>Langkah 3 – Buat Database dan Tabel<br></p>



<p class="wp-block-paragraph"><strong>BUAT </strong>demo <strong>DATABASE </strong>; <br><strong>BUAT </strong>pengguna <strong>TABEL </strong>(  id int( 11 ) NOT <strong>NULL </strong>AUTO_INCREMENT <strong>COMMENT </strong>&#8216;Primary Key&#8217; ,  nama varchar( 100 ) NOT <strong>NULL COMMENT </strong>&#8216;Name&#8217; ,  email varchar( 255 ) NOT <strong>NULL COMMENT </strong>&#8216;Email Address&#8217; , <strong>PRIMARY KEY </strong>(id) ) <strong>ENGINE </strong>= InnoDB <strong>DEFAULT CHARSET </strong>= latin1 <strong>COMMENT </strong>= &#8216;demo database&#8217; AUTO_INCREMENT = 1 ; <br><strong>INSERT INTO `users` </strong>( <strong>`id` </strong>, <strong>`name` </strong>, <strong>`email` </strong>) <strong>NILAI</strong><br>( 1 , &#8216;Mamat Sunardi&#8217; , &#8216;paul@gmail.com&#8217; ),<br>( 2 , &#8216;Vanya Imayan&#8217; , &#8216;vanya@gmail.com&#8217; ),<br>( 3 , &#8216;Dewa Luther&#8217; , &#8216;luther@gmail.com&#8217; ),<br>( 4 , &#8216;Dwi John Doe&#8217; , &#8216;john@gmail.com&#8217; ),<br>( 5 , &#8216;Tika Dewi Paul&#8217; , &#8216;paul@gmail.com&#8217; ),<br>( 6 , &#8216;Didik Vanya&#8217; , &#8216;vanya@gmail.com&#8217; ),<br>( 7 , &#8216;Minka Luther&#8217; , &#8216;luther@gmail.com&#8217; ),<br>( 8 , &#8216;Wayne Diew Barrett&#8217; , &#8216;wayne@gmail.com&#8217; ),<br>( 9 , &#8216;Vincent Ros&#8217; , &#8216;ramos@gmail.com&#8217; ),<br>( 10 , &#8216;Susan Warren&#8217; , &#8216;sussan@gmail.com&#8217; ),<br>( 11 , &#8216;Jason Evans&#8217; , &#8216;jason@gmail.com&#8217; ),<br>( 12 , &#8216;Madison Simpson&#8217; , &#8216;madison@gmail.com&#8217; ),<br>( 13 , &#8216;Marvin Ortiz&#8217; , &#8216;paul@gmail.com&#8217; ),<br>( 14 , &#8216;Felecia Phillips&#8217; , &#8216;felecia@gmail.com&#8217; ),<br>( 15 , &#8216;Tommy Hernandez&#8217; , &#8216;hernandez@gmail.com&#8217; );</p>



<p class="wp-block-paragraph">Langkah 4 – Siapkan Kredensial Basis Data<br>Menghubungkan aplikasi codeigniter 4 Anda ke database.&nbsp;kunjungi&nbsp;<strong>direktori app/Config/</strong>&nbsp;dan buka&nbsp;<strong>Database.php</strong>&nbsp;.&nbsp;Kemudian tambahkan detail database seperti di bawah ini ke dalam file database.php<br></p>



<p class="wp-block-paragraph"><strong>publik $default </strong>= [<br>  &#8216;DSN&#8217; = &gt; &#8221; ,<br> &#8216;hostname&#8217; = &gt; &#8216;localhost&#8217; ,<br> &#8216;nama pengguna&#8217; = &gt; &#8216;tes&#8217; ,<br> &#8216;kata sandi&#8217; = &gt; &#8216;4Mu99BhzK8dr4vF1&#8217; ,<br> &#8216;database&#8217; = &gt; &#8216;demo&#8217; ,<br> &#8216;DBDriver&#8217; = &gt; &#8216;MySQLi&#8217; ,<br> &#8216;DBPrefix&#8217; = &gt; &#8221; ,<br> &#8216;pConnect&#8217; = &gt; <strong>salah </strong>, <br> &#8216;DBDebug&#8217; = &gt; ( LINGKUNGAN !== &#8216;pengembangan&#8217; ) ,<br> &#8216;cacheOn&#8217; = &gt; <strong>salah </strong>,  &#8216;cacheDir&#8217; = &gt; &#8221; , <br>&#8216;charset&#8217; = &gt; &#8216;utf8&#8217; , <br>&#8216;DBCollat&#8217; = &gt; &#8216;utf8_general_ci&#8217; , <br>&#8216;swapPre&#8217; = &gt; &#8221; ,<br> &#8216;enkripsi&#8217; = &gt; <strong>salah </strong>, <br> &#8216;kompres&#8217; = &gt; <strong>salah </strong>, <br> &#8216;strictOn&#8217; = &gt; <strong>salah </strong>, <br> &#8216;gagal&#8217; = &gt; [] ,<br> &#8216;pelabuhan&#8217; = &gt; 3306, <br>] ;</p>



<p class="wp-block-paragraph">Langkah 5 – Buat Kelas Model<br></p>



<p class="wp-block-paragraph">&lt; ?php<br><strong>namespace </strong>App\Models;<br><strong>gunakan </strong>CodeIgniter\Model;<br><strong>kelas </strong>UserModel <strong>memperluas </strong>Model{ <strong>protected $table </strong>= &#8216;pengguna&#8217; ; <br><strong>protected $primaryKey </strong>= &#8216;id&#8217; ; <br><strong>protected $allowedFields </strong>= [ &#8216;nama&#8217; , &#8217;email&#8217; ] ;<br> }</p>



<p class="wp-block-paragraph">Langkah 6 – Buat Controller<br>Buat&nbsp;file .php&nbsp;<strong>UserCrudController</strong>&nbsp;.&nbsp;Jadi, kunjungi&nbsp;direktori&nbsp;<strong>app/Controllers</strong>&nbsp;dan buat&nbsp;<strong>UserCrudController&nbsp;.php</strong>&nbsp;.Kemudian tambahkan kode berikut ke dalamnya<br></p>



<p class="wp-block-paragraph">&lt; ?php<br><strong>namespace </strong>App\Controllers;<br><strong>gunakan </strong>App\Models\UserModel;<br><strong>gunakan </strong>CodeIgniter\Controller;<br><strong>kelas </strong>UserCrudController <strong>memperluas </strong>Controller{ // tampilkan daftar pengguna indeks <strong>fungsi publik </strong>(){ <strong>$userModel </strong>= new UserModel () ;<br> <strong>$data[&#8216;users&#8217;] </strong>= <strong>$userModel-&gt;orderBy </strong>( &#8216;id&#8217; , &#8216;DESC&#8217; ) &#8211; &gt; paginate ( 10 ) ; <br><strong>$data[&#8216;pagination_link&#8217;] </strong>= <strong>$userModel-&gt;pager </strong>;<br> tampilan <strong>kembali </strong>( &#8216;daftar&#8217; , <strong>$data </strong>) ;  }<br> // tambahkan formulir pengguna <strong>fungsi publik </strong>buat (){ tampilan <strong>kembali </strong>( &#8216;add_user&#8217; ) ; }<br> //masukkan data toko <strong>fungsi publik </strong>() { <strong>$userModel </strong>= new UserModel () ; <strong>$data </strong>= [ &#8216;name&#8217; = &gt; <strong>$this </strong>&#8211; &gt; request -&gt;getVar ( &#8216;name&#8217; ) ,  &#8217;email&#8217; = &gt; <strong>$this </strong>&#8211; &gt; request -&gt;getVar ( &#8217;email&#8217; ) ,  ] ; <strong>$userModel-&gt;insert </strong>( <strong>$data </strong>) ; <strong>return $this </strong>&#8211; &gt; response -&gt;redirect ( site_url ( &#8216;/list&#8217; )) ;  }<br> // tampilkan pengguna tunggal <strong>fungsi publik </strong>singleUser ( <strong>$id </strong>= <strong>null </strong>){ <strong>$userModel </strong>= new UserModel () ; <strong>$data[&#8216;user_obj&#8217;] </strong>= <strong>$userModel-&gt;where </strong>( &#8216;id&#8217; , <strong>$id </strong>) &#8211; &gt; first () ; tampilan <strong>kembali </strong>( &#8216;edit_user&#8217; , <strong>$data </strong>) ;  } <br>// perbarui data pengguna pembaruan <strong>fungsi publik </strong>(){ <strong>$userModel </strong>= new UserModel () ; <strong>$id </strong>= <strong>$this </strong>&#8211; &gt; request -&gt;getVar ( &#8216;id&#8217; ) ; <strong>$data </strong>= [ &#8216;name&#8217; = &gt; <strong>$this </strong>&#8211; &gt; request -&gt;getVar ( &#8216;name&#8217; ) ,  &#8217;email&#8217; = &gt; <strong>$this </strong>&#8211; &gt; request -&gt;getVar ( &#8217;email&#8217; ) ,  ] ; <strong>$userModel-&gt;update </strong>( <strong>$id, $data </strong>) ; <strong>return $this </strong>&#8211; &gt; response -&gt;redirect ( site_url ( &#8216;/list&#8217; )) ;  }<br> // Hapus pengguna hapus <strong>fungsi publik </strong>( <strong>$id </strong>= <strong>null </strong>){ <strong>$userModel </strong>= new UserModel () ; <strong>$data[&#8216;user&#8217;] </strong>= <strong>$userModel-&gt;where </strong>( &#8216;id&#8217; , <strong>$id </strong>) &#8211; &gt; delete ( <strong>$id </strong>) ; <strong>return $this </strong>&#8211; &gt; response -&gt;redirect ( site_url ( &#8216;/list&#8217; )) ;  } }</p>



<p class="wp-block-paragraph">Langkah 7 – Buat VIEW<br></p>



<p class="wp-block-paragraph">&lt;!doctype html&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>html</strong> lang=&#8221;en&#8221;&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>head</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>meta</strong> charset=&#8221;utf-8&#8243;&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>meta</strong> name=&#8221;viewport&#8221; content=&#8221;width=device-width, initial-scale=1, shrink-to-fit=no&#8221;&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>title</strong>&gt;Codeigniter 4 CRUD App Example &#8211; laratutorials.com&lt;/<strong>title</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>link</strong> rel=&#8221;stylesheet&#8221; href=&#8221;https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css&#8221;&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>script</strong> src=&#8221;https://code.jquery.com/jquery-3.5.1.slim.min.js&#8221;&gt;&lt;/<strong>script</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;/<strong>head</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>body</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>div</strong> class=&#8221;container mt-4&#8243;&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>div</strong> class=&#8221;d-flex justify-content-end&#8221;&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>a</strong> href=&#8221;&lt;?php echo site_url(&#8216;/user-form&#8217;) ?&gt;&#8221; class=&#8221;btn btn-success mb-2&#8243;&gt;Add User&lt;/<strong>a</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;/<strong>div</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;?php</p>



<p class="wp-block-paragraph">if(isset($_SESSION[&#8216;msg&#8217;])){</p>



<p class="wp-block-paragraph">echo $_SESSION[&#8216;msg&#8217;];</p>



<p class="wp-block-paragraph">}</p>



<p class="wp-block-paragraph">?&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>div</strong> class=&#8221;mt-3&#8243;&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>table</strong> class=&#8221;table table-bordered&#8221; id=&#8221;users-list&#8221;&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>thead</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>tr</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>th</strong>&gt;User Id&lt;/<strong>th</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>th</strong>&gt;Name&lt;/<strong>th</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>th</strong>&gt;Email&lt;/<strong>th</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>th</strong>&gt;Action&lt;/<strong>th</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;/<strong>tr</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;/<strong>thead</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>tbody</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;?php if($users): ?&gt;</p>



<p class="wp-block-paragraph">&lt;?php foreach($users as $user): ?&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>tr</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>td</strong>&gt;&lt;?php echo $user[&#8216;id&#8217;]; ?&gt;&lt;/<strong>td</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>td</strong>&gt;&lt;?php echo $user[&#8216;name&#8217;]; ?&gt;&lt;/<strong>td</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>td</strong>&gt;&lt;?php echo $user[&#8217;email&#8217;]; ?&gt;&lt;/<strong>td</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>td</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>a</strong> href=&#8221;&lt;?php echo base_url(&#8216;edit-view/&#8217;.$user[&#8216;id&#8217;]);?&gt;&#8221; class=&#8221;btn btn-primary btn-sm&#8221;&gt;Edit&lt;/<strong>a</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>a</strong> href=&#8221;&lt;?php echo base_url(&#8216;delete/&#8217;.$user[&#8216;id&#8217;]);?&gt;&#8221; class=&#8221;btn btn-danger btn-sm&#8221;&gt;Delete&lt;/<strong>a</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;/<strong>td</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;/<strong>tr</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;?php endforeach; ?&gt;</p>



<p class="wp-block-paragraph">&lt;?php endif; ?&gt;</p>



<p class="wp-block-paragraph">&lt;/<strong>tbody</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;/<strong>table</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>div</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;?php</p>



<p class="wp-block-paragraph">if($pagination_link)</p>



<p class="wp-block-paragraph">{</p>



<p class="wp-block-paragraph">$pagination_link-&gt;setPath(&#8216;list&#8217;);</p>



<p class="wp-block-paragraph">echo $pagination_link-&gt;links();</p>



<p class="wp-block-paragraph">}</p>



<p class="wp-block-paragraph">?&gt;</p>



<p class="wp-block-paragraph">&lt;/<strong>div</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;/<strong>div</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;/<strong>div</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;/<strong>body</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;/<strong>html</strong>&gt;</p>



<p class="wp-block-paragraph">Selanjutnya, Buat&nbsp;file view&nbsp;<strong>add_user&nbsp;.php</strong>&nbsp;, direktori application/views/ dan buat&nbsp;<strong>file&nbsp;add_user&nbsp;.php.&nbsp;</strong>Kemudian tambahkan HTML berikut ke dalam&nbsp;file .php</p>



<p class="wp-block-paragraph"><strong>&lt;!DOCTYPE html&gt;</strong></p>



<p class="wp-block-paragraph">&lt;<strong>html</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>head</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>title</strong>&gt;Codeigniter 4 Add Form With Validation &#8211; Laratutorials.com&lt;/<strong>title</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>link</strong> rel=&#8221;stylesheet&#8221; href=&#8221;https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css&#8221;&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>style</strong>&gt;</p>



<p class="wp-block-paragraph">.container {</p>



<p class="wp-block-paragraph">max-width: 500px;</p>



<p class="wp-block-paragraph">}</p>



<p class="wp-block-paragraph">.error {</p>



<p class="wp-block-paragraph">display: block;</p>



<p class="wp-block-paragraph">padding-top: 5px;</p>



<p class="wp-block-paragraph">font-size: 14px;</p>



<p class="wp-block-paragraph">color: red;</p>



<p class="wp-block-paragraph">}</p>



<p class="wp-block-paragraph">&lt;/<strong>style</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;/<strong>head</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>body</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>div</strong> class=&#8221;container mt-5&#8243;&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>form</strong> method=&#8221;post&#8221; id=&#8221;add_create&#8221; name=&#8221;add_create&#8221;</p>



<p class="wp-block-paragraph">action=&#8221;&lt;?= site_url(&#8216;/submit-form&#8217;) ?&gt;&#8221;&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>div</strong> class=&#8221;form-group&#8221;&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>label</strong>&gt;Name&lt;/<strong>label</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>input</strong> type=&#8221;text&#8221; name=&#8221;name&#8221; class=&#8221;form-control&#8221;&gt;</p>



<p class="wp-block-paragraph">&lt;/<strong>div</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>div</strong> class=&#8221;form-group&#8221;&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>label</strong>&gt;Email&lt;/<strong>label</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>input</strong> type=&#8221;text&#8221; name=&#8221;email&#8221; class=&#8221;form-control&#8221;&gt;</p>



<p class="wp-block-paragraph">&lt;/<strong>div</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>div</strong> class=&#8221;form-group&#8221;&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>button</strong> type=&#8221;submit&#8221; class=&#8221;btn btn-primary btn-block&#8221;&gt;Update Data&lt;/<strong>button</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;/<strong>div</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;/<strong>form</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;/<strong>div</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>script</strong> src=&#8221;https://code.jquery.com/jquery-3.5.1.slim.min.js&#8221;&gt;&lt;/<strong>script</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>script</strong> src=&#8221;https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.2/jquery.validate.js&#8221;&gt;&lt;/<strong>script</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>script</strong> src=&#8221;https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.2/additional-methods.min.js&#8221;&gt;&lt;/<strong>script</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;<strong>script</strong>&gt;</p>



<p class="wp-block-paragraph">if ($(&#8220;#add_create&#8221;).length &gt; 0) {</p>



<p class="wp-block-paragraph">$(&#8220;#add_create&#8221;).validate({</p>



<p class="wp-block-paragraph">rules: {</p>



<p class="wp-block-paragraph">name: {</p>



<p class="wp-block-paragraph">required: true,</p>



<p class="wp-block-paragraph">},</p>



<p class="wp-block-paragraph">email: {</p>



<p class="wp-block-paragraph">required: true,</p>



<p class="wp-block-paragraph">maxlength: 60,</p>



<p class="wp-block-paragraph">email: true,</p>



<p class="wp-block-paragraph">},</p>



<p class="wp-block-paragraph">},</p>



<p class="wp-block-paragraph">messages: {</p>



<p class="wp-block-paragraph">name: {</p>



<p class="wp-block-paragraph">required: &#8220;Name is required.&#8221;,</p>



<p class="wp-block-paragraph">},</p>



<p class="wp-block-paragraph">email: {</p>



<p class="wp-block-paragraph">required: &#8220;Email is required.&#8221;,</p>



<p class="wp-block-paragraph">email: &#8220;It does not seem to be a valid email.&#8221;,</p>



<p class="wp-block-paragraph">maxlength: &#8220;The email should be or equal to 60 chars.&#8221;,</p>



<p class="wp-block-paragraph">},</p>



<p class="wp-block-paragraph">},</p>



<p class="wp-block-paragraph">})</p>



<p class="wp-block-paragraph">}</p>



<p class="wp-block-paragraph">&lt;/<strong>script</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;/<strong>body</strong>&gt;</p>



<p class="wp-block-paragraph">&lt;/<strong>html</strong>&gt;</p>



<p class="wp-block-paragraph">Buat&nbsp;file view&nbsp;<strong>edit_view&nbsp;.php</strong>&nbsp;, kunjungi direktori application/views/ dan buat&nbsp;<strong>file&nbsp;edit_view&nbsp;.php.&nbsp;</strong>Kemudian tambahkan HTML berikut ke dalam&nbsp;file .php<br></p>



<p class="wp-block-paragraph"><strong>&lt;!DOCTYPE html&gt;</strong></p>



<p class="wp-block-paragraph">&lt; <strong>html </strong>&gt;</p>



<p class="wp-block-paragraph">&lt; <strong>kepala </strong>&gt;</p>



<p class="wp-block-paragraph">&lt; <strong>title </strong>&gt; Codeigniter 4 Contoh Edit Form &#8211; Laratutorials.com &lt;/ <strong>title </strong>&gt;</p>



<p class="wp-block-paragraph">&lt; <strong>link </strong>rel = &#8220;stylesheet&#8221; href = &#8220;https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css&#8221; &gt;</p>



<p class="wp-block-paragraph">&lt; <strong>gaya </strong>&gt;</p>



<p class="wp-block-paragraph">.wadah {</p>



<p class="wp-block-paragraph">lebar maks: 500 piksel;</p>



<p class="wp-block-paragraph">}</p>



<p class="wp-block-paragraph">.kesalahan {</p>



<p class="wp-block-paragraph">tampilan: blok;</p>



<p class="wp-block-paragraph">padding-atas: 5px;</p>



<p class="wp-block-paragraph">ukuran font: 14px;</p>



<p class="wp-block-paragraph">warna merah;</p>



<p class="wp-block-paragraph">}</p>



<p class="wp-block-paragraph">&lt;/ <strong>gaya </strong>&gt;</p>



<p class="wp-block-paragraph">&lt;/ <strong>kepala </strong>&gt;</p>



<p class="wp-block-paragraph">&lt; <strong>tubuh </strong>&gt;</p>



<p class="wp-block-paragraph">&lt; <strong>div </strong>class = &#8220;wadah mt-5&#8221; &gt;</p>



<p class="wp-block-paragraph">&lt; <strong>form </strong>method = &#8220;posting&#8221; id = &#8220;update_user&#8221; name = &#8220;update_user&#8221;</p>



<p class="wp-block-paragraph">action=&#8221;&lt;?= site_url(&#8216;/update&#8217;) ? &gt; &#8220;&gt;</p>



<p class="wp-block-paragraph">&lt; tipe <strong>input </strong>= &#8220;tersembunyi&#8221; nama = &#8220;id&#8221; id = &#8220;id&#8221; value=&#8221;&lt;?php echo $user_obj[&#8216;id&#8217;]; ? &gt; &#8220;&gt;</p>



<p class="wp-block-paragraph">&lt; <strong>div </strong>class = &#8220;form-group&#8221; &gt;</p>



<p class="wp-block-paragraph">&lt; <strong>label </strong>&gt; Nama &lt;/ <strong>label </strong>&gt;</p>



<p class="wp-block-paragraph">&lt; <strong>input </strong>type = &#8220;text&#8221; name = &#8220;name&#8221; class = &#8220;form-control&#8221; value=&#8221;&lt;?php echo $user_obj[&#8216;name&#8217;]; ? &gt; &#8220;&gt;</p>



<p class="wp-block-paragraph">&lt;/ <strong>div </strong>&gt;</p>



<p class="wp-block-paragraph">&lt; <strong>div </strong>class = &#8220;form-group&#8221; &gt;</p>



<p class="wp-block-paragraph">&lt; <strong>label </strong>&gt; Email &lt;/ <strong>label </strong>&gt;</p>



<p class="wp-block-paragraph">&lt; <strong>input </strong>type = &#8220;email&#8221; name = &#8220;email&#8221; class = &#8220;form-control&#8221; value=&#8221;&lt;?php echo $user_obj[&#8217;email&#8217;]; ? &gt; &#8220;&gt;</p>



<p class="wp-block-paragraph">&lt;/ <strong>div </strong>&gt;</p>



<p class="wp-block-paragraph">&lt; <strong>div </strong>class = &#8220;form-group&#8221; &gt;</p>



<p class="wp-block-paragraph">&lt; jenis <strong>tombol </strong>= &#8220;kirim&#8221; class = &#8220;btn btn-bahaya btn-block&#8221; &gt; Simpan Data &lt;/ <strong>tombol </strong>&gt;</p>



<p class="wp-block-paragraph">&lt;/ <strong>div </strong>&gt;</p>



<p class="wp-block-paragraph">&lt;/ <strong>bentuk </strong>&gt;</p>



<p class="wp-block-paragraph">&lt;/ <strong>div </strong>&gt;</p>



<p class="wp-block-paragraph">&lt; <strong>script </strong>src = &#8220;https://code.jquery.com/jquery-3.5.1.slim.min.js&#8221; &gt; &lt;/ <strong>script </strong>&gt;</p>



<p class="wp-block-paragraph">&lt; <strong>script </strong>src = &#8220;https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.2/jquery.validate.js&#8221; &gt; &lt;/ <strong>script </strong>&gt;</p>



<p class="wp-block-paragraph">&lt; <strong>script </strong>src = &#8220;https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.2/additional-methods.min.js&#8221; &gt; &lt;/ <strong>script </strong>&gt;</p>



<p class="wp-block-paragraph">&lt; <strong>naskah </strong>&gt;</p>



<p class="wp-block-paragraph">if ($(&#8220;#update_user&#8221;).length &gt; 0) {</p>



<p class="wp-block-paragraph">$(&#8220;#update_user&#8221;).validate({</p>



<p class="wp-block-paragraph">aturan: {</p>



<p class="wp-block-paragraph">nama: {</p>



<p class="wp-block-paragraph">diperlukan: benar,</p>



<p class="wp-block-paragraph">},</p>



<p class="wp-block-paragraph">surel: {</p>



<p class="wp-block-paragraph">diperlukan: benar,</p>



<p class="wp-block-paragraph">panjang maksimum: 60,</p>



<p class="wp-block-paragraph">email: benar,</p>



<p class="wp-block-paragraph">},</p>



<p class="wp-block-paragraph">},</p>



<p class="wp-block-paragraph">pesan: {</p>



<p class="wp-block-paragraph">nama: {</p>



<p class="wp-block-paragraph">diperlukan: &#8220;Nama diperlukan.&#8221;,</p>



<p class="wp-block-paragraph">},</p>



<p class="wp-block-paragraph">surel: {</p>



<p class="wp-block-paragraph">diperlukan: &#8220;Email diperlukan.&#8221;,</p>



<p class="wp-block-paragraph">email: &#8220;Sepertinya itu bukan email yang valid.&#8221;,</p>



<p class="wp-block-paragraph">maxlength: &#8220;Email harus atau sama dengan 60 karakter.&#8221;,</p>



<p class="wp-block-paragraph">},</p>



<p class="wp-block-paragraph">},</p>



<p class="wp-block-paragraph">})</p>



<p class="wp-block-paragraph">}</p>



<p class="wp-block-paragraph">&lt;/ <strong>skrip </strong>&gt;</p>



<p class="wp-block-paragraph">&lt;/ <strong>tubuh </strong>&gt;</p>



<p class="wp-block-paragraph">&lt;/ <strong>html </strong>&gt;<br><br>Langkah 8 – Atur Rute</p>



<p class="wp-block-paragraph">Untuk menentukan rute, kunjungi&nbsp;&nbsp;direktori&nbsp;<strong>app/Config/</strong>&nbsp;dan buka&nbsp;&nbsp;file&nbsp;<strong>Routes.php</strong>&nbsp;.&nbsp;Kemudian tambahkan rute berikut ke dalamnya</p>



<p class="wp-block-paragraph">// Rute RESTful CRUD</p>



<p class="wp-block-paragraph"><strong>$routes-&gt;setDefaultController </strong>( &#8216;UserCrudController&#8217; ) ;</p>



<p class="wp-block-paragraph"><strong>$routes-&gt;get </strong>( &#8216;daftar&#8217; , &#8216;UserCrudController::index&#8217; ) ;</p>



<p class="wp-block-paragraph"><strong>$routes-&gt;get </strong>( &#8216;user-form&#8217; , &#8216;UserCrudController::create&#8217; ) ;</p>



<p class="wp-block-paragraph"><strong>$routes-&gt;post </strong>( &#8216;kirim-form&#8217; , &#8216;UserCrudController::store&#8217; ) ;</p>



<p class="wp-block-paragraph"><strong>$routes-&gt;get </strong>( &#8216;edit-view/(:num)&#8217; , &#8216;UserCrudController::singleUser/$1&#8217; ) ;</p>



<p class="wp-block-paragraph"><strong>$routes-&gt;post </strong>( &#8216;update&#8217; , &#8216;UserCrudController::update&#8217; ) ;</p>



<p class="wp-block-paragraph"><strong>$routes-&gt;get </strong>( &#8216;delete/(:num)&#8217; , &#8216;UserCrudController::delete/$1&#8217; ) ;</p>



<p class="wp-block-paragraph">Langkah Terakhir menjalankan aplikasi silahkan kunjungi command prompt atau terminal jalan kan perintah</p>



<p class="wp-block-paragraph"><strong>php spark serve<br></strong><br>silahkan kunjungi URL di bawah ini</p>



<pre class="wp-block-preformatted">http://localhost/demo/
atau
http://localhost:8080/</pre>



<p class="wp-block-paragraph">temen temen joki coding semoga berhasil dan juga jangan lupa semangat untuk ngoding salam sukses dan sehat lebih lanjut kunjungi https://laratutorials.com/</p>



<p class="wp-block-paragraph"><br></p>



<p class="wp-block-paragraph"><br></p>



<p class="wp-block-paragraph"><br></p>
]]></content:encoded>
					
					<wfw:commentRss>https://jokicoding.com/tutorial-crud-codeigniter-4-dengan-bootstrap/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Cara Membuat  Kontak Formulir Di CodeIgniter</title>
		<link>https://jokicoding.com/cara-membuat-kontak-formulir-di-codeigniter/</link>
					<comments>https://jokicoding.com/cara-membuat-kontak-formulir-di-codeigniter/#respond</comments>
		
		<dc:creator><![CDATA[joki coding]]></dc:creator>
		<pubDate>Tue, 24 Aug 2021 14:05:31 +0000</pubDate>
				<category><![CDATA[Info Penting]]></category>
		<category><![CDATA[Info Terbaru]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[jasa coding]]></category>
		<category><![CDATA[jasa programer]]></category>
		<category><![CDATA[jasa tugas]]></category>
		<category><![CDATA[jasa uas]]></category>
		<category><![CDATA[joki coding]]></category>
		<category><![CDATA[joki koding]]></category>
		<category><![CDATA[joki tugas]]></category>
		<category><![CDATA[joki uas]]></category>
		<guid isPermaLink="false">https://jokicoding.my.id/?p=1219</guid>

					<description><![CDATA[Dalam tutorial ini, jokicoding akan menunjukkan, cara membuat kontak formulir sederhana menggunakan framework CodeIgniter sebagai berikut: Pada langkah pertama, Anda harus membuat halaman php di direktori View codeigniter, di mana formulir perlu dibuat menggunakan sintaks codeigniter. &#60;?php echo form_open(&#8216;main_controller&#8217;); ?> &#60;?php echo form_label(&#8216;Student Name :&#8217;); ?> &#60;?php echo form_close(); ?> Kedua, Anda harus membuat kelas di&#160;direktori Controller&#160;, untuk memuat halaman php (tampilan) di atas dan untuk memanggil fungsi lainnya. Selanjutnya jika ada kebutuhan konektivitas database di aplikasi Anda, kelas perlu dibuat di direktori Model dengan fungsi database. Di sini, kami tidak memerlukan kelas ini, karena kami hanya membuat formulir. Berikut kode dan penjelasannya silahkan di coba Form.php Salin kode di bawah ini di file tampilan Anda. Main_controller.php Salin kode di bawah ini di file controler Anda. style.css Penataan Elemen HTML.]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Dalam tutorial ini, jokicoding akan menunjukkan, cara membuat kontak formulir sederhana menggunakan framework CodeIgniter sebagai berikut:</p>



<p class="wp-block-paragraph">Pada langkah pertama, Anda harus membuat halaman php di <strong>direktori View</strong> codeigniter, di mana formulir perlu dibuat menggunakan sintaks codeigniter.</p>



<p class="wp-block-paragraph"><strong>&lt;?php echo form_open(&#8216;main_controller&#8217;); ?></strong><br><strong> &lt;?php echo form_label(&#8216;Student Name :&#8217;); ?> </strong><br><strong>&lt;?php echo form_close(); ?></strong></p>



<ul class="wp-block-list"><li>Kedua, Anda harus membuat kelas di&nbsp;<strong>direktori Controller</strong>&nbsp;, untuk memuat halaman php (tampilan) di atas dan untuk memanggil fungsi lainnya.</li></ul>



<pre class="wp-block-code"><code>&lt;?php
class main_controller extends CI_Controller {
$this->load->view('form');
?></code></pre>



<p class="wp-block-paragraph"> Selanjutnya  jika ada kebutuhan konektivitas database di aplikasi Anda, kelas perlu dibuat di <strong>direktori Model</strong> dengan fungsi database. Di sini, kami tidak memerlukan kelas ini, karena kami hanya membuat formulir.</p>



<p class="wp-block-paragraph">Berikut kode dan penjelasannya silahkan di coba</p>



<p class="wp-block-paragraph"><strong>Form.php</strong></p>



<p class="wp-block-paragraph">Salin kode di bawah ini di file tampilan Anda.</p>



<pre class="wp-block-code"><code>&lt;!DOCTYPE html>
&lt;html>
&lt;head>
&lt;title>Create Contact Form Using CodeIgniter&lt;/title>
&lt;link href='http://fonts.googleapis.com/css?family=Marcellus' rel='stylesheet' type='text/css'>
&lt;link href="http://localhost/CodeIgniter/css/styles.css" rel="stylesheet" type="text/css">
&lt;/head>
&lt;body>
&lt;div id="container">
&lt;?php echo form_open('main_controller'); ?>
&lt;h1>Create Contact Form Using CodeIgniter&lt;/h1>
&lt;?php echo form_label('Student Name :'); ?>
&lt;?php echo form_input(array('id' => 'dname', 'name' => 'dname')); ?>
&lt;?php echo form_label('Student Email :'); ?>
&lt;?php echo form_input(array('id' => 'demail', 'name' => 'demail')); ?>
&lt;?php echo form_label('Student Mobile No. :'); ?>
&lt;?php echo form_input(array('id' => 'dmobile', 'name' => 'dmobile')); ?>
&lt;?php echo form_label('Student Address :'); ?>
&lt;?php echo form_input(array('id' => 'daddress', 'name' => 'daddress')); ?>
&lt;?php echo form_submit(array('id' => 'submit', 'value' => 'Submit')); ?>
&lt;?php echo form_close(); ?>
&lt;/div>
&lt;/body>
&lt;/html>
</code></pre>



<p class="wp-block-paragraph"><strong>Main_controller.php</strong></p>



<p class="wp-block-paragraph">Salin kode di bawah ini di file controler Anda.</p>



<pre class="wp-block-code"><code>&lt;?php
class main_controller extends CI_Controller {
function __construct() {
parent::__construct();
$this-&gt;load-&gt;model('form_model');
}
function index() {
$this-&gt;load-&gt;view('form');
}
}
?&gt;</code></pre>



<p class="wp-block-paragraph"><strong>style.css</strong></p>



<p class="wp-block-paragraph">Penataan Elemen HTML.</p>



<pre class="wp-block-code"><code>#container{
width:960px;
height:610px;
margin:50px auto
}
#fugo{
float:right
}
form{
width:320px;
padding:0 50px 20px;
background:linear-gradient(#fff,#ABDBFF);
border:1px solid #ccc;
box-shadow:0 0 5px;
font-family:'Marcellus',serif;
float:left;
margin-top:10px
}
h1{
text-align:center;
font-size:28px
}
hr{
border:0;
border-bottom:1.5px solid #ccc;
margin-top:-10px;
margin-bottom:30px
}
label{
font-size:17px
}
input{
width:100%;
padding:10px;
margin:6px 0 20px;
border:none;
box-shadow:0 0 5px
}
input#submit{
margin-top:20px;
font-size:18px;
background:linear-gradient(#22abe9 5%,#36caf0 100%);
border:1px solid #0F799E;
color:#fff;
font-weight:700;
cursor:pointer;
text-shadow:0 1px 0 #13506D
}
input#submit:hover{
background:linear-gradient(#36caf0 5%,#22abe9 100%)
}</code></pre>
]]></content:encoded>
					
					<wfw:commentRss>https://jokicoding.com/cara-membuat-kontak-formulir-di-codeigniter/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Membuat Firebase Realtime Database Langkah demi Langkah</title>
		<link>https://jokicoding.com/membuat-firebase-realtime-database-langkah-demi-langkah/</link>
					<comments>https://jokicoding.com/membuat-firebase-realtime-database-langkah-demi-langkah/#respond</comments>
		
		<dc:creator><![CDATA[joki coding]]></dc:creator>
		<pubDate>Sun, 22 Aug 2021 05:51:34 +0000</pubDate>
				<category><![CDATA[Info Penting]]></category>
		<category><![CDATA[Info Terbaru]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[jasa aplikasi]]></category>
		<category><![CDATA[jasa coding]]></category>
		<category><![CDATA[jasa program]]></category>
		<category><![CDATA[joki coding]]></category>
		<category><![CDATA[joki jasa coding]]></category>
		<category><![CDATA[joki skripsi]]></category>
		<category><![CDATA[joki tugas]]></category>
		<guid isPermaLink="false">https://jokicoding.my.id/?p=1132</guid>

					<description><![CDATA[Pertama-tama, Anda perlu membuat proyek studio Android baru atau membuka proyek baru yang sudah ada. Tambahkan Firebase Database SDK ke Aplikasi Anda Pertama-tama, buka Tools -> Firebase  dari bilah alat atas. Setelah itu, Anda dapat melihat asisten Firebase terbuka di sisi kiri Android Studio. Selanjutnya, dengan mengklik ikon drop-down Realtime Database, Anda akan melihat opsi simpan dan ambil data,  cukup klik di atasnya. Selanjutnya, klik Hubungkan ke Firebase . Setelah itu, jendela baru terbuka di sini, Anda dapat membuat proyek Firebase atau memilih proyek yang ada dan memilih negara Anda dan klik Hubungkan ke Firebase . Selanjutnya, klik Add the realtime Database to your app . Sebuah kotak pop-up muncul. Di sini Anda dapat melihat semua dependensi yang diperlukan untuk pembuatan proyek ini. Sekarang cukup klik Terapkan perubahan. Sekarang buka tampilan proyek [nama proyek Anda]-> aplikasi -> src  dan pastikan Anda memiliki file google-services.json yang ditempatkan &#38; juga dependensi Anda diatur dengan benar. Selanjutnya, Buka Firebase Console , dan Anda dapat melihat proyek Anda di sini. Buka saja proyek Anda. Selanjutnya, buka database dan klik C reate database di  bawah database realtime. Di sini Anda harus memilih aturan database untuk proyek Anda. Anda dapat memilih dua mode. Test Mode: Mode  ini memungkinkan siapa saja untuk membaca dan menulis ke dalam Database Anda. Anda dapat mengikuti aturan ini pada saat pengembangan aplikasi. Mode ini hanya dirancang untuk tujuan pengujian. Setelah menyelesaikan aplikasi, Anda dapat mengamankan aturan Anda.Mode Terkunci: Mode  ini menolak semua pembacaan dan penulisan dari web dan klien seluler. Server aplikasi terautentikasi Anda masih dapat memiliki kemampuan untuk mendapatkan akses ke Database Anda. Pilih mode Anda dengan bijak dan klik Aktifkan.  Konfigurasi Aturan Keamanan Basis Data Firebase Realtime Database memberikan bahasa aturan ekspresif yang memungkinkan Anda menentukan bagaimana data harus disusun, bagaimana data harus diindeks, dan kapan data dapat ditulis dan dibaca. Dalam pengaturan default, akses tulis dan baca ke database dikontrol sehingga hanya pengguna yang diverifikasi (diautentikasi) yang dapat menulis dan membaca data. Tapi jangan khawatir, Anda dapat mengubah aturan Anda ke pengaturan publik. Cara Menulis Basis Data Di sini&#160;get Instance ()&#160;&#160;digunakan untuk mendapatkan Instance Database yang lengkap.&#160;Kemudian dengan bantuan instance itu, simpan data di lokasi tertentu seperti yang ditunjukkan pada cuplikan kode di bawah ini. // Write a message to the database FirebaseDatabase database = FirebaseDatabase.getInstance(); // Get the database instance and store into object DatabaseReference myRef = database.getReference(&#8220;message&#8221;); // getReference() get the refrence if the refrence is already creted&#8230; if refrence is not created then it will create a new refrence here myRef.setValue(&#8220;Hello, World!&#8221;); // assign value to the particular refrence. Referensi Database terlihat seperti di konsol Firebase pada gambar di bawah ini. Jika Anda ingin membuat database multi-simpul, Anda dapat mengatur jalurnya di&#160;getRefence()&#160;&#160;seperti // Write a message to the database FirebaseDatabase database = FirebaseDatabase.getInstance(); DatabaseReference myRef = database.getReference(&#8220;message/java/user&#8221;); //set path to get the multiple dropdown nodes myRef.setValue(&#8220;Hello, World!&#8221;); Dan tampilannya seperti pada gambar di bawah ini. Jika Anda mengklik&#160;pengguna,&#160;Anda dapat melihat jalur yang sama di bagian atas yang telah Anda berikan di bagian kode. Anda juga dapat menggunakan&#160;.child()&#160;&#160;untuk mendapatkan hasil yang sama. FirebaseDatabase database = FirebaseDatabase.getInstance(); //you can also use .child() to get the same results DatabaseReference myRef = database.getReference(&#8220;message&#8221;).child(&#8220;java&#8221;).child(&#8220;user&#8221;); myRef.setValue(&#8220;Hello, Worldd!&#8221;); demikian membuat Firebase Realtime Database Langkah demi Langkah selengkapnya silahkan kunjungi https://firebasetutorials.com/]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Pertama-tama, Anda perlu membuat proyek studio Android baru atau membuka proyek baru yang sudah ada.</p>



<h3 class="wp-block-heading">Tambahkan Firebase Database SDK ke Aplikasi Anda</h3>



<ol class="wp-block-list"><li>Pertama-tama, buka <strong>Tools -> Firebase </strong> dari bilah alat atas. Setelah itu, Anda dapat melihat asisten Firebase terbuka di sisi kiri Android Studio.</li><li>Selanjutnya, dengan mengklik ikon drop-down Realtime Database, Anda akan melihat opsi <strong><em>simpan dan ambil data,</em> </strong> cukup klik di atasnya.<br><img loading="lazy" decoding="async" width="1366" height="768" srcset="https://firebasetutorials.com/wp-content/uploads/2020/06/1-Firebase-database.png 1366w, https://firebasetutorials.com/wp-content/uploads/2020/06/1-Firebase-database-300x169.png 300w, https://firebasetutorials.com/wp-content/uploads/2020/06/1-Firebase-database-1024x576.png 1024w, https://firebasetutorials.com/wp-content/uploads/2020/06/1-Firebase-database-768x432.png 768w, https://firebasetutorials.com/wp-content/uploads/2020/06/1-Firebase-database-175x98.png 175w, https://firebasetutorials.com/wp-content/uploads/2020/06/1-Firebase-database-450x253.png 450w, https://firebasetutorials.com/wp-content/uploads/2020/06/1-Firebase-database-1170x658.png 1170w" src="https://firebasetutorials.com/wp-content/uploads/2020/06/1-Firebase-database.png" alt="Basis data Firebase"></li><li>Selanjutnya, klik <strong><em>Hubungkan ke Firebase</em> .<br></strong><img loading="lazy" decoding="async" width="1366" height="768" srcset="https://firebasetutorials.com/wp-content/uploads/2020/06/2-connect-to-database.png 1366w, https://firebasetutorials.com/wp-content/uploads/2020/06/2-connect-to-database-300x169.png 300w, https://firebasetutorials.com/wp-content/uploads/2020/06/2-connect-to-database-1024x576.png 1024w, https://firebasetutorials.com/wp-content/uploads/2020/06/2-connect-to-database-768x432.png 768w, https://firebasetutorials.com/wp-content/uploads/2020/06/2-connect-to-database-175x98.png 175w, https://firebasetutorials.com/wp-content/uploads/2020/06/2-connect-to-database-450x253.png 450w, https://firebasetutorials.com/wp-content/uploads/2020/06/2-connect-to-database-1170x658.png 1170w" src="https://firebasetutorials.com/wp-content/uploads/2020/06/2-connect-to-database.png" alt="terhubung ke database"></li><li>Setelah itu, jendela baru terbuka di sini, Anda dapat membuat proyek Firebase atau memilih proyek yang ada dan memilih negara Anda dan klik <em><strong>Hubungkan ke Firebase</strong></em> .<br><img loading="lazy" decoding="async" width="1366" height="768" srcset="https://firebasetutorials.com/wp-content/uploads/2020/06/3-Create-database-project.png 1366w, https://firebasetutorials.com/wp-content/uploads/2020/06/3-Create-database-project-300x169.png 300w, https://firebasetutorials.com/wp-content/uploads/2020/06/3-Create-database-project-1024x576.png 1024w, https://firebasetutorials.com/wp-content/uploads/2020/06/3-Create-database-project-768x432.png 768w, https://firebasetutorials.com/wp-content/uploads/2020/06/3-Create-database-project-175x98.png 175w, https://firebasetutorials.com/wp-content/uploads/2020/06/3-Create-database-project-450x253.png 450w, https://firebasetutorials.com/wp-content/uploads/2020/06/3-Create-database-project-1170x658.png 1170w" src="https://firebasetutorials.com/wp-content/uploads/2020/06/3-Create-database-project.png" alt="buat proyek basis data"></li><li>Selanjutnya, klik <strong><em>Add the realtime Database to your app</em> . </strong>Sebuah kotak pop-up muncul. Di sini Anda dapat melihat semua dependensi yang diperlukan untuk pembuatan proyek ini. Sekarang cukup klik <strong>Terapkan perubahan.<br></strong><img loading="lazy" decoding="async" width="1366" height="768" srcset="https://firebasetutorials.com/wp-content/uploads/2020/06/4-add-dependencies-to-project.png 1366w, https://firebasetutorials.com/wp-content/uploads/2020/06/4-add-dependencies-to-project-300x169.png 300w, https://firebasetutorials.com/wp-content/uploads/2020/06/4-add-dependencies-to-project-1024x576.png 1024w, https://firebasetutorials.com/wp-content/uploads/2020/06/4-add-dependencies-to-project-768x432.png 768w, https://firebasetutorials.com/wp-content/uploads/2020/06/4-add-dependencies-to-project-175x98.png 175w, https://firebasetutorials.com/wp-content/uploads/2020/06/4-add-dependencies-to-project-450x253.png 450w, https://firebasetutorials.com/wp-content/uploads/2020/06/4-add-dependencies-to-project-1170x658.png 1170w" src="https://firebasetutorials.com/wp-content/uploads/2020/06/4-add-dependencies-to-project.png" alt="Tambahkan dependensi ke proyek"></li><li>Sekarang buka <strong>tampilan proyek [nama proyek Anda]-> aplikasi -> src </strong> dan pastikan Anda memiliki file google-services.json yang ditempatkan &amp; juga dependensi Anda diatur dengan benar.<br><img loading="lazy" decoding="async" width="1361" height="509" srcset="https://firebasetutorials.com/wp-content/uploads/2020/06/5-Make-sure-GoogleServices.Json-file.png 1361w, https://firebasetutorials.com/wp-content/uploads/2020/06/5-Make-sure-GoogleServices.Json-file-300x112.png 300w, https://firebasetutorials.com/wp-content/uploads/2020/06/5-Make-sure-GoogleServices.Json-file-1024x383.png 1024w, https://firebasetutorials.com/wp-content/uploads/2020/06/5-Make-sure-GoogleServices.Json-file-768x287.png 768w, https://firebasetutorials.com/wp-content/uploads/2020/06/5-Make-sure-GoogleServices.Json-file-175x65.png 175w, https://firebasetutorials.com/wp-content/uploads/2020/06/5-Make-sure-GoogleServices.Json-file-450x168.png 450w, https://firebasetutorials.com/wp-content/uploads/2020/06/5-Make-sure-GoogleServices.Json-file-1170x438.png 1170w" src="https://firebasetutorials.com/wp-content/uploads/2020/06/5-Make-sure-GoogleServices.Json-file.png" alt="Pastikan GoogleServices.json"></li><li>Selanjutnya, Buka <a href="https://console.firebase.google.com/u/0/" target="_blank" rel="noreferrer noopener">Firebase Console</a> , dan Anda dapat melihat proyek Anda di sini. Buka saja proyek Anda.<br><img loading="lazy" decoding="async" width="1357" height="370" srcset="https://firebasetutorials.com/wp-content/uploads/2020/06/6-project-in-firebase-console.png 1357w, https://firebasetutorials.com/wp-content/uploads/2020/06/6-project-in-firebase-console-300x82.png 300w, https://firebasetutorials.com/wp-content/uploads/2020/06/6-project-in-firebase-console-1024x279.png 1024w, https://firebasetutorials.com/wp-content/uploads/2020/06/6-project-in-firebase-console-768x209.png 768w, https://firebasetutorials.com/wp-content/uploads/2020/06/6-project-in-firebase-console-175x48.png 175w, https://firebasetutorials.com/wp-content/uploads/2020/06/6-project-in-firebase-console-450x123.png 450w, https://firebasetutorials.com/wp-content/uploads/2020/06/6-project-in-firebase-console-1170x319.png 1170w" src="https://firebasetutorials.com/wp-content/uploads/2020/06/6-project-in-firebase-console.png" alt="proyek di konsol firebase"></li><li>Selanjutnya, buka database dan klik <strong>C <em>reate database di</em> </strong> bawah database realtime.<br><img loading="lazy" decoding="async" width="1353" height="400" srcset="https://firebasetutorials.com/wp-content/uploads/2020/06/7-create-database-in-console.png 1353w, https://firebasetutorials.com/wp-content/uploads/2020/06/7-create-database-in-console-300x89.png 300w, https://firebasetutorials.com/wp-content/uploads/2020/06/7-create-database-in-console-1024x303.png 1024w, https://firebasetutorials.com/wp-content/uploads/2020/06/7-create-database-in-console-768x227.png 768w, https://firebasetutorials.com/wp-content/uploads/2020/06/7-create-database-in-console-175x52.png 175w, https://firebasetutorials.com/wp-content/uploads/2020/06/7-create-database-in-console-450x133.png 450w, https://firebasetutorials.com/wp-content/uploads/2020/06/7-create-database-in-console-1170x346.png 1170w" src="https://firebasetutorials.com/wp-content/uploads/2020/06/7-create-database-in-console.png" alt="buat database di konsol"></li><li>Di sini Anda harus memilih <a href="https://firebasetutorials.com/firebase-database/#What_Are_Firebase_Realtime_Database_Rules" target="_blank" rel="noopener">aturan database</a> untuk proyek Anda. Anda dapat memilih dua mode.<ol><li><strong>Test Mode: Mode </strong> ini memungkinkan siapa saja untuk membaca dan menulis ke dalam Database Anda. Anda dapat mengikuti aturan ini pada saat pengembangan aplikasi. Mode ini hanya dirancang untuk tujuan pengujian. Setelah menyelesaikan aplikasi, Anda dapat mengamankan aturan Anda.<br><strong>Mode Terkunci: Mode </strong> ini menolak semua pembacaan dan penulisan dari web dan klien seluler. Server aplikasi terautentikasi Anda masih dapat memiliki kemampuan untuk mendapatkan akses ke Database Anda. Pilih mode Anda dengan bijak dan klik <strong>Aktifkan. </strong></li></ol></li></ol>



<h3 class="wp-block-heading">Konfigurasi Aturan Keamanan Basis Data</h3>



<p class="wp-block-paragraph">Firebase Realtime Database memberikan bahasa aturan ekspresif yang memungkinkan Anda menentukan bagaimana data harus disusun, bagaimana data harus diindeks, dan kapan data dapat ditulis dan dibaca.</p>



<p class="wp-block-paragraph">Dalam pengaturan default, akses tulis dan baca ke database dikontrol sehingga hanya pengguna yang diverifikasi (diautentikasi) yang dapat menulis dan membaca data.</p>



<p class="wp-block-paragraph">Tapi jangan khawatir, Anda dapat mengubah aturan Anda ke pengaturan publik.</p>



<h3 class="wp-block-heading">Cara Menulis Basis Data</h3>



<p class="wp-block-paragraph">Di sini&nbsp;<strong>get Instance ()&nbsp;</strong>&nbsp;digunakan untuk mendapatkan Instance Database yang lengkap.&nbsp;Kemudian dengan bantuan instance itu, simpan data di lokasi tertentu seperti yang ditunjukkan pada cuplikan kode di bawah ini.</p>



<figure class="wp-block-table"><table><tbody><tr><td></td><td>// Write a message to the database</td></tr><tr><td></td><td>FirebaseDatabase database = FirebaseDatabase.getInstance(); // Get the database instance and store into object</td></tr><tr><td></td><td>DatabaseReference myRef = database.getReference(&#8220;message&#8221;); // getReference() get the refrence if the refrence is already creted&#8230; if refrence is not created then it will create a new refrence here</td></tr><tr><td></td><td></td></tr><tr><td></td><td>myRef.setValue(&#8220;Hello, World!&#8221;); // assign value to the particular refrence.</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">Referensi Database terlihat seperti di konsol Firebase pada gambar di bawah ini.</p>



<div class="wp-block-image"><figure class="aligncenter"><img decoding="async" src="https://firebasetutorials.com/wp-content/uploads/2020/06/8-Create-refrence-database.png" alt="buat database Referensi" class="wp-image-3969"/></figure></div>



<p class="wp-block-paragraph">Jika Anda ingin membuat database multi-simpul, Anda dapat mengatur jalurnya di&nbsp;<strong>getRefence()&nbsp;</strong>&nbsp;seperti</p>



<figure class="wp-block-table"><table><tbody><tr><td></td><td>// Write a message to the database</td></tr><tr><td></td><td>FirebaseDatabase database = FirebaseDatabase.getInstance();</td></tr><tr><td></td><td>DatabaseReference myRef = database.getReference(&#8220;message/java/user&#8221;); //set path to get the multiple dropdown nodes</td></tr><tr><td></td><td></td></tr><tr><td></td><td>myRef.setValue(&#8220;Hello, World!&#8221;);</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">Dan tampilannya seperti pada gambar di bawah ini.</p>



<div class="wp-block-image"><figure class="aligncenter"><img decoding="async" src="https://firebasetutorials.com/wp-content/uploads/2020/06/9-Multiple-nodes-database.png" alt="Basis data banyak node" class="wp-image-3970"/></figure></div>



<p class="wp-block-paragraph">Jika Anda mengklik&nbsp;<strong>pengguna,</strong>&nbsp;Anda dapat melihat jalur yang sama di bagian atas yang telah Anda berikan di bagian kode.</p>



<div class="wp-block-image"><figure class="aligncenter"><img decoding="async" src="https://firebasetutorials.com/wp-content/uploads/2020/06/10-Multiple-nodes-customization.png" alt="Kustomisasi beberapa node" class="wp-image-3971"/></figure></div>



<p class="wp-block-paragraph">Anda juga dapat menggunakan&nbsp;<strong>.child()&nbsp;</strong>&nbsp;untuk mendapatkan hasil yang sama.</p>



<figure class="wp-block-table"><table><tbody><tr><td></td><td>FirebaseDatabase database = FirebaseDatabase.getInstance();</td></tr><tr><td></td><td>//you can also use .child() to get the same results</td></tr><tr><td></td><td>DatabaseReference myRef = database.getReference(&#8220;message&#8221;).child(&#8220;java&#8221;).child(&#8220;user&#8221;);</td></tr><tr><td></td><td></td></tr><tr><td></td><td>myRef.setValue(&#8220;Hello, Worldd!&#8221;);</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">demikian membuat Firebase Realtime Database Langkah demi Langkah selengkapnya silahkan kunjungi https://firebasetutorials.com/</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jokicoding.com/membuat-firebase-realtime-database-langkah-demi-langkah/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
