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

# Gambaran visual Komposer Infrastruktur dari AWS Toolkit for Visual Studio Code
<a name="using-composer-ide-visual"></a>

Desainer visual Infrastructure Composer AWS Toolkit for Visual Studio Code termasuk kanvas visual, yang mencakup komponen yang diberi nomor dalam gambar berikut dan tercantum di bawah ini. 

![Desainer visual Infrastructure Composer, termasuk komponen kanvas visualnya yang dirinci secara numerik.](http://docs.aws.amazon.com/id_id/infrastructure-composer/latest/dg/images/aac_use_ide_visual_02.png)


1. **Palet sumber daya** - Menampilkan kartu yang dapat Anda desain dengan.

1. **Kategori kartu** - Kartu diatur berdasarkan kategori yang unik untuk Komposer Infrastruktur.

1. **Bilah pencarian sumber daya** — Cari kartu yang dapat Anda tambahkan ke kanvas.

1. **Daftar** - Menampilkan tampilan pohon dari sumber daya aplikasi Anda.

1. **Sumber Daya** - Menampilkan palet sumber daya.

1. **Toggle panel kiri — Sembunyikan** atau tampilkan panel kiri.

1. **Atur** - Mengatur arsitektur aplikasi Anda di kanvas.

1. **Sync** - Memulai CLI `sam sync` perintah AWS Serverless Application Model (AWS SAM) untuk menyebarkan aplikasi Anda.

1. **Menu** - Menyediakan opsi umum seperti berikut ini:
   + **Ekspor kanvas**
   + **Tur kanvas**
   + Link ke **Dokumentasi**
   + Pintasan keyboard

1. **Panel properti sumber daya** - Menampilkan properti yang relevan untuk kartu yang telah dipilih di kanvas. Panel ini dinamis. Properti yang ditampilkan akan berubah saat Anda mengkonfigurasi kartu Anda.

1. **Kartu** — Menampilkan tampilan kartu Anda di kanvas.

1. **Line** — Merupakan koneksi antar kartu.

1. **Grup** — Sekelompok kartu. Anda dapat mengelompokkan kartu untuk organisasi visual.

1. **Port** — Koneksi menunjuk ke kartu lain.

1. **Tindakan kartu** — Menyediakan tindakan yang dapat Anda ambil pada kartu Anda.
   + **Detail** - Memunculkan panel **properti Resource**.
   + **Grup** — Kelompokkan kartu yang dipilih bersama.
   + **Hapus** — Menghapus kartu dari kanvas dan template Anda.

1. **Re-center** — Pusatkan kembali diagram aplikasi Anda pada kanvas visual.

1. **Zoom** - Zoom in dan out pada kanvas Anda.