Muhammad Anwari

Rabu, 21 November 2012

Muhammad Anwari

PHP : Membuat Buku Tamu

Nah untuk kali ini saya akan memberi kan ilmu tentang cara membuat buku tamu dengan PHP, ok langsung saja di praktekin!

1. Buat table buku_tamu pada database buku_tamu seperti dibawah ini dan yang menjadi primary key adalah email

2. Buat form untuk buku tamu, simpan dengan nama buku_tamu.php

<html>

</head>

<body>

<tr>

</tr>

<tr>

</tr>

<tr>

<td>Jenis Kelamin</td>

<option value="Wanita">Wanita</option>

</select>

</td>

</tr>

<tr>

<td>Status</td>

<option value="Pelajar">Pelajar</option>

<option value="Mahasiswa">Mahasiswa</option>

<option value="Pegawai">Pegawai</option>

<option value="Preman">Preman</option>

<option value="Pengangguran">Pengangguran</option>

</select>

</td>

</tr>

<tr>

</td>

</tr>

<tr>

<td>Komentar</td>

</tr>

<tr>

</td>

</tr>

</table>

</form>

</body>

</html>

Hingga tampil form seperti gambar dibawah

3. Buat file untuk proses.php untuk memproses penyimpanan data dari buku_tamu.php

<html>

<title>Proses</title>

<body>

<?php

$nama = $_POST['nama'];

$jenis_kelamin = $_POST['jenis_kelamin'];

$status = $_POST['status'];

$email = $_POST['email'];

$komentar = $_POST['komentar'];

$conn=mysql_connect("localhost","root","")or die("Server Gagal");

mysql_select_db("anwari",$conn);

echo "<pre>Nama : <font color=red>$nama </font><br>";

echo "Jenis Kelamin : <font color=blue>$jenis_kelamin</font> <br>";

echo "Status : <font color=blue>$status</font> <br>";

echo "E - Mail : <font color=blue>$email</font> <br>";

echo "Komentar : <font color=blue>$komentar</font></pre>";

$query="insert into buku_tamu values('$nama','$jenis_kelamin','$status','$email','$komentar')";

$hasil=mysql_query($query,$conn)or die("Server Error");

if ($hasil) {

echo "<blink><font color=red>Data Tersimpan</font></blink><br><br>";

}

</body>

</html>

Hasil Simpan

Catatan : jika anda belum mengetahui cara menyimpan dan menjalankan file PHP, pelajari materi ini disini, nah sekian dulu ilmu dari saya, jika anda merasa kurang puas dengan materi ini, silahkan tinggalkan komentar atau cari materi dari sumber lainnya, wassalam.

Jumat, 21 September 2012

Muhammad Anwari

0 comment

Belajar Dasar PHP

INTERNET PROGRAMING : PHP

1. Pengenalan PHP

PHP “Hypertext Presprocessor” merupakan bahasa sript yang biasa digunakan untuk web development yang dapat diselipkan dalam HTML.

2. Tag Dalam PHP

> Cara 1 : <?php (menandai awal tag)

…………

?> (menandai akhir tag)

> Cara 2 : <? (menandai awal tag)

…………

?> (menandai akhir tag)

> Cara 3 : <script language=”php”> (menandai awal script)

…………

</script> (menandai akhir tag)

3. Variable dan Tipe Data

a.Variable

Variable dalam PHP diawali dengan karakter “$”, kemudian diikuti dengan huruf sebagai karakter pertama, setelah itu lanjutkan dengan kombinasi huruf dan angka. Variable tidak boleh mengandung spasi, kecuali underscore “_”. Variable PHP bersifat sensitive.

- Contoh penamaan variable : $nama_anda

b.Tipe data

Tipe data yang dapat diolah menggunakan PHP, yaitu :

- Boolean : nilai yang menyatakan kebenaran.

- Integer, contoh : 5; -9 ; 1500; 0123/octal; 0AB/hexadecimal

- Floating Point, contoh : 0.8998; 23e2

- String

- Array

Contoh pemakaian Variable

<HTML>

<HEAD>

<TITLE>Contoh Variable PHP</TITLE>

</HEAD>

<BODY>

<?php

$nama = “Muhammad Anwari”;

Echo “$nama mengatakan \”AKU MENYUKAIMU..!!!!”\””;

</BODY>

</HTML>

Ket : $nama : variable diikuti huruf

Echo : perintah menampilkan data

4. Array

Array merupakan variable yang berisi lebih dari 1 variabel, atau dapat dikatakan sebagai variable jamak.

Ada beberapa cara untuk member nilai pada suatu variable array, antara lain :

Contoh 1 :

$buah[0] = “anggur”

$buah[1] = “durian”

$buah[2] = “pear”

Pada contoh diatas, PHP secara otomatis akan member indeks sesuai nilai indeks terakhir dari array, maka pada variable $buah indeks [0] berisi “anggur”, indeks [1] berisi “durian”, indeks [2] berisi “pear”.

