Terjemahan disediakan oleh mesin penerjemah. Jika konten terjemahan yang diberikan bertentangan dengan versi bahasa Inggris aslinya, utamakan versi bahasa Inggris.

# Definisi tata letak
<a name="layout-definition"></a>

Memahami struktur dan komponen tata letak Profile explorer.

**Topics**
+ [Cara kerjanya](how-it-works.md)
+ [Widget](widgets.md)

# Cara kerjanya
<a name="how-it-works"></a>

Profile explorer menawarkan berbagai widget untuk menampilkan informasi pelanggan, tata letak disimpan sebagai definisi JSON, mewakili struktur lengkap dan konfigurasi dasbor Anda. Setiap widget dan komponen dalam tata letak visual Anda sesuai dengan blok JSON tertentu dalam definisi ini.

## Komponen inti
<a name="core-components"></a>

Setiap komponen dalam definisi tata letak terdiri dari lima elemen umum:
+ **Jenis**
  + Mendefinisikan kategori komponen
  + Menentukan bagaimana komponen dirender
  + Contoh: BoardItem, Tabel, KeyValuePair
+ **Id**
  + Pengidentifikasi unik untuk setiap komponen
  + Digunakan untuk pelacakan komponen dan pembaruan
  + Dihasilkan secara otomatis saat komponen dibuat di builder
+ **Alat Peraga**
  + Sifat spesifik komponen
  + Mengontrol penampilan dan perilaku
  + Berisi pengaturan konfigurasi
+ **Anak-anak**
  + Komponen atau konten bersarang
  + Mendefinisikan hubungan hierarkis
  + Dapat berisi beberapa sub-komponen
+ **DataSource**
  + Menentukan asal data
  + Mendefinisikan parameter pengambilan data
  + Mengontrol pengikatan data untuk komponen

## Contoh definisi komponen tata letak
<a name="example-layout-component-definition"></a>

Berikut ini adalah contoh struktur JSON untuk komponen tabel dasbor:

```
{
    "Id": "unique-identifier",
    "Type": "BoardItem",
    "Props": {},
    "Children": [
        {
            "Id": "unique-identifier",
            "Type": "Table",
            "Props": {},
            "Children": [
                {
                    "Id": "unique-identifier",
                    "Type": "TextContent",
                    "Props": {},
                    "Children": ["string"]
                }
            ]
        }
    ],
    "DataSource": [
        {
            "Type": "source-type",
            "Params": {}
        }
    ]
}
```

## Konfigurasi data dinamis
<a name="dynamic-data-configuration"></a>

Penjelajah profil menggunakan ekspresi templat untuk mengakses dan menampilkan data Profil Pelanggan secara dinamis di dalam komponen Anda.

### Dukungan nilai tunggal
<a name="single-value-support"></a>

Untuk komponen seperti Pasangan Nilai Kunci dan Metrik Kunci, Anda dapat mengakses:

#### Informasi profil standar
<a name="standard-profile-information"></a>

```
{{Customer.<StandardProfileInfo>}}
```

Contoh penggunaan:
+ `{{Customer.FirstName}}`
+ `{{Customer.LastName}}`
+ `{{Customer.PhoneNumber}}`

#### Atribut yang Dihitung
<a name="calculated-attributes"></a>

```
{{Customer.CalculatedAttributes.<attributeDefinitionName>}}
```

Contoh penggunaan:
+ `{{Customer.CalculatedAttributes._cases_count}}`
+ `{{Customer.CalculatedAttributes._new_customer}}`

### Sintaks dukungan data tabular
<a name="tabular-data-support-syntax"></a>

#### Atribut yang Dihitung
<a name="calculated-attributes-tabular"></a>

```
{{Customer.CalculatedAttributes.DisplayName}}
```

```
{{Customer.CalculatedAttributes.CalculatedAttributeDefinitionName}}
```

#### Segmen
<a name="segments"></a>

```
{{Customer.CalculatedAttributes.DisplayName}}
```

```
{{Customer.CalculatedAttributes.SegmentDefinitionName}}
```

#### Objek profil
<a name="profile-objects"></a>

```
{{Customer.ObjectAttributes.<objectTypeName>.<fieldName>}}
```

**Contoh penggunaan:**
+ `{{Customer.ObjectAttributes.CTR.contactId}}`
+ `{{Customer.ObjectAttributes.Order.orderId}}`

### Contoh implementasi
<a name="implementation-examples"></a>

#### Komponen nilai tunggal
<a name="single-value-component"></a>

```
{
    "Type": "KeyValuePair",
    "Props": {
        "Items": [
            {
                "Label": {
                    "Content": {
                        "Type": "TextContent",
                        "Children": ["Customer Name"]
                    }
                },
                "Value": {
                    "Content": {
                        "Type": "TextContent",
                        "Children": ["{{Customer.FirstName}}"]
                    }
                }
            }
        ]
    }
}
```

#### Komponen tabular
<a name="tabular-component"></a>

```
{
    "Type": "Table",
    "Props": {
        "ColumnDefinitions": [
            {
                "Cell": {
                    "Content": {
                        "Type": "TextContent",
                        "Children": ["{{Customer.ObjectAttributes.CTR.contactId}}"]
                    }
                },
                "Header": "Contact ID"
            }
        ]
    }
}
```

**catatan**  
Pastikan atribut, objek, dan segmen yang Anda referensikan ada dalam konfigurasi Profil Pelanggan Anda sebelum menggunakannya dalam tata letak Anda.

# Widget
<a name="widgets"></a>

Jelajahi berbagai jenis widget yang tersedia di Penjelajah profil.

## Ikhtisar
<a name="widgets-overview"></a>

Widget di Profile explorer adalah elemen komposit yang dibangun dari komponen JSON dalam definisi tata letak Anda. Meskipun widget ini mewakili struktur JSON yang kompleks, pembuat UI kami menangani komposisi teknis secara otomatis, membuat manajemen dasbor mudah dan mudah diakses.

**Topics**
+ [Ikhtisar](#widgets-overview)
+ [Widget yang tersedia](#available-widgets)
+ [Widget default](default-widgets.md)
+ [Widget kustom](custom-widgets.md)

## Widget yang tersedia
<a name="available-widgets"></a>
+ Widget default
  + [Ringkasan AI generatif](default-widgets.md#generative-ai-summary)
  + [Informasi pelanggan](default-widgets.md#customer-information)
  + [Atribut yang dihitung](default-widgets.md#calculated-attribute)
  + [Kontak](default-widgets.md#contacts)
  + [Kasus](default-widgets.md#cases-cp)
  + [Pesanan](default-widgets.md#orders-cp)
  + [Aset](default-widgets.md#assets-cp)
+ Widget kustom
  + [Tabel](custom-widgets.md#table-widget)
  + [Pasangan nilai kunci](custom-widgets.md#key-value-pair)
  + [Metrik kunci](custom-widgets.md#key-metric)
  + [Bagan donat](custom-widgets.md#donut-chart)

# Widget default
<a name="default-widgets"></a>

Profile explorer dilengkapi dengan koleksi widget pra-konfigurasi yang dirancang untuk bekerja secara mulus dengan data Profil Pelanggan. Widget default ini menawarkan nilai langsung dengan pengaturan minimal, memungkinkan Anda membangun dasbor canggih dalam beberapa klik.

![\[Tambahkan widget default di tata letak explorer.\]](http://docs.aws.amazon.com/id_id/connect/latest/adminguide/images/default-widgets-1.png)


## Ready-to-use widget
<a name="ready-to-use-widgets"></a>
+ [Ringkasan AI generatif](#generative-ai-summary)
+ [Informasi pelanggan](#customer-information)
+ [Atribut yang dihitung](#calculated-attribute)
+ [Kontak](#contacts)
+ [Kasus](#cases-cp)
+ [Pesanan](#orders-cp)
+ [Aset](#assets-cp)

**catatan**  
Meskipun widget ini sudah dikonfigurasi sebelumnya, Anda masih dapat menyesuaikannya agar lebih sesuai dengan kebutuhan spesifik Anda. Mereka berfungsi sebagai titik awal untuk memungkinkan orientasi yang mudah.

## Ringkasan AI generatif
<a name="generative-ai-summary"></a>

Profile explorer memberikan wawasan pelanggan yang didukung AI default yang menghasilkan ringkasan singkat yang menyoroti pola perilaku utama, memberikan wawasan pelanggan yang dipersonalisasi berdasarkan riwayat interaksi dan rekomendasi yang dapat ditindaklanjuti permukaan dari data pelanggan 360. Ringkasan yang dihasilkan AI membantu organisasi membuat keputusan berdasarkan data dengan mengidentifikasi pola di beberapa titik kontak pelanggan, memberikan wawasan perilaku yang dipersonalisasi khusus untuk setiap pelanggan dan mendukung peningkatan pengalaman pelanggan dan meningkatkan loyalitas.

![\[Widget ringkasan AI generatif.\]](http://docs.aws.amazon.com/id_id/connect/latest/adminguide/images/generative-ai-summary-1.png)


## Informasi pelanggan
<a name="customer-information"></a>

Widget Informasi Pelanggan memberikan tampilan yang jelas dan terorganisir dari data Profil Pelanggan standar menggunakan komponen pasangan nilai kunci. Widget default ini secara otomatis menampilkan informasi pelanggan penting dalam format yang mudah dipindai.

### Ikhtisar
<a name="customer-information-overview"></a>

Widget ini menggunakan komponen pasangan nilai kunci untuk menampilkan atribut pelanggan dalam tata letak terstruktur.
+ Nama depan
+ Nama belakang
+ Alamat Email
+ Nomor Telepon
+ Alamat
+ Nomor rekening
+ ID Profil

### Data
<a name="customer-information-data"></a>

Widget secara otomatis terhubung ke domain Profil Pelanggan Anda dan menarik informasi dari atribut profil standar. Tidak diperlukan konfigurasi tambahan untuk fungsionalitas dasar.

**Catatan**: Meskipun widget ini sudah dikonfigurasi sebelumnya dengan atribut profil standar, Anda dapat menyesuaikan atribut mana dari Profil standar yang ditampilkan berdasarkan kebutuhan spesifik Anda.

#### Pelajari selengkapnya
<a name="customer-information-learn-more"></a>
+ [Definisi Profil Standar](standard-profile-definition.md)
+ Pasangan nilai kunci

## Atribut yang dihitung
<a name="calculated-attribute"></a>

Widget Atribut Terhitung memungkinkan Anda menampilkan komponen metrik utama yang menggunakan data dari atribut terhitung profil pelanggan Anda.

### Ikhtisar
<a name="calculated-attribute-overview"></a>

Widget Atribut Terhitung memungkinkan Anda menampilkan komponen metrik utama yang menggunakan data dari atribut terhitung profil pelanggan Anda.

### Fitur Komponen
<a name="component-features"></a>
+ Menampilkan metrik yang dihitung sebagai indikator nilai tunggal

### Contoh kasus penggunaan bisa
<a name="example-use-cases"></a>
+ Kampanye disampaikan
+ Kasus dibuka
+ Waktu panggilan rata-rata
+ Preferensi Saluran

### Konfigurasi
<a name="configuration"></a>

Cukup pilih atribut yang dihitung dan pilih format tampilan pilihan Anda

**catatan**  
Atribut yang dihitung harus dikonfigurasi di domain Profil Pelanggan Anda sebelum dapat digunakan di widget ini.

**Pelajari selengkapnya**
+ Metrik kunci
+ [Siapkan atribut yang dihitung](customerprofiles-calculated-attributes-admin-website.md)

## Kontak
<a name="contacts"></a>

Dibangun menggunakan komponen Tabel JSON, widget Kontak menampilkan data objek kontak Profil Pelanggan Anda dalam format tabel yang terorganisir. Widget ini secara otomatis terhubung ke data CTR Profil Pelanggan, menampilkan informasi kontak utama dan riwayat interaksi.

### Fitur
<a name="contacts-features"></a>
+ Lihat semua acara kontak pelanggan
+ Urutkan dan filter catatan kontak
+ Sesuaikan bidang kontak yang ditampilkan
+ Akses informasi kontak terperinci

Untuk informasi selengkapnya tentang objek CTR Profil Pelanggan, lihat [Templat catatan kontak di Amazon Connect Customer Profiles](ctr-contact-record-template.md)

## Kasus
<a name="cases-cp"></a>

Dibangun menggunakan komponen Tabel JSON, widget Kasus menampilkan data objek kasus Profil Pelanggan Anda dalam format tabel yang terorganisir. Widget ini secara otomatis terhubung ke data Kasus Profil Pelanggan, menampilkan interaksi dukungan dan detail manajemen kasus.

### Fitur
<a name="cases-features"></a>
+ Lihat semua kasus pelanggan
+ Urutkan dan filter catatan kasus
+ Sesuaikan bidang kasus yang ditampilkan
+ Akses informasi kasus terperinci

Untuk informasi selengkapnya tentang objek Kasus Profil Pelanggan, lihat[Pemetaan tipe objek untuk kasus standar di Profil Pelanggan](object-type-mapping-standard-case.md).

## Pesanan
<a name="orders-cp"></a>

Dibangun menggunakan komponen Tabel JSON, widget Pesanan menampilkan data objek pesanan Profil Pelanggan Anda dalam format tabel yang terorganisir. Widget ini secara otomatis terhubung ke data Pesanan Profil Pelanggan, menampilkan riwayat pembelian dan detail transaksi.

### Fitur
<a name="orders-features"></a>
+ Lihat semua acara pesanan pelanggan
+ Urutkan dan filter catatan pesanan
+ Sesuaikan bidang pesanan yang ditampilkan
+ Akses informasi pesanan terperinci

Untuk informasi selengkapnya tentang objek Pemesanan Profil Pelanggan, lihat [Pemetaan tipe objek untuk pesanan standar di Amazon Connect Customer Profiles](object-type-mapping-standard-order.md)

## Aset
<a name="assets-cp"></a>

Dibangun menggunakan komponen Tabel JSON, widget Aset menampilkan data objek aset Profil Pelanggan Anda dalam format tabel yang terorganisir. Widget ini secara otomatis terhubung ke data Aset Profil Pelanggan, menampilkan produk dan layanan milik pelanggan.

### Fitur
<a name="assets-features"></a>
+ Lihat semua catatan aset pelanggan
+ Urutkan dan filter data aset
+ Sesuaikan bidang aset yang ditampilkan
+ Akses informasi aset terperinci

Untuk informasi selengkapnya tentang objek Aset Profil Pelanggan, lihat [Pemetaan tipe objek untuk aset standar di Profil Pelanggan](object-type-mapping-standard-asset.md)

# Widget kustom
<a name="custom-widgets"></a>

Buat komponen dasbor yang disesuaikan dari bawah ke atas untuk memenuhi kebutuhan bisnis spesifik Anda. Widget kustom memungkinkan Anda membangun visualisasi unik tanpa data yang telah ditentukan sebelumnya.

![\[Tambahkan widget pelanggan di tata letak Profile explorer.\]](http://docs.aws.amazon.com/id_id/connect/latest/adminguide/images/custom-widgets-1.png)


## Komponen kustom yang tersedia
<a name="available-custom-components"></a>
+ [Tabel](#table-widget)
+ [Pasangan nilai kunci](#key-value-pair)
+ [Metrik kunci](#key-metric)
+ [Bagan donat](#donut-chart)

## Membangun widget kustom
<a name="building-custom-widgets"></a>

**Setiap widget kustom dapat dikonfigurasi dengan:**
+ Sumber data kustom
+ Tampilan kustom
+ Bidang kustom
+ Interaksi item khusus

## Tabel
<a name="table-widget"></a>

Komponen tabel kustom menyediakan opsi konfigurasi fleksibel untuk menampilkan data Anda dalam format tabel, dengan fitur-fitur canggih untuk interaksi dan organisasi.

### Fitur
<a name="table-features"></a>

1. **Konfigurasi kolom**
   + Tentukan header kolom kustom
   + Tentukan data untuk setiap kolom
   + Tetapkan opsi pemformatan data
   + Tentukan penempatan kolom

1. **Penyaringan**
   + Filter item dengan cepat di dalam tabel Anda

1. **Menautkan**
   + Tautan Connect Resource
     + Navigasi mulus ke:
       + Segmen
       + Atribut yang dihitung
     + Buka di tab baru
   + **Tautan URL eksternal**
     + Ubah nilai item baris menjadi URLs yang dapat Anda pilih
     + Buka di tab baru
     + Menghasilkan tautan secara dinamis berdasarkan data baris
   + Tautan tampilan laci
     + Buka informasi rinci di laci samping
     + Lihat detail catatan lengkap tanpa meninggalkan halaman

1. Organisasi data
   + Pengelompokan
     + Kelompokkan baris dengan nama bidang tertentu
     + Pengaturan grup persisten
   + Penyortiran
     + Urutkan berdasarkan bidang kolom apa pun
     + Organisasi urutan naik
     + Pengaturan pengurutan persisten

**Gambar 1**

![\[Contoh pengeditan widget tabel kustom.\]](http://docs.aws.amazon.com/id_id/connect/latest/adminguide/images/table-features-1.png)


**Gambar 2**

![\[Contoh pengeditan widget tabel kustom lainnya.\]](http://docs.aws.amazon.com/id_id/connect/latest/adminguide/images/table-features-2.png)


### Contoh konfigurasi
<a name="table-example-configuration"></a>

```
{
    "Type": "Table",
    "Props": {
        "ColumnDefinitions": [
            {
                "Header": "Table column header"
                "Cell": {
                    "Content": {
                        "Props": {
                            "Variant": "Link",
                            "LinkOptions": {
                                "LinkType": "Drawer"
                            }
                        },
                        "Type": "TextContent",
                        "Children": ["string"]
                    }
                },
            }
        ]
    }
}
```

## Pasangan nilai kunci
<a name="key-value-pair"></a>

Komponen Key Value Pair memungkinkan Anda membuat tampilan terorganisir dari titik data terkait dalam format yang fleksibel dan dapat dibaca.

### Ikhtisar
<a name="key-value-pair-overview"></a>

Buat tampilan data dinamis dengan mendefinisikan hubungan kunci-nilai kustom. Komponen ini sangat berguna untuk menampilkan pasangan atribut seperti:
+ Detail pelanggan
+ Informasi akun

### Fitur
<a name="key-value-pair-features"></a>

1. **Opsi tautan interaktif**
   + Connect link sumber daya
     + Tautkan langsung ke sumber daya terkait
     + Navigasi mulus ke:
       + Atribut yang dihitung
       + Segmen
     + Buka di tab baru
   + Tautan URL Eksternal
     + Ubah nilai item menjadi URLs yang dapat Anda pilih
     + Buka di tab baru
   + Tautan Drawer View
     + Buka informasi rinci di laci samping
     + Lihat detail lengkap tanpa meninggalkan halaman

1. Konfigurasi kolom
   + Tentukan 1-4 kolom pasangan kunci-nilai

1. Atur pasangan dalam pengelompokan logis

**Gambar 1**

![\[Contoh pengeditan widget pasangan nilai kunci khusus.\]](http://docs.aws.amazon.com/id_id/connect/latest/adminguide/images/key-value-pair-features-1.png)


**Gambar 2**

![\[Contoh pengeditan widget pasangan nilai kunci kustom lainnya.\]](http://docs.aws.amazon.com/id_id/connect/latest/adminguide/images/key-value-pair-features-2.png)


### Contoh konfigurasi
<a name="key-value-pair-example-configuration"></a>

```
{
    "Type": "KeyValuePair",
    "Id": "UniqueId",
    "Props": {
        "Columns": 2,
        "Items": [
            {
                "Label": {
                    "Content": {
                        "Type": "TextContent",
                        "Id": "UniqueId",
                        "Props": {
                            "FontWeight": "bold"
                        },
                        "Children": ["Profile id"]
                    }
                },
                "Value": {
                    "Content": {
                        "Type": "TextContent",
                        "Id": "UniqueId",
                        "Props": {},
                        "Children": ["[string]"]
                    }
                }
            }
        ]
    }
}
```

**catatan**  
Komponen ini saat ini tidak mendukung `ProfileObjects` di pembuat UI.

## Metrik kunci
<a name="key-metric"></a>

Komponen Metrik Kunci memungkinkan Anda menampilkan metrik bisnis penting KPIs, dan statistik penting secara mencolok dalam format yang mudah dicerna.

### Ikhtisar
<a name="key-metric-overview"></a>

Buat tampilan metrik visibilitas tinggi yang menyoroti titik data penting, tren, atau indikator status. Komponen ini sangat ideal untuk menampilkan:
+ Indikator kinerja
+ Pengukuran kritis
+ Ringkasan status
+ Indikator tren

### Fitur
<a name="key-metric-features"></a>

1. **Teks tampilan besar**

1. **Format metrik**

1. **Opsi tautan interaktif**
   + Connect link sumber daya
     + Tautkan langsung ke sumber daya terkait
     + Navigasi mulus ke:
       + Atribut yang dihitung
       + Segmen
     + Buka di tab baru
   + Tautan URL eksternal
     + Ubah nilai item menjadi URLs yang dapat Anda pilih
     + Buka di tab baru
   + Tautan tampilan laci
     + Buka informasi rinci di laci samping
     + Lihat detail lengkap tanpa meninggalkan halaman

1. **Mengatur tata letak metrik**

**Gambar 1**

![\[Contoh pengeditan widget metrik kunci khusus.\]](http://docs.aws.amazon.com/id_id/connect/latest/adminguide/images/key-metric-features-1.png)


**Gambar 2**

![\[Contoh pengeditan widget metrik kunci kustom lainnya.\]](http://docs.aws.amazon.com/id_id/connect/latest/adminguide/images/key-metric-features-2.png)


### Contoh konfigurasi
<a name="key-metric-example-configuration"></a>

```
{
    "Type": "KeyMetrics",
    "Props": {
        "MetricDefinitions": [
            {
                "MetricLabel": "Total Revenue",
                "MetricValue": {
                    "Content": {
                        "Type": "TextContent",
                        "Props": {
                            "Format": "USD",
                            "FontSize": "large",
                            "FontWeight": "bold"
                        },
                        "Children": ["[string]"]
                    }
                },
                "Columns": 1
            }
        ]
    }
}
```

**catatan**  
Komponen ini saat ini tidak mendukung `ProfileObjects` di pembuat UI.

## Bagan donat
<a name="donut-chart"></a>

Komponen bagan donat memungkinkan visualisasi penilaian sentimen melalui bagan donat melingkar.

### Ikhtisar
<a name="donut-chart-overview"></a>

Buat visualisasi sentimen dinamis dengan mendefinisikan kriteria penilaian khusus. Komponen ini sangat berguna untuk menunjukkan:
+ Metrik keberhasilan
+ Tingkat pencapaian
+ Penilaian risiko
+ Indikator kinerja

### Fitur
<a name="donut-chart-features"></a>

1. Opsi Analisis Sentimen
   + Sentimen Positif
     + Dimulai dari nol
     + Melacak pencapaian terhadap kriteria:
       + Nilai titik kustom
       + Segmen kode warna
       + Abu-abu untuk kondisi yang tidak terpenuhi
     + Menunjukkan persentase tingkat keberhasilan
   + Sentimen Negatif
     + Mulai dari nilai maksimum
     + Melacak pengurangan:
       + Segmen kode warna
       + Sistem pengurangan titik
       + Hijau untuk nilai yang tersisa
     + Menunjukkan skor akhir

1. Nilai atribut yang dihitung

1. Opsi Operator
   + Sama dengan
   + Tidak Sama Dengan
   + Lebih Besar Dari
   + Kurang dari

1. Kondisi Nilai

1. Poin yang dialokasikan per kondisi

**Gambar 1: Contoh sentimen positif**

![\[Contoh pengeditan widget sentimen positif.\]](http://docs.aws.amazon.com/id_id/connect/latest/adminguide/images/donut-chart-features-1.png)


**Gambar 2: Contoh sentimen negatif**

![\[Contoh pengeditan widget sentimen negatif.\]](http://docs.aws.amazon.com/id_id/connect/latest/adminguide/images/donut-chart-features-2.png)


### Contoh konfigurasi
<a name="donut-chart-example-configuration"></a>

```
{
    "Type": "DonutChart",
    "Props": {
        "Variant": "PositiveSentiment",
        "ConditionDefinitions": [
            {
                "Title": "Customer Satisfaction",
                "Color": "#4CAF50",
                "CalculatedAttribute": "satisfaction_score",
                "Operator": "GREATER_THAN",
                "ValueCondition": 8,
                "Points": 10
            }
        ]
    }
}
```

**catatan**  
**Donat hanya mendukung atribut Dihitung sebagai sumber data saat ini.**
**Semua definisi kondisi harus menyertakan judul, warna, atribut terhitung, operator, kondisi nilai, dan nilai poin.**