MAKALAH PEMROGRAMAN I Sejarah dan Sepak

MAKALAH PEMROGRAMAN I
Sejarah dan Sepak Terjang HyperText Markup

Disusunoleh
Anggito Suryo Hadi

165030701111009

Ananda Mashuri

165030701111011

Muhammad Safriela W 165030707111013
Mawaddah Chika Dea K

165030701111018

Christian Setyo Adi

165030707111008


Tyo ardianto

165030707111009
Dosen
Supriyono,S.Kom,M.Kom

PROGRAM STUDI ILMU PERPUSTAKAAN
FAKULTAS ILMU ADMINISTRASI
UNIVERSITAS BRAWIJAYA

2017

Kata Pengantar

Puji syukur kepada Tuhan Yang Maha Esa karena sudah memberikan
hikmat dan karunia Nya kepada penulis untuk menyelesaikan makalah ini
dengan tepat waktu. Juga berterima kasih kepada orang tua karena sudah
memberi fasilitas dan dukungan kepada penulis untuk menyelesakan
makalah ini. Penyusunan makalah


ini di dasari pada tinjauan pustaka

mengenai Hypertext Markup (HTML). Pada kesempatan kali ini penulis juga
bersyukur karena mempunyai teman-teman dan dosen yang telah memberi
semangat dan telah memeberi dukungan kepada penulis.
Kami sangat menyadari bahwa makalah ini masih memerlukan
penyempurnaan. Oleh Karena itu, kritik dan saran sangat kami harapkan
demi kesempurnaan makalah ini. Akhir kata semoga makalah ini dapat
memberikan manfaat bagi para pembaca.

Malang, 05 September 2017

Tim Penyusun

DAFTAR ISI
KATA PENGANTAR...................................................................................................................i
DAFTAR ISI..................................................................................................................................ii
BAB I PENDAHULUAN..............................................................................................................1
1.1 Latar Belakang ………..............................................................................................................1
1.2 Rumusan Masalah......................................................................................................................3

1.3 Tujuan…………........................................................................................................................3
1.4 Manfaat…………......................................................................................................................3
BAB II PEMBAHASAN...............................................................................................................4
2.1 Website yang berbasis statis dan Website yang berbasis dinamis ..………..
……..…….........4
2.2 Perkembangan dan kemampuan pada versi HTML………………………………………..…5
2.3 Praktik

uji

coba

dalam

penggunaan

Website

HTML…………………………………………6
2.4 Kelebihan dan kekurangan dalam penggunaan Website HTML…………..

…………………8
BAB

III

PENUTUP……………………………………………………….

…………………......9
3.1

Kesimpulan

Saran………………………………………………………………………....
Daftar
pustaka…………………………………………………………………………………...i

dan

BAB I
PENDAHULUAN

1.1 Latar Belakang
Kemajuan

teknologi

dalam

abad

ke-21

semakin

canggih

dan

bermacam-macam. Kita yang lahir pada generasi digital native sampai saat
ini bila hendak memerlukan atau mencari sesuatu hal yang masih awam di
fikiran, ambil hanphone buka Web kemudian searh selesai permasalahan.

Salah satu penunjang kita mencari informasi dalam internet ialah Web.
Istilah pemrograman Web, pemrograman dapat diartikan sebagai proses,
cara, pembuat program sedangkan Web merupakan sebuah jaringan
komputer yang terdiri/tersusun dari sekumpulan fitur-fitur yang sering di
gunakan manusia untuk melakukan kegiatan pencarian
merupakan situs yang memiliki

search. Web

banyak istilah, namun orang umum lebih

sering mengenalnya dengan (WWW) Word Wide Web. WWW ialah halamanhalaman website yang saling terkoneksi satu dengan lain-nya hyperlink yang
membentuk Gudang informasi.
Internet muncul pertama kali yakni masih berbasis teks, dimana
pengguna yang megakses-nya masih menggunakan terminal yang tidak user
friendly. Seiring perkembangan internet yang semakin maju serta ditunjang
dengan hardware yang semakin baik, dengan begitu tiap individual akan

berfikir bagaimana agar tampilan internet menjadi semakin baik, apik dan
menarik maka ditemukan standart baru yang disebut HyperText Transfer

