MODUL INTERNET DAN WEB

Modul Pemrograman Dasar Berbasis Web
1.1. PENGERTIAN INTERNET DAN WEB
Internet (kependekan daripada perkataan ‘inter-network’) ialah rangkaian

komputer yang berhubung menerusi beberapa rangkaian. Manakala Internet (huruf
‘I’ besar) ialah sistem komputer umum, yang berhubung secara global dan
menggunakan TCP/IP sebagai protokol pertukaran paket (packet switching
communication protocol). Rangkaian internet yang terbesar dinamakan Internet.
Cara menghubungkan rangkaian dengan kaedah ini dinamakan internetworking.
sumber : Internet
Gambar 1.1. Akses Internet
Rangkaian pusat yang membentuk Internet diawali pada tahun 1969 sebagai
ARPANET, yang dibangun oleh ARPA (United States Department of Defense Advanced
Research Projects Agency). Beberapa penyelidikan awal yang disumbang oleh
ARPANET termasuk kaedah rangkaian tanpa-pusat (decentralised network), teori
queueing, dan kaedah pertukaran paket (packet switching).
Pada 1 Januari 1983, ARPANET menukar protokol rangkaian pusatnya, dari

NCP ke TCP/IP. Ini merupakan awal dari Internet yang kita kenal hari ini. Pada
sif.labor@uin-suska.ac.id - Sistem Informasi UIN Suska Riau 1

sekitar 1990-an, Internet telah berkembang dan menyambungkan kebanyakan

pengguna jaringan-jaringan komputer yang ada.
Negara dengan akses internet yang terbaik termasuk Korea Selatan (50%
daripada penduduknya mempunyai akses jalurlebar – Broadband), dan Swedia.
Terdapat dua bentuk akses internet yang umum, yaitu dial-up, dan jalur lebar. Di
Indonesia, seperti negara berkembang dimana akses Internet dan penetrasi PC masih
juga rendahlainnya sekitar 42% dari akses Internet melalui fasilitas Public Internet
aksss seperti warnet , cybercafe, hotspot dll. Tempat umum lainnya yang sering
dipakai untuk akses internet adalah di kampus dan dikantor.
Disamping menggunakan PC (Personal Computer), kita juga bisa mengakses

Internet melalui Handphone (HP) menggunakan Fasilitas yang disebut GPRS (General
Packet Radio Service). GPRS merupakan salah satu standar komunikasi wireless
(nirkabel) yang memiliki kecepatan koneksi 115 kbps dan mendukung aplikasi yang
lebih luas (grafis dan multimedia). Teknologi GPRS dapat diakses yang mendukung
fasilitas tersebut. Pen-setting-an GPRS pada ponsel Tergantung dari operator
(Simpati, Indosat, XL, 3) yang digunakan. Biaya akses Internet dihitung melalui
besarnya kapasitas (per-kilobite) yang didownload.
Internet juga semakin banyak digunakan di tempat umum. Beberapa tempat

umum yang menyediakan layanan internet termasuk perpustakaan, dan internet
cafe/warnet (juga disebut Cyber Cafe). Terdapat juga tempat awam yang
menyediakan pusat akses internet, seperti Internet Kiosk, Public access Terminal, dan
Telepon web.
Terdapat juga toko-toko yang menyediakan akses wi-fi, seperti Wifi-cafe.

Pengguna hanya perlu membawa laptop (notebook), atau PDA, yang mempunyai
kemampuan wifi untuk mendapatkan akses internet.
1.2. SEJARAH PERKEMBANGAN INTERNET INDONESIA
Internet di indonesia mulai berkembang pada awal tahun 90-an. Saat itu
jaringan internet di Indonesia lebih dikenal sebagai paguyuban network, dimana
semangat kerjasama, kekeluargaan & gotong royong sangat hangat dan terasa

diantara para pelakunya. Agak berbeda dengan suasana Internet Indonesia pada
perkembangannya kemudian yang terasa lebih komersial dan individual di sebagian
aktivitasnya, terutama yang melibatkan perdagangan Internet.
Sejak 1988, ada pengguna awal Internet di Indonesia yang memanfaatkan CIX
(Inggris) dan Compuserve (AS) untuk mengakses internet.
1.2.1. Awal Internet Indonesia
Berdasarkan catatan whois ARIN dan APNIC, protokol Internet (IP) pertama
dari Indonesia, UI-NETLAB (192.41.206/24) didaftarkan oleh Universitas Indonesia
pada 24 Juni 1988. RMS Ibrahim, Suryono Adisoemarta, Muhammad Ihsan, Robby
Soebiakto, Putu, Firman Siregar, Adi Indrayanto, dan Onno W. Purbo merupakan
beberapa nama-nama legendaris di awal pembangunan Internet Indonesia di tahun
1992 hingga 1994. Masing-masing personal telah mengontribusikan keahlian dan
dedikasinya dalam membangun cuplikan-cuplikan sejarah jaringan komputer di
Indonesia.
Tulisan-tulisan tentang keberadaan jaringan Internet di Indonesia dapat

dilihat di beberapa artikel di media cetak seperti KOMPAS berjudul “Jaringan
komputer biaya murah menggunakan radio” di bulan November 1990. Juga beberapa
artikel pendek di Majalah Elektron Himpunan MahaMahasiswa Elektro ITB di tahun
1989.
Di sekitar tahun 1994 mulai beroperasi IndoNet yang dipimpin oleh Sanjaya.
IndoNet merupakan ISP komersial pertama Indonesia. Pada waktu itu pihak POSTEL
belum mengetahui tentang celah-celah bisnis Internet & masih sedikit sekali
pengguna Internet di Indonesia. Sambungan awal ke Internet dilakukan
menggunakan dial-up oleh IndoNet, sebuah langkah yang cukup nekat barangkali.
Lokasi IndoNet masih di daerah Rawamangun di kompleks dosen UI, kebetulan ayah
Sanjaya adalah dosen UI. Akses awal di IndoNet mula-mula memakai mode teks
dengan shell account, browser lynx dan email client pine pada server AIX.

Mulai 1995 beberapa BBS di Indonesia seperti Clarissa menyediakan jasa

akses Telnet ke luar negeri. Dengan memakai remote browser Lynx di AS, maka
pemakai Internet di Indonesia bisa akses Internet.
1.2.2. Perkembangan Internet
Internet telah membuat revolusi baru dalam dunia komputer dan dunia
komunikasi yang tidak pernah diduga sebelumnya. Beberapa Penemuan telegram,
telepon, radio, dan komputer merupakan rangkaian kerja ilmiah yang menuntun
menuju terciptanya Internet yang lebih terintegrasi dan lebih berkemampuan dari
pada alat-alat tersebut. Internet memiliki kemampuan penyiaran ke seluruh dunia,
memiliki mekanisme diseminasi informasi, dan sebagai media untuk berkolaborasi
dan berinteraksi antara individu dengan komputernya tanpa dibatasi oleh kondisi
geografis.
Internet merupakan sebuah contoh paling sukses dari usaha investasi yang tak
pernah henti dan komitmen untuk melakukan riset berikut pengembangan
infrastruktur teknologi informasi. Dimulai dengan penelitian packet switching (paket
pensaklaran), pemerintah, industri dan para civitas academica telah bekerjasama
berupaya mengubah dan menciptakan teknologi baru yang menarik ini.
Perkembangan Sejarah intenet dapat dibagi dalam empat aspek yaitu:
1. Adanya aspek evolusi teknologi yang dimulai dari riset packet switching
(paket pensaklaran) ARPANET (berikut teknologi perlengkapannya) yang
pada saat itu dilakukan riset lanjutan untuk mengembangkan wawasan
terhadap infrastruktur komunikasi data yang meliputi beberapa dimensi
seperti skala,performannce/kehandalan, dan kefungsian tingkat tinggi.
2. Adanya aspek pelaksanaan dan pengelolaan sebuah infrastruktur yang global
dan kompleks.
3. Adanya aspek sosial yang dihasilkan dalam sebuah komunitas masyarakat
besar yang terdiri dari para Internauts yang bekerjasama membuat dan
mengembangkan terus teknologi ini.
4. Adanya aspek komersial yang dihasilkan dalam sebuah perubahan ekstrim
namun efektif dari sebuah penelitian yang mengakibatkan terbentuknya

sebuah infrastruktur informasi yang besar dan berguna. Internet sekarang

sudah merupakan sebuah infrastruktur informasi global (widespread
information infrastructure), yang awalnya disebut “the National (atau Global
atau Galactic) Information Infrastructure” di Amerika Serikat. Sejarahnya
sangat kompleks dan mencakup banyak aspek seperti teknologi, organisasi,
dan komunitas. Dan pengaruhnya tidak hanya terhadap bidang teknik
komunikasi komputer saja tetapi juga berpengaruh kepada masalah sosial
seperti yang sekarang kita lakukan yaitu kita banyak mempergunakan alat-alat
bantu on line untuk mencapai perkembangan internet.
Teknologi Informasi dan Telekomunikasi (Information and Communication

Technology/ICT) merupakan tulang punggung aplikasi Web 2.0. Perkembangan
Teknologi Informasi dan Komunikasi yang fenomenal dan menjadi awal munculnya
aplikasi web adalah Internet. Internet yang berawal dari riset untuk pertahanan dan
keamanan serta pendidikan berkembang menjadi perangkat pendukung bisnis yang
sangat berpengaruh. Dalam kaitan dengan aplikasi Web 2.0 ini, terdapat beberapa
peristiwa penting dalam sejarah internet.
Berawal pada tahun 1957, melalui Advanced Research Projects Agency

(ARPA), Amerika Serikat bertekad mengembangkan jaringan komunikasi terintegrasi
yang saling menghubungkan komunitas sains dan keperluan militer. Hal ini
dilatarbelakangi oleh terjadinya perang dingin antara Amerika Serikat dengan Uni
Soviet (tahun 1957 Soviet meluncurkan sputnik).
Perkembangan besar Internet pertama adalah penemuan terpenting ARPA

yaitu packet switching pada tahun 1960. Packet switching adalah pengiriman pesan
yang dapat dipecah dalam paket-paket kecil yang masing-masing paketnya dapat
melalui berbagai alternatif jalur jika salahsatu jalur rusak untuk mencapai tujuan
yang telah ditentukan. Packet switching juga memungkinkan jaringan dapat
digunakan secara bersamaan untuk melakukan banyak koneksi, berbeda dengan jalur
telepon yang memerlukan jalur khusus untuk melakukan koneksi. Maka ketika
ARPANET menjadi jaringan komputer nasional di Amerika Serikat pada 1969, packet
switching digunakan secara menyeluruh sebagai metode komunikasinya
menggantikan circuit switching yang digunakan pada sambungan telepon publik.

Pengembangan lapisan protokol jaringan yang terkenal karena paling banyak

digunakan sekarang yaitu TCP/IP (Transmission Control Protocol/ Internet
Protocol). Protokol adalah suatu kumpulan aturan untuk berhubungan antarjaringan.
Protokol ini dikembangkan oleh Robert Kahn dan Vinton Cerf pada tahun 1974.
Dengan protokol yang standar dan disepakati secara luas, maka jaringan lokal yang
tersebar di berbagai tempat dapat saling terhubung membentuk jaringan raksasa
bahkan sekarang ini menjangkau seluruh dunia. Jaringan dengan menggunakan
protokol internet inilah yang sering disebut sebagai jaringan internet.
Jaringan ARPANET menjadi semakin besar sejak saat itu dan mulai dikelola
oleh pihak swasta pada tahun 1984, maka semakin banyak universitas tergabung dan
mulailah perusahaan komersial masuk. Protokol TCP/IP menjadi protokol umum
yang disepakati sehingga dapat saling berkomunikasi pada jaringan internet ini.
Perkembangan besar Internet ketiga adalah terbangunnya aplikasi World

Wide Web pada tahun 1990 oleh Tim Berners-Lee. Aplikasi World Wide Web (WWW)
ini menjadi konten yang dinanti semua pengguna internet. WWW membuat semua
pengguna dapat saling berbagi bermacam-macam aplikasi dan konten, serta saling
mengaitkan materi-materi yang tersebar di internet. Sejak saat itu pertumbuhan
pengguna internet meroket.
Internet telah membuat revolusi baru dalam dunia komputer dan dunia
komunikasi yang tidak pernah diduga sebelumnya. Beberapa Penemuan telegram,
telepon, radio, dan komputer merupakan rangkaian kerja ilmiah yang menuntun
menuju terciptanya Internet yang lebih terintegrasi dan lebih berkemampuan dari
pada alat-alat tersebut. Internet memiliki kemampuan penyiaran ke seluruh dunia,
memiliki mekanisme diseminasi informasi, dan sebagai media untuk berkolaborasi
dan berinteraksi antara individu dengan komputernya tanpa dibatasi oleh kondisi
geografis.
Internet merupakan sebuah contoh paling sukses dari usaha investasi yang tak
pernah henti dan komitmen untuk melakukan riset berikut pengembangan
infrastruktur teknologi informasi. Dimulai dengan penelitian packet switching (paket

pensaklaran), pemerintah, industri dan para civitas academica telah bekerjasama

berupaya mengubah dan menciptakan teknologi baru yang menarik ini.
1.3. FUNGSI INTERNET
Menurut Tjiptono dan Diana (2000, p45), melalui keunggulan dalam hal
komunikasi, information retrieval dan information search, internet bisa dimanfaatkan
untuk berbagai macam keperluan bisnis, di antaranya berfungsi sebagai :
1. Yellow pages berupa database terorganisasi yang memuat aneka ragam
informasi produk, perusahaan, iklan, berita, hiburan dan sebagainya.
2. Web traffic control berfungsi sebagai iklan yang menarik perhatian para
pemakai internet agar mengunjungi web site-web site tertentu.
3. Online store front berupa gerai (outlet) penjualan virtual maupun mal-mal
virtual yang kini semakin marak dijumpai.
4. Standard websites berupa homepages dan alamat e-mail untuk kontak atau
layanan pelanggan.
5. Business-to-business links berupa koneksi pada jaringan bisnis yang dimiliki
perusahaan.
6. Community sites seperti ruang ‘ngobrol’ (chatting room) khusus untuk
kelompok pelanggan tertentu.
7. Informational/image sites web site yang tidak memiliki fungsi komersial
langsung, namun lebih menekankan aspek penyajian informasi.
8. Content based sites dimana pemakai jasa harus membayar biaya keanggotaan
agar bisa mendapatkan akses ke isi web site yang bersangkutan
1.4. DAMPAK POSITIF DAN NEGATIF INTERNET
Di era globalisasi sekarang ini, kita sudah tidak asing lagi dengan yang
namanya internet. internet merupakan sarana untuk mendapatkan berbagai macam
informasi yang dibutuhkan oleh seluruh lapisan masyarakat. Internet pada awalnya
muncul pada tahun 1969 di AS, yaitu teknologi yang diawali oleh proyek yang
dilakukan oleh departemen AS. Proyek yang disebut ARPA ini bertugas untuk
melakukan penelitian yang bermanfaat bagi kelancaran dan kemajuan tugas-tugas
militer AS, karena berbasis komputer maka dinamakan dengan ARPANET.

Internet adalah sistem informasi global berbasis komputer. jadi, bergaul

dengan internet sama juga bergaul dengan komputer. internet tidak akan ada tanpa
komputer. Ibarat kapal tanpa nahkoda, kan tidak bisa jalan juga! Begitu juga dengan
internet, tanpa adanya komputer kita tidak bisa mengakses internet. Untuk
mengakses internet kita hanya membutuhkan seperangkat komputer, modem, dan
saluran telepon. Bahkan saat ini tidak perlu mempergunakan jaringan telepon, cukup
dengan menggunakan wireless internet. jadi, sangat gampang bukan untuk
mengakses internet?
1.4.1. Dampak Positif
1. Internet sebagai media komunikasi, merupakan fungsi internet yang paling

banyak digunakan dimana setiap pengguna internet dapat berkomunikasi
dengan pengguna lainnya dari seluruh dunia.
2. Media pertukaran data, dengan menggunakan email, newsgroup, ftp dan www
(world wide web – jaringan situs-situs web) para pengguna internet di seluruh
dunia dapat saling bertukar informasi dengan cepat dan murah.
3. Media untuk mencari informasi atau data, perkembangan internet yang pesat,
menjadikan www sebagai salah satu sumber informasi yang penting dan
akurat.
4. Kemudahan memperoleh informasi yang ada di internet sehingga manusia
tahu apa saja yang terjadi.
5. Bisa digunakan sebagai lahan informasi untuk bidang pendidikan, kebudayaan,
dan lain-lain
6. Kemudahan bertransaksi dan berbisnis dalam bidang perdagangan sehingga
tidak perlu pergi menuju ke tempat penawaran/penjualan.
1.4.2. Dampak Negatif
1. Pornografi Anggapan yang mengatakan bahwa internet identik dengan

pornografi, memang tidak salah. Dengan kemampuan penyampaian informasi
yang dimiliki internet, pornografi pun merajalela.Untuk mengantisipasi hal ini,
para produsen ‘browser’ melengkapi program mereka dengan kemampuan
untuk memilih jenis home-page yang dapat di-akses.Di internet terdapat

gambar-gambar pornografi dan kekerasan yang bisa mengakibatkan dorongan

kepada seseorang untuk bertindak kriminal.
2. Violence and Gore Kekejaman dan kesadisan juga banyak ditampilkan. Karena
segi bisnis dan isi pada dunia internet tidak terbatas, maka para pemilik situs
menggunakan segala macam cara agar dapat ‘menjual’ situs mereka. Salah
satunya dengan menampilkan hal-hal yang bersifat tabu.
3. Penipuan Hal ini memang merajalela di bidang manapun. Internet pun tidak
luput dari serangan penipu. Cara yang terbaik adalah tidak mengindahkan hal
ini atau mengkonfirmasi informasi yang Anda dapatkan pada penyedia
informasi tersebut.
4. Carding Karena sifatnya yang ‘real time’ (langsung), cara belanja dengan
menggunakan Kartu kredit adalah carayang paling banyak digunakan dalam
dunia internet. Para penjahat internet pun paling banyak melakukan kejahatan
dalam bidang ini. Dengan sifat yang terbuka, para penjahat mampu
mendeteksi adanya transaksi (yang menggunakan Kartu Kredit) on-line dan
mencatat kode Kartu yang digunakan. Untuk selanjutnya mereka
menggunakan data yang mereka dapatkan untuk kepentingan kejahatan
mereka.
5. Perjudian Dampak lainnya adalah meluasnya perjudian. Dengan jaringan yang
tersedia, para penjudi tidak perlu pergi ke tempat khusus untuk memenuhi
keinginannya. Anda hanya perlu menghindari situs seperti ini, karena
umumnya situs perjudian tidak agresif dan memerlukan banyak persetujuan
dari pengunjungnya.
1.5. PENGERTIAN WWW
World Wide Web (“WWW“, atau singkatnya “Web“) adalah suatu ruang
informasi di mana sumber-sumber daya yang berguna diidentifikasi oleh pengenal
global yang disebut Uniform Resource Identifier (URI). WWW sering dianggap sama
dengan Internet secara keseluruhan, walaupun sebenarnya ia hanyalah bagian
daripadanya.

Gambar 1.2. WWW
Hiperteks dilihat dengan sebuah program bernama browser web yang

