tag:blogger.com,1999:blog-87136517095963724882024-03-14T13:48:23.044+07:00@baayukurniaBlog tentang Teknik Komputer Jaringan di SMK Negeri 2 Klaten atau lebih dikenal sebagai STEMSEND. Saya buat tujuan utamanya agar dapat digunakan sebagai referensi belajar adik kelas maupun yang membutuhkan. Juga sebagai history belajar saya selama sekolah disini.flyingwordshttp://www.blogger.com/profile/07840535144613814983noreply@blogger.comBlogger5125tag:blogger.com,1999:blog-8713651709596372488.post-91816622360583387892017-03-21T17:17:00.001+07:002017-03-21T17:31:06.074+07:00Program Kombinasi Case dan Class C++<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-Fv6s04UVnFw/WND5_klojrI/AAAAAAAABow/i-fA_aZ6oHgvgcZTzGJDqh3KbVjJFcewwCLcB/s1600/C%252B%252B.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-Fv6s04UVnFw/WND5_klojrI/AAAAAAAABow/i-fA_aZ6oHgvgcZTzGJDqh3KbVjJFcewwCLcB/s1600/C%252B%252B.jpg" /></a></div>
<br />
Kali ini kita akan mencoba mengkombinasikan statement case dan class. Ini merupakan pengembangan program sebelumnya yaitu kalkulator case yang hanya menggunakan statement case. Pada kali ini kita akan menggunakan statement case yang berisikan class atau statement class yang didalam case, pokoke ngonolah, susah ngomonge :v<br />
<br />
Screenshot:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-I1w_L87yQxw/WND9LCM5WEI/AAAAAAAABo8/T9VxdKYXXuoxxDbJJGwNW4p9e-zECSWxACLcB/s1600/Case%2B%252B%2BClass.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-I1w_L87yQxw/WND9LCM5WEI/AAAAAAAABo8/T9VxdKYXXuoxxDbJJGwNW4p9e-zECSWxACLcB/s1600/Case%2B%252B%2BClass.png" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Dan berikut adalah kodenya:</div>
<pre><code>
// 14 Maret 2017.cpp
// BayuKurnia
#include "stdafx.h"
# include <iostream>
using namespace std;
class hasil
{
public:
float tambah, kurang, kali, bagi;
};
int main()
{
hasil nilai;
char op;
float num1, num2;
cout << "Cara Main: " << endl;
cout << "1. '+' untuk penjumlahan" << endl;
cout << "2. '-' untuk pengurangan" << endl;
cout << "3. 'x' untuk perkalian" << endl;
cout << "4. ':' untuk pembagian" << endl;
cout << "Masukkan Rumus: " << endl;
cin >> num1 >> op >> num2,"\n";
cout << "= ";
nilai.tambah = num1 + num2;
nilai.kurang = num1 - num2;
nilai.kali = num1 * num2;
nilai.bagi = num1 / num2;
switch (op)
{
case '+':
cout << nilai.tambah;
break;
case '-':
cout << nilai.kurang;
break;
case 'x':
cout << nilai.kali;
break;
case ':':
cout << nilai.bagi;
break;
default:
cout << "Error! Mungkin anda lelah.";
break;
}
cout << endl;
system("pause");
cout << endl << "Detail Operasi:" << endl;
cout << num1 << " + " << num2 << " = " << nilai.tambah << endl;
cout << num1 << " - " << num2 << " = " << nilai.kurang << endl;
cout << num1 << " x " << num2 << " = " << nilai.kali << endl;
cout << num1 << " : " << num2 << " = " << nilai.bagi << endl;
system("pause");
}
</code></pre>
flyingwordshttp://www.blogger.com/profile/07840535144613814983noreply@blogger.com0tag:blogger.com,1999:blog-8713651709596372488.post-82415592951205306062017-02-05T21:03:00.001+07:002017-02-26T19:24:13.979+07:00Manipulasi Light Painting Photoshop<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-tqlvxmiuS8o/WJcwk6-JbNI/AAAAAAAABlw/pCc4Z0HP-KIHTB8XMkEr9_J5RHNsmds-gCLcB/s1600/Light%2BPainting.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://3.bp.blogspot.com/-tqlvxmiuS8o/WJcwk6-JbNI/AAAAAAAABlw/pCc4Z0HP-KIHTB8XMkEr9_J5RHNsmds-gCLcB/s1600/Light%2BPainting.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Light Painting sebenarnya adalah teknik fotografi yang susah-susah gampang dilakoni, Daripada buang-buang tenaga tapi gak pernah bisa buat light painting yang keren mending "DIEDIT AJAHH!!</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
1. Siapkan bahan yang cocok untuk diedit seperti ini yaitu suasana malam hari atau ambil saja mentahan saya.</div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://dl.dropbox.com/s/77ldjmty0k38h8l/IMG_2197.JPG" target="_blank">Foto a</a></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://dl.dropboxusercontent.com/s/uqxppqu1mpul24b/91pt1.jpg" target="_blank">Foto b</a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="" style="clear: both; text-align: left;">
2. Buat Path/garis dengan Pen Tool(P) sedemikian rupa sehingga terlihat natural bahwa itu adalah gerakan tangan.</div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://4.bp.blogspot.com/-LsCKTA5NITw/WJc3ds8kafI/AAAAAAAABmQ/tMNMifhLfZoVcmS0UrtKyuznKAlcdiKsgCK4B/s1600/grabilla.NlY164.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="227" src="https://4.bp.blogspot.com/-LsCKTA5NITw/WJc3ds8kafI/AAAAAAAABmQ/tMNMifhLfZoVcmS0UrtKyuznKAlcdiKsgCK4B/s320/grabilla.NlY164.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
3. Setelah itu beralih ke Brush Tool(B)</div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://3.bp.blogspot.com/-niMhCj1h6rE/WJc9mBJx57I/AAAAAAAABm0/YRvTMzG24VwW96j5TVfJR169558YBLI0ACK4B/s1600/grabilla.em3816.png" imageanchor="1"><img border="0" height="320" src="https://3.bp.blogspot.com/-niMhCj1h6rE/WJc9mBJx57I/AAAAAAAABm0/YRvTMzG24VwW96j5TVfJR169558YBLI0ACK4B/s320/grabilla.em3816.png" width="257" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
lalu pilih salah satu preset yang saya tandai biru, jangan pakai yang merah karena hasilnya akan seperti ini</div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://2.bp.blogspot.com/-vRuKOISlB5o/WJc_WrUSDhI/AAAAAAAABnE/Li1pbS4jBq8Q0n9DG1DlkPqQx2p4Ksv_QCK4B/s1600/grabilla.em3888.png" imageanchor="1"><img border="0" height="273" src="https://2.bp.blogspot.com/-vRuKOISlB5o/WJc_WrUSDhI/AAAAAAAABnE/Li1pbS4jBq8Q0n9DG1DlkPqQx2p4Ksv_QCK4B/s320/grabilla.em3888.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
4. Setelah selesai setting Brush ganti ke Pen Tool lagi lalu buat layer baru(CTRL+SHIFT+N), lalu select semua garis yang tadi dibuat caranya dengan tombol CTRL+SHIFT lalu klik satu persatu.</div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://3.bp.blogspot.com/-gKvQHfahMmg/WJdAfw92zdI/AAAAAAAABnQ/bWpKRliPKqgHgxMZR2u6KzUqBrRrjllKgCK4B/s1600/grabilla.Uh7000.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="https://3.bp.blogspot.com/-gKvQHfahMmg/WJdAfw92zdI/AAAAAAAABnQ/bWpKRliPKqgHgxMZR2u6KzUqBrRrjllKgCK4B/s320/grabilla.Uh7000.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
Setelah semua terselect klik kanan --> Stroke Path</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<a href="http://1.bp.blogspot.com/-gtOWhfQxP7I/WJdAhJfrO6I/AAAAAAAABnY/_2_NIYAuyvIxTQxuCArBx41Lc6b2ZnjcgCK4B/s1600/grabilla.Hp6088.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="124" src="https://1.bp.blogspot.com/-gtOWhfQxP7I/WJdAhJfrO6I/AAAAAAAABnY/_2_NIYAuyvIxTQxuCArBx41Lc6b2ZnjcgCK4B/s320/grabilla.Hp6088.png" width="320" /></a><br />
<div class="separator" style="clear: both; text-align: left;">
Pilih Tool Brush dan check "Simulate Pressure" lalu OK.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
4. Sekarang kita beri efek cahaya dengan Outer Glow. Caranya klik 2 kali pada layer tadi lalu setting agar menyatu dengan background.</div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://2.bp.blogspot.com/-M0dVXQrfO20/WJdCR3kXMnI/AAAAAAAABnw/9uooz5RqeIMVMUcxlxvO88iXqaaalRIhQCPcB/s1600/x.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="229" src="https://2.bp.blogspot.com/-M0dVXQrfO20/WJdCR3kXMnI/AAAAAAAABnw/9uooz5RqeIMVMUcxlxvO88iXqaaalRIhQCPcB/s320/x.gif" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
5. Terakhir, agar Cahaya seperti dibelakang objek hapus cahaya yang menghalangi objek.</div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://4.bp.blogspot.com/-J6_eCr-2oMc/WJdEnrhAlXI/AAAAAAAABn8/WZdmRgy57GQ5Ol_D8ta5L6zqoSzBn9HjQCK4B/s1600/c.gif" imageanchor="1"><img border="0" height="229" src="https://4.bp.blogspot.com/-J6_eCr-2oMc/WJdEnrhAlXI/AAAAAAAABn8/WZdmRgy57GQ5Ol_D8ta5L6zqoSzBn9HjQCK4B/s320/c.gif" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Selesai.</div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://4.bp.blogspot.com/-26zIeyM-0_U/WJdFJVMBjHI/AAAAAAAABoE/7FR5cisVW6EXOzt6U2cr7jg9NjqDjcvYACK4B/s1600/2017.jpg" imageanchor="1"><img border="0" height="213" src="https://4.bp.blogspot.com/-26zIeyM-0_U/WJdFJVMBjHI/AAAAAAAABoE/7FR5cisVW6EXOzt6U2cr7jg9NjqDjcvYACK4B/s320/2017.jpg" width="320" /></a></div>
flyingwordshttp://www.blogger.com/profile/07840535144613814983noreply@blogger.com0tag:blogger.com,1999:blog-8713651709596372488.post-75735959057652232822017-02-05T12:20:00.002+07:002017-02-05T18:24:16.011+07:00Edit Foto Dengan CSS3 (Filter)<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-pDDPCZ6oDIc/WJcCpU4-pKI/AAAAAAAABlg/hA1w_YKj_N4gSmhNuHy4AuXj8B276qH_gCLcB/s1600/CSS%2B-%2BFilter.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://1.bp.blogspot.com/-pDDPCZ6oDIc/WJcCpU4-pKI/AAAAAAAABlg/hA1w_YKj_N4gSmhNuHy4AuXj8B276qH_gCLcB/s1600/CSS%2B-%2BFilter.jpg" /></a></div>
<div style="text-align: center;">
<br /></div>
Jaman sekarang kebanyakan orang bakal mengedit atau retouch foto mereka sebelum di upload ke media sosial, namun mengedit foto tidak harus menggunakan Camera 360 yang itu itu aja, sekarang kita harus berpikir anti-mainstream wkwk. Kali ini kita akan coba edit foto dengan kode-kode CSS yaitu menggunakan properti filter, walaupun efeknya tidak separah ketika kalian menggunakan Camera 360 hehe karena kita hanya akan mengedit dasar-dasar saja.<br />
<br />
Berikut macam-macam fungsi properti filter:<br />
<ul>
<li><code>blur() - px</code></li>
<li><code>brightness() - %</code></li>
<li><code>contrast() - %</code></li>
<li><code>drop-shadow() - px(h-shadow v-shadow blur color)</code></li>
<li><code>grayscale() - %</code></li>
<li><code>hue-rotate() - deg</code></li>
<li><code>invert() - %</code></li>
<li><code>opacity() - %</code></li>
<li><code>saturate() - number</code></li>
<li><code>sepia() - %</code></li>
</ul>
<br />
<span style="font-size: x-large;"><b>blur()</b></span><br />
Memberi efek kabur dalam piksel, semakin besar piksel semakin kabur. <code>blur(20px)</code> akan lebih kabur daripada <code>blur(10px).</code><br />
<br />
<span style="font-size: x-large;"><b>brightness()</b></span><br />
Mengubah nilai kecerahan pada gambar (Default = <code>100%</code>), nilai kurang dari <code>100%</code> akan mengurangi kecerahan dan nilai lebih dari <code>100%</code> akan menambah kecerahan.<br />
<br />
<span style="font-size: x-large;"><b>contrast()</b></span><br />
Mengubah nilai kontras/perbedaan warna (Default = <code>100%</code>), nilai kurang dari <code>100%</code> akan mengurangi kontras, nilai lebih dari <code>100%</code> menambah kontras.<br />
<br />
<span style="font-size: x-large;"><b>drop-shadow()</b></span><br />
Efeknya kurang lebih sama dengan properti <code>box-shadow</code>, format valuenya juga sama dengan <code>box-shadow</code> yaitu "h-shadow v-shadow blur color" misal <code>drop-shadow(10px 20px 5px red)</code><br />
<ul>
<li> h-shadow berarti horizontal bayangan atau jarak bayangan objek dari sudut horizontal, jika <code>10px</code> maka bayangan akan turun kebawah sebesar <code>10px</code>.</li>
<li>v-shadow berarti vertikal bayangan atau jarak bayangan objek dari sudut vertikal, jika <code>20px</code> maka bayangan akan geser ke kanan sebesar <code>20px</code> juga.</li>
<li>blur berarti kekaburan bayangan, semakin besar value semakin kabur bayangan.</li>
<li>color berarti warna bayangan, bisa pakai warna HEX atau terserah.</li>
</ul>
<span style="font-size: x-large;"><b>grayscale()</b></span><br />
Efek B&W atau Hitam-putih (Default = <code>0%</code>) <code>100%</code> berarti tidak ada warna lain selain hitam-putih.<br />
<br />
<span style="font-size: x-large;"><b>hue-rotate()</b></span><br />
Mengubah HUE (Default = <code>0deg</code>), value antara <code>0deg-360deg</code>.<br />
<br />
<span style="font-size: x-large;"><b>invert()</b></span><br />
Seperti efek negatif pada kamera HP semakin besar persentase(<code>0%-100%</code>) semakin jelas efeknya.<br />
<br />
<span style="font-size: x-large;"><b>opacity()</b></span><br />
Seperti properti opacity, fungsi ini mengatur efek transparansi, value <code>100%</code> berarti elemen tidak nampak.<br />
<br />
<span style="font-size: x-large;"><b>saturate()</b></span><br />
Mengubah saturasi/kepekatan warna, value dengan angka.<br />
<br />
<span style="font-size: x-large;"><b>sepia()</b></span><br />
Seperti efek sepia biasanya value <code>0% - 100%</code><br />
<br />
Fungsi diatas bisa kita kombinasikan sehingga lebih banyak efek yang bisa dihasilkan sesuai selera kita. Kelebihan edit foto dengan CSS3 ini kita tidak perlu aplikasi seperti photoshop tapi kekurangannya hasil edit tidak bisa di save jadi hanya bisa ditampilkan di web browser.<br />
<br />
Disini saya akan memakai gambar berikut untuk uji coba.<br />
<div class="codepen" data-default-tab="html,result" data-embed-version="2" data-height="325" data-pen-title="Objek" data-slug-hash="xgzrxo" data-theme-id="dark" data-user="baayukurnia">
See the Pen <a href="https://codepen.io/baayukurnia/pen/xgzrxo/">Objek</a> by Bayu Kurnia (<a href="http://codepen.io/baayukurnia">@baayukurnia</a>) on <a href="http://codepen.io/">CodePen</a>.</div>
<br />
Contoh penggunaan satu fungsi:
<br />
<div class="codepen" data-default-tab="css,result" data-embed-version="2" data-height="325" data-pen-title="Filter - Blur" data-slug-hash="RKJpZB" data-theme-id="dark" data-user="baayukurnia">
See the Pen <a href="https://codepen.io/baayukurnia/pen/RKJpZB/">Filter - Blur</a> by Bayu Kurnia (<a href="http://codepen.io/baayukurnia">@baayukurnia</a>) on <a href="http://codepen.io/">CodePen</a>.</div>
<br />
Contoh penggunaan multi fungsi:
<br />
<div class="codepen" data-default-tab="css,result" data-embed-version="2" data-height="325" data-pen-title="Filter - Blur, Brightness" data-slug-hash="VPdWQm" data-theme-id="dark" data-user="baayukurnia">
See the Pen <a href="https://codepen.io/baayukurnia/pen/VPdWQm/">Filter - Blur, Brightness</a> by Bayu Kurnia (<a href="http://codepen.io/baayukurnia">@baayukurnia</a>) on <a href="http://codepen.io/">CodePen</a>.</div>
<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>
<br />
Gimana? sudah jelas caranya? kalau belum silahkan lihat <a href="http://www.w3schools.com/cssref/playit.asp?filename=playcss_filter">Contoh yang lebih lengkap di w3schools.com</a>flyingwordshttp://www.blogger.com/profile/07840535144613814983noreply@blogger.com0tag:blogger.com,1999:blog-8713651709596372488.post-11116747430185626722016-12-15T00:00:00.001+07:002016-12-15T00:08:30.169+07:00LoremLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.flyingwordshttp://www.blogger.com/profile/07840535144613814983noreply@blogger.com0tag:blogger.com,1999:blog-8713651709596372488.post-54833728076853616922016-12-08T19:00:00.000+07:002017-01-30T19:46:59.885+07:00Efek Parallax Dengan Stellar.js<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-raCve65PRvA/WElx7C8gFeI/AAAAAAAABaI/fYdDAMHrEj0F9OZY4shjBLuTl-hgbz_SwCLcB/s1600/Stellar.js.jpg" imageanchor="1"><img border="0" src="https://3.bp.blogspot.com/-raCve65PRvA/WElx7C8gFeI/AAAAAAAABaI/fYdDAMHrEj0F9OZY4shjBLuTl-hgbz_SwCLcB/s1600/Stellar.js.jpg" /></a></div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.flyingwordshttp://www.blogger.com/profile/07840535144613814983noreply@blogger.com2