Handleiding CMS EWall

Handleiding CMS EWall Inhoud: 1. Inleiding 2 2. Hoe log ik in op mijn EWall account? 3 3. Werken in groepen 4 4. Hoe plaats ik tekst achter een tegel? 5 5. Hoe plaats ik een foto achter een tegel? 6 6. Hoe plaats ik een website achter een tegel? 7 7. Hoe plaats ik een PDF achter een tegel? 8 8. Hoe plaats ik een filmpje achter een tegel? 9 9. Hoe plaats ik een afbeelding? 10 10.Hoe plaats ik een tekst over meerdere tegels? 12 11.Hoe plaats ik een foto over 16 tegels? 13 12.Hoe geef ik afbeeldingen een transparante laag mee? 15 13.Hoe plaats ik een tekst op een afbeelding (of foto)? 17 14. Hoe maak ik een nieuw grid aan? 18 15. Hoe breng ik navigatie aan tussen verschillende grids? 20 16. Hoe verplaats ik content? 22 17. Problemen 23 1

1. Inleiding. Gefeliciteerd met de aanschaf van EWall!! Met deze handleiding nemen we je stapsgewijs mee door het CMS (het systeem van inrichten en besturen ) van EWall. We gaan er bij alle onderdelen van uit dat je al in het CMS van EWall zit (afb. 2). Tijdens het werken met je EWall heb je boven in je balk permanent twee tabs staan; in de ene ben je steeds aan het werk: All in the Picture: Ewall en in de ander zie je steeds hoe EWall er voor een bezoeker/gebruiker uitziet. Door deze twee tabs naast elkaar te zetten werk je makkelijk en overzichtelijk (zie afb. 0a). Afbeelding 0a. Tenslotte: vergeet nooit om de toegevoegde content definitief in EWall op te slaan door op de rode Publish button te klikken (zie afb. 0b.) Afbeelding 0b. Zo, aan de slag, we wensen je veel plezier en creatieve inspiratie bij het maken van je eigen EWall en we hopen natuurlijk dat EWall een bijdrage levert aan jouw succes! 2

2. Hoe log ik in op mijn EWall account? Stap 1. Het inlogscherm. Hier vul je je loginnaam en password in dat je bij het aanschaffen van EWall hebt gemaakt, je klikt op LOGIN! en je komt in het volgende scherm. Afbeelding 1. Door op het pennetje te klikken selecteer je de ewall waar je mee gaat werken. Daarmee kom je in het systeem (het CMS); je gaat naar het homegrid. (zie afb. 2.) Afbeelding 2. 3

3. Werken in groepen. Je gaat aan de rechterkant naar Presentation users, je klikt dat open: Afbeelding 3a. Dan opent zich Share with new user en links kun je de nieuwe user toevoegen door het email address in te vullen in het linker venster en op OK te klikken. (zie afb. 3a.). Afbeelding 3b. Je hebt nu een nieuwe gebruiker toegevoegd, die ook in jouw EWall kan werken. Jij kunt zelf bepalen wat die persoon precies kan (zie afb. 3b.): van alleen maar kijken (Viewer) tot volledige toegang (Administrator). Als je in projectgroepen werkt is het handig om iedereen gelijke rechten te geven. 4

4. Hoe plaats ik tekst achter een tegel? Je kunt achter elke door jou geselecteerde tegel zelf tekst toevoegen, binnen een tegel klik je op het radertje tevens kun je zelf bepalen waar de tekst te zien is (zie afb. 4a.). Ook de plaats waar je tekst wil zien kun je zelf bepalen via Location Popup (zie afb. 4b.). De gemaakte tekst sla je weer op (icoon rechtsboven). Om dit echt mooi te laten worden, raden we je aan een eigen tekst goed vorm te geven en als PDF bestand in te voegen; dat ziet er het beste uit. Afbeelding 4a. Afbeelding 4b. 5

