<?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>Tue, 25 Aug 2026 15:13:09 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1</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>Jasa Pembuatan Website Custom Sesuai Kebutuhan Bisnis</title>
		<link>https://jokicoding.com/jasa-pembuatan-website-custom-sesuai-kebutuhan-bisnis/</link>
					<comments>https://jokicoding.com/jasa-pembuatan-website-custom-sesuai-kebutuhan-bisnis/#respond</comments>
		
		<dc:creator><![CDATA[tematik]]></dc:creator>
		<pubDate>Tue, 25 Aug 2026 15:13:07 +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=2054</guid>

					<description><![CDATA[Di era digital seperti sekarang, website bukan lagi sekadar media untuk menampilkan informasi. Website telah menjadi salah satu kebutuhan penting bagi bisnis, perusahaan, UMKM, organisasi, startup, maupun individu untuk membangun kredibilitas dan menjangkau lebih banyak pelanggan. Bagi Anda yang sedang membutuhkan jasa pembuatan website profesional, Jokicoding.com hadir sebagai salah satu solusi untuk membantu mewujudkan website sesuai kebutuhan. Jasa Website Jokicoding.com Jokicoding.com menyediakan layanan pengembangan website dan aplikasi dengan berbagai teknologi pemrograman. Layanan tersebut dapat digunakan untuk berbagai kebutuhan, mulai dari website sederhana hingga sistem berbasis web yang memiliki fitur lebih kompleks. Website dapat dikembangkan sesuai kebutuhan dan tujuan pengguna, baik untuk kebutuhan bisnis, company profile, toko online, sistem informasi, maupun kebutuhan proyek lainnya. Dengan proses pengembangan yang dimulai dari analisis kebutuhan, perencanaan, desain, pengembangan, hingga pengujian, pembuatan website dapat dilakukan secara lebih terstruktur. Mengapa Membutuhkan Website Profesional? Memiliki website sendiri memberikan banyak keuntungan. Salah satunya adalah meningkatkan kepercayaan calon pelanggan terhadap bisnis atau layanan yang ditawarkan. Website juga dapat menjadi pusat informasi yang dapat diakses kapan saja. Pengunjung dapat mengetahui profil perusahaan, produk, layanan, kontak, portofolio, hingga informasi lainnya tanpa harus menghubungi pemilik bisnis secara langsung. Selain itu, website yang dibuat dengan desain responsif dapat memberikan pengalaman yang lebih baik bagi pengguna yang mengaksesnya melalui komputer, tablet, maupun smartphone. Jenis Website yang Bisa Dibuat Jokicoding.com dapat menjadi pilihan bagi Anda yang membutuhkan berbagai jenis website, di antaranya: 1. Website Company Profile Website company profile cocok untuk perusahaan, organisasi, maupun bisnis yang ingin memperkenalkan profil dan layanan secara profesional. Beberapa fitur yang dapat disediakan antara lain: 2. Website Toko Online Bagi pemilik bisnis yang ingin menjual produk melalui internet, website toko online dapat menjadi solusi untuk memperluas jangkauan pasar. Website dapat dikembangkan dengan berbagai fitur seperti katalog produk, keranjang belanja, sistem pemesanan, akun pelanggan, hingga integrasi pembayaran sesuai kebutuhan proyek. 3. Website Sistem Informasi Website juga dapat digunakan untuk membangun sistem informasi yang membantu proses administrasi dan pengelolaan data. Contohnya adalah: 4. Landing Page Landing page cocok untuk bisnis, promosi produk, campaign, maupun layanan tertentu. Dengan desain yang fokus pada informasi utama dan tombol call-to-action, landing page dapat membantu pengunjung memahami produk atau layanan yang ditawarkan. 5. Website Custom Setiap bisnis memiliki kebutuhan yang berbeda. Karena itu, website custom dapat dikembangkan berdasarkan fitur, desain, alur kerja, dan kebutuhan khusus dari klien. Jokicoding.com juga menyediakan pengembangan menggunakan berbagai bahasa pemrograman dan teknologi, termasuk PHP, Python, Java, HTML, JavaScript, C++, C#, Kotlin, dan Flutter. Website Responsif dan Modern Salah satu hal penting dalam pembuatan website adalah memastikan website dapat digunakan dengan nyaman pada berbagai perangkat. Website responsif akan menyesuaikan tampilan dengan ukuran layar pengguna, sehingga halaman tetap mudah dibaca dan digunakan baik melalui desktop maupun smartphone. Selain tampilan, struktur website juga perlu dibuat dengan mempertimbangkan kemudahan navigasi dan kebutuhan pengguna. Cocok untuk Bisnis, UMKM, Mahasiswa, dan Perusahaan Jasa pengembangan dari Jokicoding.com ditujukan untuk berbagai kebutuhan. Berdasarkan informasi di situsnya, layanan mereka mencakup perusahaan, mahasiswa, UMKM, pemerintah, startup, dan e-commerce. Dengan demikian, kebutuhan website tidak hanya terbatas pada perusahaan besar. UMKM yang baru mulai membangun brand di internet juga dapat memanfaatkan website sebagai sarana promosi dan informasi. Mahasiswa juga dapat menggunakan layanan pengembangan untuk kebutuhan proyek website atau aplikasi, dengan tetap memahami dan mempelajari kode serta sistem yang digunakan. Teknologi yang Digunakan Dalam pengembangan website dan aplikasi, pemilihan teknologi perlu disesuaikan dengan kebutuhan proyek. Jokicoding.com mencantumkan berbagai teknologi yang digunakan dalam layanan pengembangannya, seperti: Beragam pilihan teknologi tersebut memungkinkan pengembangan sistem disesuaikan dengan karakteristik dan kebutuhan masing-masing proyek. Proses Pembuatan Website Untuk menghasilkan website yang sesuai kebutuhan, proses pengembangan dapat dilakukan melalui beberapa tahapan. Analisis Kebutuhan Tahap pertama adalah memahami kebutuhan klien, tujuan website, target pengguna, fitur yang dibutuhkan, serta gambaran sistem. Perencanaan Setelah kebutuhan diketahui, dilakukan penyusunan rencana dan spesifikasi fitur yang akan dikembangkan. Desain Tahap desain berfokus pada tampilan website dan pengalaman pengguna agar website terlihat profesional sekaligus mudah digunakan. Pengembangan Pada tahap ini, desain dan kebutuhan sistem mulai diterjemahkan menjadi kode program menggunakan teknologi yang sesuai. Pengujian Website kemudian diuji untuk memastikan fungsi dan fitur berjalan sebagaimana mestinya sebelum digunakan. Tahapan analisis, perencanaan, desain, pengembangan, dan pengujian juga ditampilkan sebagai bagian dari alur layanan pada Jokicoding.com. Keuntungan Menggunakan Jasa Pembuatan Website Membangun website dari awal membutuhkan pengetahuan mengenai desain, pemrograman, database, server, keamanan, dan berbagai aspek teknis lainnya. Dengan menggunakan jasa pengembangan website, Anda dapat berkonsultasi mengenai kebutuhan sistem tanpa harus membangun semuanya sendiri. Beberapa manfaat yang bisa diperoleh antara lain: Lebih praktisAnda dapat berkonsultasi mengenai kebutuhan website dan fitur yang diinginkan. Dapat disesuaikanWebsite dapat dikembangkan berdasarkan kebutuhan bisnis atau proyek. Menghemat waktuProses pengembangan ditangani oleh pihak yang memiliki keahlian di bidang pemrograman. Teknologi beragamWebsite dapat dibuat menggunakan teknologi yang sesuai dengan kebutuhan sistem. Bisa dikembangkan lebih lanjutWebsite dapat menjadi dasar untuk pengembangan fitur dan sistem yang lebih besar di kemudian hari. Konsultasikan Kebutuhan Website Anda Setiap proyek memiliki kebutuhan yang berbeda. Karena itu, sebelum menentukan teknologi dan fitur, sebaiknya kebutuhan website dibicarakan terlebih dahulu. Jokicoding.com menyediakan konsultasi dan mengarahkan calon klien untuk menentukan kebutuhan, menghubungi tim, melakukan konsultasi, negosiasi harga, hingga proses pembuatan website. Situsnya juga menyebutkan opsi bantuan hosting dan domain sesuai kebutuhan. Jika Anda sedang mencari jasa pembuatan website, jasa coding, atau jasa pengembangan aplikasi, Jokicoding.com dapat menjadi salah satu pilihan yang dapat dipertimbangkan. Kesimpulan Website yang profesional dapat membantu bisnis dan organisasi membangun kehadiran digital, meningkatkan kredibilitas, serta memberikan akses informasi yang lebih mudah kepada pelanggan. Dengan dukungan berbagai teknologi pemrograman dan layanan pengembangan website maupun aplikasi, Jokicoding.com menawarkan solusi untuk berbagai kebutuhan, mulai dari website sederhana hingga pengembangan sistem yang lebih kompleks. Jika Anda sudah memiliki gambaran website yang ingin dibuat, langkah terbaik adalah mengonsultasikan kebutuhan, fitur, desain, teknologi, serta estimasi pengerjaannya terlebih dahulu agar hasil akhir sesuai dengan tujuan proyek. Butuh website profesional? Konsultasikan kebutuhan website Anda dengan Jokicoding.com dan mulai bangun solusi digital yang sesuai dengan kebutuhan Anda. Kata Kunci SEO jasa pembuatan website, jasa website profesional, jasa bikin website, jasa coding website, jasa pembuatan website murah, jasa website Indonesia, pembuatan website profesional, jasa web development, jasa pembuatan aplikasi, Jokicoding.com]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Di era digital seperti sekarang, website bukan lagi sekadar media untuk menampilkan informasi. Website telah menjadi salah satu kebutuhan penting bagi bisnis, perusahaan, UMKM, organisasi, startup, maupun individu untuk membangun kredibilitas dan menjangkau lebih banyak pelanggan.</p>



<p class="wp-block-paragraph">Bagi Anda yang sedang membutuhkan <strong>jasa pembuatan website profesional</strong>, Jokicoding.com hadir sebagai salah satu solusi untuk membantu mewujudkan website sesuai kebutuhan.</p>



<h2 class="wp-block-heading">Jasa Website Jokicoding.com</h2>



<p class="wp-block-paragraph"><strong>Jokicoding.com</strong> menyediakan layanan pengembangan website dan aplikasi dengan berbagai teknologi pemrograman. Layanan tersebut dapat digunakan untuk berbagai kebutuhan, mulai dari website sederhana hingga sistem berbasis web yang memiliki fitur lebih kompleks.</p>



<p class="wp-block-paragraph">Website dapat dikembangkan sesuai kebutuhan dan tujuan pengguna, baik untuk kebutuhan bisnis, company profile, toko online, sistem informasi, maupun kebutuhan proyek lainnya.</p>



<p class="wp-block-paragraph">Dengan proses pengembangan yang dimulai dari analisis kebutuhan, perencanaan, desain, pengembangan, hingga pengujian, pembuatan website dapat dilakukan secara lebih terstruktur.</p>



<h2 class="wp-block-heading">Mengapa Membutuhkan Website Profesional?</h2>



<p class="wp-block-paragraph">Memiliki website sendiri memberikan banyak keuntungan. Salah satunya adalah meningkatkan kepercayaan calon pelanggan terhadap bisnis atau layanan yang ditawarkan.</p>



<p class="wp-block-paragraph">Website juga dapat menjadi pusat informasi yang dapat diakses kapan saja. Pengunjung dapat mengetahui profil perusahaan, produk, layanan, kontak, portofolio, hingga informasi lainnya tanpa harus menghubungi pemilik bisnis secara langsung.</p>



<p class="wp-block-paragraph">Selain itu, website yang dibuat dengan desain responsif dapat memberikan pengalaman yang lebih baik bagi pengguna yang mengaksesnya melalui komputer, tablet, maupun smartphone.</p>



<h2 class="wp-block-heading">Jenis Website yang Bisa Dibuat</h2>



<p class="wp-block-paragraph">Jokicoding.com dapat menjadi pilihan bagi Anda yang membutuhkan berbagai jenis website, di antaranya:</p>



<h3 class="wp-block-heading">1. Website Company Profile</h3>



<p class="wp-block-paragraph">Website company profile cocok untuk perusahaan, organisasi, maupun bisnis yang ingin memperkenalkan profil dan layanan secara profesional.</p>



<p class="wp-block-paragraph">Beberapa fitur yang dapat disediakan antara lain:</p>



<ul class="wp-block-list">
<li>Halaman profil perusahaan</li>



<li>Informasi layanan</li>



<li>Produk atau jasa</li>



<li>Portofolio</li>



<li>Galeri</li>



<li>Halaman kontak</li>



<li>Formulir konsultasi</li>



<li>Integrasi media sosial</li>
</ul>



<h3 class="wp-block-heading">2. Website Toko Online</h3>



<p class="wp-block-paragraph">Bagi pemilik bisnis yang ingin menjual produk melalui internet, website toko online dapat menjadi solusi untuk memperluas jangkauan pasar.</p>



<p class="wp-block-paragraph">Website dapat dikembangkan dengan berbagai fitur seperti katalog produk, keranjang belanja, sistem pemesanan, akun pelanggan, hingga integrasi pembayaran sesuai kebutuhan proyek.</p>



<h3 class="wp-block-heading">3. Website Sistem Informasi</h3>



<p class="wp-block-paragraph">Website juga dapat digunakan untuk membangun sistem informasi yang membantu proses administrasi dan pengelolaan data.</p>



<p class="wp-block-paragraph">Contohnya adalah:</p>



<ul class="wp-block-list">
<li>Sistem informasi sekolah</li>



<li>Sistem informasi kampus</li>



<li>Sistem informasi perusahaan</li>



<li>Sistem manajemen data</li>



<li>Sistem pelayanan</li>



<li>Sistem inventaris</li>



<li>Sistem administrasi</li>
</ul>



<h3 class="wp-block-heading">4. Landing Page</h3>



<p class="wp-block-paragraph">Landing page cocok untuk bisnis, promosi produk, campaign, maupun layanan tertentu.</p>



<p class="wp-block-paragraph">Dengan desain yang fokus pada informasi utama dan tombol call-to-action, landing page dapat membantu pengunjung memahami produk atau layanan yang ditawarkan.</p>



<h3 class="wp-block-heading">5. Website Custom</h3>



<p class="wp-block-paragraph">Setiap bisnis memiliki kebutuhan yang berbeda. Karena itu, website custom dapat dikembangkan berdasarkan fitur, desain, alur kerja, dan kebutuhan khusus dari klien.</p>



<p class="wp-block-paragraph">Jokicoding.com juga menyediakan pengembangan menggunakan berbagai bahasa pemrograman dan teknologi, termasuk PHP, Python, Java, HTML, JavaScript, C++, C#, Kotlin, dan Flutter.</p>



<h2 class="wp-block-heading">Website Responsif dan Modern</h2>



<p class="wp-block-paragraph">Salah satu hal penting dalam pembuatan website adalah memastikan website dapat digunakan dengan nyaman pada berbagai perangkat.</p>



<p class="wp-block-paragraph">Website responsif akan menyesuaikan tampilan dengan ukuran layar pengguna, sehingga halaman tetap mudah dibaca dan digunakan baik melalui desktop maupun smartphone.</p>



<p class="wp-block-paragraph">Selain tampilan, struktur website juga perlu dibuat dengan mempertimbangkan kemudahan navigasi dan kebutuhan pengguna.</p>



<h2 class="wp-block-heading">Cocok untuk Bisnis, UMKM, Mahasiswa, dan Perusahaan</h2>



<p class="wp-block-paragraph">Jasa pengembangan dari Jokicoding.com ditujukan untuk berbagai kebutuhan. Berdasarkan informasi di situsnya, layanan mereka mencakup perusahaan, mahasiswa, UMKM, pemerintah, startup, dan e-commerce.</p>



<p class="wp-block-paragraph">Dengan demikian, kebutuhan website tidak hanya terbatas pada perusahaan besar. UMKM yang baru mulai membangun brand di internet juga dapat memanfaatkan website sebagai sarana promosi dan informasi.</p>



<p class="wp-block-paragraph">Mahasiswa juga dapat menggunakan layanan pengembangan untuk kebutuhan proyek website atau aplikasi, dengan tetap memahami dan mempelajari kode serta sistem yang digunakan.</p>



<h2 class="wp-block-heading">Teknologi yang Digunakan</h2>



<p class="wp-block-paragraph">Dalam pengembangan website dan aplikasi, pemilihan teknologi perlu disesuaikan dengan kebutuhan proyek.</p>



<p class="wp-block-paragraph">Jokicoding.com mencantumkan berbagai teknologi yang digunakan dalam layanan pengembangannya, seperti:</p>



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



<li>Laravel</li>



<li>CodeIgniter</li>



<li>Python</li>



<li>Java</li>



<li>HTML</li>



<li>JavaScript</li>



<li>C++</li>



<li>C#</li>



<li>Kotlin</li>



<li>Flutter</li>
</ul>



<p class="wp-block-paragraph">Beragam pilihan teknologi tersebut memungkinkan pengembangan sistem disesuaikan dengan karakteristik dan kebutuhan masing-masing proyek.</p>



<h2 class="wp-block-heading">Proses Pembuatan Website</h2>



<p class="wp-block-paragraph">Untuk menghasilkan website yang sesuai kebutuhan, proses pengembangan dapat dilakukan melalui beberapa tahapan.</p>



<h3 class="wp-block-heading">Analisis Kebutuhan</h3>



<p class="wp-block-paragraph">Tahap pertama adalah memahami kebutuhan klien, tujuan website, target pengguna, fitur yang dibutuhkan, serta gambaran sistem.</p>



<h3 class="wp-block-heading">Perencanaan</h3>



<p class="wp-block-paragraph">Setelah kebutuhan diketahui, dilakukan penyusunan rencana dan spesifikasi fitur yang akan dikembangkan.</p>



<h3 class="wp-block-heading">Desain</h3>



<p class="wp-block-paragraph">Tahap desain berfokus pada tampilan website dan pengalaman pengguna agar website terlihat profesional sekaligus mudah digunakan.</p>



<h3 class="wp-block-heading">Pengembangan</h3>



<p class="wp-block-paragraph">Pada tahap ini, desain dan kebutuhan sistem mulai diterjemahkan menjadi kode program menggunakan teknologi yang sesuai.</p>



<h3 class="wp-block-heading">Pengujian</h3>



<p class="wp-block-paragraph">Website kemudian diuji untuk memastikan fungsi dan fitur berjalan sebagaimana mestinya sebelum digunakan.</p>



<p class="wp-block-paragraph">Tahapan analisis, perencanaan, desain, pengembangan, dan pengujian juga ditampilkan sebagai bagian dari alur layanan pada Jokicoding.com.</p>



<h2 class="wp-block-heading">Keuntungan Menggunakan Jasa Pembuatan Website</h2>



<p class="wp-block-paragraph">Membangun website dari awal membutuhkan pengetahuan mengenai desain, pemrograman, database, server, keamanan, dan berbagai aspek teknis lainnya.</p>



<p class="wp-block-paragraph">Dengan menggunakan jasa pengembangan website, Anda dapat berkonsultasi mengenai kebutuhan sistem tanpa harus membangun semuanya sendiri.</p>



<p class="wp-block-paragraph">Beberapa manfaat yang bisa diperoleh antara lain:</p>



<p class="wp-block-paragraph"><strong>Lebih praktis</strong><br>Anda dapat berkonsultasi mengenai kebutuhan website dan fitur yang diinginkan.</p>



<p class="wp-block-paragraph"><strong>Dapat disesuaikan</strong><br>Website dapat dikembangkan berdasarkan kebutuhan bisnis atau proyek.</p>



<p class="wp-block-paragraph"><strong>Menghemat waktu</strong><br>Proses pengembangan ditangani oleh pihak yang memiliki keahlian di bidang pemrograman.</p>



<p class="wp-block-paragraph"><strong>Teknologi beragam</strong><br>Website dapat dibuat menggunakan teknologi yang sesuai dengan kebutuhan sistem.</p>



<p class="wp-block-paragraph"><strong>Bisa dikembangkan lebih lanjut</strong><br>Website dapat menjadi dasar untuk pengembangan fitur dan sistem yang lebih besar di kemudian hari.</p>



<h2 class="wp-block-heading">Konsultasikan Kebutuhan Website Anda</h2>



<p class="wp-block-paragraph">Setiap proyek memiliki kebutuhan yang berbeda. Karena itu, sebelum menentukan teknologi dan fitur, sebaiknya kebutuhan website dibicarakan terlebih dahulu.</p>



<p class="wp-block-paragraph">Jokicoding.com menyediakan konsultasi dan mengarahkan calon klien untuk menentukan kebutuhan, menghubungi tim, melakukan konsultasi, negosiasi harga, hingga proses pembuatan website. Situsnya juga menyebutkan opsi bantuan hosting dan domain sesuai kebutuhan.</p>



<p class="wp-block-paragraph">Jika Anda sedang mencari <strong>jasa pembuatan website, jasa coding, atau jasa pengembangan aplikasi</strong>, Jokicoding.com dapat menjadi salah satu pilihan yang dapat dipertimbangkan.</p>



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



<p class="wp-block-paragraph">Website yang profesional dapat membantu bisnis dan organisasi membangun kehadiran digital, meningkatkan kredibilitas, serta memberikan akses informasi yang lebih mudah kepada pelanggan.</p>



<p class="wp-block-paragraph">Dengan dukungan berbagai teknologi pemrograman dan layanan pengembangan website maupun aplikasi, <strong>Jokicoding.com</strong> menawarkan solusi untuk berbagai kebutuhan, mulai dari website sederhana hingga pengembangan sistem yang lebih kompleks.</p>



<p class="wp-block-paragraph">Jika Anda sudah memiliki gambaran website yang ingin dibuat, langkah terbaik adalah mengonsultasikan kebutuhan, fitur, desain, teknologi, serta estimasi pengerjaannya terlebih dahulu agar hasil akhir sesuai dengan tujuan proyek.</p>



<p class="wp-block-paragraph"><strong>Butuh website profesional? Konsultasikan kebutuhan website Anda dengan Jokicoding.com dan mulai bangun solusi digital yang sesuai dengan kebutuhan Anda.</strong></p>



<h3 class="wp-block-heading">Kata Kunci SEO</h3>



<p class="wp-block-paragraph">jasa pembuatan website, jasa website profesional, jasa bikin website, jasa coding website, jasa pembuatan website murah, jasa website Indonesia, pembuatan website profesional, jasa web development, jasa pembuatan aplikasi, Jokicoding.com</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jokicoding.com/jasa-pembuatan-website-custom-sesuai-kebutuhan-bisnis/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Apa Itu PHP? Pengertian dan Kegunaannya dalam Pembuatan Website</title>
		<link>https://jokicoding.com/apa-itu-php-pengertian-dan-kegunaannya-dalam-pembuatan-website/</link>
					<comments>https://jokicoding.com/apa-itu-php-pengertian-dan-kegunaannya-dalam-pembuatan-website/#respond</comments>
		
		<dc:creator><![CDATA[joki coding]]></dc:creator>
		<pubDate>Thu, 26 Feb 2026 01:07:22 +0000</pubDate>
				<category><![CDATA[Joki Coding]]></category>
		<category><![CDATA[Info Penting]]></category>
		<category><![CDATA[Tutorial]]></category>
		<guid isPermaLink="false">https://jokicoding.com/?p=2036</guid>

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



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



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



<li>Banyak komunitas dan dokumentasi</li>



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



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



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



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



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



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



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



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



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



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



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



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

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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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

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



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



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



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



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



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



<li>Coba tambahkan produk, edit, dan hapus—cek validasi dan pesan berhasil.</li>
</ul>
</li>
</ol>
]]></content:encoded>
					
					<wfw:commentRss>https://jokicoding.com/belajar-crud-dengan-mudah/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>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>
	</channel>
</rss>
