External Page

Membuat konten atau formulir eksternal di dalam aplikasi AlurKerja On Premise sesuai dengan kebutuhan spesifik.


External Page di Studio adalah fitur yang memungkinkan pengguna untuk membuat dan menyesuaikan halaman eksternal, seperti formulir, daftar, atau konten lainnya, yang dapat diintegrasikan ke dalam aplikasi Alurkerja On Premise. Pengguna dapat menambahkan elemen-elemen seperti Micro Frontend (MFE), input fields, dan komponen lainnya, serta mengatur URL path dan pengaturan akses sesuai kebutuhan spesifik halaman tersebut. Halaman ini kemudian dapat diakses dan ditampilkan di aplikasi sesuai dengan konfigurasi yang telah dibuat di Studio.


Mengakses Halaman External Page

  1. Buka Studio On Premise dan pilih menu External Page di sebelah kiri.

    Create External Page
  2. Klik tombol Create External Page untuk membuat halaman baru.

Mengisi Basic Info

  1. Pada tab Basic Info, isikan informasi sesuai kebutuhan pada kolom berikut:

    Create Basic Info
    • Title: Masukkan judul halaman yang ingin dibuat (misalnya "List Pengajuan").
    • Path: Tentukan path URL untuk halaman ini, seperti /list-pengajuan.
  2. Klik tombol Create.

Mengatur Konten dengan Komponen Micro Frontend (MFE)

  1. Klik tab Content untuk menambahkan komponen Micro Frontend.

    Component Micro FrontEnd
  2. Atur Konfigurasi komponen MFE dengan mengisi kolom-kolom berikut:

    Element Configuration External Page
    • Key: Masukkan key unik untuk komponen ini.
    • Url: Tentukan URL yang akan diakses oleh komponen ini (URL untuk data atau form yang ingin ditampilkan).
    • Component Scope: Tentukan scope atau lingkup dari komponen ini.
    • Component Name: Masukkan nama komponen sesuai kebutuhan.
  3. Simpan perubahan dengan klik tombol Save Changes setelah semua konfigurasi selesai.

  4. Klik tombol Create.

Mengatur Setelan Permissions (Jika diperlukan)

Access Permissions

Access Permissions
  • Public Access: Mengaktifkan opsi ini memungkinkan halaman untuk diakses oleh siapa saja tanpa memerlukan autentikasi.
  • View Permissions: Tentukan role yang memiliki akses untuk melihat halaman ini.

Metadata

Metadata
  • Form Type: Tentukan jenis form atau kategori halaman ini, misalnya registration, survey, atau contact.
  • Tags: Tambahkan tag untuk membantu mengategorikan halaman dan memudahkan pencarian.

Setelah mengonfigurasi Permissions dan Metadata, klik tombol Create.

Mengatur Setelan Lainnya

  1. Pada tab Other, Anda bisa mengatur Form Type untuk mengkategorikan halaman ini (misalnya, "registration" atau "survey").
  2. Pastikan untuk mengaktifkan status halaman pada Active Status agar halaman dapat diakses.
Tab Other
  1. Klik tombol Create.

Menyimpan dan Menampilkan External Page

  1. Setelah berhasil dibuat, halaman External Page akan muncul pada daftar External Pages di Studio.
Extenal Page Results Studio

Anda dapat memilih beberapa tombol aksi seperti:

  • View: Untuk melihat tampilan External Page yang telah dibuat.
  • Edit: Untuk mengubah pengaturan atau konten dari External Page.
  • Delete: Untuk menghapus External Page yang dipilih dari daftar.
  1. Halaman tersebut kemudian dapat diakses melalui App On Premise.

Menampilkan Konten atau Formulir Eksternal yang Telah Dibuat di Studio untuk Diakses oleh Pengguna di App

Setelah membuat dan mengonfigurasi External Page di Studio, halaman ini akan dapat diakses melalui App On Premise. Pastikan halaman tersebut telah diaktifkan dan sesuai dengan pengaturan akses yang telah diatur di Studio.

Tampilan External Page

Berikut merupakan tampilan External Page pada App On Premise:

External Page Results App

Tampilan External Page di App memungkinkan pengguna untuk melihat dan berinteraksi dengan formulir atau konten yang telah dikonfigurasi sebelumnya di Studio. Konten ini bisa berupa form untuk input data, daftar informasi, atau tampilan dinamis lainnya, disesuaikan dengan tujuan aplikasi. Pengguna dapat berinteraksi dengan konten yang ditampilkan sesuai dengan kebutuhan dan pengaturan yang telah dilakukan di Studio.