Contoh 2 : $buah = array(“anggur”, “durian”, “pear”);

Pada contoh ini,suatu array dideklarasikan dengan member nilai secara langsung. Hasilnya akan sama dengan contoh 1 diatas.

Array Asosiatif : array yang tidak menggunakan integer sebagai indeks, namun menggunakan string sebagai indeks.

Contoh 1 :

$status [“Udin”] = “mahasiswa”;

$status [“Setyo”] = “Preman”;

Contoh pemakaian Array

<HTML>

<HEAD>

<TITLE>Contoh PHP Array</TITLE>

</HEAD>

<BODY>

<?php

$pendekar [0] = ” Wiro Sableng”;

$pendekar [1] = “Sinto Gendeng”;

echo “$pendekar[0] melawan $pendekar[1]”;

echo “<br>”;

echo “$pendekar[1] menang melawan pendekar[0]”;

echo “<br>”;

</BODY>

</HTML>

5. Fungsi

Fungsi terbagi menjadi 3 : Built-in, User Defined Function(UDF), External

1. Fungsi Built-in

Fungsi yang sudah disediakan oleh PHP dan pemrogram dapat langsung memakainya.

Contoh : fungsi matematika, fungsi tanggal, fungsi string

Contoh pemakaian Built-in : Matematika

<HTML>

<HEAD>

<TITLE>Contoh PHP Built-in : Matematika</TITLE>

</HEAD>

<BODY>

<?php

$a = pow (3,7); //fungsi perpangkatan

$b = sqrt (49); //fungsi akar

$c = ceil (5.37); //pembulatan keatas

$d = floor (5.55); //pembulatan kebawah

echo “3 pangkat 7 = $a <br>”;

echo “akar 49 = $b <br>”;

echo “ceil (5.37) = $c <br>”;

echo “floor (5.55) = $d <br>”;

</BODY>

</HTML>

Contoh pemakaian Built-in : String

<HTML>

<HEAD>

<TITLE>Contoh PHP Built-in : String</TITLE>

</HEAD>

<BODY>

<?php

$str = “Belajar PHP itu gampang, coba saja”;

echo strtolower($str); //Mengubah ke huruf kecil

echo “<br>”;

echo strtoupper($str); //Mengubah ke huruf besar

echo”<br>”;

echo str_replace(“gampang,coba saja”,”mudah sekali”,$str); //mengganti string

</BODY>

</HTML>

6. Konektivitas PHP dengan MySQL

a) mysql_connect()

digunakan untuk melakukan uji dan koneksi kepada server database MySQL

syntax : $conn = mysql_connect(“host”,”username”,”password”);

b) mysql_select_db()

digunakan untuk melakukan koneksi pada database di server yang berhasil dikoneksikan dengan perintah mysql_connect()

syntax : mysql_select_db()

contoh:

<?php

$conn=mysql_connect("localhost","root","")or die("Server Die");

mysql_select_db("anwari",$conn);

Senin, 04 Juni 2012

Muhammad Anwari

0 comment

JAVA SCRIPT : Membuat Kalkulator 2

JAVA SCRIPT : Kalkulator 2

<html>

<head>

<title>anwari-kyu1</title>

<!--

var flag = false;

function isi(num) {

if (flag) calc.b.value += num;

else calc.a.value += num;

}

function tambah()

{

calc.opr.value = ' + '

flag = true;

calc.b.focus()

}

function kurang()

{

calc.opr.value = ' - '

flag = true;

calc.b.focus()

}

function kosong()

{

calc.a.focus()

calc.a.value=""

calc.opr.value=""

calc.b.value=""

calc.c.value=""

flag = false;

}

//-->

</script>

p {

line-height:1.3em;

color:#00CC00

}

</style>

</head>

<p style="padding:20px 0px 30px 0px"><font size="6">JavaScript Calculator</font></p>

<tr>

<td>

<input type="text" name="b" size="2" /> =

<br/>

</td>

</tr>

<tr>

<td>

<br/>

<br/>

<br/>

<br/>

</td>

</tr>

</table>

</form>

<p>Created by : <br/>Muhammad Anwari<br>STM Muhammadiyah Tasikmalaya</p><hr/></font>

<p>Kampung Situbeet Mangkubumi</p></font>

</center>

</body>

</html>

Save dengan nama kalkulator.html

Maka akan tampil gambar dibawah ini

Muhammad Anwari

1 comment

JAVA SCRIPT : Membuat Kalkulator 1

JAVA SCRIPT : Membuat Kalkulator

<html>

<head>

alert ("SELAMAT DATANG DI KALKULATOR SEDERHANA ^_^")

</script>

alert ("Anda Ganteng Sekali")

</script>

<title>anwari-kyu1</title>

<b>