mengambil informasi (disebut “dokumen” atau “halaman web“) dari server web dan
menampilkannya, biasanya di sebuah monitor. Kita lalu dapat mengikuti pranala di
setiap halaman untuk pindah ke dokumen lain atau bahkan mengirim informasi
kembali kepada server untuk berinteraksi dengannya. Ini disebut “surfing” atau
“berselancar” dalam bahasa Indonesia. Halaman web biasanya diatur dalam koleksi
material yang berkaitan yang disebut “situs web“.
1.6. PENGERTIAN SITUS WEB
Sebuah situs web (sering pula disingkat menjadi situs saja; web site, site)
adalah sebutan bagi sekelompok halaman web (web page), yang umumnya
merupakan bagian dari suatu nama domain (domain name) atau subdomain di World
Wide Web (WWW) di Internet. WWW terdiri dari seluruh situs web yang tersedia
kepada publik. Halaman-halaman sebuah situs web diakses dari sebuah URL yang
menjadi “akar” (root), yang disebut homepage (halaman induk; sering diterjemahkan
menjadi “beranda”, “halaman muka”), dan biasanya disimpan dalam server yang
sama. Tidak semua situs web dapat diakses dengan gratis. Beberapa situs web
memerlukan pembayaran agar dapat menjadi pelanggan, misalnya situs-situs yang
menampilkan pornografi, situs-situs berita, layanan surat elektronik (e-mail), dan
lain-lain.
Terminologi website adalah kumpulan dari halaman-halaman situs, yang

biasanya terangkum dalam sebuah domain atau subdomain, yang tempatnya berada
didalam World Wide Web (WWW) di Internet. Sebuah web page adalah dokumen
yang ditulis dalam format HTML (Hyper Text Markup Language), yang hampir selalu

bisa diakses melalui HTTP, yaitu protokol yang menyampaikan informasi dari server
website untuk ditampilkan kepada para pemakai melalui web browser. Semua
publikasi dari website-website tersebut dapat membentuk sebuah jaringan informasi
yang sangat besar.
Halaman-halaman dari website akan bisa diakses melalui sebuah URL yang
biasa disebut Homepage. URL ini mengatur halaman-halaman situs untuk menjadi
sebuah hirarki, meskipun, hyperlink-hyperlink yang ada di halaman tersebut
mengatur para pembaca dan memberitahu mereka sususan keseluruhan dan
bagaimana arus informasi ini berjalan.
Beberapa website membutuhkan subskripsi (data masukan) agar para user

bisa mengakses sebagian atau keseluruhan isi website tersebut. Contohnya, ada
beberapa situs-situs bisnis, situs-situs e-mail gratisan, yang membutuhkan subkripsi
agar kita bisa mengakses situs tersebut.
Penemu Website adalah Sir Timothy John ¨Tim¨ Berners-Lee, sedangkan

website yang tersambung dengan jaringan, pertamakali muncul pada tahun 1991.
Maksud dari Tim ketika membuat website adalah untuk mempermudah tukar
menukar dan memperbarui informasi kepada sesama peneliti di tempat dia bekerja.
Pada tanggal 30 April 1993, CERN (tempat dimana Tim bekerja) menginformasikan
bahwa WWW dapat digunakan secara gratis oleh semua orang.
Sebuah website bisa berupa hasil kerja dari perorangan atau individu, atau
menunjukkan kepemilikan dari sebuah organisasi, perusahaan, dan biasanya website
itu menujukkan beberapa topik khusus, atau kepentingan tertentu. Sebuah website
bisa berisi hyperling yang menghubungkan ke website lain, jadi, kadangkala
perbedaan antara website yang dibuat oleh individu perseorangan dengan website
yang dibuat oleh organisasi bisnis bisa saja tidak kentara.
Website ditulis, atau secara dinamik di konversi menjadi HTML dan diakses
melalui sebuah program software yang biasa disebut dengan web browser, yang
dikenal juga dengan HTTP Client. Halaman web dapat dilihat atau diakses melalui
jaringan komputer dan internet, perangkatnya bisa saja berupa Personal Computer,
Laptop Computer, PDA ataupun Cellphone.

Sebuah website dibuat didalam sebuah sistem komputer yang dikenal dengan
Web Server, juga disebut HTTP Server, dan pengertian ini juga bisa menunjuk pada
software yang dipakai untuk menjalankan sistem ini, yang kemudian menerima lalu
mengirimkan halaman-halaman yang diperlukan untuk merespon permintaan dari
user. Apache adalah bahasa program/software yang biasa digunakan didalam sebuah
webserver, kemudian setelah itu adalah Microsoft Internet Information Server (IIS).
Sebuah Website statik, 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 :
1. Elemen 1 Text Editor. Contohnya adalah Notepad atau TextEdit, dimana HTML
diubah didalam program editor tersebut.
2. Elemen 2 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.
3. Elemen 3 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.

Gambar 1.3. Simulasi Internet
Sebuah website dynamic 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 menggenerate 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.
Plugin tersedia untuk menambah banyaknya feature dan kemampuan dari

web browser, dimana, plugin ini dipakai untuk membuka content yang biasanya
berupa cuplikan dari gambar bergerak (active content) contohnya adalah Flash,

Shockwave atau applets yang ditulis dalam bahasa JAVA. Dynamic HTML juga
menyediakan untuk user supaya dia bisa secara interaktif dan realtime, meng-update
di web page tersebut (catatan; halaman yang dirubah, tak perlu di load atau di
reloaded agar perubahannya dapat dilihat), biasanya perubahan yang dilakukan
mereka memakai DOM dan Javascript yang sudah tersedia pada semua Web Browser
sekarang ini.
Seperti yang tertulis di atas, di luar sana ada beberapa perbedaan dalam
penulisan dari terminologi website. Walaupun ¨Website¨ sudah secara umum dipakai,
namun untuk Associated Press Stylebook, Reuters, Microsoft, academia, dan kamus-
kamus yang ada, penulisan yang mereka pakai adalah dengan menggunakan 2 kata,
yaitu Web site. Hal ini karena ¨Web¨ bukanlah terminilogi umum, namun ia adalah
kependekan dari World Wide Web.
Secara umum situs web, mempunyai beberapa fungsi yaitu:
1. Fungsi Komunikasi
Situs web mempunyai fungsi komunikasi pada umumnya adalah situs web
dinamis, karena dibuat menggunakan pemograman web (server side) maka
dilengkapi fasilitas yang memberikan fungsi-fungsi komunikasi, seperti web
mail, form contact, chatting, forum, dan yang lainnya
2. Fungsi Informasi
Situs web yang memiliki fungsi informasi pada umumnya lebih menekankan
pada kualitas bagian kontennya karena tujuan situs tersebut adalah
menyampaikan isinya. Situs ini sebaiknya berisi teks dan grafik yang dapat di
download dengan cepat. Pembatasan penggunaan animasi gambar dan elemen
bergerak seperti shockwave dan java diyakini sebagai langkah yang tepat,
diganti dengan fasilitas yang memberikan fungsi informasi seperti News,
Profile company, library, reference, dan lain-lain.
3. Fungsi Entertainment
Situs web juga dapat memiliki fungsi entertainment / hiburan. Bila situs web
kita berfungsi sebagai sarana hiburan maka penggunaan animasi gambar dan
elemen bergerak dapat meningkatkan mutu presentasi desainnya, meski tetap
harus mempertimbangkan kecepatan downloadnya. Beberapa fasilitas yang

memberikan fungsi hiburan adalah game online, musik online radio online,
dan lain-lain.
4. Fungsi Transaksi
Situs web dapat dijadikan sarana transaksi bisnis, baik barang, jasa, atau
lainnya. Situs web ini menghubungkan perusahaan, konsumen, dan komunitas
tertentu melalui transaksi elektronik. Pembayarannya bisa menggunakan
kartu kredit, transfer, ataupun dengan membayar secara langsung.
Berikut ini beberapa jenis situs web yang dikelompokkan sesuai tujuannya:
1. Alat Pemasaran
Sebuah situs web yang di buat dengan tujuan untuk mempromosikan dan
memasarkan produk atau jasa layanan suatu perusahaan. Dapat juga berupa
Company Profile.
2. Katalog
Sebuah situs web yang digunakan sebagai katalog elektronik yang
menampilkan produk-produk yang dijual oleh perusahaan. Dengan
menggunakan situs web, apalagi jika produk yang tersedia sangat banyak,
peng-update-an dapat dilakukan dengan mudah dan efisien, dan lebih
ekonomis.
3. E-commerce
E-Commerce merupakan suatu kumpulan yang dinamis antara teknologi,
aplikasi, dan proses bisnis yang menghubungkan perusahaan, konsumen dan
komunitas tertentu melalui transaksi elektronik. Di sini perdagangan barang,
pelayanan, dan informasi yang dilakukan secara elektronik.
4. E-Learning
E-Learning sebagai sembarang pegajaran dan pembelajaran yang
menggunakan rangkaian elektronik (LAN, WAN, atau Internet) untuk
menyampaikan isi pembelajaran, interaksi, atau bimbingan. Ada pula yang
menafsirkan e-learning sebagai bentuk pendidikan jarak jauh yang dilakukan
melalui internet.
5. Komunitas
Sebuah situs web yang dibuat dengan tujuan untuk memungkinkan
pengunjung berkomunikasi secara bersamaan. Pengunjung bisa berbagi

pengalaman, cerita, ide dan lainnya, bisa juga mencari dan menambah teman,
atau untuk membuat suatu perkumpulan baru.
6. Portal
Portal adalah aplikasi berbasis web yang menyediakan akses suatu titik
tunggal dari informasi online terdistribusi, seperti dokumen yang didapat
melalui pencarian, kanal berita, dan link ke situs khusus.
7. Personal
Situs personal merupakan situs yang memiliki tujuan untuk mempromosikan
atau menginformasikan tentang seseorang, biasanya berisi tentang biodata,
portofolio, prestasi, atau sebagai diary yang menceritakan kehidupan sehari-
hari yang di-publish agar orang lain dapat mengetahui dan mengenal
tentangnya.

