View a markdown version of this page

Buat aplikasi ringkasan teks AI dengan Amazon Bedrock - AWS Studio Aplikasi
PrasyaratLangkah 1: Buat dan konfigurasikan peran IAM dan konektor App StudioLangkah 2: Buat aplikasiLangkah 3: Buat dan konfigurasikan otomatisasiLangkah 4: Buat halaman dan komponenLangkah 5: Publikasikan aplikasi ke Pengujian lingkungan(Opsional) Bersihkan

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

Buat aplikasi ringkasan teks AI dengan Amazon Bedrock

Dalam tutorial ini, Anda akan membangun aplikasi di App Studio yang menggunakan Amazon Bedrock untuk memberikan ringkasan singkat masukan teks dari pengguna akhir. Aplikasi ini berisi antarmuka pengguna sederhana di mana pengguna dapat memasukkan teks apa pun yang ingin diringkas. Ini bisa berupa catatan rapat, konten artikel, temuan penelitian, atau informasi tekstual lainnya. Setelah pengguna memasukkan teks, mereka dapat menekan tombol untuk mengirim teks ke Amazon Bedrock, yang akan memprosesnya menggunakan model Claude 3 Sonnet dan mengembalikan versi ringkasan.

Prasyarat

Sebelum memulai, tinjau dan lengkapi prasyarat berikut:

Langkah 1: Buat dan konfigurasikan peran IAM dan konektor App Studio

Untuk menyediakan akses App Studio ke model Amazon Bedrock, Anda harus:

  1. Aktifkan model Amazon Bedrock yang ingin Anda gunakan di aplikasi Anda. Untuk tutorial ini, Anda akan menggunakan Claude 3 Sonnet, jadi pastikan Anda mengaktifkan model itu.

  2. Buat peran IAM dengan izin yang sesuai untuk Amazon Bedrock.

  3. Buat konektor App Studio dengan peran IAM yang akan digunakan di aplikasi Anda.

Buka Hubungkan ke Amazon Bedrock untuk petunjuk terperinci, dan kembali ke tutorial ini setelah Anda mengikuti langkah-langkah dan membuat konektor.

Langkah 2: Buat aplikasi

Gunakan prosedur berikut untuk membuat aplikasi kosong di App Studio yang akan Anda bangun ke dalam aplikasi ringkasan teks.

  1. Masuk ke App Studio.

  2. Arahkan ke hub pembangun dan pilih + Buat aplikasi.

  3. Pilih Mulai dari awal.

  4. Di bidang Nama aplikasi, berikan nama untuk aplikasi Anda, sepertiText Summarizer.

  5. Jika Anda diminta untuk memilih sumber data atau konektor, pilih Lewati untuk tujuan tutorial ini.

  6. Pilih Berikutnya untuk melanjutkan.

  7. (Opsional): Tonton video tutorial untuk gambaran singkat tentang membuat aplikasi di App Studio.

  8. Pilih Edit aplikasi, yang akan membawa Anda ke studio aplikasi.

Langkah 3: Buat dan konfigurasikan otomatisasi

Anda menentukan logika dan perilaku aplikasi App Studio dalam otomatisasi. Otomatisasi terdiri dari langkah-langkah individual yang dikenal sebagai tindakan, parameter yang digunakan untuk meneruskan data ke tindakan dari sumber daya lain, dan output yang dapat digunakan oleh otomatisasi atau komponen lain. Pada langkah ini, Anda akan membuat otomatisasi yang menangani interaksi dengan Amazon Bedrock dengan yang berikut:

  • Input: Parameter untuk meneruskan input teks dari pengguna ke otomatisasi.

  • Tindakan: Satu tindakan GenAI Prompt yang mengirimkan input teks ke Amazon Bedrock dan mengembalikan ringkasan teks keluaran.

  • Output: Output otomatisasi yang terdiri dari ringkasan yang diproses dari Amazon Bedrock, yang dapat digunakan di aplikasi Anda.

