Hosting Management #1 - Hosting Control Panel, Subdomain, SSL

Tugas Siswa - Web Hosting Management

• Mata Pelajaran : Pemrograman Web
• Kelas : 11 PPLG
• Hari/ Tgl. : Rabu, 30 April 2025
• Jam ke : 5-7
• Deskripsi Tugas :
  1. Login ke akun hosting
  2. Mengupload halaman web statis html
  3. Menampilkan hasil / tampilan web statis
  4. Membuat subdomain cara-1
  5. Mengkonfigurasi SSL

---

Menyiapkan file web

• Buat folder baru di Documents misal folder webku.
• Buka folder webku tersebut dengan teks editor kesayangan (misal vscode, notepad, dsb).
• Buat file html sederhana yang intinya menampilkan tulisan sapaan selamat datang, contoh “Selamat Datang di Armageddon.com”.
• Simpan file tersebut dengan ekstensi .html

Login ke akun hosting

• Silahkan buka browser kesayangan dan buka control panel hosting masing-masing sebagaimana akun yang sudah dibagikan sebelumnya. Contoh link http://eloknur.my.id:2222.
• Masukkan username dan password pada form yang tampil. Pastikan penulisan username dan password benar - termasuk besar kecilnya huruf - lalu klik sign-in.
• Jika berhasil anda akan masuk ke halaman control panel Directadmin.
• Cari dan klik menu File Manager.
• Di sebelah kiri ada Folder Navigation, klik pada public_html.
• Jika sekarang anda mengakses web anda, misal https://eloknur.my.id, sebenarnya yang tampil adalah hasil dari file index.html pada folder public_html, hal ini terjadi karena secara bawaan, server hosting akan mencari file index, entah itu index.html, index.php, ataupun index.htm.
• Sekarang kita amankan dulu file index.html dengan me-rename nya menjadi index-asli.html misalnya. Klik kanan pada file index.html lalu pilih rename. Ubah menjadi index-asli.html lalu klik rename.
• Jika sekarang anda refresh halaman web anda tadi (contoh : https://eloknur.my.id), tentu akan muncul pesan Error, karena server tidak berhasil menemukan file index.
• Selanjutnya, masih di folder public_html silahkan upload file index.html yang sebelumnya sudah dibuat menggunakan teks editor.
• Klik icon + (icon upload file) pada sebelah kiri area file manager , lalu klik Drop File Here ..... dan cari file index.html yang berada di folder Documents/webku, lalu klik open dan upload.
• Sekarang berati anda sudah memiliki 2 file index di folder public_html, yaitu index.html dan index-asli.html , namun tentu yang akan dijalankan di web browser adalah file index.html
• Untuk mengetest perubahan, silahkan refresh lagi halaman web anda tadi (contoh : https://eloknur.my.id)
• Harusnya sudah berubah.

Membuat subdomain cara-1

• Pada file manager, di dalam folder public_html buat folder baru bernama app dengan klik icon Folder pada sebelah kiri.
• Masuk ke dalam folder app, lalu buat file baru dengan klik kanan pada area kosong dan pilih create file, masukkan nama file nya index.html.
• Double klik pada file index.html untuk mengedit secara langsung dan ketikkan

  <h1>Selamat datang di App</h1>
  

• Lalu klik tombol Save file di sebelah kanan atas untuk menyimpan file, dan klik tombol X untuk menutup editornya.
• Selanjutnya, pada tampilan control panel directadmin, klik menu Subdomain management
• Klik tombol Add Subdomain pada pojok kanan atas.
• Ketikkan nama subdomain, misal app , maka di bagian bawah akan mucul opsi pengaturan direktori subdomainnya.
• Seperti yang kita ingat, folder yagn kita buat tadi adalah di public_html/app, maka sebaiknya pilih opsi ke 2, yaitu Legacy, agar langsung mengarah ke folder yang sudah kita buat sebelumnya.
• lalu klik Add Subdomain
• Sekarang folder app tadi sudah bisa diakses lewat browser engan alamat, misal : http://app.eloknur.my.id, namun jika anda akses sekarang sepertinya akan error, maka langkah selanjutnya adalah, kita perlu melakukan konfigurasi sertifikat SSL.

Konfigurasi Sertifikat SSL

• Silahkan kembali ke control panel directadmin
• Pilih menu SSL Certificates di bagian atas.
• Klik tab Get automatic certificate from ACME Provider di bagian atas.
• Pada bagian Certificate Entries , agar lebih mudah centang saja semuanya, lalu klik Save.
• Maka server akan memproses permintaaan sertifikat SSL dengan adanya loading bar di atas berwarna biru, tunggu saja sampai selesai dan jangan ditutup ataupun direfresh.
• Jika berhasil, maka akan ada pop-up notifikasi berwarna hijau dengan judul Certificate and Key Saved.
• Itu tandanya anda telah mendapatkan sertifikat SSL untuk website anda dan harusnya jika anda buka lagu subdomain tadi sudah bisa.
• Sekarang coba anda buka subdomain tadi misal : https://app.eloknur.my.id
• Jika belum bisa, anda perlu menghapus history dan cache di web browser anda, dan buka lagi.
• Jika pada proses permintaan Sertifikat SSL gagal, anda bisa mengulangi langkahnya beberapa saat kemudian.
• Terimakasih

Laporan

Sebagai bentuk laporan, silahkan screenshoot:

1. Tampilan web utama
2. Tampilan subdomain
   Kirim file tersebut ke email : ipnu.masyaid20@guru.smk.belajar.id disertai dengan keterangan nama, kelas, dan link domain web dan subdomain yang barusan dibuat.