<?xml version='1.0' encoding='UTF-8'?><rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/" xmlns:blogger="http://schemas.google.com/blogger/2008" xmlns:georss="http://www.georss.org/georss" xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr="http://purl.org/syndication/thread/1.0" version="2.0"><channel><atom:id>tag:blogger.com,1999:blog-2555960581259484405</atom:id><lastBuildDate>Wed, 06 Nov 2024 02:53:22 +0000</lastBuildDate><category>php</category><category>web-developer</category><category>Front-End</category><category>Mysql</category><category>Integration</category><category>database</category><category>javascript</category><category>php56</category><category>php7</category><category>sistem-operasi</category><category>Data Format</category><category>HTML</category><category>JQUERY</category><category>Operating System</category><category>Penetration Test</category><category>Email</category><category>Injection</category><category>Kali linux</category><category>Pentest</category><category>System</category><category>XSS</category><category>informasi-server</category><category>php8</category><category>server</category><title>Dukungan ITQ</title><description>Supporting IT Solutions For Everyone</description><link>https://www.dukungan-itq.my.id/</link><managingEditor>noreply@blogger.com (Dukungan ITQ)</managingEditor><generator>Blogger</generator><openSearch:totalResults>16</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2555960581259484405.post-2385484981016587207</guid><pubDate>Thu, 07 Mar 2024 07:22:00 +0000</pubDate><atom:updated>2024-03-07T14:22:57.491+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">database</category><category domain="http://www.blogger.com/atom/ns#">Front-End</category><category domain="http://www.blogger.com/atom/ns#">javascript</category><category domain="http://www.blogger.com/atom/ns#">JQUERY</category><category domain="http://www.blogger.com/atom/ns#">Mysql</category><category domain="http://www.blogger.com/atom/ns#">php</category><title>Developer Handal dengan Codepolitan dan Alibaba Cloud: Membangun Profesionalisme di Devhandal.id</title><description>&lt;p&gt;&amp;nbsp;&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP9G88akzsBgrtXRV3p-nVjdpMDQ96n7jFHdpPBTTttsdB_scpQIt0WOkP8fYw192br6tMDZ3LsUzyvBv1kAk-cvbdlSIK6FLRnhdJJTPdqVnGnCJw_EqN5wQlefafx1b30cxjuzVYpCE3A4MmX9gwSFCJiKBqsyWRkF-9R3ZH174_aritrKjcwhn87StS/s2000/3426526.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;2000&quot; data-original-width=&quot;2000&quot; height=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP9G88akzsBgrtXRV3p-nVjdpMDQ96n7jFHdpPBTTttsdB_scpQIt0WOkP8fYw192br6tMDZ3LsUzyvBv1kAk-cvbdlSIK6FLRnhdJJTPdqVnGnCJw_EqN5wQlefafx1b30cxjuzVYpCE3A4MmX9gwSFCJiKBqsyWRkF-9R3ZH174_aritrKjcwhn87StS/w400-h400/3426526.jpg&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;http://www.freepik.com&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Designed by Freepik&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(69,89,164,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 transparent; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 transparent; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 transparent; --tw-shadow: 0 0 transparent; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(227, 227, 227); box-sizing: border-box; color: #0d0d0d; font-family: Söhne, ui-sans-serif, system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, Roboto, Ubuntu, Cantarell, &amp;quot;Noto Sans&amp;quot;, sans-serif, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px; margin: 1.25em 0px; text-align: justify; white-space-collapse: preserve;&quot;&gt;Perjalanan menjadi seorang developer handal membutuhkan dedikasi dan dukungan dari platform pembelajaran yang berkualitas. Dua platform yang sangat berperan dalam mencapai tujuan ini adalah Codepolitan dan Alibaba Cloud. Integrasi pengetahuan dari keduanya, ditambah dengan keterlibatan di komunitas Devhandal.id, akan membawa kesuksesan yang lebih besar.&lt;/p&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(69,89,164,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 transparent; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 transparent; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 transparent; --tw-shadow: 0 0 transparent; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(227, 227, 227); box-sizing: border-box; color: #0d0d0d; font-family: Söhne, ui-sans-serif, system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, Roboto, Ubuntu, Cantarell, &amp;quot;Noto Sans&amp;quot;, sans-serif, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px; margin: 1.25em 0px; text-align: justify; white-space-collapse: preserve;&quot;&gt;&lt;span style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(69,89,164,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 transparent; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 transparent; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 transparent; --tw-shadow: 0 0 transparent; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(227, 227, 227); box-sizing: border-box; color: var(--tw-prose-bold); font-weight: 600;&quot;&gt;Codepolitan.com: Membangun Dasar-dasar Pemrograman dengan Kualitas Profesional&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(69,89,164,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 transparent; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 transparent; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 transparent; --tw-shadow: 0 0 transparent; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(227, 227, 227); box-sizing: border-box; color: #0d0d0d; font-family: Söhne, ui-sans-serif, system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, Roboto, Ubuntu, Cantarell, &amp;quot;Noto Sans&amp;quot;, sans-serif, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px; margin: 1.25em 0px; text-align: justify; white-space-collapse: preserve;&quot;&gt;Codepolitan.com merupakan sumber daya pembelajaran yang sangat berharga bagi para calon developer. Dengan kurikulum yang terstruktur dan disusun oleh para profesional industri, Codepolitan membimbing melalui perjalanan pembelajaran dari dasar-dasar pemrograman hingga tingkat lanjut.&lt;/p&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(69,89,164,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 transparent; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 transparent; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 transparent; --tw-shadow: 0 0 transparent; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(227, 227, 227); box-sizing: border-box; color: #0d0d0d; font-family: Söhne, ui-sans-serif, system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, Roboto, Ubuntu, Cantarell, &amp;quot;Noto Sans&amp;quot;, sans-serif, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px; margin: 1.25em 0px; text-align: justify; white-space-collapse: preserve;&quot;&gt;Keunggulan Codepolitan terletak pada fokusnya pada pengembangan keterampilan praktis. Selain memahami teori pemrograman, pembelajar juga diberikan kesempatan untuk mengaplikasikan pengetahuan tersebut dalam proyek-proyek dunia nyata. Hal ini memberikan perspektif yang lebih luas dan mempersiapkan untuk menghadapi tantangan di dunia industri IT.&lt;/p&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(69,89,164,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 transparent; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 transparent; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 transparent; --tw-shadow: 0 0 transparent; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(227, 227, 227); box-sizing: border-box; color: #0d0d0d; font-family: Söhne, ui-sans-serif, system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, Roboto, Ubuntu, Cantarell, &amp;quot;Noto Sans&amp;quot;, sans-serif, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px; margin: 1.25em 0px; text-align: justify; white-space-collapse: preserve;&quot;&gt;Dengan berpartisipasi dalam forum komunitas di Codepolitan, pembelajar dapat terkoneksi dengan ribuan sesama pembelajar. Forum ini bukan hanya tempat berdiskusi, tetapi juga wadah untuk berbagi pengalaman, memecahkan masalah bersama, dan membangun jaringan profesional yang sangat berharga.&lt;/p&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(69,89,164,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 transparent; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 transparent; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 transparent; --tw-shadow: 0 0 transparent; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(227, 227, 227); box-sizing: border-box; color: #0d0d0d; font-family: Söhne, ui-sans-serif, system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, Roboto, Ubuntu, Cantarell, &amp;quot;Noto Sans&amp;quot;, sans-serif, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px; margin: 1.25em 0px; text-align: justify; white-space-collapse: preserve;&quot;&gt;&lt;span style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(69,89,164,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 transparent; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 transparent; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 transparent; --tw-shadow: 0 0 transparent; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(227, 227, 227); box-sizing: border-box; color: var(--tw-prose-bold); font-weight: 600;&quot;&gt;Alibaba Cloud: Melangkah Lebih Jauh dengan Cloud Computing&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(69,89,164,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 transparent; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 transparent; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 transparent; --tw-shadow: 0 0 transparent; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(227, 227, 227); box-sizing: border-box; color: #0d0d0d; font-family: Söhne, ui-sans-serif, system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, Roboto, Ubuntu, Cantarell, &amp;quot;Noto Sans&amp;quot;, sans-serif, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px; margin: 1.25em 0px; text-align: justify; white-space-collapse: preserve;&quot;&gt;Setelah memahami dasar-dasar pemrograman melalui Codepolitan, langkah selanjutnya adalah mendalami pemahaman tentang teknologi modern, terutama cloud computing. Alibaba Cloud hadir sebagai mitra ideal untuk memahami konsep-konsep ini secara menyeluruh.&lt;/p&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(69,89,164,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 transparent; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 transparent; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 transparent; --tw-shadow: 0 0 transparent; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(227, 227, 227); box-sizing: border-box; color: #0d0d0d; font-family: Söhne, ui-sans-serif, system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, Roboto, Ubuntu, Cantarell, &amp;quot;Noto Sans&amp;quot;, sans-serif, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px; margin: 1.25em 0px; text-align: justify; white-space-collapse: preserve;&quot;&gt;Alibaba Cloud tidak hanya menyediakan kursus dan tutorial yang mendalam tentang cloud computing, tetapi juga memberikan akses ke layanan cloud yang sesungguhnya. Melalui platform ini, pembelajar dapat mengimplementasikan proyek-proyek dalam skala yang lebih besar dan memahami cara teknologi ini bekerja dalam lingkungan produksi.&lt;/p&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(69,89,164,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 transparent; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 transparent; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 transparent; --tw-shadow: 0 0 transparent; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(227, 227, 227); box-sizing: border-box; color: #0d0d0d; font-family: Söhne, ui-sans-serif, system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, Roboto, Ubuntu, Cantarell, &amp;quot;Noto Sans&amp;quot;, sans-serif, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px; margin: 1.25em 0px; text-align: justify; white-space-collapse: preserve;&quot;&gt;Sertifikasi resmi dari Alibaba Cloud memberikan nilai tambah yang signifikan. Dengan memiliki sertifikasi ini, pembelajar dapat meningkatkan kredibilitas di mata perusahaan-perusahaan yang mencari tenaga kerja yang kompeten di bidang teknologi cloud.&lt;/p&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(69,89,164,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 transparent; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 transparent; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 transparent; --tw-shadow: 0 0 transparent; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(227, 227, 227); box-sizing: border-box; color: #0d0d0d; font-family: Söhne, ui-sans-serif, system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, Roboto, Ubuntu, Cantarell, &amp;quot;Noto Sans&amp;quot;, sans-serif, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px; margin: 1.25em 0px; text-align: justify; white-space-collapse: preserve;&quot;&gt;&lt;span style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(69,89,164,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 transparent; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 transparent; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 transparent; --tw-shadow: 0 0 transparent; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(227, 227, 227); box-sizing: border-box; color: var(--tw-prose-bold); font-weight: 600;&quot;&gt;Devhandal.id: Meningkatkan Interaksi dan Peluang&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(69,89,164,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 transparent; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 transparent; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 transparent; --tw-shadow: 0 0 transparent; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(227, 227, 227); box-sizing: border-box; color: #0d0d0d; font-family: Söhne, ui-sans-serif, system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, Roboto, Ubuntu, Cantarell, &amp;quot;Noto Sans&amp;quot;, sans-serif, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px; margin: 1.25em 0px; text-align: justify; white-space-collapse: preserve;&quot;&gt;Devhandal.id menjadi langkah berikutnya dalam perjalanan ini. Dengan bergabung di platform ini, seorang developer tidak hanya mendapatkan kesempatan untuk terhubung dengan para praktisi dan ahli industri, tetapi juga memiliki akses ke informasi terbaru seputar tren teknologi, peluang pekerjaan, dan berbagai sumber daya bermanfaat.&lt;/p&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(69,89,164,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 transparent; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 transparent; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 transparent; --tw-shadow: 0 0 transparent; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(227, 227, 227); box-sizing: border-box; color: #0d0d0d; font-family: Söhne, ui-sans-serif, system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, Roboto, Ubuntu, Cantarell, &amp;quot;Noto Sans&amp;quot;, sans-serif, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px; margin: 1.25em 0px; text-align: justify; white-space-collapse: preserve;&quot;&gt;Komunitas di Devhandal.id menjadi wadah untuk terus mengasah keterampilan, berbagi wawasan, dan mencari kolaborasi yang dapat memperkaya pengalaman sebagai seorang developer handal. Dengan demikian, Devhandal.id bukan hanya merupakan penyambung perjalanan, tetapi juga pusat pertukaran pengetahuan yang vital.&lt;/p&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(69,89,164,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 transparent; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 transparent; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 transparent; --tw-shadow: 0 0 transparent; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(227, 227, 227); box-sizing: border-box; color: #0d0d0d; font-family: Söhne, ui-sans-serif, system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, Roboto, Ubuntu, Cantarell, &amp;quot;Noto Sans&amp;quot;, sans-serif, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px; margin: 1.25em 0px; text-align: justify; white-space-collapse: preserve;&quot;&gt;Melalui kombinasi pembelajaran dari Codepolitan, implementasi teknologi cloud dari Alibaba Cloud, dan keterlibatan di komunitas Devhandal.id, seorang developer membangun fondasi yang kokoh dan relevan untuk eksplorasi karier yang sukses di dunia pengembangan perangkat lunak.&lt;/p&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(69,89,164,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 transparent; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 transparent; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 transparent; --tw-shadow: 0 0 transparent; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(227, 227, 227); box-sizing: border-box; color: #0d0d0d; font-family: Söhne, ui-sans-serif, system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, Roboto, Ubuntu, Cantarell, &amp;quot;Noto Sans&amp;quot;, sans-serif, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px; margin: 1.25em 0px; text-align: justify; white-space-collapse: preserve;&quot;&gt;&lt;span style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(69,89,164,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 transparent; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 transparent; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 transparent; --tw-shadow: 0 0 transparent; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(227, 227, 227); box-sizing: border-box; color: var(--tw-prose-bold); font-weight: 600;&quot;&gt;Devhandal.id: Menyambungkan Perjalanan Menuju Kesuksesan&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(69,89,164,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 transparent; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 transparent; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 transparent; --tw-shadow: 0 0 transparent; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(227, 227, 227); box-sizing: border-box; color: #0d0d0d; font-family: Söhne, ui-sans-serif, system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, Roboto, Ubuntu, Cantarell, &amp;quot;Noto Sans&amp;quot;, sans-serif, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px; margin: 1.25em 0px; text-align: justify; white-space-collapse: preserve;&quot;&gt;Setelah membangun dasar-dasar pemrograman dan memahami teknologi cloud computing, langkah terakhir adalah menyambungkan perjalanan menuju kesuksesan sebagai seorang developer handal. Devhandal.id merupakan platform yang menyediakan ruang bagi para professional di bidang IT untuk terhubung dan berbagi pengalaman.&lt;/p&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(69,89,164,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 transparent; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 transparent; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 transparent; --tw-shadow: 0 0 transparent; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(227, 227, 227); box-sizing: border-box; color: #0d0d0d; font-family: Söhne, ui-sans-serif, system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, Roboto, Ubuntu, Cantarell, &amp;quot;Noto Sans&amp;quot;, sans-serif, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px; margin: 1.25em 0px; text-align: justify; white-space-collapse: preserve;&quot;&gt;Dengan bergabung di Devhandal.id, pembelajar dapat terkoneksi dengan para praktisi dan ahli industri. Ini bukan hanya sebagai jaringan profesional tetapi juga sebagai wadah untuk mendapatkan insight terbaru tentang tren teknologi, peluang pekerjaan, dan berbagai informasi bermanfaat lainnya.&lt;/p&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(69,89,164,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 transparent; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 transparent; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 transparent; --tw-shadow: 0 0 transparent; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(227, 227, 227); box-sizing: border-box; color: #0d0d0d; font-family: Söhne, ui-sans-serif, system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, Roboto, Ubuntu, Cantarell, &amp;quot;Noto Sans&amp;quot;, sans-serif, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px; margin: 1.25em 0px 0px; text-align: justify; white-space-collapse: preserve;&quot;&gt;Dengan mengintegrasikan pembelajaran dari Codepolitan dan Alibaba Cloud, serta bergabung dengan komunitas di Devhandal.id, pembelajar dapat memastikan bahwa perjalanan menuju kesuksesan sebagai seorang developer handal berlangsung dengan sukses. Jangan ragu untuk terus belajar, berbagi, dan terlibat aktif di komunitas ini.&lt;/p&gt;&lt;h2 style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(69,89,164,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 transparent; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 transparent; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 transparent; --tw-shadow: 0 0 transparent; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(227, 227, 227); box-sizing: border-box; color: #0d0d0d; font-family: Söhne, ui-sans-serif, system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, Roboto, Ubuntu, Cantarell, &amp;quot;Noto Sans&amp;quot;, sans-serif, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px; margin: 1.25em 0px 0px; text-align: justify; white-space-collapse: preserve;&quot;&gt;&lt;span style=&quot;font-weight: 600;&quot;&gt;Devhandal.id: Memahami perkembangan terkini di industri IT&lt;/span&gt;&lt;/h2&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(69,89,164,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 transparent; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 transparent; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 transparent; --tw-shadow: 0 0 transparent; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(227, 227, 227); box-sizing: border-box; color: #0d0d0d; font-family: Söhne, ui-sans-serif, system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, Roboto, Ubuntu, Cantarell, &amp;quot;Noto Sans&amp;quot;, sans-serif, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px; margin: 1.25em 0px; text-align: justify; white-space-collapse: preserve;&quot;&gt;Devhandal.id menjadi tempat penyambung perjalanan, di mana para developer dapat terhubung, berbagi pengalaman, dan terus memperdalam pemahaman mereka tentang perkembangan terkini di industri IT. Dengan bergabung di komunitas ini, seorang developer dapat menjaga relevansi dalam menghadapi perubahan teknologi yang terus berkembang.&lt;/p&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(69,89,164,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 transparent; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 transparent; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 transparent; --tw-shadow: 0 0 transparent; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(227, 227, 227); box-sizing: border-box; color: #0d0d0d; font-family: Söhne, ui-sans-serif, system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, Roboto, Ubuntu, Cantarell, &amp;quot;Noto Sans&amp;quot;, sans-serif, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px; margin: 1.25em 0px 0px; text-align: justify; white-space-collapse: preserve;&quot;&gt;Melalui keseluruhan perjalanan pembelajaran ini, seorang developer dapat meraih gelar handal dengan kepercayaan diri dan pengetahuan yang mendalam. Codepolitan, Alibaba Cloud, dan Devhandal.id membentuk trifecta yang mendorong para developer untuk terus belajar, berkolaborasi, dan membangun karier yang cemerlang di dunia pengembangan perangkat lunak. Selamat belajar dan semoga meraih sukses di dunia teknologi!&lt;/p&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(69,89,164,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 transparent; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 transparent; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 transparent; --tw-shadow: 0 0 transparent; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(227, 227, 227); box-sizing: border-box; color: #0d0d0d; font-family: Söhne, ui-sans-serif, system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, Roboto, Ubuntu, Cantarell, &amp;quot;Noto Sans&amp;quot;, sans-serif, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px; margin: 1.25em 0px 0px; text-align: justify; white-space-collapse: preserve;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; font-size: 17px; white-space-collapse: collapse;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; white-space-collapse: preserve;&quot;&gt;#&lt;a href=&quot;https://codepolitan.com/&quot; rel=&quot;nofollow&quot; style=&quot;box-sizing: border-box; color: #aed5dd; outline: none;&quot; target=&quot;_blank&quot;&gt;Codepolitan&lt;/a&gt;, #&lt;a href=&quot;https://alibabacloud.com/&quot; rel=&quot;nofollow&quot; style=&quot;box-sizing: border-box; color: #aed5dd; outline: none;&quot; target=&quot;_blank&quot;&gt;Alibaba Cloud&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box; font-size: 17px;&quot;&gt; , #&lt;a href=&quot;https://devhandal.id/&quot; rel=&quot;nofollow&quot; style=&quot;box-sizing: border-box; color: #aed5dd; outline: none;&quot; target=&quot;_blank&quot;&gt;Devhandal.id&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;</description><link>https://www.dukungan-itq.my.id/2024/03/developer-handal-codepolitan-alibabacloud.html</link><author>noreply@blogger.com (Dukungan ITQ)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP9G88akzsBgrtXRV3p-nVjdpMDQ96n7jFHdpPBTTttsdB_scpQIt0WOkP8fYw192br6tMDZ3LsUzyvBv1kAk-cvbdlSIK6FLRnhdJJTPdqVnGnCJw_EqN5wQlefafx1b30cxjuzVYpCE3A4MmX9gwSFCJiKBqsyWRkF-9R3ZH174_aritrKjcwhn87StS/s72-w400-h400-c/3426526.jpg" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2555960581259484405.post-2155184604637021070</guid><pubDate>Sun, 19 Jun 2022 19:06:00 +0000</pubDate><atom:updated>2022-06-20T02:06:10.276+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">database</category><category domain="http://www.blogger.com/atom/ns#">Mysql</category><category domain="http://www.blogger.com/atom/ns#">php</category><title>Mengatasi &quot;PHP Warning:  mysql_query(): Access denied for user &#39;&#39;@&#39;localhost&#39; (using password: NO)&quot;</title><description>&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNsWDNMrAELFZjv1vKvI2p9B7gFFZNXt9qLRWrgf9cDpIB3eN7L4eGC0zVcIIRbLgXtxKLfdyaV8T3_fVjh_BxJiPTgEpaqx9CPDMuncnh57PhqIcgVW_T2G5ndtKoyeaXKa41gz2KOVPqnmnvRBqFI9MZRmw4tK0Z9xJCB1W00_tdRY4q7HHLe-C2dg/s449/PHP-Warning-Password-NO.PNG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img alt=&quot;PHP Warning Access Denied for user&quot; border=&quot;0&quot; data-original-height=&quot;241&quot; data-original-width=&quot;449&quot; height=&quot;215&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNsWDNMrAELFZjv1vKvI2p9B7gFFZNXt9qLRWrgf9cDpIB3eN7L4eGC0zVcIIRbLgXtxKLfdyaV8T3_fVjh_BxJiPTgEpaqx9CPDMuncnh57PhqIcgVW_T2G5ndtKoyeaXKa41gz2KOVPqnmnvRBqFI9MZRmw4tK0Z9xJCB1W00_tdRY4q7HHLe-C2dg/w400-h215/PHP-Warning-Password-NO.PNG&quot; title=&quot;PHP Warning Access Denied for user&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;PHP Warning Access Denied for user - Dukungan ITQ&lt;br /&gt;&lt;br /&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;Penyebab Masalah&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Dari error yang didapatkan seperti yang tertulis pada judul artikel ini, penyebab utama mengalami error tersebut adalah karena akses masuk ke database Mysql tidak menggunakan user&amp;nbsp; yang seharusnya atau user yang sudah didaftarkan dan diperbolehkan untuk mengakses database Mysql.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Secara umum ketika kita tidak menggunakan akses user database yang sebenarnya akan mendapatkan notifikasi error nya lebih detail sebagai – berikut :&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB63RtR396C0nEOGLM_U4HXz0a5VSvVAdqAiIzr8-LlNvuXDIHAlJ3MNWUqOEoU5ZRHy8FnREinwMK1TsfxPRm4kkNwSWzWaA2dw19UmDhelfK_FyTxkFw89mmMEbQ3gBFG9-3RwB2UIKutypUvvaOUcl9fIIYKPRLX8dbaZW1TomX7gEPQqwHkwe3kg/s1012/Error_password_no.PNG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;span style=&quot;color: black;&quot;&gt;&lt;img alt=&quot;Access Denied for User&quot; border=&quot;0&quot; data-original-height=&quot;138&quot; data-original-width=&quot;1012&quot; height=&quot;87&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB63RtR396C0nEOGLM_U4HXz0a5VSvVAdqAiIzr8-LlNvuXDIHAlJ3MNWUqOEoU5ZRHy8FnREinwMK1TsfxPRm4kkNwSWzWaA2dw19UmDhelfK_FyTxkFw89mmMEbQ3gBFG9-3RwB2UIKutypUvvaOUcl9fIIYKPRLX8dbaZW1TomX7gEPQqwHkwe3kg/w640-h87/Error_password_no.PNG&quot; title=&quot;Access Denied for User&quot; width=&quot;640&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Access Denied for User - Dukungan ITQ&lt;br /&gt;&lt;br /&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Seperti terlihat pada gambar diatas pada bagian disorot &lt;b&gt;admin@localhost&lt;/b&gt; itu merupakan user yang mengakses database Mysql sedangkan pada akses user yang diperbolehkan defaultnya adalah &lt;b&gt;root@localhost&lt;/b&gt; seperti terlihat pada gambar dibawah ini :&lt;/div&gt;&lt;br /&gt;&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiErVkP2OqN6HJy0WYgAFWMmqpzCQVWWpIcTqcjSJV9Eya61Pj9lGdG4jUiO5g3u9L0PeCi17BxiDAUAjOQ9g25YqAVkTQQ2KBBdYZm8o3EMqLqG5LDWuH8GmC8_jT0RKai9JgivXYJI9gjH6cuf5EYMmrxiYkyUOXWv3D6rScN_c-zRdRJjlAA5j5a6g/s431/Error_password_no_root.PNG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;span style=&quot;color: black;&quot;&gt;&lt;img alt=&quot;Phpmyadmin access user&quot; border=&quot;0&quot; data-original-height=&quot;243&quot; data-original-width=&quot;431&quot; height=&quot;225&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiErVkP2OqN6HJy0WYgAFWMmqpzCQVWWpIcTqcjSJV9Eya61Pj9lGdG4jUiO5g3u9L0PeCi17BxiDAUAjOQ9g25YqAVkTQQ2KBBdYZm8o3EMqLqG5LDWuH8GmC8_jT0RKai9JgivXYJI9gjH6cuf5EYMmrxiYkyUOXWv3D6rScN_c-zRdRJjlAA5j5a6g/w400-h225/Error_password_no_root.PNG&quot; title=&quot;Phpmyadmin access user&quot; width=&quot;400&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Phpmyadmin access user - Dukungan ITQ&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Biasanya kendala atau masalah Access denied for user &#39;&#39;@&#39;localhost&#39; (using password: NO) ini terjadi ketika sehabis melakukan migrasi server atau ketika membuat akses user database baru sehingga lupa mengubah settingan koneksi nya pada script atau coding aplikasi.&lt;/div&gt;&lt;br /&gt;&lt;h2 style=&quot;text-align: justify;&quot;&gt;Solusi penyelesaian&lt;/h2&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Karena masalah ini berkaitan dengan hak akses user database maka tentu solusi tepat penyelesaiannya adalah dengan memastikan kembali user akses yang diperbolehkan atau disetting untuk mengakses database tersebut. Adapun cara troubleshooting nya terlebih dahulu pada sisi koneksi bisa dilakukan hal sebagai – berikut :&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;
  
 &lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(255, 255, 255); border-color: gray; border-image: initial; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;// Check connection
