Het maken van een aangepaste opmaak voor uw instelling is een directe manier om uw logo, kleuren en belangrijke informatie weer te geven aan uw gebruikers. Een aangepaste opmaak communiceert het karakter, de stem, de belofte en diensten van je instelling. U kunt kiezen uit allerlei manieren om uw opmaak aan te passen, variërend van eenvoudig tot complex.
Bepaal eerst wat u wilt gaan aanpassen en hoe u dit wilt doen.
- Stel vast welke aanpassingen in uw situatie wenselijk zijn en kies vervolgens de beste en eenvoudigste methode om deze te realiseren. Je hoeft bijvoorbeeld geen aangepast thema voor het systeem te maken als je alleen de kleuren en het logo van je instelling wilt toevoegen. Wijzig kleuren en voeg een logo toe door je standaardopmaak aan te passen.
- Doe onderzoek naar de identiteit van de instelling, zodat je rekening kunt houden met officiële richtlijnen voor het gebruik van opmaak en stijl.
- Maak mockups als u een aangepaste versie gaat maken van de aanmeldingspagina, toegangspagina en systeemthema.
- Plan voldoende tijd in voor het ontwerpen, ontwikkelen en testen van aangepaste paletten en thema's.
- Stel een plan op voor de kwaliteitsborging en het onderhoud van aangepaste systeemthema's.
Aangepaste aanmeldingspagina en toegangspagina
Aangepaste aanmeldingspagina - Een eenvoudige manier om te beginnen met het aanpassen van de opmaak is het personaliseren van de aanmeldingspagina. De aanmeldingspagina bestaat uit één bestand met een eigen CSS en vrijwel alle bewerkbare code. Het aanpassen van het ontwerp van de aanmeldingspagina heeft geen gevolgen voor de rest van de toepassing en de impact van de wijziging is dus beperkt. Ervaring met HTML en CSS is noodzakelijk om de aanmeldingspagina aan te passen. Ook moet worden bepaald waar eventuele afbeeldingen worden opgeslagen. Als je meer wilt weten, raadpleeg je De aanmeldingspagina aanpassen.
Toegangspagina: de toegangspagina is de eerste webpagina die gebruikers zien wanneer ze Blackboard openen (tenzij deze optie wordt omzeild). U kunt een eigen welkomstbericht en afbeelding toevoegen, evenals modules met belangrijke en tijdgevoelige informatie. Er is enige kennis van HTML en CSS nodig om aangepaste modules te maken. Als je meer wilt weten, raadpleeg je Modules en De toegangspagina aanpassen.
Aanbevolen procedures voor het ontwerpen van een portaalpagina
Een portaalpagina, zoals de pagina Mijn instelling, is vaak de eerste pagina die een gebruiker ziet na het openen van Blackboard Learn. Het zorgvuldig ontwerpen en rangschikken van de module-inhoud op deze pagina kan een versterking van de identiteit van de school betekenen, maar ook een verbeterde gebruikerservaring. Er zijn twee algemene stappen om dit te bereiken:
- Neem alle inhoud van de module door om er zeker van te zijn dat deze niet conflicteert met de nieuwe opmaak. Probeer bij het ontwerpen van de module-inhoud de conventies te volgen van het gebruikte thema en palet. Codeer de module met HTML als dat mogelijk is, zodat de moduletekst kan worden aangepast door de kleur- en lettertypestijlen die zijn vastgelegd in uw thema en palet. Soms worden modules gekenmerkt door één grote afbeelding (vergelijkbaar met een banner-advertentie op een website) om een signaal af te geven. Afbeeldingen zorgen ervoor dat een pagina gaat leven, maar soms past het uiterlijk van een "banner", compleet met koptekst, alineatekst en grafische elementen, niet bij het thema en de kleuren van je opmaak. Het toepassen van HTML zorgt ervoor dat de module flexibel is en dat het formaat van de inhoud wordt aangepast als het browservenster wordt verkleind of vergroot.
- Probeer een visuele hiërarchie te definiëren, zodat gebruikers de pagina eenvoudig kunnen scannen en snel de gewenste inhoud vinden. Dit is natuurlijk makkelijker gezegd dan gedaan. Het feit dat een portaal vaak verschillende modules met diverse inhoud bevat, betekent dat de pagina moet voorzien in de behoeften van allerlei interne belanghebbenden. Soms wil iedere belanghebbenden dat zijn of haar materiaal prominent wordt aangeboden. Als alle modules echter even prominent worden weergegeven, is het meestal zo dat geen van de modules opvalt en de gebruiker in verwarring achterblijft. Probeer de pagina holistisch voor te stellen, en orden de modules zo dat primaire inhoud eenvoudig kan worden gevonden door de gebruiker.
De andere aanbevolen procedures die van toepassing zijn op het ontwerpen van een portaalpagina zijn niet specifiek voor dit type pagina. Het gaat dan om procedures die u mogelijk al hebt overwogen tijdens het definiëren van het uiterlijk van uw opmaak.
Toegankelijkheid
- Gebruik geschikte contrastverhoudingen
- Maak tekst leesbaar door geschikte lettertypen, tekengrootten en regelafstanden te kiezen
- Voorkom het gebruik van afbeeldingen voor tekst
- Voorkom achtergronden met een textuur
- Zorg ervoor dat koppelingen betekenisvolle namen hebben in plaats van 'klik hier'
- Plaats koppelingen naar W3C en onze pagina's over toegankelijkheid
Esthetiek
- Gebruik kleuren die aansluiten bij uw opmaak en thema
- Gebruik eenvoudig leesbare lettertypen
- Gebruik hoogwaardige grafische elementen
- Orden modules zo dat ze de pagina vullen
- Maak een visuele hiërarchie zodat inhoud snel kan worden gescand
- Voorkom een drukke, onrustige, overvolle pagina-indeling/-layout
- Vernieuw de inhoud van de pagina regelmatig
- Pas indien mogelijk Responsive Design-technieken toe zodat de inhoud dynamisch wordt aangepast aan verschillende schermresoluties.
Als je de standaardopmaak van Learn-modules te beperkt vindt, kun je de portaalpagina bewerken zodat deze één kolom gebruikt die door slechts één HTML-module wordt gevuld. Je kunt de aangepaste HTML in de module bewerken met elke gewenste opmaak, zodat deze overeenkomt met trends op andere indexpagina's.
Besturingselementen van de grafische gebruikersinterface (GUI)
GUI-bediening: je kunt eenvoudig de uitstraling van je opmaak veranderen door kleuren en lay-outopties te selecteren voor je Learn-installatie. U hebt de volgende mogelijkheden:
- De kleur van een beperkte set UI-elementen wijzigen
- Een logo-afbeelding opgeven en deze gebruiken als koppeling naar een specifieke URL
- De tabbladkleuren en layout-opties voor het systeem selecteren
Deze wijzigingen kunt u aanbrengen zonder kennis van HTML of CSS. Je kunt de aanpassingen bekijken in het voorbeeldvenster voordat je de wijzigingen doorvoert op het hele systeem. Alle kleurselecties kun je voor later gebruik opslaan als een kleurenpalet.
Kleurenpalet en systeemthema
Kleurenpalet: Blackboard Learn beschikt over verschillende kleurenpaletten. Je kunt een van deze paletten selecteren voor je standaardopmaak. Je kunt de kleuren in het palet wijzigen via de UI of je kunt het palet downloaden en wijzigingen aanbrengen met een teksteditor of CSS-editor.
Systeemthema: het systeemthema is de CSS-laag die de uitstraling van je instelling bepaalt. Je kunt een thema van Blackboard Learn gebruiken of zelf een thema ontwerpen. De eenvoudigste manier om zelf een thema te maken, is een bestaand thema te downloaden en dit als een sjabloon te gebruiken. Wijzigingen kun je aanbrengen met een teksteditor of CSS-editor.
Aangepast kleurenpalet
Aangepast kleurenpalet: pas je gebruikersinterface nog meer aan door je eigen kleurenpalet te maken zodat deze overeenkomt met de kleuren, het logo of opmaak van je instelling. Blackboard Learn wordt geleverd met verschillende kleurenpaletten waarmee je verschillende kleuren kunt toepassen op het systeem. U kunt een bestaand kleurenpalet bewerken en aanpassen aan uw specifieke wensen.
Aanbevolen procedures voor het ontwerpen van een aangepast kleurenpalet
Houd rekening met de volgende 'best practices' bij het selecteren van kleuren voor uw aangepaste kleurenpalet.
- Gebruik voor een goede toegankelijkheid altijd geschikte contrastverhoudingen wanneer je tekst op een achtergrond plaatst.
- Gebruik kleuren die overeenkomen met de huisstijl van de instelling. Neem de stijlhandleiding van de instelling door voor voorgeschreven kleuren. Zorg ervoor dat de gekozen kleurencombinaties in een kleurenschema passen dat geschikt is voor gebruik in de UI.
- Zorg ervoor dat de kleuren die je kiest bij elkaar passen en een visueel harmonieus geheel vormen. Color Matters is een goede website als je meer te weten wilt komen over monochromatische, overeenkomende en complementaire kleurenschema's. Als je meer kennis hebt van kleurtheorie, kun je gemakkelijker kleuren selecteren die goed aansluiten bij de huisstijl van de instelling.
Aangepast systeemthema
Aangepast systeemthema: je kunt de gebruikersinterface van de Learn-installatie van je instelling volledig wijzigen door een aangepast systeemthema te maken. Dit is de duurste en meest complexe aanpassingsmethode omdat er meer dan 12.000 regels code moeten worden gecontroleerd en aangepast. Het is de beste optie om de UI van Blackboard Learn volledig in overeenstemming te brengen met de huisstijl van de instelling, maar hiervoor moeten tests worden uitgevoerd bij elke nieuwe release van Learn.
Aanbevolen procedures voor het ontwerpen van een aangepast systeemthema
Het ontwerpen van een aangepast systeemthema is een complexe aangelegenheid en kan nooit worden beschouwd als een deelproject. Er is heel veel kennis van CSS en DOM nodig. Daarnaast moet u een ontwikkelomgeving hebben voor het ontwikkelen, testen en onderhouden van het thema.
- Kleuren - Doe onderzoek naar de huisstijl van de instelling. De kans is groot dat er een stijlhandleiding is met richtlijnen voor het kleurgebruik. Zorg ervoor dat de gekozen kleurencombinaties in een kleurenschema passen dat geschikt is voor gebruik in de UI.
- Kleurharmonie - Een algemene kennis van monochromatische, analoge en complementaire kleurenschema's maakt het eenvoudiger kleuren te selecteren die goed combineren en passen bij de instelling.
- Toegankelijkheidsvereisten - Kennis van zaken is heel belangrijk om een systeemthema te ontwikkelen dat voldoende contrast heeft en verder ook goed zichtbaar is.
- Lettertypen - Je kunt verschillende lettertypen gebruiken in je opmaak. Test lettertypen om er zeker van te zijn dat ze in verschillende besturingssystemen kunnen worden weergegeven. U kunt ook aangepaste lettertypen gebruiken door hiernaar in het thema te verwijzen met een regel @font-face. Controleer of aangepaste lettertypen ondersteuning bieden voor de talen waarin u lesgeeft.
- Pictogrammen - Je kunt het ontwerp van bepaalde pictogrammen of symbolen aanpassen en deze binnen de toepassing als achtergrondafbeeldingen gebruiken.
Change Management voor aangepaste opmaken
Wanneer je een upgrade gaat evalueren en testen, is het zeer belangrijk dat je alle aanpassingen downloadt en opslaat voor het geval je ze moet herstellen. Gebruik de tool Theme DIFF om de CSS-wijzigingen tussen Learn-versies te vergelijken. Met deze tool kun je gemakkelijk zien waar er wijzigingen zijn doorgevoerd in de CSS, zodat je kunt bekijken hoe dit je aanpassingen beïnvloedt.
De elementen die bepalend zijn voor een opmaak (meestal een thema, palet en/of logo) staan los van de pagina-inhoud. Vergeet niet om de inhoud van "openbare" pagina's zoals portaalpagina's te controleren, om er zeker van te zijn dat de visuele richtlijnen van Opmaak worden gevolgd.
Aangepaste systeemthema's en nieuwe Building Blocks installeren
Als je een aangepast systeemthema hebt, kan het handig zijn om deze aanpassingen ook te gebruiken voor nieuwe pagina's die deel uitmaken van een Building Block dat je hebt geïnstalleerd via Software-updates. Niet alle Building Blocks die u op deze manier installeert, hebben hun eigen tool-specifieke opmaakmodellen, maar sommige wel.
Wanneer u een Building Block met eigen opmaakmodellen installeert op een systeem met minimaal één aangepast thema, verschijnt er een bericht tijdens de installatie. In dit bericht wordt geadviseerd de voorziening te vergelijken met het aangepaste thema, net als bij een upgrade van Learn. Je krijgt dit bericht wanneer er op het systeem een aangepast thema is geïnstalleerd, ook als dat thema op dit moment niet in gebruik is.
In het configuratiescherm voor systeembeheer kun je zien of er voor een Building Block tool-specifieke opmaakmodellen beschikbaar zijn. In het gedeelte Building Blocks selecteer je Building Blocks en vervolgens Geïnstalleerde tools. Open het menu van een weergegeven Building Block en selecteer Componenten weergeven. Als het Building Block tool-specifieke opmaakmodellen bevat voor één van de standaardthema's van Learn, worden de handles van het thema op deze pagina vermeld.
Als je aangepaste thema's beheert door kopieën van de pakketten offline op te slaan, kun je het offlinepakket met aangepaste thema's vernieuwen door het te downloaden via het configuratiescherm voor systeembeheer nadat de upgrade naar SP14 is voltooid. Je krijgt dan een kopie met de nieuwe pakketstructuur die wordt geïntroduceerd in dat Service Pack. De opmaakmodellen zelf blijven ongewijzigd en de werkstroom voor aanpassingen wordt verder niet gewijzigd. Na de upgrade naar SP14, is het echter niet meer mogelijk offlinepakketten met de oudere structuur te uploaden. Als u dat probeert, wordt er een foutbericht weergegeven.
Verschillende opmaken voor dezelfde installatie van Learn
Als je instelling toegang heeft tot functies voor Community Engagement, kun je verschillende opmaken maken voor verschillende gebruikersgroepen op basis van hun systeemrol. Je moet aangepaste hostnamen maken als je in één instantie van Learn meerdere opmaken wilt gebruiken.