Tuesday, April 16, 2013

Pemprograman Web Statis dan Dinamis


A.            Pengertian Website
Pada dasarnya website merupakan sekumpulan file dan folder yang berisi script-script atau bahasa pemprograman yang tersimpan di dalam server hosting online dan mempunyai alamat khusus yang membedakan antara website satu dengan website lainnya.  Menurut para ahli, website merupakan kumpulan halaman yang digunakan untuk menampilkan informasi teks, gambar, animasi, suara yang bersifat statis maupun dinamis yang membentuk suatu rangkaian bangunan yang terkait dimana masing-masing dihubungkan dengan jaringan-jaringan halaman yang biasa disebut link.
Penemu situs web adalah Sir Timothy John Tim Berners-Lee.  Sedangkan situ web yang tersambung dengan jaringan pertama kali muncul pada tahun 1991.  Maksud dari tim ketika merancang situs web adalah untuk memudahkan dalam tukar menukar dan memperbarui informasi pada sesama peneliti di tempat ia bekerja.  Pada tanggal 30 April 1993, tempat dimana Tim bekerja yaitu CERN mengumumkan bahwa WWW dapat digunakan secara gratis oleh publik.
Bahasa pemrograman yang digunakan untuk membuat suatu web (bahasa pemrograman web) meliputi :
1.            Bahasa Pemrograman HTML (HyperText Markup Language) merupakan sebuah bahasa markup yang digunakan untuk memuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser internet.  HTML saat ini merupakan standart internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).  HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan.  Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox.
2.            Bahasa Pemrograman PHP merupakan bahasa pemorgraman script yang paling banyak dipakai saat ini.  PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP masih bernama FI (Form Interpreted), yang wujudnya berupa sekumpulan script yang digunakan untuk mengolah data form dari web.PHP banyak dipakai untuk membuat situs web yang dinamis, walaupun tidak tertutup kemungkinan digunakan untuk pemakaian lain.PHP biasanya berjalan pada sistem operasi linux (PHP juga bisa dijalankan dengan hosting windows).
3.            Bahasa Pemrograman ASP (Active Server Pages) merupakan salah satu bahasa pemograman web untuk menciptakan halaman web yang dinamis.  ASP merupakan salah satu produk teknologi yang disediakan oleh Microsoft.  ASP bekerja pada web server dan merupakan server side scripting.
4.            Bahasa Pemrograman XML (Extensible Markup Language) merupakan bahasa markup serbaguna yang direkomendasikan W3C untuk mendeskripsikan berbagai macam data.  XML menggunakan markup tags seperti halnya HTML namun penggunaannya tidak terbatas pada tampilan halaman web saja.  XML merupakan suatu metode dalam membuat penanda/markup pada sebuah dokumen.
5.            Bahasa Pemrograman WML (Wireless Markup Language) merupakan bahasa pemrograman yang digunakan dalam aplikasi berbasis XML (eXtensible Markup Langauge).  WML ini adalah bahasa pemrograman yang digunakan dalam aplikasi wireless.   WML merupakan analogi dari HTML yang berjalan pada protocol nirkabel.
6.            Bahasa Pemrograman PERL merupakan bahasa pemrograman untuk mesin dengan sistem operasi Unix (SunOS, Linux, BSD, HP-UX), juga tersedia untuk sistem operasi seperti DOS, Windows, PowerPC, BeOS, VMS, EBCDIC, dan PocketPC.  PERL merupakan bahasa pemograman yang mirip bahasa pemograman C.
7.            Bahasa Pemrograman CFM dibuat menggunakan tag ColdFusion dengan software Adobe ColdFusion / BlueDragon / Coldfusion Studio.  Syntax coldfusion berbasis html.
8.            Bahasa Pemrograman Javascript merupakan bahasa scripting yang handal yang berjalan pada sisi client.   JavaScript merupakan sebuah bahasa scripting yang dikembangkan oleh Netscape.  Untuk menjalankan script yang ditulis dengan JavaScript kita membutuhkan JavaScript-enabled browser yaitu browser yang mampu menjalankan JavaScript.

