Home Archives for 2017

Friday 6 October 2017

Dasar Pemrograman HTML (HyperText Markup Language)


Dasar Pemrograman HTML (HyperText Markup Language) - HTML merupakan bahasa yang digunakan untuk menampilkan informasi  pd halaman web. Bahasa ini menggunakan tanda (markup) untuk menandai perintah-perintahnya menentukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen.

Software yang diperlukan:
Text editor sederhana.
Contoh:
Windows: Notepad
Linux: gEdit, mcedit
Web browser untuk menampilkan dokumen web yang dibuat.
Contoh:
Windows: Internet Explorer, dan Firefox
Linux: Firefox dan Conqueror.



Istilah Dalam HTML
Tag - Digunakan untuk menentukan tingkah laku web browser. Dinyatakan dengan tanda lebih kecil “<“ (tag awal) dan tanda lebih besar “>” (tag akhir).
        <namatag> ..... </namatag>

Element – Jenis-jenis dari tag. Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup.
Contoh :

        <title><!--ini adalah tag pembuka judul dokumen HTML -->
        Disini Judul Dokumen HTML
        </title> <!-- ini adalah tag penutup judul dokumen HTML -->

Attribute - Digunakan untuk memodifikasi nilai dari elemen HTML. Suatu elemen biasanya akan mempunyai banyak atribut.



<html>
<!– untuk menyatakan suatu dokumen HTML -->
    <head>
        <!-- memberikan informasi mengenai dokumen HTML -->
       
    </head>
    <body>
        <!-- menyimpan informasi atau data yang akan ditampilkan dalam     dokumen HTML -->
    </body>
</html>

Contoh HTML Sederhana:
<html>
<head>
    <title>Pemrograman Web I</title>
</head>
<body>
    Ini Web Pertama Saya Lo...
</body>
</html>

Output :

Ini Web Pertama Saya Lo...

Penggunaan Komentar
Format :
<!-- -->
 
Fungsi :
- Mendiskripsikan tujuan pengkodean tertentu dalam dokumen HTML

Contoh Penggunaan Komentar
<html>
<head>
    <!-- ini adalah judul web -->  
    <title>Pemrograman Web I</title>
</head>
<!--
Author : Siswan Syahputra, M.Kom
Contact : siswansyahputra90@gmail.com
-->
<body>
    <!-- ini adalah isi web -->
    Ini Web Pertama Saya Lo...
</body>
</html>
 
Element Body

 <body alink="y" background="uri" bgcolor="w" link="x" text="v" vlink="z"> ..............
</body>

  • Attribute text memberikan warna pada teks,
  • bgcolor memberikan warna pada latarbelakang dokumen HTML,
  • background memberikan latarbelakang dokumen HTML dalam bentuk gambar
  • link memberikan nilai warna untuk link,
  • alink memberikan warna untuk link yang sedang aktif,
  • vlink memberikan warna untuk link yang telah dikunjungi.

Jika attribute bgcolor dan background keduanya dispesifikasikan maka attribute background yang akan digunakan, akan tetapi jika nilai attribute background (gambar) tidak ditemukan pada dokumen HTML maka attribute bgcolor yang akan digunakan.

Demikianlah dasar pemrograman HTML (HyperText Markup Language), semoga bermanfaatkan dan dapat dikembangkan lagi. Terima kasih telah berkunjung, jika tutorial ini bermanfaat silahkan "LIKE dan SHARE". Jangan lupa komen juga ya....
Read More

Saturday 6 May 2017

Membuat Form Login menggunakan Session pada PHP


Membuat Form Login menggunakan Session pada PHP - Sebuah variabel Session PHP digunakan untuk menyimpan informasi atau mengubah pengaturan untuk session pengguna. Session variabel menyimpan informasi tentang satu pengguna tunggal, dan tersedia untuk semua halaman dalam satu aplikasi.

Dalam penanganan session terdapat beberapa proses yang perlu diperhatikan:
Proses pembuatan session
Proses pemeriksaan session
Proses penghapusan session

Program berikut adalah latihan untuk pembuatan session sbb :

Buatlah program html dengan nama 'index.html'
<html>
<head>
<title>Form Login User System</title>
</head>
<body>
<h3 align="center"> LOGIN USER SYSTEM </h3>
<div align="center">
<form id="login" method="post" name="login" action="proses_login.php">
<table width="286" border="0" cellpadding="2" cellspacing="2">
<!--DWLayoutTable-->
<tr bgcolor="#FF0000">
<td height="19" colspan="2" align="center" valign="middle">
<strong>
<font color="#FFFFFF">
<blink>LOGIN DI SINI</blink>
</font>
</strong>
</td>
</tr>
<tr>
<td width="106" height="17">&nbsp;</td>
<td width="180">&nbsp;</td>
</tr>
<tr>
<td height="18" align="right" valign="middle">
<div align="left">
Username
</div>
</td>
<td valign="middle">
<input name="username" type="text" id="username" size="20">
</td>
</tr>
<tr>
<td height="18" align="right" valign="middle">
<div align="left">
Password
</div>
</td>
<td valign="middle">
<input name="password" type="password" id="password" size="20" />
</td>
</tr>
<tr>
<td height="18" valign="top">&nbsp;</td>
<td valign="middle">
<input name="login" type="submit" id="login" value=" Login ">
<input type="reset" name="Reset" value="Batal / Clear" />
</td>
</tr>
<tr bgcolor="#FF0000">
<td height="18" colspan="2" valign="top">&nbsp;</td>
</tr>
</table>
</form>
</div>
</body>
</html>

