, Jakarta Cara kerja web merujuk pada proses dan teknologi yang digunakan dalam menghasilkan, menampilkan, dan mengirimkan konten web melalui internet. Hal ini melibatkan interaksi antara browser, server web, dan berbagai teknologi web seperti HTML, CSS, dan JavaScript.
Secara umum, cara kerja web dimulai ketika pengguna membuka browser dan mengetikkan alamat URL, untuk mengakses halaman web. Browser kemudian meminta halaman web dari server web, dan server web menghasilkan halaman web berdasarkan permintaan tersebut dan mengirimkan respons ke browser.
Baca Juga
Setelah browser menerima respons dari server website, browser akan menampilkan halaman web di layar pengguna. Halaman web biasanya terdiri dari teks, gambar, video, dan berbagai elemen interaktif yang memungkinkan pengguna berinteraksi dengan halaman web.
Advertisement
Cara kerja web juga melibatkan berbagai teknologi web seperti HTML, CSS, dan JavaScript. HTML adalah bahasa markup yang digunakan untuk membuat struktur halaman web, sementara CSS digunakan untuk mengatur tampilan halaman web. JavaScript digunakan untuk membuat interaksi dinamis di halaman web.
Berikut ini cara kerja web yang rangkum dari berbagai sumber, Jumat (12/5/2023).
Sebuah kelompok hacker asal Rusia Bernama ‘Killnet’ mengaku bertanggungjawab atas serangan siber yang melumpuhkan situs web belasan bandara di AS pekan lalu. Tapi sejauh mana peretasan ini direstui pemerintah Vladimir Putin?
* Follow Official WhatsApp Channel untuk mendapatkan berita-berita terkini dengan mengklik tautan ini.
1. Browser
![Ilustrasi situs web, website, internet](https://cdn0-production-images-kly.akamaized.net/eIjIi5C11oyOH7zpwdzoIQvfPC4=/640x360/smart/filters:quality(75):strip_icc():format(webp)/kly-media-production/medias/3119783/original/038097500_1588657032-template-1599663_1280.jpg)
Cara kerja web yang pertama adalah browser atau peramban web, yang umumnya digunakan untuk mengakses halaman web. Ketika pengguna memasukkan alamat URL (Uniform Resource Locator) ke dalam browser, browser akan melakukan beberapa langkah untuk mengakses halaman web yang diminta.
- Pertama-tama, browser akan memeriksa apakah halaman web yang diminta tersedia dalam cache lokal.
- Cache adalah tempat penyimpanan sementara di komputer pengguna, yang menyimpan salinan halaman web yang telah diakses sebelumnya.
- Jika halaman web telah disimpan di cache, maka browser akan mengambil halaman web dari cache daripada mengunduhnya dari server web.
- Jika halaman web tidak ada di cache, maka browser akan melakukan permintaan ke server web.
- Permintaan ini dilakukan melalui protokol HTTP (Hypertext Transfer Protocol), yang merupakan protokol standar untuk komunikasi antara browser dan server web.
2. Server web
Server web adalah program yang berjalan di server, dan menyediakan halaman web untuk diakses oleh pengguna. Ketika server web menerima permintaan dari browser, server web akan melakukan beberapa langkah untuk menghasilkan halaman web yang diminta.
- Pertama-tama, server web akan mengecek apakah pengguna memiliki hak akses untuk mengakses halaman web yang diminta.
- Jika pengguna tidak memiliki hak akses, maka server web akan mengirimkan pesan kesalahan.
- Jika pengguna memiliki hak akses, maka server web akan mulai menghasilkan halaman web, di mana dapat dihasilkan secara dinamis atau statis.
- Halaman web yang dihasilkan secara dinamis, dibangun berdasarkan permintaan pengguna, dengan mengambil data dari database atau aplikasi web. Sedangkan halaman web yang dihasilkan secara statis adalah halaman web yang telah ditentukan sebelumnya dan disimpan di server.
3. HTML, CSS, dan JavaScript
HTML (Hypertext Markup Language) adalah bahasa markah yang digunakan untuk menentukan struktur halaman web. HTML digunakan untuk menentukan elemen-elemen halaman web seperti judul, paragraf, tabel, gambar, dan link. CSS (Cascading Style Sheets) adalah bahasa yang digunakan untuk mengatur tampilan halaman web, seperti warna, font, dan layout. CSS digunakan untuk mengatur tampilan dari elemen-elemen HTML. Sedangkan JavaScript adalah bahasa pemrograman, yang digunakan untuk menambahkan interaktivitas ke halaman web, seperti animasi, validasi formulir, dan efek mouse-over. JavaScript dapat dijalankan di browser pengguna untuk membuat halaman web menjadi lebih interaktif.
Advertisement
4. Respons server
![Ilustrasi Situs Web, Internet, Website. Kredit: FirmBee via Pixabay](https://cdn0-production-images-kly.akamaized.net/bWuuOu-zc8ODmw7t8eiH9JqYni4=/640x360/smart/filters:quality(75):strip_icc():format(webp)/kly-media-production/medias/1576254/original/002150400_1493108078-Ilustrasi_Situs_Web__Internet__Website_Kredit_FirmBee_via_Pixabay.jpg)
Setelah server web menerima permintaan dari browser, server web akan merespons dengan mengirimkan halaman web yang diminta melalui protokol HTTP. Respons ini berisi data halaman web, seperti teks, gambar, video, atau suara. Respons server juga dapat berisi informasi tambahan, seperti kode status HTTP yang menunjukkan apakah permintaan berhasil atau gagal, dan header HTTP yang berisi informasi tentang server web dan halaman web yang diminta.
5. Rendering halaman web
Setelah browser menerima respons dari server web, browser akan memulai proses rendering, yang mencakup memproses bahasa HTML, CSS, dan JavaScript. Browser akan membaca kode HTML untuk menentukan struktur halaman web, dan mengubahnya menjadi model dokumen objek (DOM). DOM adalah representasi struktural halaman web dalam bentuk pohon, yang terdiri dari elemen-elemen HTML, atribut, dan teks.
Setelah browser membangun model DOM, maka browser akan membaca kode CSS dan mengubahnya menjadi model tata letak objek (CSSOM). CSSOM adalah representasi tampilan halaman web dalam bentuk pohon, yang terdiri dari aturan CSS dan properti CSS. Selanjutnya, jika browser membangun model DOM dan CSSOM, maka dapat menggabungkan keduanya untuk membangun model render objek (RO).
RO adalah representasi tampilan halaman web dalam bentuk pohon, yang terdiri dari elemen-elemen HTML, atribut, teks, aturan CSS, dan properti CSS. Setelah browser membangun model RO, browser akan menghitung tata letak halaman web dan menentukan posisi, ukuran, dan bentuk setiap elemen halaman web. Setelah tata letak selesai, browser akan menampilkan halaman web di layar.
6. Interaksi pengguna
Setelah halaman web ditampilkan di layar, pengguna dapat berinteraksi denganhalaman web melalui mouse, keyboard, atau perangkat input lainnya. Ketika pengguna berinteraksi dengan halaman web, browser akan menangani interaksi tersebut dan mengirimkan perintah ke server web jika diperlukan. Contoh interaksi pengguna yang umum meliputi mengisi formulir, mengklik tautan, dan mengirimkan permintaan ke server web. Setelah server web menerima permintaan dari pengguna, server web akan memproses permintaan tersebut dan menghasilkan respons yang kemudian akan dikirimkan kembali ke browser.
7. Perbarui halaman web
Cara kerja web selanjutnya adalah perbarui halaman web, di mana pengguna berinteraksi dengan halaman web dan server web yang menghasilkan respons dan browser akan memperbarui halaman web sesuai dengan respons yang diterima. Halaman web dapat diperbarui secara otomatis menggunakan teknologi seperti AJAX (Asynchronous JavaScript and XML), memungkinkan browser untuk memuat bagian halaman web tanpa harus memuat ulang seluruh halaman.
Fungsi
![Situs web](https://cdn1-production-images-kly.akamaized.net/flVBetRFbnschh4a08jc1E9LUhA=/640x360/smart/filters:quality(75):strip_icc():format(webp)/kly-media-production/medias/1775170/original/021624600_1511150974-Ilustrasi_spooky.jpg)
Menghubungkan orang dan informasi
Salah satu fungsi utama dari web adalah untuk menghubungkan orang dengan informasi. Web memungkinkan kita untuk mencari dan mengakses informasi, dari berbagai sumber di seluruh dunia. Dengan mesin pencari seperti Google, Bing, dan Yahoo, kita dapat menemukan informasi tentang hampir semua topik yang kita inginkan. Selain itu, banyak situs web juga menyediakan informasi yang sangat berguna, seperti Wikipedia, Khan Academy, dan banyak lagi.
Komunikasi dan kolaborasi
Cara kerja web juga memungkinkan komunikasi dan kolaborasi, antar orang dari berbagai belahan dunia. Email adalah salah satu cara komunikasi paling umum yang digunakan di web. Selain itu, pesan instan seperti WhatsApp, Telegram, dan Skype memungkinkan kita untuk berkomunikasi secara real-time dengan teman dan keluarga di seluruh dunia. Selain itu, platform kolaborasi online seperti Google Drive dan Microsoft Teams, memungkinkan kita untuk bekerja bersama dalam dokumen, presentasi, dan proyek lainnya.
Bisnis dan perdagangan
Web juga memiliki peran yang sangat penting dalam bisnis dan perdagangan modern. Dengan web, bisnis dapat memasarkan produk dan layanan mereka secara online, menjual produk dan layanan secara langsung ke pelanggan, dan memperluas jangkauan bisnis mereka ke seluruh dunia. Situs web e-commerce seperti Amazon, eBay, dan Alibaba adalah contoh sukses dari bisnis online.
Pendidikan dan pembelajaran
Web juga memainkan peran penting dalam pendidikan dan pembelajaran. Dengan e-learning dan platform online, siswa dan pelajar dapat belajar dan mengakses sumber daya pendidikan dari mana saja di dunia. Situs web seperti Coursera, Udemy, dan Khan Academy menyediakan kursus online dan materi pembelajaran gratis yang dapat diakses oleh siapa saja dengan koneksi internet.
Hiburan dan rekreasi
Web juga menyediakan banyak hiburan dan rekreasi. Dengan platform streaming seperti Netflix, Disney+, dan Hulu, kita dapat menonton film dan acara TV favorit kita dari mana saja. Platform musik seperti Spotify, Apple Music, dan YouTube Music memungkinkan kita untuk mendengarkan lagu, dan membuat daftar putar sesuai dengan keinginan kita. Selain itu, banyak situs web game menyediakan hiburan yang menyenangkan bagi pemain dari segala usia.
Sumber daya dan layanan publik
Web juga dapat digunakan untuk menyediakan sumber daya dan layanan publik seperti situs web pemerintah, situs web layanan kesehatan, dan banyak lagi. Situs web pemerintah seperti gov.uk, whitehouse.gov, dan kormany.hu menyediakan informasi tentang kebijakan dan layanan pemerintah. Situs web layanan kesehatan seperti WebMD dan NHS Choices menyediakan informasi tentang kesehatan dan gaya hidup yang sehat.
Terkini Lainnya
60 Ide Balasan Ucapan Idul Adha, Sambung Tali Silaturahmi
14 Manfaat Chia Seeds dan Cara Konsumsinya, Jaga Berat Badan Ideal
1. Browser
2. Server web
3. HTML, CSS, dan JavaScript
4. Respons server
5. Rendering halaman web
6. Interaksi pengguna
7. Perbarui halaman web
Fungsi
Menghubungkan orang dan informasi
Komunikasi dan kolaborasi
Bisnis dan perdagangan
Pendidikan dan pembelajaran
Hiburan dan rekreasi
Sumber daya dan layanan publik
artikel menarik
Cara Kerja Web
Kerja Web
Fungsi Kerja Web
Internet
HTML
CSS
dan JavaScript
JavaScript
Website
Web
Rekomendasi
14 Manfaat Chia Seeds dan Cara Konsumsinya, Jaga Berat Badan Ideal
Copa America 2024
Jadwal Lengkap Copa America 2024, Hasil, Klasemen Grup A, B, C, D Cek di Sini
Prediksi Copa America 2024 Brasil vs Kolombia: Misi Hindari Uruguay
Hasil Copa America 2024: Uruguay Singkirkan Amerika Serikat, Panama Melenggang ke Perempat Final
Bermain Imbang Lawan Meksiko, Ekuador Lolos ke Perempat Final Copa America 2024
Hasil Copa America 2024: Drama VAR, Ekuador Lolos ke Perempat Final Singkirkan Meksiko, Venezuela Hajar Jamaika
Hasil Copa America 2024 Argentina vs Peru dan Kanada vs Cile: La Albiceleste Juara Grup, Les Rouges Dampingi ke Perempat Final
Timnas Indonesia U-16
Jadwal Lengkap, Hasil, dan Klasemen Piala AFF U-16 2024: Timnas Indonesia Bidik Gelar Ketiga
Link Siaran Langsung Vietnam vs Indonesia di Vidio: Perebutan Peringkat 3 AFF U-16 2024
Ini Penyebab Kekalahan Lawan Australia Menurut Pelatih
Timnas Indonesia Gagal Pertahankan Gelar Piala AFF U-16, Nova Arianto Tetap Beri Apresiasi
Hasil Piala AFF U-16 2024 Indonesia vs Australia: Dapat Kartu Merah dan Kebobolan 5 Gol, Garuda Nusantara Gagal ke Final
Hasil Piala AFF U-16 2024 Indonesia vs Australia: Dapat Kartu Merah, Garuda Nusantara Paksa Skor Imbang di Babak Pertama
Judi Online
Gawat! 82 Persen Pengguna Internet Terpapar Iklan Judi Online
Menko PMK Pastikan Pelaku Judi Online Dihukum Berat dan Tak Dapat Bansos
Puan Minta MKD Buka Daftar Anggota DPR yang Diduga Terlibat Judi Online
Dewan Pers Minta Kapolri-Kapolda Usut Kebakaran Rumah Wartawan di Karo
MKD: 2 Anggota DPR dan 58 Staf Terlibat Judi Online, Perputaran Uang Capai Rp 1,9 Miliar
MKD DPR Sebut Hanya 2 Anggota Dewan yang Terlibat Judi Online
Pilkada 2024
Menanti Langkah PDIP Menentukan Pilihan Sosok untuk Maju di Pilkada Jakarta
Survei: Elektabilitas Helldy Agustian Tertinggi di Pilwalkot Cilegon
KPU RI Resmi Terbitkan Peraturan Anyar soal Batasan Usia Kepala Daerah, Ini Isinya
Puan Sebut PDIP Pertimbangkan Kaesang Maju Pilkada Jateng
Hasto PDIP: Coklit Ini Penting Dalam Menjamin Hak Konstitusional Warga
PPP Sebut Pernyataan KPU soal Usia Cagub-Cawagub Bukan Hanya untuk Kaesang
TOPIK POPULER
Populer
7 Potret Jazzlyn Trisha JKT48, Anggota Termuda yang Baru Lulus SD
Ingat Alwi Assegaf di Sinetron ‘Raden Kian Santang’? 7 Potretnya Sudah Dewasa
Daftar Komoditas Ekspor Indonesia, dari Bahan Bakar Mineral hingga Perhiasan
Kenapa Daging Kurban Bau? Perhatikan Cara Menyimpan dan Memotongnya
Cara Tarik Tunai Tanpa Kartu di BCA, BRI, BNI dan Mandiri
Pria Ini Makan Kulit Durian Demi Konten ASMR, Aksinya Jadi Sorotan
Mantan Mentan Syahrul Yasin Limpo Dituntut 12 Tahun Penjara, Mengapa Ia Menolak?
Mengenal Zenly dan Fungsinya, Aplikasi Pelacak Lokasi yang Ditutup saat Sedang Tenar
Sinopsis Film The Unholy, Simak Fakta-fakta Menariknya
6 Keinginan Netizen Jika Punya Senter Pembesar di Doraemon Ini Bikin Senyum
Euro 2024
Tonton Live Streaming Euro 2024 Rumania vs Belanda, Segera Dimulai
Link Live Streaming Euro 2024 Austria vs Turki, Rabu 3 Juli Pukul 02.00 WIB: Siapa Lolos ke 8 Besar?
Link Live Streaming Euro 2024 Rumania vs Belanda: Uji Kelayakan Koeman
Euro 2024: Drama Penalti Cristiano Ronaldo, Air Mata Berubah Jadi Senyuman
UEFA Lakukan Penyelidikan, Bintang Inggris Jude Bellingham Terancam Larangan Bertanding di Euro 2024.
Pangeran William Girang Inggris Lolos ke Perempat Final Euro 2024, Sebut Kayak Naik Rollercoaster
Berita Terkini
Jadwal Lengkap, Hasil, dan Klasemen Piala AFF U-16 2024: Timnas Indonesia Bidik Gelar Ketiga
Jadwal Lengkap Copa America 2024, Hasil, Klasemen Grup A, B, C, D Cek di Sini
Bolehkah Puasa di Tanggal 1 Muharram alias 1 Suro, Bagaimana Hukumnya?
PSI Berikan Surat Tugas Menantu Pakde Karwo Bayu Airlangga Maju Pilkada Surabaya 2024
5 Olahraga yang Tepat untuk Memulai Gaya Hidup Sehat
HEADLINE: Pemerintah Wajibkan Pencadangan Data Nasional Usai Diserang Hacker, Langkah Terlambat?
Cara Masyarakat Jambi Melestarikan Adat Istiadat dan Lingkungan Lewat Lubuk Larangan
Seleksi Anggota Komisi Informasi Tahun 2024-2028 Dibuka, Berminat? Simak Persyaratannya
Gempa Hari Ini Selasa 2 Juli 2024 Getarkan Kepulauan Tanimbar Maluku
Kisah Sukses Jarot Setiawan, Mantan PMI Banyuwangi yang Sukses Jadi Pengusaha Susu Kambing Perah
Bupati Bandung Bertemu Ipar Raffi Ahmad, Ada Kerja Sama Politik?
3 Inovasi Karya Universitas Bangka Belitung Dilindungi Hak Paten
Link Siaran Langsung Vietnam vs Indonesia di Vidio: Perebutan Peringkat 3 AFF U-16 2024
Peta Politik Pilgub Banten 2024, Airin-Andra Semakin Seru
Syaikhu Tegaskan Anies Harus Gandeng Sohibul Iman Jika Ingin Bersama PKS di Pilgub Jakarta