if (mysqli_connect_errno()){
	echo &quot;Koneksi database gagal : &quot; . mysqli_connect_error();
}
&lt;/pre&gt;&lt;/div&gt;
 
  
  
  &lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Jika dari script diatas dijalankan lalu masih tetap menampilkan error Access denied for user &#39;&#39;@&#39;localhost&#39; (using password: NO) maka sudah pasti hak akses user ke dalam database Mysql nya bermasalah silahkan ubah atau coba kedefaultnya dulu dengan mencoba mengganti usernya dengan &lt;b&gt;root@localhost&lt;/b&gt; lalu silahkan coba akses kembali.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;h2 style=&quot;text-align: justify;&quot;&gt;Penutup&lt;/h2&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Demikian artikel ini ditulis dan tentunya artikel ini masih jauh dari kata sempurna, Mohon masukkan sarannya dan Silahkan jika anda ingin berkomentar dibawah ini.&lt;/div&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;Referensi dalam artikel ini :&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;a href=&quot;https://php.tutorialink.com/warning-mysql_query-access-denied-for-user-adminlocalhost-using-password-no-closed/&quot;&gt;https://php.tutorialink.com/warning-mysql_query-access-denied-for-user-adminlocalhost-using-password-no-closed/&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;</description><link>https://www.dukungan-itq.my.id/2022/06/php-warning-access-denied-for-user.html</link><author>noreply@blogger.com (Dukungan ITQ)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNsWDNMrAELFZjv1vKvI2p9B7gFFZNXt9qLRWrgf9cDpIB3eN7L4eGC0zVcIIRbLgXtxKLfdyaV8T3_fVjh_BxJiPTgEpaqx9CPDMuncnh57PhqIcgVW_T2G5ndtKoyeaXKa41gz2KOVPqnmnvRBqFI9MZRmw4tK0Z9xJCB1W00_tdRY4q7HHLe-C2dg/s72-w400-h215-c/PHP-Warning-Password-NO.PNG" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2555960581259484405.post-8275381712221516990</guid><pubDate>Thu, 16 Jun 2022 21:46:00 +0000</pubDate><atom:updated>2022-06-17T04:46:28.984+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">HTML</category><category domain="http://www.blogger.com/atom/ns#">Injection</category><category domain="http://www.blogger.com/atom/ns#">javascript</category><category domain="http://www.blogger.com/atom/ns#">Mysql</category><category domain="http://www.blogger.com/atom/ns#">Penetration Test</category><category domain="http://www.blogger.com/atom/ns#">php</category><category domain="http://www.blogger.com/atom/ns#">php56</category><category domain="http://www.blogger.com/atom/ns#">php7</category><category domain="http://www.blogger.com/atom/ns#">php8</category><category domain="http://www.blogger.com/atom/ns#">System</category><category domain="http://www.blogger.com/atom/ns#">XSS</category><title>Menerapkan fungsi htmlspecialchars() untuk mencegah serangan Cross-site Scripting (XSS) dan HTML injection</title><description>&lt;p style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: justify;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguFSHgMkUKErh4NYlR_EC6Wh6Bq4LVYuuilDLvJpajBUplWeTRj8FkfOhZRGIPMNQnUsvF5djQSIhzQB3F9lvq-PRdXwsoR7b8UWIfF2G9xyBOlMoBK1FSzrwI2d8HcNo0XDDJyvi8HRY4Jcm4UlBYS4d2Otlr37_NCNCrWWornn8QKzK4Cgj-pF51CQ/s626/fungsi_htmlspecialchars.PNG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img alt=&quot;Fungsi htmlspecialchars() PHP&quot; border=&quot;0&quot; data-original-height=&quot;253&quot; data-original-width=&quot;626&quot; height=&quot;258&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguFSHgMkUKErh4NYlR_EC6Wh6Bq4LVYuuilDLvJpajBUplWeTRj8FkfOhZRGIPMNQnUsvF5djQSIhzQB3F9lvq-PRdXwsoR7b8UWIfF2G9xyBOlMoBK1FSzrwI2d8HcNo0XDDJyvi8HRY4Jcm4UlBYS4d2Otlr37_NCNCrWWornn8QKzK4Cgj-pF51CQ/w640-h258/fungsi_htmlspecialchars.PNG&quot; title=&quot;Fungsi htmlspecialchars() PHP&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Fungsi htmlspecialchars() - Dukungan ITQ&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;Bagaimana fungsi htmlspecialchars() bekerja ?&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Fungsi htmlspecialchars() biasanya digunakan untuk mengubah (convert) sebuah nilai yang berupa karakter – karekter menjadi entitas , code atau tag dalam bentuk HTML. Tidak semua karakter yang mempunya nilai yang dapat di konversikan kedalam bentuk tag HTML, Berikut dibawah ini adalah contoh karakter yang nilainya dapat di konversikan dalam tag HTML :&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;div&gt;&lt;b&gt;&amp;amp;&lt;/b&gt; (ampersand) menjadi &lt;b&gt;&amp;amp;amp;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;”&lt;/b&gt; (double quote) menjadi &amp;amp;quot;&lt;/div&gt;&lt;div&gt;&lt;b&gt;‘&lt;/b&gt; (single quote) menjadi &lt;b&gt;‘&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&amp;lt;&lt;/b&gt; (less than) menjadi &lt;b&gt;&amp;amp;lt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&amp;gt;&lt;/b&gt; (greater than) menjadi &lt;b&gt;&amp;amp;gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Contoh kegunaan&amp;nbsp; fungsi htmlspecialchars() dalam kode berikut dibawah ini :&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;
  
&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(255, 255, 255); border-color: gray; border-image: initial; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #557799;&quot;&gt;&amp;lt;?php&lt;/span&gt;
	&lt;span style=&quot;color: #996633;&quot;&gt;$nilai&lt;/span&gt; &lt;span style=&quot;color: #333333;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;AKU&amp;amp;KAU&quot;&lt;/span&gt;;
	&lt;span style=&quot;color: #996633;&quot;&gt;$nilai_baru&lt;/span&gt; &lt;span style=&quot;color: #333333;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #007020;&quot;&gt;htmlspecialchars&lt;/span&gt;(&lt;span style=&quot;color: #996633;&quot;&gt;$nilai&lt;/span&gt;);
	&lt;span style=&quot;color: #888888;&quot;&gt;// Maka output hasil yang ditampilkan akan menjadi seperti ini : AKU&amp;amp;amp;KAU&lt;/span&gt;
&lt;span style=&quot;color: #557799;&quot;&gt;?&amp;gt;&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;


  
&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;Nilai &lt;b&gt;&amp;amp;&lt;/b&gt; pada string &lt;b&gt;AKU&amp;amp;KAU&lt;/b&gt; setelah melewati fungsi htmlspecialchars() menjadi &lt;b&gt;AKU&amp;amp;amp;KAU&lt;/b&gt; , Nilai &lt;b&gt;&amp;amp;&lt;/b&gt; ter konversi menjadi &lt;b&gt;&amp;amp;amp;&amp;nbsp;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;Apa itu serangan XSS dan HTML Injection ?&lt;/h2&gt;&lt;div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;XSS (Cross-site Scripting) adalah sebuah serangan yang dilakukan dengan cara ‘menyisipkan’ sebuah kode atau script (umumnya adalah javascript) kedalam sebuah situs web atau aplikasi melalui sebuah form. Form yang dimaksud bisa jadi form register , kontak , dan informasi lainnya yang ditampikan dalam sebuah form.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Jika sebelumnya XSS melakukan serangan dengan javascript maka HTML Injection juga memiliki pola serangan yang sama hanya saja lebih spesifik menggunakan kode atau tag HTML yang di sisipkan kedalam form.&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;Apa yang terjadi jika terkena serangan XSS dan HTML Injection ?&lt;/h2&gt;&lt;div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Biasanya jika serangan XSS dan HTML Injection berhasil dilakukan maka bisa menyebabkan aplikasi nya berjalan tidak normal , berat saat diakses ataupun jadi menampilkan pesan error. Karena secara tidak langsung jika script injection tersebut berhasil masuk kedalam sistem saat aplikasi dijalankan tentu akan mengakibatkan kesalahan dalam pembacaan kode program terlebih yang di inject scriptnya bersifat looping (putaran) terus menerus yang tidak berhenti sehingga dapat dipastikan aplikasi kita akanberat diakses dan bisa menjadi error.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Mengamankan aplikasi dari serangan XSS maupun HTML Injection ini sangat perlu dilakukan dan sangat penting terutama pada bagian form yang setiap saat dapat di isi oleh siapapun pengguna nya. Salah satu cara penanganannya adalah dengan memvalidasi atau proteksi hasil input form yang dilakukan user.&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;Fungsi htmlspecialchars() dapat mencegah serangan XSS dan HTML Injection&lt;/h2&gt;&lt;div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Metode validasi atau proteksi pada hasil input form untuk mengamankan sistem dari serangan XSS dan HTML Injection salah satunya adalah dengan menerapkan fungsi htmlspecialchars(). Karena fungsi dari htmlspecialchars() tersebut akan mengubah karakter – karekter dari hasil input form tersebut yang diketahui tidak sesuai penggunaannya menjadi sebuah entitas kode yang baru sebelum diteruskan kedalam sistem contoh seperti yang dituliskan pada bagian awal artikel misalnya :&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Yang di input oleh user pada form adalah : &lt;b&gt;AKU&amp;lt;script&amp;gt;KAMU&lt;/b&gt; , maka isi yang akan diteruskan ke server setelah melalui fungsi htmlspecialchars() akan menjadi : &lt;b&gt;AKU&amp;amp;lt;script&amp;amp;gt;KAMU.&lt;/b&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Sehingga tidak menggangu jalannya aplikasi ketika data hasil input form tersebut ditampikan kembali.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Jika dalam kondisi tertentu kamu tidak ingin menyimpannya kedalam sistem , dan ingin menampilkan hasil inputnya tersebut kedalam bentuk semula lagi setelahmelalui fungsi htmlspecialchars() , maka tinggal menggunakan fungsi decode nya atau lengkapnya &lt;b&gt;htmlspecialchars_decode()&lt;/b&gt; untuk mengembalikannya ke nilai default (awal) kembali.&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;h2&gt;Penutup&lt;/h2&gt;&lt;div&gt;Demikian artikel ini ditulis dan tentunya artikel ini masih jauh dari kata sempurna, Mohon masukkan sarannya dan Silahkan jika anda ingin berkomentar dibawah ini.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;</description><link>https://www.dukungan-itq.my.id/2022/06/menerapkan-fungsi-htmlspecialchars.html</link><author>noreply@blogger.com (Dukungan ITQ)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguFSHgMkUKErh4NYlR_EC6Wh6Bq4LVYuuilDLvJpajBUplWeTRj8FkfOhZRGIPMNQnUsvF5djQSIhzQB3F9lvq-PRdXwsoR7b8UWIfF2G9xyBOlMoBK1FSzrwI2d8HcNo0XDDJyvi8HRY4Jcm4UlBYS4d2Otlr37_NCNCrWWornn8QKzK4Cgj-pF51CQ/s72-w640-h258-c/fungsi_htmlspecialchars.PNG" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2555960581259484405.post-1205235245206641884</guid><pubDate>Thu, 16 Jun 2022 19:50:00 +0000</pubDate><atom:updated>2022-06-17T02:50:56.712+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">informasi-server</category><category domain="http://www.blogger.com/atom/ns#">php</category><category domain="http://www.blogger.com/atom/ns#">php56</category><category domain="http://www.blogger.com/atom/ns#">php7</category><category domain="http://www.blogger.com/atom/ns#">server</category><category domain="http://www.blogger.com/atom/ns#">web-developer</category><title>Fungsi $_SERVER dalam bahasa pemgrograman PHP</title><description>&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr2k2CGExd1P1GHiGRMuZ2xVLyXckksYv_Cc_7u8ya1IWVMyNrYqMhU4EbPZpzlwMy8kJv-Kgm9QOCmucYzpGybfKfevV-y2EXAH2n48hjfRCzonpBpvxFVF0ZqFGGSiEzhh1mNpeBUhqWjnk19NpBnUdqoqkZ0huOqg5Inr6np5n8yU9C5UTk7Q5c6A/s649/fungsi_$_server_PHP.png&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img alt=&quot;fungsi $_SERVER PHP&quot; border=&quot;0&quot; data-original-height=&quot;301&quot; data-original-width=&quot;649&quot; height=&quot;296&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr2k2CGExd1P1GHiGRMuZ2xVLyXckksYv_Cc_7u8ya1IWVMyNrYqMhU4EbPZpzlwMy8kJv-Kgm9QOCmucYzpGybfKfevV-y2EXAH2n48hjfRCzonpBpvxFVF0ZqFGGSiEzhh1mNpeBUhqWjnk19NpBnUdqoqkZ0huOqg5Inr6np5n8yU9C5UTk7Q5c6A/w640-h296/fungsi_$_server_PHP.png&quot; title=&quot;fungsi $_SERVER PHP&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Fungsi $_SERVER - Dukungan ITQ&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;Informasi tentang server apakah diperlukan ?&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Dalam dunia pemrograman tentu akan banyak fungsi yang dibuat oleh seorang programmer atau developer untuk memudahkan dalam penanganan sebuah program atau aplikasi yang dikembangkan. Berkaitan dengan itu sebenarnya ada sebuah fungsi yang sudah tersedia dalam bahasa pemrograman PHP&amp;nbsp; yang dapat mengecek informasi tentang server.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Mengetahui informasi tentang server itu sangat penting seperti contoh lokasi direktori atau path yang digunakan saat ini. Informasi tersebut akan sangat berguna nantinya jika kita perlu melakukan pengecekan ketersedian sebuah file dalam sebuah folder atau direktori tertentu.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;/div&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;Fungsi $_SERVER apa saja yang dapat digunakan ?&lt;/h2&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Dalam bahasa pemrograman PHP untuk mengecek detail dari isi fungsi $_SERVER ini dapat menggunakan baris perintah berikut dibawah ini :&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;

&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(255, 255, 255); border-color: gray; border-image: initial; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt; &lt;span style=&quot;color: #557799;&quot;&gt;&amp;lt;?php&lt;/span&gt;
	&lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;echo&lt;/span&gt; &lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;&amp;lt;pre&amp;gt;&#39;&lt;/span&gt;;
	&lt;span style=&quot;color: #007020;&quot;&gt;print_r&lt;/span&gt;(&lt;span style=&quot;color: #996633;&quot;&gt;$_SERVER&lt;/span&gt;);
	&lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;echo&lt;/span&gt; &lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;&amp;lt;/pre&amp;gt;&#39;&lt;/span&gt;;
 &lt;span style=&quot;color: #557799;&quot;&gt;?&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: Times New Roman;&quot;&gt;&lt;span style=&quot;white-space: normal;&quot;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;


&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Dari kode atau perintah tersebut diatas maka akan menampilkan hasil kurang lebih seperti terlihat dalam gambar berikut dibawah ini :&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibvCEqZuodEDsrgJmTXByrt94R6oUUBYNfefjLOhx35-ZApW6dP5fz5SqATF-Jh99EXulZCyFtTe-Ea-QqRVjEa281j4MO4lF4kLzj5EdjDFUiEHo6F9fINcPFI4nZH8rewUuoG0sgu5pKsrOgwvRHmoxCvlMxJ_Xb9bbOm8gPgtY65Z5Y9a69HSBDrw/s602/fungsi_$_server_PHP_hasil_1.png&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img alt=&quot;Hasil code fungsi $_SERVER&quot; border=&quot;0&quot; data-original-height=&quot;459&quot; data-original-width=&quot;602&quot; height=&quot;488&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibvCEqZuodEDsrgJmTXByrt94R6oUUBYNfefjLOhx35-ZApW6dP5fz5SqATF-Jh99EXulZCyFtTe-Ea-QqRVjEa281j4MO4lF4kLzj5EdjDFUiEHo6F9fINcPFI4nZH8rewUuoG0sgu5pKsrOgwvRHmoxCvlMxJ_Xb9bbOm8gPgtY65Z5Y9a69HSBDrw/w640-h488/fungsi_$_server_PHP_hasil_1.png&quot; title=&quot;Hasil code fungsi $_SERVER&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Hasil dari fungsi $_SERVER - Dukungan ITQ&lt;br /&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;Bagaimana menjalankan fungsi $_SERVER untuk informasi yang dibutuhkan saja ?&lt;/h2&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Untuk menjalankan fungsi $_SERVER mengambil informasi yang dibutuhkan saja cukup mudah, Yakni tinggal menambahkan kode $_SERVER ini diikuti dengan “[ nama_informasi] yang akan di ambil.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Contoh jika ingin menampilkan lokasi file script dijalankan bisa dengan cara menuliskan perintah kode seperti berikut dibawah ini :&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;
  
  &lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(255, 255, 255); border-color: gray; border-image: initial; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #557799;&quot;&gt;&amp;lt;?php&lt;/span&gt;
	&lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;echo&lt;/span&gt; &lt;span style=&quot;color: #996633;&quot;&gt;$_SERVER&lt;/span&gt;[&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;REQUEST_URI&#39;&lt;/span&gt;]; 
	&lt;span style=&quot;color: #888888;&quot;&gt;// atau bisa juga ini&lt;/span&gt;
	&lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;echo&lt;/span&gt; &lt;span style=&quot;color: #996633;&quot;&gt;$_SERVER&lt;/span&gt;[&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;REQUEST_URI&#39;&lt;/span&gt;];
