1.3.1.14   Feature Articles (with Category)

Articles (with Category)

VERSI TANGGAL PERUBAHAN
1 29/12/2017 Initial Release
2 07/01/2018 Penambahan Ilustrasi Layout 1 Pada Aplikasi Yang Sudah Publish

FAQ

  1. Apakah kegunaan dari fitur Articles (*with Category)* ?

Overview

Fitur Articles (with Category) dapat dipakai untuk menampilkan lebih dari satu artikel dengan data-data yang berupa tulisan dan gambar yang ditampilkan dalam bentuk kategori.

Tampilan

Ilustrasi pada Bagian Engine

Berikut adalah langkah-langkah yang perlu di perhatikan untuk mengaktifkan fitur Articles (with Category).

Masuk ke https://engine.compro.id/ lalu pada langkah ke 3, tekan menu Add New Feature seperti pada gambar di bawah.

image0

Berikut adalah halaman yang akan muncul ketika add new feature.

image1

Keterangan:

  1. Articles (with Category)
    Pilih menu Articles (with Category) pada list feature di bagian kiri.
  2. Choose Depth Levels
    Pilih berapa tingkatan kedalaman yang diinginkan.
  3. Category Template
    Tampilan video yang akan ditampilkan dalam bentuk kategori
  4. Layout
    Pilih jenis layout yang diinginkan untuk ditampilkan di aplikasinya
  5. Add This Feature
    Setelah melakukan semua langkah di atas tekan tombol Add This Feature untuk menambahkan fitur tersebut dan dapat melakukan pengaturan di bagian admin.

Ilustrasi pada Bagian Admin

Berikut adalah langkah-langkah yang perlu di perhatikan untuk mengisi konten Articles (with Category).

Masuk ke https://admin.compro.id/ pada sidebar pilih menu manage content

image2

Setelah memilih menu Manage Content, pilih menu Articles (with Category) yang baru saja ditambah.

image3

Setelah memilih menu tersebut, akan tampil halaman seperti pada di bawah ini dan klik add untuk membuat kategorinya

image4

Kemudian tampilan untuk membuat kategorinya ialah seperti dibawah ini

image5

Keterangan

  1. Menu Title
    Kolom ini diisikan untuk nama kategori yang diinginkan
  2. Icon
    Kolom ini ditujukan untuk mengganti icon
  3. Feature Image
    Kolom ini ditujukan untuk menampilkan gambar pada kategori yang ingin ditampilkan
  4. Submit
    Jika sudah selesai semua, tekan tombol ini untuk menyimpan kategorinya

Jika sudah membuat kategori yang diinginkan, kembali ke menu tersebut kemudian pilih edit content dan klik tombol Add untuk membuat artikel pada kategori tersebut.

image6

image7

Tampilan setelah klik tombol add adalah seperti dibawah ini :

Layout 1

image8

image9

Keterangan:

  1. Title
    Kolom ini di isi dengan judul article yang ingin ditampilkan.
  2. Feature Image
    Kolom ini digunakan untuk mengunggah gambar yang diinginkan.
  3. Content
    Kolom ini di isi dengan deskripsi daripada article. Pada bagian ini data yang diisikan dapat dicustomize sesuai dengan keinginan, baik menggunakan tool yang disediakan atau dengan menggunakan styling HTML CSS yang dapat diinput melalui code view. Disini juga dapat menginsert gambar, link, video dan tabel.
  4. Action Button Name (Optional)
    Kolom ini di isi dengan nama Action Button bila ingin menambahkan Action Button.
  5. Target Page (Optional)
    Kolom ini berfungsi sebagai dropdown dimana user dapat memilih target menu daripada Action Button yang dibuat
  6. Add Action Button (Optional)
    Kolom ini berfungsi untuk menambahkan Action Button ketika langkah ke 4 dan ke 5 telah dilakukan
  7. Published At (Optional)
    Kolom ini digunakan jika pemilik apps ingin mengupdate gambar tetapi tidak ingin dikeluarkan pada saat itu juga.
  8. Submit
    Tombol ini ditekan jika data yang diisikan sudah dirasa benar.

Ilustrasi Pada Bagian Aplikasi

Berikut adalah hasil yang akan muncul pada Aplikasi.

image10image11

Contoh pada aplikasi yang sudah terpublish : Aplikasi Interior Design NB

image12image13

Jika di klik salah satu artikel yang ada maka tampilannya seperti tampilan pada gambar kedua. Serta di gambar kedua tersebut terdapat fasilitas share dan user bisa melihat apa deskripsi dari artikel yang dipilih tersebut.

Layout 2

image14 image15

