Le traduzioni sono generate tramite traduzione automatica. In caso di conflitto tra il contenuto di una traduzione e la versione originale in Inglese, quest'ultima prevarrà.

# Guida introduttiva ad AWS App Studio
<a name="getting-started"></a>

I seguenti tutorial introduttivi ti guidano nella creazione della tua prima applicazione in App Studio.
+ **Consigliato**: per utilizzare l'intelligenza artificiale generativa per descrivere l'app che desideri creare e crearla automaticamente con le relative risorse, consulta. [Tutorial: generare un'app utilizzando l'intelligenza artificiale](getting-started-tutorial-ai.md)
+ Per iniziare a creare da un'app vuota, consulta[Tutorial: inizia a creare da un'app vuota](getting-started-tutorial-empty.md).

# Tutorial: generare un'app utilizzando l'intelligenza artificiale
<a name="getting-started-tutorial-ai"></a>

AWS App Studio contiene funzionalità di intelligenza artificiale generativa in tutto il servizio per velocizzare la creazione di applicazioni. In questo tutorial, imparerai come generare un'app usando l'intelligenza artificiale descrivendola usando il linguaggio naturale. 

Usare l'intelligenza artificiale per generare un'app è un ottimo modo per iniziare a creare, perché molte delle risorse dell'app sono create per te. In genere è molto più semplice iniziare a creare da un'app generata con risorse esistenti piuttosto che iniziare da un'app vuota.

