Berkenalan dengan C++

Desktop - C++ adalah bahasa pemrograman komputer yang di ciptakan oleh Bjarne Stroustrup, yang merupakan perkembangan dari bahasa C  yang digarao Bong Labs (Dennis Ritchie) pada awal tahun 1970-an, Bahasa itu diturunkan dari bahasa sebelumnya, yaitu B, Pada awalnya, bahasa C dirancang sebagai bahasa pemrograman yang dijalankan pada sistem Unix. Bjarne Stroustrup pada Bel labs pertama kali mengembangkan C++ pada awal 1980-an.




Apa bedanya C dengan C++ ?

Untuk mendukung fitur-fitur pada C++, dibangun efisiensi dan sistem support untuk pemrograman tingkat rendah (low level coding). Salah satu perbedaan mendasar antara C dengan C++ adalah di C++ adanya dukungan untuk konsep pemrograman berorientasi objek (OOP).

Pemrograman berorientasi objek (Inggris: object-oriented programming disingkat OOP) merupakan suatu metode pemrograman yang berorientasi kepada objek dengan cara mengikuti model yang telah ada di kehidupan sehari-hari.

Intinya, penggunaan C++ dalam membuat sebuah aplikasi akan lebih memudahkan programmer dalam menyusun source codenya dibandingkan dengan bahasa C.

Bagaimana memulai ngoding bahasa C++ ?

Pertama-tama, untuk menuliskan source code untuk program yang kita buat, dibutuhkan IDE (intregrated development editor) atau yang biasa disebut teks editor. Saya menyarankan agar sobat menggunakan CodeBlocks atau Dev C++, sebab kedua teks editor itu sudah sangat kompatible dengan bahasa C/C++. 

Jadi, misalkan ada error dalam kodingan sobat, teks editor tersebut dapat langsung mendeteksinya dibandingkan menggunakan Notepad++. Microsoft Visual C atau Borland C++ juga bisa digunakan sebagai alternatif kedua teks editor C++, namun keduanya berjalan agak lamban di PC.

Contoh Program Pertama C++

#include <iostream> 

using namespace std;

 int main() 

{ 

cout <<"hello world"<<endl;

return 0; 

}

Penjelasannya :

#include <iostream>

Pada bagian #include memberitahu program untuk menyertakan kode dari berkas iostream, Berkas iostream berisi deklarasi untuk berbagai fungsi atau class-class yang dibutuhkan.

int main ()

Pernyataan ini mendeklarasikan fungsi utama dan bahwa suatu program C++ bisa berisi banyak fungsi..

{

Kurung kurawal buka menunjukkan awal program.

cout << "Hello world\n";

Cout adalah sebuah objek dari Pustaka perangkat lunak standart C++ yang digunakan untuk mencetak string.

}

Kurung kurawal tutup menandakan penutup program.

Kata yang dipesan (Reserved Words)

C++ mempunyai 32 buah kata yang dipesan (reserved words), Kata kunci kelompok pertama merupakan turunan dari bahasa C, di antaranya:
autoconstdoublefloatintshortstructunsigned
breakcontinueelseforlongsignedswitchvoid
casedefaultenumgotoregistersizeoftypedefvolatile
chardoexternifreturnstaticunionwhile
Kata yang dipesan kelompok kedua berjumlah 30. Kata-kata ini adalah baru dan hanya ada di bahasa C++, di antaranya :
asmdynamic_castnamespacereinterpret_casttry
boolexplicitnewstatic_casttypeid
catchfalseoperatortemplatetypename
classfriendprivatethisusing
const_castinlinepublicthrowvirtual
deletemutableprotectedtruewchar_t
Kata-kata yang dipesan tersebut di atas tidak boleh dipakai sebagai nama variable, class, enum, macro, dan struct.

Ukuran memori untuk Tipe Data

