P - 2 Bab 1 : Pengantar Pemrograman Berbasis Web
Transcript of 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
Program Studi DIII Rekam MedisPOLITEKNIK KESEHATAN PERMATA INDONESIAJl. Ringroad Utara No. 22, Gandok, Condong Catur, Depok, Sleman. Telp. (0274) 6411536, 7475694. Fax. (0274) 6411536.
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
Program Studi DIII Rekam MedisPOLITEKNIK KESEHATAN PERMATA INDONESIAJl. Ringroad Utara No. 22, Gandok, Condong Catur, Depok, Sleman. Telp. (0274) 6411536, 7475694. Fax. (0274) 6411536.
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
PSIK V (Pemrograman II/ PHP MySQL) - 3
Program Studi DIII Rekam MedisPOLITEKNIK KESEHATAN PERMATA INDONESIAJl. Ringroad Utara No. 22, Gandok, Condong Catur, Depok, Sleman. Telp. (0274) 6411536, 7475694. Fax. (0274) 6411536.
◦ 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
Program Studi DIII Rekam MedisPOLITEKNIK KESEHATAN PERMATA INDONESIAJl. Ringroad Utara No. 22, Gandok, Condong Catur, Depok, Sleman. Telp. (0274) 6411536, 7475694. Fax. (0274) 6411536.
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
Program Studi DIII Rekam MedisPOLITEKNIK KESEHATAN PERMATA INDONESIAJl. Ringroad Utara No. 22, Gandok, Condong Catur, Depok, Sleman. Telp. (0274) 6411536, 7475694. Fax. (0274) 6411536.
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
Program Studi DIII Rekam MedisPOLITEKNIK KESEHATAN PERMATA INDONESIAJl. Ringroad Utara No. 22, Gandok, Condong Catur, Depok, Sleman. Telp. (0274) 6411536, 7475694. Fax. (0274) 6411536.
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
Program Studi DIII Rekam MedisPOLITEKNIK KESEHATAN PERMATA INDONESIAJl. Ringroad Utara No. 22, Gandok, Condong Catur, Depok, Sleman. Telp. (0274) 6411536, 7475694. Fax. (0274) 6411536.
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
PSIK V (Pemrograman II/ PHP MySQL) - 8
Program Studi DIII Rekam MedisPOLITEKNIK KESEHATAN PERMATA INDONESIAJl. Ringroad Utara No. 22, Gandok, Condong Catur, Depok, Sleman. Telp. (0274) 6411536, 7475694. Fax. (0274) 6411536.
• 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.
PSIK V (Pemrograman II/ PHP MySQL) - 9
Program Studi DIII Rekam MedisPOLITEKNIK KESEHATAN PERMATA INDONESIAJl. Ringroad Utara No. 22, Gandok, Condong Catur, Depok, Sleman. Telp. (0274) 6411536, 7475694. Fax. (0274) 6411536.
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
Program Studi DIII Rekam MedisPOLITEKNIK KESEHATAN PERMATA INDONESIAJl. Ringroad Utara No. 22, Gandok, Condong Catur, Depok, Sleman. Telp. (0274) 6411536, 7475694. Fax. (0274) 6411536.
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.
PSIK V (Pemrograman II/ PHP MySQL) - 11
Program Studi DIII Rekam MedisPOLITEKNIK KESEHATAN PERMATA INDONESIAJl. Ringroad Utara No. 22, Gandok, Condong Catur, Depok, Sleman. Telp. (0274) 6411536, 7475694. Fax. (0274) 6411536.
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
Program Studi DIII Rekam MedisPOLITEKNIK KESEHATAN PERMATA INDONESIAJl. Ringroad Utara No. 22, Gandok, Condong Catur, Depok, Sleman. Telp. (0274) 6411536, 7475694. Fax. (0274) 6411536.
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