Untuk membuat dan mengonfigurasi otomatisasi yang mengirimkan prompt ke Amazon Bedrock dan memproses serta mengembalikan ringkasan

  1. Pilih tab Otomasi di bagian atas kanvas.

  2. Pilih + Tambahkan otomatisasi.

  3. Di panel sebelah kanan, pilih Proper ties.

  4. Perbarui nama otomatisasi dengan memilih ikon pensil. Masukkan InvokeBedrock dan tekan Enter.

  5. Tambahkan parameter ke otomatisasi yang akan digunakan untuk meneruskan input prompt teks dari pengguna ke otomatisasi untuk digunakan dalam permintaan ke Amazon Bedrock dengan melakukan langkah-langkah berikut:

    1. Di kanvas, di kotak parameter, pilih + Tambah.

    2. Di Nama, masukkan input.

    3. Di Deskripsi, masukkan deskripsi apa pun, sepertiText to be sent to Amazon Bedrock.

    4. Di Jenis, pilih String.

    5. Pilih Tambah untuk membuat parameter.

  6. Tambahkan tindakan GenAI Prompt dengan melakukan langkah-langkah berikut:

    1. Di panel sebelah kanan, pilih Tindakan.

    2. Pilih GenAI Prompt untuk menambahkan tindakan.

  7. Konfigurasikan tindakan dengan melakukan langkah-langkah berikut:

    1. Pilih tindakan dari kanvas untuk membuka menu Proper ties sebelah kanan.

    2. Ganti nama tindakan menjadi PromptBedrock dengan memilih ikon pensil, memasukkan nama, dan menekan enter.

    3. Di Konektor, pilih konektor yang dibuat diLangkah 1: Buat dan konfigurasikan peran IAM dan konektor App Studio.

    4. Di Model, pilih model Amazon Bedrock yang ingin Anda gunakan untuk memproses prompt. Dalam tutorial ini, Anda akan memilih Claude 3.5 Sonnet.

    5. Di Prompt pengguna, masukkan{{params.input}}. Ini mewakili input parameter yang Anda buat sebelumnya, dan akan berisi input teks oleh pengguna aplikasi Anda.

    6. Di System prompt, masukkan instruksi prompt sistem yang ingin Anda kirim ke Amazon Bedrock. Untuk tutorial ini, masukkan yang berikut ini:

      You are a highly efficient text summarizer. Provide a concise summary of the prompted text, capturing the key points and main ideas.

    7. Pilih Setelan permintaan untuk memperluasnya, dan perbarui bidang berikut:

      • Di Suhu, masukkan0. Tempearture menentukan keacakan atau kreativitas output pada skala 0 hingga 10. Semakin tinggi angkanya, semakin kreatif responsnya.

      • Di Max Tokens, masukkan 4096 untuk membatasi panjang respons.

  8. Output dari otomatisasi ini akan menjadi teks yang diringkas, namun, secara default otomatisasi tidak membuat output. Konfigurasikan otomatisasi untuk membuat output otomatisasi dengan melakukan langkah-langkah berikut:

    1. Di navigasi sebelah kiri, pilih InvokeBedrock otomatisasi.

    2. Di menu Proper ties sebelah kanan, di Output, pilih + Tambah.

    3. Di Output, masukkan{{results.PromptBedrock.text}}. Ekspresi ini mengembalikan isi processResults tindakan.

Langkah 4: Buat halaman dan komponen

Di App Studio, setiap halaman mewakili layar antarmuka pengguna (UI) aplikasi Anda yang akan berinteraksi dengan pengguna Anda. Dalam halaman-halaman ini, Anda dapat menambahkan berbagai komponen seperti tabel, formulir, tombol, dan lainnya untuk membuat tata letak dan fungsionalitas yang diinginkan.

Ganti nama halaman default

Aplikasi ringkasan teks dalam tutorial ini hanya akan berisi satu halaman. Aplikasi yang baru dibuat datang dengan halaman default, jadi Anda akan mengganti nama yang itu alih-alih menambahkannya.

Untuk mengganti nama halaman default

  1. Di menu navigasi bilah atas, pilih Halaman.

  2. Di panel sisi kiri, pilih Page1 dan pilih panel Proper ties di panel sisi kanan.

  3. Pilih ikon pensil, masukkanTextSummarizationTool, dan tekan Enter.

  4. Di label Navigasi masukkanTextSummarizationTool.

Tambahkan komponen ke halaman

Untuk tutorial ini, aplikasi ringkasan teks memiliki satu halaman yang berisi komponen berikut:

  • Komponen input teks yang digunakan pengguna akhir untuk memasukkan prompt yang akan diringkas.

  • Komponen Button yang digunakan untuk mengirim prompt ke Amazon Bedrock.

  • Komponen area Teks yang menampilkan ringkasan dari Amazon Bedrock.

Tambahkan komponen input Teks ke halaman yang akan digunakan pengguna untuk memasukkan prompt teks untuk diringkas.

Untuk menambahkan komponen input teks

  1. Di panel Komponen sebelah kanan, cari komponen input Teks dan seret ke kanvas.

  2. Pilih input teks di kanvas untuk memilihnya.

  3. Di panel Proper ties sisi kanan, perbarui pengaturan berikut:

    1. Pilih ikon pensil untuk mengganti nama input teks menjadiinputPrompt.

    2. Di Label, masukkanPrompt.

    3. Di Placeholder, masukkan. Enter text to be summarized

Sekarang, tambahkan komponen Button yang akan dipilih pengguna untuk mengirim prompt ke Amazon Bedrock.

Untuk menambahkan komponen tombol

  1. Di panel Komponen sebelah kanan, cari komponen Button dan seret ke kanvas.

  2. Pilih tombol di kanvas untuk memilihnya.

  3. Di panel Proper ties sisi kanan, perbarui pengaturan berikut:

    1. Pilih ikon pensil untuk mengganti nama tombol menjadisendButton.

    2. Di Label Tom bol, masukkanSend.

Sekarang, tambahkan komponen area Teks yang akan menampilkan ringkasan yang dikembalikan oleh Amazon Bedrock.