5. Hoe plaats ik een foto achter een tegel? Je kunt achter elke door jou geselecteerde tegel zelf een foto invoegen, in de tegel klik je op het radertje (zie afb.5a.). Afbeelding 5a. Dan opent de tegel; bij Content Type selecteer je Image en uit je eigen fotobestand kies je een foto ( Image file ). Ook de plaats waar je de foto wil zien kun je zelf bepalen via Location Popup (zie afb. 5b.). De uitsnede kun je ook nog zelf aanpassen. De gemaakte foto sla je weer op (icoon rechtsboven). Afbeelding 5b. Als je nu op Motown Music klikt verschijnt de foto in EWall op de gewenste plek (zie afb.5c.). Afbeelding 5c. 6

6. Hoe plaats ik een website achter een tegel? Voordat je de gewenste website (hier van: Marqt ) kunt plaatsen selecteer je de URL van Marqt in je balk (zie afb. 6a.). Afbeelding 6a. Je kopieert de URL en plaatst m onder het geselecteerde venster website achter URL: (zie afb. 6b.). Afbeelding 6b. Vervolgens heb je 2 opties voor het bekijken/gebruiken van de website. Je kunt de website openen binnen EWall en er buiten. Bij de 2e keus moet je er wel steeds om denken om na het gebruik van de website weer terug te gaan in EWall. Deze keus bepaal je door in Location Popup te selecteren hoe de website verschijnt (zie afb. 6c.). Afbeelding 6c. Het selectiepijltje staat nu bij de keus om de website buiten EWall te gebruiken. Vergeet niet je gemaakte keus weer op te slaan (icoontje rechtsboven). 7

7. Hoe plaats ik een PDF achter een tegel? In de tegel waar je het PDF wil plaatsen ga je naar het radertje Edit Link Tile 5 ( zie afb. 7a.), hier klik je op en het venster opent zich; achter Content Type: kies je PDF via Select File ga je naar je eigen bestanden om je PDF document te selecteren. Achter PDF file: staat de pdf naam. Hierna sla m op via het icoontje rechtsboven (zie afb. 7b). Afbeelding 7a. Afbeelding 7b. In de tegel School in the Picture zie je rechtsonder het PDF icoontje ten teken dat het PDF document is geplaatst en ook alle PDF tools zijn beschikbaar (zie afb. 7c.). Via Location Popup (zie afb. 8b.) kun je selecteren waar de PDF zichtbaar wordt. Afbeelding 7c. 8

8. Hoe plaats ik een filmpje achter een tegel? Allereerst maak je via Youtube een eigen kanaal aan, waar je jouw te plaatsen filmpjes inzet. Voor je het gewenste filmpje (hier van Motown Artiesten ) gaat plaatsen, selecteer en kopieer de URL van het filmpje via Youtube (zie afb. 8a.). Afbeelding 8a. Je gaat weer terug naar je het radertje, je klikt daarop en je selecteert achter Content Type Youtube en achter Youtube ID (url) plak je de gekopieerde URL (zie afb. 8b.). Via het icoontje rechtsboven sla je de URL (de film) op. Afbeelding 8b. Via de Location Popup bepaal je waar het filmpje wordt afgespeeld. Afbeelding 8c. Als je nu op de tegel Motown Music klikt wordt het filmpje afgespeeld in het door jou geselecteerde deel van EWall. (zie afb. 8c.). 9

9. Hoe plaats ik een afbeelding? Je gaat naar de tegel van waaruit je een afbeelding wil plaatsen, je klikt vervolgens op het pennetje (zie afb. 9a.). Afbeelding 9a. In de volgende laag kun je alles gaan doen om een afbeelding te plaatsen (zie afb. 9b.). Achter Background selecteer je Face Color/Image, hierna klik je op Select Background Image. Je komt dan in je eigen bestanden, waar je je afbeelding uit kunt halen. Via Tile Size geef je aan over hoeveel tegels je de afbeelding wil plaatsen (in dit voorbeeld in 1 tegel). Je beschikt ook nog over een snij tool waarmee je (enigszins) kunt selecteren wat je wil laten zien. Na je selectie kies je met het icoontje rechtsboven voor opslaan. Afbeelding 9b. 10

Voor het plaatsen van een afbeelding over meerdere tegels volg je grotendeels dezelfde stappen. Het enige verschil zit m in de selectie bij Tile Size: hier verander je Width en Height in het gewenste aantal tegels waarover je de afbeelding wil plaatsen ( zie afb. 9c.). Afbeelding 9c. 11

