<?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>Tutorial &#8211; Joki Coding (Jasa Coding)</title>
	<atom:link href="https://jokicoding.com/category/tutorial/feed/" rel="self" type="application/rss+xml" />
	<link>https://jokicoding.com</link>
	<description></description>
	<lastBuildDate>Thu, 26 Feb 2026 01:07:24 +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>Tutorial &#8211; Joki Coding (Jasa Coding)</title>
	<link>https://jokicoding.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<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>Cara Instal Flutter SDK di Windows 11</title>
		<link>https://jokicoding.com/cara-instal-flutter-sdk-di-windows-11/</link>
					<comments>https://jokicoding.com/cara-instal-flutter-sdk-di-windows-11/#respond</comments>
		
		<dc:creator><![CDATA[joki coding]]></dc:creator>
		<pubDate>Fri, 09 Sep 2022 03:49:40 +0000</pubDate>
				<category><![CDATA[Tutorial]]></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[tutorialjokicoding]]></category>
		<guid isPermaLink="false">https://jokicoding.site/?p=1501</guid>

					<description><![CDATA[Pertama Silahkan download Flutter SDK di sini https://docs.flutter.dev/get-started/installsetalah berhasil silahkan extrak di C:\ seperti gambar berikut ini kemudian sesuaikan environment dengan cara silahkan new path C:\flutter\bindi variable silahkan di tambah pathnya C:\flutter\bin kemudian cek hasilnya dengan membuka cmd ketik flutter flutter&#8211;version Next STEP Flutter https://jokicoding.site/komponen-yang-di-butuhkan-saat-belajar-flutter/]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Pertama Silahkan download Flutter SDK di sini https://docs.flutter.dev/get-started/install<br>setalah berhasil silahkan extrak di  C:\ <br>seperti gambar berikut ini</p>



<figure class="wp-block-image size-full is-resized"><img fetchpriority="high" decoding="async" src="http://localhost/tematik/wp-content/uploads/2022/09/image-1.png" alt="" class="wp-image-1502" width="499" height="504" srcset="https://jokicoding.com/wp-content/uploads/2022/09/image-1.png 838w, https://jokicoding.com/wp-content/uploads/2022/09/image-1-297x300.png 297w, https://jokicoding.com/wp-content/uploads/2022/09/image-1-768x775.png 768w" sizes="(max-width: 499px) 100vw, 499px" /></figure>



<p class="wp-block-paragraph">kemudian sesuaikan environment dengan cara <br></p>



<figure class="wp-block-image size-large is-resized"><img decoding="async" src="http://localhost/tematik/wp-content/uploads/2022/09/image-2-edited.png" alt="" class="wp-image-1504" width="521" height="293" srcset="https://jokicoding.com/wp-content/uploads/2022/09/image-2-edited.png 1920w, https://jokicoding.com/wp-content/uploads/2022/09/image-2-edited-300x169.png 300w, https://jokicoding.com/wp-content/uploads/2022/09/image-2-edited-1024x575.png 1024w, https://jokicoding.com/wp-content/uploads/2022/09/image-2-edited-768x432.png 768w, https://jokicoding.com/wp-content/uploads/2022/09/image-2-edited-1536x863.png 1536w" sizes="(max-width: 521px) 100vw, 521px" /></figure>



<figure class="wp-block-image size-full is-resized"><img decoding="async" src="http://localhost/tematik/wp-content/uploads/2022/09/image-4.png" alt="" class="wp-image-1506" width="346" height="393" srcset="https://jokicoding.com/wp-content/uploads/2022/09/image-4.png 416w, https://jokicoding.com/wp-content/uploads/2022/09/image-4-264x300.png 264w" sizes="(max-width: 346px) 100vw, 346px" /></figure>



<figure class="wp-block-image size-large is-resized"><img loading="lazy" decoding="async" src="https://jokicoding.site/wp-content/uploads/2022/09/image-5-1024x517.png" alt="" class="wp-image-1507" width="547" height="276" srcset="https://jokicoding.com/wp-content/uploads/2022/09/image-5-1024x517.png 1024w, https://jokicoding.com/wp-content/uploads/2022/09/image-5-300x151.png 300w, https://jokicoding.com/wp-content/uploads/2022/09/image-5-768x388.png 768w, https://jokicoding.com/wp-content/uploads/2022/09/image-5.png 1179w" sizes="(max-width: 547px) 100vw, 547px" /></figure>



<p class="wp-block-paragraph">silahkan new path C:\flutter\bin<br>di variable silahkan di tambah pathnya C:\flutter\bin kemudian cek hasilnya dengan membuka cmd ketik flutter flutter&#8211;version</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" src="http://localhost/tematik/wp-content/uploads/2022/09/image-6.png" alt="" class="wp-image-1508" width="713" height="365" srcset="https://jokicoding.com/wp-content/uploads/2022/09/image-6.png 976w, https://jokicoding.com/wp-content/uploads/2022/09/image-6-300x154.png 300w, https://jokicoding.com/wp-content/uploads/2022/09/image-6-768x393.png 768w" sizes="(max-width: 713px) 100vw, 713px" /></figure>



<p class="wp-block-paragraph">Next STEP Flutter  https://jokicoding.site/komponen-yang-di-butuhkan-saat-belajar-flutter/</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jokicoding.com/cara-instal-flutter-sdk-di-windows-11/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 loading="lazy" 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 loading="lazy" 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>Cara Membangun RESTful API di PHP Framework Laravel</title>
		<link>https://jokicoding.com/cara-membangun-restful-api-di-php-framework-laravel/</link>
					<comments>https://jokicoding.com/cara-membangun-restful-api-di-php-framework-laravel/#respond</comments>
		
		<dc:creator><![CDATA[joki coding]]></dc:creator>
		<pubDate>Fri, 02 Sep 2022 16:49:07 +0000</pubDate>
				<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[jasa aplikasi]]></category>
		<category><![CDATA[jasa aplikasi skripsi]]></category>
		<category><![CDATA[jasa pembuatan aplikasi]]></category>
		<category><![CDATA[jasa pembuatan website]]></category>
		<category><![CDATA[jasa skripsi]]></category>
		<category><![CDATA[joki coding]]></category>
		<guid isPermaLink="false">https://jokicoding.site/?p=1487</guid>

					<description><![CDATA[PHP telah menjadi bahasa web paling populer saat ini karena mudah dirawat, dan cepat dalam membuat aplikasi web yang kaya fitur.&#160;Situs web yang dinamis, interaktif, aman, dan efisien, memerlukan seperangkat alat canggih untuk membuat dan menggunakan API API yang efisien diperlukan di zaman kita untuk mengembangkan konten yang meningkatkan kemampuan untuk ditemukan dan membantu mencapai tujuan bisnis, PHP adalah bahasa yang digunakan sebagian besar pengembang web dan perangkat lunak yang baru-baru ini paling berhasil dalam menyebarkan aplikasi web. Jika Anda menggunakan PHP, Anda mungkin sudah tahu betapa bergunanya RESTful API. Sekarang mari kita lihat membangun API RESTful PHP dengan Laravel. Persyaratan Mari kita lihat teknologi ini saat kita membangun API kita: PHP Composer Laravel Docker PHP akan menjadi bahasa pilihan kami dalam mengembangkan API kami.&#160;Ada banyak cara untuk menginstal PHP di sistem kami, meskipun kami akan menggunakan Docker untuk menjalankan layanan kami. Install Ikuti tautan ini untuk mengunduh: Ikuti tautan ini untuk Menginstal: Sekarang kita dapat menginstal Laravel dengan menjalankan perintah Composer: Composer create-project laravel/laravel your-project-name 4.2 . 0 Dengan menjalankan perintah ini, Komposer akan mengunduh dan menginstal Laravel dan semua dependensi yang diperlukan, membuat proyek untuk kita mulai bekerja.&#160;Anda dapat membaca instalasi lengkap mulai cepat di sini: Setelah semuanya diunduh, Anda dapat menguji penginstalan dengan menjalankan: php artisan serve &#8211;port= 8080 composer adalah manajer paket untuk PHP.&#160;Anda dapat mendeklarasikan dependensi tempat aplikasi Anda bergantung dan aplikasi akan mengunduhnya untuk Anda gunakan.&#160;Mari unduh dan instal Komposer. NEXT STEP]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">PHP telah menjadi bahasa web paling populer saat ini karena mudah dirawat, dan cepat dalam membuat aplikasi web yang kaya fitur.&nbsp;Situs web yang dinamis, interaktif, aman, dan efisien, memerlukan seperangkat alat canggih untuk membuat dan menggunakan API</p>



<p class="wp-block-paragraph">API yang efisien diperlukan di zaman kita untuk mengembangkan konten yang meningkatkan kemampuan untuk ditemukan dan membantu mencapai tujuan bisnis, PHP adalah bahasa yang digunakan sebagian besar pengembang web dan perangkat lunak yang baru-baru ini paling berhasil dalam menyebarkan aplikasi web.</p>



<p class="wp-block-paragraph">Jika Anda menggunakan PHP, Anda mungkin sudah tahu betapa bergunanya RESTful API.</p>



<p class="wp-block-paragraph">Sekarang mari kita lihat membangun API RESTful PHP dengan Laravel.</p>



<h2 class="wp-block-heading">Persyaratan</h2>



<p class="wp-block-paragraph">Mari kita lihat teknologi ini saat kita membangun API kita:</p>



<ul class="wp-block-list"><li>PHP</li><li>Composer</li><li>Laravel</li><li>Docker</li></ul>



<p class="wp-block-paragraph">PHP akan menjadi bahasa pilihan kami dalam mengembangkan API kami.&nbsp;Ada banyak cara untuk menginstal PHP di sistem kami, meskipun kami akan menggunakan Docker untuk menjalankan layanan kami.</p>



<h2 class="wp-block-heading">Install</h2>



<p class="wp-block-paragraph">Ikuti tautan ini untuk mengunduh:</p>



<figure class="wp-block-embed"><div class="wp-block-embed__wrapper">
https://getcomposer.org/download/
</div></figure>



<p class="wp-block-paragraph">Ikuti tautan ini untuk Menginstal:</p>



<figure class="wp-block-embed"><div class="wp-block-embed__wrapper">
https://getcomposer.org/doc/00-intro.md
</div></figure>



<p class="wp-block-paragraph">Sekarang kita dapat menginstal Laravel dengan menjalankan perintah Composer:</p>



<p class="wp-block-paragraph"><strong>Composer create-project laravel/laravel your-project-name 4.2 . 0</strong></p>



<p class="wp-block-paragraph">Dengan menjalankan perintah ini, Komposer akan mengunduh dan menginstal Laravel dan semua dependensi yang diperlukan, membuat proyek untuk kita mulai bekerja.&nbsp;Anda dapat membaca instalasi lengkap mulai cepat di sini:</p>



<figure class="wp-block-embed"><div class="wp-block-embed__wrapper">
https://laravel.com/docs/4.2/quick
</div></figure>



<p class="wp-block-paragraph">Setelah semuanya diunduh, Anda dapat menguji penginstalan dengan menjalankan:</p>



<p class="wp-block-paragraph"><strong>php artisan serve &#8211;port= 8080</strong></p>



<p class="wp-block-paragraph">composer adalah manajer paket untuk PHP.&nbsp;Anda dapat mendeklarasikan dependensi tempat aplikasi Anda bergantung dan aplikasi akan mengunduhnya untuk Anda gunakan.&nbsp;Mari unduh dan instal Komposer.</p>



<p class="wp-block-paragraph"><strong>NEXT STEP </strong></p>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
					<wfw:commentRss>https://jokicoding.com/cara-membangun-restful-api-di-php-framework-laravel/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>
		<item>
		<title>Cara Install WordPress Multisite XAMPP</title>
		<link>https://jokicoding.com/cara-install-wordpress-multisite-xampp/</link>
					<comments>https://jokicoding.com/cara-install-wordpress-multisite-xampp/#respond</comments>
		
		<dc:creator><![CDATA[joki coding]]></dc:creator>
		<pubDate>Thu, 12 Aug 2021 08:38:11 +0000</pubDate>
				<category><![CDATA[Info Penting]]></category>
		<category><![CDATA[Info Terbaru]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[jasa jokicng]]></category>
		<category><![CDATA[jasa pembuatan aplikasi]]></category>
		<category><![CDATA[jasa skripsi]]></category>
		<category><![CDATA[jasajokicoding]]></category>
		<category><![CDATA[jasaskripsilampung]]></category>
		<category><![CDATA[joki coding]]></category>
		<guid isPermaLink="false">https://jokicoding.my.id/?p=1035</guid>

					<description><![CDATA[Saatnya kita masuk ke bagian terakhir, yaitu cara install WordPres Multisite. Oh ya, sebelum Anda mengikuti panduan ini, pastikan Anda sudah menginstall XAMPP di Windows. Jika belum, silahkan unduh&#160;disini. Kami anggap saja Anda sudah menginstall XAMPP, jadi langsung saja ikuti langkah-langkah berikut ini. Unduh&#160;instalasi WordPress di situs resminya. Install di localhost seperti biasanya. Jika belum tau, ikuti langkah singkat ini. Masuk ke xampp&#160;&#160;htdocs, lalu hapus seluruh file didalamnya. Lalu extract instalasi WP yang Anda unduh, lalu pindahkan seluruh isinya dari folder wordpress ke htdocs. Selanjutnya install WordPress-nya agar dapat live. Nah, pada tahap ini, Anda perlu mengedit file&#160;wp-config.php&#160;terlebih dahulu. Masukkan kode dibawah ini didalam&#160;wp-config.php&#160;tepat dibawah&#160;define('WP_DEBUG', false); /* Multisite */ define( &#8216;WP_ALLOW_MULTISITE&#8217;, true ); view rawwp-config.php&#160;hosted with&#160;&#160;by&#160;GitHub Selanjutnya Anda perlu masuk ke WordPress untuk mengaktifkan jaringan Anda. Masuk ke dashboard WordPress, pilih&#160;Tools&#160;&#160;Network Setup, untuk Network title silahkan Anda isi sesuai nama yang Anda inginkan. Kemudian Install. Lalu copy seluruh text dari kolom pertama, lalu tambahkan ke&#160;wp-config.php&#160;tepat dibawah&#160;define( 'WP_ALLOW_MULTISITE', true ); define(&#8216;MULTISITE&#8217;, true); define(&#8216;SUBDOMAIN_INSTALL&#8217;, false); define(&#8216;DOMAIN_CURRENT_SITE&#8217;, &#8216;localhost&#8217;); define(&#8216;PATH_CURRENT_SITE&#8217;, &#8216;/&#8217;); define(&#8216;SITE_ID_CURRENT_SITE&#8217;, 1); define(&#8216;BLOG_ID_CURRENT_SITE&#8217;, 1); view rawwp-config.php&#160;hosted with&#160;&#160;by&#160;GitHub Tahap akhir, edit file&#160;.htaccess&#160;lalu&#160;timpa&#160;seluruh isi didalam&#160;.htaccess&#160;dengan kode dibawah ini. RewriteEngine On RewriteBase / RewriteRule ^index\.php$ &#8211; [L] # add a trailing slash to /wp-admin RewriteRule ^([_0-9a-zA-Z-]+/)?wp-admin$ $1wp-admin/ [R=301,L] RewriteCond %{REQUEST_FILENAME} -f [OR] RewriteCond %{REQUEST_FILENAME} -d RewriteRule ^ &#8211; [L] RewriteRule ^([_0-9a-zA-Z-]+/)?(wp-(content&#124;admin&#124;includes).*) $2 [L] RewriteRule ^([_0-9a-zA-Z-]+/)?(.*\.php)$ $2 [L] RewriteRule . index.php [L] view raw.htaccess&#160;hosted with&#160;&#160;by&#160;GitHub Kini sepenuhnya WordPress Anda menjadi Multisite. Agar dapat menggunakannya dengan maksimal, Anda perlu memahaminya lebih lanjut silahkan googling .]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Saatnya kita masuk ke bagian terakhir, yaitu cara install WordPres Multisite. Oh ya, sebelum Anda mengikuti panduan ini, pastikan Anda sudah menginstall XAMPP di Windows. Jika belum, silahkan unduh&nbsp;<a href="https://www.apachefriends.org/download.html" target="_blank" rel="noopener">disini</a>.</p>



<p class="wp-block-paragraph">Kami anggap saja Anda sudah menginstall XAMPP, jadi langsung saja ikuti langkah-langkah berikut ini.</p>



<ul class="wp-block-list"><li><a href="https://wordpress.org/download/" target="_blank" rel="noopener">Unduh</a>&nbsp;instalasi WordPress di situs resminya.</li><li>Install di localhost seperti biasanya. Jika belum tau, ikuti langkah singkat ini.<ul><li>Masuk ke xampp&nbsp;&nbsp;htdocs, lalu hapus seluruh file didalamnya.</li><li>Lalu extract instalasi WP yang Anda unduh, lalu pindahkan seluruh isinya dari folder wordpress ke htdocs.</li><li>Selanjutnya install WordPress-nya agar dapat live.</li></ul></li><li>Nah, pada tahap ini, Anda perlu mengedit file&nbsp;<strong>wp-config.php</strong>&nbsp;terlebih dahulu. Masukkan kode dibawah ini didalam&nbsp;<strong>wp-config.php</strong>&nbsp;tepat dibawah&nbsp;<code>define('WP_DEBUG', false);</code></li></ul>



<figure class="wp-block-table"><table><tbody><tr><td></td><td>/* Multisite */</td></tr><tr><td></td><td>define( &#8216;WP_ALLOW_MULTISITE&#8217;, true );</td></tr></tbody></table></figure>



<p class="wp-block-paragraph"><a href="https://gist.github.com/iqbalmauludy/58fe308fc08651ecc3f487932b194ec2/raw/41a0d7aff0c2e01ef6f7d73f6a4e37767c263004/wp-config.php" target="_blank" rel="noopener">view raw</a><a href="https://gist.github.com/iqbalmauludy/58fe308fc08651ecc3f487932b194ec2#file-wp-config-php" target="_blank" rel="noopener">wp-config.php</a>&nbsp;hosted with&nbsp;&nbsp;by&nbsp;<a href="https://github.com/" target="_blank" rel="noopener">GitHub</a></p>



<p class="wp-block-paragraph">Selanjutnya Anda perlu masuk ke WordPress untuk mengaktifkan jaringan Anda.</p>



<ul class="wp-block-list"><li>Masuk ke dashboard WordPress, pilih&nbsp;<strong>Tools&nbsp;&nbsp;Network Setup</strong>, untuk Network title silahkan Anda isi sesuai nama yang Anda inginkan. Kemudian Install.</li><li>Lalu copy seluruh text dari kolom pertama, lalu tambahkan ke&nbsp;<strong>wp-config.php</strong>&nbsp;tepat dibawah&nbsp;<code>define( 'WP_ALLOW_MULTISITE', true );</code></li></ul>



<figure class="wp-block-table"><table><tbody><tr><td></td><td>define(&#8216;MULTISITE&#8217;, true);</td></tr><tr><td></td><td>define(&#8216;SUBDOMAIN_INSTALL&#8217;, false);</td></tr><tr><td></td><td>define(&#8216;DOMAIN_CURRENT_SITE&#8217;, &#8216;localhost&#8217;);</td></tr><tr><td></td><td>define(&#8216;PATH_CURRENT_SITE&#8217;, &#8216;/&#8217;);</td></tr><tr><td></td><td>define(&#8216;SITE_ID_CURRENT_SITE&#8217;, 1);</td></tr><tr><td></td><td>define(&#8216;BLOG_ID_CURRENT_SITE&#8217;, 1);</td></tr></tbody></table></figure>



<p class="wp-block-paragraph"><a href="https://gist.github.com/iqbalmauludy/82597934cd7aeae7997c7d46cddc0743/raw/0084893c8c41b3269b9f648e2de006710acf6c7b/wp-config.php" target="_blank" rel="noopener">view raw</a><a href="https://gist.github.com/iqbalmauludy/82597934cd7aeae7997c7d46cddc0743#file-wp-config-php" target="_blank" rel="noopener">wp-config.php</a>&nbsp;hosted with&nbsp;&nbsp;by&nbsp;<a href="https://github.com/" target="_blank" rel="noopener">GitHub</a></p>



<ul class="wp-block-list"><li>Tahap akhir, edit file&nbsp;<strong>.htaccess</strong>&nbsp;lalu&nbsp;<strong>timpa&nbsp;</strong>seluruh isi didalam&nbsp;<strong>.htaccess</strong>&nbsp;dengan kode dibawah ini.</li></ul>



<figure class="wp-block-table"><table><tbody><tr><td></td><td>RewriteEngine On</td></tr><tr><td></td><td>RewriteBase /</td></tr><tr><td></td><td>RewriteRule ^index\.php$ &#8211; [L]</td></tr><tr><td></td><td></td></tr><tr><td></td><td># add a trailing slash to /wp-admin</td></tr><tr><td></td><td>RewriteRule ^([_0-9a-zA-Z-]+/)?wp-admin$ $1wp-admin/ [R=301,L]</td></tr><tr><td></td><td></td></tr><tr><td></td><td>RewriteCond %{REQUEST_FILENAME} -f [OR]</td></tr><tr><td></td><td>RewriteCond %{REQUEST_FILENAME} -d</td></tr><tr><td></td><td>RewriteRule ^ &#8211; [L]</td></tr><tr><td></td><td>RewriteRule ^([_0-9a-zA-Z-]+/)?(wp-(content|admin|includes).*) $2 [L]</td></tr><tr><td></td><td>RewriteRule ^([_0-9a-zA-Z-]+/)?(.*\.php)$ $2 [L]</td></tr><tr><td></td><td>RewriteRule . index.php [L]</td></tr></tbody></table></figure>



<p class="wp-block-paragraph"><a href="https://gist.github.com/iqbalmauludy/fd7e6cef4728cf67f7859f0e663c3a9e/raw/bf7bcfa187388c6b625909a6dd6c591250ebbdc3/.htaccess" target="_blank" rel="noopener">view raw</a><a href="https://gist.github.com/iqbalmauludy/fd7e6cef4728cf67f7859f0e663c3a9e#file-htaccess" target="_blank" rel="noopener">.htaccess</a>&nbsp;hosted with&nbsp;&nbsp;by&nbsp;<a href="https://github.com/" target="_blank" rel="noopener">GitHub</a></p>



<p class="wp-block-paragraph">Kini sepenuhnya WordPress Anda menjadi Multisite. Agar dapat menggunakannya dengan maksimal, Anda perlu memahaminya lebih lanjut silahkan googling .</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jokicoding.com/cara-install-wordpress-multisite-xampp/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Link Pengumuman Bersama Seleksi CASN dan PPPK Se-Provinsi Lampung Tahun 2021</title>
		<link>https://jokicoding.com/link-pengumuman-bersama-seleksi-casn-se-provinsi-lampung-tahun-2021/</link>
					<comments>https://jokicoding.com/link-pengumuman-bersama-seleksi-casn-se-provinsi-lampung-tahun-2021/#respond</comments>
		
		<dc:creator><![CDATA[joki coding]]></dc:creator>
		<pubDate>Thu, 01 Jul 2021 05:04:29 +0000</pubDate>
				<category><![CDATA[Info Penting]]></category>
		<category><![CDATA[Info Terbaru]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[CPNS 2021]]></category>
		<category><![CDATA[CPNS LAMPUNG]]></category>
		<category><![CDATA[CPNS LAMPUNG SELATAN]]></category>
		<category><![CDATA[CPNS LAMPUNG TENGAH]]></category>
		<category><![CDATA[CPNS METRO]]></category>
		<category><![CDATA[CPNS PRINGSEWU]]></category>
		<category><![CDATA[PPPK 2021]]></category>
		<category><![CDATA[PPPK LAMPUNG]]></category>
		<guid isPermaLink="false">https://jokicoding.web.id/?p=976</guid>

					<description><![CDATA[Bersama ini Pemerintah Provinsi/Kabupaten/Kota memberikan kesempatan kepada masyarakat yang memenuhi persyaratan untuk mengikuti Seleksi Calon Aparatur Sipil Negara di Lingkungan Pemerintah Provinsi Lampung dan Pemerintah Kabupaten/Kota Se-Provinsi Lampung Download disini]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-large"><img decoding="async" src="blob:https://jokicoding.web.id/dcb985bb-247c-4eed-83b4-6d6a3a260842" alt=""/></figure>



<p class="wp-block-paragraph">Bersama ini Pemerintah Provinsi/Kabupaten/Kota memberikan kesempatan kepada masyarakat yang memenuhi persyaratan untuk mengikuti Seleksi Calon Aparatur Sipil Negara di Lingkungan Pemerintah Provinsi Lampung dan Pemerintah Kabupaten/Kota Se-Provinsi Lampung <br>Download <a href="https://drive.google.com/file/d/1VevtZ5T5FoTKV4rIjJTI52lkrCZvm85r/view" target="_blank" rel="noreferrer noopener">disini</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://jokicoding.com/link-pengumuman-bersama-seleksi-casn-se-provinsi-lampung-tahun-2021/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
