.jpg)
Website atau situs juga dapat
diartikan sebagai kumpulan halaman yang menampilkan informasi data teks, data
gambar diam atau gerak, data animasi, suara, video dan atau gabungan dari
semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian
bangunan yang saling terkait dimana masing-masing dihubungkan dengan
jaringan-jaringan halaman (hyperlink). Bersifat statis apabila isi informasi
website tetap, jarang berubah, dan isi informasinya searah hanya dari pemilik
website. Bersifat dinamis apabila isi informasi website selalu berubah-ubah,
dan isi informasinya interaktif dua arah berasal dari pemilik serta pengguna
website. Contoh website statis adalah berisi profil perusahaan, sedangkan
website dinamis adalah seperti Friendster, Multiply, dll. Dalam sisi
pengembangannya, website statis hanya bisa diupdate oleh pemiliknya saja,
sedangkan website dinamis bisa diupdate oleh pengguna maupun pemilik.
Sejarah
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).
Situs
web statis
Situs web statis merupakan situs web yang memiliki isi
tidak dimaksudkan untuk diperbarui secara berkala sehingga pengaturan ataupun
pemutakhiran isi atas situs web tersebut dilakukan secara manual. 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.
Situs web dinamis
Situs web dinamis merupakan situs web yang secara spesifik
didisain agar isi yang terdapat dalam situs tersebut dapat diperbarui secara
berkala dengan mudah. Sesuai dengan namanya, isi yang terkadung dalam situs web
ini umumnya akan berubah setelah melewati satu periode tertentu. Situs berita
adalah salah satu contoh jenis situs yang umumnya mengimplementasikan situs web
dinamis.
Tidak seperti halnya situs web statis, pengimplementasian situs
web dinamis umumnya membutuhkan keberadaan infrastruktur yang lebih kompleks
dibandingkan situs web statis. Hal ini disebabkan karena pada situs web dinamis
halaman web umumnya baru akan dibuat saat ada pengguna yang mengaksesnya,
berbeda dengan situs web statis yang umumnya telah membentuk sejumlah halaman
web saat diunggah di server web sehingga saat pengguna mengaksesnya server web
hanya tinggal memberikan halaman tersebut tanpa perlu membuatnya terlebih dulu.
Untuk memungkinkan server web menciptakan halaman web pada saat
pengguna mengaksesnya, umumnya pada server web dilengkapi dengan mesin penerjemah bahasa skrip (PHP, ASP, ColdFusion, atau
lainnya), serta perangkat lunak sistem manajemen basisdata relasional seperti MySQL.
Struktur berkas sebuah situs web dinamis umumnya berbeda dengan
situs web statis, berkas-berkas pada situs web statis umumnya merupakan
sekumpulan berkas yang membentuk sebuah situs web. Berbeda halnya dengan situs
web dinamis, berkas-berkas pada situs web dinamis umumnya merupakan sekumpulan
berkas yang membentuk perangkat lunak aplikasi web yang akan dijalankan oleh
mesin penerjemah server web, berfungsi memanajemen pembuatan halaman web saat
halaman tersebut diminta oleh pengguna.
PERBEDAAN WEB STATIS DAN WEB DINAMIS
Web Statis
·
Selalu menampilkan informasi yang sama kepada semua
pengguna
Keuntungan
·
Cepat dan mudah dalam pengaksesan bahkan oleh orang yang
tidak punya pengalaman
·
Ideal untuk menunjukkan cara kerja sebuah situs
·
Cukup satu salinan untuk semua orang
Kekurangan
·
Susah dikelola jika situs semakin besar
·
Sulit untuk up to date
·
Kesulitan untuk personalisasi pengunjung
Web Dinamis
· Perluasan kemampuan html
· Menggunakan perangkat lunak tambahan
· Perubahan informasi dalam halaman web dapat ditangani melalui peubahan
data, bukan melalui perubahan kode program
· Aplikasi web dapat dikoneksikan dengan database
· Perubahan informasi menjadi tanggung jawab operator dan bukan tanggung
jawab web master
Perbedaan Web Statis dan Web Dinamis
· Interaksi antara pengunjung dengan 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
· Adanya script language yang digunakan
Web statis hanya menggunakan HTML saja, sedangkan web dinamis menggunakan
bahasa pemrograman web seperti PHP atau ASP.
· Penggunaan 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
· Content
Content dalam web statis hanya diberikan oleh pemilik web dan jarang
diupdate, sementara content dalam web dinamis bisa berasal dari pengunjung dan
lebih sering diupdate
Pemrograman
web diambil
dari 2 suku kata yaitu pemrograman dan web. Pemrograman yang dalam bahasa
English adalah programming dan diartikan proses, cara, perbuatan program (secara bahasa indonesia).
Definisi Web :
jaringan komputer yang terdiri dari kumpulan situs internet yang menawarkan
teks dan grafik dan suara dan sumber daya animasi melalui protokol transferhypertext. (http://www.artikata.com/arti-201588-web.php).
Orang banyak mengenal web dengan istilah WWW (world wide web), World Wide Web
adalah layanan internet yang paling populer saat ini internet mulai dikenal dan
digunakan secara luas setelah adanya layanan WWW . WWW adalah halaman-halaman
website yang dapat saling terkoneksi satu dengan lainnya (hyperlink) yang
membentuk samudra belantara informasi . WWW berjalan dengan protokol HyperText
Transfer Protokol (HTTP). Halaman Web merupakan file teks murni (plain text)
yang berisi sintaks-sintaks HTML yang dapat dibuka/ dilihat/ diterjemahkan
dengan Internet Browser . Sintaks HTML mampu memuat konten text, gambar, audio,
video dan animasi. Kini internet identik dengan web, karena kepopuleran web
sebagai standar interface pada lanyanan-layanan yang ada di internet, dari
awalnya sebagai penyedia informasi, ini digunakan juga untuk komunikasi dari
email sampai dengan chatting, sampai dengan melakukan transaksi binsin
(commerce) (Betha Sidik,Ir, Pemrograman web dengan HTML, Informatika Bandung,
2005) Banyak keuntungan yang diberikan oleh Aplikasi berbasis Web dari pada
aplikasi berbasis destop, sehingga aplikasi berbasis web telah diadopsi oleh
perusahaan sebagai bagian dari strategi teknologi informasinya, karena beberapa
alasan :
Akses
informasi mudah,
1.
Baris isi
Setup
server lebih mudah
1.
Baris isi
Informasi
mudah didistribusikan
1.
Baris isi
Bebas
platform, informasi dapat di sajikan oleh browser web pada sistem operasi mana
saja karena adanya standar dokumen berbagai tipe data dapat disajikan
1.
Baris isi
HTTP
HTTP
(HyperTextTransfer Protocol) adalah protokol yang dipergunakan untuk
mentransfer dokumen dalam World Wide Web(WWW). Protokol ini adalah protokol
ringan, tidak berstatus dan generik yang dapat dipergunakan berbagai macam tipe
dokumen. Pengembangan HTTP dikoordinasi oleh Konsorsium World Wide Web(W3C) dan
grup bekerja Internet Engineering Task Force(IETF), bekerja dalam publikasi
satu seri RFC, yang paling terkenal RFC
2616, yang menjelaskan HTTP/1,1, versti HTTP yang digunakan umum
sekarang ini. HTTP adalah sebuah protokol meminta/menjawab antara clientdan
server. Sebuh client HTTP seperti web browser, biasanya memulai permintaan
dengan membuat hubungan TCP/IPke porttertentu di tuan rumah yang jauh (biasanya
port 80). Sebuah server HTTP yang mendengarkan diport tersebut menunggu client
mengirim kode permintaan (request), seperti "GET / HTTP/1.1" (yang
akan meminta halaman yang sudah ditentukan), diikuti dengan pesan MIMEyang
memiliki beberapa informasi kode kepala yang menjelaskan aspek dari permintaan
tersebut, diikut dengan badan dari data tertentu. Beberapa kepala (header) juga
bebas ditulis atau tidak, sementara lainnya (seperti tuan rumah) diperlukan
oleh protokol HTTP/1,1. Begitu menerima kode permintaan (dan pesan, bila ada),
server mengirim kembali kode jawaban, seperti "200 OK", dan sebuah
pesan yang diminta, atau sebuah pesan error atau pesan lainnya.
Sejarah Protokol HTTP pertama kali
dipergunakan dalam WWW pada tahun 1990. Pada saat tersebut yang dipakai adalah
protokol HTTP versi 0.9. Versi 0.9 ini adalah protokol transfer dokumen secara
mentah, maksudnya adalah data dokumen dikirim sesuai dengan isi dari dokumen
tersebut tanpa memandang tipe dari dokumen. Kemudian pada tahun 1996 protokol
HTTP diperbaiki menjadi HTTP versi 1.0. Perubahan ini untuk mengakomodasi
tipe-tipe dokumen yang hendak dikirim beserta enkoding yang dipergunakan dalam
pengiriman data dokumen. Sesuai dengan perkembangan infrastruktur internet maka
pada tahun 1999 dikeluarkan HTTP versi 1.1 untuk mengakomodasi proxy, cache dan
koneksi yang persisten.
Bahasa Pemrograman Web
Bahasa pemrograman merupakan suatu teknik instruksi standar untuk memerintah komputer. Berikut adalah penjelasan tentang bahasa pemrograman yang biasa digunakan untuk membuat suatu website:
| Bahasa Pemrograman | Keterangan |
|---|---|
| HTML | HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet.
HTML saat ini merupakan standar 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, Microsoft Internet Explorer dll.
|
| PHP | Hypertext Preprocessor (PHP) adalah bahasa pemrograman 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).
|
| ASP | ASP adalah singkatan dari Active Server Pages yang 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.
|
| XML | Extensible Markup Language (XML) adalah 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.
|
| WML | WML adalah kepanjangan dari Wireless Markup Language, yaitu bahasa pemrograman yang digunakan dalam aplikasi berbasis XML (Extensible Markup Langauge). WML adalah bahasa pemrograman yang digunakan dalam aplikasi wireless.
WML merupakan analogi dari HTML yang berjalan pada protocol nirkabel.
|
| PERL | Perl adalah bahasa pemrograman untuk mesin dengan sistem operasi Unix (SunOS, Linux, BSD, HP-UX), juga tersedia untuk sistem operasi seperti DOS, Windows, BeOS, VMS, EBCDIC, dan PocketPC.
PERL merupakan bahasa pemograman yang mirip bahasa pemograman C.
|
| CFM | CFM dibuat menggunakan tag ColdFusion dengan software Adobe ColdFusion / BlueDragon / Coldfusion Studio.
Syntax coldfusion berbasis html.
|
| Javascript | Javascript adalah 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.
|
| CSS | Cascading Style Sheets (CSS) adalah 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).
|
PHP merupakan bahasa pemrograman
yang berjalan di sisi server atau biasa disebut denganServer
Side.
Bingung dengan istilah tersebut.? Jangan khawatir saya akan berusaha menjelaskan dengan bahasa yang mudah dimengerti untuk istilah tersebut.
Bingung dengan istilah tersebut.? Jangan khawatir saya akan berusaha menjelaskan dengan bahasa yang mudah dimengerti untuk istilah tersebut.
Secara garis besar bahasa
pemrograman web terdiri dari dua macam. Yang pertama disebut dengan Client Side atau script yang dijalankan di
komputer client dan yang kedua biasanya disebut dengan Server Side atau script
yang dijalankan pada komputer server. Gampangnya begini kalo Client Side adalah
script atau perintah yang ditujukan pada komputer untuk dijalankan pada
komputer milik orang yang mengakses web tersebut. Misalnya kalian mengakses web
site www.indrabt.com. Apabila web site ini memiliki script client side yang
berguna untuk menampilkan misalnya gambar logo milik web site ini maka yang
menjalankan script tersebut adalah komputer kalian atau dengan kata lain
browser kalian. Apabila script yang berguna untuk menampilkan gambar logo
adalah bersifat server side maka pertama tama script tersebut akan diproses di
server tempat web site tersebut berada (biasanya disebut dengan hosting),
setelah diproses baru hasil pemrosesan tersebut akan dikirimkan pada client
yang mengakses web site tersebut. Begitu gambarannya.
nach apa saja bahasa pemrograman web
yang termasuk dalam Client Side dan Server Side. Saya akan memberikan contoh
yang paling banyak digunakan aja soalnya saya juga gak hafal sich semua macam
bahasa pemrograman web baik yang client maupun server side. Bahasa pemrograman
Client Side yang terkenal adalah Javascript, VBScript, beserta dengan
teman-temannya. Sedangkan bahasa pemrograman server side yang terkenal adalah
PHP, Ruby On Rail, JSP, ASP, ASP.NET, dan masih banyak lagi.
JQuery adalah sebuah pustaka JavaScript kecil bersumber
terbuka yang menekankan pada interaksi antara JavaScript dan HTML. Pustaka ini
dirilis pada Januari 2006 di BarCamp NYC oleh John Resig dan berlisensi ganda
di bawah Lisensi MIT dan GPL. Microsoft dan Nokia telah
mengumumkan akan mengemas JQuery di platform mereka. Microsoft awalnya
mengadopsinya dalam Visual Studio untuk digunakan dalam ASP.NET AJAX dan
ASP.NET MVC Framework, sedangkan Nokia akan mengintegrasikannya dalam kerangka
Web Run-Time. Sebenernya, JQuery akan terasa asing kalau kita belum mengenal
HTML dan JavaScript (JS). Jadi akan lebih baik kalau sebelum memulai belajar
JQuery, kalian matangkan dulu konsep HTML dan Javascript (JS) sebelum memulai
belajar JQuery. JQuery dikembangkan pertama kali oleh John Resig pada tahun
2005 yang terinspirasi dari kode Behavior. Saat itu, John merasa hasil dari
kode Behavior tidak elegan, bahkan jelek. Maka dikembangkan JQuery, dimana
penulisan kode jadi lebih simple dengan hasil yang menyenangkan. JQuery sendiri
pertama kali rilis tanggal 14 Januari 2006. Dan sampai saat ini sudah rilis
hingga versi 1.8.2 JQuery merupakan salah satu library Javascript. Kalo di PHP
kita mengenal framework, maka JQuery bisa dianggap salah satu "framework"
nya Javascript. Pada kenyataannya jarang sekali
sebuah situs dibuat murni JQuery. Biasanya JQuery diposisikan seperti sebuah
'function' atau class untuk ditempelkan pada sebuah web atau aplikasi berbasis
web, yaitu HTML atau PHP. Dengan semakin berkembangnya JQuery, semakin
memudahkan pula untuk para web programmer membuat website yang cantik dan
dinamis. Nah, kenapa JQuery banyak digunakan, salah satunya adalah JQuery mampu
menampilkan animasi-animasi semisal slideshow, datepicker, autocomplete, dan
masih banyak lagi tapi tanpa membuat suatu website itu terlihat berat atau
memakan waktu lama untuk diload. Nah, sedikit informasi mengenai contoh sintaks
JQuery, jika dengan javascript, kita ingin mengambil nilai suatu textbox dengan
cara sebagai berikut: var nilai =
document.getElementById("id_teksbox").value; Nah, dengan Jquery kita
dapat mempersingkat penulisan kode tersebut. var nilai =
$("id_teksbox").val(); Lebih singkat dan mudah bukan? Tapi sebelumnya
kalian harus meng-include file Jquery terlebih dahulu agar sintaks diatas
berfungsi. JQuery itu punya beberapa keunggulan diantaranya pluginable, artinya
JQuery bisa ditambahi berbagai plugin. Untuk belajar JQuery, paling tidak kita
harus tahu DOM, javascript dan konsep Object Oriented Programming (OOP) atau pemrograman
berorientasi objek. Berikut adalah fungsi JQuery: 1. Mengakses bagian halaman
tertentu dengan mudah 2. Mengubah tampilan bagian halaman tertentu 3. Mengubah
isi dari halaman 4. Menambah animasi tanpa harus memakai flash yang lebih berat
5. Melalukan load data/halaman tanpa merefresh seluruh halaman 6.
Menyederhanakan/mempersingkat penulisan sintaks javascript biasa Untuk info
lebih lanjut, kalian bisa cek link dibawah ini: Dokumentasinya:
http://docs.jquery.com/Main_Page/ Untuk download frameworknya :
http://docs.jquery.com/Downloading_jQuery Tutorialnya :
http://docs.jquery.com/Tutorials Pluginnya : http://plugins.jquery.com/
HTML CODE
WEB STATIS
web dinamis
DAFTAR PUSTAKA :
