Handleiding
Auteur: Mike Lubbers, Kinetiek Versie: 1.1
Datum: april 2011 Alle rechten voorbehouden. Niets uit deze uitgave mag worden verveelvoudigd, opgeslagen in een geautomatiseerd gegevensbestand, of openbaar gemaakt, in enige vorm of op enige wijze, hetzij elektronisch, mechanisch, door fotokopieën, opnamen, of enige andere manier, zonder voorgaande schriftelijke toestemming van Kinetiek. © Kinetiek Arnhem, april 2011 - Handleiding
Pagina 1
versie 0.1
Inhoudsopgave Voorwoord: Hoe deze handleiding te gebruiken?........................................................................................4 1 Wat is Webflex?.........................................................................................................................................4 2 Voordat je start........................................................................................................................................5 2.1 10 gouden regels...............................................................................................................................5 2.2 Maak een schets van de pagina hiërarchie.........................................................................................5 3 Quick Start - Mijn eerste pagina...............................................................................................................6 3.1 Aanloggen.........................................................................................................................................6 3.2 Nieuwe pagina maken........................................................................................................................6 3.3 Nieuw item aan pagina toevoegen.....................................................................................................7 4 Beheer......................................................................................................................................................9 4.1 Aanloggen en uitloggen...................................................................................................................10 4.2 Mijn Pagina’s....................................................................................................................................11 4.2.1 Paginaniveau..............................................................................................................................11 4.2.2 Navigeren door de pagina’s.......................................................................................................12 4.2.3 Pagina’s toevoegen....................................................................................................................12 4.2.4 Subpagina’s toevoegen..............................................................................................................14 4.2.5 Pagina’s publiceren....................................................................................................................14 4.2.6 Pagina’s wijzigen.......................................................................................................................15 4.2.7 Pagina’s verwijderen..................................................................................................................16 4.2.8 Pagina’s verplaatsen..................................................................................................................16 4.2.9 Pagina’s copieren: template functionaliteit.................................................................................18 4.2.10 Paginarollen.............................................................................................................................19 4.3 Mijn Items........................................................................................................................................20 4.3.1 Navigeren door de items............................................................................................................21 4.3.2 Items toevoegen.........................................................................................................................22 4.3.3 Items wijzigen............................................................................................................................23 4.3.4 Items archiveren........................................................................................................................24 4.3.5 Items verwijderen.......................................................................................................................26 4.3.6 Items previewen / inhoudelijk aanpassen...................................................................................26 4.3.7 Items kopiëren...........................................................................................................................27 4.3.8 Gebruik van het item bekijken...................................................................................................29 4.4 Gebruikers.......................................................................................................................................31 4.4.1 Lijst van gebruikers....................................................................................................................31 4.4.2 Gebruikers toevoegen................................................................................................................32 4.4.3 Gebruiker wijzigen.....................................................................................................................33 4.4.4 Gebruiker verwijderen................................................................................................................33 4.4.5 Wachtwoord wijzigen/regenereren.............................................................................................34 4.4.6 Wachtwoord wijzigen/regenereren en gebruiker informeren......................................................34 4.4.7 Profiel wijzigen..........................................................................................................................35 4.4.8 Wijzig lidmaatschap van gebruiker.............................................................................................35 4.5 Gebruikersgroepen..........................................................................................................................37 4.5.1 Lijst van gebruikersgroepen.......................................................................................................37 4.5.2 Gebruikersgroep toevoegen.......................................................................................................37 4.5.3 Gebruikersgroep wijzigen..........................................................................................................38 4.5.4 Gebruikersgroep verwijderen.....................................................................................................39 4.5.5 Wijzig lidmaatschap van gebruikersgroep..................................................................................40 4.6 Modules...........................................................................................................................................41 4.6.1 Modules wijzigen, toevoegen of verwijderen..............................................................................41 4.6.2 Modulerollen..............................................................................................................................42 4.6.3 Wordt het aantal publieke modules uitgebreid?..........................................................................42 4.6.4 En als ik bijzondere functionaliteit op mijn website wil?.............................................................42 4.7 Taalinstellingen...............................................................................................................................43 4.7.1 Je website meertalig maken voor anonieme bezoekers..............................................................43 4.7.2 Je website meertalig maken voor aangelogde bezoekers............................................................45 4.7.3 Standaard taalinstellingen..........................................................................................................45 4.8 Opmaak...........................................................................................................................................47 - Handleiding
Pagina 2
versie 0.1
4.8.1 Wijzigen van de opmaak............................................................................................................47 4.9 Zones...............................................................................................................................................48 4.9.1 Zoneniveau en zonetypes: statisch, semi-dynamisch en dynamisch...........................................49 4.9.2 Navigeren door de zones...........................................................................................................50 4.9.3 Zones toevoegen........................................................................................................................51 4.9.4 Subzones toevoegen..................................................................................................................52 4.9.5 Zones wijzigen...........................................................................................................................52 4.9.6 Zones verwijderen......................................................................................................................53 4.9.7 Zones verplaatsen......................................................................................................................53 4.9.8 Zone rollen.................................................................................................................................55 4.9.9 Zoneniveau matrix: configureer de verversstrategie...................................................................56 4.10 Instellingen....................................................................................................................................58 5 De controller: beheer je items op pagina’s en zones..............................................................................59 5.1 Hoe ziet de controller eruit?.............................................................................................................59 5.2 Item aan een zone toevoegen..........................................................................................................60 5.3 Item van een zone verwijderen.........................................................................................................61 5.4 Item binnen een zone verplaatsen...................................................................................................61 5.5 Wijzig eigenschappen van zone-items.............................................................................................62 5.5.1 Alle eigenschappen van een zone-item bekijken.......................................................................62 5.5.2 Wijzig opmaak van zone-item....................................................................................................63 5.5.3 Wijzig positionering van zone-item...........................................................................................64 5.5.4 Wijzig grootte van zone-item.....................................................................................................65 5.5.5 Wijzig actieve periode van zone-item........................................................................................66 5.5.6 Wijzig breedte, hoogte, en exacte positie van zone-item met de alterknop...............................67 5.5.7 Wijzig de afmeting van een zone-item door te slepen...............................................................68 5.5.8 Wijzig het item van het zone-item.............................................................................................69 6 Webflex autorisatie.................................................................................................................................71 6.1 Rollen en autorisaties op moduleniveau...........................................................................................71 6.2 Rollen en autorisaties op itemniveau................................................................................................73 6.3 Impliciete autorisatie voor een pagina.............................................................................................75 6.4 Rollen en autorisaties op pagina- en zoneniveau.............................................................................76 6.4.1 De Controllermodule..................................................................................................................77 6.4.2 De Paginacontroller....................................................................................................................78 6.4.3 De Zonecontroller......................................................................................................................79 7 Modules..................................................................................................................................................80 7.1 Tekst & Beeld...................................................................................................................................81 7.1.1 Rollen voor module Tekst & Beeld..............................................................................................81 7.1.2 Wijzig content............................................................................................................................81 7.1.3 Wijzig opmaak van content........................................................................................................82 7.1.3.1 opmaak met TinyMCE (Inline Opmaak).................................................................................82 7.1.3.2 opmaak vanuit het stylesheet..............................................................................................82 7.1.4 Voeg tabellen toe aan content....................................................................................................83 7.1.5 Voeg afbeeldingen toe aan content............................................................................................85 7.1.6 Hyperlinks toevoegen aan tekst.................................................................................................88 7.1.6.1 Interne links.........................................................................................................................89 7.1.6.2 Externe links........................................................................................................................90 7.1.7 Content ‘lees meer’ toevoegen...................................................................................................90 Aanvullende tips voor het gebruik van TinyMCE.................................................................................92 7.2 Paginagroep.....................................................................................................................................93 7.2.1.1 Eén paginagroep voor elke gebruikersgroep........................................................................94 7.2.1.2 Voorbeeld van een paginagroep...........................................................................................95 7.2.1.3 Paginagroepen en pagina autorisaties..................................................................................96 7.3 Webformulier...................................................................................................................................98 8 Bijlagen..................................................................................................................................................99 8.1 Instellingen......................................................................................................................................99 8.2 10 richtlijnen voor websites...........................................................................................................102
- Handleiding
Pagina 3
versie 0.1
Voorwoord: Hoe deze handleiding te gebruiken? Deze handleiding beschrijft in groot detail de werking van Webflex. Sommige hoofdstukken gaan over het wijzigen van content, andere over het beheer van toegangsrechten, gebruikers en gebruikersgroepen. Start je met WebFlex en wil je content aan de website toevoegen, lees dan in eerste instantie de volgende hoofdstukken: •
Hoofdstuk 1 Legt uit wat Webflex is.
•
Hoofdstuk 2 Een compacte handleiding voor het bedenken van de structuur van je website.
•
Hoofdstuk 3 Compacte beschijving van het maken van je eerste pagina’s.
•
Hoofdstuk 4.1 en 4.2
Over het beheer van Pagina’s en Item’s: de bouwstenen van je website. Hier lees je hoe je nieuwe
(sub)pagina’s moet aanmaken, hoe je de paginahierarchie opbouwt en hoe je je item’s kunt beheren. •
Hoofdstuk 5 Over hoe je item’s aan pagina’s toevoegd of verwijdert, hoe je uiterlijk, grootte en positionering van de items op de pagina aanpast.
•
Hoofdstuk 7
Hier wordt de werking van de module’s beschreven. De modules vormen de basis (in uiterlijk en
•
gedrag) van je item’s: alle item’s vormen gezamelijk de content van je website. Lees hier bijvoorbeeld hoe je content van een ‘Tekst en beeld’ item wijzigt, hoe je een foto aan de tekst toevoegd, etc. Hoofdstuk 8.2: 10 richtlijnen voor websites (Bijlage uit Handboek website usability). 10 richtlijnen voor een effectieve website.
1 Wat is Webflex? Webflex is een framework voor het maken van webapplicaties. Een framework is een geheel van
herbruikbare softwarecomponenten voor bijvoorbeeld het maken van de schermen, de beveiliging van de website en de communicatie met de database. Een framework is dus meer dan een CMS (Content Management Systeem). Webflex is door Kinetiek ontwikkeld. Kinetiek heeft hierbij de volgende uitgangspunten gehanteerd: •
Eenvoudig in het gebruik. Veel frameworks hebben een overmaat aan mogelijkheden die niet voor iedereen nodig zijn en het gebruik onnodig complex maken. Webflex kan de complexiteit aan de behoeften van de eigenaar van de website aanpassen;
•
CMS als basisfunctionaliteit waarmee de inhoud en de functionaliteit van je website maakt en beheert;
•
Flexibele opmaakmogelijkheden waardoor praktisch alle webdesigns toegepast kunnen worden;
•
Modulaire opzet, waardoor nieuwe functionaliteit (evt. maatwerk) naadloos geïntegreerd kan worden;
•
Meertaligheid: Biedt je website aan voor de engelse en/of duitse markt. Uitbreiding mogelijk;
•
Beveiliging op basis van autorisatie, rollen, gebruikers en gebruikersgroepen. Manage welke personen welke pagina’s mag bekijken en welke handelingen mag uitvoeren;
•
Maak websites stabiel, dat ze in alle browsers goed worden weergegeven. Volg strikt de webstandaarden van het W3C;
•
Hoge gebruikersvriendelijkheid door gebruik van innovatieve technologieën (Jquery, Ajax)
- Handleiding
Pagina 4
versie 0.1
2 Voordat je start 2.1 10 gouden regels Voordat je start met de bouw van je website zou je op de hoogte moeten zijn van de 10 regels voor
websites. Toepassing van deze regels maakt je website effectiever. Zie bijlage 8.2.
2.2 Maak een schets van de pagina hiërarchie De 2e regel uit de 10 regels voor websites gaat over de navigatie op je website: Webflex regelt dit
automatisch voor je. Wel moet je zelf een goede pagina hiërarchie bedenken: een boomvormige structuur
van alle pagina’s van je website waarin duidelijk de onderverdeling van pagina’s en subpagina’s te zien is. Webflex ondersteunt een pagina hiërarchie tot maximaal negen niveaus. Wij raden aan maximaal drie niveaus te gebruiken. Tip: gebruik hiervoor de bulleted list (opsommingsteken) van Microsoft Word. De pagina hiërarchie van een accountantskantoor kan er bijvoorbeeld zo uit zien: •
Welkom
•
Diensten Fiscaal advies
o
Omzetbelasting
Loonheffing
Pensioenen
Corporate finance
o
Verkoop van een onderneming
Aankoop van een onderneming
Indicatieve waardebepaling
Non-profit
o •
Portfolio o
Bedrijfsleven
o
Overheid
o
Non-profit
•
Vacatures
•
Contact o
Contactformulier
o
Adresgegevens
o
Routebeschrijving
Alle pagina’s in Webflex hebben een niveau. De pagina’s Welkom, Diensten,
Portfolio, Vacatures en Contact hebben niveau 1. Alle subpagina’s van niveau 1 (Fiscaal advies, Corporate
finance en 7 andere) hebben niveau 2. Alle subpagina’s van niveau 2
(Omzetbelasting, Loonheffing en 4 andere) hebben niveau 3.
- Handleiding
Pagina 5
versie 0.1
3 Quick Start - Mijn eerste pagina In dit hoofdstuk leer je in een notendop je eerste webpagina te maken.
3.1 Aanloggen Webflex is geïnstalleerd op jouw domeinnaam (http://www.<mijnbedrijf>.nl). Om een pagina toe te voegen log je eerst aan. •
Open een browser (Firefox, Opera, Google Chrome, Safari of Internet Explorer)
•
Type de domeinnaam van je website in
•
Log aan door je gebruikersnaam (een emailadres) en je wachtwoord in te typen
3.2 Nieuwe pagina maken Nadat je bent aangelogd kom je op de pagina Mijn Pagina’s: deze lijst toont alle pagina’s van je website.
Er staat al een pagina Beheer: deze pagina is onderdeel van het WebFlex framework en bevat subpagina’s waarmee je de website beheert. Deze beheerpagina’s kun je niet wijzigen of verwijderen. Klik op Pagina toevoegen.
We voegen een nieuwe pagina toe met de naam Welkom.
Type Welkom in voor alle 3
velden en druk op Opslaan.
Webflex keert terug naar het scherm Mijn Pagina’s met daarin de nieuwe pagina
Welkom. Klik nu op de checkbox Gepubliceerd om de nieuwe pagina te publiceren. Klik vervolgens op de knop Ververs Menu zodat de nieuwe pagina in het menu zichtbaar wordt.
- Handleiding
Pagina 6
versie 0.1
De pagina Welkom is
toegevoegd en is zichtbaar in het menu. De nieuwe pagina wordt in het menu gepositioneerd rechts van pagina Beheer.
3.3 Nieuw item aan pagina toevoegen De nieuwe pagina Welkom is leeg en we willen er content aan toe voegen. In Webflex wordt content opgeslagen in items. We maken een nieuw item Welkom tekst aan en voegen dit toe aan de pagina
Welkom.
Klik op Welkom in het menu: de Welkom pagina wordt geladen.
We voegen een item toe aan
de zone content en drukken daarom op de onderste
.
Je ziet pop up-scherm Lijst
van bestaande items met daarin 3 bestaande items. We willen een nieuw item
Welkom tekst maken: klik op Nieuw item.
Je ziet popup-scherm Item
toevoegen.
Type bij Itemnaam Welkom
tekst.. Selecteer bij module [13] Tekst & Beeld. Klik op Opslaan.
- Handleiding
Pagina 7
versie 0.1
Het item Welkom tekst staat nu in de lijst van items. Klik op knop
om het item Welkom tekst aan de pagina toe te voegen.
Op de achtergrond zie je hoe het item aan de pagina wordt toegevoegd. Verder wordt de
waarde in kolom Gebruik van 0 naar 1 verhoogd en het
Plusje grijs gemaakt.
Druk vervolgens op Terug om
terug te keren naar de pagina.
De pagina toont nu het item
Welkom tekst inclusief een toolbar waarmee de eigenschappen van het item kan worden gewijzigd. Log uit om de pagina te bekijken als bezoeker.
Het knopje voor uitloggen is enigszins moeilijk te zien: Het knopje is vaal-grijs en bevindt zich links van het gele knopje voor het wijzigen van het profiel. Voor meer info over aan- en uitloggen, zie hoofdstuk 4.1. Het item wordt nu getoond zonder toolbar.
Zo zal de bezoeker van je site de pagina zien.
- Handleiding
Pagina 8
versie 0.1
4 Beheer In de Quick start heb je bij het maken van de eerste pagina kennis gemaakt met de Beheerpagina’s van Webflex. De Beheerpagina’s zijn een standaardonderdeel van Webflex en bevatten de tools waarmee je jouw website onderhoud. Ook de Beheerpagina’s zijn hiërarchisch ingedeeld: •
Beheer o
o
o
•
Mijn Website
Mijn Pagina’s
Mijn Items
Beveiliging
Gebruikers
Gebruikersgroepen
Modules
Geavanceerd
Taal instellingen
Opmaak
Zones
Instellingen
pagina o
subpagina
De Beheerpagina’s zijn alleen toegankelijk als je bent ingelogd.
- Handleiding
Pagina 9
versie 0.1
4.1 Aanloggen en uitloggen Om te kunnen aanloggen moet je eerst het aanlogscherm openen. Het knopje voor het openen van het aanlogscherm kan 3 verschillende gedaantes hebben: Compact, Icoon of Link. Compact:
Icoon:
Link:
Welke keuze voor jouw website is gemaakt is afhankelijk van het design. Standaard wordt gebruik gemaakt van gedaante Compact. Deze miniatuurknop is bewust moeilijk zichtbaar gemaakt zodat voorkomen wordt dat gebruikers proberen aan te loggen. Als je eenmaal weet waar de aanlognop staat kun je deze meestal probleemloos vinden. Klik je op de aanlogknop wordt het aanlogscherm geopend. Type vervolgens je gebruikersnaam en
wachtwoord in en druk op Log
aan
Is je wachtwoord of gebruikersnaam fout dan wordt dat als volgt gemeld:
Zijn gebruikersnaam en wachtwoord beide goed dan wordt op het CMS aangelogd. Na aanloggen ziet het scherm er zo uit: Compact:
Icoon:
Link:
Om uit te loggen druk op de knop met de rode pijl. Om uw profiel te wijzigen druk op de knop met de gele pijl.
- Handleiding
Pagina 10
versie 0.1
4.2 Mijn Pagina’s Na aanloggen wordt je automatisch doorgeleid naar Beheer Mijn Website Mijn Pagina’s. Als je de Quick Start hebt uitgevoerd, ziet Mijn Pagina’s er als volgt uit:
4.2.1 Paginaniveau De pagina’s van Webflex zijn hiërarchisch ingedeeld. Alle pagina’s in Webflex hebben een niveau. Onderstaande afbeelding geeft de pagina niveaus aan van de huidige pagina hiërarchie: De pagina’s Beheer en Welkom hebben niveau 1.
Alle subpagina’s van niveau 1 (Mijn Website, Beveiliging en
Geavanceerd) hebben niveau 2. Alle subpagina’s van niveau 2 hebben niveau 3.
- Handleiding
Pagina 11
versie 0.1
4.2.2 Navigeren door de pagina’s In Mijn Pagina’s worden de pagina’s met paginatitel getoond. Paginatitels die onderstreept zijn hebben subpagina’s: klik hierop om naar de subpagina’s te gaan. Klik op Beheer om de
subpagina’s van Beheer op het 2e niveau te tonen.
De lijst toont nu de 3
subpagina’s van Beheer op het 2e niveau.
Klik op Basis in de
navigatiebalk om weer terug te gaan naar de pagina’s van het 1e niveau.
4.2.3 Pagina’s toevoegen In de Quick Start heb je pagina Welkom al toegevoegd. Je wilt nu de 2e pagina van je website toevoegen. Zorg dat je in de folder Basis staat (1e niveau) en klik op
Pagina toevoegen.
- Handleiding
Pagina 12
versie 0.1
Type de gegevens van de 2e pagina in met als paginatitel
Diensten.
Type ook de SEO-titel en SEOomschrijving in: volg daarbij de aanwijzingen die op dit scherm worden gegeven. Druk op Opslaan.
De nieuwe pagina Diensten
verschijnt in de lijst. Merk op dat de pagina standaard niet is gepubliceerd. De nieuwe pagina is daardoor nog niet zichtbaar voor de bezoeker van je website.
- Handleiding
Pagina 13
versie 0.1
4.2.4 Subpagina’s toevoegen De pagina Diensten heeft drie subpagina’s. Je wilt nu de 1e subpagina met titel Fiscaal advies opvoeren.
Subpagina toevoegen van de pagina Diensten. Klik op knop
Type de gegevens van de nieuwe subpagina in met als paginatitel Fiscaal advies Druk op Opslaan.
De subpagina Fiscaal advies is aan de lijst toegevoegd.
Klik op Basis om terug te
keren naar de pagina’s op niveau 1.
4.2.5 Pagina’s publiceren Elke pagina heeft een checkbox Gepubliceerd. Als deze checkbox is aangevinkt, is de pagina gepubliceerd en daarmee zichtbaar voor bezoekers van je website. Is de checkbox niet aangevinkt dan is de pagina alleen zichtbaar voor de aangelogde gebruikers. Gebruik deze functie als je bezig bent met het maken van een nieuwe pagina. Vul de niet-gepubliceerde pagina met content en publiceer de pagina pas als deze helemaal klaar is. Dan wordt de pagina zichtbaar voor de bezoekers.
- Handleiding
Pagina 14
versie 0.1
Pagina’s die niet-gepubliceerd zijn, worden tussen [rechte haken] gezet. Als je de pagina publiceert, dan verdwijnen deze haken. •
Niet gepubliceerd: [Fiscaal advies]
•
Gepubliceerd: Fiscaal advies
4.2.6 Pagina’s wijzigen Je hebt alle pagina’s van je website opgevoerd en ontdekt een fout in de paginatitel van de pagina Vacatures: deze heet nu Vacature en je wilt de paginatitel corrigeren. Klik op knop
Vacature.
van de pagina
Wijzig de naam in Vacatures. Klik op Opslaan om de
wijzigingen op te slaan en terug te keren naar de lijst
Mijn pagina’s.
- Handleiding
Pagina 15
versie 0.1
4.2.7 Pagina’s verwijderen Om een pagina te verwijderen, klik je op de knop Verwijder van de te verwijderen pagina. Heeft een pagina subpagina’s dan kan deze pas worden verwijderd als alle subpagina’s zijn verwijderd.
4.2.8 Pagina’s verplaatsen De volgorde van de pagina’s kan eenvoudig worden verplaatst met de knoppen
en
.
Pagina’s kun je ook verplaatsen naar een ander niveau binnen de pagina hiërarchie. Stel je wilt de pagina
Pensioenen - die nu een subpagina is van Fiscaal advies – verplaatsen naar de pagina Diensten: Navigeer naar de pagina
Fiscaal advies en klik op knop van Pensioenen
- Handleiding
Pagina 16
versie 0.1
Merk op dat de pijltjes in
kolom Verplaats veranderen. Je wilt Pensioenen direct
zetten onder Diensten dus
navigeer terug naar Diensten.
Je wilt de pagina Pensioenen boven pagina Non-profit invoegen.
Voeg pagina in boven pagina Non-profit. Klik op knop
De pagina Pensioenen is
verplaatst en de knopjes onder
Verplaats worden weer normaal weergegeven.
De pagina Pensioenen kan ook als subpagina van de pagina Non-profit worden ingevoegd. Dat doe je als volgt:
Voeg pagina in als subpagina van pagina Non-profit. Klik op knop
- Handleiding
Pagina 17
versie 0.1
Na deze invoeg actie zie je dat de pagina Non-profit een
subpagina Pensioenen heeft gekregen.
4.2.9 Pagina’s copieren: template functionaliteit. Pagina’s kunnen worden gekopieerd met knop ‘Copieer pagina naar nieuwe pagina’. De naam van de gecopieerde pagina wordt Copy van: <paginanaam>. Ook de items op de bestaande pagina worden gecopieerd naar de nieuwe pagina. Een pagina kan niet worden gecopieerd als deze subpagina’s heeft. TIP: Gebruik deze functionaliteit door 1 pagina als template-pagina op te bouwen: zet meerdere items op de template-pagina en zorg ervoor dat alle items netjes zijn uitgelijnd en opgemaakt. Copieer nu deze template-pagina, en de gecopieerde pagina erft alle items en opmaak van de template-pagina. Wijzig daarna de items van de gecopieerde pagina: lees in hoofdstuk 5.5.8 hoe de items kunnen worden aangepast.
Klik op knop
van pagina Vacatures om een copie te maken van deze pagina.
Merk op dat er een nieuwe pagina is aangemaakt met de naat Copy van: Vacatures.
De nieuwe pagina is onderaan de paginalijst toegevoegd. U kunt nu de items op de gecopieerde pagina wijzigen. Meer info hierover in hoofdstuk 5.5.8.
- Handleiding
Pagina 18
versie 0.1
4.2.10
Paginarollen
De pagina’s in Webflex hebben een autorisatiemechanisme waarmee je per pagina en per gebruikersgroep kunt aangeven wat de gebruiker op de pagina mag doen. Elke pagina heeft vijf paginarollen. Je kunt de paginarollen zien en/of wijzigen door op de knop
van de
betreffende pagina te klikken. Per pagina kun je gebruikersgroepen (de-)autoriseren voor paginarollen. Je wilt de paginarollen van pagina Welkom
zien/aanpassen. Klik op knop
van Welkom
De paginarollen staan in de kolommen, de gebruikersgroepen in de rijen en de autorisaties in de cellen. Het is een matrix opgebouwd uit 5 paginarollen en 3 gebruikersgroepen die leiden tot 15 autorisaties.
Hoofdstuk 5 is volledig gewijd aan het autorisatiemechanisme van Webflex. Meer informatie over paginarollen vind je in hoofdstuk 5.3.
- Handleiding
Pagina 19
versie 0.1
4.3 Mijn Items In het vorige hoofdstuk Mijn pagina’s heb je geleerd hoe je de structuur van je website realiseert. In dit hoofdstuk leer je content en functionaliteit aan je website toe te voegen d.m.v. items. In Webflex zijn items de dragers van content en functionaliteit. Een item is een implementatie van een module. Afhankelijk van welke content of welke functionaliteit je op een pagina wilt zetten, implementeer je een item van een bepaalde module en voeg je het item toe aan de pagina. Je kunt 1 of meer items op 1 pagina zetten (multi-item pagina), maar je kunt 1 item ook op meerdere pagina’s zetten (hergebruik). Het overzicht van alle items vindt je in Mijn Items: via Beheer Mijn Website Mijn Items. Als je de Quick Start hebt uitgevoerd, ziet Mijn Items er als volgt uit:
De lijst bevat vier items: •
3 items van het moduletype Paginagroep
Paginagroepen (of delegators) zijn items die door het systeem worden gegenereerd. Voor elke
gebruikersgroep van je website maakt het systeem een paginagroep aan. Je kunt ze niet handmatig aanmaken, aanpassen of verwijderen. •
1 item van het moduletype Tekst & Beeld
Dit item (met de naam Welkom tekst) heb je in de Quick Start toegevoegd.
- Handleiding
Pagina 20
versie 0.1
4.3.1 Navigeren door de items. In het voorbeeld hierboven staan vier items. Dit zijn te weinig om de navigatie door de items uit te leggen. In onderstaand voorbeeld hebben we 30 nieuwe items toegevoegd: de itemlijst ziet er als volgt uit:
De itemlijst toont linksboven informatie over het totaal aantal items (104) en welke items er worden getoond (1 tot 10). Rechts hiervan staan 11 paginanummers: paginanummer 1 is rood gekleurd om aan te geven dat de eerste pagina (met items 1 t/m 10) is geselecteerd. Wil je bijvoorbeeld items 31 t/m 40 zien, Klik dan op pagina 4. Wil je meer items tegelijk op een pagina zien, selecteer dan rechtsboven in de itemlijst een andere waarde voor het aantal items per pagina. Je kunt kiezen uit 10, 20 en 50 items per pagina. De inhoud van de itemlijst kun je filteren op basis van het module type: wil je bijvoorbeeld alleen items zien van het type Tekst & Beeld, selecteer dan [13] Tekst & Beeld in het itemfilter. Verder kun je de itemlijst op verschillende kolommen sorteren. In het bovenste voorbeeld is de lijst oplopend (A-Z) gesorteerd op kolom No. Wil je de lijst aflopend (Z-A) sorteren, klik dan op No in de kop van de kolom. Wil je op een Itemnaam sorteren, klik dan op de kop van de kolom Itemnaam.
- Handleiding
Pagina 21
versie 0.1
4.3.2 Items toevoegen In de Quick Start heb je item Welkom tekst al toegevoegd. Je wilt nu een tweede item toevoegen voor het
vullen van pagina Adresgegevens. Het item moet NAW-gegevens bevatten, dus we maken gebruik van de module Tekst & Beeld. Ga naar Mijn items. Klik op Item toevoegen.
Type de gegevens in van het tweede item:
Type NAW-gegevens als itemnaam in en
Selecteer [13] Tekst en Beeld als moduletype.
Druk op Opslaan. Het nieuwe item NAW-
gegevens verschijnt in de lijst. Het item staat nog niet op een pagina, dus er staat een 0 in de kolom Gebruik.
- Handleiding
Pagina 22
versie 0.1
4.3.3 Items wijzigen. De naam van het item kan worden gewijzigd. Het moduletype van het item kan niet worden gewijzigd. Klik op knop
NAW-gegevens.
van item
Wijzig de naam van NAW-
gegevens in Adresgegevens en klik op Opslaan.
De naam van het item is gewijzigd.
- Handleiding
Pagina 23
versie 0.1
4.3.4 Items archiveren Items kunnen worden gearchiveerd. Gearchiveerde items worden niet getoond in de itemlijst en kunnen daarom niet aan pagina’s worden toegevoegd. Een item kan echter wel weer uit het archief worden gehaald, waardoor het item weer beschikbaar wordt voor gebruik op de pagina’s. Stel je wilt item Adresgegevens archiveren: Klik op knop
Adresgegevens.
van item
Vink de checkbox
Gearchiveerd aan om het item Adresgegevens te archiveren.
Het item Adresgegevens verdwijnt uit de lijst van actieve items.
- Handleiding
Pagina 24
versie 0.1
Als je bij Item status de waarde Gearchiveerd
selecteert, dan zie je alle gearchiveerde items.
- Handleiding
Pagina 25
versie 0.1
4.3.5 Items verwijderen Om een item te verwijderen, klik je op de knop wordt item Adresgegevens verwijderd.
van het te verwijderen item. In onderstaand voorbeeld
4.3.6 Items previewen / inhoudelijk aanpassen Met items bepaal je niet alleen de content, maar ook de functionaliteit van jouw website. De inhoudelijke waarde van een item (content en/of functionaliteit) kan centraal vanuit de itemlijst worden bekeken en aangepast. De functionaliteit van een item is afhankelijk van het moduletype van het item: bij moduletype Tekst &
Beeld gaat het om opgeslagen tekst, eventueel voorzien van foto’s of tekeningen. Bij moduletype Webformulier gaat het om welkomst- en bedankteksten, mailadressen en velden van het webformulier. Om een item inhoudelijk aan te passen, klik je op de knop
van het betreffende item. In onderstaand
voorbeeld passen we de tekst aan van het item Adresgegevens. Klik op knop
Adresgegevens.
van het item
- Handleiding
Pagina 26
versie 0.1
De inhoud van item
Adresgegevens wordt getoond binnen een geelzwarte band. Dubbelklik de tekst binnen het geelzwarte band om de tekst van het item inhoudelijk aan te passen. Voeg de adresgegevens toe in de Word editor. Druk op Opslaan.
De content van het item
Adresgegevens is gewijzigd. Druk op Mijn items om terug te keren naar de itemlijst.
4.3.7 Items kopiëren Er zijn situaties waarin het handig is om een item te kopiëren, bijvoorbeeld bij items van het type Webformulier. Een webformulier heeft veel inhoudelijke waarde en om een webformulier goed te configureren ben je al snel 15 minuten bezig. Tip: Stel je wilt drie webformulieren maken met dezelfde webformuliervelden, maar met verschillende Titels en E-mailadressen. Maak dan één webformulier en configureer dit goed. Maak van dit geconfigureerde webformulier vervolgens twee kopieën. Daarna pas je de Titel en het E-mailadres van de kopieën aan, en je hebt drie unieke webformulieren. We kunnen elk item kopiëren, ook items van het type Tekst & Beeld. In het voorbeeld kopiëren we het item
Adresgegevens. We noemen de kopie Adresgegevens privé.
- Handleiding
Pagina 27
versie 0.1
Klik op knop
Adresgegevens
van item
Er wordt een item Kopie van:
Adresgegevens aan de itemlijst toegevoegd.
Wijzig de naam van het item in
Adresgegevens privé.
(zie 4.2.3 Items wijzigen) Pas de inhoud van het item
Adresgegevens privé aan met het privé-adres.
(zie 4.2.5 Items previewen / inhoudelijk aanpassen)
- Handleiding
Pagina 28
versie 0.1
4.3.8 Gebruik van het item bekijken. Bij de introductie van items heb je al gelezen dat je een item op één of meer pagina’s kunt gebruiken. Denk bijvoorbeeld aan een item waarin je bezoekers uitnodigt voor deelname aan een seminar: door dit item op verschillende pagina’s te zetten, vergroot je de kans dat bezoekers van je website de uitnodiging zien en zich inschrijven voor het seminar. En als je het item inhoudelijk aanpast (bijvoorbeeld door de datum van het seminar een week op te schuiven), wijzigt daarmee de content van dit item op alle pagina’s waar je het item gebruikt. Dit is een krachtige functionaliteit van Webflex die echter vraagt om een duidelijk inzicht van het gebruik
van items over de gehele website. In de itemlijst is een kolom Gebruik toegevoegd. Hierin staat een knop en een cijfer. Het cijfer geeft inzicht in het gebruiksaantal van een item en de knop geeft nadere informatie over het gebruik van een item. Druk je op knop
dan zie je een sitemap van de website waarin staat aangegeven op welke pagina’s het
item wordt gebruikt, op welke positie het item staat en of het item actief of passief is. Hier kun je ook het item van pagina’s verwijderen of de periode waarin het item actief is wijzigen. Als voorbeeld ga je het item Adresgegevens toevoegen aan de volgende twee pagina’s: • •
Contact Adresgegevens Contact Contactformulier
Kijk eerst in de itemlijst of het item Adresgegevens al ergens op een pagina wordt gebruikt. In de itemlijst zie je dat het
item Adresgegevens nog niet wordt gebruikt.
Ga naar pagina Contact en selecteer subpagina
Adresgegevens.
Klik op de onderste knop om het item aan de pagina toe te voegen.
Klik in de Lijst van bestaande
items op knop Adresgegevens.
van het item
Druk vervolgens op Terug om
terug te keren naar de pagina. Doe de laatste twee stappen nogmaals, maar nu voor
pagina Contactformulier: Ga
naar Contactformulier en voeg het item Adresgegevens toe.
- Handleiding
Pagina 29
versie 0.1
Ga nu naar de itemlijst Beheer Mijn Website Mijn Items en merk op dat het item Adresgegevens 2x wordt gebruikt.
Klik op knop
om te zien op
welke pagina’s het item wordt gebruikt. Er wordt een Sitemap van je website getoond. Bij de
pagina’s Adresgegevens en
Contactformulier staan 2 grijze kaders die aangeven dat het item Adresgegevens op deze pagina’s staan. Vanuit dit overzicht kun je items van pagina’s verwijderen of de actieve periode van een item op een pagina wijzigen. Druk op knop
om het item
van de pagina te verwijderen. Druk op knop
om de
actieve periode van het item op de pagina te wijzigen.
Stel je wilt dat het item Adres
gegevens vanaf 1-6-2010 actief wordt op pagina Adresgegevens. Klik op knop
van pagina Adresgegevens en type in Datum van 2010-08-01 in. Klik op Opslaan. Je ziet dat het item van de
pagina Contact grijs wordt.
Hiermee wordt aangegeven dat het item op dit moment niet actief is.
- Handleiding
Pagina 30
versie 0.1
4.4 Gebruikers Normaal gesproken zullen de meeste bezoekers je website anoniem gebruiken. Wil je echter bepaalde bezoekers toegang geven tot extra content en/of functionaliteit dan moeten deze bezoekers eerst aan de website worden toegevoegd als gebruiker. Een gebruiker is een geauthenticeerde of aangelogde bezoeker van je website. Dit hoofdstuk gaat over het beheer van gebruikers.
4.4.1 Lijst van gebruikers Het overzicht van alle gebruikers vind je via Beheer Beveiliging Gebruikers. Je ziet drie
gebruikers in de lijst van gebruikers: dit zijn default gebruikers die niet kunnen worden gewijzigd of verwijderd.
De gebruiker
[email protected] is de beheerder van jouw website (medewerker van Kinetiek). Deze gebruiker is volledig geautoriseerd. Alle functies van de website zijn voor de beheerder beschikbaar, ook de geavanceerde functies waar jij als eigenaar van de website voor bent afgeschermd. De gebruiker
[email protected] representeert de bezoeker (ofwel anonieme gebruiker) van jouw website. Zolang je niet op je website bent aangelogd, zie je hetzelfde als de anonieme gebruiker. De website laat alle content zien waarvoor de anonieme gebruiker is geautoriseerd.
De gebruiker
[email protected] representeert de eigenaar van de website. De beheerder van jouw website gebruikt dit account om te testen welke functies voor de eigenaar van de website (jij dus) beschikbaar zijn. Naast deze 3 default gebruikers kunnen er een willekeurig aantal andere gebruikers worden toegevoegd. Je kunt door de Lijst van gebruikers navigeren net als bij Mijn items: je kunt de gewenste pagina met gebruikers selecteren, het aantal gebruikers per pagina selecteren en op kolommen sorteren.
- Handleiding
Pagina 31
versie 0.1
4.4.2 Gebruikers toevoegen Een gebruiker toevoegen doe je vanuit de Lijst van gebruikers. Navigeer naar Beheer Beveiliging Gebruikers. Klik op Gebruiker toevoegen.
Type de gegevens in van de nieuwe gebruiker. De Gebruikersnaam moet een valide e-mail adres zijn. Het wachtwoord wordt door het systeem gegenereerd: onthoud dit wachtwoord. Druk op Opslaan. De nieuwe gebruiker is aan de lijst toegevoegd.
- Handleiding
Pagina 32
versie 0.1
4.4.3 Gebruiker wijzigen Een gebruiker wijzigen doe je vanuit de Lijst van gebruikers. Navigeer naar Beheer Beveiliging Gebruikers. De Gebruikersnaam van Jan de Vries is wil je wijzigen in
[email protected]. Klik op knop
Jan de Vries.
van gebruiker
Wijzig de Gebruikersnaam in
[email protected].
Klik op Opslaan.
4.4.4 Gebruiker verwijderen Een gebruiker verwijderen doe je vanuit de Lijst van gebruikers. Navigeer naar Beheer Beveiliging Gebruikers. Je wilt de gebruiker
[email protected]. verwijderen. Klik op knop
van gebruiker
[email protected].
Bevestig dat je Jan de Vries wilt verwijderen. Klik op Verwijderen of klik op
Annuleren om het verwijderen te annuleren.
- Handleiding
Pagina 33
versie 0.1
4.4.5 Wachtwoord wijzigen /regenereren Je kunt het wachtwoord van een gebruiker wijzigen zodat de gebruiker (tijdelijk) niet meer kan aanloggen
op jouw website. Het wachtwoord wijzigen doe je vanuit de Lijst van gebruikers. Navigeer naar Beheer Beveiliging Gebruikers.
Je wilt het wachtwoord van de gebruiker
[email protected]. wijzigen. Klik in de kolom Actie op knop van de gebruiker
[email protected].
Het systeem genereert een nieuw wachtwoord en toont
het in het scherm Regenereer
wachtwoord. De gebruiker wordt hier niet over geïnformeerd.
Druk op Ok om terug te keren naar de Lijst van gebruikers.
4.4.6 Wachtwoord wijzigen/regenereren en gebruiker informeren Als een gebruiker zijn/haar wachtwoord is vergeten en je wilt de gebruiker opnieuw toegang geven tot jouw website, wijzig dan het wachtwoord en mail de gebruiker het nieuwe wachtwoord. In Webflex doe je
dit heel eenvoudig vanuit de Lijst van gebruikers. Navigeer naar Beheer Beveiliging Gebruikers. Je wilt het wachtwoord van de gebruiker
[email protected]. wijzigen en de gebruiker het nieuwe wachtwoord mailen. Klik in de kolom Actie op knop van de gebruiker
[email protected].
Het systeem genereert een nieuw wachtwoord, toont het nieuwe wachtwoord in het scherm Regenereer
wachtwoord en mailt het nieuwe wachtwoord naar de gebruiker. Druk op Ok om terug te keren naar de Lijst van gebruikers.
- Handleiding
Pagina 34
versie 0.1
4.4.7 Profiel wijzigen In de vorige 2 hoofdstukken heb je geleerd hoe je als beheerder of eigenaar van jouw website het wachtwoord van een andere gebruiker wijzigt. Elke gebruiker kan ook zelf zijn/haar wachtwoord handmatig wijzigen en alle andere gegevens die te maken hebben met de gebruiker. De gebruiker moet dan wel geautoriseerd zijn voor de rol Wijzig profiel van module Login. Het handmatig wijzigen van het wachtwoord gaat als volgt:
Klik op de knop Wijzig profiel. Afhankelijk van de instelling
Login Lay-out heeft deze knop de gedaante: ,
of
.
In het scherm Profiel wijzigt de gebruiker zijn
Gebruikersnaam (email) , Voornaam, Achternaam, Bedrijfsnaam of Wachtwoord. Het nieuwe Wachtwoord moet 2x ingetypt worden.
Druk op Opslaan om het profiel te wijzigen.
4.4.8 Wijzig lidmaatschap van gebruiker In Webflex wordt een gebruiker niet direct geautoriseerd maar indirect via een gebruikersgroep. Door een gebruiker lid te maken van een gebruikersgroep erft de gebruiker de autorisatie/rechten van de gebruikersgroep. Een gebruiker die van geen enkele gebruikergroep lid is heeft geen rechten.
Het lidmaatschap van de gebruiker wordt gewijzigd vanuit de Lijst van gebruikers. Navigeer naar Beheer Beveiliging Gebruikers.
Wijzig lidmaatschap van de gewenste gebruiker. Klik op knop
- Handleiding
Pagina 35
versie 0.1
In het scherm Wijzig
lidmaatschap worden alle gebruikersgroepen getoond. De kolom Is Lid bevat voor elke gebruikersgroep een
checkbox: is deze aangevinkt dan is de gebruiker lid van deze gebruikersgroep.
Een gebruikersgroep kan één of meer gebruikers als lid hebben, maar een gebruiker kan ook lid zijn van één of meer gebruikersgroepen. De gebruikergroepen beheerders en bezoekers zijn default
gebruikersgroepen: nieuwe gebruikers kunnen niet lid worden van deze gebruikersgroepen. De gebruiker
[email protected] van jouw website is als enige lid van de gebruikersgroep
beheerders en de gebruiker
[email protected] is de enige gebruiker van de gebruikersgroep bezoekers
- Handleiding
Pagina 36
versie 0.1
4.5 Gebruikersgroepen In Webflex kunnen gebruikers worden geautoriseerd voor bepaalde content en/of functionaliteit. Gebruikers worden niet direct geautoriseerd maar via een gebruikersgroep. Wijzig je de autorisatie van de gebruikersgroep dan wordt de autorisatie van alle gebruikers die lid zijn van de gebruikersgroep ook gewijzigd. Dit hoofdstuk gaat over het beheer van gebruikersgroepen.
4.5.1 Lijst van gebruikersgroepen Het overzicht van alle gebruikersgroepen vindt je via Beheer Beveiliging Gebruikersgroepen.
De gebruikergroepen beheerders en bezoekers zijn standaard gebruikersgroepen en kunnen niet worden gewijzigd of verwijderd. Verder is er een gebruikersgroep eigenaren waar jij als eigenaar van de website lid van bent.
Je kunt door de Lijst van gebruikersgroepen navigeren net als bij Mijn items: je kunt het paginanummer selecteren, het aantal gebruikersgroepen per pagina selecteren en de kolommen sorteren.
4.5.2 Gebruikersgroep toevoegen Een gebruikersgroep toevoegen, doe je vanuit de Lijst van gebruikersgroepen. Navigeer naar Beheer Beveiliging Gebruikersgroepen. Klik op
Gebruikersgr oep toevoegen.
- Handleiding
Pagina 37
versie 0.1
Vul de gegevens in van de nieuwe gebruikersgro ep. Druk op
Opslaan om de nieuwe gebruikersgro ep toe te voegen.
Het Autorisatieniveau is een globale indicatie van de rechten van een gebruikersgroep. De werkelijke autorisatie van de gebruikersgroep loopt namelijk via toewijzing van rollen en wordt uitgebreid
behandeld in hoofdstuk 5. Het Autorisatieniveau dient alleen voor het sorteren van de gebruikersgroepen in de rollenmatrices. De gebruikersgroepen met het hoogste Autorisatieniveau staan bovenaan, de laagste onderaan. Hieronder een voorbeeld van een rollenmatrix.
4.5.3 Gebruiker sgroep wijzigen Een gebruikersgroep wijzigen doe je vanuit de Lijst van gebruikersgroepen. Navigeer naar Beheer Beveiliging Gebruikersgroepen. Je wilt de Omschrijving van gebruikersgroep klanten wijzigen.
Klik op knop
van
gebruikersgroep klanten.
- Handleiding
Pagina 38
versie 0.1
Wijzig de Omschrijving. Klik op Opslaan.
4.5.4 Gebruiker sgroep verwijderen Een gebruikersgroep verwijderen doe je vanuit de Lijst van gebruikersgroepen. Navigeer naar Beheer Beveiliging Gebruikersgroepen. Je wilt de gebruikersgr oep klanten
verwijderen. Klik op knop van gebruikersgr oep klanten.
Bevestig dat je klanten wilt verwijderen. Klik op
Verwijderen of klik op Annuleren om het verwijderen te annuleren.
- Handleiding
Pagina 39
versie 0.1
4.5.5 Wijzig lidmaatschap van gebruikersgroep In hoofdstuk 4.3.8 heb je gezien hoe je het lidmaatschap van een gebruiker kunt wijzigen. Voor een gebruikersgroep doe je dat op dezelfde manier. De leden van een gebruikersgroep kun je wijzigen vanuit de Lijst van gebruikersgroepen. Navigeer naar Beheer Beveiliging Gebruikersgroepen. Om de leden van
gebruikersgroep eigenaren te zien, klik op knop
.
In het scherm Wijzig
lidmaatschap worden alle gebruikers getoond. De kolom Is Lid bevat voor
elke gebruiker een checkbox: is deze aangevinkt dan is de gebruiker lid van de
gebruikersgroep eigenaren.
- Handleiding
Pagina 40
versie 0.1
4.6 Modules Binnen Webflex is een module een op zichzelf staande miniapplicatie (software component) met een
bepaald uiterlijk en met bepaalde functionaliteit. Elk item in Webflex is gekoppeld aan exact één module waardoor het item het uiterlijk en de functionaliteit van de module erft. Maar items hebben ook een
configuratie die er voor zorgt dat items van dezelfde module onderling van elkaar verschillen qua uiterlijk en soms ook qua functionaliteit. Wil je bijvoorbeeld tekst en foto’s aan een pagina toevoegen, dan maak je een item van het moduletype
Tekst & Beeld. Deze module heeft namelijk handige Word editor waarmee je eenvoudig tekst en afbeeldingen kunt verwerken tot content die er goed uitziet. De Word editor is een voorbeeld van functionaliteit die via de module Tekst & Beeld in het item beschikbaar is. De content die je in het item stopt is de configuratie waardoor elk Tekst & Beeld item er anders uit ziet. Het overzicht van alle modules zie je in Beheer Beveiliging Modules. Modules zijn onderverdeeld in twee soorten: •
Publiek Als je een nieuw item maakt, geef je aan welke module dit item heeft. Je kiest dan uit een lijst van
publieke modules. Voorbeelden van publieke modules zijn Tekst & Beeld en Webformulier. Publieke modules kunnen net zo vaak gebruikt worden als je zelf wilt. •
Niet-publiek
Deze modules worden gebruikt voor het beheer van jouw website. De pagina Mijn Pagina’s maakt
bijvoorbeeld gebruikt van de module Site en de pagina Mijn Items van de module Item. Niet-publieke modules worden mestaal maar 1x gebruikt: de Controller is echter een niet-publieke module die wel vaker dan een keer wordt gebruikt.
4.6.1 Modules wijzigen, toevoegen of verwijderen De beheerder van jouw website is verantwoordelijk voor het wijzigen, toevoegen of verwijderen van
modules. Dit kun je als eigenaar niet zelf doen. Modules worden door Kinetiek geprogrammeerd, getest
en uiteindelijk toegevoegd aan Webflex: pas dan is de module beschikbaar voor gebruik en kun je items maken die gebruik maken van de functionaliteit van de nieuwe module.
- Handleiding
Pagina 41
versie 0.1
4.6.2 Modulerollen Via de modulerollen regel je de autorisatie van Webflex op het niveau van de module. Een verkeerde instelling van de modulerollen brengt het risico met zich mee dat bijvoorbeeld (anonieme) bezoekers je website kunnen wijzigen. Om dit te voorkomen wordt Webflex standaard uitgeleverd zonder autorisatie voor het wijzigen van modulerollen. Indien gewenst, kan je (als eigenaar) voor modulerollen worden geautoriseerd.
Meer over het wijzigen van modulerollen vind je in hoofdstuk 5.1 Rollen en autorisatie op moduleniveau.
4.6.3 Wordt het aantal publieke modules uitgebreid? Kinetiek ontwikkelt dit jaar nieuwe publieke modules waarmee de mogelijkheden van Webflex verder worden vergroot. De volgende modules worden in 2010 ontwikkeld: •
Smartlink Een module waarmee interne en externe links kunnen worden georganiseerd.
•
Banner Voor het maken van roterende banners.
•
Fotoalbum Een module waarmee een verzameling foto’s kan worden gepresenteerd inclusief blader en zoom functionaliteit.
•
Search / Sitemap Een module voor het het zoeken naar content in combinatie met het tonen van een sitemap.
4.6.4 En als ik bijzondere functionaliteit op mijn website wil? De meest voordelige oplossing is je website te bouwen op basis van de beschikbare standaardmodules. Als je op je website iets bijzonders wilt, kijken we eerst of dit kan worden opgelost met een van die standaardmodules. Vraag je echter heel specifieke functionaliteit dan moet een nieuwe module door Kinetiek worden geprogrammeerd, getest en geïnstalleerd. Deze nieuwe module met nieuwe functionaliteit integreert naadloos met de bestaande standaardmodules en kan meerdere keren op je website worden geïmplementeerd.
- Handleiding
Pagina 42
versie 0.1
4.7 Taalinstellingen Webflex is vanuit de kern meertalig uitgevoerd en biedt ondersteuning voor vijf verschillende talen. Dit betekent dat je van je website ook een Engels-, Duits-, Frans- of Spaanstalige versie kunt aanbieden. Onderscheid daarbij wel twee dingen: •
De gebruikersinterface (user interface)
Met gebruikersinterface bedoelen we de taal van de teksten in de menu’s, de teksten op de beheerpagina’s, de teksten op knopjes en de labels met veldnamen. Webflex heeft een volledig Engelse vertaling voor de gebruikersinterface. De Duitse vertaling komt binnenkort beschikbaar. •
De content
Als eigenaar bepaal jij de content op je website. Als je jouw website tweetalig (Nederlands + Engels) wilt aanbieden moet je zelf de engelse content aan jouw website toevoegen. Webflex heeft geen automatische vertaalfunctionaliteit. Wel heb je alle pagina’s en items al tot je beschikking: het enige wat je nog moet doen is de engelse teksten toevoegen aan de bestaande items. De taalinstellingen kun je bekijken via Beheer Geavanceerd Taal instellingen.
4.7.1 Je website meertalig maken voor anonieme bezoekers Een website wordt meertalig gemaakt voor anonieme bezoekers als er twee of meer talen publiek zijn. Dit doe je vanuit Taalinstellingen via Beheer Geavanceerd Taalinstellingen. Anonieme bezoekers van je website hebben niet de mogelijkheid een andere taal te selecteren. Je wilt je website ook in een Engelse vertaling aanbieden. Log aan op jouw website.
- Handleiding
Pagina 43
versie 0.1
Navigeer naar Taalinstellingen. Om de Engelse taal aan te bieden aan anonieme bezoekers moet de checkbox
publiek van taal Engels worden aangevinkt.
Log uit en merk op dat je nu kunt kiezen tussen de talen
Nederlands en Engels.
- Handleiding
Pagina 44
versie 0.1
4.7.2 Je website meertalig maken voor aangelogde bezoekers Een website wordt meertalig gemaakt voor aangelogde bezoekers als er twee of meer talen privé zijn. Dit doe je vanuit Taalinstellingen via Beheer Geavanceerd Taalinstellingen. Aangelogde gebruikers van je website kunnen kiezen tussen
Nederlands en Engels. Je wilt je website voor
aangelogde gebruikers ook in het Duits aanbieden.
Navigeer naar Taalinstellingen. Om de Duitse taal aan te bieden aan aangelogde bezoekers moet de checkbox
privé van taal Duits worden aangevinkt.
Herstart (refresh) de website in de browser en merk op dat de keuze Duits aan je website is toegevoegd.
4.7.3 Standaard taalinstellingen Als je jouw website meertalig hebt gemaakt, is het noodzakelijk de standaardtaal aan te geven. Dit is de taal die de gebruiker ziet als deze de website opent (de eerste pagina bekijkt). Dit doe je vanuit
Taalinstellingen via Beheer Geavanceerd Taal instellingen. Anonieme bezoekers kunnen kiezen tussen Nederlands
(standaard) en Engelse taal. Je wilt de standaardtaal wijzigen in Engels.
Log aan op jouw website
- Handleiding
Pagina 45
versie 0.1
Navigeer naar Taalinstellingen. Om de Engelse taal standaard te maken vink je de checkbox
Default van Engels aan.
Log uit en merk op dat jouw website nu standaard in de
Engelse taal wordt geladen.
- Handleiding
Pagina 46
versie 0.1
4.8 Opmaak Jouw website wordt door Kinetiek zodanig opgemaakt dat de look en feel aansluit op de huisstijl van je bedrijf. Ieder design kan worden toegepast. Deze opmaak heeft Kinetiek vastgelegd in zogenaamde
stylesheets: met stylesheets leg je de opmaak van alle content op je website vast zodat deze er opgeruimd en consequent uit ziet. Maar wat als je je huisstijl veranderd? In Opmaak is het mogelijk een ander stylesheet te selecteren en toe te passen, waardoor je de look en feel van je website wijzigt terwijl de content op je website intact blijft . Het wijzigen van de opmaak is dus alleen mogelijk als je meer dan één opmaak hebt. Normaal gesproken heb je slechts één opmaak en kun je deze niet wijzigen.
4.8.1 Wijzigen van de opmaak Webflex wordt standaard uitgeleverd met twee verschillende opmaken, te weten: •
Webflex
Een grijsblauwe opmaak. •
Opera Een rode opmaak gebaseerd op de website http://www.opera.com.
Wijzig de Opmaak via Beheer Geavanceerd Opmaak. Voor deze handleiding is
opmaak Opera geselecteerd. Wijzig de opmaak in Webflex door de checkbox
Geselecteerd van Webflex aan te vinken.
Merk op dat de opmaak van je website wordt gewijzigd.
- Handleiding
Pagina 47
versie 0.1
4.9 Zones Voor het beheer van je zones navigeer naar Beheer geavanceerd Zones. Elke pagina van je website is opgedeeld in een aantal zones. Zones zijn afgebakende rechthoekige gebieden waar items in worden geplaatst. De indeling van de zones is afhankelijk van de lay-out van je website maar bijvoorbeeld ook van het aantal niveaus dat je wenst in de paginahiërarchie. De beschrijving van de zones in deze handleiding gaat uit van de basislay-out van Webflex. Deze lay-out kan dus afwijken van de lay-out van jouw website. Stel jouw pagina Diensten Fiscaal advies Omzetbelasting ziet er als volgt uit:
Hierboven zijn vijf zones van jouw website aangegeven met gele kaders. Je herkent drie zones waarin de menu’s staan en twee zones met Tekst & Beeld items: de zone sidebar1 bevat één item en de zone
content bevat twee items.
- Handleiding
Pagina 48
versie 0.1
4.9.1 Zoneniveau en zonetypes: statisch, semi- dynamisch en dynamisch In hoofdstuk 4.1.1 Paginaniveau heb je gelezen dat pagina’s in Webflex een niveau hebben. De hoofdpagina’s die in de basisfolder staan hebben niveau 1, en de subpagina’s daarvan hebben niveau 2. Elke pagina heeft zo een niveau die impliciet wordt bepaald op basis van de positie van de pagina in de paginahiërarchie. Een bezoeker die je website bekijkt, surft van de ene naar de andere pagina. Dit noemen we
paginaovergangen. Selecteer je een andere hoofdpagina, dan vindt de paginaovergang op niveau 1 plaats. Selecteer je een andere subpagina van die hoofdpagina, dan vindt de paginaovergang op niveau 2 plaats. Ook de zones hebben een niveau: deze geef je expliciet op. Webflex gebruikt de niveaus van de zone en de paginaovergang om te bepalen of de zone ververst moet worden, volgens de regel:
Bij een paginaovergang op niveau X worden alleen zones met niveau X en hoger ververst. Paginaovergangen hebben niveaus van 1 t/m 9 en zones hebben niveaus van 0 t/m 9. Op basis van het zoneniveau worden zones onderverdeeld in: •
Statische zones: zones met niveau 0. Deze zones worden nooit ververst omdat er geen paginaovergangen zijn van niveau 0: de content in deze zones is statisch. De zone waarin je bedrijfslogo staat is bijvoorbeeld zon statische zone.
•
Dynamische zones: zones met niveau 9. Deze zones worden bij elke paginaovergang ververst: de content in deze zones is dynamisch. In deze zone wordt de content geplaatst die direct te maken heeft met de pagina.
•
Semi-dynamische zones: zones met niveau 1 t/m 8. Deze zones worden alleen bij paginaovergangen van een bepaald niveau ververst. Een paginaovergang op niveau 2 ververst semi-dynamische zones van niveau 2 en hoger, maar laat de content van een semi-dynamische zone met niveau 1 ongewijzigd.
Hieronder een voorbeeld van een site met de drie verschillende zonetypes: • • •
Een statische zone (niveau 0) met het bedrijfslogo
Een semi-dynamische zone (niveau 1) met een item Diensten algemeen Een dynamische zone (niveau 9) met een item Fiscaal advies
Verder toont de afbeelding 2 menu’s: • •
1e menu met pagina’s van niveau 1 (met pagina’s Welkom, Diensten, Portfolio, etc.)
2e Menu met pagina’s van niveau 2 (met pagina’s Fiscaal advies, Corporate finance en Non-profit)
Je zit op pagina Fiscaal advies, de 1e subpagina van
hoofdpagina Diensten. In de semi-dynamische zone (niveau 1) staat een item
Diensten algemeen die alleen mag wijzigen bij een paginaovergang op niveau 1.
- Handleiding
Pagina 49
versie 0.1
We navigeren van Fiscaal
advies naar Corporate finance: dit is een paginaovergang op niveau 2. Alleen de zones met niveau 2 of hoger worden ververst. De zone met niveau 1 blijft ongewijzigd.
Nu navigeren op het
hoofdniveau van Diensten naar
Portfolio: dit is een paginaovergang op niveau 1. Alle zones met niveau 1 of hoger worden ververst, dus ook de semi-dynamische
zone. Alleen de statische zone (niveau 0) met het logo blijft ongewijzigd.
.
Semi-dynamische zones kun je dus gebruiken om tekst te tonen die te maken heeft met de geselecteerde (hoofd)pagina maar die ook van toepassing is op alle subpagina’s van de geselecteerde hoofdpagina. Gebruik semi-dynamische zones voor bijvoorbeeld grafische elementen (foto’s, afbeeldingen), pakkende kopteksten of contextuele teksten met een algemeen karakter. Het niveau van de zone geef je expliciet op bij het aanmaken en wijzigen van een zone. Zie hoofdstuk 4.8.3, 4.8.4 en 4.8.5.
4.9.2 Navigeren door de zones Ook de zones zijn in Webflex hiërarchisch ingedeeld. De zones worden met Zonetitel getoond. Zonetitels die onderstreept zijn hebben subzones: klik hierop om naar de subzone te gaan. Klik op global om de subzones van global te zien.
- Handleiding
Pagina 50
versie 0.1
De lijst toont nu de drie subzones van global.
Klik op Basiszone in de
navigatiebalk om weer terug te gaan naar de zones van niveau 1.
4.9.3 Zones toevoegen Voor het beheer van je zones navigeer naar Beheer geavanceerd Zones. Stel je wilt een zone toevoegen in de zone bottom. In deze
zone wil zgn. banners plaatsen die altijd zichtbaar moeten zijn. Navigeer naar de zone bottom en klik op Zone toevoegen. Type de gegevens van de nieuwe zone in met als zone titel banner.
Selecteer css voor Display als
leeg en 0 als Zone niveau. Druk op Opslaan.
De nieuwe zone banner verschijnt in de lijst.
- Handleiding
Pagina 51
versie 0.1
4.9.4 Subzones toevoegen Je kunt een subzone toevoegen aan een zone die nog geen subzones heeft. Stel je wilt een subzone toevoegen aan de zone banner. Navigeer naar Beheer geavanceerd Zones. Navigeer naar de zone bottom. Klik vervolgens op knop
Subzone toevoegen van de zone banner.
Type de gegevens van de nieuwe subzone in met als Zonetitel subbanner. Druk op Opslaan.
De subzone subbanner is aan de lijst toegevoegd.
4.9.5 Zones wijzigen Je kunt de eigenschappen van een zone wijzigen. Stel je wilt de naam van zone subbanner wijzigen in
bannersub. Navigeer naar Beheer geavanceerd Zones. Navigeer naar de zone
subbanner.
Klik op knop
subbanner.
van de zone
- Handleiding
Pagina 52
versie 0.1
Wijzig de Zone titel in
bannersub.
Klik op Opslaan om de
wijzigingen op te slaan en terug te keren naar de Lijst van zones.
4.9.6 Zones verwijderen Om een zone te verwijderen klik je op de Verwijder knop van de te verwijderen zone. Heeft een zone subzones, dan kan deze zone pas worden verwijderd als al haar subzones zijn verwijderd.
4.9.7 Zones verplaatsen De volgorde van de zones kan eenvoudig worden verplaatst met de knoppen
en
.
Zones kun je ook verplaatsen naar een ander niveau van de zonehiërarchie. Stel je wilt de zone banner die nu een subzone is van bottom – verplaatsen naar de zone top: Navigeer naar de zone banner en klik op knop
banner
van zone
Merk op dat de knopjes in de kolom Verplaats veranderen. Je wilt de zone banner als
eerste subzone van zone top hebben: navigeer naar zone
top.
- Handleiding
Pagina 53
versie 0.1
In de lijst met subzones van zone top: voeg de zone in boven de zone menu1.
Voeg zone in boven zone ‘menu1’. Klik op knop
De zone banner is verplaatst.
- Handleiding
Pagina 54
versie 0.1
4.9.8 Zone rollen De zones in Webflex hebben een autorisatiemechanisme waarmee je per zone en per gebruikersgroep kunt aangeven wat de gebruiker in de zone mag doen. Elke zone heeft vijf zonerollen. Je kunt de zone rollen zien en/of wijzigen door op de knop
van de
betreffende zone te klikken. Per zone kun je gebruikersgroepen (de-)autoriseren voor zonerollen. Stel je wilt de zone rollen van zone sidebar1 zien of aanpassen.
Klik op knop
van sidebar1.
De zonerollen staan in de kolommen, de gebruikersgroepen in de rijen en de autorisaties in de cellen. Het is een matrix opgebouwd uit 5 zonerollen en 3 gebruikersgroepen die leiden tot 15 autorisaties.
Hoofdstuk 6 is volledig gewijd aan het autorisatiemechanisme van Webflex. Meer informatie over zonerollen vind je in hoofdstuk 6.3.3.
- Handleiding
Pagina 55
versie 0.1
4.9.9 Zoneniveau matrix: configureer de verversstrategie In hoofdstuk 4.8.1 heb je gelezen dat de niveaus van de zone en de paginaovergang bepalen of een zone ververst moet worden, en wel volgens de regel: Bij een paginaovergang op niveau X worden alleen zones met niveau X en hoger ververst. Dit is het theoretische model. Echter, het verversen van 5 kleine zones kost meer rekentijd dan het verversen van 2 grote (geclusterde) zones. De zones zijn geclusterd op basis van de hiërarchische structuur van de zones: subzones zijn geclusterd onder de hoger gelegen zone. We kunnen Webflex leren efficiënter om te gaan met het verversen van zones door in de zoneniveaumatrix een verversstrategie te configureren volgens de regel: Geef voor elk paginaovergangniveau op, welke zoneclusters ververst moeten worden en welke zones in het zonecluster worden meegenomen. Hieronder zie je 6 keer dezelfde zonehiërarchie. Voor elk paginaovergangniveau wordt aangegeven welke zones theoretisch worden ververst (rode pijlen) en hoe het strategisch efficiënter kan: hierbij zijn de
groene pijlen de geclusterde zones die worden ververst en de groene rondjes de subzones die worden meegenomen. Niveau
Theoretisch model
Strategisch / geclusterd model
Paginaovergang
3 Er zijn 2 zones met niveau 3 of hoger. Theoretisch moeten 2 zones worden ververst. Zone Menu3 is geclusterd in
zone Content. Er wordt dus 1 zone ververst i.p.v. 2. Winst: 50% .
2 Er zijn 3 zones met niveau 2 of hoger. Theoretisch moeten 3 zones worden ververst. Zone Menu3 is geclusterd in
zone Content. Er worden dus 2 zones ververst i.p.v. 3. Winst: 33% .
1 Er zijn 5 zones met niveau 1 of hoger. Theoretisch moeten 5 zones worden ververst. Alle subzones van zone Top zijn geclusterd in zone Top. Er
worden dus 2 zones ververst i.p.v. 6. Winst: 60% .
- Handleiding
Pagina 56
versie 0.1
Je gaat naar de zoneniveaumatrix door eerst naar de Lijst van zones te navigeren via Beheer geavanceerd Zones. Druk vervolgens op knop Toon matrix van zones en niveaus.
De Zone-niveau matrix is een tabel met in de rijen alle zones van jouw website waarbij duidelijk de hiërarchische indeling van de zones te zien is. (de zone top heeft bijvoorbeeld 6 subzones). In de
kolommen van de tabel staan de paginaovergangniveaus. In de cellen wordt aangegeven wat er met een zone moet gebeuren bij een paginaovergang.
Hier zijn drie verschillende opties die in de cel wordt aangegeven met drie verschillende icoontjes: : zone niet verversen
: zone niet verversen maar wel meenemen in een zonecluster : zone verversen In onderstaand voorbeeld zie je dat bij een paginaovergang op niveau 3 alleen de zone content wordt
ververst en dat zone menu3 hierin wordt meegenomen. Bij een paginaovergang op niveau 2 verversen we ook de zone menu2.
- Handleiding
Pagina 57
versie 0.1
4.10 Instellingen In het scherm Instellingen kun je de configuratie van je website wijzigen. In de huidige versie van Webflex zijn er 21 instellingen. Bepaalde instellingen hebben invloed op de lay-out (kleuren van knopjes, verschillende type aanlog- en taalselectieknoppen, default opmaak van zone-items e.d.) en andere op de technische werking van je website (domein URL, domein titel e.d.). Alle 21 instellingen worden in de bijlage nader beschreven. Het overzicht van alle instellingen vindt je via Beheer Geavanceerd Instellingen. Indien je ervoor bent geautoriseerd kun je de instellingen van jouw website hier aanpassen. Het scherm Instellingen ziet er als volgt uit:
- Handleiding
Pagina 58
versie 0.1
5 De controller: beheer je items op pagina’s en zones Je herinnert je van de Quick Start dat je: • • •
een pagina Welkom hebt aangemaakt.
een item Welkom tekst hebt aangemaakt. het item aan de pagina hebt toegevoegd.
Deze laatste stap, het toevoegen van het item aan de pagina, is een typische rol voor de controller. Elke
pagina/zone heeft een controller: een speciaal item van het moduletype Controller die door het systeem automatisch aan elke pagina/zone wordt toegevoegd. De controllers kun je niet van pagina’s of zones verwijderen.
Met de controller kun je de items op de pagina/zone beheren, zoals: •
Items aan pagina/zone toevoegen of verwijderen.
•
Lay-out van de items aanpassen, zoals breedte, hoogte, achtergrond en uitlijning.
•
Volgorde van de items aanpassen of de positie van het item op de pagina wijzigen.
•
start- en einddatum van een item opgeven.
5.1 Hoe ziet de controller eruit? De controller staat op elke pagina en in elke zone. Maar hoe ziet de controller eruit? Dat is afhankelijk van: •
Het aantal items op de pagina of in de zone
•
De autorisatie van de controller
Dit leidt dit tot drie mogelijke praktijksituaties: Situatie 1: Je bent niet geautoriseerd voor de controller maar de zone bevat wel items. De controller is voor jou niet zichtbaar waardoor je de items van de zone niet kunt wijzigen, toevoegen of verwijderen. Deze situatie doet zich voor bij zone menu1. Situatie 2: Je bent wel geautoriseerd voor de controller maar de zone bevat geen items. De controller is voor jou zichtbaar als knop
.
Klik je hierop dan wordt een lijst van items getoond die je aan de zone kunt toevoegen. Deze situatie doet zich voor bij zone sidebar1.
- Handleiding
Pagina 59
versie 0.1
Situatie 3: Je bent wel geautoriseerd voor de controller en de zone bevat 1 of meer items. De controller is voor jou
zichtbaar als een toolbar boven het item.
Afhankelijk van wat je wilt kun je bestaande items van de zone wijzigen/verwijderen of nieuwe items aan de zone toevoegen. Deze situatie doet zich voor bij zone content.
5.2 Item aan een zone toevoegen Met de controller kun je een item aan een zone toevoegen. Klik hiervoor op de knop
van de gewenste
zone. Druk op knop
van zone sidebar1 om een eerste item aan de zone sidebar1 toe te voegen, of: Druk op knop
van de toolbar van het 1e item in zone content om een 2e item aan de zone content toe te voegen. Je ziet een lijst met items: om een item aan de zone toe te voegen, klik op knop
van
het gewenste item: je ziet dat het plusje van het item
gedeactiveerd wordt: hiermee wordt voorkomen dat hetzelfde item nogmaals aan de zone wordt toegevoegd.
Het 2e item is aan de zone
content toegevoegd. Ook het 2e item heeft toolbar waarmee het item in de zone kan worden gewijzigd. Wil je een 3e item toevoegen dan zijn er 2 mogelijkheden: Klik op knop
van het 1e
item om het 3e item tussen het 1e en 2e item in te voegen. Klik op knop
e
van het 2e
item om het 3 item achter het 2e item in te voegen.
- Handleiding
Pagina 60
versie 0.1
5.3 Item van een zone verwijderen Klik in de toolbar op de knop
van het item die je van de zone wilt verwijderen. Let op: je verwijdert
hiermee het item van de zone: het item zelf blijft bestaan in de bibliotheek van items. Klik in de toolbar op knop om het item van de zone
content te verwijderen.
Bevestig dat je het item van de zone wilt verwijderen, of annuleer de verwijdering.
5.4 Item binnen een zone verplaatsen Klik in de toolbar op de knoppen
of
om een item respectievelijk naar links of naar rechts binnen de
zone te verplaatsen. Items kunnen alleen binnen een zone worden verplaatst. Het 1e item kan niet naar links worden verplaatst en het laatste item kan niet naar rechts worden verplaatst. Klik in de toolbar op
om
een item naar links te verplaatsen. Druk in de toolbar op
om
een item naar rechts te verplaatsen.
- Handleiding
Pagina 61
versie 0.1
5.5 Wijzig eigenschappen van zone-items Elk zone-item (ofwel item in een zone) heeft een aantal eigenschappen zoals: •
Opmaak (kader en achtergrond) en grootte (hoogte en breedte)
•
Positionering (automatische uitlijning binnen de zone of absolute positionering)
•
Periode waarin het zone-item actief is
Belangrijk: deze eigenschappen zijn van toepassing op het zone-item en niet voor het item zelf! Stel je
hebt het item Adresgegevens op op twee pagina’s staan: dit zijn 2 verschillende zone-items. Wijzig je de
achtergrond van het zone-item op de eerste pagina dan heeft dit geen invloed op de achtergrond van het zone-item op de tweede pagina. Wijzig je echter het item Adresgegevens inhoudelijk (door bijvoorbeeld tekstuele wijziging van het adres) dan is dit wel zichtbaar in beide zone-items op beide pagina’s.
5.5.1 Alle eigenschappen van een zone -item bekijken Om alle eigenschappen van het zone-item te bekijken, klik in de toolbar op de knop
.
Je wilt de eigenschappen van het zone-item Welkom tekst op de pagina Welkom wijzigen.
Klik in de toolbar op knop van het 1e zone-item.
Het scherm Wijzig zone-item wordt getoond. Dit scherm is
onderverdeeld in drie blokken met eigenschappen: 1.
Opmaak en afmeting
2.
Positionering
3.
Start- en einddatum
- Handleiding
Pagina 62
versie 0.1
5.5.2 Wijzig opmaak van zone- item Om alle eigenschappen van het zone-item te zien, klik in de toolbar op de knop
. Selecteer vervolgens 1
opmaak uit een collectie van beschikbare opmaken. Standaard heeft Webflex standaard 28 opmaken:
Hierboven een voorbeeld van 28 zone-items met 28 verschillende opmaken. De naam van de opmaak wordt met grote tekst in de items weergegeven. Indien gewenst kunnen deze opmaken worden aangepast aan je huisstijl of uitgebreid met nieuwe opmaken.
- Handleiding
Pagina 63
versie 0.1
5.5.3 Wijzig positionering van zone- item Om alle eigenschappen van het zone-item te zien, klik in de toolbar op de knop
.
Er zijn 3 mogelijkheden voor het positioneren van het zone-item: • • •
Links uitlijnen: Het zone-item drijft naar de linker bovenhoek. Rechts uitlijnen: Het zone-item drijft naar de rechter bovenhoek. Exact positioneren: De linker bovenhoek van het zone-item staat exact op een vast (X,Y)-coördinaat t.o.v. de linker bovenhoek van de zone.
Hierboven een voorbeeld van drie zone-items met verschillende positioneringen. Vervolgens twee voorbeelden van een zone met drie items. Het eerste voorbeeld heeft alle items links uitgelijnd, het tweede voorbeeld heeft alle items rechts uitgelijnd.
Hierboven een voorbeeld van drie zone-items met linkse uitlijning. •
Het eerste item drijft naar de linker bovenhoek
•
Het tweede item wil ook naar de linker bovenhoek maar stuit op het eerste item. Naast het eerste item is voldoende plek en dus drijft het tweede item naar boven en tegen de rechterzijde van het eerste item.
•
Het derde item wil ook naar de linker bovenhoek maar stuit op het eerste en tweede item. Het derde item is te breed om zich naast het tweede item te positioneren en dus komt het links onder het eerste en tweede item te staan.
Hierboven een voorbeeld van drie zone-items met rechtse uitlijning. •
Het eerste item drijft naar de rechter bovenhoek.
•
Het tweede item wil ook naar de rechter bovenhoek maar stuit op het eerste item. Naast het eerste item is voldoende plek en dus drijft het tweede item naar boven en tegen de linkerzijde van het eerste item.
•
Het derde item wil ook naar de rechter bovenhoek maar stuit op het eerste en tweede item. Het derde item is te breed om zich naast het tweede item te positioneren en dus komt het rechts onder het eerste en tweede item te staan.
- Handleiding
Pagina 64
versie 0.1
5.5.4 Wijzig grootte van zone-item Om alle eigenschappen van het zone-item te zien, klik in de toolbar op de knop
.
Vervolgens kun je de breedte en de hoogte van het zone-item opgeven. Wanneer je een item aan de zone toevoegt krijgt het zone-item altijd een standaard breedte (opgegeven bij Instellingen) en een standaard
hoogte (ook opgegeven bij Instellingen). Een hoogte van 0 pixels zorgt ervoor dat de hoogte van het zone-item automatisch wordt aanpast aan de hoeveelheid content in het item. Een breedte van 0 pixels zorgt ervoor dat de breedte van het zone-item automatisch wordt aanpast aan de breedte van de zone.
Hierboven een voorbeeld van drie zone-items met breedte 300px en hoogte 0px. De hoogte van de
zone-items wordt in dit geval automatisch aangepast aan de hoeveelheid content/tekst van het item. In sommige gevallen wil je zone-items allemaal een gelijke hoogte geven: geef dan bij Hoogte de hoogte van het zone-item in pixels op.
Hierboven een voorbeeld van drie zone-items met breedte 300px en hoogte 240px. En tenslotte een voorbeeld van items met een combinatie van verschillende breedtes en hoogtes.
Hierboven een voorbeeld van drie zone-items: het eerste en tweede item hebben een breedte van 460px en hoogte van 160px. Het derde item heeft een (automatische) breedte van 0px en (automatische)
hoogte van 0px.
- Handleiding
Pagina 65
versie 0.1
5.5.5 Wijzig actieve periode van zone- item Om alle eigenschappen van het zone-item te zien, klik in de toolbar op de knop
.
De actieve periode is de periode waarin het zone-item zichtbaar is in de zone (of op de pagina). Alleen als de huidige datum valt binnen de actieve periode, dan is het zone-item zichtbaar voor de (anonieme)
bezoeker van je website. Heeft een pagina slechts één zone-item en is dit zone-item niet actief, dan is niet alleen het zone-item maar ook de pagina onzichtbaar voor de bezoeker. Je geeft de actieve periode van het zone-item op door invullen van een Datum van en Datum t/m. Deze twee datavelden kunnen rechtstreeks worden ingetypt maar kunnen ook met een datumprikker worden geselecteerd.
Stel je wilt een zone-item activeren van 1 september 2010 t/m 1 oktober 2010. Selecteer dan:
Datum van: 2010-09-01 Datum t/m: 2010-10-01
Anonieme bezoekers zien inactieve zone-items niet, aangelogde gebruikers zien inactieve zone-items wel: zij moeten immers in staat zijn om de actieve periode van een zone-item te wijzigen. Om
onderscheid te maken tussen actieve en inactieve zone-items zijn de inactieve zone-items grijs gemaakt. Voor aangelogde gebruikers zijn inactieve zone-items grijs gemaakt.
Voor (anonieme) bezoekers zijn inactieve zone-items niet zichtbaar. Het eerste item wordt dus niet weergegeven maar het tweede en derde item wel.
- Handleiding
Pagina 66
versie 0.1
Verder is het mogelijk om zone-items te voorzien van een indicatie Nieuw om aan te geven dat het zoneitem sinds kort zichtbaar is op de pagina. De Nieuw indicatie is gedurende een aantal dagen zichtbaar zodra de huidige datum op of na de startdatum van de actieve periode van het zone-item ligt. Bij
Instellingen kun je aangeven hoe lang (in dagen) de Nieuw indicatie moet worden getoond. Standaard staat deze instelling op 14 dagen. Stel dat het eerste zone-item een Datum van heeft van 1
april 2010. En stel dat de instelling op 14 dagen staat. De indicatie Nieuw is dan zichtbaar van 1 t/m 14 april 2010. Wil je de indicatie 1 week
langer zien, wijzig dan de instelling naar 21 dagen.
5.5.6 Wijzig breedte, hoogte, en exacte positie van zone- item met de
alterknop .
Vier eigenschappen van het zone-item kunnen met de alterknop versneld worden gewijzigd. Voor zone-
items die rechts of links zijn uitgelijnd kunnen de breedte en hoogte met de alterknop worden gewijzigd. Voor zone-items die exact zijn gepositioneerd kunnen ook de X- en de Y-coördinaat worden gewijzigd.
De alterknop staat links in de toolbar van elk zone-item en toont de eigenschap die je wijzigt als je op de (eigenschapwaarde verkleinen) en
knoppen
(eigenschapwaarde vergroten) klikt. Als je op de
alterknop zelf drukt, wijzigt de eigenschap. Hoe is afhankelijk van de zone-item positionering: •
Links en Rechts uigelijnde zone-items:
•
Exact gepositioneerde zone-items:
Stel je wilt de breedte van het tweede zone-item wijzigen. Check of de alterknop op staat. Zo niet, klik dan
op de alterknop totdat deze op staat. Klik vervolgens op knop
om
het zone-item te verbreden. Merk op dat het zone-item met 20px is verbreed. De mate waarin je de eigenschap wijzigt, staat in
Instellingen en kan naar wens worden aangepast. De standaardwaarde is 20px.
- Handleiding
Pagina 67
versie 0.1
5.5.7 Wijzig de afmeting van een zone- item door te slepen. De afmeting van een zone-item kan ook door middel van slepen worden gewijzigd. Dit werkt als volgt: Stel je wilt de afmeting van het eerste zone-item wijzigen door het in een gewenste grootte te slepen. Klik op knop
om het zone-
item in de sleepmodus te zetten.
In het zone-item verschijnt
rechtsonder een sleepicoontje. Ga hier met de muis naar toe en versleep de breedte, de
hoogte of beide.
Wil je het verslepen annuleren, druk dan op de cancel knop. Sleep met de muis het
sleepicoontje naar rechts en naar boven (dus over het tweede zone-item heen) Laat de muis los.
Merk op dat het eerste zoneitem is verbreed en verlaagd. Als gevolg daarvan is het tweede item naar rechts opgeschoven. De sleepmodus is opgeheven en de toolbar van het zone-
item wordt weer geactiveerd.
- Handleiding
Pagina 68
versie 0.1
5.5.8 Wijzig het item van het zone- item. Soms heb je een pagina met een groot aantal zone-items, en de pagina heb je perfect opgemaakt door de verschillende zone-items breedtes, hoogtes, uitlijning en opmaak te geven. Dan wil je dat de inhoud van 1 zoneitem moet worden gevuld door een ander item. Je kunt het zone-item van de pagina verwijderen en een nieuw item aan de pagina toevoegen. Dit heeft als nadeel dat de opmaak van de pagina verloren gaat: immers, door het verwijderen van het item verwijder je ook de opmaak van het zone-item. Beter is om (de opmaak van) het bestaande zone-item in takt te laten en het item bvan het zone-item te wijzigen. Dit werkt als volgt: Je wilt de inhoud van het 2e zone-item wijzigen. Nu wort als inhoud 2e item gebruikt,
maar je wilt hier als inhoud 4e
item.
Klik in de toolbar op knop van het 2e zone-item.
Merk op dat de itemnaam 2e
item is.
Klik vervolgens op de knop
wijzig het geslecteerde item. Er wordt een lijst met items geopend. Check vervolgens in de itemlijst de checkbox van het gewenste item (4e item)
Merk op dat de itemnaam nu is gewijzigd in 4e item.
Druk op Opslaan om naar de pagina terug te keren.
- Handleiding
Pagina 69
versie 0.1
Merk op dat de inhoud van het 2e zoneitem is gewijzigd.
De inhoud van het 2e zoneitem komt nu van 4e item.
Echter, de opmaak van het 2e zone-item is door deze actie niet gewijzigd. Het zoneitem heeft nog exact dezelfde hoogte, breedte en uitlijning als voorheen.
- Handleiding
Pagina 70
versie 0.1
6 Webflex autorisatie Webflex3 heeft een geavanceerd autorisatiemechanisme op basis van gebruikers, gebruikersgroepen, rollen en autorisaties. Met dit mechanisme kun je exact sturen welke gebruikers welke content mogen zien en/of welke handelingen ze mogen verrichten. Het autorisatie mechanisme werkt op drie niveaus: •
Moduleniveau
Hier wordt de default of basisautorisatie vastgelegd voor gebruikersgroepen en modulerollen. •
Itemniveau
Hier kan de basisautorisatie worden overruled m.b.v. een autorisatie op itemniveau. •
Pagina- en zoneniveau
Hier kan de basisautorisatie van de module controller worden overruled m.b.v. een autorisatie op itemniveau.
6.1 Rollen en autorisaties op moduleniveau De modules zijn de bouwstenen van Webflex: zij bepalen wat je op jouw website kunt zien en wat je er kunt doen. In de Quick Start heb je al een item Welkom tekst gemaakt die een implementatie is van
module Tekst & Beeld. Ook heb je in de vorige hoofdstukken de werking van Mijn pagina’s en Mijn items geleerd: Dit zijn implementaties van respectievelijke modules Site en Item.
Elke module heeft specialistische functionaliteit die is vastgelegd in specifieke rollen. Voor het bekijken van de modulerollen en hoe deze zijn geautoriseerd selecteer Beheer Beveiliging Modules. Je ziet de lijst met modules van Webflex. Om de modulerollen van Tekst
& Beeld te bekijken, klik op
van module Tekst & Beeld (1). knop
Om de modulerollen van
Webformulier te bekijken, klik op de knop
van module Webformulier (2).
(1) In Modulerollen zie je een tabel met 5 Tekst & Beeld rollen en 4 gebruikersgroepen. Voor elke gebruikersgroep en rol is de autorisatie vastgelegd. In totaal zijn er 20 autorisaties.
- Handleiding
Pagina 71
versie 0.1
(2) In Modulerollen zie je een tabel met 6 Webformulier rollen en 4 gebruikersgroepen. Voor elke gebruikersgroep en rol is de autorisatie vastgelegd. In totaal zijn er 24 autorisaties.
Op moduleniveau onderscheiden we vier soorten autorisaties: : De gebruikersgroep is voor de rol geautoriseerd. De autorisatie kan worden gewijzigd. : De gebruikersgroep is voor de rol geautoriseerd. De autorisatie kan niet worden gewijzigd. : De gebruikersgroep is niet voor de rol geautoriseerd. De autorisatie kan worden gewijzigd. : De gebruikersgroep is niet voor de rol geautoriseerd. De autorisatie kan niet worden gewijzigd. Om een autorisatie op moduleniveau te wijzigen, klik je op de autorisatieknop. • •
Voor het intrekken van een autorisatie, klik je op een
Voor het toekennen van een autorisatie, klik je op een
Autorisaties
en
die dan wijzigt in een die dan wijzigt in een
. .
zijn expres gedeactiveerd en kunnen niet worden gewijzigd. Hiermee wordt
bijvoorbeeld voorkomen dat anonieme bezoekers onbedoeld geautoriseerd worden om de content op jouw website te wijzigen. Als voorbeeld nemen we de autorisaties voor module Webformulier. De tabel met modulerollen laat zien dat gebruikersgroep bezoekers niet is geautoriseerd voor de rol Mag webformulier zien. Als je wilt dat gebruikersgroep bezoekers wel webformulieren mag zien, pas dan de autorisatie als volgt aan: Klik op knop
onder de rol Mag webformulier zien en voor gebruikersgroep bezoekers.
De knop
wijzigt in een
waarmee wordt aangegeven dat bezoekers vanaf nu alle webformulieren mag zien.
- Handleiding
Pagina 72
versie 0.1
6.2 Rollen en autorisaties op itemniveau Regel je op moduleniveau de default basisautorisatie, op itemniveau kun je de autorisatie per item
finetunen. Ter herinnering: items zijn implementaties van modules en dus erven items zowel de functionaliteit als (een deel van) de rollen van modules.
Voor het bekijken van de itemrollen en hoe deze zijn geautoriseerd selecteer Beheer Mijn website Mijn items. Je ziet de lijst met items. Om de itemrollen van
Loonheffing te bekijken, klik op knop
van item Loonheffing (1). Om de itemrollen van
Contact-formulier te bekijken, klik op knop
van item Contact-formulier (2).
Voor item Loonheffing (1) In
Itemrollen zie je een tabel met 4 rollen en 4 gebruikersgroepen. Voor elke gebruikersgroep en rol is de autorisatie vastgelegd. In totaal zijn er 16 autorisaties.
(2) In Itemrollen zie je een tabel met 5 rollen en 3 gebruikersgroepen. Voor elke gebruikersgroep en rol is de autorisatie vastgelegd. In totaal zijn er 15 autorisaties.
Vergelijken we de itemrollen van item Welkom tekst met de modulerollen van module Tekst & Beeld (zie pagina 19), dan valt het volgende op: •
Het item erft vier van de vijf modulerollen.
Alleen de module rol Mag nieuw item toevoegen is niet geërfd. Dat komt omdat deze rol geen relevantie heeft op itemniveau, maar alleen op moduleniveau. - Handleiding
Pagina 73
versie 0.1
•
Het item heeft de basisautorisaties van de module geërfd.
Op itemniveau onderscheiden we zes soorten autorisaties: : De gebruikersgroep is voor de rol op moduleniveau geautoriseerd.
De autorisatie kan door een overrulende autorisatie op itemniveau worden ingetrokken.
: De gebruikersgroep is voor de rol op itemniveau geautoriseerd. De autorisatie is op itemniveau toegekend.
: De gebruikersgroep is voor de rol op moduleniveau geautoriseerd. De autorisatie kan niet op itemniveau worden gewijzigd. : De gebruikersgroep is niet voor de rol op moduleniveau geautoriseerd.
De autorisatie kan door een overrulende autorisatie op itemniveau worden toegekend.
: De gebruikersgroep is niet voor de rol op itemniveau geautoriseerd. De autorisatie is op itemniveau ingetrokken.
: De gebruikersgroep is niet voor de rol op moduleniveau geautoriseerd. De autorisatie kan niet op itemniveau worden gewijzigd. Door een autorisatie op itemniveau overrule je de basisautorisatie op moduleniveau. Er zijn twee mogelijkheden van het overrulen van een basisautorisatie met een itemautorisatie: •
Om de autorisatie in te perken, klik je op een moduleautorisatie itemautorisatie
•
Om de autorisatie uit te breiden, klik je op een moduleautorisatie itemautorisatie
die dan wijzigt in een
. die dan wijzigt in een
.
Samengevat: • •
en zijn de itemautorisaties. Itemautorisaties overrulen altijd moduleautorisaties. De twee autorisaties met een sterretjes
Als voorbeeld nemen we de autorisaties voor item Contactformulier. De tabel met Itemrollen laat zien dat gebruikersgroep bezoekers op moduleniveau is geautoriseerd voor de rol Mag webformulier zien. Als je
wilt dat bezoekers het webformulier Contactformulier niet mag zien, pas dan de autorisatie als volgt aan: Klik op knop
onder de rol
Mag webformulier zien en voor gebruikersgroep bezoekers.
De knop
wijzigt in een
waarmee wordt aangegeven dat bezoekers het item
Contactformulier niet mag zien. Het sterretje geeft aan dat dit een autorisatie is op het niveau van het item. Autorisaties zonder sterretjes zijn op het niveau van de module.
- Handleiding
Pagina 74
versie 0.1
6.3 Impliciete autorisatie voor een pagina In de vorige hoofdstukken over autorisatie heb je gelezen hoe je gebruikersgroepen kunt autoriseren voor rollen op zowel moduleniveau als op itemniveau. Elke module en elk item heeft een rol mag zien waarmee je kunt aangeven of een gebruiker een item wel of niet mag zien.
In hoofdstuk 5 over Controllers heb je gelezen dat pagina’s worden gevuld met items. De bezoeker van je website surft van pagina naar pagina (de zgn. paginaovergangen) en ziet op de pagina’s alleen de items die hij mag zien (ofwel items met een autorisatie voor rol mag zien).
Maar wat gebeurt er als een pagina geen enkel item bevat die de bezoeker mag zien? Dat zou een lege pagina opleveren die niet relevant is voor de bezoeker. Webflex houdt hier rekening mee en verbergt lege pagina’s automatisch. Je zou dit kunnen beschouwen als een vorm van pagina autorisatie.
Een gebruiker mag een pagina zien als deze minimaal één item bevat die deze gebruiker mag zien. Mag een gebruiker een pagina niet zien, dan wordt deze pagina ook niet getoond in het menu. En als een gebruiker een pagina niet mag zien, dan mag hij automatisch ook al zijn subpagina’s niet zien. Op deze
wijze kun je grote delen (takken) van je website voor bepaalde gebruikersgroepen in één keer afschermen of juist beschikbaar stellen.
We lichten dit toe aan de hand van paginahiërarchie van ons voorbeeld: Stel dat je pagina Fiscaal Advies
inclusief al zijn subpagina’s beschikbaar wilt stellen voor je klanten, maar wilt afschermen voor anonieme
bezoekers. Zet dan op de pagina Fiscaal advies één of meer items waarvoor geldt dat: • gebruikersgroep klanten voor minimaal één item is geautoriseerd • gebruikersgroep bezoekers voor alle items niet is geautoriseerd
Omdat pagina Fiscaal advies geen enkel item voor anonieme bezoekers bevat is de pagina onzichtbaar en daarmee ook al zijn subpagina’s. Hiermee is een complete tak (in rood aangegeven) van je paginahiërarchie voor anonieme bezoekers afgeschermd.
- Handleiding
Pagina 75
versie 0.1
6.4 Rollen en autorisaties op pagina- en zoneniveau In hoofdstuk 5 heb je gelezen hoe je met de controller de items op de pagina’s en de zones kunt managen. Je hebt gezien hoe je: •
Items aan pagina/zone toegevoegd of verwijderd.
•
Lay-out van de items aanpast, zoals breedte, hoogte, achtergrond en uitlijning.
•
Volgorde van de items aanpast of de positie van het item op de pagina wijzigt.
•
Start- en einddatum van een item opgeeft.
Net als alle andere modules heeft ook de controller rollen waarmee je exact kunt sturen welke gebruikers voor welke controllerrollen zijn geautoriseerd. Ook hier geldt dat de basisautorisatie van de controller op moduleniveau wordt vastgelegd en dat deze per pagina en per zone kan worden verfijnd. De vijf controllerrollen zijn: •
Mag controller zien
•
Mag itemeigenschappen wijzigen
•
Mag publieke items toevoegen
•
Mag items verwijderen
•
Mag systeemitems toevoegen
Het onderstaande schema laat vijf verschillende autorisaties zien en hoe deze de knopjes in de toolbar van de controller beïnvloeden:
•
Situatie 1: De gebruiker is voor geen enkele rol geautoriseerd. De controller is niet zichtbaar.
•
Situatie 2:
De gebruiker is voor rol Mag controller zien geautoriseerd. De controller is zichtbaar maar alle knopjes van de toolbar zijn gedeactiveerd. •
Situatie 3:
De gebruiker is ook voor rol Mag item eigenschappen wijzigen geautoriseerd. De controller is
zichtbaar en alle knopjes van de toolbar zijn geactiveerd behalve Toevoegen en Verwijderen. De gebruiker kan bestaande zone-items aanpassen. •
Situatie 4:
De gebruiker is ook voor rol Mag publieke items toevoegen geautoriseerd. De controller is zichtbaar en alle knopjes van de toolbar zijn geactiveerd behalve Verwijderen. De gebruiker kan bestaande zone-items aanpassen en items aan de zone toevoegen. •
Situatie 5:
De gebruiker is ook voor rol Mag items verwijderen geautoriseerd. De controller is zichtbaar en alle knopjes van de toolbar zijn geactiveerd. De gebruiker kan bestaande zone-items aanpassen, items aan de zone toevoegen en items uit een zone verwijderen.
- Handleiding
Pagina 76
versie 0.1
6.4.1 De Controllermodule De Controller is een module. De rollen en de basisautorisatie van de Controllermodule kun je bekijken in de lijst van modules. Selecteer Beheer Beveiliging Modules Je ziet de lijst met modules van Webflex. Ga naar pagina 2. Om de modulerollen van de
Controller te bekijken, klik op knop
van module
Controller.
In Modulerollen zie je een
tabel met 5 Controller rollen en 3 gebruikersgroepen.
Voor elke gebruikersgroep en rol is de autorisatie vastgelegd. In totaal zijn er 15 autorisaties.
Je ziet dat gebruikersgroep eigenaren op moduleniveau een basisautorisatie heeft voor 4 Controller rollen. Dat betekent dus dat eigenaren op alle pagina’s de controller mag zien, de itemeigenschappen mag wijzigen en publieke items mag toevoegen en verwijderen.
- Handleiding
Pagina 77
versie 0.1
6.4.2 De Paginacontroller De paginacontroller is een implementatie van een Controller module en de paginacontroller erft (net als de andere items) de functionaliteit en de rollen van de Controller module.
Om de rollen en autorisaties van de controller van een pagina te bekijken, ga naar Beheer Mijn website Mijn pagina’s. Je ziet de lijst met pagina’s. In de paginalijst, klik op knop van pagina Welkom om de
Paginarollen te zien.
Je ziet een matrix van 5 Paginarollen (de kolommen) en 3 gebruikersgroepen (de rijen). In totaal zie je 15 autorisaties die allen geërfd zijn van de module Controller.
Stel je wilt voor pagina
Welkom de autorisatie voor de rol Mag items verwijderen inperken voor gebruikersgroep eigenaren.
Klik dan op de 4e knop
.
Keer je als eigenaar terug naar de pagina Welkom dan zie je het volgende:
De delete knop
van de toolbar is gedeactiveerd: items kunnen niet meer van de pagina Welkom worden verwijderd.
- Handleiding
Pagina 78
versie 0.1
6.4.3 De Zonecontroller De Zonecontroller werkt op dezelfde wijze als de paginacontroller: ook dit is een implementatie van een
Controller module en de zonecontroller erft (net als de andere items) de functionaliteit en de rollen van de Controller module. Om de rollen en autorisaties van de controller van een zone te bekijken, ga je naar Beheer Geavanceerd Zones. Je ziet de lijst met zones. In de zonelist, klik op knop
van de zone sidebar1 om de Zonerollen te zien.
Je ziet een matrix van 5 Zonerollen (de kolommen) en 3 gebruikersgroepen (de rijen). In totaal zie je 15 autorisaties die allen geërfd zijn van de module Controller.
Stel je wilt dat eigenaren geen items mogen toevoegen aan zone sidebar1.
Klik op de autorisatie voor de rol Mag controller zien en
gebruikersgroep eigenaren. De knop
wijzigt in een
.
Omdat de autorisatie is ingeperkt, zie je in de zone
sidebar1 geen controller meer staan.
- Handleiding
Pagina 79
versie 0.1
7 Modules Binnen Webflex is een module een op zichzelf staande miniapplicatie (software component) met een
bepaald uiterlijk en met bepaalde functionaliteit. Elk item in Webflex is gekoppeld aan exact één module waardoor het item het uiterlijk en de functionaliteit van de module erft. Items van dezelfde module
hebben in principe hetzelfde uiterlijk en dezelfde functionaliteit. Maar items hebben ook een configuratie die er voor zorgt dat items van dezelfde module onderling van elkaar verschillen qua inhoud.
Wil je bijvoorbeeld tekst en foto’s aan een pagina toevoegen, dan maak je een item van het moduletype
Tekst & Beeld. Deze module heeft namelijk handige Word editor waarmee je eenvoudig tekst en afbeeldingen kunt verwerken tot content die er netjes uitziet. De Word editor is een voorbeeld van functionaliteit die via de module Tekst & Beeld in het item beschikbaar is. De content die je in het item stopt is de configuratie waardoor elk Tekst & Beeld item er anders uit ziet. Samengevat: • • •
Modules gebruik je niet rechtstreeks maar altijd via een item
Een item gebruikt exact één module en erft daarmee uiterlijk en functionaliteit van de module Door verschillende configuraties zien items van dezelfde modules er verschillend uit.
In dit hoofdstuk beschrijven we uiterlijk en functionaliteit van drie belangrijke modules die je veel zult gebruiken bij het maken van jouw website.
- Handleiding
Pagina 80
versie 0.1
7.1 Tekst & Beeld De module Tekst & Beeld gebruik je voor items die tekst en beeld moeten kunnen weergeven. Deze
module gebruikt de TinyMCE editor waarmee je de teksten net zo eenvoudig kunt toevoegen wijzigen en opmaken als in een bekende Word processor. Ook het maken van tabellen en het invoegen van afbeeldingen is mogelijk.
7.1.1 Rollen voor module Tekst & Beeld De module Tekst & Beeld heeft de volgende rollen: • • • • •
Mag Mag Mag Mag Mag
content zien: Mag de content van een Tekst & Beeld item zien. item/content wijzigen: Mag de content van een Tekst & Beeld item wijzigen. nieuw item toevoegen: Mag nieuwe items van het type Tekst & Beeld toevoegen. item copieren: Mag copieën maken van bestaande Tekst & Beeld items. item verwijderen: Mag bestaande items van het type Tekst & Beeld verwijderen.
7.1.2 Wijzig content Om content te kunnen wijzigen moet je geautoriseerd zijn voor de rol Mag item/content wijzigen.
Anonieme bezoekers hebben normaal gesproken geen recht om content te wijzigen, dus log allereerst in op de website. Zoek het item waarvan je de content wilt wijzigen: dit kan op 2 manieren: •
Ga naar een pagina waar het item wordt gebruikt.
•
Ga naar de itemlijst (via Beheer Mijn Website Mijn Items) en klik op knop
preview item.
Je ziet het item waarvan je de content wilt wijzigen. (in dit voorbeeld centraal vanuit de itemlijst). Dubbelklik de content binnen het kader om de TinyMCE editor te activeren. Je ziet dezelfde tekst maar nu in een TinyMCE editor. Wijzig de tekst van het item. Druk op Opslaan om
wijzigingen op te slaan.
Merk op dat je de content van het item heb gewijzigd,
- Handleiding
Pagina 81
versie 0.1
7.1.3 Wijzig opmaak van content Er zijn verschillende manieren waarop je content van een Tekst & Beeld item kunt opmaken. Je kunt content opmaken met de directe opmaak functionaliteit van de TinyMCE editor maar het is aan te bevelen om content zoveel mogelijk op te maken met de opmaak die is vastgelegd in het stylesheet. 7.1.3.1
opmaak met TinyMCE (Inline Opmaak)
Met TinyMCE kun je eenvoudig stukken tekst vet, cursief of onderstreept opmaken. Dit is zgn. inline
opmaak waarmee je opmaak fysiek toevoegt aan je content. Aanbeveling: Gebruik deze opmaakmethode zo weinig mogelijk. Deze methode van opmaken leidt namelijk tot een moeilijk onderhoudbare content en vaak tot een rommelig eindresultaat. Selecteer met de muis de tekst die je wilt opmaken,
bijvoorbeeld Tekst & Beeld. Selecteer vervolgens de gewenste opmaak,
bijvoorbeeld vet, cursief of onderstreept.
Selecteer cursief.
7.1.3.2
opmaak vanuit het stylesheet
Jouw website heeft een opmaak gekregen die aansluit bij de huisstijl van jouw bedrijf. Deze opmaak is vastgelegd in een stylesheet die speciaal voor jouw website door Kinetiek is ontwikkeld. Gebruik ditzelfde stylesheet ook zoveel mogelijk voor het opmaken van de content van je Tekst & Beeld items zodat: • •
de content in de verschillende Tekst & Beeld items consistent is
de content in de verschillende Tekst & Beeld items snel vanuit het stylesheet is te wijzigen: dit leidt tot een beter beheersbaar proces en beter onderhoudbare content
De opmaken van het stylesheet wordt door TinyMCE via de comboboxen Opmaak en Stijlen beschikbaar gesteld. Combobox Opmaak: Biedt verschillende opmaken aan: we gebruiken
Kop 1
(Vet en groot), Kop 2 (oranje tekst) of
Alinea
(normaal).
Selecteer de tekst die je wilt opmaken en selecteer de gewenste opmaak in de combobox Opmaak.
- Handleiding
Pagina 82
versie 0.1
Combobox Stijlen: Biedt verschillende stijlen aan: we gebruiken:
alinea_tip: met een lamp icoon en gele achtergrond. alinea_instructie: met een tools icoon en een blauwe rand. alinea_gevaar: met een pas-op icoon en een rood kader.
Dit zijn maar enkele voorbeelden van opmaken en stijlen. Wil je een andere opmaak of stijl dan kan
Kinetiek deze eenvoudig aan het stylesheet toevoegen en is deze via de comboboxen in TinyMCE voor al je Tekst & Beeld items beschikbaar.
7.1.4 Voeg tabellen toe aan content TinyMCE heeft ook een tabellen wizard waarmee je eenvoudig tabellen in je content kunt plaatsen. Ook hier geldt dat je bij voorkeur de tabellen opmaakt met opmaken uit het stylesheet. Voordeel hiervan is dat als je achteraf de opmaak in je stylesheet wijzigt dit doorwerkt op alle tabellen. Stel je wilt een tabel met personen en adresgegevens aan je content toevoegen: Naam
Straat
Postcode
Plaats
John Doe
Kalverstraat 11
1234 AA
Amsterdam
Jan Modaal
Coolsingel 12
2134 BB
Rotterdam
De 1e rij van de tabel bevat de koppen Naam, Straat, Postcode en Plaats. De 2e en 3e rij zijn de gegevens van de tabel. Het toevoegen van de tabel gaat als volgt:
Zoek het Tekst & Beeld item waaraan je de tabel wilt toevoegen: dit kan op 2 manieren: •
Ga naar een pagina waar het item wordt gebruikt.
•
Ga naar de itemlijst (via Beheer Mijn Website Mijn Items) en klik op knop
preview item.
Je ziet het item waaraan je de tabel wilt toevoegen (in dit voorbeeld centraal vanuit de itemlijst). Dubbelklik de content binnen het kader om de TinyMCE editor te activeren. Plaats de cursor onder de tekst ‘We gaan hier een nieuwe tabel toevoegen ...’ Klik op Nieuwe tabel invoegen.
- Handleiding
Pagina 83
versie 0.1
De tabel heeft 4 kolommen en 3 rijen dus type voor
Kolommen 4 en voor Rijen 3. We willen de tabel opmaken met de opmaak vastgelegd in het stylesheet. Selecteer bij
combobox Klasse een opmaak die begint met table_,
bijvoorbeeld table_normal. Klik op invoegen.
Merk op dat er een lege tabel aan de content wordt toegevoegd. Vul vervolgens de tabel met de koppen en adresgegevens. Gebruik de pijltjestoetsen van je toetsenbord om van cel naar cel te navigeren. Als de tabel gevuld is ziet deze er als volgt uit. Tenslotte ga je de tabel opmaken. Je wilt dat alle 4 cellen in de 1e rij als een TableHeader (th)
worden afgebeeld. Nu zijn alle cellen van de tabel van het type TableData (td).
Plaats je cursor in de cel Naam en klik op de rechter
muisknop Cel Cel eigenschappen Selecteer voor celtype Kop. Dit is gelijk aan th.
Selecteer als klasse left (alle kopcellen links uitlijnen)
We willen alle cellen van de 1e rij celtype Kop geven:
selecteer daarom Alle cellen in rij bijwerken.
Druk tenslotte op Bijwerken.
- Handleiding
Pagina 84
versie 0.1
Merk op dat de hele 1e rij nu een mooie opmaak krijgt. In het informatie pad zie je
ook dat de cellen van de 1e rij zijn gewijzigd van td naar th.left. Druk op opslaan om de tabel op te slaan.
De tabel koppen hebben niet een egale grijze achtergrondkleur maar een achtergrondafbeelding gekregen die in het stylesheet staat.
7.1.5 Voeg afbeeldingen toe aan content TinyMCE heeft een handige wizard waarmee je eenvoudig afbeeldingen aan je Tekst & Beeld items kunt toevoegen.
Voordat we de procedure laten zien hoe je afbeeldingen toevoegt aan content willen we het belang benadrukken van het verkleinen van afbeeldingen voordat je ze aan de content toevoegt. In TinyMCE kun je afbeeldingen verkleinen maar dit levert geen mooi eindresultaat op en de afbeeldingen worden traag geladen. Veel beter kun je de afbeelding direct tot de gewensite afmeting verkleinen en deze ‘as-is’ (1:1) aan de content toevoegen. Een bruikbare afmeting voor afbeeldingen is bijvoorbeeld 300x200 pixels. Voor het verkleinen gebruik je een fotobewerkingsprogramma (bijv. Adobe Photoshop) maar je kunt ook een speciale tool gebruiken waarmee je een hele folder met afbeeldingen tegelijk naar een opgegeven breedte kunt verkleinen. (met Mihov Image Resizer 1.2, http://www.imageresizer.com/ ) Je wilt een afbeelding van je bedrijfspand toevoegen aan een Tekst & Beeld item Adresgegevens. De naam van de afbeelding is kalverstraat.jpg, je hebt de afbeelding al verkleind naar 200x300px en de afbeelding staat op de harde schijf van jouw computer. Zoek het item adresgegevens op: dit kan op 2 manieren: •
Ga naar een pagina waar het item wordt gebruikt.
•
Ga naar de itemlijst (via Beheer Mijn Website Mijn Items) en klik op knop
preview item.
Je ziet het item Adresgegevens (in dit voorbeeld centraal vanuit de itemlijst). Dubbelklik de content binnen het kader om de TinyMCE editor te activeren.
- Handleiding
Pagina 85
versie 0.1
Plaats de cursor vóór de A van
Adresgegevens.
Klik op Afbeelding
invoegen/bewerken.
In het popup scherm
Afbeelding invoegen/bewerken kun je de naam van de afbeelding intypen maar je kunt ook bladeren naar afbeeldingen. klik op Bladeren.
Je krijgt een lijst te zien met 2 afbeeldingen die op de
webserver staan. De afbeelding
kalverstraat.jpg staat hier nog niet bij: je moet de
afbeelding van jouw computer uploaden naar de webserver. Klik op Uploaden.
Klik op Kies bestanden.
- Handleiding
Pagina 86
versie 0.1
Ga naar de folder met de afbeelding kalverstraat.jpg,
klik deze aan en klik op Open.
Check ik het vervolgscherm of je de goede afbeelding heb geselecteerd. Zo ja, druk dan op Uploaden
naar server.
De afbeelding wordt dan gekopieerd van je computer naar de webserver.
Je krijgt opnieuw de lijst te zien met afbeeldingen op de
webserver , nu ook met kalverstraat.jpg.
Klik kalverstraat.jpg aan en merk op dat je de afbeelding links kunt bekijken. Klik op Invoegen om de
afbeelding aan de content toe te voegen.
Klik nogmaals op Invoegen.
- Handleiding
Pagina 87
versie 0.1
De afbeelding is aan je content toegevoegd. Hierdoor is de tekst met adresgegevens naar beneden gezakt. Je kunt de adresgegevens ook naast de afbeelding laten zien door in combobox Stijlen voor foto_left of foto_right te kiezen. De afbeelding wordt dan links resp. rechts uitgelijnd.
Klik tenslotte op Opslaan.
Het item Adresgegevens is
uitgebreid met een afbeelding van de kalverstraat..
7.1.6 Hyperlinks toevoegen aan tekst Met tinyMCE kun je hyperlinks aan je content toevoegen naar andere websites (externe links) of naar pagina’s van je eigen website (interne links).
- Handleiding
Pagina 88
versie 0.1
7.1.6.1
Interne links
Als je een interne link wilt toevoegen moet je het paginanummer weten. Je kunt het paginanummer lezen in Mijn Pagina’s maar een snellere methode is met je muis boven een menu-item van de gewenste pagina te staan en het nummer linksonder in je browser lezen. Het paginanummer van
Vacatures is 17.
Je hebt het Tekst & Beeld item
geopend in de TinyMCE editor. Selecteer met de muis de tekst waarop je de hyperlink naar pagina 17 wilt plaatsen. Klik op Link
invoegen/bewerken.
Type bij URL 17.html in, en klik op Invoegen.
De link in de tekst krijgt een speciale opmaak plus icoontje (stylesheet) om aan te geven dat het een link betreft.
- Handleiding
Pagina 89
versie 0.1
7.1.6.2
Externe links
Je hebt het Tekst & Beeld item
geopend in de TinyMCE editor. Selecteer met de muis de tekst waarop je de hyperlink naar http://www.wikipedia.nl wilt plaatsen. Type de URL in en selecteer als
Doel In nieuw venster openen (_blank): dit zorgt ervoor dat de wikipedia website in een nieuw browserscherm wordt geopend. Klik op Invoegen.
De link in de tekst krijgt een speciale opmaak plus icoontje (stylesheet) om aan te geven dat het een link betreft.
7.1.7 Content ‘lees meer’ toevoegen Als je Tekst & Beeld item erg veel content bevat is het wellicht zinvol om de content van het item te
scheiden in een compacte samenvatting en een ‘lees meer’ deel met de rest van de content. Alleen als het
Tekst & Beeld item content heeft voor ‘lees meer’ verschijnt er een hyperlink onder de samenvatting waarmee de additionele content van ‘lees meer’ kan worden bekeken. Zoek het item waarvan je de ‘lees meer’ content wilt wijzigen: dit kan op 2 manieren: •
Ga naar een pagina waar het item wordt gebruikt.
•
Ga naar de itemlijst (via Beheer Mijn Website Mijn Items) en klik op knop
preview item.
Je ziet het item waarvan je de ‘lees meer’ content wilt wijzigen. (in dit voorbeeld centraal vanuit de itemlijst). Dubbelklik de content binnen het kader om de TinyMCE editor te activeren.
- Handleiding
Pagina 90
versie 0.1
Je ziet dezelfde tekst maar nu in een TinyMCE editor. Om de ‘lees meer’ content te wijzigen klik op Wijzig ‘lees
meer’.
Opnieuw wordt de TinyMCE editor opgestart, alleen kun je nu de content voor ‘lees meer’ toevoegen. Type bijvoorbeeld in “Dit is extra informatie die achter de ‘lees meer’ link staat.” Klik op Opslaan.
Aan de content wordt een link Lees meer toegevoegd. Klik je hierop dan wordt de content van ‘lees meer’ toegevoegd onder de gewone
content van het Tekst & beeld item.
Het Tekst & Beeld item toont nu zowel de gewone content alsook de content onder ‘lees meer’. De link ‘lees meer’ is niet meer zichtbaar.
- Handleiding
Pagina 91
versie 0.1
Aanvullende tips voor het gebruik van TinyMCE •
Een harde return (ENTER) creëert een nieuwe alinea. Je kunt ook zachte returns zetten d.m.v. SHIFT+ENTER: dit zorgt ervoor dat je op een nieuwe regel begint zonder dat er een nieuwe alinea wordt aangemaakt.
•
Met de knop Code opruimen kun je met één klik alle inline opmaak (zie Hfdst. 6.1.3.1) verwijderen. Alle opmaak die met Opmaken en Stijlen (zie Hfdst. 6.1.3.2) van het stylesheet zijn toegevoegd blijven staan!
•
Ben je enigszins vertrouwd met HTML, dan kun je de HTML van je Tekst & Beeld items ook direct aanpassen. Klik hiervoor op de knop HTML Bron bewerken.
- Handleiding
Pagina 92
versie 0.1
7.2 Paginagroep De module Paginagroep gebruik je voor het automatisch doorleiden (delegeren) van de pagina naar de
eerste subpagina van de geselecteerde pagina. Paginagroep items gebruik je daarom vooral op pagina’s van het 1e en 2e niveau.
We lichten dit toe met een voorbeeld: in onderstaande paginahiërarchie zijn 2 pagina’s op het eerste
niveau (Welkom en Diensten). Pagina Diensten heeft 3 subpagina’s: op deze 3 subpagina’s wil je content zetten die gaat over dienstverlening van resp. Fiscaal advies, Coporate finance en Non-profit.
Op de pagina Diensten zelf wil je geen content zetten: je wilt dat de bezoeker automatisch op Fiscaal
advies komt als deze op pagina Diensten klikt. Om dit te bereiken zet je een Paginagroep item ( pagina Diensten.
) op
Als deMag de gebruiker pagina Fiscaal advies niet zien (omdat de gebruiker voor geen enkel item op
Fiscaal advies is geautoriseerd), maar wel Corporate finance, dan is Corporate finance de eerste subpagina van Diensten en dus zal de pagina worden doorgeleid naar Corporate finance.
Het is ook mogelijk om pagina’s over meerdere niveaus door te leiden. Zet je op zowel pagina Diensten
als op Fiscaal advies een paginagroep, dan wordt de pagina over 2 niveaus doorgeleid van Diensten naar
Omzetbelasting.
- Handleiding
Pagina 93
versie 0.1
7.2.1.1
Eén paginagroep voor elke gebruikersgroep
Paginagroep items kun je niet zelf maken, wijzigen of verwijderen. Elke gebruikersgroep in Webflex heeft exact 1 Paginagroep waarvoor alleen deze gebruikersgroep is geautoriseerd. Maak je een nieuwe gebruikersgroep aan dan maakt Webflex automatisch een nieuw Paginagroep item aan voor deze gebruikersgroep. Heb je bijvoorbeeld 3 gebruikersgroepen (beheerders, bezoekers en eigenaren) dan zijn er ook 3
Paginagroep items, namelijk: • Delegator for beheerders Alleen de gebruikersgroep beheerders is voor dit item geautoriseerd. • Delegator for bezoekers Alleen de gebruikersgroep bezoekers is voor dit item geautoriseerd. • Delegator for eigenaren Alleen de gebruikersgroep eigenaren is voor dit item geautoriseerd.
Wil je dus dat meerdere gebruikersgroepen (bijv. beheerders en eigenaren) toegang geven tot de
subpagina’s van Diensten zet dan 2 paginagroep items op pagina diensten. Zet zowel de Delegator for
beheerders alsook de Delegator for eigenaren op Diensten. = Paginagroep Delegator for beheerders. = Paginagroep Delegator for eigenaren.
Anonieme bezoekers (die lid zijn van gebruikersgroep bezoekers) zullen pagina Diensten niet zien in het menu: immers, pagina Diensten heeft geen enkel item waarvoor gebruikersgroep bezoekers is geautoriseerd. En daarmee zien anonieme bezoekers ook alle subpagina’s van Diensten niet.
- Handleiding
Pagina 94
versie 0.1
7.2.1.2
Voorbeeld van een paginagroep
Stel: anonieme bezoekers zien op pagina Diensten een Tekst & Beeld item Dienstverlening met een
algemeen verhaal over je dienstverlening. je wilt echter dat anonieme bezoekers automatisch worden
doorgeleid naar naar de 1e subpagina Fiscaal advies. Vervang dan het Tekst & Beeld item Dienstverlening door Paginagroep item Delegator for bezoekers. Hiernaast de ongewenste
situatie: Pagina Diensten heeft een Tekst & Beeld item Dienstverlening.
Wil de bezoeker meer over
Fiscaal advies weten dan moet deze zelf via het menu navigeren naar pagina Fiscaal advies.
Log aan als eigenaar, ga naar pagina Diensten en: 1.
2.
Verwijder het Tekst &
Beeld item over Dienstverlening. Voeg de paginagroep item Delegator for bezoekers toe.
De pagina ziet er dan als volgt uit:
Log uit en bekijk je website als anonieme bezoeker. Selecteer pagina Diensten en merk op dat de pagina
automatisch wordt doorgeleid (gedelegeerd) naar Fiscaal
advies.
- Handleiding
Pagina 95
versie 0.1
7.2.1.3
Paginagroepen en pagina autorisaties.
In hoofdstuk 5 heb je gelezen hoe je met de controller de items op je pagina beheert. Maar als een pagina
Diensten automatisch wordt doorgeleid naar een subpagina Fiscaal advies, hoe kun je dan de items op pagina Diensten nog beheren? Je komt immers niet meer op pagina Diensten.
Om een pagina met paginagroepen te kunnen beheren moet het dus mogelijk zijn om het delegerende gedrag van de paginagroep tijdelijk uit te zetten. We gebruiken hiervoor de autorisatie van de pagina. Een pagina wordt gedelegeerd als aan 2 voorwaarden wordt voldaan: • •
De pagina heeft een paginagroep item
De pagina heeft geen actieve controller: de paginarol Mag controller zien staat uit.
Ofwel: Een pagina met een paginagroep item wordt niet gedelegeerd als de pagina een actieve controller heeft: de controller is actief als de paginarol Mag controller zien aan staat.
Als voorbeeld keren we terug naar pagina Diensten. Op deze pagina staat een item Delegator for
bezoekers (uit het vorige voorbeeld). Log aan als eigenaar en ga naar pagina Diensten:
Op de pagina staat één item
Delegator for bezoekers.
Voeg nu een tweede
paginagroep Delegator for
eigenaren toe.
Navigeer nu naar pagina
Welkom en weer terug naar pagina Diensten en merk op dat je niet wordt doorgeleid naar subpagina Fiscaal advies. In plaats daarvan zie je de pagina Diensten met de 2 paginagroepen.
- Handleiding
Pagina 96
versie 0.1
Als je pagina Diensten wilt
delegeren naar Fiscaal advies moet je de controller van
pagina Diensten uit zetten. Ga naar Mijn Pagina’s en klik op het knopje met de
paginarollen voor pagina
Diensten.
Trek de autorisatie in voor
gebruikersgroep eigenaren en de rol Mag controller zien.
De autorisatie wijzigt dan van een
in een
.
Klik terug om naar Mijn pagina’s terug te keren.
Merk op dat het icoontje voor Paginarollen van een gewijzigd in een
is
.
Hiermee wordt aangegeven dat de pagina Diensten minimaal 1 paginarol heeft.
Selecteer je nu als eigenaar pagina Diensten, dan wordt je automatisch doorgeleid naar subpagina Fiscaal advies. De paginagroep Delegator for
eigenaren delegeert nu de pagina naar Fiscaal advies omdat je op pagina Diensten de rol Mag controller zien hebt uitgezet.
- Handleiding
Pagina 97
versie 0.1
7.3 Webformulier TODO!
- Handleiding
Pagina 98
versie 0.1
8 Bijlagen 8.1 Instellingen Hieronder worden 21 instellingen beschreven van Webflex. •
DOMAIN_URL De domeinnaam van jouw website met daaraan toegevoegd /html/. Is jouw domeinnaam bijvoorbeeld http://www.hlk.nl vul dan in: http://www.hlk.nl/html/
•
DOMAIN_TITLE Moderne browsers zoals Firefox kunnen de titel van je domein zichtbaar maken in de tabbladen van de browser. In onderstaande afbeelding is de domein titel WebflexOO.
•
DOMAIN_SECRET Vul hier een geheime sleutel in. Webflex gebruikt deze sleutel als extra beveiligingsmaatregel (voor het hashen van sessiegegevens).
•
PAGE_LEVELS Geef hier het aantal gewenste pagina niveaus op. Als je een website van maximaal 3 paginaniveaus wilt, geef dan 3 op. Webflex voorkomt daarmee dat je abusievelijk een pagina op het 4e niveau aanmaakt. Het maximaal aantal paginaniveaus is 9.
•
PAGE_TYPE Geavanceerde instelling: Gebruik deze instelling in combinatie met je stylesheet om de opmaak van de menu-items per item te laten verschillen. Geef hier voor elk pagina niveau op welke CSS-class de menu-items moeten krijgen. Stel dat je website drie hoofdpagina’s heeft: o
Welkom (id=1)
o
Ons werk (id=3)
o
Contact (id=7)
Instelling no;-;-;-;-;-;-;-;- zorgt ervoor dat de menu-items van de hoofdpagina’s resp. no10, no20 en no30 class attributen krijgen. Instelling id;-;-;-;-;-;-;-;- zorgt ervoor dat de menuitems van de hoofdpagina’s resp. id1, id3 en id7 class attributen krijgen.
Of op meerdere niveaus gelijktijdig: Instelling -;id;no;-;-;-;-;-;- zorgt ervoor dat de menu-items op niveau 2 id1, id3 etc. en menu-items op niveau 3 no10, no20 etc. class attributen krijgen. •
ZONE_TYPE Geavanceerde instelling: Gebruik deze instelling in combinatie met je stylesheet om de opmaak van de zones per geselecteerd menu-item te laten verschillen.
•
Instelling no;-;-;-;-;-;-;-;- zorgt ervoor dat zones met niveau 1 of hoger no10, no20 en no30
class attributen krijgen afhankelijk van het geselecteerde menu-item op niveau 1. •
CONFIRM_DELETE Zet deze instelling aan als je een bevestiging wilt voordat je iets verwijderd. Zet de instelling uit om te kunnen verwijderen zonder bevestigingsmelding.
•
BUTTON_LAY-OUT Alle buttons in Webflex kunnen op kleurintensiteit worden aangepast. Zet BUTTON_LAY-OUT op - Handleiding
Pagina 99
versie 0.1
S100 voor volle kleuren, S050 voor gedekte kleuren en S000 voor zwart-wit. •
LOGGIN_LAY-OUT Het uiterlijk van de aanlogcontrols kunnen worden gewijzigd. Er zijn vier mogelijkheden: o
: Compact
o
: Icoon : Link
o
: Knop
o •
NLS_LAY-OUT Het uiterlijk van de taalselectie controls kunnen worden gewijzigd. Er zijn twee mogelijkheden: : Tekst
o
: Vlaggen
o •
LOGIN_ALIGN De uitlijning van de login controls kan worden gewijzigd. Keuze tussen Links en Rechts.
•
NLS_ALIGN De uitlijning van de taalselectie controls kan worden gewijzigd. Keuze tussen Links en Rechts.
•
TINYMCE_HEIGHT De hoogte van de TinyMCE Word editor in pixels (voor bijvoorbeeld de Tekst & Beeld items).
•
DIVITEM_SKINS Een lijst van puntkommagesepareerde opmaken (none;thin;fat;no_padding;no_border;shadow; postit;balloon) die beschikbaar zijn in lijst met opmaken voor zone-items (zie afbeelding).
De styling van de diverse opmaken moet aanwezig zijn in het stylesheet. •
DIVITEM_DEFAULT_STEP De hoeveelheid in pixels die de breedte, hoogte, X-coördinaat of Y-coördinaat toe- of afneemt bij gebruik van de alterknop (zie hoofdstuk 5.5.6)
•
DIVITEM_DEFAULT_WIDTH De default breedte in pixels van een nieuw zone-item.
•
DIVITEM_DEFAULT_HEIGHT De default hoogte in pixels van een nieuw zone-item. Zet deze waarde op 0 voor een automatische hoogte. (d.w.z. de hoogte van het zone-item wordt automatisch aangepast aan de hoeveelheid content)
•
DIVITEM_DEFAULT_SKIN De default opmaak van een nieuw zone-item. Dit moet 1 van de opmaken zijn die staan opgegeven bij DIVITEM_SKINS.
•
DIVITEM_DEFAULT_FLOAT De default uitlijning van een nieuw zone-item. Keuze uit Links of Rechts.
•
DIVITEM_HEIGHT_OFFSET Een offsetcorrectie in pixels voor het zetten van de hoogte van een zone-item. Hieronder zie je 2 div-items met een breedte en hoogte van 250px. Zonder offset wordt het item 280px hoog (afbeelding links). Met een offset van 30px wordt de hoogte gecorrigeerd naar 250px (afbeelding rechts).
- Handleiding
Pagina 100
versie 0.1
•
DIVITEM_DAYS_NEW Zone-items die net in de actieve periode zijn krijgen een nieuw icoontje om aan te geven dat ze sinds kort op de pagina staan. Geef hier het aantal dagen op dat het nieuw icoontje zichtbaar moet zijn na de startdatum van een zone-item.
- Handleiding
Pagina 101
versie 0.1
8.2 10 richtlijnen voor websites o
o
Herkenbaarheid en bedrijfsinformatie: maak duidelijk wie u bent en wat u doet. Plaats een uithangbord op elke webpagina: uw logo (het liefst linksboven) plus een informatieve slagzin. Gebruik op andere pagina's dan de homepage een duidelijke paginatitel boven de tekst die het doel of de inhoud van de pagina omschrijft. Groepeer uw bedrijfsinformatie op aparte servicepagina's. Maak deze bereikbaar via een link 'Over ons' of 'Over bedrijfsnaam'.
Navigatie: plaats een standaard primaire navigatiestructuur op elke pagina.
o o
Plaats op elke webpagina consistent dezelfde primaire navigatiestructuur. Bied de bezoeker overal een weg terug naar de homepage met de tekstlink 'Home'. Zorg er ook voor dat het logo een hyperlink is, die leidt naar de homepage. Plaats minimaal 2 tot maximaal 7 hyperlinks in uw primaire navigatiestructuur.
o
o
o
o o
o
o
Snelheid: toon uw webpagina's binnen 10 seconden.
Beperk de omvang van de homepage tot maximaal 50 kB, inclusief scripts, stylesheet en multimediabestanden. Andere pagina's mogen eventueel zwaarder worden, maar denk over opsplitsing bij erg grote pagina's. Verklein afbeeldingen tot het formaat waarin u ze wilt gebruiken. Zorg voor splitsing van opmaak en inhoud voor optimale code. Gebruik hiervoor de webstandaarden (X)HTML en CSS (als extern stylesheet). Gebruik zo veel mogelijk de opmaak uit stylsheets.
Zoeken: help uw bezoekers te vinden wat zij zoeken.
Plaats een zoekdienst boven in elke webpagina. Houd deze eenvoudig: één wit zoekveld met ruimte voor 25-30 tekens en een knop met het opschrift 'Zoek' of 'Zoeken'. Plaats op uw website servicepagina's met een faq en een wegwijzer (site map), bereikbaar vanuit de primaire navigatiestructuur.
Opmaak: maak uw webpagina's optimaal leesbaar op elk beeldscherm.
Gebruik een vloeibaar ontwerp (procentuele codering van tabellen en layers). U kunt de pagina het beste optimaliseren voor een minimale resolutie van 800×600, maar er tevens voor zorgen dat de pagina de volle schermbreedte benut in elke andere resolutie. Zorg voor goede leesbaarheid van de pagina op een beeldscherm. Hanteer goed contrast tussen voor- en achtergrondkleur; gebruik liefst een schreefloos lettertype en schaalbare tekengrootte.
Schrijfstijl: geef zoveel mogelijk informatie met zo weinig mogelijk woorden.
o o
Schrijf kort: schrap rigoureus alle overbodige tekst. Schrijf de belangrijkste informatie eerst: in de titelbalk (
), in de paginatitel en in de kopteksten. Plaats de informatieve kernbegrippen aan het begin van elke koptekst, alinea, zin en hyperlink. Zo wordt uw pagina optimaal scanbaar. Maak uw tekst geschikt om te scannen: gebruik hiervoor accenten in de vorm van koppen (<h1>...<h6>), benadrukte tekst (<strong>) en opsommingen (<u>en <ol>). Beperk hierbij de paginalengte tot 2 à 3 beeldschermen (1000-1600 pixels).<br />
<br />
o<br />
<br />
- Handleiding<br />
<br />
Pagina 102<br />
<br />
versie 0.1<br />
<br />
<br />
<br />
Hyperlinks: geef uw informatie context en diepgang met duidelijke links.<br />
<br />
o<br />
<br />
Maak uw hyperlinks informatiedragend. Gebruik de hyperlinktekst om aan te geven waar de bezoeker terecht zal komen. Codeer hyperlinktitels om extra informatie aan uw hyperlinks mee te geven (<a href="..." title="korte beschrijving van de hyperlink" rel="nofollow">). Maak hyperlinks duidelijk herkenbaar ten opzichte van de omliggende tekst. Gebruik een afwijkende kleur voor hyperlinks (liefst de standaardkleur blauw) en laat hyperlinks onderstreept. Zorg ervoor dat bezochte hyperlinks herkenbaar zijn in een afwijkende kleur (liefst de standaardkleur paars).<br />
<br />
o o<br />
<br />
o o o<br />
<br />
o o o<br />
<br />
o o o<br />
<br />
Interactie: geef surfers de mogelijkheid zelf dingen te doen.<br />
<br />
Maak belangrijke interactieve elementen van de site direct bruikbaar op de homepage. Denk in elk geval aan zoeken en bijvoorbeeld aan inloggen. Laat de gebruikers zien wat ze doen. Maak de formulieren zo eenvoudig mogelijk en geef na iedere actie van de gebruiker feedback over wat er wel of niet goed is gegaan. Maak internetters duidelijk welk type reactie zij binnen welke termijn kunnen verwachten. Organiseer dat de mensen aan 'uw kant' van de interactie de toegezegde service en optimale kwaliteit bieden.<br />
<br />
Accessibility: maak uw website toegankelijk voor iedereen.<br />
<br />
Maak gebruik van alternatieve teksten voor afbeeldingen zodat screenreaders en spraakbrowsers ermee overweg kunnen (<img src="..." alt="beschrijving van de afbeelding">). Zorg ervoor dat de primaire navigatiestructuur en de informatie op de pagina altijd ook als tekstinformatie aanwezig is. Zorg indien mogelijk voor een complete tekst-only versie van de site. Maak gebruik van standaard (X)HTML-coderingen voor kopteksten en benadrukte tekst. Plaats nooit meer HTML-opmaakcodes zoals <font> en <b> in uw schermteksten, maar regel dit via CSS (in een externe stylesheet).<br />
<br />
Afbeeldingen en multimedia: gebruik ze spaarzaam en doelgericht.<br />
<br />
Beperk het gebruik van afbeeldingen liefst tot 5 à 15% van het oppervlak van de webpagina, ter illustratie van belangrijke onderdelen van de website. Gebruik alleen pictogrammen indien deze niets te raden overlaten. Doe dit door bij (zelfgemaakte) pictogrammen ook een tekstlabel in de stijl van de site te plaatsen. Zorg ervoor dat er een tekstalternatief beschikbaar is voor multimediainhoud. Gebruik liever geen multimediatechnieken voor de primaire navigatie.<br />
<br />
- Handleiding<br />
<br />
Pagina 103<br />
<br />
versie 0.1<br />
<br /> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="report" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<form role="form" method="post" action="https://adoc.pub/report/-handleiding-auteur-mike-lubbers-kinetiek-versie-11-datum-ap" style="border: none;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Report "- Handleiding. Auteur: Mike Lubbers, Kinetiek Versie: 1.1 Datum: april 2011"</h4>
</div>
<div class="modal-body">
<div class="form-group">
<label>Your name</label>
<input type="text" name="name" required="required" class="form-control" />
</div>
<div class="form-group">
<label>Email</label>
<input type="email" name="email" required="required" class="form-control" />
</div>
<div class="form-group">
<label>Reason</label>
<select name="reason" required="required" class="form-control">
<option value="">-Select Reason-</option>
<option value="pornographic" selected="selected">Pornographic</option>
<option value="defamatory">Defamatory</option>
<option value="illegal">Illegal/Unlawful</option>
<option value="spam">Spam</option>
<option value="others">Other Terms Of Service Violation</option>
<option value="copyright">File a copyright complaint</option>
</select>
</div>
<div class="form-group">
<label>Description</label>
<textarea name="description" required="required" rows="3" class="form-control" style="border: 1px solid #cccccc;"></textarea>
</div>
<div class="form-group">
<div style="display: inline-block;">
<div class="g-recaptcha" data-sitekey="6LcEnMcZAAAAAFHzKKgaE-Qh57XzUTzpfRElD4dP"></div>
</div>
</div>
<script src='https://www.google.com/recaptcha/api.js'></script>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="submit" class="btn btn-primary">Send</button>
</div>
</form>
</div>
</div>
</div>
<script>
$(document).ready(function () {
var inner_height = $(window).innerHeight() - 250;
$('#pdfviewer').css({"height": inner_height + "px"});
});
</script>
<footer class="footer" style="margin-top: 60px;">
<div class="container-fluid">
Copyright © 2024 ADOC.PUB. All rights reserved.
<div class="pull-right">
<span><a href="https://adoc.pub/about">About Us</a></span> |
<span><a href="https://adoc.pub/privacy">Privacy Policy</a></span> |
<span><a href="https://adoc.pub/term">Terms of Service</a></span> |
<span><a href="https://adoc.pub/copyright">Copyright</a></span> |
<span><a href="https://adoc.pub/contact">Contact Us</a></span> |
<span><a href="https://adoc.pub/cookie_policy">Cookie Policy</a></span>
</div>
</div>
</footer>
<!-- Modal -->
<div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close" on="tap:login.close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="add-note-label">Sign In</h4>
</div>
<div class="modal-body">
<form action="https://adoc.pub/login" method="post">
<div class="form-group">
<label class="sr-only" for="email">Email</label>
<input class="form-input form-control" type="text" name="email" id="email" value="" placeholder="Email" />
</div>
<div class="form-group">
<label class="sr-only" for="password">Password</label>
<input class="form-input form-control" type="password" name="password" id="password" value="" placeholder="Password" />
</div>
<div class="form-group">
<div class="checkbox">
<label class="form-checkbox">
<input type="checkbox" name="remember" value="1" />
<i class="form-icon"></i> Remember me
</label>
<label class="pull-right"><a href="https://adoc.pub/forgot">Forgot password?</a></label>
</div>
</div>
<button class="btn btn-primary btn-block" type="submit">Sign In</button>
</form>
</div>
</div>
</div>
</div>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-177279549-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-177279549-1');
</script>
<script src="https://adoc.pub/assets/js/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://adoc.pub/assets/css/jquery-ui.css">
<script>
$(function () {
$("#document_search").autocomplete({
source: function (request, response) {
$.ajax({
url: "https://adoc.pub/suggest",
dataType: "json",
data: {
term: request.term
},
success: function (data) {
response(data);
}
});
},
autoFill: true,
select: function( event, ui ) {
$(this).val(ui.item.value);
$(this).parents("form").submit();
}
});
});
</script>
<!-- cookie policy -->
<div id="ADOCPUB_cookie_box" style="z-index:99999; border-top: 1px solid #fefefe; background: #FFC107; width: 100%; position: fixed; padding: 5px 15px; text-align: center; left:0; bottom: 0;">
Our partners will collect data and use cookies for ad personalization and measurement. <a href="https://adoc.pub/cookie_policy" target="_blank">Learn how we and our ad partner Google, collect and use data</a>. <a href="#" class="btn btn-success" onclick="accept_ADOCPUB_cookie_box();return false;">Agree & close</a>
</div>
<script>
function accept_ADOCPUB_cookie_box() {
document.cookie = "ADOCPUB_cookie_box_viewed=1;max-age=15768000;path=/";
hide_ADOCPUB_cookie_box();
}
function hide_ADOCPUB_cookie_box() {
var cb = document.getElementById('ADOCPUB_cookie_box');
if (cb) {
cb.parentElement.removeChild(cb);
}
}
(function () {
var ADOCPUB_cookie_box_viewed = (function (name) {
var matches = document.cookie.match(new RegExp("(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"));
return matches ? decodeURIComponent(matches[1]) : undefined;
})('ADOCPUB_cookie_box_viewed');
if (ADOCPUB_cookie_box_viewed) {
hide_ADOCPUB_cookie_box();
}
})();
</script>
<!-- end cookie policy -->
</body>
</html>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script> 
