BAB III. LANDASAN TEORI
H. Browser
Pengertian Web Server merupakan software yang memberikan layanan data 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
Macam - macam Web Server diantanya: Apache Web Server - The HTTP Web Server a. Apache Tomcat
b. Microsoft windows Server 2003 Internet Information Services (IIS) c. Lighttpd
d. Sun Java System Web Server e. Xitami Web Server
f. Zeus Web Server
Namun web yang terkenal dan yang sering digunakan adalah Apache dan Microsoft Internet Information Service (IIS).
Cara kerja web server :
a. Cara kerja Web Server Web server merupakan mesin dimana tempat aplikasi atau software beroperasi dalam medistribusikan web page ke user, tentu saja sesuai dengan permintaan user.
b. Hubungan antara Web Server dan Browser Internet merupakan gabungan atau jaringan Komputer yg ada di seluruh dunia. Setelah terhubung secara fisik, Protocol TCP/IP (networking protocol) yg memungkinkan semua komputer dapat berkomunikasi satu dengan yg lainnya. Pada saat browser meminta data web page ke server maka instruksi permintaan data oleh browser tersebut di kemas di dalam TCP yg merupakan protocol transport dan dikirim ke alamat yg dalam hal ini merupakan protocol berikutnya yaitu Hyper Text Transfer Protocol (HTTP). HTTP ini merupakan protocol yg digunakan dalam World Wide Web (WWW) antar komputer yg terhubung dalam jaringan di dunia ini. Untuk mengenal protocol ini jelas sangan mudah sekali dimana setiap kali anda mengetik http://… anda telah
menggunakannya, dan membawa anda ke dunia internet. Data yg di passing dari browser ke Web server disebut sebagai HTTP request yg meminta web page dan kemudian web server akan mencari data HTML yg ada dan di kemas dalam TCP protocol dan di kirim kembali ke browser. Data yg dikirim dari server ke browser disebut sebagai HTTP response. Jika data yg diminta oleh browser tidak ditemukan oleh si Web server maka akan meninbulkan error yg sering anda lihat di web page yaitu Error : 404 Page Not Found.
2. Web Browser
Pengertian web browser atau internet browser adalah sebuah aplikasi perangkat lunak untuk melintasi, mengambil, dan menyajikan sumber informasi di World Wide Web. Sumber informasi diidentifikasi dengan Uniform Resource Identifier (URI) termasuk sebuah halaman web, gambar, video, atau bagian lain dari konten web.
a) Tujuan Web Browser
Tujuan utama dari web browser adalah untuk membawa sumber informasi kepada pengguna. Proses ini dimulai ketika pengguna memasukan sebuah Uniform Resource Identifier (URI), misalnya, http://anneahira.com ke dalam browser.
Sumber yang telah diambil web browser akan ditampilkan. HTML ditampilkan ke mesin tata letak browser, dan akan diubah dari markup ke dokumen interaktif. Selain dari HTML, web browser umumnya bisa menampilkan setiap jenis konten yang menjadi bagian dari suatu halaman web.
Kebanyakan browser dapat menampilkan gambar, audio, video, dan file XML, dan sering mempunyai plug-in untuk mendukung aplikasi Flash dan applet Java. Jika menemui tipe file yang ditetapkan untuk didownload, maka browser akan meminta pengguna untuk menyimpan file ke disk.
Memahami pengertian web browser harus juga memahami tentang rinciannya. Kita semua tahu apa itu web browser seperti yang terlihat, tapi ada baiknya untuk mengetahui rincian lengkap dari berbagai bagian browser web.
Bagian-bagian dari browser termasuk:
1. Status Bar. Ini adalah kotak di bagian bawah jendela browser Anda. Status bar menampilkan segala macam informasi, tergantung pada apa yang Anda lakukan pada saat itu. Sebagian besar untuk menunjukkan kecepatan beban dan URL dari alamat yang sedang ditunjuk oleh mouse.
2. Address Bar. Ini adalah kotak di bagian atas jendela browser Anda yang menampilkan seluruh URL atau alamat situs web. 3. Title Bar. Bar judul ada di bagian paling atas jendela browser
Anda. Anda akan melihat judul halaman web di sana, misalnya, Anda akan melihat "Anne Ahira untuk Indonesia" ketika Anda membuka situs anneahira.com.
4. Toolbar Ikon. Toolbar dan ikon perusahaan browser yang ada di bagian atas kanan jendela browser Anda, di bawah Title Bar. Di sinilah Anda akan melihat tombol Back, tombol Home, tombol Refresh, dll.
5. Display Window. Jendela Display hanyalah istilah mewah untuk ruang kerja browser Anda. Ini berupa frame di mana Anda melihat halaman website.
6. Scroll Bar. Jika ketika Anda membuka situs web dan Anda harus "scroll ke bawah" untuk membaca sesuatu, maka Anda telah menggunakan scroll bar.
c) Macam-Macam Web Browser
Untuk memahami tentang pengertian web browser, berikut adalah beberapa web browser yang tersedia bagi Anda yang bisa didownload secara gratis.
1. Microsoft Internet Explorer. Sebagian besar pengguna internet menggunakan Internet Explorer karena mudah digunakan dan sebagian besar situs web yang ditulis dengan Internet Explorer, yang berarti bahwa mereka lebih kompatibel.
2. Opera. Opera merupakan browser populer yang mudah digunakan, namun memiliki beberapa masalah kompatibilitas dengan berbagai situs.
3. Mozilla Firefox. Firefox adalah web browser yang cukup cepat dalam memperoleh pengguna. Ia berada di belakang Internet Explorer karena memiliki tabbed browsing, fitur keamanan superior, dan akses yang cepat.
4. Google Chrome. Google Chrome adalah web browser yang dirancang untuk sistem Windows. Ia menawarkan desain minimal dan 'teknologi canggih', untuk membuat akses lebih cepat, aman, dan mudah.
5. Mac Safari. Khusus untuk pengguna Mac, Safari adalah pilihan yang sangat baik untuk sebuah web browser. Safari berkemampuan akses cepat dan kompatibilitas yang baik.
I. Hypertext Markup Language (HTML)
Hypertext Markup Language adalah bahasa pemrograman yang digunakan untuk membuat sebuah halaman web. Kode-kode ini menerjemahkan bagaimana tampilan sebuah halaman web (pengaturan huruf, animasi, letak gambar, dan sebagainya).
Dalam sebuah halaman web, pasti akan ada banyak elemen, contoh dari elemen adalah bagian atas (head), tabel, paragraf, dan daftar/list. Untuk menandakan elemen-elemen tersebut dalam sebuah file HTML, digunakanlah tag.
1. Dasar-dasar HTML
Tag HTML terdiri dari kurung buka siku “<”, nama tag, dan kurung tutup siku “>”. Tag HTML biasanya memiliki penutup, contoh:
<HEAD> ditutup dengan </HEAD>, penutup ini menandakan akhir dari pernyataan (statement) tag tersebut. Tag penutup persis seperti tag pembuka, hanya ditambahkan garis miring “/” didepannya.
Beberapa tag memiliki atribut tambahan yang disertakan saat penulisan tag tersebut, jadi atribut ini ditulis didalam tanda kurung, sebagai contoh: tag img (image) memiliki atribut berupa src, width, alt, dll. Contoh : <img src="image/mahasiswa.gif" width="91" height="20">. Sebagai catatan, tag HTML tidaklah case sensitive, jadi jika kita menuliskan <title> akan memiliki pengaruh yang sama dengan <TITLE>. Semua tag HTML pasti dikenali oleh setiap program Web Browser, jika sebuah browser tidak mengenali suatu tag, maka tag tersebut tidak akan dibaca oleh browser. Jika diantara tag yang tidak dikenal tersebut ada tulisan, tulisan akan tetap ditampilkan.
2. Struktur Dasar HTML
Semua file HTML harus memiliki beberapa tag HTML standar. Semua dokumen HTML terdiri dari head dan body. Head terdiri dari title, dan body terdiri dari tulisan dan gambar/animasi yang ingin ditampilkan di layar, seperti jenis paragraph, list, warna, dan sebagainya. Contoh halaman HTML paling sederhana yang hanya terdiri dari head dan sedikit tulisan pada body sebagai berikut :
<html> <head>
<title>Sebuah halaman HTML yang simpel.</title> </head>
<body>
<p> Ini adalah sebuah paragraph</p> </body>
</html>
Tag yang penting adalah <html>, <head> dan <body>. Beberapa browser (terutama yang terbaru) akan tetap dapat membaca dokumen HTML meskipun kita lupa menyertakan tag-tag tersebut, tapi beberapa browser tidak bisa. Jadi jangan lupa untuk menyertakan tag tersebut setiap kali kita membuat halaman HTML.
Berikut sedikit penjelasan mengenai beberapa tag HTML. 1. HTML
Tag ini memberitahu browser bahwa file yang dibaca adalah file HTML. Tag ini diletakkan pada baris paling awal dari dokumen HTML.
2. HEAD
Tag ini adalah bagian paling atas dari dokumen HTML. Title adalah salah satu contoh tag yang dapat disertakan pada tag ini. 3. TITLE
Berisi judul halaman web yang dibuat, dan mengidentifikasikan isi dari halaman tersebut secara global. Title biasanya ditampilkan pada title bar di browser. Title juga digunakan sebagai penentu halaman web kita pada beberapa search engine (seperti HotBot atau Infoseek).
4. BODY
Adalah bagian kedua dari sebuah dokumen HTML, dan biasanya adalah bagian yang paling banyak dari sebuah dikomen HTML (bila dibandingkan dengan head).Terdiri dari isi utama halaman web tersebut. Tag-tag HTML yang akan dijelaskan selanjutnya diletakkan dalam body.