Prakt Modul 11 Web Server

1

PRAKTIKUM 11 WEB SERVER (HTTP dan WAP)

I. Tujuan

1. Mahasiswa memahami konsep aplikasi web server di jaringan. 2. Mahasiswa mampu membangun web server berbasis HTML 3. Mahasiswa mampu membangun web server berbasis WAP

II. Peralatan Yang Dibutuhkan 1. Beberapa komputer yang berfungsi sebagai server. 2. Beberapa komputer yang berfungsi sebagai client. 3. Hub/switch sebagai penghubung jaringan. 4. Kabel jaringan secukupnya.

III. Dasar Teori A. HTTP HTTP adalah sebuah protokol yang menangani aplikasi web. Dimana aplikasi ini bekerja pada jaringan TCP/IP dengan port 80. Untuk membangun sebuah aplikasi Web dibutuhkan sebuah WebServer, dimana yang fungsinya adalah sebagai tempat aplikasinya sendiri dan sebagai penerima REQUEST dari client. Contoh Webserver antara lain : Apache, IIS. Sedangkan contoh dari webclient atau yang biasa disebut web browser antara lain: Mozilla, Internet Explorer, Opera. Untuk pengembangan aplikasi berbasis web, dapat menggunakan bahasa pemrograman HTML (HyperText Markup Language), sedangkan untuk membangun aplikasi web yang dinamis dapat menggunakan bahasa pemrograman PHP, ASP, CGI dan lain sebagainya.

Gb 1. Diagram webserver dan aplikasinya

B. HTML dan PHP Aplikasi web dibangun dengan menggunakan bahasa pemrograman HTML, dimana html ini mempunyai syntax-syntax tersendiri. Awal pembuatan aplikasi html

<html> ... </html> Pembuatan judul pada halaman web

<title> ... </title>

2

Pembuatan isi pada halaman web <body> ... </body>

Pembuatan link pada halaman web <a href= ... > ... </a>

Pembuatan halaman web yang diisikan dengan gambar <img src= ... >

Memulai paragraf baru <p> ... </p>

Memberikan karakter turun 1 baris <br>

Memberikan garis pemisah <hr>

Memberikan tabel pada aplikasi web <table>

<tr> <td> ... </td> <td> ... </td>

</tr> </table>

C. WAP WAP adalah singkatan dari Wireless Application Protocol, dimana secara sederhananya bagaimana kita bisa mengakses suatu aplikasi dengan menggunakan MobilePhone. WAP Server dapat dibangun dengan menggunakan aplikasi apache2 webserver, sedangkan aplikasi wap dapat dibangun dengan menggunakan bahasa pemrograman WML. Untuk melakukan pembuatan aplikasi wap, kita dapat menggunakan wap emulator sebagai alat bantu sebagai pengganti mobilephone.

Gb 2. Diagram Aplikasi WAP D. WAP Emulator Untuk menggunakan wap emulator kita harus mendownload terlebih dahulu aplikasi deckit dari fileserver. Download dengan alamat http://fileserver.eepisits.edu/software/development/wap/deckit1.2.4.tar.gz.

3

Gb 3. Aplikasi deckit

E. WML (Wireless Markup Language) WML Scripts adalah bahasa pemrograman yang digunakan pada aplikasi WAP, dimana WML dan HTML ada kemiripan. Buat file test.wml pada direktori /var/www. IV. Tugas Pendahuluan

1. Bagaimana konsep Web Server dalam jaringan komputer 2. Sebutkan beberapa software aplikasi web server yang ada di internet. 3. Sebutkan beberapa software aplikasi web browser (client) yang ada di

internet.

V. Percobaan 1. Instalasi Web Server

a. Pada praktikum ini menggunakan aplikasi webserver apache (http://www.apache.org). Dimana untuk installasinya dapat dilakukan dengan cara: # apt-get install apache2

b. Untuk mengecek apakah webserver sudah berjalan dengan benar, gunakan

perintah: # netstat nlptu | grep 80

atau # ps ax | grep apache

Amati dan catat hasil dari perintah diatas.

4

NB : Direktori kerja dari webserver apache2 berada di /var/www/, sehingga semua aplikasi web harus ditaruh di direktori tersebut.

2. Instalasi Web Browser (Client)

a. Contoh penggunaan webbrowser antara lain: Mozillafirefox. Untuk menginstall mozilla-firefox dapat dilakukan dengan : # apt-get install iceweasel

b. Untuk mengetes aplikasi web server, dari web browser, akses alamat berikut : http://localhost 3. Aplikasi web dinamis berbasis PHP

a. Untuk menginstall php dapat dilakukan dengan # apt-get install php5 libapache2-mod-php5

b. Restart apache2 # /etc/init.d/apache2 restart

c. Untuk mengecek, apakah apakah php kita sudah terinstall dengan benar dengan cara membuat aplikasi web phpinfo.php pada direktory /var/www/. # vim /var/www/phpinfo.php

<? phpinfo();

?> d. Kemudian dari web browser, akses ke alamat : http://localhost/phpinfo.php

5

NB : Contoh syntax php: <?

echo “Nama saya : Muhammad Faruq”; echo “<br>”;

?> 4. Aplikasi Web berbasis WAP

a. Untuk menggunakan wap emulator kita harus mendownload terlebih dahulu aplikasi deckit dari fileserver. Download dari web browser dengan alamat http://fileserver.eepis-its.edu/software/development/wap/deckit1.2.4.tar.gz.

b. Lakukan proses instalasi sebagai berikut :

# tar zxvf deckit1.2.4.tar.gz # cd deckit ~/deckit/ # ./install.sh

c. Jalankan aplikasi deckit yang telah kita install

~/deckit/ # ./deckit d. Buat aplikasi berbasis WAP dan simpan di /var/www # vim /var/www/test.wml

<?xml version = “1.0”?> <!DOCTYPE wml PUBLIC “-//WAPFORUM//DTD WML 1.2//EN” “http://www.wapforum.org/DTD/wml1.2.dtd”> <wml>

<card> <p>

Percobaan WML </p>

</card> </wml>

6

e. Dari web browser, akseslah data diatas : http://localhost/test.wml

5. Aplikasi web a. Buatlah web sederhana berbasis HTML dan PHP b. Buatlah web sederhana berbasis WAP NB : Catat program anda dan hasilnya pada laporan. VI. Laporan Resmi

Daftar Pertanyaan 1. Berikan kesimpulan praktikum yang anda lakukan. 2. Kembangkan aplikasi web pada percobaan no 5 menjadi sebuah web kelompok

anda yang berbasis HTML, PHP dan WAP.

Prakt Modul 11 Web Server

Documents

Transcript of Prakt Modul 11 Web Server