Transformasi Digital Institusi: Membangun Landing Page & CMS Dinamis Berbasis PHP untuk Prodi Perhotelan

Di era digital saat ini, kecepatan dalam memperbarui informasi adalah kunci utama bagi institusi pendidikan untuk tetap kompetitif. INPIDI Digital Solutions baru saja menyelesaikan proyek digitalisasi untuk Program Studi Perhotelan. Kami mentransformasi sebuah landing page statis menjadi sistem Content Management System (CMS) berbasis PHP dan MySQL yang 100% dinamis, responsif, dan siap pakai.

Melalui intergrasi ini, pihak administrator kampus kini dapat mengelola seluruh informasi—mulai dari teks banner, daftar dosen, ulasan testimoni alumni, hingga publikasi berita kegiatan—secara langsung melalui panel kendali admin tanpa perlu menyentuh baris kode pemrograman sama sekali.

Berikut adalah panduan lengkap dan tutorial penggunaan ekosistem CMS Prodi Perhotelan yang dikembangkan oleh INPIDI.

Panduan & Tutorial Penggunaan Sistem CMS

Sistem ini dirancang dengan antarmuka yang bersih memanfaatkan Tailwind CSS dan ikon dinamis dari Lucide Icons, memastikan pengalaman pengelolaan data yang intuitif bagi staf administrasi kampus.

Langkah 1: Autentikasi Masuk ke Dashboard Admin

1. Akses halaman utama website, lalu klik tombol Masuk di pojok kanan atas navbar.

2. Jendela modal login yang aman (Secure Login Modal) akan muncul di layar.

3. Masukkan kredensial administrator yang terdaftar pada database:

   • Email: demo@inpidi.com

   • Password: 12345

4. Klik tombol Sign In. Sistem AJAX akan memvalidasi data Anda ke database secara instan dan mengarahkan Anda ke Ruang Kendali Admin.

Langkah 2: Mengubah Teks & Informasi Utama Landing Page

Jika kampus sedang mengadakan periode pendaftaran atau ingin mengubah kalimat promosi pada halaman depan:

1. Pada menu sidebar kiri dashboard, pilih menu Teks Landing Page.

2. Anda akan disuguhkan form berisi data teks yang saat ini aktif di website.

3. Silakan ubah isi kotak Judul Banner Hero, Sub-judul Hero, atau Deskripsi Tentang Kami sesuai kebutuhan.

4. Klik tombol emas Perbarui Semua Teks. Perubahan akan langsung diterapkan di halaman depan saat itu juga (Real-time Update).

Langkah 3: Mengelola Data Dosen Pengajar

Untuk menjaga kredibilitas, daftar dosen pelatih harus selalu diperbarui secara berkala:

1. Klik menu Kelola Dosen pada sidebar dashboard.

2. Di sebelah kiri, Anda dapat melihat daftar dosen aktif saat ini.

3. Di sebelah kanan, tersedia formulir Tambah Dosen Baru.

4. Masukkan Nama Lengkap & Gelar, Jabatan, serta Spesialisasi Departemen.

5. Klik Simpan Dosen. Sistem secara cerdas akan menggenerasi inisial nama dosen secara otomatis (misal: Prof. Inpidi menjadi PI) dan memublikasikannya ke halaman utama.

Langkah 4: Menambah Testimoni & Review Alumni

Ulasan positif dari alumni sangat efektif untuk menarik minat calon mahasiswa baru:

1. Masuk ke menu Kelola Testimoni.

2. Isi nama alumni pada kolom Nama Alumni dan cantumkan tahun kelulusan pada kolom Angkatan (Contoh: Class of 2026).

3. Tuliskan kutipan pengalaman berkesan mereka selama kuliah di kolom Message.

4. Klik Simpan Testimoni untuk memunculkan ulasan tersebut dalam bentuk bento-grid-card mewah di landing page.

Langkah 5: Menerbitkan Berita & Kegiatan Kampus

Publikasikan prestasi mahasiswa, agenda seminar, atau info kelulusan dengan mudah:

1. Pilih menu Kelola Berita di sidebar dashboard.

2. Tulis Judul Kegiatan, Kategori (cth: Seminar), dan Tanggal Publikasi.

3. Berikan deskripsi singkat mengenai acara tersebut pada kolom teks area.

4. Pilih ikon yang representatif pada menu dropdown (Tersedia opsi ikon Mikrofon untuk seminar, Trofi untuk prestasi, dan Toga untuk wisuda).

5. Klik Terbitkan Berita untuk menyiarkannya secara instan. 

   ---

   Kesimpulan Proyek

   Dengan beralihnya pengelolaan data ke sistem CMS besutan INPIDI ini, Prodi Perhotelan kini memiliki fleksibilitas penuh dalam melakukan update konten kapan saja secara mandiri. Ini adalah bentuk nyata bagaimana integrasi PHP, MySQL, dan arsitektur UI modern dapat memangkas jalur birokrasi teknis pemeliharaan website (website maintenance).

   Tertarik untuk mentransformasi website bisnis atau institusi Anda menjadi dinamis seperti ini? Hubungi tim kami sekarang juga di inpidi.com!

   Link Source Code Website Dibawah ini:
   

    

   ---

    Tips dari INPIDI:

   Kami rutin membagikan informasi dan artikel seputar Website, Akun Premium, desain digital, serta tips kreatif lainnya. Jangan lupa ikuti update dari kami untuk belajar secara legal, aman, dan produktif!

    

   Untuk Mendapatkan Info Terbaru, Silahkan Bergabung Di Saluran Kami: