Annunciata la general availability delle funzioni geospaziali in Power Apps

Dall’annuncio dell’anteprima pubblica nell’aprile del 2020, le funzionalità geospaziali hanno aiutato migliaia di sviluppatori di Power Apps a elevare le loro app con il componente di inserimento di mappe e indirizzi. Microsoft è entusiasta di annunciarne la general availability, che include sia l”inserimento degli indirizzi” che il componente “mappa interattiva”.

Le caratteristiche geospaziali consentono ai creatori di introdurre capacità basate sulla posizione nelle loro app, per visualizzare e aggiornare i dati geospaziali utilizzando strumenti con cui hanno già familiarità. I componenti geospaziali, alimentati dai servizi Azure Maps, possono ora essere aggiunti con la facilità del drag-and-drop e con un basso sviluppo di codice.

Inserimento degli indirizzi

L’inserimento degli indirizzi è uno scenario aziendale comune utilizzato per l’inserimento di moduli o la ricerca di indirizzi. Anche se comune, questo processo può essere frustrante e soggetto a errori, specialmente su mobile. Grazie a questo controllo l’inserimento è ora più facile che mai. Il componente di inserimento dell’indirizzo suggerisce dinamicamente diverse potenziali corrispondenze mentre si digita e completa automaticamente l’indirizzo quando viene selezionata un’opzione, il che crea un’esperienza di inserimento più semplice e veloce.

Il controllo di inserimento dell’indirizzo restituisce anche l’indirizzo come dati strutturati, permettendo alla vostra applicazione di estrarre informazioni come la città, la via, il comune e anche la latitudine e la longitudine.

Come funziona il controllo dell’inserimento dell’indirizzo?

1. Vai su Power Apps e crea una nuova app

2. Inserisci il controllo Address Input nell’app

  • Sotto la scheda “Insert” > “Input” dropdown, seleziona “Address Input”.

3. Il controllo è ora pronto all’uso!

  • Opzionale: Nel pannello delle proprietà, puoi personalizzare il numero di risultati di ricerca e il raggio di ricerca in base alla latitudine e longitudine inserite.
  • Per adattare i risultati della ricerca alla posizione attuale dell’utente, aggiungi “Location.Latitude” e “Location.Longitude” rispettivamente nelle proprietà Latitude e Longitude. Il controllo darà quindi la priorità ai risultati di ricerca che sono più vicini alla posizione attuale dell’utente.

Mappa Interattiva

Un’esperienza di mappatura dinamica gioca un ruolo importante nell’avere un’efficace visualizzazione e interpretazione dei dati di localizzazione. Con il componente “mappa interattiva”, i creatori possono ora visualizzare i dati sulla posizione in Power Apps in pochi click.

Per aggiungere i pin sulla mappa, gli sviluppatori possono legare un set di dati di indirizzi o coppie latitudine/longitudine per tracciare ogni posizione. Le icone e i colori dei pin possono anche essere personalizzati dinamicamente in base ai dati dell’utente, fornendo un altro livello di differenziazione. I creatori di app possono anche aggiungere schede informative, permettendo agli utenti di vedere ulteriori informazioni su ogni particolare pin. Il componente della mappa fornisce anche funzionalità di base come lo zoom in o out, i pin cluster, l’applicazione della posizione corrente, le viste della mappa inclinata, le viste stradali e le viste satellitari.

Come funziona la mappa interattiva?

1. Vai a Power Apps e crea una nuova app

2. Inserisci il componente mappa nell’app

  • Sotto la scheda “Insert” > dropdown “Media”, seleziona “Map”.

3. La mappa è ora pronta all’uso!

Il componente mappa permette ai creatori di aggiungere pin sulla mappa, personalizzarli, usarli insieme all’input dell’indirizzo, e altre capacità di base di mappatura.

Puoi saperne di più sull’inserimento degli indirizzi e sul componente mappa qui.

Le informazioni presenti in questo post, sono prese dall’articolo: https://powerapps.microsoft.com/nl-nl/blog/announcing-the-general-availability-of-geospatial-features-in-power-apps/?_lrsc=b6f2a952-c4ee-4dbb-a29a-481d64c2f614