&lt;span style=&quot;color: #557799;&quot;&gt;?&amp;gt;&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

  
  &lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;Jadi&amp;nbsp; &lt;b&gt;[ ]&lt;/b&gt; isi dalam kurung siku merupakan suatu nilai / parameter yang akan di ambil informasinya dari server.&lt;/div&gt;&lt;div&gt;Dari perintah tersebut diatas akan menampilkan hasil seperti terlihat pada gambar berikut ini :&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1vCsHlYLFbrkOYrtLkFbQxtYFPmx0IYzbnvmzQU03Cr4YkELt3E44EaL1CNG3jyLDkUsF8YXLb7F8HxZrMoVAPoChv0GiJlGGJahMvbkXHhRYwPEoIcctolBZ4CPbDBxBmrg_-s4Ohg6C7w_QNC5mpqxuuZInTbr8aRqsPFQn7esaJzAW8w5bfmDl-Q/s181/fungsi_$_server_PHP_hasil_2.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img alt=&quot;Hasil dari code $_SERVER[&#39;REQUEST_URI&#39;]&quot; border=&quot;0&quot; data-original-height=&quot;53&quot; data-original-width=&quot;181&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1vCsHlYLFbrkOYrtLkFbQxtYFPmx0IYzbnvmzQU03Cr4YkELt3E44EaL1CNG3jyLDkUsF8YXLb7F8HxZrMoVAPoChv0GiJlGGJahMvbkXHhRYwPEoIcctolBZ4CPbDBxBmrg_-s4Ohg6C7w_QNC5mpqxuuZInTbr8aRqsPFQn7esaJzAW8w5bfmDl-Q/s16000/fungsi_$_server_PHP_hasil_2.png&quot; title=&quot;Hasil dari code $_SERVER[&#39;REQUEST_URI&#39;]&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Hasil dari code $_SERVER[&#39;REQUEST_URI&#39;] - Dukungan ITQ&lt;br /&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;Penutup&lt;/h2&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Demikian artikel ini ditulis dan tentunya artikel ini masih jauh dari kata sempurna, Mohon masukkan sarannya dan Silahkan jika anda ingin berkomentar dibawah ini.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;/div&gt;</description><link>https://www.dukungan-itq.my.id/2022/06/fungsi-untuk-mengecek-seluruh-informasi-server-php.html</link><author>noreply@blogger.com (Dukungan ITQ)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr2k2CGExd1P1GHiGRMuZ2xVLyXckksYv_Cc_7u8ya1IWVMyNrYqMhU4EbPZpzlwMy8kJv-Kgm9QOCmucYzpGybfKfevV-y2EXAH2n48hjfRCzonpBpvxFVF0ZqFGGSiEzhh1mNpeBUhqWjnk19NpBnUdqoqkZ0huOqg5Inr6np5n8yU9C5UTk7Q5c6A/s72-w640-h296-c/fungsi_$_server_PHP.png" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2555960581259484405.post-8981587025188888708</guid><pubDate>Sun, 12 Jun 2022 05:00:00 +0000</pubDate><atom:updated>2022-06-12T12:00:00.182+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Email</category><category domain="http://www.blogger.com/atom/ns#">Integration</category><category domain="http://www.blogger.com/atom/ns#">sistem-operasi</category><category domain="http://www.blogger.com/atom/ns#">web-developer</category><title>Cara Mengatasi SMTP Error ( 220-We do not authorize the use of this system to transport unsolicited, 220 and/or bulk e-mail.)</title><description>&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifgmbpv5g6PUktlkcex4ImTSDeuhgWJXtOo7PfKmwPDWTJVKBeUcgDjk3Dz3MFX11aMfvZeFecOeoK-Exss4l1kKiRRfY-0cEa3fTmZmUYgrNuyxOTtOrVrnegB_yuS3gFkINq5W_jjI239uIpI5A3spbl7nuMQ8GxqcobU4x5Cj9y7E5dl7nakWzSJw/s1371/SMTP_Error_Dukungan-ITQ.png&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img alt=&quot;SMTP Error - Dukungan ITQ&quot; border=&quot;0&quot; data-original-height=&quot;581&quot; data-original-width=&quot;1371&quot; height=&quot;170&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifgmbpv5g6PUktlkcex4ImTSDeuhgWJXtOo7PfKmwPDWTJVKBeUcgDjk3Dz3MFX11aMfvZeFecOeoK-Exss4l1kKiRRfY-0cEa3fTmZmUYgrNuyxOTtOrVrnegB_yuS3gFkINq5W_jjI239uIpI5A3spbl7nuMQ8GxqcobU4x5Cj9y7E5dl7nakWzSJw/w400-h170/SMTP_Error_Dukungan-ITQ.png&quot; title=&quot;SMTP Error - Dukungan ITQ&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;SMTP Error - Dukungan ITQ&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;Solusi dan Penyelesaiannya&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Artikel ini ditulis sebagai upaya pengingat atau catatan penulis terhadap penyelesian kasus SMTP error ini , Sehingga dikemudian hari jika terjadi kendala atau kasus yang sama bisa digunakan sebagai referensi juga sebagai tutorial untuk penyelesaian dari kasus ini.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;SMTP Error 220-We do not authorize the use of this system to transport unsolicited, 220 and/or bulk e-mail ini biasanya terjadi karena masalah dengan shared hosting / server service provider nya melakukan blokir ke semua server email dari mengakses port 465 dan 25 yang port tersebut sebagian besar digunakan untuk konfigurasi SMTP keluar (outgoing).&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Contoh Skrip atau Coding dibawah ini menggunakan framework codeigniter (PHP) :&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;


&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(255, 255, 255); border-color: gray; border-image: initial; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;        $config[&#39;protocol&#39;] = &quot;smtp&quot;;
        $config[&#39;smtp_host&#39;] = &quot;mail.domain.com&quot;;
        $config[&#39;smtp_port&#39;] = &quot;25&quot;;
        $config[&#39;smtp_user&#39;] = &quot;noreply@somedomain.com&quot;; 
        $config[&#39;smtp_pass&#39;] = &quot;password&quot;;
        $config[&#39;charset&#39;] = &quot;utf-8&quot;;
        $config[&#39;mailtype&#39;] = &quot;html&quot;;
        $config[&#39;newline&#39;] = &quot;\r\n&quot;;
        $config[&#39;wordwrap&#39;] = TRUE;
        $this-&amp;gt;load-&amp;gt;library(&#39;email&#39;);
        $this-&amp;gt;email-&amp;gt;initialize($config);

        $this-&amp;gt;email-&amp;gt;set_mailtype(&#39;html&#39;);
        $this-&amp;gt;email-&amp;gt;from(&#39;noreply@somedomain.com&#39;, &#39;www.somedomain.com&#39;);
        $this-&amp;gt;email-&amp;gt;to(&#39;someEmail&#39;);
        $this-&amp;gt;email-&amp;gt;subject(&#39;Email Authentication&#39;);
        $message = &#39;Hi&#39;;
        $this-&amp;gt;email-&amp;gt;message($message);
        $this-&amp;gt;email-&amp;gt;send();
&lt;/pre&gt;&lt;/div&gt;


&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Dari contoh konfigurasi diatas masih menampilkan pesan error yang sebelumnya. Untuk solusi dan penyelesaiannya adalah dengan cara merubah beberapa bagian konfigurasi PHP mail ini sebagai berikut :&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;

&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(255, 255, 255); border-color: gray; border-image: initial; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt; $config[&#39;protocol&#39;] = &quot;mail&quot;;
 $config[&#39;smtp_port&#39;] = 587;
&lt;/pre&gt;&lt;/div&gt;


&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;div&gt;Yang diubah isi dari $config[‘protokol’]&amp;nbsp; adalah sebelumnya smtp menjadi mail dan $config[‘smtp_port] adalah sebelumnya &lt;b&gt;25 &lt;/b&gt;atau &lt;b&gt;465&lt;/b&gt;&amp;nbsp;menjadi &lt;b&gt;587&lt;/b&gt;.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Skrip dan Coding lengkap untuk penyelesaiannya adalah berikut dibawah ini :&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;
  
&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(255, 255, 255); border-color: gray; border-image: initial; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;        $config[&#39;protocol&#39;] = &quot;mail&quot;;
        $config[&#39;smtp_host&#39;] = &quot;mail.domain.com&quot;;
        $config[&#39;smtp_port&#39;] = &quot;587&quot;;
        $config[&#39;smtp_user&#39;] = &quot;noreply@somedomain.com&quot;; 
        $config[&#39;smtp_pass&#39;] = &quot;password&quot;;
        $config[&#39;charset&#39;] = &quot;utf-8&quot;;
        $config[&#39;mailtype&#39;] = &quot;html&quot;;
        $config[&#39;newline&#39;] = &quot;\r\n&quot;;
        $config[&#39;wordwrap&#39;] = TRUE;
        $this-&amp;gt;load-&amp;gt;library(&#39;email&#39;);
        $this-&amp;gt;email-&amp;gt;initialize($config);

        $this-&amp;gt;email-&amp;gt;set_mailtype(&#39;html&#39;);
        $this-&amp;gt;email-&amp;gt;from(&#39;noreply@somedomain.com&#39;, &#39;www.somedomain.com&#39;);
        $this-&amp;gt;email-&amp;gt;to(&#39;someEmail&#39;);
        $this-&amp;gt;email-&amp;gt;subject(&#39;Email Authentication&#39;);
        $message = &#39;Hi&#39;;
        $this-&amp;gt;email-&amp;gt;message($message);
        $this-&amp;gt;email-&amp;gt;send();
&lt;/pre&gt;&lt;/div&gt;
  
  
  
&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;h2&gt;Penutup&lt;/h2&gt;&lt;div&gt;Demikian artikel ini ditulis dan tentunya artikel ini masih jauh dari kata sempurna, Mohon masukkan sarannya dan Silahkan jika anda ingin berkomentar dibawah ini.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;/div&gt;</description><link>https://www.dukungan-itq.my.id/2022/06/cara-mengatasi-smtp-error-220.html</link><author>noreply@blogger.com (Dukungan ITQ)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifgmbpv5g6PUktlkcex4ImTSDeuhgWJXtOo7PfKmwPDWTJVKBeUcgDjk3Dz3MFX11aMfvZeFecOeoK-Exss4l1kKiRRfY-0cEa3fTmZmUYgrNuyxOTtOrVrnegB_yuS3gFkINq5W_jjI239uIpI5A3spbl7nuMQ8GxqcobU4x5Cj9y7E5dl7nakWzSJw/s72-w400-h170-c/SMTP_Error_Dukungan-ITQ.png" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2555960581259484405.post-3432583525895573007</guid><pubDate>Sun, 12 Jun 2022 00:00:00 +0000</pubDate><atom:updated>2022-06-12T07:00:00.168+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Front-End</category><category domain="http://www.blogger.com/atom/ns#">HTML</category><category domain="http://www.blogger.com/atom/ns#">javascript</category><category domain="http://www.blogger.com/atom/ns#">JQUERY</category><category domain="http://www.blogger.com/atom/ns#">web-developer</category><title>Copy Link Simple Otomatis Menggunakan Jquery</title><description>&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVQj5UkPK4ZS7SZ9cD1MRbLtmSkreI-Il98OO_sFokc1feoFIH7jXx-SiupMX3Aj0-kQb4N9iWyBgniz-s-TtN-zERyEqDIPQXSeQoAl7Eq5b5Tq8S8fE1MD7QorP5_Y24ydp9MvWjE-GhwEJFuWJlgx9dewv46sgN7H3sSi5KO1nxhb2FXykohVLG5g/s919/Copy_link_simple_dukungan-itq.PNG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img alt=&quot;Copy Link Simple Otomatis - Dukungan ITQ&quot; border=&quot;0&quot; data-original-height=&quot;347&quot; data-original-width=&quot;919&quot; height=&quot;242&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVQj5UkPK4ZS7SZ9cD1MRbLtmSkreI-Il98OO_sFokc1feoFIH7jXx-SiupMX3Aj0-kQb4N9iWyBgniz-s-TtN-zERyEqDIPQXSeQoAl7Eq5b5Tq8S8fE1MD7QorP5_Y24ydp9MvWjE-GhwEJFuWJlgx9dewv46sgN7H3sSi5KO1nxhb2FXykohVLG5g/w640-h242/Copy_link_simple_dukungan-itq.PNG&quot; title=&quot;Copy Link Simple Otomatis - Dukungan ITQ&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Copy Link Simple Otomatis - Dukungan ITQ&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;p&gt;&lt;/p&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;Pendahuluan&lt;/h2&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Seperti yang telah tertulis dalam judul artikel ini , Sebenarnya artikel ini dibuat khususnya sebagai catatan penulis saja agar tidak lupa pernah membuat copy link simple otomatis ini menggunakan jquery dan umumnya juga untuk share kepada temen – temen developer yang sekiranya mempunyai kendala yang sama disaat ingin membuat fitur copy link yang simple dan otomatis menggunakan Jquery.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;h2 style=&quot;text-align: justify;&quot;&gt;Contoh Kasus&lt;/h2&gt;&lt;div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Misalnya kita punya sebuah link dimana dalam atribut href pada sintak link HTML &lt;b&gt;&amp;lt;a href&amp;gt; &amp;lt;/a&amp;gt;&lt;/b&gt; berfungsi sebagai tautan dimana akan mendirect dari suatu halaman ke halaman lainnya sesuai dengan target URL yang telah ditentukan.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Kasusnya adalah jika yang kita inginkan ketika user/pengguna melakukan aksi klik tombol link yang telah kita sediakan itu tidak langsung mendirect ke halaman target link nya, akan tetapi klik tersebut mempunyai fungsi sebagai copy link saja sehingga target URL nya akan menjadi text copy yang sudah otomatis ketika di paste akan muncul URL lengkapnya dari target yang sudah ditentukan tersebut.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Tujuannya adalah agar user lebih mudah melakukan share link ke media lain jika dibutuhkan. Dibandingkan jika secara manual melakukan copy link yang sudah diredirect ke halaman target tentu prosesnya akan menjadi lebih lama.&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;h2 style=&quot;text-align: justify;&quot;&gt;Solusi dan Penyelesaiannya&lt;/h2&gt;&lt;div&gt;&lt;div&gt;Untuk solusi dan penyelesaiannya cukup mudah , penulis sudah siapkan dalam coding yang siap pakai dan dikembangkan sesuai dengan kebutuhan masing – masing.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Berikut adalah coding atau syntax lengkapnya :&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;

&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(255, 255, 255); border-color: gray; border-image: initial; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #557799;&quot;&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;
&lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;html&amp;gt;&lt;/span&gt;
&lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;head&amp;gt;&lt;/span&gt;
  &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;title&amp;gt;&lt;/span&gt;Copy Link Button Simple&lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;

  &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;script &lt;/span&gt;&lt;span style=&quot;color: #0000cc;&quot;&gt;src=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;integrity=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;crossorigin=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;anonymous&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;referrerpolicy=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;no-referrer&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;

&lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;
&lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;body&amp;gt;&lt;/span&gt;

         &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;icon-box scale-up-top showpdd&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&lt;/span&gt;
            &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;a&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;mx-2 copy_text&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;href=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;https://isi-link-urlmu-disini&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;data-toggle=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;tooltip&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&lt;/span&gt;
                Copy Link Simple
            &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/a&amp;gt;&lt;/span&gt;
         &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;


  &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;script &lt;/span&gt;&lt;span style=&quot;color: #0000cc;&quot;&gt;type=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;text/javascript&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&lt;/span&gt;
    &lt;span style=&quot;color: #888888;&quot;&gt;//Untuk copy text/Link&lt;/span&gt;
    $(&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;.copy_text&#39;&lt;/span&gt;).click(&lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;function&lt;/span&gt; (e) {
           e.preventDefault();
           &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;var&lt;/span&gt; copyText &lt;span style=&quot;color: #333333;&quot;&gt;=&lt;/span&gt; $(&lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;this&lt;/span&gt;).attr(&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;href&#39;&lt;/span&gt;);

           &lt;span style=&quot;color: #007020;&quot;&gt;document&lt;/span&gt;.addEventListener(&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;copy&#39;&lt;/span&gt;, &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;function&lt;/span&gt;(e) {
              e.clipboardData.setData(&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;text/plain&#39;&lt;/span&gt;, copyText);
              e.preventDefault();
           }, &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;true&lt;/span&gt;);

           &lt;span style=&quot;color: #007020;&quot;&gt;document&lt;/span&gt;.execCommand(&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;copy&#39;&lt;/span&gt;);  
           console.log(&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;copied text : &#39;&lt;/span&gt;, copyText);
           alert(&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;Isi Pesan Alert untuk informasi bahwa link berhasil di copy&#39;&lt;/span&gt;);
         });
    &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;
    
&lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;
&lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;



                      
&lt;/pre&gt;&lt;/div&gt;


&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Seperti terlihat dalam coding tersebut beberapa perlu diperhatikan :&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;1. Jangan lupa menyematkan link untuk akses ke library jquery berikut sintaks nya :&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;

&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(255, 255, 255); border-color: gray; border-image: initial; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #333333;&quot;&gt;&amp;lt;&lt;/span&gt;script src&lt;span style=&quot;color: #333333;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js&quot;&lt;/span&gt; integrity&lt;span style=&quot;color: #333333;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==&quot;&lt;/span&gt; crossorigin&lt;span style=&quot;color: #333333;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;anonymous&quot;&lt;/span&gt; referrerpolicy&lt;span style=&quot;color: #333333;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;no-referrer&quot;&lt;/span&gt;&lt;span style=&quot;color: #333333;&quot;&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;background-color: #ffaaaa; color: red;&quot;&gt;/script&amp;gt;&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;


&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;2. Pastikan dalam class pada tag &amp;lt;a href&amp;gt;&amp;lt;/a&amp;gt; itu terdapat class &lt;b&gt;copy_text&lt;/b&gt; sesuai dengan fungsi yang sudah dibuat sebelumnya.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;3. Pastikan fungsi yang dibuat dalam javascriptnya di taruh dibawah sintaks link yang akan digunakan. Karena berbeda dengan bahasa pemrograman lain, Javascript sepertinya membaca code dari bawah ke atas.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;Penutup&lt;/h2&gt;&lt;div&gt;Demikian artikel ini untuk&amp;nbsp; &quot;&lt;b&gt;Copy Link Simple Otomatis Menggunakan Jquery&lt;/b&gt;&quot;&amp;nbsp; Tentu artikel ini masih jauh dari kata sempurna, Mohon masukkannya dan Silahkan jika anda ingin berkomentar dibawah ini.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;</description><link>https://www.dukungan-itq.my.id/2022/06/copy-link-simple-otomatis-jquery.html</link><author>noreply@blogger.com (Dukungan ITQ)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVQj5UkPK4ZS7SZ9cD1MRbLtmSkreI-Il98OO_sFokc1feoFIH7jXx-SiupMX3Aj0-kQb4N9iWyBgniz-s-TtN-zERyEqDIPQXSeQoAl7Eq5b5Tq8S8fE1MD7QorP5_Y24ydp9MvWjE-GhwEJFuWJlgx9dewv46sgN7H3sSi5KO1nxhb2FXykohVLG5g/s72-w640-h242-c/Copy_link_simple_dukungan-itq.PNG" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2555960581259484405.post-102264177601652115</guid><pubDate>Sat, 11 Jun 2022 18:40:00 +0000</pubDate><atom:updated>2022-06-12T01:42:00.170+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Front-End</category><category domain="http://www.blogger.com/atom/ns#">Operating System</category><category domain="http://www.blogger.com/atom/ns#">php</category><category domain="http://www.blogger.com/atom/ns#">sistem-operasi</category><title>Cara Mengamankan Directory Listing ‘Index Of’ pada Aplikasi</title><description>&lt;p style=&quot;text-align: center;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinXm8Nn5U9C63V0yXVDQtiMihkhdTTq5k7QCrxibYBupSmU81Uc4vJzpnpDT4PkDDJ12b-udxwWzraH7tEJps4eljnfcmsNJf9gJFszqtjgjBw08nVW9bhMDZcZ8_B7P1heBVLxfltmZRKi7fCnZCvopfI5L6K9SG9_GDnwXgA6TR1n9WebL_og0JoXg/s1742/Directory_Listing_Dukungan_ITQ.png&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img alt=&quot;Directory Listing - Dukungan ITQ&quot; border=&quot;0&quot; data-original-height=&quot;1000&quot; data-original-width=&quot;1742&quot; height=&quot;230&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinXm8Nn5U9C63V0yXVDQtiMihkhdTTq5k7QCrxibYBupSmU81Uc4vJzpnpDT4PkDDJ12b-udxwWzraH7tEJps4eljnfcmsNJf9gJFszqtjgjBw08nVW9bhMDZcZ8_B7P1heBVLxfltmZRKi7fCnZCvopfI5L6K9SG9_GDnwXgA6TR1n9WebL_og0JoXg/w400-h230/Directory_Listing_Dukungan_ITQ.png&quot; title=&quot;Directory Listing - Dukungan ITQ&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Directory Listing - Dukungan ITQ&lt;br /&gt;&lt;br /&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;Pendahuluan&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Pada sebuah aplikasi pasti menyimpan sebuah folder yang terdapat file berisi kode-kode yang tersusun sedemikian rupa sehingga aplikasi secara utuh dapat berjalan dengan baik sesuai fungsinya.&lt;/div&gt;&lt;div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Lalu bagaimana jika ada seseorang yang secara sengaja atau tidak sengaja dapat mengakses folder tersebut ? apakah akan mengganggu stabilitas atau fungsi dari aplikasinya ? Bisakah directory listing ini di hide (sembunyikan) untuk mengamankan folder serta file – file hasil coding kita ?&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Jawabannya &lt;b&gt;&lt;u&gt;tentu bisa&lt;/u&gt;&lt;/b&gt; oleh sebab itu artikel ini ditulis dan ada 2 cara yang dapat digunakan sebagai solusi dari permasalahan ini. Simak terus lebih lanjut dibawah ini ya.&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;h2 style=&quot;text-align: justify;&quot;&gt;Masalah yang akan timbul ?&lt;/h2&gt;&lt;div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Secara proses seharusnya tidak akan menggangu fungsi aplikasi akan tetapi jika folder yang berisi kode-kode tersebut terpublish dan secara umum dapat terlihat tentuhal buruknya yang akan terjadi bisa jadi file kode – kode kita akan di download oleh hacker atau oknum yang tidak bertanggung jawab.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Jika itu hanya berisi file untuk kode atau fungsi biasa tentu tidak akan begitu menjadi masalah. Yang akan menjadi masalah adalah ketika file atau kode yang didownload merupakan koneksi atau password akses root dari aplikasi yang kita buat tentu itu akan menjadi masalah besar untuk kita.&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Karena bisa jadi orang yang tidak bertanggung jawab akan memiliki akses langsung pada aplikasi kita dan jika mereka berhasil masuk dan memiliki niat jahat (cracker) tentu bisa jadi aplikasi kita akan disisipkan backdoor dan lain sebagainya sehingga bisa saja aplikasi nya nanti menjadi tidak normal.&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;h2 style=&quot;text-align: justify;&quot;&gt;Solusi dan Penyelesaiannya&lt;/h2&gt;&lt;div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Untuk mengamankan Directory Listing pada aplikasi terdapat 2 cara yang dapat digunakan yaitu:&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;ol style=&quot;text-align: left;&quot;&gt;&lt;li style=&quot;text-align: justify;&quot;&gt;Membuat file&lt;b&gt; index.html &lt;/b&gt;atau &lt;b&gt;index.php&lt;/b&gt; pada setiap directory folder yang ada, tujuannya adalah agar ketika folder tersebut diakses maka halaman utama yang akan di akses adalah file index.html atau index.php tersebut. Pada index tersebut bisa kita isi halaman yang memuat informasi bahwa folder tersebut tidak dapat diakses karena terlarang ataupun bisa di sisipkan gambar bahwa akses pada folder aplikasi tersebut terbatas (hanya bisa diakses oleh user yang terverifikasi/validasi).&lt;/li&gt;&lt;li style=&quot;text-align: justify;&quot;&gt;Yaitu dengan memanfaatkan file&lt;b&gt; .htaccess&lt;/b&gt; , jika menggunakan cara pertama maka otomatis kita akan menuliskan file index disetiap folder yang ada didalam aplikasi kita, Sedangkan pada file .htaccess kita cukup menuliskan nya sekali saja pada root folder aplikasi kita maka otomatis akan diterapkan disemua folder di dalam aplikasi tersebut.&lt;/li&gt;&lt;/ol&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Yang perlu dilakukan dalam memanfaat file .htaccess tersebut agar bisa mengamankan Directory Listing kita yaitu dengan menambahkan satu baris kode berikut dibawah ini pada file .htaccess tersebut.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;b&gt;Options&amp;nbsp; -Indexes&lt;/b&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Perintah diatas otomatis akan menutup semua Directory Listing yang ada pada aplikasi. Berikut adalah contoh tampilan gambar dengan kondisi Directory Listing yang telah tertutup karena ke block oleh file .htaccess&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEtJyB8HccR_P-C-1WN5D_hBwLcZ5fBOeBn7LBrdTCN9G63MhIJ_QJSBVP8xdue9Wq5E2HKoYjWLPveK-WNF3N5u7ooPJmAUBRr1swnXYe-xnPGMXA2IARDe5H8SWaKBiqLa7CELovv8UWZiwqZXXb315bfKGm7YHLDf0C3wuZWSpWjK_ClCmw3ZmKlw/s534/Directory_Listing_blocked_Dukungan_ITQ.PNG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img alt=&quot;Forbiddeb Access - Dukungan ITQ&quot; border=&quot;0&quot; data-original-height=&quot;213&quot; data-original-width=&quot;534&quot; height=&quot;160&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEtJyB8HccR_P-C-1WN5D_hBwLcZ5fBOeBn7LBrdTCN9G63MhIJ_QJSBVP8xdue9Wq5E2HKoYjWLPveK-WNF3N5u7ooPJmAUBRr1swnXYe-xnPGMXA2IARDe5H8SWaKBiqLa7CELovv8UWZiwqZXXb315bfKGm7YHLDf0C3wuZWSpWjK_ClCmw3ZmKlw/w400-h160/Directory_Listing_blocked_Dukungan_ITQ.PNG&quot; title=&quot;Forbiddeb Access - Dukungan ITQ&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Forbiddeb Access - Dukungan ITQ&lt;br /&gt;&lt;br /&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;Lihat juga solusi dan penyelesaian dari kasus ini melalui video youtube di channel kami dibawah ini :&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;iframe allowfullscreen=&quot;&quot; class=&quot;BLOG_video_class&quot; height=&quot;281&quot; src=&quot;https://www.youtube.com/embed/1KM5_nx7LHg&quot; width=&quot;477&quot; youtube-src-id=&quot;1KM5_nx7LHg&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;Penutup&lt;/h2&gt;&lt;div&gt;Demikian artikel ini untuk &lt;b&gt;Cara Mengamankan Directory Listing ‘Index Of’ pada Aplikasi&lt;/b&gt;. Tentu artikel ini masih jauh dari kata sempurna, Mohon masukkannya dan Silahkan jika anda ingin berkomentar dibawah ini.&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;</description><link>https://www.dukungan-itq.my.id/2022/06/cara-mengamankan-directory-listing.html</link><author>noreply@blogger.com (Dukungan ITQ)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinXm8Nn5U9C63V0yXVDQtiMihkhdTTq5k7QCrxibYBupSmU81Uc4vJzpnpDT4PkDDJ12b-udxwWzraH7tEJps4eljnfcmsNJf9gJFszqtjgjBw08nVW9bhMDZcZ8_B7P1heBVLxfltmZRKi7fCnZCvopfI5L6K9SG9_GDnwXgA6TR1n9WebL_og0JoXg/s72-w400-h230-c/Directory_Listing_Dukungan_ITQ.png" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2555960581259484405.post-8452856549377624318</guid><pubDate>Sat, 11 Jun 2022 08:28:00 +0000</pubDate><atom:updated>2022-06-11T15:28:55.460+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Data Format</category><category domain="http://www.blogger.com/atom/ns#">Front-End</category><category domain="http://www.blogger.com/atom/ns#">Integration</category><category domain="http://www.blogger.com/atom/ns#">php</category><category domain="http://www.blogger.com/atom/ns#">web-developer</category><title>Cara mengatasi blocked by CORS Policy : NO &quot;Access-Control-Allow-Origin&quot;</title><description>&lt;p style=&quot;text-align: center;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy-TRDpnBbDxr6DAEI1K-cF-3yu3y_bWVWdWMeq3I_hCc8e19q3hIkgNxB7LCMDc4feImkO81TyLa6oOdfEYonpb0pcv7foCww_ryykdqsmvz_GcRJ3BluZe8C3hGSCcotRkle7qwK0tefMKBxaAdliFGioaHslu9XEGO8fuIMgd5VZDuUrSjAyZwqAQ/s1283/Cors-Policy.png&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img alt=&quot;Mengatasi Error Blocked - Cors Policy&quot; border=&quot;0&quot; data-original-height=&quot;588&quot; data-original-width=&quot;1283&quot; height=&quot;184&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy-TRDpnBbDxr6DAEI1K-cF-3yu3y_bWVWdWMeq3I_hCc8e19q3hIkgNxB7LCMDc4feImkO81TyLa6oOdfEYonpb0pcv7foCww_ryykdqsmvz_GcRJ3BluZe8C3hGSCcotRkle7qwK0tefMKBxaAdliFGioaHslu9XEGO8fuIMgd5VZDuUrSjAyZwqAQ/w400-h184/Cors-Policy.png&quot; title=&quot;Mengatasi Error Blocked - Cors Policy&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Error CORS Policy - Dukungan ITQ&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;p&gt;&lt;/p&gt;&lt;h2 style=&quot;text-align: justify;&quot;&gt;Pendahuluan&lt;/h2&gt;&lt;div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Pertukaran data biasanya dilakukan dari suatu aplikasi ke aplikasi lainnya , Misalnya : Aplikasi Desktop =&amp;gt; Aplikasi Web , Pertukaran data sangat dibutuhkan apabila&amp;nbsp; pada suatu aplikasi tertentu ingin membagikan data namun device user tidak memungkinkan untuk membuka data tersebut , Maka diperlukan aplikasi lain yang dapat di buka oleh device user sehingga data dapat di terima dan di akses dengan baik oleh device user tersebut.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Secara umum untuk format pertukaran data antar aplikasi&amp;nbsp; banyak yang menggunakan format JSON file.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Untuk pembahasan mengenai format JSON file bisa di baca pada artikel dibawah ini :&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=&quot;https://www.dukungan-itq.my.id/2022/06/memahami-struktur-data-format-json.html&quot; target=&quot;_blank&quot;&gt;Memahami Struktur Data Format JSON&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;data format JSON file ini banyak di manfaatkan oleh developer sebagai respon (pengiriman dan pengembalian data) dalam pengembangan REST API.&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;h2 style=&quot;text-align: justify;&quot;&gt;Contoh Kasus&lt;/h2&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Error yang tampil pada gambar diatas didapat dari inspect element =&amp;gt; console pada browser , Keterangan Errornya adalah blocked by CORS Policy : NO &quot;Access-Control-Allow-Origin&quot; , Error ini biasanya terjadi jika server request yang memiliki data (Misalnya data format JSON) ini tidak memberikan akses sehingga default browser akan memblock / blokir otomatis akses data yang kita request ke server tersebut.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqMyC3XcRvcChCACU4kMhw14XZLVj2rFsbEdfAEfRwbZkIoO5Tf_CQbElE50bV2jttb6m5uytFopPkJuEPkCdpvCdlkLpNma3V8T_85BH7UcZeGegU7oywVoN-tvD0gtndbCcaGXKyRKOQ5rVspem9kS6VHDqkbUiWaUs3wcFY7XPduj39IiXKWI_2SQ/s309/Diagram-Cors-Policy.PNG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img alt=&quot;Diagram-Blocked-Cors-Policy&quot; border=&quot;0&quot; data-original-height=&quot;188&quot; data-original-width=&quot;309&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqMyC3XcRvcChCACU4kMhw14XZLVj2rFsbEdfAEfRwbZkIoO5Tf_CQbElE50bV2jttb6m5uytFopPkJuEPkCdpvCdlkLpNma3V8T_85BH7UcZeGegU7oywVoN-tvD0gtndbCcaGXKyRKOQ5rVspem9kS6VHDqkbUiWaUs3wcFY7XPduj39IiXKWI_2SQ/s16000/Diagram-Cors-Policy.PNG&quot; title=&quot;Diagram-Blocked-Cors-Policy&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Diagaram Blocked CORS Policy - Dukungan ITQ&lt;br /&gt;&lt;br /&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;Solusi dan Penyelesaiannya&lt;/h2&gt;&lt;div&gt;Jika pertukaran data tersebut telah diketahui bersama tentu paling mudah caranya mengatasinya adalah dengan meminta akses Cors Policy melalui .htaccess file pada sisi server request , berikut adalah skrip untuk allow Cors Policy melalui &lt;b&gt;.htaccess&lt;/b&gt; file :&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;

&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(255, 255, 255); border-color: gray; border-image: initial; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;IfModule&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;mod_headers&lt;/span&gt;&lt;span style=&quot;background-color: #ffaaaa; color: red;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #0000cc;&quot;&gt;c&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&lt;/span&gt;
  Header set Access-Control-Allow-Origin &quot;*&quot;
&lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/IfModule&amp;gt;&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;


&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Sebenarnya masih ada cara lain untuk mengatasi Cors Policy ini yaitu dengan memanfaatkan fungsi &lt;b&gt;file_get_contents()&lt;/b&gt; pada bahasa pemrograman PHP.&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Contoh pemanfaatkan fungsi tersebut dapat dilihat pada penggunaan skrip PHP dibawah ini :&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;


&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(255, 255, 255); border-color: gray; border-image: initial; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #557799;&quot;&gt;&amp;lt;?php&lt;/span&gt;
	&lt;span style=&quot;color: #996633;&quot;&gt;$data&lt;/span&gt;  &lt;span style=&quot;color: #333333;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #007020;&quot;&gt;file_get_contents&lt;/span&gt;(&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;Di isi URL data JSON anda&#39;&lt;/span&gt;);
	&lt;span style=&quot;color: #996633;&quot;&gt;$menu&lt;/span&gt; &lt;span style=&quot;color: #333333;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #007020;&quot;&gt;json_decode&lt;/span&gt;(&lt;span style=&quot;color: #996633;&quot;&gt;$data&lt;/span&gt;, &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;TRUE&lt;/span&gt;);
	&lt;span style=&quot;color: #996633;&quot;&gt;$menu&lt;/span&gt; &lt;span style=&quot;color: #333333;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #996633;&quot;&gt;$menu&lt;/span&gt;[&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;menu&quot;&lt;/span&gt;];

	&lt;span style=&quot;color: #007020;&quot;&gt;var_dump&lt;/span&gt;(&lt;span style=&quot;color: #996633;&quot;&gt;$menu&lt;/span&gt;);
&lt;span style=&quot;color: #557799;&quot;&gt;?&amp;gt;&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;


&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Lihat juga penyelesaian kasus ini melalui video youtube di channel kami dibawah ini :&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;iframe allowfullscreen=&quot;&quot; class=&quot;BLOG_video_class&quot; height=&quot;266&quot; src=&quot;https://www.youtube.com/embed/mlbE29IqEaI&quot; width=&quot;320&quot; youtube-src-id=&quot;mlbE29IqEaI&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;Penutup&lt;/h2&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Demikian artikel ini untuk &lt;b&gt;Cara mengatasi blocked by CORS Policy : NO “Access-Control-Allow-Origin”&lt;/b&gt;. Tentu artikel ini masih jauh dari kata sempurna, Mohon masukkannya dan Silahkan jika anda ingin berkomentar dibawah ini.&lt;/div&gt;</description><link>https://www.dukungan-itq.my.id/2022/06/cara-mengatasi-blocked-by-cors-policy.html</link><author>noreply@blogger.com (Dukungan ITQ)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy-TRDpnBbDxr6DAEI1K-cF-3yu3y_bWVWdWMeq3I_hCc8e19q3hIkgNxB7LCMDc4feImkO81TyLa6oOdfEYonpb0pcv7foCww_ryykdqsmvz_GcRJ3BluZe8C3hGSCcotRkle7qwK0tefMKBxaAdliFGioaHslu9XEGO8fuIMgd5VZDuUrSjAyZwqAQ/s72-w400-h184-c/Cors-Policy.png" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2555960581259484405.post-1220663063947128067</guid><pubDate>Tue, 07 Jun 2022 23:43:00 +0000</pubDate><atom:updated>2022-06-08T06:45:48.533+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Data Format</category><category domain="http://www.blogger.com/atom/ns#">Front-End</category><category domain="http://www.blogger.com/atom/ns#">Integration</category><category domain="http://www.blogger.com/atom/ns#">php</category><category domain="http://www.blogger.com/atom/ns#">web-developer</category><title>Memahami Struktur Data Format JSON</title><description>&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwgS_b5ckgEotLbaamXIZW0RPR2YxOFZCpE-dBx_rsejEamUgVUDXlV9QEJ8TqJ5zLjEc9bU2mqWMpautR0pA1O5IpHyzhXQP0HohPRR6Lwk_Ljo9Jg4HYYpBr0wQ3edcIVMeBoceaeIuoFxNapG0BvRqdI0CLTXXeEEwaq5URn_HMFgPqYp5zHR2tYQ/s2068/JSON_file_dukungan-ITQ.png&quot; style=&quot;display: block; margin-left: auto; margin-right: auto; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;Json&quot; border=&quot;0&quot; data-original-height=&quot;703&quot; data-original-width=&quot;2068&quot; height=&quot;136&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwgS_b5ckgEotLbaamXIZW0RPR2YxOFZCpE-dBx_rsejEamUgVUDXlV9QEJ8TqJ5zLjEc9bU2mqWMpautR0pA1O5IpHyzhXQP0HohPRR6Lwk_Ljo9Jg4HYYpBr0wQ3edcIVMeBoceaeIuoFxNapG0BvRqdI0CLTXXeEEwaq5URn_HMFgPqYp5zHR2tYQ/w400-h136/JSON_file_dukungan-ITQ.png&quot; title=&quot;Json&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;Dukungan - ITQ (Struktur Data Format JSON)&lt;br /&gt;&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;

&lt;!-- TOC --&gt;
&lt;div class=&quot;toc&quot;&gt;
&lt;input type=&quot;checkbox&quot; role=&quot;button&quot; id=&quot;toctoggle&quot; class=&quot;toctoggle&quot;&gt;&lt;div class=&quot;toctitle&quot;&gt;&lt;h3&gt;Daftar Isi&lt;/h3&gt;&lt;span class=&quot;toctogglespan&quot;&gt;&lt;label class=&quot;toctogglelabel&quot; for=&quot;toctoggle&quot;&gt;&lt;/label&gt;&lt;/span&gt;&lt;/div&gt;
&lt;ul&gt;
  &lt;li&gt;1&lt;a href=&quot;#toc1&quot;&gt;Pendahuluan&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;2&lt;a href=&quot;#toc2&quot;&gt;Struktur JSON&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;3&lt;a href=&quot;#toc3&quot;&gt;Kelebihan JSON&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;4&lt;a href=&quot;#toc4&quot;&gt;Cara Penulisan (Syntax) JSON&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;5&lt;a href=&quot;#toc5&quot;&gt;Type Value JSON&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;6&lt;a href=&quot;#toc6&quot;&gt;Object &amp; Array (Nested) JSON&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;7&lt;a href=&quot;#toc7&quot;&gt;Penutup&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;


&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;h2 id=&quot;toc1&quot; style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;Pendahuluan&lt;/span&gt;&lt;/h2&gt;&lt;div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;JSON merupakan kata singkatan dari &lt;b&gt;&lt;i&gt;Javascript Object Notation&lt;/i&gt;&lt;/b&gt; , Sebuat format file yang umum digunakan dalam dunia developer,&amp;nbsp; Fungsi nya adalah untuk menyimpan sebuah data atau menjadi data perantara (transfer/integrasi) untuk kebutuhan antar aplikasi.&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;JSON tidak sama dengan XML (&lt;i&gt;extensive markup language&lt;/i&gt;), perbedaannya terletak pada struktur didalam format data nya. Jika JSON memiliki struktur yang sederhana (berbentuk array) , sedangkan XML strukturnya hampir mirip seperti HTML (&lt;i&gt;Hyper Text Markup Language&lt;/i&gt;) yang harus memiliki tag awalan &amp;lt;&amp;gt; dan tag penutup &amp;lt;/&amp;gt;.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;h2 id=&quot;toc2&quot; style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;Struktur JSON&lt;/span&gt;&lt;/h2&gt;&lt;div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;JSON pada standart nya memiliki dua struktur dalam penulisan datanya yaitu Key dan Value.&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;Contoh struktur datanya sebagai – berikut :&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;table cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi39m40OZIgGECOqlhHyHZMNS-nkxAmli7UsF0PFZF0g_2i0mCQZ3wmHM7WGgu67zwAPom4LdOQKmQ7tAiaveGAmO0CeuasXLTsps1Vjh1jw6FjJQIHwZrPtfscPSnvxmAjxWbKHyG7bw3rNOifgtadhN00qtfdu3Clh0BF9MMpWshh-D-KR5gm0443yw/s154/struktur_json_dukungan-ITQ.PNG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;img alt=&quot;Struktur JSON&quot; border=&quot;0&quot; data-original-height=&quot;71&quot; data-original-width=&quot;154&quot; height=&quot;147&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi39m40OZIgGECOqlhHyHZMNS-nkxAmli7UsF0PFZF0g_2i0mCQZ3wmHM7WGgu67zwAPom4LdOQKmQ7tAiaveGAmO0CeuasXLTsps1Vjh1jw6FjJQIHwZrPtfscPSnvxmAjxWbKHyG7bw3rNOifgtadhN00qtfdu3Clh0BF9MMpWshh-D-KR5gm0443yw/w320-h147/struktur_json_dukungan-ITQ.PNG&quot; title=&quot;Struktur JSON&quot; width=&quot;320&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;Dukungan - ITQ (Struktur JSON)&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;/span&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;Format JSON saat ini dapat berjalan pada hampir seluruh bahasa pemrograman&amp;nbsp; seperti : PHP , C++ , Python , ASP , Ruby dan sebagai nya. Bahkan didalam type data pada database Mysql atau MariaDb sudah ada support untuk type data JSON seperti terlihat pada gambar dibawah ini :&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;table cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXegqOqE66rKyaTvTaqsSyy70gU1cfqklWDpCQrmtJATY8sDCjlbvwoPrj_Hu4O-5jCYvJQXx_Sv2gxxDa06opAJglJsiFYuKnA5VBSCRmuTyweC97tpLXyLoyGt0ldvx5qP4qkudilSUjWgVrMc60OQlPdy_xMdkpGVbrm2_kr3AHWKH_x3nwV33hQQ/s334/JSON_mysql_dukungan-ITQ.png&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img alt=&quot;JSON in Mysql&quot; border=&quot;0&quot; data-original-height=&quot;202&quot; data-original-width=&quot;334&quot; height=&quot;243&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXegqOqE66rKyaTvTaqsSyy70gU1cfqklWDpCQrmtJATY8sDCjlbvwoPrj_Hu4O-5jCYvJQXx_Sv2gxxDa06opAJglJsiFYuKnA5VBSCRmuTyweC97tpLXyLoyGt0ldvx5qP4qkudilSUjWgVrMc60OQlPdy_xMdkpGVbrm2_kr3AHWKH_x3nwV33hQQ/w400-h243/JSON_mysql_dukungan-ITQ.png&quot; title=&quot;JSON in Mysql&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;Dukungan ITQ (JSON in Mysql)&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;h2 id=&quot;toc3&quot; style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;Kelebihan JSON&lt;/span&gt;&lt;/h2&gt;&lt;div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;Kelebihan format JSON dalam proses integrasi data diantaranya adalah sebagai – berikut :&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;ol style=&quot;text-align: left;&quot;&gt;&lt;li style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;Ukuran&amp;nbsp; File yang lebih ringan karena isi file langsung menuju nilai key&amp;nbsp; dan value nya.&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;Struktur kode yang simple karena tidak perlu menggunakan tag awalan dan penutup.&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;Kode yang dapat mudah dipahami oleh developer atau pengembang.&lt;/span&gt;&lt;/li&gt;&lt;/ol&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;Dari kelebihan diatas maka Proses loading data format JSON akan lebih ringan karena ukuran file yang kecil dan proses pengkodean (coding) akan lebih cepat karena kode mudah di pahami dan struktur kode yang sederhana.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;h2 id=&quot;toc4&quot; style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;Cara Penulisan (Syntax) JSON&lt;/span&gt;&lt;/h2&gt;&lt;div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;Dalam bagian Struktur JSON dalam artikel ini sudah dijelaskan bahwa JSON memiliki 2 struktur yaitu Key dan Value.&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;Pada Syntax JSON pasti selalu diawali dan diakhir dengn tanda { } (kurung kurawal), antara keduanya terdapat tanda : (titik dua/ganda) untuk menjelaskan posisi Key dan isi value nya.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;

&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(255, 255, 255); border-color: gray; border-image: initial; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px; text-align: justify;&quot;&gt;{&lt;span style=&quot;color: #007700;&quot;&gt;&quot;Minuman&quot;&lt;/span&gt;:&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;Air&quot;&lt;/span&gt;}
&lt;/pre&gt;&lt;/div&gt;


&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;Pada contoh diatas maka dapat dijabarkan sebagai – berikut :&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;b&gt;{&amp;nbsp;&lt;/b&gt; &amp;nbsp; &lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp; &amp;nbsp;&lt;/span&gt;=&amp;gt; Sebagai Pembuka&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;b&gt;&amp;nbsp;&quot;Minuman&quot;&lt;span&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/b&gt;=&amp;gt; Key&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;b&gt;:&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/b&gt;=&amp;gt; Sebagai pembatas antara nilai Key dan value&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;b&gt;&quot;Air&quot;&lt;/b&gt; &lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp; &amp;nbsp; &lt;/span&gt;=&amp;gt; Nilai/Value dari Key&amp;nbsp; “Minuman”&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;b&gt;}&lt;/b&gt; &lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;=&amp;gt; Sebagai Penutup&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;Lalu bagaimana cara penulisannya (syntax) jika memiliki lebih dari satu key dan value didalam JSON ? mudahnya dapat di lihat dari contoh berikut ini :&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;

&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(255, 255, 255); border-color: gray; border-image: initial; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px; text-align: justify;&quot;&gt;{&lt;span style=&quot;color: #007700;&quot;&gt;&quot;Minuman&quot;&lt;/span&gt;:&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;Air&quot;&lt;/span&gt; , &lt;span style=&quot;color: #007700;&quot;&gt;&quot;Kemasan&quot;&lt;/span&gt;:&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;Botol&quot;&lt;/span&gt;}
&lt;/pre&gt;&lt;/div&gt;


&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;Ya tepat sekali hanya perlu di pisahkan dengan spasi dan tanda koma di belakang value dari key sebelumnya.&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;h2 id=&quot;toc5&quot; style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;Type Value JSON&lt;/span&gt;&lt;/h2&gt;&lt;div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;JSON&amp;nbsp; memiliki enam type data yang bisa digunakan sebagai value JSON, yaitu:&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;h3 style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;1. String&lt;/span&gt;&lt;/h3&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;String adalah type data yang isinya adalah berupa karakter atau huruf, contoh&amp;nbsp; &quot;Bambang&quot;, &quot;Bus&quot;, &quot;Salak&quot; pada contoh di bawah ini. Contoh : &quot;nama&quot;:&quot;Bambang &quot;&lt;/span&gt;&lt;/div&gt;&lt;h3 style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;2. Object&lt;/span&gt;&lt;/h3&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;Object adalah sebuah type data yang memiliki lebih dari satu key dan value. Seperti pada contoh sebelumnya, object juga diawali&amp;nbsp; dan diakhiri dengan kurung kurawal&amp;nbsp; dan jika ada lebih dari satu object, masing-masing dipisahkan oleh spasi dan koma.&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;Contoh : &quot;Kendaraan&quot;: {&quot;Merk&quot;:&quot;Toyota&quot;, &quot;Jenis&quot;:&quot;Mobil&quot;}&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;Pada contoh di atas, semua yang ada di dalam kurung kurawal adalah nilai object dari &quot;Kendaraan&quot;.&lt;/span&gt;&lt;/div&gt;&lt;h3 style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;3. Array&lt;/span&gt;&lt;/h3&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;Array adalah type data yang berisi kumpulan&amp;nbsp; dari beberapa object. Kumpulan ini diawali dan diakhiri dengan kurung siku []. Contoh sebagai – berikut :&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;
  
&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(255, 255, 255); border-color: gray; border-image: initial; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;kendaraan&quot;&lt;/span&gt;&lt;span style=&quot;background-color: #ffaaaa; color: red;&quot;&gt;:&lt;/span&gt;[      &lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;   {&lt;span style=&quot;color: #007700;&quot;&gt;&quot;merk&quot;&lt;/span&gt;:&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;Daihatsu&quot;&lt;/span&gt;, &lt;span style=&quot;color: #007700;&quot;&gt;&quot;model&quot;&lt;/span&gt;:&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;Xenia&quot;&lt;/span&gt;},&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;   {&lt;span style=&quot;color: #007700;&quot;&gt;&quot;merk&quot;&lt;/span&gt;:&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;Toyota&quot;&lt;/span&gt;, &lt;span style=&quot;color: #007700;&quot;&gt;&quot;model&quot;&lt;/span&gt;:&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;Avanza&quot;&lt;/span&gt;},&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;   {&lt;span style=&quot;color: #007700;&quot;&gt;&quot;merk&quot;&lt;/span&gt;:&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;Mitshubishi&quot;&lt;/span&gt;, &lt;span style=&quot;color: #007700;&quot;&gt;&quot;model&quot;&lt;/span&gt;:&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;Xpander&quot;&lt;/span&gt;}&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;]&lt;/div&gt;&lt;/pre&gt;&lt;/div&gt;

  
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;h3 style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;4.&lt;span style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt;Boolean&lt;/span&gt;&lt;/h3&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;Boolean adalah type data yang hanya berisikan nilai&amp;nbsp; benar&amp;nbsp; (true)&amp;nbsp; atau salah (false). Jadi Nilai True atau False yang di isikan pada Value, seperti pada contoh berikut ini : &quot;stop&quot;:&quot;false&quot;&lt;/span&gt;&lt;/div&gt;&lt;h3 style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;5.&lt;span style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt;Number&lt;/span&gt;&lt;/h3&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;Number ini type datanya harus berisikan angka saja, Nilai angkanya juga harus merupakan integer atau angka bulat. Artinya, Nilai Desimal atau Pengakaran&amp;nbsp; tidak dapat dijadikan sebagai value . Contoh penggunaannya seperti di berikut ini: &quot;Umur&quot;:&quot;27&quot;&lt;/span&gt;&lt;/div&gt;&lt;h3 style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;6.&lt;span style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt;Null&lt;/span&gt;&lt;/h3&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;Jika sebuah key tidak memiliki Nilai/value,&amp;nbsp; Maka dapat mengetikkan null saja pada value nya. Contohnya seperti berikut ini : &quot;NoKartu&quot;:&quot;null&quot;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;h2 id=&quot;toc6&quot; style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;Object &amp;amp; Array (Nested) JSON&lt;/span&gt;&lt;/h2&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;Membuat nested object &amp;amp; array (beulang) dalam JSON sangat mudah , cara sederhananya silahkan lihat contoh dibawah ini :&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;

&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(255, 255, 255); border-color: gray; border-image: initial; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;kendaraan&quot;&lt;/span&gt;&lt;span style=&quot;background-color: #ffaaaa; color: red;&quot;&gt;:&lt;/span&gt; {&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;  &lt;span style=&quot;color: #007700;&quot;&gt;&quot;jenis&quot;&lt;/span&gt;:&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;Motor&quot;&lt;/span&gt;,&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;  &lt;span style=&quot;color: #007700;&quot;&gt;&quot;merk&quot;&lt;/span&gt;:&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;Honda&quot;&lt;/span&gt;,&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;  &lt;span style=&quot;color: #007700;&quot;&gt;&quot;warna&quot;&lt;/span&gt;: {&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;    &lt;span style=&quot;color: #007700;&quot;&gt;&quot;warna1&quot;&lt;/span&gt;:&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;biru&quot;&lt;/span&gt;,&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;    &lt;span style=&quot;color: #007700;&quot;&gt;&quot;warna2&quot;&lt;/span&gt;:&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;merah&quot;&lt;/span&gt;,&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;    &lt;span style=&quot;color: #007700;&quot;&gt;&quot;warna3&quot;&lt;/span&gt;:&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;hitam&quot;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;  }&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;}&lt;/div&gt;&lt;/pre&gt;&lt;/div&gt;


&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;Pada contoh diatas tersebut, &quot;warna1&quot;, &quot;warna2&quot;, dan &quot;warna3&quot; merupakan value dari key &quot;warna&quot;. Perhatikan bahwa ketiga value tersebut ada di dalam kurung kurawal. Dengan demikian, &quot;warna&quot; beserta ketiga value-nya merupakan object di dalam object (berulang).&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;Penggunaan nested array tidak jauh berbeda. Perhatikan contoh di bawah ini :&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;

&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(255, 255, 255); border-color: gray; border-image: initial; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;kendaraan&quot;&lt;/span&gt;&lt;span style=&quot;background-color: #ffaaaa; color: red;&quot;&gt;:&lt;/span&gt; {&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;  &lt;span style=&quot;color: #007700;&quot;&gt;&quot;jenis&quot;&lt;/span&gt;:&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;Anton&quot;&lt;/span&gt;,&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;  &lt;span style=&quot;color: #007700;&quot;&gt;&quot;merk&quot;&lt;/span&gt;:&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;Bandung&quot;&lt;/span&gt;,&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;  &lt;span style=&quot;color: #007700;&quot;&gt;&quot;warna&quot;&lt;/span&gt;: [ &lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;biru&quot;&lt;/span&gt;, &lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;merah&quot;&lt;/span&gt;, &lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;hitam&quot;&lt;/span&gt; ]&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;}&lt;/div&gt;&lt;/pre&gt;&lt;/div&gt;


&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;Pada contoh di atas, &quot;biru&quot;, &quot;merah&quot;, dan &quot;hitam&quot; adalah array yang merupakan value dari &quot;warna&quot;.&lt;/span&gt;&lt;/div&gt;&lt;h2 id=&quot;toc7&quot; style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;Penutup&lt;/span&gt;&lt;/h2&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;Demikian artikel ini untuk&amp;nbsp; &quot;Memahami Struktur Data Format JSON&quot; Tentu artikel ini masih jauh dari kata sempurna, Mohon masukkannya dan Silahkan jika anda ingin berkomentar dibawah ini.&lt;/span&gt;&lt;/div&gt;</description><link>https://www.dukungan-itq.my.id/2022/06/memahami-struktur-data-format-json.html</link><author>noreply@blogger.com (Dukungan ITQ)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwgS_b5ckgEotLbaamXIZW0RPR2YxOFZCpE-dBx_rsejEamUgVUDXlV9QEJ8TqJ5zLjEc9bU2mqWMpautR0pA1O5IpHyzhXQP0HohPRR6Lwk_Ljo9Jg4HYYpBr0wQ3edcIVMeBoceaeIuoFxNapG0BvRqdI0CLTXXeEEwaq5URn_HMFgPqYp5zHR2tYQ/s72-w400-h136-c/JSON_file_dukungan-ITQ.png" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2555960581259484405.post-2775993161066366104</guid><pubDate>Sun, 17 Oct 2021 19:03:00 +0000</pubDate><atom:updated>2021-10-18T02:04:20.498+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Kali linux</category><category domain="http://www.blogger.com/atom/ns#">Operating System</category><category domain="http://www.blogger.com/atom/ns#">Penetration Test</category><category domain="http://www.blogger.com/atom/ns#">Pentest</category><category domain="http://www.blogger.com/atom/ns#">sistem-operasi</category><title>Cara Menggunakan Repository Github FinalRecon &amp; Dirsearch Kali Linux</title><description>&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEi3D5GtcRRxKSg39qa5oQhpdGtFcq6q20r27S1suXLSSO7EhU6NJu6IOQv709qfdBin_f2eORDsKVmKTD4NVyzHu6q-j46M_BugdMUnyNkgmdunPLKuA1YPaadoPkgcFpViSg1oOTdb6NvmzURrMALB5_PWlo6kzVNvMVZF2Vcm9KbSpi8jEBIVNSLA7A=s1365&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img alt=&quot;OS Kali Linux&quot; border=&quot;0&quot; data-original-height=&quot;673&quot; data-original-width=&quot;1365&quot; height=&quot;317&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEi3D5GtcRRxKSg39qa5oQhpdGtFcq6q20r27S1suXLSSO7EhU6NJu6IOQv709qfdBin_f2eORDsKVmKTD4NVyzHu6q-j46M_BugdMUnyNkgmdunPLKuA1YPaadoPkgcFpViSg1oOTdb6NvmzURrMALB5_PWlo6kzVNvMVZF2Vcm9KbSpi8jEBIVNSLA7A=w640-h317&quot; title=&quot;OS Kali linux&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Sistem Operasi Kali Linux&lt;br /&gt;&lt;br /&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;h2&gt;Pendahuluan&lt;/h2&gt;&lt;p style=&quot;text-align: left;&quot;&gt;Pada kesempatan kali ini saya akan berbagi cara menggunakan repository FinalRecon &amp;amp; Dirsearch dari Github untuk melakukan penetration test (gathering information) menggunakan sistem operasi Kali Linux. Seperti diketahui sistem operasi Kali linux ini sangat powerfull sebagai sistem operasi yang mendukung tools (alat - alat) yang dapat digunakan untuk melakukan penetration testing (pentester) sistem aplikasi atau website.&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;FinalRecon&lt;/h2&gt;&lt;p style=&quot;text-align: left;&quot;&gt;FinalRecon adalah sebuah tools yang dapat digunakan sebagai pengumpul informasi (gathering information) dimana jika kita ingin melakukan pentest hal pertama yang akan dilakukan adalah mengumpulkan informasi tentang target sistem aplikasi atau website yang akan di lakukan penetrasi test. Cukup banyak fitur yang terdapat dari FinalRecon ini , berikut&amp;nbsp; gambar dibawah ini di ambil dari informasi help nya.&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;/p&gt;&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilPGfkGFDp3PpgfNU2JWMuM87-Ls51yqiuUlzVyIH4pE7KBhRCTmUvuDOACuknI70K8IjoXcCS8g-9UT97cb213ZuTwgKLeYAPa72heWrKJKvkgpqbkw6wZ58IkBsnz4YGw55mQOE_dDTQ/&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img data-original-height=&quot;484&quot; data-original-width=&quot;595&quot; height=&quot;325&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilPGfkGFDp3PpgfNU2JWMuM87-Ls51yqiuUlzVyIH4pE7KBhRCTmUvuDOACuknI70K8IjoXcCS8g-9UT97cb213ZuTwgKLeYAPa72heWrKJKvkgpqbkw6wZ58IkBsnz4YGw55mQOE_dDTQ/w400-h325/image.png&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Help Information - FinalRecon&lt;br /&gt;&lt;br /&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;Untuk dapat menjalankan FinalRecon pada Kali Linux berikut adalah langkah - langkahnya :&lt;p&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;1. Karena menggunakan repository dari github untuk mendownloadnya harus sudah terinstall library git di Kali Linuxnya, untuk menginstallnya bisa dengan menggunakan command berikut ini :&amp;nbsp;&lt;/p&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;

&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(255, 255, 255); border-color: gray; border-image: initial; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;apt install git&lt;/pre&gt;&lt;/div&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;2. Selanjutnya jika sudah install git maka install juga python3 karena tools FinalRecon ini menggunakan bahasa pemrograman python maka perlu library python untuk menjalankan tools nya nanti. untuk install python3 bisa menggunakan command dibawah :&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;div style=&quot;background: rgb(255, 255, 255); border-color: gray; border-image: initial; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 16.25px; margin-bottom: 0px; margin-top: 0px;&quot;&gt;sudo apt install python3-pip
&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;3. Setelah Git dan Python3 terinstall baru download repository untuk FinalRecon nya menggunakan command dibawah ini :&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;div style=&quot;background: rgb(255, 255, 255); border-color: gray; border-image: initial; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 16.25px; margin-bottom: 0px; margin-top: 0px;&quot;&gt;git clone https://github.com/thewhiteh4t/FinalRecon.git
&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;4. Pastikan setalah seluruh proses clone berhasil dijalankan folder FinalRecon telah tersedia pada direktori. Dan sebelum menggunakan Tools FinalRecon masih ada satu proses lagi untuk menginstall requirement yang diperlukan dari tools ini dapat menggunakan command dibawah ini :&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;div style=&quot;background: rgb(255, 255, 255); border-color: gray; border-image: initial; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 16.25px; margin-bottom: 0px; margin-top: 0px;&quot;&gt;pip3 install -r requirements.txt  
&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;5. Jika seluruh requirements telah berhasil di install maka selesai untuk tools FinalRecon ini bisa langsung digunakan dengan perintah atau command berikut seperti dibawah ini :&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;div style=&quot;background: rgb(255, 255, 255); border-color: gray; border-image: initial; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 16.25px; margin-bottom: 0px; margin-top: 0px;&quot;&gt;python3 finalrecon.py {-arguments} {Target URL}&lt;/pre&gt;&lt;/div&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;Perintah&lt;b&gt; python3 finalrecon.py &lt;/b&gt;merupakan default skrip yang memang harus dituliskan di awal , Sedangkan {-arguments} ini bisa di isi sesuai dengan argument yang tersedia dan untuk target URL itu merupakah domain/hosts yang akan di pentest ini. Contoh kasus saja misalnya ingin mendapatkan sebuah informasi mengenai whois dari target kita test.com , maka perintah lengkapnya dibawah ini sebagai berikut :&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;div style=&quot;background: rgb(255, 255, 255); border-color: gray; border-image: initial; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 16.25px; margin-bottom: 0px; margin-top: 0px;&quot;&gt;python3 finalrecon.py --whois https://target.co.id&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEgd2MEp2pkVvWoN2KZWaGQDXV7bcdN-BgsScOHG7eFqjpZhpJA5k8btym1JgJJfrPpEPa8icByheaO-MdRwQ4Q-KsC-YRDnAkHytnlppfhafzFhZTJqzt9e51BODdjhvqiteGVPfbBkcMGFiyZqHf9FjYArWCHYI8ApH1dcS9wnfr0GguX6jlDG8pgmaQ=s501&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;501&quot; data-original-width=&quot;409&quot; height=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEgd2MEp2pkVvWoN2KZWaGQDXV7bcdN-BgsScOHG7eFqjpZhpJA5k8btym1JgJJfrPpEPa8icByheaO-MdRwQ4Q-KsC-YRDnAkHytnlppfhafzFhZTJqzt9e51BODdjhvqiteGVPfbBkcMGFiyZqHf9FjYArWCHYI8ApH1dcS9wnfr0GguX6jlDG8pgmaQ=w326-h400&quot; width=&quot;326&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;FinalRecon Running Tools&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;h2&gt;DirSearch&lt;/h2&gt;&lt;p&gt;Dirsearch merupakan salah satu tools atau alat juga yang dapat digunakan sebagai pengumpul data (gathering information) hanya saja fungsinya terbatas untuk melihat direktori atau sub-sub direktori dari target server/host yang akan di lakukan pentest.&lt;/p&gt;&lt;p&gt;Untuk mendapatkan Repositorynya dari Github bisa menggunakan command berikut dibawah ini :&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;div style=&quot;background: rgb(255, 255, 255); border-color: gray; border-image: initial; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 16.25px; margin-bottom: 0px; margin-top: 0px;&quot;&gt;git clone https://github.com/maurosoria/dirsearch
&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;Kalau sudah berhasil di install untuk melihat tata cara penggunaannya bisa menggunakan command berikut :&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;div style=&quot;background: rgb(255, 255, 255); border-color: gray; border-image: initial; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 16.25px; margin-bottom: 0px; margin-top: 0px;&quot;&gt;python3 dirsearch.py -h
&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEjTr_0yTcDinVN4SgwLJjGfg4yRwS8TjcErhNuYNplH9CjU0eqqKgPTZiUEBzJxti9PEJZ24CGJ_R4dWUQLVf7OQTtlMQfY2acBbe4DM1_ZaEenLynpziHW3ei0hiiaxbjP5Fr80_pmVHJocyMJqF6cyKRPPo_Nfh2VNgV11NEI3XxBPOEaPYiT3LfWrQ=s634&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;398&quot; data-original-width=&quot;634&quot; height=&quot;251&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEjTr_0yTcDinVN4SgwLJjGfg4yRwS8TjcErhNuYNplH9CjU0eqqKgPTZiUEBzJxti9PEJZ24CGJ_R4dWUQLVf7OQTtlMQfY2acBbe4DM1_ZaEenLynpziHW3ei0hiiaxbjP5Fr80_pmVHJocyMJqF6cyKRPPo_Nfh2VNgV11NEI3XxBPOEaPYiT3LfWrQ=w400-h251&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Help Information - Dirsearch&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;p style=&quot;text-align: left;&quot;&gt;Selanjutnya jika ingin menggunakan tools Dirsearch ini untuk mencari informasi tentang direktori target pentest maka berikut perintahnya adalah sebagai - berikut :&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;div style=&quot;background: rgb(255, 255, 255); border-color: gray; border-image: initial; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 16.25px; margin-bottom: 0px; margin-top: 0px;&quot;&gt;python3 dirsearch.py -u {Url Target} -e {extensi}&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;python3 dirsearch.py&amp;nbsp; ini default yang harus di sertakan saat ingin menjalankan tools Dirsearch ini. Sedangkan -u (url target) dan -e {sebagai informasi tambahan untuk format file atau ekstention file yang dibutuhkan).&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEiteA41l5cLnwLxEA8N12wy5ID6vITR_yC7jpZytDgXP0qHq7EWk_tataL_6tlSHoZenFPjggSikCykeHYL4udctm2L9cK6kCZbQczSrc41RonEpZbyShdkn0V_n7olFGMG2u4TjLi_GYNcNdYua5j32pXcPxvAU4hC-Zrj83v53CzjdVITuhR5Iubjtg=s798&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;253&quot; data-original-width=&quot;798&quot; height=&quot;126&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEiteA41l5cLnwLxEA8N12wy5ID6vITR_yC7jpZytDgXP0qHq7EWk_tataL_6tlSHoZenFPjggSikCykeHYL4udctm2L9cK6kCZbQczSrc41RonEpZbyShdkn0V_n7olFGMG2u4TjLi_GYNcNdYua5j32pXcPxvAU4hC-Zrj83v53CzjdVITuhR5Iubjtg=w400-h126&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Dirsearch Running Tools&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;Penutup&lt;/h2&gt;&lt;p style=&quot;text-align: left;&quot;&gt;Semoga materi ini dapat membantu teman - teman yang lagi belajar mengenai cyber security atau sedang mau meng eksplore lebih tentang&amp;nbsp; tools - tools (alat-alat) yang digunakan untuk pentration test (pentest) ini pada sistem operasi kali linux.&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/p&gt;</description><link>https://www.dukungan-itq.my.id/2021/10/repo-finalrecon-dirsearch-kali-linux.html</link><author>noreply@blogger.com (Dukungan ITQ)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/a/AVvXsEi3D5GtcRRxKSg39qa5oQhpdGtFcq6q20r27S1suXLSSO7EhU6NJu6IOQv709qfdBin_f2eORDsKVmKTD4NVyzHu6q-j46M_BugdMUnyNkgmdunPLKuA1YPaadoPkgcFpViSg1oOTdb6NvmzURrMALB5_PWlo6kzVNvMVZF2Vcm9KbSpi8jEBIVNSLA7A=s72-w640-h317-c" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2555960581259484405.post-666613808153500348</guid><pubDate>Mon, 11 Oct 2021 14:20:00 +0000</pubDate><atom:updated>2021-10-11T21:22:23.203+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Front-End</category><category domain="http://www.blogger.com/atom/ns#">web-developer</category><title>Menjumlahkan nilai dari Input radio button menggunakan Javascript</title><description>&lt;p style=&quot;text-align: center;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEiOqjPCM8xZFqcrCC9w-DttTVn7Jf6uwGMzDDRMyr49uSUqZu6gzGYMLg42WGcrgKWjAB-ZvIhmIq0JHjNu_6mF0Q-Wy7DsOzV5JbpCTl70Cp6RHql2T7B3PVC4orbk_8OI2zavwRaAF3eC5ELnni5TmD5CCH29IyRvxRVR1yNM8KogX4oGp8OjGhfT5Q=s494&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;315&quot; data-original-width=&quot;494&quot; height=&quot;255&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEiOqjPCM8xZFqcrCC9w-DttTVn7Jf6uwGMzDDRMyr49uSUqZu6gzGYMLg42WGcrgKWjAB-ZvIhmIq0JHjNu_6mF0Q-Wy7DsOzV5JbpCTl70Cp6RHql2T7B3PVC4orbk_8OI2zavwRaAF3eC5ELnni5TmD5CCH29IyRvxRVR1yNM8KogX4oGp8OjGhfT5Q=w400-h255&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;Input Radio Button Form&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;h2 style=&quot;clear: both; text-align: left;&quot;&gt;Pendahuluan&lt;/h2&gt;Baru saja dalam minggu terakhir ini, mendapat tugas untuk membuat daftar pertanyaan untuk keperluan survey dimana dalam form survey tersebut berisi pilihan antara ya atau tidak. Jika pengguna memilih iya maka akan mendapatkan Nilai 1 sedangkan jika tidak maka mendapatkan Nilai 0. Akumulasi nilai otomatis akan terhitung pada field Jumlah di halaman paling bawah tersebut.&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Sangat simple memang kelihatannya dari penjelasan diatas untuk nanti aplikasi yang akan dibangun, Namun perlu diketahui penggunaan form dalam input radio button memiliki sedikit perlakuan yang berbeda dibanding dengan form lainnya seperti combox.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Radio button memiliki satu nilai yang tidak dapat didefinisikan berulang kali karena radio button hanya memiliki satu atribut name dan satu atribut value dalam sebuah opsi atau pilihan.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;Menjumlahkan nilai dari Input radio button&lt;/h2&gt;&lt;p style=&quot;text-align: left;&quot;&gt;Melanjutkan dari kasus yang dibahas pada bagian pendahuluan diatas, hal yang akan sedikit rumit ialah pada saat melakukan akumulasi nilai atau pentotalan nilai dari setiap nilai input radio button yang di pilih.&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;Karena ingin memudahkan pengguna dalam prosesnya agar setiap opsi yang dipilih langsung menghitung (kalkulasi) nilai dari setiap pilihan pengguna tersebut. Kita dapat memanfaatkan fungsi dari javascript untuk melakukan perhitungannya.&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;Saya memiliki contoh kode yang bisa kalian gunakan untuk pelajari atau bisa juga langsung menguji nya , kode ini bisa kalian terapkan dalam bentuk HTML ataupun PHP sebagai - berikut :&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/p&gt;

  &lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(255, 255, 255); border-color: gray; border-image: initial; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #557799;&quot;&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;
&lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;html&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;lang=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;en&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&lt;/span&gt;
  &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;head&amp;gt;&lt;/span&gt;
  &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;meta&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;http-equiv=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;Content-Type&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;content=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;text/html; charset=UTF-8&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&lt;/span&gt;
  &lt;span style=&quot;color: #888888;&quot;&gt;&amp;lt;!-- Meta, title, CSS, favicons, etc. --&amp;gt;&lt;/span&gt;
  &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;meta&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;charset=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;utf-8&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&lt;/span&gt;
  &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;meta&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;http-equiv=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;X-UA-Compatible&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;content=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;IE=edge&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&lt;/span&gt;
  &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;meta&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;name=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;viewport&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;content=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;width=device-width, initial-scale=1&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&lt;/span&gt;

  &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;title&amp;gt;&lt;/span&gt; Radio Button Value &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;
  &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;script &lt;/span&gt;&lt;span style=&quot;color: #0000cc;&quot;&gt;src=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;https://code.jquery.com/jquery-1.12.4.js&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;integrity=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;sha256-Qw82+bXyGq6MydymqBxNPYTaUXXq7c8v3CwiYwLLNXU=&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;crossorigin=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;anonymous&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;
  &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;

&lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;body&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;nav-md&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&lt;/span&gt;
  
                        &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;x_content&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&lt;/span&gt;
                          &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;form&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;id=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;demo-form2&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;data-parsley-validate&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;form-horizontal form-label-left&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;method=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;post&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;action=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;?p=p_sa&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&lt;/span&gt;
                          &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;table&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;table table-striped&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&lt;/span&gt;
                            &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;thead&amp;gt;&lt;/span&gt;
                              &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;tr&amp;gt;&lt;/span&gt;
                                &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;th&amp;gt;&lt;/span&gt;#&lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/th&amp;gt;&lt;/span&gt;
                                &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;th&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;width=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;40%&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&lt;/span&gt;Pertanyaan&lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/th&amp;gt;&lt;/span&gt;
                                &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;th&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;style=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;text-align: center;&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&lt;/span&gt; Ya&lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/th&amp;gt;&lt;/span&gt;
                                &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;th&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;style=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;text-align: center;&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&lt;/span&gt;Tidak&lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/th&amp;gt;&lt;/span&gt;
                              &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;
                            &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/thead&amp;gt;&lt;/span&gt;
                            &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;tbody&amp;gt;&lt;/span&gt;
                              &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;tr&amp;gt;&lt;/span&gt;
                                &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;th&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;scope=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;row&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&lt;/span&gt;1&lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/th&amp;gt;&lt;/span&gt;
                                &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;td&amp;gt;&lt;/span&gt;Pertanyaan 1 ?&lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/td&amp;gt;&lt;/span&gt;
                                &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;td&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;style=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;text-align: center;&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&amp;lt;input&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;type=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;radio&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;name=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;q1&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;id=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;q1&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;value=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;1&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;onclick=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;sum();&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&amp;lt;/td&amp;gt;&lt;/span&gt;
                                &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;td&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;style=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;text-align: center;&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&amp;lt;input&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;type=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;radio&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;name=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;q1&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;id=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;q1&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;value=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;0&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;onclick=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;sum();&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&amp;lt;/td&amp;gt;&lt;/span&gt;
                              &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;
                              &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;tr&amp;gt;&lt;/span&gt;
                                &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;th&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;scope=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;row&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&lt;/span&gt;2&lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/th&amp;gt;&lt;/span&gt;
                                &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;td&amp;gt;&lt;/span&gt;Pertanyaan 2 ?&lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/td&amp;gt;&lt;/span&gt;
                                &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;td&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;style=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;text-align: center;&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&amp;lt;input&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;type=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;radio&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;name=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;q2&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;id=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;q2&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;onclick=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;sum();&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;value=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;1&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&amp;lt;/td&amp;gt;&lt;/span&gt;
                                &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;td&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;style=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;text-align: center;&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&amp;lt;input&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;type=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;radio&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;name=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;q2&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;id=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;q2&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;onclick=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;sum();&quot;&lt;/span&gt;&lt;span style=&quot;color: #0000cc;&quot;&gt;value=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;0&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&amp;lt;/td&amp;gt;&lt;/span&gt;
                              &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;
                              &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;tr&amp;gt;&lt;/span&gt;
                                &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;th&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;scope=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;row&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&lt;/span&gt;3&lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/th&amp;gt;&lt;/span&gt;
                                &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;td&amp;gt;&lt;/span&gt;Pertanyaan 3 ?&lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/td&amp;gt;&lt;/span&gt;
                                &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;td&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;style=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;text-align: center;&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&amp;lt;input&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;type=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;radio&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;name=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;q3&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;id=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;q3&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;onclick=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;sum();&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;value=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;1&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&amp;lt;/td&amp;gt;&lt;/span&gt;
                                &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;td&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;style=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;text-align: center;&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&amp;lt;input&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;type=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;radio&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;name=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;q3&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;id=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;q3&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;onclick=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;sum();&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;value=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;0&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&amp;lt;/td&amp;gt;&lt;/span&gt;
                              &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;
                              &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;tr&amp;gt;&lt;/span&gt;
                                &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;th&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;scope=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;row&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&lt;/span&gt;4&lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/th&amp;gt;&lt;/span&gt;
                                &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;td&amp;gt;&lt;/span&gt;Pertanyaan 4 ?&lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/td&amp;gt;&lt;/span&gt;
                                &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;td&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;style=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;text-align: center;&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&amp;lt;input&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;type=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;radio&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;name=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;q4&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;id=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;q4&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;onclick=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;sum();&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;value=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;1&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&amp;lt;/td&amp;gt;&lt;/span&gt;
                                &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;td&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;style=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;text-align: center;&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&amp;lt;input&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;type=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;radio&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;name=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;q4&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;id=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;q4&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;onclick=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;sum();&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;value=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;0&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&amp;lt;/td&amp;gt;&lt;/span&gt;
                              &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;
                              &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;tr&amp;gt;&lt;/span&gt;
                                &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;th&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;scope=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;row&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&lt;/span&gt;5&lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/th&amp;gt;&lt;/span&gt;
                                &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;td&amp;gt;&lt;/span&gt;Pertanyaan 5 ?&lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/td&amp;gt;&lt;/span&gt;
                                &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;td&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;style=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;text-align: center;&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&amp;lt;input&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;type=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;radio&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;name=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;q5&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;id=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;q5&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;onclick=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;sum();&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;value=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;1&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&amp;lt;/td&amp;gt;&lt;/span&gt;
                                &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;td&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;style=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;text-align: center;&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&amp;lt;input&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;type=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;radio&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;name=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;q5&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;id=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;q5&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;onclick=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;sum();&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;value=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;0&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&amp;lt;/td&amp;gt;&lt;/span&gt;
                              &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;
                              &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;tr&amp;gt;&lt;/span&gt;
                                &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;th&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;scope=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;row&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&lt;/span&gt;6&lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/th&amp;gt;&lt;/span&gt;
                                &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;td&amp;gt;&lt;/span&gt;Pertanyaan 6 ?&lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/td&amp;gt;&lt;/span&gt;
                                &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;td&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;style=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;text-align: center;&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&amp;lt;input&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;type=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;radio&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;name=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;q6&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;id=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;q6&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;onclick=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;sum();&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;value=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;1&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&amp;lt;/td&amp;gt;&lt;/span&gt;
                                &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;td&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;style=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;text-align: center;&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&amp;lt;input&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;type=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;radio&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;name=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;q6&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;id=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;q6&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;onclick=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;sum();&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;value=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;0&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&amp;lt;/td&amp;gt;&lt;/span&gt;
                              &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;
                              &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;tr&amp;gt;&lt;/span&gt;
                                &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;th&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;scope=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;row&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&amp;lt;/th&amp;gt;&lt;/span&gt;
                                &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;td&amp;gt;&amp;lt;h5&amp;gt;&lt;/span&gt;Jumlah&lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/h5&amp;gt;&amp;lt;/td&amp;gt;&lt;/span&gt;
                                &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;td&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;colspan=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;2&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&amp;lt;input&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;type=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;number&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;id=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;score&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;name=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;score&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;form-control&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;readonly&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&amp;lt;/td&amp;gt;&lt;/span&gt;
                              &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;
                              &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;tr&amp;gt;&lt;/span&gt;
                                &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;th&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;scope=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;row&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;colspan=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;3&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&lt;/span&gt;
                                  0 = Risiko Kecil, 1 - 4 = Risiko Sedang, &amp;gt;  5  = Risiko Besar&lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/th&amp;gt;&lt;/span&gt;
                              &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;
                            &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/tbody&amp;gt;&lt;/span&gt;
                          &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/table&amp;gt;&lt;/span&gt;
                         &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;br/&amp;gt;&lt;/span&gt;
                        &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;item form-group&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&lt;/span&gt;
                          &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;col-form-label col-md-4 col-sm-4 label-left&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&lt;/span&gt;
                            &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;button&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;type=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;submit&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;btn btn-primary&quot;&lt;/span&gt;&lt;span style=&quot;color: #007700;&quot;&gt;&amp;gt;&lt;/span&gt;Submit&lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/button&amp;gt;&lt;/span&gt;
                          &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
                        &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;

                        &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;form&amp;gt;&lt;/span&gt;
                     &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
                

  &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;script&amp;gt;&lt;/span&gt;
  &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;function&lt;/span&gt; sum() {
      &lt;span style=&quot;color: #888888;&quot;&gt;// Definisi Variable&lt;/span&gt;
        &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;var&lt;/span&gt; q1;
        &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;var&lt;/span&gt; q2;
        &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;var&lt;/span&gt; q3;
        &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;var&lt;/span&gt; q4;
        &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;var&lt;/span&gt; q5;
        &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;var&lt;/span&gt; q6;

        &lt;span style=&quot;color: #888888;&quot;&gt;// Cek Input Radio&lt;/span&gt;
        &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;if&lt;/span&gt; ($(&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;input[name=&#39;q1&#39;]:checked&quot;&lt;/span&gt;).val() &lt;span style=&quot;color: #333333;&quot;&gt;!=&lt;/span&gt; &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;null&lt;/span&gt; ) {
          q1  &lt;span style=&quot;color: #333333;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #007020;&quot;&gt;document&lt;/span&gt;.querySelector(&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;input[name=&quot;q1&quot;]:checked&#39;&lt;/span&gt;).value;
        } &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;else&lt;/span&gt; {
          q1 &lt;span style=&quot;color: #333333;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #0000dd; font-weight: bold;&quot;&gt;0&lt;/span&gt;;
        }
        &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;if&lt;/span&gt; ($(&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;input[name=&#39;q2&#39;]:checked&quot;&lt;/span&gt;).val() &lt;span style=&quot;color: #333333;&quot;&gt;!=&lt;/span&gt; &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;null&lt;/span&gt; ) {
          &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;var&lt;/span&gt; q2  &lt;span style=&quot;color: #333333;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #007020;&quot;&gt;document&lt;/span&gt;.querySelector(&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;input[name=&quot;q2&quot;]:checked&#39;&lt;/span&gt;).value;
        } &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;else&lt;/span&gt; {
          q2 &lt;span style=&quot;color: #333333;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #0000dd; font-weight: bold;&quot;&gt;0&lt;/span&gt;;
        }
        &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;if&lt;/span&gt; ($(&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;input[name=&#39;q3&#39;]:checked&quot;&lt;/span&gt;).val() &lt;span style=&quot;color: #333333;&quot;&gt;!=&lt;/span&gt; &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;null&lt;/span&gt; ) {
          &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;var&lt;/span&gt; q3  &lt;span style=&quot;color: #333333;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #007020;&quot;&gt;document&lt;/span&gt;.querySelector(&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;input[name=&quot;q3&quot;]:checked&#39;&lt;/span&gt;).value;
        } &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;else&lt;/span&gt; {
          q3 &lt;span style=&quot;color: #333333;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #0000dd; font-weight: bold;&quot;&gt;0&lt;/span&gt;;
        }
        &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;if&lt;/span&gt; ($(&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;input[name=&#39;q4&#39;]:checked&quot;&lt;/span&gt;).val() &lt;span style=&quot;color: #333333;&quot;&gt;!=&lt;/span&gt; &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;null&lt;/span&gt; ) {
          &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;var&lt;/span&gt; q4  &lt;span style=&quot;color: #333333;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #007020;&quot;&gt;document&lt;/span&gt;.querySelector(&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;input[name=&quot;q4&quot;]:checked&#39;&lt;/span&gt;).value;
        } &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;else&lt;/span&gt; {
          q4 &lt;span style=&quot;color: #333333;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #0000dd; font-weight: bold;&quot;&gt;0&lt;/span&gt;;
        }
        &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;if&lt;/span&gt; ($(&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;input[name=&#39;q5&#39;]:checked&quot;&lt;/span&gt;).val() &lt;span style=&quot;color: #333333;&quot;&gt;!=&lt;/span&gt; &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;null&lt;/span&gt; ) {
          &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;var&lt;/span&gt; q5  &lt;span style=&quot;color: #333333;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #007020;&quot;&gt;document&lt;/span&gt;.querySelector(&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;input[name=&quot;q5&quot;]:checked&#39;&lt;/span&gt;).value;
        } &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;else&lt;/span&gt; {
          q5 &lt;span style=&quot;color: #333333;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #0000dd; font-weight: bold;&quot;&gt;0&lt;/span&gt;;
        }
        &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;if&lt;/span&gt; ($(&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;input[name=&#39;q6&#39;]:checked&quot;&lt;/span&gt;).val() &lt;span style=&quot;color: #333333;&quot;&gt;!=&lt;/span&gt; &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;null&lt;/span&gt; ) {
          &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;var&lt;/span&gt; q6  &lt;span style=&quot;color: #333333;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #007020;&quot;&gt;document&lt;/span&gt;.querySelector(&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;input[name=&quot;q6&quot;]:checked&#39;&lt;/span&gt;).value;
        } &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;else&lt;/span&gt; {
          q6 &lt;span style=&quot;color: #333333;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #0000dd; font-weight: bold;&quot;&gt;0&lt;/span&gt;;
        }
        
        &lt;span style=&quot;color: #888888;&quot;&gt;//Kalkulasi Nilai (TOTAL)&lt;/span&gt;
        &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;var&lt;/span&gt; result &lt;span style=&quot;color: #333333;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #007020;&quot;&gt;parseInt&lt;/span&gt;(q1) &lt;span style=&quot;color: #333333;&quot;&gt;+&lt;/span&gt; &lt;span style=&quot;color: #007020;&quot;&gt;parseInt&lt;/span&gt;(q2) &lt;span style=&quot;color: #333333;&quot;&gt;+&lt;/span&gt; &lt;span style=&quot;color: #007020;&quot;&gt;parseInt&lt;/span&gt;(q3) &lt;span style=&quot;color: #333333;&quot;&gt;+&lt;/span&gt; &lt;span style=&quot;color: #007020;&quot;&gt;parseInt&lt;/span&gt;(q4) &lt;span style=&quot;color: #333333;&quot;&gt;+&lt;/span&gt; &lt;span style=&quot;color: #007020;&quot;&gt;parseInt&lt;/span&gt;(q5) &lt;span style=&quot;color: #333333;&quot;&gt;+&lt;/span&gt; &lt;span style=&quot;color: #007020;&quot;&gt;parseInt&lt;/span&gt;(q6);
        
        &lt;span style=&quot;color: #888888;&quot;&gt;// Cek agar tidak keluar Nilai diluar Parameter&lt;/span&gt;
        &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;if&lt;/span&gt; (&lt;span style=&quot;color: #333333;&quot;&gt;!&lt;/span&gt;&lt;span style=&quot;color: #007020;&quot;&gt;isNaN&lt;/span&gt;(result)) {
           &lt;span style=&quot;color: #888888;&quot;&gt;// Tampilkan output pada input form&lt;/span&gt;
           &lt;span style=&quot;color: #007020;&quot;&gt;document&lt;/span&gt;.getElementById(&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;score&#39;&lt;/span&gt;).value &lt;span style=&quot;color: #333333;&quot;&gt;=&lt;/span&gt; result;
        }
  }
  &lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;

&lt;span style=&quot;color: #007700;&quot;&gt;&amp;lt;/body&amp;gt;&amp;lt;/html&amp;gt;&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

  
&lt;p style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;Beberapa hal yang perlu di perhatikan dari contoh kode diatas :&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;/p&gt;&lt;ol style=&quot;text-align: left;&quot;&gt;&lt;li&gt;Bagian pemanggilan &lt;b&gt;source jquery&lt;/b&gt; dibawah tag &lt;b&gt;&amp;lt;title&amp;gt;&lt;/b&gt; tidak boleh dihapus , jika iya maka itu akan menyebabkan tidak berjalannya fungsi javascript dalam kode tersebut.&lt;/li&gt;&lt;li&gt;&lt;b&gt;Input[name=&#39;q1&#39;] &lt;/b&gt;merupakan atribut name dari radio button bisa disesuaikan dengan kebutuhan.&lt;/li&gt;&lt;li&gt;&lt;b&gt;var result &lt;/b&gt;merupakan variable yang melakukan kalkulasi penjumlahan.&lt;/li&gt;&lt;li&gt;&lt;b&gt;document.getElementById(&#39;score&#39;).value = result; &lt;/b&gt;score merupakan atribut dari nilai input untuk menampilkan output dari hasil perhitungan variable result diatas.&lt;/li&gt;&lt;/ol&gt;&lt;div&gt;Contoh hasil dari uji kode program tersebut saat dijalankan seperti gambar berikut dibawah ini :&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEhUGOcls_Nc4wFLugmasydbZS0neyxmZ3Ym95R9u_QNC0DNXUxptXRlRJuZdMnFlxBDqeLofiLoo2gnuG_oICFyPBdqMb7AYQdFR3uL0Kpxbbv32K8_E3Jwwe1eBxFji28S6PP1qmnn5OEoPzFp2YqtXUuU2d-Vt4CBM35EarJ5QtqeQplxKpqoP1VSLg=s495&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;320&quot; data-original-width=&quot;495&quot; height=&quot;207&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEhUGOcls_Nc4wFLugmasydbZS0neyxmZ3Ym95R9u_QNC0DNXUxptXRlRJuZdMnFlxBDqeLofiLoo2gnuG_oICFyPBdqMb7AYQdFR3uL0Kpxbbv32K8_E3Jwwe1eBxFji28S6PP1qmnn5OEoPzFp2YqtXUuU2d-Vt4CBM35EarJ5QtqeQplxKpqoP1VSLg=s320&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;Hasil uji kode program&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;(Menjumlahkan nilai dari Input radio button menggunakan Javascript)&lt;/div&gt;&lt;br /&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;Penutup&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;Untuk kebutuhan yang lebih advance atau lebih dalam bisa dikembangkan lagi sesuai kreasi kalian. apakah nanti selanjutnya ingin di proses dalam form tersebut dan dimasukkan hasil nilainya tersebut ke dalam database itu sangat mungkin dapat dilakukan.&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;Semoga tutorial singkat ini bisa membantu memberikan pencerahan pada rekan - rekan developer semua.&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;/div&gt;</description><link>https://www.dukungan-itq.my.id/2021/10/menjumlahkan-nilai-dari-input-radio-button-javascript.html</link><author>noreply@blogger.com (Dukungan ITQ)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/a/AVvXsEiOqjPCM8xZFqcrCC9w-DttTVn7Jf6uwGMzDDRMyr49uSUqZu6gzGYMLg42WGcrgKWjAB-ZvIhmIq0JHjNu_6mF0Q-Wy7DsOzV5JbpCTl70Cp6RHql2T7B3PVC4orbk_8OI2zavwRaAF3eC5ELnni5TmD5CCH29IyRvxRVR1yNM8KogX4oGp8OjGhfT5Q=s72-w400-h255-c" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2555960581259484405.post-333660825980996986</guid><pubDate>Sun, 10 Oct 2021 18:50:00 +0000</pubDate><atom:updated>2021-10-11T01:50:03.008+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">php</category><category domain="http://www.blogger.com/atom/ns#">web-developer</category><title>Script PHP otomatis menangkap ukuran layar monitor</title><description>&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEiRNj09eHrIAQB1QVLvpAH_eI-3CcZlxAygEFxET6kDL7Etrqx8g-2Beq4QxMgr0HB8KgPwGWptTR6Op23UkGw1t94oyQkCBVhSvMEe_DBOisDCq8h8VYMW0YTh9kwL87vp2u8ytdWUjlExxh0J7GL2Q0L8oyU9tLn6-cT16LrXCXGjI-FeV2HA5ENPoQ=s1280&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;812&quot; data-original-width=&quot;1280&quot; height=&quot;254&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEiRNj09eHrIAQB1QVLvpAH_eI-3CcZlxAygEFxET6kDL7Etrqx8g-2Beq4QxMgr0HB8KgPwGWptTR6Op23UkGw1t94oyQkCBVhSvMEe_DBOisDCq8h8VYMW0YTh9kwL87vp2u8ytdWUjlExxh0J7GL2Q0L8oyU9tLn6-cT16LrXCXGjI-FeV2HA5ENPoQ=w400-h254&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: center;&quot;&gt;Gambar oleh &lt;a href=&quot;https://pixabay.com/id/users/1117826-1117826/?utm_source=link-attribution&amp;amp;utm_medium=referral&amp;amp;utm_campaign=image&amp;amp;utm_content=815614&quot;&gt;1117826&lt;/a&gt; dari &lt;a href=&quot;https://pixabay.com/id/?utm_source=link-attribution&amp;amp;utm_medium=referral&amp;amp;utm_campaign=image&amp;amp;utm_content=815614&quot;&gt;Pixabay&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;Pendahuluan&lt;/h2&gt;&lt;div style=&quot;text-align: left;&quot;&gt;Layar monitor berperan penting dalam menampilkan sebuah output dari apa yang ditampilkan dalam sebuah program atau aplikasi. Kesesuaian dalam tampilan tersebut ternyata perlu mendapatkan perhatian khusus terlebih saat ini ukuran layar monitor beraneka ragam.&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;Dalam membuat program atau aplikasi khususnya website tentu responsive akan menjadi pilihan utama para developer dalam mengembangkan tampilan antar muka (user interface) agar user friendly atau mobile friendly yang artinya bisa menyesuaikan dengan kebutuhan tampilan layar yang digunakan oleh user.&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;Ada beberapa framework (kerangka kerja) yang dapat digunakan untuk mengotomasi mengenai tampilan ini salah satu contoh misalnya boostrap akan tetapi untuk ukurannya sudah di setting default max dan min nya ketika aplikasi dibuka pada sebuah layar.&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;Contoh Kasus&lt;/h2&gt;&lt;div style=&quot;text-align: left;&quot;&gt;Lalu bagaimana caranya jika kita ingin aplikasi kita hanya bisa dibuka atau di sesuaikan dengan ukuran resolusi tertentu saja ? misalnya hanya bisa dibuka pada resolusi tampilan 1366 x 768 pixel. Nah untuk menyelesaikan kasus tersebut saya memiliki cara sendiri dengan menggunakan PHP untuk mengotomatisasi dan membaca ukuran layar monitor.&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;Penyelesaian&lt;/h2&gt;&lt;div style=&quot;text-align: left;&quot;&gt;Berikut dibawah ini adalah source code PHP untuk menangkap otomatis ukuran layar monitor yang digunakan oleh user atau pengguna aplikasi kita :&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;

&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(255, 255, 255); border-color: gray; border-image: initial; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #557799;&quot;&gt;&amp;lt;?php&lt;/span&gt;
   &lt;span style=&quot;color: #007020;&quot;&gt;session_start&lt;/span&gt;();
	 &lt;span style=&quot;color: #888888;&quot;&gt;// Script PHP untuk mengetahui Resolusi Layar Monitor&lt;/span&gt;
	&lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;if&lt;/span&gt;(&lt;span style=&quot;color: #333333;&quot;&gt;!&lt;/span&gt;&lt;span style=&quot;color: #007020;&quot;&gt;isset&lt;/span&gt;(&lt;span style=&quot;color: #996633;&quot;&gt;$_SESSION&lt;/span&gt;[&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;lebarlayar&#39;&lt;/span&gt;])){
        &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;echo&lt;/span&gt; &lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;&amp;lt;script language=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0; color: #666666; font-weight: bold;&quot;&gt;\&quot;&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;JavaScript&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0; color: #666666; font-weight: bold;&quot;&gt;\&quot;&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&amp;gt;document.location=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0; color: #666666; font-weight: bold;&quot;&gt;\&quot;&lt;/span&gt;&lt;span style=&quot;background-color: #eeeeee;&quot;&gt;$PHP_SELF&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;?r=1&amp;amp;width=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0; color: #666666; font-weight: bold;&quot;&gt;\&quot;&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;+screen.width+&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0; color: #666666; font-weight: bold;&quot;&gt;\&quot;&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&amp;amp;Height=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0; color: #666666; font-weight: bold;&quot;&gt;\&quot;&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;+screen.height;&amp;lt;/script&amp;gt;&quot;&lt;/span&gt;;
        &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;if&lt;/span&gt;(&lt;span style=&quot;color: #007020;&quot;&gt;isset&lt;/span&gt;(&lt;span style=&quot;color: #996633;&quot;&gt;$_GET&lt;/span&gt;[&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;width&#39;&lt;/span&gt;]) &lt;span style=&quot;color: #333333;&quot;&gt;&amp;amp;&amp;amp;&lt;/span&gt; &lt;span style=&quot;color: #007020;&quot;&gt;isset&lt;/span&gt;(&lt;span style=&quot;color: #996633;&quot;&gt;$_GET&lt;/span&gt;[&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;Height&#39;&lt;/span&gt;])){
            &lt;span style=&quot;color: #996633;&quot;&gt;$_SESSION&lt;/span&gt;[&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;lebarlayar&#39;&lt;/span&gt;] &lt;span style=&quot;color: #333333;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #996633;&quot;&gt;$_GET&lt;/span&gt;[&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;width&#39;&lt;/span&gt;];
            &lt;span style=&quot;color: #996633;&quot;&gt;$_SESSION&lt;/span&gt;[&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;tinggilayar&#39;&lt;/span&gt;] &lt;span style=&quot;color: #333333;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #996633;&quot;&gt;$_GET&lt;/span&gt;[&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;Height&#39;&lt;/span&gt;];
        }
   	  }
      &lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: #888888;&quot;&gt;// Menampilkan Ukuran Layar&lt;/span&gt;
   	  &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;echo&lt;/span&gt; &lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;Lebar :&quot;&lt;/span&gt;&lt;span style=&quot;color: #333333;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #996633;&quot;&gt;$_SESSION&lt;/span&gt;[&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;lebarlayar&#39;&lt;/span&gt;]&lt;span style=&quot;color: #333333;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;&amp;lt;br/&amp;gt;&quot;&lt;/span&gt;;
   	  &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;echo&lt;/span&gt; &lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&quot;Tinggi :&quot;&lt;/span&gt;&lt;span style=&quot;color: #333333;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #996633;&quot;&gt;$_SESSION&lt;/span&gt;[&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;tinggilayar&#39;&lt;/span&gt;];
&lt;span&gt; &lt;/span&gt;&lt;span style=&quot;color: #557799;&quot;&gt;?&amp;gt;&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;


&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;Penjelasan dari kode program diatas adalah memerintah javascript untuk mengambil ukuran layar monitor yang digunakan oleh user lalu menyimpannya dalam bentu Session di PHP dan ditampilkan hasil ukuran yang sudah ditangkap oleh variable $_SESSION diatas.&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEip37soSwdbaFRwbgb9ENgeb4pFucCF1v65txQU2vQT1rA_77-_VXxIAKDQ4bFyZtazFa1LPkHF7Ss-MXsPBKpCvOPLP-bhUC7C3w_Fz8lXmstMySPt41KICIrHCZPATd9dBJUDk0uH65tGy-Ksr3myIbw1QMANHTPwE2ri20SYug-quN9eSASU-KbTDg=s366&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;254&quot; data-original-width=&quot;366&quot; height=&quot;222&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEip37soSwdbaFRwbgb9ENgeb4pFucCF1v65txQU2vQT1rA_77-_VXxIAKDQ4bFyZtazFa1LPkHF7Ss-MXsPBKpCvOPLP-bhUC7C3w_Fz8lXmstMySPt41KICIrHCZPATd9dBJUDk0uH65tGy-Ksr3myIbw1QMANHTPwE2ri20SYug-quN9eSASU-KbTDg=s320&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;Hasil output dari script PHP diatas.&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;(Menangkap ukuran layar monitor)&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;h2 style=&quot;clear: both; text-align: left;&quot;&gt;Penutup&lt;/h2&gt;Sekian materi kali ini tentang script PHP yang dapat otomatis menangkap ukuran layar pada monitor user. Lebih jauh script PHP diatas bisa digunakan atau di kembangkan untuk program yang membutuhkan hasil resolusi yang sama pada setiap tampilan dari layar user misalnya untuk Aplikasi test mata atau buta warna untuk Psikotes online.&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Semoga Bermanfaat.&amp;nbsp;&lt;/div&gt;</description><link>https://www.dukungan-itq.my.id/2021/10/script-php-otomatis-menangkap-ukuran-layar-monitor.html</link><author>noreply@blogger.com (Dukungan ITQ)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/a/AVvXsEiRNj09eHrIAQB1QVLvpAH_eI-3CcZlxAygEFxET6kDL7Etrqx8g-2Beq4QxMgr0HB8KgPwGWptTR6Op23UkGw1t94oyQkCBVhSvMEe_DBOisDCq8h8VYMW0YTh9kwL87vp2u8ytdWUjlExxh0J7GL2Q0L8oyU9tLn6-cT16LrXCXGjI-FeV2HA5ENPoQ=s72-w400-h254-c" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2555960581259484405.post-7781916614457445320</guid><pubDate>Sun, 10 Oct 2021 09:03:00 +0000</pubDate><atom:updated>2021-10-10T20:00:18.047+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">php</category><category domain="http://www.blogger.com/atom/ns#">web-developer</category><title>Konsep PHP Array dan Praktek Penggunaannya Lengkap</title><description>&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEhmuwY4x2ffdPe2g4NULqzwYiaOXaKavYVpMl8ya7As-wr7Xm5njAuRbjCSS6HK6tbv7on3YBlgAnX2rPNgIVtnpANmMVTp5ImT1CzAIQCoGt2iNp_OeS7EF7cNjyzxTfBhJywycR16g9Z6y7vDzq32Ioiw0dd1Whu_avaTUxBNAH4aSp5cevngo55tfg=s1920&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;1313&quot; data-original-width=&quot;1920&quot; height=&quot;274&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEhmuwY4x2ffdPe2g4NULqzwYiaOXaKavYVpMl8ya7As-wr7Xm5njAuRbjCSS6HK6tbv7on3YBlgAnX2rPNgIVtnpANmMVTp5ImT1CzAIQCoGt2iNp_OeS7EF7cNjyzxTfBhJywycR16g9Z6y7vDzq32Ioiw0dd1Whu_avaTUxBNAH4aSp5cevngo55tfg=w400-h274&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;Gambar oleh &lt;a href=&quot;https://pixabay.com/id/users/stocksnap-894430/?utm_source=link-attribution&amp;amp;utm_medium=referral&amp;amp;utm_campaign=image&amp;amp;utm_content=699318&quot;&gt;StockSnap&lt;/a&gt; dari &lt;a href=&quot;https://pixabay.com/id/?utm_source=link-attribution&amp;amp;utm_medium=referral&amp;amp;utm_campaign=image&amp;amp;utm_content=699318&quot;&gt;Pixabay&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;

&lt;div class=&quot;toc&quot;&gt;
&lt;input type=&quot;checkbox&quot; role=&quot;button&quot; id=&quot;toctoggle&quot; class=&quot;toctoggle&quot;&gt;&lt;div class=&quot;toctitle&quot;&gt;&lt;h3&gt;Daftar Isi&lt;/h3&gt;&lt;span class=&quot;toctogglespan&quot;&gt;&lt;label class=&quot;toctogglelabel&quot; for=&quot;toctoggle&quot;&gt;&lt;/label&gt;&lt;/span&gt;&lt;/div&gt;
&lt;ul&gt;
  &lt;li&gt;1&lt;a href=&quot;#toc1&quot;&gt;Pendahuluan&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;2&lt;a href=&quot;#toc2&quot;&gt;Apa itu Array dalam Pemrograman PHP ?&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;3&lt;a href=&quot;#toc3&quot;&gt;Praktek Cara Pengkodean Array&lt;/a&gt;
    &lt;ul&gt;
    &lt;li&gt;3.1&lt;a href=&quot;#toc3-1&quot;&gt;Definisi &amp; Mengakses Array&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;3.2&lt;a href=&quot;#toc3-2&quot;&gt;Menghitung Jumlah elemen Array&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;3.3&lt;a href=&quot;#toc3-3&quot;&gt;Menggabungkan Array&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;3.4&lt;a href=&quot;#toc3-4&quot;&gt;Manipulasi Nilai Array&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;3.5&lt;a href=&quot;#toc3-5&quot;&gt;Mengurutkan Array&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;3.6&lt;a href=&quot;#toc3-6&quot;&gt;Cek Elemen Array&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;3.7&lt;a href=&quot;#toc3-7&quot;&gt;Mencari Nilai Array&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/li&gt;
  &lt;li&gt;4&lt;a href=&quot;#toc4&quot;&gt;Penutup&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;


&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;h2 id=&quot;toc1&quot; style=&quot;text-align: left;&quot;&gt;Pendahuluan&lt;/h2&gt;&lt;div style=&quot;text-align: left;&quot;&gt;Halo , kembali lagi di situs blog Dukungan ITQ , Karena ada beberapa kesibukan pekerjaan di beberapa hari pekan terakhir ini, Sekarang baru menyempatkan untuk menulis kembali. Materi kali ini tidak membahas tentang contoh kasus ataupun penyelesaiannya. Saat ini penulis ingin membahas materi dasar pemrograman yang hampir digunakan oleh seluruh bahasa pemrograman yang ada saat ini terutama PHP yaitu konsep Array dan Praktek penggunaannya lengkap.&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;Array dalam pemrograman itu ibarat sebuah rumah yang didalamnya bisa kita isikan apapun yang kita inginkan dalam konteks pemrograman isi yang dimaksud adalah sebuah data atau nilai/value.&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;Langsung saja kita bahas ya. dibawah ini.&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;h2 id=&quot;toc2&quot; style=&quot;text-align: left;&quot;&gt;Apa itu Array dalam Pemrograman PHP ?&lt;/h2&gt;&lt;div style=&quot;text-align: left;&quot;&gt;Sebuah pemrograman yang kompleks pasti didalamnya akan terdapat beberapa fungsi yang termasuk didalamnya pasti adalah komponen Array ini. Array dalam sebuah pemrograman bisa berisi suatu nilai yang dapat di kehendaki oleh programmernya itu bisa angka , huruf , dan sebagainya. Data dalam array sifatnya itu tidak terbatas jadi kita bisa isikan berapapun banyak data dalam sebuah komponen array tersebut.&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;Jadi array dalam bahasa pemrograman itu adalah sebuah fungsi yang dapat kita gunakan untuk menampung data yang kemudian dapat kita kelola kembali hasilnya dalam bentuk yang lebih mudah untuk diproses pada sisi aplikasi baik back-end ataupun front-end.&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;h2 id=&quot;toc3&quot; style=&quot;text-align: left;&quot;&gt;Praktek Cara Pengkodean Array&lt;/h2&gt;&lt;div style=&quot;text-align: left;&quot;&gt;Jika sudah mengerti apa itu Array dalam pemrograman , Selanjutnya kita bisa langsung praktek memanfaatkannya , Ada beberapa praktek penggunaan array yang sering digunakan dalam dunia pemrograman diantaranya adalah sebagai - berikut :&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;h3 id=&quot;toc3-1&quot; style=&quot;text-align: left;&quot;&gt;1.&amp;nbsp;Definisi &amp;amp; Mengakses Array&lt;/h3&gt;&lt;div&gt;Sebelum array digunakan didalam program tentu kita akan definisikan dulu kedalam sebuah variable agar mudah untuk digunakan selanjutnya. Berikut adalah contoh mendefinisikan array dalam sebuah variable dibawah ini :&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;

&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(255, 255, 255); border-color: gray; border-image: initial; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;/* Mendefinisikan array */
$arr = array(); // Semua versi PHP 
$arr = []; // php &amp;gt;= 5.4 

/* Mengakses array */
$arr = array(&#39;Isi Array 1&#39;, &#39;Isi Array 2&#39;);
echo $arr[1]; // Output : Isi Array 1
$arr = array(&#39;a&#39; =&amp;gt; &#39;Isi Array 1&#39;, &#39;Isi Array 2&#39; =&amp;gt; &#39;bar&#39;); 
echo $arr[&#39;a&#39;]; // Output : Isi Array 2
&lt;/pre&gt;&lt;/div&gt;


&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Hasil Prakteknya jika dirunning adalah sebagai berikut :&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEiiBOGCDeRlxbXFAIEejK3zlGKV4cKBUFD6MR3yc8fwU3mrVfGWEmHNRYldz-yPF2LaTWqkGbcJYOmkW53ZkgV8tCrsY0RXW5nMrHb5ns7gxrJsyROLXDjAVFeQmXSspRxdqmWXi1b0N7RBH8FGF4_jByj3Pr1YgLzKVjGP7Ise2MOuZVjvpMHrBFu3Sg=s324&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;210&quot; data-original-width=&quot;324&quot; height=&quot;207&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEiiBOGCDeRlxbXFAIEejK3zlGKV4cKBUFD6MR3yc8fwU3mrVfGWEmHNRYldz-yPF2LaTWqkGbcJYOmkW53ZkgV8tCrsY0RXW5nMrHb5ns7gxrJsyROLXDjAVFeQmXSspRxdqmWXi1b0N7RBH8FGF4_jByj3Pr1YgLzKVjGP7Ise2MOuZVjvpMHrBFu3Sg=s320&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;Hasil Praktek Definisi &amp;amp; Akses Array PHP&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;h3 id=&quot;toc3-2&quot; style=&quot;clear: both; text-align: left;&quot;&gt;2.&amp;nbsp;Menghitung Jumlah elemen Array&lt;/h3&gt;Untuk menghitung jumlah elemen pada array berikut adalah kode yang bisa digunakan :&lt;div&gt;&lt;br /&gt;&lt;div&gt;
 
 &lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(255, 255, 255); border-color: gray; border-image: initial; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;/* Menghitung Jumlah Elemen Array */
$arr = array(&#39;Data 1&#39;, &#39;Data 2&#39;, &#39;Data 3&#39;, &#39;Data 4&#39;, &#39;Data 5&#39;); 
echo count($arr); //5
&lt;/pre&gt;&lt;/div&gt;
 
 &lt;br /&gt;&lt;/div&gt;&lt;div&gt;Kode diatas akan menghasilkan nilai jumlah dari total data yang ada didalam variable $arr.&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;
  
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEgAJvSLtC629yZBo91c0tJRjSJBUWDVDWKIubXkXFIGUoQlrpSd6UpUF74HkyKMwxvuF5MLk3EBBsvHhQtWfMS8PM_kUMTU76zWaGbARy6uTsKbU5YeXAEGNEAU13-jI20bYzEZvFDctyTk32sv-Zru5iSisWquN7zAW5McwOHTmzV4h3b9Djdwxu2izQ=s336&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;207&quot; data-original-width=&quot;336&quot; height=&quot;197&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEgAJvSLtC629yZBo91c0tJRjSJBUWDVDWKIubXkXFIGUoQlrpSd6UpUF74HkyKMwxvuF5MLk3EBBsvHhQtWfMS8PM_kUMTU76zWaGbARy6uTsKbU5YeXAEGNEAU13-jI20bYzEZvFDctyTk32sv-Zru5iSisWquN7zAW5McwOHTmzV4h3b9Djdwxu2izQ=s320&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;Hasil Praktek Menghitung Jumlah elemen Array PHP&lt;/div&gt;&lt;br /&gt;&lt;h3 id=&quot;toc3-3&quot; style=&quot;text-align: left;&quot;&gt;3.&amp;nbsp;Menggabungkan Array&lt;/h3&gt;&lt;div style=&quot;text-align: left;&quot;&gt;Untuk menggabungkan&amp;nbsp;value array kita dapat menggunakan fungsi &lt;b&gt;Join() &lt;/b&gt;seperti berikut dibawah ini :&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;
  
  
 &lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(255, 255, 255); border-color: gray; border-image: initial; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;/* Menggabung value array menjadi string */
$arr = array(&#39;a&#39; =&amp;gt; &#39;Data 1&#39;, &#39;b&#39; =&amp;gt; &#39;Data 2&#39;); 
// Penggabungan disini
$string = join ($arr, &#39;, &#39;); // Data1, Data 2
&lt;/pre&gt;&lt;/div&gt;  
  
  
 &lt;div style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;Dari kode diatas isi nilai array &quot;Data 1&quot; dan &quot;Data 2&quot; digabungkan dengan fungsi join(). dengan isi parameter adalah $arr , dan &#39;,&#39; sebagai delimeter atau pemisah. koma (,) bisa kita ganti sesuai dengan keinginan kita yang digunakan nanti sebagai pemisah datanya.&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEiIQf8KVhB6VFFBR0WeHLHk_zuFtETsirSsF0xP2_ZQPXmZnoAkSA7bUu54Qh5sBoEOQcLua1OpNbNBP3O2qjueNeC85vgm2rW2jAaZimmwClnD_xgDPeEvWHPx2z5_gdZ6eaxnvo0etNh3Bya40_G9BgKepqsEGbKzNckxX57edzm6tGdzKyxleDzaBw=s343&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;258&quot; data-original-width=&quot;343&quot; height=&quot;241&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEiIQf8KVhB6VFFBR0WeHLHk_zuFtETsirSsF0xP2_ZQPXmZnoAkSA7bUu54Qh5sBoEOQcLua1OpNbNBP3O2qjueNeC85vgm2rW2jAaZimmwClnD_xgDPeEvWHPx2z5_gdZ6eaxnvo0etNh3Bya40_G9BgKepqsEGbKzNckxX57edzm6tGdzKyxleDzaBw=s320&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;Hasil Praktek Menggabungkan Array PHP&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;h3 id=&quot;toc3-4&quot; style=&quot;clear: both; text-align: left;&quot;&gt;4.&amp;nbsp;Manipulasi Nilai Array&lt;/h3&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;Nilai array juga bisa dimanipulasi misallnya dalam isi nilai array tersebut kita hendak ingin tulisan yang ditampikan menggunakan huruf kapital semua, berikut contoh kode nya :&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;

  &lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(255, 255, 255); border-color: gray; border-image: initial; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;/*Memanipulasi value dari array*/
 $arr = array(&#39;diskon harga :&#39;); 
 $upper = array_map(&#39;strtoupper&#39;, $arr); // $upper: Array ([0]=&amp;gt;FOO [1]=&amp;gt;BAR) 
 echo $upper[0];
 echo &quot;&amp;lt;br/&amp;gt;&quot;;
 //Dengan fungsi sendiri: 
 $harga = array(5000, 10000); 
 $neto = array_map(&#39;neto&#39;, $harga); 
 function neto($arr_value) { return $arr_value * 0.5; } // $neto: Array ( [0] =&amp;gt; 500 [1] =&amp;gt; 1000 )
 echo $neto[1];
&lt;/pre&gt;&lt;/div&gt;

  
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;Fungsi diatas digunakan jika kita hendak ingin merubah struktur dari nilai array dan untuk penggunaan lebih lanjut bisa disesuaikan dengan konteks dari program yang ingin dibuat.&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEjLMTAxw4gjJHaV-2r6Ly2fmcMpzN9Vdrng9DagGm0vFZAUxbs73-DfbJQi_uuJZPQ9P5EexNLuU6QunKrGEccJO3j0j9VnP5b4XZnjopHPTQDc0TAbggPV73Hfs7XJgfbsYQvWHlaBcyzUhMj_f-jfobKU7qaZX9xtKUKvN8Beh1rL1VuumR6zwpbDYw=s324&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;289&quot; data-original-width=&quot;324&quot; height=&quot;285&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEjLMTAxw4gjJHaV-2r6Ly2fmcMpzN9Vdrng9DagGm0vFZAUxbs73-DfbJQi_uuJZPQ9P5EexNLuU6QunKrGEccJO3j0j9VnP5b4XZnjopHPTQDc0TAbggPV73Hfs7XJgfbsYQvWHlaBcyzUhMj_f-jfobKU7qaZX9xtKUKvN8Beh1rL1VuumR6zwpbDYw=s320&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;Hasil Praktek Manipulasi Nilai Array PHP&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;h3 id=&quot;toc3-5&quot; style=&quot;clear: both; text-align: left;&quot;&gt;5.&amp;nbsp;Mengurutkan Array&lt;/h3&gt;Mengurutkan nilai array diperlukan jika nilai dalam array yang sudah kita definisikan sangat banyak dan dibutuhkan sebuah index urutan yang nantinya bisa memudahkan user untuk mengelola hasil datanya, berikut contoh kode nya :&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;

&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(255, 255, 255); border-color: gray; border-image: initial; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;// asort: array sort, mengubah urutan value menjadi ascending 
$arr = array(&#39;a&#39; =&amp;gt; &#39;DATA1&#39;, &#39;b&#39; =&amp;gt; &#39;DATA2&#39;); 
asort($arr); 
// arsort: array reverse sort, urutan value menjadi descending 
$arr = array(&#39;DATA1&#39;, &#39;DATA2&#39;); 
arsort($arr);
&lt;/pre&gt;&lt;/div&gt;


&lt;div&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;Dari fungsi diatas kita bisa mengurutkan nilai array secara ASC (ascending) atau dari nilai terkecil ke besar atau sebaliknya DESC (descending) dari nilai terbesar ke nilai terkecil.&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEgjyt6pn1XU8jhJcfIBiGpUEdjewIvsGL-vtr5kQENowQMa_wMm6vwFM1eqKIvAuPBefs_h_66PRbfs-D-E2JtJKY-NMycfzBRfopJLf3433HpbAScLbKzSdewz8vU7BetF49PiA45hkVZj5mIMXDO1orr8ih8PBNzHQKJiQwfmdFW6ZhbnAD3gKGX_Ug=s337&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;229&quot; data-original-width=&quot;337&quot; height=&quot;217&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEgjyt6pn1XU8jhJcfIBiGpUEdjewIvsGL-vtr5kQENowQMa_wMm6vwFM1eqKIvAuPBefs_h_66PRbfs-D-E2JtJKY-NMycfzBRfopJLf3433HpbAScLbKzSdewz8vU7BetF49PiA45hkVZj5mIMXDO1orr8ih8PBNzHQKJiQwfmdFW6ZhbnAD3gKGX_Ug=s320&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;Hasil Praktek Mengurutkan Array PHP&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;h3 id=&quot;toc3-6&quot; style=&quot;clear: both; text-align: left;&quot;&gt;6. Cek Elemen Array&lt;/h3&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;Mengecek elemen array biasanya akan kita gunakan jika kita ingin mengecek suatu nilai didalam array apakah tersedia atau tidak, Maka kode berikut ini bisa digunakan :&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;

  &lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(255, 255, 255); border-color: gray; border-image: initial; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;// in_array: cek elemen array 
$arr = array(&#39;DATA 1&#39;, &#39;DATA 2&#39;); if (in_array(&#39;DATA 1&#39;, $arr)) { echo &#39;exists&#39;; } 
//key_exists: cek key array 
$arr2 = array(&#39;a&#39; =&amp;gt; &#39;DATA 1&#39;, &#39;b&#39; =&amp;gt; &#39;DATA 2&#39;); if (key_exists(&#39;b&#39;, $arr2)) { echo &#39;exists&#39;; }
&lt;/pre&gt;&lt;/div&gt;

  
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;Pada kode diatas menjelaskan bahwa fungsi &lt;b&gt;in_array() &lt;/b&gt;akan mengecek nilai data didalam array jika tersedia maka akan menampilkan &lt;b&gt;exists&lt;/b&gt;.&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEjSyEbCZ-zGr_SsmVgx0vd3FlS65O3kBAEC9Zb84JhpNWkehAliU39_BAC-jhCHe4uZBzW0qDaZl0AUwOczeDHjmQr7y5psIxVpaswTjaxebQ9EjMpQ9NsLxKw1Qx1QTGJWBtM_iKThHVQsN2gFZ3Wn_bCmR4tam1MqMTcdqegDeh7hn7x2wLiRI4UlLA=s327&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;175&quot; data-original-width=&quot;327&quot; height=&quot;171&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEjSyEbCZ-zGr_SsmVgx0vd3FlS65O3kBAEC9Zb84JhpNWkehAliU39_BAC-jhCHe4uZBzW0qDaZl0AUwOczeDHjmQr7y5psIxVpaswTjaxebQ9EjMpQ9NsLxKw1Qx1QTGJWBtM_iKThHVQsN2gFZ3Wn_bCmR4tam1MqMTcdqegDeh7hn7x2wLiRI4UlLA=s320&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;Hasil Praktek Cek Elemen Array PHP&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;h3 id=&quot;toc3-7&quot; style=&quot;clear: both; text-align: left;&quot;&gt;7.&amp;nbsp;Mencari Nilai Array&lt;/h3&gt;&lt;div&gt;Mencari nilai array ini berguna jika kita hendak ingin memastikan bahwa data yang termuat didalam array tersebut tersedia. Berbeda dengan pengecekan elemen array yang menggunakan fungsi in_array(). dengan menggunakan fungsi &lt;b&gt;array_search() &lt;/b&gt;maka kita bisa melakukan pencarian nilai array berdasarkan keyword atau kata kunci tertentu untuk mengecek apakah data tersebut sudah benar - benar tersedia atau belum. Berikut adalah contoh kode nya :&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;
  
&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(255, 255, 255); border-color: gray; border-image: initial; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;// Mencari index berdasarkan value 
$arr3 = array(&#39;a&#39; =&amp;gt; &#39;ABC&#39;, &#39;b&#39; =&amp;gt; &#39;DEF&#39;); 
$key = array_search(&#39;DEF&#39;, $arr3);
echo &quot;&amp;lt;br/&amp;gt;&quot;;
echo $key;
&lt;/pre&gt;&lt;/div&gt;

  
&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Dari fungsi diatas maka isi variable $key akan mengisi nilai dari key array yang di temukan dari kata kunci yang di search / cari tersebut.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEjGKf7fpAgo5nMrPnyayW0KHAcOtIAdEmPe6is78fRru7UAsYX7bPqksd5DOpwP_Nv1SsQCpHzXKVTuT0GFHnOCby9Ev4xQD7bIsDkT2aCwBFEqLaSVhYcn7mqsAZP9JWTAEaGRHT873Z4UCR9cNa4SP2jcH9X8X38TBJ9QDfKWpA7An8kuCfyazJDwsQ=s330&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;206&quot; data-original-width=&quot;330&quot; height=&quot;200&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEjGKf7fpAgo5nMrPnyayW0KHAcOtIAdEmPe6is78fRru7UAsYX7bPqksd5DOpwP_Nv1SsQCpHzXKVTuT0GFHnOCby9Ev4xQD7bIsDkT2aCwBFEqLaSVhYcn7mqsAZP9JWTAEaGRHT873Z4UCR9cNa4SP2jcH9X8X38TBJ9QDfKWpA7An8kuCfyazJDwsQ=s320&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;Hasil Praktek Mencari Nilai Array PHP&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;h2 id=&quot;toc4&quot; style=&quot;text-align: left;&quot;&gt;PENUTUP&lt;/h2&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;Sekian materi kali ini tentang konsep PHP Array dan Praktek penggunaannya lengkap. Kalian bisa copy-paste semua kode diatas dan jalankan di web-server kalian masing - masing. Dan lihat apakah hasilnya sesuai dengan contoh tersebut diatas.&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;Semoga dapat membantu.&lt;/div&gt;&lt;/div&gt;</description><link>https://www.dukungan-itq.my.id/2021/09/konsep-php-array-lengkap.html</link><author>noreply@blogger.com (Dukungan ITQ)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/a/AVvXsEhmuwY4x2ffdPe2g4NULqzwYiaOXaKavYVpMl8ya7As-wr7Xm5njAuRbjCSS6HK6tbv7on3YBlgAnX2rPNgIVtnpANmMVTp5ImT1CzAIQCoGt2iNp_OeS7EF7cNjyzxTfBhJywycR16g9Z6y7vDzq32Ioiw0dd1Whu_avaTUxBNAH4aSp5cevngo55tfg=s72-w400-h274-c" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2555960581259484405.post-1166535468823257601</guid><pubDate>Sun, 26 Sep 2021 10:45:00 +0000</pubDate><atom:updated>2021-09-27T11:02:59.941+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">php</category><category domain="http://www.blogger.com/atom/ns#">web-developer</category><title>Skrip PHP Download file melalui URL</title><description>&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm-uwHB1Vb-5GgqsTNXr694ozofZDlr5dYL-6ivCAS3eiqrgnZe8faEBNZf_EgVTTlwLaR2274BBv31r4hHMZybnb8NNKTK6ohxZ-dhGWA-MoNNUFFO5gnNPll3bbCIRK5WeIndVB1waLK/s2048/storage-data-information-download-concept.jpg&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;1492&quot; data-original-width=&quot;2048&quot; height=&quot;291&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm-uwHB1Vb-5GgqsTNXr694ozofZDlr5dYL-6ivCAS3eiqrgnZe8faEBNZf_EgVTTlwLaR2274BBv31r4hHMZybnb8NNKTK6ohxZ-dhGWA-MoNNUFFO5gnNPll3bbCIRK5WeIndVB1waLK/w400-h291/storage-data-information-download-concept.jpg&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Calendar photo created by rawpixel.com - &lt;a href=&quot;https://www.freepik.com/photos/calendar&quot;&gt;www.freepik.com&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;p&gt;&lt;/p&gt;

&lt;!--Table of content--&gt;
&lt;div class=&quot;toc&quot; id=&quot;toc0&quot;&gt;
&lt;input type=&quot;checkbox&quot; role=&quot;button&quot; id=&quot;toctoggle&quot; class=&quot;toctoggle&quot;&gt;&lt;div class=&quot;toctitle&quot;&gt;&lt;h3&gt;Daftar Isi&lt;/h3&gt;&lt;span class=&quot;toctogglespan&quot;&gt;&lt;label class=&quot;toctogglelabel&quot; for=&quot;toctoggle&quot;&gt;&lt;/label&gt;&lt;/span&gt;&lt;/div&gt;
&lt;ul&gt;
  &lt;li&gt;1.&lt;a href=&quot;#toc1&quot;&gt;Pendahuluan&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;2.&lt;a href=&quot;#toc2&quot;&gt;Contoh Kasus&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;3.&lt;a href=&quot;#toc3&quot;&gt;Penyelesaian&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;

&lt;br/&gt;
&lt;h2 id=&quot;toc1&quot; style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;Pendahuluan&lt;/span&gt;&lt;/h2&gt;&lt;div&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;Download merupakan sebuah proses mengambil data dari internet (cloud) dan menyimpannya dalam memori internal di komputer kita. Agar proses mengambil data tersebut dapat berjalan baik tentu setiap server telah menyiapkan protokol atau tata cara tertentu agar memudahkan cara pengguna dalam mendownload sebuah file dari server tersebut.&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;Dari segi user atau pengguna untuk proses download mungkin hanya perlu mengikuti instruksi yang tersedia dari website atau server yang dituju. Akan tetapi jika dari segi developer (programmer) tentu hal tersebut tidak semudah yang dibayangkan ada perintah (sintaks) tertentu yang harus di rangkai agar server mau menjalankan proses download tersebut secara otomatis.&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;Biasanya untuk proses download ini perintahnya tidak terlalu rumit atau panjang , dengan bahasa pemrograman PHP berikut adalah contoh perintah sederhana untuk meminta server agar melakukan download otomatis file :&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;


&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(255, 255, 255); border-color: gray; border-image: initial; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #557799;&quot;&gt;&amp;lt;?php&lt;/span&gt;

&lt;span style=&quot;color: #888888;&quot;&gt;// path file atau lokasi file yang akan di download&lt;/span&gt;
&lt;span style=&quot;color: #996633;&quot;&gt;$filename&lt;/span&gt; &lt;span style=&quot;color: #333333;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;Documents/readme.pdf&#39;&lt;/span&gt;;

&lt;span style=&quot;color: #888888;&quot;&gt;// Cek apakah file tersebut tersedia atau tidak&lt;/span&gt;
&lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;if&lt;/span&gt; (&lt;span style=&quot;color: #007020;&quot;&gt;file_exists&lt;/span&gt;(&lt;span style=&quot;color: #996633;&quot;&gt;$filename&lt;/span&gt;)) {
        &lt;span style=&quot;color: #888888;&quot;&gt;// Jika tersedia dibawah ini adalah perintah untuk downloadnya&lt;/span&gt;
	header(&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;Content-Description: File Transfer&#39;&lt;/span&gt;);
	header(&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;Content-Type: application/octet-stream&#39;&lt;/span&gt;);
	header(&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;Content-Disposition: attachment; filename=&quot;&#39;&lt;/span&gt; &lt;span style=&quot;color: #333333;&quot;&gt;.&lt;/span&gt; &lt;span style=&quot;color: #007020;&quot;&gt;basename&lt;/span&gt;(&lt;span style=&quot;color: #996633;&quot;&gt;$filename&lt;/span&gt;) &lt;span style=&quot;color: #333333;&quot;&gt;.&lt;/span&gt; &lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;&quot;&#39;&lt;/span&gt;);
	header(&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;Expires: 0&#39;&lt;/span&gt;);
	header(&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;Cache-Control: must-revalidate&#39;&lt;/span&gt;);
	header(&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;Pragma: public&#39;&lt;/span&gt;);
	header(&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;Content-Length: &#39;&lt;/span&gt; &lt;span style=&quot;color: #333333;&quot;&gt;.&lt;/span&gt; &lt;span style=&quot;color: #007020;&quot;&gt;filesize&lt;/span&gt;(&lt;span style=&quot;color: #996633;&quot;&gt;$filename&lt;/span&gt;));
	&lt;span style=&quot;color: #007020;&quot;&gt;readfile&lt;/span&gt;(&lt;span style=&quot;color: #996633;&quot;&gt;$filename&lt;/span&gt;);
	&lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;exit&lt;/span&gt;;
}

&lt;span style=&quot;color: #557799;&quot;&gt;?&amp;gt;&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;


&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;Perintah atau sintaks diatas akan memerintahkan server untuk melakukan proses download otomatis dari path (lokasi file) yang sudah ditentukan diatas yakni &quot;&lt;b&gt;Documents/readme.pdf&lt;/b&gt;&quot;. Tentu path file tersebut dapat disesuaikan dengan lokasi file atau folder tempat penyimpanan di server agar bisa di download oleh user atau pengguna. Kembali - &lt;a href=&quot;#toc0&quot;&gt;[Daftar Isi]&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;h2 id=&quot;toc2&quot; style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;Contoh Kasus&lt;/span&gt;&lt;/h2&gt;&lt;div style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;Dalam penjelasan mengenai proses download diatas untuk perintah (sintaks) dari PHP tersebut hanya menjalankan download otomatis jika path (lokasi file) nya berada pada website atau sisi server yang sama. Misalnya user mau download &lt;b&gt;gambar.jpg&lt;/b&gt; di website &lt;b&gt;testing.com&lt;/b&gt; , tentu download file nya akan di arahkan ke halaman &lt;b&gt;testing.com/gambar.jpg&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;Asumsinya berarti gambar.jpg tersebut berada pada server testing.com dan skrip PHP diatas bisa digunakan di sisi server testing tersebut agar memudahkan user untuk melakukan proses download secara otomatis.&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;Sekarang pertanyaannya adalah bagaimana skrip PHP jika dari server testing tersebut ingin download gambar dari server lain secara otomatis misalnya server lainnya itu adalah testing2 ?&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;Nah dalam pembahasan kali ini saya akan memberitahukan perintah atau skrip PHP download file melalui URL ini bisa digunakan tidak hanya untuk sisi server kita sendiri tapi bisa digunakan untuk mendownload ke server lain karena protokol yang digunakan disini adalah URL.&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;URL (Uniform Resource Locator) adalah&amp;nbsp; suatu rangkaian karakter menurut suatu format standar tertentu (protokol), yang digunakan untuk menunjukkan suatu sumber (alamat) seperti dokumen dan gambar di Internet. Jadi dengan URL ini kita bisa mendefinisikan sebuah alamat website yang menyimpan dokumen dan gambar yang selanjutnya bisa kita unduh atau download secara langsung sesuai kebutuhan kita dan tentunya kita jangan sampai melupakan hakcipta dari dokumen atau file yang kita akan download tersebut ya. Kembali - &lt;a href=&quot;#toc0&quot;&gt;[Daftar Isi]&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;h2 id=&quot;toc3&quot; style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;Penyelesaiannya&lt;/span&gt;&lt;/h2&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;Untuk menyelesaikan kasus diatas berikut dibawah ini adalah sintak PHP nya agar bisa mendownload file melalui URL tidak hanya dari sisi server itu sendiri tapi bisa kita definisikan untuk mengambil file atau gambar dari server website lain :&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;


&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(255, 255, 255); border-color: gray; border-image: initial; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #557799;&quot;&gt;&amp;lt;?php&lt;/span&gt;

	&lt;span style=&quot;color: #888888;&quot;&gt;// fungsi download melalui URL&lt;/span&gt;
	&lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;function&lt;/span&gt; &lt;span style=&quot;color: #0066bb; font-weight: bold;&quot;&gt;download&lt;/span&gt;(&lt;span style=&quot;color: #996633;&quot;&gt;$url&lt;/span&gt;) {
	    &lt;span style=&quot;color: #007020;&quot;&gt;set_time_limit&lt;/span&gt;(&lt;span style=&quot;color: #0000dd; font-weight: bold;&quot;&gt;0&lt;/span&gt;);
	    &lt;span style=&quot;color: #996633;&quot;&gt;$ch&lt;/span&gt; &lt;span style=&quot;color: #333333;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #007020;&quot;&gt;curl_init&lt;/span&gt;();
	    &lt;span style=&quot;color: #007020;&quot;&gt;curl_setopt&lt;/span&gt;(&lt;span style=&quot;color: #996633;&quot;&gt;$ch&lt;/span&gt;, CURLOPT_URL, &lt;span style=&quot;color: #996633;&quot;&gt;$url&lt;/span&gt;);
	    &lt;span style=&quot;color: #007020;&quot;&gt;curl_setopt&lt;/span&gt;(&lt;span style=&quot;color: #996633;&quot;&gt;$ch&lt;/span&gt;, CURLOPT_FOLLOWLOCATION, &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;true&lt;/span&gt;);
	    &lt;span style=&quot;color: #007020;&quot;&gt;curl_setopt&lt;/span&gt;(&lt;span style=&quot;color: #996633;&quot;&gt;$ch&lt;/span&gt;, CURLOPT_RETURNTRANSFER, &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;true&lt;/span&gt;);
	    &lt;span style=&quot;color: #007020;&quot;&gt;curl_setopt&lt;/span&gt;(&lt;span style=&quot;color: #996633;&quot;&gt;$ch&lt;/span&gt;, CURLOPT_SSL_VERIFYHOST, &lt;span style=&quot;color: #0000dd; font-weight: bold;&quot;&gt;0&lt;/span&gt;);
	    &lt;span style=&quot;color: #007020;&quot;&gt;curl_setopt&lt;/span&gt;(&lt;span style=&quot;color: #996633;&quot;&gt;$ch&lt;/span&gt;, CURLOPT_SSL_VERIFYPEER, &lt;span style=&quot;color: #0000dd; font-weight: bold;&quot;&gt;0&lt;/span&gt;);
	    &lt;span style=&quot;color: #996633;&quot;&gt;$r&lt;/span&gt; &lt;span style=&quot;color: #333333;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #007020;&quot;&gt;curl_exec&lt;/span&gt;(&lt;span style=&quot;color: #996633;&quot;&gt;$ch&lt;/span&gt;);
	    &lt;span style=&quot;color: #007020;&quot;&gt;curl_close&lt;/span&gt;(&lt;span style=&quot;color: #996633;&quot;&gt;$ch&lt;/span&gt;);
	    header(&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;Expires: 0&#39;&lt;/span&gt;); &lt;span style=&quot;color: #888888;&quot;&gt;// no cache&lt;/span&gt;
	    header(&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;Cache-Control: must-revalidate, post-check=0, pre-check=0&#39;&lt;/span&gt;);
	    header(&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;Last-Modified: &#39;&lt;/span&gt; &lt;span style=&quot;color: #333333;&quot;&gt;.&lt;/span&gt; &lt;span style=&quot;color: #007020;&quot;&gt;gmdate&lt;/span&gt;(&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;D, d M Y H:i:s&#39;&lt;/span&gt;, &lt;span style=&quot;color: #007020;&quot;&gt;time&lt;/span&gt;()) &lt;span style=&quot;color: #333333;&quot;&gt;.&lt;/span&gt; &lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39; GMT&#39;&lt;/span&gt;);
	    header(&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;Cache-Control: private&#39;&lt;/span&gt;, &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;false&lt;/span&gt;);
	    header(&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;Content-Type: application/force-download&#39;&lt;/span&gt;);
	    header(&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;Content-Disposition: attachment; filename=&quot;&#39;&lt;/span&gt; &lt;span style=&quot;color: #333333;&quot;&gt;.&lt;/span&gt; &lt;span style=&quot;color: #007020;&quot;&gt;basename&lt;/span&gt;(&lt;span style=&quot;color: #996633;&quot;&gt;$url&lt;/span&gt;) &lt;span style=&quot;color: #333333;&quot;&gt;.&lt;/span&gt; &lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;&quot;&#39;&lt;/span&gt;);
	    header(&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;Content-Transfer-Encoding: binary&#39;&lt;/span&gt;);
	    header(&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;Content-Length: &#39;&lt;/span&gt; &lt;span style=&quot;color: #333333;&quot;&gt;.&lt;/span&gt; &lt;span style=&quot;color: #007020;&quot;&gt;strlen&lt;/span&gt;(&lt;span style=&quot;color: #996633;&quot;&gt;$r&lt;/span&gt;)); &lt;span style=&quot;color: #888888;&quot;&gt;// provide file size&lt;/span&gt;
	    header(&lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;Connection: close&#39;&lt;/span&gt;);
	    &lt;span style=&quot;color: #008800; font-weight: bold;&quot;&gt;echo&lt;/span&gt; &lt;span style=&quot;color: #996633;&quot;&gt;$r&lt;/span&gt;;
	}

	&lt;span style=&quot;color: #888888;&quot;&gt;// Masukkan URL untuk downloadnya&lt;/span&gt;
	&lt;span style=&quot;color: #996633;&quot;&gt;$url&lt;/span&gt; &lt;span style=&quot;color: #333333;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;background-color: #fff0f0;&quot;&gt;&#39;https://cdn.pixabay.com/photo/2014/08/08/07/25/here-and-now-413092_960_720.jpg&#39;&lt;/span&gt;;
	&lt;span style=&quot;color: #888888;&quot;&gt;// Jalankan Fungsi&lt;/span&gt;
	download(&lt;span style=&quot;color: #996633;&quot;&gt;$url&lt;/span&gt;);

&lt;span style=&quot;color: #557799;&quot;&gt;?&amp;gt;&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;



&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;Skrip PHP diatas sebenarnya tidak jauh berbeda dengan skrip PHP untuk download file secara umum , perbedaannya hanya jika hendak mendownload file melalui URL tentu kita perlu fungsi &lt;b&gt;cURL&lt;/b&gt;.&amp;nbsp;cURL adalah sebuah perintah atau fungsi dalam skrip PHP&amp;nbsp; yang menyediakan pustaka untuk pentransferan data menggunakan berbagai protokol jaringan. Kepanjangan dari singkatan cURL adalah&amp;nbsp; &quot;&lt;b&gt;Client URL&lt;/b&gt;&quot;.&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;Sedangkan fungsi &lt;b&gt;header() &lt;/b&gt;adalah sama dengan fungsi dalam skrip PHP diatas untuk download file normal (melalui path pada server itu sendiri) dan dapat melakukan download langsung secara otomatis.&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;Dan yang membedakannya lagi untuk skrip PHP diatas adalah untuk download file nya dibuat fungsi terpisah dan tidak ada pengecekan path sehingga server dapat langsung mengecek pada URL yang di inputkan pada variable &lt;b&gt;$url &lt;/b&gt;dan jika file nya tersedia maka akan melakukan proses download secara otomatis. Kembali - &lt;a href=&quot;#toc0&quot;&gt;[Daftar Isi]&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;Jika penjelasan diatas masih agak sulit untuk anda pahami , berikut dibawah ini adalah video tutorialnya&amp;nbsp;melalui video youtube di channel kami :&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;iframe allowfullscreen=&quot;&quot; class=&quot;BLOG_video_class&quot; height=&quot;342&quot; src=&quot;https://www.youtube.com/embed/urcQ8p_WzMk&quot; width=&quot;412&quot; youtube-src-id=&quot;urcQ8p_WzMk&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;&lt;div&gt;Sekian materi atau penjelasan singkat mengenai Skrip PHP Download File Melalui URL.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Semoga dapat membantu.&lt;/div&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;</description><link>https://www.dukungan-itq.my.id/2021/09/skrip-php-download-file-melalui-url.html</link><author>noreply@blogger.com (Dukungan ITQ)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm-uwHB1Vb-5GgqsTNXr694ozofZDlr5dYL-6ivCAS3eiqrgnZe8faEBNZf_EgVTTlwLaR2274BBv31r4hHMZybnb8NNKTK6ohxZ-dhGWA-MoNNUFFO5gnNPll3bbCIRK5WeIndVB1waLK/s72-w400-h291-c/storage-data-information-download-concept.jpg" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2555960581259484405.post-2983179452992822594</guid><pubDate>Tue, 21 Sep 2021 20:45:00 +0000</pubDate><atom:updated>2021-09-24T05:33:49.375+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">database</category><category domain="http://www.blogger.com/atom/ns#">Mysql</category><title>Cara Menghapus 2 Data dari tabel berbeda yang berelasi pada Mysql Database</title><description>&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUYgaeUFDHxJgMWGrIdad2mmE_qlDhXaa1-7aRdGtJT68IuA9sVfxIAZJ8qD3tU_KBBcOiYBrOgGNZf3VnLxAp-2hOMBp3fYYKXz8CsToaV7MvS2pZrYftu9q0BU5K3EIbOX_y4nLIIYEa/s1280/database-schema-1895779_1280.png&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;1118&quot; data-original-width=&quot;1280&quot; height=&quot;350&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUYgaeUFDHxJgMWGrIdad2mmE_qlDhXaa1-7aRdGtJT68IuA9sVfxIAZJ8qD3tU_KBBcOiYBrOgGNZf3VnLxAp-2hOMBp3fYYKXz8CsToaV7MvS2pZrYftu9q0BU5K3EIbOX_y4nLIIYEa/w400-h350/database-schema-1895779_1280.png&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;margin: initial; padding: initial;&quot;&gt;&lt;span face=&quot;&amp;quot;Open Sans&amp;quot;, Arial, sans-serif&quot; style=&quot;color: #191b26; white-space: nowrap;&quot;&gt;&lt;br /&gt;Gambar oleh&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;https://pixabay.com/id/users/mcmurryjulie-2375405/?utm_source=link-attribution&amp;amp;utm_medium=referral&amp;amp;utm_campaign=image&amp;amp;utm_content=1895779&quot; style=&quot;color: #191b26; cursor: pointer; font-family: &amp;quot;Open Sans&amp;quot;, Arial, sans-serif; margin: initial; outline: none; padding: initial; white-space: nowrap;&quot;&gt;mcmurryjulie&lt;/a&gt;&lt;span face=&quot;&amp;quot;Open Sans&amp;quot;, Arial, sans-serif&quot; style=&quot;color: #191b26; white-space: nowrap;&quot;&gt;&amp;nbsp;dari&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;https://pixabay.com/id/?utm_source=link-attribution&amp;amp;utm_medium=referral&amp;amp;utm_campaign=image&amp;amp;utm_content=1895779&quot; style=&quot;color: #191b26; cursor: pointer; font-family: &amp;quot;Open Sans&amp;quot;, Arial, sans-serif; margin: initial; outline: none; padding: initial; white-space: nowrap;&quot;&gt;Pixabay&lt;/a&gt;&lt;br /&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;h2&gt;Pendahuluan&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;Kegiatan menghapus row data pada database merupakah hal yang biasa sehari - hari dilakukan oleh seorang yang berprofesi sebagai Database Administrator. Sebagai seorang pemula tentu untuk menghapus sebuah data dari satu tabel merupakan hal yang mudah tinggal menjalankan sintak atau query dibawah ini maka data tersebut otomatis akan terhapus :&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;

&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(255, 255, 255); border-color: gray; border-image: initial; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;DELETE FROM [nama_tabel] WHERE [nama_field] = &#39;[isi_field]&#39;
&lt;/pre&gt;&lt;/div&gt;

&lt;p&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;Query diatas menjelaskan secara harfiah bahwa program memperintahkan database menghapus row data dari nama tabel yang ingin di hapus datanya lalu di kondisikan berdasarkan nama field atau kolom tertentu sama dengan parameter isi yang kita inginkan untuk dihapus.&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;Contoh Kasus&lt;/h2&gt;&lt;p&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;Dalam kasus normal seperti diatas tentu hal tersebut tidaklah menjadi masalah, Lalu bagaimana jika kita ditugaskan atau mendapatkan kasus baru dimana kita harus menghapus 2 (dua) row data sekaligus dari tabel yang berelasi. Hmm kasus yang cukup menarik ya. Tentu kita akan bahas tuntas disini. Oke misalnya saya mempunyai 2 tabel yang telah berelasi seperti terlihat pada gambar dibawah ini :&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj-wwnPR32PfUVdybstFZAH7sMI77cQBcvFSRmEFr9mX9ScDQ89KhsazNAuWikk6-0NPcmFT69Zt_8KyiWVV5QJcib-zBwvUw_2rbctUCQ1oIYR2-GXxgDMhqmG6CMEQ_5iMckPYmHd6R9/s460/table-relasi.PNG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;262&quot; data-original-width=&quot;460&quot; height=&quot;228&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj-wwnPR32PfUVdybstFZAH7sMI77cQBcvFSRmEFr9mX9ScDQ89KhsazNAuWikk6-0NPcmFT69Zt_8KyiWVV5QJcib-zBwvUw_2rbctUCQ1oIYR2-GXxgDMhqmG6CMEQ_5iMckPYmHd6R9/w400-h228/table-relasi.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Relasi Tabel User &amp;amp; User_Token&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;Penjelasan skema dari relasi gambar diatas adalah bahwa tabel utama user memiliki relasi dengan tabel user_token yang dimana pada field id_user menjadi parameter key relasi dari kedua tabel tersebut. Dalam implementasinya bisa saya jelaskan sedikit mengenai fungsi dari tabel tersebut.&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;Tabel user biasanya adalah tabel yang nantinya akan berisi data pokok dari user atau pengguna dari aplikasi atau program yang kita buat sedangkan tabel user_token biasanya digunakan sebagai tabel transaksi untuk memvalidasi data user sebelum benar - benar user tersebut dinyatakan aktif oleh sistem.&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;Hal tersebut bisa terjadi karena pada tabel user diatas ada field status yang nantinya akan berisi angka 1 atau 0 sesuai keinginan kita untuk menandakan dari hasil validasi data tersebut user akan akan aktif jika bernilai 1 atau sebaliknya.&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;Penyelesaiannya&lt;/h2&gt;&lt;p&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;Oke , Melanjutkan dari penyelesaian kasus yang kita ingin bahas diatas adalah Bagaimana perintah eksekusi atau query SQL nya&amp;nbsp; jika saya ingin menghapus data pada tabel user_token dan juga data pada tabel user jika status pada tabel usernya adalah 0 atau tidak aktif.&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;Untuk itu anda bisa memanfaatkan&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;sintak atau query dibawah ini :&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;

&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(255, 255, 255); border-color: gray; border-image: initial; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;DELETE a.*, b.* FROM user a , user_token b where a.id_user = b.id_user AND a.status = &#39;0&#39; 
&lt;/pre&gt;&lt;/div&gt;


&lt;p&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;Perintah sintak atau query diatas adalah bahwa menghapus data untuk tabel user dan tabel user_token dengan kondisi bahwa pada tabel user field id_user sama dengan field id_user yang ada pada tabel user_token dan juga statusnya harus sama dengan 0 (nol) untuk memastikan data yang dihapus hanya untuk data user yang statusnya sedang tidak aktif saja.&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;Lihat juga penyelesaian kasus ini melalui video youtube di channel kami dibawah ini :&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;iframe allowfullscreen=&quot;&quot; class=&quot;BLOG_video_class&quot; height=&quot;348&quot; src=&quot;https://www.youtube.com/embed/AzfLIBt0JzA&quot; width=&quot;419&quot; youtube-src-id=&quot;AzfLIBt0JzA&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;br /&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;Sekian materi atau penjelasan singkat mengenai cara menghapus 2 Data dari tabel yang berbeda yang berelasi pada Mysql Database.&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;Semoga dapat membantu.&lt;/span&gt;&lt;/p&gt;</description><link>https://www.dukungan-itq.my.id/2021/09/cara-menghapus-2-data-dari-tabel-berelasi-database-mysql.html</link><author>noreply@blogger.com (Dukungan ITQ)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUYgaeUFDHxJgMWGrIdad2mmE_qlDhXaa1-7aRdGtJT68IuA9sVfxIAZJ8qD3tU_KBBcOiYBrOgGNZf3VnLxAp-2hOMBp3fYYKXz8CsToaV7MvS2pZrYftu9q0BU5K3EIbOX_y4nLIIYEa/s72-w400-h350-c/database-schema-1895779_1280.png" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2555960581259484405.post-2737767839345817520</guid><pubDate>Tue, 21 Sep 2021 06:10:00 +0000</pubDate><atom:updated>2021-09-24T05:37:47.871+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">php</category><category domain="http://www.blogger.com/atom/ns#">php56</category><category domain="http://www.blogger.com/atom/ns#">php7</category><category domain="http://www.blogger.com/atom/ns#">web-developer</category><title>Mengatasi &quot;error Trying to access array offset on value of type null&quot; Pada Versi PHP. 5.6 dan PHP 7</title><description>&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhykrEuKoRyrbB_Q3pO7ymIIBYUz3FLiqY96yZk34pPy-R77ZWEuAzY_2UhZt0unwk4AWGCOiR-VSb-KuPD6qaP3pT9iLfEg3_UHVlpmhEsc1Sbr6zFN-GY8PZ3smB86NvudV5en7_jWERq/s640/programming-583923_640.jpg&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img alt=&quot;Gambar Kode PHP&quot; border=&quot;0&quot; data-original-height=&quot;341&quot; data-original-width=&quot;640&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhykrEuKoRyrbB_Q3pO7ymIIBYUz3FLiqY96yZk34pPy-R77ZWEuAzY_2UhZt0unwk4AWGCOiR-VSb-KuPD6qaP3pT9iLfEg3_UHVlpmhEsc1Sbr6zFN-GY8PZ3smB86NvudV5en7_jWERq/s16000/programming-583923_640.jpg&quot; title=&quot;Gambar Kode PHP&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Gambar oleh &lt;b&gt;Dok Sev&lt;/b&gt; dari &lt;span style=&quot;font-weight: bold;&quot;&gt;Pixabay&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-weight: 700;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;h2&gt;Pendahuluan&lt;/h2&gt;&lt;div&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;Seperti yang tertulis pada judul yaitu&amp;nbsp;Mengatasi &quot;&lt;b&gt;error Trying to access array offset on value of type null&lt;/b&gt;&quot; Pada Versi PHP. 5.6 dan PHP 7.&lt;/span&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;Karakteristik Error ini biasanya terjadi dikarenakan isi data array dalam perulangan &lt;b&gt;while( ) &lt;/b&gt;di PHP belum terdefinisikan secara utuh, Berikut contoh skrip perulangan while( ) yang sering digunakan untuk mengambil data array dari database.&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;


&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(255, 255, 255); border-color: gray; border-image: initial; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;table&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;1
2
3
4
5
6&lt;/pre&gt;&lt;/td&gt;&lt;td&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;while ($row=mysqli_fetch_array($data)){

echo $row[&#39;data1&#39;];
echo $row[&#39;data2&#39;];

}
&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;Contoh Kasus&lt;/h2&gt;&lt;p&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;
  
  Seperti terlihat pada skrip PHP diatas bahwa isi data pada hasil array &lt;b&gt;$row[&#39;data1&#39;] &lt;/b&gt;sudah langsung di tampilkan padahal belum tentu $row[&#39;data1&#39;] ini ada nilai atau value nya. Sehingga akan menimbulkan&amp;nbsp;&lt;b&gt;error Trying to access array offset on value of type null &lt;/b&gt;jika isi nilai dari hasil array tersebut mengandung nilai Null atau Kosong.&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;h2&gt;Penyelesaiannya&lt;/h2&gt;&lt;p&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;Cara Mengatasinya, Tentu dengan cara mendifinisikan terlebih dahulu dengan variable secara terpisah dan melakukan pengecekan isi nilai dengan fungsi &lt;b&gt;Isset( ) &lt;/b&gt;seperti terlihat pada skrip PHP berikut dibawah ini :&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;

&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(255, 255, 255); border-color: gray; border-image: initial; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;while ($row=mysqli_fetch_array($data)){

// Cek Nilai Value dari $row[&#39;data1&#39;];
$data1 = isset($row[&#39;data1&#39;]) ? $row[&#39;data1&#39;] : &#39;&#39;;

// Cek Nilai Value dari $row[&#39;data2&#39;];
$data2 = isset($row[&#39;data2&#39;]) ? $row[&#39;data2&#39;] : &#39;&#39;;

echo $data1; //Tampilkan langsung variable $data1
echo $data2; //Tampilkan langsung variable $data1

}&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;Skrip PHP diatas menjelaskan bahwa sebelum isi nilai $row[&#39;data&#39;] ditampilkan , dimasukkan kedalam variable $data dengan isi nya dilakukan pengecekan menggunakan fungsi &lt;b&gt;Isset( ) &lt;/b&gt;dan tanda tanya &lt;b&gt;? &lt;/b&gt;dalam skrip tersebut menunjukan nilai &lt;b&gt;True&amp;nbsp;&lt;/b&gt;di sebelah kanan nya. Solusi tersebut dapat berlaku pada versi &lt;b&gt;PHP 5.6&lt;/b&gt; dan juga versi &lt;b&gt;PHP 7.0&lt;/b&gt; atau diatasnya.&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;Demikian artikel ini untuk Cara&amp;nbsp;Mengatasi &quot;error Trying to access array offset on value of type null&quot; Pada Versi PHP. 5.6 dan PHP 7. Tentu artikel ini masih jauh dari kata sempurna, Mohon masukkannya dan Silahkan jika anda ingin berkomentar dibawah ini.&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;Lihat juga penyelesaian kasus ini melalui video youtube di channel kami dibawah ini :&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;iframe allowfullscreen=&quot;&quot; class=&quot;BLOG_video_class&quot; height=&quot;320&quot; src=&quot;https://www.youtube.com/embed/opbYI306MTQ&quot; width=&quot;384&quot; youtube-src-id=&quot;opbYI306MTQ&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;br /&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;/div&gt;</description><link>https://www.dukungan-itq.my.id/2021/09/mengatasi-error-array-offset-value-null-php.html</link><author>noreply@blogger.com (Dukungan ITQ)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhykrEuKoRyrbB_Q3pO7ymIIBYUz3FLiqY96yZk34pPy-R77ZWEuAzY_2UhZt0unwk4AWGCOiR-VSb-KuPD6qaP3pT9iLfEg3_UHVlpmhEsc1Sbr6zFN-GY8PZ3smB86NvudV5en7_jWERq/s72-c/programming-583923_640.jpg" height="72" width="72"/><thr:total>0</thr:total></item></channel></rss>