SERI EDUKASI SERI PEMBELAJARAN TEKNOLOGI • TECHNOLOGY LEARNING SERIES

SHARED HOSTING

98% Cocok untuk Pemula • 4 Modul Materi • 8 Langkah Praktikum • Siap cPanel

"Temukan Bagaimana Website Hidup, Bekerja, dan Terhubung ke Internet."

"Discover How Websites Live, Work, and Connect to the Internet."

Pelajari bagaimana sebuah website dapat diakses secara online melalui teknologi Shared Hosting, mulai dari konsep dasar, perbandingan kelebihan dan kekurangan, simulasi cara kerja server, hingga langkah implementasinya di cPanel.

MODUL UTAMA • FEATURED MODULES

Lanjutkan Eksplorasi (Continue Exploring)

MATERI 01

Konsep Dasar ⏱ 6 Menit Baca

Pengenalan Shared Hosting

Introduction to Shared Hosting

Memahami definisi Shared Hosting, konsep berbagi resource server fisik, serta analogi gedung apartemen interaktif.

Pelajari Modul

MATERI 02

Analisis Perbandingan ⏱ 5 Menit Baca

Kelebihan & Kekurangan

Advantages & Disadvantages

Perbandingan objektif efisiensi biaya, kemudahan cPanel, batasan CPU/RAM, hingga kapan harus beralih ke VPS.

Pelajari Modul

MATERI 03

Simulasi Interaktif ⏱ 8 Menit Baca

Memahami Cara Kerja Server

Understanding How It Works

Simulasi visual alur request dari browser pengunjung, DNS Resolution, Web Server, hingga HTTP Response tampil di layar.

Jalankan Simulasi

TUTORIAL 04

Praktikum 8 Langkah ⏱ 12 Menit Baca

Tutorial Lengkap Hosting

Step-by-Step Hosting Tutorial

Panduan lengkap dari persiapan domain, akses cPanel, upload ke public_html, DNS, hingga aktivasi SSL HTTPS.

Mulai Tutorial

PILAR INFRASTRUKTUR INTI • CORE INFRASTRUCTURE PILLARS

Menjelajahi Dunia Web Hosting (Explore The World of Web Hosting)

Klik salah satu komponen ekosistem di bawah ini untuk melihat peran teknisnya dalam mengonlinekan sebuah website.

PENYIMPANAN & RUNTIME

Web Hosting

Layanan penyewaan ruang penyimpanan dan sumber daya komputasi pada server yang terhubung ke internet 24/7 agar file website dapat diakses oleh pengunjung di seluruh dunia.

KURIKULUM TERSTRUKTUR • STRUCTURED CURRICULUM

Alur Perjalanan Belajar (Learning Journey)

Progres tersimpan otomatis di browser ini (0% selesai).

MATERI 01 KONSEP FUNDAMENTAL (CORE FUNDAMENTALS) • 6 MENIT BACA

Apa Itu Shared Hosting?

What is Shared Hosting?

Memahami bagaimana satu server fisik dapat menampung puluhan hingga ratusan website secara bersamaan dengan tetap menjaga isolasi akun dan kemudahan pengelolaan.

01 Definisi & Konsep Berbagi Sumber Daya Server

Shared Hosting adalah layanan web hosting di mana beberapa akun pengguna atau website ditempatkan pada satu server fisik yang sama dan secara bersama-sama menggunakan sumber daya komputasi server tersebut, seperti prosesor (CPU), memori (RAM), penyimpanan (Storage/Disk I/O), serta koneksi jaringan (Bandwidth).

Meskipun berada di dalam satu mesin fisik yang sama, setiap pengguna tetap memiliki akun hosting dan ruang penyimpanan masing-masing dengan batasan kuota, hak akses, dan pengaturan yang diisolasi sesuai paket hosting yang dipilih. Pengguna A tidak dapat melihat atau mengubah file milik Pengguna B.

KOMPUTASI (COMPUTE) CPU & RAM Bersama Dibatasi per akun via LVE/CloudLinux

PENYIMPANAN (STORAGE) Direktori Terisolasi Folder /home/username terpisah

PERANGKAT LUNAK OS & Web Server Tunggal Apache / LiteSpeed / Nginx bersama

PENGELOLAAN Panel Kontrol (cPanel) Antarmuka web ramah pemula

02 Tujuan & Mengapa Shared Hosting Digunakan?

Tujuan Utama

Menyediakan jembatan paling praktis dan ekonomis agar pelajar, kreator, maupun organisasi kecil dapat mempublikasikan website ke internet tanpa harus membeli perangkat keras server sendiri atau menyewa data center khusus.