2.1. FASILITAS DI INTERNET.
Berikut Fasilitas Internet yang bisa diketahui :
1. Telnet (Remote Login); adalah fasilitas yang digunakan untuk melakukan login
dan bekerja pada komputer dari jarak jauh.
2. Electronic Mail; untuk menerima dan mengirim pesan-pesan/surat dari orang
lain dalam jaringan internet. Dengan E-mail ini kita juga bisa mengirim dan
menerima segala sesuatu yang dapat disimpan dalam sebuah file komputer,
misalnya program, gambar atau majalah elektronik.
3. Usenet; Suatu sistem diskusi kelompok pada jaringan internet, dimana artikel-
artikel atau makalahnya didistribusikan ke seluruh pemakai internet di
seluruh dunia. Karena saking banyaknya peminat usenet ini, maka di internet
dibagi-bagi sesuai dengan bidang permasalahan diskusinya.
4. Finger Service; merupakan fasilitas yang memberikan kesempatan kita untuk
menanyakan informasi tentang seorang pemakai.
5. Remote Login; Fasilitas ini digunakan untuk menghubungi atau memasukkan
salah satu server (pusat komputer) yang disambungkan ke jaringan internet.
Untuk dapat melakukan hal ini kita harus tahu alamat servernya, punya
username dan password, tetapi setiap server biasanya memberikan
kesempatan kepada semua orang login dengan menggunakan account atau
username Public agar dapat memasuki/login ke suatu server.
6. Anonymous FTP; memberikan kesempatan kita untuk mentransfer atau
mengirim file dari satu komputer ke komputer yang lain.
7. Archie Server; merupakan katalog atau tempat mencari alamat-alamat tempat
untuk Anonymous FTP.
8. Talk Facility; untuk menghubungi pemakai lain dalam jaringan internet baik
dalam sistem yang sama ataupun sistem yang berbeda. Selanjutnya kita dapat
menerima dan mengirim pesan kepada pemakai yang kita hubungi.

9. Internet Relay Chat (IRC); mirip dengan fasilitas talk, tetapi melibatkan
sekelompok orang, kita akan dapat ambil bagian dalam komunikasi publik
dengan sekelompok orang.
10. Gopher; penyedia menu di mana kita bisa mendapatkan segala informasi
termasuk fasilitas-fasilitas internet lainnya. Setiap gopher ini berisi informasi-
informasi dimana sistem administrator lokal dipakai bersama.
11. Veronica dan Junghead; fasilitas yang dapat menelusuri menu-menu gopher di
seluruh dunia.
12. Wais Server (Wide Area Information Service); menyediakan cara untuk
menemukan informasi yang tersebar dalam internet dengan cara
menggunakan fasilitas database dan pencarian dilakukan dengan
menggunakan kata kunci. Untuk melakukan proses pencarian ini kita harus
menentukan dulu tempat atau alamat kita akan melakukan pencarian
informasi.
13. World Wide Web (WWW); merupakan fasilitas hypertext yang memberikan
kesempatan kepada kita untuk untuk mencari dan menampilkan informasi
dengan mengetikkan alamat elektronik tujuan. Hypertext adalah data yang
memiliki hubungan ke data yang lainnya, inilah yang menyebabkan fasilitas
Web ini merupakan fasilitas yang paling handal di internet.
14. White Pages Directory; server yang menampilkan daftar referensi, kita dapat
mencari informasi yang kita perlukan sama seperti membuka buku yellow
pages.
15. Electronic Magazine; majalah elektronik berupa artikel-artikel yang disimpan
dalam file-file yang diakses oleh semua orang, baik dengan topik ilmiah
ataupun hiburan.
16. Mailing List; sistem yang mengirim pesan-pesan berupa artikel, berita atau
apa saja sesuai dengan topik yang ditentukan ke sekelompok orang.
17. Bulletin Board System (BBS); tempat untuk menyimpan pesan-pesan dan file
yang sesuai dengan topik yang ditentukan.
18. Whois; adalah salah satu aplikasi yang bisa digunakan untuk mencari user
yang ada pada seistem komputer yang terhubung dengan jaringan internet.

19. Multiple User Dimention (MUD); program komputer yang menyediakan

fasilitas untuk berinteraksi, berfantasi dan beraksi dengan user-user lain
dimana masing-masing memainkan perannya.
20. Search Engine; mirip dengan WAIS Server yaitu tempat untuk mencari
informasi di internet menggunakan fasilitas database yang pencariannya juga
dilakukan dengan memasukkan kata kunci, namun kita tidak perlu
menentukan tempat pencarian kita. Fasilitas ini berbasis WWW.
21. Online Game; dapat menghubungkan beberapa user yang berada di lokasi
yang berbeda untuk menjalankan program game secara bersamaan.
22. VOIP (Voice Over Internet Protokol); merupakan fasilitas yang mirip dengan
fasilitas telepon namun menggunakan jalur internet sebagai pengantar data
(voice).
23. 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.
24. Hypertext Transfer Protocol (HTTP) adalah sebuah protokol jaringan lapisan
aplikasi yang digunakan untuk sistem informasi terdistribusi, kolaboratif, dan
menggunakan hipermedia. Penggunaannya banyak pada pengambilan sumber
daya yang saling terhubung dengan tautan, yang disebut dengan dokumen
hiperteks, yang kemudian membentuk World Wide Web
25. URL(Uniform Resource Locator), yaitu sarana yang digunakan untuk
menentukan alamat yang di pakai ketika kita mengakses
internet(Website/HomePage)
26. TCP/IP adalah salah satu jenis protokol* yg memungkinkan kumpulan
komputer untuk berkomunikasi dan bertukar data didalam suatu network
(jaringan)
27. VIDEO adalah merupakan seperangkat komponen atau media yang mampu
menampilkan gambar sekaligus suara dalam waktu bersamaan
28. Browsing adalah seni pencarian informasi melalui system operasi yang
berbasis hypertext, misalnya membaca berita, bermain game, menulis blog,

mengirim e-mail, dan lain sebagainya. Contoh produknya adalah Internet

Explorer, Opera, Mozilla Firefox dll.
2.2. KOMPONEN INTERNET
2.2.1. Search Engine dan Browser
Ada banyak kebingungan di sekitar dua kata yang paling sering digunakan
bagi pengakses internet, yakni "search engine" dan "browser". Baru-baru ini, Google
melakukan wawancara di jalanan kota New York meminta orang untuk
mendefinisikan browser. Dari sample yang lebih dari 50, hanya 8 persen dari orang-
orang menjawab dengan definisi yang benar dari browser.
Browser adalah software program yang diinstal pada komputer lokal Anda.
Ada banyak browser seperti Internet Explorer, Firefox, Safari, Opera, dan yang
lainnya. Browser digunakan untuk mengakses berbagai situs dan halaman web.
Gambar 2.1. Browser
Sementara pengertian Search Engine adalah mesin pencari. Sebuah search

engine juga sebuah software program yang akan mencari beberapa dokumen tertentu
ketika kata kunci tertentu dimasukkan. Search engine sesuai dengan kata kunci yang
tepat masuk terhadap dokumen yang tersedia di Internet dan mengembalikan daftar
dokumen di mana kata kunci tersebut ditemukan. Google dan Yahoo adalah search
engine paling populer.

Gambar 2.2. Search Engine
Jadi, browser digunakan untuk mengakses situs dan halaman web sedangkan
search engine digunakan untuk mencari informasi tertentu. Internet Explorer,
Firefox, Safari, dan Chrome adalah web browser yang paling populer sementara
Google dan Yahoo adalah search engine paling populer.
Hal lain yang menarik untuk diperhatikan adalah bahwa Anda menggunakan
browser untuk mendapatkan search engine. Misalnya, Anda membuka Internet
Explorer, Chrome, atau Firefox dan kemudian mengetik alamat web dari search
engine seperti Google.com, Yahoo.com. Jadi, browser digunakan untuk mengakses
internet sementara dalam rangka untuk membuka search engine Anda membutuhkan
browser.
Bila Anda membuka search engine dan memasukkan beberapa kata kunci,
sebuah program yang disebut "indexer" membaca dokumen-dokumen di web dan
menciptakan indeks berdasarkan kata yang terkandung dalam setiap dokumen dan
mengembalikannya jika terdapat kata-kata yang sesuai dengan kata kunci yang
dimasukkan. Search engine menggunakan algoritma kepemilikan untuk membuat
indeks dalam rangka untuk kembali dengan hasil yang sesuai untuk setiap query atau
pertanyaan yang dimasukkan oleh pengguna.
2.2.2. URL (Uniform Resource Locator)
URL atau Uniform Resource Locator adalah serangkaian karakter (seperti

huruf, angka, maupun simbol) menurut format standar yang telah ditetapkan, yang

digunakan untuk menunjukkan alamat (address) suatu sumber yang ada seperti file
dan dokumen pada Internet.
Gambar 2.3. URL
URL pertama kali diciptakan oleh Tim Berners-Lee pada tahun 1991 (sama
dengan tahun munculnya GNU/Linux buatan Linus Torvalds :) ) untuk memudahkan
pengguna/user WWW atau World Wide Web buatannya ke pranala/Link yang dituju.
URL ini ibaratnya seperti alamat rumah seseorang. Misalnya saja kita ingin ke alamat
rumah teman kita yang beralamat di Jln. Google No. 23. Nah, di dunia komputasi, pada
suatu website atau source yang kita tuju juga memiliki alamatnya masing-masing.
Pada Internet, alamat suatu website, tidak boleh sama (coba bayangkan saja bila ada
alamat website yang sama pada Internet). Contohnya saja yaitu alamat Google yaitu
http://www.google.com.
2.2.3. HTTP
Pengertian HTTP atau definisi HTTP (HyperText Transfer Protocol) adalah