10. Hoe plaats ik een tekst over een of meerdere tegels? Je gaat naar de tegel van waaruit je een tekst wil plaatsen, je klikt vervolgens op het pennetje (zie afb. 10a.). Afbeelding 10a. In de volgende laag kun je alles gaan doen om een tekst te plaatsen (zie afb.10b.). Achter Background selecteer je Transparent, je kunt nu zelf via Text in Tile een tekst toevoegen. Je hebt daarbij de beschikking over een aantal tools die je wel kent vanuit het werken met Word. Via Tile Size geef je aan over hoeveel tegels je de tekst wil plaatsen (in dit voorbeeld in 1 tegel). Na je selectie kies je met het icoontje rechtsboven voor opslaan. Afbeelding 10b. 12

11. Hoe plaats ik een foto over 16 tegels? Je gaat naar de rechterkant van het CMS, naar Grid Options, vervolgens druk je op Set grid background image (zie afb. 11a.). Je komt dan op je eigen harde schijf; hier selecteer je de foto die je wil plaatsen. Afbeelding 11a. De foto wordt vervolgens geladen en verschijnt in het venster; je kunt zelf bepalen welke uitsnede je wil maken. Via het rechter icoontje sla je de foto op ( zie afb. 11b.). Door op Publish te klikken (zie afb. 11a.) zie je hoe iemand jouw EWall ziet als hij/zij jouw EWall URL heeft. Hoe dat er uit ziet, zie je in afbeelding 11c. Je kunt het opslaan altijd ongedaan maken door op Clear Background te klikken, de foto is dan verwijderd. Afbeelding 11b. 13

Afbeelding 11c. 14

12. Hoe geef ik afbeeldingen een transparante laag mee? Dit is een vormgevings tool waarmee je je afbeeldingen in EWall op een manier kunt inkleuren die past bij de door jou gekozen stijl/presentatie. Je gaat naar het pennetje in de tegel linksboven in de afbeelding (zie afb. 12a.). Afbeelding 12a. De tegel opent zich en je kunt aan de slag. Allereerst open je het venster Transparency ; je kunt dan uit verschillende maten van transparantie kiezen (hier wordt voor half transparent gekozen). Bij Face Color kun je kiezen uit een uitgebreid kleurenpalet waarmee je de transparantie een kleur geeft. Afbeelding 12b. 15

Nadat je je kleurkeus bij Face Color hebt geselecteerd, klik je op het icoontje rechtsboven om op te slaan. Het resultaat is Afbeelding 12c.. Je kunt met deze tool behoorlijk varieren en zo je afbeelding de sfeer meegeven die je met je Ewall wil neerzetten. Afbeelding 12c. 16

13. Hoe plaats ik een tekst op een afbeelding (of foto)? Je gaat een tekst toevoegen aan een afbeelding die al in je EWall zit. Je klikt op het pennetje in de tegel waar je tekst moet komen. Het venster opent zich en je kunt de gewenste tekst schrijven. Zoals je ziet heb je de beschikking over een aantal tools die je vanuit Word vast kent. Je kunt lettergrootte, lettersoort, letterkleur etc. zelf bepalen (zie afb. 13a.). Afbeelding 13a. Het is een kwestie van zelf uitproberen. Als je de tekst af hebt, klik je op het icoontje rechtsboven en de tekst wordt in de afbeelding geplaatst. Het resultaat is Afbeelding 13b. Afbeelding 13b. 17

14. Hoe maak ik een nieuw grid aan? EWall heeft altijd meerdere lagen, deze lagen noemen we grids. Als je start heb je automatisch je eerste grid, dit grid heeft de naam van het eerste deel van je URL, hier Frank1 en dit staat onder Presentation Options: (zie afb. 14a.). Afbeelding 14a. Je ziet het ook terug in Grid Options, daar staat achter GridName: Frank1 (zie afb. 14b.). Ook in Grids in this presentation heeft het eerste grid de naam Frank1. (zie afb. 14c.). Afbeelding 14b. Afbeelding 14c. 18

