DASAR DASAR WEB DAN HTML Pertemuan ke 2 DASAR DASAR WEB DAN HTML Konsep dasar Web Arsitektur Web HTTP Client Side Programming Server Side Programming Web Server Software (PHPTriad, XAMPP) Konsep HTML Pemrograman Web/TI/ AK045216/2 sks

Konsep Dasar Pemrograman Web Definisi Web World Wide Web ("WWW", atau singkatnya "Web") adalah suatu ruang informasi di mana sumber-sumber daya yang berguna diidentifikasi oleh pengenal global yang disebut Uniform Resource Identifier (URI). WWW sering dianggap sama dengan Internet secara keseluruhan, walaupun sebenarnya ia hanyalah bagian daripadanya. Hiperteks dilihat dengan sebuah program bernama browser web yang mengambil informasi (disebut "dokumen" atau “halaman web") dari server web dan menampilkannya, biasanya di sebuah monitor. Kita lalu dapat mengikuti pranala di setiap halaman untuk pindah ke dokumen lain atau bahkan mengirim informasi kembali kepada server untuk berinteraksi dengannya. Ini disebut "surfing" atau "berselancar" dalam bahasa Indonesia. Halaman web biasanya diatur dalam koleksi material yang berkaitan yang disebut “situs web". Pemrograman Web/TI/ AK045216/2 sks

Pemrograman Web/TI/ AK045216/2 sks HTTP HTTP (HyperText Transfer Protocol) adalah protokol yang dipergunakan untuk mentransfer dokumen dalam World Wide Web (WWW). Protokol ini adalah protokol ringan, tidak berstatus dan generik yang dapat dipergunakan berbagai macam tipe dokumen. Pengembangan HTTP dikoordinasi oleh Konsorsium World Wide Web (W3C) dan grup bekerja Internet Engineering Task Force (IETF), bekerja dalam publikasi satu seri RFC, yang paling terkenal RFC 2616, yang menjelaskan HTTP/1,1, versti HTTP yang digunakan umum sekarang ini. Pemrograman Web/TI/ AK045216/2 sks

Pemrograman Web/TI/ AK045216/2 sks HTTP HTTP adalah 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 tuan rumah yang jauh (biasanya port 80). Sebuah server HTTP yang mendengarkan di port tersebut menunggu client mengirim kode permintaan (request), seperti "GET / HTTP/1.1" (yang akan meminta halaman yang sudah ditentukan), diikuti dengan pesan MIME yang memiliki beberapa informasi kode kepala yang menjelaskan aspek dari permintaan tersebut, diikut dengan badan dari data tertentu. Beberapa kepala (header) juga bebas ditulis atau tidak, sementara lainnya (seperti tuan rumah) diperlukan oleh protokol HTTP/1,1. Begitu menerima kode permintaan (dan pesan, bila ada), server mengirim kembali kode jawaban, seperti "200 OK", dan sebuah pesan yang diminta, atau sebuah pesan error atau pesan lainnya. Pemrograman Web/TI/ AK045216/2 sks

Pemrograman Web/TI/ AK045216/2 sks HTTP Sejarah Protokol HTTP pertama kali dipergunakan dalam WWW pada tahun 1990. Pada saat tersebut yang dipakai adalah protokol HTTP versi 0.9. Versi 0.9 ini adalah protokol transfer dokumen secara mentah, maksudnya adalah data dokumen dikirim sesuai dengan isi dari dokumen tersebut tanpa memandang tipe dari dokumen. Kemudian pada tahun 1996 protokol HTTP diperbaiki menjadi HTTP versi 1.0. Perubahan ini untuk mengakomodasi tipe-tipe dokumen yang hendak dikirim beserta enkoding yang dipergunakan dalam pengiriman data dokumen. Sesuai dengan perkembangan infrastruktur internet maka pada tahun 1999 dikeluarkan HTTP versi 1.1 untuk mengakomodasi proxy, cache dan koneksi yang persisten. Pemrograman Web/TI/ AK045216/2 sks

Pemrograman Web/TI/ AK045216/2 sks HTTP 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 : S : -- data dokumen -- S : (close connectioin) Pemrograman Web/TI/ AK045216/2 sks

Client Side Programming Dalam jaringan komputer, kata “client side” mengacu kepada operasi yang dilakukan oleh client pada satu hubungan “client-server” . Secara umum, suatu client adalah satu aplikasi komputer, seperti web browser yang berjalan pada satu komputer lokal dari pengguna atau workstation dan terhubung ke satu server seperlunya. Operasi dapat dilakukan client-side karena operasi tersebut membutuhkan akses ke informasi atau fungsi yang tersedia pada client tetapi tidak pada server, karena pengguna membutuhkan observasi terhadap operasi tersebut atau menyediakan input, atau server kekurangan kekuatan pememrosesan untuk melakukan operasi yang tepat waktu untuk seluruh client yang harus dilayaninya. Sebagai tambahan, jika operasi dapat dilakukan oleh client tanpa mengirim data melalui jaringan, maka hal itu memakan waktu lebih sedikit, menggunakan lebih kecil bandwidth dan mengurangi resiko keamanaan. Pemrograman Web/TI/ AK045216/2 sks

Client Side Programming Client-side scripting umumnya mengacu kepada kelas dari program komputer pada web yang dieksekusi client-side, oleh web browser nya pengguna, daripada serverside (pada web server). Client-side scripting umumnya mengacu pada kelas program komputer pada web yang dijalankan sisi klien, oleh web browser pengguna, bukan server-side (pada web server). Jenis pemrograman komputer merupakan bagian penting dari konsep Dynamic HTML (DHTML), yang memungkinkan halaman web yang akan ditulis; yaitu, memiliki konten yang berbeda dan berubah tergantung pada input pengguna, kondisi lingkungan (seperti waktu hari), atau variabel lainnya. penulis web menulis skrip sisi klien dalam bahasa seperti JavaScript (Client-side JavaScript) atau VBScript, yang didasarkan pada beberapa standar: scripting HTML HTTP Dokumen Object Model Pemrograman Web/TI/ AK045216/2 sks

Client Side Programming Client-side scripts sering tertanam dalam dokumen HTML, tetapi mereka juga dapat terkandung dalam file terpisah, yang direferensikan oleh dokumen (atau dokumen) yang menggunakannya. Atas permintaan, file yang diperlukan dikirim ke komputer pengguna dengan web server (atau server) di mana mereka berada. web browser pengguna mengeksekusi script, kemudian menampilkan dokumen, termasuk output apapun terlihat dari script. script sisi klien juga dapat berisi petunjuk untuk browser mengikuti jika pengguna berinteraksi dengan dokumen dengan cara tertentu, misalnya, klik tombol tertentu. Instruksi ini dapat diikuti tanpa komunikasi lebih lanjut dengan server, meskipun mereka mungkin memerlukan komunikasi tersebut. Dengan melihat file yang berisi script, pengguna mungkin dapat melihat kode sumbernya. Banyak penulis web belajar bagaimana menulis script sisi klien sebagian dengan memeriksa kode sumber untuk script penulis lain. Pemrograman Web/TI/ AK045216/2 sks

Client Side Programming Sebaliknya, server-side script, yang ditulis dalam bahasa seperti Perl dan PHP, dieksekusi oleh web server ketika pengguna meminta dokumen. Mereka menghasilkan output dalam format yang dimengerti oleh web browser (biasanya HTML), yang kemudian dikirim ke komputer pengguna. Pengguna tidak dapat melihat kode sumber script ini (kecuali penulis menerbitkan kode secara terpisah), dan bahkan mungkin tidak menyadari bahwa script dieksekusi. Dokumen-dokumen yang dihasilkan oleh script sisi server dapat, tentu saja, mengandung script sisi klien. Pemrograman Web/TI/ AK045216/2 sks

Client Side Programming script sisi klien memiliki akses lebih besar ke informasi dan fungsi yang tersedia pada komputer pengguna, sedangkan script server-side memiliki akses lebih besar ke informasi dan fungsi yang tersedia di server. script sisi server mengharuskan penerjemah bahasa mereka diinstal pada server, dan menghasilkan output yang sama terlepas dari browser klien, sistem operasi, atau rincian sistem lainnya. script sisi klien tidak memerlukan perangkat lunak tambahan pada server (membuat mereka populer dengan penulis yang tidak memiliki akses administratif ke server mereka); Namun, mereka mengharuskan web browser pengguna mengerti bahasa scripting di mana mereka ditulis. Oleh karena itu tidak praktis bagi seorang penulis untuk menulis skrip dalam bahasa yang tidak didukung oleh browser web yang digunakan oleh mayoritas nya penonton. Pemrograman Web/TI/ AK045216/2 sks

Server Side Programming Dalam jaringan komputer, istilah server-side mengacu pada operasi yang dilakukan oleh server dalam hubungan client-server. Biasanya, server adalah program perangkat lunak, seperti web server, yang berjalan di server jauh, dapat dicapai dari komputer lokal pengguna atau workstation. Operasi dapat dilakukan sisi server karena mereka memerlukan akses ke informasi atau fungsi yang tidak tersedia pada klien, atau memerlukan perilaku khas yang tidak dapat diandalkan jika dilakukan client-side. operasi server-side juga mencakup pengolahan dan penyimpanan data dari klien ke server, yang dapat dilihat oleh sekelompok klien. Pemrograman Web/TI/ AK045216/2 sks

Server Side Programming Server-side scripting adalah teknologi web server di mana permintaan pengguna terpenuhi dengan menjalankan skrip langsung pada server web untuk menghasilkan halaman HTML dinamis. Hal ini biasanya digunakan untuk menyediakan situs web interaktif yang antarmuka ke database atau menyimpan data lainnya. Hal ini berbeda dari client-side scripting dimana script dijalankan oleh penampilan web browser, biasanya dalam JavaScript. Keuntungan utama untuk server-side scripting adalah kemampuan untuk sangat menyesuaikan respon berdasarkan kebutuhan pengguna, hak akses, atau query ke dalam menyimpan data. Pemrograman Web/TI/ AK045216/2 sks

Server Side Programming Daluhu web ini hampir secara eksklusif dilakukan dengan menggunakan kombinasi program C, script Perl dan skrip Shell menggunakan Common Gateway Interface (CGI). Script tersebut dieksekusi oleh sistem operasi, dan hasilnya hanya dilayani kembali oleh server web. Saat ini, ini dan lainnya bahasa scripting online seperti ASP dan PHP sering dapat dieksekusi langsung oleh server web itu sendiri atau dengan modul ekstensi (misalnya mod_perl atau mod_php) ke web server. Baik berupa scripting (yaitu CGI atau eksekusi langsung) dapat digunakan untuk membangun situs multi-halaman kompleks, tapi eksekusi langsung biasanya menghasilkan overhead yang lebih rendah karena kurangnya panggilan ke interpreter eksternal. website dinamis juga kadang-kadang didukung oleh server aplikasi web kustom, misalnya Python "Basis HTTP Server" perpustakaan, meskipun beberapa mungkin tidak menganggap hal ini menjadi server-side scripting. Pemrograman Web/TI/ AK045216/2 sks

Server Side Programming Daftar teknologi server-side scripting Setiap bahasa pemrograman dapat menghasilkan halaman web melalui CGI atau perpanjangan modul atau aplikasi server framework. Bagian ini berisi daftar teknologi yang dirancang terutama atau secara eksklusif untuk server-side scripting, biasanya dengan menanamkan petunjuk langsung di halaman web template yang. ASP Microsoft solusi yang dirancang memungkinkan berbagai bahasa (meskipun umumnya VBScript digunakan) di dalam halaman luar HTML-seperti, terutama digunakan pada Windows tetapi dengan dukungan terbatas pada platform lainnya. ColdFusion Platform tag lintas berbasis server komersial sistem side scripting. JSP Sebuah sistem berbasis Java untuk melekatkan kode di halaman HTML. Pemrograman Web/TI/ AK045216/2 sks

Server Side Programming Laso Sebuah sumber data yang netral bahasa pemrograman ditafsirkan dan platform server lintas. SSI Sebuah sistem cukup dasar yang merupakan bagian dari umum web server apache. Tidak lingkungan pemrograman penuh jauh tapi masih berguna untuk hal-hal sederhana seperti termasuk menu umum. PHP solusi opensource umum berdasarkan termasuk kode dalam bahasa sendiri ke dalam halaman HTML. Server-side JavaScript Sebuah bahasa umumnya digunakan di sisi klien, tetapi juga kadang-kadang pada sisi server. SMX bahasa opensource Lisplike dirancang untuk dimasukkan ke dalam halaman HTML. Pemrograman Web/TI/ AK045216/2 sks

Pemrograman Web/TI/ AK045216/2 sks 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. Server web juga dapat berarti komputer yang berfungsi seperti definisi di atas. Pemrograman Web/TI/ AK045216/2 sks

Web Server Software (Lanjutan) XAMPP adalah paket perangkat lunak bebas yang berisi Apache HTTP Server, database MySQL dan alat yang diperlukan untuk menggunakan PHP dan bahasa pemrograman Perl. Program ini dirilis di bawah GNU General Public License dan berfungsi sebagai gratis, mudah digunakan web server, mampu melayani halaman dinamis. Saat ini, XAMPP tersedia untuk Windows, Linux, Sun Solaris dan Mac OS X (X dalam namanya bisa berdiri untuk setiap salah satu sistem operasi). XAMPP secara luas bernama "instalasi WAMP / LAMP orang malas," seperti itu hanya membutuhkan satu zip, tar atau file exe yang akan didownload dan dijalankan, dan sangat sedikit konfigurasi dari berbagai komponen yang membentuk web server diperlukan. XAMPP secara teratur diperbarui untuk menggabungkan rilis terbaru dari Apache / MySQL / PHP dan Perl. Hal ini juga dilengkapi dengan sejumlah modul lainnya, termasuk OpenSSL dan phpMyAdmin. Pemrograman Web/TI/ AK045216/2 sks

Web Server Software (Lanjutan) Secara resmi, XAMPP hanya dimaksudkan untuk digunakan sebagai alat pembangunan, untuk memungkinkan situs web desainer dan programmer untuk menguji pekerjaan mereka pada komputer mereka sendiri tanpa akses ke Internet. Dalam prakteknya, bagaimanapun, XAMPP kadang-kadang digunakan untuk benar-benar melayani halaman web di World Wide Web, dan dengan beberapa modifikasi pada umumnya cukup aman untuk melakukannya. Pemrograman Web/TI/ AK045216/2 sks

Pemrograman Web/TI/ AK045216/2 sks HTML HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML, HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web dan HTML kini merupakan standar Internet yang saat ini dikendalikan oleh World Wide Web Consortium (W3C). Versi terakhir dari HTML adalah HTML 4.01, meskipun saat ini telah berkembang XHTML yang merupakan pengembangan dari HTML. Pemrograman Web/TI/ AK045216/2 sks

Pemrograman Web/TI/ AK045216/2 sks HTML HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser. Pemrograman Web/TI/ AK045216/2 sks

Pemrograman Web/TI/ AK045216/2 sks HTML Markup/Tanda Secara garis besar, terdapat 4 jenis elemen dari HTML: structural. tanda yang menentukan level atau tingkatan dari sebuah teks (contoh, <h1>Golf</h1> akan memerintahkan browser untuk menampilkan "Golf" sebagai teks tebal besar yang menunjukkan sebagai Heading 1 presentational. tanda yang menentukan tampilan dari sebuah teks tidak peduli dengan level dari teks tersebut (contoh, <b>boldface</b> akan menampilkan bold. Tanda presentational saat ini sudah mulai digantikan oleh CSS dan tidak direkomendasikan untuk mengatur tampilan teks, hypertext. tanda yang menunjukkan pranala ke bagian dari dokumen tersebut atau pranala ke dokumen lain (contoh, <a href="http://www.wikipedia.org/">Wikipedia</a> akan menampilkan Wikipedia sebagai sebuah hyperlink ke URL tertentu), Elemen widget yang membuat objek-objek lain seperti tombol (<button>), list (<li>), dan garis horizontal (<hr>). Pemrograman Web/TI/ AK045216/2 sks

Pemrograman Web/TI/ AK045216/2 sks HTML Selain markup presentational , markup yang lain tidak menentukan bagaimana tampilan dari sebuah teks. Namun untuk saat ini, penggunaan tag HTML untuk menentukan tampilan telah dianjurkan untuk mulai ditinggalkan dan sebagai gantinya digunakan Cascading Style Sheets. Pemrograman Web/TI/ AK045216/2 sks