Gapai Sukses atas dasar Komitmen
Saya beri tutorial untuk menulis Source Code di Blog “WordPress”.
Berikut caranya :
[+sourcecode language="php"+] // Tulis sourcecode disini [+/sourcecode+]
Note :
* Hapus semua tanda plus “+” di atas
* language tidak harus php. Sesuaikan dengan jenis bahasa pemrograman yang anda gunakan
Sekian. Semoga Bermanfaat.
Kembali dengan saya, kali ini saya beri tutorial bagaimana membuat database dengan PHP ke MySQL.
Untuk contoh saya beri kasus “Pemesanan Tiket Kereta Api”
Struktur tabel sebagai berikut :
Structure Database Web_kereta
Berikut Source Codenya :
3 Mei 2014
Abdul Wafi
<!DocTYPE html>
<html>
<?php
// membuat koneksi ke database
$servername= "localhost"; // nama server
$username = "root"; // nama user
$password = ""; // password
$databasename = "web_kereta"; // nama database
$db = mysql_connect("$servername","$username","$password") or die ("I cannot connect to the database because: ".mysql_error());
//membuat koneksi ke mysql_affected_rows
mysql_select_db("$databasename",$db) or die ("I cannot select the database '$databasename' because: ".mysql_error());
//memanggil nama database
?>
</html>
Berikut Source Codenya :
<html>
<head>
<title>Pemesanan Tiket KA</title> <!--memberikan judul HTML-->
</head>
<body>
<h1 align = "center">PT. Kereta Api Indonesia Persero.tbk</h1>
<table align = "center", border = "2">
<tr>
<td align = 'center'><a href='tambah-tiket.php?id_tiket=$id_tiket'>Tambah Pemesan</a></td> <!--memberikan link untuk menambah pemesan tiket-->
</tr>
</table>
</html>
<script language="javascript" type="text/javascript"> <!--Script javascript-->
function deleteKereta(id_tiket){ <!--fungsi untuk menghapus kolom pemesan tiket-->
if (confirm('Are you sure to delete this Ticket?')) { window.location.href = '?delete&id_tiket=' + id_tiket;
} <!--mengkonfirmasikan apakah yakin mau hapus atau tidak-->
}
</script>
<?php
include("koneksi.php"); //pemanggilan file "koneksi.php"
if(isset($_GET['delete']) && isset($_GET['id_tiket'])){ // fungsi isset untuk menyatakan variable sudah diset atau tidak
$sqldelete = 'DELETE FROM kereta WHERE id_tiket="'.$_GET['id_tiket'].'"';
mysql_query($sqldelete) or die('Delete kereta failed. ' . mysql_error()); // pemberitahuan bahwa delete gagal
echo "<script>window.location.href='indek.php';</script>";
}
$selectkereta = 'select *from kereta order by id_tiket asc'; // variabel untuk memanggil query select ke database
$resultselectkereta = mysql_query($selectkereta) or die ('error, load data kereta failed.'.mysql_error()); // pemberitahuan error bahwa gagal membuka data
if(mysql_num_rows($resultselectkereta)==0){echo "Data tidak tersedia";} // pengeccekan ketersediaan data
else {
echo "<table width='75%' align = 'center' border = '10'>
<br></br>
<td height = '40' colspan = '10' align = 'center' bgcolor = 'red'><font size = '5'><strong>Daftar Pemesanan Tiket Kereta Api</strong></td>
<tr height = '30' >
<td align = 'center' bgcolor = 'gray'= 'center'>Nomor Tiket</td>
<td align = 'center' bgcolor = 'gray'= 'center'>Nama Pemesan</td>
<td align = 'center' bgcolor = 'gray'= 'center'>Alamat Pemesan</td>
<td align = 'center' bgcolor = 'gray'= 'center'>Tanggal Pesan</td>
<td align = 'center' bgcolor = 'gray'= 'center'>Jenis Tiket</td>
<td align = 'center' bgcolor = 'gray'= 'center'>Kota Tujuan</td>
<td align = 'center' bgcolor = 'gray'= 'center'>Tanggal Berangkat</td>
<td align = 'center' bgcolor = 'gray'= 'center'>Waktu</td>
<td align = 'center' bgcolor = 'gray'= 'center' colspan = '2'>Action</td>
</tr>";
while($row = mysql_fetch_array($resultselectkereta)){ // mysql_fetch_array : fungsi untuk menyimpan data menjadi array
extract($row); // extract() : mengkonversi nama array menjadi variabel
echo
"<tr>
<td align = 'center' bgcolor = 'silver'>".$id_tiket."</td>
<td align = 'center' bgcolor = 'silver'>".$nama_pemesan."</td>
<td align = 'center' bgcolor = 'silver'>".$alamat_pemesan."</td>
<td align = 'center' bgcolor = 'silver'>".$tanggal_pesan."</td>
<td align = 'center' bgcolor = 'silver'>".$jenis_kereta."</td>
<td align = 'center' bgcolor = 'silver'>".$tujuan."</td>
<td align = 'center' bgcolor = 'silver'>".$tanggal_operasi."</td>
<td align = 'center' bgcolor = 'silver'>".$waktu_operasi."</td>
<td align = 'center' bgcolor = 'silver'><a href='edit-tiket.php?id_tiket=$id_tiket'>Update</a></td> <!-- memberikan link untuk mengedit data tiket-->
<td align = 'center' bgcolor = 'silver'><a href=javascript:deleteKereta($id_tiket)>Delete</a></td> <!-- memberikan link untuk menghapus data tiket-->
</tr>";
}
echo "</table>";
}
?>
</body>
</html>
Berikut Source Codenya :
<?php
include("koneksi.php"); //pemanggilan file "koneksi.php"
?>
<!doctype html>
<html>
<head>
<title>Insert Data</title>
</head>
<body>
<form method="post"> <!--fungsi untuk menambah tiket-->
<table width = "30%", align = "center", border = "8", bgcolor = "cyan">
<tr>
<td bgcolor = "red" colspan = "3" align = "center" ><h1>Insert Data<h1></td>
</tr>
<tr>
<td>Nama Pemesan</td>
<td>:</td>
<td><input type="text" name="nama_pemesan" autofocus required placeholder = "Ketikan Nama Pemesan"/></td>
</tr>
<tr>
<td>Alamat Pemesan</td>
<td>:</td>
<td><input type="text" name="alamat_pemesan" autofocus required placeholder = "Ketikan Alamat Pemesan"/></td>
</tr>
<tr>
<td>Tanggal Pesan</td>
<td>:</td>
<td><input type="date" name="tanggal_pesan" required/></td>
</tr>
<tr>
<td>Jenis Tiket</td>
<td>:</td>
<td>
<input type = "radio" name = "jenis_kereta" value="Ekonomi">Ekonomi<br/>
<input type = "radio" name = "jenis_kereta" value="Executive">Executive
</td>
</tr>
<tr>
<td>Kota Tujuan</td>
<td>:</td>
<td><input type="text" name="tujuan" autofocus required placeholder = "Ketikan Kota Tujuan"/></td>
</tr>
<tr>
<td>Tanggal Berangkat</td>
<td>:</td>
<td><input type="date" name="tanggal_operasi" /></td>
</tr>
<tr>
<td>Waktu Berangkat</td>
<td>:</td>
<td><input type="time" name="tanggal_operasi" /></td>
</tr>
<tr>
<td align = "center" colspan = "3" ><input type="submit" name="submit"/></td>
</tr>
</table>
<?php
if (isset($_POST['submit'])){ //isset untuk menyatakan variable sudah diset atau tidak // memberikan action pada button submit
$nama_pemesan = $_POST['nama_pemesan'];
$alamat_pemesan = $_POST['alamat_pemesan'];
$tanggal_pesan = $_POST['tanggal_pesan'];
$jenis_kereta = $_POST['jenis_kereta'];
$tujuan = $_POST['tujuan'];
$tanggal_operasi = $_POST['tanggal_operasi'];
$waktu_operasi = $_POST['waktu_operasi'];
$insertkereta = "INSERT INTO kereta (nama_pemesan, alamat_pemesan, tanggal_pesan, jenis_kereta, tujuan, tanggal_operasi, waktu_operasi)values
('$nama_pemesan','$alamat_pemesan','$tanggal_pesan','$jenis_kereta','$tujuan','$tanggal_operasi','$waktu_operasi')"; // query database untuk insert data ke database
mysql_query($insertkereta) or die ('Error!!'.mysql_error()); // pemberitahuan terjadi error bahwa gagal menambahkan data
echo"<script>window.location.href='indek.php';</script>"; // fungsi untuk mengembalikan secara otomatis ke halaman indek.php
exit; // exit halaman
}
?>
</form>
</body>
</html>
Berikut Source Codenya :
<?php
include ("koneksi.php"); //pemanggilan file "koneksi.php"
$id_tiket = $_GET['id_tiket']; //variabel untuk memanggil id_buku
?>
<!Doctype HTML>
<html>
<head>
<title>Update Data</title>
</head>
<body>
<form method = "post" border = '1'>
<?php
$selectkereta = "SELECT * FROM kereta WHERE id_tiket=$id_tiket"; // variabel untuk memanggil query select dari database
$resultselectkereta = mysql_query($selectkereta) or die ('Error, load data ticket failed.' . mysql_error()); // pemberitahuan terjadi error jika kesalahan membuka data
$rowedit = mysql_fetch_assoc($resultselectkereta);
?>
<table width='30%' border = "8", align = "center", bgcolor = "cyan"> <!--membuat tabel edit data-->
<tr>
<td bgcolor = "red" colspan = "3" align = "center" ><h1>Update Data<h1></td>
</tr>
<tr>
<td>Nama Pemesan</td>
<td> : </td>
<td><input type="text" name = "nama" value ="<?php echo $rowedit['nama_pemesan']; ?>" autofocus required placeholder = "Ketikan Nama Pemesan"/></td>
</tr>
<tr>
<td>Alamat Pemesan</td>
<td>:</td>
<td><input type="text" name = "alamat" value ="<?php echo $rowedit['alamat_pemesan']; ?>" autofocus required placeholder = "Ketikan Alamat Pemesan"/></td>
</tr>
<tr>
<td>Tanggal Pesan</td>
<td>:</td>
<td><input type="date" name = "pesan" value ="<?php echo $rowedit['tanggal_pesan']; ?>" /></td>
</tr>
<tr>
<td>Jenis Tiket</td>
<td>:</td>
<td>
<input type = "radio" name = "jenis" value="Ekonomi">Ekonomi<br/>
<input type = "radio" name = "jenis" value="Executive">Executive
</td>
</tr>
<tr>
<td>Kota Tujuan</td>
<td>:</td>
<td><input type="text" name = "tujuan" value ="<?php echo $rowedit['tujuan']; ?>" autofocus required placeholder = "Ketikan Kota Tujuan"/></td>
</tr>
<tr>
<td>Tanggal Berangkat</td>
<td>:</td>
<td><input type="date" name = "tanggal" value ="<?php echo $rowedit['tanggal_operasi']; ?>" /></td>
</tr>
<tr>
<td>Waktu Berangkat</td>
<td>:</td>
<td><input type="time" name = "waktu" value ="<?php echo $rowedit['waktu_operasi']; ?>" /></td>
</tr>
<tr>
<td colspan = "3" align = "center"><input type = "submit" name ="submit"/></td>
</tr>
</table>
<?php
if(isset($_POST['submit'])){ //isset untuk menyatakan variable sudah diset atau tidak // memberikan action pada button submit
$nama = $_POST['nama'];
$alamat = $_POST['alamat'];
$pesan = $_POST['pesan'];
$jenis = $_POST['jenis'];
$tujuan = $_POST['tujuan'];
$tanggal = $_POST['tanggal'];
$waktu = $_POST['waktu'];
$editkereta = "UPDATE kereta SET nama_pemesan='$nama', alamat_pemesan='$alamat', tanggal_pesan = '$pesan',
jenis_kereta = '$jenis', tujuan = '$tujuan', tanggal_operasi = '$tanggal', waktu_operasi = '$waktu'
WHERE id_tiket='$id_tiket'"; // membuat query edit data ke database
mysql_query($editkereta) or die ('Error!!'.mysql_error()); // pemberitahuan terjadi error jika salah mengedit data
echo "<script>window.location.href='indek.php';</script>"; // fungsi untuk mengembalikan secara otomatis ke halaman indek.php
exit; // keluar halaman
}
?>
</form>
</body>
</html>
Tampilan Halaman Indek Tiket KA
Tampilan Halaman Insert Data
Tampilan Halaman Update Data
Sekian tutorial Membuat Database Pemesanan Tiket KA dengan PHP ke MySQL. Semoga bermanfaat dan mohon maaf jika terdapat kesalahan penulisan ataupun teori saya yang salah.
Lihat tulisan lainnya disini
Author@Abdul Wafi
Assalamualaikum Wr. Wb
Kali ini saya akan beri tutorial tentang membuat kalkulator sederhana menggunakan PHP
Langsung saja berikut source codenya.
Penjumlahan :
<!DOCTYPE html> <!--menunjukkkan HTML versi 5-->
<html> <!--Tag <html> memberitahu browser bahwa ini adalah dokumen HTML
Tag <html> merupakan akar dari sebuah dokumen HTML.
Tag <html> merupakan wadah bagi semua elemen HTML lain (kecuali untuk <! DOCTYPE> tag).-->
<head> <!--Tanda <head> merupakan wadah untuk semua elemen kepala-->
<title> Web Penjumlahan</title> <!--membuat judul halaman web-->
</head>
<body> <!--Tanda <body> mendefinisikan tubuh dokumen-->
<h1 align = "center">PENJUMLAHAN</h1> <!--memberikan tulisan judul Penjumlahan bertype heading 1 dengan rata tengah-->
<form method = "post"> <!--Tanda <form> digunakan untuk membuat bentuk HTML dari input pengguna-->
<!--method = "post" untuk menunjukkkan hasil submit, hanya di tampilkan saja tanpa meneruskan URL-->
<table border="5" align = "center"> <!--membuat tabel dengan frame ukuran 5 dan rata tengah-->
<tr> <!--Tanda <tr> mendefinisikan baris dalam sebuah tabel HTML-->
<td align = "center"> Angka 1 </td> <!--Baris tabel Angka 1 dengan rata tengah-->
<td><input type = "number" name = "angka1" value="<?php echo $_POST['angka1'];?>" required></td> <!--Menginputkan nomer pada textfield dgn nama angka1, Required menunjukkan peringatan bahwa kolom tidak boleh kosong-->
</tr> <!--Tanda <tr> mendefinisikan baris dalam sebuah tabel HTML-->
<tr> <!--Tanda <tr> mendefinisikan baris dalam sebuah tabel HTML-->
<td align = "center"> Angka 2 </td> <!--Kolom tabel Angka 2 dengan rata tengah-->
<td><input type = "number" name = "angka2" value="<?php echo $_POST['angka2'];?>" required></td> <!--Menginputkan nomer pada textfield dgn nama angka2, Required menunjukkan peringatan bahwa kolom tidak boleh kosong-->
<?php //menunjukkan script PHP untuk melakukan perhitungan matematika//
if(isset($_POST["penjumlahan"])) { //isset menunjukkan nilai true, apabila true akan menjalankan perhitungan//
$hasil = $_POST["angka1"]+ $_POST["angka2"]; //rumus hitung penjumlahan//
}
?>
<td align = "center">+</td> <!--Kolom untuk menulis tanda plus dgn rata tengah-->
</tr>
<tr> <!--Tanda <tr> mendefinisikan baris dalam sebuah tabel HTML-->
<td align = "center"> Hasil Penjumlahan</td> <!--Kolom untuk menulis hasil penjumlahan dgn rata tengah-->
<td><input type = "text" name = "hasil" disabled value="<?php echo $hasil;?>"></td> <!--menampilkan hasil perhitungan pada textfield yg tidak bisa di edit, tanda echo untuk mengeksekusi-->
<td><input type= "submit" name = "penjumlahan" value = "Hitung"></td> <!--membuat submit tombol hitung untuk melakukan penjumlahan-->
</tr>
</table>
</form>
<body>
</html>
Dan tampilannya :
Pengurangan :
<!DOCTYPE html>
<html>
<head>
<title> Web Penguragan</title>
</head>
<body>
<h1 align = "center">PENGURANGAN</h1> <!--memberikan tulisan judul Pengurangan bertype heading 1 dengan rata tengah-->
<form method = "post">
<table border="5" align = "center">
<tr>
<td align = "center"> Angka 1 </td>
<td><input type = "number" name = "angka1" value="<?php echo $_POST['angka1'];?>" required></td>
</tr>
<tr>
<td align = "center"> Angka 2 </td>
<td><input type = "number" name = "angka2" value="<?php echo $_POST['angka2'];?>" required></td>
<?php
if(isset($_POST["pengurangan"])) {
$hasil = $_POST["angka1"]- $_POST["angka2"]; //rumus hitung pengurangan//
}
?>
<td align = "center">-</td>
</tr>
<tr>
<td align = "center"> Hasil Pengurangan</td>
<td><input type = "text" name = "hasil" disabled value="<?php echo $hasil;?>"></td>
<td><input type= "submit" name = "pengurangan" value = "Hitung"></td> <!--membuat submit tombol hitung untuk melakukan pengurangan-->
</tr>
</table>
</form>
<body>
</html>
[/soucecode]
Dan tampilannya :
<a href="https://abdulwafi6661.files.wordpress.com/2014/03/kurang.jpg"><img class="alignnone size-full wp-image-123" src="https://abdulwafi6661.files.wordpress.com/2014/03/kurang.jpg" alt="kurang" width="507" height="227" /></a>
<strong>Perkalian : </strong>
<!DOCTYPE html>
<html>
<head>
<title> Web Perkalian</title>
</head>
<body>
<h1 align = "center">PERKALIAN</h1> <!--memberikan tulisan judul Perkalian bertype heading 1 dengan rata tengah-->
<form method = "post">
<table border="5" align = "center">
<tr>
<td align = "center"> Angka 1 </td>
<td><input type = "number" name = "angka1" value="<?php echo $_POST['angka1'];?>" required></td>
</tr>
<tr>
<td align = "center"> Angka 2 </td>
<td><input type = "number" name = "angka2" value="<?php echo $_POST['angka2'];?>" required></td>
<?php
if(isset($_POST["perkalian"])) {
$hasil = $_POST["angka1"]* $_POST["angka2"]; //rumus hitung perkalian//
}
?>
<td align = "center">x</td> <!--Kolom untuk menulis tanda kali dgn rata tengah-->
</tr>
<tr>
<td align = "center"> Hasil Perkalian</td> <!--Kolom untuk menulis hasil perkalian dgn rata tengah-->
<td><input type = "text" name = "hasil" disabled value="<?php echo $hasil;?>"></td>
<td><input type= "submit" name = "perkalian" value = "Hitung"></td> <!--membuat submit tombol hitung untuk melakukan perkalian-->
</tr>
</table>
</form>
<body>
</html>
Dan tampilannya :
Pembagian :
<!DOCTYPE html>
<html>
<head>
<title> Web Pembagian</title>
</head>
<body>
<h1 align = "center">PEMBAGIAN</h1> <!--memberikan tulisan judul Pembagian bertype heading 1 dengan rata tengah-->
<form method = "post">
<table border="5" align = "center">
<tr>
<td align = "center"> Angka 1 </td>
<td><input type = "number" name = "angka1" value="<?php echo $_POST['angka1'];?>" required></td>
</tr>
<tr>
<td align = "center"> Angka 2 </td>
<td><input type = "number" name = "angka2" value="<?php echo $_POST['angka2'];?>" required></td>
<?php
if(isset($_POST["pembagian"])) {
$hasil = $_POST["angka1"]/ $_POST["angka2"]; //rumus hitung pembagian//
}
?>
<td align = "center">:</td>
</tr>
<tr>
<td align = "center"> Hasil Pembagian</td>
<td><input type = "text" name = "hasil" disabled value="<?php echo $hasil;?>"></td>
<td><input type= "submit" name = "pembagian" value = "Hitung"></td> <!--membuat submit tombol hitung untuk melakukan pembagian-->
</tr>
</table>
</form>
<body>
</html>
Berikut tampilannya
Sekian terimakasih, semoga bermanfaat..!!
…………………..
Salam Sejahtera untuk semua….
Kalin ini saya akan berikan contoh untuk membuat tampilan form registrasi dengan menggunakan bahasa HTML5.
Tidak panjang2 lagi, langsung saja berikut tampilan dan source code nya.
Tampilan Form Pendaftaran
<!DOCTYPE html> <!--menunjukkkan HTML versi 5--> <html> <!--Tag <html> memberitahu browser bahwa ini adalah dokumen HTML. Tag <html> merupakan akar dari sebuah dokumen HTML. Tag <html> merupakan wadah bagi semua elemen HTML lain (kecuali untuk <! DOCTYPE> tag).--> <head> <!--Tanda <head> merupakan wadah untuk semua elemen kepala--> <title>Form Registrasi Pembuatan SIM</title> <!--membuat judul halaman web--> </head> <body background = "2.jpg"> <!-- memberikan background halaman dgn nama 1.png --> <!--Tanda <body> mendefinisikan tubuh dokumen--> <p> <!--Tanda <p> menunjukkkan baris untuk membuat paragraf--> <img align = "left" src="E.gif" alt="E.gif" width="120" height="150"></p> <!--memberikan gambar animasi bergerak dgn lebar 120 & tinggi 150--> <p> <img align = "right" src="Yes.gif" alt="Yes.gif" width="120" height="120"></p> <!--memberikan gambar animasi bergerak dgn lebar 120 & tinggi 120--> <h1 align = "center"> <font color = "red">Pendaftaran Pembuatan SIM</h1> <!--memberikan tulisan bertype heading 1 dgn warna merah dan rata tengah--> <form method = ""get> <!--Tanda <form> digunakan untuk membuat bentuk HTML dari input pengguna--> <table bgcolor = "white" border="1" align = "center"> <!--membuat tabel dgn warna putih dan rata tengah--> <tr> <!--Tanda <tr> mendefinisikan baris dalam sebuah tabel HTML--> <td>Nama</td> <!--Baris tabel Nama--> <td>:</td> <!--Tag <td> mendefinisikan sel standar dalam tabel HTML.--> <td><input type = "text" name = "name" size="50" autofocus required placeholder = "Ketikan Nama Anda"></td> <!--membuat Textfield nama bertype teks dgn ukuran 50 dan diberikan keterangan yg samar--> </tr> <tr> <!--Tanda <tr> mendefinisikan baris dalam sebuah tabel HTML--> <td>Alamat</td> <!--Baris tabel alamat--> <td>:</td> <td><input type = "text" name = "Alamat" size="50" autofocus required placeholder = "Ketikan Alamat Anda"></td> <!--membuat Textfield alamat bertype teks dgn ukuran 50 dan diberikan keterangan yg samar--> </tr> <tr> <td>Jenis Kelamin</td> <!--Baris tabel Jenis Kelamin--> <td>:</td> <!--Tag <td> mendefinisikan sel standar dalam tabel HTML.--> <td> <input type = "radio" name = "gender" value="Cowok">Laki-Laki<br/> <!--Tanda <br> menyisipkan baris berhenti tunggal--> <input type = "radio" name = "gender" value="Cewek">Perempuan <!--menginputkan pilihan jenis kelamin bertype radio button--> </td> </tr> <tr> <td>Tanggal Lahir</td> <!--Baris tabel Tanggal Lahir--> <td>:</td> <td><input type = "date" name = "date" ></td> <!--membuat Texfield untuk inputkan Tanggal Lahir bertype date--> </tr> <tr> <td>Nomor Handphone</td> <!--Baris tabel nomor Handphone--> <td>:</td> <td><input type = "number" name = "number" size="50" autofocus required placeholder = "08xxxxxxxxx"></td> <!--membuat Texfield untuk inputkan nomer HP dan diberikan keterangan samar2--> </tr> <tr> <td>Alamat Web</td> <!--Baris tabel alamat web--> <td>:</td> <td><input type = "URL" name = "URL" size="50" autofocus required placeholder = "http://www.contoh.com"></td> <!--membuat Texfield untuk inputkan alamat web bertype URL dan diberikan keterangan samar2--> </tr> <tr> <td>Email</td> <!--Baris tabel Email--> <td>:</td> <td><input type = "email" name = "email" size="50" autofocus required placeholder = "sdj@contoh.com"></td> <!--membuat Texfield untuk inputkan alamat email bertype email dan diberikan keterangan samar2--> </tr> <tr> <td>Kecamatan</td> <!--Tanda <td> mendefinisikan sel standar dalam tabel HTML.--> <!--Baris tabel Kecamatan--> <td>:</td> <td> <select name = "Kecamatan"> <!-- membuat daftar kecamatan dengan banyak pilihan--> <option value="null">--- Pilih Kecamatan ---</option> <!--nilai dari pilihan--> <option value="Jenggawah">Jenggawah</option> <!--nilai dari pilihan--> <option value="Sumber Sari">Sumber Sari</option> <!--nilai dari pilihan--> <option value="Balung">Balung</option> <option value="Mangli">Mangli</option> <option value="Bondowoso">Bondowoso</option> <option value="Maesan">Maesan</option> <option value="Arjasa">Arjasa</option> <option value="Wringin">Wringin</option> <option value="Jatiroto">Jatiroto</option> </select> </td> <!--Tanda <td> mendefinisikan sel standar dalam tabel HTML.--> </tr> <tr> <td colspan = "3" align = "center"> <input type = "Submit" value = "Submit"> </td> <!--memberikan tombol submit untuk menyimpan data dalam tabel--> <!--colspan artinya mengelompokkan kolom--> </tr> </table> </form> <!--Tag <form> digunakan untuk membuat bentuk HTML dari input pengguna--> <audio controls> <!--memberikan tempat untuk memainkan audio/lagu--> <source src="Broken Hands.mp3" type="audio/mpeg"> Browser anda tidak mendukung elemen suara <!--Pemberitahuan kesalahan--> </audio> <audio controls> <!--memberikan tempat untuk memainkan audio/lagu--> <source src="Lamb of God.mp3" type="audio/mpeg"> Browser anda tidak mendukung elemen suara <!--Pemberitahuan kesalahan--> </audio> <audio controls> <!--memberikan tempat untuk memainkan audio/lagu--> <source src="Hourglass.mp3" type="audio/mpeg"> Browser anda tidak mendukung elemen suara <!--Pemberitahuan kesalahan--> </audio> <audio controls> <!--memberikan tempat untuk memainkan audio/lagu--> <source src="Black Label.mp3" type="audio/mpeg"> Browser anda tidak mendukung elemen suara <!--Pemberitahuan kesalahan--> </audio> <video width="420" height="360" controls> <!--memberikan tempat untuk memainkan video dengan resolusi 640x420--> <source src="Walk With Me In Hell.mp4" type="video/mp4"> Browser anda tidak mendukung elemen video <!--Pemberitahuan kesalahan--> </video> </body> <footer align = "center"> <font color = "white">Terimakasih Sudah Mampir ke Halaman Ini </footer> <!--Meberikan footer atau halaman bawah dgn warna putih rata tengah--> </html>
.........................
Demikian tutorial membuat form registrasi dengan menggunakan bahasa HTML5.
Semoga bermanfaat. Terimakasih.
A. Program Array 1 Dimensi menerapkan Overloading Konstruktor
B. Program Array 2 Dimensi menerapkan Overloading Method
Langkah Pembuatan Projek :
1. Buka aplikasi netbeans anda, dan buatlah project baru
2. Membuat class baru untuk mengaplikasikan array 2 dimensi
3. Menentukan nama atribut/variable array dengan tipe datanya dan menambahkan 2 simbol kurung siku [][]
4. Membuat method untuk menampilkan/mencetak seluruh variabel array 2 dimensi menggunakan perulangan FOR di dalam FOR
5. Buatlah 2 method atau lebih yang sama, tetapi dengan parameter yang berbeda, sehingga dikatakan Overloading Method (Kelebihan Method)
6. Membuat class main method untuk mengimplementasikan class sebelumnya
7. Memberikan nilai variabel pada array 2 dimensi (dalam 2 tanda kurung kurawal)
8. Membuat objek dan konstruktor untuk mendeklarasikan array 2 dimensi
9. Memanggil method untuk menampilkan elemen array 2 dimensi
10. Run atau jalankan program tersebut
Berikut contoh Source Code array 2 dimensi menerapkan overloading konstruktor :
Pengenalan OOP
• Class:
– konsep dan deskripsi dari sesuatu
– blueprint/cetakan
• Object:
– instance dari class, bentuk (contoh) nyata dari class
– hasil cetakan dari class
Class Member – Atribut
• Atribut / Variable / State
– Variable yang mengitari class, dengan nilai datanya bisa ditentukan di object
– Variable digunakan untuk menyimpan nilai yang nantinya akan digunakan pada program
– Sesuatu yang pasti dimiliki oleh class
Class Member – Method
4. Jenis Method:
NB : return value adalah nilai yang dihasilkan ketika menjalankan / mengakses method
Konstruktor – Method
• Method yang identifier/namanya sama dengan nama Class
• Method yang pertama kali di panggil pada proses instansiasi/pembuatan object
Karakteristik Pemrograman Berorientasi Objek:
1. Encapsulation
• Mekanisme menyembunyikan suatu proses dan data dalam sistem untuk menghindari interferensi, dan menyederhanakan penggunaan proses itu sendiri
• Pembungkusan attribut untuk menghindari akses illegal
2. Inheritance
· Suatu class dapat mewariskan atribut dan method kepada class lain (subclass), serta membentuk class hierarchy
· Tujuan : Reusability, Perluasan Attitude
· Java Keyword: extends
3. Polymorphisme
· Kemampuan untuk memperlakukan object yang memiliki perilaku (bentuk) yang berbeda
· Implementasi konsep polymorphism:
Overloading: Kemampuan untuk menggunakan nama yang sama untuk beberapa method yang berbeda parameter (tipe dan atau jumlah)
Overriding: Kemampuan subclass untuk menimpa method dari superclass, yaitu dengan cara menggunakan nama dan parameter yang sama pada method
ARRRAY
1.Pengenalan Array
Kita memiliki tiga variabel dengan tipe data int yang memiliki identifier yang berbeda untuk tiap variabel.
intnumber1;
intnumber2;
intnumber3;
number1=1;
number2=2;
number3 = 3;
Code di atas bukanlah contoh yang baik untuk memperlihatkan proses penginisialisasian dan penggunaan variabel, terutama jika variabel tersebut digunakan untuk tujuan yang sama.
Baik Java maupun bahasa pemrograman lain, memiliki kemampuan untuk menggunakan satu variabel yang dapat menyimpan sebuah data list, kemudian memanipulasinya dengan lebih efektif.
Tipe variabel inilah yang disebut sebagai array.
Sebuah array akan menyimpan beberapa item data dengan tipe data yang sama di dalam sebuah blok memori yang berdekatan yang kemudian dibagai menjadi beberapa slot.
2.Deklarasi Array
Untuk mendeklarasikan array :
tulis tipe datanya,
diikuti dengan tanda kurung [],
serta diikuti oleh nama identifier.
Contoh:
int []ages;
atau
int ages[];
3.Array instantiation
Untuk meng-instantiate (atau membuat) sebuah array,
– Tulislah new keyword,
– Diikuti oleh tanda kurung [] yang berisi angka dari elemen yang Anda inginkan pada array tersebut.
– Contoh,
//deklarasi
intages[];
//instantiateobject
ages=newint[100];
atau, juga dapat ditulis,
//declareandinstantiateobject
int ages[] = new int[100];
4.Pengaksesan elemen array
Untuk mengakses sebuah elemen dalam array , atau mengakses sebagian elemen dari array , Anda menggunakan penomoran yang disebut sebagai index atau subscript.
Index atau Subscript
– Diberikan kepada tiap anggota array, agar program dapat mengakses anggota dari array.
– Dimulai dari nol dan kemudian akan terus bertambah sampai list value dari array tersebut berakhir.
– CATATAN: elemen di dalam array anda dimulai dari 0 sampai (sizeOfArray-1)
– Contoh, pada array yang telah kita deklarasikan tadi, kita mempunyai
–
//memberikan nilai 10 kepada elemen pertama array
– ages[0]=10;
//mencetak elemen array yang terakhir
–
– System.out.print(ages[99]);
CATATAN:
– Jika array telah dideklarasikan dan dikonstruksi , nilai yang disimpan dalam setiap anggota array akan diinisialisasi sebagai nol.
Untuk tipe data reference seperti String , nilai dari String tidak akan diinisialisasi ke string kosong “”, sehingga Anda tetap harus membuat array String secara eksplisit.
5. Panjang Array
Untuk mengetahui jumlah elemen di dalam sebuah array, Anda dapat menggunakan length (panjang) field pada array.
Panjang field dalam array akan me-return value dari array itu sendiri.
Atau dapat ditulis,
arrayName.length
6. Array multidimensi
Array multidimensi diimplementasikan sebagai array di dalam array .
Array multidimensi dideklarasikan dengan menambahkan jumlah tanda kurung setelah nama array.
// Elemen 512 x 128 dari integer array
int[][] twoD = new int[512][128];
// karakter array 8 x 16 x 24
char[][][] threeD = new char[8][16][24];
// String array 4 baris x 2 kolom
String[][] dogs = {{ “terry”, “brown” },
{ “Kristin”, “white” },
{ “toby”, “gray”},
{ “fido”, “black”}};
• Untuk mengakses sebuah elemen didalam array multidimensi, sama saja dengan mengakses array satu dimensi .
• Contoh, untuk mengakses elemen pertama dari baris pertama di dalam array dogs, kita akan menulis,
System.out.print( dogs[0][0] );
Kode diatas akan menampilkan String “terry” pada layar.
Digunakan ketika kita akan mengeksekusi sebuah statement jika kondisinya true, dan statement yang lain jika berkondisi false.
Form statement if-else:
if( boolean_ekspresi ){
statement1;
statement2;
. . .
}
else{
statement3;
statement4;
. . .
}
statement pada klausa else dari sebuah blok if-else dapat menjadi struktur if-else yang lain.
Struktur ini memperbolehkan kita untuk membuat pilihan yang lebih kompleks.
Form statement if-else-else if:
if( boolean_ekspresi1 )
statement1;
else if( boolean_ekspresi2 )
statement2;
else
statement3;
Switch Memperbolehkan percabangan pada multiple outcomes.
Form statement-switch:
switch( switch_ekspresi ){
case case_pilihan1:
statement1;//
statement2;//blok 1
break;
case case_pilihan2:
statement1;//
statement2;//blok 2
break;
:
default:
statement1;//
statement2;//blok n
}
2. Perulangan
Digunakan untuk mengeksekusi code yang bernilai sama, berulang-ulang.
Form pengulangan-for:
for(InisialisasiEkspresi;KondisiPengulangan;StepEkspresi)
{
statement1;
statement2;
. . .
}
1. InisialisasiEkspresi : meninisialisasi variabel pengulangan.
2. KondisiPengulangan : membandingkan variabel pengulangan dengan nilai limit.
3. StepEkspresi : memperbarui variabel pengulangan.
Pengulangan while
Merupakan statement atau blok dari statement yang diulang selama kondisinya sesuai.
Form pengulangan while:
while( boolean_ekspresi ){
statement1;
statement2;
. . .
}
statement didalam pengulangan while akan dieksekusi selama boolean_ekspresi bernilai true.
Form pengulangan-do-while:
do{
statement1;
statement2;
. . .
}while( boolean_ekspresi );
MENDAPAT INPUTAN DARI KEYBOARD
1.Menggunakan class BufferedReader melalui console
Caranya :
• Menambahkan baris code ini pd awal source code :
Import java.io.*;
• Menambahkan statement ini :
BufferedReader dataIn = new
BufferedReader ( new InputStreamReader System.in ) ):
• Deklarasikan variable sementara String untuk mendapatkan input,
Dan menjalankan perintah readLine() untuk mendapatkan input dari keyboard.
Dengan menuliskan try-catch dalam blok :
try {
String temp = dataIn.readLine() ;
}
Catch ( IOException e ) {
System.out.println (“Error in getting input”);
}
2.Menggunakan class JOptionPane melalui GUI (Graphical User Interface)
• Menambahkan baris code ini pd awal source code :
Import javax.swing.*;
• Menambahkan statement ini :
String name;
name = JOption.showInputDialog (“Please enter your name”) ;
OPERATOR JAVA
1. Operator Aritmatika
(+) -> Op1+Op2 = Menjumlahkan op1 dan op2
(*) -> Op1*Op2 = Mengalikan op1 dengan op2
(/) -> Op1/Op2 = Membagi op1 dengan op2
(%) -> Op1%Op2 = Menghitung sisa pembagian op1 dengan op2
(-) -> Op1-Op2 = Mengurangi op2 dari op1
2. Operator Increment dan Decrement
(++) > op++ = Menaikkan op dgn 1, evaluasi sebelum increment
(++) > ++op = Menaikkan op dgn 1, evaluasi sesudah increment
(–) > op– = Menurunkan op dgn 1, evaluasi sebelum decrement
(–) > –op = Menurunkan op dgn 1, evaluasi sesudah decrement
3. Operator Relasi
“Operator relasi digunakan untuk membandingkan beberapa nilai dan menentukan hubungan antara nilai-nilai”
• Op1 > op2 : op1 lebih besar dari pada op2
• Op1 >= op2 : op1 lebih besar atau sama dengan dari pada op2
• Op1 < op2 : op1 lebih kecil dari pada op2
• Op1 <= op2 : op1 lebih kecil atau sama dengan dari pada op2
• Op1 == op2 : op1 sama dengan op2
• Op1 != op2 : op1 tidak sama dengan op2
4. Operator Logika
• &&(logical) dan &(boolean logical) AND
“Jika salah satu input False maka output False”
• || (logical) dan | (boolean logical) inclusive OR
“Jika salah satu input True maka output False”
• ^ (boolean logical exclusive OR)
“Jika input bernilai sama maka output False, dan jika salah satu input True maka
output True”
• ! ( logical NOT)
“Jika input True maka output False, dan jika input False maka output True”
5. Operator Kondisi (?:)
Exp1?Exp2:Exp3
Exp1 = Kondisi
Exp2 = Statement yang berlaku jika kondisi bernilai benar
Exp3 = Statement yang berlaku jika kondisi bernilai salah
Abdul Wafi 