Introductie CMS

Introductie CMS

In deze tutorial laten we je zien wat je moet weten voor je aan de slag gaat met het dedicated CMS van de Vaya Visitor App. Als je deze inleidende tutorial hebt doorgenomen, weet je zeker dat je goed voorbereid bent om de content van jouw app succesvol te beheren.

Inhoud van deze pagina:

Jouw event, jouw configuratie
Buckets
Content
Onderdelen toevoegen
Soorten pagina's
Iconen voor het menu
Afbeeldingen
Preview van de app

 

Jouw event, jouw configuratie

De Vaya Visitor App is flexibel. Dat betekent dat de configuratie van de app door onze specialist is afgestemd op jouw event. Het CMS voor jouw app zal dus afwijken van de voorbeelden die je in deze tutorial ziet. Niet alleen de namen en iconen zullen anders zijn, maar ook de inrichting van het menu. De Invitado demo-app ziet er in de back-end als volgt uit:

 

Buckets

Om maar meteen met het lastigste te beginnen: binnen Vaya onderscheiden we Buckets en Pages. Buckets zijn al dan niet gefilterde lijsten, die op de Pages (de pagina’s die in de app te zien zijn) kunnen worden getoond. Jij zult er niet veel mee hoeven werken, dus laat je vooral niet afschrikken als je het niet helemaal begrijpt, maar voor de context is het goed om te weten.

Er zijn drie Buckets voor specifieke doeleinden beschikbaar, met elk hun eigen kenmerken:

• Companies (voor bedrijven, zoals sponsors of exposanten)
• Persons (voor personen, zoals sprekers en artiesten)
• Program items (voor sessies binnen je programma)

Daarnaast is er de bucket Objects, die wat breder inzetbaar is, vergelijkbaar met een algemene tekstpagina.

Tussen de verschillende Buckets kunnen verbindingen worden gelegd. Zo kan op de pagina van een sessie de bijbehorende spreker worden getoond, en andersom. Deze relaties kunnen globaal worden gedefinieerd in de Buckets (dit doen wij voor je) en vervolgens per onderliggend item (bedrijf, persoon, programmaonderdeel) door jou worden ingevuld in de detailpagina's via het in bovenstaande afbeelding blauw gemarkeerde gedeelte. Daarnaast kunnen ook verbindingen worden gelegd met de gastenlijst. Bijvoorbeeld om bij exposanten het standpersoneel te tonen.

Per Bucket kan worden ingesteld of het voor gebruikers van de app mogelijk is de onderliggende items te bookmarken of te raten, en of het resultaat van de ratings met de gebruikers van de app wordt gedeeld.

De inhoud van de Buckets kan worden gesynchroniseerd met de data in het Puerto Registration System van Invitado. In dat geval is Puerto de centrale bron, waarin eventuele mutaties dienen te worden doorgevoerd.

Het belangrijkste wat jij moet weten: Content beheer je onder het kopje Content (blauw), instellingen vind je terug in het rood gemarkeerde gedeelte. 

 

Content

Binnen het blauw gemarkeerde Content-gedeelte zijn er enerzijds de Pages die het menu van jouw app vormen, en anderzijds de (onderliggende) items van de voor jouw app gedefinieerde buckets. Bijvoorbeeld: de overkoepelende pagina voor jouw exposanten vind je onder Pages, de verschillende detailpagina’s (bijvoorbeeld die van exposant Invitado) vind je onder Exposanten:

De volgorde van de Pages bepaalt ook de volgorde in het menu van de app. Je kunt deze volgorde aanpassen met de pijltjes rechts in het overzicht van de pagina's. Van elke pagina kun je aangeven of iedereen die de app bekijkt de content mag zien (openbare content), of dat een gebruiker daarvoor moet zijn ingelogd (afgeschermde content). Als de gehele app is afgeschermd, is dit onderscheid op pagina-niveau uiteraard niet van toepassing.

Eén van de pagina’s kan worden gemarkeerd als de startpagina van je app. Van maximaal 4 pagina’s kan een snelkoppeling worden gemaakt. Deze snelkoppelingen verschijnen als buttons in de footer van de app. In onderstaand voorbeeld zijn dat er drie:

Je stelt zowel de startpagina als de buttons in de footer in via de Settings, helemaal onder in de pagina Pages.

 

Onderdelen toevoegen

Items, pagina’s of filters… Wat je in het CMS ook wilt toevoegen, je doet dit altijd met de plus-button in het zwarte rondje.

Binnen het CMS geldt dat Name altijd de weergave in de back-end bepaalt, en Title de weergave in de app. Het kan voor je eigen overzicht handig zijn om binnen de names een nummering te gebruiken, bijvoorbeeld in je programmaoverzicht.

In het volgende voorbeeld voegen we een programma-item toe, en vullen we de Name, de Title, de Subtitle en de (optionele) locatie in:

 

Soorten pagina's

