## 1.       Halaman Utama – Header dan Footer

Modul Header dan Footer digunakan untuk melakukan setting atau penyesuaian pada halaman utama. Menu Header dapat digunakan untuk menyesuaikan Logo Aplikasi, Favicon, Nama Aplikasi serta Nama Kampus.

Sedangkan menu Footer dapat menyesuaikan Nama Kampus, Deskripsi Kampus, Tautan Akun/ Sosmed, Nomor Telp/HP, Lokasi Kampus, serta Tautan Cepat.

![](https://crm.mataerdigital.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbllEIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--41a020b33dfc31bc8dd10af6f09232d7acfbf618/image.png?cw_image_width=321px)


### 1.1. Header

Untuk melakukan setting pada **Header** user dapat mengakses menu **Halaman Utama 🡪 Header & Footer 🡪 Header 🡪 klik tombol**

![](https://crm.mataerdigital.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbmNEIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--b773ba9f4591685222c81d1c851a34ef2e0e8941/image.png)

\
![](https://crm.mataerdigital.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbmdEIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--a08077864a8a76e1889d7a776e7fbe45444530d0/image.png?cw_image_width=692px)

**Langkah Penggunaan**

[1]    Untuk menambahkan atau mengubah Logo Aplikasi Klik tombol ‘Unggah Foto’ lalu pilih foto yang akan digunakan

[2]    Untuk nembahkan atau mengubah Favicon Klik tombol ‘Unggah Foto’ lalu pilih foto yang akan digunakan

[3]    Tambahkan Nama Aplikasi dalam Bahasa Indonesia

[4]    Tambahkan Nama Kampus dalam Bahasa Indonesia

[5]    Tambahkan Aplication Name dalam Bahasa Inggris

[6]    Tambahkan Campus Name dalam  Bahasa Inggris

[7]    Klik tombol ‘Simpan Perubahan’ untuk menyimpan data yang sudah di sesuaikan


### 1.2. Footer

Untuk melakuakn setting pada **Footer** user dapat mengakses menu **Halaman Utama 🡪 Header & Footer 🡪 Footer.** Pada halaman footer ini terdapat beberapa menu yang dapat di sesuaikan.

a.       **Nama dan Deskripsi Kampus**

Untuk menyesuaikan Nama dan Deskripsi Kampus **Klik tombol** 

![](https://crm.mataerdigital.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbmtEIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--8a23138a609645284aac671603710bcd3454640c/image.png)

\
![](https://crm.mataerdigital.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbm9EIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--d4dd94f6ef2e25c58f4b74d2d999eeebd86ac3c4/image.png)

Langkah penggunaan :

[1]    Untuk menambahkan atau mengubah Logo Aplikasi Klik tombol ‘Unggah Foto’ lalu pilih foto yang akan digunakan

[2]    Untuk nembahkan atau mengubah Favicon Klik tombol ‘Unggah Foto’ lalu pilih foto yang akan digunakan

[3]    Tambahkan Nama Aplikasi dalam Bahasa Indonesia

[4]    Tambahkan Nama Kampus dalam Bahasa Indonesia

[5]    Tambahkan Aplication Name dalam Bahasa Inggris

[6]    Tambahkan Campus Name dalam  Bahasa Inggris

[7]    Klik tombol ‘Simpan Perubahan’ untuk menyimpan data yang sudah di sesuaikan


### 1.2. Footer

Untuk melakuakn setting pada **Footer** user dapat mengakses menu **Halaman Utama 🡪 Header & Footer 🡪 Footer.** Pada halaman footer ini terdapat beberapa menu yang dapat di sesuaikan.

a.       **Nama dan Deskripsi Kampus**

Untuk menyesuaikan Nama dan Deskripsi Kampus **Klik tombol** 

![](https://crm.mataerdigital.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbnNEIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--d10693c132121ee3df7e480581f4a2dd26972518/image.png)

![](https://crm.mataerdigital.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbndEIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--2122f01baa3a01e270dfd2bc51e65eb2cf9432ec/image.png?cw_image_width=757px)

Langkah penggunaan :

[1]    Tambahkan Nama Kampus dalam Bahasa Indonesia

[2]    Tambahkan Deskripsi Kampus dalam Bahasa Indonesia

[3]    Tambahkan *Campus Name* dalam Bahasa Inggris (Jika ada)

[4]    Tambahkan *Campus Description* dalam Bahasa Inggris (Jika ada)

[5]    Klik tombol ‘simpan Perubahan’ jika sudah disesuaikan

\
b.       **Tautan Akun/Sosmed**

Langkah Penggunaan

![](https://crm.mataerdigital.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbjBEIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--041164f10ae855136db6f5757b976d018c4b6303/image.png?cw_image_width=708px)

[1]    Klik tombol **Edit** untuk mengubah atau menambahkan Akun/Sosial media, lalu klik **Simpan** (Setiap menu Memiliki tombol **Edit** masing – masing).

[2]    Untuk menampilkan **Akun/Sosmed** pada footer Portal PMB mahasiswa dapat di aktifkan dengan **switch tombol** (Setiap menu Memiliki tombol **switch** masing – masing).

\
c.       **Nomor Telp/HP**

Untuk menambahkan Nomor Telp/HP klik tombol 

![](https://crm.mataerdigital.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbjREIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--11bd3b3ae8ee34d7ea6d7dd904adbde94c0fdbc2/image.png)

 maka akan muncul seperti pada gambar berikut.

![](https://crm.mataerdigital.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbjhEIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--034d0ff0469df89db608a444e3852673bf1feb15/image.png?cw_image_width=814px)

Langkah Penggunaan

[1]    Tambahkan Nomot Telp/HP

[2]    Tambahkan Deskripsi Singkat

[3]    Klik Tombol **Simpan** untuk menyimpan

[4]    Jika akan mengubah Kontak yang sudah ada klik tombol **Edit** (No. 4 Pada gambar)

[5]    Jika akan menghapus Kontak yang sudah ada klik tombol **Hapus** (No. 5 Pada gambar)

\
d.       **Lokasi Kampus**

Untuk menambahkan Lokasi Kampus klik tombol 

![](https://crm.mataerdigital.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBb0FEIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--cdf682aa39fad12ee06dfff4b4215ae366b2c253/image.png?cw_image_width=143px)

 maka akan muncul seperti pada gambar berikut.

![](https://crm.mataerdigital.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBb0VEIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--461b69f1291aabb0f47be970b14fe280114718e7/image.png?cw_image_width=827px)

Langkah Penggunaan

[1]    Tambahkan Nama Lokasi Kampus

[2]    Tambahkan Alamat

[3]    Tambahkan Link Google Maps

[4]    Klik **‘Simpan’** jika sudah sesuai

[5]    Untuk melakukan edit Alamat yang sudah ditambahkan, klik tombol **Edit** (Gambar no 5)

[6]    Untuk hapus Alamat yang sudah ditambahkan, klik tombol **Hapus** (Gambar no 6)

\
e.       **Tautan Cepat**

Untuk menambahkan Tautan Cepat klik tombol 

![](https://crm.mataerdigital.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBb0lEIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--f7fd09b78d28a0b869efa071d5f99ab8aec9e35c/image.png)

maka akan muncul seperti gambar berikut

![](https://crm.mataerdigital.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBb01EIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--c074378dd37a362d1bcbb123ce681e58047ab212/image.png)

Langkah pengunaan

[1]    Tambahkan Judul Tautan Cepat

[2]    Tambahkan URL

[3]    Klik simpan jika sudah sesuai

[4]    Jika tautan yang sudah ditambahkan akan diubah klik tombol **Edit** (Seperti gambar No. 4)

[5]    Jika tautan yang sudah ditambahkan akan dihapus klik tombol **Hapus** (Seperti gambar No. 5)