JOBSHEET PRAKTIKUM

PEMROGRAMAN WEB

PENDIDIKAN TEKNIK INFORMATIKA

JURUSAN PENDIDIKAN TEKNIK ELEKTRONIKA

UNIVERSITAS NEGERI YOGYAKARTA

2013

P - 1Bab 1 : Pengantar Pemrograman Berbasis Web

1.1. Tujuan

Mahasiswa mengetahui & memahami mengenai dasar pemrograman berbasis web,berbagai aplikasi yang digunakan, editor yang digunakan dan dapat menjalankan aplikasiyang digunakan dalam pemrograman web.

1.2. Materi

1. Pengenalan Pemrograman Web2. MySQL3. HTML4. PHP5. Implementasi MySQL ke Web6. Installasi Aplikasi

1.3 Pengenalan Pemrograman Web

Sebelum memulai dan mempelajari pemrograman web, maka penting untukmengetahui berbagai aplikasi yang akan digunakan dalam pemrograman web, antara lainseperti :

◦ Web server (Apache, IIS, Personal Web Server/PWS)◦ PHP server◦ Database server (MySQL, PostgreSQL, MS SQL, Oracle, dll)◦ Web Editor (Dreamweaver, Aptana Studio, dll)

Saat ini banyak tersedia aplikasi paket yang menggabungkan ketiga aplikasi-aplikasi tersebut (Apache, PHP dan MySQL) ke dalam satu file installer. Sehingga prosesinstalasinya pun dapat dilakukan dengan mudah.

1.4 MySQL

MySQL (My Structure Query Language) merupakan salah satu database darisekian banyak database lain seperti Oracle, MS SQL, PostgresSQL dan banyak lagi.

Semuanya mempunyai fungsi dan manfaat yang hampir sama namun dalam pengerjaanyasedikit berbeda.

MySQL menggunakan bahasa SQL dan dapat dikatakan sebagai DBMS. DBMS(Database Manajemen System) merupakan salah satu sistem dalam mengaksesdatabase dengan menggunakan bahasa SQL.

MySQL juga merupakan aplikasi Open source artinya memungkinkan untuksemua orang untuk menggunakan dan memodifikasi aplikasi tersebut. Sehinggasiapapun bisa mendapatkan aplikasi MySQL secara gratis dan bebas digunakan.

Alasan menggunakan MySQL ?▪ Database MySQL sangat cepat,▪ Reliable,▪ MySQL telah banyak menangani pembuatan software besar,▪ Bersifat open source,▪ Mudah digunakan,▪ Dapat dijalankan diberbagai sistem operasi (multiplatform) → Linux, Windows, Mac

OS,▪ Server multithread (dapat menangani beberapa permintaan (request) secara

bersamaan),▪ Metode enkripsi-nya bagus,▪ Menggunakan autentikasi user & password,

1.5 HTML

HTML (Hyper Text Markup Language) merupakan suatu teks dengan berbagaitag(tanda) tertentu yang digunakan untuk memformat layout menjadi dokumen.

1.6 Server Side Scripting PHP

PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1994. Server SideScripting merupakan sebuah teknologi dalam pemrograman web (scripting) dimana script(program) diterjemahkan di server. Dengan menggunakan server side scripting,memungkinkan untuk menghasilkan halaman web yang dinamis. PHP merupakan salahsatu contoh dari server side scripting. Hal-hal yang dapat dilakukan dengan menggunakanPHP, antara lain :▪ Mengurangi waktu untuk membuat web berskala besar▪ Mampu menciptakan web interaktif▪ Mendukung e-commerce (shopping carts)

Kelebihan PHP :▪ Gratis

PHP dapat didapatkan secara gratis dan bebas digunakan.▪ Multi Platform

Dapat dijalankan diberbagai sistem operasi seperti Unix, Linux (Red Had, Ubuntu,Mandriva, Fedora, dll), Microsoft Windows, Mac OS, dll.

▪ Mendukung banyak databaseContohnya seperti MS-SQL, MySQL, Oracle, PostgresSQL, dll.

▪ On the flyPHP dapat digunakan untuk membuat suatu dokumen text, Word, Excel, PDF,menciptakan image dan flash, juga menciptakan file-file seperti zip, XML, dan lain-lain.

