i KATA PENGANTAR Puji dan syukur penulis panjatkan atas segala nikmat yang telah diberikan oleh Allah SWT. Sehingga penulis tetap diberi kesehatan dan kesempatan untuk menyelesaikan buku panduan edit website serta pengoptimalan website dengan memperhatikan masa tenggat sewa hosting dan nama domain bagi Saung Si Bungsu. Buku ini dibuat sebagai pedoman dan sumber informasi bagi Saung Si Bungsu untuk dapat mengoptimalkan website yang telah dibuat. Penulis berharap semoga buku panduan ini dapat bermanfaat bagi seluruh pembaca, khususnya bagi pihak Saung Si Bungsu. Bandung, Juni 2023 Penulis
ii DAFTAR ISI KATA PENGANTAR..................................................................................................................... i DAFTAR ISI................................................................................................................................... ii KOMPONEN UTAMA WEBSITE................................................................................................ 1 EDITING WEBSITE...................................................................................................................... 4 PERPANJANG MASA SEWA HOSTING DAN NAMA DOMAIN ........................................... 9 KENDALA YANG DAPAT TERJADI....................................................................................... 12
1 KOMPONEN UTAMA WEBSITE Terdapat 7 bagian komponen utama dalam website yang telah dibuat, diantaranya yaitu sebagai berikut : 1. Header Section Bagian ini merupakan tampilan awal yang terletak pada halaman web sehingga pada bagian ini dipastikan terdapat logo perusahaan sebagai identitas website, terdapat informasi jam buka dari Saung Si Bungsu, nomor admin Saung Si Bungsu, serta terdapat menu navigasi yang akan diarahkan pada informasi perusahaan seperti Home, About, Menu, Gallery dan Reservasi. 2. Home Page Halaman ini berisi mengenai informasi umum seperti slogan, kualitas dan keunggulan Saung Si Bungsu serta terdapat beberapa section tambahan yang akan dijelaskan berikut ini : a. Slider Section Slider pada web ini yaitu highlight tempat yang menjadi favorit para pelanggan Saung Si Bungsu yang akan berpindah otomatis tanpa harus di geser dan dilengkap dengan nama rumah makan serta slogan dari Saung Si Bungsu yaitu Rajana Sambel. b. Menu Favorit Section Pada bagian ini menunjukkan menu favorit andalan Saung Si Bungsu yang paling banyak di pesan dan dilengkapi dengan deskripsi serta gambar dari masing-masing menu tersebut. Menu favorit berfungsi untuk memberikan rekomendasi kepada calon konsumen baru dari Saung Si Bungsu agar dapat memilih menu tanpa kebingungan.
2 3. About Halaman ini berisikan informasi singkat mengenai dibangunnya Rumah Makan Saung Si Bungsu dan menyajikan informasi mengenai gambaran tempat dan suasana dari Saung Si Bungsu. Pada halaman about dilengkapi dengan informasi mulai dari jam buka rumah makan, alamat detail, serta media promosi seperti e-mail dan Instagram. 4. Menu Halaman ini berisikan mengenai menu-menu yang disediakan oleh Saung Si Bungsu dan memiliki 4 sub menu sebagai penunjang untuk informasi detail menu, deskripsi menu, beserta harganya. 5. Gallery Sesuai dengan namanya, bagian ini akan menampilkan kumpulan gambar makanan, fasilitas, tempat dan suasana dari Saung Si Bungsu. Kumpulan gambar ini bertujuan untuk membuat pembaca dapat melihat terlebih dahulu mengenai tempat dan gambar makanan sebelum berkunjung langsung ke Saung Si Bungsu yang beralamatkan di Jalan Terusan Sersan Bajuri, Kawasan Wisata Bunga Cihideung. 6. Reservasi Bagian ini memiliki fungsi untuk melakukan reservasi secara onine yang nantinya akan terhubung langsung dengan admin dari pihak Saung Si Bungsu. 7. Footer Section Bagian ini merupakan bagian terakhir dari halaman web. Footer terletak di bagian paling bawah setelah konten utama dan berisikan
3 icon media promosi Saung Si Bungsu seperti Instagram, E-mail, dan Facebook.
4 EDITING WEBSITE a. MENGUBAH, MENAMBAHKAN, DAN MENGHAPUS MENU 1. Login ke cPanel dengan alamat https://arimbi.iixcp.rumahweb.com:2083/ Gambar 1 Login cPanel 2. Setalah berhasil Login, Klik menu File Manager Gambar 2 File Manager 3. Setelah itu akan di alihkan ke halaman file manager. Buka Folder “public_html”
5 Gambar 3 Halaman File Manager 4. Setalah itu, masuk ke folder “assets” Gambar 4 Halaman Folder 5. Masuk ke folder “menu”
6 Gambar 5 Halaman Menu 6. Setelah folder menu terbuka, kita pilih menu di file kategori mana yang akan diubah. Klik file yang akan dipilih, Klik tombol “edit” pada menu bagian atas. Gambar 6 File Kategori 7. Setelah itu, akan muncul isi file yang dipilih seperti gambar dibawah ini.
7 Gambar 7 Tampilan FIle 8. Untuk Menambahkan Menu baru di kategori yang dipilih, kita tinggal masukin menu nya dengan format sebagai berikut [Nama menu;Keterangan/Ingredients;Harga] Contoh: Es Teh Panas; Terbuat dari perasan jeruk asli Bandung; 12.000 9. Untuk Mengupdate Menu baik itu nama, keterangan atau harga silahkan ikuti format diatas. 10. Untuk Menghapus Menu, hapus satu baris dimana terdapat menu yang akan diubah. Contoh gambar diatas akan dihapus menu “Kopi Hitam” pada row 11. Gambar 8 Halaman Hapus Menu
8 11. Setelah Melakukan perubahan baik menambahkan, menghapus, atau mengubah data menu klik button “Save Change” pada navigasi bar diatas.
9 PERPANJANG MASA SEWA HOSTING DAN NAMA DOMAIN Perpanjangan masa sewa hosting dan nama domain dilakukan pada website yang sama saat melakukan pembelian hosting dan nama domain sebelumnya. Untuk perpanjangan masa sewa hosting dan nama domain melalui Rumah Web adalah sebagai berikut : 1. Buka Email Pengingat dari RumahWeb Biasanya ketika sebuah domain yang kita miliki, pihak RumahWeb akan mengirimkan sebuah email yang menandakan bahwa domain aktif kita akan berakhir dalam waktu 45 atau 30 hari lagi. Berikut merupakan contoh email pengingat dari RumahWeb: Gambar 9 Perpanjang Hosting dan Nama Domain Sumber : TeknologiZoo Gambar 9 menunjukkan email yang berisi pengingat bahwa domain kita akan segera expired dalam 30 hari kedepan, jika ingin memperpanjangnya silahkan klik atau ketuk menu 'Domain ini keren, perpanjang sekarang'. 2. Buka Email Invoice dari RumahWeb Setelah kita mengetuk atau klik menu 'Domain ini keren, perpanjang sekarang'. Kita akan dibawa masuk ke menu Clientzone RumahWeb dan lakukan login terlebih dahulu,
10 setelah itu cek kembali email yang masuk, email kali ini berisikan tentang invoice pembayaran. Gambar 10 Email Invoice Perpanjangan Domain Sumber : TeknologiZoo Untuk melihat metode pembayaran pertama kali, silahkan teman-teman login ke akun RumahWeb. 3. Lakukan Pembayaran Perpanjangan Domain Setelah mengklik tombol 'klik disini untuk bayar', kita akan dibawa ke sebuah menu baru seperti tampilan berikut ini. Gambar 11 Invoice Sumber : TeknologiZoo
11 Jika sudah muncul sebuah menu seperti diatas, silahkan melakukan transfer ke nomor Virtual Account yang sudah tertera pada tampilan RumahWeb yang tersedia. 4. Periksa Email Tanda Pembayaran Setelah melakukan pembayaran maka akan ada pemberitahuan yang masuk melalui email pribadi, seperti berikut ini: Gambar 12 Email Pemberitahuan Sumber : TeknologiZoo
12 KENDALA YANG DAPAT TERJADI 1. Kendala yang dapat terjadi pada Editing Website a. Tidak dapat melakukan pengeditan menu Penyebab : Ketika melakukan pengeditan menu pada website tidak dapat diperbarui dan tidak sesuai format. Solusi : Untuk melakukan pengeditan menu yang dilakukan pada website harus selalu sesuai dengan format yang telah tersedia, jangan sampai format tersebut tertukar ataupun tidak sesuai dengan ketentuan. Maka dari itu, diperlukan ketelitian dalam melakukan pengeditan menu.