Mengapa Banyak Digunakan?

Karena biaya operasional server fisik, listrik 24 jam, sistem pendingin, dan keamanan infrastruktur ditanggung bersama oleh ratusan penyewa dalam satu server, sehingga harga sewanya jauh lebih terjangkau dan siap pakai.

03 Hubungan Domain, Hosting, Server & Website

Banyak pemula menyamakan istilah domain dan hosting. Padahal keempat komponen ini memiliki fungsi yang berbeda namun saling bergantung:

01. NAMA DOMAIN (DOMAIN NAME)

Alamat Unik di Internet

Nama yang diketik pengguna di browser (contoh: namakamu.sch.id). Domain diterjemahkan oleh DNS menjadi alamat IP server.

02. LAYANAN HOSTING (WEB HOSTING)

Lahan & Ruang Penyimpanan

Layanan akun penyimpanan terkelola tempat seluruh kode program, gambar, dan database website diletakkan agar aktif 24/7.

03. SERVER FISIK & WEB SERVER

Mesin & Perangkat Lunak Pelayan

Komputer fisik di data center yang menjalankan perangkat lunak Web Server (seperti Apache, LiteSpeed, atau Nginx) untuk merespons permintaan HTTP/HTTPS.

04. FILE WEBSITE & DATABASE

Isi Konten & Aplikasi

Kumpulan file HTML, CSS, JavaScript, PHP, media gambar, serta database (MySQL/MariaDB) yang ditampilkan kepada pengunjung.

ANALOGI VISUAL INTERAKTIF • INTERACTIVE ANALOGY

Analogi Gedung Apartemen (Apartment Building Analogy)

👆 Klik bagian gedung untuk melihat penjelasan

"Shared Hosting dapat dianalogikan seperti sebuah gedung apartemen. Satu gedung digunakan banyak penghuni, tetapi setiap penghuni mempunyai unit masing-masing."

ANALOGI: GEDUNG APARTEMEN UTUH

Server Fisik (Physical Server)

Seperti struktur bangunan utama apartemen lengkap dengan fondasi, keamanan gerbang, dan koneksi jalan raya. Pada Shared Hosting, satu server fisik berdaya tinggi di data center menampung banyak akun hosting sekaligus.

Dampak Teknis:

Penyedia hosting bertanggung jawab penuh merawat perangkat keras, sistem operasi, dan jaringan fisik gedung server ini.

04 Contoh Penerapan dalam Kehidupan Nyata

Website Portofolio & Tugas Sekolah

Siswa atau mahasiswa mengunggah proyek HTML/CSS/JS ke Shared Hosting agar dapat dinilai guru atau ditampilkan ke publik lewat tautan domain resmi.

Profil Perusahaan UMKM

Usaha kecil menampilkan katalog produk, lokasi usaha, dan kontak resmi dengan biaya operasional tahunan yang sangat hemat.

Blog Edukasi & Komunitas

Penulis dan komunitas menerbitkan artikel berbasis CMS ringan (seperti WordPress) menggunakan database MySQL bawaan paket hosting.

Kesimpulan Utama (Key Takeaways)

1 Satu Server, Banyak Akun: Shared Hosting menempatkan beberapa website pada satu server fisik yang sama untuk menekan biaya operasional.
2 Isolasi Akun Pengguna: Setiap penyewa memiliki ruang penyimpanan, database, dan pengaturan tersendiri yang terisolasi dari pengguna lain.
3 Analogi Apartemen: Infrastruktur fisik dipakai bersama, tetapi tiap penghuni mengelola unitnya sendiri secara mandiri.
4 Ekosistem Terpisah: Domain berfungsi sebagai alamat, DNS sebagai penerjemah IP, dan Hosting sebagai tempat file website dijalankan.

Referensi Teknis: Dokumentasi cPanel & WHM • ICANN Domain Name Basics • Cloudflare Learning Center (What is Web Hosting?).

MATERI 02 ANALISIS PERBANDINGAN (COMPARATIVE ANALYSIS) • 5 MENIT BACA

Kelebihan & Kekurangan Shared Hosting

Advantages & Disadvantages of Shared Hosting

Evaluasi objektif mengenai manfaat utama, keterbatasan teknis, serta panduan menentukan kapan Shared Hosting menjadi pilihan terbaik untuk proyek website Anda.

Kelebihan Shared Hosting

Key Advantages

1. Biaya Sangat Terjangkau (Cost-Effective)

