Bagaimana Cara Kerja Sebuah Website?

Bagaimana Cara Kerja Sebuah Website?

Perhatikan ilustrasi dibawah ini

Ilustrasi di atas menggambarkan proses kerja sebuah website, mulai dari saat pengguna melakukan klik atau memasukkan alamat website hingga halaman tersebut ditampilkan di layar.

Melalui gambar tersebut, dapat dipahami bahwa proses kerja website melibatkan beberapa komponen penting, yaitu pengguna, browser, internet, dan server. Setiap komponen memiliki peran dalam mengirim dan menerima data sehingga halaman website dapat ditampilkan dengan benar.

Penjelasan lengkap mengenai alur kerja website akan diuraikan pada bagian berikut.

Penjelasan Cara Kerja Website (HTTP Request & Response)

Gambar tersebut menunjukkan alur komunikasi antara:
Pengguna Browser Internet (WWW) → Web Server → Kembali ke Browser
Proses ini disebut HTTP Request dan HTTP Response

1. Pengguna Membuka Website (Click!)

Proses dimulai ketika pengguna:
  • Mengetik alamat website (Contoh: http://...)
  • Atau mengklik sebuah link
Saat itu, pengguna sebenarnya sedang meminta sebuah halaman web.

2. Browser Mengirim HTTP Request

Setelah pengguna melakukan klik, browser akan:
  • Mengirim permintaan ke server melalui internet
  • Permintaan ini disebut HTTP Request
Apa itu HTTP?
HTTP (HyperText Transfer Protocol) adalah aturan komunikasi antara browser dan server.
HTTP Request berisi:
  • Alamat website (URL).
  • Jenis permintaan (misalnya GET untuk mengambil data).
  • Informasi tambahan jika diperlukan.
Permintaan ini dikirim melalui jaringan internet (digambarkan sebagai WWW di gambar).

3. Internet (WWW) Menghubungkan ke Server

Permintaan dari browser tidak langsung sampai begitu saja, tetapi melewati:
  • Jaringan internet global
  • Router dan berbagai sistem jaringan
WWW(World Wide Web) adalah sistem yang memungkinkan halaman web saling terhubung melalui internet.

4. Web Server Memproses Permintaan

Setelah permintaan sampai ke Web Server, server akan.
  • Mencari file atau data yang diminta.
  • Memproses (jika menggunakan bahasa pemrogaraman seperti PHP, Python, Node.js dll.)
  • Mengambil data dari database jika diperlukan.
Di gambar terlihat jelas tulisan "crunch! crunch! crunch!" yang dimana itu menggambarkan server sedang bekerja memproses sebuah data.

Webserver sendiri bisa berupa:
  • Komputer fisik
  • Cloud server
  • Hosting

5. Server Mengirim HTTP Response

Setelah selesai diproses, server akan mengirimkan kembali hasilnya ke browser.
Ini disebut dengan HTTP Response.

HTTP Response sendiri berisi beberapa data diantaranya:
  • Status (misalnya 200 OK jika berhasil)
  • File HTML
  • CSS
  • JavaScript
  • Gambar atau data lainnya

6. Browser Menampilkan Hasil

Browser menerima data dari server lalu:
  • Membaca file HTML
  • Menerapkan CSS untuk tampilan
  • Menjalankan JavaScript jika ada
  • Menampilkan halaman ke layar pengguna
Di gambar bisa dilihat diatas akan menampilkan contoh hasil:
"Hello, World!"

Artinya halaman berhasil dimuat.

Ringkasan Alur Proses

Secara sederhana:
  1. Pengguna mengklik atau mengetik sebuah alamat website
  2. Browser mengirim HTTP Request
  3. Request melewati internet
  4. Server memproses permintaan
  5. Server mengirim HTTP Response
  6. Browser menampilkan halaman
Proses ini biasanya terjadi dalam hitingan milidetik.

Kesimpulan

Gambar tersebut menjelaskan bahwa website bekerja menggunakan sistem komunikasi antara browser dan server melalui internet.

Setiap kali kita membuka website:
  • Browser mengirim permintaa (Request)
  • Server memproses permintaan
  • Server mengirim jawaban (Response)
  • Browser menampilkan hasilnya
Memahami proses ini sangat penting dalam Web Programming karena semua website bekerja dengan konsep dasar Request dan Response.
-------------------------------------------------------------------------------------------------------------------------------------------------------

Soal Latihan

Kerjakan soal-soal di bawah ini dengan baik. Jawaban dari setiap soal dapat ditemukan pada materi yang telah dipelajari sebelumnya. Tuliskan jawaban pada selembar kertas, kemudian cantumkan nama dan kelas dengan jelas sebelum mengumpulkan tugas.
  1. Sebutkan empat komponen utama yang terlibat dalam proses kerja sebuah website!
  2. Apa yang dimaksud dengan HTTP (HyperText Transfer Protocol)?
  3. Apa yang dilakukan browser setelah pengguna mengetik alamat website atau mengklik sebuah link?
  4. Apa yang dilakukan web server ketika menerima permintaan dari browser?
  5. Mengapa browser dapat menampilkan halaman website setelah menerima data dari server?
In Development.