Menu

Web Programming

"Tutorial dan artikel tentang pemrograman web"

Blog

"Tutorial dan artikel tentang blogging"

Elektronika

"Tutorial dan artikel tentang kelistrikan"

Pemrograman

"Tutorial dan artikel tentang pemrograman komputer"

Lain-lain

"artikel lainnya...."

Minggu, 13 Desember 2015

Belajar Pemrograman C++ chapter 2 (Tipe Data)


Assalamualaikum sob, melanjutkan postingan sebelumnya pada postingan kali ini saya akan menjelaskan jenis-jenis tipe data yang ada pada pemrograman C++. Berikut tutorialnya. Check this out...

TIPE DATA

Tipe data adalah skrip dalam pemrograman C++ yang berfungsi untuk mendefinisikan jenis dari sebuah nilai di dalam program. Tipe data dibagi menjadi 3 bagian, yaitu : tipe data dasar, tipe bentukan , dan tipe data enumerasi.

1. Tipe Data Dasar

Tipe data dasar dikelompokkan menjadi :
Tipe data bilangan bulat (integer)
Tipe data bilangan real
Tipe data logika (boolean)

a. Tipe data bilangan bulat

Tipe data bilangan bulat adalah tipe data yang mendefinisikan nilai yang tidak memiliki angka dibelakang koma. Misalnya, 10, 24, 1. Yang termasuk tipe data jenis ini adalah sebagai berikut:

Tipe Data
Ukuran dalam bit
Rentang nilai
int
16 atau 32
-32,768 sampai 32,767 atau -2.147.483.648 sampai 2.147.483.647
signed int
16 atau 32
sama seperti int
unsigned int
16 atau 32
0 sampai 65,535 atau
0 sampai 4.294.976.295
short int
16
-32,768 sampai 32,767
signed short int
16
sama seperti short int
unsigned short int
16
0 sampai 65,535
long int
32
-2.147.483.648 sampai 2.147.483.647
signed long int
32
sama seperti long int
unsigned long int
32
0 sampai 4.294.967.295

Contoh:
#include <iostream>
using namespace std;
int main(){
 int angka; //mendefinisikan variabel angka sebagai tipe data int
 angka = 2; //melakukan inisialisasi variabel angka
 cout << "angka = " << angka;
 cout << endl;
 return 0;
}

Hasilnya adalah







b.Tipe data bilangan real

Tipe data ini adalah tipe data yang digunakan untuk mendefinisikan nilai yang memiliki angka dibelakang koma. Misal, 2,45. Berikut ini adalah yang termasuk tipe data bilangan real.

Tipe Data
Ukuran dalam bit
Rentang
keakuratan
float
32
1,2E-38 sampai 3,4E+38
6 digit dibelakang koma
double
64
2.3E-308 sampai 1,7E+308
15 digit angka dibelakang koma
long double
80
3,4E-4932 sampai 1,1E+4932
19 digit angka dibelakang koma

Contoh:
#include <iostream>
using namespace std;
int main(){
     float x; //mendefinisikan x sebagai tipe data bilangan float
     x = 2.25;
     cout << "Nilai x adalah " << x << endl;
return 0;
}

Hasilnya adalah






c. Tipe Logika

Tipe data logika adalah tipe data yang mendefinisikan nilai yang hanya memiliki 2 nilai saja, yaitu nilai logika (boolean). yaitu true (benar) dengan angka 1 dan false (salah) dengan angka 0. dinyatakan dengan tipe bool.

d. Tipe data karakter/string

Tipe data jenis ini digunakan untuk mendefinisikan nilai yang berupa karakter huruf. tipe data ini dinyatakan dengan char untuk karakter (satu huruf), dan char* untuk kumpulan huruf. Untuk char menggunakan kutip satu (‘), dan untuk char* menggunakan kutip dua (“). Berikut merupakan tipe data karakter:

Tipe Data
Ukuran dalam bit
Rentang
char
8
-128 sampai 127 atau
0 sampai 255
unsigned char
8
0 sampai 255
signed char
8
-128 sampai 127

Contoh:
#include <iostream>
using namespace std;
int main(){
     char x = 'A';
     char* y = "kata";
     char z[10] = "ujicoba";

     cout << x << endl;
     cout << y << endl;
     cout << z << endl;
return 0;
}

Hasilnya:







2. Tipe Data Bentukan

Tipe data jenis ini adalah tipe data yang dibuat oleh pembuat program sesuai dengan kebutuhan. Yang termasuk tipe data bentukan yaitu, array (larik), struktur, dan enumerasi.

Bersambung...

Jumat, 11 Desember 2015

Belajar CSS chapter 6 (Box Model, Border, Outline, Margin dan Padding)


Assalamualaikum wr wb
Melanjutkan postingan yang sebelumnya kali ini saya akan menjelaskan tentang CSS Box Model, Border, Outline, Margin, dan Padding.

CSS Box Model

Box model terdiri dari :
  • Margin
  • Border
  • Padding
  • Content
Untuk mengetahui ukuran seluruhnya elemen, kamu juga harus menambahkan padding, border dan margin.
Contoh dibawah ini menunjukan bahwa total dari elemen adalah 300px :
width :250px;
padding:10px;
border:5px solid gray;
margin :10px;
Cara mengetahuinya :
lebar = 250 px
+ 20 px (padding kiri dan kanan)
+10 px (border kiri dan kanan)
+20 px (margin kiri kanan)
=300 px
Dalam menentukan ukuran keseluruhan elemen kita harus menggunakan rumus :
Total lebar = lebar + padding kiri + padding kanan + border kiri + border kanan + margin kiri + margin kanan
atau
Total tinggi = tinggi + padding atas + padding bawah + border atas + border bawah + margin atas + margin bawah
Pada contoh diatas apabila kita menggunakan Internet explorer total lebarnya bukan 300px. Untuk memperbaiki hal ini kita harus mendeklarasikan DOCTYPE seperti ini :
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

CSS Border

Dengan menggunakan properti CSS border kita dapat megubah tampilan dan warna dari sebuah elemen border.
Semua Properti CSS Border
PropertiDeskripsi
borderMengatur semua properti border dalam satu deklarasi
border-bottomMengatur semua properti border bawah dalam satu deklarasi
border-bottom-colorMengatur warna dari border bawah
border-bottom-styleMengatur tampilan dari border bawah
border-bottom-widthMengatur lebar dari border bawah
border-colorMengatur warna dari keempat border
border-leftMengatur semua properti border kiri dalam satu deklarasi
border-left-colorMengatur warna dari border kiri
border-left-styleMengatur tampilan dari border kiri
border-left-widthMengatur lebar dari border kiri
border-rightMengatur semua properti border kanan dalam satu deklarasi
border-right-colorMengatur warna dari border kanan
border-right-styleMengatur tampilan dari border kanan
border-right-widthMengatur lebar dari border kanan
border-styleMengatur tampilan dari keempat border
border-topMengatur semua properti border atas dalam satu deklarasi
border-top-colorMengatur warna dari border atas
border-top-styleMengatur tampilan dari border atas
border-top-widthMengatur lebar dari border atas
border-widthMengatur lebar dari keempat border

Nilai dari border-style :
  • none
  • dotted
  • dashed
  • solid
  • double
  • groove
  • ridge
  • inset
  • outset
Contoh CSS border :
<!DOCTYPE html>
<html>
<head>
<style type=”text/css”>
p
{
border-top-style:dotted;
border-right-style:solid;
border-bottom-style:dotted;
border-left-style:solid;
}
</style>
</head>
<body>
<p>zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz</p>
</body>
</html>

Hasilnya :
atau penulisan css nya bisa digabung menjadi :
border-style:dotted solid;