Biaya perangkat keras, listrik, dan jaringan ditanggung bersama banyak pengguna sehingga paket berlangganan jauh lebih hemat dibanding VPS atau Dedicated Server.

2. Mudah Digunakan & Ramah Pemula

Dilengkapi panel kontrol visual seperti cPanel dan auto-installer aplikasi sehingga pengguna tidak perlu menguasai perintah terminal Linux.

3. Perawatan Server Dikelola Provider

Pembaruan sistem operasi, keamanan jaringan tingkat server, dan pemeliharaan perangkat keras sepenuhnya ditangani oleh tim teknis penyedia hosting.

4. Siap Pakai dengan Fitur Lengkap

Umumnya sudah mencakup dukungan PHP, database MySQL, email domain profesional, File Manager, serta sertifikat SSL gratis.

−

Kekurangan Shared Hosting

Technical Limitations

1. Sumber Daya Terbatas & Dibagi Bersama

Kapasitas CPU, RAM, dan disk I/O dibatasi per akun. Jika trafik website melonjak drastis, performa dapat melambat atau terkena pembatasan resource.

2. Risiko Efek Tetangga (Noisy Neighbor)

Aktivitas berat atau gangguan pada akun lain di server fisik yang sama berpotensi memengaruhi stabilitas respon server secara keseluruhan.

3. Tidak Ada Akses Root / Administrator

Pengguna tidak dapat menginstal modul sistem operasi khusus atau mengubah konfigurasi inti web server secara bebas.

4. Skalabilitas Terbatas untuk Skala Besar

Kurang ideal untuk aplikasi web berskala enterprise dengan ribuan transaksi bersamaan; pada tahap tersebut disarankan migrasi ke VPS atau Cloud Hosting.

MATERI 03 LAB ARSITEKTUR INTERAKTIF (INTERACTIVE ARCHITECTURE LAB) • 8 MENIT BACA

Di Balik Layar Website: Cara Kerja Shared Hosting

Behind the Website: How Shared Hosting Works

Jalankan simulasi interaktif di bawah ini untuk melihat bagaimana permintaan pengunjung (HTTP Request) melewati DNS hingga diproses oleh akun hosting yang tepat di dalam satu server fisik.

LANGKAH: 0 / 8

SIAP SIMULASI HTTPS / TCP

Klik "MULAI SIMULASI"

Tekan tombol Mulai Simulasi atau klik langsung pada salah satu blok diagram di samping untuk menelusuri 8 tahapan bagaimana sebuah halaman website dipanggil hingga tampil di browser pengunjung.

// Inspektur Permintaan Server (Live)

$ status: menunggu_mulai (idle)

$ host: siap_menerima_request

ℹ

Catatan Infrastruktur Produksi: Alur di atas menggambarkan arsitektur inti Shared Hosting. Pada lingkungan produksi modern, proses sebenarnya juga dapat melibatkan komponen tambahan seperti CDN (Content Delivery Network), Reverse Proxy, Server-side Cache, dan Web Application Firewall (WAF) untuk mempercepat pengiriman konten dan melindungi server, bergantung pada arsitektur masing-masing penyedia hosting.

TUTORIAL PRAKTIK • HANDS-ON TUTORIAL PANDUAN CPANEL

Membangun Website Pertama dengan Shared Hosting

Build Your First Website with Shared Hosting

Panduan langkah demi langkah membuat, mengonfigurasi, dan mengonlinekan website menggunakan layanan Shared Hosting berbasis cPanel.

PROGRES TUTORIAL 0 / 8 Langkah

Tersimpan di browser lokal

💾 Catatan: Seluruh progres checklist dan langkah yang ditandai selesai disimpan secara lokal pada browser/perangkat yang Anda gunakan (localStorage), bukan pada akun lintas perangkat.

LANGKAH 01 • STEP 01

Memahami Kebutuhan Dasar (Understand the Requirements)

Sebelum membeli atau mengaktifkan layanan Shared Hosting, pastikan lima komponen dasar berikut telah dipahami fungsinya:

01. DOMAIN

Alamat nama website (misal: .com, .id, .sch.id) agar mudah diakses pengguna.

02. PAKET HOSTING

Alokasi ruang penyimpanan (SSD/NVMe), bandwidth, dan resource server tempat website berjalan.

03. AKUN PROVIDER

Client area pada penyedia layanan hosting untuk mengelola tagihan, domain, dan tiket bantuan.

04. FILE WEBSITE

Kode sumber website yang siap produksi (index.html, CSS, JS, gambar, atau file PHP).

05. AKSES CONTROL PANEL

Kredensial login ke cPanel untuk mengelola file manager, database, dan sertifikat SSL.