<center><font color="aqua"size="7">HASIL PERHITUNGAN DENGAN</font><font color="#0000FF"size="7"> JAVA SCRIPT</font></center><hr align="center"color="#FFFFFF"size="5"width="50%"><br>

<center><font color="white"size="6"face="comic sans ms">Muhammad Anwari</center></font><br>

var n1 = prompt ("Masukan Nilai 1","");

var n2 = prompt ("Masukan Nilai 2","");

alert ('anda telah memasukkan angka dengan benar');

document.write ("Nilai Pertama  :  "+n1+" "+"<br>");

document.write ("Nilai Kedua     :  "+n2+" "+"<br><br><br>");

c = eval(n1)+eval(n2)

document.write ("Penjumlahan    = "+c+"<br>");

c = eval(n1)-eval(n2)

document.write ("Pengurangan   = "+c+"<br>");

c = eval(n1)/eval(n2)

document.write ("Pembagian      = "+c+"<br>");

c = eval(n1)*eval(n2)

document.write ("Perkalian         = "+c+"<br>");

</script>

</head>

</body>

</html>

Simpan dengan nama kalkulator+prompt.html

Muhammad Anwari

0 comment

CSS : Create Layout

CSS : Membuat Layout

Nah pada materi CSS ini saya akan memberikan ilmu kepada anda tentang cara membuat Layout/tampilan agar tampilan WEB anda menjadi lebih keren, enak dipandang,ok daripada banyak basa basi langsung aja yuk praktek..!

1. Pertama buat file CSS nya terlebih dahulu, copas atau ketik ulang syntax css dibawah ini!

body {

margin:0;

padding:0;

background-color : #000000;

color : #FFFBF0;

text-align:center;

font-family:Arial, Helvetica, sans-serif;

font-size:1em;

}

a{text-decoration:none; color : #3A3A3A;}

a : hover {color : #FF0000;text-decoration:none;}

#centerColumn {

margin-top:2em;

margin-left: 6em;

margin-right:6em;

voice-family: "\"}\"";

voice-family: inherit;

margin-left:6em;

margin-right:6em;

padding:1em .5em 2em .5em;

background-color : #000000;

text-align:left;

border:2px solid #00FF00;

}

html>body #centerColumn {

margin-left:6em;

margin-right:6em;

}

#centerColumn h2 {

margin:0 0 -.5em 0;

padding:.75em 0 0 0;

font-size:1em;

letter-spacing:.1em;

}

#header {

margin:-1em -.5em 0 -.5em !important;

margin:-2em -1em 0 -1em;

padding:0 0 0 0;

height:5em;

background-color : #000000;

}

#header h1 {

margin:0 0 -.6em 0;

padding:.5em 0 0 1em;

font-size:1.5em;

letter-spacing:.1em;

}

#header h2 {

margin:0 0 0 0;

padding:1em 0 0 1.75em;

font-size:.9em;

font-weight:300;

letter-spacing:.1em;

}

#nav {

margin:0 0 1em 0;

padding:.4em 0 0 0;

background-color : #00FF00;

}

#nav ul {

margin:0;

padding:0;

list-style:none;

}

#nav li {

margin:0;

padding:.25em;

display:inline;

}

#footer {

position:relative;

bottom:0;

margin:5em 0 0 0;

padding:0;

height:4em;

line-height:4em;

text-align:center;

font-size:.7em;

background : #00FF00;

border-top:2px solid #FFFF00;

}

Setelah diketik atau di copas syntax css diatas, simpan dengan nama style.css

2. setelah membuat file css, kita buat file htmlnya, silahkan anda ketik atau copas syntax dibawah ini

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

<title>anwari</title>

</head>

<body>

<h1>Welcome</h1>

<h2>Anwari</h2>

</div>

<ul>

<li><a href="rumah.html">Rumah</a></li>

<li><a href="profil.html">Profil</a></li>

<li><a href="about.html">About</a></li>

</ul>

</div>

<marquee><font size="6"color="red"face="chiller">Wilujeng Sumping</font></marquee>

Isi text</p>

Formulir

<ul>

<li type="disc">Nama : Anwari</li>

<li type="disc">Kelas : XI RPL 1</li>

<li type="disc">Sekolah : STM Muhammadiyah</li>

</ul>

<div id="footer"> <font size="4"><a target="_blank" href="anwari-kyu1.blogspot.com" title="anwari-kyu1">Muhammad Anwari</a></font></div>

</div>

</body>

</html>

Simpan dengan layout.html

Maka hasil tampilannya seperti dibawah ini

Muhammad Anwari

Rabu, 21 November 2012

PHP : Membuat Buku Tamu

Jumat, 21 September 2012

Belajar Dasar PHP

Senin, 04 Juni 2012

JAVA SCRIPT : Membuat Kalkulator 2

JAVA SCRIPT : Membuat Kalkulator 1

CSS : Create Layout

Muhammad Anwari

Ilmuku

Kategori Ilmu

Arsip Blog

Translate

Blogger