TEKNOLOGI INTERNET

& WEBSITE

Oleh :
H.Zainal Hakim, S.Kom
hakim@satriamultimedia.com
http://www.satriamultimedia.com

H.Zainal Hakim, S.Kom

 Ruang Lingkup Bahasan
Pengenalan Internet
Domain, Hosting, Web Server, Web Browser
Teknologi Website
HTML & CSS
Adobe Photoshop

H.Zainal Hakim, S.Kom

 INTERNET
Internet adalah suatu jaringan antar komputer yang
saling terhubung, dengan media penghubung,
misalnya satelit atau frekuensi radio, sehingga
komputer tersebut dapat saling berkomunikasi.
Setiap komputer yang terhubung tersebut,
mempunyai identitas berupa nomor yang unik dan
berkomunikasi dengan bahasa yang sama. Bahasa
komunikasi dalam internet dikenal dengan istilah
protocol. Protocol yang digunakan di internet adalah
TCP/IP (Transmission
Control Protocol/ Internet Protocol).

H.Zainal Hakim, S.Kom

 Fasilitas Internet
Secara garis besar internet memiliki beberapa fasilitas.
Fasilitas tersebut banyak digunakan oleh pengguna, guna
memenuhi kepentingannya. Di antara fasililitas tersebut
adalah sebagai berikut :
• WWW
• E-Mail
• Mailing List
• Bulletin Board System (BBS)
• Telnet
• Chatting
• Newsgroup
• File Transfer Protokol

H.Zainal Hakim, S.Kom

 Keunggulan Internet
• Konektivitas dan jangkauan global,
• Akses 24 jam
• Kecepatan
• Interaktivitas dan fleksibilitas

H.Zainal Hakim, S.Kom

 Kelemahan Internet
• Ancaman virus
• Ketergantungan pada jaringan telepon,
satelit dan Internet Service Provider
• Penyalahgunaan dapat menimbulkan hal-
hal negatif seperti pornografi, hacker dll

H.Zainal Hakim, S.Kom

 HTTP
HTTP adalah suatu protokol yang digunakan
untuk menentukan aturan yang harus diikuti
oleh Web browser dalam meminta atau
mengambil suatu dokumen, dan oleh Web
server dalam menyediakan dokumen yang
diminta.

H.Zainal Hakim, S.Kom

 Domain
Nama domain (domain name) adalah nama unik yang
diberikan untuk mengidentifikasi nama server komputer
seperti web server atau email server di jaringan komputer
ataupun internet.
Nama domain berfungsi untuk mempermudah pengguna di
internet pada saat melakukan akses ke server, selain juga
dipakai untuk mengingat nama server yang dikunjungi
tanpa harus mengenal deretan angka yang rumit yang
dikenal sebagai IP address. Nama domain ini juga dikenal
sebagai sebuah kesatuan dari sebuah situs web seperti
contohnya "wikipedia.org".

Nama Domain Internasional dikelola oleh InterNIC

H.Zainal Hakim, S.Kom

 Hosting
Hosting (atau Web Hosting) adalah jasa layanan internet
yang memungkinkan para penggunanya menyimpan website
untuk diakses di dunia Internet. Hosting memiliki komputer
server yang terhubung dengan internet, online 24 jam sehari,
dan menyediakan harddisk space yang dipergunakan
bersama oleh para pengguna (penyewa) hosting tersebut.
Dua fungsi utama yang dijalankan di server hosting adalah
HTTP dan FTP. HTTP memungkinkan para internet surfers
untuk mengunjungi situs yang ada di server lewat web
browser. FTP memungkinkan para pemilik web untuk meng-
upload file-file website mereka ke server.

H.Zainal Hakim, S.Kom

 Uniform Resource Locator