**Nota**  
Puoi visualizzare il post sul blog [Crea applicazioni di livello aziendale con linguaggio naturale usando AWS App Studio (anteprima)](https://aws.amazon.com/blogs/aws/build-custom-business-applications-without-cloud-expertise-using-aws-app-studio-preview) per visualizzare una procedura dettagliata simile che include immagini. Il post del blog contiene anche informazioni sull'impostazione e la configurazione delle risorse relative agli amministratori, ma se lo desideri puoi passare alla parte sulla creazione di applicazioni.

Quando App Studio genera un'app con intelligenza artificiale, crea l'app con le seguenti risorse personalizzate per l'app che hai descritto:
+ **Pagine e componenti**: *i componenti* sono gli elementi costitutivi dell'interfaccia utente dell'applicazione. Rappresentano elementi visivi come tabelle, moduli e pulsanti. Ogni componente ha il proprio set di proprietà ed è possibile personalizzare un componente in base a requisiti specifici. *Le pagine* sono i contenitori per i componenti.
+ **Automazioni: le** *automazioni* vengono utilizzate per definire la logica e i flussi di lavoro che regolano il comportamento dell'applicazione. Ad esempio, puoi utilizzare le automazioni per creare, aggiornare, leggere o eliminare righe in una tabella di dati o per interagire con oggetti in un bucket Amazon S3. Puoi anche usarle per gestire attività come la convalida dei dati, le notifiche o le integrazioni con altri sistemi.
+ **Entità**: i dati sono le informazioni che alimentano l'applicazione. L'app generata crea *entità* simili alle tabelle. Le entità rappresentano i diversi tipi di dati che è necessario archiviare e utilizzare, ad esempio clienti, prodotti o ordini. Puoi connettere questi modelli di dati a una varietà di fonti di dati, inclusi AWS servizi ed esterne APIs, utilizzando i connettori di App Studio.

**Contents**
+ [Prerequisiti](#getting-started-tutorial-ai-prerequisites)
+ [Fase 1: creazione di un'applicazione](#getting-started-tutorial-ai-steps-create-application)
+ [Passaggio 2: esplora la tua nuova applicazione](#getting-started-tutorial-ai-steps-explore)
  + [Esplora pagine e componenti](#getting-started-tutorial-ai-steps-explore-pages)
  + [Esplora le automazioni e le azioni](#getting-started-tutorial-ai-steps-explore-automations)
  + [Esplora i dati con le entità](#getting-started-tutorial-ai-steps-explore-data-entities)
+ [Passaggio 3: Visualizza l'anteprima dell'applicazione](#getting-started-tutorial-ai-steps-preview)
+ [Fasi successive](#getting-started-tutorial-ai-next-steps)

## Prerequisiti
<a name="getting-started-tutorial-ai-prerequisites"></a>

Prima di iniziare, esamina e completa i seguenti prerequisiti:
+ Accesso ad AWS App Studio. Per ulteriori informazioni, consulta [Configurazione e accesso ad AWS App Studio](setting-up.md).
+ Facoltativo: [AWS Concetti di App Studio](concepts.md) consultalo per acquisire familiarità con importanti concetti di App Studio.

## Fase 1: creazione di un'applicazione
<a name="getting-started-tutorial-ai-steps-create-application"></a>

Il primo passaggio per generare un'app consiste nel descrivere l'app che desideri creare all'assistente AI in App Studio. Puoi esaminare l'applicazione che verrà generata e iterare come desideri prima di generarla.

**Per generare la tua app utilizzando l'intelligenza artificiale**

1. Accedi ad App Studio.

1. Nella barra di navigazione a sinistra, scegli **Builder hub** e scegli **\$1** Crea app.

1. Scegli **Genera un'app con** AI.

1. Nel campo **Nome app**, fornisci un nome per la tua app.

1. Nella finestra di dialogo **Seleziona fonti di dati**, scegli **Ignora**.

1. Puoi iniziare a definire l'app che desideri generare descrivendola nella casella di testo o scegliendo **Personalizza** in un prompt di esempio. Dopo aver descritto l'app, App Studio genera i requisiti e i dettagli dell'app da esaminare. Ciò include casi d'uso, flussi di utenti e modelli di dati.

1. Usa la casella di testo per iterare con l'app secondo necessità fino a soddisfare i requisiti e i dettagli.

1. Quando sei pronto per generare l'app e iniziare a creare, scegli **Genera app**.

1. Facoltativamente, puoi visualizzare un breve video che spiega come navigare nella tua nuova app.

1. Scegli **Modifica app** per accedere all'ambiente di sviluppo della tua app.

## Passaggio 2: esplora la tua nuova applicazione
<a name="getting-started-tutorial-ai-steps-explore"></a>

Nell'ambiente di sviluppo, troverai le seguenti risorse:
+ Una tela che puoi usare per visualizzare o modificare la tua applicazione. L'area di disegno cambia a seconda della risorsa selezionata.
+ Schede di navigazione nella parte superiore dell'area di disegno. Le schede sono descritte nell'elenco seguente:
  + **Pagine**: dove utilizzi pagine e componenti per progettare l'interfaccia utente dell'app.
  + **Automazioni**: dove utilizzi le azioni nelle automazioni per definire la logica di business della tua app.
  + **Dati**: dove definisci le entità, i relativi campi, i dati di esempio e le azioni sui dati per definire i modelli di dati della tua app.
  + **Impostazioni dell'app**: dove definisci le impostazioni per la tua app, inclusi i ruoli dell'app, che utilizzi per definire la visibilità delle pagine basata sui ruoli per gli utenti finali.
+ Un menu di navigazione sul lato sinistro, che contiene risorse in base alla scheda che stai visualizzando.
+ **Un menu a destra che elenca le risorse e le proprietà per le risorse selezionate nelle **schede Pagine e Automazioni**.**
+ Una console di debug che mostra avvisi ed errori nella parte inferiore del generatore. Potrebbero esserci degli errori nell'app generata. Ciò è probabilmente dovuto alle automazioni che richiedono un connettore configurato per eseguire azioni, come l'invio di un'e-mail con Amazon Simple Email Service.
+ Una finestra di chat **Ask AI** per ottenere assistenza contestuale dall'assistente AI Builder.

**Diamo un'occhiata più da vicino alle **schede Pages**, **Automations** e Data.**

### Esplora pagine e componenti
<a name="getting-started-tutorial-ai-steps-explore-pages"></a>

La scheda **Pagine** mostra le pagine e i relativi componenti che sono stati generati per te.

Ogni pagina rappresenta una schermata dell'interfaccia utente (UI) dell'applicazione con cui gli utenti interagiranno. In queste pagine, puoi trovare vari componenti (come tabelle, moduli e pulsanti) per creare il layout e la funzionalità desiderati.

Dedica del tempo alla visualizzazione delle pagine e dei relativi componenti utilizzando il menu di navigazione a sinistra. Quando selezioni una pagina o un componente, puoi scegliere **Proprietà** nel menu a destra.

### Esplora le automazioni e le azioni
<a name="getting-started-tutorial-ai-steps-explore-automations"></a>

La scheda **Automazioni** mostra le automazioni e le relative azioni che sono state generate per te.

Le automazioni definiscono la logica aziendale della tua app, come la creazione, la visualizzazione, l'aggiornamento o l'eliminazione di immissioni di dati, l'invio di e-mail o persino l'invocazione di funzioni APIs Lambda.

Prenditi del tempo per visualizzare le automazioni utilizzando il menu di navigazione a sinistra. **Quando scegli un'automazione, puoi visualizzarne le proprietà nel menu Proprietà a destra.** Un'automazione contiene le seguenti risorse:
+ Le automazioni sono costituite da azioni individuali, che sono gli elementi costitutivi della logica di business dell'app. Puoi visualizzare le azioni di un'automazione nel menu di navigazione a sinistra o nell'area di disegno di un'automazione selezionata. **Quando si seleziona un'azione, è possibile visualizzarne le proprietà nel menu Proprietà a destra.**
+ I parametri di automazione sono il modo in cui i dati vengono passati a un'automazione. I parametri fungono da segnaposto che vengono sostituiti con valori effettivi quando viene eseguita l'automazione. Ciò consente di utilizzare la stessa automazione con input diversi ogni volta.
+ L'output dell'automazione è il luogo in cui si configura il risultato di un'automazione. Per impostazione predefinita, un'automazione non ha alcun output, quindi per utilizzare il risultato di un'automazione in componenti o altre automazioni, è necessario definirli qui.

Per ulteriori informazioni, consulta [Concetti di automazione](automations-concepts.md).

### Esplora i dati con le entità
<a name="getting-started-tutorial-ai-steps-explore-data-entities"></a>

La scheda **Dati** mostra le entità che sono state generate per te.

Le entità rappresentano tabelle che contengono i dati dell'applicazione, simili alle tabelle di un database. Invece di connettere l'interfaccia utente (UI) e le automazioni dell'applicazione direttamente alle fonti di dati, si connettono innanzitutto alle entità. Le entità fungono da intermediari tra la fonte di dati effettiva e l'app App Studio. Ciò fornisce un unico posto per gestire e accedere ai dati.

Prenditi del tempo per visualizzare le entità che sono state generate scegliendole dal menu di navigazione a sinistra. Puoi esaminare i seguenti dettagli:
+ La scheda **Configurazione** mostra il nome dell'entità e i relativi campi, che rappresentano le colonne dell'entità.
+ La scheda **Azioni sui dati** mostra le azioni sui dati che sono state generate con l'entità. I componenti e le automazioni possono utilizzare le azioni sui dati per recuperare dati dall'entità.
+ La scheda **Dati** di esempio mostra dati di esempio, che puoi utilizzare per testare l'app nell'ambiente di sviluppo (che non comunica con servizi esterni). Per ulteriori informazioni sugli ambienti, consulta[Ambienti applicativi](applications-publish.md#application-environments).
+ La scheda **Connessione** mostra informazioni sulle fonti di dati esterne a cui l'entità è connessa. App Studio fornisce una soluzione di archiviazione dati gestita che utilizza una tabella DynamoDB. Per ulteriori informazioni, consulta [Entità di dati gestite in AWS App Studio](managed-data-entities.md).

## Passaggio 3: Visualizza l'anteprima dell'applicazione
<a name="getting-started-tutorial-ai-steps-preview"></a>

Puoi vedere in anteprima un'applicazione in App Studio per vedere come appare agli utenti. Puoi anche testarne la funzionalità utilizzandola e controllando i log in un pannello di debug.

L'ambiente di anteprima dell'applicazione non supporta la visualizzazione di dati in tempo reale o la connessione a risorse esterne tramite connettori, come sorgenti di dati. È invece possibile utilizzare dati di esempio e output simulati per testare la funzionalità.

**Per visualizzare in anteprima l'app per il test**

1. **Nell'angolo in alto a destra dell'app builder, scegli Anteprima.**

1. Interagisci con le pagine della tua app.

## Fasi successive
<a name="getting-started-tutorial-ai-next-steps"></a>

Ora che hai creato la tua prima app, ecco alcuni passaggi successivi:
+ Per un'altra guida introduttiva che include immagini, consulta il post del blog [Crea applicazioni di livello aziendale con linguaggio naturale usando AWS App](https://aws.amazon.com/blogs/aws/build-custom-business-applications-without-cloud-expertise-using-aws-app-studio-preview) Studio (anteprima).
+ Le app utilizzano i connettori per inviare e ricevere dati o per comunicare con servizi esterni (sia AWS servizi che servizi di terze parti). È necessario saperne di più sui connettori e su come configurarli per creare app. Tieni presente che devi avere il ruolo di **amministratore** per gestire i connettori. Per ulteriori informazioni, consulta [Connetti App Studio ad altri servizi con connettori](connectors.md).
+ Per ulteriori informazioni sulla visualizzazione in anteprima, la pubblicazione e, infine, la condivisione dell'app con gli utenti finali, consulta[Visualizzazione in anteprima, pubblicazione e condivisione delle applicazioni](applications-preview-publish-share.md).
+ Continua a esplorare e aggiornare l'app che hai generato per un'esperienza pratica.
+ Per ulteriori informazioni sulla creazione di app, consulta il. [Documentazione Builder](builder-documentation.md) In particolare, potrebbe essere utile approfondire i seguenti argomenti:
  + [Informazioni di riferimento relative alle operazioni di automazione](automations-actions-reference.md)
  + [Riferimento ai componenti](components-reference.md)
  + [Interazione con Amazon Simple Storage Service con componenti e automazioni](automations-s3.md)
  + [Considerazioni e mitigazioni sulla sicurezza](security-considerations-and-mitigations.md)

# Tutorial: inizia a creare da un'app vuota
<a name="getting-started-tutorial-empty"></a>

In questo tutorial, creerai un'applicazione interna di Customer Meeting Request utilizzando AWS App Studio. Imparerai a creare app in App Studio, concentrandoti su casi d'uso reali ed esempi pratici. Inoltre, imparerai a definire le strutture di dati, la progettazione dell'interfaccia utente e la distribuzione delle app.

**Nota**  
Questo tutorial spiega come creare un'app da zero, partendo da un'app vuota. In genere, è molto più semplice e veloce utilizzare l'intelligenza artificiale per generare un'app e le relative risorse fornendo una descrizione dell'app che si desidera creare. Per ulteriori informazioni, consulta [Tutorial: generare un'app utilizzando l'intelligenza artificiale](getting-started-tutorial-ai.md).

**La chiave per capire come creare applicazioni con App Studio è comprendere i seguenti quattro concetti fondamentali e come funzionano insieme: **componenti**, **automazioni**, **dati** e connettori.**
+ **Componenti**: i componenti sono gli elementi costitutivi dell'interfaccia utente dell'applicazione. Rappresentano elementi visivi come tabelle, moduli e pulsanti. Ogni componente ha il proprio set di proprietà, che è possibile personalizzare in base alle proprie esigenze specifiche.
+ **Automazioni**: con le automazioni, puoi definire la logica e i flussi di lavoro che regolano il comportamento dell'applicazione. Puoi utilizzare le automazioni per creare, aggiornare, leggere o eliminare righe in una tabella di dati o per interagire con oggetti in un bucket Amazon S3. Puoi anche usarle per gestire attività come la convalida dei dati, le notifiche o le integrazioni con altri sistemi.
+ **Dati**: i dati sono le informazioni che alimentano l'applicazione. In App Studio, puoi definire modelli di dati, chiamati *entità*. Le entità rappresentano i diversi tipi di dati che è necessario archiviare e utilizzare, ad esempio le richieste di riunione dei clienti, gli ordini del giorno o i partecipanti. Puoi connettere questi modelli di dati a una varietà di fonti di dati, tra cui AWS servizi ed esterne APIs, utilizzando i connettori di App Studio.
+ **Connettori**: App Studio fornisce connessioni con un'ampia gamma di fonti di dati, tra cui AWS servizi come Aurora, DynamoDB e Amazon Redshift. Le fonti di dati includono anche servizi di terze parti come Salesforce o molti altri che utilizzano OpenAPI o connettori API generici. Puoi utilizzare i connettori di App Studio per incorporare facilmente nelle tue applicazioni dati e funzionalità di questi servizi e applicazioni esterne di livello aziendale.

Man mano che avanzi nel tutorial, scoprirai come i concetti chiave di componenti, dati e automazione si uniscono per creare l'applicazione interna Customer Meeting Request. 

Di seguito sono riportati passaggi di alto livello che descrivono cosa farai in questo tutorial:

1. **Inizia con i dati**: molte applicazioni iniziano con un modello di dati, quindi questo tutorial inizia anche con i dati. Per creare l'app Customer Meeting Request, inizierai creando un'`MeetingRequests`entità. Questa entità rappresenta la struttura di dati per l'archiviazione di tutte le informazioni pertinenti alla richiesta di riunione, come il nome del cliente, la data della riunione, l'agenda e i partecipanti. Questo modello di dati funge da base per l'applicazione e alimenta i vari componenti e automazioni che creerai.

1. **Crea la tua interfaccia utente (UI)**: dopo aver implementato il modello di dati, il tutorial ti guida nella creazione dell'interfaccia utente (UI). In App Studio, crei l'interfaccia utente aggiungendo *pagine* e *componenti* ad esse. Aggiungerai componenti come *tabelle*, *viste di dettaglio* e *calendari* a una pagina del pannello di controllo per le richieste di riunione. Questi componenti saranno progettati per visualizzare e interagire con i dati archiviati nell'`MeetingRequests`entità. Ciò consente agli utenti di visualizzare, gestire e pianificare le riunioni con i clienti. Creerai anche una pagina per la creazione di una richiesta di riunione. Questa pagina include un componente *Form* per raccogliere dati e un componente *Button* per inviarli.

1. **Aggiungi la logica aziendale con le automazioni**: per migliorare la funzionalità della tua applicazione, configurerai alcuni componenti per consentire le interazioni con gli utenti. Alcuni esempi sono la navigazione verso una pagina o la creazione di un nuovo record di richiesta di riunione nell'`MeetingRequests`entità.

1. **Migliora con la convalida e le espressioni***: per garantire l'integrità e l'accuratezza dei tuoi dati, aggiungerai regole di convalida al componente Form.* Ciò contribuirà a garantire che gli utenti forniscano informazioni complete e valide durante la creazione di nuovi record di richieste di riunione. Inoltre, utilizzerete le espressioni per fare riferimento e manipolare i dati all'interno dell'applicazione in modo da poter visualizzare informazioni dinamiche e contestuali in tutta l'interfaccia utente.

1. **Anteprima e test**: prima di distribuire l'applicazione, avrete la possibilità di visualizzarla in anteprima e testarla a fondo. Ciò ti consentirà di verificare che i componenti, i dati e le automazioni funzionino tutti insieme senza problemi. Ciò offre agli utenti un'esperienza fluida e intuitiva.

1. **Pubblica l'applicazione**: infine, implementerai l'applicazione Customer Meeting Request interna completa e la renderai accessibile ai tuoi utenti. Con la potenza dell'approccio low-code di App Studio, avrai creato un'applicazione personalizzata che soddisfa le esigenze specifiche della tua organizzazione, senza la necessità di una vasta esperienza di programmazione.

**Contents**
+ [Prerequisiti](#getting-started-tutorial-prerequisites)
+ [Fase 1: creazione di un'applicazione](#getting-started-tutorial-steps-create-application)
+ [Passaggio 2: crea un'entità per definire i dati dell'app](#getting-started-tutorial-steps-create-entity)
  + [Crea un'entità gestita](#getting-started-tutorial-steps-create-managed-entity)
  + [Aggiungi campi alla tua entità](#getting-started-tutorial-steps-add-fields)
+ [Fase 3: Progettazione dell'interfaccia utente (UI) e della logica](#getting-started-tutorial-steps-user-interface)
  + [Aggiungi una pagina del pannello di controllo per le richieste di riunione](#getting-started-tutorial-steps-user-interface-create-page)
  + [Aggiungere una pagina per la creazione di una richiesta di riunione](#getting-started-tutorial-steps-user-interface-add-create-customer-page)
+ [Passaggio 4: Visualizza l'anteprima dell'applicazione](#getting-started-tutorial-steps-preview)
+ [Fase 5: Pubblicare l'applicazione nell'ambiente **di test**](#getting-started-tutorial-steps-publish)
+ [Fasi successive](#getting-started-tutorial-next-steps)

## Prerequisiti
<a name="getting-started-tutorial-prerequisites"></a>

Prima di iniziare, esamina e completa i seguenti prerequisiti:
+ Accesso ad AWS App Studio. Per ulteriori informazioni, consulta [Configurazione e accesso ad AWS App Studio](setting-up.md).
+ Facoltativo: [AWS Concetti di App Studio](concepts.md) consultalo per acquisire familiarità con importanti concetti di App Studio.
+ Facoltativo: comprensione dei concetti di base dello sviluppo web, come JavaScript la sintassi.
+ Facoltativo: familiarità con AWS i servizi.

## Fase 1: creazione di un'applicazione
<a name="getting-started-tutorial-steps-create-application"></a>

1. Accedi ad App Studio.

1. Nella barra di navigazione a sinistra, scegli **Builder hub** e scegli **\$1** Crea app.

1. Scegli **Inizia** da zero.

1. Nel campo **Nome app**, fornisci un nome per la tua app, ad esempio**Customer Meeting Requests**.

1. Se ti viene chiesto di selezionare le fonti di dati o un connettore, scegli **Ignora** ai fini di questo tutorial.

1. Scegli **Successivo** per continuare.

1. (Facoltativo): guarda il video tutorial per una rapida panoramica sulla creazione di app in App Studio.

1. Scegli **Modifica app**, che ti porta all'app builder di App Studio.

## Passaggio 2: crea un'entità per definire i dati dell'app
<a name="getting-started-tutorial-steps-create-entity"></a>

Le entità rappresentano tabelle che contengono i dati dell'applicazione, simili alle tabelle di un database. Invece dell'interfaccia utente (UI) dell'applicazione e delle automazioni che si connettono direttamente alle fonti di dati, si connettono innanzitutto alle entità. Le entità fungono da intermediario tra la fonte di dati effettiva e l'app App Studio e forniscono un unico posto per gestire e accedere ai dati.

Esistono quattro modi per creare un'entità. Per questo tutorial, utilizzerai l'entità gestita da App Studio.

### Crea un'entità gestita
<a name="getting-started-tutorial-steps-create-managed-entity"></a>

La creazione di un'entità gestita crea anche una tabella DynamoDB corrispondente gestita da App Studio. Quando vengono apportate modifiche all'entità nell'app App Studio, la tabella DynamoDB viene aggiornata automaticamente. Con questa opzione, non è necessario creare, gestire o connettersi manualmente a una fonte di dati di terze parti o designare la mappatura dai campi delle entità alle colonne della tabella.

Quando si crea un'entità, è necessario definire un campo **chiave primaria**. Una chiave primaria funge da identificatore univoco per ogni record o riga dell'entità. Ciò garantisce che ogni record possa essere facilmente identificato e recuperato senza ambiguità. La chiave primaria è costituita dalle seguenti proprietà:
+ Nome della chiave primaria: un nome per il campo chiave primaria dell'entità.
+ Tipo di dati della chiave primaria: il tipo di campo della chiave primaria. In App Studio, i tipi di chiave primaria supportati sono **String** per il testo e **Float** per un numero. **Una chiave primaria testuale (like*meetingName*) avrebbe un tipo di **String** e una chiave primaria numerica (like*meetingId*) avrebbe un tipo di Float.**

La chiave primaria è un componente cruciale di un'entità perché rafforza l'integrità dei dati, previene la duplicazione dei dati e consente un recupero e un'interrogazione efficienti dei dati.

**Per creare un'entità gestita**

1. Scegli **Dati** dal menu della barra in alto.

1. Scegli **\$1 Crea entità**.

1. Scegli **Crea entità gestita da App Studio**.

1. Nel campo **Nome dell'entità**, fornisci un nome per la tua entità. Per questo tutorial, digita **MeetingRequests**.

1. Nel campo **Chiave primaria**, inserisci l'etichetta del nome della chiave primaria da assegnare alla colonna della chiave primaria dell'entità. Per questo tutorial, digita **requestID**.

1. Per il **tipo di dati della chiave primaria**, scegli **Float**.

1. Scegliere **Create entity** (Crea entità).

### Aggiungi campi alla tua entità
<a name="getting-started-tutorial-steps-add-fields"></a>

Per ogni campo, specificherai il **nome visualizzato**, ovvero l'etichetta visibile agli utenti dell'app. Il nome visualizzato può contenere spazi e caratteri speciali, ma deve essere univoco all'interno dell'entità. Il nome visualizzato funge da etichetta intuitiva per il campo e aiuta gli utenti a identificarne e comprenderne facilmente lo scopo.

Successivamente, fornirai il **nome del sistema**, un identificatore univoco utilizzato internamente dall'applicazione per fare riferimento al campo. Il nome del sistema deve essere conciso, senza spazi o caratteri speciali. Il nome del sistema consente all'applicazione di apportare modifiche ai dati del campo. Funge da punto di riferimento unico per il campo all'interno dell'applicazione.

Infine, selezionerai il **tipo di dati che meglio rappresenta il tipo** di dati che desideri archiviare nel campo, ad esempio String (text), Boolean (true/false), Date, Decimal, Float, Integer o. DateTime La definizione del tipo di dati appropriato garantisce l'integrità dei dati e consente la corretta gestione ed elaborazione dei valori del campo. Ad esempio, se memorizzi i nomi dei clienti nella richiesta di riunione, dovresti selezionare il tipo di `String` dati per contenere i valori di testo.

**Per aggiungere campi alla tua `MeetingRequests` entità**
+ Scegli **\$1 Aggiungi campo** per aggiungere i seguenti quattro campi:

  1. Aggiungi un campo che rappresenta il nome di un cliente con le seguenti informazioni:
     + **Nome visualizzato**: **Customer name**
     + **Nome del sistema**: **customerName**
     + **Tipo di dati**: **String**

  1. Aggiungi un campo che rappresenta la data della riunione con le seguenti informazioni:
     + **Nome visualizzato**: **Meeting date**
     + **Nome del sistema**: **meetingDate**
     + **Tipo di dati**: **DateTime**

  1. Aggiungi un campo che rappresenta l'ordine del giorno della riunione con le seguenti informazioni:
     + **Nome visualizzato**: **Agenda**
     + **Nome del sistema**: **agenda**
     + **Tipo di dati**: **String**

  1. Aggiungi un campo per rappresentare i partecipanti alla riunione con le seguenti informazioni:
     + **Nome visualizzato:** **Attendees**
     + **Nome del sistema**: **attendees**
     + **Tipo di dati**: **String**

Puoi aggiungere dati di esempio alla tua entità che puoi utilizzare per testare e visualizzare in anteprima l'applicazione prima di pubblicarla. Aggiungendo fino a 500 righe di dati fittizi, è possibile simulare scenari reali ed esaminare come l'applicazione gestisce e visualizza vari tipi di dati, senza fare affidamento su dati reali o connettersi a servizi esterni. Ciò consente di identificare e risolvere eventuali problemi o incongruenze nelle prime fasi del processo di sviluppo. Ciò garantisce che l'applicazione funzioni come previsto quando si tratta di dati effettivi.

**Per aggiungere dati di esempio alla tua entità**

1. Scegli la scheda **Dati di esempio** nel banner.

1. Scegli **Genera altri dati di esempio**.

1. Scegli **Save** (Salva).

Facoltativamente, scegli **Connessione** nel banner per esaminare i dettagli sul connettore e sulla tabella DynamoDB creata per te.

## Fase 3: Progettazione dell'interfaccia utente (UI) e della logica
<a name="getting-started-tutorial-steps-user-interface"></a>

### Aggiungi una pagina del pannello di controllo per le richieste di riunione
<a name="getting-started-tutorial-steps-user-interface-create-page"></a>

In App Studio, ogni pagina rappresenta una schermata dell'interfaccia utente (UI) dell'applicazione con cui gli utenti interagiranno. All'interno di queste pagine, puoi aggiungere vari componenti come tabelle, moduli e pulsanti per creare il layout e la funzionalità desiderati. 

Le applicazioni appena create hanno una pagina predefinita, quindi dovrete rinominarla invece di aggiungerne una nuova da utilizzare come semplice pagina del pannello di controllo per le richieste di riunione.

**Per rinominare la pagina predefinita**

1. Nel menu di navigazione della barra superiore, scegli **Pagine**.

1. **Nel pannello a sinistra, fai doppio clic su **Pagina1**, rinominala in e premi Invio. **MeetingRequestsDashboard****

Ora, aggiungi un componente di tabella alla pagina che verrà utilizzato per visualizzare le convocazioni di riunione.

**Per aggiungere un componente di tabella alla pagina del pannello di controllo delle richieste di riunione**

1. Nel pannello **Componenti** a destra, individuate il componente **Tabella** e trascinatelo sull'area di disegno.

1. Scegliete la tabella nell'area di disegno per selezionarla.

1. Nel pannello **Proprietà** a destra, aggiorna le seguenti impostazioni:

   1. Scegliete l'icona a forma di matita con cui rinominare la tabella. **meetingRequestsTable**

   1. **Nel menu a discesa **Sorgente**, scegli Entità.**

   1. Nel menu a discesa **Azioni dati**, scegli l'entità che hai creato (**MeetingRequests**) e scegli **\$1 Aggiungi azioni sui dati**. 

1. **Se richiesto, scegli GetAll.**
**Nota**  
L'azione **GetAll** data è un tipo specifico di azione sui dati che recupera tutti i record (righe) da un'entità specificata. Quando si associa l'azione GetAll data a un componente della tabella, ad esempio, la tabella viene compilata automaticamente con tutti i dati dell'entità connessa e visualizza ogni record come una riga della tabella.

### Aggiungere una pagina per la creazione di una richiesta di riunione
<a name="getting-started-tutorial-steps-user-interface-add-create-customer-page"></a>

Quindi, crea una pagina che contenga un modulo che gli utenti finali utilizzeranno per creare le convocazioni di riunione. Aggiungerai anche un pulsante di invio che crea il record nell'`MeetingRequests`entità e quindi riporta l'utente finale alla `MeetingRequestsDashboard` pagina.

**Per aggiungere una pagina di creazione di una richiesta di riunione**

1. Nel banner superiore, scegli **Pagine**.

1. Nel pannello a sinistra, scegli **\$1** Aggiungi.

1. Nel pannello delle proprietà a destra, seleziona l'icona a forma di matita e rinomina la pagina in. **CreateMeetingRequest**

Ora che la pagina è stata aggiunta, aggiungerai un modulo alla pagina che gli utenti finali utilizzeranno per inserire informazioni per creare una richiesta di riunione nell'`MeetingRequests`entità. App Studio offre un metodo per generare un modulo da un'entità esistente, che compila automaticamente i campi del modulo in base ai campi dell'entità e genera anche un pulsante di invio per creare un record nell'entità con gli input del modulo.

**Per generare automaticamente un modulo da un'entità nella pagina di creazione della richiesta di riunione**

1. Nel menu **Componenti** a destra, trova il componente **Form** e trascinalo sull'area di disegno.

1. Seleziona **Genera modulo**.

1. Dal menu a discesa, seleziona l'`MeetingRequests`entità.

1. Scegliere **Generate (Genera)**.

1. Scegli il pulsante **Invia** sull'area di disegno per selezionarla.

1. Nel pannello delle proprietà a destra, nella sezione **Trigger**, scegli **\$1** Aggiungi.

1. **Scegli Naviga.**

1. Nel pannello delle proprietà a destra, modifica il **nome dell'azione** in qualcosa di descrittivo, ad esempio. **Navigate to MeetingRequestsDashboard**

1. Cambia il **tipo di navigazione** in pagina. Nel menu **a discesa Vai a**, scegli**MeetingRequestsDashboard**.

Ora che abbiamo una pagina e un modulo per la creazione delle richieste di riunione, vogliamo semplificare la navigazione a questa pagina dalla `MeetingRequestsDashboard` pagina, in modo che gli utenti finali che esaminano la dashboard possano creare facilmente le convocazioni di riunione. Utilizza la procedura seguente per creare un pulsante nella `MeetingRequestsDashboard` pagina che consente di accedere alla `CreateMeetingRequest` pagina.

**Per aggiungere un pulsante da cui passare a `MeetingRequestsDashboard` `CreateMeetingRequest`**

1. Nel banner superiore, scegli **Pagine**.

1. Scegli la `MeetingRequestsDashboard` pagina. 

1. Nel pannello **Componenti** a destra, individuate il componente **Button**, trascinatelo sull'area di disegno e posizionatelo sopra la tabella.

1. Scegliete il pulsante appena aggiunto per selezionarlo.

1. Nel pannello **Proprietà** a destra, aggiorna le seguenti impostazioni:

   1. Seleziona l'icona a forma di matita per rinominare il pulsante. **createMeetingRequestButton**

   1. **Etichetta del pulsante**:**Create Meeting Request**. Questo è il nome che vedranno gli utenti finali.

   1. Nel menu a discesa **Icone**, seleziona **\$1 Plus**.

   1. Crea un trigger che indirizza l'utente finale alla pagina: `MeetingRequestsDashboard`

      1. Nella sezione **Trigger**, scegli **\$1** Aggiungi.

      1. In **Tipo di azione**, seleziona **Naviga**.

      1. Scegli il trigger che hai appena creato per configurarlo.

      1. In **Nome azione**, fornisci un nome descrittivo come**NavigateToCreateMeetingRequest**.

      1. **Nel menu a discesa **Tipo di navigazione**, seleziona Pagina.**

      1. Nel menu **a discesa Vai a**, seleziona la `CreateMeetingRequest` pagina. 

## Passaggio 4: Visualizza l'anteprima dell'applicazione
<a name="getting-started-tutorial-steps-preview"></a>

Puoi vedere in anteprima un'applicazione in App Studio per vedere come apparirà agli utenti. Inoltre, puoi testarne la funzionalità utilizzandola e controllando i log in un pannello di debug.

L'ambiente di anteprima dell'applicazione non supporta la visualizzazione di dati in tempo reale. Inoltre, non supporta la connessione con risorse esterne tramite connettori, ad esempio fonti di dati. Puoi invece utilizzare dati di esempio e output simulati per testare la funzionalità.

**Per visualizzare in anteprima l'app per il test**

1. **Nell'angolo in alto a destra dell'app builder, scegli Anteprima.**

1. Interagisci con la `MeetingRequestsDashboard` pagina e prova la tabella, il modulo e i pulsanti. 

## Fase 5: Pubblicare l'applicazione nell'ambiente **di test**
<a name="getting-started-tutorial-steps-publish"></a>

Ora che hai finito di creare, configurare e testare l'applicazione, è il momento di pubblicarla nell'ambiente di **test** per eseguire i test finali e condividerla con gli utenti.

**Per pubblicare la tua app nell'ambiente di test**

1. **Nell'angolo in alto a destra dell'app builder, scegli Pubblica.**

1. Aggiungi una descrizione della versione per l'ambiente di test.

1. Controlla e seleziona la casella di controllo relativa allo SLA. 

1. Scegli **Avvia**. La pubblicazione potrebbe richiedere fino a 15 minuti.

1. (Facoltativo) Quando sei pronto, puoi concedere l'accesso ad altri utenti scegliendo **Condividi** e seguendo le istruzioni.
**Nota**  
Per condividere app, un amministratore deve aver creato gruppi di utenti finali. 

Dopo il test, scegli nuovamente **Pubblica** per promuovere l'applicazione nell'ambiente di produzione. Per ulteriori informazioni sui diversi ambienti applicativi, consulta[Ambienti applicativi](applications-publish.md#application-environments).

## Fasi successive
<a name="getting-started-tutorial-next-steps"></a>

Ora che hai creato la tua prima app, ecco alcuni passaggi successivi:

1. Continua a creare l'app tutorial. Ora che hai configurato i dati, alcune pagine e un'automazione, puoi aggiungere altre pagine e aggiungere componenti per saperne di più sulla creazione di app.

1. Per ulteriori informazioni sulla creazione di app, consulta la[Documentazione Builder](builder-documentation.md). In particolare, potrebbe essere utile approfondire i seguenti argomenti:
   + [Informazioni di riferimento relative alle operazioni di automazione](automations-actions-reference.md)
   + [Riferimento ai componenti](components-reference.md)
   + [Interazione con Amazon Simple Storage Service con componenti e automazioni](automations-s3.md)
   + [Considerazioni e mitigazioni sulla sicurezza](security-considerations-and-mitigations.md)

   Inoltre, i seguenti argomenti contengono ulteriori informazioni sui concetti discussi nel tutorial:
   + [Visualizzazione in anteprima, pubblicazione e condivisione delle applicazioni](applications-preview-publish-share.md)
   + [Creazione di un'entità in un'app App Studio](data-entities-create.md)