LEMBAR KERJA PRAKTIKUM

PEMRfi›GRAMAN WEB
Prodi Pendidikan Teknik Informatika dan Komputer
Fakultas Teknik
Universitas Negeri Makasar (UNM)

LEMBAR KERJA 1
Nama : Andi Fajrin Noer Ahmad
Nomor Induk: 1929041001

A. Test Awal
Jawablah pertanyaan berikut:
1. Jelaskan apa yang kalian ketahui mengenai HTML, CSS, PHP dan Javascript. Dilarang
copas dari manapun, gunakan bahasa sendiri
2. Jelaskan mengenai sejarah dan asal-usul HTML
3. Jelaskan perkembangan dari versi HTML
4. Apa saja Tool atau aplikasi yang dapat digunakan untuk melakukan Pemrograman Web
5. Setelah mempelajari mata kuliah Pemrograman Web ini, jelaskan projek aplikasi apa
yang ingin kamu buat

Jawaban :
1. HTML adalah bahasa pemrograman standar yang digunakan untuk membuat sebuah
halaman web, yang kemudian dapat diakses untuk menampilkan berbagai informasi
di dalam sebuah penjelajah web Internet
CSS adalah singkatan dari Cascading Style Sheet, salah satu elemen utama dalam
desain website.
PHP merupakan scripting server-side, oleh karenanya jenis bahasa pemrograman ini
nantinya berbentuk script/program dan akan dijalankan/diproses oleh server.
Javascript adalah bahasa pemrograman web yang bersifat Client Side Programming
Language.

2. HTML dibuat oleh seorang ahli fisika dengan tim Berners Lee pada lembaga
penelitian CERN yang ada di Swiss. Tim tersebut mempunyai ide mengenai sistem
hypertext yang menggunakan basis internet. Tim Berners Lee mengeluarkan versi
HTML yang pertama pada tahun 1991. Dalam versi tersebut terdapat 18 HTML tag.
Hypertext merujuk pada teks yang terdapat referensi atau link untuk teks lain
sehingga dapat diakses oleh pengguna.

3. Berikut merupakan sejarah perkembangan kode HTML mulai dari versi awal sampai
sekarang.

HTML Versi 1.0

Bermula pada versi 1.0. Versi 1.0 ini merupakan pionir yang masih banyak kelemahan
sehingga tampilannya masih sederhana. HTML versi 1.0 mempunyai kemampuan untuk
membuat paragraf, heading, list, hypertext dan cetak tebal atau miring pada teks. Versi 1.0
juga dapat mendukung peletakan gambar atau image pada dokumen tanpa wrapping.

HTML Versi 2.0

HTML versi 2.0 mempunyai fitur tambahan yaitu kualitas HTML lebih baik. Versi 2.0
mempunyai kemampuan dalam menampilkan data atau form pada dokumen serta
Prodi Pendidikan Teknik Informatika dan Komputer
Fakultas Teknik
Universitas Negeri Makasar (UNM)

memasukan alamat, nama, dan saran atau kritik. HTML versi 2.0 ini adalah pionir untuk
web interaktif.

HTML Versi 3.0

Versi 3.0 mempunyai tambahan fitur dengan fasilitas baru yaitu figure. Figure adalah
perkembangan dari image yang berfungsi untuk meletakan gambar serta tabel. HTML
versi 3.0 juga dapat mendukung adanya rumus matematika pada dokumen. Versi 3.0
sekarang digantikan dengan versi 3.2.

HTML Versi 3.2

Versi 3.2 adalah HTML yang paling sering digunakan. Versi ini mempunyai teknologi
untuk meletakan teks pada keliling gambar. Sehingga gambar mempunyai latar belakang,
frame, style, tabel, dan sebagainya. Versi 3.2 juga dapat menggunakan script untuk
mendukung kinerja HTML.

HTML Versi 4.0

HTML versi 4.0 mengalami banyak perubahan dari versi sebelumnya. Perubahan tersebut
pada perintah HTML yaitu image, tabel, text, link, form dan sebagainya.

HTML Versi 4.01

Terdapat juga versi 4.01 yang merupakan perbaikan dari versi 4.0. Versi ini menjadi
standar untuk lemen atau atribut pada HTML. Karena sudah memperbaiki kesalahan pada
versi sebelumnya.

HTML Versi 5.0

HTML versi 5 merupakan prosedur pembuatan tampilan web terbaru dengan
penggabungan antara CSS, HTML dan JavaScript. Versi ini dibuat dari informasi bahwa
W3C dan IETF membuat versi HTML yang terbaru.

4. Notepad ++, Web Builder Visual, CoffeeCup HTML Editor, Word Press, Page Brezee,
Bluefish Editor

5. Project perancangan website pemesanan tiket pesawat online agar user tak perlu lagi
repot-repot untuk checkout langsung ke bandara atau agen tiket
Prodi Pendidikan Teknik Informatika dan Komputer
Fakultas Teknik
Universitas Negeri Makasar (UNM)

B. Jurnal
1. Lakukan instalasi aplikasi berikut:
a. Notepad ++
b. Xampp
2. Buat sintak HTML untuk menampilkan
a. Hello World!
Screenshot Hasil Akhir

b. Nama, Nomor Induk dan Jurusan

Screenshot Hasil Akhir
Prodi Pendidikan Teknik Informatika dan Komputer
Fakultas Teknik
Universitas Negeri Makasar (UNM)

c. Foto (Gunakan Tag)

Screenshot Hasil Akhir

d. Music
Screenshot Hasil Akhir

e. Video

Screenshot Hasil Akhir

C. Test Akhir
Cari tahu mengenai diagram Wireframe (Gambar Rangka), yaitu diagram untuk
menunjukkan bagaimana lay out halaman web dan menunjukkan di mana fungsi dan konten seperti
navigasi, kotak pencarian, elemen bentuk dan sebagainya. Buat versi kamu
Prodi Pendidikan Teknik Informatika dan Komputer
Fakultas Teknik
Universitas Negeri Makasar (UNM)