Langsung ke konten utama

TEKNOLOGI WEB


TEKNOLOGI WEB
sumber gambar slideplayer.info

Web berdasarkan teknologinya terbagi menjadi dua,yaitu Web Statis dan Web Dinamis.Sebelum menuju ke perbedaan web statis dan web dinamis,mari kita bahas persamaannya terlebih dahulu.Persamaan web statis dan dinamis yaitu sama-sama keduanya merupakan suatu web yang menampilkan halaman yang ditampilkan di internet yang memuat informasi tertentu (khusus).

Pengertian Web Statis dan Web Dinamis

Web statis adalah website yang mana pengguna tidak bisa mengubah konten dari web tersebut secara langsung menggunakan browser.Interaksi yang terjadi antara pengguna dan server hanyalah seputar pemrosesan link saja.Halaman-halaman web tersebut tidak memiliki database,data dan informasi yang ada pada web statis tidak berubah-ubah kecuali diubah sintaksnya.Dokumen web yang dikirim kepada client akan sama isinya dengan apa yang ada di web server.

Contoh dari web statis adalah web yang berisi profil perusahaan.Disana hanya ada beberapa halaman saja dan kontennya hampir tidak pernah berubah karena konten langsung diletakkan dalam file HTML saja.

Dalam web dinamis,interaksi yang terjadi antara pengguna dan server sangat kompleks.Seseorang bisa mengubah konten dari halaman tertentu dengan menggunakan browser.Request (permintaan) dari pengguna dapat diproses oleh server yang kemudian ditampilkan dalam isi yang berbeda-beda menurut alur programnya.Halaman-halaman web tersebut memiliki database.Web dinamis,memiliki data dan informasi yang berbeda-beda bergantung input apa yang disampaikan client.

Dokumen yang sampai di client akan berbeda dengan dokumen yang ada di web server.Contoh dari web dinamis adalah portal berita dan jejaring sosial.Lihat saja web tersebut,isinya sering diperbaharui (di-update) oleh pemilik atau penggunanya.Bahkan untuk jejaring sosial sangat sering di-update setiap harinya.

Perbedaan Web Statis dan Web Dinamis

1
.      Interaksi antara pengunjung dan pemilik web
Dalam web statis tidak dimungkinkan terjadinya interaksi antara pengunjung dengan pemilik web.Sementara dalam web dinamis terdapat interaksi antara pengunjung dengan pemilik web seperti memberikan komentar,transaksi online,forum,dll
2
.  
       Bahasa Script yang digunakan
Web statis hanya menggunakan HTML saja,atau paling tidak bisa ditambahkan dengan CSS.Sedangkan web dinamis menggunakan bahasa pemrograman web yang lebih kompleks seperti PHP,ASP,dan JavaScript.

3
.      Pengguna Database
Web statis tidak menggunakan database karena tidak ada data yang perlu disimpan dan diproses.Sedangkan web dinamis menggunakan database seperti MySQL,Oracle,dll untuk menyimpan dan memproses data.
4
.      Konten
Konten dalam web statis hanya diberikan oleh pemilik web dan jarang di-update,sementara konten dalam web dinamis bisa berasal dari pengunjung dan lebih sering di-update.Konten dalam web dinamis bisa diambil dari database sehingga isinya pun bisa berbeda-beda walaupun kita membuka web yang sama.

Kebutuhan pemrograman web

Pembuatan halaman web membutuhkan persiapan tidak saja pengetahuan tentang bagaimana disain halaman web,namun juga perlu dukungan persiapan perangkat keras,perangkat lunak,dan yang lainnya.

Perangkat keras

Perangkat keras yang dibutuhkan untuk pembuatan halaman web tidak berbeda jauh dengan kebutuhan komputasi biasa.Seperangkat komputer lengkap dengan CPU,monitor,keyboard,mouse,printer dan beberapa perangkat tambahan lain sudah dapat digunakan untuk membuat halaman web.Spesifikasi tergantung dari perangkat lunak yang akan diinstal pada perangkat komputer tersebut.Jika kita menginstal web server,pengolah gambar untuk disain halaman web,HTML editor yang komplet,tentu kita membutuhkan spesifikasi yang lebih tinggi.

Perangkat lunak

Web/ HTML Editor adalah perangkat lunak yang digunaka untuk membuat halaman-halaman web,baik yang bersifat statis maupun dinamis.Di pasar perangkat lunak,saat ini tersedia banyak sekali jenis perangkat pengembang web,mulai dari yang sederhana sampai yang canggih dan kompleks.Namun sebenarnya untuk membuat halaman web baik statis maupun dinamis kita dapat menggunakan teks editor biasa seperti Notepad atau Vi.Hanya saja teks editor tidak menyediakan fasilitas-fasilitas yang memudahkan kita dalam membuat halaman web.Pada perangkat pengembang web yang lebih kompleks seperti Adobe  Dreamweaver (dulu Macromedia Dreamweaver),Microsoft Visual Studio.Net,dan beberapa yang lainnya,kita akan mendapati fasilitas yang sangat membantu mempercepat pembuatan halaman web,antara lain: tampilan berbasis GUI, automatic code completion (melengkapi kode secara otomatis), WYSIWYG (what you see is what you get) HTML Editor,koneksi ke basis data yang lebih mudah,dan banyak lagi fasilitas.Tentu saja perangkat pengembang ini berharga relative mahal...

Komentar

Postingan populer dari blog ini

Memformat Karakter HTML - HTML Tutorial

Format terhadap karakter yang ditampilkan akan sangat berguna untuk membuat sebuah dokumen HTML yang menarik. 1.Logical Format Logical format akan menerapkan layout dokumen secara logis dan terstruktur.Tag-tag yang termasuk logical format adalah sebagai berikut : <cite> digunakan untuk menandai suatu kutipan (Citation). <code> digunakan untuk menampilkan kode-kode pemrograman,misalnya bahasa C. <em> digunakan untuk menandai suatu teks yang ditekankan oleh penulis. <kbd> digunakan untuk menandai suatu teks yang harus dimasukkan oleh user melalui keyboard. <samp> digunakan untuk menandai suatu teks yang dimaksudkan sebagai contoh. <strong> digunakan untuk menandai bagian yang terpenting dari suatu teks. <var> digunakan untuk menampilkan nama variabel. <dfn> digunakan untuk menandai sebuah subdenfinisi dari daftar. Semua tag tersebut memerlukan tag penutupnya masing-masing. Contoh (save dengan nama logical format.html) :  <html> ...

Menggunakan Link di dalam HTML - HTML Tutorial

Link merupakan suatu gambar atau teks yang terkait dengan suatu alamat tertentu.Jika link diklik maka dokumen HTML akan menuju ke alamat tersebut.Ditandai dengan Anchor, yaitu tag <a>. Tag <a> mempunyai dua atribut,yaitu href dan name.Atribut href digunakan jika sebuah anchor akan digunakan sebagai link,sedangkan atribut name digunakan jika anchor akan digunakan sebagai tujuan. 1.Link ke dokumen lain Untuk membuat link/penghubung dengan target ke dokumen/halaman yang berbeda,anda harus membuat dokumen yang dituju/target dan disimpan dalam direktori tertentu,baik pada direktori yang sama atau berbeda dengan dokumen yang aktif sekarang.Untuk mencoba kita akan membuat 3 file yang saling berhubungan.Sebelumnya supaya file-file yang dibuat terlihat rapi kita buat folder "tabel" terlebih dahulu jika nanti file link yang kita buat tersimpan di dalam folder "tabel". 1.link-utama.html  <html> <head> <title> Halaman Utama </title> </head...