HOWTO EasySchool. Handleiding voor de beheerder. Colofon Maassen Consulting. Documentnaam: HOWTO EasySchool beheerder v2.14.pdf Status: Versie 2.

Transcriptie

1 HOWTO EasySchool Handleiding voor de beheerder Colofon Auteur: Maassen Consulting Documentnaam: HOWTO EasySchool beheerder v2.14.pdf Status: Versie 2.14 Datum aanmaak: 28 april 2014 Datum laatste update: 4 december

2 Inleiding EasySchool biedt een compleet interactief webpakket voor het primair onderwijs; voor scholenstichting en scholen. Deze handleiding voor het gebruik van EasySchool is geschreven voor de beheerder van de website. Het vernieuwde EasySchool product de mogelijkheid om de content van de websit te beheren door middel van front-end editing. Voor leerkrachten die met front-end editing willen werken, is er een verkorte versie van de handleiding: HOWTO EasySchool leerkrachten.pdf. Inhoudsopgave HOWTO EasySchool 1 Handleiding voor de beheerder 1 Inleiding 2 Inhoudsopgave 2 Begrippen 5 Inloggen 5 Front-end beheer 6 1. Sidebar 6 2. Content 7 Site-instellingen 7 Omschrijving 7 Google Analytics ID 7 Google Verificatie 7 Facebook link 8 Twitter link 8 Stichting link 8 Adresgegevens 8 Welkomsttekst loginscherm 8 Cookiewet teksten 8 9 Menu bewerken 9 Nieuwe pagina toevoegen 9 Pagina-instellingen 11 Beheer personen 12 Groepen (stichting) 12 Groepen (school) 12 Nieuwe personen toevoegen 12 Handmatig personen toevoegen 13 Personen importeren 13 Bestaande personen toevoegen aan een andere groep 14 Leerkrachten 14 Personeel 14 Ouders 14 Personen verwijderen 14 Beheerders toevoegen 14 2

3 Pagina sjablonen 15 Pagina 15 1-koloms pagina 16 2-koloms pagina 16 Zoeken 17 Zoeken door meerdere websites 18 Formulier contactgegevens 19 Formulier inzendingen bekijken 20 Team Team-lid toevoegen 22 Sitemap 23 Homepage sjablonen 24 Kijkglazen instellen 26 Carrousel instellen 27 Social media instellen 27 Homepage sjablonen: Actueel 28 Homepage sjablonen: Welkom 30 Flexibele opbouw 33 Homepage sjabloon omwisselen 33 Carrousel beheren 33 Carrousel-item toevoegen/verwijderen 34 Volgorde carrousel-items 35 Overige sjablonen 36 Agenda 36 Groepen 37 Groepspagina aanmaken 38 Beheerrechten voor leerkrachten 38 Kinderopvang 39 Nieuws 39 Scholenoverzicht 39 Bewerken scholenoverzicht 39 Instellen filter-categorieën 41 Gebruik filter-categorieën 42 Koptekst dropdown # 42 Catsetid 42 FAQ 42 Fotoboek 43 Standaard lijst 43 Vacatures 44 Nieuwsbrief notificatie 44 Stap 1. Nieuwsbrief aanmaken 45 Stap 2. Voeg adressen toe aan de verzendlijst 45 Stap 3. adressen toevoegen aan verzendlijst 46 Stap 4. Maak een nieuw exemplaar nieuwsbrief aan 46 Stap 5. Verstuur de nieuwsbrief 46 Aan- en afmelden nieuwsbrief 47 Formulier generator 49 Formulier inzendingen bekijken 51 3

4 Front-end editing van content 52 Pagina-content bewerken 52 Gebruik van de editor 53 Blok 1: Knippen, plakken, zoeken en vervangen 53 Blok 2: Tekst opmaak 54 Blok 3: Hyperlinks, tekst uitlijning en uploads 54 Blok 4: Blokstijlen 58 Blok 5: HTML broncode bewerken 58 Berichten bewerken 59 Nieuw item maken 59 Item bewerken 60 Item verwijderen 60 Kijkglas voor Externe Content 61 Instellingen extern kijkglas 63 4

5 Begrippen Community Content Externe content Beheervenster Front-end editing Sidebar Editor Header Footer Carrousel Bannermenu Een website met eigen instellingen en een eigen menu. Met het EasySchool product kunnen per stichting meerdere communities (websites) gemaakt en beheerd worden. Inhoud van een webpagina (tekst en/of afbeeldingen) Berichten afkomstig uit een andere website (externe bron), zoals bijvoorbeeld Facebook, Twitter, MijnSchoolfinfo, Schoudercom of RSS feeds. Het venster dat verschijnt nadat je op de rode EasySite knop hebt geklikt. Dit beheervenster zal op termijn uitgezet worden omdat het beheer van EasySchool naar de voorkant gehaald wordt. Inloggen en direct de pagina-inhoud bewerken zonder beheervenster. Nieuwe interface waarmee je personen toevoegt, paginainstellingen wijzigt of de toegangsrechten voor een groep regelt. De knoppenbalk waarmee je de content van een webpagina kunt opmaken. Bovenkant van de website. In de header kan door Maassen een afbeelding geplaatst worden. In de header staan ook de sociale media iconen, de banner-items en de zoekbox. Onderkant van de website. In de footer staan adresgegevens, maximaal 10 banner-items en het logo van de stichting. en/of teksten op de homepage Tweede en derde menu (vaak in de header en/of footer van een website). Hier staan vaak koppelingen naar Contact, Disclaimer, Sitemap, et cetera. Inloggen Via de inlog-link in de footer van de website kom je op de inlogpagina van de website. Log hier in met de gegevens van je beheerder-account. Je kan hier ook een nieuw wachtwoord opvragen als je dat vergeten bent. Figuur 1. Inlog-link in de footer van de website 5

6 Figuur 2. Inlogpagina Front-end beheer Zodra je als beheerder of leerkracht ingelogd bent, wordt het front-end beheer zichtbaar. Het front-end beheer bestaat uit twee onderdelen: 1. Sidebar -icoontje, in de linkerbovenhoek van de website, om de sidebar te openen. In de sidebar regel je wie er toegang tot een pagina heeft. Ook andere pagina-instellingen vind je in de sidebar. Let op: De opties in de sidebar kunnen dus per pagina verschillend zijn! Site-instellingen Op de homepage kun je in de sidebar ook de site-instellingen wijzigen. Personen & Groepen Op elke pagina kun je via de sidebar ook Personen toevoegen aan groepen. Figuur 3. Open de sidebar via het 'tandwieltje' Figuur 4. De sidebar uitgeklapt op de homepage 6