Protocol (HTTP) dan Hiper Text Markup (HTML).
Pada tahun 1980 seorang ahli fisika Tim Berners-Lee dan seorang
kontraktor mengusulkan untuk menyusun ENEQUIRE, sebuah sistem yang
berguna untuk membagi dokumen. Sembilan tahun kemudian Berners-Lee
mengusulkan

adan-nya

sistem

markah

berbasis

internet.

Beners-Lee

menspesifikasikan HTML dan menulis jaringan beserta perangkat lunak-nya
akhir tahun 1990. Kemudian Beners-Lee menyebutkan tanda HTML pertama

kali-nya di internet padaakhir 1991. HTML merupakan Bahasa markah yang
digunakan permaban untuk menafsirkan dan menulis teks gambar dan
bahan lain-nya kedalam halaman Web secara visual maupun karakteristik
serta HTML merupakan Web yang berbasisstatis. Dengan HyperText Markup
(HTML) memungkinkan seseorang dapat mendesain tampilan Web dengan
lebih mudah serta lebih berinovatif.
1.2 Rumusan masalah
a. Mengapa Website HTML disebut sebagai Website yang berbasis statis dan
seperti apa Website yang berbasis dinamis ?
b. Bagaimana proses perkembangan HTML dari yang paling sederhana
sampai yang terkini ?
c.

Bagaimana

proses

uji

coba


yang

menggunakan

Bahasa-bahasa

pemrograman ?
d. Apa saja kelebihan dan kekurangan dalam penggunaan Website HTML ?
1.3 Tujuan
a. Untuk mengetahui maksud dan ciri-ciri dari Website yang berbasis Website
statis maupun dinamis.
b. Untuk megetahui proses/step perkembangan HTML dari versi sederhana
HTML sampai HTML dengan versi terkini.
c. Untuk mengetahui praktik uji coba dalam penggunaan Website HTML.

d. Untuk mengetahui kelebihan dan kekurangan dalam penggunaan Website
HTML.
1.4 Manfaat
a. Untuk memberikan penjelasan serta pengetahuan baru mengenai ciri-ciri

Website statis dan dinamis.
b. Untuk memberikan pengetahuan baru mengenai versi dan kemampuan
pada setiap HTML.
c. Untuk memberikanhasil Pratik langsung dari hasil uji coba penggunaan
Website HTML.
d.Untuk memberikan penjelasan dan pengetahuan baru mengenai kelebihan
dan kekurangan dalam penggunaan Website HTML.

BAB II
PEMBAHASAN
2.1 Mengapa Website HTML disebut sebagai Website yang berbasis statis
dan seperti apa Website yang berbasis dinamis ?
Mengapa website HTML disebut website statis dan seperti apa website
yang disebut website dinamis, disebut statis karena merupakan jenis web
dimana informasi yang ditampilkan selalu tetap dan tidak terkoneksi ke
suatu database. Website jenis ini memungkinkan user hanya bias melihat isi
dari website tersebut tanpa bisa melakukan interaksi. Yang bisa dilakukan

user hanya meng-klik link atau image yang ada untuk berpindah dari
halaman yang satu ke halaman yang lain. website jenis ini berisi tag-tag

HTML murni, CCS dan Java Script sebagai scripting language-nya.
Sedangkan website dinamis ialah di dalam Website tersebut seseorang
bisa mengubah konten dari halaman tertentu dengan menggunakan browser
dan interaksi yang terja diantara pengguna dan server sangat kompleks.
2.2

Bagaimana proses perkembangan

