BAB XXI
PUBLIKASI WEB KE INTERNET
A. CAPAIAN PEMBELAJARAN
Pada bab ini mempelajari cara mempublikasi sebuah
website ke internet. Setelah mempelajari bab ini, mahasiswa
dapat menggunggah website ke internet.
B. MATERI
1. Website
Sebuah situs web atau website terdiri dari semua
halaman yang terintegrasi dalam sebuah domain yang
memiliki informasi. Domain adalah nama unik yang
dipegang oleh suatu organisasi. Dapat diakses dari
Internet (misalnya unpam.ac.id, yahoo.com, google.com,
dan lainnya. untuk mendapatkan domain harus
dimasukkan dalam register.
Situs web biasanya terdapat banyak halaman
interaktif. Halaman web dan hubungan antar halaman
website lain disebut sebagai hyperlink dan teksnya yang
digunakan sebagai media tautan atau hypertext. Situs
web umumnya memiliki banyak halaman yang saling
Pemrograman Web 1 337
terhubung. Tautan (hyperlink) ke fitur internal situs web,
informasi berupa teks, gambar, video, audio dan animasi
atau kombinasi dari semuanya. Situs web ada yang statis
yang tidak membutuhkan database, tetapi saat ini
kebanyakan dinamis.
Fitur utama tersedia Situs web adalah sekumpulan
halaman yang terhubung, dengan alamat (URL) atau
domain seperti World Wide Web (WWW) dan hosting
sebagai sarana penyimpanan informasi dalam jumlah
besar. Website ini dapat diakses melalui jaringan internet
seperti platform yang dinamakan browser, berupa
Chrome, Mozilla Firefox, Internet Explorer (IE), Opera, dll.
Istilah lain yang sering dijumpai pada website
adalah halaman home atau homepage. Homepage atau
beranda adalah halaman awal websit. Misalnya, saat
membuka website unpam.ac.id, halaman pertama adalah
yang akan muncul dengan dinamakan homepage. Pada
halaman tersebut terdapat menu yang ketika diklik akan
membawa pada situs lainnya yang disebut halaman web
atau web page. Semua isi/isi disebut sebagai content
website.
2. Webserver
Server web adalah perangkat lunak yang
melakukan fungsi-fungsi berikut menerima permintaan
dari browser menanggapi permintaan dalam bentuk
halaman web baik dalam satu atau lebih halaman web
Pemrograman Web 1 338
yang disebut dengan file HTML. Namun, Server web
dapat didefinisikan dalam dua cara berbeda dengan kata
lain, sebagai bagian dari hardware dan software.
Dengan mengacu pada hardware, server web
digunakan untuk: menyimpan semua file seperti file
HTML, gambar, dan file CSS dan file JavaScript. Namun,
di sisi software, web server berfungsi sebagai pusat
control. Mengatur permintaan yang diterima oleh
browser. Seluruh hal yang terkait dengan situs web
sangat berpengaruh pada website. Karena peran server
web mengelola semua komunikasi yang terjadi antara
browser dan server dalam melakukan pemrosesan situs
web. Berikut ini adalah cara kerja dari web server:
Gambar 21.1 Cara kerja webserver
Seperti yang sudah dijelaskan sebelumnya, saat
memuat sebuah website browser kemudian mengirimkan
permintaan ke server, ini dikelola oleh webserver. HTTP
Pemrograman Web 1 339
request juga dikirim ke webserver. Sebelum membuat
HTTP request, webserver juga melakukan pemeriksaan
keamanan.
Di webserver, HTTP request ditangani
menggunakan HTTP server. Server HTTP adalah
perangkat lunak wajib untuk menerjemahkan URL
(alamat web) dan HTTP (protocol digunakan oleh
browser untuk menampilkan halaman web). Webserver
kemudian mengirimkan respons HTTP ke browser yang
diproses sebagai halaman web.
Ketika webserver menerima HTTP request dari browser,
webserver harus mengirim query ke database untuk
menyelesaikan pengiriman HTTP request. Ada banyak
webserver yang tersedia saat ini. seperti Apache.
Tabel 21.1 Webserver
Produk Vendor
Apache Apache
nginx NGINX, Inc
IIS Microsoft
LiteSpeed WebServer LiteSpeed
Technologies
GWS Google
Pemrograman Web 1 340
3. Domain
Domain adalah nama yang unik dan diberikan
untuk memverifikasi nama server komputer seperti
webserver atau mail server di Internet. Contoh domain
diantaranya .com, .org dan .net. Domain disewakan
umumnya dengan sistem sewa tahunan.
Selain domain universal, terdapat domain khusus
negara, misalnya, .id untuk Indonesia; .jp untuk Jepang;
.us untuk Amerika Serikat. Terdapat juga, subdomain
yaitu tambahan didepan domain utama misalnya .co.id,
.co.cc dan -ne.jp.
4. Hosting
Hosting adalah layanan yang memungkinkan situs
web disimpan di server jarak jauh agar dapat diakses
melalui internet. Layanan ini juga sering disebut web
hosting, yaitu tempat penyimpanan sejumlah file online
dalam berbagai format. Informasi ini dapat diakses oleh
banyak orang.
Jika nama domain adalah alamatnya, maka hosting
adalah rumah tempat website tersebut berada. Untuk
mengakses konten website, harus menggunakan nama
domain. Jika sebuah perusahaan atau organisasi tidak
memiliki server sendiri, maka dapat menyewa ruang
hosting dari penyedia hosting lain.
Pemrograman Web 1 341
Harga hosting bervariasi sesuai dengan syarat dan
ketentuan masing-masing penyedia hosting. Itu
tergantung pada fitur yang disediakan dan layanan yang
disediakan. Penawaran waktu dan sewa serta
penyewaan tersedia bulanan atau tahunan sesuai
kebutuhan. Hosting memiliki beberapa jenis diantaranya
sebagai berikut:
a. Berdasarkan Biaya
1) Hosting gratis menawarkan layanan hosting yang
disediakan secara gratis.
2) Trial hosting adalah layanan yang ditawarkan
kepada calon pelanggan untuk menguji
kehandalan hosting dan fasilitasnya. Biasanya
trial hosting hanya diberikan untuk jangka waktu
terbatas sekitar 30 sampai 60 hari.
3) Paid hosting yang mensyaratkan pembayaran
merupakan jenis hosting yang paling populer.
Jenis hosting ini dapat diandalkan dan berkualitas
baik.
b. Berdasarkan Client
1) Shared hosting adalah layanan hosting/server
yang digunakan oleh banyak pelanggan
sekaligus. Harganya lebih murah karena
dibagikan oleh banyak orang.
2) Virtual Private Server adalah server hosting yang
digunakan secara pribadi. Pelanggan memiliki
akses penuh ke server, sementara server
bersama terbatas pada tingkat akses yang dimiliki
Pemrograman Web 1 342
pengguna. Dalam satu server, beberapa
pengguna dapat menggunakannya secara
bersamaan.
3) Dedicated server adalah server yang khusus
digunakan oleh satu orang. Server ini memiliki
tingkat keamanan yang tinggi karena tidak ada
orang lain yang dapat menggunakannya.
Biasanya digunakan oleh bisnis yang memiliki
data penting dan situs yang dikunjungi puluhan
ribu kali sehari.
4) Cloud hosting berarti file disimpan di lebih dari
satu server. Sistem pembayarannya berbeda
dengan layanan hosting lain, di mana hanya
dikenakan biaya sejumlah data yang ditransfer.
c. Berdasarkan Lokasi
Setiap negara memiliki servernya sendiri
sehingga komputer dapat ditargetkan secara khusus
untuk lokasi tertentu. Misalnya, jika berada di
Indonesia, server Indonesia (IIX) dapat digunakan.
Untuk target Asia, server Singapura (SGP) dapat
digunakan. Dan untuk target Amerika dan Eropa,
server USA dapat digunakan.
5. Cara Upload Website ke Internet
Sebuah web yang dibuat memang sebaiknya
dipublikasikan agar dapat dikunjungi oleh banyak orang.
Developer yang membuat dan mengembangkan website
Pemrograman Web 1 343
awalnya membuat web menggunakan server lokal atau
"localhost. Setelah web selesai, maka harus memindahkan
file website ke layanan hosting dan membeli domain.
Terdapat dua pilihan hosting sebagai berikut hosting gratis
dan berbayar:
a. Hosting Gratis
Hosting gratis dapat menjadi pilihan pertama jika
ingin mengetahui langkah awal dalam mempublikasikan
sebuah website ke internet. Berikut adalah langkah-
langkahnya:
1) Siapkan file HTML, CSS dalam satu folder yang
siap untuk di upload ke hosting.
Gambar 21.2 Folder website
Pemrograman Web 1 344
2) Mendaftar hosting gratis
Gambar 21.3 Hosting gratis
Hosting adalah tempat di mana dapat
menyimpan file HTML dan source code website
sehingga orang lain dapat melihatnya. Jika ingin
membuat situs web, dapat mendaftar hosting gratis
di 000webhost.com. Situs web ini menyediakan
tempat di mana dapat mengupload situs web tanpa
harus membayar apa pun. Kunjungi link berikut
https://id.000webhost.com/.
a) Lakukan pendaftaran
Masukkan email, password, dan ulangi
password.
Pemrograman Web 1 345
Gambar 21.4 Pendaftaran
b) Cek email verifikasi
Jika telah mendaftar cek email yang digunakan
untuk mendaftar. Pilih tombol verifikasi email di
inbox email.
Gambar 21.5 Inbox verifikasi
Pemrograman Web 1 346
c) Pilih lainnya
Gambar 21.6 Pilih lainnya
3) Mendaftar Domain Gratis
Nama domain adalah nama website yang sesuai
dengan web yang akan kita buat dan harus diakhiri
dengan dot com, net, org, info, dll. Dikarenakan
saat ini menggunakan hosting dan domain gratis,
maka akan menggunakan ekstensi domain gratis
000webhostapp.com. Sehingga menjadi xxxxx.
000webhostapp.com (xxxxx menjadi nama
domain). Misalnya menjadi furnituremurah.
000webhostapp.com.
a) Bagian project isi dengan nama domain yang
diinginkan, password dan kirim
Jika telah mendaftar cek email yang digunakan
untuk mendaftar. Pilih tombol verifikasi email di
inbox email.
Pemrograman Web 1 347
Gambar 21.7 Mengisi project
b) Pilih upload your site
Jika telah mendaftar cek email yang digunakan
untuk mendaftar. Pilih tombol verifikasi email di
inbox email.
Gambar 21.8 Upload site
Pemrograman Web 1 348
c) Pilih folder public_html
Jika telah mendaftar cek email yang digunakan
untuk mendaftar. Pilih tombol verifikasi email di
inbox email.
Gambar 21.9 Public html
4) Upload File HTML, CSS, JS, IMAGES
Drag dan drop file yang ingin diupload seperti
berikut:
Gambar 21.10 Upload file html
Pemrograman Web 1 349
5) Pilih upload
Gambar 21.10 Pilih upload file html
6) Akses Website
Setelah upload berhasil maka dapat mengecek list
website disini:
https://id.000webhost.com/members/website/list
b. Hosting Berbayar
Hosting berbayar menjadi pilihan banyak orang
dikarenakan kualitas dan performa yang terjamin.
Ditambah lagi dengan live support yang dapat
membantu dalam menangani setiap kendala. Untuk
proses uploadnya tidak jauh berbeda dengan yang
gratis. Pilihannya dapat menggunakan File Transfer
Pemrograman Web 1 350
Protocol (FTP) atau dapat masuk langsung ke cPanel
dan memilih file manager. Langkah pemindahannya
pun sama dengan yang dilakukan pada hosting gratis.
C. LATIHAN
1. Pada penerapan semantik telah terdapat dua halaman
HTML yaitu home.html dan pendaftaran.html, lengkapilah
website tersebut dengan menambahkan menu berikut ini
menggunakan elemen semantik:
a. Menu Informasi, berisi halaman informasi universitas.
b. Menu Jadwal Pendaftaran, berisi halaman tabel jadwal
pendaftaran.
c. Hubungi Kami.
2. Buatlah sebuah halaman HTML mengenai informasi
tentang Handphone terbaik beserta spesifikasinya
menggunakan tag detail dan summary!
D. REFERENSI
Azis, S. (2013). Gampang dan Gratis Membuat Website: Web
Personal, Organisasi dan Komersil. Lembar Langit
Indonesia.
Elgamar, B. U. K. U. (2020). AJAR KONSEP DASAR
PEMROGRAMAN WEBSITE DENGAN PHP.
Nurhakim, S. (2015). Dunia komunikasi dan gadget: Evolusi
alat komunikasi, menjelajah jarak dengan gadget.
Zikrul Hakim Bestari.
Pemrograman Web 1 351
Susanto, A., SI, S., & Kom, M. (2021). Mudah Membangun
Website Sekolah Dengan CMS Wordpress.
Deepublish.
Yudhanto, Y., & Prasetyo, H. A. (2018). Panduan Mudah
Belajar Framework Laravel. Elex Media Komputindo.
Yuhefizar, C. M. M. (2009). Website Interaktif MCMS Joomla
(CMS). Jakarta: Elex Media Komputindo.
Pemrograman Web 1 352