1.7 Implementasikan MySQL pada WEB

Secara teknis database yang menyimpan hampir semua data dan data tersebutdiolah oleh bahasa pemrograman yang kemudian ditampilkan ke internet denganmenggunakan web server, anda dapat melihat data-data tersebut dengan mengunjugi URLdengan menggunakan browser seperti Mozilla Firefox, Opera atau Internet Explore.

1.8 Installasi

Linux :1. Download aplikasi XAMPP melalui :

http://www.apachefriends.org/en/lin-xampp.htmlContoh :

xampp-linux-1.4.14.tar.gz

2. Selanjutnya buka terminal :• Ctrl+Alt+t• Alt+F2 >> gnome-terminal• Application >> Accessories >> Terminaldan masuk dengan hak akses sebagai root :

dnd@dnd-laptop:~$ sudo -i[sudo] password for dnd:root@dnd-laptop:~#

3. Masuk ke directory tempat menyimpan XAMPP yang telah di download

root@dnd-laptop:~# cd /home/dnd/Master/root@dnd-laptop:/home/dnd/Master# lsxampp-linux-1.4.14.tar.gz

4. Install XAMPP dengan meng-ekstrak ke dalam firectory /opt :

# tar xvfz xampp-linux-1.4.14.tar.gz -C /opt

5. Aplikasi XAMPP telah terinstall di directory /opt/lampp

6. Untuk menjalankan service Apache dan MySQL :

# /opt/lampp/lampp start

7. Untuk mematikan service Apache dan MySQL :

# opt/lampp/lampp stop

Microsoft Windows :1. Download aplikasi XAMPP melalui :

http://www.apachefriends.org/en/win-xampp.htmlcontoh :

xampp-Win-1.4.14.zip2. Kemudian extract aplikasi tersebut dan letakkan di directory C:\ , dan tunggu sampai

proses selesai.

3. Selanjutnya buka directory C:\xampp → klik file setup_xampp.bat.

4. Selanjutnya setelah terlihat jendela command prompt, ikuti langkah-langkah berikut :a) Should I add shortcuts to the startmenu/desktop? (y/n) : yb) Should I locate the XAMPP path correctly ?

Should I proceed ? (y/x = exit setup) : y

c) Should I make a portable XAMPP without drive letters ?Note : - You should use drive letters, if you want use services.

- With USB sticks you must not use drive letters.Your choise? (y/n) : nrelocating XAMPP …relocate XAMPP base packagerelocate Apacherelocate Mercuryrelocate MySQLrelocate OpenSSLrelocate Perlrelocate PHPrelocate phpMyAdminrelocate Sendmailrelocate Webalizerrelocate XAMPP Demopagerelocate XAMPP successful.XAMPP is ready to use.Press <Return> to continue : → Enter

d) I have set the timezone in 'php.ini' and 'my.ini' to “Asia/Krasnoyarsk”.You should correct these values if my guess was wrong.Press <Return> to continue : → Enter

5. Selanjutnya pilih opsi :a) 1. start XAMPP Control Panel → untuk menampilkan XAMPP Control Panel yang

akan digunakan untuk mengaktifkan service Apache dan MySQL.b) X Exit → untuk keluar dari jendela command prompt.

6. Setelah terlihat jendela XAMPP Control Panel, aktifkan Svc Apache dan MySQL.

7. Selanjutnya jalankan service Apache dan MySQL dengan klik button Strart → Stop.

8. Untuk mematikan service Apache dan MySQL klik button Stop → Start.

Selanjutnya untuk buka web browser dan tuliskan alamat http://localhost atauhttp://12.0.0.1 untuk mengetahui berhasil atau tidaknya service Apache dan MySQL yangsudah dilakukan konfigurasi pada langkah sebelumnya.

Selanjutnya pilih bahasa English sebagai bahasa default yang akan digunakan, yangsekaligus masuk ke phpMyAdmin.

1.9 Evaluasi

1. Jelaskan menurut pemahaman anda mengenai :a) HTMLb) PHPc) Apached) MySQL

2. Jelaskan menurut pemahaman anda bagaimana prose MySQL diterapkan dalampemrograman web!

3. Bagian instalasi mana yang menurut Anda paling sulit dilakukan? Jelaskan penyebabnya!