Review Internet fungsi dan HTML

MODUL 1

Review Internet dan HTML
Setelah mempelajari modul ini, mahasiswa diharapkan mengenal :
1. Internet dan Pemanfaatannya
2. HTTP, FTP, URL, WWW dan DNS
3. Top Levek Domain dan Second Level Domain
4. Membuat halaman web statis dengan HTML

1. Pengenalan Internet
a. Apa itu internet ?
Dua atau lebih komputer yang berhubungan menggunakan jaringan komputer di
dunia (world-wide) yang saling berkomunikasi, berinteraksi, dan bertukar
informasi.
b. Menggunakan standarisasi protokol TCP/IP



Transmission Control Protocol (TCP) and the Internet Protocol(IP)
Ku pula dari atura ‐atura protokol ko u ikasi ya g digu aka pada jari ga
komputer.

c. Pemanfaatan Internet
 File Sharing
 Email







Web
Chatting
VoIP
Teleconference
Remoting
Dll

2. Hypertext Transfer Protocol
a. World Wide Web(www)

 Layanan internet yang diperoleh pemakai computer yang terhubung ke
internet
 Suatu standarisasi agar dapat berkomunikasi antara satu computer dengan
computer lain
 Sistem terdistribusi(Client & Server) dalam skala besar.
 Menggunakan protocol HTTP
b. Hypertext Transfer Protokol
 Protocol yang dipergunakan untuk mentransfer dokumen dalam world wide