Untuk menyimpan suatu variabel diperlukan tempat khusus di dalam memori komputer, Berikut ini adalah besar dan tipe dari variabel-variabel di dalam standar program C++ :
NamaKeteranganUkuranJangkauan
charAbjad/karakter atau untuk bilangan bulat kecil1 bytesigned: -128 to 127
unsigned: 0 to 255
short int (short)Bilangan bulat dengan jangkauan pendek2 bytesigned: -32768 to 32767
unsigned: 0 to 65535
intBilangan bulat4 bytesigned: -2147483648 to 2147483647
unsigned: 0 to 4294967295
long int (long)Integer dengan jangkauan panjang4 bytesigned: -2147483648 to 2147483647
unsigned: 0 to 4294967295
boolBoolean, dapat bernilai benar atau salah (true or false)i bytetrue or false
floatAngka dengan titik mengambang (bilangan cacah)4 byte3.4e +/- 38 (7 digit)
doubleBilangan cacah dengan ketelitian ganda8 byte1.7e +/- 308 (15 digits)
long doubleBilangan cacah dengan ketelitian ganda panjang8 byte1.7e +/- 308 (15 digits)
wchar_tKarakter lebar, biasa dipakai untuk Unicode karakter2 byte1 karakter lebar
Variabel

Aturan untuk Penulisan

  • Nama harus diawali dengan huruf (A..Z, a..z) atau karakter garis bawah ( _ ).
  • Dapat berupa huruf, digit (0..9) atau karakter garis bawah atau tanda dollar ($).
  • Nama variabel tidak boleh menggunakan nama yang tergolong sebagai kata-kata cadangan (reserved words) seperti printf, int, if, while dan sebagainya.
  • Panjang nama variabel boleh lebih dari 31 karakter hanya 31 karakter pertama yang akan dianggap.

Deklarasi dan Inisialisasi Variabel
Pengertian deklarasi disini berarti menentukan jenis data yang bisa disimpan di dalamnya. Bentuk dari deklarasi variabel adalah tipe_data nama_variabel; Pendeklarasian variabel juga dapat langsung diberikan nilai (Inisialisasi Variabel), nama_variabel=nilai;

Contoh :
int var_bulat;
float pecahan1=3.2, pecahan2=4.45;
string kata="Hallo";

Konstanta (Nilai Tetap)

Aturan untuk Penulisan
  • Konstanta char diawali serta diakhiri dengan tanda petik tunggal. Contoh: ‘A’ dan ‘@’.
  • Konstanta real (float dan double) mempunyai nilai pecahan dan nilai lainnya yang bisa ditulis dalam bentuk eksponensial. Contoh: 27.5f (untuk tipe float) atau 27.5 (untuk tipe double) dan 2.1e+5 (maksudnya 2,1 x 105).
  • Konstanta integer ditulis dengan angka tanpa tanda petik dan tanpa mengandung pemisah ribuan. Contoh: -1 dan 3212.
  • Konstanta string diawali dan diakhiri dengan tanda petik ganda (“). Contoh: “Program Dasar”.
Deklarasi Konstanta
Pendeklarasian konstanta dapat dilakukan dengan 2 cara :

a. Menggunakan #define
Deklarasi konstanta lebih gampang dilakukan dengan cara ini karena akan
menyertakan #define. Dan sintaknya diletakkan
bersama – sama dengan pernyataan #include (di atas main()). P
endeklarasian dengan #define tanpa diperlukan adanya tanda = untuk memasukkan nilai ke dalam pengenal dan juga tanpa diakhiri dengan tanda semicolon (;).

Contoh :
#define phi 3.14159265

b. Menggunakan const
Sedangkan dengan kata kunci const, pendeklarasian konstanta mirip
dengan deklarasi variable yang ditambah kata depan const.

Contoh :
const int lebar = 100;
const char tab = ‘\t’;

Operator

1.) Operator Aritmatika

a. Operator Binary
OperatorKeteranganContoh
*Perkalian4 * 5
/Pembagian8 / 2
%Sisa Pembagian5 % 2
+Penjumlahan7 + 2
Pengurangan6 − 2

b. Operator Unary
OperatorKeteranganContoh
+Tanda Plus−4
− Tanda Minus+6

2.) Operator Increment dan Decrement

OperatorKeteranganContoh (Arti)
++Penambahanx++/++x (x=x+1)
Pengurangany/−y (y=y-1)

3.) Operator Relasi

OperatorKeterangan
==Sama Dengan ( bukan pemberi nilai )
!=Tidak Sama dengan
Lebih Dari
Kurang Dari
>=Lebih Dari sama dengan
<=Kurang Dari sama dengan
4.) Operator Logika

OperatorKeterangan
&&Operator Logika AND
| |Operator Logika OR
!Operator Logika NOT

  • Operator Logika AND

Operator logika AND digunakan untuk menghubungkan dua atau lebih ekspresi relasi, akan dianggap BENAR, bila semua ekspresi relasi yang dihubungkan bernilai BENAR.
  • Operator Logika OR
Operator logika OR digunakan untuk menghubungkan dua atau lebih ekspresi relasi, akan dianggap BENAR, bila salah satu ekspresi relasi yang dihubungkan bernilai BENAR dan bila semua ekspresi relasi yang dihubungkan bernilai SALAH, maka akan bernilai SALAH.
  • Operator Logika NOT
Operator logika NOT akan memberikan nilai kebalikkan dari ekspresi yang disebutkan. Jika nilai yang disebutkan bernilai BENAR maka akan menghasilkan nilai SALAH, begitu pula sebaliknya.

5.) Operator Assignment

OperatorKeterangan
*=Perkalian
/=Pembagian
%=Sisa Pembagian
+=Penjumlahan
-=Pengurangan

Itu tadi penjelasan mengenai C++, saatnya sobat untuk lebih mengenal lebih jauh lagi mengenai bahasa C++ melalui artikel-artikel dari Jawara Kode. Oleh sebab itu, tunggu yah update-annya ! Terima kasih.

Pustaka : Wikipedia.org

Membuat Header menghilang ketika di scroll

Web - Selamat Sore, pertemuan pertama kita kali ini akan mendiskusikan tentang bagaimana membuat sebuah web dengan tampilan header yang responsive. Maksud dari responsive disini adalah dengan membuat tampilan header web kita menjadi lebih menarik untuk dilihat oleh pengunjung dengan menggunakan metode scroll mouse yang menjadikan header web menjadi visible (kelihatan) dan invisible (menghilang).



Cara kerjanya adalah apabila kita menscroll page web tersebut ke bawah maka header akan menghilang dan ketika menscroll page web tersebut ke atas maka header akan muncul kembali. Sesederhana itu, namun efeknya bisa membuat pengunjung merasa kagum dan penasaran, Kok bisa gini ya ?

Baiklah, berikut ini adalah source code untuk membuat header menghilang ketika di scroll

Simpan di folder css dan beri nama style.css

body{background-color:white; padding-top:10px; font:100 14px 'Open Sans'}

#konten{width:690px; margin:30px auto; color:#34495e;text-align:justify}

img{float:left; margin:0 10px 10px 0;}

.kepala{
  background-color:#e74c3c; 
  color:white; 
  font-size:24px; 
  padding:10px; 
  text-align:center; 
  position: fixed; 
  left:0; 
  top:0; 
  width:100%; 
  transition: top .5s;
}

.muncul {
  top: -90px;
}
.hilang {
  top:0;
 z-index: 9999;
}

Simpan di folder js dan beri nama index.js

$(function(){ 
    var kebawah = $(document).scrollTop();
    var kekepala = $('.kepala').outerHeight();

    $(window).scroll(function() {
        var keatas = $(document).scrollTop();

        if (keatas > kekepala){$('.kepala').addClass('muncul');} 
        else {$('.kepala').removeClass('muncul');}

        if (keatas > kebawah){$('.kepala').removeClass('hilang');} 
        else {$('.kepala').addClass('hilang');}    

        kebawah = $(document).scrollTop(); 
     });
});

Beri nama index.html

<!DOCTYPE html>
<html >
  <head>
    <meta charset="UTF-8">
    <title>Membuat Header Menghilang Ketika Scroll</title>

        <link rel="stylesheet" href="css/style.css">

  </head>

  <body>

    <header class="kepala">Jawara Kode</header>