sebuah protokol untuk meminta dan menjawab antara client dan server. Sebuh client
HTTP seperti web browser, biasanya memulai permintaan dengan membuat
hubungan TCP/IP ke port tertentu di tempat yang jauh (biasanya port 80). Sebuah
server HTTP yang mendengarkan di port tersebut menunggu client mengirim kode
permintaan (request) yang akan meminta halaman yang sudah ditentukan, diikuti
dengan pesan MIME yang memiliki beberapa informasi kode kepala yang
menjelaskan aspek dari permintaan tersebut, diikut dengan badan dari data tertentu.

HTTP berkomunikasi melalui TCP / IP. Klien HTTP terhubung ke server HTTP
menggunakan TCP. Setelah membuat sambungan, klien dapat mengirim pesan
permintaan HTTP ke server. HTTP digunakan untuk mengirimkan permintaan dari
klien web (browser) ke web server, dikembali kan ke konten web (halaman web) dari
server ke klien.
Gambar 2.4. HTTP
HTTP tidaklah terbatas untuk penggunaan dengan TCP/IP, meskipun HTTP

merupakan salah satu protokol aplikasi TCP/IP paling populer melalui Internet.
Memang HTTP dapat diimplementasikan di atas protokol yang lain di atas Internet
atau di atas jaringan lainnya.
2.2.4. FTP
File Transfer Protocol (FTP) adalah suatu protokol yang berfungsi untuk tukar-
menukar file dalam suatu network yang menggunakan TCP koneksi bukan UDP.
Dua hal yang penting dalam FTP adalah FTP Server dan FTP Client.
FTP server adalah suatu server yang menjalankan software yang berfungsi untuk
memberikan layanan tukar menukar file dimana server tersebut selalu siap
memberikan layanan FTP apabila mendapat permintaan (request) dari FTP client.
FTP client adalah computer yang merequest koneksi ke FTP server untuk tujuan
tukar menukar file. Setelah terhubung dengan FTP server, maka client dapat men-
download, meng-upload, merename, men-delete, dll sesuai dengan permission yang
diberikan oleh FTP server.

Tujuan dari FTP server adalah sebagai berikut :
1. Untuk tujuan sharing data

2. Untuk menyediakan indirect atau implicit remote computer
3. Untuk menyediakan tempat penyimpanan bagi user
4. Untuk menyediakan transfer data yang reliable dan efisien
Keamanan FTP
FTP sebenarnya cara yang tidak aman dalam mentransfer suatu file karena file
dikirimkan tanpa di-enkripsi terlebih dahulu tetapi melalui clear text. Mode text yang
dipakai untuk transfer data adalah format ASCII atau format binary. Secara default,
FTP menggunakan mode ASCII dalam transfer data. Karena pengirimannya tanpa
enkripsi, username, password, data yang di transfer, maupun perintah yang dikirim
dapat di sniffing oleh orang dengan menggunakan protocol analyzer (sniffer). Solusi
yang digunakan adalah dengan menggunakan SFTP (SSH FTP) yaitu FTP yang
berbasis pada SSH atau menggunakan FTPS (FTP over SSL) sehingga data yang
dikirim terlebih dahulu di enkripsi.
2.2.5. Domain
Menurut Wikipedia 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 kadang-kadang disebut pula dengan istilah URL, atau
alamat website.
Sederhananya domain merupakan nama unik/alamat untuk website anda,

domain biasanya diakhiri dengan .com, .net, .org, .biz, .asia, .us dan lain-lain.

2.2.6. Hosting
Hosting Biasa disebut dengan Web-Hosting, adalah perusahaan yang

menyediakan layanan dan penyimpanan Web bagi perorangan atau perusahaan.
Dengan kata lain Hosting adalah salah satu bentuk layanan penyewaan ruang simpan
data (space) yang digunakan untuk menyimpan data – data website agar halaman
website tersebut bisa diakses dari mana saja. Data web tersebut meliputi file – file
html, php script, cgi script, css, image, database, dan file lain yang dibutuhkan untuk
menampilkan halaman web.
Gambar 2.6. Web Hosting
Sebuah server web hosting akan online 24 jam sehari, sehingga

memungkinkan kita bisa membuka web site yang dihosting kapanpun. Seperti biasa
bila ada pertanyaan mengenai Domain dan Hosting ini silahkan diskusikan di form
komentar.
2.2.7. IP Adrees
Alamat IP (Internet Protocol Address atau sering disingkat IP) adalah deretan
angka biner antar 32-bit sampai 128-bit yang dipakai sebagai alamat identifikasi
untuk tiap komputer host dalam jaringan Internet. Panjang dari angka ini adalah 32-
bit (untuk IPv4 atau IP versi 4), dan 128-bit (untuk IPv6 atau IP versi 6) yang
menunjukkan alamat dari komputer tersebut pada jaringan Internet berbasis TCP/IP.

3.1. WEBSITE ATAU SITUS.
Website atau situs dapat diartikan sebagai kumpulan halaman yang

menampilkan informasi data teks, data gambar diam atau gerak, data animasi, suara,
video dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis
yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-
masing dihubungkan dengan jaringan-jaringan halaman (hyperlink). Bersifat statis
apabila isi informasi website tetap, jarang berubah, dan isi informasinya searah hanya
dari pemilik website. Bersifat dinamis apabila isi informasi website selalu berubah-
ubah, dan isi informasinya interaktif dua arah berasal dari pemilik serta pengguna
website. Contoh website statis adalah berisi profil perusahaan, sedangkan website
dinamis adalah seperti Friendster, Multiply, dll. Dalam sisi pengembangannya,
website statis hanya bisa diupdate oleh pemiliknya saja, sedangkan website dinamis
bisa diupdate oleh pengguna maupun pemilik.
3.2. UNSUR-UNSUR DALAM PENYEDIAAN WEBSITE ATAU SITUS.
Untuk menyediakan sebuah website, maka harus tersedia unsur-unsur

penunjangnya, adalah sebagai berikut:
3.2.1. Nama domain (Domain name/URL – Uniform Resource Locator)

Nama domain atau biasa disebut dengan Domain Name atau URL adalah
alamat unik di dunia internet yang digunakan untuk mengidentifikasi sebuah website,
atau dengan kata lain domain name adalah alamat yang digunakan untuk menemukan
sebuah website pada dunia internet.
Contoh : http://www.mustakim.com
Nama domain diperjualbelikan secara bebas di internet dengan status sewa
tahunan. Setelah Nama Domain itu terbeli di salah satu penyedia jasa pendaftaran,
maka pengguna disediakan sebuah kontrol panel untuk administrasinya. Jika

pengguna lupa/tidak memperpanjang masa sewanya, maka nama domain itu akan di
lepas lagi ketersediaannya untuk umum. Nama domain sendiri mempunyai
identifikasi ekstensi/akhiran sesuai dengan kepentingan dan lokasi keberadaan
website tersebut. Contoh nama domain ber-ekstensi internasional adalah com, net,
org, info, biz, name, ws.
Contoh nama domain ber-ekstensi lokasi Negara Indonesia adalah :
1. .co.id : Untuk Badan Usaha yang mempunyai badan hukum sah
2. .ac.id : Untuk Lembaga Pendidikan
3. .go.id : Khusus untuk Lembaga Pemerintahan Republik Indonesia
4. .mil.id : Khusus untuk Lembaga Militer Republik Indonesia
5. .or.id : Untuk segala macam organisasi yand tidak termasuk dalam kategori
“ac.id”,”co.id”,”go.id”,”mil.id” dan lain lain
6. .war.net.id : untuk industri warung internet di Indonesia
7. .sch.id : khusus untuk Lembaga Pendidikan yang menyelenggarakan
pendidikan seperti SD, SMP dan atau SMU
8. .web.id : Ditujukan bagi badan usaha, organisasi ataupun perseorangan yang
melakukan kegiatannya di World Wide Web.
3.2.2. Rumah tempat website (Web hosting)
Web Hosting dapat diartikan sebagai ruangan yang terdapat dalam harddisk
tempat menyimpan berbagai data, file-file, gambar, video, data email, statistik,
database dan lain sebagainya yang akan ditampilkan di website. Besarnya data yang
bisa dimasukkan tergantung dari besarnya web hosting yang disewa/dipunyai,
semakin besar web hosting semakin besar pula data yang dapat dimasukkan dan
ditampilkan dalam website.
Web Hosting juga diperoleh dengan menyewa. Pengguna akan memperoleh

kontrol panel yang terproteksi dengan username dan password untuk administrasi
websitenya. Besarnya hosting ditentukan ruangan harddisk dengan ukuran MB (Mega
Byte) atau GB (Giga Byte). Lama penyewaan web hosting rata-rata dihitung per tahun.
Penyewaan hosting dilakukan dari perusahaan-perusahaan penyewa web hosting
yang banyak dijumpai baik di Indonesia maupun Luar Negeri. Lokasi peletakan pusat

data (datacenter) web hosting bermacam-macam. Ada yang di Jakarta, Singapore,

Inggris, Amerika, dll dengan harga sewa bervariasi.
3.2.3. Bahasa Program (Scripts Program).
Adalah bahasa yang digunakan untuk menerjemahkan setiap perintah dalam

