Minggu, 06 Maret 2016

Struktur Kendali


Hello guys.. Sebelum mempelajari Pemrograman Web Lanjut lebih dalam, alangkah baiknya kita mengenal dasar-dasarnya dulu seperti pengenalan struktur kendali. Disini kita akan menjelaskan sekaligus menjabarkan macam-macam dari Struktur Kendali tersebut. Oke simak baik-baik ya..

Struktur Kendali
Struktur kendali merupakan pengatur aliran program dan mempunyai rangkaian perintah
yang harus ditulis untuk memenuhi beberapa keadaan, yaitu :
- Melanjutkan sebuah pernyataan bila kondisi terpenuhi.
- Mengulang suatu perintah jika terpenuhi suatu kondisi.
- Memilih sebuah pilihan dari beberapa alternatif bila kondisi terpenuhi.

Terdapat 2 macam struktur kendali, yaitu:
1. Struktur Kendali Percabangan (pengambilan keputusan)
2. Struktur Kendali Perulangan (looping)

Struktur Kendali Percabangan (Pengambilan Keputusan)
Struktur kendali percabangan (pengambilan keputusan) merupakan struktur kendali yang
berfungsi untuk melakukan pemilihan atas perintah yang akan dijalankan sesuai dengan
kondisi tertentu. Terdapat empat perintah percabangan dalam PHP, yaitu if, if..else, if..elseif, dan
switch.

1. Perintah IF
Perintah if digunakan untuk menjalankan satu atau lebih perintah berdasarkan suatu
kondisi. Sintaks penulisan perintah if adalah sebagai berikut :

if (kondisi)
{
pernyataan yang akan dijalankan apabila kondisi benar
}

Pada bentuk ini, bagian pernyataan akan dijalankan hanya kalau bagian kondisi bernilai benar.
Contoh penggunaan struktur kendali if :

File : if.php

<html>
<head>
<title>Struktur Kendali IF</title>
<head>
<body>
<?php
$nilai = 80;
if($nilai >= 70)
{
echo "Nilai Anda $nilai, Anda Lulus";
}
?>
</body>
</html>

Keterangan :
Pada program tersebut, terdapat pemeriksaan kondisi apakah isi variabel $nilai lebih dari sama
dengan 70. Jika kondisi ini bernilai TRUE (variabel $nilai lebih dari sama dengan 70) maka
perintah echo “Nilai Anda $nilai, Anda Lulus” akan di jalankan. Sebaliknya
jika kondisinya FALSE.

2. Perintah IF – ELSE
Perintah if-else digunakan untuk memilih salah satu pernyataan berdasarkan suatu
kondisi. Perintah ini akan menjalankan pernyataan tertentu bila kondisi bernilai benar dan
akan menjalankan pernyataan yang lain jika kondisi bernilai salah. Sintaks penulisannya
adalah sebagai berikut :

if (kondisi)
{
pernyataan_1
}
else
{
pernyataan_2
}

Pernyataan_1 dijalankan kalau kalau kondisi bernilai benar, dan
pernyataan_2 dijalankan apablila kondisi bernilai salah.

Contoh penggunaan struktur kendali if-else :

File : ifelse.php

<html>
<head>
<title>Struktur Kendali IF ELSE</title>
<head>
<body>
<?php
$nilai = 50;
if($nilai >= 70) {
echo "Nilai Anda $nilai, Anda LULUS";
}
else {
echo "Nilai Anda $nilai, Anda GAGAL";
}
?>
</body>
</html>

3. Perintah IF – ELSEIF
Perintah if-else if digunakan untuk menjalankan suatu pernyataan dengan melibatkan
lebih dari satu kondisi. Sintaks penulisannya sebagai berikut :

if (kondisi_1)
{
pernyataan_1
}
elseif (kondisi_2)
{
pernyataan_2
}
else
{
pernyataan_3
}

Pernyataan_1 dijalankan kalau kalau kondisi_1 bernilai benar, dan
pernyataan_2 dijalankan apabila kondisi_2 bernilai benar. Sedangkan Pernyataan_3 akan
dijalankan apabila kondisi_1 dan kondisi_2 bernilai salah.

Contoh penggunaan struktur kendali if-elseif :

File : ifelseif.php

<html>
<head>
<title>Struktur Kendali IF ELSEIF</title>
<head>
<body>
<?php
$waktu = getdate();
if ($waktu[hours] <= 10)
{
print("Selamat Pagi");
}
elseif ($waktu[hours] <= 15)
{
print("Selamat Siang");
}
elseif ($waktu[hours] <= 18)
{
print("Selamat Sore");
}
else
{
print("Selamat Malam");
}
?>
</body>
</html>

4. Perintah Switch
Perintah switch digunakan sebagai alternatif pengganti dari perintah if-elseif. Dengan
perintah ini program percabangan akan lebih mudah dibuat dan dipelajari. Sintaks penulisan
perintah switch adalah sebagai berikut:

switch (kondisi)
{
case konstanta_1:
pernyataan_1;
break;
case konstanta_2:
pernyataan_2;
break;
default:
pernyataan_3;
}