CSS Outline

Outline adalah gari yang tergambar disekitar elemen, diluar batas border.
Semua Properti CSS Outline
nomor yang ada dalam kolom mengindikasikan properti versi CSS mana yang didefinisikan (CSS1 atau CSS2).
PropertiDeskripsiNilaiCSS
outlineMengatur semua properti ouline dalam satu deklarasioutline-color
outline-style
outline-width
inherit
2
outline-colorMengatur warna dari sebuah outlinecolor_name
hex_number
rgb_number
invert
inherit
2
outline-styleMengatur tampilan sebuah outlinenone
dotted
dashed
solid
double
groove
ridge
inset
outset
inherit
2
outline-widthMengatur lebar dari sebuah outlinethin
medium
thick
lengthinherit
2

Contoh :
<!DOCTYPE html>
<html>
<head>
<style type=”text/css”>
p
{
outline:#00FF00 dotted thick;
}
</style>
</head>
<body>
<p>Ini adalah merupakan contoh dari outline</p>
</body>
</html>
Hasilnya :

CSS Margin

Margin adalah yang berada disekitar elemen yang membatasi dengan elemen lain.
Semua Properti CSS Margin
PropertiDeskripsi
marginMengatur semua properti margin dalam satu deklarasi
margin-bottomMengatur margin bawah sebuah elemen
margin-leftMengatur margin kiri sebuah elemen
margin-rightMengatur margin kanan sebuah elemen
margin-topMengatur margin atas sebuah elemen

Nilai yang diizinkan
NilaiDeskripsi
autoBrowser mengatur margin
Hasilnya ditentukan browser
lengthMargin pasti (dalam pixels, pt, em, dan lain-lain.)
%margin dalam persen

Contoh penulisan :
margin-top:100px;
margin-bottom:100px;
margin-right:50px;
margin-left:50px;
Atau dapat disingkat :
margin:100px 50px;
Properti margin bisa memiliki satu nilai sampai empat nilai :
  • margin:25px 50px 75px 100px;
    • margin  atas  25px
    • margin kanan 50px
    • margin bawah75px
    • margin kiri 100px
  • margin:25px 50px 75px;
    • margin atas 25px
    • margin kiri dan kanan 50px
    • margin bawah 75px
  • margin:25px 50px;
    • margin atas dan bawah 25px
    • margin kiri dan kanan 50px
  • margin:25px;
    • keempat margin 25px

CSS Padding

Properti CSS Padding mendefinisikan sebagai jarak antara border dengan konten.
Semua Properti Padding
PropertiDeskripsi
paddingMengatur semua properti padding dalam satu deklarasi
padding-bottomMengatur padding bawah sebuah elemen
padding-leftMengatur padding kiri sebuah elemen
padding-rightMengatur padding kanan sebuah elemen
padding-topMengatur padding kanan sebuah elemen
Nilai yang diizinkan
nilaiDeskripsi
lengthpadding pasti (dalam pixels, pt, em, dan lain-lain.)
%padding dalam persen
Contoh penulisan :
padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;
atau dapat juga :
padding:25px 50px;

Sekian untuk postingan kali ini.  Terimakasih.
Wassalamualaikum wr wb
Sumber : w3schools.com

Kamis, 10 Desember 2015

Belajar CSS chapter 5 (Tabel)


Assalamualaikum wr wb
Pada postingan kali ini saya akan berbagi mengenai CSS yang digunakan untuk Mengubah tampilan tabel menjadi lebih menarik lagi. Berikut tutorialnya. Selamat membaca.

Table

1.    Table Border

Untuk memberikan border pada tabel kita dapat menggunakan properti border. Contoh :
<!DOCTYPE html>
<html>
<head>
<style type=”text/css”>
table, th, td
{
border: 1px solid red;
}
</style>
</head>
<body>
<table>
<tr><th>zzzz</th></tr>
<tr><td>qwer</td></tr>
</table>
</body>
</html>