HTML dari yang paling sederhana sampai yang terkini ?
Proses perkembangan HTML dari versi sederhana sampai versi terkini yakni didalam
HTML telah mengalami berbagai perkembangan dari tiap-tiap versinya. Berikut adalah versiversi dari perkembangan HTML.
HTML Versi 1.0 merupakan pionir yang di dalamnya masih terdapat banyak sekali
kelemahan hingga wajar jika tampilan yang dihasilkan sangat sederhana. Kemampuan yang
dimiliki versi 1.0 ini antara lain heading, paragraf, hypertext, list, serta cetak tebal dan miring
pada teks. Versi ini juga mendukung peletakan image pada dokumennya tanpa
memperbolehkan teks di sekelilingnya (wraping).
HTML Versi 2.0 merupakan penambahan kualitas HTML terletak pada kemampuannya
untuk menampilkan suatu form pada dokumen. Dengan adanya form ini, kita dapat
memasukkan nama, alamat, serta saran dan kritik. HTML versi 2.0 ini merupakan pionir dari
adanya web interaktif.
HTMLversi 3.0 menambahkan beberapa fasilitas baru seperti FIGURE yang merupakan
perkembangan dari IMAGE untuk meletakkan gambar dan tabel. Selain itu, HTML ini
mendukung adanya rumus-rumus matematika dalam dokumennya. Versi ini yang disebut
HTML+- tidak bertahan lama dan segera digantikan dengan versi 3.
HTML versi 3.2 merupakan HTML yang sering digunakan. Di dalamnya terdapat
teknologi untuk meletakkan teks di sekeliling gambar, gambar sebagai latar belakang, tabel,
frame, style sheet dan lain-lain. Selain itu pada HTML versi ini kita bisa menggunakan script
di luar HTML untuk mendukung kinerja HTML kita tersebut, seperti Javascript, VBScript
dan lain-lain.

HTMLversi 4 ini memuat banyak perubahan dan revisi dari pendahulunya yaitu HTML
3.2. Perubahan hampir terjadi di segala perintah HTML seperti tabel, image, link, text, meta,
imagemaps, form dan lain-lain.
HTML versi 4.01 merupakan revisi dari HTML 4.0. Versi terbaru ini memperbaiki
kesalahan-kesalahan kecil (minor errors) pada versi terdahulunya. HTML 4.01 ini juga
menjadi standarisasi untuk elemen dan atribut dari script XHTML 1.0.
HTML versi 5.0 mulai diluncurkan pada tahun 2009, tetapi pada tanggal 4 Maret 2010
terdapat sebuah informasi bahwa W3C (World Wide Web Consortium) dan IETF (Internet
Engineering Task Force) yaitu sebuah organisasi yang menangani HTML sejak versi 2.0 telah
mengmbangkan versi HTML terbaru, yaitu versi 5.0. HTML 5 adalah sebuah prosedur
pembuatan tampilan web baru yang merupakan penggabungan antara CSS, HTML dengan
JavaScript.

2.3

Mengetahui praktik uji coba dalam penggunaan Website HTML
Untuk mengetahu uji coba HTML yang harus dipersiapkan ialah aplikasi Notepad++

sebagai aplikasikasi untuk memasukkan tag HTML, selain itu diperlukan browser seperti
google crome, mozila, ataupun internet explorer.
Hal pertama setelah menginstal Notepad++ ialah membuka aplikasi tersebut setelah itu
untuk memulai halaman HTML harus memasukkan tag yaitu tanda atau kode pada HTML.
Tag untuk memulai ialah sebagai contoh sedangkan untuk mengkahiri .
Setiap akhiran tag harus diberi tanda slice(/).

Gambar diatas menampilkan cara penulisan tag HTML dengan membuat title berjudul
“PEMROGRAMAN 1”. Setelah membuat title yaitu membuat isi website dengan awalan tag
setelah itu dapat meng-enrty isi website. Pada gambar terlihat beberapa tag untuk
membuat sebuah tulisan dan pagragraf. Keterangan tag pada gambar diuraikan sebagai
berikut.
1. Tag untuk membuat tulisan supaya rata tengah
2. Tag untuk mengubah
ukuran, jenis, dan warna huruf.
3. Tag membuat awalan paragraph baru

4. Tag untuk menambahkan elemen-elemen pada website
5. Tag untuk membuat table dan ukurannya
6. Tag membuat baris pada table
7. Tag berfungsi untuk mengisi data pada table

8. Tag membuat judul pada baris table