Come acquisire una firma in Power Apps e salvarla su SharePoint

Power Apps è uno strumento eccellente per creare app in cui un cliente può rivedere le informazioni su un tablet e fornire la propria firma con una penna. L’aggiunta dell’input penna a una app è abbastanza semplice, ma renderla eccezionale e ottenere l’immagine della firma archiviata in SharePoint è complicato. In questo articolo mostreremo come acquisire una firma utilizzando l’input penna personalizzato e salvare l’immagine in SharePoint.

App “Contratti di vendita”

L’ app “Contratti di vendita” viene utilizzata dai venditori di un’azienda per acquisire la firma elettronica del cliente su un contratto. Dopo che il cliente lo ha firmato su un tablet con una stilo, la firma viene caricata in SharePoint insieme alla data e ad altri dettagli del contratto.

Inizia aprendo Power Apps Studio e creando una nuova app. Crea una barra del titolo come mostrato nell’immagine qui sotto. Quindi inserisci un’etichetta con uno sfondo bianco per mostrare il testo del contratto di vendita.

Acquisizione di una firma con l’input penna

Quando il cliente è pronto a firmare il contratto, sullo schermo dovrebbe apparire un grande input penna per acquisire la sua firma. Power Apps ha disponibile questa feature, ma non è molto elegante. Qui mostreremo come crearne una più bello.

Inizia inserendo un’etichetta chiamata lbl_Signature_Clickshield che copre l’intero schermo. Il suo scopo è disabilitare altri comandi cliccabili quando è visualizzato l’input penna. Imposta la proprietà Fill dell’etichetta su un colore grigio trasparente con questo codice.

RGBA(149, 149, 149, 0.4)

L’etichetta sarà simile a questa:

Quindi, posiziona un’etichetta grande, bianca, a forma di rettangolo chiamata lbl_Signature_Base sopra lbl_Signature_Clickshield. Rendilo abbastanza grande da contenere il comando dell’input penna dove il cliente firmerà e lascia lo spazio aggiuntivo per i pulsanti di accettazione/rifiuto per chiudere il pop-up.

Inserisci un’etichetta nera con un’altezza di 2 pixel chiamata lbl_Signature_Line sul rettangolo bianco che funga da linea della firma.

Ora posiziona l’input penna direttamente sopra il rettangolo bianco per acquisire la firma del cliente. Assegnagli un nome: pen_Signature_Customer.

L’input penna nasconde gli altri comandi, quindi devi renderlo trasparente aggiornando le seguenti proprietà:

BorderThickness: 0

Fill: Transparent

ShowControls: false

Rendendo trasparente il riempimento dell’input penna e nascondendone i bordi e i comandi, ora è possibile scrivere sulla linea nera continua.

Pulsanti Accetta e Rifiuta

Una volta che il cliente farà una firma all’interno del campo, di seguito dovrà cliccare su un pulsante per accettare l’accordo o su un altro per rifiutare. Quando ciò accadrà, l’area di input della penna scomparirà e la firma verrà visualizzata sotto il contratto insieme alla data corrente.

Posiziona un’icona Check sulla zona in basso a destra dell’input penna e un’etichetta con la parola “Accetta”. Quindi creare un’icona Cancel e un’etichetta con la parola “Rifiuta” e posizionarla a sinistra del pulsante Accetta come mostrato nell’immagine sottostante:

Scrivi questo codice nella proprietà OnSelect dell’icona Check e dell’etichetta Accetta per nascondere l’area della firma una volta cliccata:

Set(varShowSignature, false)

Anche il codice proprietà OnSelect dell’icona Cancell e l’etichetta Rifiuta faranno la stessa cosa, oltre a cancellare qualsiasi firma fatta dal cliente:

Set(varShowSignature, false);

Reset(pen_Signature_Customer);

Per far funzionare i pulsanti mostra/nascondi scrivi questo codice nella proprietà Visible di tutti i comandi che compongono l’area della firma, inclusi Accetta e Rifiuta:

