PERBEDAAN WEB STATIS DAN WEB DINAMIS

Sejarah Web




Situs web (bahasa Inggris: web site) atau sering dingkat dengan istilah situs adalah sejumlah halaman web yang memiliki topik saling terkait, terkadang disertai pula dengan berkas-berkas gambar, video, atau jenis-jenis berkas lainnya. Sebuah situs web biasanya ditempatkan setidaknya pada sebuah server web yang dapat diakses melalui jaringan seperti internet, ataupun jaringan wilayah lokal (LAN) melalui alamat internet yang dikenali sebagai URL. Gabungan atas semua situs yang dapat diakses publik di internet disebut pula sebagai Waring Wera Wanua atau lebih dikenal dengan singkatan WWW. Meskipun setidaknya halaman beranda situs internet umumnya dapat diakses publik secara bebas, pada prakteknya tidak semua situs memberikan kebebasan bagi publik untuk mengaksesnya, beberapa situs web mewajibkan pengunjung untuk melakukan pendaftaran sebagai anggota, atau bahkan meminta pembayaran untuk dapat menjadi aggota untuk dapat mengakses isi yang terdapat dalam situs web tersebut, misalnya situs-situs yang menampilkan pornografi, situs-situs berita, layanan surel (e-mail), dan lain-lain. Pembatasan-pembatasan ini umumnya dilakukan karena alasan keamanan, menghormati privasi, atau karena tujuan komersil tertentu.




Sebuah halaman web merupakan berkas yang ditulis sebagai berkas teks biasa (plain text) yang diatur dan dikombinasikan sedemikian rupa dengan instruksi-instruksi berbasis HTML, atau XHTML, kadang-kadang pula disisipi dengan sekelumit bahasa skrip. Berkas tersebut kemudian diterjemahkan oleh peramban web dan ditampilkan seperti layaknya sebuah halaman pada monitor komputer.




Halaman-halaman web tersebut diakses oleh pengguna melalui protokol komunikasi jaringan yang disebut sebagai HTTP, sebagai tambahan untuk meningkatkan aspek keamanan dan aspek privasi yang lebih baik, situs web dapat pula mengimplementasikan mekanisme pengaksesan melalui protokol HTTPS.




Penemu situs web adalah Sir Timothy John ¨Tim¨ Berners-Lee, sedangkan situs web yang tersambung dengan jaringan pertamakali muncul pada tahun 1991. Maksud dari Tim ketika merancang situs web adalah untuk memudahkan tukar menukar dan memperbarui informasi pada sesama peneliti di tempat ia bekerja. Pada tanggal 30 April 1993, CERN (tempat dimana Tim bekerja) mengumumkan bahwa WWW dapat digunakan secara gratis oleh publik.




Sebuah situs web bisa berupa hasil kerja dari perorangan atau individu, atau menunjukkan kepemilikan dari suatu organisasi, perusahaan. biasanya pembahasan dalam sebuah situs web merujuk pada sebuah ataupun beberapa topik khusus, atau kepentingan tertentu. Sebuah situs web bisa berisi pranala yang menghubungkan ke situs web lain, demkian pula dengan situs web lainnya. Hal ini terkadang membuat perbedaan antara situs web yang dibuat oleh individu ataupun perseorangan dengan situs web yang dibuat oleh organisasi bisnis menjadi tidak begitu jelas.




Situs web biasanya ditempatkan pada server web. Sebuah server web umumnya telah dilengkapi dengan perangkat-perangkat lunak khusus untuk menangani pengaturan nama ranah, serta menangani layanan atas protokol HTTP yang disebut sebagai Server HTTP (bahasa Inggris: HTTP Server) seperti Apache HTTP Server, atau Internet Information Services (IIS).




Web merupakan sebuah database jaringan komputer diseluruh dunia yang menggunakan sebuah arsitektur pengambilan informasi yang umum. Secara konsep web merupakan sebuah client atau server manajemen database.




Web sekarang ini berkembang dari ide dan konsep yang dicetuskan oleh Tim Berners-Lee, seorang peneliti pada CERN Particle Physics Lab di Jenewa, Swiss. Pada tahun 1989 Berners-Lee merumuskan suatu proposal tentang sebuah system hypertext yang memiliki tiga komponen sebagai berikut:




1. Antarmuka yang konsisten untuk semua platform. Antarmuka ini harus menyediakan akses yang dapat digunakan oleh berbagai jenis komputer.




2. Akses informasi yang universal. Setiap pengguna harus dapat mengakses setiap informasi yang tersedia.




3. Antarmuka yang menyediakan akses terhadap berbagai jenis dokumen dan protokol.




Perkembangan selanjutnya dari konsep Berners-Lee ini melahirkan Mosaic, sebuah web browser grafis yang pertama. Web memiliki banyak kemungkinan hubungan antar dokumen tanpa awal dan akhir.




Dokumen web harus ditulis dalam suatu format khusus yang memungkinkan hypertext saling terjalin untuk bekerja. Format ini adalah Hypertext Markup Language (HTML). HTML merupakan bagian dari Stpenggunard Generalized Markup Language (SGML). SGML merupakan stpenggunar dari International Stpenggunard Organization (ISO), untuk mendefinisikan format pada dokumen teks.




Komponen-komponen penyusun web




untuk membuat web, diperlukan beberapa komponen yang harus ada (ter-install) didalam komputer, yaitu:


1. Web browser, merupakan perangkat lunak wajib yang harus terdapat di komputer. karena untuk menjalankan aplikasi web harus menggunakan web browser. Beberapa contohnya: internet explorer, mozilla firefox, opera, safari.


2. Web server, merupakan perangkat lunak wajib jika membuat sebuah halaman web dinamis. dalam web server semua script-script web yang dibuat diletakkan. biasanya diletakkan dalam “document root” dalam web server tersebut. dengan menggunakan web server maka pembuat web dapat melakukan uji coba terhadap halaman-halaman web yang dibuat tanpa harus mencobanya di internet langsung (localhost). berikut contoh web server: IIS (internet information services) terdapat pada windows NT/ XP/ 2000 Server untuk ASP dan PHP, PWS (personal web server) terdapat pada Windows 98 SE untuk ASP dan PHP, Apache web server dapat di install di semua sistem operasi untuk PHP, Apache Tomcat dapat di install di semua sistem operasi untuk JSP (java server pages).


3. Script, merupakan script yang digunakan. untuk membuat web statis menggunakan client side scripting (HTML, XML, CSS style sheet, java script). untuk membuat web dinamis menggunakan server side scripting (ASP, PHP, JSP).


4. Database server, merupakan tempat penyimpan data dalam sebuah web. contohnya: MySQL, Microsoft SQL Server, Oracle, DB2 (IBM), PostgreSQL.


5. Web editor, merupakan perangkat lunak yang digunakan untuk mengetikkan perintah-perintah script yang digunakan baik itu client side scripting ataupun server side scripting bahkan beberapa web editor dapat digunakan untuk mengatur layout/ tampilan halaman web secara instant. berikut contoh web editor: Notepad, Macromedia Dreamweaver, Ultra Edit, Adobe Go Live, NetBean.


6. Image editor, merupakan perangkat lunak yang digunakan untuk mengelola gambar-gambar dan animasi yang nantinya akan digunakan didalam halaman web yang akan dibuat. berikut contohnya: adobe photoshop, corell draw, macromedia flash.






Website Statis dan Website Dinamis






Website Statis


Website statis adalah website yang kontennya statis / tidak berubah-rubah. Website statis ini persis seperti brosur. Bedanya, brosur di cetak dan disebarkan, sedangkan website statis di host dan diakses melalui internet.


Sekali website statis di online kan di internet, umumnya jarang sekali website tersebut merubah kontennya. Seringkali website statis ini disusun dari html polos yang antar halamannya dihubungkan dengan hyperlink di tanpa pemrograman disisi server karena tujuannya adalah ‘sebatas’ menampilkan informasi di internet.


Aplikasi dari website statis sering kali kita temukan di website company profile, personal profile, website penawaran produk, dan semua website yang bertujuan melakukan komunikasi satu arah dari pemilik website ke pengunjung tanpa diperlukan interaksi.


Sebuah Website statik, adalah salah satu bentuk website yang isi didalam website tersebut tidak dimaksudkan untuk di update secara berkala, dan biasanya di maintain secara manual oleh beberapa orang yang menggunakan software editor. Ada 3 tipe kategori software editor yang biasa dipakai untuk tujuan maintaining ini, mereka adalah :


