P - 2 Bab 1 : Pengantar Pemrograman Berbasis Web

Program Studi DIII Rekam MedisPOLITEKNIK KESEHATAN PERMATA INDONESIAJl. Ringroad Utara No. 22, Gandok, Condong Catur, Depok, Sleman. Telp. (0274) 6411536, 7475694. Fax. (0274) 6411536.

P - 2Bab 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 Web2. MySQL3. HTML4. PHP5. Internet6. Server7. DNS8. Implementasi MySQL ke Web9. 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,



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 :▪ 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.

2.7 Internet

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



◦ 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



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


http://mail.yahoo.com/


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)



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



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 kode-

kode 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



• 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.htmlcontoh :

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

proses selesai.


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


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



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) : 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 atau http://12.0.0.1 untuk mengetahui berhasil atau tidaknya service Apache dan MySQL yang



sudah dilakukan konfigurasi pada langkah sebelumnya.

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




P - 2 Bab 1 : Pengantar Pemrograman Berbasis Web

Documents