varShowSignature

Aggiunta di campi firma e data

La firma del cliente dovrebbe apparire in fondo al contratto. Inserisci due nuove etichette: un piccolo rettangolo bianco per mostrare la firma e un altro posizionato sopra di essa con la dicitura “Firma del cliente”.

Quindi posiziona un comando Image direttamente sopra il piccolo rettangolo bianco con questo codice e queste proprietà:

Image: pen_Signature_Customer.Image

ImagePosition: ImagePosition.Fill

OnSelect: Set(varShowSignature, true)

Se hai creato una firma di prova prima di nascondere l’input penna, ora apparirà nella casella…

… e quando cliccherai sull’immagine della firma del cliente, si aprirà il menu a comparsa per acquisire una firma.

Per mostrare la data in cui è stata catturata la firma, posiziona un altro piccolo rettangolo bianco accanto alla firma con questo codice e un’etichetta con il titolo “Data”.

Today()

Il risultato sarà questo:

Creazione di un flusso per salvare la firma in SharePoint

Dopo aver raccolto la firma del cliente, il venditore farà click sul pulsante Invia e invierà i dati del contratto di vendita a SharePoint, inclusa l’immagine della firma. Per far fronte a questo bisogna aprire un nuovo SharePoint, creare un elenco e una nuova raccolta documenti.

Crea un nuovo SharePoint denominato Contratti di vendita con le seguenti colonne:

  • DocumentText (testo su più righe)
  • SignatureImageLink (testo a riga singola)
  • Firma Data (solo data)

Quindi crea una raccolta documenti denominata Firme del contratto. Non sono richiesti campi aggiuntivi qui oltre a quelli predefiniti.

Poiché non è possibile salvare una firma in SharePoint utilizzando la funzione PATCH, è necessario creare un flusso per farlo. Apri Power Automate e crea un nuovo flusso chiamato Contratti di vendita – Salva una firma.

Aggiungi un’azione di SharePoint denominata Crea file per archiviare il file della firma del cliente. Imposta il percorso della cartella nella libreria dei documenti delle firme dei contratti appena creata. Usa un filename “signature_” e utcNow () per assicurarti che sia univoco. Quindi aggiungi “Ask In Power Apps” al campo del contenuto del file.

Ecco la parte difficile. Elimina “Ask in Power Apps” dal campo File Content e sostituiscilo con questa espressione (dove Createfile_FileContent è l’output di “Ask In Power Apps”). Il suo scopo è riconvertire un’immagine rappresentata come stringa di testo in Base64 in un file. Se vuoi sapere perché è necessario, guarda questo video su Youtube dell’esperto di Power Apps Shane Young.

base64ToBinary(triggerBody()[‘Createfile_FileContent’])

Il passaggio di creazione del file ora sarà simile a questo:

Successivamente, aggiungi l’azione Ottieni proprietà file per ottenere maggiori dettagli sul file appena creato.

L’ultima azione nel flusso sarà creare un articolo nell’elenco di SharePoint dei contratti di vendita. SignatureImageLink verrà popolato con “Link to Item”, SignatureDate a utcNow () e ContractText dovrebbero avere “Ask in Power Apps”.

Salva il flusso e torna in Power Apps.

Invio della firma a SharePoint da Power Apps

Il passaggio finale consiste nel creare un pulsante Invia per caricare la firma del contratto e altri dettagli su SharePoint quando si fa clic. Inserisci un nuovo pulsante sullo schermo con il testo “Invia”.

Mentre è selezionato sul pulsante Invia, vai al menu principale di Power Apps, fai clic su Azione, quindi fai clic su Power Automate. Seleziona il flusso Contratto di vendita – Salva una firma per aggiungerlo alla app.

Aggiungi questo codice alla proprietà OnSelect del pulsante Invia per convertire l’immagine della firma in testo Base64 e passare tutti i parametri richiesti nel flusso:

// convert image to binary