Maak je een nieuwe pagina aan, dan krijg je een pull down te zien met beschikbare pagina-typen. We lopen ze hier per categorie met je door:

Content

• Home – De openingspagina van de app. Zie hiervoor de aparte tutorial.
• Iframe – Hiermee kan een externe website, zoals een dynamisch floorplan, worden geëmbed en als pagina binnen de app worden getoond.
• Image / Floorplan – Hiermee kan een afbeelding worden getoond, zoals een floorplan met zoomfunctie en de mogelijkheid deze klikbaar te maken.
• Text – Een flexibel inzetbare pagina voor alle mogelijke content, met een afbeelding, een tekst en een button met een link naar een externe url.

Overview

• List of child pages – Hiermee kan een overzicht van onderliggende pagina's worden getoond.
• Tabs of child pages – Een tussenpagina waarop verschillende onderliggende pagina's in de vorm van tabs worden getoond.
• List of bucket items – Hiermee kan de (al dan niet gefilterde) inhoud van een bucket worden getoond.
• List of program items – Hiermee kan een programma-pagina worden samengesteld.
• List of guests - Hiermee kan een (al dan niet gefilterde) deelnemerslijst worden getoond.
• List of matches - De pagina waarop de matchresultaten van de app-gebruiker worden getoond.
• List of business cards - Op deze pagina kunnen app-gebruikers via een QR-code snel connecten. Gescande contacten kunnen worden toegevoegd aan contactlijst (telefoon) en adresboek (e-mail)

System

• Bookmarks – Een overzicht van de items die door de gebruiker zijn opgeslagen met de bookmarkfunctie.
• Chats – De chats van de gebruiker.
• E-ticket – Het e-ticket van de gebruiker.
• Leader board – Het scorebord van een QR Quest
• Meetings – Op deze pagina wordt een overzicht van openstaande, geaccepteerde en gecancelde afspraken getoond.
• Notifications – Op deze pagina vindt de gebruiker een overzicht van de ontvangen notificaties.
• Personal Program – Overzicht van de sessies waarvoor de gebruiker zich geeft aangemeld.
• QR scanner – Een in-app scanner, bijvoorbeeld in te zetten voor de QR Quest
• Social Timeline – Interactieve pagina waarop ingelogde deelnemers posts plaatsen en andere berichten van een like of reactie kunnen voorzien.
• Stamps – Een overzicht van scanpunten (te scannen en gescand) binnen een QR Quest

Advanced

• Personalized iframe - Technische pagina waarmee een per gast gepersonaliseerd iframe kan worden getoond.
• Redirection - Technische pagina gebruikers gedifferentieerd en geautomatiseerd naar binnen de app beschikbare pagina's kunnen worden doorverwezen.
• Transmisión – Technische pagina waarmee een (online) Transmisión-event en de interactie daarbinnen wordt geëmbed ten behoeve van live interactie op locatie en/of online.
• Twig – Technische pagina waarop waarop verschillende en gepersonaliseerde content kan worden getoond aan verschillende groepen gebruikers.

 

Iconen voor het menu

Voor de weergave in het menu van de app kun je de pagina’s voorzien van iconen. Hiervan zijn er meer dan 2000 beschikbaar, en vanuit de pulldown in het CMS is dat lastig selecteren. We adviseren dit daarom te doen via Google Fonts. In het CMS vind je een link naar de beschikbare Google-iconen. Klik op de link en zoek het icoon dat je wilt gebruiken. Ga daarna terug naar het CMS en voer in het betreffende veld de naam van het icoon in. Gebruik hier kleine letters en vervang eventuele spaties door 'lage streepjes' (underscores).

In het volgende voorbeeld hebben we via bovenstaande link een high five-icoon gevonden, dat de naam ‘Pan Tool’ heeft. Deze selecteren we vervolgens in het CMS:

 

 

Afbeeldingen

In het CMS vind je richtlijnen voor de afmetingen van de afbeeldingen. Dit kunnen zowel JPG als PNG afbeeldingen zijn, waarbij PNG de beste resultaten biedt. We onderscheiden twee formaten:

• 256 x 256 pixels: foto’s van sprekers en logo’s. Deze vierkante foto’s worden in de app in een cirkel geplaatst.
• 960 x 540 pixels: paginaheaders.  

Dit zijn slechts richtlijnen, maar bedenk dat het beeld bij lagere resoluties korrelig kan worden, terwijl de app bij te hoge resoluties traag kan worden. De beeldverhouding 16:9 voor de headerfoto’s is eveneens ter indicatie. Voor rust binnen de app adviseren wij deze verhouding constant te houden.

 

Preview van de app

Met de opvallend oranje gekleurde button View app, links in het menu, kun je in je browser een altijd actuele preview van de app bekijken. Deze preview opent in een nieuwe browser. Als je browser vraagt om toestemming op de pop-up van vaya.invitado.nl te openen, verleen deze dan.