U, WIJ EN AUTOMATISERING DESIGNER HANDLEIDING WERKBOEK. Quick. start

Transcriptie

1 DESIGNER HANDLEIDING WERKBOEK

2 Welkom Hartelijk dank voor uw vertrouwen in TDM Digital Signage. Met een narrowcasting oplossing (ook wel digital signage genaamd) kunt u in een handomdraai iedere gewenste boodschap of aanbieding aan uw klanten intoetsen en vertonen via uw eigen beeldscherm(en). De ideale toepassing voor wachtruimtes, maar ook voor de detailhandel. In deze handleiding leiden wij u stap voor stap tot het maken van een presentatie. Om uw presentatie straks op uw presentatie-scherm te tonen, leggen wij eerst uit hoe de structuur/opbouw in elkaar zit van een presentatie. Daarna gaan we in op de onderdelen die daarvoor nodig zijn. Tot slot zullen we het daadwerkelijk maken van de presentatie behandelen. De narrowcasting software van TDM is een cloudgebaseerde oplossing die volledig vanuit uw webbrowser te beheren en configureren is. Werk waar u wilt, als u maar toegang heeft tot het internet.

3 NB: Voordat u begint is het belangrijk dat u weet hoe een presentatie-scherm wordt gebruikt: liggend (landscape) bv resolutie: 1920x1080 px of staand (portrait) dan is resolutie: 1080x1920 px. Er zijn verschillende resoluties te kiezen, geschikt voor diverse presentatieschermen. Dus... Bij het aanmaken van een masterpage - template - pagina - afspeellijst - presentatie kiest u altijd voor de resolutie die overeenkomt met het presentatie scherm! Tip 1: Bedenkt welke elementen/onderdelen er standaard zichtbaar moeten zijn op het presentatie-scherm. Deze heb je nodig om de layout te bepalen op de Masterpage. Tip 2: Maak een storyboard; een overzicht van de pagina s die je wilt gaan maken en van de content die je daarvoor moet gaan verzamelen. (images, tekst, video etc.) Tip 3: Maak gebruik van de hulplijnen of positie voor een strakke opmaak. Hou zoveel mogelijk de huisstijl-kleuren aan. Gebruik niet te veel tekst. Bekijk je opmaak eens van een afstand. Hou er altijd rekening mee dat de Masterpage een overlay functie heeft!

4 Log in met uw eigen inloggegevens. U komt nu in het Dashboard. U werkt voornamelijk in het menu CONTENT. In deze handleiding wordt daarom alleen het menu CONTENT uitgelegd.

5 Hoe is een presentatie opgebouwd? De structuur van een presentatie. Een presentatie bestaat uit 2 koppelingen: 1 afspeellijst + 1 player 1 koppeling is optioneel: de masterpage. + AFSPEELLIJST. 1 of meerdere koppelbaar. + PLAYER. zonder koppeling van de player kan er geen presentatie getoond worden. MASTERPAGE. is optioneel. Je kan ook een presentatie draaien zonder masterpage.

6 Onderdelen De stappen tot het komen van een presentatie. Masterpage. Meestal begin je met het maken van een Masterpage. Hierin staan de elementen die je permanent wilt tonen op het scherm. Dit kan zijn de tijd, datum, uw logo etc. Begin nu met het maken van een template. Template. De template kun je zien als sjabloon van je pagina. Plaats de elementen en ga vormgeven. (Zet bij het opmaken de preview van de Masterpage aan. Je wilt immers zien wat jouw lege werk-veld is.) Wanneer je klaar bent kies je voor MAAK PAGINA. Je pagina is nu identiek aan de template. (Vandaar template). Maak een nieuwe template om een nieuwe pagina te maken met een andere opmaak. Pagina. Je hebt nu een pagina om toe te voegen aan een afspeellijst. In de pagina zelf kan je nu alleen de onderdelen vervangen. Dus niet verplaatsen etc. Wil je dat wel dan moet dat weer in de template waarvan deze pagina gemaakt is. In de presentatie kan je pas een kalender toevoegen of bepaalde masterpage onderdelen uitschakelen op deze pagina. In de afspeellijst kan je de presentatie-tijd aanpassen van deze pagina. Standaard staat deze op 10 sec. Afspeellijst. Een afspeellijst bestaat uit 1 of meerdere pagina s. Voeg pagina toe aan timeline +. De pagina s kan je slepen om de volgorde te veranderen. In de timeline zie je de sec. p.pag. De pagina duur wordt automatisch aangepast aan de tijd van bv een video. Kies een mooie transition die bij jouw presentatie past door deze tussen de pagina s te slepen. Preview van deze afspeellijst is zonder de masterpage. Presentatie. Maak een presentatie aan en koppel hier 1 of meerdere afspeellijsten aan +. Kies hierbij de juiste Masterpage of Scroll naar Geen Masterpage. Koppel vervolgens aan de juiste player waarop je de presentatie wilt laten draaien. OPSLAAN. Preview van deze presentatie is met de masterpage. NB In menu CONTENT - MEDIA - worden alle images opgeslagen.