website yang pada saat diakses. Jenis bahasa program sangat menentukan statis,
dinamis atau interaktifnya sebuah website. Semakin banyak ragam bahasa program
yang digunakan maka akan terlihat website semakin dinamis, dan interaktif serta
terlihat bagus.
Gambar 3.1. Bahasa Pemrograman
Beragam bahasa program saat ini telah hadir untuk mendukung kualitas
website. Jenis jenis bahasa program yang banyak dipakai para desainer website
antara lain HTML, ASP, PHP, JSP, Java Scripts, Java applets, XML, Ajax dsb. Bahasa
dasar yang dipakai setiap situs adalah HTML sedangkan PHP, ASP, JSP dan lainnya
merupakan bahasa pendukung yang bertindak sebagai pengatur dinamis, dan
interaktifnya situs.
Bahasa program ASP, PHP, JSP atau lainnya bisa dibuat sendiri. Bahasa
program ini biasanya digunakan untuk membangun portal berita, artikel, forum
diskusi, buku tamu, anggota organisasi, email, mailing list dan lain sebagainya yang
memerlukan update setiap saat.
3.2.4. Desain website.
Setelah melakukan penyewaan domain name dan web hosting serta

penguasaan bahasa program (scripts program), unsur website yang penting dan

utama adalah desain. Desain website menentukan kualitas dan keindahan sebuah
website. Desain sangat berpengaruh kepada penilaian pengunjung akan bagus
tidaknya sebuah website.
Untuk membuat website biasanya dapat dilakukan sendiri atau menyewa jasa
website designer. Saat ini sangat banyak jasa web designer, terutama di kota-kota
besar. Perlu diketahui bahwa kualitas situs sangat ditentukan oleh kualitas designer.
Semakin banyak penguasaan web designer tentang beragam program/software
pendukung pembuatan situs maka akan dihasilkan situs yang semakin berkualitas,
demikian pula sebaliknya. Jasa web designer ini yang umumnya memerlukan biaya
yang tertinggi dari seluruh biaya pembangunan situs dan semuanya itu tergantung
kualitas designer. Program-program desain website salah satunya adalah
Macromedia Firework, Adobe Photoshop, Adobe Dreamweaver, Microsoft Frontpage,
dll.
3.2.5. Program transfer data ke pusat data.
Para web designer mengerjakan website dikomputernya sendiri. Berbagai

bahasa program, data informasi teks, gambar, video, dan suara telah menjadi file-file
pendukung adanya website. File tersebut bisa dibuka menggunakan program
penjelajah (browser) sehingga terlihatlah sebuah website utuh di dalam komputer
sendiri (offline). Tetapi file-file tersebut perlu untuk diletakkan dirumah hosting versi
online agar terakses ke seluruh dunia. Pengguna akan diberikan akses FTP (File
Transfer Protocol) setelah memesan sebuah web hosting untuk memindahkan file-file
website ke pusat data web hosting. Untuk dapat menggunakan FTP diperlukan
sebuah program FTP, misalnya WS FTP, Smart FTP, Cute FTP, dll. Program FTP ini
banyak ditemui di internet dengan status penggunaan gratis maupun harus
membayar. Para web designer pun dapat menggunakan fasilitas FTP yang
terintegrasi dengan program pembuat website, misal Adobe Dreamweaver.
3.2.6. Publikasi website.
Keberadaan website tidak ada gunanya dibangun tanpa dikunjungi atau

dikenal oleh masyarakat atau pengunjung internet. Karena efektif tidaknya situs
sangat tergantung dari besarnya pengunjung dan komentar yang masuk. Untuk

mengenalkan situs kepada masyarakat memerlukan apa yang disebut publikasi atau
promosi.
Publikasi situs di masyarakat dapat dilakukan dengan berbagai cara seperti

dengan pamlet-pamlet, selebaran, baliho, kartu nama dan lain sebagainya tapi cara ini
bisa dikatakan masih kurang efektif dan sangat terbatas. Cara yang biasanya
dilakukan dan paling efektif dengan tak terbatas ruang atau waktu adalah publikasi
langsung di internet melalui search engine-search engine (mesin pencari, spt : Yahoo,
Google, MSN, Search Indonesia, dsb).
Cara publikasi di search engine ada yang gratis dan ada pula yang membayar.
Yang gratis biasanya terbatas dan cukup lama untuk bisa masuk dan dikenali di
search engine terkenal seperti Yahoo atau Google. Cara efektif publikasi adalah
dengan membayar, walaupun harus sedikit mengeluarkan akan tetapi situs cepat
masuk ke search engine dan dikenal oleh pengunjung.
3.3. PEMELIHARAAN WEBSITE.
Untuk mendukung kelanjutan dari situs diperlukan pemeliharaan setiap

waktu sesuai yang diinginkan seperti penambahan informasi, berita, artikel, link,
gambar atau lain sebagainya. Tanpa pemeliharaan yang baik situs akan terkesan
membosankan atau monoton juga akan segera ditinggal pengunjung.
Pemeliharaan situs dapat dilakukan per periode tertentu seperti tiap hari, tiap
minggu atau tiap bulan sekali secara rutin atau secara periodik saja tergantung
kebutuhan (tidak rutin). Pemeliharaan rutin biasanya dipakai oleh situs-situs berita,
penyedia artikel, organisasi atau lembaga pemerintah. Sedangkan pemeliharaan
periodik bisanya untuk situs-situs pribadi, penjualan/e-commerce, dan lain
sebagainya.
3.4. PERPANJANGAN MASA SEWA DOMAIN NAME DAN WEB HOSTING.
Perlu dipahami bahwa domain name dan web hosting berstatus sewa. Selama
kedua hal itu dibayarkan masa sewa perpanjangannya, maka Anda berhak untuk
memilikinya dan mempergunakannya. Banyak terjadi kasus kelupaan dalam

memperpanjang masa sewanya, atau sulit untuk menghubungi pihak ketiga (web
designer) sebagai perantara pendaftaran awal, maka akan berakibat fatal. Anda akan
kehilangan domain name sebagai identitas dalam dunia internet. Pastikan Anda
mengingat untuk memperpanjang masa sewanya. Arti penting domain name perlu
Anda pahami.
3.5. PROSES PERANCANGAN WEB
Proses perancangan halaman web, situs web, aplikasi web atau multimedia
dapat memanfaatkan beberapa disiplin ilmu, seperti animasi, authoring, desain
komunikasi, identitas korporat, desain grafis, interaksi manusia-komputer, arsitektur
informasi, desain interaksi, pemasaran, fotografi, mesin pencari optimasi dan
tipografi.
1. Bahasa Markup (seperti HTML, XHTML dan XML)

2. Bahasa lembar Style (seperti CSS dan XSL)
3. Client-side scripting (seperti JavaScript)
4. Server-side scripting (seperti PHP dan ASP)
5. Database teknologi (seperti MySQL dan PostgreSQL)
6. Multimedia teknologi (seperti Flash dan Silverlight)
Halaman Web dan situs web dapat halaman statis, atau dapat diprogram
untuk halaman dinamis yang secara otomatis menyesuaikan tampilan konten atau
visual tergantung pada berbagai faktor, seperti masukan dari pengguna-akhir,
masukan dari Webmaster atau perubahan dalam perhitungan lingkungan seperti
database situs terkait yang telah diubah.
Dengan spesialisasi dalam desain komunikasi dan bidang teknologi informasi,

ada kecenderungan kuat untuk menarik garis yang jelas antara desain web (Web
Design) khusus untuk halaman web dan pengembangan web (Web Development)
untuk logistik keseluruhan dari semua layanan berbasis web.

3.6. LANGKAH – LANGKAH PEMBUATAN WEBSITE
Untuk membuat sesuatu, perlu adanya persiapan yang menunjang untuk

pembuatan sesuatu tersebut sehingga dapat selesai sesuai dengan yang diharapkan.
Sebagai contoh, kita akan membuat kue, hal-hal yang perlu dipersiapkan untuk
mewujudkan pembuatan kue tersebut antara lain: alat-alat pembuat kue, bahan-
bahan kue, keterangan resep jika perlu. Seperti halnya pembuatan kue, pembuatan
website juga mirip seperti diatas tahapan-tahapannya, dimana jika kita akan
membuat sebuah website ada beberapa yang perlu dipersiapkan, antara lain:
1. Alat-alat yang digunakan untuk membuat website, dalam hal ini software yang
digunakan, misalnya menggunakan Adobe Photoshop sebagai alat desainnya,
Macromedia Dreamweaver sedagai alat untuk coding, dan sebagainya.
2. Bahan-bahan untuk website tersebut, dalam hal ini adalah materi atau
informasi yang akan ditampilkan pada website yang kita buat, misalnya:
biodata, curiculum vitae, list barang dagangan, profile perusahaan, dan banyak
lagi yang lainnya.
3. Setelah software tersedia di komputer kita, dan materi sudah ada, baru kita
dapat memulainya dengan mendesain layout, programnya sampai dengan
selesai.
4. Setelah semua selesai, kemudian kita tes.
5. Seletah tes sukses, baru kita bisa upload ke server, baik itu yang gratisan atau
yang beli.
Tahapan pembuatan website secara sederhana dapat digambarkan dalam flow

chart seperti gambar di bawah ini:

Gambar 3.2. Langkah Pembuatan Web
Setelah website berhasil dibuat, tinggal bagaimana kita menaikkan traffic dari
web kita tersebut, biasanya banyak orang yang menaruh space buat iklan-iklan yang
banyak tersebar di google. dan tips untuk membuat website itu :
1. Cari yang lagi digandrungi masyarakat, dalam hal ini, adalah apa yang sedang
lagi dibutuhkan masyarakat untuk mencari artikel
2. Ucapan atau kata-kata yang digunakan harus bisa lebih sopan dan menarik
3. Tampilan di web tersebut jangan terlalu kebanyakan widget, sehingga
memudahkan user me-load website anda dengan lancer
4. Selalu up to date website anda jika menemukan hal yang baru.
5. Buat kolom atau widget chat dengan admin, sehingga jika ada user yang tidak
mengerti, bisa langsung tanya dengan admin, tapi dengan mengomentari
artikelnya juga bias
6. Usahakan tulisan yang anda tulis, itu tulisan anda sendiri.

