1.3.1.1   Feature Articles

Articles

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

FAQ

  1. Apakah kegunaan dari fitur Articles ?

Overview

Fitur Articles dapat dipakai untuk menampilkan data-data yang berupa tulisan dan gambar.

Tampilan

Ilustrasi pada Bagian Engine

Berikut adalah langkah-langkah yang perlu di perhatikan untuk mengaktifkan fitur Articles.

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

  1. Articles
    Pilih menu Articles pada list feature di bagian kiri.
  2. Layout
    Pilih layout yang diinginkan.
  3. Add This Feature
    Setelah melakukan ke-2 langkah di atas tekan tombol Add This Feature untuk menambahkan fitur dan dapat melakukan pengaturan di bagian admin.

Ilustrasi pada Bagian Admin

Berikut adalah langkah-langkah yang perlu di perhatikan untuk mengisi konten Articles.

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

image2

Setelah memilih menu Manage Content, pilih menu Articles

image3

Layout 1

image4

image5

  1. Title
    Kolom ini di isi dengan judul Article yang ingin ditampilkan.
  2. Featured Image
    Kolom ini digunakan untuk mengupload 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.

image6image7

Layout 2

image8

image9

  1. Title
    Kolom ini di isi dengan judul Article yang ingin ditampilkan.
  2. Featured Image
    Kolom ini digunakan untuk mengupload 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.

image10image11

Layout 3

image12

image13

  1. Title
    Kolom ini di isi dengan judul Article yang ingin ditampilkan.
  2. Featured Image
    Kolom ini digunakan untuk mengupload 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.

image14image15

Layout 4

image16

  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.

image17image18

Contoh pengaplikasian didalam apps Toyota Medan Sumut

image19