Set(varJSON,

    With(

        {wJSON: JSON(img_Signature.Image,JSONFormat.IncludeBinaryData)},

        With(

            {wCommaPosition: Find(“,”,wJSON)},

            Mid(wJSON, wCommaPosition+1, Len(wJSON)-wCommaPosition-1)

        )

    )

);

// run flow

‘SalesContracts-SaveASignature’.Run(varJSON, lbl_SalesContract.Text)

Fai clic sul pulsante di invio per eseguire il flusso e salvare i dettagli della firma e del contratto in SharePoint.

Visualizzazione dell’immagine della firma in Power Apps

Come suggerimento finale, mostreremo come visualizzare l’immagine della firma nella tua app dopo che è stata salvata in SharePoint. A tale scopo, posiziona un comando Image sullo schermo e utilizza questo codice nella proprietà Image in cui l’ID corrisponde al contratto per il quale si desidera mostrare la firma.

LookUp(‘Sales Contracts’, ID=1, SignatureImageLink)

La firma apparirà nella tua app in questo modo.


Le informazioni presenti in questo post, sono prese dall’articolo: https://matthewdevaney.com/capture-a-signature-with-power-apps-pen-input-and-save-to-sharepoint/

Come semplificare le app reattive con i nuovi containers layout

Microsoft è entusiasta di annunciare la preview dei controlli del layout del container orizzontale e verticale. Questi aiuteranno automaticamente il riflusso e il ridimensionamento dei controlli al loro interno per consentire un layout facile e non reattivo alle espressioni nelle applicazioni canvas. Sono disponibili nelle esperienze di creazione della linea principale e di Teams.

Per iniziare seleziona “Inserisci” nella barra laterale, sotto la categoria Layout inserisci i controlli nella canvas. Anche il controllo del contenitore con posizionamento manuale è in preview. Per consentire alla tua app di essere reattiva, vai su File> Impostazioni> Dimensioni e orientamento dello schermo e disattiva l’impostazione Adatta in scala. Le precedenti espressioni reattive continueranno a svolgere un ruolo complementare nella creazione di app reattive. Per maggiori dettagli, fai riferimento alla documentazione sulle app reattive .

Microsoft ha anche introdotto tre nuovi modelli di schermo predefiniti con questi contenitori reattivi, tra cui intestazione, piè di pagina, layout del contenuto principale, schermo diviso e layout della barra laterale.

Inoltre, una nuova funzionalità dell’anteprima di creazione ora consente di utilizzare “Dimensioni finestra” per ridimensionare l’app prima della pubblicazione per visualizzare il comportamento di ridimensionamento.


Le informazioni presenti in questo post, sono prese dall’articolo: https://tinyurl.com/yykwm256

Mobile offline per Power Apps

Come parte della versione 2020 Wave 2, Microsoft ha reso disponibili, agli utenti di Power Apps, funzionalità offline per le app basate su modello. I creatori e gli amministratori possono ora configurare le app in modo che siano disponibili offline sul dispositivo di un utente e che questo possa continuare a completare le sue attività sulla cache locale del telefono anche con connettività di rete intermittente o assente. Quando la rete viene ristabilita, le modifiche vengono sincronizzate senza problemi nel cloud. Le funzionalità e i miglioramenti seguenti sono disponibili sulla Power Platform e sono quindi applicabili sia agli utenti di Power Apps che alle app Dynamics 365.

Allora, come inizia un maker?

Bisogna eseguire questi quattro passaggi principali:

1. Abilitare per l’offline le entità utilizzate dalla tua app. La maggior parte delle entità standard sono già configurate per l’offline, ma ti consigliamo di assicurarti che tutte le entità personalizzate siano abilitate per la sincronizzazione offline mobile. Puoi farlo nelle impostazioni della tua app su make.powerapps.com.

2. Nell’interfaccia di amministrazione della Power Platform, creare un profilo mobile offline che determini esattamente quali dati sono archiviati sul dispositivo mobile di un utente.

3. Aggiungere al profilo gli utenti che possono accedere all’app offline.

4. Abilitare l’app basata su modello per “mobile offline” e assegnare il profilo alla propria app.