7 2. Content De volgende content kan via de voorkant bewerkt worden: Teksten, afbeeldingen en kopjes waar een gestippelde lijn omheen staat Instellingen van kijkglazen en de carrousel op de homepage Kijkglazen met externe inhoud Site-instellingen Alleen op de homepage zijn in de sidebar een aantal opties beschikbaar waarmee de algemene instellingen voor de website geregeld worden. Let op: De site-instellingen zie je dus ALLEEN in de sidebar van de homepage! Figuur 5. Instellingen van de website Omschrijving Vul hier een korte omschrijving voor de website in. Deze tekst wordt door zoekmachines zoals Google en Yahoo! gelezen en mogelijk als omschrijving van de website bij de zoekresultaten geplaatst. Google Analytics ID Bij de Eigenschappen van de Community is op het tabblad Metadata een invulveld beschikbaar waar een Google Analytics UA-code kan worden ingevuld, zoals: UA-XXXXX-Y of UA-XXXXX-YY. Als je gebruik wil maken van Google Analytics vraag dan een account aan via: Google Verificatie Omdat privacy belangrijk is, wil Google zeker weten dat je de eigenaar bent van een website. Door een verificatie- 7

8 meer informatie over je site zien of biedt je meer mogelijkheden om Google tools te gebruiken. Lees hier meer over Google webmaster tools: De code die je moet plakken ziet er ongeveer zo uit: <meta name="google-site-verification" content="7-ojk3l_v47bbiw7butvtyflselv-khifio2jhmqj5u"> Facebook link Vul hier eventueel het adres van de Facebook pagina van de stichting of school in. Let op dat je het volledige adres gebruikt, inclusief Naast de zoekbox komt er dan een Facebook icoontje te staan. Vul je niets in, dan toont het icoontje niet. Twitter link Vul hier eventueel het adres van de Twitter pagina van de stichting of school in. Let op dat je het volledige adres gebruikt, dus inclusief of Naast de zoekbox komt er dan een Twitter icoontje te staan. Vul je niets in, dan toont het icoontje niet. Stichting link Figuur 6. Social media icoontjes en het zoekveld Rechts onderin de footer staat altijd het logo van de stichting waar een school bij aangesloten is. Op dit logo kun je klikken. Vul hier de URL van de website van de stichting in. Adresgegevens Vul hier het adres van de stichting/school in. Gebruik de code <br> om een nieuwe regel te beginnen: De Scholenstichting<br>Straatweg 1<br>1234 AB De Stad<br> Deze informatie wordt in de footer als volgt getoond: Figuur 7. Adresgegevens in de footer van de website Welkomsttekst loginscherm Op het inlogscherm van de website staat een welkomsttekst. Je kunt deze tekst hier aanpassen. Het is ook mogelijk om hier een afbeelding of filmpje te zetten. Cookiewet teksten In elke EasySchool website is een standaard cookiescherm ingebouwd. Bij dit cookiescherm horen drie teksten: Cookiewet popup tekst Cookiewet uitlegtekst 8

9 Cookiewet korte popup tekst Deze teksten kun je naar believen aanpassen. EasySchool kunnen nu aan de voorkant beheerd worden. Beweeg je met de muis-cursor over een menu- -symbooltje: Figuur 8. Beweeg over een menu-item om het te bewerken Je kunt op deze manier zowel h website bewerken. Menu bewerken Klik op het potlood om het menu-item te bewerken of om een nieuwe menu-items toe te voegen: Figuur 9. Bewerk het menu-item of voeg een nieuwe toe Gebruik de verschillende opties om: De titel van het menu-item te wijzigen Het menu-item te verplaatsen; met de pijltjes-knoppen wijzig de je volgorde van het item in het menu Een nieuwe pagina toe te voegen op hetzelfde menu-niveau of een niveau lager. Nieuwe pagina toevoegen Wil je een nieuwe pagina aan het menu toevoegen, dan heb je twee keuzes: 1. Voeg de pagina toe op hetzelfde menu-niveau: klik op + dit menu-niveau 2. Voeg de pagina één menu-niveau lager (dieper) toe: klik op + lager niveau. 9

10 Je krijgt een nieuw scherm te zien waar je een titel kunt typen: Figuur 10. Type de titel van het nieuwe menu-item Zodra je een titel typt, krijg je verschillende sjablonen aangeboden: Figuur 11. Typ een titel en kies welk type pagina je wil toevoegen 10

11 Kies het sjabloon dat je wil toevoegen door op de naam van het sjabloon te klikken. Je gaat nu direct door naar de nieuwe pagina. Gebruik de vakken met een gestippeld lijn er om heen om de pagina te vullen met content. Zie pagina 52 voor meer uitleg. Figuur 12. Vul de nieuwe pagina met content Pagina-instellingen Als je klaar bent met het vullen van de pagina, kun je via de sidebar bepalen wie er toegang krijgt: Alleen beheerders: alleen personen in de groep Beheerders mogen de pagina bekijken en ook bewerken. De pagina is afgesloten voor alle andere personen. Ouders: personen in de groep Ouders kunnen de pagina bekijken, maar voor het publliek is de pagina afgesloten. Iedereen: Iedereen, ook het publiek, kan de pagina bekijken. Figuur 13. Bepaal via de sidebar wie er toegang heeft tot de pagina Lees hieronder verder over hoe je personen aan een groep kunt toevoegen. 11

12 Beheer personen Om het beheer van personen en toegangsrechten makkelijker te maken wordt EasySchool opgeleverd met een aantal vaste groepen: Groepen (stichting) Voor de website van de stichting zijn twee groepen beschikbaar: Beheerders: Beheer van alle websites van de stichting. Personeel: Via deze groep kan het personeel van een stichting toegang krijgen tot, bijvoorbeeld, een intranet. Iedereen: Via deze groep wordt de toegang voor het publiek geregeld. Aan deze groep kun je geen personen toevoegen Groepen (school) Voor de website van een school zijn drie groepen beschikbaar: Beheerders: Beheer van de website van de school. Leerkrachten van de school. Ouders afgesloten. Iedereen: Via deze groep wordt de toegang voor het publiek geregeld. Aan deze groep kun je geen personen toevoegen Nieuwe personen toevoegen Om personen toe te voegen, open je eerst de sidebar. Op het tabblad Personen zie je welke personen in welke groep(en) zitten: Figuur 14. Overzicht van personen & groepen 12

