Pertemuan 7 & 9: INF104: WEB DESIGN. Dasar Pemrograman dengan PHP. Dosen: Wayan Suparta, PhD

Ukuran: px

Mulai penontonan dengan halaman:

Download "Pertemuan 7 & 9: INF104: WEB DESIGN. Dasar Pemrograman dengan PHP. Dosen: Wayan Suparta, PhD"

Harjanti Kusnadi
5 tahun lalu
Tontonan:

1 Pertemuan 7 & 9: INF104: WEB DESIGN Dasar Pemrograman dengan PHP Dosen: Wayan Suparta, PhD

2 PENGANTAR PHP PHP merupakan bahasa pemrograman berbasis web yang memiliki kemampuan untuk memproses dan mengolah data secara dinamis. PHP dapat dikatakan sebagai sebuah server-side embedded script language, artinya semua sintaks dan perintah program yg ditulis akan sepenuhnya dijalankan oleh server, tetapi dapat disertakan pada halaman HTML biasa Pada umumnya semua aplikasi yang dibangun menggunakan PHP akan memberikan hasil pada web browser, tetapi prosesnya secara keseluruhan dijalankan pada server.

3 PENGANTAR PHP (2) Beberapa kelebihan PHP : - Cara koneksi dan query database yg sederhana - Dapat bekerja pada sistem operasi berbasis windows, Linux, Mac OS dan kebanyakan varian UNIX. - Biaya yang dibutuhkan untukmenggunakan PHP tidak mahal, bahkan gratis - Mudah digunakan karena memiliki fitur dan fungsi khusus untuk membuat web dinamis - Security system yang cukup tinggi - Waktu eksekusi yang lebih cepat dibandingkan dengan bahasa pemrograman web lainnya berorientasi pada server-side scripting - Akses ke sistem database yang lebih fleksibel dan mudah, seperti MySQL

4 PENGANTAR PHP (3) 1. Form Awal formulir ditandai dengan Tag <FORM>, dan berisi dua kata kunci: METHOD dan ACTION. <form name=nama_form method=post/get action=nama_file/ > <html> <body> <form name=mhs_baru method=post action=proses.php> </form> </body> </html>

5 Dasar Pemrograman PHP Script PHP disimpan sbg plain text dlm format ASCII, yg memungkinkan script PHP dapat ditulis di hampir semua text editor seperti : notepad, wordpad, dll. Script PHP adalah kode yang disertakan di sebuah halaman HTML & kode tsb dijalankan oleh server yg akan dieksekusi sebelum dikirim ke browser

6 Dasar Pemrograman PHP (2) File berekstensi.php akan ditangani secara berbeda, file yang memiliki kode php akan diperiksa. Web server akan mulai bekerja. Penulisan script PHP memiliki aturan sebagai berikut : - Diawali <?Php dan diakhiri?> atau diawali <? dan diakhiri?> - <script language= php > dan </script> - <% dan %>

7 Dasar Pemrograman PHP (3) Perintah2 PHP dpt disisipkan di bagian manapun dkm dokumen HTML, yg perlu dilakukan hanyalah menyisipkannya di script HTML & menyimpannya sbg *.php. Contoh: <HTML> <HEAD> <TITLE>Menyisipkan PHP di Dokumen HTML</TITLE> </HEAD> <BODY>Contoh PHP yang terpasang pada HTML:<BR><P> <?php echo ( Belajar Pemrograman PHP sangat mudah!!! );?> </BODY> </HTML>

8 Sintaks PHP <html> <head> <title>hello world</title> </head> <body> <?php echo Hello world ;?> </body> </html> Variabel PHP Nama variabel diawali dengan tanda $ <?php $x=5; $y=7; $z=$x * $y; echo $z ;?>

9 Dasar Pemrograman PHP (5) Contoh File PHP (contoh.php) : pada file.html HTTP server hanya melewatkan content dari file menuju ke browser. Server tdk mencoba utk mengerti atau memproses file krn itu adalah tugas browser utk melakukan kompilasi hasil program.