Perintah switch akan menyeleksi kondisi yang diberikan dan membandingkan hasilnya
dengan konstanta-konstanta yang berada pada case. Pembandingan akan dimulai dari
konstanta_1 sampai konstanta terakhir. Jika hasil dari kondisi sama dengan nilai konstanta
tertentu, maka pernyataan pada konstanta tersebut akan dijalankan sampai ditemukan
pernyataan break. Jika hasil dari kondisi tidak ada yang sama dengan konstanta-konstanta
yang diberikan, maka pernyataan pada default yang akan dijalankan.

Contoh penggunaan struktur kendali switch :

File : switch.php

<?php
$jurusan = "SI";
switch($jurusan)
{
case "KA":
echo "$jurusan = Komputerisasi akuntansi";
break;
case "MI":
echo "$jurusan = Manajemen Informatika";
break;
case "SI":
echo "$jurusan = Sistem Informasi";
break;
case "TI":
echo "$jurusan = Teknik Informatika";
break;
default:
echo "$jurusan tidak terdaftar";
}
?>

Struktur Kendali Perulangan (Looping)
Struktur kendali perulangan digunakan untuk mengulang suatu perintah sebanyak
yang diinginkan. Contohnya : menampilkan nomor bilangan 1 s.d. 10. Kalau kita menuliskan
secara manual, maka sangat tidak efesien apalagi jika kita ingin menampilkan bilangan 1 s.d.
1000. Ada beberapa perintah perulangan yang dapat digunakan, diantaranya : For, While,
Do ... While, dan Foreach.

1. Perintah For
Perintah for digunakan untuk mengulangi suatu perintah dengan jumlah perulangan
yang sudah diketahui. Pada perintah ini tidak perlu menuliskan suatu kondisi untuk diuji. Kita
hanya perlu menuliskan nilai awal dan akhir variabel penghitung. Nilai variabel penghitung
akan secara otomatis bertambah atau berkurang tiap kali sebuah perulangan dilaksanakan.

Sintaks penulisan perintah for adalah sebagai berikut :

for (nilai_awal; nilai_akhir; penambahan/pengurangan)
{
pernyataan yang dijalankan
}

Contoh struktur perulangan dengan for :

File : Latihan1.php

<html>
<head>
<title>Struktur Perulangan dengan FOR</title>
</head>
<body>
<?php
for($i=1; $i<=6; $i++)
{
echo "<h$i>Ini adalah contoh heading $i</h$i>";
}
?>
</body>
</html>

File : Latihan2.php

<html>
<head>
<title>Struktur Perulangan dengan FOR</title>
</head>
<body>
<?php
for($j=1; $j<=10; $j++)
{
echo "$j";
}
echo "<br>";
for($k=1; $k<=10; $k++)
{
echo "$k <br>";
}
?>
</body>
</html>

File : Latihan3.php

<html>
<head>
<title>Struktur Perulangan dengan FOR</title>
</head>
<body>
<?php
for($r=1; $r<=10; $r++)
{
for($s=1; $s<$r; $s++)
{
echo "*";
}
echo "<br>";
}
?>
</body>
</html>

2. Perintah While
Perintah while digunakan untuk mengulangi suatu perintah sampai jumlah yang belum
bisa ditentukan. Perulangan akan terus berjalan selama kondisi masih bernilai benar. Sintaks
penulisan perintah while adalah sebagai berikut:

while (kondisi)
{
pernyataan yang akan dijalankan
}

Contoh struktur pengulangan dengan while :

File : Latihan4.php

<html>
<head>
<title>Struktur Perulangan dengan WHILE</title>
</head>
<body>
<?php
$i=1;
while ($i <= 10)
{
echo "Ini perulangan yang ke-$i<br>";
$i++;
}
?>
</body>
</html>

3. Perintah Do - While
Perintah do-while, proses pengulangan akan terus dikerjakan jika kondisi yang
diperiksa di while masih bernilai benar. Proses pengulangan akan dihentikan jika kondisi
sudah bernilai salah. Sintaks penulisannya sebagai berikut:

do
{
pernyataan yang dijalankan
}
while (kondisi);

Perbedaan antara perintah while dengan do-while adalah terletak dari kondisi yang
diperiksa. Pada perintah while, kondisi yang diperiksa terletak di awal perulangan, sehingga
sebelum masuk ke dalam perulangan while kondisi harus bernilai benar.
Sedangkan pada perintah do-while, kondisi diperiksa di akhir perulangan. Ini berarti
bahwa paling sedikit sebuah perulangan akan dilakukan oleh perintah do...while, karena
untuk masuk ke perulangan tidak ada kondisi yang harus dipenuhi.

Contoh struktur pengulangan dengan do...while :

File : Latihan5.php

<html>
<head>
<title>Struktur Perulangan dengan do while</title>
</head>
<body>
<?php
$i = 1;
do
{
echo "Ini juga pengulangan yang ke-$i<br>";
$i++;
}
while ($i <= 6);
$j = 5;
do
{
echo "<br>Perulangan ini kondisinya tidak terpenuhi<br>";
$j++;
}
while($j <= 3);
?>
</body>
</html>