7 + + Afspeellijst. Een afspeellijst bestaat uit 1 of meerdere pagina s. Hoe maak ik een pagina? Begin met het maken van een template. Template. De template kun je zien als sjabloon van je pagina. Plaats de elementen en ga vormgeven. (Zet bij het opmaken de preview van de Masterpage aan. Je wilt immers zien wat jouw lege werk-veld is.) Wanneer je klaar bent kies je voor MAAK PAGINA. Je pagina is nu identiek aan de template. (Vandaar template). Maak een nieuwe template om een nieuwe pagina te maken met een andere opmaak. Maak dan van de template een pagina. Pagina. Kies voor MAAK PAGINA van de template naar keuze. De pagina staat nu klaar om aan een afspeellijst toe te voegen. Pagina. Je hebt nu een pagina om toe te voegen aan een afspeellijst. In de pagina is het nu alleen mogelijk de onderdelen te vervangen. Dus niet verplaatsen etc. Wil je dat wel dan moet dat weer in de template waarvan deze pagina gemaakt is. In de presentatie kan je pas een kalender toevoegen of bepaalde masterpage onderdelen uitschakelen op deze pagina. In de afspeellijst kan je de presentatie-tijd aanpassen van deze pagina. Standaard staat deze op 10 sec.

8 Content plaatsen vormgeven. Het opmaakpaneel. Hoe/welke elementen gebruik ik? masterpage template pagina Opmaak paneel Hierboven staat het opmaak-paneel. Wanneer je met de muis over het icoontje gaat wordt de functie weergegeven. Selecteer-element Klik op het element om het te selecteren Tekst-element Klik in je werkvlak en sleep een kader. Algemeen: tik/plak tekst. Opmaak: geef vorm. Data: externe data. Behoeft uitleg. Externe data wat is dat? Dit kunnen zijn RSS feeds Accounts: Facebook/Twitter Yahoo weather Office 365 Calender Google Calender etc. Hoe pas ik externe data toe? U maakt eerst een Externe data aan. Deze wordt opgeslagen. Wanneer u een in een template of pagina werkt en kiest voor Externe dat. Daar ziet u deze terug in de lijst. Hoe maak ik externe data? In het Menu CONFIG PANEL ziet u EXTERNE DATA. Klik + NIEUWE DATABRON. U kunt kiezen uit voor-geprogrammeerde Externe data. Klik op het icoontje naar keuzen en vul uw gegevens in. U kunt ook zelf RSS feed/xml aanmaken. Touch: touch-functie voor presentatie op touch-screen. Afbeelding-element Klik in je werkvlak en sleep een kader. Algemeen: geef de laag een naam. Opmaak: geef vorm. Data: Selecteer afbeelding uit de media map of upload een nieuwe afbeelding of kies externe data; afbeeldingen van de externe data. Touch: touch-functie voor presentatie op touch-screen. Video-element Klik in je werkvlak en sleep een kader. Algemeen: geef de laag een naam. Opmaak: positie. Data: Selecteer video uit de media map of upload een nieuwe video. Streaming: geef hier de url in; waar de video opgeslagen is. Touch: touch-functie voor presentatie op touch-screen.