( URL )
URL adalah singkatan dari Uniform Resource Locators
yang berarti suatu "pathname" untuk mengidentifikasi
sebuah dokumen di web. Didalam URL terdapat
informasi nama mesin/host (dalam hal ini komputer)
yang akan diakses, nama dokumen beserta logical
pathnamenya serta jenis protokol yang akan digunakan
untuk melakukan akses ke web
Protokol transfer ://nama host/path/nama file
• Protokol transfer adalah protocol yang digunakan oleh
suatu browser untuk mengambil informasi.
• Nama host adalah nama dari komputer dimana
informasi tersebut berada.
• Path/nama file adalah jalur serta nama file dari suatu
informasi.
H.Zainal Hakim, S.Kom
 Uniform Resource Locator (URL)

http://www.satriamultimedia.com/index.html

Protokol nama domain nama halaman web

H.Zainal Hakim, S.Kom

 Web Browser
Web Browser adalah perangkat lunak yang mulanya hanya
untuk menampilkan (rendering) dokumen web/HTML.
Namun saat ini, web browser harus mampu mengeksekusi
(interpretasi) JavaScript atau VBScript, menjalankan Java
Applet, memahami dokumen XML, dan menjalankan
dokumen tertentu dengan fasiltias plug-in seperti file .swf
Macromedia Flash dan sebagainya.
Web Browser yang sering digunakan antara lain :
• Internet Explorer
• Netscape Navigator
• Mozilla Firefox
• Opera

H.Zainal Hakim, S.Kom

 Web Server
Server web adalah sebuah perangkat lunak
server 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. Server web
yang terkenal diantaranya adalah Apache dan
Microsoft Internet Information Service (IIS).
Apache merupakan server web antar-platform,
sedangkan IIS hanya dapat beroperasi di sistem
operasi Windows.

H.Zainal Hakim, S.Kom

 Web/Website
Website adalah halaman informasi yang
disediakan melalui jalur internet sehingga bisa
diakses di seluruh dunia selama terkoneksi
dengan jaringan internet. Website merupakan
komponent atau kumpulan komponen yang terdiri
dari teks, gambar, suara animasi sehingga lebih
merupakan media informasi yang menarik untuk
dikunjungi. Secara garis besar, website bisa
digolongkan menjadi 3 bagian yaitu:
• Website Statis
• Website Dinamis
• Website Interaktif

H.Zainal Hakim, S.Kom

 Website Statis
adalah salah satu bentuk website yang isi didalam website tersebut tidak
dimaksudkan untuk di update secara berkala, dan biasanya di maintain
secara manual oleh beberapa orang yang menggunakan software editor.
Ada 3 tipe kategori software editor yang biasa dipakai untuk tujuan
maintaining ini, mereka adalah :

• Text Editor. Contohnya adalah Notepad atau TextEdit, dimana HTML diubah
didalam program editor tersebut.
• WYSIWYG editor. Contohnya Microsoft Frontpage dan Macromedia
Dreamweaver, dimana situs di edit menggunakan GUI (Graphical User
Interface) dan format HTML ini secara otomatis di generate oleh editor ini.
• Editor yang sudah memiliki template, contohnya Rapidweaver dan iWeb,
dimana, editor ini membolehkan user untuk membuat dan mengupdate
websitenya langsung ke web server secara cepat, tanpa harus mengetahui
apapun tentang HTML. Mereka dapat memilih template yang sesuai dengan
keinginan mereka, menambah gambar atau obyek, mengisinya dengan
tulisan, dan dengan sekejap mereka sudah dapat membuat website tanpa
harus melihat sama sekali kode-kode HTML.

H.Zainal Hakim, S.Kom

 Website Dinamis
adalah website yang secara berkala, informasi didalamnya berubah, atau
website ini bisa berhubungan dengan user dengan berbagai macam cara atau
metode (HTTP cookies atau Variabel Database, sejarah kunjungan, variabel
sesi dan lain-lain) bisa juga dengan cara interaksi langsung menggunakan form
dan pergerakan mouse. Ketika web server menerima permintaan dari user
untuk memberikan halaman tertentu, maka halaman tersebut akan secara
otomatis di ambil dari media penyimpanan sebagai respon dari permintaan
yang diminta oleh user. Sebuah situs dapat menampilkan dialog yang sedang
berlangsung diantara dua user, memantau perubahan situasi, atau
menyediakan informasi yang berkaitan dengan sang user.

