Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

Lec 1: Pengantar Web Basic HTML

Presentasi serupa


Presentasi berjudul: "Lec 1: Pengantar Web Basic HTML"— Transcript presentasi:

1 Lec 1: Pengantar Web Basic HTML
Web Programming

2 PHP A History 1994 : Personal Home Page PHP/F1 Versi 2 Reamus Leedof
Dari skrip Perl PHP/F1 Versi 2 Disisipkan dalam tag HTML Koneksi Database

3 PHP Freware Paket awal:
Apache MySQL Saat ini bisa dijalankan dalam berbagai webserver dan mengakses beberapa database Apache, IIS, PWS, Xitami MySQL, MS SQL, PostgreSQL, MS Access, dll

4 Input PHP Website statis : Website dinamis
Isi website tidak dapat diubah tanpa mengubah skrip/program penyusun website Tidak ada interaksi dengan pengguna Biasanya menggunakan HTML, Java script, dll Website dinamis Isi Website dapat diubah tanpa mengubah skrip/program penyusun website Interaksi dengan pengguna Mencari data, memasukan data, mengubah tampilan Pengguna : siapapun yang bukan programmer dan mempunyai hak akses Memerlukan dukungan database Biasanya menggunakan PHP, ASP, JSP, dll

5 Struktur Program <?PHP //kode program ?> contoh <HTML> echo “<H1>Hallo Dunia </H1><br>”; echo “<H3>”.Date(“d F Y”); </HTML>

6 Tipe Data Webserver Web browser Melayani permintaan web browser
Memproses permintaan webbrowser Web browser Bertindak sebagai client Mengirim permintaan ke webserver Menerima content yang dikirim webserver (HTML) Menyajikan content yang dikirim kepada pengguna

7 Percabangan

8 Pengulangan Kode program tampak di browser dan diproses oleh browser
Masalah keamanan Biasanya digunakan hanya untuk tampilan Mempermudah kerja server Contoh : Java script <html> <script> a = 1; b = 2; c = a+b; document.write(c); </script> </html>

9 Server Side Program

10 Server Side Program Kode program tidak akan tampak pada web browser
Keamanan Cth : PHP, ASP, PERL ,JSP <?php $a = 1; $b = 2; $c = $a + $b; echo $c; ?>

11 Dasar HTML Hyper Teext Markup Languange
Bahasa yang dimengerti oleh semua web browser Struktur <html> <head> <title>Coba HTML</title> <meta> </meta> </head> <body> <H1> Hello World from Elektro Undana </H1> </body> </html>

12 Dasar HTML Link <a href="cth1.html">Link ke cth 1 </a>

13 Dasar HTML Table <table width="75%" border="1"> <tr>
<td>baris 1 kolom 1</td> <td>baris 1 kolom 2</td </tr> <td>baris 2 kolom 1</td> <td>baris 2 kolom 2</td> </table>

14 Dasar HTML Form <h1> Buku Alamat</h1>
<form name="form1" method="post" action=""> Nama <input name="nama" type="text" id="nama"> <br><br> Alamat <input name="alamat" type="text" id="alamat"> No Telp <input name="telp" type="text" id="telp"> <input type="submit" name="Submit" value="Submit"> </form>

15 Get dan Post Metode Get Isi Form dikirim bersama url Metode Post
Isi Form tidak dikirim bersama url


Download ppt "Lec 1: Pengantar Web Basic HTML"

Presentasi serupa


Iklan oleh Google