Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan...

52

Transcript of Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan...

Page 1: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs
Page 2: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs

Permainan Berkedok Web – Episode III

Page 3: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs

ASP (Active Server Page) dan ASP.NET

ColdFusion(http://www.macromedia.com/software/coldfusion)

Java Server Pages (http://java.sun.com/products/jsp/)

Perl (http://www.perl.org)

Phyton (http://www.python.org)

PHP (http://www.php.net)

Page 4: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs
Page 5: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs
Page 6: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs

Instalasi Terpisah (PHP, Apache, MySQL)

Instalasi Gabungan:

XAMPP (http://www.apachefriends.org)

AppServ

WAMP

FoxServ

PHPTriad

Page 7: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs

Mari kita mulai permainannya

Page 8: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs

Harus sudah mengenal komputer.

File? Direktori? Membuat file? Dsb

Harus dapat menggunakan editor (Notepad, Notepad++, Crimson Ed, Dreamweaver)

Menyimpan dalam *.PHP ?

WebServer untuk PHP sudah terinstal dengan baik.

Harus dapat menggunakan browser (IE, Mozilla, dll)

Page 9: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs

Cukup mengerti dasar-dasar HTML (Episode II)

Penglihatan masih normal

Nama = nama = NAMA ?

, = ; = : ?

‘ = “ ?

nama_mhs = namamhs = nama mhs ?

Dapat menggunakan Google dgn baik . =D

Page 10: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs

Merupakan singkatan recursive dari PHP : Hypertext Prepocessor

Pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1994.

Setiap satu statement (perintah) biasanya diakhiri dengan titik-koma (;)

CASE SENSITIVE untuk nama identifier yang dibuat oleh user (variable, konstanta, fungsi dll), namun TIDAK CASE SENSITIVE untuk identifier built-in dari PHP

Page 11: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs

dilahirkan pada tanggal 22 November 1968 diQeqertarsuaq, Greenland) merupakan seorangprogrammer Danish-Greenlandic dan pencipta

bahasa pemrograman PHP. Rasmus menulisdua versi pertama dari PHP. Rasmus juga

berpartisipasi dalam pengembangan versi-versiPHP selanjutnya, dimana PHP dikembangkan

oleh sebuah kelompok pengembang, termasukdi dalamnya Andi Gutmans dan Zeev Suraski

yang selanjutnya mendirikan ZendTechnologies. Pada tahun 1993 Rasmus lulus

dari University of Waterloo dengan gelarBachelor of Applied Science in Systems Design Engineering. Sejak bulan September 2002, dia

bekerja di Yahoo! Inc. sebagai seorangInfrastructure Architecture Engineer.

Page 12: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs

Harus diapit oleh …

<? dan ?> atau

<?php dan ?> atau

<script language=”php”> dan </script> atau

<% dan %>

Page 13: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs

<?php

echo “Hello World”

?>

Page 14: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs

Digunakan untuk menyimpan sebuah value, data atau informasi

Nama variabel diawali dengan tanda $

Panjang tidak terbatas

Setelah tanda $ diawali oleh huruf atau under-scrore (_). Karakter berikutnya bisa terdiri dari huruf, angka, dan karakter tertentu yang diperbolehkan (karakter ASCII dari 127 – 255).

Bersifat case-sensitive.

Tidak perlu dideklarasikan.

Tidak boleh mengandung spasi.

Page 15: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs

TipeSkalar

Boolean

Integer

Float

String

TipeGabungan

Array

Object

TipeKhusus

Resource

NULL

Page 16: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs

Aritmatika

+

-

*

/

%

Penugasan

=

Bitwise

&

|

^

~

<<

>>

Perbandingan

(I)

==

===

!=

<>

!==

Perbandingan

(II)

<

>

<=

>=

Logika

and

&&

or

||

Xor

!

String

.

Page 17: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs

/* … */

//

#

Page 18: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs

Conditional Statement

Page 19: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs

if (kondisi) {

statemen;

}

Page 20: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs

if (kondisi) {

statemen-jika-benar;

} else {

statemen-jika-salah;

}

Page 21: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs

$var = (kondisi)? benar : salah;

Page 22: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs

if (kondisi) :

statemen-jika-benar;

endif;

Page 23: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs

switch ($var) {

case 1 : statement-1; break;

case 2 : statement-2; break;

}

Page 24: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs

Looping Statement

Page 25: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs

for (awal; batas-akhir; increment) {

statemen-yang-diulang;

}

Page 26: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs

inisialisasi-awal;

while (batas-akhir) {

statemen-yang-diulang;

increment;

}

Page 27: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs

inisialisasi-awal;

do {

statemen-yang-diulang;

increment;

} while (kondisi-akhir);

Page 28: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs

foreach (array as $var) {

statemen-yang-diulang;

}

Page 29: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs

Contoh Program

Page 30: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs

The way of input and output

Page 31: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs

Tag <FORM>

Atribut ACTION

Atribut METHOD

SUBMIT BUTTON

Page 32: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs

TEXT

PASSWORD

RADIO button

CHECKBOX

COMBO BOX

TEXTAREA

Page 33: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs

Tag <FORM> mendefinisikan satu kesatuan inputan.

Dalam satu halaman dapat terdiri dari satu atau lebih tag <form>

Dalam satu tag <FORM> dapat terdiri dari beberapa jenisinputan.

Page 34: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs

Atribut ACTION terdapat di dalam tag <FORM>

Atribut ini menentukan di halaman mana form inputan akandiproses.

Dapat berisi nama_halaman.php, atau kosong (“”)

Page 35: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs

Atribut METHOD terdapat di dalam tag <FORM>

Atribut ini menentukan bagaimana form akan diproses.

Method dalam form ada 2, yaitu POST dan GET.

Page 36: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs

SUBMIT BUTTON merupakan trigger yang menandakan suatuform akan diproses.

Pada dasarnya SUBMIT BUTTON dapat berupa tombol ataukomponen HTML yang lain yang difungsikan sebagai tombol.

Page 37: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs

$_POST

Digunakan untuk form dengan method POST

$_GET

Digunakan untuk form dengan method GET atau menangkapvariabel dari URL

$_REQUEST

Digunakan untuk form dengan method POST maupun GET.

Page 38: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs

Larik

Page 39: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs

Array merupakan tipe data terstruktur yang berguna untuk menyimpan sejumlah data yang bertipe berbeda

Bagian yang menyusun array disebut elemen array

Di PHP, index array dapat berupa bilangan integer atau string.

Page 40: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs
Page 41: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs

Array Assosiatif(yaitu array yang index-nya tidak teratur)

Page 42: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs

Array Assosiatif(yaitu array yang index-nya tidak teratur)

Page 43: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs
Page 44: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs
Page 45: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs

Array Assosiatif

Page 46: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs
Page 47: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs
Page 48: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs

Prosedur

Page 49: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs
Page 50: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs
Page 51: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs
Page 52: Permainan Berkedok Web - Subakti€¦ · Cukup mengerti dasar-dasar HTML (Episode II) Penglihatan masih normal Nama = nama = NAMA ?, = ; = : ? ‘= ^? nama_mhs = namamhs = nama mhs

Nantikan Episode SelanjutnyaPHP and his Soulmate …