LANGKAH 02 • STEP 02

Memilih Penyedia Layanan Hosting (Choose a Hosting Provider)

Setiap penyedia layanan hosting menawarkan paket dan spesifikasi yang berbeda. Gunakan 9 parameter teknis berikut untuk mengevaluasi layanan secara objektif sebelum mendaftar:

✓

Harga & Masa Berlangganan: Perhatikan biaya awal vs biaya perpanjangan (renewal) tahunan.

✓

Kapasitas Penyimpanan (Storage): Sesuaikan kuota penyimpanan (SSD/NVMe) dengan ukuran file dan media website.

✓

Bandwidth / Transfer Data: Periksa kebijakan batas transfer data bulanan dan batas penggunaan wajar (FUP).

✓

Alokasi CPU & RAM: Cek transparansi batas core CPU, memori fisik, dan proses konkuren jika dicantumkan provider.

✓

Dukungan PHP & Database: Pastikan mendukung versi PHP terkini dan database MySQL/MariaDB.

✓

Ketersediaan SSL Gratis: Dukungan AutoSSL / Let's Encrypt agar website dapat memakai HTTPS tanpa biaya tambahan.

✓

Fitur Pencadangan (Backup): Ketersediaan backup otomatis berkala dan kemudahan memulihkan file/database.

✓

Bantuan Teknis (Technical Support): Responsivitas layanan bantuan teknis (live chat / tiket) saat terjadi kendala.

✓

Panel Kontrol (cPanel): Pastikan tersedia cPanel atau panel lain yang familiar dan terdokumentasi dengan baik.

LANGKAH 03 • STEP 03

Membeli Paket Hosting (Purchase a Hosting Package)

01. Buka Website Provider

Akses portal resmi penyedia layanan hosting dan masuk ke menu layanan Shared Hosting.

02. Pilih Paket Shared Hosting

Tentukan paket yang sesuai dengan kebutuhan kapasitas website dan durasi langganan.

03. Tentukan / Hubungkan Domain

Daftarkan nama domain baru atau masukkan domain yang sudah Anda miliki sebelumnya.

04. Isi Informasi Akun

Lengkapi data registrasi akun dengan alamat email aktif untuk menerima detail kredensial server.

05. Lakukan Pembayaran

Selesaikan tagihan sesuai metode pembayaran yang didukung oleh penyedia hosting.

06. Tunggu Aktivasi Layanan

Setelah terverifikasi, sistem akan membuat akun hosting dan mengirim informasi akses cPanel.

*Catatan: Antarmuka pemesanan, verifikasi domain, dan metode pembayaran dapat berbeda antar penyedia hosting.

LANGKAH 04 • STEP 04

Mengakses Dashboard cPanel (Access cPanel)

