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.
HTTP Singkatan dari Hypertext Transfer roto!ol"
yang mana adalah suatu protokol yang digunakan
oleh #orld #ide #eb. HTT mendefinisikan
bagaimana suatu pesan bisa diformat dan
dikirimkan dari ser$er ke !lient.
engertian URL (%niform &esour!e Lo!ator)
adalah rangkaian karakter menurut suatu format
standar tertentu" yang digunakan untuk
menun'ukkan alamat suatu sumber seperti
dokumen dan gambar di Internet.
(ile Transfer roto!ol (FTP) adalah suatu protokol
yang berfungsi untuk tukar)menukar file dalam
suatu network yang menggunakan T* koneksi
bukan %+.
DOMAIN menurut Wikipedia ,ama +omain
(domain name) adalah nama unik yang diberikan
untuk mengidentifikasi nama ser$er komputer
seperti web ser$er atau email ser$er di 'aringan
komputer ataupun internet.
Hosting biasa disebut dengan #eb)Hosting"
adalah perusahaan yang menyediakan layanan
dan penyimpanan #eb bagi perorangan atau
perusahaan. +engan kata lain Hosting adalah
salah satu bentuk layanan penyewaan ruang
simpan data (spa!e) yang digunakan untuk
menyimpan data - data website agar halaman
website tersebut bisa diakses dari mana sa'a.
Pengertian Www .tau #eb - Setelah pada
artikel sebelumnya kita membahas
mengenai Sejarah Internet" dan 'uga Cara Kerja
Internet" maka kali ini kita akan membahas
mengenai pengertian ### atau #orld #ide #eb"
atau yang paling umum disebut adalah #eb.
#ww atau #orld #ide #eb maupun #eb sa'a
adalah sebuah sistem yang saling terkait dalam
sebuah dokumen berformat hypertext yang berisi
beragam informasi" baik tulisan" gambar" suara"
$ideo" dan informasi multimedia lainnya dan dapat
diakses melalui sebuah perangkat yang disebut
web browser.
HTML saat ini merupakan standar Internet yang
didefinisikan dan dikendalikan penggunaannya
oleh #orld #ide #eb *onsortium (#/*).
+imulai dari tahun 0123 I4M mulai membuat suatu
bahasa pemrograman dimana Text dan format
sebuah dokumen di'adikan satu dalam sebuah
bahasa pemrograman yang disebut
5ML(5enerali6ed Markup Language)"lalu pada
tahun 0127 IS8 pun mulai membuat sebuah
standardarisasi bahasa pemrograman tersebut dan
mengubah 5ML men'adi S5ML(Standard
5enerali6ed Markup Language).Mulailah kelahiran
HTML pada tahun 0121 yang mun!ul dari
pemikiran *aillau Tim dan rekannya 4anners Lee
&obert.Mereka mengembangkan bahasa
pemrograman ini dan mempopulerkannya dengan
browser Mosai! nah mulailah HTML semakin
berkembang dan populer di tahun 0113.
HTML 9ersi 0.3
:emampuan yang dimiliki $ersi 0.3 ini antara lain
heading" paragraph" hypertext" list" serta !etak
tebal dan miring pada teks. 9ersi ini 'uga
mendukung peletakan image pada dokumennya
tanpa memperbolehkan meletakkan teks
disekelilingnya (wrapping).
HTML 9ersi ;.3
ada $ersi ini" penambahan kualitas HTML terletak
pada kemampuannya untuk menampilkan suatu
form pada dokumen. +engan adanya form ini"
maka kita dapat memasukkan nama" alamat" serta
saran<kritik. HTML $ersi ;.3 ini merupakan pionir
dari adanya homepage interaktif.
HTML 9ersi /.3
HTML $ersi /.3 menambahkan beberapa fasilitas
baru seperti table. 9ersi ini yang disebut 'uga
sebagai HTML= tidak bertahan lama dan segera
digantikan HTML $ersi /.;.
HTML 9ersi >.3
HTML $ersi > memuat banyak sekali perubahan
dan re$isi dari pendahulunya. erubahan ini ter'adi
di hampir segala perintah)perintah HTML
sepertitable" image" link" text" meta" imagemaps"
form" dan lain) lain.
HTML 9ersi ?
4eberapa kelebihan yang dimiliki oleh HTML?
adalah@
*leaner !ode" karena sebagian besar kode telah
termasuk di dalam sintaks html?" maka kode
nampak terlihat lebih sederhana daripada
penggabungan antara html" !ss dan 'a$a s!ript.
A,5A&TI., *SS
*SS adalah singkatan dari *as!ading Style Sheet
yang merupakan kumpulan perintah yang dibentuk
dari berbagai sumber yang disusun menurut urutan
tertentu sehingga mampu mengatasi konflik style.
*SS yaitu salah satu bahasa pemrograman web
yang mengatur komponen dalam suatu web
supaya web lebih terstruktur dan lebih seragam.
A,5A&TI., *SS
*SS adalah singkatan dari *as!ading Style Sheet
yang merupakan kumpulan perintah yang dibentuk
dari berbagai sumber yang disusun menurut urutan
tertentu sehingga mampu mengatasi konflik style.
*SS yaitu salah satu bahasa pemrograman web
yang mengatur komponen dalam suatu web
supaya web lebih terstruktur dan leb*SS 0
ada tanggal 0B .gustus 0117 #orld #ide #eb
*onsortium (#/*) menetapkan *SS sebagai
bahasa pemrograman standard dalam pembuatan
web. Tu'uannya adalah untuk mengurangi
pembuatan tag)tag baru oleh ,ets!ape dan
Internet Axplorer" karena kedua browser tersebut
sedang bersaing mengembangkan tag sendiri
untuk mengatur tampilan web.
*SS 0 mendukung pengaturan tampilan dalam
hal @
0. (ont (Cenis ketebalan).
;. #arna" teks" ba!kground dan elemen lainnya.
/. Text attributes" misalnya spasi antar baris" kata
dan huruf.
>. osisi teks" gambar" table dan elemen lainnya.
?. Margin" border dan padiing.
D *SS ;
ada tahun 0112" #/* menyempurnakan *SS
tahap awal dengan men!iptakan standard *SS ;
yang men'adi standard hingga saat ini. ada le$el
*SS ; ini" dimasukkan semua atribut dari *SS 0
dan diperluas dengan penekanan pada
International .!!essibiality and *apa!ibilty
kususnya media)spe!ifi! *SS. *SS ;
dikembangkan untuk memenuhi kebutuhan
terhadap format dokumen agar bisa ditampilkan di
printer.
D *SS /
*SS /adalah $ersi terbaru dari *SS yang mampu
melakukan banyak hal dalam mendesain website.
*SS / dapat melakukan animasi pada halaman
website" diantaranya animasi warna dan animasi
/+. +engan *SS / desaigner dimudahkan dalam
hal kompatibilitas websitenya pada smartphone
dengan dukungan fitur baru yakni media Euery.
Selain itu" banyak fitur baru pada *SS / yaitu @
Multiple ba!kground" border)radius" drop)shadow"
border)image" *SS)Math dan *SS 8b'e!t Model.
(itur terbaru *SS / @
0. .nimasi" sehingga pembuatan animasi tidak
memerlukan program se'enis .dobe (lash dan
Mi!rosoft Sil$erlight.
;. 4eberapa efek teks" seperti teks berbayang"
kolom koran dan F#ord)#rapF.
/. 4eberapa efek pada kotak" seperti kotak
yang ukurannya dapat diubah)ubah" transformasi ;
dimensi dan ; dimensi" sudut)sudut yang tumpul
dan bayangan.