Le istruzioni dettagliate passo passo sono disponibili qui.

Sono stati apportati diversi miglioramenti sia all’esperienza di configurazione che all’infrastruttura di sincronizzazione con le funzionalità offline mobili disponibili in Dynamics 365. Questi miglioramenti verranno implementati in tutte le aree a novembre.

La configurazione è semplificata per produttori e amministratori all’interno del Power Platform Admin Center con creazione e manutenzione intuitive di profili offline. I filtri su quali dati devono essere sincronizzati con i dispositivi degli utenti possono ora essere eseguiti tramite espressioni.

Anche le capacità di sincronizzazione sono state migliorate per offrire un’esperienza complessiva più veloce e migliore per gli utenti sui loro telefoni cellulari:

  • Gli intervalli di sincronizzazione possono essere impostati a una frequenza di 5 minuti per garantire che gli utenti lavorino con gli ultimi aggiornamenti da CDS;
  • Gli intervalli di sincronizzazione possono essere regolati per entità in modo che i produttori e gli amministratori abbiano la flessibilità di aumentare gli intervalli di sincronizzazione per le entità che vengono aggiornate raramente. Ciò si traduce in sincronizzazioni complessive più veloci per gli utenti.

Maggiori dettagli sulle esperienze degli utenti finali sono disponibili qui.

Microsoft sta lavorando per portare innovazione continua sia per i produttori (possibilità di aggiungere più utenti al profilo offline, configurazione del profilo offline in make.powerapps.com) sia per gli utenti (prime app offline in modo che gli utenti lavorino sempre dalla cache locale con sincronizzazioni in background per completare rapidamente le attività indipendentemente dalla connettività di rete, pulsante “sincronizza ora” su richiesta).

Rimanete sintonizzati!


Le informazioni presenti in questo post, sono prese dall’articolo: https://tinyurl.com/y5hsfyuo

Modern Fluent UI controls in Power Apps (preview)

Microsoft è felice di annunciare la preview dei nuovi modern controls basati sull’interfaccia utente Fluent per Power Apps. I modern controls consentono ai produttori di creare app che si allineano maggiormente con i modelli e gli stili Microsoft moderni.

Ulteriori informazioni sulla Fluent Ui qui.

Confronto tra Classic e Modern Controls

Classic Controls
Modern Controls

Theming

Microsoft ha implementato i controlli moderni dell’interfaccia utente Fluent come parte dell’anteprima di Power Apps in Teams. Questi controlli utilizzano un nuovo sistema di temi unico che consentirà ai produttori di applicare lo stile alle app come scenari incorporati. Il primo scenario che utilizza questo sistema è quello per l’integrazione con Teams. In precedenza, per ottenere lo stesso aspetto, era necessaria una forte personalizzazione per ogni controllo posizionato sulla pagina o molti componenti altamente personalizzati. Pertanto, questi nuovi temi hanno semplificato le caratteristiche necessarie per rendere le app fantastiche e sono stati rimossi dal pannello delle proprietà. In futuro, verrà introdotta una maggiore personalizzazione per ogni controllo e verranno supportati più temi, sbloccando molti più scenari per i produttori.

Allineamento alle proprietà della Fluent UI

I controlli classici spesso avevano nomi di proprietà che sembravano strani e Microsoft ha colto l’occasione per rendere le proprietà più in linea con il controllo. Queste proprietà comprendono dati e caratteristiche di stile.

Esempio: la proprietà Classic Toggle denominata “Default”, la proprietà Modern Toggle denominata “Checked”.

Elenco completo qui.

Aggiornamenti della Gallery e dei Form

I nuovi controlli hanno dato l’opportunità di ripensare i modelli di gallery predefiniti e le schede dati dei moduli, che sono stati semplificati per sfruttare i nuovi design. Inoltre, come parte della nuova esperienza con l’app, è stato creato un nuovo modello che comprende questi componenti.

Nuovo modello di app con Modern Controls

Le informazioni presenti in questo post, sono prese dall’articolo: https://tinyurl.com/y39jrd5c