4. Foreach
Perintah foreach merupakan sebuah perulangan pada variabel bertipe array. Sintaks
penulisan foreach sebagai berikut:

Foreach variabel array as variabel lain)
{
pernyataan yang dijalankan
}

Contoh struktur pengulangan dengan foreach:

File : Latihan6.php

<html>
<head>
<title>Struktur Perulangan dengan foreach</title>
</head>
<body>
<?php
$a = array("Cirebon","Jakarta","Bandung","Yogyakarta");
foreach ($a as $data)
{
echo "$data <br>";
}
?>
</body>
</html>
  
Demikian yang dapat saya jelaskan, semoga bermanfaat ya :) See you next time..

Referensi
Arief, M. R. 2011. Pemrograman Web Dinamis menggunakan PHP dan MySQL. Yogyakarta:
Andi Offset.

Senin, 22 Desember 2014

Contoh latihan Layout Script HTML&CSS

Contoh latihan Layout dengan script HTML dan CSS

Contoh Layout 1


  1. Script HTML

  2. Script CSS



Contoh Layout 2

  1. Script HTML

  2. Script CSS



Contoh Layout 3

  1. Script HTML

  2. Script CSS



 
^Good Luck^

Sabtu, 22 November 2014

CSS bagian 2

CSS ( Cascading Style Sheet)

CSS digunakan para web designer untuk mengatur style elemen yang ada dalam halaman web mereka, mulai dari memformat text, sampai pada memformat layout. Tujuan penggunaan CSS ini supaya diperoleh suatu kekonsistenan style pada elemen tertentu.
Perkembangan CSS berawal tahun 1996, dimana W3C (World Wide Consortium), sebuah konsorsium untuk standarisasi web, menyusun draft proposal untuk membuat CSS ini dan akhirnya dapat berjalan. Selanjutnya pada pertengahan tahun 1998, W3C mengembangkan CSS2 yang diperbaharui untuk kepentingan media lain (tidak hanya untuk PC web browser). Akhirnya mulai tahun 2000, telah dikembangkan CSS3 oleh W3C yang sampai saat ini masih terus diperbaharui lagi.
Namun pada saat ini, hanya CSS2 yang masih didukung oleh kebanyakan web browser, tapi tidak demikian halnya untuk CSS3. Masih sedikit web browser yang mendukung CSS3. Oleh karena itu kita disini hanya akan membahas mengenai CSS2 saja.

Keuntungan Pengguna CSS
Dengan menggunakan CSS, anda (sebagai webmaster) akan lebih mudah untuk mengatur style elemen dalam halaman web anda.Sebagai contoh, misalnya untuk mengatur style elemen heading, anda menginginkan jenis font-nya adalah Arial, 20 pixel dan berwarna merah. Dengan CSS, anda cukup menuliskan properti dari elemen heading tersebut sekali saja, dan anda akan memperoleh hasil yang diinginkan. Bandingkan apabila tidak menggunakan CSS, anda akan mengatur style pada setiap elemen heading yang ada. Tentu saja hal ini akan sangat merepotkan.

Begitulah singkat cerita curhat, kita kembali ke materi, beberapa diantaranya:
  1. Perintah Dasar CSS
  2. Perbedaan Selektor ID dan Class
  3. Border CSS
  4. Dimensi CSS
  5. Background CSS
  6. Hover
  7. Float
  8. Margin Padding
  9. Align
  10. Font
Let's download modul klik disini.

Contoh penggunaan CSS (Layout)


  1. Script HTML
  2.  

  3. Script CSS

"Thanks gaess semoga bermanfaat"

CSS



What is CSS?

CSS merupakan singkatan dari Cascading Style Sheet. Menurut wikipedia, CSS adalah aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam.
CSS bukan merupakan bahasa pemograman. Css saat ini di kembangkan oleh World Wide Web Consortium atau yang biasa lebih dikenal dengan istilah W3C. Css bukan menggantikan kode html, tetapi hanya di fungsikan sebagai penopang atau pendukung dari file html yang berperan dalam penataan kerangka dan layout web.

Jumat, 07 November 2014

Contoh script HTML

Komponen HTML Jika anda sudah benar-benar memahami apa itu HTML beserta komponen-komponennya, coba deh untuk melakukan sesuatu yang lebih menantang, buatlah sebuah halaman web dengan contoh script seperti ini klik saja siapa tau dapat dorprice. Selamat mencoba..

Tabel HTML

Komponen HTML Fine deh kali ini gue nyidam banget sama yang namanya berbagi ilmu, jangan heran jika setelah ini gue bakal ngasih sekilas materi tentang Tabel HTML. Plis jangan ngantuk ya.. ini materi gak susah-susah amat ko cuman kurang gampang aja dikit.

Download modul klik disini

Image HTML

Komponen HTML Bayangkan saja jika anda membuka web hanya berisi tulisan tanpa ada gambar, pastilah kurang menarik bukan? Oke kali ini kita belajar bagaimana mempercantik tampilan web dengan menambahkan gambar, tapi inget TAMPILAN WEBnya yang cantik, bukan memaksa pakai foto orang cantik loh yaa. Thanks before.

Download modul klik disini