Untuk menambahkan komponen area teks

  1. Di panel Komponen sebelah kanan, cari komponen area Teks dan seret ke kanvas.

  2. Pilih area teks di kanvas untuk memilihnya.

  3. Di panel Proper ties sisi kanan, perbarui pengaturan berikut:

    1. Pilih ikon pensil untuk mengganti nama tombol menjaditextSummary.

    2. Di Label, masukkanSummary.

Konfigurasikan komponen halaman

Sekarang aplikasi berisi halaman dengan komponen, langkah selanjutnya adalah mengonfigurasi komponen untuk melakukan perilaku yang sesuai. Untuk mengonfigurasi komponen, seperti tombol, untuk mengambil tindakan saat berinteraksi dengannya, Anda harus menambahkan pem icu ke dalamnya. Untuk aplikasi dalam tutorial ini, Anda akan menambahkan dua pemicu ke sendButton tombol untuk melakukan hal berikut:

  • Pemicu pertama mengirimkan teks dalam textPrompt komponen ke Amazon Bedrock untuk dianalisis.

  • Pemicu kedua menampilkan ringkasan yang dikembalikan dari Amazon Bedrock di textSummary komponen.

Untuk menambahkan pemicu yang mengirimkan prompt ke Amazon Bedrock

  1. Pilih tombol di kanvas untuk memilihnya.

  2. Di panel Proper ties sisi kanan, di bagian Pem icu, pilih + Tambah.

  3. Pilih Memang gil Otomatisasi.

  4. Pilih InvokeAutomation 1 pem icu yang dibuat untuk mengkonfigurasinya.

  5. Di Nama Tind akan, masukkaninvokeBedrockAutomation.

  6. Di Invoke Automation, pilih InvokeBedrock otomatisasi yang dibuat sebelumnya.

  7. Di kotak parameter, dalam parameter input yang dibuat sebelumnya, masukkan{{ui.inputPrompt.value}}, yang melewati konten dalam komponen input inputPrompt teks.

  8. Pilih panah kiri di bagian atas panel untuk kembali ke menu properti komponen.

Sekarang, Anda telah mengonfigurasi pemicu yang memanggil otomatisasi untuk mengirim permintaan ke Amazon Bedrock ketika tombol diklik, langkah selanjutnya adalah mengonfigurasi pemicu kedua yang menampilkan hasil di komponen. textSummary

Untuk menambahkan pemicu yang menampilkan hasil Amazon Bedrock di komponen area teks

  1. Di panel Properties sisi kanan tombol, di bagian Pem icu, pilih + Tambah.

  2. Pilih J alankan tindakan komponen.

  3. Pilih pem icu Runcomponentaction1 yang dibuat untuk mengkonfigurasinya.

  4. Di Nama Tind akan, masukkansetTextSummary.

  5. Di Komponen, pilih komponen TextSummary.

  6. Dalam Action, pilih Set value.

  7. Di Setel nilai ke, masukkan{{results.invokeBedrockAutomation}}.

Langkah 5: Publikasikan aplikasi ke Pengujian lingkungan

Biasanya, saat Anda membuat aplikasi, sebaiknya pratinjau aplikasi untuk melihat tampilannya dan melakukan pengujian awal pada fungsinya. Namun, karena aplikasi tidak berinteraksi dengan layanan eksternal di lingkungan pratinjau, Anda akan menerbitkan aplikasi ke lingkungan Pengujian untuk dapat menguji permintaan pengiriman dan menerima tanggapan dari Amazon Bedrock.

Untuk menerbitkan aplikasi Anda ke lingkungan Pengujian

  1. Di sudut kanan atas pembuat aplikasi, pilih Publi kasikan.

  2. Tambahkan deskripsi versi untuk lingkungan Pengujian.

  3. Tinjau dan pilih kotak centang terkait SLA.

  4. Pilih Mulai. Penerbitan dapat memakan waktu hingga 15 menit.

  5. (Opsional) Saat Anda siap, Anda dapat memberikan akses kepada orang lain dengan memilih Bagikan dan mengikuti petunjuknya. Untuk informasi selengkapnya tentang berbagi aplikasi App Studio, lihatBerbagi aplikasi yang diterbitkan.

Setelah menguji aplikasi Anda, pilih Publ ish lagi untuk mempromosikan aplikasi ke lingkungan Produksi. Perhatikan bahwa aplikasi di lingkungan Produksi tidak tersedia untuk pengguna akhir hingga aplikasi tersebut dibagikan. Untuk informasi selengkapnya tentang lingkungan aplikasi yang berbeda, lihatLingkungan aplikasi.

(Opsional) Bersihkan

Anda sekarang telah berhasil menyelesaikan tutorial dan membuat aplikasi ringkasan teks di App Studio dengan Amazon Bedrock. Anda dapat terus menggunakan aplikasi Anda, atau Anda dapat membersihkan sumber daya yang dibuat dalam tutorial ini. Daftar berikut berisi daftar sumber daya yang akan dibersihkan: