> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Desain portal ruang kerja

> Pelajari cara mendesain dan mengelola portal ruang kerja YiDA — dari langkah pembuatan, pengeditan, hingga integrasi komponen DingTalk Docs, Tugas, dan Project untuk manajemen ruang kerja terpusat.

> Dalam rilis abu-abu

Setelah membuat ruang kerja, ikuti langkah-langkah dalam dokumen ini untuk mendesain halaman beranda portal ruang.

## 1. Desain portal ruang

| **Fitur**                       | **Edisi Luang** | **Edisi Basic** | **Edisi Professional** | **Edisi Dedicated** | **Dedicated - OA Enhancement Pack** |
| ------------------------------- | --------------- | --------------- | ---------------------- | ------------------- | ----------------------------------- |
| **Multi-portal**                | Tidak didukung  | Tidak didukung  | Tidak didukung         | Tidak didukung      | Didukung                            |
| **Kustomisasi navigasi mobile** | Tidak didukung  | Tidak didukung  | Tidak didukung         | Tidak didukung      | Didukung                            |

### 1.1 Ikhtisar

Desain portal ruang memungkinkan Anda menyesuaikan portal ruang dengan kebutuhan bisnis. Satu ruang dapat menampung beberapa portal, misalnya portal kantor, portal informasi perusahaan, atau portal pembangunan Partai, untuk melayani skenario bisnis yang berbeda. Navigasi ruang mendukung konfigurasi kustom, dan tema setiap portal dapat diatur mengikuti tema ruang atau menggunakan tema sendiri.

## 2. Langkah-langkah

### 2.1 Buat portal

<Steps>
  <Step title="Langkah 1">
    Masuk ke [YiDA workbench](https://www.yidaapps.com/workPlatform) sebagai admin aplikasi.
  </Step>

  <Step title="Langkah 2">
    Klik tombol **manajemen platform** di sudut kanan atas untuk membuka halaman manajemen platform.
  </Step>

  <Step title="Langkah 3">
    Pada menu navigasi kiri, pilih **Kustomisasi eksklusif platform** > **Manajemen ruang**, pilih ruang yang ingin diedit, lalu klik **Edit**.
  </Step>

  <Step title="Langkah 4">
    Klik **Pengaturan portal ruang** > **Buat portal**.
  </Step>
</Steps>

#### Buat portal dari templat

* Pada halaman Buat portal, pilih **Buat dari templat** atau **Buat halaman kosong**.

* Pilih portal templat lalu desain tata letak portal ruang pada halaman.

<Note>
  Komponen portal Ruang Kerja pada dasarnya sama dengan komponen portal yang dapat disiarkan. Untuk detailnya, lihat [Komponen portal](/id/yida/portal/qqtor4i974oshuet).
</Note>

* Setelah selesai mengedit, klik **Simpan** di sudut kanan atas.

#### Buat portal kosong

* Klik **Buat halaman kosong** untuk langsung menuju halaman pengeditan portal kosong baru, seperti ditunjukkan di bawah ini:

### 2.2 Edit portal

1. Buka editor ruang, pilih **Pengaturan portal ruang**, pilih sebuah portal ruang, lalu klik **Edit**.

### 2.3 Manajemen portal

1. Halaman Pengaturan portal ruang mengelola beberapa portal. Daftar menampilkan: Portal, Cakupan tampilan, Waktu modifikasi terakhir dan pengguna beserta tindakannya, Status portal, dan Tindakan.
2. Klik nama portal untuk membuka halaman tampilannya.
3. Klik **Edit** untuk membuka halaman pengeditan portal.
4. Klik **Salin** untuk menduplikasi portal.
5. Klik **Hapus** untuk menghapus portal setelah konfirmasi sekunder.
6. Klik **Pengaturan izin** untuk membuka halaman pengaturan izin.

## 3. Referensi komponen portal

<Note>
  Komponen portal Ruang Kerja pada dasarnya sama dengan komponen portal yang dapat disiarkan. Untuk detailnya, lihat [Komponen portal](/id/yida/portal/qqtor4i974oshuet). Perbedaannya diuraikan di bawah ini.
</Note>

| **Fitur / Edisi**       | **Edisi Luang** | **Edisi Basic** | **Edisi Professional** | **Edisi Dedicated** | **Dedicated - OA Enhancement Pack** |
| ----------------------- | --------------- | --------------- | ---------------------- | ------------------- | ----------------------------------- |
| **Tabs**                | Tidak didukung  | Tidak didukung  | Tidak didukung         | Tidak didukung      | Didukung                            |
| **Pengumuman DingTalk** | Tidak didukung  | Tidak didukung  | Tidak didukung         | Tidak didukung      | Didukung                            |
| **Aplikasi DingTalk**   | Tidak didukung  | Tidak didukung  | Tidak didukung         | Tidak didukung      | Didukung                            |
| **DingTalk Tugas**      | Tidak didukung  | Tidak didukung  | Tidak didukung         | Tidak didukung      | Didukung                            |
| **DingTalk Docs**       | Tidak didukung  | Tidak didukung  | Tidak didukung         | Tidak didukung      | Didukung                            |
| **DingTalk Project**    | Tidak didukung  | Tidak didukung  | Tidak didukung         | Tidak didukung      | Didukung                            |

### 3.1 Portal ruang mendukung komponen Tabs

Portal ruang mendukung komponen Tabs sehingga pengguna dapat beralih dengan cepat antar modul.

Seret komponen ke halaman lalu konfigurasikan properti dasarnya.

<table>
  <tr>
    <td>**Pratinjau**</td>
    <td>**Properti**</td>
    <td>**Deskripsi**</td>
  </tr>

  <tr>
    <td rowSpan={12} />

    <td>Ukuran</td>
    <td>Kecil atau Sedang. Default: Sedang.</td>
  </tr>

  <tr>
    <td>Perilaku overflow</td>
    <td>Dua mode tampilan: gulir atau dropdown.</td>
  </tr>

  <tr>
    <td>Konten</td>
    <td>Entri tab. Maksimal 20 tab.</td>
  </tr>

  <tr>
    <td>Padding</td>
    <td>Padding dapat dikonfigurasi.</td>
  </tr>

  <tr>
    <td>Border</td>
    <td>Border dapat dikonfigurasi.</td>
  </tr>

  <tr>
    <td>Bayangan</td>
    <td>Bayangan dapat dikonfigurasi.</td>
  </tr>

  <tr>
    <td rowSpan={6}>Perangkat tampilan</td>
    <td rowSpan={6}>Pilih kedua platform atau hanya PC.</td>
  </tr>

  <tr />

  <tr />

  <tr />

  <tr />

  <tr />
</table>

### 3.2 Portal ruang mendukung komponen DingTalk Docs

Dengan mengintegrasikan DingTalk Docs ke dalam portal ruang YiDA, organisasi Anda dapat memusatkan manajemen dokumen. Semua dokumen terkait proyek dan proses dapat dikelola serta diakses di satu platform, mengurangi beban peralihan antar platform.

#### 1) Instal komponen portal ruang x DingTalk Docs

1. Buka Pusat Plugin YiDA.
2. Pilih plugin **Portal ruang x DingTalk Docs**.

<Steps>
  <Step title="Klik Instal plugin di sisi kanan" />

  <Step title="Setelah instalasi, kelola plugin di halaman workbench DingTalk > manajemen platform">
    <Note>
      Untuk detailnya, lihat Manajemen plugin.
    </Note>
  </Step>
</Steps>

#### 2) Gunakan komponen portal ruang x DingTalk Docs

<table>
  <tr>
    <td>**Pratinjau**</td>
    <td>**Properti**</td>
    <td>**Deskripsi**</td>
  </tr>

  <tr>
    <td rowSpan={11} />

    <td>Tampilkan judul</td>
    <td>Menentukan konektor antar breadcrumb. Default: "/".</td>
  </tr>

  <tr>
    <td>Teks judul</td>
    <td>Maksimal 100 karakter.</td>
  </tr>

  <tr>
    <td>Petunjuk bantuan</td>
    <td>Teks bantuan yang muncul di sebelah ikon ❓ saat diatur.</td>
  </tr>

  <tr>
    <td>Lihat lainnya</td>
    <td>Menampilkan tombol Lainnya yang membuka URL tertentu saat diklik.</td>
  </tr>

  <tr>
    <td>Tambah dokumen</td>
    <td>Klik untuk membuka daftar DingTalk Docs dan pilih sebuah dokumen.</td>
  </tr>

  <tr>
    <td rowSpan={6}>Perangkat tampilan</td>
    <td rowSpan={6}>Perangkat tampilan: kedua platform atau hanya PC.</td>
  </tr>

  <tr />

  <tr />

  <tr />

  <tr />

  <tr />
</table>

### 3.3 Portal ruang mendukung komponen DingTalk Project

Dengan mengintegrasikan DingTalk Project ke dalam portal ruang YiDA, data proyek—seperti status tugas, milestone, dan catatan issue—tersinkronisasi ke portal YiDA secara real time, sehingga tim proyek selalu memiliki pembaruan terkini.

<table>
  <tr>
    <td>**Pratinjau**</td>
    <td>**Properti**</td>
    <td>**Deskripsi**</td>
  </tr>

  <tr>
    <td rowSpan={10} />

    <td>ID Unik</td>
    <td>Dibuat otomatis oleh sistem.</td>
  </tr>

  <tr>
    <td>Tampilkan judul</td>
    <td>Default: **DingTalk Project**.</td>
  </tr>

  <tr>
    <td>Petunjuk bantuan</td>
    <td>Teks bantuan yang muncul di sebelah ikon ❓ saat diatur.</td>
  </tr>

  <tr>
    <td>Lihat lainnya</td>
    <td>Menampilkan tombol Lainnya yang membuka URL tertentu saat diklik.</td>
  </tr>

  <tr>
    <td rowSpan={6}>Perangkat tampilan</td>
    <td rowSpan={6}>Perangkat tampilan: kedua platform atau hanya PC.</td>
  </tr>

  <tr />

  <tr />

  <tr />

  <tr />

  <tr />
</table>

### 3.4 Portal ruang mendukung integrasi pengumuman DingTalk

Sumber data dinamis komponen pengumuman portal Ruang Kerja mendukung pengumuman DingTalk. Pada halaman **desain portal** ruang YiDA, pilih komponen **Pengumuman**, lalu pada panel **Atribut** di sebelah kanan atur **Sumber data** ke sumber data dinamis dan atur **Sumber konten** ke **Pengumuman DingTalk**.

<table>
  <tr>
    <td>**Pratinjau pengumuman**</td>
    <td colSpan={2}>**Langkah konfigurasi**</td>
  </tr>

  <tr>
    <td />

    <td colSpan={2}>1. Pada panel properti, pilih Konten pengumuman > Data dinamis.<br />2. Atur Sumber konten ke Pengumuman DingTalk.<br />3. Pilih beberapa kategori pengumuman. Hanya kategori yang Anda miliki izinnya yang tersedia.</td>
  </tr>
</table>

### 3.5 Portal ruang mendukung integrasi aplikasi DingTalk

Ruang Kerja memungkinkan Anda menambahkan aplikasi DingTalk (baik aplikasi internal maupun aplikasi perusahaan pihak ketiga) yang telah dipublikasikan ke workbench DingTalk. Anda dapat memilih aplikasi DingTalk pada sumber data statis dari komponen seperti carousel, daftar artikel, pengumuman, dan entri cepat.

**Bagian berikut menjelaskan setiap komponen:**

#### 1) Komponen carousel

Untuk properti dasar lainnya, lihat [dokumen ini](/id/yida/portal/xbn4iv7pclumwhep).

<table>
  <tr>
    <td>**Pratinjau carousel**</td>
    <td colSpan={2}>**Langkah konfigurasi**</td>
  </tr>

  <tr>
    <td />

    <td colSpan={2}>1. Pada panel properti, pilih Konten carousel > Data statis > Edit.<br />2. Untuk Tipe tautan, pilih Pilih aplikasi.<br />3. Klik Pilih aplikasi.<br />4. Dialog aplikasi menampilkan aplikasi YiDA dan aplikasi DingTalk yang Anda miliki izinnya.</td>
  </tr>
</table>

#### 2) Daftar artikel

Untuk properti dasar lainnya, lihat [dokumen ini](/id/yida/portal/bd77lg07oxxuuhcg).

<table>
  <tr>
    <td>**Pratinjau daftar artikel**</td>
    <td colSpan={2}>**Langkah konfigurasi**</td>
  </tr>

  <tr>
    <td />

    <td colSpan={2}>1. Pada panel properti, pilih Konten artikel > Data statis > Edit.<br />2. Untuk Tipe tautan, pilih Pilih aplikasi.<br />3. Klik Pilih aplikasi.<br />4. Dialog aplikasi menampilkan aplikasi YiDA dan aplikasi DingTalk yang Anda miliki izinnya.</td>
  </tr>
</table>

#### 3) Pengumuman

Untuk properti dasar lainnya, lihat [dokumen ini](/id/yida/portal/ik3610wn0kc5twhv).

<table>
  <tr>
    <td>**Pratinjau pengumuman**</td>
    <td colSpan={2}>**Langkah konfigurasi**</td>
  </tr>

  <tr>
    <td />

    <td colSpan={2}>1. Pada panel properti, pilih Konten pengumuman > Data statis > Edit.<br />2. Untuk Tipe tautan, pilih Pilih aplikasi.<br />3. Klik Pilih aplikasi.<br />4. Dialog aplikasi menampilkan aplikasi YiDA dan aplikasi DingTalk yang Anda miliki izinnya.</td>
  </tr>
</table>

#### 4) Entri cepat

Untuk properti dasar lainnya, lihat [dokumen ini](/id/yida/portal/kb5a0gh7oq93ffgl).

<table>
  <tr>
    <td>**Pratinjau entri cepat**</td>
    <td colSpan={2}>**Langkah konfigurasi**</td>
  </tr>

  <tr>
    <td />

    <td colSpan={2}>1. Pada panel properti, pilih Entri cepat > Edit.<br />2. Untuk Tipe tautan, pilih Pilih aplikasi.<br />3. Klik Pilih aplikasi.<br />4. Dialog aplikasi menampilkan aplikasi YiDA dan aplikasi DingTalk yang Anda miliki izinnya.</td>
  </tr>
</table>

### 3.6 Portal ruang mendukung integrasi DingTalk Tugas

Anda dapat mengintegrasikan DingTalk Tugas ke dalam portal ruang YiDA melalui dua komponen: Metrik Tugas dan Daftar Tugas.

**Daftar Tugas** adalah alat untuk mengelola dan melacak tugas atau entri yang tertunda. Alat ini disajikan sebagai daftar centang tugas untuk membantu pengguna mengorganisasi pekerjaan mereka secara efisien.

**Metrik Tugas** adalah alat statistik dan visualisasi untuk status entri pada Daftar Tugas. Alat ini memberikan pandangan berbasis data mengenai progres tugas secara keseluruhan, mendorong penyelesaian yang berorientasi pada tujuan.

#### 1) Daftar Tugas

<table>
  <tr>
    <td>**Pratinjau**</td>
    <td>**Properti**</td>
    <td>**Deskripsi**</td>
  </tr>

  <tr>
    <td rowSpan={5} />

    <td>**Pustaka gaya**</td>
    <td>**Beralih antar gaya daftar.**</td>
  </tr>

  <tr>
    <td>**Bilah judul**</td>
    <td>**Aktif secara default. Dapat dinonaktifkan.**<br />**Saat aktif, konfigurasikan teks judul, petunjuk bantuan, dan Lihat lainnya.**</td>
  </tr>

  <tr>
    <td>**YiDA Tugas**</td>
    <td>**Atur konten Tugas ke YiDA Tugas. Hanya data tugas alur kerja dari YiDA yang disertakan.**<br /><ul><li>**Tipe daftar Tugas:** "Menunggu tindakan saya", "Dibuat oleh saya", "Diproses oleh saya", "CC kepada saya".</li></ul></td>
  </tr>

  <tr>
    <td>**DingTalk Tugas**</td>
    <td>**Atur konten Tugas ke DingTalk Tugas.**<br /><ul><li>**Kategori Tugas: Pilih satu atau beberapa kategori Tugas.**</li></ul><br />Opsi kategori Tugas cocok dengan kategori tingkat atas di DingTalk Tugas untuk organisasi, seperti ditunjukkan di bawah ini:<br /><ul><li>**Tipe daftar Tugas:** "Menunggu tindakan saya", "Dibuat oleh saya", "Diproses oleh saya", "Diikuti oleh saya".</li><li>**Klik Lainnya**: membuka DingTalk Pusat Tugas.</li><li>**Klik tugas tertentu** untuk membuka DingTalk Pusat Tugas dan langsung menuju tugas tersebut.</li></ul></td>
  </tr>

  <tr>
    <td>**Perangkat tampilan**</td>
    <td>**Perangkat tampilan: kedua platform atau hanya PC.**</td>
  </tr>
</table>

#### 2) Metrik Tugas

<table>
  <tr>
    <td>**Pratinjau**</td>
    <td>**Properti**</td>
    <td>**Deskripsi**</td>
  </tr>

  <tr>
    <td rowSpan={5} />

    <td>**Pustaka gaya**</td>
    <td>Biru secara default. Beralih ke gaya lain sesuai kebutuhan.</td>
  </tr>

  <tr>
    <td>**Tampilkan judul**</td>
    <td>Aktif secara default. Dapat dinonaktifkan.<br />Saat aktif, konfigurasikan teks judul, petunjuk bantuan, dan Lihat lainnya.</td>
  </tr>

  <tr>
    <td>**YiDA Tugas**</td>
    <td>Atur **konten Tugas** ke YiDA Tugas. Statistik hanya menyertakan data tugas alur kerja dari YiDA.<br /><ul><li>**Tipe daftar Tugas:** "Menunggu tindakan saya", "Dibuat oleh saya", "Diproses oleh saya", "CC kepada saya".</li></ul></td>
  </tr>

  <tr>
    <td>**DingTalk Tugas**</td>
    <td>Atur **konten Tugas** ke DingTalk Tugas.<br /><ul><li>**Kategori Tugas: Pilih satu atau beberapa kategori Tugas.**</li><li>**Metrik Tugas**: metrik menjadi "Menunggu tindakan saya", "Dibuat oleh saya", "Diproses oleh saya", "Diikuti oleh saya".</li><li>**Klik sebuah metrik**: membuka DingTalk Pusat Tugas.</li></ul><br /><ul /></td>
  </tr>

  <tr>
    <td>**Perangkat tampilan**</td>
    <td>**Perangkat tampilan: kedua platform atau hanya PC.**</td>
  </tr>
</table>