## 7.       Halaman Utama – Artikel

![](https://crm.mataerdigital.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdElEIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--72f93a1870cf0c478282a7c59b1cb6d6de8007ea/image.png?cw_image_width=727px)

Modul ini dapat digunakan sebagai sarana dalam untuk menampilkan Artikel kepada calon mahasiswa. Modul Artikel ini dapat ditampilkan di laman calon mahasiswa atau pun tidak di tampilkan. Artikel yang dapat di input dapat berkenaan dengan artikel edukasi serta *tips and trick* seputar perkuliahan. Pada modul ini juga diberikan kolom dengan dua Bahasa yaitu Bahasa Indonesia dan Bahasa Inggris.

![](https://crm.mataerdigital.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdE1EIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--2287d5063411ff1c6bac6a7880a9aa304d14d173/image.png?cw_image_width=759px)


### 7.1. Tambah / Ubah Judul Artikel


![](https://crm.mataerdigital.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdFFEIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--1eecb036fd949ece9f650087bfb158e2b3c15b0e/image.png)

Langkah Penggunaan

[1]    Pilih field Tampilkan. Pada field Tampilkan jika pengalih tombol seperti 

![](https://crm.mataerdigital.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdGNEIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--6b34ad282527ba72dfecd63efda5770570d96eb7/image.png)

artinya Artikel yg ditambahkan tidak akan tampil dihalaman website, dan sebaliknya jika pengalih tombol seperti

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

  maka Artikel tersebut akan tampil di halaman website,

[2]    Pilih ubah data maka akan muncul kolom kolom yang harus diisi seperti gambar di bawah ini.

![](https://crm.mataerdigital.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdGdEIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--74a911cef47cca96610c7a3f60911940f7566eb8/image.png)

Langkah Penggunaan

[1]    Input Judul Blok,

[2]    Input Judul Blok dalam Bahasa Inggris,

[3]    Input Deskripsi Artikel,

[4]    Input Deskripsi Artikel dalam Bahasa Inggris,

[5]    Jika semua sudah terisi maka bisa klik tombol

![](https://crm.mataerdigital.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdGtEIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--0653129d06606a50eb04808038d396882d44685a/image.png)


### 7.2. Tambah Artikel

Jika user akan menambahkan data Artikel silakan masuk ke menu **Halaman Utama 🡪 Artikel 🡪 klik tombol** 

![](https://crm.mataerdigital.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdG9EIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--5d8fd0eece4f1762067b60b573890aba8112ec4c/image.png?cw_image_width=178px)

 kemudian akan tampil form seperti gambar dibawah ini

![](https://crm.mataerdigital.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdHNEIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--3776c5bb43b5ae93aafd6d41fd4bfe3cb820ad53/image.png?cw_image_width=369px)

Langkah Penggunaan :

[1]    Input Gambar yang akan diunggah,

[2]    Pilih Bahasa,

[3]    Input Judul Artikel,

[4]    Input Isi Artikel pada kolom Konten

[5]    Pilih Tag,

[6]    Pilih field Tampilkan. Pada field Tampilkan jika pengalih tombol seperti 

![](https://crm.mataerdigital.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdHdEIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--9f9928ec90e0151bd63225c8f0ffbd8f4d953d3e/image.png)

 artinya Artikel yg ditambahkan tidak akan tampil dihalaman website, dan sebaliknya jika pengalih tombol seperti 

![](https://crm.mataerdigital.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdDBEIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--1147443448a512366e40762adf11d44bf5cf4066/image.png)

maka Artikel tersebut akan tampil di halaman website

[7]    Klik Tombol

![](https://crm.mataerdigital.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdDREIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--385e2e25e0e826c402a536541c2a6cb8bac8f86a/image.png)


### 7.3. Ubah Artikel

Jika user akan mengubah data periode aktif silakan masuk ke menu **Halaman Utama 🡪 Artikel 🡪 klik tombol** 

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

kemudian akan tampil form seperti gambar dibawah ini. Untuk proses Ubah Data, user dapat mengubah semua data yang sudah pernah ditambahkan sebelumnya

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

Langkah Penggunaan :

[1]    Input Gambar yang akan diubah,

[2]    Pilih Bahasa,

[3]    Input Judul Artikel baru,

[4]    Input Isi Artikel pada kolom Konten,

[5]    Pilih Tag,

[6]    Pilih field Tampilkan. Pada field Tampilkan jika pengalih tombol seperti 

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

artinya Artikel yg ditambahkan tidak akan tampil dihalaman website, dan sebaliknya jika pengalih tombol seperti  

![](https://crm.mataerdigital.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdVVEIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--24855fba002b5940979864b1a0fcc49ab2a29ddc/image.png)

maka Artikel tersebut akan tampil di halaman website

[7]    Klik Tombol

![](https://crm.mataerdigital.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdVlEIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--97ed0c1d9ae02c0dede46fcd4e230f033869ddb3/image.png)


### 7.4. Menampilkan Artikel Menurut Bahasa

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


### 7.5. Menampilkan Artikel Menurut Rentang Tanggal

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


### 7.6. Hapus Artikel

Jika user akan mengubah data periode aktif silakan masuk ke menu **Halaman Utama 🡪 Artikel🡪 klik tombol**  

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

kemudian akan tampil pop-up konfirmasi apakah Artikel akan dihapus atau tidak.

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

*Gambar 8  Tampilan Hapus Artikel*


### 7.7. Tutorial Tambah Artikel

Jika diperlukan untuk visualisasi tutorial silahkan bisa akses Artikel tutorial berikut

<https://www.youtube.com/>