<div id="konten">
<p>
Ini adalah paragraf sebagai contohnya. Jangan dicontoh apalagi dicopy paste di blog lain. Karena paragraf ini bikinnya lebih sulit daripada cari pacar. Cari pacar mah gampang, tapi cari yang mau sama kamu itu susahnya minta ampun. Kamu mau cari kemana juga enggak bakalan dapet yang bener-bener sempurna. Meskipun kamu juga tahu, kalau yang sempurna itu cuma ibumu, pacarmu mah kalah. 
</p>
<p>
Kalau kamu belum juga dapetin cewek dari ujung dunia ke ujung lainnya di muka bumi ini. Coba kamu cari pacar di Mars. Siapa tahu kan ntar ujung-ujungnya ada berita headline yang ngeberitain Ditemukan Pacar di Mars. Dan kamu gak jomblo lagi, kan ? Tapi santai, pacar kamu ini lebih cantik dari cabe-cabean di Mars. Yang celananya hot pants, bajunya tipis sampai transparan, dan bawaannya Satria. Yah juga namanya cabe mblo.
</p>
<img src="http://www.adobewordpress.com/ads/300x250.jpg">
<p>
Ini adalah paragraf sebagai contohnya. Jangan dicontoh apalagi dicopy paste di blog lain. Karena paragraf ini bikinnya lebih sulit daripada cari pacar. Cari pacar mah gampang, tapi cari yang mau sama kamu itu susahnya minta ampun. Kamu mau cari kemana juga enggak bakalan dapet yang bener-bener sempurna. Meskipun kamu juga tahu, kalau yang sempurna itu cuma ibumu, pacarmu mah kalah. 
</p>
<p>
Kalau kamu belum juga dapetin cewek dari ujung dunia ke ujung lainnya di muka bumi ini. Coba kamu cari pacar di Mars. Siapa tahu kan ntar ujung-ujungnya ada berita headline yang ngeberitain Ditemukan Pacar di Mars. Dan kamu gak jomblo lagi, kan ? Tapi santai, pacar kamu ini lebih cantik dari cabe-cabean di Mars. Yang celananya hot pants, bajunya tipis sampai transparan, dan bawaannya Satria. Yah juga namanya cabe mblo.
</p>
<p>
Ini adalah paragraf sebagai contohnya. Jangan dicontoh apalagi dicopy paste di blog lain. Karena paragraf ini bikinnya lebih sulit daripada cari pacar. Cari pacar mah gampang, tapi cari yang mau sama kamu itu susahnya minta ampun. Kamu mau cari kemana juga enggak bakalan dapet yang bener-bener sempurna. Meskipun kamu juga tahu, kalau yang sempurna itu cuma ibumu, pacarmu mah kalah. 
</p>
<p>
Kalau kamu belum juga dapetin cewek dari ujung dunia ke ujung lainnya di muka bumi ini. Coba kamu cari pacar di Mars. Siapa tahu kan ntar ujung-ujungnya ada berita headline yang ngeberitain Ditemukan Pacar di Mars. Dan kamu gak jomblo lagi, kan ? Tapi santai, pacar kamu ini lebih cantik dari cabe-cabean di Mars. Yang celananya hot pants, bajunya tipis sampai transparan, dan bawaannya Satria. Yah juga namanya cabe mblo.
</p>
<p>
Ini adalah paragraf sebagai contohnya. Jangan dicontoh apalagi dicopy paste di blog lain. Karena paragraf ini bikinnya lebih sulit daripada cari pacar. Cari pacar mah gampang, tapi cari yang mau sama kamu itu susahnya minta ampun. Kamu mau cari kemana juga enggak bakalan dapet yang bener-bener sempurna. Meskipun kamu juga tahu, kalau yang sempurna itu cuma ibumu, pacarmu mah kalah. 
</p>
<p>
Ini adalah paragraf sebagai contohnya. Jangan dicontoh apalagi dicopy paste di blog lain. Karena paragraf ini bikinnya lebih sulit daripada cari pacar. Cari pacar mah gampang, tapi cari yang mau sama kamu itu susahnya minta ampun. Kamu mau cari kemana juga enggak bakalan dapet yang bener-bener sempurna. Meskipun kamu juga tahu, kalau yang sempurna itu cuma ibumu, pacarmu mah kalah. 
</p>
<p>
Kalau kamu belum juga dapetin cewek dari ujung dunia ke ujung lainnya di muka bumi ini. Coba kamu cari pacar di Mars. Siapa tahu kan ntar ujung-ujungnya ada berita headline yang ngeberitain Ditemukan Pacar di Mars. Dan kamu gak jomblo lagi, kan ? Tapi santai, pacar kamu ini lebih cantik dari cabe-cabean di Mars. Yang celananya hot pants, bajunya tipis sampai transparan, dan bawaannya Satria. Yah juga namanya cabe mblo.
</p>
<p>
Ini adalah paragraf sebagai contohnya. Jangan dicontoh apalagi dicopy paste di blog lain. Karena paragraf ini bikinnya lebih sulit daripada cari pacar. Cari pacar mah gampang, tapi cari yang mau sama kamu itu susahnya minta ampun. Kamu mau cari kemana juga enggak bakalan dapet yang bener-bener sempurna. Meskipun kamu juga tahu, kalau yang sempurna itu cuma ibumu, pacarmu mah kalah. 
</p>
<p>
Kalau kamu belum juga dapetin cewek dari ujung dunia ke ujung lainnya di muka bumi ini. Coba kamu cari pacar di Mars. Siapa tahu kan ntar ujung-ujungnya ada berita headline yang ngeberitain Ditemukan Pacar di Mars. Dan kamu gak jomblo lagi, kan ? Tapi santai, pacar kamu ini lebih cantik dari cabe-cabean di Mars. Yang celananya hot pants, bajunya tipis sampai transparan, dan bawaannya Satria. Yah juga namanya cabe mblo.
</p>
<p>
Ini adalah paragraf sebagai contohnya. Jangan dicontoh apalagi dicopy paste di blog lain. Karena paragraf ini bikinnya lebih sulit daripada cari pacar. Cari pacar mah gampang, tapi cari yang mau sama kamu itu susahnya minta ampun. Kamu mau cari kemana juga enggak bakalan dapet yang bener-bener sempurna. Meskipun kamu juga tahu, kalau yang sempurna itu cuma ibumu, pacarmu mah kalah. 
</p>
<p>
Kalau kamu belum juga dapetin cewek dari ujung dunia ke ujung lainnya di muka bumi ini. Coba kamu cari pacar di Mars. Siapa tahu kan ntar ujung-ujungnya ada berita headline yang ngeberitain Ditemukan Pacar di Mars. Dan kamu gak jomblo lagi, kan ? Tapi santai, pacar kamu ini lebih cantik dari cabe-cabean di Mars. Yang celananya hot pants, bajunya tipis sampai transparan, dan bawaannya Satria. Yah juga namanya cabe mblo.
</p>
<p> Kalau kamu belum juga dapetin cewek dari ujung dunia ke ujung lainnya di muka bumi ini. Coba kamu cari pacar di Mars. Siapa tahu kan ntar ujung-ujungnya ada berita headline yang ngeberitain Ditemukan Pacar di Mars. Dan kamu gak jomblo lagi, kan ? Tapi santai, pacar kamu ini lebih cantik dari cabe-cabean di Mars. Yang celananya hot pants, bajunya tipis sampai transparan, dan bawaannya Satria. Yah juga namanya cabe mblo. </p>
<p>
Ini adalah paragraf sebagai contohnya. Jangan dicontoh apalagi dicopy paste di blog lain. Karena paragraf ini bikinnya lebih sulit daripada cari pacar. Cari pacar mah gampang, tapi cari yang mau sama kamu itu susahnya minta ampun. Kamu mau cari kemana juga enggak bakalan dapet yang bener-bener sempurna. Meskipun kamu juga tahu, kalau yang sempurna itu cuma ibumu, pacarmu mah kalah. 
</p>
<p>
Kalau kamu belum juga dapetin cewek dari ujung dunia ke ujung lainnya di muka bumi ini. Coba kamu cari pacar di Mars. Siapa tahu kan ntar ujung-ujungnya ada berita headline yang ngeberitain Ditemukan Pacar di Mars. Dan kamu gak jomblo lagi, kan ? Tapi santai, pacar kamu ini lebih cantik dari cabe-cabean di Mars. Yang celananya hot pants, bajunya tipis sampai transparan, dan bawaannya Satria. Yah juga namanya cabe mblo.
</p>
<p>
Ini adalah paragraf sebagai contohnya. Jangan dicontoh apalagi dicopy paste di blog lain. Karena paragraf ini bikinnya lebih sulit daripada cari pacar. Cari pacar mah gampang, tapi cari yang mau sama kamu itu susahnya minta ampun. Kamu mau cari kemana juga enggak bakalan dapet yang bener-bener sempurna. Meskipun kamu juga tahu, kalau yang sempurna itu cuma ibumu, pacarmu mah kalah. 
</p>
<p>
Kalau kamu belum juga dapetin cewek dari ujung dunia ke ujung lainnya di muka bumi ini. Coba kamu cari pacar di Mars. Siapa tahu kan ntar ujung-ujungnya ada berita headline yang ngeberitain Ditemukan Pacar di Mars. Dan kamu gak jomblo lagi, kan ? Tapi santai, pacar kamu ini lebih cantik dari cabe-cabean di Mars. Yang celananya hot pants, bajunya tipis sampai transparan, dan bawaannya Satria. Yah juga namanya cabe mblo.
</p></div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script> </body> </html>

Selesai! Silahkan sobat kembangin lagi headernya dengan kreativitas-kreativitas sobat sendiri. Bila sobat masih kebingungan, silahkan sobat download source kodenya DISINI atau bisa sobat bertanya dengan sopan di kolom komentar. Terima kasih.