Maka hasilnya :


2.    Collapse Border

Properti border-collapse digunakan untuk mengatur border pada tabel menjadi melipat dalam satu border atau terpisah. Contoh :
<!DOCTYPE html>
<html>
<head>
<style type=”text/css”>
table
{
border-collapse:collapse;
}
table, th, td
{
border: 1px solid red;
}
</style>
</head>
<body>
<table>
<tr><th>zzzz</th></tr>
<tr><td>qwer</td></tr>
</table>
</body>
</html>

Hasilnya :

3. Tinggi dan Lebar Tabel

Untuk mengatur tinggi dan lebar tabel dapat menggunakan properti height dan width. Contoh :
<!DOCTYPE html>
<html>
<head>
<style type=”text/css”>
table
{
width:100%;
}
th
{
height:50px;
}
table, th, td
{
border: 1px solid red;
}
</style>
</head>
<body>
<table>
<tr><th>zzzz</th></tr>
<tr><td>qwer</td></tr>
</table>
</body>
</html>

Hasilnya :

4. Perataan teks pada tabel

Perataan teks pada table dapat menggunakan properti text-align dan vertical-align. Contoh :
<!DOCTYPE html>
<html>
<head>
<style type=”text/css”>
table
{
width:100%;
}
th
{
height:50px;
}
td
{
text-align:right;
}
table, th, td
{
border: 1px solid red;
}
</style>
</head>
<body>
<table>
<tr><th>zzzz</th></tr>
<tr><td>qwer</td></tr>
</table>
</body>
</html>

Hasilnya :
Contoh lain :
<!DOCTYPE html>
<html>
<head>
<style type=”text/css”>
table
{
width:100%;
}
th
{
height:50px;
}
td
{
height:50px;
vertical-align:bottom;
}
table, th, td
{
border: 1px solid red;
}
</style>
</head>
<body>
<table>
<tr><th>zzzz</th></tr>
<tr><td>qwer</td></tr>
</table>
</body>
</html>

Hasilnya :

5.    Table padding

Untuk mengontrol jarak diantara border dan konten dapat menggunakan properti padding. Contoh :
<!DOCTYPE html>
<html>
<head>

<style type=”text/css”>
table
{
width:100%;
}
th
{
height:50px;
}
td
{
padding:15px;
}
table, th, td
{
border: 1px solid red;
}
</style>
</head>
<body>
<table>
<tr><th>zzzz</th></tr>
<tr><td>qwer</td></tr>
</table>
</body>
</html>

Hasilnya :

6.    Mewarnai Tabel

Untuk mewarnai tabel dapat menggunakan properti color untuk teks dan background-color untuk latar belakang. Contoh :
<!DOCTYPE html>
<html>
<head>
<style type=”text/css”>
table, td, th
{
border:1px solid green;
}
th
{
background-color:green;
color:white;
}
</style>
</head>
<body>
<table>
<tr><th>zzzz</th></tr>
<tr><td>qwer</td></tr>
</table>
</body>
</html>

Hasilnya :
Sekian untuk pembahasan kali ini.
Wassalamualaikum wr wb.
Sumber : w3schools.com

http://www.resepkuekeringku.com/2014/11/resep-donat-empuk-ala-dunkin-donut.html http://www.resepkuekeringku.com/2015/03/resep-kue-cubit-coklat-enak-dan-sederhana.html http://www.resepkuekeringku.com/2014/10/resep-donat-kentang-empuk-lembut-dan-enak.html http://www.resepkuekeringku.com/2014/07/resep-es-krim-goreng-coklat-kriuk-mudah-dan-sederhana-dengan-saus-strawberry.html http://www.resepkuekeringku.com/2014/06/resep-kue-es-krim-goreng-enak-dan-mudah.html http://www.resepkuekeringku.com/2014/09/resep-bolu-karamel-panggang-sarang-semut-lembut.html