Ada banyak jenis sistem software yang dapat dipakai untuk meng-generate
Dynamic Web System dan Situs Dynamic, beberapa diantaranya adalah
ColdFusion (CFM), Active Server Pages (ASP), Java Server Pages (JSP) dan
PHP, bahasa program yang mampu untuk meng-generate Dynamic Web
System dan Situs Dinamis. Situs juga bisa termasuk didalamnya berisi
informasi yang diambil dari satu atau lebih database atau bisa juga
menggunakan teknologi berbasis XML, contohnya adalah RSS. Isi situs yang
statis juga secara periodik di generate, atau, apabila ada keadaan dimana dia
butuh untuk dikembalikan kepada keadaan semula, maka dia akan di generate,
hal ini untuk menghindari kinerjanya supaya tetap terjaga.

H.Zainal Hakim, S.Kom

 Website Interaktif
Website Interaktif adalah web yang saat ini
memang sedang booming. Salah satu
contoh website interaktif adalah blog dan
forum. Di website ini user bisa berinteraksi
dan beradu argument mengenai apa yang
menjadi pemikiran mereka. Biasanya
website seperti memiliki moderator untuk
mengatur supaya topik yang
diperbincangkan tidak keluar jalur.

H.Zainal Hakim, S.Kom

 Homepage
Home Page adalah halaman pertama dari suatu website
yang berisi berbagai Informasi tentang apa dan siapa dari
perusahaan atau organisasi pemilik website tersebut.
Didalam website tersebut juga terdapat Informasi tentang
link-link yang menghubungkan antar dokumen yang satu
dengan dokumen yang lainnya.Setiap pribadi atau
organisasi perusahaan yang memiliki informasi di World
Wide Web akan memerlukan suatu alamat atau URL khusus
yang disebut Website.

H.Zainal Hakim, S.Kom

 5 Hal Penting Dalam Mendesain Website!

1. Jangan gunakan splash page.

Splash page adalah halaman pertama yang biasanya kita
lihat di bagian depan sebuah website. Biasanya disana
ada gambar dengan kalimat seperti: “Selamat Datang”
atau “Klik Disini Untuk Masuk”. Pada kenyataannya
halaman splash page ini hanya kelihatannya indah tanpa
kegunaan yang jelas. Jangan biarkan pengunjung web
anda mempunyai kesempatan untuk klik: tombol back!
Berikan mereka nilai tambah sejak awal mereka ada di
website anda.

H.Zainal Hakim, S.Kom

 5 Hal Penting Dalam Mendesain Website!

2. Jangan gunakan banner atau iklan yang berlebihan

Bahkan pemula di internet sekalipun sudah terbiasa untuk
menghindari banner, oleh karena itu jangan buang space
di website anda, sebaliknya sediakanlah lebih banyak isi
yang berkualitas.

H.Zainal Hakim, S.Kom

 5 Hal Penting Dalam Mendesain Website!

3. Letakkan menu navigasi yang sederhana dan jelas

Anda perlu menyediakan menu navigasi yang sederhana
dan jelas di website anda yang mengarah ke berbagai
halaman web anda yang lain dengan mudah. Jauhi menu
berupa Flash yang rumit atau menu dropdown yang
membingungkan, misalnya. Jika pengunjung web anda
tidak tahu kemana mereka harus pergi di web anda, maka
mereka akan meninggalkannya.

H.Zainal Hakim, S.Kom

 5 Hal Penting Dalam Mendesain Website!

4. Perhatikan besar gambar yang anda pergunakan dan

berapa lama proses loadingnya
Penting sekali untuk mempertimbangkan besar gambar
yang anda pergunakan dalam menghiasi website anda.
Pastikan anda mengoptimasinya terlebih dahulu sehingga
pengunjung web tidak harus menunggu berlama-lama
hanya untuk menunggu seluruh gambar dalam halaman
terbuka.
Masih banyak pengunjung yang menggunakan warnet
atau akses internet lambat, sehingga proses kecepatan
loading perlu mendapat perhatian yang baik

