In dit artikel behandelen we de mogelijkheid van OptiSigns om aangepaste nieuws-apps te maken met behulp van de OptiSync-functie.
- SharePoint Nieuws Voorbeelden
- Hoe een Aangepaste Nieuwsfeed in te stellen
Het is gebruikelijk voor bedrijven om hun interne communicatie, waaronder memo's, nieuws, aankondigingen en meer te delen via intranet. Digital signage zal het bewustzijn van medewerkers over gepubliceerd bedrijfsnieuws en aankondigingen verhogen.
Met OptiSync is het mogelijk om een aangepaste nieuws-app te maken om bedrijfsnieuws weer te geven dat is opgeslagen op het intranet van uw bedrijf. Dit wordt bereikt door een intranet-API te verbinden met OptiSync en te kiezen welke gegevens moeten worden weergegeven in de OptiSigns Designer app.
Het maken van nieuwsfeeds met OptiSync heeft een belangrijk voordeel: u heeft volledige controle over het uiterlijk en gevoel van uw feed. U kunt feeds maken die overeenkomen met uw bedrijfsbranding en ontwerprichtlijnen, ongeacht welke nieuwsbron u gebruikt. We zullen hier SharePoint als voorbeeld gebruiken, maar u kunt alles gebruiken wat als Datasource kan worden ingevoerd.
Voordat we beginnen, is het handig om vertrouwd te raken met enkele andere concepten die belangrijk zijn om te begrijpen en die we in andere artikelen behandelen:
- Hoe API te integreren en API-gegevens te publiceren via OptiSync
- Hoe Dynamische Data Mapping in te stellen met OptiSync
Het API-artikel in het bijzonder biedt gedetailleerde instructies voor het koppelen van een API en het weergeven van de gegevens op het scherm met automatische updates. Zodra u uw API heeft ingesteld en de gegevens als databron heeft opgeslagen, kunt u enkele van de onderstaande voorbeelden maken met behulp van de Designer-app.
Het hoofdvoorbeeld dat in dit artikel wordt behandeld is bedrijfsnieuws, maar deze functie kan voor veel meer worden gebruikt, waaronder:
- Aangepaste RSS-feeds
- Aangepaste XML/JSON-feeds
- Voorraadbeheer systemen
- Point-of-sales updates op meerdere locaties
- Aanvullende interne communicatie
- Andere nieuwssites
SharePoint Nieuws Voorbeelden
Hieronder staan enkele voorbeelden met behulp van SharePoint. Er zijn talloze mogelijkheden om boeiende nieuwsfeeds te ontwerpen en te maken met behulp van SharePoint-nieuws of andere intranet-applicaties.
Hier zijn een paar voorbeelden:
Bulletin Feed
Deze stijl maakt het mogelijk om meerdere nieuwsverhalen tegelijk te tonen. De afbeeldingen en tekst worden rechtstreeks uit de gegevensbron gehaald en weergegeven met behulp van OptiSync. Deze zijn ingesteld om periodiek elke 30 minuten bij te werken.
Enkel Verhaal Feed
Deze stijl maakt het mogelijk om één verhaal uit te lichten. Met behulp van Repeater-instellingen wordt een roterende reeks uitgelichte nieuwsartikelen mogelijk.
Hoe een Aangepaste Nieuwsfeed in te stellen
Om een aangepaste nieuwsfeed in te stellen, moet u deze stappen volgen:
- Stel de Aangepaste API Gateway in
- Koppel de API aan een DataSource binnen OptiSigns
- Maak een Nieuwsfeed met behulp van OptiSigns Designer
Stap 1: Een Aangepaste API Gateway instellen (SharePoint Voorbeeld)
We behandelen de meeste details van deze stap in onze Hoe API te integreren en API-gegevens te publiceren via OptiSync gids. Zie die gids voor een stapsgewijs proces.
Er zijn echter enkele elementen die specifiek zijn voor het verbinden met een SharePoint API (of een verscheidenheid aan bronnen in Microsoft 365), die we hier zullen behandelen.
Het juiste URL-eindpunt kiezen voor SharePoint-verbinding
Er zijn talloze opties voor het verbinden met SharePoint's API-eindpunten, en ervoor zorgen dat u de juiste heeft is cruciaal voor het importeren van de juiste gegevens in OptiSigns. Klik hier voor meer informatie over SharePoint REST service eindpunt URI's bepalen.
Voor dit voorbeeld gebruiken we het "Site" functiegebied, wat betekent dat het toegangspunt zal zijn:
https://{site_url}/_api/site
SharePoint API-authenticatie met OAuth 2.0 in Microsoft Azure
Authenticatie voor SharePoint kan op verschillende manieren worden uitgevoerd, maar OAuth 2.0 is de aanbevolen standaard geworden. Om aan de slag te gaan met OAuth 2.0, moet u uw applicatie registreren in Azure Active Directory.
Zodra dat is gebeurd, heeft u het volgende nodig:
Deze zijn vereist voor authenticatie. Verdere authenticatie kan worden uitgevoerd in de Pre-Request fase om toegangstokens te verkrijgen. Deze authenticatietokens moeten vernieuwd blijven: zie Microsoft's artikel over identity platform certificaat credentials voor meer informatie.
Wanneer gekoppeld met een "Accept" waarde, biedt dit authenticatie voor uw API-verzoek. U heeft de volgende waarden nodig:
Authorization: "Bearer " + accessToken
Accept: "application/json;odata=verbose"
Deze waarden moeten worden ingevoerd onder het tabblad Header bij het instellen van uw API-verzoek:
Zorg ervoor dat u Enable this Request aanvinkt voordat u naar de volgende stap gaat.
Stap 2: De API koppelen aan een DataSource
We behandelen de meeste details van deze stap in onze Hoe Dynamische Data Mapping in te stellen via OptiSync. Als het correct is geïmporteerd, verschijnen uw gegevens in JSON-formaat, zoals dit:
Uw nieuwsverhalen zullen vergelijkbare gegevenssets hebben als u deze handleiding volgt. De belangrijkste gegevensvelden zijn:
- "Title"
- "Description"
- "Banner Image URL"
- Het invoeren van deze URL zal de bannerafbeelding weergeven.
| OPMERKING |
| U wilt ook de "PromotedState" gegevenswaarde noteren. Deze zullen nuttig zijn voor het toepassen van filters later. Andere waarden kunnen ook worden gebruikt met Filters, als u dat wenst. |
Stap 3: Een Nieuwsfeed maken met Designer in OptiSigns
De volgende stap is deze waarden op uw schermen krijgen en ze automatisch laten bijwerken.
Om te beginnen, zoek uw ontwerp of maak een nieuwe aan in het tabblad Files/Assets.
Met het ontwerp geopend, klik op "DataSource" in de linkerkolom. Klik vervolgens op "Add DataSource" om een API-gegevensbron aan het ontwerp toe te voegen.
Scroll naar beneden naar waar staat "API Gateway" en klik erop.
U kunt ook een meervoudige Gateway instellen met de API Gateway Collection. Voor dit voorbeeld blijven we bij de enkelvoudige API Gateway.
U zou dit scherm moeten zien:
- Name - De naam van de DataSource. Dit is intern en zal niet op uw schermen worden getoond.
- Select APIs - Hier selecteert u uit de API Gateways die u al in eerdere stappen heeft ingesteld. U kunt er slechts één selecteren, of meerdere. Als er meerdere zijn geselecteerd, zal de API DataSource ze automatisch aggregeren.
- Update Interval - Hoe vaak verzoeken terug naar de API voor updates moeten worden gestuurd. Selecteer uit None (nooit de API terugbellen), 30 minuten, 60 minuten, of elke 6 uur. Als u WebHook inschakelt op uw API Request en de verstrekte URL invoert in uw API, verandert dit Update Interval naar bijna real-time.
Klik op Save, en de DataSource is aangemaakt.
Het zou moeten verschijnen in de linkerkolom onder "Used in this design". Het zal zeker verschijnen in de sectie "Other DataSources". Mogelijk moet u de pagina vernieuwen om het te laten verschijnen.
Element Mapping
Nu uw API DataSource is aangemaakt, zijn we klaar om de gegevens te koppelen. In dit voorbeeld laten we u zien hoe u een SharePoint Nieuwsfeed maakt.
Tekstelementen toevoegen aan een digitaal menubord
Maak eerst uw ontwerp. U kunt gebruik maken van een van onze repeater-sjablonen, of het ontwerp zelf maken. Onze repeater-sjablonen kunnen worden aangepast aan uw bedrijfsbranding.
De gemakkelijkste manier om een Aangepaste Nieuwsfeed in te stellen is met een Data Repeater. Voor een volledige uitsplitsing van de mogelijkheden van een Repeater, zie dit artikel. Hier beperken we ons tot het uitleggen hoe informatie uit uw API toe te voegen.
Om een Repeater in te stellen, klik op "Repeaters" → Add Blank Repeater.
Met de Repeater geselecteerd, klik op Settings. Er opent een nieuw venster aan de rechterkant. Selecteer hier Connect to DataSource.
Selecteer de DataSource die u in de laatste set heeft ingesteld onder "Other DataSources".
U wordt teruggebracht naar het laatste venster met uw DataSource nu geselecteerd. Klik nu op Edit of dubbelklik op de geselecteerde Repeater om naar de Repeater Editor te gaan. Dit is als een ontwerp-binnen-een-ontwerp, specifiek voor uw Repeater (nieuws) items. Met tekst geselecteerd, klik op de pijl aan de linkerkant.
Dit opent het DataSource-tabblad. Klik op de DataSource Used in this Design en u ziet zoiets als dit:
In dit voorbeeld willen we de titel van het stuk, de bijbehorende afbeeldingen en het verhaal zelf weergeven.
Door tekst te maken en datapunten ernaar te slepen, kunnen we een nieuwsfeed zoals deze maken:
Dit werd gemaakt door datapunten uit de API te vinden en ze naar de gewenste tekstvakken te slepen. In dit geval willen we alleen de "Title", "Banner URL Image" en "Description" weergeven, dus die waarden werden naar een leeg of bestaand tekstvak gesleept.
De waarde van een repeater is dat het het formaat van deze ene cel kopieert en vervolgens de datapunten vervangt door andere uit uw API. Het zal zoveel datapunten ophalen als u heeft ingesteld op uw API. In dit voorbeeld hebben we slechts één nieuwsverhaal uitgelicht. De repeater zal door de rest roteren en er slechts één tegelijk weergeven. Als u er meer wilt weergeven, kunnen het aantal herhaalde items en hun opmaak worden gewijzigd met deze opties onder Settings:
Als we het totale aantal items veranderen naar bijvoorbeeld 3, kunnen we met een beetje ontwerpwerk een nieuwsfeed zoals deze krijgen:
Hopelijk is dit een effectieve demonstratie van enkele van OptiSync's mogelijkheden.
Filters toepassen om aan te passen welke nieuwsverhalen worden weergegeven
Welke nieuwsverhalen u wilt weergeven kan variëren afhankelijk van een aantal factoren. Om ongewenste of redundante verhalen eruit te filteren, kunt u gebruik maken van het OptiSigns DataSource Filter.
Om te beginnen, markeer de gegevens die u wilt filteren en klik vervolgens op Settings. Klik vervolgens op de optie Filter onder uw DataSource.
Dit scherm verschijnt:
Wat volgt is in wezen een AND statement of een OR statement zoals u zou gebruiken in Excel of Google Sheets. De gemakkelijkste manier om de Filter-optie te begrijpen is als een Excel- of Google Sheet-formule die u invoert binnen OptiSigns.
U kunt Rules of RuleSets aan uw filter toevoegen om zoveel complexiteit te creëren als u nodig heeft:
Om een Rule in te stellen, moet u drie waarden configureren.
Het selecteren van het eerste vak geeft u deze opties:
Standaard komen deze opties overeen met de headers van de gegevens die aan de bron zijn gekoppeld. Deze lijst varieert in lengte afhankelijk van hoeveel headers u heeft. U kunt ook elke gewenste waarde invoeren door deze in het vak te typen.
Het tweede vak is uw Variabele. OptiSigns biedt deze opties:
De laatste optie biedt de volgende standaardwaarden:
Standaard worden deze toegewezen aan een scherm of ander apparaat, waardoor uw filter alleen bepaalde schermen kan targeten.
Deze waarde kan echter worden gewijzigd in alles wat u wilt. Typ gewoon elke gewenste waarde.
Er zijn tientallen mogelijkheden met het OptiSync-filter om nog nauwkeurigere geautomatiseerde gegevens op uw schermen weer te geven.
| TIP |
|
Herinner u zich de "PromotedState" gegevenswaarde van eerder? Als u ervoor wilt zorgen dat alleen aangepaste nieuwsartikelen op uw scherm verschijnen, probeer het Filter in te stellen op: PromotedState - Equals - 2 Dit zou alle andere gegevens die van de API worden ontvangen moeten wegfilteren. |
Dat is alles!
OptiSigns is de leider in digital signage software. Als u aanvullende vragen, zorgen of feedback over OptiSigns heeft, neem dan gerust contact op met ons supportteam via support@optisigns.com.