# Elemen 1 Penyunting teks. Contohnya adalah Notepad atau TextEdit, dimana HTML diubah didalam program editor tersebut.


# Elemen 2 WYSIWYG editor. Contohnya Microsoft Frontpage dan Macromedia Dreamweaver, dimana situs di edit menggunakan GUI (Graphical User Interface) dan format HTML ini secara otomatis di generate oleh editor ini.


# Elemen 3 Editor yang sudah memiliki templat, contohnya Rapidweaver dan iWeb, dimana, editor ini membolehkan user untuk membuat dan mengupdate websitenya langsung ke server web secara cepat, tanpa harus mengetahui apapun tentang HTML. Mereka dapat memilih templat yang sesuai dengan keinginan mereka, menambah gambar atau obyek, mengisinya dengan tulisan, dan dengan sekejap mereka sudah dapat membuat situs web tanpa harus melihat sama sekali kode-kode HTML.


Sebuah ”website dynamic” adalah website yang secara berkala, informasi didalamnya berubah, atau website ini bisa berhubungan dengan user dengan berbagai macam cara atau metode (HTTP cookies atau Variabel Database, sejarah kunjungan, variabel sesi dan lain-lain) bisa juga dengan cara interaksi langsung menggunakan form dan pergerakan mouse. Ketika web server menerima permintaan dari user untuk memberikan halaman tertentu, maka halaman tersebut akan secara otomatis di ambil dari media penyimpanan sebagai respon dari permintaan yang diminta oleh user. Sebuah situs dapat menampilkan dialog yang sedang berlangsung diantara dua user, memantau perubahan situasi, atau menyediakan informasi yang berkaitan dengan sang user.


Ada banyak jenis sistem software yang dapat dipakai untuk meng-generate Dynamic Web System dan Situs Dynamic, beberapa diantaranya adalah ColdFusion (CFM), Active Server Pages (ASP), Java Server Pages (JSP) dan PHP, bahasa program yang mampu untuk meng-generate Dynamic Web System dan Situs Dinamis. Situs juga bisa termasuk didalamnya berisi informasi yang diambil dari satu atau lebih database atau bisa juga menggunakan teknologi berbasis XML, contohnya adalah RSS. Isi situs yang statis juga secara periodik di generate, atau, apabila ada keadaan dimana dia butuh untuk dikembalikan kepada keadaan semula, maka dia akan di generate, hal ini untuk menghindari kinerjanya supaya tetap terjaga.


Plugin tersedia untuk menambah banyaknya feature dan kemampuan dari web browser, dimana, plugin ini dipakai untuk membuka content yang biasanya berupa cuplikan dari gambar bergerak (active content) contohnya adalah Flash, Shockwave atau applets yang ditulis dalam bahasa JAVA. Dynamic HTML juga menyediakan untuk user supaya dia bisa secara interaktif dan realtime, meng-update di web page tersebut (catatan; halaman yang dirubah, tak perlu di load atau di reloaded agar perubahannya dapat dilihat), biasanya perubahan yang dilakukan mereka memakai DOM dan Javascript yang sudah tersedia pada semua Web Browser sekarang ini.


Seperti yang tertulis di atas, di luar sana ada beberapa perbedaan dalam penulisan dari terminologi website. Walaupun ¨Website¨ sudah secara umum dipakai, namun untuk Associated Press Stylebook, Reuters, Microsoft, Academia, dan kamus-kamus yang ada, penulisan yang mereka pakai adalah dengan menggunakan 2 kata, yaitu Web site. Hal ini karena ¨Web¨ bukanlah terminilogi umum, namun kependekan dari ”World Wide Web”






Ciri-ciri website statis biasanya tampilan halamannya tidak berubah-ubah, karena jarang di update atau di update hanya dalam waktu tertentu saja. Selain itu website statis ini dalam halamannya tidak menyediakan menu komentar bagi para pengunjung yang datang. untuk menambahkan konten baru juga sulit karena memang fiture ini tidak diutamakan. jumlah halamannya juga tidak banyak-banyak, cukup dengan beberapa halaman dengan informasi yang sudah pasti dan tidak berubah-ubah ( seperti kalau didunia nyata sering disebut brosur).


