DASAR WEB Konsep dasar Web Arsitektur Web HTTP
DASAR WEB § § § Konsep dasar Web Arsitektur Web HTTP Client Side Programming Server Side Programming Web Server Software (PHPTriad, XAMPP)
KONSEP WEB suatu ruang informasi di mana sumber-sumber daya yang berguna diidentifikasi oleh pengenal global yang disebut Uniform Resource Identifier (URI). lebih umum disebut dgn Web adalah media penyajian informasi dalam bentuk dokumen yang mempunyai referensi dan Link. Penyajian informasi melalui web dapat dinikmati pemakai komputer melalui browser yang terhubung keinternet melalui HTTP. Secara Umum halaman web dibangun dengan sebuah bahasa pemrograman bernama HTML
KONSEP PEMPROGRAMAN WEB (1) • Pemrograman web = membuat aplikasi berbasis web • Aplikasi berbasis web aplikasi yang dibuat dengan memanfaatkan mekanisme dan aplikasi yang sudah ada pada system web ( WWW) • Sistem web sebenarnya merupakan aplikasi yang q. Beraksitetur client server q Menggunakan protocol HTTP dalam komunikasi antara client dan server q Mempunyai fungsi untuk mengambil/menjalankan isi file dokumen web di server akan menampilkannya di sisi client
KONSEP PEMPROGRAMAN WEB (2) • Membuat aplikasi berbasis web berarti : ØMemperkaya fungsi web server dengan cara menambahkan program pada dokumen web yang akan dieksekusi oleh server ketika file dokumen web tersebut diakses oleh web server ØMemperkaya interaktivitas dokumen dengan cara menambahkan program pada dokumen web yang akan dieksekusi oleh web browser ketika file dokumen tersebut ditampilkan oleh web browser
KELEBIHAN DAN KEKURANGAN APLIKASI BERBASIS WEB • KELEBIHAN v Dapat diakses kapanpun dari mana pun selama ada internet v Dapat diakses hanya dengan menggunakan web browser • KEKURANGAN v. Antarmuka yang dapat dibuat terbatas sesuai spesifikasi standar untuk membuat dokumen web dan keterbatasan kemampuan web browser untuk menampilkannya v. Terbatasnya kecepatan internet mungkin membuat respon aplikasi menjadi lambat
Arsitektur Web
Arsitektur Web • URL (uniform Resources Locator) adalah sarana yang digunakan untuk menentukan lokasi informasi pada suatu webserver. • Format umum suatu URL adalah : protokol transfer: //nama_host/path/nama_file. • Contoh : http: //baak. gunadarma. ac. id/mata_kuliah/S 1 -MANAJEMEN. pdf
YANG PERLU DIPELAJARI UNTUK MEMBUAT APLIKASI BERBASIS WEB • Di sisi client ü sintaks pembuatan dokumen web (HTML & CSS) üClient side scripting ( Java. Script) • Di sisi Server üMekanisme pemanggilan program dan pengambilan output program oleh web server üServer side scripting (PHP, JSP, ASP dll) • Penghubung üSintaks pengalamatan dokumen web (URL) üProtokol komunikasi (HTTP)
HTTP (Hyper. Text Transfer Protokol) protokol yang dipergunakan untuk mentransfer dokumen dalam World Wide Web (WWW) sebuah protokol meminta/menjawab antara client dan server. Sebuh client HTTP seperti web browser, biasanya memulai permintaan dengan membuat hubungan TCP/IP ke port tertentu di sebuah server Webhosting tertentu (biasanya port 80). Klien yang mengirimkan permintaan HTTP juga dikenal dengan user agent. Server yang meresponsnya, yang menyimpan sumber daya seperti berkas HTML dan gambar, dikenal juga sebagai origin server. Selain HTTP, protokol transfer yg sering digunakan untuk pengiriman informasi di internet yaitu FTP, Gopher, dan Telnet.
HTTP(Hyper. Text Transfer Protokol) Sejarah HTTP • Protokol HTTP pertama kali dipergunakan dalam WWW pada tahun 1990 adalah prot 0 kol HTTP versi 0. 9 yaitu protokol transfer dokumen secara mentah, maksudnya adalah data dokumen dikirim sesuai dengan isi dari dokumen tersebut tanpa memandang tipe dari dokumen • pada tahun 1996 protokol HTTP diperbaiki menjadi HTTP versi 1. 0 untuk mengakomodasi tipe-tipe dokumen yang hendak dikirim beserta enkoding yang dipergunakan dalam pengiriman data dokumen. • pada tahun 1999 dikeluarkan HTTP versi 1. 1 untuk mengakomodasi proxy, cache dan koneksi yang persisten.
HTTP (Hyper. Text Transfer Protokol) • Contoh Transaksi S = Server C = Client C : (Inisialisasi koneksi) C : GET /index. htm HTTP/1. 1 C : Host: www. wikipedia. org S : 200 OK S : Mime-type: text/html S : -- data dokumen -S : (close connectioin
MEKANISME CGI ( COMMON GATEWAY INTERFACE) • Jika dokumen web yang diminta oleh web browser merupakan file program atau file html yang disisipi program, maka web server akan menjalankan (run) file tersebut dengan bantuan interpreter atau system operasi. • Informasi yang diberikan oleh web server kepada program : o. Server variables o. Environment variables o. Cookie o. Request parameter • Hasil output program ke standard output akan diambil oleh web server untuk dikirimkan kepada web browser sebagai HTTP response
CGI PADA PHP • Pada PHP : v Server variables diletakkan pada predefined variable $_SERVER o $_SERVER[“PHP_SELF”] = path dan nama file yang sedang dieksekusi o$_SERVER[“SERVER_NAME”] = nama host/server o $_SERVER[“REQUEST_METHOD”] = jenis metode request o $_SERVER[“HTTP_USER_AGENT”] = identitas web browser yang melakukan request o$_SERVER[“REMOTE_ADDR”] = nomor IP user o dll v Environment variables diletakkan pada predefined variable $_ENV v Cookie diletakkan pada predefined variable $_COOKIE v Request parameter diletakkan pada predefined variable $_GET, $_POST, $_FILES v Output menggunakan perintah echo
Client Side Programming • teknologi webpage yang menerapkan jenis pemrograman web dimana semua sintaks dan perintah program dijalankan di web browser sehingga ketika client meminta dokumen yang mengandung script, script tersebut akan diambil dari web server kemudian dijalankan di web browser yang bersangkutan. • Client side scripting merupakan salah satu jenis bahasa pemrograman web yang proses pengolahannya dilakukan di sisi client. • Client-side scripting umumnya mengacu kepada kelas dari program komputer pada web yang dieksekusi client-side, oleh browser web pengguna, bukan server-side (pada server web).
Client Side Programming Kode program didownload bersama dengan halaman web Model eksekusinya simple dan skrip dapat dijadikan satu dengan HTML. Karakteristik Client Side Scripting Bersifat interpreter dan diterjemahkan oleh browser
Client Side Programming Cara Kerja Client Side Scripting: Pengunjung web mengklik salah satu link dari web dan browser membaca perintah pengunjung untuk memanggil alamat web yang dituju Setelah itu browser akan mengalihkan ke halaman yang dituju oleh pengunjung web
Client Side Programming Java. Script HTML 5 XML Contoh Client Side Scripting CSS 3 Adobe Flash Player atau Flash
Server Side Programming teknologi webpage yang menerapkan jenis pemrograman web dimana semua sintaks dan perintah program yang diberikan akan dijalankan/diproses di webserver, kemudian hasilnya dikirimkan ke browser pengguna dalam bentuk HTML biasa. Sehingga pengguna tidak dapat melihat kode asli yang ditulis dalam bentuk server side programming Server side scripting merupakan bahasa pemrograman web yang pengolahannya dilakukan dalam server, maksudnya ialah web server yang sudah telah terintegrasi oleh web engine.
Server Side Programming Karakteristik Server Side Scripting Ada client yang meminta request Eksekusi program dilakukan di server Mengirimkan hasil ke client
Server Side Programming Jika kita melakukan interaksi dengan halaman web maka browser akan mengirimkan perintah ke server, Cara Kerja Server Side Scripting Kemudian server akan merespon dan melaukan perintah yang diberi kemudian server akan mengirimkan kembali data/ perintah dari browser, dan browser akan menampilkan data/ perintah tersebut.
Server Side Programming Active server pages (ASP) SQL Contoh server side scripting PHP : Hypertext preprocessor (PHP) Java server pages (JSP)
WEB Server Software Server web adalah sebuah perangkat lunak server yang berfungsi menerima permintaan HTTP atau HTTPS dari klien yang dikenal dengan browser web dan mengirimkan kembali hasilnya dalam bentuk halaman-halaman web yang umumnya berbentuk dokumen HTML Server web yang terkenal diantaranya adalah Apache dan Microsoft Internet Information Service (IIS). Apache merupakan server web antar-platform, sedangkan IIS hanya dapat beroperasi di sistem operasi Windows.
WEB Server Software XAMPP adalah paket perangkat lunak bebas yang berisi Apache HTTP Server, My. SQL database dan alat yang diperlukan untuk menggunakan PHP dan bahasa pemrograman Perl. XAMPP hanya dimaksudkan untuk digunakan sebagai alat pembangun, untuk memungkinkan situs web desainer dan programmer untuk menguji pekerjaan mereka pada komputer mereka sendiri tanpa akses ke Internet. XAMPP secara luas bernama "WAMP / LAMP instalasi lazy man, " karena hanya membutuhkan satu file zip, rar atau exe untuk didownload dan dijalankan, dan konfigurasi sangat sedikit dari berbagai komponen yang membentuk server web diperlukan.
WEB Server Software PHPTriad paket web server dan database server dengan apache & Mysql.
- Slides: 25