:ALA4IH., +., :A:%&.,5., *SS @
:eunggulan *SS@
0. %pdate tampilan lebih mudah
;. 4eban bandwith lebih ke!il
/. Modifikasi #eb template lebih mudah
>. Lebih mudah digunakan pada mobile phone
?. Sear!h engine friendly
:ekurangan *SS@
0. Tampilan pada browser berbeda)beda.
;. :adang 'uga terdapat browser yang tidak
support *SS (browser lama).
/. Harus tahu !ara menggunakannya.
>. dibutuhkan waktu lebih lama dalam
membuatnya.
?. 4elum lagi ada bug<error dalam *SS
H pertama kali dibuat oleh &asmus Lerdorf
pada tahun 011?. ada waktu itu H bernama (I
((orm Interpreted). ada saat tersebut H adalah
sekumpulan s!ript yang digunakan untuk mengolah
data form dari web.
erkembangan selan'utnya adalah &asmus
melepaskan kode sumber tersebut dan
menamakannya H<(I" pada saat tersebut
kepan'angan dari H<(I adalah ersonal Home
age<(orm Interpreter. +engan pelepasan kode
sumber ini men'adi open sour!e" maka banyak
programmer yang tertarik untuk ikut
mengembangkan H.
ada ,o$ember 011B" dirilis H<(I ;.3. ada rilis
ini interpreter sudah diimplementasikan dalam *.
+alam rilis ini disertakan 'uga modul)modul
ekstensi yang meningkatkan kemampuan H<(I
se!ara signifikan.
ada tahun 011B" sebuah perusahaan bernama
Gend" menulis ulang interpreter H men'adi lebih
bersih" lebih baik dan lebih !epat. :emudian pada
Cuni 0112 perusahaan tersebut merilis interpreter
baru untuk H dan meresmikan nama rilis
tersebut men'adi H /.3.
ada pertengahan tahun 0111" Gend merilis
interpreter H baru dan rilis tersebut dikenal
dengan H >.3. H >.3 adalah $ersi H yang
paling banyak dipakai. 9ersi ini banyak dipakai
sebab $ersi ini mampu dipakai untuk membangun
aplikasi web kompleks tetapi tetap memiliki
ke!epatan proses dan stabilitas yang tinggi.
ada Cuni ;33>" Gend merilis H ?.3. 9ersi ini
adalah $ersi mutakhir dari H. +alam $ersi ini" inti
dari interpreter H mengalami perubahan besar.
+alam $ersi ini 'uga dikenalkan model
pemrograman berorientasi ob'ek baru untuk
men'awab perkembangan bahas pemrograman
kearah pemrograman berorientasi ob'ek.
H grup kini merilis $ersi H terbaru yaitu ?.0.7
H sumber @ wikipedia I
:elebihan H antara lainJ
K 4ahasa pemograman php adalah sebuah bahasa
s!ript yang tidak melakukan sebuah kompilasi
dalam penggunaanya.
K #eb Ser$er yang mendukung php dapat
ditemukan dimana ) mana dari mulai IIS sampai
dengan apa!he" dengan !onfigurasi yang relatif
mudah.
K +alam sisi pengembangan lebih mudah" karena
banyaknya milis ) milis dan de$eloper yang siap
membantu dalam pengembangan.
K +alam sisi pemahamanan" php adalah bahasa
s!ripting yang paling mudah karena referensi yang
banyak.
K H adalah bahasa open sour!e yang dapat
digunakan di berbagai mesin (linux" unix" windows)
dan dapat di'alankan se!ara runtime melalui
!onsole serta 'uga dapat men'alankan perintah)
perintah system.
K H adalah termasuk bahasa embedded ( bisa
diletakkan dalam tag HTML )
K H diterbitkan se!ara gratis
4Aberapa system database yang didukung oleh
H adalah @
K 8ra!le
K Sybase
K mSEl
K MySEl
K Solid
K 5eneri! 8+4*
K ostgres SEl
Se'arah enamaan Ca$aS!ript
Se'arah Ca$aS!ript dimulai sekitar tahun 011>"
ketika internet dan website sedang mengalami
perkembangan yang pesat. #ebsite pada saat itu
umumnya dibuat menggunakan bahasa
pemograman A&L yang pemrosesannya hanya
bisa dilakukan di sisi web ser$er.
:elemahan pemrosesan di sisi web ser$er adalah"
setiap instruksi dari user harus dikirim terlebih
dahulu kepada web ser$er" baru kemudian
ditampilkan lagi di dalam web browser. :arena
ke!epatan rata)rata koneksi internet yang
terbatas" hal ini dipandang tidak efisien.
rogrammer web membutuhkan bahasa
pemograman !lient)side yang bisa ber'alan di web
browser tanpa harus dikirim ke ser$er.
ada tahun 011?" 4rendan Ai!h seorang
programmer dari ,ets!ape mulai mengembangkan
sebuah bahasa pemograman s!ript yang
dinamakan Mo!ha. ,ets!ape pada saat itu
merupakan perusahaan software ternama yang
memiliki web broser ,ets!ape ,a$igator.
4ahasa s!ript Mo!ha ini ditu'ukan untuk !lient)side
dan 'uga ser$er)side. +alam perkembangan
selan'utnya" nama Mo!ha diubah men'adi
Li$eS!ript untuk $ersi !lient)side" dan Li$e#ire
untuk $ersi ser$er)side.
ada saat bahasa pemograman tersebut akan
dirilis" ,ets!ape mengadakan ker'asama dengan
Sun Mi!rosystems untuk mengembangkan
Li$eS!ript" dan tepat ketika ,ets!ape ,a$igator ;
dirilis" ,ets!ape merubah nama Li$eS!ript men'adi
Ca$aS!ript dengan tu'uan bahasa baru ini akan
populer seperti bahasa Ca$a yang saat itu sedang
booming di kalangan programmer. 9ersi Ca$aS!ript
ini dinamakan dengan Ca$aS!ript 0.3.
esaing Ca$aS!ript@ :emun!ulan CS!ript dari
Mi!rosoft
:arena kesuksesan Ca$aS!ript 0.3" ,ets!ape
selan'utnya mengembangkan Ca$aS!ript $ersi 0.0
pada ,ets!ape ,a$igator /" dan mengantarkan
,ets!ape ,a$igator men'adi pemimpin pasar web
browser saat itu.
Selang beberapa bulan kemudian" Mi!rosoft yang
melihat kepopuleran Ca$aS!ript" memperkenalkan
web browser Internet Axplorer / dengan CS!ript.
CS!ript adalah penamaan lain dari Ca$aS!ript. Hal
ini dilakukan Mi!rosoft karena Ca$aS!ript
merupakan merk dagang yang dimiliki oleh Sun
dan ,ets!ape. Sehingga Mi!rosoft terpaksa
men!ari nama lain untuk $ersi Ca$aS!ript mereka.
Selain memiliki fitur yang mirip" CS!ript 'uga
menambahkan beberapa fitur tersendiri" sehingga
Ca$aS!ript dan CS!ript tidak sepenuhnya
kompitable.
#eb 4rowser Internet Axplorer / yang dirilis
mi!rosoft pada tahun 0117 ini adalah awal dari
kemunduran ,ets!ape ,a$igator" karena mi!rosoft
merilis Internet Axplorer / se!ara gratis dan
sebagai software bawaan dari Sistem 8perasi
#indows. .kan tetapi" keputusan Mi!rosoft
menambahkan fitur CS!ript merupakan langkah
besar dalam perkembangan Ca$aS!ript.
erubahan Men'adi ,ama Standar@ A*M.S!ript
Implementasi CS!ript di dalam Internet Axplorer
membuat kalangan programmer bingung" karena
terdapat ; $ersi Ca$aS!ript@ Ca$aS!ript di ,ets!ape
,a$igator and CS!ript pada Internet Axplorer. 9ersi
Ca$aS!ript 'uga memiliki ; $ersi" yakni $ersi 0.3 dan
0.0. Hal ini semakin menambah kerumitan dalam
pembuatan program. ermasalahan ter'adi karena
ketiga $ersi Ca$aS!ript tersebut memiliki perbedaan
fitur.
:e'adian ini sama seperti yang dialami oleh HTML
dan *SS" dan kalangan programmer sepakat
bahwa diperlukan sebuah standarisasi untuk
Ca$aS!ript.
ada pertengahan tahun 011B" Ca$aS!ript 0.0
dia'ukan ke badan standarisasi Aropa@ Auropean
*omputer Manufa!turers .sso!iation (A*M.)
untuk membuat sebuah standar bahasa
pemograman s!ript web browser. .tas dasar ini"
dibentuklah sebuah komite dengan anggota yang
terdiri dari programmer dari berbagai perusahaan
internet pada saat itu" seperti ,ets!ape" Sun"
Mi!rosoft" 4orland" ,8M4.S serta beberapa
perusahaan lain yang tertarik dengan
perkembangan Ca$aS!ript.
:omite standarisasi ini menghasilkan bahasa
pemograman yang disebut A*M.S!ript" atau
se!ara formal disebut A*M.S!ript );7;. 0 tahun
berikutnya" badan standarisasi IS8 (International
8rgani6ation for Standardi6ation) 'uga mengadopsi
A*M.S!ript sebagai standar. Se'ak saat itu"
semua web browser men'adikan A*M.S!ript
sebagai standar a!uan untuk Ca$aS!ript.
A*M.S!ript terus dikembangkan hingga men!apai
$ersi / pada tahun 0111. 4erita baiknya" hampir
semua web browser saat itu" terutama Mi!rosoft
Internet Axplorer ?.? dan ,ets!ape 7 telah
mendukung A*M.S!ript);7; $ersi /. ,amun berita
buruknya" masing)masing web browser
menerapkan standar dengan sedikit berbeda"
sehingga masih terdapat kemungkinan tidak
kompitable.
9ersi Saat ini@ A*M.S!ript $ersi ?
9ersi terakhir dari A*M.S!ript adalah A*M.);7;
$ersi ? yang dirilis pada ;331. A*M.S!ript $ersi >
senga'a dilompati karena beberapa alasan
ketidak!o!okan proposal yang dia'ukan. A*M.)
;7; $ersi ? inilah yang saat ini men'adi standar
untuk web browser modern seperti Internet
Axplorer" 5oogle *hrome" (irefox" 8pera" dan
Safari.
.kan tetapi" perbedaan implementasi A*M.S!ript
tetap ada di dalam web browser. 4iasanya
perbedaan ini terkait dengan fitur)fitur tambahan.
Salah satu !ara programmer untuk mengatasi
masalah ini yaitu dengan mendeteksi web browser
yang digunakan user" lalu men'alankan fungsi yang
diran!ang se!ara spesifik untuk web browser
tersebut. roses ini dikenal sebagai browser
sniffing" dan bukan sesuatu yang menyenangkan.
:abar baiknya" sekarang banyak terdapat library
Ca$aS!ript yang diran!ang untuk melapisi
perbedaan A*M.S!ript ini" salah satunya adalah
'Luery. 'Luery menyediakan fungsi otomatis dalam
mengatasi perbedaan implementasi A*M.S!ript di
dalam web browser.
A*M.S!ript atau Ca$aS!riptM
A*M.S!ript adalah $ersi standar dari Ca$aS!ript"
$ersi A*M.S!ript yang ada saat ini adalah $ersi /
dan $ersi ?. ,amun karena kepopuleran
Ca$aS!ript" Hampir semua kalangan dan
programmer menyebut A*M.S!ript dengan
sebutan umum@ Ca$aS!ript.
Merk dagang Ca$aS!ript saat ini dimiliki oleh
perusahaan 8ra!le (yang mengakuisisi Sun
Mi!rosystem beberapa tahun lalu)" ,amun anda
'uga akan mendengar $ersi Ca$aS!ript 0.? atau
Ca$aS!ript 0.2. 9ersi Ca$aS!ript ini adalah $ersi
yang diadopsi oleh Mo6illa (irefox (yang
merupakan NreingkarnasiO dari ,ets!ape).
Ca$aS!ript 0.? sebenarnya adalah A*M.S!ript /.
+an Ca$aS!ript 0.2 merupakan $ersi A*M.S!ript
dengan beberapa penambahan internal oleh
Mo6illa.
.pa yang dimaksud dengan A*M.S!ript Angine
(Ca$aS!ript Angine)M
Cika anda memba!a perkembangan tentang
Ca$aS!ript" maka selain $ersi A*M.S!ript yang
digunakan" terdapat istilah Ca$aS!ript Angine atau
dalam bahasa standarnya@ A*M.S!ript Angine.
Ca$aS!ript Angine adalah mekanisme internal yang
dimiliki oleh web browser. Ca$aS!ript Angine dapat
diumpamakan dengan !ompiler dalam bahasa
pemograman lain" yakni algoritma yang digunakan
untuk men'alankan Ca$aS!ript. Semakin !epat
sebuah web browser men'alankan Ca$aS!ript akan
semakin baik.
Web server merupakan software yang memberikan
layanan data yang berfungsi menerima permintaan
HTTP atau HTTPS dari klien yang dikenal dengan
browser web dan mengirimkan kembali hasilnya
dalam bentuk halaman - halaman web yang
umumnya berbentuk dokumen HTML
0. Ara ioneer. ada Ara ioneer ini bentuk
software komputer pada awalnya adalah
sambungan)sambungan kabel ke antar bagian
dalam komputer" *ara dalam mengakses komputer
adalah menggunakan pun!hed !ard yaitu kartu
yang di lubangi. enggunaan komputer saat itu
masih dilakukan se!ara langsung" sebuah program
digunakan untuk sebuah mesin tertentu dan untuk
tu'uan tertentu. +i era ini software komputer
merupakan satu kesatuan dengan sebuah
hardware komputer.
;. Ara Stabil. ada Ara Stabil ini baris)baris
perintah software komputer yang di'alankan oleh
komputer bukan lagi satu)satu" tapi sudah banyak
proses yang di lakukan se!ara bersamaan (multi
tasking). Software :omputer pada era ini 'uga
mampu menyelesaikan banyak pengguna (multi
user) dan se!ara !epat<langsung (real time). +i era
ini 'ugalah mulai di kenal sistem basis data" yang
memisahkan antara program dan data .
/. Ara Mikro. ada Ara Mikro ini software komputer
dapat dibedakan men'adi beberapa bagian yaitu
Software Sistem (#indows" Linux" Ma!hintos" dll)"
Software .plikasi (Ms.8ffi!e" 8pen8ffi!e" dll) dan
Languange Software<4ahasa emograman
(.ssembler" 9isual 4asi!" +elphi" dll)
>. Ara Modern. ada Ara Modern ini software
komputer tidak hanya untuk sebuah komputer
tetapi sebuah handphone pun telah di lengkapi
dengan sebuah software sistem seperti .ndroid"
Symbian" dll. Tingkat ke!erdasan yang ditun'ukkan
oleh software komputer pun semakin meningkat"
selain permasalahan teknis" software komputer
sekarang 'uga mulai bisa mengenal suara dan
gambar.