9 Gekleurd vlak-element Klik in je werkvlak en sleep een kader. Algemeen: geef de laag een naam. Opmaak: positie/kleur/transparantie/hoekjes. Effect: effect of tijdsduur. Touch: touch-functie voor presentatie op touch-screen. WEB-element Klik in je werkvlak en sleep een kader. Algemeen: geef de laag een naam en geef de url van de website. Opmaak: positie. Geavanceerd: x/y positie ingeven gedeelte van de website. Tickertape-element Klik in je werkvlak en sleep een kader. Algemeen: geef de laag een naam, effect en snelheid van de ticker. Opmaak: maak op. Data: tik/plak tekst. Externe data. Geef een waarde in van de Externe data. Bv de titel van het bericht (ipv het hele bericht) en geef scheidingsteken aan (dit is het teken tussen het vorige en het volgende bericht). Behoeft uitleg. Externe data wat is dat? Dit kunnen zijn RSS feeds Accounts: Facebook/Twitter Yahoo weather Office 365 Calender Google Calender etc. Hoe pas ik externe data toe? U maakt eerst een Externe data aan. Deze wordt opgeslagen. Wanneer u een in een template of pagina werkt en kiest voor Externe dat. Daar ziet u deze terug in de lijst. Hoe maak ik externe data? In het Menu CONFIG PANEL ziet u EXTERNE DATA. Klik + NIEUWE DATABRON. U kunt kiezen uit voor-geprogrammeerde Externe data. Klik op het icoontje naar keuzen en vul uw gegevens in. U kunt ook een eigen RSS feed/xml aanmaken. Datum/tijd-element Klik in je werkvlak en sleep een kader. Algemeen: geef de laag een naam. Opmaak: geef vorm. Data: kies tijd, datum of dag. Effect: effect en tijdsduur. Touch: touch-functie voor presentatie op touch-screen. Youtube-element Klik in je werkvlak en sleep een kader. Algemeen: geef de laag een naam. Opmaak: positie. Data: voor Youtube url in. Touch: touch-functie voor presentatie op touch-screen. Vimeo-element Klik in je werkvlak en sleep een kader. Algemeen: geef de laag een naam. Opmaak: positie. Data: voor Vimeo url in. Touch: touch-functie voor presentatie op touch-screen.

10 Geluid-element Klik in je werkvlak en sleep een kader. Algemeen: geef de laag een naam. Opmaak: positie. Effect: effect of tijdsduur. Data: Kies een.mp3 (geluidsbestand) uit de mediamap of upload een nieuw.mp3 bestand. Streaming: geef de url in van de geluid-stream. NU24-element Klik in je werkvlak en sleep een kader. Algemeen: geef de laag een naam. Opmaak: positie. Touch: touch-functie voor presentatie op touch-screen. NB het NU24 element staat standaard op 60 sec. en laat algemeen nieuws zien met ondertiteling. Slideshow-element Klik in je werkvlak en sleep een kader. Algemeen: geef de laag een naam. Opmaak: positie/transparantie. Data: Selecteer afbeelding uit de media map of upload een nieuwe afbeelding. Touch: touch-functie voor presentatie op touch-screen. NB kies liggende afbeelding voor een liggend vak en staande afbeeldingen voor een staand vak. QRcode-element Klik in je werkvlak en sleep een kader. Algemeen: geef de laag een naam. Opmaak: positie. Data: voer de url in. Touch: touch-functie voor presentatie op touch-screen. NB Er wordt automatisch een QR-code gegenereerd. Deze gegenereerde code kan gescand worden met een mobiele telefoon. Op de telefoon wordt nu automatisch de url geopend in een browser. Touch: touch-functie voor presentatie op touch-screen. Powerpoint-element Klik in je werkvlak en sleep een kader. Zet uw presentatie om in een slideshow of video.

11 Oefening 1 Maak een Masterpage (bv: Vitasys Welkom) met daarin: o Kleurvlak o Tijdsindicatie o Logo o Image / uploaden of uit de media-map o Een tickertape notities:... Tip: Maak gebruik van de hulplijnen of positie voor een strakke opmaak. Hou zoveel mogelijk je huisstijlkleuren aan. Gebruik niet te veel tekst. Bekijk je opmaak eens van een afstand. Hou er altijd rekening mee dat de Masterpage een overlay functie heeft!

12 Oefening 2 Maak een Template met daarin: o Video / uploaden of uit de media-map o Slideshow / uploaden of uit de media-map notities:... Van deze template kan je en kopie maken en aanpassen om een ander soort pagina te maken. Ook kan je er steeds een nieuwe pagina van maken om alleen de onderdelen te vervangen. Je gebruikt de template dan als sjabloon voor meerdere soortgelijke pagina s.

