tag:blogger.com,1999:blog-47512315932940781432024-02-27T00:15:45.787+08:00Nelayan KodeMembahas berbagai macam tutorial mulai Tutorial Programming | Tips Blogging | Software | Linux | Windows | Ebook Nelayan Kodehttp://www.blogger.com/profile/11165435950315240171noreply@blogger.comBlogger246125tag:blogger.com,1999:blog-4751231593294078143.post-87741789083945773052024-01-30T09:55:00.088+08:002024-01-30T15:10:55.628+08:00Mengubah Nilai Property CSS dengan Menggunakan JavaScript<p style="text-align: left;">
Pemberian nilai pada property CSS biasanya dilakukan sebelum program
dijalankan. Adapun ketika program dijalankan maka nilai property dapat diubah
menggunakan kode JavaScipt .
</p>
<h3>Mengganti Style HTML</h3>
<div class="mb-10">Untuk mengganti style dari sebuah elemen HTML, gunakan sintaks berikut:</div>
<div class="mb-5 fw-b">Sintaks</div>
<div class="pre_output mb-20">
document.getElementById(<cl class="merah">id</cl>).style.<cl class="kuning"
>property</cl
>
= <cl class="hijau">new_style</cl>
</div>
<div class="mb-10 fw-b fs-17"><u>Contoh:</u></div>
<div class="mb-5 fw-b">HTML</div>
<div class="pre_output mb-15">
<h1 id="<cl class="merah">p2</cl>">Nelayan Kode</h1>
</div>
<div class="mb-5 fw-b">JavaScript</div>
<div class="pre_output mb-15">
document.getElementById("<cl class="merah">p2</cl>").style.<cl class="kuning"
>color</cl
>
= "<cl class="hijau">blue</cl>";
</div>
<a class="button outline" href="https://codepen.io/juve1993/pen/RwdxZPd " target="_blank">Live Demo »</a>
<h3>Mengganti Nilai dari Turunan Property</h3>
<div class="mb-10">Contoh Property CSS dan Turunannya</div>
<div class="mb-5 fw-b">Property CSS</div>
<div class="pre_output mb-15"><cl class="orange">margin:</cl></div>
<div class="mb-5 fw-b">Turunan Property CSS</div>
<div class="pre_output mb-15">
margin-<cl class="kuning">top</cl>:<br/>
margin-<cl class="kuning">right</cl>:<br/>
margin-<cl class="kuning">bottom</cl>:<br/>
margin-<cl class="kuning">left</cl>:
</div>
<p>
Untuk turunan properti maka penulisan property nya adalah dengan menghapus
tanda "<b>-</b>" dan untuk kata kedua huruf awalnya diubah menjadi <b>huruf kapital</b>.
Misalkan turunan dari property margin yakni <kbd class="kuning">margin-left</kbd> diubah menjadi
<kbd class="merah">marginLeft</kbd>.
</p>
<div class="mb-5 fw-b">Penulisan Turunan dari Property margin pada JavaScript</div>
<div class="pre_output mb-15">
margin<cl class="hijau">Top</cl>:<br/>
margin<cl class="hijau">Right</cl>:<br/>
margin<cl class="hijau">Bottom</cl>:<br/>
margin<cl class="hijau">Left</cl>:
</div>
<div class="mb-10 fw-b fs-17"><u>Contoh:</u></div>
<div class="mb-5 fw-b">HTML</div>
<div class="pre_output mb-15">
<h1 id="<cl class="merah">p2</cl>">Nelayan Kode</h1>
</div>
<div class="mb-5 fw-b">JavaScript 1</div>
<div class="pre_output mb-15">
document.getElementById("<cl class="merah">p2</cl>").style.<cl class="kuning"
>margin</cl
>
= "<cl class="hijau">0 0 0 50px</cl>";
</div>
<div class="mb-5 fw-b">JavaScript 2</div>
<div class="pre_output mb-15">
document.getElementById("<cl class="merah">p2</cl>").style.<cl class="kuning"
>marginLeft</cl
>
= "<cl class="hijau">50px</cl>";
</div>
<p>Untuk Kode JavaScript 1 dan JavaScript 2 hasilnya sama. Hanya saja untuk kasus di atas penulisan kode JavaScript 2 lebih jauh lebih sederhana.</p>
<a class="button outline" href="https://codepen.io/juve1993/pen/RwdxZPd " target="_blank">Live Demo »</a>
Nelayan Kodehttp://www.blogger.com/profile/11165435950315240171noreply@blogger.com0tag:blogger.com,1999:blog-4751231593294078143.post-29818980574791603842023-12-30T10:50:00.005+08:002024-01-05T23:02:22.366+08:00Mengatasi Sign Option yang Mengalami Freeze Saat Dibuka Pada Windows 11<p>
<b>
Mengatasi Sign Option yang Mengalami Freeze Saat Dibuka Pada Windows
11</b
> – Ada beberapa cara yang dapat dilakukan untuk membuat komputer atau
laptop semakin kencang dan tidak lemot salah satu caranya yakni dengan
mematikan service yang tidak diperlukan pada Windows.
</p>
<div class="separator" style="clear: both;"><img alt="" border="0" data-original-height="480" data-original-width="892" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5S7cECBFWqHOoSVfHtJkF1or_yiD8eTbR7IW9bQGKYOXrzhPhN61fgGBqUG9nYYWgEspk1qoKwHG3wSevFbeWj_GDbsONkXbRY4UAoHhszMhiHAbB1dRJopmHBYuh_F0UjAsfl4_kf2j1hhOYyGWHJgPp-MSh_HfvNg9RwuhyphenhyphenGFRcBeNtj28EsZ5zK1wp/s1600/Mengatasi%20Sign%20Option%20Windows%2011%20Mengalami%20Freeze.png"/></div>
<p>
Singkat cerita setelah melakukan cara diatas tiba-tiba laptop yang saya
gunakan mengalami freeze pada halaman setting setiap kali hendak masuk ke menu
Sign Option. Meskipun menu Sign Option jarang diakses akan tetapi bagi
saya hal ini cukup mengganggu.
</p>
<p>
Untuk mengatasi gangguan tersebut saya mencoba mengecek kembali pada services
Windows yang kiranya ada service yang jika dimatikan maka akan membuat menu
Sign Option Menjadi Freeze atau sangat lama untuk dibuka. Dan setelah dicek
satu persatu akhirnya saya temukan salah satu service yang yang menyebabkan
hal tersebut terjadi. Nama dari service tersebut adalah
<b>Windows Biometric Service</b>
</p>
<p>
Jadi bagi teman-teman yang juga mengalami hal yang sama dengan yang saya alami
maka dapat menyalakan kembali Windows Biometric Service pada laptop atau
komputer yang kalian miiliki.
</p>
<p>
Untuk menyalakan kembali service tersebut silahakan ketikkan Services pada
kolom pencarian. Jika sudah ketemu silahkan dibuka.
</p>
<div class="separator" style="clear: both;">
<img
alt="Mengatasi Sign Option yang Mengalami Freeze Saat Dibuka Pada Windows 11"
border="0"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6B9Yr1OUAYYDCVNIqnvNZpVNNA74CdnqwihMyffgH0dzlRNasmlDi4Cus6j3ZIkpdCHhvhUUqiBbnmwLp-T22M3PnlMgSfjgAwZUjhA9uBcJDwIcAmmXj9flD33KattU_0OdZNTjhQiFT8bSEE36OatIZQ__zcNFdto9hLrnrTmsQ5NEic2bFwGdNqot9/s16000/Cara%20Mengatasi%20Sign%20Option%20Windows%2011%20Mengalami%20Freeze%20(1).png"
title="Mengatasi Sign Option yang Mengalami Freeze Saat Dibuka Pada Windows 11"
/>
</div>
<p>
Kemudian silahkan cari service dengan nama <b>Windows Biometric Service</b>.
Kemudian double klik pada service tersebut.
</p>
<div class="separator" style="clear: both;">
<img
alt="Mengatasi Sign Option yang Mengalami Freeze Saat Dibuka Pada Windows 11"
border="0"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEOO6WcrcbNMW9IEnyNqQhgIXA7qlUNuyPr5JsXqzF1hzYWB0buS7EWtdKf6Sz93zS7WYtwHQ3nYiTqO134OCrVHZwBmPjxTbNNF6_Cp6Pvx7XpPIwg6avXtPLOfZLyza8SJ5wm7jOt4AbURimeQuMICbNS17xr5tdPaCBy4bkKwCZFHDLyWBO2df44Kep/s16000/Cara%20Mengatasi%20Sign%20Option%20Windows%2011%20Mengalami%20Freeze%20(2).png"
title="Mengatasi Sign Option yang Mengalami Freeze Saat Dibuka Pada Windows 11"
/>
</div>
<p>
Silahkan ubah Start type yang sebelumnya <b>Disabled</b> menjadi
<b>Automatic</b>. Kemudian klik <b>Ok</b>.
</p>
<div class="separator" style="clear: both;">
<img
alt="Mengatasi Sign Option yang Mengalami Freeze Saat Dibuka Pada Windows 11"
border="0"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYhXuO7yZreWZjIjwvkF03P-GSppQ8eC9GbvUHrSd4bn5WyaKOEvTypPyog5OMyP_0uS2UFsNkqAYKc6t7UVDrSciPvqcZ2P5PdNNP-YJS6ZNySoWQXzLIqrh43YGA4ozs9EyHEDIh16x0BfLn7KxQiRdYzlmPQEommMzqsS48RuzwiTxu9cTFaVvcWEXQ/s16000/Cara%20Mengatasi%20Sign%20Option%20Windows%2011%20Mengalami%20Freeze%20(3).png"
title="Mengatasi Sign Option yang Mengalami Freeze Saat Dibuka Pada Windows 11"
/>
</div>
<p>
Langkah yang terakhir silahkan restart laptop atau komputer yang sobat miliki.
</p>
<p>
Demikian tutorial cara <a
href="https://www.nelayankode.com/2023/12/mengatasi-sign-option-yang-mengalami.html"
>Mengatasi Sign Option yang Mengalami Freeze Saat Dibuka Pada Windows
11</a
>. Semoga bermanfaat. Dan jangan lupa dukung penulis dengan cara traktir kopi
melalui trakteer.id atau dengan membagikan postingan ini.
</p>
Nelayan Kodehttp://www.blogger.com/profile/11165435950315240171noreply@blogger.com0tag:blogger.com,1999:blog-4751231593294078143.post-22533408443995112512023-12-21T21:27:00.025+08:002023-12-26T06:14:29.695+08:00Cara Menghapus Paksa Aplikasi Bawaan Windows 10/11<p>
<b>Cara Menghapus Paksa Aplikasi Bawaan Windows 10/11 – </b>Ketika
telah selesai melakukan setup pertama kalinya pada laptop yang menggunakan
sistem operasi Windows 10/11 maka kita akan mendapati ada beberapa aplikasi
bawaan Windows 11 yang juga ikut terinstall pada laptop yang kita gunakan,
seperti Maps, Calculator, Feedback hub, Your Phone dll. Aplikasi bawaan ini
biasa kita kenal dengan istilah <b>Bloatware</b>.
</p>
<div class="separator" style="clear: both;">
<img
alt=""
border="0"
data-original-height="480"
data-original-width="892"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgm_GJ5jcuTw8YbbxvYvuahf_pUdS_LjaXTEO9f8jgVT8oSKKi4pbOqhj8mbeyFxOVwZq_llZsxyGS97JLoY9dS7PIUSTptUMv-tVFfV3v8UdhggAJ1RjlkQz2dOtpYvf7OkCJg_IlRldBRZJS6tYfw_c-pbOODNcxNHtB-wag3LCUYFDrC1Rrzlw9HVP8/s1600/Cara%20Uninstall%20Apllikasi%20Bawaan%20Windows%2011%20%2800%29.png"
/>
</div>
<p>
Diantara aplikasi bawaan Windows 11 tersebut ada beberapa aplikasi yang
memiliki opsi untuk di uninstall atau dihapus jika sekiranya aplikasi tersebut
tidak kita butuhkan. Akan tetapi ada juga aplikasi bawaan windows 10/11
tersebut tidak dapat di uninstall atau dihapus dan membutuhkan cara khusus
untuk menghapusnya. Salah satu contohnya yakni aplikasi <b>Phone Link</b>.
</p>
<img
border="0"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCYMhfx3Q4CwLCNLm1gjwekeeTj-NMiUVi6i9P9CD2muGkx7tnd3pMj8wfa_15F6LHyO89fk653vbXADuBAlEXooNcDyDsgTQUOo8lJTa3qmnv13npynqqTEXr5DwZjTjwZt8Wv6zRR3M6EiSS2rNjsKdXx9ZPVRaiT3G3QlkWeLLQIXVgMcYdMJHWvRey/s16000/Cara%20Uninstall%20Apllikasi%20Bawaan%20Windows%2011%20(2).png"
style="text-align: center;"
/>
<h3>Cara Menghapus Aplikasi Bawaan Windows 10/11</h3>
<p>
Untuk menghapus atau menguninstall aplikasi bawaan Windows 10/11 caranya cukup
mudah. Silahkan ikuti langkah-langkahnya di bawah ini.
</p>
<ol>
<li>
Pertama-tama buka <b>Windows PowerShell</b> dan pilih
<b>Run as administrator</b>
</li>
</ol>
<div class="separator" style="clear: both; text-align: center;">
<img
border="0"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOMO_Flz53D8GqmQiFQJ46k5D6qyAmwcafnR_bNYF5xah1gNX-kJ_yj3Q0VUDVloIzgETXfUFPPl1DPEnoHP2mTootkhvU2AU6mKuufPLkSVslLYU04azPk7iha-l0UoguQMF5UgHmTbMPEkAeIgY-j982BfNLr5N39-D40WkEYClwiQ-W7Gi3JQaMUcDr/s16000/Cara%20Uninstall%20Apllikasi%20Bawaan%20Windows%2011.png"
/>
</div>
<ol start="2">
<li>
Tampilkan daftar aplikasi yang terinstall dengan cara mengetikkan perintah
di bawah ini <kbd>Get-AppxPackage | Select Name</kbd>
kemudian tekan enter. Maka akan ditampilkan nama package dari aplikasi
bawaan Windows maupun aplikasi yang berasal dari Microsoft Store.
</li>
<li>
Silahkan copy nama package dari aplikasi yang akan dihapus. Misalnya kita
akan menghapus aplikasi <b>Phone Link.</b> Untuk aplikasi Phone Link
memiliki nama package <b>Microsoft.YourPhone </b>
</li>
</ol>
<div class="separator" style="clear: both;">
<img
border="0"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfjeJMh4F0E-VL8QmJnS8mcKelDRl9g8_68-SPb9z_Ckwd41Z1zGJJEbkxKuesYyanJkcUkNfFloxCSiwrB5NvGqD1KAvEkGmEgvLTDlhL0EtKTD-pNHCOcGz1_KOY4ikxe3DVV6jsWRNO9nTpFOl8kbByWj6L9Il_Of5-MzoABYPmDmQdZxzb0z2RYb_1/s16000/Cara%20Uninstall%20Apllikasi%20Bawaan%20Windows%2011%20(3).png"
/>
</div>
<ol start="4">
<li>
Kemudian ketikkan perintah berikut ini
<kbd
>Get-AppxPackage <b><span style="color: #e06666;">NamaPackage</span></b> |
Remove-AppxPackage</kbd
>. Silahkan ganti tulisan yang berwarna merah dengan nama package dari
aplikasi yang akan dihapus. Kemudian tekan enter.
</li>
<li>
Akan muncul notifikasi jika aplikasi berhasil dihapus seperti yang
ditunjukkan gambar di bawah ini.
</li>
</ol>
<div class="separator" style="clear: both;">
<img
alt="Cara Uninstall Aplikasi Bawaan Windows 10 / 11"
border="0"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGP2d6H2es2NEVywt-dLmyXj48MMXkzZJ6xOqgpTrWcfISmNvIvERaRRWadyMBu5d1VvP2x45X8qDdxhbNPaynUi4wrdBUvZU398LXf2LCD8KOEHvNhsqAjVpEez8rkl35Dyckv1ImZ1YPMMyGHYqjBabVVOI8072B0g1PN3brdzMcdtZR4XZkp34E6Gaa/s16000/Cara%20Uninstall%20Apllikasi%20Bawaan%20Windows%2011%20(4).png"
title="Cara Uninstall Aplikasi Bawaan Windows 10 / 11"
/>
</div>
<h3>Video Tutorial Cara Menghapus Aplikasi Bawaan Windows 10/11</h3>
<p>
Jika artikel di atas masih kurang jelas atau sulit dipahami silahkan sobat
tonton video tutorialnya di bawah ini.
</p>
<p>
Demikian tutorial
<a
href="https://www.nelayankode.com/2023/12/cara-uninstall-aplikasi-bawaan-windows.html"
><b>Cara Menghapus Aplikasi Bawaan Windows 10/11</b></a
>
semoga dapat bermanfaat dan jangan lupa share artikel ini agar orang lain yang
sedang mengalami masalah ini juga bisa ikut terbantu.
</p>
Nelayan Kodehttp://www.blogger.com/profile/11165435950315240171noreply@blogger.com0tag:blogger.com,1999:blog-4751231593294078143.post-16184275424841738952022-12-20T17:51:00.156+08:002022-12-27T05:40:49.526+08:00Perintah Dasar MySQL untuk Pemula dengan Menggunakan CMD (Command Prompt) - Bagian #1<img
alt=""
border="0"
data-original-height="481"
data-original-width="892"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgURDhyng29iOtq0OUCAW8am7ZFTQL6lfPZu0LpffddACmps_l94I3oJTiWAiAkW3Knbp7orEZnHK2dSq1Fjgv6YMwzld9hOQegQdG3mbKy18YNzCLeezVtkbpIxlUFoEZj0mbvWcxjF3B3jw9y1r5HDkIDYhuQiherOEwbsDYEyRM1zu2ESRuFE6dC0A/s1600/Perintah%20Dasar%20MySQL%20untuk%20Pemula%20dengan%20Menggunakan%20CMD%20%28Command%20Prompt%29.png"
/>
<p>
<b
>Perintah Dasar MySQL untuk Pemula dengan Menggunakan CMD (<i
>Command Prompt</i
>)</b
>
- MySQL merupakan salah satu software pengelolah database yang paling populer
digunakan. Kepopularan MySQL tidak lepas dari kelebihan yang dimilikinya.
Diantara kelebihan yang dimiliki MySQL yakni bersifat open source alias
gratis.
</p>
<p>
Ada banyak <i>software</i> digunakan untuk mengelolah database dan salah satu
yang sering digunakan adalah <b>XAMPP</b> dengan <b>phpMyAdmin</b> nya.
Download softwarenya disini XAMPP
</p>
<p>
Teruntuk pemula, MySQL cukup mudah untuk digunakan dan untuk susunan command
atau perintanya cukup mudah untuk dimengerti dan dipelajari. Biasanya untuk
pemula baris perintah tersebut dapat ditulisakan di <b>CMD</b> (<i
>Command Prompt</i
>) untuk pengguna OS windows, dan <b>Terminal</b> untuk pengguna OS Linux atau
MAC OS.
</p>
<h3>Perintah-perintah Dasar MySQL dengan Menggunakan CMD</h3>
<p>
Berkaitan dengan command atau perintah pada MySQL, ada beberapa perintah yang
wajib diketahui oleh pemula, diantaranya adalah sebagai berikut.
</p>
<h4>1. Perintah untuk mengakses MySQL</h4>
<p>Untuk dapat mengakses MySQL pada CMD di Windows maka perlu masuk dulu ke
directori tempat aplikasi XAMPP terinstall.</p>
<div class="pre_output inlineblock fs-16"><cl class="orange">CD</cl> <cl class="kuning">directory</cl></div>
<p>Ganti dengan direktori XAMPP yang anda milliki. Kemudian masuk lagi ke folder<b> mysql</b> > <b>bin</b>. Umumnya direktori yang perlu diakses adalah <kbd2>C:/xampp/mysql/bin</kbd2> </p>
<img alt="" border="0" data-original-height="95" data-original-width="568" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2OnrI7zAjql53JnRYYoCh_sDcsjDwtvuDCnTZeX9zvS73K03McReZ9vj5t3kh4kEpsP-XZgkOFfLRAeCy2rvQDgO4D4FG8C9mvwW1TmmWdcd6-OpmpWF4teKknbLaSfj_BSBua3pKScW9HWSf5E6sP_XF9vvmkx36uzJZ2bwHqUKzMxA54tnc3txS0w/s1600/Perintah%20Dasar%20MySQL%20untuk%20Pemula%20dengan%20Menggunakan%20CMD%20%28Command%20Prompt%29.png"/>
<p>Silahkan ketikkan direktori tersebut di CMD di awali dengan perintah <kbd class="merah"><b>CD</b></kbd> </p>
<img alt="" border="0" data-original-height="96" data-original-width="447" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2aPN9W6a3gWVsA4MMGymU3lmG6k7Ze3FXqOvMv9ZWdZG8T-MG0E2IEkre2t3XObZGAasJV8hOi2hV9S_nirUP4y_pjM77UJ6DeKY8L2bhcktzurY5zQxOD2UxJkFLUl-MnV5m-4R3SaUKsXdk2ROq3qzkg6nRbx47mIAaeU8juqN1oZlezqglEE1QzQ/s1600/Perintah%20Dasar%20MySQL%20untuk%20Pemula%20dengan%20Menggunakan%20CMD%20%28Command%20Prompt%29.png"/>
<p>Jika sudah berada di direktori <b>C:/xampp/mysql/bin</b>. Maka langkah selanjutnya login ke database mysql. Perintahnya adalah sebagai berikut.</p>
<div class="pre_output inlineblock mt-15 mb-20 fs-16"><cl class="orange">mysql</cl> <cl class="pink">-u</cl> <cl class="kuning">root</cl> <cl class="pink">-p</cl></div>
<img alt="" border="0" data-original-height="65" data-original-width="440" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTTIARCa586pN24YOhYv6IL75UrL3U2cA5FCBHn9tOAX2mL28hNr0PUnA-gE0j_V3z5OZR8rX9EIyRYUTzQ4kX-FMVo9_FBeIpk_lv30JELN5gv0j3kuBXRzaALqENoUwgBSOm1hP6ByL21AqN4dcN9psTfUbupeOoIdf8ylEOWXsi90jQ0tJc7U7OoA/s1600/Perintah%20Dasar%20MySQL%20untuk%20Pemula%20dengan%20Menggunakan%20CMD%20%28Command%20Prompt%29.png"/>
<p>Jika perintah di atas sudah ketikkan, maka anda akan diminta untuk memasukkan <b>password</b>. Untuk passwordnya silahkan dikosongkan saja, jika belum pernah membuat password sebelumnya. Kemudian Tekan <b>Enter</b>. Jika berhasil tampilannya akan seperti di bawah ini.</p>
<img alt="" border="0" data-original-height="92" data-original-width="803" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj_Lvbklwil4EWmXDs1vQL-RWpj-ATNJm127c1dtih2-ZWhkWyT9I21mYNwM7wDQvAtC9OtViE0xjkM_HNGRO-7e6ZVSGIx0R8cQA7fGtPEipAMzSiCHN93lJKB6QklrrfhzFiS-OZgVK9jv4-eTeZGni_NLU_TTD_1uhthjmONAGXEdHdf4DjPUaBNg/s1600/Perintah%20Dasar%20MySQL%20untuk%20Pemula%20dengan%20Menggunakan%20CMD%20%28Command%20Prompt%29.png"/>
<p>Selanjutnya anda dapat menuliskan command atau perintah dengan menggunakan bahasa SQL. Perintah pada MySQL sering disebut juga dengan istilah <b>query</b>.</p>
<h4>2. Menampilkan Database</h4>
<p>Untuk menampilkan database apa saja yang ada dalam MySQL gunakan query berikut.</p>
<div class="pre_output inlineblock mb-20 fs-16"><cl class="orange">show</cl> <cl class="kuning">databases</cl>;</div>
<img alt="" border="0" data-original-height="297" data-original-width="293" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirHen53j33kAlxdqTcwe5R52Bj4t3hLXfNQeS2zEXnSIcevwot4aeT1c9ncttl4Xw0CGm5nDWnj_sGTAxVVgWcTocq46YxHJ_5-Q4fOrTGwPXhnHyrP1jUDtU0XS_c7t0PeVGhy2uPYZvXVDrRjliewYoEcl9SfbIO0rmnnJy0mkO9hFV3XpkODWCJGg/s1600/Perintah%20Dasar%20MySQL%20untuk%20Pemula%20dengan%20Menggunakan%20CMD%20%28Command%20Prompt%29.png"/>
<h4>3. Memilih Database</h4>
<p>Dari sekian banyak database yang ada silahkan pilih salah satu database yang akan digunakan. Untuk memilih database gunakan query berikut ini.</p>
<div class="pre_output inlineblock mb-20 fs-16"><cl class="orange">use</cl> <cl class="kuning">nama_database</cl>;</div>
<div class="notes2 brown mb-25"><b>nama_database</b>, ganti dengan nama database yang ingin dipilih. Misalkan <b>db_apotek</b>.</div>
<img alt="" border="0" data-original-height="65" data-original-width="299" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsrFdFEsJIyZV31ExhF8P0FdZSEYydEI5pd3MKh41NrGmk6Bjy7vjh-d--0bN48wFWyGKu4ZftjRJgmzu0BMdAyr85IrP7iWyCG-xqlWToCIze0i20DgR_X40Ff-_e7GKISfwLrmpr_udCk_8vjsJUPGS5qbQCSHzU7naX2S472UXhNlPn0Ks4mRWXeA/s1600/Perintah%20Dasar%20MySQL%20untuk%20Pemula%20dengan%20Menggunakan%20CMD%20%28Command%20Prompt%29.png"/>
<p>Jika muncul tulisan <b>database changed</b>, itu artinya database sudah berhasil dipilih.</p>
<h4>4. Menampilkan Tabel</h4>
<p>Setelah berhasil memilih database langkah selanjutnya yakni menampilkan tabel-tabel apa saja yang ada dalam database yang kita pilih sebelumnya. Untuk menampilkan tabel gunakan query berikut ini.</p>
<div class="pre_output inlineblock mb-20 fs-16"><cl class="orange">show</cl> <cl class="kuning">tables</cl>;</div>
<img alt="" border="0" data-original-height="312" data-original-width="350" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3SPQWXHjd07H_pO7ac0NCzS1LQVLtJpYS6LyWlyjvzbNsbC0Qy3FZ3Vu2bAXx3sgopY4vKZ-vJGErcbLolhtbR1WwcT1TTUHVeNVUjY1ko_k7psMKqjEuvmIMNYhqN45wqsoWUsH_2AjFcEkdb8uoF55IyPc6vrWg3wnFGuN-WAvvB6UJZzvHmysrpA/s1600/Perintah%20Dasar%20MySQL%20untuk%20Pemula%20dengan%20Menggunakan%20CMD%20%28Command%20Prompt%29.png"/>
<h4>5. Menampilkan Struktur Tabel</h4>
<p>Untuk melihat struktur tabel seperti <b>tipe data</b>, <b>panjang data</b>, <b>key</b> dari masing-masing kolom (<i>field</i>). gunakan query berikut ini.</p>
<div class="pre_output inlineblock mb-20 fs-16"><cl class="orange">desc</cl> <cl class="kuning">nama_tabel</cl>;</div>
<div class="notes2 brown mb-25"><b>nama_tabel</b>, ganti dengan nama tabel yang ingin ditampilkan strukturnya. Misalkan tabel <b>tbl_supplier</b>.</div>
<img alt="" border="0" data-original-height="269" data-original-width="692" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2mUZ5YVW1Hdj5-7MTMBJkMTB6J7U9B91VWD6dpW-AzRDGvL1csh78gKMKi0tULZjG6_YCRYTWba386PJI7CVw_33KTRMTlfFnXaBAPkENJ4mASyUBS4RHpshoLB3W66GAd_qYYdv8S_2wR4ATttgpZaAVE7CTDrTYNwE19MtIe0hTzGVMStaGQ21Dew/s1600/Perintah%20Dasar%20MySQL%20untuk%20Pemula%20dengan%20Menggunakan%20CMD%20%28Command%20Prompt%29.png"/>
<h4>6. Menampilkan Isi (Record) Tabel</h4>
<p>Ketika menampilkan isi tabel maka kita dapat melakukan beberapa variasi sebagai berikut:</p>
<h5>Menampilkan Seluruh Isi Tabel</h5>
<p>Perintah atau query untuk menampilkan <b>seluruh</b> record dari sebuah tabel ditandai dengan tanda asteris (<b>*</b>) pada query nya. </p>
<div class="pre_output inlineblock fs-16 mb-25"><cl class="orange">SELECT</cl> <cl class="pink">*</cl><cl class="kuning">FROM</cl> nama_tabel</div>
<img alt="" border="0" data-original-height="244" data-original-width="1021" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg03UFq7dodCUi6U3dUbRY8hPi6iAmkVwKZdSv5ETsjsXx06NvogiobHUdbgah__li0N6s2jRmsNgNHsBSbum1TCMuoBbD2ghaBI6oCj5E2WwNiRYGvvfyqyaFPKqUwThM4A8byYLkNiYWTltsJzF2iP4PvzPBLCxUTzmLzKhSM3UC2k3R-O4xZaY6idw/s1600/Perintah%20Dasar%20MySQL%20untuk%20Pemula%20dengan%20Menggunakan%20CMD%20%28Command%20Prompt%29.png"/>
<div class="notes2 brown mt-20">Ganti <b>nama_tabel</b> dengan tabel yang ingin ditampilkan seluruh isi recordnya. Misalkan tabel tbl_obat.</div>
<h5>Menampilkan Isi Tabel Berdasarkan Kolom</h5>
<p>Jika ingin menampilkan isi tabel berdasarkan <b>kolom</b> atau field tertentu pada tabel, maka gunakan query berikut.</p>
<div class="pre_output inlineblock fs-16"><cl class="orange">SELECT</cl> <cl class="pink">namaKolom_1</cl>, <cl class="pink">namaKolom_2</cl>, <cl class="pink">namaKolom_3</cl>, <cl class="pink">namaKolom_N</cl> <cl class="kuning">FROM</cl> nama_tabel</div>
<p>Misalkan jika ingin menampilkan record berdasarkan kolom <b>id_obat</b>, <b>nama</b> dan <b>jenis</b> pada tabel <b>tbl_obat</b>.</p>
<img alt="" border="0" data-original-height="248" data-original-width="527" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPvl2ZQhTSr2QeCy_tqqEXCtWIi7p5R4wBKtF9MuDSH3jlUGtKRi0L3cf7dfzPb2CDh53ETPf5zx87WgINv-rpYx_yQn2yRCXRKWINSMSepUB6yEMHA6Uehvc3ectGvV2DCYQdXutq6mVVlkeSQdSRy6d3j7Emlrq_LduTNiDgLidJkj8Xgo938j1SWA/s1600/Perintah%20Dasar%20MySQL%20untuk%20Pemula%20dengan%20Menggunakan%20CMD%20%28Command%20Prompt%29.png"/>
<h5>Menampilkan Isi Tabel Berdasarkan Kondisi Tertentu</h5>
<p>Untuk menampilkan isi record pada sebuah tabel secara spesifik kita dapat menambahkan fungsi <kbd class="merah"><b>WHERE</b></kbd> pada query.</p>
<div class="pre_output inlineblock fs-16"><cl class="orange">SELECT</cl> <cl class="pink">*</cl><cl class="kuning">FROM</cl> nama_tabel <cl class="hijau">WHERE</cl> nama_kolom='isi_kolom'</div>
<p>Misalkan jika hanya ingin menampilkan record obat dengan <b>jenis</b> '<b>Tablet</b>' saja dari tabel <b>tbl_obat</b>, maka dapat menggunakan query seperti di bawah ini.</p>
<img alt="" border="0" data-original-height="202" data-original-width="994" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6MVRIbLJbFcjZBAJ7zL4H3uESdkWO3C0NCQwEWd9_OyH9hq7Dr3cXvWIUnT1haFNa6Yhrk5d8ej_WxL7l8usKtJ2B4BXzueiC8E72YK3JV1fwqPcovh15mIW188QOaCD0C20neXGeY1922FCTgqlxHg_Zs-wZeu3TyMlsJDEY0hbx2lgv5iC6tMvl-A/s1600/Perintah%20Dasar%20MySQL%20untuk%20Pemula%20dengan%20Menggunakan%20CMD%20%28Command%20Prompt%29.png"/>
<p>Untuk menampilkan record secara lebih spesifik lagi maka fungsi WHERE pada MySQL dapat menggunakan jenis operator lainnya seperti <b>operator relasi</b> dan <b>operator logika</b>. Operator relasi sendiri terdiri <b>=</b>, <b><</b>, <b>></b>, <b><=</b>, <b>>=</b> sedangkan untuk operator logika digunakan ketika ada 2 atau lebih kondisi. Operator logika yang paling sering digunakan yakni operator logika <b>AND </b>dan operator logika <b>OR</b>.</p>
<p>Berhubung fungsi WHERE pada MySQL butuh penjelesan cukup panjang, mungkin akan saya buatkan postingan khusus yang akan membahasnya secara mendalam.</p>
<p>Jika sudah paham dengan apa yang saya sampaikan di atas, maka sobat dapat lanjut untuk membaca <b>Perintah Dasar MySQL untuk Pemula dengan Menggunakan CMD (Command Prompt)</b> untuk <b>bagian #2 </b>nya. Bagian 2 baca disini<p>
Nelayan Kodehttp://www.blogger.com/profile/11165435950315240171noreply@blogger.com0tag:blogger.com,1999:blog-4751231593294078143.post-8096466981896552892022-12-18T09:24:00.035+08:002022-12-20T11:33:38.321+08:00 Cara Mudah Meningkatkan Kualitas dan Resolusi Gambar Secara Online dengan Real-ESRGAN<img alt="" border="0" data-original-height="480" data-original-width="892" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5ZmO2GCxkT0VAHFuP12e7QRil8NnvNuiUw8YGfAVYfY8gQ2tEhFk_ygLguYMTeYCwPE4ZCUlUescIORXSSp6cTNV9pPrwrnFR3ItsRz5-WxBczS7w-Zxm2azy-sAKMPuSMXse_4ObOiHfgnzwEMPGqRwROxpk5H61PnW2tGBMeCNyxw3TjT0m7Mt9Yw/s1600/dsfafasd.png"/>
<p><b>Cara Mudah Meningkatkan Kualitas dan Resolusi Gambar Secara Online dengan Real-ESRGAN</b> - real-ESRGAN merupakan merupakan sebuah aplikasi yang digunakan untuk meningkatkan kualitas pada gambar dengan menggunakan AI atau kecerdasan buatan. Selain bersifat gratis aplikasi ini juga bersifat <i>open source</i>, yang artinya siapa saja dapat ikut serta dalam pengembangan aplikasi ini. Dan satu hal yang mungkin perlu anda tahu bahwa 100% aplikasi ini dibuat dengan menggunakan bahasa pemrograman python.</p>
<p>Berhubung real-ERSGAN dibuat dengan bahasa pemrograman <b>python</b> maka untuk dapat menggunakannya kita terlebih dahulu perlu untuk menginstall aplikasi python pada komputer yang sedang digunakan. Dan jika sudah, baru anda bisa mulai untuk menggunakan real-ESRGAN ini.</p>
<p>Berbeda dengan aplikasi yang yang mungkin selama ini kita gunakan, selain proses instalasi cukup ribet, real-ESRGAN ini juga tidak memiliki UI (<i>User interface</i>) seperti kebanyakan program yang ada. Jadi untuk menggunakan anda perlu membuka <b>CMD</b> (<i>Command Prompt</i>) bagi yang memakai OS Windows dan membuka <b>Terminal</b> bagi yang menggunakan Linux atau Mac OS dan kita juga perlu menghapal beberapa baris kode untuk diketikkan pada CMD atau terminal.</p>
<p>Nah, bagi yang tidak ingin ribet dengan hal yang telah saya sebutkan di atas, maka anda tidak perlu khawatir, karena sudah ada beberapa website yang menyediakan layanan untuk meningkatkan kualitas gambar atau foto dengan menggunakan kecerdasan buatan seperti real-ESRGAN ini secara online.</p>
<h3>Ubah Gambar Low Resolution Menjadi <i>Hight Resolution</i> Secara Online</h3>
<p>Untuk mengubah gambar atau foto dari <i>low resulotion</i> ke <i>hight resolution</i> secara online silahkan ikuti langkah-langkahnya di bawah ini.</p>
<ol>
<li>Pertama-tama silahkan buka alamat website berikut ini <a href="https://replicate.com/xinntao/realesrgan" target="_blank">xinntao</a>. Maka kita akan melihat tampilan halaman awal dari website tersebut seperti di bawah ini.</li>
</ol>
<img alt="" border="0" data-original-height="526" data-original-width="893" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv7qeGU-KXbgB5yKqCdVMIzVCwlib5gwP8Bmj17DrJmGRVcXgp4AGGN9e6QOVHCVOk--W8Bq1UTu5rIFnvPXoplUShD3pBhFvD9InKcOMrZ2hcXkwMSLlBpZ5lUxA1q5Pb-tI2TM6ByJa-C_qQGOmPZrKzqE_xBmPr32pE2fvsdWJl47kHi7GqCDxasA/s1600/real-ESRGAN.png"/>
<ol start="2">
<li>Upload foto atau gambar yang akan ubah resolusinya dengan cara mengklik box yang ditunjukkan pada gambar di bawah ini atau bisa juga dengan mengambil gambar melalui webcame</li>
</ol>
<img alt="" border="0" data-original-height="285" data-original-width="892" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ1qnnPBm9wvFU4OBhIAHrx1oL4i7vuv8XhJrXCcni4Wy-zS18v1UgIuAZVD9XH_ZGIGaWDbGwLwL_xAJ7LhyBaiifAfl713jmNjoeUlLJ49jWD2SVJVtaebMQe0vn7-Es5Sfrc2Gr-QFls_hnISGXVFhY8t6Yx2zGkBmVhfhQbHIzHv6U5VY5eRxi9g/s1600/Group%202.png"/>
<ol start="3">
<li>Jika muncul window baru silahkan pilih gambar yang diinginkan dari direktori penyimpanan.</li>
</ol>
<img alt="" border="0" data-original-height="491" data-original-width="772" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0ekdv8_ggaCvq1vNmjOWTf7O3_Sag-iXXyx_drR1_oAkxqzqOOrjpInCQ3Ug4XMf67j3bp_qPwgBw1qwF71e646qylxdka_ZVKPHN513cRAs38c_Z0oWoG1ukf7ovITKU7KdzyjxiMRdwvKrkjEAUVGV52SxUVsQoe-EybuKsgs-VOX_NkhuCgU09JA/s1600/Group%204.png" />
<ol start="4">
<li>Kemudian pilih <b>versi</b> realESRGAN yang akan digunakan.</li>
</ol>
<img alt="" border="0" data-original-height="340" data-original-width="923" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKuD8_ubHcuQh1NZcYMCdRtbLAOfAiWL-0kMM7FVRnaUxZNe6mRjACj9U2Dj_AO2ZcLFR_Xi8jDRX8KjRF8BqtL1lbWyZhrYf0UmfwMSQaYE4ao2W5l6w6BoJ8IpIFnac_ggVxOxTGeCLf9EPWh04-tJn13RTT3OtKIB0UlKvwqByJ0PfijgeE-nkRcA/s1600/3%20%281%29.png" />
<div class="note-simple2 mt-20"><ul><li><b>General - RealESRGANplus</b> : Gunakan untuk meningkatkan resolusi gambar dengan parameter foto</li>
<li><b>General - V3</b> : Sama dengan versi RealESRGANplus hanya saja ini merupakan versi yang berada sedikit di bawahnya</li>
<li><b>Anime - Anime6B</b> : Gunakan untuk meningkatkan resolusi gambar dengan parameter anime atau kartun</li>
<li><b>AnimeVideo - V3</b> : Gunakan untuk video atau animasi yang berupa gambar bergerak.</li>
</ul>
</div>
<div class="notes2 brown mt-25 mb-30">Berhubung gambar yang akan digunakan berupa gambar kartun atau anime maka kita pilih yang <b>Anime - AnimeB6</b></div>
<ol start="5">
<li>Setelah itu tentukan berapa kali lipat resolusi gambar akan ditingkatkan. Bisa 2x, 4x, 6x dan 8x lipat. Dan jika hanya ingin menghilangkan noise pada gambar dan ingin tetap mempertahan resolusi awal gambar maka isi jumlah scale dengan angka 1</li>
</ol>
<img alt="" border="0" data-original-height="480" data-original-width="792" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMH2JM8kk0FRUtoYmbYffsdunCzKZAomA_Y9YPd8cukEFqofljzmomw1qAXQjBAfZQlx_UBd9F5H1ucz0krzIAcw4S0fykSfUcVCP9-H_bA5qwGeCpvFflVgK8FmQV661fpH7bz5iwu3DETLzAqzQNwZpi-yhREsHwqBxu3GB4IfuaV9ppZMzcVI8DDA/s1600/real-ESRGAN.png"/>
<ol start="6">
<li>Klik button <b>Submit</b> agar gambar dapat mulai diproses oleh AI real-ESRGAN</li>
</ol>
<ol start="7">
<li>Terakhir klik button <b>Download</b> untuk mulai mengunduh hasil gambar.</li>
</ol>
<img alt="" border="0" data-original-height="492" data-original-width="374" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixS2jXqErAJC3vr8NM4tvPBeEcLNRvlxD7b3BkpbJ6FJBg9yCy5qZiV8TwBY_KEKTlClepg8GHdBuuuigeUxVtCbsZ4_3PoP8Tosn44yMITYomK6Jxalc96ky15N_JjZl6Xj85W7L9EHkNY6HiXqvhFaG60Pb_69unyI9b--k5cutH-OC7L_EHEMcuSQ/s1600/Group%205.png" />
<h3>Hasil dari Upscalling Gambar</h3>
<p>Berikut ini hasil perbandingan gambar sebelum dan sesudah diubah resolusinya dengan menggunakan AI Real-ESRGAN.</p>
<img alt="" border="0" data-original-height="603" data-original-width="1280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOAcpzkH2zMBDatLQlS3kMwV05XiZn5AcFv9Z7rGmGY4pjy2hoy4Z2gg9kIF_P9uo5nrj2ZEwLPK9c8WNcRRLDU_G0MPqavGapI5oEUFeCtwdN4-jyty9B9VS02Zu-5ehi0P5f4pnkDpvR1MLBH6XFPdLUV0CClUrH0GvrJIriq8TNn3jaG8HTyxVNLw/s1600/Group%206.png" />
<p>Dari gambar di atas terlihat bahwa setelah dilakukan <i>upscalling</i> pada gambar dengan parameter anime menggunakan AI real-ESRGAN warnanya menjadi jauh lebih halus dan jelas. selanjutnya silahkan coba gunakan versi real-ESRGAN yang lainnya untuk menentukan mana versi yang lebih cocok dengan gambar yang diupload.</p>
Nelayan Kodehttp://www.blogger.com/profile/11165435950315240171noreply@blogger.com0tag:blogger.com,1999:blog-4751231593294078143.post-5484633411574710852022-12-11T09:05:00.051+08:002022-12-12T11:33:58.177+08:00Cara Merubah Ukuran atau Size Semua Gambar Pada Ms. Office Word <div style="text-align: center;">
<img alt="Cara Merubah Ukuran atau Size Semua Gambar Pada Ms. Office Word" border="0" data-original-height="688" data-original-width="1280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9QKMeCzSFOfzJKOmqZFcIKUJfJVB5wKuoM-pQMHee2MJxduiXEMiGaM_IxXik-jcAAqxAmUhy7lhypPMiX2vhmQ0jrmB8an9fPt-xFi2D9BHD6H4UYUCN_W5nE1lYs-5Ncy7AjTHVGKQJs7fSMS6JHBV8kInWYDitkFiTGTtU6Gc554i542TjUaF5sw/s16000/Cara%20Merubah%20Ukuran%20atau%20Size%20Semua%20Gambar%20Pada%20Ms.%20Office%20Word.png" title="Cara Merubah Ukuran atau Size Semua Gambar Pada Ms. Office Word" />
</div>
<p>
<b>Cara Merubah Ukuran atau Size Semua Gambar Pada Ms.Office Word</b> - Untuk
dapat merubah ukuran gambar pada Ms.Word maka perlu gambar tersebut perlu
diselect terlebih dahulu dengan cara klik kiri pada gambar. Kemudian akan
otomatis muncul tab menu <b>Picture Format</b> kemudian tinggal kita atur
nilai dari tinggi dan lebar gambar sesuai yang kita inginkan.
</p>
<p>
Jika ada 2 gambar lebih, maka untuk melakukan select pada gambar maka tekan
tahan tombol <kbd2><b>ctrl</b></kbd2> pada keyboard kemudian klik pada semua
gambar yang ada.
</p>
<p>
Proses seleksi untuk beberapa gambar misalnya 5-10 gambar mungkin masih mudah
kita lakukan. Akan tetapi bagaimana jika ada 100 atau 1000 lebih gambar? Maka
tentu kita akan kewalahan jika harus mengklik gambar tersebut satu persatu.
</p>
<h3>Merubah Ukuran atau Size Semua Gambar Pada Ms. Office Word</h3>
<p>
Untuk dapat melakukan seleksi dan mengubah ukuran dari semua gambar yang ada
pada MS. Word silahkan ikuti langkah-langkahnya di bawah ini.
</p>
<ol>
<li>
Pertama-tama klik <b>File</b> kemudian pada panel menu silahkan klik
<b>Customize Ribbon</b>. Setelah itu pada panel sebelah kanan beri centang
pada opsi <kbd>Developer (Custom)</kbd> dan jika sudah klik <b>Ok</b>.
</li>
</ol>
<img alt="" border="0" data-original-height="801" data-original-width="984" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE6Rj9fAx_5sqwsUWAkxTdJMjmQzcAa_uHY8dMxagOR8mbU9Z8G3Ko3wtadujiebDYMsznH9ois7Vfkibypz5f4jm_kXiYPokn3POXfwceZ570iQvMBvpJnosbf_08qdmIXGVTvz7tmqN2bgOuvA_4pCfGfH7hYtdfQMqNUG4yiPFMgS-J73r3tBn-1w/s1600/Cara%20Merubah%20Ukuran%20atau%20Size%20Semua%20Gambar%20Pada%20Ms.%20Office%20Word%201.png" />
<ol start="2">
<li>
Kembali ke halaman utama Ms. Word maka akan terlihat tab baru yakni tab
<b>Developer</b>. Pada menu tab Developer klik <b>Visual Basic</b> maka akan
muncul jendela baru seperti yang ditunjukkan gambar di bawah ini.
</li>
</ol>
<img alt="" border="0" data-original-height="517" data-original-width="1280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwKIoKkrZqNZRQC37e3gzXox3qQEHPg1fmpnrSmB19smXzbL6Kweei129yE_gIF2a7JoAImd9NeUxxVUNJPoc9P-D5xz7TpsfZqDq-WXG6HejxCrD7EJHV4XOwgsPXc9OLXeNVpUxADzV_LIDxzekPth94HVEwZ7SR-Fd1sxyiaA9q1unGeHs8WJ3YsQ/s1600/Cara%20Merubah%20Ukuran%20atau%20Size%20Semua%20Gambar%20Pada%20Ms.%20Office%20Word%202.png" />
<ol start="3">
<li>
Pada jendela baru yang muncul silahkan klik panah kecil pada icon
<b>Insert UserForm</b>. Kemudian klik <b>Module</b>.
</li>
</ol>
<img alt="" border="0" data-original-height="676" data-original-width="1280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyK2XfPtGfz9MLYqEm1tUQE-bcgNip7cemHaSObNb02dSvVdZImUbtmSwrJ5n4DwH-ux_w4vAm6mva9OfrqLuwBTuNX72iFLErzJd-2Gd607bHFqTkZESVmTsASVbk-aIV2SdvQOPQL_BJznVpwx10-gONpk8BGhLxO6dp_PN_OLznIG6Hb6AYCZ6Pkg/s1600/Cara%20Merubah%20Ukuran%20atau%20Size%20Semua%20Gambar%20Pada%20Ms.%20Office%20Word%203.png" />
<ol start="4">
<li>
Pada jendela modul silahkan paste kode di bawah ini kemudian tekan button
<b>run</b> untuk memulai proses mengubah ukuran gambar.
</li>
</ol>
<img alt="" border="0" data-original-height="567" data-original-width="1056" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe2k8AEKoaNzPe9XmRrJ8AkwdCdhvdrnXYvRTSk73-ziNZdpqj4fUS6SGjWBrv113Js7c5HJU733VwTfi99nbJ6noQJFwGWezc8IndqhWGJlxPQ4f3qUt4pSNffxTMku1czSxhKFQKN5VK7CT-fDNAWj_w-5UPNG5xalWQOyIDEuqwpRTts-WtPch7Lg/s1600/Cara%20Merubah%20Ukuran%20atau%20Size%20Semua%20Gambar%20Pada%20Ms.%20Office%20Word%204.png" />
<pre><code>Sub resize()
Dim x As Long
With ActiveDocument
For x = 1 To .InlineShapes.Count
With .InlineShapes(x)
.<marku class="biru dott">Height</marku> = <marku class="hijau dott">Centimeters</marku>ToPoints(<marku class="dott">4</marku>)
.<marku class="biru dott">Width</marku> = <marku class="hijau dott">Centimeters</marku>ToPoints(<marku class="dott">6</marku>)
End With
Next x
End With
End Sub</code></pre>
<p><b>Keterangan :</b></p>
<div class="note-simple2">
<ul>
<li>
Kode yang ditandai dengan warna <span style="color: #2b00fe;">biru</span> digunakan untuk menentukan tinggi dan
lebar gambar. <b>Height</b> untuk tinggi dan <b>Width </b>untuk lebar.
</li>
<li>
Kode yang ditandai dengan warna <span style="color: #38761d;">hijau</span> merupakan satuan panjang yang
digunakan. Silahkan sobat ganti dengan satuan yang diinginkankan. Satuan
yang umum digunakan yakni <b>Centimeters</b>, <b>Inches</b>,
<b>Pixels</b> dll.
</li>
<li>
Kode yang ditandai dengan warna <span style="color: #cc0000;">merah</span> merupakan <b>value</b> atau nilai
dari variabel tinggi dan lebar.
</li>
</ul>
</div>
<p>
Semoga postingan dengan judul Cara Merubah Ukuran atau Size Semua Gambar Pada
Ms. Office Word dapat bermanfaat. Dan jangan lupa dukung admin dengan
metraktir kopi di trakteer.id atau dengan membagikan postingan ini.
</p>
Nelayan Kodehttp://www.blogger.com/profile/11165435950315240171noreply@blogger.com0tag:blogger.com,1999:blog-4751231593294078143.post-28621393003333657882022-12-07T17:52:00.029+08:002022-12-12T18:10:23.307+08:00Cara Merubah Tampilan Attribut Placeholder Pada Input Text dengan CSS<div style="text-align: center;"><img alt="Cara Merubah Tampilan Attribut Placeholder Pada Input Text dengan CSS" border="0" data-original-height="688" data-original-width="1280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf9wi6wGyPi3fs9eMBK4mzqVXkH_eXVRh7nEYVF7troj-jU_wjstrVga59Nv-8jGVyOzZiStlheqDsEjw_pjX-QKh3qwA5TP3WiHMALujhKqgzVgfheEzjkv90eURcFgUS1iGqnsc5jIo6_Pftj-PFUPJN53hjKtfiTPLYaO63iDZbHVq39qSpC48OEg/s16000/Cara%20Merubah%20Tampilan%20Attribut%20Placeholder%20Pada%20Input%20Text%20dengan%20CSS%203.png" title="Cara Merubah Tampilan Attribut Placeholder Pada Input Text dengan CSS" /></div><p><b>Cara Merubah Tampilan Attribut Placeholder Pada Input Text dengan CSS</b> - Placeholder merupakan salah satu attribut yang biasa digunakan pada element input bertipe text. Istilah placeholder sendiri mungkin akan terdengar asing bagi sebagian orang hal ini dikarenakan pada umumnya menyebutnya dengan nama watermark.</p>
<p>Watermark sendiri merupakan penyebutan untuk teks yang biasanya muncul pada form input dan akan hilang sendiri ketika form input tersebut aktif atau ketika menerima input dari keyboard. Tujuan dari penggunaan placeholder ini sendiri adalah selain dapat membuat form text input jadi lebih menarik juga dapat memberikan informasi kepada pengguna agar mengisi form text input sesuai dengan fungsinya. Misalkan form input untuk mengisi nama maka harus disi nama, form input alamat maka harus diisikan alamat juga. Untuk lebih jelasnya perhatikan gambar di bawah ini.</p>
<img alt="" border="0" data-original-height="318" data-original-width="1280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbXRH_a141wsluRp2s8kv2SaIBpsfGT-3q1ax0hP3Kt98BiwLW0SJcO4FRBjgmiVutXsGJ_Wy2oX8MBK2vjK9sxiw3a5sGtizXLlNJTEVueA5HTUB-liW7VgYaI6TbkIqpUOeNcKcbBhvfJfjywKaalp-kjiNnddM6qaIC1NOzuEo0RHOBjjbn1e8_Fw/s1600/Cara%20Merubah%20Tampilan%20Attribut%20Placeholder%20Pada%20Input%20Text%20dengan%20CSS.png"/>
<h3>Cara Menambahkan Attribut Placeholder Pada Tag HTML</h3>
<p>Sebelum membahas mengenai pemberian style pada attribut placeholder dengan CSS, maka terlebih dahulu sobat harus mengetahui tentang tag HTML dasar untuk membuat form input dan cara menambahkan teks placeholder pada form input tersebut.</p>
<pre class="html"><code><input type="text"></code></pre>
<p>Untuk menambahkan placeholder pada text input formatnya adalah sebagai berikut.</p>
<pre class="html"><code><input type="text" placeholder="<marku class="dott">teks-placeholder</marku>"></code></pre>
<p>Silahkan ganti <kbd class="merah">teks-placeholder</kbd> dengan kata yang sobat inginkan. Misalnya ganti dengan teks atau kata <kbd class="hijau">Pencarian</kbd>.</p>
<pre class="html"><code><input type="text" placeholder="<marku class="dott">Pencarian</marku>"></code></pre>
<h3>Memberikan Style Pada Placeholder Text Input dengan CSS</h3>
<p>Untuk memberikan style pada placeholder seperti warna teks, ukuran dan jenis font maka selector yang digunakan adalah <kbd>::placeholder</kbd></p>
<pre class="css"><code>::placeholder{
color: #e1e1e1;
font-size: 14px;
font-family: 'Verdana', sans-serif;
}</code></pre>
<p>Pada kode css di atas jika digunakan maka semua text input yang ada akan mendapatkan style yang sama. Oleh karena itu agar style yang diberikan lebih spesifik kita perlu menambahkan class atau id pada tag input.</p>
<pre class="html"><code><input type="text" class="<marku class="biru dott">cari</marku>" placeholder="<marku class="dott">Pencarian</marku>"></code></pre>
<p>Maka kode cssnya akan menjadi seperti berikut.</p>
<pre class="css"><code>.<marku class="dott">cari</marku>::placeholder{
color: #e1e1e1;
font-size: 14px;
font-family: 'Verdana', sans-serif;
}</code></pre>
<p>Demikian penjelasan mengenai Cara Merubah Tampilan Attribut Placeholder Pada Input Text dengan CSS. Semoga bisa dengan mudah dipahami. Dan jika ada yang belum dimengerti silahkan tanyakan pada kolom komentar yang ada di bawah.</p>
Nelayan Kodehttp://www.blogger.com/profile/11165435950315240171noreply@blogger.com1tag:blogger.com,1999:blog-4751231593294078143.post-63615241228559822802022-12-05T16:34:00.070+08:002022-12-12T16:46:56.021+08:00Menambahkan dan Menghapus Attribut Class Pada Tag HTML dengan JavaScript<div style="text-align: center;"><img alt="Menambahkan dan Menghapus Attribut Class Pada Tag HTML dengan JavaScript" border="0" data-original-height="689" data-original-width="1280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbJmTzkBu_NfuuYvRTQnGsj-SQSceF2KL7P308TtfrWVwis-AgUuiz3cVPnMqp7Qat-T72Ix5qHNNxu6XurrAuAJyz3sAHtDA1mgcJVTJcobya4OfshnfpyUGB1B5pbPkt4epx-Sp3Yg8s1TQbAM0GMJNuhyaxcW9jskI4cZxuHnEoZyAQRdeiXvW6jA/s16000/Menambahkan%20dan%20Menghapus%20Attribut%20Class%20Pada%20Tag%20HTML%20dengan%20JavaScript.png" title="Menambahkan dan Menghapus Attribut Class Pada Tag HTML dengan JavaScript" /></div><p><b>Menambahkan dan Menghapus Class Pada Tag HTML dengan JavaScript</b> - Pada tag HTML memungkinkan kita untuk memberikan style pada tag tersebut dengan menambahkan attribut <b>Class</b>.</p>
<p>Untuk menambahkan attribut Class pada tag HTML dapat dilakukan secara manual yakni dengan cara menuliskan langsung pada tag HTML yang diinginkan. Akan tetapi proses pemberian attribut class tidak dapat dilakukan ketika file HTML sudah dijalankan. Untuk mengatasi permasalahan tersebut sobat dapat melakukannya dengan cara salah satunya adalah dengan penggunaan kode <b>JavaScript</b></p>
<p>Dengan menggunakan kode JavaScript kita dapat memanipulasi attribut Class pada tag HTML seperti menambah dan menghapus class. Untuk lebih jelasnya silahkan simak contoh di bawah ini.</p>
<p>Misalnya kita mempunya tag HTML sebagai berikut:</p>
<pre class="html"><code><div class="<marku class="dott">kotak</marku>"></div></code></pre>
<p>Pada tag div di atas memiliki class dengan nama <kbd>kotak</kbd>. Kemudian kita akan memberikan style pada tag div tersebut dengan cara membuat kode CSS nya.</p>
<pre class="css"><code>.kotak{
background: #000000;
width: 150px;
height: 35px;
cursor: pointer;
}</code></pre>
<h3>Menambahkan Attribut Class</h3>
<p>Jika kita ingin menambahkan class yang lain pada tag div tersebut kita dapat menggunakan kode JavaScript di bawah ini. Misalnya kita akan menambahkan class dengan nama <kbd>active</kbd></p>
<pre class="jav"><code><script>
let kotak = document.querySelector('.kotak');
kotak.onclick = function () {
kotak.classList.<marku class="dott">add</marku>('<marku class="hijau dott">active</marku>');
}
</script></code></pre>
<p>Maka tag div dengan class kotak ketika diklik akan mendapat tambahan class baru dengan nama <kbd class="hijau">active</kbd> sehingga tag div sekarang memiliki 2 class sekaligus.</p>
<pre class="html"><code><div class="<marku class="ungu dott">kotak</marku> <marku class="hijau dott">active</marku>"></div></code></pre>
<h3>Menghapus Attribut Class</h3>
<p>Adapun jika sobat ingin menghapus class <b>active</b> pada tag div silahkan ganti kode <kbd class="kuning">add</kbd> menjadi <kbd class="merah">remove</kbd> pada kode JavaScript di atas.</p>
<pre class="jav"><code><script>
let kotak = document.querySelector('.kotak');
kotak.onclick = function () {
kotak.classList.<marku class="dott">remove</marku>('<marku class="hijau dott">active</marku>');
}
</script></code></pre>
<h3>Download dan Demo Source Code Program</h3>
<p>Untuk dapat memahami lebih jelas sobat dapat melihat contoh kasus dari penggunaan manipulasi attribut class pada tag html seperti menambahkan dan menghapus nama class di bawah ini.</p>
<div class="btnF">
<a class="button outline" href="https://junkode.blogspot.com/2022/12/tutorial-javascript.html" target="_blank">Demo</a>
<a class="button" href="https://codepen.io/juve1993/pen/xxzmjdb" target="_blank"><i class="icon dcl"></i>Download</a>
</div>
<p>Semoga tutorial kali ini bermanfaat. Dan jangan lupa share ke teman sobat yang lainnya agar sama-sama dapat merasakan manfaatnya. Dan seperti biasanya jika ada pertanyaan mengenai postingan di atas silahkan sobat tanyakan pada kolom komentar.</p>
<div class="tag_cat">
<ul>
<li><a href="https://www.nelayankode.com/2022/12/menambahkan-dan-menghapus-attribut-css.html"># Manipulasi Attribut Class</a></li>
<li><a href="https://www.nelayankode.com/2022/12/menambahkan-dan-menghapus-attribut-css.html"># Tutorial JavaScript</a></li>
<li><a href="https://www.nelayankode.com/2022/12/menambahkan-dan-menghapus-attribut-css.html"># Menambahkan Attribut Class</a></li>
<li><a href="https://www.nelayankode.com/2022/12/menambahkan-dan-menghapus-attribut-css.html"># Menghapus Attribut Class</a></li>
<li><a href="https://www.nelayankode.com/2022/12/menambahkan-dan-menghapus-attribut-css.html"># Source Code Program</a></li>
<li><a href="https://www.nelayankode.com/2022/12/menambahkan-dan-menghapus-attribut-css.html"># Element Tag HTML</a></li>
<li><a href="https://www.nelayankode.com/2022/12/menambahkan-dan-menghapus-attribut-css.html"># Cara GetElementByClassName</a></li>
<li><a href="https://www.nelayankode.com/2022/12/menambahkan-dan-menghapus-attribut-css.html"># Tutorial JavaScript : Manipulasi Attribut HTML</a></li>
<li><a href="https://www.nelayankode.com/2022/12/menambahkan-dan-menghapus-attribut-css.html"># Tutorial HTML</a></li>
</ul>
</div>
Nelayan Kodehttp://www.blogger.com/profile/11165435950315240171noreply@blogger.com2tag:blogger.com,1999:blog-4751231593294078143.post-74500525296701875662022-08-13T17:28:00.025+08:002022-12-14T05:31:46.044+08:00Cara Cepat Merapikan Baris dan Kolom Tabel Pada Microsoft Excel<img alt="Cara Cepat Merapikan Tabel Pada Microsoft Excel" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidMnh86GS2azHPRm9bGf4J2FGpHE-ectFarzh5x6l4SkBDWQaWCiTwfNc0wsxNKA734xBFrHWvitR01M483PHm6idGsBwHzNhPX-CH9b-sfj5IFwPuf5ut_roQYpr-4JIFViJCi4nasy3xtbzBRvvb9WLRoiY0BLf7dUN_zJonTe_OVk9KON0RWs_sLQ/s16000/Cara%20Cepat%20Merapikan%20Tabel%20Pada%20Microsoft%20Excel.png" title="Cara Cepat Merapikan Tabel Pada Microsoft Excel" />
<p>
<b>Cara Cepat Merapikan Baris dan Kolom Tabel Pada Microsoft Excel</b> – Pada postingan kali ini kita akan membahas lagi mengenai tips dan trik
Microsoft Excel yakni bagaimana cara merapikan tabel yang berantakan dengan
cepat. Karena dalam bebera kasus mungkin kita pernah melihat sebuah tabel yang
isinya terpotong atau tak terlihat lantaran ukuran kolom pada tabel tersebut
berukuran kecil.
</p>
<p>
Biasanya untuk merapikan tabel dapat dilakukan secara manual dengan cara
menggeser garis pada masing-masing kolom atau <i>field</i>. Jika kolom pada
tabel hanya berjumlah sedikit, maka cara tersebut masih mungkin bisa
digunakan. Akan tetapi beda lagi ceritanya jika kolom yang dimiliki pada tabel
berjumlah banyak misalnya ada 100 kolom atau lebih maka tentunya akan
membutuhkan waktu yang cukup lama untuk merapikannya.
</p>
<h3>Cara Cepat Merapikan Tabel Pada Microsoft Excel</h3>
<p>Sebenarnya ada banyak cara untuk merapikan kolom dan baris pada tabel di Ms. Excel dan salah satu cara yang saya rasa cukup mudah dan cepat untuk dilakukan adalah menggunakan <b>Hotkey</b>. Bagi yang belum tahu hotkey merupakan pintasan tombol yang fungsinya untuk mempercepat penggunaan fitur. Contoh hotkey yang umum kita gunakan adalah <b>Ctrl + A</b> untuk memblock teks dan gambar, <b>Ctrl + C</b> untuk melakukan perintah copy, <b>Ctrl + V</b> untuk melakukan perintah paste dan masih banyak lainnya. Biasanya beberapa orang menyebut istilah hotkey ini dengan sebutan yang lain yakni <b>Shortcut.</b>
</p>
<p>Berikut ini beberapa <i>shortcut </i>atau <i>hotkey</i> yang sobat dapat gunakan untuk merapikan tabel dengan cepat pada Ms.Excel.</p>
<ol>
<li>
Block semua cell pada tabel atau dengan cara menekan <b>Ctrl + A </b>pada
keyboard.
<div class="keyb"><kbr>Ctrl</kbr> + <kbr>A</kbr></div>
</li>
<li>
Kemudian untuk merapikannya tekan kombinasi tombol <b>Alt + A + O + C</b> pada keyboard.
<div class="keyb"><kbr>Alt</kbr> + <kbr>A</kbr> + <kbr>O</kbr> + <kbr>C</kbr></div>
</li>
</ol>
<p><b>Tabel sebelum dirapikan.</b></p>
<div class="separator" style="clear: both;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ-xrY55DL3vhnPob4Vzp2juAZxSbjnxkDsXq_-vfUnQME7Ic6l6gM2ZglwBFAi4VbXKjsfOgtlfKSQeHtwBz7e7e0VkWh136CXB59wFFVgPVBlVMDYmRyuxc_GGwWVfDR1vWJwYbGWAe4HX6DVqbbEtx9_NkBNoDZyv5cs0Un5GOBRIwBfkfkyRciuQ/s16000/Cara%20Cepat%20Merapikan%20Tabel%20Pada%20Microsoft%20Excel%201.png" />
</div>
<p><b>Tabel setelah dirapikan. </b></p>
<div class="separator" style="clear: both;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2Jw7z3HcbbrilRnkxBV_rJfWNwuqxdpVQTuMUeONLMPXKUeS2lkTkqnSCeN-rDZm2YfCU7nr0Z3pA0zPnUUW4GVm9_P3Vs9YmIRqFwcEl87T6GocVl7fi5Masz9-NjOz09PD9ik1QAfieLceAIDv0P88g5T5vEcXF4SYBpUfvI6bA-OC7u5uULTbT_A/s16000/Cara%20Cepat%20Merapikan%20Tabel%20Pada%20Microsoft%20Excel%202.png" />
</div>
<p>
Maka akan tampak nama yang sebelumnya hanya tampil sebagian, sekarang bisa
tampil secara penuh setelah dirapikan. Untuk lebih jelasnya sobat dapat
menonton tutorial singkatnya di bawah ini.
</p>
<p>
Semoga tips kali ini bermanfaat. Tunggu tips dan trik Microsoft Excel yang
menarik lainnya.
</p>
<div class="tag_cat">
<ul>
<li><a href="https://www.nelayankode.com/2022/08/cara-cepat-merapikan-tabel-pada.html"># Cara Cepat Merapikan Tabel Pada Microsoft Excel</a></li>
<li><a href="https://www.nelayankode.com/2022/08/cara-cepat-merapikan-tabel-pada.html"># Cara Merapikan Tabel di Excel Secara Praktis</a></li>
<li><a href="https://www.nelayankode.com/2022/08/cara-cepat-merapikan-tabel-pada.html"># Cara Melebarkan Kolom dan Baris Excel dengan Cepat</a></li>
<li><a href="https://www.nelayankode.com/2022/08/cara-cepat-merapikan-tabel-pada.html"># Cara Merapikan Kolom dan Baris Excel secara Otomatis</a></li>
<li><a href="https://www.nelayankode.com/2022/08/cara-cepat-merapikan-tabel-pada.html"># Cara Merapikan Tabel di Excel dengan Cepat Hanya 5 Detik!</a></li>
<li><a href="https://www.nelayankode.com/2022/08/cara-cepat-merapikan-tabel-pada.html"># Cara Merapikan Tabel di Excel Versi Baru Maupun Lama</a></li>
<li><a href="https://www.nelayankode.com/2022/08/cara-cepat-merapikan-tabel-pada.html"># Cara Menyamakan Ukuran Kolom di Microsoft Excel</a></li>
</ul>
</div>
Nelayan Kodehttp://www.blogger.com/profile/11165435950315240171noreply@blogger.com2tag:blogger.com,1999:blog-4751231593294078143.post-55498115860792749822022-08-11T20:54:00.010+08:002022-12-05T07:15:50.943+08:00Cara Print File PDF 2 Halaman dalam 1 Lembar Kertas<div style="text-align: center;"><img alt="Cara Print File PDF 2 Halaman dalam 1 Lembar Kertas" border="0" data-original-height="688" data-original-width="1280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd_GFdUcmJA4GmPyzMmDAjAurw-jIwnsHINjEQSEO9cydjLNhfKAPAy5P5qGM2c5OLIEuG0iWCtlErtKVPVavC4dmPR2k6KSb9Sm52TtpJ0ZNHQjgfto8RFKH0THA6shDWnIjZZ2NBlxgBA2uJd5SpXGVmLlAhKMY7pAbso5t5Vo4vmUvPmwG4h34gJA/s16000/Cara%20Print%20File%20PDF%202%20Halaman%20dalam%201%20Lembar%20Kertas.png" title="Cara Print File PDF 2 Halaman dalam 1 Lembar Kertas" /></div><p>
Jika memiliki dokumen yang ingin dicetak dengan halaman yang banyak, maka
kertas dan jumlah tinta yang digunakan juga akan banyak. Hal ini tentu
berdampak pada biaya percetakan yang akan semakin mahal.
</p>
<p>
Untuk mengatasi hal di atas salah satu cara yang bisa digunakan adalah dengan
mencetak 2 halaman atau lebih dalam satu kertas.
</p>
<p>
Dengan menggunakan cara di atas memang dapat mengurangi biaya pencetakan akan
tetapi mencetak dengan cara di atas juga memiliki kekurangan yakni tulisan
atau gambar yang dicetak menjadi lebih kecil dari ukuran normalnya. Sehingga
kemungkinan akan sulit untuk dilihat dan dibaca.
</p>
<h3>Cara Print File PDF 2 Halaman dalam 1 Lembar Kertas</h3>
<p>
Untuk mencetak 2 halaman atau lebih dalam 1 kertas pada file atau dikumen
dengan format PDF dapat dilakukan dengan cara di bawah ini.
</p>
<ol><li>
Pertama-tama silahkan sobat buka file pdf yang akan sobat cetak. Saya sarankan untuk menggunakan browser bawaan windows untuk membukanya yakni <b>Microsoft Edge</b>. Kemudian
klik icon print seperti yang ditunjukkan oleh gambar di bawah ini. Atau dengan
menggunakan shortcut <b>Ctrl + P</b> pada keyboard.
</li></ol>
<div class="separator" style="clear: both;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiqHLgtTajvY7z3qUGXwKj7Z0CUK9fae3zsqyDg2IIcAc45kVY5xq-JeKv0fsShal6SiyYi3fHSwECFD9zYg97qAuUmU4bcSDy-DGnRLKUBtY2S7e_0tn7RcBQPYN-l2RenQAZri3FBFnZ3KN19Y0eaZT7mRd4dsNmIV8JmQHwWEEsDy7zlh7qzUnNRw/s16000/Cara%20Print%20File%20PDF%202%20Halaman%20dalam%201%20Lembar%20Kertas1.png" />
</div>
<ol start="2"><li>Pada jendela print silahkan cari menu <b>More Settings</b>. </li></ol>
<div class="separator" style="clear: both;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgke8mHUP6udAmpgb_FC4AKlLuGi6bE37xkjP1Y9d13mz34XbcUf16Nq-57l4XMczV5DJO_auw0Sp7Zex6p9GSzQ_VXKy34eSi4Ye5OGjvDrfxFVTpLplPy9ciUmY7-IF8niobTr9tGpBaF2ZjTkud1kAcwMLndvEfx3W77i9DLrH1gt8gyZFqpYEqMBA/s16000/Cara%20Print%20File%20PDF%202%20Halaman%20dalam%201%20Lembar%20Kertas2.png" />
</div>
<ol start="3"><li>
Kemudian pada opsi <b>Pages per sheet</b> pilih jumlah halaman yang ingin dicetak
dalam satu kertas. Misalnya jika ingin mencetak 2 halaman dalam satu kertas maka
sobat tinggal memilih angka 2. Maka pada halaman print preview sobat dapat
melihat terlebih dahulu seperti apa jika 2 halaman digabung dalam 1 kertas.
</li></ol>
<div class="separator" style="clear: both;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV4coFyLZGIhuvt42jGKz3FQNoDYzZ4Rel284bMa4820Veza-gEBxMz4HPTWN8lp06j0eSha7JBcSBbqYLcNN0h20tD8JIjHO-4GTTb03UtQwqH8_S0unb-EVyXARJlcR003f4_ttaCnTyPlYK8pphR3OMY9LQ_bhdpUXVo27aVmQughUhTfDSKNjKQw/s16000/Cara%20Print%20File%20PDF%202%20Halaman%20dalam%201%20Lembar%20Kertas3.png" /></div>
<ol start="2"><li>
Dan yang terakhir tinggal klik tombol <b>Print</b> untuk memulai mencetak dokumen
pdf.</li></ol>
<p>
Semoga tutorial kali ini bermanfaat. Dan jangan lupa untuk mendukung penulis
mentraktir kopi melalui trakteer.id atau dengan cara membagikan postingan
ini. Terima kasih.
</p>
Nelayan Kodehttp://www.blogger.com/profile/11165435950315240171noreply@blogger.com1tag:blogger.com,1999:blog-4751231593294078143.post-62829292533621530022022-08-09T20:12:00.061+08:002022-12-13T00:07:54.224+08:00Eksport Tabel dari Database MySQL ke Microsoft Excel dengan Format CSV<div style="text-align: center;"><img alt="Eksport Tabel dari Database MySQL ke Microsoft Excel dengan Format CSV" border="0" data-original-height="689" data-original-width="1280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoASiLpbRM-xeVg05XJj70vmEMfrASX_hbV3LQzBn34anbrhl70u-sD3AhGqHEL7BR5X8lQ5GkwwXt7iH1zT-nfYEpZzq3U4iU3Ure4JnmBz-uHyW_tGKxBpP1bY173hBc7hs1UOqjgi0dj5ZctqRcFUTBC-XC3Cu4umDMoEnrFg-cUfKMP0wy4F_82w/s16000/Group%2012.png" title="Eksport Tabel dari Database MySQL ke Microsoft Excel dengan Format CSV" /></div><p>Salah satu fitur yang disediakan pada database MySQL adalah memungkikan kita untuk mengeksport data yang ada dalam database dan menyimpannya dalam bentuk format <b>.CSV </b> tanpa menggunakan software lainnya lagi.</p>
<p>Format CSV merupakan salah satu format yang bisa dibaca atau dibuka dengan menggunakan aplikasi <b>Microsoft Excel</b>. Sehingga dapat memudahkan jika seandainya data tersebut ingin dibuka di komputer atau perangkat lainnya. Karena seperti yang kita tahu, untuk membaca data yang ada dalam database MySQL maka memerlukan aplikasi khusus seperti XAMPP yang mana kemungkinan aplikasi tersebut belum terinstall di komputer lainnya.</p>
<h3>Cara Eksport Tabel dari Database MySQL ke Microsoft Excel dengan Format CSV</h3>
<p>Untuk mengeksport data dari database MySQL dengan Format CSV, silahkan ikuti tutorialnya di bawah ini. </p>
<ol>
<li>Perta-tama jalankan aplikasi XAMPP. Kemudian jalankan service <b>Apache</b> dan <b>MySQL</b> dengan mengklik tombol mulai atau <b>Start</b>.
</li>
</ol>
<div class="separator" style="clear: both;"><img alt="" border="0" class="olimg top" data-original-height="544" data-original-width="837" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD0hGyoPOM3FocvjNP-SwAxYAwsATFHwPzeDS1MukYgswb8aN_QpYxJS_U2ammzsEUXuLDGSwMlsEVzLDIVPbNGUEHvOB7iD64lorJJH2-vn8ALN_iAL-pDJ-Eog0sdrFtjcK6FxnVZikxvducmWAKr8-uw75zJR2dWAzeGzp3oCYFTIQJCqO5CD_Ctg/s1600/Eksport%20Tabel%20dari%20Database%20MySQL%20ke%20Microsoft%20Excel%20dengan%20Format%20CSV%201%20%282%29.png" /></div>
Jika service berhasil dijalankan maka hasilnya akan seperti gambar di bawah ini.
<div class="separator" style="clear: both;"><img alt="" border="0" class="olimg bott" data-original-height="544" data-original-width="837" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikQvwGHMoXpPngberheS8hcDk6bdvLB4PZPve-074bgKcONvOTnPSdWlGD8UOVa8_HVwXjpou1CHtaWlS7uPPTnkY6JQ1nBnXk18que-jMmWN5QK5LFvzb7VHbQZadOqfOvuhN0yPCEo4WbqThgtzZVPvnlPMkZ2XvkAKCJsW_8lFzs-ySlaMgT5Yrow/s1600/Eksport%20Tabel%20dari%20Database%20MySQL%20ke%20Microsoft%20Excel%20dengan%20Format%20CSV%202%20%282%29.png" /></div>
<ol start="2">
<li>Buka browser seperti kemudian pada bagian adressbar ketikkan <b>http://localhost</b> dan tekan enter. Kemudian klik <b>phpMyAdmin</b></li>
</ol>
<img alt="" border="0" class="olimg" data-original-height="281" data-original-width="1188" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9Ijv49MAQcrsZo73xxyCjKCWPxYoVUji_Q5wb8z4QbeeEfeDoXybnlg67MoOHXqgMMtF2E7qcSawEn2Y4_daHmCGYNViHnHhPya77n-mF0GwgX4dtHWrX4HimKW9a7A7_EqbsvwlbqbNXHDYocbbDvRzgVkcj6mxrteg8ppYHHsASsqsYqZ21865T5A/s1600/Eksport%20Tabel%20dari%20Database%20MySQL%20ke%20Microsoft%20Excel%20dengan%20Format%20CSV%205%20%282%29.png" />
<ol start="3">
<li>Pilih tabel pada database yang diinginkan. Misalnya pada contoh kasus di bawah saya memilih <b>tabel_pendaftaran</b> yang ada di dalam database <b>db_puskesmas</b></li>
</ol>
<img alt="" border="0" class="olimg top" data-original-height="277" data-original-width="284" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHboTxh5dhHzzTCusZ4w7nT8Kcya_0q9UkxMs_5VPMcRnpxZOnrpjffi_8hxcxz2ktMDhqG5w0uFoalvrzjLGVD3uir93EPbZLaP_yLfcYSl4nOZPT9dZeHhdX2YPBbM8_MUlCaplptPETAIgimr5SmxRB6ki4IFioT8IWXteMw7QfcJ2A3VpdRtGoJQ/s1600/Eksport%20Tabel%20dari%20Database%20MySQL%20ke%20Microsoft%20Excel%20dengan%20Format%20CSV%206%20%283%29.png" />
<ol start="3">
<li>Silahkan centang pada data mana saja yang akan diambil. Jika ingin mengambil semua data pada tabel silahkan centang pada menu <b>Check All</b></li>
</ol>
<img alt="" border="0" class="olimg" data-original-height="456" data-original-width="990" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYAPFVhkHKejvJnVbIIEwffBI4p0C92yC8QJke-Ts1EESwpAxdqMMSU7pAxKcmbkaxCCNVIveoR1Wa8Funli1InxnXWHiRI7W3-EFeBhzJv4ZM57agbUxPJaQLVyWaZ_vMztQe5cprvYE4dO8A00r_SdKFaMuAn79NdxHv4KG3-cetKi8WPFAGX5XYnw/s1600/Eksport%20Tabel%20dari%20Database%20MySQL%20ke%20Microsoft%20Excel%20dengan%20Format%20CSV%204%20%282%29.png" />
<ol start="4">
<li>Langkah selanjutnya klik menu <b>export</b></li>
</ol>
<img alt="" border="0" class="olimg" data-original-height="414" data-original-width="992" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwEXWlyVRQUyjZx6qwK6vKMFNR1ez9cmdjpwYZYc6aM7bSs9NRYdj2v7rb11UpMPSryRrtGanHUyaQOKh9HxEHtJPiXlHniBljS4VWZzZilvLw-XrJGZ0BEOY7X7wOGoYhruF5Z2kEInROJPxA3t8uo6RG5K9t00N0V8XH6Has_k3AclU5NhW8jcy8kQ/s1600/Eksport%20Tabel%20dari%20Database%20MySQL%20ke%20Microsoft%20Excel%20dengan%20Format%20CSV%204%20%283%29.png" />
<ol start="5">
<li>Silahkan pilih format <b>CSV</b> dan kemudian klik button <b>Go</b></li>
</ol>
<img alt="" border="0" class="olimg" data-original-height="440" data-original-width="972" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg4hVwUM7J1B6xNM_PRxlKVdnSK_vKNva9v1W0le0abRSLYDnqzFi-0sKW6jigufLdeD_DSibICeO43pgPuRMi2cfgW0r4WpoflE9tlK-eif-mBF2TRdnTL_QW3QNcdANwZSuVj3M3bDL_uVLse0sdFhsGqbPI1ZDCcrGv53aUHd5yoo_IPcCbLldZ0g/s1600/Eksport%20Tabel%20dari%20Database%20MySQL%20ke%20Microsoft%20Excel%20dengan%20Format%20CSV%204%20%284%29.png" />
<ol start="6">
<li>Data dengan format CSV akan otomatis terunduh. Untuk melihatnya silahkan klik <b>open file</b></li>
</ol>
<img alt="" border="0" class="olimg top" data-original-height="431" data-original-width="891" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5_B2uye_HPZma6Poe8z-9q1bphupE1AkklwcUMvLgKC-DSbPdeV9LhC4UpbgS_7NelMhNvqRMyNoeKPuTHzYNhdZ_BrMRSacMDBVu2QW8yAod8HrKMJn0f4D2g8vfi3y3Ak7zn0llEeLcnGqPXqXyMn9goo59YwdWs50phScg4EjF7GX7Nvgx3MBmcQ/s1600/Eksport%20Tabel%20dari%20Database%20MySQL%20ke%20Microsoft%20Excel%20dengan%20Format%20CSV%204%20%285%29.png" />
Kurang lebih hasil tabel dari database MySQL yang sudah dieksport dalam format CSV seperti gambar di bawah ini.
<img alt="" border="0" class="olimg bott" data-original-height="551" data-original-width="1004" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtP8H4-1sAaZEm4EXczbMzZeU4ClC0qR3xpEJoJjD-L4HxS0IYxkKy9b-RFYMQj9pYMwTD6KzyIFxhE8p1KwI3DwK1tZGC8OQ0fqdJdzdvdZFaVm_SwuC4zC3ALZl4Uc2acIJBK68NtBCWpWYpUv25Rb1DdUTR6fpNsTr6aaW2I_EUOsbXUvJnpXYG0g/s1600/Eksport%20Tabel%20dari%20Database%20MySQL%20ke%20Microsoft%20Excel%20dengan%20Format%20CSV%20%282%29.png" />
<p>Bagaimana caranya cukup mudah bukan? Jika ada yang belum dimengerti mengenai tutorial di atas, maka sobat tak perlu untuk sungkan-sungkan ditanyakan pada kolom komentar.</p>
Nelayan Kodehttp://www.blogger.com/profile/11165435950315240171noreply@blogger.com1tag:blogger.com,1999:blog-4751231593294078143.post-58006232332026716042022-04-13T11:22:00.007+08:002022-04-13T11:44:23.320+08:00Membuat Tabs Menu Keren dengan HTML dan CSS<img alt="" border="0" data-original-height="688" data-original-width="1280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiIzzi4klMLCwBo0dp11ClHR5M0TdEFR7CZ9euRxyqFLiJHL0GUBPWYs5cBrGZOauK4Wy8jt1K1Kp4v6eNw5T5U-1VUJEn8FsdhDpDi38eXRFufMRRWo29k_H-u_qlV2CdwDEZYzRUF0I_4Y90SBu_4FEFLerNYl424yOOqWKYQXJAvpopr0NSpgPxkA/s1600/Membuat%20Tabs%20Menu%20Keren%20dengan%20HTML%20dan%20CSS%20%282%29.png"/>
<p>
<b>Membuat Tabs Menu Keren dengan HTML dan CSS</b> - Tab menu biasa digunakan
untuk menghemat space pada halaman postingan agar postingan tidak terlihat
terlalu panjang. Adapun cara kerja dari menu tab ini adalah dengan menampilkan
konten pada tab tertentu dan menyembunyikan konten pada tab yang lainnya.
</p>
<p>
Contoh penggunaan menu tab pada postingan yakni membuat menu tab untuk source
code program, misalnya tab 1 untuk kode HTML, tab 2 untuk kode CSS, dan tab 3
untuk kode JavaScript.
</p>
<img alt="" border="0" data-original-height="589" data-original-width="1281" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3CIB_tjar49a-6v2x0QAhGfpUyy9s7iQvKnH8jQgsLpyVBjyWWDSAFp9U1crpzMNrPTQzwkS5t02P7j7pU3dwh5UNeFDNDazkByjYsziVivy38hiwBovVAHQWPWxgPJmE-6zeO8kyK_2J1Pyft-wNC9bcRC515rZPW8qOGkH6gfJajCK_LUwLl9z6NQ/s1600/Membuat%20Tabs%20Menu%20Keren%20dengan%20HTML%20dan%20CSS.png"/>
<p>
Selain pada postingan menu tab biasa digunakan juga pada bagian sidebar
misalnya untuk menggabungkan item populer dan recent post.
</p>
<h3>Cara Membuat Menu Tabs</h3>
<p>
Untuk membuat menu tabs sobat hanya memerlukan kode HTML dan CSS saja tanpa
JavaScript. Kodenya dapat sobat lihat di bawah ini.
</p>
<h4>Kode CSS</h4>
<pre class="css"><code class="css">.hidden {
display: none;
}
.tabsMenu {
font-family: arial;
background: #f6f6f6;
}
.tabsMenu .tabsHead {
border-bottom: 1px solid #e6e6e6;
display: flex;
align-items: center;
}
.tabsMenu .tabsHead:after {
content: "</>";
margin-left: auto;
padding: 10px 15px;
font-family: courier new;
}
.tabsMenu .tabsHead>* {
padding: 13px 17px;
margin-bottom: -1px;
border-bottom: 1px solid #e6e6e6;
}
.tabsMenu .tabsContent {
padding: 25px 23px;
line-height: 1.7em;
}
.tabsMenu .tabsContent>* {
display: none;
}
.tabsMenu input[id*="1"]:checked~.tabsHead label[for*="1"],
.tabsMenu input[id*="2"]:checked~.tabsHead label[for*="2"],
.tabsMenu input[id*="3"]:checked~.tabsHead label[for*="3"] {
color: #1e1e1e;
border-bottom: 1px solid #0b57cf;
}
.tabsMenu input[id*="1"]:checked~.tabsContent .tabsContent1,
.tabsMenu input[id*="2"]:checked~.tabsContent .tabsContent2,
.tabsMenu input[id*="3"]:checked~.tabsContent .tabsContent3{
display: block;
}</code></pre>
<h4>Kode HTML</h4>
<pre class="html"><code><div class="tabsMenu">
<input type="radio" class="hidden" id="multitabs1" name="mtabs" checked>
<input type="radio" class="hidden" id="multitabs2" name="mtabs">
<input type="radio" class="hidden" id="multitabs3" name="mtabs">
<div class="tabsHead">
<label for="multitabs1" class="tabs" id="tab1">HTML</label>
<label for="multitabs2" class="tabs" id="tab2">CSS</label>
<label for="multitabs3" class="tabs" id="tab3">JAVASCRIPT</label>
</div>
<div class="tabsContent">
<div class="tabsContent1">INI KODE HTML</div>
<div class="tabsContent2">INI KODE CSS</div>
<div class="tabsContent3">INI KODE JAVASCRIPT</div>
</div>
</div></code></pre>
<p>Untuk melihat hasil dari kode HTML dan CSS di atas silahkan klik link demo di bawah ini.</p>
<div class="btnF">
<a class="button outline" href="https://codepen.io/juve1993/full/qBprmGv" target="_blank">Demo 1</a>
<a class="button" href="https://junkode.blogspot.com/2022/03/tutorial-css-tab-menu-dengan-css-dan.html" target="_blank"><i class="icon demos"></i>Demo 2</a>
</div>
<p>Demikian tutorial mengenai cara Membuat Tabs Menu Keren dengan HTML dan CSS, semoga bermanfaat dan jangan lupa untuk mendukung penulis dengan cara mentraktir kopi di trateer.id atau dengan membagikan postingan ini.
</p>Nelayan Kodehttp://www.blogger.com/profile/11165435950315240171noreply@blogger.com2tag:blogger.com,1999:blog-4751231593294078143.post-71860341386241941652022-04-07T09:38:00.044+08:002022-04-09T23:16:16.761+08:00Tutorial Pemrograman C #14: Fungsi Input Pada Bahasa C<div style="text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_WY1ubnZyabsYdXvsAPcgo6kE_5ixULo3ut30yVIFoH6HJy2cWOg0gQgdmv_fRVH7_iYOJ0aAXeJMDvF1gHf4h57pHa3iSltLdX5zvurqXjL1mam3WZu3XQ1t-zunW-jMv9kap3_o3SLgYU3QF__3-UVraUnHOJKb4h1qUWKFyL8vMzfe6uLHSIiF8w/s16000/Tutorial%20Pemrograman%20C%20%2314%20Fungsi%20Input%20Pada%20Bahasa%20C.png" />
</div>
<p>
Melanjutkan postingan sebelumnya yakni
<a href="https://www.nelayankode.com/2022/03/fungsi-input-dan-output-data-pada.html">Fungsi Output Pada Bahasa C</a>, sekarang kita akan membahas mengenai fungsi yang masih ada kaitannya dengan
fungsi output yakni fungsi input pada bahasa C.
</p>
<p>
Kita pasti sudah mengenal banyak input device seperti <b>keyboard</b>, <b>mouse</b>,
<b>joystick</b>, <b>trackpad</b>, <b>scanner</b> dan masih banyak lainnya. Diantara semua input
device yang saya sebutkan tersebut, untuk device input pada bahasa pemrograman
C kita hanya akan berfokus pada device input keyboard. Karena memang saat
kuliah sampai sekarang rata-rata yang diajarkan pada program yang dibuat hanya
menggunakan input data yang berasal dari <b>keyboard</b>.
</p>
<h3>Fungsi untuk Input Data</h3>
<p class="mbot">
Ada beberapa fungsi untuk input data pada bahasa pemrograman C yakni sebagai
berikut:
</p>
<ul style="text-align: left;"><li>Dari library <b>stdio.h</b> : gets () dan scanf ()</li><li>Dari library <b>conio.h</b> : getche (), getchar (), dan getch ()</li></ul><p></p>
<p>
Fungsi input data diatas dapat dikelompokkan menjadi fungsi input
<b>tanpa format</b> dan fungsi input <b>terformat</b>.
</p>
<h3>Fungsi Input Tanpa Format</h3>
<p>
Tanpa format artinya tidak menggunakan kode format tertentu untuk tipe data yang akan dibaca. Adapun tipe data yang dibaca untuk fungsi input tanpa format adalah data tipe data char. Ada beberapa fungsi input tanpa format yang bisa digunakan yakni sebagai berikut: <b>getche ()</b>,
<b>getchar ()</b>, <b>getch ()</b> dan <b>gets ()</b>
</p>
<h4>Fungsi gets ()</h4>
<p>
Fungsi gets () dalam bahasa C merupakan satu-satunya fungsi input
<b>tanpa format</b> yang berasal library atau header <b>stdio.h.</b> Fungsi
gets () hanya menerima inputan berupada data string. Satu hal yang perlu di
ingat tipe data string pada bahasa C berbeda dengan tipe data string
pada bahasa pemrograman lainnya karena pada bahasa C data string
dideklarasikan dalam bentuk tipe <b>data array</b>.
</p>
<p class="mbot"><b>Syntax:</b></p>
<pre class="proc"><code>gets (variabel_tipe_string);</code></pre>
<p class="mbot"><b>Contoh:</b></p>
<pre class="proc"><code>#include <stdio.h>
//contoh untuk gets dalam bahasa C
void main()
{
char kata[10]; // variabel tipe data string
printf("Masukkan sebuah kata: ");
gets(kata);
printf("Kata yang dimasukkan: %s", kata);
}</code></pre>
<p class="mbot2"><b>Output:</b></p>
<img alt="" border="0" data-original-height="183" data-original-width="1280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC9t_5eBUOkgZmMiUn6zyWU1Srv59uEmOloiThm2zxoUumSd5dY50e3wIQtl0JGQ05KLJhNv5IAQLjj2SJaAMVQRJFS81JtjYyNmZ2IFxjS2d70ERjV3-HIVm1hEcECwG-T4NXaDn91OnLO8UUyhOOj9cBCHvyOzl6VOUknjdfv9ka_Emtu1q40aLkTQ/s1600/Tutorial%20Pemrograman%20C%20%2314%20Fungsi%20Input%20Pada%20Bahasa%20C%20%286%29.png" />
<h4>Fungsi getche ()</h4>
<p>
Fungsi getche () merupakan fungsi yang berasal dari library atau header
conio.h yang menerima inputan bertipe data char (<b>single character</b>). Kemudian
akan menampilkan output ke layar tanpa harus menekan tombol enter.
</p>
<p class="mbot"><b>Syntax:</b></p>
<pre class="proc"><code>getche (void);</code></pre>
<p class="mbot"><b>Contoh:</b></p>
<pre class="proc"><code>#include <stdio.h>
#include <conio.h>
// Contoh untuk getche dalam bahasa C
int main()
{
char karakter;
printf("Masukkan sebuah karakter: ");
karakter = getche();
printf("\n");
printf("Karakter yang dimasukkan: %c", karakter);
}</code></pre>
<p class="mbot2"><b>Output:</b></p>
<img alt="" border="0" data-original-height="183" data-original-width="1280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1ec2DzgojuZ7sB6uX_Te4i7_dc6M6FF-MaMb8oQzOIm-L_VY-CptvB8UAe7tMF2YC76XBvBCv14chbIwZGKUse6BK4gr-Apcq5JpGRxqEVLQY14X1lFH7vXi2rRGiz28mIoSRd4xg98f2GhgiluLDdws66lx1n6Tm2XsiAJg3P7f5wl99H0Z6Gbx3Tg/s1600/Tutorial%20Pemrograman%20C%20%2314%20Fungsi%20Input%20Pada%20Bahasa%20C%20%287%29.png" />
<h4>Fungsi getchar ()</h4>
<p>Fungsi getchar merupakan fungsi input tanpa format dari library atau header conio.h yang akan menerima inputan bertipe data char (single character). Berbeda dengan fungsi input getche (), pada fungsi input getchar harus menekan tombol enter dahulu agar output dapat tampil pada layar</p>
<p class="mbot"><b>Syntax:</b></p>
<pre class="proc"><code>getchar (void);</code></pre>
<p class="mbot"><b>Contoh:</b></p>
<pre class="proc"><code>#include <stdio.h>
#include <conio.h>
// Contoh untuk getchar dalam bahasa C
int main()
{
char karakter;
printf("Masukkan sebuah karakter: ");
karakter = getchar();
printf("Karakter yang dimasukkan: %c", karakter);
}</code></pre>
<p class="mbot2"><b>Output:</b></p>
<img alt="" border="0" data-original-height="178" data-original-width="1280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYHooG7nt3qR4xKWg72ZUKc8BUJ7s8zdTByI3B5_fDgAUQFQd9i3kAmLSB66CtAz_ccOM6-8vdXehX4sZ1ma3ehQqpzREDHez47LO6LcrK0StFWajZ9B8A2z2pBIk7gWW0W7R9nU5y1YhqBFL2vRCGHKMhpK37PEf_G-tWhxARtlTEfqBe9Xz8duHSag/s1600/Tutorial%20Pemrograman%20C%20%2314%20Fungsi%20Input%20Pada%20Bahasa%20C%20%288%29.png" />
<h4>Fungsi getch ()</h4>
<p>Fungsi getch () merupakan fungsi input yang sama dengan fungsi getche akan tetapi karakter yang diinputkan dengan menggunakan fungsi getch tidak langsung tampil di layar melainkan hanya akan tampil melalui fungsi output data seperti puts () atau printf ()</p>
<p class="mbot"><b>Syntax:</b></p>
<pre class="proc"><code>getch (void);</code></pre>
<p class="mbot"><b>Contoh:</b></p>
<pre class="proc"><code>#include <stdio.h>
#include <conio.h>
// Contoh untuk getch dalam bahasa C
int main()
{
char karakter;
printf("Masukkan sebuah karakter: ");
karakter = getch();
printf("\n");
printf("Karakter yang dimasukkan: %c", karakter);
}</code></pre>
<p class="mbot2"><b>Output:</b></p>
<img alt="" border="0" data-original-height="176" data-original-width="1280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirh3OHXvXesW4YyaPykoz_s_Lrf3-QcKM-rjo6PHn2ivB022nlOGF91WKI1vlcNSbHuaBLfedTjpe4fxIq8dAYxzLBMlIjiUh_A_d2hayJE1lKgxBkBaWXHHdhm8jDQEhElS9Qlzr8lorBScs8xT5KAjNyOuYMEqlzvW0bhPSeldPKgSPX9MYx_aKalA/s1600/Tutorial%20Pemrograman%20C%20%2314%20Fungsi%20Input%20Pada%20Bahasa%20C%20%289%29.png" />
<h3>Fungsi Input Terformat</h3>
<p>Fungsi input terformat artinya menggunakan kode format tertentu sesuai dengan tipe data yang akan dibaca. Untuk fungsi input terformat maka dapat menggunakan fungsi <b>scanf ()</b>.</p>
<h4>Fungsi scanf ()</h4>
<p>Fungsi scanf () merupakan satu-satunya fungsi terformat pada bahasa C. </p>
<p class="mbot"><b>Syntax:</b></p>
<pre class="proc"><code>scanf ("kode_format", &nama_variabel)</code></pre>
<p>Adapun kode format yang dapat digunakan adalah sebagai berikut:</p>
<table class="tkiri">
<thead class="kiri">
<tr>
<th>Kode Format</th>
<th>Fungsi</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: center;">%c</td>
<td>Membaca sebuah data karakter</td>
</tr>
<tr>
<td style="text-align: center;">%s</td>
<td>Membaca sebuah data string</td>
</tr>
<tr>
<td style="text-align: center;">%d</td>
<td>Membaca sebuah data desimal integer</td>
</tr>
<tr>
<td style="text-align: center;">%i</td>
<td>Membaca sebuah data desimal integer</td>
</tr>
<tr>
<td style="text-align: center;">%x</td>
<td>Membaca sebuah data heksadesimal integer</td>
</tr>
<tr>
<td style="text-align: center;">%o</td>
<td>Membaca sebuah data oktal integer</td>
</tr>
<tr>
<td style="text-align: center;">%f</td>
<td>Membaca sebuah data pecahan</td>
</tr>
<tr>
<td style="text-align: center;">%e</td>
<td>Membaca sebuah data pecahan</td>
</tr>
<tr>
<td style="text-align: center;">%g</td>
<td>Membaca sebuah data pecahan</td>
</tr>
</tbody>
</table>
<p class="mbot"><b>Contoh:</b></p>
<pre class="proc"><code>#include <stdio.h>
// Contoh untuk getch dalam bahasa C
void main()
{
int angka;
printf("Masukkan sebuah angka: ");
scanf ("%d", &angka);
printf("Angka yang dimasukkan: %d", angka);
}</code></pre>
<p class="mbot2"><b>Output:</b></p>
<img alt="" border="0" data-original-height="174" data-original-width="1280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTufdxSEaf74N3CfNfvucZR2okbfGzXdg6mGUJZgcDxm5cHZgi7wpa0INBabtg18tH7o7AIqZDTUyCvM4rIok0-fr5u4NWQkfmaAVOPTy1mVzvgHzeVyZYrxsQ40ls4NZ5zVDMjZo7KSMEYQSARisxCRq_I05S88BZ6DKBJ1siFqCdBKu8hN77bw9BDA/s1600/Tutorial%20Pemrograman%20C%20%2314%20Fungsi%20Input%20Pada%20Bahasa%20C%20%2810%29.png" />
<p>Untuk melakukan input lebih dari satu inputan syntaxnya seperti berikut: </p>
<p class="mbot"><b>Syntax:</b></p>
<pre class="proc"><code>//Inputan lebih dari 1
scanf ("kode_format1 kode_format2 kode_format3", &variabel1, &variabel2, &variabel3);</code></pre>
<p class="mbot"><b>Contoh:</b></p><p>
</p><pre class="proc"><code>#include <stdio.h>
// Contoh untuk getch dalam bahasa C
void main()
{
int angka1, angka2, angka3;
printf("Masukkan sebuah angka: ");
scanf ("%d %d %d", &angka1, &angka2, &angka3);
printf("Angka yang dimasukkan: %d %d %d", angka1, angka2, angka3);
}</code></pre>
<p class="mbot2"><b>Output:</b></p>
<img alt="" border="0" data-original-height="183" data-original-width="1280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzhlT2b4dd30ncfNor7Ps1huE-9YF9BUqb3FAIgKta1C-rgpiHOAbwo-vF9l-JJeBj6axyLDpoGX3dqgGstYT-YEA5F6uDpC0MVjgVlKFqkH8S25zaWP5-MdrLx4EyvCf1XxHZDW5fTnGE0WM3h83FAwKmQgB8xCLX2Zr1hnkDy4TvJGtm4jHvOPck9Q/s1600/Tutorial%20Pemrograman%20C%20%2314%20Fungsi%20Input%20Pada%20Bahasa%20C.png"/>
<p>Demikian pembahasan mengenai <b>Fungsi Input pada Bahasa C</b>, semoga bermanfaat. Dangan jangan lupa mendukung penulis dengan cara mentraktir kopi di <span style="color: #e06666;">trakteer.id</span> atau dengan cara menbagikan postingan ini.</p>
<p></p><p></p>Nelayan Kodehttp://www.blogger.com/profile/11165435950315240171noreply@blogger.com1tag:blogger.com,1999:blog-4751231593294078143.post-6686607909307147502022-04-03T01:25:00.021+08:002022-04-03T01:57:08.008+08:00Cara Menampilkan Komentar di Halaman Static Pada Template Median UI v1.5 dan v1.6<div style="text-align: center;">
<img alt="Cara Menampilkan Komentar di Halaman Statis Pada Template Median UI Versi 1.5 dan 1.6" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX-_wp1baXzqc-B0X1pJHEfzvyIyg3XPVxnztxQ3TXyVW_ce5mdLP2KiN8tqxnAIPQaoGcL3I-5PEW9Wb7AVQ9yCRQ5ayQRQjAQD56gxYSeCeD7q_EgHdpgnnpPOnPir_BoIxP0A9yAb9s5ujOixuh8GrnQL2LkfK_2o5dM60HLnELHMTkGzi2egkF5w/s16000/Cara%20Menampilkan%20Komentar%20di%20Halaman%20Statis%20Pada%20Template%20Median%20UI%20Versi%201.5%20dan%201.6.png" title="Cara Menampilkan Komentar di Halaman Statis Pada Template Median UI Versi 1.5 dan 1.6" />
</div>
<p style="text-align: left;">
<b>
Cara Menampilkan Komentar di Halaman Statis Pada Template Median UI Versi
1.5 dan 1.6</b>
– Berhubung pada blog ini menggunakan template <b>Median UI</b>, maka untuk beberapa
postingan kedepannya akan membahas tentang permasalahan seputar template
tersebut. Dimulai membahas <b>bugs</b> pada template sampai mengedit <b>tampilan</b> di
template median UI seperti mengatur ukuran element, merubah warna background,
icon, dan masih banyak lainnya.
</p>
<p style="text-align: left;">
Kita akan mulai dari permasalahan pertama yang saya temui pada template Median
UI yakni tidak adanya<b> kolom komentar</b> pada <b>halaman static</b> blog. Berhubung ada
beberapa page atau halaman saya buat butuh menampilkan kolom komentar seperti
halaman Out of Topic, about maka mau tidak mau saya harus mencari tahu cara
menampilkan komentar pada halaman tersebut.
</p>
<p style="text-align: left;">
Cara pertama yang saya gunakan adalah melalui pengaturan halaman yakni pada
menu Option dengan cara memilih <b>Allow </b>(Izinkan) pada
<b>Reader Comments</b>. Akan tetapi cara ini tidak berhasil.
</p><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCmb3PqPUDl8xZwTePyFyiHlsdb2-9aHiatsY6qV7aKKezUhWI-Cdjbxznp768vo1AVYNP6AixvMFBWWwyf320w5j1zT1bP9muVdT-_IB7c7FfZWBjj6pq8yegOYqQLOkTO7yPEj4VWis-lXE-gcRerydCzb-nsWRQ8uPA3W_2h5svty5lWELcwwwN_g/s16000/Cara%20Menampilkan%20Komentar%20di%20Halaman%20Statis%20Pada%20Template%20Median%20UI%20Versi%201.5%20dan%201.6%20(3).png" />
<p style="text-align: left;">
Setelah cara di atas tidak berhasil, saya coba dengan cara mengoprek template
tersebut dan alhamdulillah akhirnya ketemu juga permasalahnya, ternyata sesuai
dengan perkiraan saya sebelumnya yakni masalahnya terletak pada
<b>tag kondisional</b> yang diterapkan pada kolom komentar tersebut yang mana
hanya mengizinkan kolom komentar tampil hanya pada halaman post saja.
</p>
<p style="text-align: left;">
Karena permasalahananya hanya pada tag kondisional jadi cara memperbaiki juga
tidak terlalu susah hanya perlu menambahkan atau merubah tag kondisional yang
sudah ada dengan tag kondisional baru.
</p>
<h3>Cara Menampilkan Kolom Komentar Pada Halaman Static Median UI</h3>
<p style="text-align: left;">
Bagi sobat yang kebetulan saat ini sedang menggunakan template median ui dan
menginginkan agar kolom komentar tampil pada halaman static blognya silahkan
ikuti tutorialnya di bawah ini.
</p>
<ol>
<li>Pada menu <b>Theme</b> » <b>Customise </b>pilih <b>Edit HTML</b></li>
<li>Cari kode seperti di bawah ini. Agar lebih mudah sobat fokuskan pencarian dengan kode seperti ini <kbd><!--[ Blogger Comments ]--></kbd></li></ol>
<p class="mtop" style="text-align: left;">
Untuk template<b> Median UI v1.5</b> cari kode seperti ini
</p>
<pre class="xml"><code class="xml"><!--[ Median UI v1.5 ]-->
<b:tag class='blogComments' cond='data:post.allowComments and <mark>data:view.isPost</mark> and !data:view.isPreview' id='comment' name='div'>
<!--[ Blogger Comments ]-->
<b:include cond='data:post.allowComments and <mark>data:view.isPost</mark> and !data:view.isPreview' data='post' name='threadedComments-modifV3'/>
</b:tag></code></pre>
<p>
Sedangkan untuk template <b>Median UI v1.6</b> cari kode seperti di bawah ini
</p>
<pre class="xml"><code class="xml"><!--[ Median UI v1.6 ]-->
<b:tag class='pCmnts' cond='data:post.allowComments and <mark>data:view.isPost</mark> and !data:view.isPreview' id='comment' name='div'>
<!--[ Blogger Comments ]-->
<b:include cond='data:post.allowComments and <mark>data:view.isPost</mark> and !data:view.isPreview' data='post'
name='threadedComments-modifV3'/>
</b:tag></code></pre>
<ol start="3"><li>Ganti kode <kbd>data:view.isPost</kbd> dengan kode di bawah ini</li></ol>
<pre class="xml"><code class="xml">data:view.isSingleItem</code></pre>
<ol start="4"><li>Terakhir <b>simpan</b> template</li></ol>
<h3>Kolom Komentar Pada Halaman Static</h3>
<p style="text-align: left;">
Jika berhasil maka pada halaman static yang sobat miliki akan nampak seperti
<b>halaman</b> OOT yang saya miliki.
</p>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwM910Q91Fue52ZJVBrwlmFsI53PicXDthz7BK0-qKK4SeyZ5xHggiObEA5S2imYn_2ZPYcRNQEr8H2K3f2Dy6dH31lq3wNyDOqyK5uqcmTNnWdD9sFTuGsqwLYbmTo-2oKMyCluPutQmk_r_zbMc4pR-gEiqAYTXyLCKOnNIQe3zgcltdneKkShGDZQ/s16000/Cara%20Menampilkan%20Komentar%20di%20Halaman%20Statis%20Pada%20Template%20Median%20UI%20Versi%201.5%20dan%201.6%20(2).png" />
<p style="text-align: left;">
Demikian tutorial menampilkan kolom komentar pada template Median UI. Semoga
bermanfaat dan jangan lupa untuk mendukung penulis dengan cara mentraktir kopi
di trakteer.di atau dengan cara menshare postingan ini.
</p>
Nelayan Kodehttp://www.blogger.com/profile/11165435950315240171noreply@blogger.com3tag:blogger.com,1999:blog-4751231593294078143.post-16942375216228682732022-03-27T08:54:00.038+08:002022-12-13T16:10:52.276+08:00Cara Mematikan Garis Merah Bergelembong di Bawah Kata Pada Form Input <div style="text-align: center;"><img alt="Cara Mematikan Garis Merah Bergelembong di Bawah Kata Pada Form Input" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWcsFEOEZO8IpVwwoOpRIxkDl2Yh1VG0mFX9iuJdLKwew07cgQ_uEc7M3LOYFatfwVKOVWTxO3KaFXEyHaZw_y5eQjtRGpP7uRpSKUzgx7mhlFbj1yU34zwRWHtbin7fMmmGLzeY-n6dkq_nWIioFcV94meTpQHrfaVrWbvVhlDOdTCr4TbZyd-9Wmag/s16000/Cara%20Mematikan%20Garis%20Merah%20Bergelembong%20di%20Bawah%20Kata%20Pada%20Form%20Input%20.png" title="Cara Mematikan Garis Merah Bergelembong di Bawah Kata Pada Form Input" /></div><p style="text-align: left;">
<b>Cara Mematikan Garis Merah Kriting di Bawah Kata Pada Form Input</b> -
Mungkin sudah tidak asing lagi bagi seseorang yang sering menggunakan
aplikasi office seperti MS. Word, Open Office, WPS dan aplikasi office
lainnya melihat terkadang ada beberapa teks atau kata yang di bawahnya
terdapat <span style="color: #e06666;">garis merah</span> bergelombang.
</p>
<p>
Garis merah yang terdapat di bawah kata tersebut bukan menandakan bahwa ada
yang salah dengan office yang sobat pakai, melainkan itu merupakan tanda
yang diberikan oleh aplikasi office tersebut jika ada kata yang tidak sesuai
dengan ejaan yang benar. Secara <i>default </i>ejaan yang akan diperiksa
adalah ejaan untuk kata dalam bahasa inggris.
</p>
<h3>Apa itu <i>Spellcheck</i>?</h3>
<p><i>
Spellcheck</i> merupakan fitur yang memiliki fungsi untuk memeriksa jika terdapat
kesalahan ejaan atau tidak pada sebuah tulisan. Jika salah terdapat ejaan
yang salah maka kata tersebut akan ditandai dengan garis merah bergelombang
di bawahnya.
</p><div style="text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnzr5kSr1S1Z1TcMJwwSo4rKGGL_cnqvjcq8Pa1eczXjU4xt1OmVLHZGY0mnd1EndDUd8R4jXjrnWJ92G5-lukTbMw0-XtVkuRxWbl9UFXoBNrkmJHZfvsancKtPqEBrCygRll7nKBUq6hnO6y7oj8DVZke5qh8HKc6qA8CxvmHn__OUFFyF_jbKVgOA/s16000/Cara%20Mematikan%20Garis%20Merah%20Bergelembong%20di%20Bawah%20Kata%20Pada%20Form%20Input%20%20(2).png" /></div>
<p>
Fitur ini sebenarnya memiliki fungsi yang sangat bagus karena akan
mempermudah seseorang dalam menulis sehingga kata yang dituliskan sesuai
dengan ejaan yang benar sehingga dapat meminimalisir kesalahan dalam
penulisan. Akan tetapi banyak orang juga yang tidak membutuhkan fitur ini
dan risih dengan penampakan garis merah di bawah kata yang dia
ketikkan dengan berbagai macam alasan. Nah saya termasuk dalam golongan
orang yang risih dengan fitur tersebut :)
</p>
<p>
Selain pada aplikasi office pengejekan ejaan atau <i>spellcheck</i> juga biasanya
tampil pada form-form input pada suatu halaman website. Oleh karena itu pada
kesempatan ini saya akan membahas bagaimana cara menghilangkan atau
menonaktifkan fitur <i>spellcheck</i> pada form input di halaman website. Sedangkan
untuk menonaktifkan <i>spellcheck</i> pada aplikasi office mungkin saya akan buatkan
tutorial terpisah.
</p>
<h3>Cara Menonaktifkan <i>Spellcheck</i> pada Form Input</h3>
<p>
Untuk menonaktifkannya cukup mudah yakni dengan menambahkan attribut <kbd>spellcheck</kbd> di dalam element input. Berikut format penulisan kodenya.</p>
<pre><code>spellcheck = "<marku class="dott">value</marku>"</code></pre>
<p><b>Keterangan :</b> Untuk value atau nilai dari attribut spellcheck ada 2 yakni bernilai <b>false</b> atau <b>true</b>.</p>
<div class="note-simple">
<ul><li><b>false</b> : untuk menonaktifkan <i>spellcheck</i></li><li><b>true </b>: untuk mengaktifkan <i>spellcheck</i></li></ul>
</div>
<p>Contoh penerapannya dalam kode program adalah sebagai berikut.</p>
<pre class="html"><code class="css"><input type = "text" spellchek = "false"></code></pre>
<p class="notes2 ynote">Secara <i>default</i> <i>spellchek</i> pada form input adalah bernilai "<b>true</b>".</p>
<p>
Bagaimana? Cukup mudahkan caranya. Silahkan sobat coba terapkan pada form input
yang ingin sobat nonaktifkan <i>spellchek</i> nya pada blog atau website yang
sobat punya.
</p>
<div class="footnote qword">
<div class="title-fn">KeyWord : </div>
<a href="https://www.nelayankode.com/2022/03/cara-mematikan-garis-merah-bergelembong.html">Cara Mematikan Garis Merah Bergelembong di Bawah Kata Pada Form Input</a> | <a href="https://www.nelayankode.com/2022/03/cara-mematikan-garis-merah-bergelembong.html">Menonaktifkan Spellcheck Pada Form Input</a> | <a href="https://www.nelayankode.com/2022/03/cara-mematikan-garis-merah-bergelembong.html">Apa itu Spellcheck</a> | <a href="https://www.nelayankode.com/2022/03/cara-mematikan-garis-merah-bergelembong.html">Garis Keriting Merah Pada Teks Input</a> | <a href="https://www.nelayankode.com/2022/03/cara-mematikan-garis-merah-bergelembong.html">Hilangkan Garis Biru atau Garis Merah pada Form Input HTML</a> | <a href="https://www.nelayankode.com/2022/03/cara-mematikan-garis-merah-bergelembong.html">Cara Menghilangkan Garis Merah atau Biru di Bawah Teks</a> | <a href="https://www.nelayankode.com/2022/03/cara-mematikan-garis-merah-bergelembong.html">Properti spellcheck pada HTML</a>
</div>Nelayan Kodehttp://www.blogger.com/profile/11165435950315240171noreply@blogger.com1tag:blogger.com,1999:blog-4751231593294078143.post-47261137889312354812022-03-26T22:18:00.011+08:002022-05-09T16:32:02.757+08:00Mengenal Fungsi Properti Word Wrap Pada Kode CSS<p>
<b>Mengenal Fungsi Properti Word Wrap Pada Kode CSS</b> - Tutorial kali ini
kita akan membahas salah satu dari properti CSS yakni <b>word-wrap</b>.
</p>
<div style="text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY4p3R8769zmQLmBlLvCykAnHtG59RynOxBtEOwi3hNfgo-yJH7GSmdyJjsNWDoMmhKIEuUH90c7kilH2K1pleFoX64jErp4-FJnK1baR2teQZDFltHrrJOqibWEoL4onog1liS5-gbzD9FksKq9nr2zYlzApwekoZF8Tp7dGMKyN4GO55ak4hbu9kOA/s16000/Mengenal%20Fungsi%20Properti%20Word%20Wrap%20Pada%20Kode%20CSS.png" /></div>
<h3>Apa itu Word Wrap?</h3>
<p>
Word Wrap jika diterjamahkan kedalam bahasa indonesia maka akan memiliki makna
atau arti "<b>Membungkus Kata</b>". Jika sobat pernah menulis sesuatu pada
suatu kertas maka biasanya dalam satu baris hanya dapat menampung beberapa
kata saja. Selebihnya kata yang tidak muat pada baris pertama akan dilanjutkan
pada baris berikutnya.
</p>
<p>
Dalam aturan menulis pada halaman buku yang pernah saya pelajari dahulu waktu
pelajaran bahasa Indonesia, kata terakhir yang tidak bisa ditulis dalam suatu
baris maka ada dua cara menuliskannya. Cara yang pertama yakni kata terakhir
tersebut langsung ditulis pada baris berikutnya sedangkan cara kedua yakni
dengan cara memotong beberapa karakter yang kemungkinan masih muat pada baris
dan karakter sisanya ditulis di baris berikutnya. Untuk potongan pertama
biasanya diakhir potongan dikasih tanda <b>-</b>.
</p>
<p>
Pada halaman HTML juga terdapat aturan dalam menampilkan suatu kata. Secara
default kata yang tidak muat dalam satu baris pada suatu tag pembungkus html
akan ditampilkan pada baris berikutnya. Akan tetapi hal ini tidak berlaku jika
ada suatu kata yang memiliki jumlah karakter yang melebihi jumlah karakter
yang dapat ditampung dalam satu baris, maka kata tersebut akan keluar dari tag
pembungkusnya.
</p>
<p>
Untuk mengatasi hal di atas sobat dapat menambahkan properti css pada tag
pembungkus kata tersebut dengan menggunakan properti <b>word-wrap</b>.
</p>
<p>
Properti word-wrap jika tidak dijabarkan dalam kode css maka ia memiliki nilai
default normal. Dan untuk kasus di atas kita perlu mengubah nilai propertinya
menjadi break-word.
</p>
<pre class="css"><code class="css">div {
word-wrap: break-word;
}</code></pre>
<p>
Jika sobat menambahkan kode ini maka kata yang panjang tersebut akan dipotong
dan potongannya dilanjutkan pada baris baru. Sehingga hasilnya akan nampak
seperti di bawah ini.
</p>
<div style="text-align: center;">
<img alt="Mengenal Fungsi Properti Word Wrap Pada Kode CSS" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTFaEXXyGyuJ22cGTJQ1wJtE0S3Cz62sFsuuI-RlOQHGCnFOWg_SfjtVEbZ3-eC2PNQbBPzobnmy5K7sd9QmFWYteSN_9ub6F4L4L7b2kcrvKQ7LmSIFo8SYUi3cW6zGar7YalUo0C2atCo6orBjWot5dzuSZ9ppQPusN6V7DWOReYfhtcSCQOOJwMgQ/s16000/Mengenal%20Fungsi%20Properti%20Word%20Wrap%20Pada%20Kode%20CSS.png" title="Mengenal Fungsi Properti Word Wrap Pada Kode CSS" />
</div>
<p>Untuk melihat demonya silahkan klik demo di bawah ini. Halaman demo saya buat 2 yakni pada halaman blog <b>Jun Kode</b> dan pada halaman <b>Codepen</b></p>
<div class="btnF">
<a class="button outline" href="https://junkode.blogspot.com/2022/03/tutorial-css-properti-word-wrap.html" target="_blank">Demo 1</a>
<a class="button" href="https://codepen.io/juve1993/full/MWrpGWd" target="_blank">Demo 2</a>
</div>
<p>
Demikian untuk artikel Mengenal Fungsi Properti Word Wrap Pada Kode CSS,
semoga bermanfaat. Dan jangan lupa dukung penulis dengan cara mentraktir kopi
di <span style="color: #e06666;">trakteer.id</span> atau dengan cara share
postingan ini.
</p>
Nelayan Kodehttp://www.blogger.com/profile/11165435950315240171noreply@blogger.com1tag:blogger.com,1999:blog-4751231593294078143.post-79654347704177378152022-03-18T19:20:00.036+08:002022-03-29T17:16:44.306+08:00Cara Membuat Popup Image Lightbox dengan HTML dan CSS Tanpa JavaScript<p style="text-align: left;">
</p><div style="text-align: center;"><img alt="Cara Membuat Popup Image Lightbox dengan HTML dan CSS Tanpa JavaScript" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2xApGJ3bpJIWhODiKpDwQeJpybAOTK-89AMVIthSRDYp0gBEffU4xVGWLOnSGjOO30z7sP4BMUyZEFfpnV4O8Kei1UMCeK8dJertH-m8Uje45T97gtu6ZCaQtyRm6KCRR8YXE4XqhRU3orU5eROqz2hDGjb8d5ptGraS-s4sVZeRQvVHzPYOu_Ag4FQ/s16000/Cara%20Membuat%20Popup%20Image%20Lightbox%20dengan%20HTML%20dan%20CSS%20Tanpa%20JavaScript.png" title="Cara Membuat Popup Image Lightbox dengan HTML dan CSS Tanpa JavaScript" /></div><p>
<b>Cara Membuat Image Lightbox dengan HTML dan CSS Tanpa JavaScript </b>-
Gambar merupakan hal yang sudah lama dibuat oleh manusia. Tujuan dari
pembuatan gambar ini ada bermacam-macam, salah satu di antaranya adalah
dijadikan sebagai media informasi.
</p>
<p>
Informasi yang disampaikan melalui media gambar jauh lebih mudah jika
dibandingkan dengan informasi yang disampaikan melalui lisan. Hal ini
disebabkan oleh kendala bahasa, yang mana di masing masing daerah memiliki
jenis bahasa yang berbeda. Beda halnya dengan gambar, informasinya dapat
dimengerti oleh sebagian besar orang walaupun berbeda bahasa dan negara.
</p>
<p>
Gambar juga digunakan untuk menyampaikan informasi penting pada sebuah blog
atau website yang mungkin tidak akan jelas jika hanya disampaikan secara
tulisan.
</p>
<p>
Pada blog atau website gambar yang ditampilkan kadang tidak cukup besar
sehingga kurang jelas jika dilihat oleh pengunjung. Sebenarnya masalah ini
bisa saja diatasi dengan cara melakukan <b>zoom in</b> pada browser, akan
tetapi cara ini bisa dibilang cara yg kurang elegan :) Karena ketika melakukan
zoom in pada browser, bukan hanya gambar yang ikut membesar tapi tulisan dan
element lainnya juga akan ikut membesar.
</p>
<p>
Lantas bagaimana cara elegan jika ingin melakukan zoom in pada gambar? Nah
salah satu caranya adalah dengan membuat <b>popup image</b> dengan
<b>lighbox</b>. Cara kerjanya yakni ketika gambar diklik maka akan muncul
popup yang menampilkan gambar dalam ukuran tertentu dan membuat element atau
objek di belakangnya menjadinya redup atau blur.
</p>
<h4>Cara Membuat Popup Image dengan Lighbox</h4>
<p>
Sebenarnya sudah banyak tutorial yang membahas tentang cara membuat popup
image dengan lighbox akan tetapi sebagian besar menggunakan kode javaScript.
Memang apa masalahnya jika menggunakan javaScript? Semakin banyak kode yang
digunakan, akan ada kemungkinan membuat loading blog menjadi lebih lambat.
Oleh karena itu image lighbox yang akan saya share kali ini adalah hanya
dengan menggunakan kode HTML dan CSS saja. Dan mungkin pada postingan
berikutnya juga akan saya buatkan versi yang menggunakan JavaScript, sehingga
sobat dapat melihat perbedaan di antara keduanya.
</p>
<p>
Untuk membuat popup image dengan lighbox silahkan ikuti tutorialnya di bawah
ini.
</p>
<ol>
<li>
Pertama-tama buatlah sebuah file html dan beri nama
<span style="color: #cc0000;">ImageLighbox.html</span>. Jika menggunakan
text editor seperti <span style="color: #3d85c6;">VS Code</span> maka akan
lebih mudah lagi, tinggal ketik html5 kemudian tekan enter. Maka hasilnya
akan seperti berikut.
</li>
</ol>
<pre class="html"><code><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Image Lighbox</title>
</head>
<body>
</body>
</html></code></pre>
<ol start="2">
<li>Tambahkan kode CSS berikut di atas kode <kbd></head></kbd></li>
</ol>
<pre class="css"><code class="css"><style>
.mainwrapper {
background: #fefefe;
display: flex;
width: 100%;
height: 650px;
justify-content: center;
align-items: center;
}
img.imgthumb {
width: 150px;
border-radius: 10px;
}
/* overlay by webprogramminunpas and modified by nelayankode.com*/
.overlay {
width: 0;
height: 0;
overflow: hidden;
position: fixed;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0);
z-index: 9999;
transition: .8s;
text-align: center;
padding: 100px 0;
}
.overlay:target {
width: auto;
height: auto;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, .7);
}
.overlay img {
max-height: 100%;
box-shadow: 2px 2px 7px rgba(0, 0, 0, .5);
}
.overlay:target img {
animation: zoomDanFade 1s;
}
.overlay .close {
position: absolute;
top: 2%;
left: 2%;
margin-left: -20px;
color: white;
text-decoration: none;
line-height: 14px;
padding: 5px;
opacity: 0;
}
.overlay:target .close {
animation: slideDownFade .5s .5s forwards;
}
/* animasi */
@keyframes zoomDanFade {
0% {
transform: scale(0);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes slideDownFade {
0% {
opacity: 0;
margin-top: -20px;
}
100% {
opacity: 1;
margin-top: 0;
}
}
</style></code></pre>
<p></p>
<ol start="3">
<li>
Di dalam tag <kbd>body</kbd> silahkan masukkan kode untuk menampilkan
thumbnail gambar.
</li>
</ol>
<pre class="html"><code><a href="#gambar-1">
<img class="thumb" src="<mark>Link Gambar Disini</mark>" alt="nelayan kode" />
</a></code></pre>
<p>Silahkan ganti link gambar dengan <b>link gambar</b> sobat sendiri</p>
<p></p>
<ol start="4">
<li>
Untuk menampilkan popup gambar tambahkan kode berikut di bawah kode
thumbnail gambar.
</li>
</ol>
<pre class="html"><code><div class="overlay" id="gambar-1">
<a href="#" class="close">
<svg style="width:47px;height:47px" viewBox="0 0 24 24">
<path fill="currentColor" d="M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22C17.53,22 22,17.53 22,12C22,6.47 17.53,2 12,2M14.59,8L12,10.59L9.41,8L8,9.41L10.59,12L8,14.59L9.41,16L12,13.41L14.59,16L16,14.59L13.41,12L16,9.41L14.59,8Z" />
</svg>
</a>
<img src="<mark>Link Gambar Disini</mark>" alt="Nelayan Kode">
</div></code></pre>
<p>Pastikan link gambar pada popup sama dengan link gambar pada thumbnail</p>
<p></p>
<ol start="5">
<li>
Jika semua kode di atas digabungkan maka struktur kodenya kurang lebih
sebagai berikut.
</li>
</ol>
<h4>Final Kode Program</h4>
<pre class="html"><code><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.mainwrapper {
background: #fefefe;
display: flex;
width: 100%;
height: 650px;
justify-content: center;
align-items: center;
}
img.imgthumb {
width: 150px;
border-radius: 10px;
}
/* overlay by webprogramminunpas and modified by nelayankode.com*/
.overlay {
width: 0;
height: 0;
overflow: hidden;
position: fixed;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0);
z-index: 9999;
transition: .8s;
text-align: center;
padding: 150px 0;
}
.overlay:target {
width: auto;
height: auto;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, .7);
}
.overlay img {
max-height: 100%;
box-shadow: 2px 2px 7px rgba(0, 0, 0, .5);
}
.overlay:target img {
animation: zoomDanFade 1s;
}
.overlay .close {
position: absolute;
top: 2%;
right: 2%;
margin-left: -20px;
color: white;
text-decoration: none;
line-height: 14px;
padding: 5px;
opacity: 0;
}
.overlay:target .close {
animation: slideDownFade .5s .5s forwards;
}
/* animasi */
@keyframes zoomDanFade {
0% {
transform: scale(0);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes slideDownFade {
0% {
opacity: 0;
margin-top: -20px;
}
100% {
opacity: 1;
margin-top: 0;
}
}
</style>
</head>
<body>
<!-- Menampilkan thumbnail gambar -->
<a href="#gambar-1">
<img class="thumb" src="<mark>Link Gambar Disini</mark>" alt="nelayan kode" />
</a>
<!-- Menampilkan popup gambar -->
<div class="overlay" id="gambar-1">
<a href="#" class="close">
<svg style="width:47px;height:47px" viewBox="0 0 24 24">
<path fill="currentColor" d="M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22C17.53,22 22,17.53 22,12C22,6.47 17.53,2 12,2M14.59,8L12,10.59L9.41,8L8,9.41L10.59,12L8,14.59L9.41,16L12,13.41L14.59,16L16,14.59L13.41,12L16,9.41L14.59,8Z" />
</svg>
</a>
<img src="<mark>Link Gambar Disini</mark>" alt="Nelayan Kode">
</div>
</body>
</html></code></pre>
<h4>Output Program</h4>
<div style="text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY0vEeLrl95yJdWmPnG9cxWONtdG4D0EI372aZKyz6FmEQDpHE3ZkwqePcosr4wG3IyZ0jOVnPQTTriUz9bLtIQP53voIzuwWdmndH2axbXPUaL0FseuufN17JyKBcunCRvGS8F0UkgdvEGuUoyXOuxKad3l2i-OPe8wM4gf96xuqUC1ne1vj2fEoeFw/s16000/Cara%20Membuat%20Popup%20Image%20Lightbox%20dengan%20HTML%20dan%20CSS%20Tanpa%20JavaScript%20(2).png" /></div>
<h4>Demo Popup Image Lighbox</h4>
<p>
Untuk melihat demonya secara live silahkan klik link download di bawah ini.
</p>
<div align="center"><a class="button outline" href="https://codepen.io/juve1993/full/WNdwyjg" target="_blank">Tampilkan Demo</a></div>
<p>
Demikian tutorial cara membuat <b>Popup Image Lightbox dengan HTML dan CSS Tanpa JavaScript</b>, semoga bermanfaat. Dan jangan lupa untuk memberi dukungan dengan cara
mentraktir kopi di trakteer.id atau dengan cara share postingan kali ini.</p>
<p></p>Nelayan Kodehttp://www.blogger.com/profile/11165435950315240171noreply@blogger.com4tag:blogger.com,1999:blog-4751231593294078143.post-10247809778618408762022-03-13T17:19:00.089+08:002022-03-28T23:53:16.402+08:00Tutorial Pemrograman C #13: Fungsi Output Data Pada Bahasa C<div style="text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFtU8garngGoK3vm5vXkrK7RVR9dd_RfjJ1JOKepUK8o-9Zc0ScIIODsw94WyEhYZDdNF5PrQBnpZ811GI_cKdd17Rb9op3HPAXZgmSDMjgaXolAbQkWG6hZ091yt89Ahwpde7yEYksQmHaxvUNk4pNjZBAuyF-Awr7IiDAEFxO7bVzqbe3nbo1tXyNw/s16000/Tutorial%20Pemrograman%20C%20%2313%20Fungsi%20Output%20Data%20Pada%20Bahasa%20C%20(8).png" /></div>
<p style="text-align: left;">
Salah satu materi dasar paling penting bagi seorang yang baru belajar
<i>programming</i> yakni mengetahui bagaimana cara memasukkan data
(<b>input</b>) dan cara menampilkan hasil data (<b>output</b>) pada program
yang akan dibuat.
</p>
<h3>Output Pada Bahasa C</h3>
<p>
Output adalah sebuah proses dimana perangkat output akan menampilkan data yang
telah di oleh secara digital oleh mikroprosesor.
<sup flow="right" tooltip="www.nesabamedia.com"><a href="#footnote">[1]</a></sup>
</p>
<p>
Pada bahasa pemrograman C, hasil atau output akan ditampilkan melalui
<b>layar/monitor</b>, <b>printer </b>dan <b>file</b>. Ada 2 jenis output pada
bahasa C yakni output <b>tanpa format</b> dan output <b>dengan format</b>.
</p>
<h4>Output Tanpa Format</h4>
<p>
Tanpa format artinya lebar dan bentuk tampilannya tidak dapat di atur. Ada 2
fungsi output yang bisa digunakan yakni putchar untuk menampilkan karakter dan
puts untuk string.
</p>
<p>
<b>Kode program : </b>Output tanpa format untuk data bertipe karakter
(<b>putchar</b>)
</p>
<pre class="proc"><code class="c">#include <stdio.h>
void main()
{ putchar('A');
}</code></pre>
<p>
<b>Output program :</b> Jika program dijalankan maka hasilnya sebagai berikut.
</p>
<p class="pre_output">A</p>
<p>
<b>Kode program :</b> Output tanpa format untuk data bertipe string
(<b>puts</b>)
</p>
<pre class="proc"><code class="c">#include <stdio.h>
void main()
{
puts("nelayankode.com");
}</code></pre>
<p>
<b>Output program :</b> Jika program dijalankan maka hasilnya sebagai
berikut.
</p>
<p class="pre_output">nelayankode.com</p>
<h4>Output dengan Format</h4>
<p>
Dengan format merupakan kebalikan dari output tanpa format yakni lebar dan
bentuk tampilannya bisa diatur. Output dengan format dapat dilakukan dengan
menggunakan fungsi <b>printf ()</b>
</p>
<p>
Jika menggunakan fungsi <b>print()</b> untuk menampilkan output, maka ada
beberapa kode format yang perlu diketahui. Kode format tersebut yakni sebagai
berikut:
</p>
<table class="tkiri">
<thead class="kiri">
<tr>
<th>Kode Format</th>
<th>Fungsi</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: center;">%c</td>
<td>Menampilkan sebuah karakter</td>
</tr>
<tr>
<td style="text-align: center;">%s</td>
<td>Menampilkan nilai string</td>
</tr>
<tr>
<td style="text-align: center;">%d</td>
<td>Menampilkan nilai desimal integer</td>
</tr>
<tr>
<td style="text-align: center;">%i</td>
<td>Menampilkan nilai desimal integer</td>
</tr>
<tr>
<td style="text-align: center;">%u</td>
<td>Menampilkan nilai desimal integer tak bertanda</td>
</tr>
<tr>
<td style="text-align: center;">%x</td>
<td>Menampilkan nilai heksadesimal integer</td>
</tr>
<tr>
<td style="text-align: center;">%o</td>
<td>Menampilkan nilai oktal integer</td>
</tr>
<tr>
<td style="text-align: center;">%f</td>
<td>Menampilkan nilai pecahan</td>
</tr>
<tr>
<td style="text-align: center;">%e</td>
<td>Menampilkan nilai pecahan dalam notasi saintifik</td>
</tr>
<tr>
<td style="text-align: center;">%g</td>
<td>Sebagai pengganti %f atau %e tergantung yang terpendek</td>
</tr>
</tbody>
</table>
<p>
Kemudian setiap kode format pada tabel di atas bisa diatur lebar dan bentuk
tampilannya dengan penambahan kode tertentu. Untuk lebih jelasnya saya akan
memberikan contoh dari masing-masing kode format.
</p>
<h5>Output Karakter Terformat</h5>
<p>
Menampilkan output yang bertipe data char pada bahasa C jika menggunakan
fungsi printf () kita dapat mengatur tampilannya seperti memberikan spasi atau
dapat melakukan perintah pindah baris.
</p>
<p><b>Kode Program :</b> Contoh output <b>karakter </b>terformat</p>
<pre class="proc"><code class="c">#include <stdio.h>
void main()
{
char huruf = 'N';
printf("OUTPUT KARAKTER TERFORMAT\n\n");
printf("%c \n", huruf);
printf("Kode %3c \n", huruf);
printf("%-3c Kode \n", huruf);
printf("%c\nKode", huruf);
}</code></pre>
<p><b>Keterangan :</b> Penjelasan kode program</p>
<div class="note-simple2">
<ul>
<li><b>%c</b> : Menampilkan variabel huruf</li>
<li>
<b>%3c</b> : Menambahkan spasi sebanyak 3x di sebelah kanan variabel huruf
</li>
<li>
<b>%-3c</b> : Menambahkan spasi sebanyak 3x di sebelan kiri variabel huruf
</li>
<li><b>%c\n</b>: Pindah baris baru</li>
</ul>
</div>
<p>
<b>Output Program :</b> Jika program dijalankan maka hasilnya sebagai berikut.
</p>
<div style="text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/a/AVvXsEg9JGWZYsdkRQG2ZqhfnlRPL7fBxpjHJbt_O240jB8K5ANMh7yRRQKBqgtSahrxD3PayTSQMJ1tBzGwlnsYDmynDJAXOGO5An0KhsbkfXKFIGIvlC8KxWLkbCFxu9lBAMEHaSlITzgMGiJZOL07n1yrUNQNPg6Y-J71NgIKpECnlLc--SP18cvw4hZn3g=s16000" style="width: 1280px;" />
</div>
<h5>Output String Terformat</h5>
<p>
Mengatur tampilan pada output bertipe data string jika menggunakan fungsi
printf () hampir sama dengan mengatur tampilan pada output bertipe data
karakter, akan tetapi pada string kita bisa melakukan beberapa hal lainnya
yakni menampilkan string dengan jumlah karakter tertentu.
</p>
<p><b>Kode program : </b>Contoh output <b>string</b> terformat</p>
<pre class="proc"><code class="c">#include <stdio.h>
void main()
{
char kata[12] = "Nelayankode"; //Terdiri dari 11 karakter dan 1 karakter kosong
printf("OUTPUT STRING TERFORMAT\n\n");
printf("%s \n", kata);
printf("Penulis %16s\n", kata);
printf("%-16s Penulis \n", kata);
printf("%.4s \n", kata);
printf("Penulis %16.4s \n", kata);
printf("%-16.4s Penulis \n", kata);
}</code></pre>
<p><b>Keterangan : </b>Penjelaskan kode program</p>
<div class="note-simple2">
<ul style="margin: 0px; text-align: left;">
<li><b>%s</b> : Menampilkan variabel kata</li>
<li>
<b>%16s</b> : Menambahkan spasi sebanyak <b>5 spasi di</b> sebelah kiri
variabel kata (5 didapatkan dari 16 - 11)
</li>
<li>
<b>%-16s</b> : Menambahkan spasi sebanyak <b>5 spasi </b>di sebelah kanan
variabel kata (5 didapatkan dari 16 - 11)
</li>
<li><b>%.4s</b> : Menampilkan <b>4 karakter</b> dari variabel kata</li>
<li>
<b>%16.4s</b> : Menampilkan <b>4 karakter </b>dari variabel kata dan
menambahkan spasi sebanyak <b>16 spasi</b> di sebelah kiri variabel kata
</li>
<li>
<b>%-16.4s</b> : Menampilkan <b>4 karakter</b> dari variabel kata dan
menambahkan spasi sebanyak <b>16 spasi </b>di sebelah kanan variabel kata
</li>
</ul>
</div>
<p>
<b>Output Program :</b> Jika program dijalankan maka hasilnya sebagai berikut
</p>
<div style="text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/a/AVvXsEhhzWq0jKuKwil6eJU7gYbm6BtNCWuZQIA7e2vZu1NN9mK1oXU0uT--2CfOJNTN2HehBjPKNwpGRQA5hxmPg8Q7FAI8p22IB4ouF3r302YM85BVpK4E3rgoZeNxb5-N5inyL2HWX4alTnixV0tpkrrTHIy6p6zoc4f33uPFwy3YkFkAQogXV3NffVS_xA=s16000" style="width: 1280px;" />
</div>
<h5>Output Desimal Integer</h5>
<p>
Variabel bertipe data integer hanya bisa di isi dengan nilai berupa
<b>bilangan bulat</b>. Bilangan bulat yakni bilangan yang terdiri dari b<b>ilangan positif </b>dan <b>bilangan negatif</b> dan bilangan 0. Contoh -5, -4, -3, -2, -1, 0 1,
2, 3, 4, 5. Kemudian bilangan bulat juga terbagi lagi menjadi
<b>bilangan genap</b> dan <b>bilangan ganjil</b>. Contoh 1, 3, 5, 7 (bilangan
ganjil) dan 2, 4, 6, 8 (bilangan genap)
</p>
<p>
Untuk mencetak hasil atau output desimal integer pada bahasa pemrograman C,
kita bisa menggunakan format di bawah ini.
</p>
<table class="tkiri">
<thead class="kiri">
<tr>
<th>Format</th>
<th>Tipe Data</th>
</tr>
</thead>
<tbody>
<tr>
<td>"%d", "%i"</td>
<td>signed int</td>
</tr>
<tr>
<td>"%u"</td>
<td>unsigned int</td>
</tr>
<tr>
<td>"%ld", "%li"</td>
<td>long int</td>
</tr>
<tr>
<td>"%hi"</td>
<td>short int</td>
</tr>
<tr>
<td>"%hu"</td>
<td>unsigned short int</td>
</tr>
<tr>
<td>"%lu"</td>
<td>unsigned long int</td>
</tr>
</tbody>
</table>
<p>
Untuk mengatur lebar dan bentuknya dapat menggunakan format yang ada pada kode
program berikut.
</p>
<p><b>Kode Program :</b> Mengatur tampilan output desimal integer</p>
<pre class="proc"><code class="c">#include <stdio.h>
void main()
{
printf("OUTPUT DESIMAL INTEGER\n\n");
int angka = 1234, angka2 = -5678;
printf("%i \n", angka);
printf("Nilai:%9i \n", angka);
printf("Nilai:%9d \n", angka);
printf("%09d \n", angka);
printf("%-9dNilai: \n", angka);
printf("\n-------------------------------------\n\n");
printf("%d %7d %7d \n", angka, angka, angka2);
printf("%d %+7d %-7d \n", angka, angka, angka2);
printf("%d %-7d %7d \n", angka, angka, angka2);
printf("%d %-+7d %-+7d \n", angka, angka, angka2);
printf("%d %+-7d %+-7d \n", angka, angka, angka2);
}</code></pre>
<p><b>Keterangan </b>: Penjelasan kode program output <b>desimal integer</b></p>
<div class="note-simple2">
<ul style="text-align: left;">
<li>
<b>%09d </b>: Menampilkan variabel angka menjadi <b>9 digit </b>angka.
Jika misalnya angka terdiri dari <b>4 digit</b> maka didepannya akan
ditambahkan <b>angka 0</b> sebanyak <b>5 digit</b>
</li>
<li>
<b>%+7d</b> : Menampilkan variabel angka dengan menambahkan tanda
plus (<b>+</b>) di awal variabel, jika nilai variabel positif dan
jika tidak maka tidak ada penamabahan tanda. Kemudian menambahkan spasi
sebanyak <b>7 spasi </b>di sebelah kanan variabel angka
</li>
<li>
<b>%-+7 </b>: Menampilkan variabel angka dengan menambahkan tanda plus
(<b>+</b>) di awal variabel, jika variabel bernilai positif dan jika
bernilai negatif maka tandanya minus (<b>-</b>) Kemudian menambahkan spasi
sebanyak <b>7 spasi</b> di sebelah kanan variabel angka
</li>
<li>
<b>%+-7</b> : Menampilkan variabel angka dengan menambahkan tanda
plus (<b>+</b>) di awal variabel, jika variabel bernilai positif dan jika
bernilai negatif maka tandanya minus (<b>-</b>) Kemudian menambahkan spasi
sebanyak <b>7 spasi </b>di sebelah kanan variabel angka
</li>
</ul>
</div>
<p>
<b>Output Program</b> : Jika program dijalankan maka hasilnya sebagai berikut.
</p>
<div style="text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/a/AVvXsEhDJyRDCvQUaEAHR-tSf4-KhkfrBjkJnG8-NTgScPj8EvadcGyTRTPPq640705m9qctK58CH-ubTFeb-iPHsyn2X6GMBAePyczFicsQEiMjvbBE4IvoUUEVy-wacKVjF4G695cQhkh-tP3Mn7VO0cA-RDMe_lGs5UXya_SB8Sb7gW1CsxLPUrSpBOgVHw" style="width: 1280px;" />
</div>
<h5>Output Desimal Pecahan</h5>
<p>
Output dalam pemrograman bahasa C bisa juga menampilkan output bilangan dalam
bentuk <b>pecahan desimal</b>. Untuk kode formatnya dapat dilihat pada tabel di bawah
ini.
</p>
<table class="tkiri">
<thead class="kiri">
<tr>
<th>Kode Format</th>
<th>Menampilkan</th>
</tr>
</thead>
<tbody>
<tr>
<td>"%f"</td>
<td>float untuk nilai pecahan</td>
</tr>
<tr>
<td>"%e"</td>
<td>float dengan notasi saintifik</td>
</tr>
<tr>
<td>"%g"</td>
<td>yang terpendek di antara "%f" dan "%e"</td>
</tr>
<tr>
<td>"%lf", "%le", "%lg"</td>
<td>double</td>
</tr>
<tr>
<td>"%Lf", "%Le", "%Lg"</td>
<td>long double</td>
</tr>
</tbody>
</table>
<p><b>Kode program </b>: Mengatur tampilan output <b>desimal pecahan</b></p>
<pre class="proc"><code class="c">#include <stdio.h>
void main()
{
printf("OUTPUT DESIMAL PECAHAN\n\n");
float x = 123.4567;
float f = 123.45678e25;
double d = 123.45678e300;
long double ld = 123.45678e4500;
printf("%3f %15f %020f \n", x, x, x);
printf("%3e %15e %020e \n", x, x, x);
printf("%.2f \n", x);
printf("%15.2f \n", x);
printf("%-15.2f \n", x);
printf("%.0f \n\n", x);
printf("%15.7e \n", f);
printf("%15.12le \n", d);
printf("%15.7Le \n", ld);
}</code></pre>
<p>
<b>Keterangan </b>:<b> </b>Penjelasan kode program output
<b>desimal pecahan</b>
</p>
<div class="note-simple2">
<ul style="text-align: left;">
<li>
<b>%3f</b> : Menampilkan variabel x dan menambahkan spasi di awal variabel
sebanyak 3 - 8 = <b>-5</b> (8 diperoleh dari jumlah karakter
variabel x terdiri dari 7 angka + 1 tanda titik). Karena hasil nya
<b>minus</b> maka tidak ada penambahan spasi.
</li>
<li>
<b>%15f </b>: Menampilkan variabel x dan menambahkan spasi di awal
variabel sebanyak 15 - 8 = <b>3 spasi</b>.
</li>
<li>
<b>%.2f</b> : Menampilan variabel x dengan angka di belakang koma sebanyak
<b>2 digit </b>
</li>
<li>
<b>%15.2f</b> : Menampilkan variabel x dengan angka di belakang koma
sebanyak <b>2 digit</b>. Kemudian menambahkan spasi sebanyak 3 kali di
awal variabel.
</li>
<li>
<b>%.0f</b> : Menampilkan variabel x tanpa angka di belakang koma
</li>
</ul>
</div>
<p>
<b>Output program : </b>Jika program dijalankan maka hasilnya sebagai berikut.
</p>
<div style="text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/a/AVvXsEjAvdF44kC4i2BlbJ-ArOhIxaYLhyjzG1J34YYPQmSh9Wc_qB20vUQY6ra-N2J0wKBkMNd9-J-pFATECyBNbZPuQ6mmmrkw4dR2NHd51VsGRc-7bcyVsiB6WHhtJ53swmFBpgalXURXGI4uuUujhzkl0Atx6gMpq9eDw0hoDe4P4IKdrMIKKXm-uL1dDA=s16000" style="width: 1280px;" />
</div>
<h5>Output Heksadesimal</h5>
<p>
Menampilkan output berupa bilangan heksadesimal pada bahasa pemrograman C
dapat menggunakan kode format <b>"%x"</b>. Dengan kode format "%x" akan
menkonversi bilangan bulat ke bilangan <b>heksadesimal</b>.
</p>
<p><b>Kode Program </b>: Mengatur tampilan output <b>Heksadesimal</b></p>
<pre class="proc"><code class="c">#include <stdio.h>
void main()
{
printf("OUTPUT HEKSADESIMAL\n\n");
int angka = 65;
printf("%x \n", angka);
printf("spasi %10x \n", angka);
printf("%-10x spasi \n", angka);
}</code></pre>
<p>
<b>Output Program</b> : Jika program dijalankan maka hasilnya sebagai berikut.
</p>
<div style="text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/a/AVvXsEgxxINk86dkq37qzImfreMw3hAvbLmBI0M0Dx3UPmjtcEz8t-s1JojR2gW6_oBrs24NGdbYYRgQb_OsAPIZpVI1dSHsqCIpomFnL3NTSPlsddX-EnQHB_1uxcngoLCa1XXYCnm7OBI2XDggb1MqJHHJnkw-u_fZmUdhd6Yq70Pu1mQtkPawFR_UgGcwtQ=s16000" style="width: 1280px;" />
</div>
<h5>Output Oktal</h5>
<p>
Menampilkan bilangan oktal pada bahasa pemrograman C adalah dengan menggunakan
kode format "%o". Dengan kode format ini akan menkonversi bilangan bulat
menjadi bilangan oktal.
</p>
<p><b>Kode Program </b>: Mengatur tampilan output <b>oktal</b></p>
<pre class="proc"><code class="c">#include <stdio.h>
void main()
{
printf("OUTPUT OKTAL\n\n");
int angka = 65;
printf("%o \n", angka);
printf("spasi %8o \n", angka);
printf("%-8o spasi \n", angka);
}</code></pre>
<p>Output Program : Jika program dijalankan maka hasilnya sebagai berikut.</p>
<div style="text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/a/AVvXsEhaZSfAzhktWISPurjwrqgvl-hCLfCL0H1ETW8PTtUFp-KPNzlovI1P6uT5y4IzFjr7FEKEZJbBu5dlAqSiO2KYc8By9pZd6krdyo3NW7aiOJxEuhXP14ef8_99D2Xo7mnPLClpzYHhNhtaY4y2qigRNTeamFsUGrZTNZhRB6dYhfqIJAB6X4b4jJA9fA=s16000" style="width: 1280px;" />
</div>
<p>
Berhubung artikel ini sudah terlalu panjang, jadi untuk pembahasan input data
saya akan lanjutkan pada postingan berikutnya. Seperti biasa jika ada yang
tidak dimengerti silahkan tanyakan pada kolom komentar.
</p>
<div class="footnote" id="footnote">
<ul>
<li>
<sup>[0]</sup> PPT Pemrograman Struktur: 04 Membaca dan Menulis Data.ppt
</li>
<li>
<sup>[1]</sup> https://www.nesabamedia.com/pengertian-input-dan-output/
</li>
</ul>
</div>
Nelayan Kodehttp://www.blogger.com/profile/11165435950315240171noreply@blogger.com2tag:blogger.com,1999:blog-4751231593294078143.post-37129391525212879072022-03-12T15:05:00.011+08:002022-03-28T21:10:25.475+08:00Cara Merubah Ukuran Font (Font Size) Terminal di Visual Studio Code<p>
<b>Cara Merubah Ukuran Font (Font Size) Terminal di Visual Studio Code</b> -
Pada postingan kali ini kita akan membahas salah satu text editor yang
sekarang populer digunakan oleh programmer yakni Visual Studio Code. Adapun
hal yang kita bahas adalah bagaimana cara merubah ukurun <i>font</i> pada
terminal di Visual Studio Code.
</p>
<div style="text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdrwbfg7HFNCD7Y4Vwb5elghxjm4kziy1vqQkLCp6lhMMMyGtX157X2JjCESfPqKONGM3RLSr461WnjvljclSuFGW4V5LHcJzJAIA1o02NsmV45KVwB262a7rmmcg4Cf-xKvXN7bUyhkRU4EbB-jMig0E7Oer4kzWPzX66zMO0Jn5IZai_h8urjsWYRw/s16000/Cara%20Merubah%20Ukuran%20Font%20(Font%20Size)%20Terminal%20di%20Visual%20Studio%20Code.png" /></div>
<p>
Terminal pada visual studio code memiliki banyak fungsi, dan salah satunya
adalah untuk menampilkan hasil <i>compiler</i> dari kode program yang ditulis. Secara
default terminal pada VS. Code memiliki ukuran font yang lumayan besar.
Mungkin sebagian orang tidak mempermasalahkan ukuran <i>font</i> yang besar pada
terminal, akan tetapi ada beberapa orang yang risih dengan ukuran
<i>font</i> nya, termasuk saya sendiri.
</p>
<p>
Bagi sobat yang risih dengan ukuran <i>font</i> pada terminal VS. Code dan ingin
mengubah ukuran <i>font</i> nya, maka silahkan ikuti tutorial di bawah ini.
</p>
<p></p>
<ol style="text-align: left;">
<li>
Pertama-tama buka menu <b>Settings</b>. Pada menu bar pilih <b>File </b>-
<b>Preferences</b> - <b>Settings</b>. Atau dengan menekan <kbd2><b>Ctrl</b></kbd2> <b>+</b> <kbd2><b>,</b></kbd2>
</li>
</ol>
<div style="text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/a/AVvXsEiOJqXH2SnOBm89NXMe2njZbeaipAGDeja7CpAbVtQHzFWhf34GRawyKopGNzjyce9JWvuElwHrkYPdA0nL462Drw5z-RFLlYZw0UveY0z80s3pBF9dLetEf5ZeI84WSis6qokOQPTB18wraBJ1MfdBEyJ4s9vWFSSddJDX7eTyBpVqWVu1KFSWWvZ14Q=s16000" style="width: 1280px;" /></div>
<ol start="2" style="text-align: left;">
<li>
Pada kolom pencarian ketik "<b>terminal</b>" kemudian scroll ke bawah dan temukan
Terminal <b>Font Size</b>. Ubah ukuran font sesuai yang diinginkan.
</li>
</ol>
<div style="text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/a/AVvXsEgQnD71K9_RSGs-bZiY9W6_qX0Q37VFQz4Etymdpj9S4ge1xve229Nrv4VO7NFaZURRlqFd7Sbq5TU8vcmIYngGi7x8GEm2N54ImraPreg51Yz3QFQ1kdP9iMIzhU4f4gC7t5YTiWj-XhwPP_wsBoCgCmUpyldPVfrrmN8wJnI01IdUfrHK2zXTciE1kw=s16000" style="width: 1280px;" />
</div>
<ol start="3" style="text-align: left;">
<li>Keluar dari menu Settings. Kemudian lihat hasilnya pada terminal.</li>
</ol>
<div>
Mudah-mudahan tutorial kali ini mudah dimengerti. Dan jika ada yang tidak
dimengerti dari tutorial di atas silahkan tanyakan pada kolom komentar. Kemudian jangan lupa dukung penulis dengan cara mentraktir di trakteer.id atau dengan cara share postingan ini.</div>
Nelayan Kodehttp://www.blogger.com/profile/11165435950315240171noreply@blogger.com2tag:blogger.com,1999:blog-4751231593294078143.post-55055384415436245202022-03-12T08:47:00.013+08:002022-03-29T11:08:50.074+08:00Invert Grid Full Free Blogger Template<div style="text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_reRlV2sTwrNwYK0JWVhJQLX8K09MPhHUFi_InXJL9rBLDRBy7S-0ws1t-ewH2U6vi1ABIFQkv9yuY-3KAINR8sSF1P9BQQSDq-4Y0T_PsiWbSTXU4bojDWdnuJpSXCSQH7DLxkjJbwo5FoC6yR3sd81gwV7pyv96ox60SyBdGZLA511E5uaPvukJpQ/s16000/Invert%20Grid%20Full%20Free%20Blogger%20Template.png" /></div>
<p style="text-align: left;">
<b>Invert Grid Full Free Blogger Template</b> - Akhirnya ada kesempatan juga
untuk menambah daftar koleksi template pada kategori template blogger.
Template yang akan saya bagikan kali ini merupakan template buatan Arlina Code
yang diberi nama Invert Grid.
</p>
<h3>Fitur-fitur Template</h3>
<p style="text-align: left;">
Adapun fitur-fitur dari template Invert Grid ini adalah sebagai berikut:
</p>
<p style="text-align: left;"></p>
<ul style="text-align: left;">
<li>Responsive Design</li>
<li>SEO Friendly</li>
<li>Personal Blog</li>
<li>4 Style</li>
<li>Light Base Theme Color</li>
<li>Auto More with Thumbnail</li>
<li>Responsive Ad Slot</li>
<li>Breadcrumbs</li>
<li>Related Post</li>
<li>Top Navigation</li>
<li>Responsive Menu</li>
<li>Numbered Page Navigation</li>
<li>Back to Top</li>
<li>Custom 404 Page</li>
<li>Contact Form Widget</li>
<li>Subscribe Box Widget</li>
<li>Featured Post Widget</li>
<li>Random Posts Widget</li>
<li>Recent Comments Widget</li>
<li>Support New Blogger</li>
<li>Well Documentation</li>
</ul>
<p style="text-align: left;">
Bagi yang berminat untuk mendownload atau melihat demo dari template ini,
linknya sudah saya sediakan di bawah.
</p>
<div class="btnF">
<a class="button outline" href="https://invergrid.blogspot.com/" target="_blank">Demo</a>
<a class="button" href="http://www.mediafire.com/file/cwt8x2955aco5sq/Invert_Grid_Full_Free_From_Arlina_Code.rar/file" target="_blank"><i class="icon dcl"></i>Download</a>
</div>
<p style="text-align: left;">
Jika ada template blogger menarik lainnya yang saya temukan, saya akan share
lagi di blog ini. Dan saya juga ada rencana kedepannya untuk membuat template
sendiri dan kalau sudah jadi saya akan coba share secara gratis :)</p>Nelayan Kodehttp://www.blogger.com/profile/11165435950315240171noreply@blogger.com2tag:blogger.com,1999:blog-4751231593294078143.post-75073797209013327282022-03-11T10:40:00.013+08:002022-03-29T00:15:55.507+08:00Tutorial Pemrograman C #12: Operator Assigment Pada Bahasa C<div style="text-align: center;"><img alt="Tutorial Pemrograman C #12: Operator Assigment Pada Bahasa C" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVqClu1Hrc-p9UwXtOjqR0l92WkN-MJu97295vUpifTUEZ1YH2tKmdU2DxQ9z80hIsMRiCXGvyyoUP98qa6vVtukQMHQBEzkLkoWeW9_cyz0hGQAthFhFnwOOskY_UtmFRxj-qgOKb3RtFyEBGDu_mfdG2JDgYSjNFa2yl1lZAeb7cJMAV1VPLl430HQ/s16000/Tutorial%20Pemrograman%20C%20%2312%20Operator%20Assigment%20Pada%20Bahasa%20C.png" title="Tutorial Pemrograman C #12: Operator Assigment Pada Bahasa C" /></div>
<h3>Pengertian Operator Assignment</h3>
<p>
Operator assigment atau biasa juga disebut<b> operator penugasan </b>adalah operator
yang berfungsi untuk memberikan nilai kepada operand atau variabel. Simbol
atau tanda dari operator assignment adalah tanda sama dengan (<span style="color: #cc0000;">=</span>).
</p>
<p>
Ada beberapa macam operator assignment di antaranya = atau biasa disebut
dengan operator assignment sederhana. Kemudian ada juga operator assignment
yang terdapat operator lainnya di awal tandanya seperti <b>+=</b>, <b>-=</b>,<b> *=</b>, <b>/=</b>, <b>%=</b>,
<b><<=</b>, <b>>>=</b>, <b>&=</b>,<b> ^=</b>, <b>|=
</b></p>
<p>
Untuk memahami maksud penempatan operator lain di awal operator assignment,
silahkan perhatikan contohnya pada tabel di bawah ini.
</p>
<table class="tkiri">
<thead class="kiri">
<tr>
<th>Operator</th>
<th>Contoh</th>
<th>Ekuivalen</th>
</tr>
</thead>
<tbody>
<tr>
<td>+=</td>
<td>a += 2</td>
<td>a = a + 2</td>
</tr>
<tr>
<td>-=</td>
<td>a -= 2</td>
<td>a = a - 2</td>
</tr>
<tr>
<td>*=</td>
<td>a *= 2</td>
<td>a = a * 2</td>
</tr>
<tr>
<td>/=</td>
<td>a /= 2</td>
<td>a = a / 2</td>
</tr>
<tr>
<td>%=</td>
<td>a %= 2</td>
<td>a = a % 2</td>
</tr>
<tr>
<td>
<<=</td> <td>a <<= 2</td> <td>a = a << 2</td> </tr> <tr>
<td>>>=</td>
<td>a >>= 2</td>
<td>a = a >> 2</td>
</tr>
<tr>
<td>&=</td>
<td>a &= 2</td>
<td>a = a & 2</td>
</tr>
<tr>
<td>^=</td>
<td>a ^= 2</td>
<td>a = a ^ 2</td>
</tr>
<tr>
<td>|=</td>
<td>a |= 2</td>
<td>a = a | 2</td>
</tr>
</tbody>
</table>
<p><b>Contoh :</b> Misalkan nilai variabel <b>a = 7</b></p>
<p class="note-simple"><b>a += 2</b> ekuilvalen dengan <b>a = a + 2</b> maka hasilnya <b>a = 7 + 2 = 9</b><br /><b>a %= 2 </b>ekuivalen dengan <b>a = a % 2 </b>maka hasilnya <b>a = 7 % 2 = 1</b></p>
<p><b>Kode program : </b>Contoh penggunaan <b>operator assignment </b>pada pemrograman bahasa C.</p>
<pre class="proc"><code class="c">#include <stdio.h>
int main()
{
int a;
printf("Operator Assignment\n\n");
a = 7;
printf("a += 2 : %d\n", <mark>a += 2</mark>);
a = 7;
printf("a -= 2 : %d\n", <mark>a -= 2</mark>);
a = 7;
printf("a *= 2 : %d\n", <mark>a *= 2</mark>);
a = 7;
printf("a %= 2 : %d\n", <mark>a %= 2</mark>);
a = 7;
printf("a <<= 2 : %d\n", <mark>a <<= 2</mark>);
a = 7;
printf("a >>= 2 : %d\n", <mark>a >>= 2</mark>);
a = 7;
printf("a &= 2 : %d\n", <mark>a &= 2</mark>);
a = 7;
printf("a ^= 2 : %d\n", <mark>a ^= 2</mark>);
a = 7;
printf("a |= 2 : %d\n", <mark>a |= 2</mark>);
}</code></pre>
<p><b>Output program :</b> Jika program dijalankan maka hasilnya sebagai berikut.</p>
<div style="text-align: center;"><img style="width:1280px" border="0" src="https://blogger.googleusercontent.com/img/a/AVvXsEg1qwxyAwTYCxQc6qLvSPJA8VsmYqQVscankML9_DND5K_TFc0ztT5IKtPafLbDpXhbxPrSeKuiU6KeMDhvnpoYB6vvJcYUjC1WsBT1qyW-3kKjNXxTOq1Pspgm926zRvYwjoDQyhCXlB6Y79f6NHrb-KhyxxSb5IojlgT6Atazm0NxMrFwRwSUtjACaA=s16000" /></div>
<p>Operator assignment merupakan operator terakhir pada bahasa C yang akan dibahas. Jika ada operator lain yang belum saya bahas tolong sampaikan pada kolom komentar.</p>
Nelayan Kodehttp://www.blogger.com/profile/11165435950315240171noreply@blogger.com2tag:blogger.com,1999:blog-4751231593294078143.post-44065141474295735822022-03-10T14:25:00.009+08:002022-03-29T00:18:40.716+08:00Tutorial Pemrograman C # 11: Operator Koma Pada Bahasa C<div style="text-align: center;"><img alt="Tutorial Pemrograman C # 11 Operator Koma Pada Bahasa C" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTJYeLGIL1Il8XGnESM3GLLKyJTog4hQ_tKIj-BQGjMjI5TMlSCidv3y9-IJLKK5izxe16szrAQKp4F7QtHj8MP_ROf4Egdoq69YwXIETW1K5NmIqWNJCNRKKc43qbNoFZot_yrBlpHyMJMJBfbgAQqNGnELhnUAstpqBN9U0Focb1TMdpdTQGjmJ7tg/s16000/Tutorial%20Pemrograman%20C%20%23%2011%20Operator%20Koma%20Pada%20Bahasa%20C.png" title="Tutorial Pemrograman C # 11 Operator Koma Pada Bahasa C" /></div><h3 style="text-align: left;">Pengertian Operator Koma Pada Bahasa C</h3>
<p>
Operator koma merupakan salah satu operator pada bahasa C yang berfungsi untuk
<b>menggabungkan</b> beberapa ekspresi dan pemrosesannya dilakukan dari kiri ke
kanan. [1]
</p>
<p><b>Contoh : </b>Penulisan operator koma pada bahasa C</p>
<p class="note-simple">
X = (A = 6, A * 2), maka <b>X</b> bernilai 6 * 2 = 12 dan nilai
<b>A</b> bernilai 6<br />
Y = (B = A + 4, B / 5), maka <b>Y</b> bernilai (6 + 4) / 5 = 2 dan nilai
<b>B</b> = 6 + 4 = 10
</p>
<p><b>Keterangan :</b></p>
<p class="note-simple">
Nilai X nilainya berasal dari nilai A yang diproses 2 kali yakni proses
pertama A = <span style="color: #cc0000;">6</span>, kemudian proses kedua
yakni A * 2 =<span style="color: #cc0000;"> 6</span> * 2 = 12. Sedangkan
nilai A akan tetap bernilai 6 karena hanya sekali diberi operator assignment
(=), yakni A = 6.
</p>
<p class="note-simple">
Nilai Y nilainya berasal dari nila yang diproses 2 kali yakni proses B = A + 4
= 6 + 4 = <span style="color: #cc0000;">10</span> kemudian proses ke dua yakni
B / 5 = <span style="color: #cc0000;">10</span> / 5 = 2. Sedangkan nilai B
bernilai 10 karena hanya sekali diberi operator assignment (<span style="color: #cc0000;">=</span>), yakni B<span style="color: #cc0000;"> = </span>A + 4 = 6 + 4 = 10
</p>
<p>
<b>Kode program :</b> Contoh penggunaan operator <b>koma </b>pada pemrograman
bahasa C
</p>
<pre class="c"><code class="c">#include <stdio.h>
int main()
{
int a, b, x, y;
x = (a = 6, a * 2);
y = (b = a + 4, b / 2);
printf("Nilai x = %d\n", x);
printf("Nilai a = %d\n", a);
printf("Nilai y = %d\n", y);
printf("Nilai b = %d\n", b);
}</code></pre>
<p style="text-align: left;">
<b>Output program : </b>Jika program dijalankan maka hasilnya sebagai berikut.
</p>
<div style="text-align: center;">
<img style="width:1280px" border="0" src="https://blogger.googleusercontent.com/img/a/AVvXsEhQz0M9I1YjF5zceMaJJOiEC_FYXWVgyn1zsIMiCXbctHVgZLDa5NX23fkXdh74qO2GhxnDlzRf0gFB11vUz8SCFNkBT4vxmncrpfTAEFWWBMqlPMF1EwZvRp2Yix37l02wt4L1AQmSAekPoopeg8jNr6H0tDEQqDo7TmVPx_uQx1gbvRYBgxzMcnSJQg=s16000" />
</div>
<p style="text-align: left;">
Demikian pembahasan mengenai operator koma pada bahasa C, semoga bermanfaat.
Dan jika ada yang masih ada yang dibingungkan silahkan tanyakan pada kolom
komentar.
</p>
Nelayan Kodehttp://www.blogger.com/profile/11165435950315240171noreply@blogger.com2tag:blogger.com,1999:blog-4751231593294078143.post-62015411309565920902022-03-08T15:23:00.081+08:002022-03-29T00:23:33.393+08:00Tutorial Pemrograman C #10: Operator Bitwise Pada Bahasa C<div style="text-align: center;"><img alt="Tutorial Pemrograman C #10 Operator Bitwise Pada Bahasa C" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5cJdTWgegK9l4KxXCvg9efgUft-c4Niu1vKLTnyFFFIKB7fHMIvtJJOb9l-zIz0kYH-cX8CVcyhsZv0OKXQxYH4PnSJHv-q5BPRZW8oEawp7oCmabSK8nyej7oV1CCrLTWiJ4oEtL6sUBAiIs8htoBPm7cPZ5H90XkQIVgqKWnrKF8IfWXLk9xTY6uA/s16000/Tutorial%20Pemrograman%20C%20%2310%20Operator%20Bitwise%20Pada%20Bahasa%20C.png" title="Tutorial Pemrograman C #10 Operator Bitwise Pada Bahasa C" /></div>
<p>
Operator bitwise adalah operasi yang digunakan untuk mengoperasikan suatu
nilai dalam bilangan biner. Cara kerja operator bitwise yakni dengan cara
mengubah operand yang merupakan bilangan <b>desimal</b> dikonversi ke bilangan
<b>biner</b>. Kemudian bilangan biner tersebut diproses sesuai dengan aturan
dari operator bitwise. Hasil dari proses operator bitwise masih berupa
bilangan biner di dikonversi kembali ke bilangan desimal.
</p>
<p>
Bilangan biner sendiri merupakan sistem bilangan <b>berbasis 2 </b>yang
penulisannya menggunakan 2 simbol yakni <b>0 </b>dan <b>1</b>. Untuk lebih
lengkapnya mengenai bilangan biner bisa disearch sendiri.
</p>
<p>
Terdapat 6 operator bitwise dalam bahasa C. Daftar lengkapnya dapat dilihat
pada tabel berikut. Untuk memahami contoh pada tabel untuk variabel A = 7
(konversi ke biner 7 = 0 1 1 1) dan untuk variabel B = 9 (konversi ke
biner 9 = 1001).
</p>
<div class="table_div">
<table>
<thead class="kiri">
<tr>
<th>Operator</th>
<th>Nama Operator</th>
<th>Keterangan</th>
<th>Contoh</th>
</tr>
</thead>
<tbody>
<tr>
<td>|</td>
<td>Bitwise OR</td>
<td>Bernilai 1 apabila salah satu operand bernilai 1</td>
<td>(A | B) = 15</td>
</tr>
<tr>
<td>&</td>
<td>Bitwise AND</td>
<td>Bernilai 1 apabila ke 2 operand bernilai 1</td>
<td>(A & B) = 1</td>
</tr>
<tr>
<td>^</td>
<td>Bitwise XOR</td>
<td>Bernilai 1 jika operand bernilai satu dan operan lain bernilai 0</td>
<td>(A ^ B) = 14</td>
</tr>
<tr>
<td>~</td>
<td>Bitwise NOT</td>
<td>Membalik nilai bit</td>
<td>(~ A) = 8</td>
</tr>
<tr>
<td><<</td>
<td>Bitwise SHL</td>
<td>Menggeser bit ke kiri</td>
<td>(A << 2) = 28</td>
</tr>
<tr>
<td>>></td>
<td>Bitwise SHR</td>
<td>Menggeser bit ke kanan</td>
<td>(A >> 2) = 1</td>
</tr>
</tbody>
</table>
</div>
<h4>1. Operator Bitwise OR (|)</h4>
<p>
Aturan untuk operator bitwise OR yakni bernilai 1 apabila salah satu operand
bernilai 1. Pada tabel di atas sudah disertakan contoh operasi dengan operator
bitwise OR, akan tetapi belum dijelaskan proses untuk mendapatkan hasilnya.
Oleh karena itu untuk mengetahui prosesnya silahkan simak contohnya di bawah
ini.
</p>
<p><b>
A = 7</b> dikonversi ke biner <b>0 1 1 1</b> untuk <b>B = 9</b> dikonversi ke biner <b>1 0 0 1
</b></p>
<p class="note-simple">
<b>(A | B) = (7 | 9) = (0 1 1 1 | 1 0 0 1)</b><br /><br />
0 1 1 1<br />1 0 0 1<br />--------<br /><span style="color: #cc0000;">1 1 1 1 </span>
konversi ke desimal = <b>15</b>
</p>
<p style="text-align: left;"><b>
Kode program : </b>Pembuktian contoh dari operator bitwise <b>OR (|)</b>.
</p>
<pre class="proc"><code class="c">#include <stdio.h>
int main()
{
int a = 7;
int b = 9;
printf("OPERATOR BITWISE OR\n\n");
printf("A = %d dan B = %d\n\n", a, b);
printf("Bitwise OR (A | B) : %d", <mark>a | b</mark>);
}</code></pre>
<p style="text-align: left;"><b>
Output program :</b> Jika program dijalankan maka hasilnya sebagai berikut.
</p>
<div style="text-align: center;"><img style="width:1280px" style="width:1280px" border="0" src="https://blogger.googleusercontent.com/img/a/AVvXsEi2EU5wK3Jgg_fi-Orr6eP_l-Jw40mEnFH0Gvz8kcuJ13nJvDE_U2SL9fVga-NnyMTUx8RVI75xtAMfX3HXlB5-1w__jsiXUX0mCLCbCUVsBG4xFHeAs0P6IZjT-vE9mRwyfhimt083R7g2y3ug5IWWs75g2eYIxqnCZg9BddYWfvohJYF96d55NhPseg=s16000" /></div>
<h4>2. Operator Bitwise AND (&)</h4>
<p>
Aturan untuk operator bitwise AND yakni bernilai 1 jika ke 2 operan bernilai
1.
</p>
<p class="note-simple">
<b>(A & B) = (7 & 9) = (0 1 1 1 & 1 0 0 1)</b><br /><br />
0 1 1 1<br />1 0 0 1<br />--------<br /><span style="color: #cc0000;">0 0 0 1 </span> konversi ke desimal = <b>1</b>
</p>
<p style="text-align: left;"><b>
Kode program : </b>Pembuktian contoh dari operator bitwise <b>AND (&)</b>.
</p>
<pre class="proc"><code class="c">#include <stdio.h>
int main()
{
int a = 7;
int b = 9;
printf("OPERATOR BITWISE AND\n\n");
printf("A = %d dan B = %d\n\n", a, b);
printf("Bitwise AND (A & B) : %d", <mark>a & b</mark>);
}</code></pre>
<p style="text-align: left;"><b>
Output program :</b> Jika program dijalankan maka hasilnya sebagai berikut.
</p><div style="text-align: center;"><img style="width:1280px" border="0" src="https://blogger.googleusercontent.com/img/a/AVvXsEjn_megsRLIWMfLnGHncCHVIBFYJXQ6jRVhxEav2BxGaRKz-HEAdOFiKZfdFIta7W9rKnI4iL1bjyjJdUfwkP43HNxFxcHN77BeMtickbxXYw2ipROV5XOu8mz8lazyrjJePAY8qkyV0bL0obaRXWuKqnvwhdHQhmlAcVPn369yS0bVlKIBwA2LSHiQBw=s16000" /></div>
<h4>3. Operator Bitwise XOR (^)</h4>
<p>
Aturan untuk operator bitwise XOR yakni bernilai satu jika operand bernilai
satu dan yang lain bernilai 0
</p>
<p class="note-simple">
<b>(A ^ B) = (7 ^ 9) = (0 1 1 1 ^ 1 0 0 1)</b><br /><br />
0 1 1 1<br />1 0 0 1<br />--------<br /><span style="color: #cc0000;">1 1 1 0 </span> konversi ke desimal = <b>14</b>
</p>
<p style="text-align: left;"><b>
Kode program : </b>Pembuktian contoh dari operator bitwise <b>XOR (^)</b>.
</p>
<pre class="proc"><code class="c">#include <stdio.h>
int main()
{
int a = 7;
int b = 9;
printf("OPERATOR BITWISE XOR\n\n");
printf("A = %d dan B = %d\n\n", a, b);
printf("Bitwise XOR (A & B) : %d", <mark>a ^ b</mark>);
}</code></pre>
<p style="text-align: left;"><b>
Output program :</b> Jika program dijalankan maka hasilnya sebagai berikut.
</p><div style="text-align: center;"><img style="width:1280px" border="0" src="https://blogger.googleusercontent.com/img/a/AVvXsEgiGVrqkd8G1-zW5FV_zr84evVRsgtBJ6QAks_7ko_0MTo2rq7ugaUmrDGvQ3HI-4yBqotEOlvWtsMwud1zUqQ_-JstCv_C2yKm0T0MsHY5hIJ4YYsw6hXoG9ZIIsPW87p7K_Qo2BH911NcmsztiSquRz-tz6oJxdvegnNA70MxxVn8tT9jBIr3x4v3-g=s16000" /></div>
<h4>4. Operator Bitwise NOT</h4>
<p>Bitwise NOT dikenal juga dengan <b>komplemen</b> yang akan menghasilkan kebalikan dari biner aslinya. Aturan untuk operator bitwise NOT yakni membalik nilai bit, 1 diubah jadi 0
dan 0 diubah jadi 1. Kemudian operator bitwise NOT hanya membutuhkan satu operand untuk memberikan hasil.</p>
<p class="note-simple">
<b>(~ A) = (~ 7) = (~ 0 1 1 1)</b><br /><br />
0 1 1 1<br />--------<br /><span style="color: #cc0000;">1 0 0 0 </span> konversi ke desimal = -<b>8</b>
</p>
<p style="text-align: left;"><b>Lah ko bisa -8 ? </b>Simak penjelasannya pada gambar di bawah ini.</p><div style="text-align: center;"><img style="width:1280px" border="0" src="https://blogger.googleusercontent.com/img/a/AVvXsEgcsxprTwQDU9-JXcTKSztAc3kc6busD759mSOHTr2myBSM5wFf6vhTQIAyHjoiqQu3FZFWQGSk_T6zL9wM_Do6X33fHqCxI5BC4CWy7lYCaOm5JJwjfBA_7F5HCe-O54HtHwOtT4vlihgxEcHVznsKFUE3oiaUnFFvK3xORzlm5tqU7haPVOAwjPcQdA=s16000" /></div><p style="text-align: left;">Untuk mempelajari lebih lanjut mengenai bilangan positif dan negatif biner silahkan baca <a class="extLink" href="https://en.wikipedia.org/wiki/Two%27s_complement">disini</a> Dan mungkin saya akan buatkan postingan khusus bagaimana cara bilangan <b>negatif desimal</b> dikonversi ke biner.</p><p style="text-align: left;"><b>
Kode program : </b>Pembuktian contoh dari operator bitwise <b>NOT(~)</b>.
</p>
<pre class="proc"><code class="c">#include <stdio.h>
int main()
{
int a = 7;
printf("OPERATOR BITWISE NOT\n\n");
printf("A = %d\n\n", a);
printf("Bitwise NOT (~A) : %d", <mark>~a</mark>);
}</code></pre>
<p style="text-align: left;"><b>
Output program :</b> Jika program dijalankan maka hasilnya sebagai berikut.
</p><div style="text-align: center;"><img style="width:1280px" border="0" src="https://blogger.googleusercontent.com/img/a/AVvXsEhkEXGlLGTiIAvne-yXukPSu0VGTkSoQr2pvxSJSESZcdJRF18dDMhG52BEzF6abjMUUhlAlMP40MPK9T1pkL5gq_3Sy-TlFA9hb6Gx3rbknPnLR-oIDgMJTISs1r-LoSg0MMY1tOO7AJuC-C_GUn4swOIqk8QUQTF4--cy2QyAb_bsiXkKNGDg46w1Pw=s16000" /></div>
<p class="note-simple">
<b>(~ B) = (~ 9) = (~ 1 0 0 1)</b><br /><br />
1 0 0 1<br />--------<br /><span style="color: #cc0000;">0 1 1 0 </span> konversi ke desimal = -<b>10</b></p>
<p style="text-align: left;"><b>
Kode program : </b>Pembuktian contoh dari operator bitwise <b>NOT(~)</b>.
</p>
<pre class="proc"><code class="c">#include <stdio.h>
int main()
{
int b = 9;
printf("OPERATOR BITWISE NOT\n\n");
printf("B = %d\n\n", b);
printf("Bitwise NOT (~B) : %d", <mark>~b</mark>);
}</code></pre>
<p style="text-align: left;"><b>
Output program :</b> Jika program dijalankan maka hasilnya sebagai berikut.
</p><div style="text-align: center;"><img style="width:1280px" border="0" src="https://blogger.googleusercontent.com/img/a/AVvXsEgDWaZEXkaRWdEkuozxyfXT5LCHxj5UqVqco-xmhJ6UUxpdk6VVrc1SKEJR6DaZszsdaBc-TL3-f7iRZFZwuUir3_LgqtXEaiuZXrQaYhicVuU8ho3hnxjVYoCOR-0z7ptRz1hnLA9VGy1kRpt0IxHDA-lpESaHkz47Ym8rcqx91JvLVHHoNMYOatzW9A=s16000" /></div>
<h4>5. Operator Bitwise SHL (<<)</h4>
<p>
Aturan untuk operator bitwise SHL yakni dengan menggeser bit ke <b>arah kiri</b>.
Misalnya kita akan menggeser bit ke arah kiri sebanyak 2 bit. Sama halnya dengan operator bitwise NOT, pada operator bitwise SHL juga hanya membutuhkan 1 operand untuk memberikan hasil.</p><p><b>Contoh :</b></p>
<p class="note-simple">
<b>(A << 2) = (7 << 2) = (0 1 1 1 << 2)</b><br /><br />
0 1 1 1<br />-----------<br /><span style="color: #cc0000;">1 1 1 0 0 </span> konversi ke desimal = <b>28</b>
</p><p>Jika dijabarkan maka prosesnya mendapatkan hasilnya adalah sebagai berikut.</p><div style="text-align: center;"><img style="width:1280px" border="0" src="https://blogger.googleusercontent.com/img/a/AVvXsEiEj5GdDauHkib2x7uHrN1fgz5wC07ARJiV6kO2jANHfvp530IM9-w7RHvTcK7jaXFY_xiqGxPMWcEgHuUewOI0NCUlbgbV0xFe-Yje4L-tkDvcUwAyTKa_5Hy0XzIZdZkYU1FXW0uFSaoRuTdC-cu0gyZl1kNUZ9Kj68nCJaEmI6xsMg0V-l-riS3rkg=s16000" /></div><p><b>Kode program : </b>Contoh penggunaan operator bitwise <b>SHL</b> pada pemrograman bahasa C</p>
<pre class="proc"><code class="c">#include <stdio.h>
int main()
{
int a = 7;
printf("OPERATOR BITWISE SHL\n\n");
printf("A = %d\n\n", a);
printf("Bitwise SHL (A << 2) : %d", <mark>a << 2</mark>);
}</code></pre>
<p><b>Output program : </b>Jika program dijalankan maka hasilnya sebagai berikut.</p><div style="text-align: center;"><img style="width:1280px" border="0" src="https://blogger.googleusercontent.com/img/a/AVvXsEgDtfchqTSdVmD_-UTDXbmnH-Tv-RAfvZNFDq7Gt9K6fFlbvt9N4HXFVq0AAme6jbIRhNWYWj3Fg6l8S_rwZ3G2bL9do-0c6vGA3OfebVNJFO4G0KgWTRFCcS6Tk-nwcLs0BrJ6hHM2uy6Auocj8AMOOhx3DCF_cebJ3_MNWzOGcAzNtCgEjVcF_SbhdA=s16000" /></div>
<p class="note-simple">
<b>(B << 2) = (9 << 2) = (1 0 0 1 << 2)</b><br /><br />
1 0 0 1<br />-------------<br /><span style="color: #cc0000;">1 0 0 1 0 0 </span> konversi ke desimal = <b>36</b></p>
<p><b>Kode program :</b> Contoh penggunaan operator bitwise <b>SHL</b> pada pemrograman bahasa C</p>
<pre class="proc"><code class="c">#include <stdio.h>
int main()
{
int b = 9;
printf("OPERATOR BITWISE SHL\n\n");
printf("B = %d\n\n", b);
printf("Bitwise SHL (B << 2) : %d", <mark>b << 2</mark>);
}</code></pre>
<p><b>Output program : </b>Jika program dijalankan maka hasilnya sebagai berikut.</p><div style="text-align: center;"><img style="width:1280px" border="0" src="https://blogger.googleusercontent.com/img/a/AVvXsEiN4eEjVUUdr8uynmSkRup1bP5Mfvd-XQXK9STVh8cD9uVuTSu10Xh3qcpLPR-aYoWlK6TaiqN6yMII3vVAFCDJmZCyra02vb9S0s1oftLOSsXXRh9ypsanN-uROIE3cx9i_vu6q5tZATUJ8GgtOmZG3l95L5bAUXOxwEBw7t5IXRHLJf8PAAS5HEzcqw=s16000" /></div>
<h4>5. Operator Bitwise SHR (>>)</h4>
<p>
Aturan untuk operator bitwise <b>SHR </b>merupakan kebalikan dari operator bitwise <b>SHL</b>, yakni dengan menggeser bit ke <b>arah kanan</b>.
Misalnya kita akan menggeser bit ke kanan sebanyak 2 bit. </p>
<p class="note-simple">
<b>(A >> 2) = (7 >> 2) = (0 1 1 1 >> 2)</b><br /><br />0 1 1
1<br />---------<br /><span style="color: #cc0000;"> 0 1 </span> konversi ke desimal = <b>1</b>
</p><p style="text-align: left;">Jika dijabarkan maka prosesnya adalah sebagai berikut.</p><div style="text-align: center;"><img style="width:1280px" border="0" src="https://blogger.googleusercontent.com/img/a/AVvXsEhgTfGt-tZT9X1ck_5u0JNg323tk_iCUEMG5QerPt93BJnqwA4cAVoMzfHXr6I4H7aCt2OTx1tN3xyX_4njyxxfEw28Kr7BsahUwJ_cxLkt4fO4PGSbOcj2hGRusrLnYvtxXYzXIM0A39IImUSnr9ii7Edaf0_AhpW4W3NfNHA5H22xPCfxtNfaixZJzg=s16000" /></div><p><b>Kode program :</b> Contoh penggunaan operator bitwise <b>SHR</b> pada pemrograman bahasa C</p>
<pre class="proc"><code class="c">#include <stdio.h>
int main()
{
int a = 7;
printf("OPERATOR BITWISE SHR\n\n");
printf("A = %d\n\n", a);
printf("Bitwise SHR (A >> 2) : %d", <mark>a >> 2</mark>);
}</code></pre>
<p><b>Output program : </b>Jika program dijalankan maka hasilnya sebagai berikut.</p><div style="text-align: center;"><img style="width:1280px" border="0" src="https://blogger.googleusercontent.com/img/a/AVvXsEjdKZWTLPTaMmZG15kHpwgKY2-UPCa3m2zkReFgHcMAg0QJsziFmAH9RmkeKdYS-tjuLbW32vCh2K9TBMWKkONS14dxc7w3xAd9uALFKAkYQ1YgqAJBmt_h5kKSfg03DRqkj0gCBUEK0YjoZxpuiqZX9dgw_TABZ7UgxFHp2fX2RgiJxrp7xKtUoqpUlQ=s16000" /></div>
<p class="note-simple">
<b>(B >> 2) = (9 >> 2) = (1 0 0 1 >> 2)</b><br /><br />
1 0 0 1<br />-------------<br /><span style="color: #cc0000;"> 1 0 </span> konversi ke desimal = <b>2</b>
</p>
<p><b>Kode program :</b> Contoh penggunaan operator bitwise <b>SHR</b> pada pemrograman bahasa C</p>
<pre class="proc"><code class="c">#include <stdio.h>
int main()
{
int b = 9;
printf("OPERATOR BITWISE SHR\n\n");
printf("B = %d\n\n", b);
printf("Bitwise SHR (B >> 2) : %d", <mark>b >> 2</mark>);
}</code></pre>
<p><b>Output program : </b>Jika program dijalankan maka hasilnya sebagai berikut.</p><div style="text-align: center;"><img style="width:1280px" border="0" src="https://blogger.googleusercontent.com/img/a/AVvXsEgidcdxjEtJpnsHFYdxVanJGVaQv94LakYZJdnwo9c0teD3anoKEfjzHPe9YItzuXiv0PqLYfa6MplcAIxDRwiL4w9MA6f9j1cb1Si_yPeSae-9c9tgIiWuBbNqVFllnNLssDDckMaGxyTwvTz3x-8PhzeYoj38JKRaBe3dqbf43kPLrqmkPMUnS1Lj1A=s16000" /></div>
<p>
Semua hasil contoh dari semua jenis operator bitwise di atas sudah dicoba pada program bahasa C, jika ada contoh yang sobat coba sudah tidak berhasil atau tidak sesuai silahkan tanyakan pada kolom komentar.</p>Nelayan Kodehttp://www.blogger.com/profile/11165435950315240171noreply@blogger.com2tag:blogger.com,1999:blog-4751231593294078143.post-54180756960955540782022-03-08T15:14:00.017+08:002022-03-29T00:36:40.577+08:00Tutorial Pemrograman C #09: Operator Relasi Pada Bahasa C<div style="text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwhMDhX6XMbYdsxWzlFc9bG0wbPJqgUcBiX1DcQ8YlHAdobe46-iuNO0DS65-SFHog2xSZbpd15CiKU-yx6wZ3VPnCLdC0JSh9rUDrI1Bo8mT-zXqAIpwI2E3detZgt54pDFHh1rNNvI5tqudNnELjZjwWssp8ZiKSFkhqV_PJjz5edUJ7-AnmgvlbsA/s16000/Tutorial%20Pemrograman%20C%20%2309%20Operator%20Relasi%20Pada%20Bahasa%20C.png" /></div>
<p>Operator relasi atau kesetaraan adalah operator yang digunakan untuk menentukan relasi atau hubungan dari dua buah operand. Operator relational ditempatkan untuk membandingkan dua ekspresi, yang kemudian akan menentukan benar atau tidaknya hasil operasi tersebut. Misalnya, untuk menentukan apakah suatu variable memiliki nilai lebih besar atau lebih besar dari sama dengan. Hasil operasi tersebut akan bernilai benar (<b>True</b>) atau salah (<b>False</b>).<sup flow="right" tooltip="www.materidosen.com">[1]</sup> </p>
<p>Operator relasi terbagi menjadi <b>4 macam</b> operator. Penjelasan dan contohnya ada tabel berikut.</p><p>Agar contoh pada tabel di bawah lebih mudah dipahami, kita akan memberikan nilai kepada variabel A dan B, dimana nilai variabel <b>A = 5</b> dan nilai variabel <b>B = 9</b>.</p>
<div class="table_div">
<table>
<thead>
<tr>
<th>Operator</th>
<th>Nama Operator</th>
<th>Keterangan</th>
<th>Contoh</th>
</tr>
</thead>
<tbody>
<tr>
<td>></td>
<td>Lebih besar</td>
<td>
Menghasilkan nilai TRUE jika nilai variabel A lebih besar daripada nilai
variabel B, dan menghasilkan FALSE untuk kebalikannya
</td>
<td>(A > B) = FALSE</td>
</tr>
<tr>
<td><</td>
<td>Lebih Kecil</td>
<td>
Menghasilkan nilai TRUE jika nilai variabel A lebih kecil daripada nilai
variabel B, dan menghasilkan FALSE untuk kebalikkannya
</td>
<td>(A < B ) = TRUE</td>
</tr>
<tr>
<td>>=</td>
<td>Lebih besar sama dengan</td>
<td>
Menghasilkan nilai TRUE jika nilai variabel A lebih besar dari nilai
variabel B, atau nilai variabel A sama dengan nilai variabel B dan
menghasilkan FALSE hanya jika variabel A lebih kecil daripada variabel B
</td>
<td>(A >= B) = FALSE</td>
</tr>
<tr>
<td><=</td>
<td>Lebih besar sama dengan</td>
<td>
Menghasilkan nilai TRUE jika nilai variabel A lebih kecil dari nilai
variabel B, atau nilai variabel A sama dengan nilai variabel B dan
menghasilkan FALSE hanya jika variabel A lebih besar daripada variabel B
</td>
<td>(A <= B) = TRUE</td>
</tr>
</tbody>
</table>
</div>
<p><b>Kode program :</b> Contoh penggunaan operator relasi pada bahasa pemrograman C</p>
<pre class="proc"><code class="c">#include <stdio.h>
int main()
{
int a = 5;
int b = 9;
printf("PENGGUNAAN OPERATOR RELASI PADA KONDISI IF\n\n");
if (<mark>a > b</mark>)
{
printf("a lebih besar dari b : Benar!\n");
}
else
{
printf("a = %d lebih besar dari b = %d : Salah!\n", a, b);
}
printf("\n\nPENGGUNAAN OPERATOR RELASI PADA LOOPING FOR\n\n");
for (int i = 1; <mark>i < a</mark>; i++)
{
printf("Cetak nilai i : %d\n", i);
}
}</code></pre>
<p><b>Output program :</b> Jika program dijalankan maka hasilnya sebagai berikut.</p>
<div style="text-align: center;"><img style="width:1280px" border="0" src="https://blogger.googleusercontent.com/img/a/AVvXsEhJ-ui5dyT8tuOkll73e_I6-PIaO4Fp17C8EaKljX0K0q3lcmLDcTgTf27d3zuvZ9-P0SWW00PUaHqf8aoe1pXDufDFB1I651NGz-bM3wMUDH8ij9Cbs0enn15xBSQ3jFU6z9VYb9zm38DnK1NkLuSjSsz26A5aZcRZOh5q25gpJK3W6M1z5UkACLbCrQ=s16000" /></div>
<p>
Pada program di atas untuk penggunaan operator relasi pada kondisi
<b>IF </b>menghasilkan nilai <b>False</b> sehingga yang akan di proses adalah
kode di dalam<b> tag else</b>. Kemudian peran operator relasi (<b><</b>)
pada perulangan <b>FOR</b> akan terus mencetak nilai i, selama nilai <kbd>i < a</kbd>
bernilai benar (<b>True</b>) dan ketika <kbd>i < a</kbd> bernilai <b>False</b> maka
proses looping akan dihentikan.
</p>
<p>Saya rasa untuk operator relasi masih sangat mudah untuk dipahami sehingga tidak perlu penjelasan yang terlalu panjang dan contoh yang banyak. Akan tetapi jika memang sobat masih bingung dengan operator relasi pada bahasa C ini silahkan tanyakan pada kolom komentar.</p>Nelayan Kodehttp://www.blogger.com/profile/11165435950315240171noreply@blogger.com2tag:blogger.com,1999:blog-4751231593294078143.post-66184959042480769082022-03-06T22:48:00.050+08:002022-03-29T06:24:15.942+08:00Tutorial Pemrograman C #08: Operator Logika Pada Bahasa C<div style="text-align: center;">
<img
alt="Tutorial Pemrograman C #08 Operator Logika Pada Bahasa C"
border="0"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN3ydN4zoG4Cz18RZKRTvuAMTfmqbRXUV-3tY6t1FPPmaJtsJabb8iAnLu0UbBO3N-TAObbvvb-3dEjzo0fk06Xm13pHx1MTJGC48nKl2TG2QjnCJE2k84m_JyPfk1nHyq3wLrzbZTonb-G6JjyoCkCPhoN018n_Vtg396WoeHmwoQqvmI9rT3of3PXw/s16000/Tutorial%20Pemrograman%20C%20%2308%20Operator%20Logika%20Pada%20Bahasa%20C.png"
title="Tutorial Pemrograman C #08 Operator Logika Pada Bahasa C"
/>
</div>
<h3>Pengertian Operator Logika</h3>
<p>
Operator logika adalah operator yang digunakan untuk menbandingkan 2 kondisi
logika yakni logika yang bernilai benar (<b>TRUE</b>) dan logika yang bernilai
salah (<b>FALSE</b>). Operator logika paling sering digunakan untuk kondisi<b>
IF</b
>
(percabangan) atau digunakan untuk meneruskan atau menghentikan proses looping
pada <b>FOR</b>.
</p>
<h3>Macam-macam Operator Logika</h3>
<p>
Operator logika terbagi menjadi 5 macam operator yakni operator <b>AND</b> ,
<b>OR</b>, <b>Kesamaan</b> & <b>Ketidaksamaan</b> dan <b>Not</b>. Untuk
lebih jelasnya mengenai ke 5 operator logika ini silahkan lihat tabel di
bawah.
</p>
<p>
Misalkan variabel <b>A </b>bernilai<b> TRUE</b> dan variabel <b>B </b>bernilai
<b>FALSE</b>
</p>
<div class="table_div">
<table class="tkiri">
<thead class="kiri">
<tr>
<th>Operator</th>
<th>Nama Operator</th>
<th>Keterangan</th>
<th>Contoh</th>
</tr>
</thead>
<tbody>
<tr>
<td>&&</td>
<td>AND</td>
<td>Menghasilkan nilai TRUE hanya jika ke 2 kondisi bernilai TRUE</td>
<td>(A && B) = FALSE</td>
</tr>
<tr>
<td>||</td>
<td>OR</td>
<td>Menghasilkan nilai FALSE hanya jika ke 2 kondisi bernilai FALSE</td>
<td>(A || B) = TRUE</td>
</tr>
<tr>
<td>==</td>
<td>Kesamaan</td>
<td>Menghasilkan nilai TRUE jika ke 2 operand bernilai sama</td>
<td>(A == B) = FALSE</td>
</tr>
<tr>
<td>!=</td>
<td>Ketidaksamaan</td>
<td>Menghasilkan nilai TRUE jika ke 2 kondisi tidak sama</td>
<td>(A != B) = TRUE</td>
</tr>
<tr>
<td>!</td>
<td>NOT</td>
<td>
Mengubah nilai TRUE menjadi FALSE dan menjadikan nilai FALSE menjadi
TRUE
</td>
<td>(!A) = TRUE</td>
</tr>
</tbody>
</table>
</div>
<p>
Untuk mudah memahami ke 5 operator logika di atas, maka kita akan membahasnya
satu persatu.
</p>
<h4>1. Operator Logika AND (&&)</h4>
<p>
Sebelum masuk ke contoh kasus dan program, alangkah lebih baiknya mengetahui
aturan atau perilaku dari operator AND yang tersaji dalam tabel kebenaran.
</p>
<p><b>Tabel kebenaran :</b> Aturan untuk logika <b>AND</b></p>
<table class="tkiri">
<thead class="kiri">
<tr>
<th>A</th>
<th>B</th>
<th>A && B</th>
</tr>
</thead>
<tbody>
<tr>
<td>True</td>
<td>True</td>
<td>True</td>
</tr>
<tr>
<td>True</td>
<td>False</td>
<td>False</td>
</tr>
<tr>
<td>False</td>
<td>True</td>
<td>False</td>
</tr>
<tr>
<td>False</td>
<td>False</td>
<td>False</td>
</tr>
</tbody>
</table>
<p>
Paling mudah untuk mengingat aturan dari logika AND di atas adalah hanya akan
bernilai True jika ke 2 pernyataan bernilai True.
</p>
<p>
<b>Kode program :</b> Contoh penggunaan operator logika pada program bahasa C
</p>
<pre class="proc"><code class="c">#include <stdio.h>
int main()
{
int a = 3;
int b = 11;
int c = 7;
printf("Operator Logika AND \n \n");
printf("A < B && C < B = %d \n", a < b <mark>&&</mark> c < b);
printf("A > B && C < B = %d \n", a > b && c < b);
printf("A < B && C > B = %d \n", a < b && c > b);
printf("A > B && C > B = %d \n", a > b && c > b);
}</code></pre>
<p>
<b>Output program :</b> Jika program dijalankan, maka hasilnya sebagai
berikut.
</p>
<div style="text-align: center;">
<img style="width:1280px"
border="0"
src="https://blogger.googleusercontent.com/img/a/AVvXsEjxWQ7THRHYiYP5KUnXhbcCcLURA1rvn50Bet_fGvIyI5M5W2a58hOFyS9F8HXM5HuqsxW_DBKIhimCKGvTj5TfPd3Qf3KrF6781dWV3Ex_LB7aODofEdEQI61xd8up-rjhqQx40qxEJ6ThU9KJu8G1QVUe-xAr-onTh64GMRduKsmfToZXPhcDHl9n6g=s16000"
/>
</div>
<p>
<b>Kode program :</b> Jika ingin hasil yang tampil <b>True</b> dan
<b>False</b>, bukan <b>0</b> dan <b>1</b>
</p>
<pre class="proc"><code class="c">#include <stdio.h>
int main()
{
int a = 3;
int b = 11;
int c = 7;
printf("Operator Logika AND \n \n");
printf("A < B && C < B = %s \n", a < b && c < b <mark>? "True" : "False"</mark>);
printf("A > B && C < B = %s \n", a > b && c < b ? "True" : "False");
printf("A < B && C > B = %s \n", a < b && c > b ? "True" : "False");
printf("A > B && C > B = %s \n", a > b && c > b ? "True" : "False");
}</code></pre>
<p>
<b>Ouput program :</b> Jika program dijalankan, maka hasilnya adalah sebagai
berikut.
</p>
<div style="text-align: center;">
<img
style="width:1280px"
border="0"
src="https://blogger.googleusercontent.com/img/a/AVvXsEhiTT9rNKdBgJRAzD3TQKONRKD_LU49O7ILqh1Xk_OFdzQJC0-C9_qgXwpazPB7__Pm2ocCFfiguT9RP9t_6cscyAMnWlkLOhZIER-Qcp8AI5U9XrHGg9fod_xkvs1GACmtVXT0Q6Ulq8Nn4zc4jY-BspS4hnzurEbPUOTg3ekWOwO_bT4hiOcfAHzT0A=s16000"
/>
</div>
<p>
<b>Keterangan output program </b>: Menjelaskan output program dalam tabel
berikut.
</p>
<table class="tkiri">
<thead class="kiri">
<tr>
<th>P1</th>
<th>Nilai P1</th>
<th>P2</th>
<th>Nilai P2</th>
<th>P1 && P2</th>
<th>Hasil</th>
</tr>
</thead>
<tbody>
<tr>
<td>(A < B) = (3 < 11)</td>
<td>True</td>
<td>(C < B) = (7 < 11)</td>
<td>True</td>
<td>True && True</td>
<td>True</td>
</tr>
<tr>
<td>(A > B) = (3 > 11)</td>
<td>False</td>
<td>(C < B) = (7 < 11)</td>
<td>True</td>
<td>False && True</td>
<td>False</td>
</tr>
<tr>
<td>(A < B) = (3 < 11)</td>
<td>True</td>
<td>(C > B) = (7 > 11) </td>
<td>False</td>
<td>True && False</td>
<td>False</td>
</tr>
<tr>
<td>(A > B) = (3 > 11)</td>
<td>False</td>
<td>(C > B) = (7 > 11)</td>
<td>False</td>
<td>False && False</td>
<td>False</td>
</tr>
</tbody>
</table>
<p>
<b>Kode program :</b> Menggunakan operator logika dalam kondisi
<b>IF</b> (percabangan)
</p>
<p>
Salah satu contoh kasus penggunaan operator logika <b>AND</b> dengan
kondisi IF adalah membuat <b>Form login</b>.
</p>
<pre class="proc"><code class="c">#include <stdio.h>
#include <string.h>
int main()
{
char username[30];
char password[15];
printf("Operator Logika AND \n \n");
printf("Input username : ");
scanf("%s", &username);
printf("Input password : ");
scanf("%s", &password);
if (strcmp(username, "nelayankode") == 0 && strcmp(password, "12345") == 0)
{
printf("Selamat Anda Berhasil Login");
}
else
{
printf("Maaf username atau password salah!");
}
}</code></pre>
<p>Ada <b>4 skema </b>saat aplikasi dijalankan yakni sebagai berikut. </p>
<p style="text-align: left;">
<b>Skema 1 :</b> Username <span style="color: #e06666;">salah</span> &
password <span style="color: #e06666;">salah</span>
</p>
<div style="text-align: center;">
<img
style="width:1280px"
border="0"
src="https://blogger.googleusercontent.com/img/a/AVvXsEhOXGBln5UaviThDy0SjcQ-IUGgqS5kwfU0-Af8A6QGSkB2GVEqh-5J2YUPtsnE0KlZNg2ODjgqJhPVhhXVILTXsrbq2Pk-C_qIhkP-3SIp_KzU8zSWXB_iuEYDcgjWm_JPT8BIubfJY219LekldojCNj3fjuTXO_ARocTgcxO2hiRhk9FR7whg3PvAeA=s16000"
/>
</div>
<p style="text-align: left;">
<b>Skema 2 : </b>Username <span style="color: #3d85c6;">benar </span>&
password <span style="color: #e06666;">salah</span>
</p>
<div style="text-align: center;">
<img style="width:1280px"
border="0"
src="https://blogger.googleusercontent.com/img/a/AVvXsEg2Z9xtH1vTpkiO2nNmOcscdBcNW12XIMHCHDyKTv7QShDKSRvrMN5YrODN-EptTkmsdHY1f8gquMyec0_JQb8imRtUDjhIkvLLqCcMELW1uAnnY8ucksTqIgKWIenMULR1i6Ehci0meb3EzaI0-HcacJILT74jKebjcKgVdlugt8Rk4rflZQqeyq854g=s16000"
/>
</div>
<p>
<b>Skema 3 :</b> Username <span style="color: #e06666;">salah </span>&
password <span style="color: #3d85c6;">benar</span>
</p>
<div style="text-align: center;">
<img style="width:1280px"
border="0"
src="https://blogger.googleusercontent.com/img/a/AVvXsEgojvxXNDVh4XjPduOLrQTp932rR4At7cY3H5SksRGrqPRsyAn-02Jk2e4lhWF5HwpSz-8EO2KrfjlAatc9LqjMV9Sq_KDv053CGqy29pjnNs0-PNt53ydzNxa2IrAI22JBKi8-ea1xw0XtayEx2BQFs-DIDuB1tuUUxJt1o2pETilOBkUnqYeHqOEqZw=s16000"
/>
</div>
<p>
<b>Skema 4 :</b> Username <span style="color: #3d85c6;">benar</span> &
password <span style="color: #3d85c6;">benar</span>
</p>
<div style="text-align: center;">
<img style="width:1280px"
border="0"
src="https://blogger.googleusercontent.com/img/a/AVvXsEgZx2my5blKdvWWysF6C6RstBgunJenmZTcxqVTw50a_YlcSDEpmhHJVczOJ22_WbbehADFmej1nXwv1GGbxVsrYPJ_IQijPOzFZAFTgozebRte6s_Tt_aSF-SjK8dapbjIZssbsB_gRRZm5VjDCNcEEK5J-SGjRk2onnjlzOizZKWFKtoKIN7DtWx0qg=s16000"
/>
</div>
<h4>2. Operator Logika OR ( || )</h4>
<p>
Sama halnya seperti operator AND, kita harus mengetahui terlebih dahulu aturan
atau prilaku dari logika OR yang ada pada tabel kebenaran
</p>
<p>Tabel kebenaran : Aturan logika <b>OR</b></p>
<table class="tkiri">
<thead class="kiri">
<tr>
<th>A</th>
<th>B</th>
<th>A || B</th>
</tr>
</thead>
<tbody>
<tr>
<td>True</td>
<td>True</td>
<td>True</td>
</tr>
<tr>
<td>True</td>
<td>False</td>
<td>True</td>
</tr>
<tr>
<td>False</td>
<td>True</td>
<td>True</td>
</tr>
<tr>
<td>False</td>
<td>False</td>
<td>False</td>
</tr>
</tbody>
</table>
<p>
Paling mudah untuk mengingat aturan logika OR adalah hanya akan bernilai
False, jika ke 2 pernyataan bernilai False.
</p>
<p>
<b>Kode program :</b> Contoh penggunaan operator logika OR pada pemrograman
bahasa C
</p>
<pre class="proc"><code class="c">#include <stdio.h>
int main()
{
printf("Operator Logika OR \n \n");
int nilai_akhir;
int jumlah_alpha;
printf("Input Nilai akhir: ");
scanf("%d", &nilai_akhir);
printf("Input jumlah alpha: ");
scanf("%d", &jumlah_alpha);
if (nilai_akhir < 60 || jumlah_alpha > 5)
{
printf("Tidak Lulus");
}
else
{
printf("Lulus");
}
}</code></pre>
<p>Output program : Jika program dijalankan maka hasilnya sebagai berikut.</p>
<div style="text-align: center;">
<img style="width:1280px"
border="0"
src="https://blogger.googleusercontent.com/img/a/AVvXsEiFQEEEExQBzyOFMf4AgGt-jYJ1aHXicfWmEoWbFib9cpMCtaszb06v0mRY1MmQcytNuRyW4q2qGAsM5uinxxNgYdF65JW1DxI4kN26y0YjYtp4SKAbUI8WJO6vp2b8iv9T8jM1WIB2tKIzuvUPalw-ZMFp0DsCCZDp0deYMpMisb3nNqkM2qOuSMG_7Q=s16000"
/>
</div>
<p>
Inti dari program ini adalah untuk mahasiswa yang nilai akhirnya di bawah 60
Untuk skema percobaan lainnya, sobat bisa mencobanya sendiri misalnya dengan
menginput nilai akhir di bawah 60 dan jumlah alpha dibawah 5.
</p>
<h4>3. Operator Logika Kesamaan (==)</h4>
<p>
Operator logika kesamaan berfungsi untuk membandingkan value atau nilai dari 2
operand. Jika nilainya sama maka hasilnya akan bernilai True dan jika tidak
sama maka akan bernilai False.
</p>
<p>
<b>Kode program :</b> Contoh penggunaan operator logika kesamaan pada
pemrograman bahasa C
</p>
<pre class="proc"><code class="c">#include <stdio.h>
int main ()
{
char kunci_jawaban = 'b';
char jawaban;
printf("Operator Logika Kesamaan \n \n");
printf("Soal: Tokyo merupakan ibukota dari negara...\n");
printf("a. Indonesia\nb. Jepang \nc. Amerika \nd. Rusia \n \n");
printf("Jawaban : ");
scanf("%c", &jawaban);
printf("\n");
if (jawaban == kunci_jawaban)
{
printf("Jawaban BENAR");
}
else
{
printf("Jawaban SALAH");
}
}</code></pre>
<p>
<b>Output program : </b>Jika program dijalankan maka hasilnya sebagai berikut.
</p>
<p style="text-align: center;">
<img style="width:1280px"
border="0"
src="https://blogger.googleusercontent.com/img/a/AVvXsEgczcAZo7Mo0BHb5f8PZt3aZftGCVM9D9nFPEae_iHIPU9fcY8MX03KkDiCtspmHU3wdNybqV24TZzaugbeVVkyYXETbpqtxnhcA49XeRi0CL4eHiZ3Wk6eHaHHveoe9bCTRxlYhv3zwLf5RH_ZT66IBEHSmco7mROneJFaGg8V3lh__AB7xJKjDcQzeA=s16000"
/>
</p>
<div style="text-align: center;">
<img style="width:1280px"
border="0"
src="https://blogger.googleusercontent.com/img/a/AVvXsEg-u1rqhtl6NtS-e8n-htGVXGK18B_zY4BbmIVCj3rd4XRya1XLhsKWh-1aHRFRLNXlP2sqvqWFpRc79hYa21sqCXuOtZqyFQFqjPbetsB3YZBVhT9aSQeOYEZozl1NJWvFv_DOxBvzsjju3oK3bLB184GzLWcFbh85YbXqV7v25pgSMHO2lcXqxhwqIg=s16000"
/>
</div>
<h4>4. Operator Logika Ketidaksamaan (!=)</h4>
<p>
Operator logika ketidaksamaan merupakan kebalikan dari operator logika
<b>kesamaan</b>, yakni hasilnya akan bernilai True jika ke 2 operand memiliki
value atau <b>nilai berbeda</b>.
</p>
<p><b>Contoh:</b></p>
<p class="note-simple">
<b>1 != 2</b> // Nilainya True<br /><b>3 != 3 </b>// Nilainya False
</p>
<p>
<b>Kode program : </b>Contoh penggunaan operator logika ketidaksamaan pada
pemrograman bahasa C.
</p>
<pre class="proc"><code class="c">#include <stdio.h>
int main()
{
int stok = 15;
printf("Operator Logika Ketidaksamaan \n \n");
printf("Cek Stok Barang\n\n");
if (stok != 0)
{
printf("Stok Ready %d", stok);
}
else
{
printf("Stok Kosong");
}
}</code></pre>
<p>
<b>Output program : </b>Jika program dijalankan maka hasilnya sebagai berikut.
</p>
<div style="text-align: center;">
<img style="width:1280px"
border="0"
src="https://blogger.googleusercontent.com/img/a/AVvXsEisbl79jybdBiyXoLEiMqIlKtKJLL4J1B4XFniYjUyldHB-_lF3r1EoMYXwh3MS7rakA6XIkajjM6TpQNc2mV70LVkqsd4_O4v1xpJaLb3_cAYDMhgkq6mbCc7TSXekO1uCJ40sS38N5qTjK6jKOVjhy83002bfq2D78km6SdlRiHGD4Cf_OJhfAYFQRQ=s16000"
/>
</div>
<h4>5. Operator Logika Not (!)</h4>
<p>
Operator logika yang paling mudah diingat aturannya yakni operator <b>Not</b>.
Kenapa mudah? Hal ini karena aturan hanya membalikkan nilai operand yang
bernilai True diubah menjadi False, dan yang nilai False diubah menjadi True.
</p>
<p>
<b>Kode program : </b>Contoh program penggunaan operator logika Not pada
pemrograman C.
</p>
<pre class="proc"><code class="c">#include <stdio.h>
#include <stdbool.h>
int main()
{
bool status = true;
printf("Operator Logika NOT \n \n");
printf("Status : %s \n", status ? "True" : "False");
printf("Not Status : %s \n", <mark>!status</mark> ? "True" : "False");
}</code></pre>
<p>
<b>Output program :</b> Jika program dijalankan maka hasilnya sebagai berikut.
</p>
<div style="text-align: center;">
<img style="width:1280px"
border="0"
src="https://blogger.googleusercontent.com/img/a/AVvXsEhO4_4W5RL1BIE9p4eH5ExoXzbCf44e-4IyB3aONrLyfiv1pna22xRv8OagrfcNWNHU5lw1qQ6OPYP2y4gf8dZasdEXqCVEjO32NA51YDVYcY3jN8Ws0IDG_GKMkVFlkSURLsy_IBFNou9Tz_35txyV7Wppr-FLPyQd49yCv6FPuJTdM6OJUlR9GdOnUA=s16000"
/>
</div>
<p>
Untuk semua contoh operator logika di atas silahkan dicoba sendiri biar lebih
paham. Dan jika ada kendala atau error pada program yang dibuat silahkan
tanyakan pada kolom komentar. Dan jangan lupa untuk dukung penulis dengan cara
mentraktir kopi di trakteer.id atau dengan cara share postingan ini.
</p>
Nelayan Kodehttp://www.blogger.com/profile/11165435950315240171noreply@blogger.com1