web(http://)
 HTTP request dikirimkan dari browser pengguna ke server HTTP dan kemudian
hasilnya adalah sebuah halaman web yang ditampilkan pada browser.
c. Hypertext Transfer Protokol Secure
 HTTPS, adalah kombinasi dari HTTP dan protocol SSL/TLS untuk menjalin
koneksi yang terenkripsi (aman) dan mengidentifikasi server.
 Koneksi HTTPS biasanya digunakan untuk transaksi pembayaran pada web site,
atau transaksi sensitive suatu sistem informasi di perusahaan.
 SSL/TSL adalah protocol kriptografi yang disediakan keamannannya untuk
komunikasi melalui jaringan computer seperti intenet.
d. File Transfer Protocol(FTP)
 FTP adalah standar protocol jaringan yang digunakan untuk pertukaran dan

manipulasi file melalui protocol TCP/IP.
1

 Biasdanya digunakan untuk mengirim file dari client ke server atau mendownload file dari server ke client.
e. Uiniform Rexource Locator(URL)
 Alamat dari sebuah resource yang dapat diakses di internet.
 URL secara umum terdiri dari :
o Jenis Protocol
o Alamat IP/nama domain
o Nama file
 Contoh :
http://www.unri.ac.id/index.php
protocol alamat domain

file

f. Domain Name System (DNS)
 Versi teks dari IP Address
 Setiap nama domain memiliki IP Address yang unik yang tida sama dengannya
 Untuk mempermudah pengguna mengakses sesuatu resource di internet.

 Contoh :
http://64.233.181.105
o http://www.google.co.id
g. Top Level Domain
 .com
commercial
 .edu
educational
 .gov
government
 .mil
military
 .net
networking
 .org
nonprofit organization
 .biz
bussines
 .info
multi pusposes

 .co
corporate
 .ac
academic
 .co.id
 .web.id
regional
 .ac.id
h. Second Level Domain(sub Doman)
 mi.unri.ac.id
(mi adalah sub domain dari unri.ac.id)
 mail.unri.ac.id
(mail adalah sub domain dari unri.ac.id)
 mail.yahoo.com
(mail adalah sub domain dari yahoo.com)
i. Web Programming
 Client Side Scripting
o HTML(Hypertext Markup Language)
o JavaScript
o CSS (Cascading Style Sheet)

 Server Side Scripting
o PHP
o ASP
o JSP
j. Web Aplication
 Web Statis
Dibentuk menggunakan client side scripting(HTML,CSS dan JavaScriptP.
Update dilakukan secara manual dan melakukan perubahan terhadap script
halaman tersebut.
 Web Dinamis
Dibentuk menggunakan aplikasi tembahan (server side scripting dan database)
sehingga data dapat diupdate tanpa harus mengubah script, hanya mengubah
data di database.

3. HTML(Hypertext Markup Language)
a. HTML
 Sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web
dan menampilkan berbagai informasi di dalam sebuah browser.
2

 HTML berupa kode-kode yang menginstuksikan browser menghasilkan tampilan
sesuai dengan yang diinginkan.
 HTML saat ini merupakan standar internet yang didefinisikan dan dikendalikan
penggunaannya oleh world wied web consortium(W3C).
 HTML sampai modul ini dibuat sudah sampai pada versi HTML5.
b. Struktur HTML
 Document Information
…
 Document Header
…
 Document Body
…
c. Struktur Standar Dokumen HTML


………….


…………. Tuliskan tag html lain di sini

d. Tag, Atribut, Elemen

tag

e.

f.

g.

h.

attribute

value

element
Penulisan Tag
 Tag pembuka

< >
 Tag penutup

 Single tag
< />
Contoh : , , dan
Tag Image
Untuk memuat gambar k dalam halaman web.
Contoh :

Tag image mempunyai beberapa attribute antara lain :
 src
lokasi gambar yang akan ditampilkan
 width
ukuran lebar gambar
 height
ukuran tinggi gambar
 alt
deskripsi tentang gambar(tool tip)
 title

judul gambar
Tag Anchor/Hyperlink
Digunakan untuk menghubungkan (linking) text dan image ke halaman lain atau
bagian tertentu dari halaman yang sama dalam satu website yang lain.
Contoh :
 Link ke halaman website lain
Google
 Link ke fila dalam satu website
Latihan 2
Tabel
Digunakan untuk menyajikan data dalam bentuk kolom dan baris, tujuannya agar
informasi dapat ditampilkan secara lebih terstruktur dan tabular.

3

i. Elemen pada table
Elemen
…
…
…

…

Deskripsi
Mendefinisikan sebuah tabel dalam document
HTML.
Atribute :border, cellpadding, cellspacing, width,
height.
Membuat judul kolom
Mendifinisikan baris tabel.
Atribute : align(left,center,right),
valign(top,middle,bottom),
width, height,bgcolor dll.
Mendifinisikan komol tabel.
Atribute : align(left,center,right),
valign(top,middle,bottom),
width, height,bgcolor,
rowspan dan colspan

j. Colspan dan Rowspan
Colspan digunakan untuk mengabungkan bebrapa kolom dan rowspan digunakan
untuk mengabungkan beberapa baris.
Colspan=2
Rowspan=5

Contoh 1-1


Colspan=2


rowspan=3
 


 


 



Hasil 1-1

Gambar 1.1 Hasil contoh 1-1
k. Border, Cellpadding dan Cellspacing

4

l. Tag Div
 Digunakan untuk membungkus tag-tag lain agar memiliki perilakuk sama.
Contoh :

Pemrograman Web 2
Ini adalah halaman pemrograman web 2

 Digunakan sevagai sistem blok untuk membuat lapidan layout halaman
Contoh :

...


...


...

m. HTML Form
Elemen HTML yang digunakan untuk menerima bermacam-macam masukan
(input) dari pengguna web.
Contoh :

n. Tag Form
Sebuah tag yang membungkus elemen-elemen input di dalamnya dan berfungsi
mengirim data input ke browser.

.
elemen input
.

o. Attribut Form
 Acton
: Lokasi script yang akan memproses data dari form
 Envtype
: Mendefinisikan cara encoding data sebelum dikirimkan,
Biasanya digunakan jika ingin meng-upload file.
 Method
: Metode pengiriman data
o GET
: Data dikirimkan bersama dengan URL
o POST
: Data dikirimkan terpisah dari URL
Contoh :

.
.
.


5

p. Elemen Input Form.

q. Elemen Input : Text Field
Digunakan untuk memasukkan huruf, angka, karakter dll ke dalam sebuah form.
Contoh 1-2