Scribd
Unggah
2K tayangan

Presentasi Dasar-Dasar HTML, PHP Dan MySQL

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

Diunggah oleh

Harindra W Pradhana
Hak Cipta
© Attribution Non-Commercial (BY-NC)
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
2K tayangan

Presentasi Dasar-Dasar HTML, PHP Dan MySQL

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

Diunggah oleh

Harindra W Pradhana
Hak Cipta
© Attribution Non-Commercial (BY-NC)
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 34

Dasar-Dasar Web Desain

dengan
PHP dan MySQL
Harindra Wisnu Pradhana
http://wisnu.simplify-it.info
[email protected], [email protected]
Content Overview

 Web Overview
 HTML
 PHP
 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.
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.
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>
HTML tag

 Font
 Style
 Paragraf
 List
 Tabel
 Hyperlinks
 Gambar
 Form
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>
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...
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>
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. harindra
2. wisnu
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 kamu
kami mereka
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
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”>
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>
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”>
PHP overview

 Stand for Personal Home Page


 Server Side Scripting language
 Dynamic Web Pages
 Open Source
 Tag format :

<?php
any php script ;
?>
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
?>
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
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 ;
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
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' */
PHP-Parsing variabel

Parsing variabel merupakan metode pengiriman


nilai suatu variabel ke script PHP. Metodenya
antara lain :
 URL
 Form
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
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>
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;}
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*/
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” ;
PHP-Function

 Deklarasi beberapa statement dalam satu


paket untuk dipanggil sewaktu-waktu
function nama(input)
{
statement ;
statement ;
return ”return_value” ;
}
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);
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
phpMyAdmin overview

 Aplikasi manajemen MySQL database


 Graphical Interface dengan PHP
 Paket XAMPP
 Open Source
 http://localhost/phpmyadmin/
phpMyAdmin
Tampilan
phpMyAdmin
Isi
Selamat Mencoba...

Sekian
dan
Terimakasih
copyright by wisnu

Anda mungkin juga menyukai