4.1. MEMULAI HTML
HTML adalah bahasa yang sangat tepat dipakai untuk menampilkan informasi
pada halaman Web karena HTML menampilkan informasi dalam bentuk hypertext
dan juga mendukung sekumpulan perintah yang dapat digunakan untuk mengatur
tampilnya informasi tersebut.
Gambar 4.1. Sintaks/ Code HTML Dasar
Sesuai dengan namanya, bahasa ini menggunakan tanda (markup) untuk

menandai perintah-perintahnya. Saat ini banyak sekali aplikasi yang dapat digunakan
untuk membuat Web Page secara mudah, seperti Microsoft FrontPage, Macromedia
Dreamweaver, Adobe Golive dan lainnya. Namun demikian untuk seorang Web
Developer harus memiliki kemampuan dasar menguasi perintah HTML
Untuk dapat menggunakan HTML, Anda membutuhkan beberapa hal,

diantaranya adalah:
1. Anda memerlukan teks editor untuk mengetikkan HTML Anda. Klik Start |
Program kemudian Accessories lalu pilih Notepad
2. Anda membutuhkan sebuah web browser untuk mempublikasikan HTML
Anda. Anda dapat menggunakan Microsoft Internet Explorer atau Mozila
Firefox.

3. Anda membutuhkan tempat penyimpanan. Gunakan hard disk, floppy disk,

atau web server. Anda tidak harus bekerja online dengan internet, Anda dapat
menulis HTML kemudian menggunakan web browser secara offline di
komputer.
4.2. STRUKTUR DOKUMEN HTML

4.2.1. Struktur Dasar
Di bawah ini adalah struktur dari dokumen HTML , buka Notepad kemudian
ketikkan teks di bawah ini:
Elemen Dasar/ Hello
<html>
<head>
<title>Hello</title>
<body>
Hello...Selamat Datang di Website Kami, Mustakimtelematika.com


</style>
</head>

<body>
<h1>Hallo Mustakim, ini adalah CSS pertamaku...</h1>
</body>
</html>
Hasil tampilan dari sintaks diatas adalah:
Gambar 2.15. Mengatur Font dan Heading
Terlihat bahwa tulisan yang diformat dengan pasangan tab <h1> dan </h1>
ditampilkan dengan warna hijau dan tebal. Berikut keterangan lebih lengkap:
1. Pasangan tag <style> dan </style> digunakan untuk mendefinisikan style

sheet menggunakan CSS. Oleh karena itu, dalam tag <style> terdapat atribut
type dengan nilai berupa “text/css”.
2. Pasangan tag <style> dan </style> harus diletakkan dalam pasangan tag
<head> dan </head>. Umumnya diletakkan setelah pasangan tag <title> dan
</title>.
3. Pasangan  merupakan komentar dalam tag HTML. Pasangan ini
biasa diletakkan programmer dengan tujuan agar sekiranya browser tidak
mendukung atau tidak mengenali style sheet maka yang terdapat pada
pasangan tersebut akan diabaikan. Namun, perlu diketahui bahwa penulisan
tag tersebut tidak merupakan keharusan.
4. Pasangan  adalah definisi style. Didalam pasangan <style> dan
</style>, bisa didefinisikan suatu tag HTML dengan bentuk :
Nama_tag { properti_1 : nilai_1; …; properti_n : nilai_n; }
Tanda titik-dua (:) diletakkan sesudah nama properti, sedangkan tanda titik-
koma (;) berada di belakang nilai properti. Tanda titik-koma yang terletak di
depan tanda } boleh tidak dituliskan. Pada contoh di atas, tag yang
didefinisikan adalah h1. Definisinya mengatur ukuran font diatur melalui
properti font-size dengan nilai 14pt atau 14 titik, memiringkan tulisan diatur

via properti font-style yang diisi dengan italic, dan menentukan warna teks
yang diatur melalui properti color yang diisi dengan green.
5.4.2. Font dan Tabel
Font dan Tabel

<html>
<head>
<title>CSS Untuk Tabel</title>

</style>
</head>
<body>
<table>
<tr><th>Haeder Tabel</th><th>Tabel Header</th></tr>
<tr><td>Ini adalah kolom satu</td><td>Ini adalah kolom
dua</td></tr>
<tr><td>Percobaan 1</td><td>Percobaan 2</td></tr>
</table>
</body>
</html>
Gambar 2.16. Font dan Tabel
Pada kode di depan, tag <th> didefenisikan sebagai berikut:
th { font-weight:bold;
background-color:blue;
color:white; }
Kode di atas mengatur teks dalam keadaan tebal (font-weight diisi dengan nilai
bold), dengan warna latar belakang biru (property background-color diisi dengan

blue), dan warna teks berupa putih (property color diisi dengan white). Adapun tag
<tr> didefenisikan sebagai berikut:
tr { background-color:silver;
color:blue; }
Warna latar belakang diatur berwarna perak (property background-color diisi

dengan silver) dan warna teks berupa biru (property color diisi dengan blue).
5.4.3. Penggunaan Atribut ID dalam Tag
Di dalam pasangan tag <style> dan </style>, Anda bias mendefenisikan suatu
nama ID dengan bentuk seperti berikut:
#nama_id { properti_1 : nilai_1; ...; properti_n : nilai_n; }
Pada pendefenisian ID, selalu digunakan awalan #. Cara member nama ID

adalah sebagai berikut:
- Dapat mengandung huruf, angka, atau karakter garis bawah.

- Karakter pertama harus berupa huruf atau karakter garis bawah.
Contoh:
#tebal { font-wight: bold; color: blue; }
Digunakan unutk membuat style bernama tebal yang mengatur teks agar
dalam keadaan ditebalkan dan warnanya biru. Adapun:
#miring { font-style: italic; color: pink; }
Digunakan untuk membuat style bernama tebal yang mengatur teks agar
dalam keadaan di miringkan dan warna merah jambu. Di dalam bagian BODY, definisi
style di atas dapat di gunakan pada tag-tag dengan mencantumkan atribut ID.
<h3 id=”miring”>Teks ini miring</h3>
Dengan cara sperti ini, “Teks ini miring” akan diformat dengan tag <h3>dan
sesuai dengan defenisi miring maka teks ini akan ditampilkan miring dengan warna
merah jambu. Untuk lebih memahami, silahkan ketikkan sintaks berikut kemudian
simpan dengan nama atribut_id.html.

Atribut ID
<html>
<head>
<title>Atribut ID</title>

</style>
</head>
<body>
<h1>ATRIBUT</h1>
<h2 id="Miring">Penggunaan Atribut ID = Miring</h2>
<h3 id="Tebal">Penggunaan Atribut ID = Tebal</h3>
</body>
</html>
Gambar 2.17. Atribut ID
5.4.4. Penggunaan Kelas
Selain menggunakan ID, anda juga bisa menggunakan kelas dalam

mendefenisikan suatu style. Bentuk pendefenisian kelas berupa :
.kelas { properti_1:nilai_1; ...; properti_n:nilai_n; }
Cara memberi nama kelas:
- Dapat mengandung hruf, angka, atau karakter garis bawah.

- Karakter pertama harus berupa huruf atau karakter garis bawah.

Contoh:
.kapital { text-transform:uppercase; }
.kecil { text-transform:lowercase; }
.garis_bawah { text-transform:underline; }
Sebuah kelas didefenisikan dengan awalan titik dan diikuti dengan nama kelas
dan definisi selanjutnya sama seperti pada pendefenisian ID. Pada contoh di atas:
1. Kelas kapital digunakan untuk melakukan konversi ke huruf kapital

(ditangani memlalui property text-transform yang diisi dengan uppercase),
2. Kelas kecil digunakan untuk melakukan konversi ke huruf kecil (ditangani
melalui property text-transform yang diisi dengan lowercase),
3. Kelas kapital digunakan untuk melakukan konversi ke huruf kapital
(ditangani melalui property text-decoration yang diisi dengan underline).
Lebih jelas silahkan ketikkan kode berikut, simpan dengan nama class.html:
Class
<html>
<head>
<title>Contoh Kelas</title>

</style>
</head>
<body>
<h1>Kelas</h1>
<h2 class="kapital">Percobaan Class ,kapital</h2>
<h3 class="kecil">Percobaan Class .kecil</h3>
<p class="garis_bawah">Percobaan Class .garis_bawah</p>
</body>
</html>

Gambar 2.18. Kelas (Class)
Perhatikan bahwa class=“kapital” (tanda titik tidak dituliskan) membuat

setiap hruf dalam teks yang berada pada pasangan tag <h2> dan </h2> dikonversikan
ke huruf kapital, sedangkan CLASS = “kecil” membuat setiap huruf dalam teks yang
berada pada pasangan tag <h3> dan </h3> dikonversikan ke huruf kecil. Adapun
class=“garis_bawah” membuat teks yang berada pada pasangan tag <p> dan </p>
digarisbawahi.
5.4.5. Pendefinisian Tag dengan Kelas
Di depan anda telah mengenal kelas yang dapat diterapkan pada sejumlah tag
HTML. CSS juga mendukung pendefenisian kelas yang spesifik terhadap tag tertentu.
Contoh:
h3.merah { color:red; }
Pada contoh seperti ini, kelas merah hanya dapat dikenakan pada tag <h3>.
Sebuah tag bisa saja mengandung sejumlah kelas. Contoh :
h3.biru { color:blue; }
Pada contoh ini, tag <h3> dapat menggunakan kelas merah atau biru.
Program berikut menunjukkan pendefenisian tag dengan kelas dan penggunaan kelas
dalam tag. Untuk lebih jelasnya ketikkan kode berikut simpan dengan nama
tag_kelas.html.

Tag dengan Kelas

<html>
<head>
<title>Kelas Untuk Tag</title>

