P - 2 Bab 1 : Pengantar Pemrograman Berbasis Web 2.1 Tujuan Mahasiswa mengetahui & memahami mengenai dasar pemrograman berbasis web, berbagai aplikasi yang digunakan, editor yang digunakan dan dapat menjalankan aplikasi yang digunakan dalam pemrograman web. 2.2 Materi 1. Pengenalan Pemrograman Web 2. MySQL 3. HTML 4. PHP 5. Internet 6. Server 7. DNS 8. Implementasi MySQL ke Web 9. Installasi Aplikasi 2.3 Pengenalan Pemrograman Web Sebelum memulai dan mempelajari pemrograman web, maka penting untuk mengetahui berbagai aplikasi yang akan digunakan dalam pemrograman web, antara lain seperti : 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 proses instalasinya pun dapat dilakukan dengan mudah. Contoh : XAMPP / LAMPP, WAMP PSIK V (Pemrograman II/ PHP MySQL) - 1
2.4 MySQL MySQL (My Structure Query Language) Merupakan salah satu database dari sekian banyak database lain seperti Oracle, MS SQL, PostgresSQL dan banyak lagi. Semuanya mempunyai fungsi dan manfaat yang hampir sama namun dalam pengerjaanya sedikit berbeda. MySQL menggunakan bahasa SQL dan dapat dikatakan sebagai DBMS. DBMS (Database Manajemen System) merupakan salah satu sistem dalam mengakses database dengan menggunakan bahasa SQL. MySQL juga merupakan aplikasi Open source artinya memungkinkan untuk semua orang untuk menggunakan dan memodifikasi aplikasi tersebut. Sehingga siapapun 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, PSIK V (Pemrograman II/ PHP MySQL) - 2
2.5 HTML HTML (Hyper Text Markup Language) Merupakan suatu teks dengan berbagai tag(tanda) tertentu yang digunakan untuk memformat layout menjadi dokumen. 2.6 Server Side Scripting PHP PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1994. Server Side Scripting 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 salah satu contoh dari server side scripting. Hal-hal yang dapat dilakukan dengan menggunakan PHP, antara lain : Mengurangi waktu untuk membuat web berskala besar Mampu menciptakan web interaktif Mendukung e-commerce (shopping carts) Kelebihan PHP : 2.7 Internet 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 database Contohnya seperti MS-SQL, MySQL, Oracle, PostgresSQL, dll. On the fly PHP dapat digunakan untuk membuat suatu dokumen text, Word, Excel, PDF, menciptakan image dan flash, juga menciptakan file-file seperti zip, XML, dan lainlain. Internet Internet merupakan contoh jaringan terbesar yang menghubungkan jutaan komputer yang tersebar di seluruh penjuru dunia dan tak terikat pada satu organisasipun Siapa saja dapat bergabung pada Internet PSIK V (Pemrograman II/ PHP MySQL) - 3
Dengan menggunakan jaringan ini, sebuah organisasi dapat melakukan pertukaran informasi secara internal ataupun melakukan pertukaran informasi secara eksternal dengan organisasi-organisasi yang lain www World Wide Web Sistem pengaksesan informasi dalam Internet yang paling terkenal dan biasa dikenal dengan istilah Web Web menggunakan protokol yang disebut HTTP (HyperText Transfer Protocol) Dokumen Web ditulis dalam format HTML (HyperText Markup Language) Dokumen ini diletakkan dalam Web server dan diakses oleh klien (Pengakses informasi) melalui perangkat lunak yang disebut Web browser atau sering disebut browser saja PSIK V (Pemrograman II/ PHP MySQL) - 4
2.8 Server Sebagai pusat yang difungsikan sebagai pelayan yang dapat digunakan untuk : Pengiriman data dan/atau penerima data Mengatur pengiriman dan penerimaan data di antara komputer yang terhubung dengan jaringan. Melayani permintaan client. Mail Server Merupakan server yang khusus digunakan untuk menerima pelayanan e-mail. Contoh : gmail http://mail.google.com ymail http://mail.yahoo.com Web Server Merupakan server yang digunakan untuk menyimpan halaman website (home page). Contoh web server : Apache IIS PWS Xitami PSIK V (Pemrograman II/ PHP MySQL) - 5
2.9 Domain Name Server Name server Merupakan suatu komputer server yang digunakan untuk membagi alamat (domain). DNS merupakan alamat pengganti untuk TCP/IP. DNS dapat diibaratkan sebagai alamat rumah Contoh : dhyn.web.id permataindonesia.ac.id Struktur domain :.com lembaga-lembaga komersial.edu,.ac lembaga pendidikan.gov lembaga pemerintah.mil lembaga militer Dapat merupakan identitas negara: Singapura (sg), Australia (au), Amerika (us), Kanada (ca), Inggris (uk) PSIK V (Pemrograman II/ PHP MySQL) - 6
2.10 Implementasikan MySQL pada WEB Secara teknis database yang menyimpan hampir semua data dan data tersebut diolah oleh bahasa pemrograman yang kemudian ditampilkan ke internet dengan menggunakan web server, yang anda dapat melihat data-data tersebut dengan mengunjugi URL dengan menggunakan browser seperti Mozilla Firefox, Opera atau Internet Explore. 2.11 Aplikasi Web Aplikasi Web dapat dibagi menjadi 2 macam: Web Statis Web Dinamis Web Statis Web statis dibentuk dengan menggunakan HTML saja Kekurangan Web statis terletak pada keharusan untuk memelihara halaman Web PSIK V (Pemrograman II/ PHP MySQL) - 7
secara terus-menerus setiap ada perubahan informasi Prinsip kerja web statis : 1. Browser meminta sebuah halaman ke suatu situs 2. Permintaan diterima oleh Web server (server yang bertanggung jawab melayani permintaan browser) 3. Web server segera mengirimkan halaman HTML yang diminta ke klien) 4. Browser pada klien segera menampilkan dokumen HTML berdasarkan kodekode yang terdapat pada HTML Web Dinamis Isi halaman bersifat dinamis, dapat mengikuti perubahan isi database Pengertian Web dinamis terkadang diartikan sebagai halaman Web yang dilengkapi dengan gambar-gambar bergerak Web dinamis dapat digunakan untuk membentuk aplikasi interaktif, yang memungkinkan pemakai tak hanya memperoleh informasi terkini tetapi juga dapat melakukan perubahan data. Misalnya: Untuk pengisian KRS Perubahan data pribadi Pengisian berita baru PSIK V (Pemrograman II/ PHP MySQL) - 8
dll Web dinamis dibentuk dengan menambahkan perangkat lunak tambahan, seperti ASP atau PHP Prinsip kerja web dinamis : 2.12 Installasi Microsoft Windows : 1. Download aplikasi XAMPP melalui : http://www.apachefriends.org/en/win-xampp.html contoh : xampp-win-1.4.14.zip 2. Kemudian extract aplikasi tersebut dan letakkan di directory C:\, dan tunggu sampai proses selesai. PSIK V (Pemrograman II/ PHP MySQL) - 9
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) : y PSIK V (Pemrograman II/ PHP MySQL) - 10
b) 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) : n relocating XAMPP relocate XAMPP base package relocate Apache relocate Mercury relocate MySQL relocate OpenSSL relocate Perl relocate PHP relocate phpmyadmin relocate Sendmail relocate Webalizer relocate XAMPP Demopage relocate 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. PSIK V (Pemrograman II/ PHP MySQL) - 11
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 atau http://12.0.0.1 untuk mengetahui berhasil atau tidaknya service Apache dan MySQL yang PSIK V (Pemrograman II/ PHP MySQL) - 12
sudah dilakukan konfigurasi pada langkah sebelumnya. Selanjutnya pilih bahasa English sebagai bahasa default yang akan digunakan, yang sekaligus masuk ke phpmyadmin. PSIK V (Pemrograman II/ PHP MySQL) - 13
PSIK V (Pemrograman II/ PHP MySQL) - 14