9. Tag untuk memberikan warna
pada latar belakang tulisan
10. Tag memulai membuat list
11. Tag berfungsi mengisi data list
Setelah selesai dan meyakinkan bahwa semua tag sudah benar lalu simpan hasil dari
Notepad++ dalam bentuk html.fies dengan langkah sebagai berikut. Klik file lalu pilih Save As
setelah itu pada file name berikan nama file sesuai keinginan, lalu dibawah file name pada
pilihan Save as type pilih Hyper Text Markup Language file. Setelah di simpan file dapat dibuka
dalam bentuk browser sebagai berikut.

2.4

Kelebihan dan kekurangan dalam penggunaan Website HTML ?
Kelebihan pada penggunaan HTML yaitu. Merupakan bahasa penkodean yang lintas

platform cross platform, maksudnya HTML dapat digunakan pada berbagai jenis mesin
komputer yang berbeda dan berbagai macam sistem operasi yang berbeda.
Dapat disisipi gambar statis atau dinamis (animasi) termasuk menggunakan gambar untuk
dijadikan hyperlink. Gambar di sini digunakan untuk merujuk pada suatu halaman Web,
dimana setiap titik-titik yang sudah didefinisikan berupa rectangular (kotak), poligon

(kurvatakberaturan) atau lingkaran digunakan untuk ‘jump’ ke halaman lain, atau link
kehalaman di luar web yang bersangkutan.
Dapat disisipi animasi berupa Java Applet atau file-file animasi dari Macromedia Flash
atau Macromedia Shockwave (untuk keperluan ini, browser harus memiliki plug-in khusus
untuk menjalankan file-file animasiini).
Adapun kekurangan dari penggunaan HTML yaitu. Menghasilkan halaman yang statis,
yang saya tahu untuk memperoleh halaman yang dinamis harus menggunakan bahasa
pemrograman tertentu seperti Javascript atau VBScript dan animasi seperti Flash atau
Shockwave.
Memiliki tag-tag yang begitu banyak sehingga susah dipelajari untuk yang masih awam.
Tidak dapat menghasilkan halaman yang interaktif. Interaktif di sini maksudnya client dapat
berinteraksi dengan server. Untuk keperluan itu, HTML harus disisipi bahasa pemrograman
yang dapat menangani hal tersebut, contohnya Perl atauTcl.

BAB III
PENUTUP
3.1 Kesimpulan dan saran
Pada akhir makalah ini penulis akan sedikit memberikan kesimpulan tentang
makalah ini. Keberadaan internet atau lebih dikenal dengan istilah dunia maya pada
saat ini bukan merupakan hal yang asing melainkan telah dikenal oleh seluruh
orang di penjuru dunia.maka dari itu dalam pembuatan website dituntut untuk lebih
maju lagi dan berkembang tentunya mengikuti dengan perkembangan zaman
sekarang ini.para programmer saling berusaha membuat sesuatu yang lebih baru
dan tentunya lebih update dengan merancangkan program-program yang lebih
canggih,salah satunya adalah dengan menggunakan pemrograman HTML.
Berbagai macam bentuk layout pada pemrograman HTML dalam mendisign
website merupakan bagian-bagian yang harus diketahui, kaarna itu menentukan
dari hasil rancangan dalam pembuatan suatu program/website.apalagi dengan
perkembangan IPTEK sekarang ini lebih menuntut un tuk menghasilkan suatu program

ataupun website yang lebih menarik lagi.sehingga para pengguna dunia maya lebih merasa
tertarik dan tidak bosan lagi dengan hasil website/pun program tersebut.
Sekian isi dari makalah ini jika ada kesalahan kata atau kurangnya isi yang lebih detail
mengenai judul diatas maka kami menerima saran & kritik untuk memperbaiki hal-hal yang
kurang tersebut.

DaftarPustaka
-

http://www.global-komputer.com/blog/artikel-19-sejarah-dan-perkembangan-

-

html.htmldi aksespada4 September 2017 pukul 19.00 WIB
http://www.webdesign67.com/artikel-221/perbedaan-web-statis-dan-web-

-

dinamis.html di aksespada4 September 2017 pukul 21.30 WIB
( PrasetyoEko. 2008:2-4 Pemrograman Web PHP & MySQL

-

untukSistemInformasiPerpustakaan. Yogyakarta: GrahaIlmu )
https://id.m.wikipedia.org/wiki/HTML di aksespada 4 September 2017 pukul 19.45
WIB