Presentasi Dasar-dasar Html, PHP dan MySQL

34
Dasar-Dasar Web Desain dengan PHP dan MySQL Harindra Wisnu Pradhana http://wisnu.simplify-it.info [email protected], [email protected]

description

Presentasi pendukung makalah pembelajaran mengenai pemrograman berbasis web dinamis dengan PHP dan basis data MySQL

Transcript of Presentasi Dasar-dasar Html, PHP dan MySQL

Page 1: Presentasi Dasar-dasar Html, PHP dan MySQL

Dasar-Dasar Web Desaindengan

PHP dan MySQLHarindra Wisnu Pradhana

http://[email protected], [email protected]

Page 2: Presentasi Dasar-dasar Html, PHP dan MySQL

Content Overview

Web Overview HTML PHP MySQL

Page 3: Presentasi Dasar-dasar Html, PHP dan MySQL

Web Overview

Website merupakan suatu halaman atau situs yang terletak pada jaringan. Jaringan ini dapat

berupa jaringan lokal pada LAN maupun jaringan yang lebih luas seperti internet. Situs yang

dimaksud merupakan halaman-halaman baik statis maupun interaktif yang dapat diakses pengunjung menggunakan suatu browser.

Page 4: Presentasi Dasar-dasar Html, PHP dan MySQL

HTML Overview

HTML (Hypertext Markup Language) merupakan script hypertext dengan standar penulisan tertentu yang digunakan untuk mengatur format penulisan atau penampilan isi dari suatu halaman website.

Page 5: Presentasi Dasar-dasar Html, PHP dan MySQL

HTML Overview

Ciri utama HTML adalah penggunaan tag

format :<name atributes=”value”>content</name>

contoh:

<html><head><title>Situs Wisnu</title></head><body>Selamat datang di situs Wisnu</body></html>

Page 6: Presentasi Dasar-dasar Html, PHP dan MySQL

HTML tag

Font Style Paragraf List Tabel Hyperlinks Gambar Form

Page 7: Presentasi Dasar-dasar Html, PHP dan MySQL

Tag Font

Tag untuk mengatur tampilan huruf, baik tipe huruf, ukuran huruf, dan warna huruf.

Format :<font atribute=”value”>kalimat</font>

contoh:

<font face=”arial, helvetica, sans­serif” size=”10”> ini tulisanku</font>

Page 8: Presentasi Dasar-dasar Html, PHP dan MySQL

Tag Style

Tag untuk mengatur style penulisan huruf, tebal, cetak miring, garis bawah, dan lain-lain.

Format :<b>ini tulisanku</b> : ini tulisanku <i>ini tulisanku</i> : ini tulisanku<u>ini tulisanku</u> : ini tulisanku<s>ini tulisanku</s> : ini tulisanku

<b><i><u>ini tulisan</u></i></b> : ini tulisan

etc...

Page 9: Presentasi Dasar-dasar Html, PHP dan MySQL

Tag Paragraf

Tag untuk membuat paragraf terpisah dari paragraf sebelum dan sesudahnya.

Format :<p atribute=”value”>isi paragraf</p>

contoh<p align=”left”>isi paragraf pertamaku</p>

Page 10: Presentasi Dasar-dasar Html, PHP dan MySQL

Tag List

Tag list digunakan untuk membuat baris runtut beberapa item. Gunakan ul untuk button, dan ol

untuk numbering.Format :

<li>item pertama</li><li>item kedua</li>

contoh: <ol><li>harindra</li><li>wisnu</li></ol>

hasil : 1. harindra2. wisnu

Page 11: Presentasi Dasar-dasar Html, PHP dan MySQL

Tag tabel

Tag tabel digunakan untuk membuat tabel, mengatur kolom dan baris.

Format :<table><tr><td>isi kol 1 baris 1</td></tr></table>

contoh : <table border=”1”><tr><td>saya</td><td>kamu</td></tr><tr><td>kami</td><td>mereka</td></tr></table>

hasil : saya kamukami mereka

Page 12: Presentasi Dasar-dasar Html, PHP dan MySQL

Tag hyperlinks

Tag hyperlinks digunakan untuk membuat link ke halaman web lain.

Format :<a href=”target”>teks</a>

contoh :<a href=”http://wisnu.simplify­it.info”>situsku</a>

hasil :situsku

Page 13: Presentasi Dasar-dasar Html, PHP dan MySQL

Tag gambar

Tag gambar digunakan untuk memasang gambar atau logo pada situs kita.

Format :<img src=”lokasi gambar”>

contoh :<img src=”images/logo.jpg” width=”200” 

height=”100”>

Page 14: Presentasi Dasar-dasar Html, PHP dan MySQL

Tag form

Digunakan untuk membuat input form yang dapat diisi oleh pengunjung.

Format :<form name=”nama” method=”metode” actions=”aksi”>

<input name=”nama” type=”tipe input”></input><input name=”nama” type=”tipe input”></input>

</form>

Page 15: Presentasi Dasar-dasar Html, PHP dan MySQL

Tipe input form

Teks <input type=”text”> Password <input type=”password”> Check box <input type=”checkbox”> Radio button <input type=”radio”> List / Menu

<select><option>...</option></select> File <input type=”file”> Hidden <input type=”hidden” value=”nilai”>

Page 16: Presentasi Dasar-dasar Html, PHP dan MySQL

PHP overview

Stand for Personal Home Page Server Side Scripting language Dynamic Web Pages Open Source Tag format :

<?phpany php script ;?>

Page 17: Presentasi Dasar-dasar Html, PHP dan MySQL

PHP-Statement

Merupakan satu baris kode / script dalam bahasa PHP

