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...

Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

Elemen-elemen dasar HTML untuk memformat halaman web

Sumber gambar peterwebs.com 1.Elemen Head Bagian Head sebenarnya tidak harus ada pada dokumen HTML, tetapi pemakaian head yang benar akan meningkatkan kegunaan suatu dokumen HTML.Isi bagian head kecuali judul dokumen tidak akan terlihat oleh pembaca dokumen tersebut. Elemen-elemen pada bagian head akan mengerjakan tugas-tugas sebagai berikut : Menyediakan judul dokumen Menjabatani hubungan antar dokumen Memberitahu browser untuk membuat form pencarian Menyediakan metode untuk mengirim pesan ke tipe browser Elemen yang mungkin terdapat pada bagian head : 1.Tag <title>,digunakan untuk memberi judul dokumen.Penggunaannya sebagai berikut : <title> Judul </title> 2.Tag <base>,digunakan untuk menentukan basis URL sebuah dokumen.Penggunaannya adalah sebagai berikut : <base href="url"> contoh : <base href="//www.alamat.com/direktori"> 3.Tag <link>,digunakan untuk menunjukkan relasi antar do...
2 komentar
Baca selengkapnya

7 Langkah Menangkal Krisis Percaya Diri

1.Evaluasi Diri Seobjektif Mungkin Belajar menilai diri secara objektif dan jujur.Susunlah daftar "kekayaan" pribadi,seperti prestasi yang pernah diraih,sifat positif,potensi diri (baik yang sudah diaktualisasi maupun yang belum),keahlian yang dimiliki,serta kesempatan ataupun sarana yang mendukung kemajuan diri.Sadari semua aset berharga kita dan temukan aset yang belum dikembangkan. Pelajari kendala yang selama ini menghalangi perkembangan diri,seperti pola berpikir yang keliru,niat dan motivasi yang lemah,kurangnya disiplin diri,kurangnya ketekunan dan kesabaran,bergantung pada bantuan orang lain,ataupun sebab eksternal lain.Hasil analisis dan pemetaan terhadap SWOT (Strengths/kekuatan,Weaknesses/kelemahan,Obstacles/hambatan,and Threats/ancaman) diri,kemudian digunakan untuk membuat dan menerapkan strategi pengembangan diri yang lebih realistik. 2.Beri Penghargaan yang Jujur terhadap diri Sadari dan hargailah sekecil apapun keberhasilan dan potensi yang kita miliki.Ingatla...
Posting Komentar
Baca selengkapnya

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...
Posting Komentar
Baca selengkapnya