In questo articolo, tratteremo la capacità di OptiSigns di creare app di notizie personalizzate utilizzando la funzione OptiSync.
- Esempi di SharePoint News
- Come configurare un feed di notizie personalizzato
È comune per le aziende condividere le proprie comunicazioni interne, inclusi promemoria, notizie, annunci e altro tramite intranet. La segnaletica digitale aumenterà la consapevolezza dei dipendenti riguardo alle notizie e agli annunci aziendali pubblicati.
Utilizzando OptiSync, è possibile creare un'app di notizie personalizzata per visualizzare le notizie aziendali memorizzate nell'intranet della tua azienda. Ciò si ottiene collegando un'API intranet con OptiSync e scegliendo quali dati visualizzare nell'app OptiSigns Designer.
La creazione di feed di notizie con OptiSync ha un vantaggio chiave: hai il pieno controllo dell'aspetto e del design del tuo feed. Puoi creare feed che corrispondono al branding e alle linee guida di design della tua azienda, indipendentemente dalla fonte di notizie utilizzata. Utilizzeremo SharePoint come esempio, ma puoi utilizzare qualsiasi cosa che possa essere inserita come DataSource.
Prima di iniziare, sarà utile familiarizzare con alcuni altri concetti che saranno importanti da comprendere e che trattiamo in altri articoli:
- Come integrare API e pubblicare dati API tramite OptiSync
- Come configurare la mappatura dinamica dei dati con OptiSync
L'articolo sull'API in particolare fornirà istruzioni dettagliate su come associare un'API e visualizzare i suoi dati sullo schermo con aggiornamenti automatici. Una volta configurata l'API e salvati i suoi dati come origine dati, puoi creare alcuni degli esempi seguenti utilizzando l'app Designer.
L'esempio principale affrontato in questo articolo saranno le notizie aziendali, ma questa funzione può essere utilizzata per molto altro, tra cui:
- Feed RSS personalizzati
- Feed XML/JSON personalizzati
- Sistemi di gestione dell'inventario
- Aggiornamenti dei punti vendita in più sedi
- Comunicazioni interne aggiuntive
- Altri siti di notizie
Esempi di SharePoint News
Di seguito sono riportati alcuni esempi utilizzando SharePoint. Ci sono numerose possibilità su come progettare e creare feed di notizie coinvolgenti utilizzando le notizie di SharePoint o altre applicazioni intranet.
Ecco alcuni esempi:
Feed bollettino
Questo stile consente di mostrare diverse notizie contemporaneamente. Le immagini e il testo sono presi direttamente dall'origine dati e visualizzati utilizzando OptiSync. Questi sono impostati per aggiornarsi periodicamente ogni 30 minuti.
Feed notizia singola
Questo stile consente di presentare una singola notizia. Utilizzando le impostazioni del Repeater, questo consentirà una serie rotante di articoli di notizie in primo piano.
Come configurare un feed di notizie personalizzato
Per configurare un feed di notizie personalizzato, dovrai seguire questi passaggi:
- Configurare il gateway API personalizzato
- Mappare l'API su un DataSource all'interno di OptiSigns
- Creare un feed di notizie utilizzando OptiSigns Designer
Passaggio 1: Configurazione di un gateway API personalizzato (esempio SharePoint)
Copriamo la maggior parte dei dettagli di questo passaggio nella nostra guida Come integrare API e pubblicare dati API tramite OptiSync. Consulta quella guida per un processo passo-passo.
Tuttavia, ci sono alcuni elementi specifici per la connessione a un'API SharePoint (o a una varietà di risorse in Microsoft 365), che tratteremo qui.
Scelta dell'endpoint URL corretto per la connessione SharePoint
Ci sono numerose opzioni per connettersi agli endpoint API di SharePoint e assicurarsi di avere quello corretto è fondamentale per importare i dati corretti in OptiSigns. Clicca qui per saperne di più su Determinare gli URI degli endpoint del servizio REST di SharePoint.
Per gli scopi di questo esempio, utilizzeremo l'area funzionale "Site", il che significa che il punto di accesso sarà:
https://{site_url}/_api/site
Autenticazione API SharePoint utilizzando OAuth 2.0 in Microsoft Azure
L'autenticazione per SharePoint può essere effettuata utilizzando diversi metodi, ma OAuth 2.0 è diventato lo standard consigliato. Per iniziare a utilizzare OAuth 2.0, dovrai registrare la tua applicazione in Azure Active Directory.
Una volta fatto, avrai bisogno di:
Questi sono necessari per l'autenticazione. Qualsiasi ulteriore autenticazione può essere eseguita nella fase Pre-Request per ottenere token di accesso. Questi token di autenticazione dovranno essere mantenuti aggiornati: vedi l'articolo di Microsoft sulle credenziali del certificato della piattaforma di identità per maggiori informazioni.
Quando abbinato a un valore "Accept", questo fornirà l'autenticazione per la tua richiesta API. Avrai bisogno dei seguenti valori:
Authorization: "Bearer " + accessToken
Accept: "application/json;odata=verbose"
Questi valori devono essere inseriti nella scheda Header durante la configurazione della tua richiesta API:
Assicurati di Abilitare questa richiesta prima di passare al passaggio successivo.
Passaggio 2: Mappatura dell'API su un DataSource
Copriamo la maggior parte dei dettagli di questo passaggio nella nostra guida Come configurare la mappatura dinamica dei dati tramite OptiSync. Se importati correttamente, i tuoi dati appariranno in formato JSON, come questo:
Le tue notizie avranno set di dati simili se stai seguendo questa guida. I campi dati più importanti sono:
- "Title"
- "Description"
- "Banner Image URL"
- L'inserimento di questo URL visualizzerà l'immagine del banner.
| NOTA |
| Vorrai anche prendere nota del valore dei dati "PromotedState". Questi saranno utili per applicare filtri in seguito. Anche altri valori possono essere utilizzati con i filtri, se lo desideri. |
Passaggio 3: Creazione di un feed di notizie utilizzando Designer in OptiSigns
Il passaggio successivo è portare questi valori sui tuoi schermi e farli aggiornare automaticamente.
Per iniziare, trova il tuo design o creane uno nuovo nella scheda File/Assets.
Con il design aperto, clicca su "DataSource" nella colonna di sinistra. Quindi, clicca su "Aggiungi DataSource" per aggiungere un'origine dati API al design.
Scorri fino a dove dice "API Gateway" e cliccaci sopra.
Puoi anche configurare un gateway multi-tempo con la Collezione API Gateway. Per questo esempio, ci atterremo all'API Gateway singolo.
Dovresti vedere questa schermata:
- Nome - Il nome del DataSource. Questo è rivolto internamente e non verrà mostrato sui tuoi schermi.
- Seleziona API - Qui selezionerai tra i gateway API che hai già configurato nei passaggi precedenti. Puoi selezionarne solo uno o più. Se ne vengono selezionati più, l'API DataSource li aggregherà automaticamente.
- Intervallo di aggiornamento - Quanto spesso inviare richieste all'API per gli aggiornamenti. Seleziona tra Nessuno (non richiamare mai l'API), 30 minuti, 60 minuti o ogni 6 ore. Se abiliti WebHook sulla tua richiesta API e inserisci l'URL fornito nella tua API, questo intervallo di aggiornamento cambierà in tempo quasi reale.
Premi Salva, e il DataSource viene creato.
Dovrebbe apparire nella colonna di sinistra sotto "Utilizzato in questo design". Apparirà sicuramente nella sezione "Altri DataSource". Potrebbe essere necessario aggiornare la pagina per farlo apparire.
Mappatura degli elementi
Ora che il tuo API DataSource è stato creato, siamo pronti per mappare i dati. In questo esempio, ti mostreremo come creare un feed di notizie SharePoint.
Aggiungere elementi di testo a un menu digitale
Prima, crea il tuo design. Puoi utilizzare uno dei nostri modelli repeater o creare il design da solo. I nostri modelli repeater possono essere personalizzati per adattarsi al branding della tua azienda.
Il modo più semplice per configurare un feed di notizie personalizzato è con un Data Repeater. Per una spiegazione completa delle capacità di un Repeater, vedi questo articolo. Qui, ci limiteremo a insegnare come aggiungere informazioni dalla tua API.
Per configurare un Repeater, clicca su "Repeaters" → Aggiungi Repeater vuoto.
Con il Repeater selezionato, clicca su Impostazioni. Si aprirà un nuovo pannello sulla destra. Qui, seleziona Connetti a DataSource.
Seleziona il DataSource che hai configurato nell'ultimo passaggio sotto "Altri DataSource".
Tornerai all'ultimo pannello con il tuo DataSource ora selezionato. Ora, clicca su Modifica o fai doppio clic sul Repeater selezionato per andare all'Editor del Repeater. È come un design all'interno di un design, specificamente per i tuoi elementi Repeater (notizie). Con il testo selezionato, clicca sulla freccia a sinistra.
Questo fa apparire la scheda DataSource. Clicca sul DataSource utilizzato in questo design e vedrai qualcosa del genere:
In questo esempio, vogliamo visualizzare il titolo del pezzo, le sue immagini associate e la storia stessa.
Creando testo e trascinando i punti dati su di esso, possiamo creare un feed di notizie come questo:
Questo è stato creato trovando punti dati dall'API e trascinandoli nelle caselle di testo desiderate. In questo caso, desideriamo visualizzare solo il "Title", "Banner URL Image" e "Description", quindi quei valori sono stati trascinati in una casella di testo vuota o esistente.
Il valore di un repeater è che copierà il formato di questa cella, quindi sostituirà i punti dati con altri dalla tua API. Estrarrà tanti punti dati quanti ne hai configurati sulla tua API. In questo esempio, abbiamo presentato solo una notizia. Il repeater ruoterà attraverso il resto, visualizzandone solo una alla volta. Se vuoi visualizzarne di più, il numero di elementi ripetuti e la loro formattazione possono essere modificati utilizzando queste opzioni sotto Impostazioni:
Se cambiamo gli elementi totali a, diciamo, 3, possiamo ottenere un feed di notizie come questo con un po' di lavoro di design:
Speriamo che questa sia una dimostrazione efficace di alcune delle capacità di OptiSync.
Applicazione di filtri per personalizzare quali notizie visualizzare
Quali notizie desideri visualizzare possono variare in base a diversi fattori. Per filtrare le storie indesiderate o ridondanti, puoi utilizzare il Filtro DataSource di OptiSigns.
Per iniziare, evidenzia i dati che vuoi filtrare, quindi premi Impostazioni. Successivamente, premi l'opzione Filtro sotto il tuo DataSource.
Apparirà questa schermata:
Quello che segue è, essenzialmente, un' istruzione AND o un' istruzione OR che potresti usare in Excel o Google Sheets. Il modo più semplice per comprendere l'opzione Filtro è come una formula Excel o Google Sheet che inserisci all'interno di OptiSigns.
Puoi aggiungere Regole o Set di regole al tuo filtro per creare tutta la complessità di cui hai bisogno:
Per configurare una regola, dovrai configurare tre valori.
Selezionando la prima casella ottieni queste opzioni:
Per impostazione predefinita, queste opzioni corrispondono alle intestazioni dei dati mappati all'origine. Questo elenco varierà in lunghezza a seconda di quante intestazioni hai. Puoi anche inserire qualsiasi valore desideri digitandolo nella casella.
La seconda casella è la tua Variabile. OptiSigns fornisce queste opzioni:
L'opzione finale fornisce i seguenti valori predefiniti:
Per impostazione predefinita, questi si mappano su uno schermo o altro dispositivo, consentendo al tuo filtro di indirizzare solo determinati schermi.
Tuttavia, questo valore può essere cambiato in qualsiasi cosa desideri. Basta digitare qualsiasi valore desideri.
Ci sono dozzine di possibilità utilizzando il filtro OptiSync per mostrare dati automatizzati ancora più precisi sui tuoi schermi.
| SUGGERIMENTO |
|
Ricordi il valore dei dati "PromotedState" di prima? Se vuoi assicurarti che solo gli articoli di notizie personalizzate appaiano sul tuo schermo, prova a impostare il Filtro su: PromotedState - Uguale a - 2 Questo dovrebbe filtrare qualsiasi altro dato ricevuto dall'API. |
Questo è tutto!
OptiSigns è il leader nel software per segnaletica digitale. Se hai ulteriori domande, dubbi o feedback su OptiSigns, non esitare a contattare il nostro team di supporto all'indirizzo support@optisigns.com.