Materi Web Desain : Konsep-konsep dan teknologi web
Setelah menempuh materi ini, siswa diharapkan dapat :
- Menjelaskan Konsep-konsep dan teknologi web(web Server, URL, HTTP, HTML, Web browser)
- Menjelaskan cara bagaimana bandwidth mempengaruhi transmisi data dan gambar pada layer
- Menjelaskan perbedaan antara ‘sisi-klien’ dan ‘sisi-server’
- Membandingkan ciri-ciri dan fungsi dari software teks editor yang tersedia untuk merancang web page
- Menjelaskan keuntungan dan kerugian running dari server yang dimiliki(lokal) dibandingkan server provider.
Konsep-konsep dan teknologi Web
Website adalah kumpulan dari halaman - halaman situs, yang terangkum
dalam sebuah domain atau subdomain, yang tempatnya berada di dalam World
Wide Web ( WWW )di Internet.
Website sebenarnya hanya berupa dokumen, yang ditulis dalam bentuk plain
text tersusun dari bahasa Markup yaitu Hypertext Markup Language
(HTML).
Sebuah halaman website biasanya diakses menggunakan alamat, seperti
www.google.com, yang biasa disebut Uniform Resource Locator (URL) atau
alamat website. World Wide Web (WWW) pertama kali dibuat pada tahun 1990
oleh Tim Berners-Lee.
Situs web dibedakan menjadi 2 yakni statis dan dinamis. Web statis
adalah web yang menampilkan informasi-informasi yang sifatnya statis
atau tetap. Kenapa statis ? Karena pengguna tidak dapat berinteraksi
dengan situs tersebut.
Web dinamis adalah web yang memungkinkan penggunan untuk dapat
berinteraksi dengan form sehingga dapat mengolah informasi-informasi
yang ditampilkan. Web ini tidak terlihat kaku, tampilan terlihat lebih
indah.
Cara Kerja Website
Cara kerja website dapat dilihat melalu gambar berikut :
USER/pengguna yang akan mengakses suatu website berupa URL melalui WEB BROWSER (yaitu media untuk menuju URL yang diakses),
WEB BROWSER tersebut mengirimkan permintaan/ request berupa HTTP REQUEST kepada WEB SERVER melalui layer-layer TCP/IP,
WEB SERVER memberikan WEB FILES yang di-request jika ada.
WEB FILES yang telah diberikan tadi tidak langsung
ditampilkan/di-display begitusaja, namun WEB SERVER memberikan respon
kembali ke WEB BROWSER melalui HTTP RESPONSE yang juga melalui
layer-layer TCP/IP,
WEB BROWSER, dan kemudian dikirimkan kepada USER berupa DISPLAY.
Domain
Nama domain atau biasa disebut dengan Domain Name atau URL adalah alamat
unik di dunia internet yang digunakan untuk mengidentifikasi sebuah
website, atau dengan kata lain domain name adalah alamat yang digunakan
untuk menemukan sebuah website pada dunia internet.Untuk nama/alamat
situs, salah satu format standar nama yang digunakan adalah sebagai
berikut :
nama-protokol:/nama-host/path/nama-file
nama-protokol misalnya http, ftp.
nama-host misalnya www.tegararian.blogspot.com
path = nama lengkap jalur ke file, misalnya: prg
nama-file misalnya tugas.doc
Contoh nama domain ber-ekstensi lokasi Negara Indonesia adalah :
.co.id : Untuk Badan Usaha yang mempunyai badan hukum sah
ac.id : Untuk Lembaga Pendidikan
go.id : Khusus untuk Lembaga Pemerintahan Republik Indonesia
.mil.id : Khusus untuk Lembaga Militer Republik Indonesia
.or.id : Untuk segala macam organisasi yand tidak termasuk dalam kategori “ac.id”,”co.id”,”go.id”,”mil.id” dan lain lain
.war.net.id : untuk industri warung internet di Indonesia
Hypertext Markup Language (HTML)
Hypertext Markup Language (HTML) merupakan bahasa pemrograman di Web.
Mendesain HTML berarti melakukan suatu tindakan pemrograman. Namun HTML
bukanlah sebuah bahasa pemrograman. Namun
HTML hanyalah berisi perintah-perintah yang telah terstruktur berupa
tag-tag penyusun. Menuliskan tag-tag HTML tidaklah sebatas hanya
memasukkan perintah-perintah tertentu agar HTML kita dapat di akses oleh
browser.
Contoh Markup HTML :
Untuk mengakses, membuka serta menikmati layanan WWW, kita menggunakan
aplikasi yang bernama Web Browser. Contoh web browser yang sering
digunanakan : Firefox, Internet Explorer, Google Chrome, Opera, and
Safari
Pengertian Bandwidth Dalam Ilmu Komputer adalah jumlah pemakauan data dalam sebuah transmisi atau pengiriman data telekomunikasi. Di sini bandwidth juga dihitung sebagai bitrate.
Contoh Markup HTML :
<!DOCTYPE html>
<html>
<head>
<title>This is a title</title>
</head>
<body>
<p>Hello world!</p>
</body>
</html>
Web Browser
Bandiwdth
Bandwidth adalah besaran yang menunjukkan seberapa banyak data yang dapat dilewatkan dalam koneksi melalui sebuah network. Lebar pita atau kapasitas saluran informasi. Kemampuan maksimum dari suatu alat untuk menyalurkan informasi dalam satuan waktu detik.
Pengertian Bandwidth Dalam Ilmu Komputer adalah jumlah pemakauan data dalam sebuah transmisi atau pengiriman data telekomunikasi. Di sini bandwidth juga dihitung sebagai bitrate.
Software Editor HTML
Untuk membuat serta melakukan editing terhadap HTML, maka perlu HTML
editor. Banyak sekali HTML Editor yang dapat digunakan untuk membuat dan
edit HTML, berikut daftarnya :
Front Page
Adobe Dreamweaver
Notepad
Notepad++
Text Edit
P
BalasHapus