9.            Bahasa Pemrograman CSS (Cascading Style Sheets) merupakan suatu bahasa stylesheet yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup.  Penggunaan yang paling umum dari CSS adalah untuk memformat halaman web yang ditulis dengan HTML dan XHTML.  Walaupun demikian, bahasanya sendiri dapat dipergunakan untuk semua jenis dokumen XML termasuk SVG dan XUL.  Spesifikasi CSS diatur oleh World Wide Web Consortium (W3C).



B.            Web Statis dan Dinamis
Wes Statis adalah sebuah website dimana tampilan halamannya tidak berubah-ubah. Website statis ini biasanya jarang di update/diperbaharui, baik isi maupun tampilannya. Kalaupun di update, itu sangat jarang dan dalam waktu-waktu tertentu saja. Biasanya website statis ini tidak menyediakan kolom untuk berkomentar bagi para pengunjungnya.  Dari segi jumlah halamannya, website statis ini juga sangat terbatas halamannya. Informasi yang ada pada halamannya hanya informasi yang sudah tetap. Jadi dapat disimpulkan, website statis ini hampir sama dengan brosur. Namun yang membedakannya adalah, brosur berupa cetakan dan biasanya disebarkan, sedangkan website statis hanya dapat diakses melalui internet.  Contoh : Website statis biasanya dipergunakan untuk website company profile, personal profile, penawaran produk.
Web dinamis adalah kebalikan dari website statis. Website dinamis berarti halaman dan isinyapun dapat berubah– ubah. Kebanyakan website saat ini adalah website dinamis karena isinya dapat di update setiap hari. Sebagai contohnya adalah website-website berita, blog, tutorial,  situs social networking, dll.
Dari keterangan diatas, dapat diambil kesimpulan, website dinamis itu mempunyai ciri-ciri sebagai berikut :
1.            Isi/konten selalu di update sehingga jumlah halamannya terus bertambah
2.            Mudah dalam menambahkan konten baru karena memang ini yang diutamakan
3.            Konten terbaru selalu berada di urutan pertama karena untuk memperjelas konten yang diupdate
4.            Pengunjung dapat memberikan komentar pada sebuah konten yang di sajikan. apalagi kalau berisi tutorial maka pengunjung bisa bertanya ketika ada yang belum paham
Contoh : blog, portal berita, social networking. Lihat saja isi web tersebut, isinya selalu diupdate oleh pemiliknya. Bahkan untuk social networking selalu update tiap detik .

Web Statis
Web Dinamis
Komunikasi 1 arah (server ke client/user)
Komunikasi 2 arah
Tidak ada kolom untuk komentar
Menyediakan kolom komentar
Tidak pernah / jarang sekali diperbarui isinya
Isinya diupdate hampir setiap hari
 
Contoh Web Statis

Contoh Web Dinamis




C.            Contoh Program Web
HTML (Hyper Text Markup Language) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet.
Contoh Kode Program HTML

PHP adalah singkatan dari Hypertext Preprocessor yang merupakan  sebuah bahasa scripting yang terpasang pada HTML.
Contoh Kode Program PHP

Javascript merupakan bahasa scripting yang handal yang berjalan pada sisi client. 
Contoh Kode Program JavaScript

jQuery adalah librari atau kumpulan kode JavaScript siap pakai. Keunggulan menggunakan jQuery dibandingkan dengan JavaScript standar, yaitu menyederhanakan kode JavaScript dengan cara memanggil fungsi-fungsi yang disediakan oleh jQuery.
Contoh Kode Program jQuery


D.            Cara Kerja Akses Web Online
1.  Pengujung website mengetikan alamat website, misalkan www.guess.com
2.  Melalui jaringan internet, pengunjung melakukan request alamat www.guess.com ke registar.  Registar merupakan perusahaan tempat  nama www.guess.com terdaftar.
3.  Registar memerintahkan DNS server untuk mencari alamat www.guess.com
4.  DNS server menemukan alamat www.guess.com dan memerintahkan hosting server untuk memberikan file-file yang diminta pengunjung.
5.  File-file yang diberikan oleh hosting server diterima dan diterjemahkan oleh web browser.
 
Diagram Akses Web Online 1

Diagram Akses Web Online 2