Handleiding CMS EWall

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

2 3 4 5 6 7 8 9 10 12 13 15 17 18 20 22 23

© All In The Picture 2015

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 PDFtools 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 ‘snijtool’ 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 vormgevingstool 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 14e.

Afbeelding 14d. 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 15f.

Afbeelding 15e. 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 ‘verplaatstool’. 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 16c.

Afbeelding 16a. Afbeelding 16b. 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 PDFhandleiding en Instructiefilmpjes (zie afb. 17b.), hopelijk bieden zij de oplossing voor je probleem.

Afbeelding 17b.

Afbeelding 17a. 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

Handleiding CMS EWall

Recommend Documents