Kelebihan dan Kekurangan Website Statis :

Kelebihan :

-          Tampilannya menarik

-          Konten dan layout dapat berubah-ubah

-          Menggunakan dynamic html (DHTML)

-          Menggunakan pemrograman server untuk mengatur perubahan data

-          Dapat menggunakan CMS untuk mengubah konten website

-          Konten halaman dan Layout halaman dibuat terpisah, sehingga loading halaman lebih cepat

-          Dapat menggunakan database untuk menyimpan konten

Kekurangan :

-          Lebih kompleks, sehingga sulit dalam pencarian Search Engine

Ada tiga jenis perangkat utilitas yang biasa digunakan dalam pengaturan situs web statis:

·     

Editor teks merupakan perangkat utilitas yang digunakan untuk menyunting berkas halaman web, misalnya: Notepad atau TextEdit.

· Editor WYSIWYG, merupakan perangkat lunak utilitas penyunting halaman web yang dilengkapi dengan antar muka grafis dalam perancangan serta pendisainannya, berkas halaman web umumnya tidak disunting secara lengsung oleh pengguna melainkan utilitas ini akan membuatnya secara otomatis berbasis dari laman kerja yang dibuat oleh pengguna. perangkat lunak ini misalnya: Microsoft Frontpage, Macromedia Dreamweaver.

· Editor berbasis templat, beberapa utilitas tertentu seperti Rapidweaver dan iWeb, pengguna dapat dengan mudah membuat sebuah situs web tanpa harus mengetahui bahasa HTML, melainkan menyunting halaman web seperti halnya halaman biasa, pengguna dapat memilih templat yang akan digunakan oleh utilitas ini untuk menyunting berkas yang dibuat pengguna dan menjadikannya halam web secara otomatis.

Berikut ini adalah tabel tag-tag HTML dan fungsinya:

 Tag Utama

Tag	Atribut	Deskripsi
<html></html>		Baris paling atas dari setiap file HTML
<head></head>		Informasi umum dari sebuah halaman web
<title></title>		Judul halaman. Terdapat pada head
<body></body>	Background, bgcolor, bgsound, font, link, alink, vlink, topmargin, leftmargin, marginheight, marginwidth	Settingan atribut untuk seluruh dokumen

Modifikasi Teks

Tag	Deskripsi	Contoh
<b></b>	Teks tebal	Teks tebal
<i> </i>	Teks miring	Teks miring
<u> </u>	Teks garis bawah	Teks garis bawah
<pre></pre>	Preformatted teks	Contoh teks
<h1></h1>	Header 1	Header 1
<h2></h2>	Header 2	Header 2
<h3> </h3>	Header 3	Header 3
<h4></h4>	Header 4	Header 4
<h5></h5>	Header 5	Header 5
<h6></h6>	Header 6	Header 6
<sub></sub>	Subscript	Subscript
<sup></sup>	Superscript	Superscript

Font

Tag	Atribut	Deskripsi
<font></font>	Color, size, name	Mengubah gaya suatu huruf

Links

Tag	Atribut	Deskripsi
<a> </a>	Href, target, style, class, name, id	Membuat link ke dokumen atau situs lainnya

Gambar

Tag	Atribut	Deskripsi
<img>	Src, alt, name, border, height, width	Menampilkan sebuah gambar

Formatting

Tag	Deskripsi	Contoh
<blockquote></blockquote>	Digunakan untuk mengatur text dan gambar dalam suatu tag	Contoh text in a block quote format ( “ “ )
<ol></ol>	Ordered List (digunakan dengan <li>)	1. Item 1
<ul></ul>	Unordered List (digunakan dengan <li>)	• Item 1
<li>	Elemen List
<dd></dd>	Definition List
<dt>	Definition Term
<dd>	Definition Description
<p></p>	Paragraf
<br>	Ganti baris
<hr>	Garis horizonta
<center></center>	Menengahkan elemen

Related Post

Komputer

• CARA MENGATASI LUPA USER DAN PASWORD INTERNET BANKING BRI
• Modul Pemrograman Web Semester 1
• ANTIVIRUS YANG SAYA REKOMENDASIKAN PALING AMPUH !!
• Cara Membuat Program Kasir Dengan Mudah