13 Met de knop Personen toevoegen kun je personen handmatig of via een CSV-import aan een groep toegevoegen. Handmatig personen toevoegen Figuur 15. Een persoon handmatig toevoegen Vul de velden in en geef bij de opties aan of je de inloggegevens automatisch aan de persoon wil laten sturen. Kies ook aan welke groep je de persoon wil toevoegen. Inloggevens Gebruikernaam: Het adres van de persoon. Wachtwoord: Het wachtwoord dat je in het veld Wachtwoord opgeeft. Zorg voor een sterk wachtwoord voor beheerders (bijvoorbeeld via: Personen importeren Het is ook mogelijk om meerdere personen in één keer toe te voegen. Gebruik hiervoor het tabblad Importeren via CSV-bestand. Een CSV-bestand kun je maken met een spreadsheet programma (bijvoorbeeld, Microsoft Excel). Het CSV-bestand moet op een bepaalde manier zijn opgemaakt. Via de interface kun je een Voorbeeld CSV-bestand downloaden. Gebruik dit voorbeeld om een spreadsheet met persoonsgegevens te maken en sla dit op als CSV-bestand. Figuur 16. Personen importeren 13

14 Geef bij de opties aan of je de inloggegevens automatisch aan de persoon wil laten mailen. Let op: Selecteer de groep waar je de persoon aan wil toevoegen. Bestaande personen toevoegen aan een andere groep Personen worden op adres aan het systeem toegevoegd. Bestaat er al een persoon met hetzelfde adres, dan wordt de persoon NIET nog een keer toegevoegd. Het is wel mogelijk om een bestaande persoon aan een tweede, of derde groep toe te voegen. Bijvoorbeeld, als een persoon beheerder moeten worden, maar al eerder aan het systeem is toegevoegd (bijvoorbeeld als leerkracht), voeg ze de persoon dan opnieuw, handmatig toe. Let op dat je hetzelfde adres waarmee deze persoon al eerder was toegevoegd opnieuw gebruikt. De persoon krijgt dan geen nieuwe inlogaccount, maar wordt wel aan de groep Beheerders toegevoegd. Leerkrachten Personen die je aan de groep Leerkrachten toevoegt, krijgen automatisch beheerrechten op alle groepspagina site. Gebruikt je voor de groepen op je school de EasySchool Groepen toevoegen. Personeel Er zijn twee methoden om personen aan de groep Personeel toe te voegen: 1. Rechtstreeks: Voeg personeel handmatig of via een CSV-bestand rechtstreeks toe te voegen. 2. Via de school: Voeg het personeel per school toe aan de groep Leerkrachten. Personen die je aan de groep Leerkrachten van een school toevoegt, worden automatisch ook aan de groep Personeel van de stichting toegevoegd. Het voordeel van deze opzet is dat de groep Personeel makkelijker up-to-date te houden is. Ouders Personen die u toevoegt aan de groep Ouders dan een inlogaccount voor de website. ankelijk maken. Deze ouders krijgen Personen verwijderen Op dit moment is het nog niet mogelijk om via de voorkant van het systeem personen uit een groep te verwijderen. Deze functionaliteit zal in een latere release van EasySchool beschikbaar komen. Via de rode beheerknop kunt u personen uit een groep of uit het systeem verwijderen. Beheerders toevoegen Personen die het volledige beheer over de website moeten krijgen, voegt u toe aan de groep Beheer. Geef beheerders een sterk wachtwoord, bijvoorbeeld via: 14

15 Pagina sjablonen Op dit moment zijn in EasySchool de volgende pagina sjablonen beschikbaar: Pagina: Pagina met kleur: asdfasdf Zoeken: Dit sjabloon is nodig om het zoeken op de website voor gebruikers te activeren. Met dit zoeksjabloon kan ook gezocht worden op delen van woorden. Formulier contactgegevens: Dit sjabloon gebruik je om een eenvoudig contactformulier te maken. Formulier generator: Met dit sjabloon maak je zelf webformulieren aan, bijvoorbeeld een aanmeldformulier. Sitemap: Een sitemap biedt bezoekers een handig overzicht De sitemap is ook belangrijk voor het indexeren van je website door zoekmachines, zoals Google of Yahoo! Pagina Het paginasjabloon Pagina kan gebruikt worden voor: Een 1-koloms pagina Een 2-koloms pagina Dit paginasjabloon heeft 3 velden waarin content kan worden geplaatst: Brede kolom links Smalle kolom rechts Volledige breedte Figuur 17. De content-velden van het paginasjabloon 15

16 1-koloms pagina Een 1-koloms pagina maak je door alleen het onderste content-veld over de volledige breedte in te vullen. Afbeeldingen die breder zijn dan de breedte van de kolom worden automatisch terug geschaald. 2-koloms pagina Figuur 18. Voorbeeld van een 1-koloms pagina Een 2-koloms pagina maak je door de het brede content-veld links en de smalle kolom aan de rechterkant in te vullen. Boven beiden kolommen kan een titel worden opgegeven. De titel boven de rechterkolom is optioneel. Figuur 19. Voorbeeld van een 2-koloms pagina 16

17 Zoeken Elke EasySchool website bevat een zoekbox, rechtsboven in de header van de website: Figuur 20. De zoekbox Met de zoekbox kunnen bezoekers binnen de website (of websites) naar informatie zoeken op zowel hele zoekwoorden als een deel van een zoekwoord. Zoeken op deel van een woord betekent dat je naast hele zoekwoorden, zoals Onderwijs, ook kunt zoeken op een deel van een woord, bijvoorbeeld Onderwij. Deze deel- Onderwijzer, Onderwijsaanbod, Onderwijsassistent, en zo verder. Zoekresultaten worden als volgt getoond: Figuur 21. Zoekresultaten bij gebruik van het paginasjabloon Zoeken 17

18 Zoeken door meerdere websites Je kan de zoekfunctie door meerdere EasySchool websites laten zoeken: 1. Ga via de Sitemap naar de zoekpagina 2. Open via de rode beheerknop het beheerscherm 3. Ga naar de Eigenschappen van de zoekpagina 4. Klik op de link Haal ComID 5. Selecteer met CTRL-klik of SHIFT-klik één of meer websites (communities) 6. Klik op Opslaan. Figuur 22. Doorzoek meerdere websites Deze websites worden nu doorzocht op zoekwoorden die je in de zoekbox intypt. 18

19 Formulier contactgegevens Voeg een eenvoudig formulier aan je website toe met het sjabloon formulier contactgegevens. Via dit formulier kan de bezoeker een vraag stellen of zijn contactgegevens doorgeven. Het formulier toont na invullen en versturen een succesbericht en verstuurt aan de bezoeker een bevestigingsmailtje. Figuur 23. Het formulier contactgegevens De instellingen voor het formulier, vind je op het tabblad Pagina van de sidebar: Figuur 24. Instellingen van het contact formulier 19

20 Afzender bevestigingsmail: Geef het adres van de afzender op, bijvoorbeeld Ontvanger formulier: Vul hier in op welk adres het formulier ontvangen moet worden. Vaak is dit hetzelfde adres als de afzender van de bevestigingsmail. Onderwerp formulier: Vul hier het onderwerp in van de die aan de ontvanger verstuurd wordt. Door een goed onderwerp te kiezen kan je het formulier makkelijker terugvinden in je inbox. Tekst bevestigingsmail: De bezoeker ontvangt een bevestigingsmail op het adres dat hij/zij invult op het formulier. Standaard worden altijd de formuliergegevens aan de bezoeker teruggestuurd. Je kunt hier nog een tekst aan toevoegen door deze hier in te typen; bijvoorbeeld een beleefd bedankje en wat de bezoeker kan verwachten als reactie op zijn vraag. Tekst succesbericht: Nadat de bezoeker het formulier heeft verstuurd, wordt op het scherm een succesbericht getoond: Figuur 25. Melding bij succesvol versturen van het formulier Formulier inzendingen bekijken Een ingevuld formulier wordt altijd verstuurd aan het adres dat is ingevuld bij Ontvanger formulier. Het is ook mogelijk om de inzendingen op de website te bekijken; gebruik hiervoor de knop Toon inzendingen. Let op: alleen de beheerder van de website kan de ingestuurde formulieren bekijken. Figuur 26. Bekijk de ingestuurde formulieren, inclusief gegevens 20

21 Wil je meer complexe formulieren maken, dan kan dat via de rode beheerknop met de module Formulierengenerator. Team Met het Team sjabloon laat je zien wie er allemaal op je school werken. T Figuur 27. Selecteer een thema voor het team-overzicht 21

22 Figuur 28. Team-overzicht thema opties Team-lid toevoegen 1. Klik onderaan de overzichtspagina op de knop Nieuw item. 2. Vul voor het team-lid de relevante gegevens in. 3. Gebruik de knop Afbeeldingen beheren om een foto van het team-lid bij het item te plaatsen. Deze foto wordt in het overzicht bij de persoon getoond. 4. Je kunt items altijd weer bewerken door in het overzicht bij het item op het potlood-icoontje te klikken. 22

23 Figuur 29. Een team-lid toevoegen Sitemap belangrijk voor het indexeren van je website door zoekmachines, zoals Google of Yahoo! Figuur 30. De sitemap geeft een overzicht van alle pagina's in de website 23

24 Homepage sjablonen Voor EasySchool is een homepage concept ontwikkeld waarmee je makkelijk zelf de indeling van de homepage kunt bepalen. Er zijn twee typen homepages beschikbaar, Actueel en Welkom: Actueel: De sjablonen Actueel 1 t/m 5 zijn geschikt voor het maken van homepages waarbij actuele content (nieuws, agenda, twitter- of facebook-feed, groepsitems) zoveel mogelijk bovenin staat. Welkom: De sjablonen Welkom 1 t/m 5 zijn geschikt om een homepages te maken die beginnen met een welkomsttekst of foto. Actuele informatie staat bij deze sjablonen wat verder naar onder. De sjablonen bestaan elk uit vier rijen met plek voor vaste of wisselende content (kijkglazen). Door rijen in het sjabloon wel of niet te gebruiken is het mogelijk om met één sjabloon verschillende indelingen te maken. Voor elk kijkglas kan ingesteld worden uit welke itembanken informatie getoond 24

25 Bijvoorbeeld De indeling van het homepage sjabloon Actueel 1: Figuur 31. Homepage sjabloon Actueel 1 Door in dit sjabloon alleen de 2 e en de 3 e rij of alleen de 1 e en 4 e rij te gebruiken, ontstaan verschillende indelingen: Aleen rij 2 en 3 actief Alleen rij 1 en 4 actief Figuur 32. Actueel 1 met rij 2 en 3 (links) en rij 1 en 4 (rechts) geactiveerd 25

26 Kijkglazen instellen Stel kijkglazen en de carrousel aan de voorkant op de homepage in: Figuur 33. Kijkglazen en carrousel op de homepage instellen Kijkglazen Bepaal welke soort berichten een kijkglas laat zien door in het drop-down menuutje een template te kiezen. Wil je geen kijkglas op deze plek op je homepage, kies dan voor de optie Geen kijkglas. Kies in het drop-down menuutje ernaast hoeveel berichten je in het kijkglas wil tonen. Bijvoorbeeld Als je in een kijkglas nieuwsberichten wil laten zien, kies dan in de drop-down de template Nieuws. Het kijkglas laat nu nieuwsberichten Figuur 34. Kies een sjabloon voor het kijkglas om het aan te zetten 26

27 Berichten mixen Een kijkglas laat altijd berichten zien uit alle dezelfde template. Gebruik je in je website dus meerdere met het Nieuws-template dan zal het kijkglas berichten uit al deze tonen. Hierdoor is het dus mogelijk om in één kijkglas berichten uit meerdere itembanken te mixen. Bijvoorbeeld Als je berichten uit de groepen wil mixen met nieuwsberichten van de school, gebruik dan voor de van alle groepen en voor de nieuwspagina de template Groepen. Carrousel instellen Direct onder de header van de website kan een carrousel getoond worden: Figuur 35. Carrousel met controle-elementen Bij de carrousel horen drie controle-elementen: Carrousel weergave: Hiermee zet je de carrousel aan of uit. Snelheid in seconden: Typ hier na hoeveel seconden het volgende carrousel-beeld getoond moet worden. Opties: Geef aan of je het carrousel-beeld over de volledige breedte van de content wil laten zien, of dat je de variant met 2/3 foto en 1/3 tekst wil gebruiken. Voor de homepage sjablonen Actueel 5 en Welkom 5 is deze optie NIET beschikbaar. Social media instellen Heeft je school een actieve Twitter of Facebook account, dan bieden de homepage sjablonen de mogelijkheid om deze sociale mediaberichten op de homepage te tonen. Je kunt de berichten in elk willekeurig content-blok laten zien door daar een Kijkglas Externe Content te plaatsen. Lees meer over het instellen van dit externe kijkglas op pagina

28 Homepage sjablonen: Actueel Figuur 36. Homepage sjabloon: Actueel 1 Figuur 37. Homepage sjabloon: Actueel 2 28

29 Figuur 38. Homepage sjabloon: Actueel 3 Figuur 39. Homepage sjabloon: Actueel 4 29

30 Figuur 40. Homepage sjabloon: Actueel 5 Homepage sjablonen: Welkom Figuur 41. Homepage sjabloon: Welkom 1 30

31 Figuur 42. Homepage sjabloon: Welkom 2 Figuur 43. Homepage sjabloon: Welkom 3 31

32 Figuur 44. Homepage sjabloon: Welkom 4 Figuur 45. Homepage sjabloon: Welkom 5 32

33 Flexibele opbouw De homepage sjablonen zijn elk opgebouwd uit 3 of 4 rijen. In elke rij kunnen kijkglazen en/of contentvelden staan. Laat je in een rij contentvelden leeg én koppel je de kijkglazen in deze rij niet, dan wordt de desbetreffende rij niet getoond. dan omhoog. Door rijen in een sjabloon wel of niet te benutten, kun je dus met één sjabloon verschillende pagina-indelingen maken. NB: Content binnen één rij wordt in de mobiele weergave van links naar rechts onder elkaar gezet. Homepage sjabloon omwisselen Het is eenvoudig om een homepage sjabloon om te wisselen; de instellingen bij de Eigenschappen én de tekst en afbeeldingen in de contentvelden blijven behouden. Wel komen kijkglazen en contentvelden op andere posities op de pagina te staan. Carrousel beheren De carrousel vind je via de sitemap: 1. Open de sitemap door in het bannermenu op de link Sitemap te klikken. 2. Scrol naar beneden. 3. De carrousel vind je onder de. 4. Klik op de link _carrousel (of in sommige gevallen _carrousel homepage). Figuur 46. De carrousel pagina staat bij de sitemap Let op: Als je website is omgezet naar de snellere versie van EasySchool, dan kan je de carrousel direct vanuit de homepage beheren: 1. Ga naar de homepage van je website en log in als beheerder. 2. Klik bij de carrousel op de knop Carrousel items beheren. 3. Je gaat nu direct door naar de itembank waar je de carrousel items kan beheren. 33

34 Figuur 47. Carrousel items beheren vanuit de carrousel zelf Carrousel-item toevoegen/verwijderen Op carrousel-pagina vind je een overzicht van alle carrousel-items: Figuur 48. Overzicht van alle carrousel-items Carrousel-items verwijderen Gebruik het kruisje naast een item om dat item te verwijderen. Carrousel-item toevoegen Klik op de knop Nieuw item om een nieuw carrousel-item toe te voegen. 34

35 Figuur 49. Er is een nieuw carrousel-item klaargezet Er wordt nu een nieuw, leeg carrousel-item klaargezet. Vul de verschillende onderdelen in: Titel: Typ hier een titel voor het carrousel-item. Deze titel wordt als tekst bij het item in de carrousel getoond. Datum: Vul hier een datum in. Let op: Het jongste (nieuwste) item toont als eerste in de carrousel, het oudste als laatste. Pas de datum aan om de volgorde van items in de carrousel te wijzigen. Carrousel-tekst: Typ hier een (korte) tekst. Deze tekst toont naast of onder het carrouselitem. Afbeelding: Plaats hier een afbeelding met behulp van de upload-knop uit de knoppenbalk van de editor. Let op: Gebruik voor alle carrousel-items afbeeldingen met exact Link (optioneel): Optioneel kun je een Lees verder link onderaan de tekst van het carrouselitem plaatsen. Typ hier de URL waar de Lees verder naartoe moet linken. Volgorde carrousel-items In de carrousel op de homepage wordt het carrousel-item dat als laatste is aangemaakt, als eerste getoond. Als je de volgorde waarin de items worden getoond wil aanpassen, dan kun je dit instellen door de publicatiedatum van één of meerdere items aan te passen. Wijzig de datum van een item: 1. Open het beheerscherm en ga in het community-menu naar Menu & Modules, tabblad Zwevende modules. 2. Klik op het potlood-icoontje naast de itembank _carrousel. 3. Ga in het module-menu naar Module-items. 4. Klik naast het item waarvan je de datum wil wijzigen op het icoontje met de klok: 5. Pas bij het veld Publiceren vanaf de datum aan. Let op dat je geen datum in de toekomst kiest. 35

36 Figuur 50. Publicatie-datum wijzigen De truuk is om carrousel-items zó te wijzigen dat de datums in de omgekeerde volgorde staan van hoe je ze in de carrousel wil laten zien. Met andere woorden, het item dat je als eerste wil laten zien moet de nieuwste datum hebben en het item dat je als laatste wil laten zien moet de oudste datum hebben. Overige sjablonen Agenda: Met de agenda geef je bezoekers van je website inzicht in activiteiten die voor dit jaar gepland staan. De meest recente agenda-items kunnen in een kijkglas op de homepage getoond worden. Nieuws: Met dit sjabloon kun je eenvoudig nieuwsberichten aan je website toevoegen.. De meest recente nieuwsberichten kunnen in een kijkglas op de homepage getoond worden. Nieuwsbrief notificatie: Dit sjabloon is geschikt voor het maken van nieuwsbrieven. Verspreidt de nieuwsbrief door een notificatie te versturen aan een groep geïnteresseerden. FAQ: Beantwoord veel gestelde vragen met het FAQ sjabloon Groepen: Leerkrachten houden met dit sjabloon heel eenvoudig een eigen groepspagina bij. De meest recente groepsberichten kunnen in een kijkglas op de homepage getoond worden Groepen onderbouw, groepen middenbouw, groepen bovenbouw: Deze sjablonen zijn identiek aan het Groepen sjabloon, met dit verschil dat de items uit deze sjablonen op de homepage elk in een eigen kijkglas getoond kunnen worden. Scholenoverzicht: Een scholenstichting kan met dit sjabloon een overzicht van alle aangesloten scholen maken. Fotoboek: Met het fotoboek presenteer je leuke gebeurtenissen op school met extra grote Kinderopvang: Het Kinderopvang sjabloon is gelijk aan het Groepen sjabloon. Door beide sjablonen te gebruiken, kun je op de homepage berichten uit beiden in gescheiden kijkglazen laten zien. Standaard itembank: Het standaard itembank sjabloon gebruik je een eigen verzameling berichten bij te houden. Agenda Het sjabloon Agenda wordt gebruikt om een agenda bij te houden. In de agenda plaats je evenementen-berichten. Een evenement is bijvoorbeeld de sportdag, sinterklaas op school of een maandafsluiting. De aankomende evenementen kun je ook in een kijkglas op de homepage laten zien. 36

37 Figuur 51. De agenda pagina Een beheerder evenementen plaatsen en bestaande berichten bewerken of verwijderen. Maak je een nieuw item aan, dan wordt de datum standaard op de datum-vandaag gezet. Daarom is het belangrijk is dat je bij het maken van een agenda-bericht altijd de begindatum controleert. Optioneel kun je ook een einddatum en een begin- en eindtijd opnemen bij het bericht. Bij een agendabericht kan je geen plaatsen. Figuur 52. Controleer altijd de begindatum van een nieuw agenda-bericht Groepen Het sjabloon Groepen wordt gebruikt om voor elke groep een eigen pagina te maken. Leerkrachten nieuwe berichten met tekst en foto s plaatsen en bestaande berichten bewerken of verwijderen. De nieuwste groepsberichten (uit alle groepen) kunnen in een kijkglas op de homepage getoond worden. 37

38 Voor leerkrachten die met front-end editing willen werken, is er een verkorte versie van de handleiding: HOWTO EasySchool leerkrachten.pdf. Figuur 53. De groepspagina Groepspagina aanmaken Maak voor elke groep een groepspagina aan het menu, bijvoorbeeld: Home - Nieuws - School - Groepen -- Groep 1-2a -- Groep 1-2b -- Groep 2a En zo verder Beheerrechten voor leerkrachten voegen aan de personengroep Leerkrachten: 1. Open de sidebar 2. Ga naar het tabblad Personen 3. Klik op de knop Personen toevoegen 4. Voeg leerkrachten handmatig of via een CSV import toe 5. Let op dat je leerkrachten aan de juiste groep toevoegt: Leerkrachten Personen in de groep Leerkrachten krijgen automatisch het recht om alle andere groepen te laten bewerken. 38

39 Kinderopvang Het Kinderopvang sjabloon werkt hetzelfde als het Groepen sjabloon. Nieuws Het sjabloon Nieuws wordt gebruikt om een nieuwspagina te maken. Eventueel kunnen de laatste berichten in een kijkglas op de homepage getoond worden. nieuwe nieuwste berichtenkunnen in een kijkglas op de homepage getoond worden. Figuur 54. De nieuws pagina Scholenoverzicht Het sjabloon Scholenoverzicht geeft een opsomming van alle scholen die bij de stichting zijn aangesloten. Per school kan een introductietekst, foto en contactgegevens worden opgenomen. Desgewenst kunnen de scholen gefilterd worden op maximaal 4 categorieën. Deze categorieën kunnen door de stichting zelf ingesteld worden, bijvoorbeeld Gemeente, Denominatie, Type onderwijs en Schooltijden. Bewerken scholenoverzicht Het scholenoverzicht kan je, net als nieuws- Als beheerder zie je onderaan de lijst met scholen een knop Nieuw item om een nieuwe school toe te voegen. 39

40 Figuur 55. Het scholenoverzicht met filters Wil op een bestaand item om de tekst en afbeelding te bewerken: 40

41 Figuur 56. Bewerken item in het scholenoverzicht Vul per school de volgende informatie in: Tekst: Typ een introductietekst over de school. Adresgegevens: Typ hier de adresgegevens van de school, eventueel inclusief telefoonnumer(s) en adres. Foto van de school: Plaats hier een foto van de school. De foto wordt automatisch geschaald. Instellen filter-categorieën De filter-categorieën worden ingesteld bij de Eigenschappen van de community, tabblad Meta-data. Figuur 57. Stel de filter-categorieën in bij de Meta-data Als de categorieën hier zijn ingesteld, geef dan bij de itembank in het Module-menu aan welke Categoriesets gebruikt moeten worden. 41

42 Gebruik filter-categorieën Voor elke school in de itembank Scholenoverzicht moeten de juiste categorieën aangevinkt worden. Dit kan bij Categorieën in het Item-menu. Koptekst dropdown # Op de stichtingswebsite kun je ook een lijst van alle scholen laten zien. In dit scholenoverzicht heb je de mogelijkheid om aan elke school maximaal 4 categorieën toe te kennen. Dit betekent dat je de scholen kunt indelen naar, bijvoorbeeld, soort onderwijs, gemeente, of schooltijden model. Op zoek naar een geschikte school, kunnen bezoekers met deze categorieën het overzicht filteren. Catsetid De categorieën voor het scholenoverzicht kun je zelf aanmaken bij het onderdeel Categoriesets in het beheer van de community. Figuur 58. Voorbeeld van categoriesets voor het scholenoverzicht filter Elke categorie krijgt in het systeem een eigen, uniek nummer: het catsetid. Dit nummer kun je vinden door met de mouse-cursor over de naam van een categorieset te hoveren. Helemaal onderin het beheervenster verschijnt dan een javascript regel waar het catsetid-nummer van deze categorieset getoond wordt. Figuur 59. Categorieset ID achterhalen Vind je het instellen van categoriesets te lastig, dan kan Maassen het ook, op verzoek, voor je inrichten. FAQ Met het sjabloon FAQ kan een veel gestelde vragenlijst gemaakt worden. Klik op een vraag en het antwoord verschijnt dan er onder. De vragen kunnen via front-end beheer bewerkt worden. 42

43 Figuur 60. Het FAQ sjabloon Fotoboek Het sjabloon Fotoboek kan gebruikt van plaats verwisseld zodat er meer ruimte is voor de foto's. Net als bij de groepspagina kunnen leerkrachten, of de ICT-er van de school, fotoboeken met foto s en tekst plaatsen en bestaande fotoboeken bewerken of verwijderen. De nieuwste fotoboeken kunnen in een kijkglas op de homepage getoond worden. Figuur 61. Een fotoboek Standaard lijst Het sjabloon Standaard lijst kan ingezet worden voor, bijvoorbeeld, een lijst met downloads, een leermiddelen-overzicht, vergaderverslagen van de MR en meer. Op de overzichtspagina van een standaard lijst worden alle items in volgorde van plaatsing getoond. Het meest recente item staat bovenaan. 43

44 Figuur 62. Voorbeeld van een standaard itembank Vacatures Met dit sjabloon maak je een vacaturebank. Het sjabloon is qua opzet gelijk aan het nieuwssjabloon. De vacatures kun je ook in een kijkglas op de homepage tonen. De nieuwste vacatures worden altijd bovenaan in de lijst getoond. Nieuwsbrief notificatie Met EasySchool kan nu ook een eenvoudige nieuwsbrief gemaakt worden. Deze nieuwsbrief staat op de website en naar ouders wordt een notificatie met een link naar deze nieuwsbrief verstuurd. De nieuwsbrief kan per groep of voor de hele school worden ingezet. Figuur 63. Nieuwsbrief met notificatie 44

45 Stap 1. Nieuwsbrief aanmaken Maak een nieuwsbrief aan door het sjabloon Nieuwsbrief Notificatie te kiezen. Figuur 64. Maak een nieuwsbrief met notificatie aan Stap 2. Voeg adressen toe aan de verzendlijst Met deze itembank kunnen nu nieuwsbrieven aangemaakt worden. Elke nieuwsbrief is een item binnen deze itembank die je afzonderlijk kunt versturen. Bij de itembank hoort een verzendlijst waarin alle adressen staan van de personen aan wie je de nieuwsbrieven wil versturen. Let op: alle nieuwsbrieven binnen één nieuwsbrief itembank worden altijd verstuurd naar alle personen in de verzendlijst. Als je nieuwsbrieven aan verschillende groepen personen wil versturen, maak dan voor elke groep personen een aparte nieuwsbrief itembank aan. Figuur 65. De nieuwsbrief itembank 45

46 Stap 3. adressen toevoegen aan verzendlijst Klik, om adressen aan de verzendlijst toe te voegen, op de knop Verzendlijst beheren. Typ of plak de adressen in het tekstvak en klik op de knop Opslaan. NB: Je kunt er ook voor kiezen om ouders zichzelf te laten aanmelden voor de nieuwsbrief. Je hoeft dan niet zelf adressen toe te voegen. Lees hierover meer op pagina 47. Let op: Gebruik voor elk adres een nieuwe regel. In de verzendlijst mogen geen lege regels staan (ook niet aan het einde van de lijst). Tip: Maak een lijst van alle adressen in MS Excel of een vergelijkbaar spreadsheet programma. Houd deze lijst goed bij en plak elke keer dat er wijzigingen zijn de hele lijst opnieuw in de verzendlijst. Stap 4. Maak een nieuw exemplaar nieuwsbrief aan Figuur 66. adressen in de verzendlijst Elke keer als je een nieuwsbrief wil versturen maar je eerst een nieuw exemplaar van de nieuwsbrief aan. Klik bij de overzichtslijst op de knop Nieuw item (zie Figuur 65. De nieuwsbrief itembank). Voeg berichten en eventueel afbeeldingen toe en maak de nieuwsbrief op met de knoppen in de editor. Stap 5. Verstuur de nieuwsbrief Om de nieuwsbrief te versturen, klik je op de knop Nieuwsbrief verzenden, bovenaan de nieuwsbrief die je net gemaakt hebt. Figuur 67. Verzend de nieuwsbrief 46

47 Figuur 68. Bevestig het verzenden van de nieuwsbrief Het systeem zal nu vragen of je aan alle personen op de verzendlijst een notificatie wil verzenden. Deze notificatie bestaat uit een mailtje waarin gemeld wordt dat er een nieuw bericht is: Notificatie - Er is een nieuw bericht van: Lees het bericht op: Klik op Ja om de notificaties te verzenden. Let op: wacht tot alle berichten verstuurd zijn. Aan de voortgangsbalk kan je zien hoe ver het systeem al is met versturen. Als je eerder van de pagina weggaat dan worden de overige berichten niet verstuurd. Aan- en afmelden nieuwsbrief Ouders kunnen zich ook zelf aan- en afmelden voor de nieuwsbrief: Figuur 69. Aanmelden voor de nieuwsbrief 47

48 Na aanmelden ontvangen ze een tje op het adres dat ze hebben opgegeven. In deze staat een link om de aanmelding te bevestigen. Figuur 70. Bevestigingsmail voor het aanmelden voor de nieuwsbrief Na klikken op de bevestigingslink volgt een bevestigingsmelding: Figuur 71. Bevestiging van de aanmelding Het adres wordt nu aan de verzendlijst van de nieuwsbrief toegevoegd. Het is ook nog steeds mogelijk om de verzendlijst met de hand te beheren. Aanmeldingen die tijdens het beheren van de lijst binnenkomen worden gewoon correct verwerkt. Figuur 72. Verzendlijst handmatig beheren Afmelden Ouders die aangemeld zijn voor de nieuwsbrief ontvangen een notificatie als er een nieuwsbrief verzonden wordt. In dit mailtje zit nu ook een link waarmee zij zich voor de nieuwsbrief kunnen afmelden: 48

49 Figuur 73. Notificati tje met afmeld-link Na klikken op de afmelden-link volgt een bevestiging van de afmelding: Figuur 74. Bevestiging van de afmelding Formulier generator Let op: Dit sjabloon is alleen beschikbaar als je website is omgezet naar de nieuwste versie van EasySchool. Wil je formulieren gaan gebruiken, maar zie je dit sjabloon nog niet, neem dan contact op met Maassen Support: Met dit sjabloon maak je zelf formulieren op maat: 1. Log in als beheerder en maak in het hoofd- of bannermenu een nieuw menu-item aan. 2. Kies hierbij voor het pagina-sjabloon Formulier generator: Figuur 75. Kies het sjabloon Formulier generator 49

50 3. Je kunt nu in één van de content-blokken op de pagina het formulier gaan opbouwen door formulier-velden toe te voegen. De velden voeg je toe via de formulierknop knoppenbalk van de editor: a. Klik op de formulierknop b. Type een label voor het formulier veld c. Geef aan of het veld verplicht ingevuld moet worden d. Selecteer het type veld dat ingevoegd moet worden e. Klik op de OK-knop in de Figuur 76. Een formulierveld invoegen 4. Voeg op deze manier alle benodigde formuliervelden in. 5. Vul als het formulier gereed is de verzendgegevens in: a. Klik in de linker kantlijn op het tandwiel-icoon b. Vul bij de Formulier instellingen de diverse velden in: 50

51 Figuur 77. De formulierinstellingen Formulier inzendingen bekijken Via de Formulier instellingen zijn ook de ingezonden formulieren te bekijken: 1. Klik in de linker kantlijn op het tandwiel-icoon om de sidebar te openen. 2. Klik op de knop Toon inzendingen. 3. Klik eventueel op een inzending in de lijst om het hele, ingezonden formulier te zien. Figuur 78. Formulier inzendingen bekijken 51

52 Front-end editing van content Het vernieuwde EasySchool front-end editing. Om hiervan gebruik te maken, moet een beheerder/leerkracht wel inloggen. Daarna zijn content-velden met een grijsgearceerde achtergrond zonder beheerscherm te bewerken. Naast direct beheer van content, kan een beheerder bewerken: items aanmaken en Groepen Nieuws Agenda Fotoboek Via het Personen & Groepenbeheer beheren via front-end editing. Pagina-content bewerken 1. Log in op de website en ga naar de pagina die je wil bewerken. 2. Als je bevoegd bent om de pagina te bewerken, worden de contentvelden gemarkeerd met een lichtgrijze gearceerde achtergrond. 3. Beweeg met de muis-cursor over een contentveld dat je wil bewerken; er verschijnt nu een Bewerken-knop: Figuur 79. Contentvelden met gearceerde achtergrond 4. Zodra je op de Bewerk-knop klikt, verschijnt er een vak om de content die kunt bewerken. Tevens verschijnt bovenin beeld de knoppenbalk van de Editor. Je kunt nu tekst typen, bewerken of opmaken binnen het kader. 52

53 5. Klik op OK om de wijzigingen op te slaan. Of klik op Annuleren om je wijzigingen ongedaan te maken. Figuur 80. Editor- knoppenbalk en -vak Gebruik van de editor Met de knoppen van de editor kunnen tekst en afbeeldingen eenvoudig bewerkt worden. De knoppen zijn gegroepeerd in 5 blokken: Figuur 81. De knoppenbalk van de editor Blok 1: Knippen, plakken, zoeken en vervangen Met de knoppen in dit blok kun je content knippen en plakken, woorden zoeken en vervangen en opmaak ongedaan maken. Beweeg de muis-cursor over een knop: een klein tooltipje geeft dan aan wat de functie van de knop is. Knippen en plakken Let op: Wanneer je tekst vanuit een andere bron (Word-document, andere website) wil knippen en - platte tekst. Dit is belangrijk omdat anders opmaak uit de bron in de website terecht komt. Alle opmaak verwijderen Gebruik de knop Alles Selecteren om eerst alle content te selecteren. Gebruik daarna T m alle opmaak te verwijderen. 53

54 Blok 2: Tekst opmaak Met de knoppen uit dit blok kun je tekst opmaken: vet, schuin, doorhalen, opsommingslijstjes, inspringen en quotes. Geen onderstreping Er is géén knop voor het onderstrepen van tekst opgenomen omdat onderstreepte tekst op een website gereserveerd is voor hyperlinks. Blok 3: Hyperlinks, tekst uitlijning en uploads In dit blok zitten de knoppen voor het uitlijnen van tekst: links, gecentreerd, rechts en uitvullen. Hyperlink maken Om een hyperlink in de tekst te maken: 1. Selecteer een stuk tekst en klik op de knop met het schakel-teken Figuur 82. Link toevoegen of bewerken 2. Externe link: Type of plak de link van de externe website in het Link-vak. Let op: zorg dat de link begint met 3. Interne link: Selecteer in het vak Link naar pagina op deze site de pagina waar je naar toe wil linken. 4. Klik op OK om het scherm af te sluiten. Hyperlink verwijderen Om een hyperlink in de tekst te verwijderen: 1. Selecteer de hyperlink in de tekst en klik op de knop met het schakel-teken met kruisje. 2. Klik ergens anders op de pagina; de link is nu verwijderd. Upload (afbeelding) Het vernieuwde EasySchool gebruikt voor afbeeldingen en documenten nu één, universele uploadknop: 1. Plaats de cursor in de tekst op de plek waar je een afbeelding wil invoegen. 2. Klik op de universele upload-knop: 54

55 Figuur 83. Kies een bestand om te uploaden 3. Selecteer een afbeelding op je computer. 4. Selecteer in het volgende scherm hoe de afbeelding uitgelijnd moet worden ten opzicht van de tekst. De opties zijn: a. Klein links: de afbeelding wordt verkleind en links van de tekst gezet. Tekst loopt rechts om de afbeelding heen. b. Klein rechts: de afbeelding wordt verkleind en rechts van de tekst gezet. Tekst loopt links om de afbeelding heen. c. Normaal: de afbeelding wordt zonder specifieke uitlijning in de tekst geplaatst Afbeeldingen worden automatisch geschaald naar een maximale breedte van 1400 pixels; je hoeft de afbeeldingen dus niet meer zelf te schalen in een programma als Photoshop. Figuur 84. Selecteer de uitlijning van de afbeelding Afbeeldingen bewerken 1. Als je een al geplaatste afbeelding wil bewerken, klik dan met de rechter muisknop op de afbeelding. 2. Selecteer in het context-menu de optie Bewerk afbeelding om uitlijning aan te passen. 55

56 Figuur 85. Bewerk de afbeelding Upload (document) Het vernieuwde EasySchool gebruikt voor afbeeldingen en documenten nu één, universele uploadknop. 1. Plaats de cursor in de tekst op de plek waar je het document als download wil aanbieden 2. Klik op de universele upload-knop: Figuur 86. Selecteer een document 3. Selecteer een document op je computer en klik op de OK- knop. Het document wordt nu direct als download met een hyperlink op de pagina geplaatst. Embed-code invoeren Het is ook mogelijk om zogenaamde embed-code op de pagina te plaatsen. Embed-code wordt vaak gebruikt om content van andere website, bijvoorbeeld een YouTube filmpje, op de pagina te tonen. Voorbeeld: plaatsen YouTube filmpje 1. Klik onder het YouTube filmpje op de knop Delen en daarna op Insluiten. Kopieer de embedcode die in het venster verschijnt. 56

57 Figuur 87. Kopieër de embed-code 2. Plaats de cursor op de pagina van je website op de plaats waar je de code wil invoeren. 3. Klik op de knop om de embed-code in te voeren: Figuur 88. Plak de embed-code 4. Plak de embed-code die je van YouTube gekopieerd hebt in het venster. 5. Klik nu op de knop Voorbeeld onderin het venster. Je kunt nu een voorbeeld van je filmpje bekijken en eventueel de hoogte van YouTube venster aanpassen. 57

58 Figuur 89. Bekijk het voorbeeld 6. Klik op hierna op de knop Invoegen om het filmpje op de pagina te plaatsen. Blok 4: Blokstijlen Gebruik de knop Stijl om van geselecteerde stukken tekst een tussenkopje te maken. Er zijn 5 kopstijlen en een optie voor normale tekst beschikbaar: Figuur 90. De blokstijlen Blok 5: HTML broncode bewerken Met de knop Source is het mogelijk om de HTML-broncode van een pagina in te zien en te bewerken; deze methode het bewerken van pagina-content is alleen geschikt als je over voldoende kennis van HTML beschikt. 58

59 Berichten bewerken Wanneer bij een pagina één van onderstaande sjablonen is gekozen, dan kan je nieuwe : Groepspagina Nieuws Agenda FAQ Fotoboek Kinderopvang Nieuwsbrief Notificatie Scholenoverzicht De uitleg hieronder is van toepassing op alle bovenstaande sjablonen: Nieuw item maken Figuur 91. Groepspagina bewerken 1. Klik op de knop Nieuw item, onderaan de overzichtslijst van een itembank, om een nieuw bericht toe te voegen. 2. Er wordt een nieuw item aangemaakt met als tijdelijke titel: Titel hier ##. Figuur 92. Bewerk de Titel van het nieuwe item 3. Beweeg de muis-cursor over de gearceerde vakken om titel of tekst te bewerken. Klik na het bewerken op de OK-knop. 4. Optioneel: voeg afbeeldingen toe: a. Klik op de knop Afbeeldingen beheren 59

60 Figuur 93. Kies één of meer afbeelding-bestanden om toe te voegen b. Klik vervolgens op de knop Bestanden kiezen. Je kunt nu één of meer afbeeldingen op de computer kiezen om te uploaden. Het is ook mogelijk om een zip-bestand met afbeeldingen te uploaden. Figuur 94. Selecteer een afbeelding om te bewerken c. Klik op een afbeelding om een bijschrift toe te voegen, de afbeelding te verwijderen (kruisje) of om de volgorde van de afbeelding in de rij te wijzigen (verschuiven). d. Klik op de knop Sluiten als je klaar bent met bewerken. 5. Het nieuwe item is nu gereed en is direct gepubliceerd. Item bewerken Met de bewerk- en Afbeeldingen beheerknoppen kan het item altijd nog achteraf bewerkt worden: 1. Klik het item dat je wil bewerken aan. 2. Klik op één van de bewerkknoppen of beheer de afbeeldingen. 3. Let op: Als je een afbeelding bewerken, selecteer deze dan nádat je de knop Afbeeldingen beheren hebt aangeklikt. Item verwijderen Items kunnen verwijderd worden vanuit de overzichtslijst van een itembank: 60

61 1. Ga naar de overzichtslijst van de itembank waar je een item wil verwijderen. 2. Klik op het kruisje naast het item dat je wil verwijderen. 3. Klik om te bevestigen op de knop: x Verwijder. 4. Het item wordt nu direct verwijderd. Let op: Deze actie kan niet hersteld worden. Figuur 95. Overzichtslijst van een itembank met verwijderbevestiging Kijkglas voor Externe Content De embed-knop in de editor is uitgebreid met de mogelijkheid om een kijkglas met externe berichten toe te voegen. Het kijkglas kan op elke willekeurige plek in de content van de website worden ingevoerd. Het is ook mogelijk om meerdere kijkglazen in één content-blok te zetten, of om tekst of afbeeldingen boven of onder een kijkglas te zetten. Figuur 96. De embed knop Je kunt kiezen uit de volgende kijkglazen met externe content: MijnSchoolinfo agenda MijnSchoolfino nieuws Facebook berichten (zonder afbeelding) Facebook berichten (met afbeelding) Twitter berichten RSS berichten (inclusief berichten van Schoudercom) 61

62 Figuur 97. Voeg een kijkglas met externe berichten toe Het kijkglas wordt nu aan de content toegevoegd. Figuur 98. Het kijkglas is toegevoegd Hierna kun je het kijkglas aan de voorkant instellen. Vul bij schoolnaam de schoolnaam van je MSI website in: Bijvoorbeeld: bsvoorbeeld Figuur 99. Instellingen van het MSI Nieuws kijkglas 62