Als je de naam van je eerste grid wil veranderen (logischer maken; door het bijv. Home te noemen) dan doe je het volgende: je gaat naar Grid Options, daar zet je achter Gridname Home en je klikt op Publish ( zie afb. 14d.). Onder Grids in this presentation zie je ook dat het eerste grid nu Home heet (zie afb. 14e.). Afbeelding 14d. Afbeelding 14e. Voor het aanmaken van een nieuw grid ga je naar Grids in this presentation, je klikt op New Grid en in Grid Options vul je achter GridName Test in. Dit sla je op via Publish. Grid 2 is aangemaakt en heet Test en zo kun je eindeloos verder bouwen. Via Delete grid kun je het toegevoegde grid weer verwijderen. Het Homegrid kan niet verwijderd worden (zie afb. 14e.). 19

15. Hoe breng ik navigatie aan tussen verschillende grids? Er zijn 2 grids Home en Test ( zie afb. 15a.), deze grids gaan je met elkaar verbinden. Afbeelding 15a. Probeer de navigatie logisch te maken. In dit voorbeeld kiezen we als navigatieplek de tegel rechtsonder en de tegel linksboven. Op de tegel rechtsonder klik je op het pennetje, daarmee open je het venster waarmee je tekst kunt toevoegen. Met het icoontje rechtsboven sla je de tekst op (afb. 15b.). Afbeelding 15b. Je gaat naar de tegel rechtsonder (afb. 15c.), je klikt op het radertje Edit Link Tile 16. en er opent zich een venster waaruit je Grid selecteert (afb. 15d.). 20

Afbeelding 15c. Afbeelding 15d. Hierna opent het venster achter Choose a grid, je zit in het grid Home en je wil naar Test dus je selecteert Test en slaat dat op met het icoontje rechtsboven ( zie afb. 15e.). Je klikt ook nog op Publish en de hele navigatie is voltooid. Het icoontje rechtsonder in de tegel (zie afb. 15f.) geeft aan dat de navigatie in de tegel zit. Afbeelding 15e. Afbeelding 15f. Je wil natuurlijk ook terug van het grid Test naar Home, deze navigatie zet je in de tegel linksboven. Je gaat weer naar het pennetje; de tegel opent zich; je gaat nu naar het menu en je klikt op icons (zie afb. 15g.). Je selecteert het symbool dat je wil gebruiken, in dit geval een pijl naar links (terug) en je slaat m op. De pijl staat nu op de tegel linksboven (zie afb. 15h.). Afbeelding 15g. Afbeelding 15h. Vervolgens klik je op het radertje Edit Link Tile 1, de tegel opent zich; achter Content Type : selecteer je weer Grid en je gaat door naar Choose a grid en daar selecteer je Home, want je wil van het grid Test terug naar het grid Home (zie afb. 15i.). Als je dit allemaal gedaan hebt druk je op Publish de hele navigatie is vastgelegd (zie afb.15j.). Afbeelding 15i. Afbeelding 15j. 21

16. Hoe verplaats ik content? Je kunt content op twee manieren verplaatsen: via het prullenbakje dat je op elke tegel rechtsboven ziet staan, je gooit de content weg en kun m opnieuw voor een andere tegel selecteren en plaatsen (nogal omslachtig). het linker icoontje op elke tegel is een verplaats tool. Je klikt op het icoontje en sleept het met inhoud naar de andere tegel waar je content in wil plaatsen. Op die plek laat je het icoontje los en de content is verplaatst (zie afb.16a.;16b. en 16c.). Dit kan zowel met afbeeldingen als met tekst. Afbeelding 16a. Afbeelding 16b. Afbeelding 16c. Je klikt ten slotte op Publish om de verandering definitief te maken. 22

17. Problemen? Problemen kunnen natuurlijk altijd voorkomen. Wat moet je doen om je probleem op te lossen? Via de helpbutton in je CMS (zie afb.17a.) kom je op onze website; daar ga je naar Handleiding. Op deze pagina staan een PDF handleiding en Instructiefilmpjes (zie afb. 17b.), hopelijk bieden zij de oplossing voor je probleem. Afbeelding 17a. Afbeelding 17b. Is je probleem nog niet opgelost dan ga je naar Contact ; links op de pagina staat een emailadres. Stuur je probleem naar ons toe en wij gaan dit binnen 24 uur voor jou verhelpen (zie afb. 17c.). Afbeelding 17c. 23