cPanel dapat dibuka melalui tombol pintas di Client Area provider atau langsung mengakses URL cPanel (umumnya melalui port standar seperti https://domainkamu.id:2083 sesuai informasi akses provider). Klik ikon menu pada simulasi dashboard cPanel di bawah ini untuk melihat fungsinya:

🔒 https://server.hostingprovider.example:2083/cpsess01/frontend/jupiter/index.html

Pratinjau cPanel

PENJELASAN MENU CPANEL

File Manager

Alat pengelola file berbasis browser untuk mengunggah, mengekstrak file ZIP, membuat folder, dan mengedit kode website langsung di dalam direktori hosting tanpa perlu aplikasi FTP terpisah.

LANGKAH 05 • STEP 05

Mengunggah File Website (Upload Website Files)

1.Login ke akun cPanel Anda.

2.Buka menu File Manager pada bagian Files.

3.Cari folder document root domain Anda.

4.Untuk domain utama, document root umumnya berada di folder public_html.

5.Klik tombol Upload di toolbar atas dan unggah file website Anda.

6.Jika website dikemas dalam arsip .zip, klik kanan lalu pilih Extract di dalam public_html.

7.Pastikan file utama seperti index.html atau index.php berada langsung di document root (bukan terjebak di dalam subfolder).

8.Periksa kembali struktur folder aset (CSS, JS, gambar) agar seluruh tautan relatif sesuai.

Contoh Struktur Folder Document Root

public_html/
├── index.html
├── about.html
├── assets/
│   ├── css/
│   │   └── style.css
│   ├── js/
│   │   └── script.js
│   └── images/
└── pages/

*Struktur folder di atas merupakan contoh untuk website statis standar dan dapat berubah menyesuaikan arsitektur atau teknologi website yang digunakan (misalnya PHP/CMS atau hasil static production build).

LANGKAH 06 • STEP 06

Menghubungkan Domain dan Hosting (Connect Domain and Hosting)

Agar pengunjung dapat membuka file di hosting dengan mengetik nama domain, domain harus diarahkan ke server hosting melalui salah satu metode konfigurasi berikut:

METODE 1 • NAMESERVER

Mengubah Nameserver Domain

Mengganti pengaturan Nameserver pada panel registrar domain (misal: ns1.provider.example & ns2.provider.example) sesuai data yang diberikan penyedia hosting sehingga pengelolaan DNS terpusat di hosting.

METODE 2 • DNS A RECORD

Mengarahkan A Record ke IP Address

Mempertahankan DNS manager yang ada dan menambahkan/mengubah A Record (@ dan www) agar menunjuk langsung ke alamat IP Address server Shared Hosting Anda.

Tentang Propagasi DNS (DNS Propagation): Setelah perubahan Nameserver atau A Record disimpan, jaringan DNS global memerlukan waktu pembaruan cache. Durasi propagasi DNS tidak selalu membutuhkan waktu yang sama karena bergantung pada nilai TTL (Time To Live) dan pembaruan cache pada masing-masing ISP resolver.

LANGKAH 07 • STEP 07

Mengaktifkan Sertifikat SSL (Activate SSL Certificate)

SSL/TLS (Secure Sockets Layer / Transport Layer Security) adalah protokol kriptografi yang mengenkripsi pertukaran data antara browser pengunjung dan web server. Tanpa SSL, komunikasi melalui HTTP dikirim dalam bentuk teks biasa yang rentan disadap.

1. MENGAPA HTTPS PENTING?

Melindungi privasi data pengunjung, mencegah peringatan "Not Secure" pada browser, dan meningkatkan kredibilitas website.

2. CARA AKTIVASI DI CPANEL

Buka menu SSL/TLS Status atau Let's Encrypt SSL di cPanel, pilih domain yang sudah terhubung DNS-nya, lalu jalankan Run AutoSSL / Issue.

3. VERIFIKASI & FORCE HTTPS

Akses https://domainkamu.id, pastikan ikon gembok aman muncul, dan aktifkan pengalihan otomatis HTTP ke HTTPS.

*Ketersediaan jenis sertifikat SSL gratis maupun berbayar serta langkah aktivasi bergantung pada kebijakan dan fitur penyedia hosting yang digunakan.

LANGKAH 08 • STEP 08

Menguji Website Secara Menyeluruh (Test the Website)

Gunakan daftar periksa pengujian kualitas (Quality Assurance Checklist) interaktif di bawah ini sebelum mempublikasikan tautan website Anda secara luas:

RINGKASAN PROYEK • PROJECT OVERVIEW

Tentang Shared Hosting Academy

About Shared Hosting Academy

Informasi latar belakang pembuatan platform edukasi interaktif, identitas proyek sekolah, serta standar teknis deployment Shared Hosting berbasis cPanel.

Tujuan & Latar Belakang Proyek

Shared Hosting Academy dirancang dan dibangun sebagai proyek pembelajaran sekolah untuk memperkenalkan konsep infrastruktur web hosting kepada pelajar dengan pendekatan visual yang modern, terstruktur, dan mudah dipahami.

Alih-alih menyajikan materi dalam bentuk dokumen teks statis konvensional, platform ini mengadopsi pengalaman antarmuka layanan streaming modern yang dipadukan dengan simulasi alur kerja server, analogi arsitektur interaktif, dan panduan praktis implementasi pada cPanel.

Kompatibilitas & Arsitektur Teknis

• Siap Deploy Statis (Static Production Ready): Dibangun menggunakan HTML5 semantik, Tailwind CSS, dan JavaScript murni tanpa ketergantungan server backend Node.js yang harus terus berjalan, sehingga dapat langsung diunggah ke folder public_html pada Shared Hosting cPanel.
• Penyimpanan Lokal Aman: Fitur pelacakan progres belajar menggunakan localStorage browser pengguna tanpa memerlukan sistem login atau pengumpulan data pribadi.
• Akurasi Referensi: Materi disusun mengacu pada dokumentasi resmi cPanel & WHM, ICANN, serta Cloudflare Learning Center.

IDENTITAS AKADEMIK • ACADEMIC CREDENTIALS

Informasi Sekolah & Kelompok

Nama Sekolah: SMK 3 Perguruan Cikini
Kelas: XII TKJ A
Mata Pelajaran: ASJ
Guru Pembimbing: Ibu Tori
Tahun Akademik: 2026-2027