{"id":3600,"date":"2020-10-16T08:17:07","date_gmt":"2020-10-16T01:17:07","guid":{"rendered":"http:\/\/materi.smkn43jkt.sch.id\/?p=3600"},"modified":"2021-12-22T21:59:25","modified_gmt":"2021-12-22T14:59:25","slug":"persiapan-pemrograman-php-di-windows-dengan-xampp","status":"publish","type":"post","link":"http:\/\/materi.smkn43jkt.sch.id\/?p=3600","title":{"rendered":"Persiapan Pemrograman PHP di Windows dengan XAMPP"},"content":{"rendered":"<p>Pada dasarnya, kita membutuhkan alat-alat ini untuk bisa mulai coding PHP:<\/p>\n<ol>\n<li>Teks Editor;<\/li>\n<li>Web Browser;<\/li>\n<li>Web Server;<\/li>\n<li>PHP itu sendiri.<\/li>\n<\/ol>\n<p>Nah, pada pembahasan kali ini.. kita akan fokus mempersiapkan web server dan PHP. Untuk teks editor dan browser, kamu bisa baca di tulisan yang berbeda:<\/p>\n<p>PHP adalah bahasa pemrograman yang berjalan di server, karena itu kita membutuhkan sebuah web server.<\/p>\n<p>Webserver di windows bisa dibuat dengan berbagai macam cara. Ada yang menggunakan\u00a0<strong>PHP secara manual<\/strong>\u00a0dengna web server bawaan PHP; ada yang menggunakan\u00a0<strong>WSL<\/strong>\u00a0lalu menginstal LAMPP Stack; ada yang menggunakan\u00a0<strong>XAMPP<\/strong>; ada yang menggunakan\u00a0<strong>Docker<\/strong>, dan lain sebgainya.<\/p>\n<p>Namun, intinya kita hanya perlu menyiapkan web server sebagai tempat PHP dijalankan.<\/p>\n<p>Pada tutorial ini, kita akan menggunakan XAMPP.<\/p>\n<p>Siap?<\/p>\n<p>Mari kita mulai..<\/p>\n<h2 id=\"apa-itu-xampp\" class=\"h2\">Apa itu XAMPP?<\/h2>\n<p>XAMPP adalah program untuk membuat server. XAMPP menyediakan paket server yang kita butuhkan untuk pengembangan web dengan PHP. Mulai dari PHP, MySQL, PHPmyadmin, dll.<\/p>\n<figure class=\"mb-3\"><img decoding=\"async\" class=\"lazyload img-fluid blur-up lazyloaded\" src=\"https:\/\/www.petanikode.com\/img\/xampp-windows\/isi-xampp.png\" alt=\"isi-xampp\" data-src=\"\/img\/xampp-windows\/isi-xampp.png\" \/><\/figure>\n<p>XAMPP merupakan singkatan dari\u00a0<strong>X<\/strong>\u00a0<em>(cross-platform)<\/em>,\u00a0<strong>A<\/strong>pache,\u00a0<strong>M<\/strong>ySQL atau\u00a0<strong>M<\/strong>ariaDB,\u00a0<strong>P<\/strong>HP,\u00a0<strong>P<\/strong>erl. Huruf\u00a0<strong>X<\/strong>\u00a0di\u00a0<strong>X<\/strong>AMPP memiliki makna\u00a0<em>cross-platform<\/em>\u00a0yang artinya XAMPP bisa digunakan di berbagai sistem operasi seperti Linux, Windows, dan MacOS.<\/p>\n<h2 id=\"cara-install-xampp-di-windows\" class=\"h2\">Cara Install XAMPP di Windows<\/h2>\n<p>Pertama, silahkan\u00a0<a href=\"https:\/\/www.apachefriends.org\/download.html\" target=\"_blank\" rel=\"noopener noreferrer\">download XAMPP<\/a>\u00a0di website resminya.<\/p>\n<figure class=\"mb-3\"><img decoding=\"async\" class=\"lazyload img-fluid blur-up lazyloaded\" src=\"https:\/\/www.petanikode.com\/img\/xampp-windows\/download-xampp.png\" alt=\"download-xampp\" data-src=\"\/img\/xampp-windows\/download-xampp.png\" \/><\/figure>\n<p>Setelah itu, kita akan mendapatkan file installer dari XAMPP. Silahkan klik 2x file tersebut.<\/p>\n<p>Jika muncul seperti ini\u2026<\/p>\n<figure class=\"mb-3\"><img decoding=\"async\" class=\"lazyload img-fluid blur-up lazyloaded\" src=\"https:\/\/www.petanikode.com\/img\/xampp-windows\/xampp-warning-windows.jpg\" alt=\"xampp-warning-windows\" data-src=\"\/img\/xampp-windows\/xampp-warning-windows.jpg\" \/><\/figure>\n<p>\u2026klik saja OK.<\/p>\n<p>Berikutnya, klik\u00a0<strong>Next<\/strong>.<\/p>\n<figure class=\"mb-3\"><img decoding=\"async\" class=\"lazyload img-fluid blur-up lazyloaded\" src=\"https:\/\/www.petanikode.com\/img\/xampp-windows\/setup-xampp.jpg\" alt=\"setup-xampp\" data-src=\"\/img\/xampp-windows\/setup-xampp.jpg\" \/><\/figure>\n<p>Berikutnya XAMPP akan meminta kita untuk menentukan komponen apa saja yang ingin diinstal. Centang saja semuanya seperti gambar di bawah ini. Lalu klik\u00a0<strong>Next<\/strong>.<\/p>\n<figure class=\"mb-3\"><img decoding=\"async\" class=\"lazyload img-fluid blur-up lazyloaded\" src=\"https:\/\/www.petanikode.com\/img\/xampp-windows\/xampp-componets-install.jpg\" alt=\"xampp-componets-install\" data-src=\"\/img\/xampp-windows\/xampp-componets-install.jpg\" \/><\/figure>\n<p>Berikutnya, kita akan diminta untuk menentukan lokasi penginstalan. Biarkan saja di\u00a0<code>C:\\xampp<\/code>, setelah itu klik\u00a0<strong>Next<\/strong>.<\/p>\n<figure class=\"mb-3\"><img decoding=\"async\" class=\"lazyload img-fluid blur-up lazyloaded\" src=\"https:\/\/www.petanikode.com\/img\/xampp-windows\/xampp-install-path.jpg\" alt=\"XAMPP installation location\" data-src=\"\/img\/xampp-windows\/xampp-install-path.jpg\" \/><\/figure>\n<p>Berikutnya, hilangkan centang pada\u00a0<strong>Learn more about Bitnami for XAMPP<\/strong>\u00a0dan klik\u00a0<strong>Next<\/strong>.<\/p>\n<figure class=\"mb-3\"><img decoding=\"async\" class=\"lazyload img-fluid blur-up lazyloaded\" src=\"https:\/\/www.petanikode.com\/img\/xampp-windows\/xampp-windows-10-install-wizard.jpg\" alt=\"xampp-windows-10-install-wizard\" data-src=\"\/img\/xampp-windows\/xampp-windows-10-install-wizard.jpg\" \/><\/figure>\n<p>Berikunya, jika muncul pemblokiran dari Firewall, klik saja\u00a0<strong>Allow Access<\/strong>.<\/p>\n<figure class=\"mb-3\"><img decoding=\"async\" class=\"lazyload img-fluid blur-up lazyloaded\" src=\"https:\/\/www.petanikode.com\/img\/xampp-windows\/xampp-windows-firewall.jpg\" alt=\"XAMPP allow access through Windows Firewall\" data-src=\"\/img\/xampp-windows\/xampp-windows-firewall.jpg\" \/><\/figure>\n<p>Selesai, klik\u00a0<strong>Finish<\/strong>\u00a0untuk mengakhiri.<\/p>\n<figure class=\"mb-3\"><img decoding=\"async\" class=\"lazyload img-fluid blur-up lazyloaded\" src=\"https:\/\/www.petanikode.com\/img\/xampp-windows\/complete-xampp-windows-10-install.jpg\" alt=\"Complete XAMPP installation on Windows 10\" data-src=\"\/img\/xampp-windows\/complete-xampp-windows-10-install.jpg\" \/><\/figure>\n<p>Setelah itu, Control Panel XAMPP akan terbuka..<\/p>\n<h2 id=\"manajemen-server-xampp\" class=\"h2\">Manajemen Server XAMPP<\/h2>\n<p>Kita bisa memanajemen server dengan mudah melalui Control Panel XAMPP.<\/p>\n<figure class=\"mb-3\"><img decoding=\"async\" class=\"lazyload img-fluid blur-up lazyloaded\" src=\"https:\/\/www.petanikode.com\/img\/xampp-windows\/xampp-control-panel-windows-10.jpg\" alt=\"XAMPP Control Panel on Windows 10\" data-src=\"\/img\/xampp-windows\/xampp-control-panel-windows-10.jpg\" \/><\/figure>\n<p>Pada Control Panel ini, kita bisa menyalakan dan mematikan, melakukan konfigurasi, memantau log, menjalankan shell, dan lain-lain.<\/p>\n<p>Untuk percobaan, coba klik tombol\u00a0<strong>Start<\/strong>\u00a0pada\u00a0<strong>Apache<\/strong>\u00a0dan\u00a0<strong>MySQL<\/strong>. Sehingga statusnya akan menjadi\u00a0<em>running<\/em>.<\/p>\n<figure class=\"mb-3\"><img decoding=\"async\" class=\"lazyload img-fluid blur-up lazyloaded\" src=\"https:\/\/www.petanikode.com\/img\/xampp-windows\/xampp-control-panel-running.jpg\" alt=\"XAMPP Control Panel\" data-src=\"\/img\/xampp-windows\/xampp-control-panel-running.jpg\" \/><\/figure>\n<p>Apache adalah webserver untuk menjalankan PHP dan MySQL adalah database server untuk menjalankan MySQL.<\/p>\n<p>Jika ada warna hijau dan ada nilai PID dan Port.. maka artinya server sudah berjalan. Tinggal kita pakai saja.<\/p>\n<p>Apa itu PID dan Port?<\/p>\n<ul>\n<li><strong>PID<\/strong>\u00a0adalah process ID, merupakan nomer proses yang dipakai pada taks manager<\/li>\n<li><strong>Port<\/strong>\u00a0adalah nomer port yang akan dipakai untuk mengakses server.<\/li>\n<\/ul>\n<p>Nomer Port ini perlu kamu perhatikan, karena bisa jadi nomer port tersebut sudah dipakai oleh service yang lain.<\/p>\n<p>Biasanya apache akan menggunakan nomer port\u00a0<code>80<\/code>,\u00a0<code>443<\/code>\u00a0dan MySQL akan menggunakan nomer port\u00a0<code>3306<\/code>.<\/p>\n<p>Untuk melihat service apa saja yang berjalan pada nomer port tertentu, silahkan klik menu\u00a0<strong>Netstart<\/strong>. Maka akan keluar seperti ini.\u00a0<sup id=\"fnref:1\"><a class=\"footnote-ref\" role=\"doc-noteref\" href=\"https:\/\/www.petanikode.com\/xampp-windows\/#fn:1\">1<\/a><\/sup><\/p>\n<figure class=\"mb-3\"><img decoding=\"async\" class=\"lazyload img-fluid blur-up lazyloaded\" src=\"https:\/\/www.petanikode.com\/img\/xampp-windows\/xampp-netstat.jpg\" alt=\"XAMPP Netstat\" data-src=\"\/img\/xampp-windows\/xampp-netstat.jpg\" \/><\/figure>\n<p>Dari menu ini, kita bisa memantau nomer port mana saja yang sudah terpakai. Sehingga nanti kalau kita mengalami port bentrok, kita bisa ganti dengan nomer port yaag belum terpakai.<\/p>\n<p>Contohnya seperti ini:<\/p>\n<figure class=\"mb-3\"><img decoding=\"async\" class=\"lazyload img-fluid blur-up lazyloaded\" src=\"https:\/\/www.petanikode.com\/img\/xampp-windows\/apache-wont-start-windows-error.jpg\" alt=\"Apache won&amp;rsquo;t start on Windows 10 error\" data-src=\"\/img\/xampp-windows\/apache-wont-start-windows-error.jpg\" \/><\/figure>\n<p>Server apache gagal dijalankan karena nomer port-nya sudah terpakai atau bentrok.<\/p>\n<p>Yang perlu kamu lakukan untuk mengatasi masalah ini adalah:<\/p>\n<ol>\n<li>Mematikan service yang berjalan di port tersebut;<\/li>\n<li>atau mengganti nomer port default dari Apache.<\/li>\n<\/ol>\n<p>Jika ingin mengganti nomer port default dari apache, caranya klik tombol\u00a0<strong>Config<\/strong>\u00a0di sebelah tombol\u00a0<strong>admin<\/strong>\u00a0di apache.<\/p>\n<p>Kemudian ubah\u00a0<code>listen 80<\/code>, menjadi nomer port yang lain misalnya\u00a0<code>listen 8080<\/code>\u00a0maka nomer port apache akan menjadi\u00a0<code>8080<\/code>.<\/p>\n<figure class=\"mb-3\"><img decoding=\"async\" class=\"lazyload img-fluid blur-up lazyloaded\" src=\"https:\/\/www.petanikode.com\/img\/xampp-windows\/httpdconf-listen-port80.jpg\" alt=\"httpd.conf change TCP\/IP port number\" data-src=\"\/img\/xampp-windows\/httpdconf-listen-port80.jpg\" \/><\/figure>\n<p>Setelah itu simpan, dan coba restart server apache.<\/p>\n<p>&nbsp;<\/p>\n<p>sumber : https:\/\/www.petanikode.com\/xampp-windows\/<\/p>\n<p>untuk materi selanjutnya silahkan di pelajari di https:\/\/www.w3schools.com\/php\/default.asp<\/p>\n<p>pembuatan database http:\/\/materi.smkn43jkt.sch.id\/?p=3594<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pada dasarnya, kita membutuhkan alat-alat ini untuk bisa mulai coding PHP: Teks Editor; Web Browser; Web Server; PHP itu sendiri. Nah, pada pembahasan kali ini.. kita akan fokus mempersiapkan web server dan PHP. Untuk teks editor dan browser, kamu bisa baca di tulisan yang berbeda: PHP adalah bahasa pemrograman yang berjalan di server, karena itu [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20,34,17],"tags":[],"_links":{"self":[{"href":"http:\/\/materi.smkn43jkt.sch.id\/index.php?rest_route=\/wp\/v2\/posts\/3600"}],"collection":[{"href":"http:\/\/materi.smkn43jkt.sch.id\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/materi.smkn43jkt.sch.id\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/materi.smkn43jkt.sch.id\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/materi.smkn43jkt.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3600"}],"version-history":[{"count":5,"href":"http:\/\/materi.smkn43jkt.sch.id\/index.php?rest_route=\/wp\/v2\/posts\/3600\/revisions"}],"predecessor-version":[{"id":5268,"href":"http:\/\/materi.smkn43jkt.sch.id\/index.php?rest_route=\/wp\/v2\/posts\/3600\/revisions\/5268"}],"wp:attachment":[{"href":"http:\/\/materi.smkn43jkt.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3600"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/materi.smkn43jkt.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3600"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/materi.smkn43jkt.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3600"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}