13 Oefening 3 Maak een Pagina van de template die je net hebt gemaakt (bv: hp z desktop workstations). Deze pagina is nu klaar gezet om af te spelen. Om deze pagina af te spelen moet je hem nog wel toevoegen aan een afspeellijst. notities:... NB: In een pagina kan alleen de content (image/tekst) vervangen worden. Dus niet verschuifbaar of groter gemaakt of ander kleurtje maar er kan ook niet nog een item toevoegd worden aan de pagina. Dus alle onderdelen staan vast op een vaste plek.

14 Oefening 4 Maak een Afspeellijst aan. notities:... Klik op + en voer Naam in. Klik op + en voeg aan timeline toe. Tip: Voeg een Transition toe voor een mooi overloopeffect tussen de pagina s. Tijd per pagina is instelbaar. Pagina volgorde kan je wijzigen door te slepen.

15 Oefening 5 Maak een Presentatie. notities:... Klik op + en voer Naam in Resolutie Geen Masterpage of wel ( kiezen welke te koppelen). Nu is er een presentatie aangemaakt maar die is leeg. Er moet nog een afspeellijst aan gekoppeld worden. Klik daarom op + en koppel de afspeellijst(en). Om de presentatie af te kunnen spelen moet er nog gekozen worden voor een player. Klik daarom op + en koppel de player. Tip: Het is handig om presentaties (bv kantine, ontvangshal, etc.) en afspeellijsten (bv menu, veiligheid etc.) goed te omschrijven. Dat werkt overzichtelijker.

16 Pagina bewerken in de presentatie. Masterpage-onderdelen + Scheduling Als de presentatie klaar is kan je iets extra s meegeven aan een pagina. Masterpage onderdelen uitschakelen. In de presentatie kan je per pagina bepaalde masterpage onderdelen uitschakelen. Open je presentatie. Je ziet je afspeellijst(en) die bestaat uit 1 of meerdere pagina s. Kik op de betreffende pagina en onderstaand veld komt tevoorschijn. Vink de onderdelen aan die je uit wilt zetten op de die pagina. Dit is een voorbeeld van zo n veld. Scheduling. In de presentatie kan je per pagina en kalender/tijd-schema meegeven. Dit werkt net als hierboven... Open je presentatie. Klik op de betreffende pagina en onderstaand veld komt tevoorschijn. Hierin kan je de Start-tijd + Einddatum invullen + op welke dagen. Dit is een voorbeeld van zo n veld. U kunt ook scheduling toepassen op een hele afspeellijst. Klik hiervoor op de afspeellijst.

17 notities:...

18 Support U heeft nu een - uitleg gehad en u kunt nu zelf gemakkelijk een presentatie maken en deze uitzenden op uw schermen. Op onze website kunt u nog de video tutorials raadplegen: Voor ondersteuning bij het maken van uw presentatie kunt u contact opnemen met Linda Bosch: of stuurt u een naar: linda@vitasys.nl. Meer mogelijkheden in TDM U heeft nu een - uitleg gehad. Het menu CONTENT is compleet doorgenomen. Nog niet alle toepassingen zijn besproken. In TDM kunt u nl. ook koppellingen maken met uw Agenda: Office 365 Calendar, Google Calendar en Exchange maar Zermelo en Magister voor scholen. In het menu ADMINISTRATIE kan het gebruikersbeheer worden aangepast. Ook worden hier de licentie codes geactiveerd. In het CONFIG PANEL (hier bent u al geweest om EXTERNE DATA toe te voegen) staat bv ook het overzicht van uw PLAYERS. Achter uw HTML5 player staat Toon player URL. Wanneer u hier op klikt wordt de url zichtbaar waar uw presentatie op draait. Bij een HTML5 licentie wordt immers gebruik gemaakt van een url om de presentatie te laten draaien. NB Uitleg over bovenstaande is voor de meeste klanten overbodig daar Vitasys bij installatie uw licenties voor u activeert en uw werk-omgeving alvast voor u klaarzet zodat u direct en makkelijk van kan gaan. Mocht u toch alle ins-outs van het pakket willen weten helpen wij u graag verder. VITASYS Perenmarkt PG Zwaagdijk-Oost info@vitasys.nl.