Keterangan:

  1. Title
    Kolom ini di isi dengan judul article yang ingin ditampilkan.
  2. Featured Image
    Kolom ini digunakan untuk mengunggah gambar yang diinginkan.
  3. Description
    Kolom ini di isi dengan deskripsi daripada article. Pada bagian ini data yang diisikan dapat dicustomize sesuai dengan keinginan, baik menggunakan tool yang disediakan atau dengan menggunakan styling HTML CSS yang dapat diinput melalui code view. Disini juga dapat menginsert gambar, link, video dan tabel.
  4. Action Button Name (Optional)
    Kolom ini di isi dengan nama Action Button bila ingin menambahkan Action Button.
  5. Target Page (Optional)
    Kolom ini berfungsi sebagai dropdown dimana user dapat memilih target menu daripada Action Button yang dibuat
  6. Add Action Button (Optional)
    Kolom ini berfungsi untuk menambahkan Action Button ketika langkah ke 4 dan ke 5 telah dilakukan
  7. Published at (Optional)
    Kolom ini digunakan jika pemilik apps ingin mengupdate gambar tetapi tidak ingin dikeluarkan pada saat itu juga.
  8. Submit
    Tombol ini ditekan jika data yang diisikan sudah dirasa benar.

Ilustrasi pada Bagian Aplikasi

Berikut adalah hasil yang akan muncul pada Aplikasi.

image16image17

Layout 3

image18 image19

Keterangan:

  1. Title
    Kolom ini di isi dengan judul article yang ingin ditampilkan.
  2. Featured Image
    Kolom ini digunakan untuk mengunggah gambar yang diinginkan.
  3. Description
    Kolom ini di isi dengan deskripsi daripada article. Pada bagian ini data yang diisikan dapat dicustomize sesuai dengan keinginan, baik menggunakan tool yang disediakan atau dengan menggunakan styling HTML CSS yang dapat diinput melalui code view. Disini juga dapat menginsert gambar, link, video dan tabel.
  4. Action Button Name (Optional)
    Kolom ini di isi dengan nama Action Button bila ingin menambahkan Action Button.
  5. Target Page (Optional)
    Kolom ini berfungsi sebagai dropdown dimana user dapat memilih target menu daripada Action Button yang dibuat
  6. Add Action Button (Optional)
    Kolom ini berfungsi untuk menambahkan Action Button ketika langkah ke 4 dan ke 5 telah dilakukan.
  7. Published at (Optional)
    Kolom ini digunakan jika pemilik apps ingin mengupdate gambar tetapi tidak ingin dikeluarkan pada saat itu juga.
  8. Submit
    Tombol ini ditekan jika data yang diisikan sudah dirasa benar.

Ilustrasi pada Bagian Aplikasi

Berikut adalah hasil yang akan muncul pada Aplikasi.

image20image21

Layout 4

image22

image23

Keterangan:

  1. Title
    Kolom ini di isi dengan judul article yang ingin ditampilkan.
  2. Featured Image
    Kolom ini digunakan untuk mengunggah gambar yang diinginkan.
  3. Image List
    Kolom ini dapat digunakan untuk mengunggah gambar-gambar yang berhuungan dengan artikel yang dibuat
  4. Description
    Kolom ini di isi dengan deskripsi daripada article. Pada bagian ini data yang diisikan dapat dicustomize sesuai dengan keinginan, baik menggunakan tool yang disediakan atau dengan menggunakan styling HTML CSS yang dapat diinput melalui code view. Disini juga dapat menginsert gambar, link, video dan tabel.
  5. Action Button Name (Optional)
    Kolom ini di isi dengan nama Action Button bila ingin menambahkan Action Button.
  6. Target Page (Optional)
    Kolom ini berfungsi sebagai dropdown dimana user dapat memilih target menu daripada Action Button yang dibuat
  7. Add Action Button (Optional)
    Kolom ini berfungsi untuk menambahkan Action Button ketika langkah ke 4 dan ke 5 telah dilakukan.
  8. Published at (Optional)
    Kolom ini digunakan jika pemilik apps ingin mengupdate gambar tetapi tidak ingin dikeluarkan pada saat itu juga.
  9. Submit
    Tombol ini ditekan jika data yang diisikan sudah dirasa benar.

Ilustrasi pada Bagian Aplikasi

Berikut adalah hasil yang akan muncul pada Aplikasi.

image24image25

Layout 5

image26

Keterangan:

  1. Title
    Kolom ini di isi dengan judul article yang ingin ditampilkan.
  2. Description
    Kolom ini di isi dengan deskripsi daripada article. Pada bagian ini data yang diisikan dapat dicustomize sesuai dengan keinginan, baik menggunakan tool yang disediakan atau dengan menggunakan styling HTML CSS yang dapat diinput melalui code view. Disini juga dapat menginsert gambar, link, video dan tabel.
  3. Action Button Name (Optional)
    Kolom ini di isi dengan nama Action Button bila ingin menambahkan Action Button.
  4. Target Page (Optional)
    Kolom ini berfungsi sebagai dropdown dimana user dapat memilih target menu daripada Action Button yang dibuat
  5. Add Action Button (Optional)
    Kolom ini berfungsi untuk menambahkan Action Button ketika langkah ke 4 dan ke 5 telah dilakukan.
  6. Published at (Optional)
    Kolom ini digunakan jika pemilik apps ingin mengupdate gambar tetapi tidak ingin dikeluarkan pada saat itu juga.
  7. Submit
    Tombol ini ditekan jika data yang diisikan sudah dirasa benar.

Ilustrasi pada Bagian Aplikasi

Berikut adalah hasil yang akan muncul pada Aplikasi.

image27image28