In de snelle digitale omgeving van vandaag kan het handmatig bijwerken van digitale displays zowel tijdrovend als foutgevoelig zijn. Deze handleiding laat u zien hoe u live data kunt integreren in uw digitale schermen, waardoor naadloze automatische updates over uw displays mogelijk worden.
In dit artikel:
- Wat is OptiSync?
- Uw databron toevoegen
- Uw databron invoeren in Designer
- Uw Repeater bewerken en ontwerpen in Designer
- Naar schermen pushen
| Let op: OptiSync is alleen beschikbaar bij Pro Plus-abonnementen en hoger. |
Wat is OptiSync?
OptiSync is een geïntegreerde oplossing die ontworpen is om naadloos verbinding te maken met verschillende databronnen, waaronder spreadsheets, API's en tabellen.
Belangrijkste kenmerken:
- Eenvoudige installatie: Het instellen van uw databron vereist weinig tot geen code, wat zorgt voor een snel en eenvoudig proces.
- Automatische updates: U kunt uw databron rechtstreeks koppelen aan onze Designer-app, die automatisch uw content bijwerkt.
- Real-time data: Dit zorgt ervoor dat uw digitale display altijd de nieuwste gegevens weerspiegelt, waardoor handmatige invoer overbodig wordt, fouten worden verminderd en tijd wordt bespaard.
Gebruikscases:
OptiSync is ideaal voor een breed scala aan gebruikscases, zoals:
- Verjaardagen van medewerkers weergeven
- Restaurantmenu's
- Jubilea
- Productcatalogi
- Teamintroducties
- En nog veel meer!
Met OptiSync blijven uw digitale displays nauwkeurig en actueel, wat de communicatie en betrokkenheid in verschillende omgevingen verbetert.
Uw databron toevoegen
U kunt uw databron toevoegen via Accountinstellingen of via de Designer-app.
Accountinstellingen
- Klik op uw accountnaam in de rechterbovenhoek
- Selecteer Meer
- Selecteer DataBronnen
- Selecteer DataBron toevoegen
- Kies uw databron uit de lijst met opties en volg de instructies voor het importeren
- Als u uw accountinstellingen volledig opent, vindt u dit onder "Geavanceerd" in de kolom aan de linkerkant
Designer-app:
- Open de Designer-app
- Selecteer DataBronnen uit de kolom aan de linkerkant
- Selecteer DataBron toevoegen
- Kies uw databron uit de lijst met opties en volg de instructies voor het importeren
Volg deze handleidingen om verschillende soorten DataBronnen te uploaden:
- Hoe Google Sheets toevoegen als DataBron voor OptiSync
- Hoe een Microsoft 365 Excel-spreadsheet toevoegen als DataBron voor OptiSync
Daarnaast kunt u API-verzoeken integreren en testen, en eventuele noodzakelijke pre- of post-request codering uitvoeren.
Zodra uw databron is ingesteld, kunt u zien Waar gebruikt, de databron Bewerken en/of deze Dupliceren.
- Waar gebruikt: Dit toont welke van uw ontwerpen deze DataBron gebruiken. Dit is handig om het gebruik van deze databron over verschillende assets te volgen.
- Data bewerken: Ga naar uw databron en maak eventuele updates/wijzigingen.
- Dupliceren: Dit maakt een kopie van uw databron.
Uw databron invoeren in Designer
Zodra uw DataBron is ingesteld, kunt u deze verbinden met de Designer-app.
Ga naar DataBron aan de linkerkant van het Zijmenu.
Zoals eerder vermeld, kunt u hier uw DataBron toevoegen. Of als u deze al heeft aangemaakt in de DataBron-sectie van Geavanceerd, zou deze moeten verschijnen onder Andere DataBronnen.
Selecteer uw databron.
Sleep en plaats de databron-elementen op het Designer-canvas.
- U kunt ofwel een hele rij slepen en plaatsen of de individuele aspecten binnen de rijen.
Er verschijnt een pop-upbericht met de vraag "Wilt u deze data in een Repeater gebruiken of op Zichzelf?"
-
Op zichzelf gebruiken: Het wordt een element op zichzelf en wordt automatisch bijgewerkt op basis van de databron.
-
In een Repeater gebruiken: Dit neemt het databron-element op in een Repeater-component.
- Repeater is een tool die kan worden gebruikt in de Designer-applicatie om een lijst met items dynamisch weer te geven en te herhalen.
| BELANGRIJK |
| OptiSync ondersteunt geen speciale tekens (d.w.z. alles buiten het bereik van een Engels toetsenbord). Dit zorgt ervoor dat de systeemdata als blanco wordt gelezen en niet wordt weergegeven. |
Uw Repeater bewerken en ontwerpen in Designer
U kunt zowel de template als de Repeater bewerken in Designer!
De Repeater bevindt zich in het zijmenu van de Designer-applicatie.
Binnen de Repeaters-sectie bevinden zich verschillende kant-en-klare "Repeater-componenten" en "Repeater-templates".
| Wat is het verschil tussen de twee? |
|
Repeater-component: ontworpen om herhalende elementen te beheren en weer te geven samen met enkele ontwerpelementen. U kunt dit Repeater-component opnemen in elk templateontwerp van uw keuze - het hoeft geen Repeater-template te zijn. Eenmaal toegevoegd, verbindt u het eenvoudig met uw databron. Zie het als een widget die gemakkelijk kan worden geïmplementeerd en aangepast in verschillende ontwerpen om dynamisch data weer te geven. |
|
Repeater-template: specifiek ontworpen om herhalende elementen weer te geven binnen een vooraf gedefinieerde template of ontwerpindeling. Net als andere templates, vervangt het elk bestaand ontwerp wanneer het wordt toegepast. U kunt nog steeds bewerkingen en wijzigingen aanbrengen naar wens. Opnieuw hoeven gebruikers het alleen maar te downloaden en te verbinden met uw gewenste databron. |
Elk van deze elementen kan een DataBron hebben die eraan is toegewezen, en vervolgens op dezelfde manier worden bewerkt als elk ander Designer-component.
Voor meer informatie hierover, zie onze handleidingen:
U kunt ook de opmaak van een Repeater aanpassen door deze te selecteren en vervolgens Instellingen te selecteren.
Dit opent de Data Mapping-sectie voor de Repeater in het Zijmenu:
Vervolgens worden deze opties gepresenteerd:
- DataBron vervangen: Wijzig uw DataBron
- Beheren: Breng wijzigingen aan in de informatie van uw DataBron.
- Filter: Pas voorwaardelijke filters toe op de DataBron. Filtervoorwaarden kunnen worden toegepast met vaste waarden of apparaatkenmerken.
- Loskoppelen: Koppel uw DataBron los van de Repeater
-
Lege data-afhandeling: Wanneer er geen DataBron-element is, is het standaardgedrag om een lege waarde te gebruiken. U kunt dit aanpassen met de volgende opties:
- Overslaan: Sla het over, of verwijder extra repeater-items als er niet genoeg data is om het ingestelde "Totaal aantal items per pagina" te bereiken.
- Standaardwaarde gebruiken: Toon standaard content, wat is hoe uw Repeater-element er op zichzelf uitziet.
- Leeg gebruiken: De Repeater toont niets.
- Ruimte tussen items: Vergroot of verklein de ruimte tussen de Repeater-items.
-
Weergaverichting items: Wijzig de positionering van de rijen uit uw DataBron binnen de Repeater-items.
- Links naar rechts: Het toont de rijen van links naar rechts.
- Van boven naar beneden: Het toont de rijen van boven naar beneden.
- Uitlijning itemweergave: Wijzig de uitlijning van de resterende element-items (minder dan de geconfigureerde items) om links/midden/rechts of boven/midden/onder uitgelijnd te zijn.
- Totaal aantal weergegeven items per pagina: Vergroot of verklein hoeveel Repeater-items u wilt tonen.
- Maximum items in elke rij/kolom: Vergroot of verklein hoeveel Repeater-items u in elke rij/kolom wilt tonen.
- Extra rij-/kolomafstand: Vergroot of verklein de afstand tussen rijen/kolommen.
- Duur (seconden): Pas de tijdsduur aan voor hoe lang elk Repeater-item wordt getoond.
- Willekeurig: Schud de items in uw DataBron willekeurig door elkaar om weer te geven op de Repeater.
Als u een Repeater bewerkt, worden uw updates gerepliceerd voor elke instantie van data in de dataset.
- Dit zorgt voor een consistent uiterlijk over vergelijkbare elementen zonder de noodzaak om elk afzonderlijk te ontwerpen.
Als u een specifieke Repeater-template of -component wilt gebruiken en de voorbeeld-DataBron wilt bijwerken naar een van uw DataBronnen, volg dan de onderstaande stappen:
Hoe de Property Mapping-functie te gebruiken
Deze geavanceerde functie stelt u in staat om het uiterlijk van specifieke data in uw repeater te wijzigen op basis van voorwaarden die door de gebruiker zijn ingesteld. Deze voorwaarden, gedefinieerd in de databron, worden toegewezen aan de overeenkomstige waarden of elementen in de repeater, en de gespecificeerde opmaak wordt vervolgens toegepast.
- In Designer, dubbelklik op de Repeater die u wilt wijzigen. (Dit opent de Repeater Editor.)
- Selecteer het element in de Repeater dat u wilt bewerken en klik vervolgens op Instellingen bovenaan
- Klik op Geavanceerde opties in het Zijmenu
- Klik op + Property Mapping (U drukt hier voor elke nieuwe instantie van mapping die u wilt)
- Klik op het Property-menu, selecteer een van de opties uit het hierboven getoonde vervolgkeuzemenu of typ handmatig een van de beschikbare opties die hieronder worden vermeld.
- Klik op het Value-menu en selecteer de overeenkomstige kolomnaam (Deze informatie wordt uit uw DataBron gehaald).
- Herhaal dit voor zoveel instanties als u wilt voor meerdere elementen binnen uw Repeater.
- Klik op Bijwerken om ervoor te zorgen dat deze informatie wordt opgeslagen en toegepast op uw Repeater.
Hier zijn de vermelde property mapping-opties in de geavanceerde instellingen:
| Property | Wat het doet | Waarde |
| Fill Color | Wijzig de kleur van een geselecteerde vorm of tekst in uw Repeater | Accepteert een geldige Hex-kleurwaarde of kleurnaam (bijv. #CE657E of Red) |
| Font Size | Wijzig de grootte van een tekstlettertype en hoe het op schermen verschijnt | Accepteert numerieke waarde (bijv. 20) |
| Font Family | Wijzig het lettertype van een geselecteerde tekst, zoals Arial, Times New Roman of aangepaste lettertypen. | Accepteert tekenreekswaarden die de lettertypefamilie vertegenwoordigen. (bijv. Times New Roman) |
| Background Color | Wijzig de achtergrondkleur van een geselecteerde vorm of tekst in uw Repeater. | Accepteert een geldige Hex-kleurwaarde of kleurnaam (bijv. #CE657E of Red) |
| Font Weight | Wijzig het gewicht of de dikte van het tekstlettertype, waardoor het lichter of dikker lijkt. | Accepteert specifieke waarden: normal, bold, lighter, bolder, unset, of 100, 200, 300, 400, 500, 600, 700, 800, 900 |
| Underline | Geef aan of u de tekst onderstreept wilt hebben voor nadruk. | Booleaanse waarde; accepteert true/false of 0/1 |
| Linethrough | Geef aan of u een doorhaling door de tekst wilt. | Booleaanse waarde; accepteert true/false of 0/1 |
| Overline | Geef aan of de tekst een bovenlijn heeft. | Booleaanse waarde; accepteert true/false of 0/1 |
| Text Align | Wijzig de horizontale uitlijning van de tekst. | Accepteert specifieke waarden: left, center, right, justify, justify-left, justify-center, justify-right |
| Stroke Color | Wijzig de streek/omlijningskleur | Accepteert een geldige Hex-kleurwaarde of kleurnaam (bijv. #CE657E of Red) |
| Stroke Width | Geef de breedte van de streek op. Dit bepaalt hoe dik of dun de omlijning is. | Accepteert een numerieke waarde. |
| Direction | Stel de tekstrichting in: links-naar-rechts of rechts-naar-links | Accepteert specifieke waarden: ltr of rtl |
| Visible | Bepaal of het element zichtbaar is of niet. | Booleaanse waarde; accepteert true/false of 0/1 |
| Opacity | Wijzig het transparantieniveau van een geselecteerde vorm, tekst of foto in uw Repeater | Accepteert een numerieke waarde van 0-1 (bijv. 0.2 is 20%) |
Hier is een voorbeeld van een voorbeeld-DataBron ingesteld met Fill Color, Background Color, Opacity, Font Weight en Text Align:
Hoe Display Format-opties te gebruiken
Als u wilt wijzigen hoe de opmaak van bepaalde data uit uw DataBron eruitziet op uw repeater, kunt u dit doen met de Display Format-optie die beschikbaar is in de Repeater Editor. Dit bespaart u tijd bij het bewerken van uw originele DataBron en wordt toegepast op de opmaak van alle herhaalde elementen in de Repeater.
Volg de stappen in de vorige sectie betreffende Property Mapping om toegang te krijgen tot de Display Format-opties.
| Display Format-optie | Wat het doet |
| Text | Dit toont de onbewerkte waarde zonder opmaak. |
| Date Time | U kunt de tijdzone, datumnotatie en tijdnotatie wijzigen met beschikbare opties. |
| Number | U kunt getallen opmaken om weer te geven als percentages, decimalen, valuta en meer. |
Naar schermen pushen
Zodra uw ontwerp is voltooid, is het klaar om naar het scherm te pushen.
(Hier is een handleiding als u verdere hulp hierbij nodig heeft.)
Uw scherm wordt automatisch bijgewerkt op basis van uw verbonden databron.
U hoeft uw data niet langer handmatig bij te werken, wat tijdrovend is en vatbaar voor fouten.