Terletak di dalam tag php Diakhiri tanda titik koma Contoh :

<?

echo ”nama saya wisnu” ; //statement 1

echo ”nama kamu siapa ?” ; //statement 2

?>

Page 18: Presentasi Dasar-dasar Html, PHP dan MySQL

PHP-Expression

Merupakan bagian / elemen dari Statemen yang memiliki arti atau nilai tertentu

Misal :echo (”4 + 5 = ”.4+5);

”4 + 5 =” merupakan elemen pertama

4+5 merupakan elemen kedua dengan nilai 9

Page 19: Presentasi Dasar-dasar Html, PHP dan MySQL

PHP-Comment

Merupakan baris-baris di luar statement yang tidak dieksekusi oleh program.

Bisa berupa satu baris comment dengan awalan // atau beberapa baris comment yang diapit diantara /* dan */

Contoh :statement ; // comment disini

/*comment disini juga tidak akan dijalankan oleh aplikasi */

statement ;

Page 20: Presentasi Dasar-dasar Html, PHP dan MySQL

PHP-variabel

Merupakan tempat penyimpanan data sementara. Data akan hilang saat halaman ditutup.

Deklarasi dengan $nama_variabel1 Diawali tanda $ Karakter pertama harus huruf Karakter selanjutnya bisa huruf, angka, atau garis

bawah

Page 21: Presentasi Dasar-dasar Html, PHP dan MySQL

PHP-tipe data

Dapat berupa string (tulisan) integer(angka) boolean(true/false) dan lain-lain.

Fleksibel, dapat berubah tipe dari satu ke yang lain. Misal :

$angka='1' ; // $angka=string 1

$jumlah=$angka+15 ; // $jumlah=bilangan 16

$hasil=”jumlahnya adalah $jumlah” ; /* $hasil = string 'jumlahnya adalah 16' */

Page 22: Presentasi Dasar-dasar Html, PHP dan MySQL

PHP-Parsing variabel

Parsing variabel merupakan metode pengiriman nilai suatu variabel ke script PHP. Metodenya antara lain :

URL Form

Page 23: Presentasi Dasar-dasar Html, PHP dan MySQL

PHP-Parsing via URL

Nama variabel dan nilainya dituliskan pada URL tujuan.

Diawali dengan tanda ? Dan antar variabelnya dipisah dengan tanda &

Contoh :http://localhost/data_web/coba.php?variabel1=coba &variabel2=cobalagi

Page 24: Presentasi Dasar-dasar Html, PHP dan MySQL

PHP-Parsing via Form

Dengan menggunakan form, atribut action pada form akan menjadi nama file PHP yang dijalankan.

Nama input akan menjadi nama variabel, nilai/value input akan menjadi nilai/value variabel pula. Contoh :<form method=”post” action=”coba.php”><input name=”variabel1” type=”text”></form>

Page 25: Presentasi Dasar-dasar Html, PHP dan MySQL

PHP-Percabangan

Pengambilan keputusan berdasarkan kondisi if..else format :

if (kondisi1) statement1;

else if (kondisi2) statement2;

else default_statement;

switch..case format :

switch ($nama_variabel)

{ case 'value1' : statement1 ; break ;

case 'value2' : statement2 ; break;

default : default_statement; break;}

Page 26: Presentasi Dasar-dasar Html, PHP dan MySQL

PHP-Perulangan

Pengulangan statement dengan berbagai kondisi

for($var=0;$var<5;$var++) statement; /* statement akan dieksekusi untuk setiap nilai $var 0 s/d 4 */

while($var<5) do { statement1; $var++;} /*statement akan dieksekusi untuk setiap nilai var naik satu persatu hingga mencapai angka 5*/

Page 27: Presentasi Dasar-dasar Html, PHP dan MySQL

PHP-Array

Menyimpan sederetan nilai dengan satu variabel.

$buah=array(”mangga”,”jambu”,”pisang”) ;

Sama halnya dengan : $buah[0]=”mangga” ; $buah[1]=”jambu” ; $buah[2]=”pisang” ;

Page 28: Presentasi Dasar-dasar Html, PHP dan MySQL

PHP-Function

Deklarasi beberapa statement dalam satu paket untuk dipanggil sewaktu-waktu

function nama(input)

{

statement ;

statement ;

return ”return_value” ;

}

Page 29: Presentasi Dasar-dasar Html, PHP dan MySQL

MySQL Overview

Relational Database Management System Multi user, Multi database, Multi rule privileges,

Multi platform Open Source Koneksi PHP cukup dengan

mysql_connect(host,username,password);

mysql_select_db(database);

Page 30: Presentasi Dasar-dasar Html, PHP dan MySQL

MySQL-Query

Format PHP : mysql_query(Query); Query Tabel : Create create table 'name'(col1 type length,col2 type length)

Drop drop table 'name'

Alter alter table 'name'(alter value)

Insert insert into 'name' value(col1,col2,col3,..)

Select select * from 'name' where condition

Update update 'name' set col=value where condition

Delete delete from 'name' where condition

Page 31: Presentasi Dasar-dasar Html, PHP dan MySQL

phpMyAdmin overview

Aplikasi manajemen MySQL database Graphical Interface dengan PHP Paket XAMPP Open Source http://localhost/phpmyadmin/

Page 32: Presentasi Dasar-dasar Html, PHP dan MySQL

phpMyAdmin

Tampilan

Page 33: Presentasi Dasar-dasar Html, PHP dan MySQL

phpMyAdmin

Isi

Page 34: Presentasi Dasar-dasar Html, PHP dan MySQL

Selamat Mencoba...

Sekiandan

Terimakasih

copyright by wisnu