10 LATIHAN (Praktikum) <table border=1> <tr><td>x<td>y<td>z <?php $x=2; $y=3; $z=$x+$y; echo <tr><td>$x<td>$y<td>$z ;?> </table>

11 XAMPP: Paket PHP Xampp adalah salah satu paket instalasi Apache, PHP dan MySQL secara instan yg dpt digunakan utk membantu proses instalasi produk tersebut. XAMPP juga memberikan fasilitas pilihan penggunaan PHP 4 atau PHP 5 Sama halnya dengan PHP, XAMPP bersifat free untuk digunakan.

12 Struktur direktori XAMPP(1) File pada web dengan alamat localhost disimpan pada direktory c:/xampp/htdocs/ Buat direktori dibawahnya sehingga terdapat direktori c:/xampp/htdocs/latphp Direktori tersebut menghasilkan alamat url

13 XAMPP (2) Dalam paket XAMPP, kita akan memperoleh beberapa fitur: - Apache - Cgi Bin - PHP - MySQL - FTP - Mercury Mail (SMTP) - PHP MyAdmin - perl - Webalizer - dll. Download di sini: s.org/index.html

14 XAMPP (3)

15 MEMBANGUN DATABASE Ini adalah tampilan Utama XAMPP MySQL

16 MEMBANGUN DATABASE MySQL (2) XAMPP memberikan fasilitas khusus kepada pengguna untuk membangun database MySQL melalui tool phpmyadmin. Jika Anda mengklik phpmyadmin yang terdapat dalam tools XAMPP maka akan terlihat tampilan seperti gambar berikuit ini.

17 MEMBANGUN DATABASE MySQL (3) Selanjutnya untuk membuat hak akses kepada pengguna yang berhak mengakses database Anda dapat memilih Previlages/hak Akses. Di bawah ini adalah tampilan halaman Hak Akses:

18 MEMBANGUN DATABASE MySQL (4) Melalui phpmyadmin Anda bisa membuat table dengan mengisikan nama dan jumlah field kemudian tekan tombol go, seperti pada gambar berikut ini

19 MEMBANGUN DATABASE MySQL (5) Dibawah ini adalah tampilan dari struktur tabel mahasiswa dari database Siakad yang dibuat

20 KONEKSI KE DATABASE Selanjutnya adalah untuk membangun aplikasi agar dapat ditampilkan di halaman web adalah menghubungkan PHP dengan MySQL. Berikut ini contoh script PHP untuk membuat koneksi ke server database.

21 MENAMPILKAN DATA DARI DATABASE Dibawah ini adalah contoh script untuk melihat data mahasiswa

22 MENAMPILKAN DATA DARI DATABASE (2) Dibawah ini adalah contoh tampilan data mahasiswa

23 MEMBANGUN FORM INPUT Dibawah ini adalah contoh script untuk input data mahasiswa

24 MEMBANGUN FORM INPUT (2) Dibawah ini adalah contoh tampilan Form Input data mahasiswa

25 FORM EDIT DATA Dibawah ini adalah contoh script untuk Form Edit data mahasiswa

26 FORM EDIT DATA (2) Dibawah ini adalah contoh tampilan Form Edit Data Mahasiswa

27 FORM DELETE DATA Dibawah ini adalah contoh script Delete data mahasiswa

dokumen-dokumen yang mirip

FAKULTAS TEKNIK UNIVERSITAS NEGERI YOGYAKARTA LAB SHEET (KOMUNIKASI DATA)

FAKULTAS TEKNIK UNIVERSITAS NEGERI YOGYAKARTA LAB SHEET (KOMUNIKASI DATA) Revisi : 01 Tgl : 1 Maret 2008 Hal 1 dari 6 1. Kompetensi Setelah melakukan praktik, mahasiswa memiliki kompetensi: dapat memahami dan melakukan pemrograman web dinamis dengan menggunakan PHP 2. Sub Kompetensi