Selanjutnya buatlah program php dengan nama 'proses_login.php' untuk memverifikasi proses login dari 'index.html'
<?php
session_start();
if(isset($_POST['login'])) {
            $_SESSION['username'] = $_POST['username'];
            $_SESSION['password'] = $_POST['password'];
            if($_SESSION['username'] == 'user' and $_SESSION['password']=='123') {
                        header("location:profile.php");
            } else {
                        // jika login salah //      
                        echo "Login gagal <a href='index.php'>Login</a>";

            }
}
?>

Pada bagian  header("location:profile.php") terdapat sebuah halaman profile.php yang berarti jika proses login berhasil maka akan membuka halaman profile, sedangkan jika proses login gagal maka akan diminta untuk login kembali.

 Berikut kode programan halaman 'profile.php'


<?php
session_start();
if(empty($_SESSION['username'])){
            header("location:index.php");
}else{
            echo "Selamat anda berhasil login <a href='logout.php'>Logout</a>";
}
?>

Pada program 'profile.php' terdapat variable session yang berarti halaman 'profile.php' tidak akan bisa diakses jika user belum melakukan login.

Berikut program 'logout.php' yang berguna untuk menghapus data session yang tersimpan

<?php
 session_start(); // memulai session
 session_destroy(); // menghapus session
 header("location:index.php"); // mengambalikan ke index.php
 ?>

Simpanlah program - program tersebut di folder yang sama, kemudian coba jalankan melalui localhost dan cobalah login dengan username 'user' dan password '123'.

Dari contoh yang telah dibuat ternyata Membuat Form Login menggunakan Session pada PHP tidak sulit. Semoga tutorial ini dapat membantu dan dapat dikembangkan. Jika tutorial ini bermanfaat silahkan "SHARE". Terima kasih..
Read More

Menggunakan Include dan Require Pada PHP


Menggunakan Include dan Require Pada PHP - PHP memungkinkan suatu kode yang disimpan dalam suatu file disertakan ke dalam suatu script PHP dengan menggunkan pernyataan include dan require. Hal ini sangat berguna kalau kita mempunyai sederetan kode (misalnya definisi suatu fungsi, definisi suatu konstanta, atau kode yang lain) yang sering digunakan pada berbagai script PHP yang kita buat. Dalam hal ini kita cukup menuliskan kode tersebut sekali saja ke dalam sebuah file. Lalu jika memerlukan kode tersebut kita bisa menggunakan fungsi include dan require.

Program berikut adalah latihan untuk penggunaan include dan require sbb :

Buatlah file php dengan nama 'content.php'
<?php
echo "selamat datang di website PHP";
echo "<br>";
?>

 Output :
selamat datang di website PHP

Selanjutnya buatlah program include dengan nama 'call_include.php' untuk memanggil program 'content.php'
<?php
include 'content.php';
echo "<br>Ini adalah contant atau isi dari website <br>";
?>

Output:
selamat datang di website PHP
Ini adalah contant atau isi dari website

Berikut contoh penggunaan perintah require :
Buatlah program require dengan nama 'call_require.php' untuk memanggil program 'content.php'
<?php
require 'content.php';
echo "<br>Ini adalah contant atau isi dari website <br>";
?>

Output:
selamat datang di website PHP
Ini adalah contant atau isi dari website

Output dari program 'call_require.php' sama dengan program 'call_include.php' karena tujuan nya adalah memanggil isi program dari 'cotent.php'

Dari contoh yang telah dibuat ternyata Menggunakan Include dan Require Pada PHP tidak sulit. Semoga tutorial ini dapat membantu dan dapat dikembangkan. Jika tutorial ini bermanfaat silahkan "SHARE". Terima kasih..
Read More

Penggunaan Array Pada PHP


Penggunaan Array Pada PHP - Array merupakan variabel khusus, yang dapat menampung lebih dari satu nilai pada suatu waktu. dengan array kita dapat mengakses sekumpulan nilai dengan menggunakan satu nama variable. Jika kita memiliki daftar item (daftar nama mahasiswa, misalnya), menyimpan mahasiswa di variabel tunggal bisa terlihat seperti ini:

$mhs1="Mahasiswa A";
$mhs2="Mahasiswa B ";
$mhs3="Mahasiswa C";

Program berikut adalah latihan untuk pengunaan array sbb :
Contoh 1 : 
<?php
//membuat variabel $buah bertipe array, index/key ditentukan 
$buah[2] = "Anggur"; 
$buah[3] = "Jeruk"; 
$buah[5] = "Pepaya"; 
echo $buah[3]; 
//Hasilnya Jeruk 
?>

 Output:
Jeruk

Contoh 2:
<?php 
//membuat variabel $buah bertipe array, index/key tidak ditentukan 
$buah = array("Anggur","Pepaya","jeruk","Rambutan"); 
echo $buah[0]; 
//Hasilnya Anggur 
echo "<br>"; 
echo $buah[3]; 
//Rambutan 
?> 

Output:
Anggur
Rambutan

Contoh 3:
<?php 
//membuat variabel $buah bertipe array, index/key tidak ditentukan 
$buah[] = "Anggur"; 
$buah[] = "Rambutan"; 
$buah[] = "Pepaya"; 
$buah[] = "Pisang"; 
echo $buah[1]; 
//Hasilnya Rambutan 
echo "<p>"; 
for($i=0;$i<count($buah);$i++)
{ 
echo "buah #$i: ".$buah[$i]."<br>";
} 
?> 

Output:
Rambutan
buah #0: Anggur
buah #1: Rambutan
buah #2: Pepaya
buah #3: Pisang

Index/key array juga bisa berupa teks
Contoh 4 :
<?php 
$alamat['ivan'] = "Medan"; 
$alamat['maudy'] = "Jakarta"; 
$alamat['silalahi'] = "Surabaya"; 
echo $alamat['ivan']; 
//hasilnya Medan 
?> 

 Output :
Medan

Contoh 5:
<?php 
$arr = array("foo" => "bar", 12 => true); 
echo $arr["foo"]; 
// bar echo $arr[12]; 
// 1 
?>

Output :
bar

Multiple Array
Contoh 6 :
<?php
$motor['honda'][0] = "Beat";
$motor['honda'][1] = "Supra X 125 ";
$motor['honda'][2] = "Vario";
$motor['yamaha'][0] = "Mio";
$motor['yamaha'][1] = "Vixion";
for($i=0;$i<count($motor['honda']);$i++)
{
echo $motor['honda'][$i];
echo "<br>";
}
?> 

Output :
Beat
Supra X 125
Vario

Dari contoh yang telah dibuat ternyata Penggunaan Array Pada PHP tidak sulit. Semoga tutorial ini dapat membantu dan dapat dikembangkan. Jika tutorial ini bermanfaat silahkan "SHARE". Terima kasih..

Read More

Perulangan/Looping (For, While, Do While, Foreach) Pada PHP


Perulangan/Looping (For, While, Do While, Foreach) Pada PHP - Looping atau perulangan digunakan untuk menjalankan suatu statement secara berulangulang atau secara terus menerus. Dalam PHP, kita memiliki pernyataan looping sebagai berikut:

while – melakukan pengulangan melalui blok kode sementara kondisi yang ditentukan benar

do ... while - pengulangan melalui blok kode satu kali, kemudian mengulangi loop selama kondisi yang ditentukan benar

for - pengulangan melalui blok kode sejumlah tertentu dari kali

foreach - pengulangan melalui blok kode untuk setiap elemen dalam array.

Perulangan for

Berguna untuk pengulangan yang sudah ditentukan terlebih dahulu awalnya berapa, dijalankan sampai kondisi bagaimana. 

Struktur dasar :
for(awal; kondisi; penambahan){
         kode untuk dijalankan 
} 

Program berikut adalah latihan untuk pengulangan for sbb :
<?php

for ($i = 1; $i <= 10; $i++) {

echo $i."<br>";

}

?>

Output :
1
2
3
4
5
6
7
8
9
10

Perulangan while 

Berguna untuk menjalankan suatu kode terus menerus selama kondisi bernilai TRUE

Struktur dasar : 
while(kondisi){
         kode untuk dijalankan;
}

Program berikut adalah latihan untuk pengulangan while sbb :
<?php

$i=1;

while($i<=5)

{

echo "Nomor : " . $i . "<br />";

$i++;

}

?>

 Output :
Nomor : 1
Nomor : 2
Nomor : 3
Nomor : 4
Nomor : 5

Perulangan Do While 

Berikut contoh penggunaannya:
<?php

$i = 2;

do {

$i++;

echo $i."<br />";

}

while($i<=10);

?>

Output:
3
4
5
6
7
8
9
10
11

Perulangan foreach 

Perulangan untuk array yang mempunyai nilai

Struktur dasar : 
foreach (array as $value){
             statement
}

atau

foreach (array as $key => $value){
            statement
}

Program berikut adalah latihan untuk pengulangan foreach sbb :
<?php

$angka = array("satu", "dua", "tiga", "satu juta");

foreach($angka as $key => $value) {

echo "Key: $key; Value: $value<br />\n";

}

?>

Output :
Key: 0; Value: satu
Key: 1; Value: dua
Key: 2; Value: tiga
Key: 3; Value: satu juta

Dari contoh yang telah dibuat ternyata menggunakan Perulangan/Looping (For, While, Do While, Foreach) Pada PHP tidak sulit. Semoga tutorial ini dapat membantu dan dapat dikembangkan. Jika tutorial ini bermanfaat silahkan "SHARE". Terima kasih..
Read More
Subscribe to: Posts (Atom)