ZAP ALL PEOPLE HANDLEIDING WEBSITE
WHAT THE ZAP? HANDLEIDING WEBSITE 1030CULTUUR
INHOUDSTAFEL p 1 | 15
1. ALGEMENE INFO VOOR SITEBEHEER 1.1 contact zap 1.2 verklarende woordenlijst 1.3 webbrowser google chrome 1.4 browse geschiedenis wissen 1.5 embedden, hoe doe je dat?
P2-3 p2 p2 p2 p3 p3
2. INLOGGEN 2.1 inloggen 2.2 volgorde ingeven inhoud website 2.3 home - dashboard
P4 p4 p4 p5
3. BEHEER NAVIGATIE 3.1 algemeen 3.2 pagina inhoud 3.2.1. tekstblokken toevoegen 3.2.2. embed code toevoegen 3.2.3. lijst nieuwsberichten 3.2.4. lijst activiteiten 3.2.5. lijst voorstellingen
P6 P7 p8-9 p8 p8 p9 p9 p10
4. BEHEER AFBEELDINGEN
p11-12
5. BEHEER ANDERE 5.1 nieuwsberichten 5.5. banners 5.5 slideshow
p13 p13 p13
6. ANALYTICS 7. FILES 8. INSTELLINGEN 8.1 configuratie 8.2 genres 8.3 locaties 8.4 organisators 8.5 losse teksten
P14 P14 P15 p15 p15 p15 p15 p15
9. GEBRUIKERSBEHEER
p15
ZAP ALL PEOPLE
DIANALAAN 53, 2600 BERCHEM, T. 03 320 26 60, F. 03 295 03 67, FORTIS. 001 4224183 06, BTW. 0864 472 017 WWW.ZAP.BE
WHAT THE ZAP? 1. ALGEMENE INFO SITEBEHEER 1.1. CONTACT ZAP p 2 | 15
vind je info niet terug in deze handleiding of zijn er problemen met de website of het cms? contacteer ons: tel 03 320 26 60
[email protected] in noodgevallen buiten kantooruren: tel 0485 43 79 01 zie contactinfo op www.zap.be/support
1.2. VERKLARENDE WOORDENLIJST front-end de front-end van je site is het gedeelte dat de surfers zien back-end de back-end van je site is het gedeelte waar je alle teksten en instellingen aanpast, statistieken op kan vragen... en is met een paswoord afgeschermd CMS website CMS is de afkorting van Content management systeem. Het CMS is een softwaretoepassing om de inhoud van de website te beren. Via het CMS van de website kan je de navigatie, nieuwsberichten, banners en slideshow van de website beheren. browser Een webbrowser is een computerprogramma om websites te bekijken. De meest gebruikte browsers zijn Internet Explorer, Mozilla Firefox, Safari en Google Chrome.
1.3. WEBBROWSER GOOGLE CHROME Je site beheren kan best door gebruik te maken van de webbrowser chrome (of eventueel van firefox, maar je mag de site zeker niet beheren in de browser internet explorer) Om een optimale werking van ons systeem te garanderen, raden wij aan om google chrome te installeren.
ZAP ALL PEOPLE
DIANALAAN 53, 2600 BERCHEM, T. 03 320 26 60, F. 03 295 03 67, FORTIS. 001 4224183 06, BTW. 0864 472 017 WWW.ZAP.BE
WHAT THE ZAP? 1.4. BROWSE GESCHIEDENIS WISSEN –CLEAR YOUR CACHE
p 3 | 15
wat is cache of browse geschiedenis? Als je een website opent, worden de afgebeelde pagina’s automatisch opgeslagen in het lokale geheugen van de browser. Als een eerder opgevraagde pagina daarna nogmaals wordt geopend, kan de versie die in het geheugen van de browser aanwezig is meteen weergegeven worden. Daardoor kan je ‘vlotter’ surfen. clear your cache of je browse geschiedenis wissen. Wanneer je aan een site werkt, moet je steeds de laatste aanpassingen zien in de website. Daarom moet je regelmatig je ‘cache’ legen = je browsegeschiedenis wissen. Je kan dit in de browsers google Chrome en Firefox doen via de shortcut Ctrl + Shift + Delete
1.5. EMBEDDEN, HOE DOE JE DAT? Bepaalde content die gedeeld wordt op bijvoorbeeld flickr.com of youtube.be kan je geïntegreerd in je eigen website weergeven. Embedden is dus het integreren van een deel van een externe webpagina in je eigen website. Bijv. een filmpje van Youtube toevoegen aan de eigen website, zodanig dat het lijkt dat het filmpje onderdeel is van je eigen webpagina. De betreffende HTML-code wordt meestal aangeboden door de externe website zelf (in dit geval Youtube). hoe werkt het? De externe website youtube.com, flickr.com, maps.google.com… bieden de html-code aan die je kan copiëren en via het CMS in je eigen site kan plakken. je kan bv embedded code vinden op: maps.google.be toevoegen van een plan youtube.com toevoegen van film soundbooth.com toevoegen van muziek issuu.com toevoegen van bladerbare brochures formulier van www.zapthemall.eu bv. filmpje van youtube.com toevoegen Kopieer de embed-code die je bij het filmpje ziet staan (insluiten) en ga naar de pagina in je eigen site. Plak de embed-code in het daarvoor bestemde veld en druk op de knop ‘bewaren’. Het filmpje verschijnt nu embedded in jouw pagina. bv. maps.google.be toevoegen van een plan in de website 1. Geef je locatie in in maps.google.be 2. Klik op het icoontje om te linken 3. Selecteer en kopieer de volledige code in het veld ‘HTML in website plakken’. 4. Plak deze code in het veld ‘embed’ in het CMS van de website
ZAP ALL PEOPLE
DIANALAAN 53, 2600 BERCHEM, T. 03 320 26 60, F. 03 295 03 67, FORTIS. 001 4224183 06, BTW. 0864 472 017 WWW.ZAP.BE
WHAT THE ZAP? 2. INLOGGEN http://1030cultuur.be/admin p 4 | 15
voorlopige url front-end http:// 1030cultuur.be/bypass
2.1. INLOGGEN IN DE BACK-END Inloggen Gebruikersnaam: bv.
[email protected] Wachtwoord de eerste keer dat je inlogt: zapzap Daarna je wachtwoord verplicht aanpassen naar een persoonlijk paswoord. rechten Afhankelijk van de rechten die je zijn toegekend zie je bepaalde knoppen en functionaliteit in de site wel of niet. Heb je hierbij vragen of wens je meer of minder rechten, neem dan contact op met de webmaster. ontwikkeling De ontwikkeling van het internet staat niet stil, daardoor is het CMS ook een ‘work in progress’. Het kan dus zijn dat bepaalde knoppen of functionaliteiten, zoals beschreven in deze handleiding, ondertussen anders worden weergegeven, benoemd of verwerkt.
2.2. VOLGORDE SITEBEHEER 1. 2. 3. 4. 5.
onder ‘instellingen’ de genres (theater, familie…) invoeren onder ‘instellingen’ alle locaties en organisators invoeren alle voorstellingen en nieuwsberichten ingeven knoppen voor het menu aanmaken. per knop inhoud ingeven: tekst of een lijst ophalen van nieuwsberichten of voorstellingen.
ZAP ALL PEOPLE
DIANALAAN 53, 2600 BERCHEM, T. 03 320 26 60, F. 03 295 03 67, FORTIS. 001 4224183 06, BTW. 0864 472 017 WWW.ZAP.BE
WHAT THE ZAP? 2.3. HOME - DASHBOARD Op de startpagina staat steeds volgende info: menu links bovenaan knoppen om de inhoud van de website te beheren p 5 | 15
menu rechts bovenaan: knoppen voor het beheer van algemene site instellingen van je website: statistieken, bestanden opladen (files), instellingen, gebruikers, afmelden… dashboard rechtstreekse link naar de belangrijkste rubrieken in de back-end laatste bewerkte pagina’s, statistieken
ZAP ALL PEOPLE
DIANALAAN 53, 2600 BERCHEM, T. 03 320 26 60, F. 03 295 03 67, FORTIS. 001 4224183 06, BTW. 0864 472 017 WWW.ZAP.BE
WHAT THE ZAP? 3. BEHEER NAVIGATIE
p 6 | 15
configureer zelf welke velden jij wil zien in de lijsten in de back-end export data naar excel
knop in het menu bovenaan toevoegen publiceren = deze pagina online tonen navigatie: knop tonen in het menu bovenaan in je website. Indien je dit uitvinkt wordt de pagina niet getoond in het menu, maar kan je er wel rechtstreeks naar surfen (=verborgen pagina). toon de knop in de subnavigatie bovenaan (algemene knoppen zoals contact en nieuws) versleep de pijltjes om een pagina van plaats te veranderen in het menu pagina bewerken pagina verwijderen
ZAP ALL PEOPLE
DIANALAAN 53, 2600 BERCHEM, T. 03 320 26 60, F. 03 295 03 67, FORTIS. 001 4224183 06, BTW. 0864 472 017 WWW.ZAP.BE
WHAT THE ZAP? 3.1. ALGEMEEN
p 7 | 15
Beheer hier de naam en de instellingen van de knop in het menu type
tekstpagina of redirect = link naar een andere pagina in de site of naar een externe website
naam back-end
naam van de pagina die enkel in de back-end wordt getoond
publiceren
publiceren of niet
social media
toon facebook comment box onderaan deze pagina
nav
de knop tonen in menu (navigatie) bovenaan in de website. Je kan ook een verborgen pagina aanmaken en deze niet tonen in het menu. Je kan rechtstreeks surfen of een link leggen naar deze verborgen pagina.
nav top
toon de knop in de subnavigatie bovenaan (algemene knoppen zoals contact en nieuws)
map
toon deze knop in sitemap in de footer van de website
hoofdniveau
indien je een subpagina wil aanmaken, kies dan hier de hoofdpagina waaronder je de subpagina wil toevoegen, bv programma
redirect
geef hier een url in als je wil dat deze knop doorlinkt naar een andere pagina in de website of naar een externe website
naam
de benaming van de knop die in het menu wordt getoond.
verkorte url
geef hier de verkorte url in van deze pagina (zo kort mogelijk en zonder spaties)
tags
Trefwoorden voor zoekmachines: geef een trefwoord in en klik op enter. Geef op deze manier verschillende trefwoorden in.
korte tekst
Deze wordt getoond in de lijstweergave van alle activiteiten en wordt gebruikt voor zoekmotorenoptimalisatie. De korte omschrijving wordt ook getoond in de zoekresultaten van zoekmachines
ZAP ALL PEOPLE
DIANALAAN 53, 2600 BERCHEM, T. 03 320 26 60, F. 03 295 03 67, FORTIS. 001 4224183 06, BTW. 0864 472 017 WWW.ZAP.BE
WHAT THE ZAP? 3.2. PAGINA INHOUD
p 8 | 15
BOUW JE PAGINA OP DOOR BLOKKEN TOE TE VOEGEN 3.2.1. TEKST BLOKKEN basisopmaak mogelijkheden MS Word kies zoveel mogelijk vooraf bepaalde stijlen:paragraph, heading2, heading 3, heading 4… tekst linken naar een website, mailadres of pagina in de website 1. selecteer de tekst 2. klik op het icoontje om links te leggen 3. geef de url of het mailadres op in het veld link url 4. indien link naar andere website of mailadres: kies bij target “open in new window” 5. indien link naar pagina in de site: kies bij target “open in this window” 6. insert en tekstblok bewaren
ZAP ALL PEOPLE
DIANALAAN 53, 2600 BERCHEM, T. 03 320 26 60, F. 03 295 03 67, FORTIS. 001 4224183 06, BTW. 0864 472 017 WWW.ZAP.BE
WHAT THE ZAP?
p 9 | 15
3.1.1. EMBEDDED CODE BLOKKEN Bv. maps.google.be toevoegen van een plan 1. Geef je locatie in in maps.google.be 2. Klik op het icoontje om te linken 3. Selecteer en kopieer de volledige code in het veld ‘HTML in website plakken’. 4. Plak deze code in het veld ‘embed’ in het CMS van de website
3.2.2. LIJST NIEUWSBERICHTEN Enkel van toepassingen voor de knop nieuws in de navigatie. Zet eventueel nog tekst boven de nieuwslijst. Selecteer bij type nieuwslijst om onder deze knop alle nieuwsberichten weer te geven. NIEUWSBERICHTEN
ZAP ALL PEOPLE
DIANALAAN 53, 2600 BERCHEM, T. 03 320 26 60, F. 03 295 03 67, FORTIS. 001 4224183 06, BTW. 0864 472 017 WWW.ZAP.BE
WHAT THE ZAP? 3.2.3. LIJST VOORSTELLINGEN
p 10 | 15
Enkel van toepassingen voor de knop programma in de navigatie. Zet eventueel nog tekst boven de lijst. Selecteer bij type lijst van voorstelling om onder deze knop de lijst van de voorstellingen op te halen Indien je een nieuw genre wil toevoegen aan ‘programma’ selecteer dan ‘programma’ als hoofdniveau. Bepaal bij ‘genre’ welk genre je wil ophalen
Instellingen programma en genre type
lijst van de voorstellingen
hoeveel items
bepaal hoeveel voorstellingen je wil ophalen (enkel eerstvolgende 1, 2, 3, 4, 5, 10 of alles)
paging
bepaal of alle en hoeveel voorstellingen op één pagina moeten worden getoond. Indien je ‘geen’ selecteert, dan worden alle voorstellingen op één pagina onder mekaar getoond.
genre
selecteer het genre (indien geen genre geselecteerd, dan worden alle voorstellingen opgehaald.
verleden
indien een voorstelling voorbij is, mag deze nog worden getoond in de lijst (je kan dit best doen, wanneer er maar enkele activiteiten van dit genre in een seizoen zijn)
willekeurig
indien je bij ‘hoeveel items’ bv. 1 hebt aangeduid en je vinkt willekeurig aan, dan wordt er at random een voorstelling uit de lijst op deze pagina getoond.
ZAP ALL PEOPLE
DIANALAAN 53, 2600 BERCHEM, T. 03 320 26 60, F. 03 295 03 67, FORTIS. 001 4224183 06, BTW. 0864 472 017 WWW.ZAP.BE
WHAT THE ZAP? 4. AFBEELDINGEN BEHEREN BIJ VOORSTELLINGEN, NAVIGATIE, NIEUWS, BANNERS EN SLIDESHOW KAN JE AFBEELDINGEN TOEVOEGEN
p 11 | 15
WERKWIJZE
-
Klik op afbeelding
-
voeg afbeelding toe
-
kies bestand: selecteer de afbeelding die lokaal op je computer staat
-
snijd en kadreer je foto: zie volgende pagina
-
klik op het schaartje om de foto te snijden (croppen)
-
klik op de diskette om je foto op te slaan.
-
maak een thumbnail aan: herhaal bovenstaande stappen.
-
beschrijving foto: geef copyright of beschrjiving bij foto (deze info wordt getoond in de website)
-
beschrijving: geef hier een beschrijving van de foto voor zoekmachines en voor blinden en slechtzienden (deze info wordt niet getoond in de website)
-
url: geef hier de url in, als je een foto wil laten linken naar een andere pagina (bv. logo sponsor)
-
opslaan
ZAP ALL PEOPLE
DIANALAAN 53, 2600 BERCHEM, T. 03 320 26 60, F. 03 295 03 67, FORTIS. 001 4224183 06, BTW. 0864 472 017 WWW.ZAP.BE
WHAT THE ZAP? SNIJD EN KADREER JE FOTO
p 12 | 15
-
de witte kader op de foto, duidt automatisch het formaat van het fotoveld in je site aan:
-
versleep het witte kader om je foto te kadreren
-
je kan de foto horizontaal of verticaal omdraaien door op de dubbele pijltje te klikken
-
je kan de afmetingen van je foto aanpassen (behalve bij thumbs of slideshow) met het vierkant icoontje in stippellijnen
-
je kan de foto vergroten (+) en verkleinen (-)
-
je kan de foto automatisch snijden tot het ideale formaat, via het icoontje met de vier pijlen
ZAP ALL PEOPLE
DIANALAAN 53, 2600 BERCHEM, T. 03 320 26 60, F. 03 295 03 67, FORTIS. 001 4224183 06, BTW. 0864 472 017 WWW.ZAP.BE
WHAT THE ZAP? 5. BEHEER NIEUWS, BANNERS EN SLIDESHOW 5.1. NIEUWS p 13 | 15
- Voeg een nieuwsbericht toe en vul alle velden in. - datum = aanmaakdatum van het nieuwsbericht - Datum tonen vanaf en datum tonen tot: als je hier een datum invult zal het nieuwsbericht enkel tijdens deze bepaalde periode worden getoond in de website. - Bewaar
5.2. BANNERS = banners om iets in de kijker te zetten op de startpagina - De banner kan linken naar een pagina in de website of naar een externe website. - De banners worden altijd in de linkerkolom op de startpagina getoond. - De banner kan tekst zijn, een afbeelding of embed code (bv. like box facebook) - Voeg een banner toe, vul alle velden in en vul de link in naar de interne of externe pagina waarnaar de banner moet doorlinken + klik op bewaar.
5.3. SLIDESHOW = slideshow met grote afbeelding om iets in de kijker te zetten op de startpagina van de website - voeg een item toe aan de slideshow - selecteer eventueel een datum ‘tonen vanaf’ en ‘tonen tot’ (wanneer de datum ‘tonen tot’ verstreken is, zal het item niet meer worden getoond in de slideshow). - geef de titel en korte uitleg in - geef de link in naar een pagina in de website of naar een externe webstie - voeg afbeeldingen toe en bewaar
ZAP ALL PEOPLE
DIANALAAN 53, 2600 BERCHEM, T. 03 320 26 60, F. 03 295 03 67, FORTIS. 001 4224183 06, BTW. 0864 472 017 WWW.ZAP.BE
WHAT THE ZAP? 6. ANALYTICS weergave bezoekersstatistieken google analytics:
p 14 | 15
-
Aantal bezoekers en unieke bezoekers
-
Aantal rechtstreeks bezoekers of redirects van andere websites
-
Meest gebruikte browsers…
7. FILES Bestanden opladen om naar te linken in de website. De bestanden worden bewaard op www.1030cultuur.be/files mappen beheren Bepaal of een map zichtbaar moet zijn op de link www.1030cultuur.be/files Bescherm een map eventueel met een paswoord Bestanden opladen Klik op de naam van een map om een map te openen om bestanden toe te voegen. Bestand opladen via ‘upload’ Bescherm een bestand eventueel met een paswoord
ZAP ALL PEOPLE
DIANALAAN 53, 2600 BERCHEM, T. 03 320 26 60, F. 03 295 03 67, FORTIS. 001 4224183 06, BTW. 0864 472 017 WWW.ZAP.BE
WHAT THE ZAP? 8. INSTELLINGEN 8.1. CONFIGURATIE p 15 | 15
algemeen -
geef hier de link naar facebook, twitter, youtube… in
-
startdatum/einddatum: bepaal binnen welke datum range voorstellingen mogen worden weergegeven
-
aantal home events: bepaal hoeveel eerstvolgende voorstellingen op de startpagina mogen worden weergegeven.
-
tags hier geef je trefwoorden in waarmee je site goed zou moeten scoren in zoekmachines. deze sleutelwoorden worden nog eens extra aan pagina’s in de site toegekend.
-
seo omschrijving omschrijving die de surfer te zien krijgt, wanneer je site vermeld staat tussen de zoekresultaten van een zoekmachine. zet hier beknopt waar de site over gaat.
online/offline via het aanvinkveld kan je de website (tijdelijk) online/offline zetten en kan je de tijdelijke tekst ook wijzigen. 8.2. NIEUWS BACK-END Beheer nieuwsbericht op het dashboard voor de andere sitebeheerders 8.3. GENRES -
voeg hier nieuwe genres toe en wijzig bestaande genres publiceren: tonen in de website of niet toon in kalender: je kan bv. kiezen om expo en cursussen niet te tonen in de kalender list: toon dit genre in de lijstweergave onder programma tickets: mogelijk om voor dit genre tickets te kopen of te reserveren via de website. titel genre: geef de naam van het genre in
8.4. LOCATIES Voeg hier de verschillende locaties toe, met de adresgegeven en url van de googlemaps.com met daarop de locatie aangeduid 8.5. ORGANISATION Voeg hier de verschillende organisatoren toe. Enkel bij GC de Kriekelaar, de Bib en Dienst cultuur wordt ook het logo getoond in de back-end 8.6. LOSSE TEKSTEN = beheer vaste labels en titels in de site, zoals organisator, locatie, categorieën, datum….
9. GEBRUIKERS CMS WEBSITE Gebruikers toevoegen en rechten bewerken: Voeg hier gebruikers toe voor het beheren van de instellingen en inhoud in de website 1030cultuur.be Geef e-mailadres, naam van gebruiker en voorlopig paswoord in. zap all people, Berchem, 17 augustus 2012
ZAP ALL PEOPLE
DIANALAAN 53, 2600 BERCHEM, T. 03 320 26 60, F. 03 295 03 67, FORTIS. 001 4224183 06, BTW. 0864 472 017 WWW.ZAP.BE