</style>
</head>
<body>
<h3 class="biru">Tulisan Berwarna Biru !</h3>
<h3 class="merah">Tulisan Berwarna Merah ! </h3>
</body>
</html>
Gambar 2.19. Kelas untuk Tag
5.4.6. Pendefinisian Tag Berganda
Pendefenisian tag berganda mempunyai bentuk seperti berikut:
tag tag ... { properti_1:nilai_1; ...; properti_n:nilai_n; }
Contoh:
blockquote { color: blue; font-style: italic; }
div blockquote { font-weight: bold; }
Pada pendefenisian pertama, teks pada blockquote diatur berwarna merah

dan dimiringkan. Pada pendefenisian kedua, menyatakan bahwa sekiranya tag
<blockquote> berada dalam tag <div>, maka pengaturan pada blockquote dan div
akan dikombinasikan. Untuk melihat efek kode di atas, ujilah kode berikut dan
simpan dengan nama tag_ganda.html.

Tag Berganda
<html>
<head>
<title>Definisi Tag Dalam Tag</title>

</style>
</head>
<body>
<div>
DIV tanpa Blockquote :
Perhatikan hasil ini dan bandingkan dengan hasil dibawah ini
</div>
<div>
<blockquote>
DIV dengan Blockquote :
Apa bedanya dengan hasil yang diatas ?
</blockquote>
</div>
</body>
</html>
Gambar 2.20. Kelas Berganda
5.4.7. Atribut Style
Atribut STYLE digunakan secara langsung terhadap tag yang berada dalam
BODY untuk melakukan pengaturan dengan properti-properti CSS. Tidak perlu ada
penyertaan tag <style> dan </style>. Kerjakan contoh berikut, simpan dengan nama
style.html.
Atribut Style
<html>
<head>
<title>Atribut STYLE</title>
</head>
<body style="font-size:16px; color:blue;">
Warna ini biru dan berukuran agak besar.<br><br>

Contoh Style pada tabel :

<table style="font-size:12px; background-color:silver; color:green;"
border="1">
<tr>
<td>Testing Tabel</td><td>Untuk Style</td>
</tr>
</table>
</body>
</html>
Gambar 2.21. Style
5.4.8. Style Sheet Eksternal
Pendefenisian style dapat dilakukan pada berkas tersendiri. Cara sperti ini
memungkinkan difinisi dapat digunakan di beberapa berkas HTML. Untuk mengakses
style eksternal (yang berada dalam berkas lain), anda bisa menggunakan tag <link>.
Untuk mempraktekkannya, cobalah kode berikut simpan dengan nama style.css.
style.css
body { background-color:blue; color:white; }
.miring { font-style:italic; }
#besar { font-size:36px; }
Berkas diatas berisi definisi style CSS. Kemudian, buatlah program yang
melibatkan berkas di atas seperti berikut simpan dengan nama ekstern.html.
ekstern.html
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<title>Contoh Style Eksternal</title>
</head>
<body>
Testing Script CSS, Selamat Mencoba...!
<p id="besar" class="miring">ID = Besar & Class = Miring</p>
</body>
</html>

Gambar 2.22. Style Eksternal
Tag <link> yang selengkapnya seperti berikut:
<link rel="stylesheet" type="text/css" href="styleku.css">
Digunakan untuk merujuk ke berkas styleku.css. Berkas inilah yang disebut

sebagai style sheet eksternal. Nama berkas ini disebutkan dalam atribut HREF.
Kemudian, yang terpenting, anda perlu menyebutkan atribut REL dengan isi berupa
“STYLESHEET” dan TYPE dengan “text/css”.
Dengan cara seperti itu, segala definisi pada styleku.css dapat digunakan pada
program lain. Sebuah dokumen juga bisa menggunakan lebih dari satu style sheet
eksternal. Untuk mempraktekkan hal ini, buatlah berkas berikut terlebih dahulu.
simpan dengan nama style2.css.
style2.css
.tebal { font-weight:bold; }
Selanjutnya, buatlah program HTML berikut, simpan dengan nama dua_style.html.
dua_style.html
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="style2.css">
<title>Contoh Style Eksternal</title>
</head>
<body>
Testing Script CSS,

<p id="besar" class="miring">Besar dan miring, <span
class="tebal">serta ini tebal</span></p>
</body>
</html>

Gambar 5.23. Dua Style Eksternal
Perhatikan bahwa kode di atas mengandung dua tag <link> seperti berikut:
<link rel="stylesheet" type="text/css" href="styleku.css">

<link rel="stylesheet" type="text/css" href="style2.css">
Tag <link>pertama merujuk ke styleku.css dan <link> kedua merujuk style2.css.

6.1. Membuat Web Menggunakan Bootstap
Pada bab ini akan membahas secara detail tentang pengembangan web
menggunakan tempalte bootstap:
1. Mengenal bootstap
2. Membuat rancangan web pemerintah/ swasta/ desa
3. Memasukkan beberapa komponen web dasar kedalam tempalte
4. Penggunaan CSS dan Java Script
5. Membuat halaman akses user admin statis
6. Membuat menu dari gambar
7. Finishing Web/ hosting

MODUL INTERNET DAN WEB

Diunggah oleh

Informasi Dokumen

Deskripsi Asli:

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

MODUL INTERNET DAN WEB

Diunggah oleh

Hak Cipta:

Format Tersedia

Modul Pemrograman Dasar Berbasis Web

1.1. PENGERTIAN INTERNET DAN WEB

Internet (kependekan daripada perkataan ‘inter-network’) ialah rangkaian

Gambar 1.1. Akses Internet

Pada 1 Januari 1983, ARPANET menukar protokol rangkaian pusatnya, dari

sif.labor@uin-suska.ac.id - Sistem Informasi UIN Suska Riau 1

sekitar 1990-an, Internet telah berkembang dan menyambungkan kebanyakan

Disamping menggunakan PC (Personal Computer), kita juga bisa mengakses

Internet juga semakin banyak digunakan di tempat umum. Beberapa tempat

Terdapat juga toko-toko yang menyediakan akses wi-fi, seperti Wifi-cafe.

1.2. SEJARAH PERKEMBANGAN INTERNET INDONESIA

sif.labor@uin-suska.ac.id - Sistem Informasi UIN Suska Riau 2

1.2.1. Awal Internet Indonesia

Tulisan-tulisan tentang keberadaan jaringan Internet di Indonesia dapat

sif.labor@uin-suska.ac.id - Sistem Informasi UIN Suska Riau 3

Mulai 1995 beberapa BBS di Indonesia seperti Clarissa menyediakan jasa

1.2.2. Perkembangan Internet

Perkembangan Sejarah intenet dapat dibagi dalam empat aspek yaitu:

sif.labor@uin-suska.ac.id - Sistem Informasi UIN Suska Riau 4

sebuah infrastruktur informasi yang besar dan berguna. Internet sekarang

Teknologi Informasi dan Telekomunikasi (Information and Communication

Berawal pada tahun 1957, melalui Advanced Research Projects Agency

Perkembangan besar Internet pertama adalah penemuan terpenting ARPA

sif.labor@uin-suska.ac.id - Sistem Informasi UIN Suska Riau 5

Pengembangan lapisan protokol jaringan yang terkenal karena paling banyak

Perkembangan besar Internet ketiga adalah terbangunnya aplikasi World

sif.labor@uin-suska.ac.id - Sistem Informasi UIN Suska Riau 6

pensaklaran), pemerintah, industri dan para civitas academica telah bekerjasama

1.3. FUNGSI INTERNET

1.4. DAMPAK POSITIF DAN NEGATIF INTERNET

sif.labor@uin-suska.ac.id - Sistem Informasi UIN Suska Riau 7

Internet adalah sistem informasi global berbasis komputer. jadi, bergaul

1.4.1. Dampak Positif

1. Internet sebagai media komunikasi, merupakan fungsi internet yang paling

1.4.2. Dampak Negatif

1. Pornografi Anggapan yang mengatakan bahwa internet identik dengan

sif.labor@uin-suska.ac.id - Sistem Informasi UIN Suska Riau 8

gambar-gambar pornografi dan kekerasan yang bisa mengakibatkan dorongan

1.5. PENGERTIAN WWW

sif.labor@uin-suska.ac.id - Sistem Informasi UIN Suska Riau 9

Gambar 1.2. WWW

Hiperteks dilihat dengan sebuah program bernama browser web yang

1.6. PENGERTIAN SITUS WEB

Terminologi website adalah kumpulan dari halaman-halaman situs, yang

sif.labor@uin-suska.ac.id - Sistem Informasi UIN Suska Riau 10

Beberapa website membutuhkan subskripsi (data masukan) agar para user

Penemu Website adalah Sir Timothy John ¨Tim¨ Berners-Lee, sedangkan

sif.labor@uin-suska.ac.id - Sistem Informasi UIN Suska Riau 11

sif.labor@uin-suska.ac.id - Sistem Informasi UIN Suska Riau 12

Gambar 1.3. Simulasi Internet

Sebuah website dynamic adalah website yang secara berkala, informasi

Plugin tersedia untuk menambah banyaknya feature dan kemampuan dari

sif.labor@uin-suska.ac.id - Sistem Informasi UIN Suska Riau 13

Secara umum situs web, mempunyai beberapa fungsi yaitu:

sif.labor@uin-suska.ac.id - Sistem Informasi UIN Suska Riau 14

sif.labor@uin-suska.ac.id - Sistem Informasi UIN Suska Riau 15

sif.labor@uin-suska.ac.id - Sistem Informasi UIN Suska Riau 16

2.1. FASILITAS DI INTERNET.

Berikut Fasilitas Internet yang bisa diketahui :

sif.labor@uin-suska.ac.id - Sistem Informasi UIN Suska Riau 17

sif.labor@uin-suska.ac.id - Sistem Informasi UIN Suska Riau 18

19. Multiple User Dimention (MUD); program komputer yang menyediakan