H.Zainal Hakim, S.Kom

 5 Hal Penting Dalam Mendesain Website!

5. Jangan gunakan audio atau suara-suara di website

Anda
Jika anda ingin pengunjung web anda berada lebih lama
di website anda, membaca conten web anda, pastikan
mereka tidak terganggu dengan suara-suara apapun.
Jikapun anda terpaksa menggunakan audio, maka
pastikan mereka bisa mengontrolnya dengan
menyediakan menu pause atau play. Tidak semua orang
suka dengan suara musik tertentu.

H.Zainal Hakim, S.Kom

 HTML
HTML singkatan dari Hyper Text Markup Language adalah file teks atau file
ASCII yang berisi instruksi/script kepada web browser untuk menampilkan suatu
tampilan grafis dari sebuah halaman web. Didalam file HTML terdapat beberapa "
tag" atau kode-kode yang dimengerti oleh web browser dan dapat
menampilkannya di layar monitor.

File HTML dapat dibuat dengan aplikasi text editor apapun di sistem operasi
apapun, antara lain : Notepad di Windows, emasc atau vi di Unix atau SimpleText
di Macintosh. File HTML ini juga bisa dibuat di aplikasi word processor apapun
asalkan saat menyimpan file tersebut disimpan dengan format text-only.

Salah satu kelebihan file HTML adalah cross platform, artinya file HTML dapat
ditampilkan di beberapa Operating System (OS) yang berbeda dan memiliki
tampilan yang sama walaupun saat pembuatannya menggunakan satu OS
tertentu saja.

H.Zainal Hakim, S.Kom

 Apa itu Tag HTML
Saat web browser menampilkan sebuah halaman web, web browser membaca
halaman web tersebut dari sebuah file teks dan kemudian mencari kode-kode
special (dalam hal ini adalah tag HTML) yang ditandai dengan karakter "<" dan
">".
Tag HTML pada umumnya dibuat berpasangan, ada tag pembuka dan ada tag
penutup. Format umum tag HTML adalah :
<nama_tag> Teks yang akan ditampilkan </nama_tag>
Sebuah contoh, misalnya judul halaman ini menggunakan tag header :
<h3> Apa itu tag HTML ? </h3>
Tag tersebut akan memberikan informasi kepada web browser untuk
menampilkan teks "Apa itu tag HTML ?" dengan style header level 3. Tag HTML
dapat menginstruksikan web browser untuk menebalkan sebuah teks (bold),
menampilkan dengan format miring/italic, membuatnya sebagai sebuah header
dengan level tertentu, atau membuatnya sebagai sebuah hyperlink ke halaman
web yang lain.

H.Zainal Hakim, S.Kom

 Struktur Dasar HTML
<HTML>
<HEAD>
<TITLE>Judul dokumen</TITLE>
</HEAD>
<BODY>
Isi dokumen
</BODY>
</HTML>
• HTML: menandai awal dan akhir dokumen HTML
• HEAD: menandai bagian header dokumen HTML
• TITLE: memberi judul pada dokumen HTML
• BODY: menandai awal dan akhir isi dokumen (yang
ditampilkan)

H.Zainal Hakim, S.Kom

 Contoh Isi Dokumen HTML

<html>
<html>
<head>
<head>
<title>Homepage
<title>Homepage saya</title>
saya</title>
</head>
</head>
<body>
<body>
<h1>Saya</h1>
<h1>Saya</h1>
<h2>Perkenalan</h2>
<h2>Perkenalan</h2>
<p>Perkenalkan,
<p>Perkenalkan, nama
nama saya
saya .....
..... Ini
Ini adalah
adalah
<i>homepage</i>
<i>homepage</i>
<b>pertama</b>
<b>pertama</b> saya,
saya, karena
karena saya
saya baru
baru belajar
belajar tentang
tentang
cara membuat <b><i>homepage</i></b>.
cara membuat <b><i>homepage</i></b>.
</p>
</p>
</body>
</body>
</html>
</html> <!--
<!-- akhir
akhir dokumen
dokumen HTML
HTML -->
-->

H.Zainal Hakim, S.Kom