FUNCTIONEEL ONTWERP ”STANDAARD SITE” VOOR VERENIGING O3D
Aan:
:
Vereniging O3D
Auteur
:
I. Verbeek, J. Caris, Ritense BV
Datum
:
11 mei 2010
Versie
:
2.4
FUNCTIONEEL ONTWERP “STANDAARD SITE”
CONTENT
1
VERSIE HISTORIE .................................................................................................... 1
2
BEGRIPPENLIJST ..................................................................................................... 2
3
INTRODUCTIE ........................................................................................................... 3 3.1
4
HET PROCES ............................................................................................................ 3 3.1.1 Standaard vormgeving ................................................................................ 3 3.1.2 Maatwerk vormgeving ................................................................................. 3 WEBSITE ALGEMEEN .............................................................................................. 5
4.1 4.2
CONTENT LIBRARY VERSUS PAGINA CONTENT ............................................................ 5 NAVIGATIE................................................................................................................ 5 4.2.1 Pop Menu Magic ......................................................................................... 5 4.2.2 Tab Bar Magic ............................................................................................. 6 4.2.3 Accordeon Menu ......................................................................................... 6 4.2.4 Tree menu ................................................................................................... 7 4.3 ZOEKMACHINE OPTIMALISATIE (SEO) ........................................................................ 8 4.4 STANDAARD FUNCTIES .............................................................................................. 8 4.4.1 Zoeken......................................................................................................... 8 4.4.2 Sitemap ....................................................................................................... 9 4.4.3 Printen van pagina‟s .................................................................................... 9 4.4.4 E-mailen van pagina‟s ................................................................................. 9 4.4.5 Extranet ....................................................................................................... 9 4.5 STATISTIEKEN ........................................................................................................ 10 5
TEMPLATES ............................................................................................................ 11 5.1 5.2 5.3 5.4 5.5 5.6 5.7 5.8 5.9 5.10 5.11 5.12
TEMPLATE 01 ......................................................................................................... 11 TEMPLATE 02 ......................................................................................................... 12 TEMPLATE 03 ......................................................................................................... 13 TEMPLATE 04 ......................................................................................................... 14 TEMPLATE 05 ......................................................................................................... 15 TEMPLATE 06 ......................................................................................................... 16 TEMPLATE 07 ......................................................................................................... 17 TEMPLATE 08 ......................................................................................................... 18 TEMPLATE 09 ......................................................................................................... 19 TEMPLATE 10 ......................................................................................................... 20 TEMPLATE 11 ......................................................................................................... 21 TEMPLATE 12 ......................................................................................................... 22
PAGINA’S ALGEMEEN ........................................................................................... 23
6 6.1
VASTE ELEMENTEN ................................................................................................. 23 6.1.1 Header ....................................................................................................... 23 6.1.2 Navigatie van de designs .......................................................................... 23 6.1.3 Pagina specifieke content ......................................................................... 23 6.1.4 De sidebar ................................................................................................. 23 6.1.5 Footer ........................................................................................................ 23 6.2 PAGINA EIGENSCHAPPEN ........................................................................................ 24 7
PAGINATYPES ........................................................................................................ 25 7.1
HOME PAGINA......................................................................................................... 25 7.1.1 Pagina-indeling home pagina .................................................................... 25 7.1.2 Sections homepage ................................................................................... 25 7.2 STANDAARD PAGINA ............................................................................................... 26 7.2.1 Pagina-indeling Standaard pagina ............................................................ 26 7.2.2 Sections Standaard pagina ....................................................................... 26 © ritense 2010
2
100511 - FO - standaardsite (2.4).doc
FUNCTIONEEL ONTWERP “STANDAARD SITE”
7.3
8
FUNCTIONELE PAGINA`S .......................................................................................... 26 7.3.1 Doel van de functionele pagina`s .............................................................. 26 7.3.2 Pagina-indeling functionele pagina`s ........................................................ 27 7.3.3 Sections overzicht functionele pagina`s .................................................... 27 CONTENTTYPES .................................................................................................... 28
8.1 8.2 8.3 8.4 8.5 8.6 8.7 8.8 8.9 8.10 8.11 8.12 9
TEKSTBLOK ............................................................................................................ 28 TEKST + TITEL ........................................................................................................ 28 DOCUMENT ............................................................................................................ 28 BANNER ................................................................................................................. 28 TEASER ................................................................................................................. 28 HYPERLINK BLOCK .................................................................................................. 29 FORMULIER/ENQUÊTE ............................................................................................. 29 OPINIE PEILING ....................................................................................................... 29 FOTOGALERIJ ......................................................................................................... 29 TABEL GENERATOR ................................................................................................. 30 VEELGESTELDE VRAAG ........................................................................................... 30 EMBEDDED CODE ................................................................................................... 31
CONTENT LIBRARY ............................................................................................... 32 9.1 9.2 9.3
10
NIEUWS ................................................................................................................. 32 AGENDA ................................................................................................................. 32 LINKS ..................................................................................................................... 32 MODULES ................................................................................................................ 33
10.1 10.2 10.3 10.4
FORMULIEREN/ENQUÊTE ........................................................................................ 33 FOTOGALERIJ ......................................................................................................... 33 REAGEREN ............................................................................................................. 33 SNELKOPPELING ..................................................................................................... 33
© ritense 2010
3
100511 - FO - standaardsite (2.4).doc
FUNCTIONEEL ONTWERP “STANDAARD SITE”
1 VERSIE HISTORIE Historie van dit functioneel ontwerp Versie geschiedenis Versie nr. Datum 0.1 06/04/07 0.2 10/04/07 1.0 1.1 1.2 1.3 1.4
10/04/07 19/04/07 20/04/07 07/05/07 11/05/07
1.5
04/02/08
2.0
16/07/08
2.1 2.2 2.3
29/07/08 08/08/07 18/05/09
2.4
11/05/10
© ritense 2008
Aanpassingen Eerste setup Fouten verbeteren en toevoegingen doen. Eerste definitieve versie Na input Jan-Willem Janssen Na telefonisch overleg JWJ Extranet Bartlett en Utopia style toegevoegd. Aanpassingen t.a.v. info standaardsites Aanpassingen n.a.v. restyling standaard vormgeving Toevoeging van CL Links Aanpassing navigatieopties Aanpassing fotogalerij, toevoeging SEO friendly urls Update document waaronder het toevoegen van een aantal modules.
1
Auteur M. Mol M. Mol I. Verbeek I. Verbeek I. Verbeek I. Verbeek M. Mol C. Schulte J.Caris P. van der Meer J. Caris T. Hanedoes T.Hanedoes
100511 - FO - standaardsite (2.4).doc
FUNCTIONEEL ONTWERP “STANDAARD SITE”
2 BEGRIPPENLIJST Begrip Add-ons
Basis site
Content Library
Content type
Custom Content Custom Content Type
Custom Pagina
Functionele pagina‟s
Implementatie
SEO
Standaard site
© ritense 2008
Omschrijving Een groot aantal functionaliteiten binnen RCMS worden implementatie overstijgend aangeboden. We noemen dat het systeem nivo. Deze functionaliteiten kunnen bestaan uit standaard functies, content types, modules, library content of combinaties daarvan. We spreken daarom van “add-ons”. Concreet is er dus sprake van “systeem add-ons”. Aangeboden designs worden initieel eerst door Ritense omgezet naar een “basis site” implementatie in RCMS. Pas daarna kan het design ook daadwerkelijk als standaard site worden uitgerold. Het onderdeel van RCMS waarin informatie (content) opgeslagen wordt in een vastgelegde structuur. De content is niet gekoppeld aan de sitetree, er is dus geen relatie. De Content Library bevat Custom content. Voorbeelden zijn nieuws en de agenda. Er zijn verschillende soorten inhoud voor de site beschikbaar met als voorbeeld tekst. Deze worden in dit document als content types aangeduid. Voorbeelden zijn een tekst paragraaf, een teaser, een document, etc. Een instantie van een Custom Content Type. Bijvoorbeeld een nieuwsartikel Een soort Custom Content, bijvoorbeeld “nieuws” of “document”, waarin is vastgelegd welke informatie instelbaar is, zoals „title‟, samenvatting, bericht etc. Een pagina waarin op een voorgedefinieerde wijze Custom Content wordt gepresenteerd. De pagina maakt niet deel uit van de sitetree. Pagina types binnen RCMS, mogelijk aangevuld met custom pagina‟s, die een zeer specifieke functie hebben binnen de website, zoals het nieuwsarchief, de sitemap, zoeken, etc. Een implementatie is de (technische) manier hoe een website binnen RCMS is gemaakt. De website is het resultaat van een implementatie. SEO staat voor Search Engine Optimalization vrij vertaald naar het Nederlands is het zoekmachine optimalisatie. De vindbaarheid van de website via zoekmachines verbeteren. Een standaard site is een RCMS implementatie. Met vooraf afgesproken: content librariess, custom content, custom content typen, content typen en add-ons. De vereniging O3D en Ritense BV hebben samen vast gesteld welke voor de standaard site beschikbaar zijn.
2
100511 - FO - standaardsite (2.4).doc
FUNCTIONEEL ONTWERP “STANDAARD SITE”
3 INTRODUCTIE De Vereniging O3D heeft gekozen voor RCMS als het Content Management systeem waarin de standaard site van de leden zal worden geïmplementeerd. Dit document beschrijft alle onderdelen die beschikbaar zullen zijn in de implementatie van een standaard site. Bij een standaard site kan gekozen worden uit één van de designs die door de Vereniging O3D beschikbaar zijn gesteld. Dit is een code nummer. Voor een volledig overzicht van alle beschikbare designs, verwijzen wij naar de website van Vereniging O3D, op http://www.verenigingo3d.nl/standaardsites. In dit document wordt verschillende keren verwezen naar een document (080218- FO - RCMS Systeem add-ons (1.7).pdf, verwezen als “RCMS Systeem Add-ons”). Dit document is als bijlage toegevoegd. In dit document wordt de functionaliteit van de “standaard” RCMS add-ons beschreven. Het dient geen doel deze in dit document nogmaals uit te schrijven, daarom verwijzen we er naar. De functionaliteit voor de gerefereerde onderdelen zal integraal worden overgenomen uit het RCMS add-ons document.
3.1 Het proces De term standaard site slaat allereerst op functionaliteit. Deze ligt vastgelegd in dit FO. Vormgeving technisch zijn er twee opties. Een standaard vormgeving en een maatwerk vormgeving. Het proces lichten we toe. 3.1.1 Standaard vormgeving Vaak word naar een “standaard site” gerefereerd als een combinatie van een standaard site in functionaliteit betreft, aangevuld met een standaard vormgeving. Het proces werkt als volgt: -
-
Alle templates en navigatie mogelijkheden zijn beschikbaar via de website van de Vereniging. Klant kiest een combinatie van een template en navigatie. Ritense levert een pakket aan die door klant zelf middels styles en visuals op maat kan worden vorm gegeven. Klant levert deze terug aan Ritense. Ritense zet deze vormgeving om in een standaard site die functioneert volgens dit FO. Kleine punten, zoals vaste links in de footer, worden in een document aangeleverd. We benadrukken dat het niet mogelijk is hierin functionele wijzigingen te vragen. Dus niet de zoek moet links, of de homepage moet scheef, etc. Alleen die elementen die variabel zijn kunnen worden ingevuld. Het resultaat zal worden opgeleverd. Echter, er volgt geen test & verbeterronde. De eerste oplevering is meteen definitief. Immers, de functionaliteit ligt vast en is reeds bij acceptatie van de basis site geaccepteerd. Hierop kunnen bij individuele standaard sites geen afwijkingen worden gemaakt.
Dit proces zal meer gedetailleerd worden besproken in een Plan van Aanpak voor een standaard site. Hierin liggen ook alle afspraken en randvoorwaarden voor implementatie van een standaard site vastgelegd.
3.1.2 Maatwerk vormgeving
© ritense 2008
3
100511 - FO - standaardsite (2.4).doc
FUNCTIONEEL ONTWERP “STANDAARD SITE”
Het is ook mogelijk op een functionele standaard site maatwerk vormgeving te laten implementeren. Dit proces ziet er anders uit, maar in essentie levert het nog steeds een site op die functioneert volgens dit FO, met dit verschil dat de vormgeving niet gebonden is aan de templates en navigatie van de standaard vormgeving.
© ritense 2008
4
100511 - FO - standaardsite (2.4).doc
FUNCTIONEEL ONTWERP “STANDAARD SITE”
4 WEBSITE ALGEMEEN Een standaard site is het resultaat van de implementatie van één website in RCMS.. Dit hoofdstuk beschrijft een aantal algemene uitgangspunten voor de RCMS implementatie van de website.
4.1 Content library versus pagina content RCMS biedt twee methoden om content op te slaan, als pagina content en in de content library. In de standaard site zal van beide methodes gebruik worden gemaakt. Het opslaan van informatie in de vorm van pagina‟s is de meest eenvoudige en flexibele vorm. Zonder tussenkomst van programmeurs kan de site naar wens worden ingericht op basis van de beschikbare templates. Grotere hoeveelheden content worden echter meestal in de content library opgeslagen. Dit betekent dat er voor die specifieke content codematig een tabel wordt gedefinieerd, wat als voordeel biedt dat er gestructureerd kan worden gezocht en gefilterd op de content in de content library. Verderop in dit document wordt de keuze voor opslag van content in de content library toegelicht.
4.2 Navigatie In elk design komt een navigatie voor die dynamisch word opgebouwd. Er zijn vier varianten mogelijk. Afhankelijk van het gekozen design, zal één van deze varianten worden ingezet.
4.2.1 Pop Menu Magic Binnen dit navigatiemenu is zowel een horizontale als een verticale variant mogelijk. Deze worden hier ieder afzonderlijk omschreven. De horizontale variant
Dit navigatiemenu is een dynamisch horizontaal drop-down menu. Het menu bestaat uit een ongelimiteerd aantal niveaus. Echter, het wordt aangeraden om een maximum van 5 niveaus aan te houden. Het eerste niveau – het hoofdmenu – toont de titels van de pagina‟s die direct onder de homepagina vallen in de sitetree van RCMS. De homepagina zelf wordt ook op dit niveau getoond. De pagina‟s die hieronder vallen, worden via het submenu getoond. Elk item in een submenu toont de titel van de pagina waar naartoe wordt gelinkt. Men kan aan de gehighlighte titels zien op welke pagina in de sitestructuur men zich
© ritense 2008
5
100511 - FO - standaardsite (2.4).doc
FUNCTIONEEL ONTWERP “STANDAARD SITE”
bevindt. Als er nog een niveau aanwezig is onder een menu-item, dan wordt dit aangegeven door een pijltje aan het eind dat naar rechts wijst.Zodra men de pointer naar deze pijl toe beweegt, wordt het submenu van het niveau hieronder getoond. De verticale variant
Dit navigatiemenu is een dynamisch verticaal drop-down menu. Ook dit menu bestaat uit een ongelimiteerd aantal niveau‟s en werkt verder op dezelfde wijze als de hiervoor omschreven horizontale variant. Het is niet mogelijk om in een design de horizontale en verticale variant van Pop Menu Magic tegelijkertijd te gebruiken. Voor het verticale menu kan men dan wel Tree Menu Magic gebruiken (zie hierna)
4.2.2 Tab Bar Magic Dit navigatiemenu is een dynamisch horizontaal tab menu. Het menu bestaat uit slechts twee niveau‟s. Het eerste niveau – het hoofdmenu – toont de titels van de pagina‟s die direct onder de homepagina vallen in de sitetree van RCMS. De homepagina zelf wordt ook op dit niveau getoond. De pagina‟s die hieronder vallen, worden via het submenu getoond. Elk item in een submenu toont de titel van de pagina waar naartoe wordt gelinkt. Men kan aan de gehighlighte titels zien op welke pagina in de sitestructuur men zich bevindt.
4.2.3 Accordeon Menu Dit navigatiemenu is een dynamisch verticaal „uitklapbare folders‟ menu (net als de Windows Verkenner). Het menu bestaat uit twee niveau‟s. Het eerste niveau – het hoofdmenu – toont de titels van de pagina‟s die direct onder de homepagina vallen in de sitetree van RCMS. De homepagina zelf wordt ook op dit niveau getoond. De pagina‟s die hieronder vallen, worden via het submenu getoond. Elk item in een submenu toont de titel van de pagina waar naartoe wordt gelinkt. Men kan aan het een icoon (bijvoorbeeld een pijltje) voor elk menu-item zien of het menu in- of uitgeklapt is en of er zich nog pagina‟s onder het betreffende item bevinden. Men kan aan de gehighlighte titels zien op welke pagina in de sitestructuur men zich bevindt.
© ritense 2008
6
100511 - FO - standaardsite (2.4).doc
FUNCTIONEEL ONTWERP “STANDAARD SITE”
Op het moment dat er op het icoon voor de paginatitel klikt, klapt het menu van dat item open en klapt het op dat moment geopende item dicht. Zodra er geklikt wordt op de pagina titel wordt de gebruiker doorverwezen naar die desbetreffende pagina.
4.2.4 Tree menu Dit navigatiemenu is een dynamisch verticaal „uitklapbare folders‟ menu (net als de Windows Verkenner). Het menu bestaat uit in principe uit een oneindig aantal niveau‟s. Aangezien er in verschillende designs beperkte ruimte is voor de navigatie is aan te raden een maximum van 3 a 4 niveau‟s te hanteren. Het eerste niveau – het hoofdmenu – toont de titels van de pagina‟s die direct onder de homepagina vallen in de sitetree van RCMS. De homepagina zelf wordt ook op dit niveau getoond. Zodra er geklikt wordt op de pagina titel wordt de gebruiker doorverwezen naar die desbetreffende pagina. Aangekomen op deze pagina klapt het menu open op de plek waar de desbetreffende pagina zich bevindt.
© ritense 2008
7
100511 - FO - standaardsite (2.4).doc
FUNCTIONEEL ONTWERP “STANDAARD SITE”
4.3 Zoekmachine Optimalisatie (SEO) Zie RCMS System Add-ons paragraaf 3.5 voor de functionele uitwerking van de mogelijkheid om met metatags te werken, het gebruik van Google Sitemap en het inzetten van SEO Friendly URLs.
4.4 Standaard functies De volgende standaard functies zijn beschikbaar. 4.4.1 Zoeken Zie RCMS Systeem Add-ons paragraaf 3.1. Buiten de standaard zoek functie binnen de website kan er ook gezocht worden in de nieuws content libary via het content type nieuws en in de content libary links. Welke beiden later in het functioneel ontwerp besproken worden. Maar de standaard zoek functie zoekt in de nieuws-, agenda content libary en de normale paginas. En deze gegevens worden op een custom pagina, van elkaar gescheiden weergegeven. Om meer sturing te geven aan het zoeken zal de zoekfunctionaliteit worden voorzien van een suggestiefunctie. De suggestiefunctie toont na het invoeren van twee karakters en meer in de zoekbox een aantal suggesties (keywords waarin de ingevoerde karakters voorkomen). Zie voor een voorbeeld onderstaande afbeelding.
Om dit te bewerkstelligen zal er bij de eigenschappen van een pagina aangegeven moeten worden welke keywords van toepassing zijn op deze pagina. In het onderstaande voorbeeld is de bij deze specifieke pagina het trefwoord „tegenrekening‟ toegevoegd.
© ritense 2008
8
100511 - FO - standaardsite (2.4).doc
FUNCTIONEEL ONTWERP “STANDAARD SITE”
Gerelateerd: - Een pagina waarop het resultaat van de zoek opdracht wordt getoond. - Er wordt gezocht in de content libraries nieuws en agenda. - Er wordt niet gezocht in overige content libraries en modules.
4.4.2 Sitemap Een hierarchisch overzicht van alle zichtbare pagina‟s die zich in de website bevinden (zie RCMS Systeem Add-ons paragraaf 3.3). 4.4.3 Printen van pagina‟s Het overzichtelijk printen van de content van een pagina zonder menu‟s en andere storende zaken (zie RCMS Systeem Add-ons paragraaf 3.2). 4.4.4 E-mailen van pagina‟s Versturen van een link die naar de betreffende pagina verwijst per e-mail.
4.4.5 Extranet Een standaard site kan optioneel pagina‟s in de sitetree en detailpagina‟s van contentlibraries objecten zoals nieuws, toegankelijk maken via een extranet. Dit is een standaard extranet. (zie RCMS Systeem Add-ons paragraaf 3.4).
© ritense 2008
9
100511 - FO - standaardsite (2.4).doc
FUNCTIONEEL ONTWERP “STANDAARD SITE”
4.5 Statistieken Buiten de standaard statistieken die RCMS biedt zoals o.a.. Pageviews en aantal unieke bezoekers. Dit kan worden uitgebreid van een tracker voor Google Analytics. Klant dient deze zelf aan te maken en Ritense te voorzien van bijbehorende code. Verder zal er voor de standaard site een zogenaamde customteller worden geimplementeerd.
© ritense 2008
10
100511 - FO - standaardsite (2.4).doc
FUNCTIONEEL ONTWERP “STANDAARD SITE”
5 Templates Er worden standaard 12 verschillende vormgevingstemplates ondersteund. Elke vormgevingstemplate heeft een eigen indeling en template specifieke eigenschappen. De vormgevingstemplates die ondersteund worden geven alleen de indeling van de verschillende content weer en dus niet de vormgeving zelf. In dit hoofdstuk wordt per template aangegeven wat de eigenschappen zijn en welke soorten navigatie ondersteund worden.
5.1 Template 01
Eigenschappen: - 2 kolommen - vaste breedte - gecentreerd Ondersteunde navigatie opties - Alle
© ritense 2008
11
100511 - FO - standaardsite (2.4).doc
FUNCTIONEEL ONTWERP “STANDAARD SITE”
5.2 Template 02
Eigenschappen: - 2 kolommen - vaste breedte - gecentreerd Ondersteunde navigatie opties - Alle
© ritense 2008
12
100511 - FO - standaardsite (2.4).doc
FUNCTIONEEL ONTWERP “STANDAARD SITE”
5.3 Template 03
Eigenschappen: - 2 kolommen - losse header over gehele breedte van het scherm - content en footer gecentreerd - content vaste breedte Ondersteunde navigatie opties - Alle
© ritense 2008
13
100511 - FO - standaardsite (2.4).doc
FUNCTIONEEL ONTWERP “STANDAARD SITE”
5.4 Template 04
Eigenschappen: - 2 kolommen - losse header over gehele breedte van het scherm - content en footer gecentreerd - content vaste breedte Ondersteunde navigatie opties - Alle
© ritense 2008
14
100511 - FO - standaardsite (2.4).doc
FUNCTIONEEL ONTWERP “STANDAARD SITE”
5.5 Template 05
Eigenschappen: - 2 kolommen - gehele breedte van het scherm Ondersteunde navigatie opties - Alle
© ritense 2008
15
100511 - FO - standaardsite (2.4).doc
FUNCTIONEEL ONTWERP “STANDAARD SITE”
5.6 Template 06
Eigenschappen: - 2 kolommen - gehele breedte van het scherm Ondersteunde navigatie opties - Alle
© ritense 2008
16
100511 - FO - standaardsite (2.4).doc
FUNCTIONEEL ONTWERP “STANDAARD SITE”
5.7 Template 07
Eigenschappen: - 3 kolommen - vaste breedte - gecentreerd Ondersteunde navigatie opties - Popup menu magic horizontaal - Tab menu magic
© ritense 2008
17
100511 - FO - standaardsite (2.4).doc
FUNCTIONEEL ONTWERP “STANDAARD SITE”
5.8 Template 08
Eigenschappen: - 3 kolommen - losse header over gehele breedte van het scherm - content en footer gecentreerd - content en sidebars vaste breedte Ondersteunde navigatie opties - Popup menu magic horizontaal - Tab menu magic
© ritense 2008
18
100511 - FO - standaardsite (2.4).doc
FUNCTIONEEL ONTWERP “STANDAARD SITE”
5.9 Template 09
Eigenschappen: - 3 kolommen - gehele breedte van het scherm - sidebars vaste breedte Ondersteunde navigatie opties - Alle
© ritense 2008
19
100511 - FO - standaardsite (2.4).doc
FUNCTIONEEL ONTWERP “STANDAARD SITE”
5.10 Template 10
Eigenschappen: - 1 kolom - vaste breedte Ondersteunde navigatie opties - Popup menu magic horizontaal - Tab menu magic
© ritense 2008
20
100511 - FO - standaardsite (2.4).doc
FUNCTIONEEL ONTWERP “STANDAARD SITE”
5.11 Template 11
Eigenschappen: - 1 kolom - gehele breedte van het scherm Ondersteunde navigatie opties - Popup menu magic horizontaal - Tab menu magic
© ritense 2008
21
100511 - FO - standaardsite (2.4).doc
FUNCTIONEEL ONTWERP “STANDAARD SITE”
5.12 Template 12
Eigenschappen: - 1 kolommen - losse header over gehele breedte van het scherm - content vaste breedte - content gecentreerd Ondersteunde navigatie opties - Popup menu magic horizontaal - Tab menu magic
© ritense 2008
22
100511 - FO - standaardsite (2.4).doc
FUNCTIONEEL ONTWERP “STANDAARD SITE”
6 Pagina’s algemeen De websites bestaan uit pagina‟s, georganiseerd als sitetree. De gebruiker kan zelf pagina‟s toevoegen aan de websites. Hierbij kiest de gebruiker het pagina type. De beschikbare pagina types worden in het volgende hoofdstuk beschreven. Maar de websites kennen ook diverse “pagina‟s” die niet als pagina terug komen in de sitetree. We noemen dit custom pagina‟s. Deze worden bij de relevante onderdelen (content library + modules) toegelicht. 6.1 Vaste elementen Alle pagina‟s zijn opgedeeld in een header, de hoofd navigatie, de paginatype specifiek indeling en een footer. Ook deze verschilt per design, wat het beste in de voorbeelden is te zien. We werken dit hier uit met onderstaande afbeeldingen:
6.1.1 Header De header bevat het logo van de standaard site en een zoekbox.
6.1.2 Navigatie van de designs Zie voor dit onderdeel 3.2 navigatie waar deze al is toegelicht.
6.1.3 Pagina specifieke content Zoals de naam van dit onderdeel al doet vermoeden is de inhoud van dit deel van de pagina afhankelijk van het pagina type. Dit zal in het volgende hoofdstuk aan bod komen.
6.1.4 De sidebar De sidebar wordt ook ingevuld met pagina specifieke content maar is op elk pagina type op deze plaats aanwezig.
6.1.5 Footer De footer bevat een vaste tekst en/of links. Deze is voor elke standaard site in te vullen door de ontwikkelaar. Als uitgangspunt worden er in de footer links opgenomen naar
© ritense 2008
Disclaimer Privacy Contact
23
100511 - FO - standaardsite (2.4).doc
FUNCTIONEEL ONTWERP “STANDAARD SITE”
6.2 Pagina eigenschappen Voor alle pagina‟s in de sitetree kunnen de volgende eigenschappen worden ingesteld: -
-
-
titel: max 100 karakters, deze komt ook terug in de navigatie zichtbaarheid: is de pagina zichtbaar of juist onzichtbaar. Onzichtbare pagina‟s komen niet terug in de navigatie wel in de zoekresultaten. Toegankelijkheid: is het toegankelijk of juist ontoegankelijk maken van de pagina binnen de website doormiddel van het plaatsen van een vinkje. Metagegevens: per pagina binnen de sitetree en detailpagina van een objectpagina kan aangegeven worden welke meta-tags er gebruikt moeten worden. Van een pagina kan aangegeven worden wat de “title” en de “description” moet zijn. Search Engine Optimizations gegevens: het is mogelijk om SEO vriendelijke URL‟s te maken. Dit wordt gedaan door invloed uit te oefenen op het adres van de pagina (zie RCMS Systeem Add-ons paragraaf 3.5). Extranet: het is mogelijk om pagina‟s toegankelijk te maken voor bepaalde gebruikersgroepen (zie RCMS Systeem Add-ons paragraaf 3.4).
Bovenstaand zijn standaard RCMS eigenschappen voor een pagina. Er zal in een standaard site niet gewerkt worden met custom pagina eigenschappen.
© ritense 2008
24
100511 - FO - standaardsite (2.4).doc
FUNCTIONEEL ONTWERP “STANDAARD SITE”
7 PAGINATYPES Elke pagina in de sitetree is van exact één type. Bij het toevoegen van een nieuwe pagina kiest de gebruiker het type. Elke pagina, afhankelijk van het type, is opgebouwd uit een aantal standaard onderdelen (bv. navigatie, logo, header, footer, etc). Daarnaast zijn er ruimtes waar binnen content kan worden geplaatst. Dit zijn zogenaamde sections. Binnen een section kan content worden toegevoegd. De bekende pagina types worden nu per stuk beschreven.
7.1 Home pagina Gebruik: uitsluitend bedoeld voor de homepage. Kan maximaal één keer worden gebruikt in de site en enkel als “home” van de sitetree.
7.1.1 Pagina-indeling home pagina De header, hoofd navigatie en de footer zijn in het vorige hoofdstuk besproken. In de volgende paragraaf zullen de sections aan bod komen.
7.1.2 Sections homepage Content: afhankelijk van het gekozen design is dit de rechter of linker kolom. Hierin kunnen de volgende content types worden geplaatst: -
Tekstblok Titel + tekst Banner Teaser Document Opiniepeiling Hyperlinkblok Tabel Embedded Code
Sidebar(s): afhankelijk van het gekozen design is dit de smallere rechter en/of linker kolom. Hierin kunnen de volgende content types worden geplaatst. -
© ritense 2008
Tekstblok Titel + tekst Banner Teaser
25
100511 - FO - standaardsite (2.4).doc
FUNCTIONEEL ONTWERP “STANDAARD SITE”
7.2 Standaard pagina Gebruik: bedoeld voor alle overige pagina‟s van de site, inclusief overzicht- en bestemmingspagina‟s.
7.2.1 Pagina-indeling Standaard pagina De header, hoofd navigatie en de footer zijn in het vorige hoofdstuk besproken. In de volgende paragraaf zullen de sections aan bod komen.
7.2.2 Sections Standaard pagina Content: afhankelijk van het gekozen design is dit de rechter of linker kolom. Hierin kunnen de volgende content types worden geplaatst: -
Tekstblok Titel + tekst Banner Aankondiging / teaser Document Veelgestelde vraag Formulier Opiniepeiling Hyperlinkblok Tabel Foto galerij Embedded Code
Sidebar: afhankelijk van het gekozen design is dit de smallere rechter of linker kolom. Hierin kunnen de volgende content types worden geplaatst. -
Tekstblok Titel + tekst Banner Aankondiging
7.3 Functionele pagina`s 7.3.1 Doel van de functionele pagina`s De functionele pagina`s zijn er om specifieke add-ons op te nemen in de sitetree. Per functioneel content type is een apart pagina type aangemaakt. Deze Deze paginatypes kunnen maar eenmaal in de sitetree opgenomen worden. Layout technisch zijn deze pagina‟s gelijk aan de Standaard pagina. Binnen de content section kan echter altijd één specifiek content type worden opgenomen, die gerelateerd is aan een add-on. Daarnaast zijn er verschillende “normale” contenttypes beschikbaar.
© ritense 2008
26
100511 - FO - standaardsite (2.4).doc
FUNCTIONEEL ONTWERP “STANDAARD SITE”
Tijdens de productie fase kan de webmaster ze op de plek plaatsen waar hij/zij de pagina`s wil. -
Agenda-archief: gebruikt voor het weergeven van een overzicht van alle agenda items. Dit overzicht kan geplaatst worden d.m.v. een contenttyoe. Bij doorklikken wordt de detailpagina getoond. Beide zijn gerelateerd aan de content library agenda (later beschreven).
-
Alfabetisch register: gebruikt voor een alfabetisch overzicht van alle zichtbare pagina‟s die zich in de website bevinden. Dit overzicht kan geplaatst worden d.m.v. een contenttyoe.
-
Nieuwsarchief: gebruikt voor: het weergeven van nieuws items uit het nieuwsarchief en tevens het zoekformulier om te kunnen zoeken in het nieuwsarchief. Bij doorklikken wordt de detailpagina getoond. Beide zijn gerelateerd aan de content library nieuws (later beschreven).
-
Links overzicht: gebruikt voor het plaatsen van het overzicht van alle links die opgenomen zijn in de content library links. (Zie RCMS Systeem Add-ons paragraaf 5.3). Dit overzicht kan geplaatst worden dmv. een contenttyoe. Bij dit contenttype kunnen de volgende eigenschappen aangepast worden: o aantal kolommen bij de categorieën o aantal kolommen bij de links
-
Sitemap: gebruikt voor het plaatsen van de sitemap (zie standaard functies in “website algemeen”) (zie RCMS Systeem Add-ons paragraaf 3.3). De sitemap kan geplaatst worden d.m.v. een contenttyoe
7.3.2 Pagina-indeling functionele pagina`s De header, hoofd navigatie en de footer zijn in het vorige hoofdstuk besproken. In de volgende paragraaf zullen de sections aan bod komen.
7.3.3 Sections overzicht functionele pagina`s Content: Hierin kunnen de volgende content types worden geplaatst: -
Tekstblok Titel + tekst
Tevens is er in elke functionele pagina één aanvullend content type beschikbaar, gerelateerd aan de functionaliteit van de pagina zelf. Deze zijn hier boven besproken. Sidebar(s): afhankelijk van het gekozen design is dit de smallere rechter en/of linker kolom. Hierin kunnen de volgende content types worden geplaatst. -
© ritense 2008
Tekstblok Titel + tekst Banner Aankondiging
27
100511 - FO - standaardsite (2.4).doc
FUNCTIONEEL ONTWERP “STANDAARD SITE”
8 CONTENTTYPES Alle content kan binnen RCMS gemodelleerd worden door middel van zogenaamde content types. Verschillende soorten content dus. Elk type kent zijn eigen manier van bewerken van de content. Deze kan eventueel worden gedeeld. Uniek per content type is de manier waarop deze uiteindelijk binnen de website getoond wordt. 8.1 Tekstblok Gebruikt voor: alle onderdelen van de website waar een stukje tekst kan worden ingevoerd. Het betreft hier alleen tekst en geen aanvullende eigenschappen. Eigenschappen: - tekst (lengte onbepaald, kan groot zijn). Bewerken door middel van een speciale editor (zie RCMS Systeem Add-ons paragraaf 4.1).
8.2 Tekst + titel Gebruikt voor: alle onderdelen van de website waar een stukje tekst kan worden ingevoerd in combinatie met een titel. Een alinea binnen een tekst pagina bijvoorbeeld. Eigenschappen: - titel (max 150 karakters) - tekst (lengte onbepaald, kan groot zijn). Bewerken door middel van een speciale editor (zie RCMS Systeem Add-ons paragraaf 4.1). 8.3 Document Gebruikt voor: alle onderdelen van de website waarbij een downloadbaar document moet worden aangeboden. (zie RCMS Systeem Add-ons paragraaf 4.8).
8.4 Banner Gebruikt voor: het plaatsen van een banner op de website (zie RCMS Systeem Add-ons paragraaf 4.6).
8.5 Teaser Gebruikt voor: alle onderdelen van de site waarbij kleine stukjes tekst kunnen worden getoond, aangevuld met een link naar een andere pagina. Het “lees verder” effect. Eigenschappen: - titel (max 150 karakters) - tekst (lengte onbepaald, kan groot zijn). Bewerken door middel van een speciale editor (zie RCMS Systeem Add-ons paragraaf 4.1). - link. Een link naar een externe site, een link naar een interne pagina of een bepaald custom content object in de contentlibraries “Nieuws” en “Agenda”. Tonen: de titel, daaronder de tekst en de link (indien beschikbaar) links uitgelijnd er onder met daarbij de tekst “lees verder”. © ritense 2008
28
100511 - FO - standaardsite (2.4).doc
FUNCTIONEEL ONTWERP “STANDAARD SITE”
8.6 Hyperlink block Gebruikt voor: het genereren van een inhoudsopgave binnen een pagina (zie RCMS Systeem Add-ons paragraaf 4.5).
8.7 Formulier/enquête Gebruikt voor: het plaatsen van een door de module gegenereerd formulier. Deze kan overal op een pagina worden geplaatst, tussen andere content types (zie RCMS Systeem Add-ons paragraaf 6.1).
8.8 Opinie peiling Gebruikt voor: het meten van de meningen van de bezoekers over een bepaald onderwerp (Zie RCMS Systeem Add-ons paragraaf 4.7).
8.9 Fotogalerij Gebruikt voor: het plaatsen van een door de module gegenereerde foto gallerij. Deze kan overal op de pagina worden geplaatst, tussen andere content types in. De fotogalerij heeft twee verschillende pagina‟s, namelijk: -
Overzichtspagina Fotoscherm
De overzichtspagina toont alle miniatuurweergaven van de foto‟s die aan de fotogalerij zijn toegevoegd.
© ritense 2008
29
100511 - FO - standaardsite (2.4).doc
FUNCTIONEEL ONTWERP “STANDAARD SITE”
Op het moment dat er op een foto wordt geklikt opent er een scherm waarin een uitvergrote versie van de foto wordt getoond tegen een gedeeltelijke transparante achtergrond. Het is tevens mogelijk om de vorige en de volgende foto te tonen.
Zie RCMS System Add-ons paragraaf 6.2 voor de functionele beschrijving van de fotogalerijen.
8.10 Tabel generator Gebruikt voor: Het maken van tabellen Deze tabellen worden altijd handmatig per cel gevuld, er kan geen complete tabel worden gekopieerd vanuit Excel of een ander programma. De cellen worden niet automatisch opgeteld, en eventuele noodzakelijke tekens (euro) worden niet automatisch toegevoegd. Cellen kunnen geen geformatteerde content bevatten, en dus niet bold worden gemaakt.
8.11 Veelgestelde vraag Gebruikt voor: het tonen van een vraag/antwoord combinatie. Gebruik in combinatie met bv. een anchor blok is ook toegestaan (Zie RCMS Systeem Addons paragraaf 4.4).
© ritense 2008
30
100511 - FO - standaardsite (2.4).doc
FUNCTIONEEL ONTWERP “STANDAARD SITE”
8.12 Embedded code Gebruikt voor: het integreren van content uit externe hosting partijen als YouTube, waarbij de feitelijke content extern geplaatst word en in een pagina word gezet door de embedded code te plaatsen (Zie RCMS Systeem Add-ons paragraaf 4.10).
© ritense 2008
31
100511 - FO - standaardsite (2.4).doc
FUNCTIONEEL ONTWERP “STANDAARD SITE”
9 CONTENT LIBRARY Grote hoeveelheden dezelfde content worden bij voorkeur niet aan de website toegevoegd als “pagina‟s” in de sitetree, maar in een buiten de sitetree geplaatste content library. We noemen dit ook wel niet-pagina-gerelateerde content. Alle content die gestructureerd doorzoekbaar moet zijn (bv. Alle rode auto‟s) of categoriseerbaar (bv. Alle nieuws items in de categorie sport) zijn per definitie library content.
9.1 Nieuws Alle nieuwsartikelen worden opgeslagen in de Content library. Ook is er een archief waarmee door het totaal aanbod van nieuws kan worden gelopen. Dit is een standaard add-on (zie RCMS System Add-ons paragraaf 5.1 voor een functionele beschrijving). De meest voor de hand liggende methode om het nieuws te ontsluiten is het nieuwsarchief die via een functionele pagina kan worden opgenomen in de sitetree.
9.2 Agenda Alle agenda items worden opgeslagen in de content library en bevatten verwijzingen naar evenementen die worden georganiseerd. Dit is een standaard add-on (zie RCMS System Add-ons paragraaf 5.2 voor een functionele beschrijving). De meest voor de hand liggende methode om de agenda te ontsluiten is via het agenda overzicht, die via een functionele pagina kan worden opgenomen in de sitetree.
9.3 Links Verwijzingen naar andere websites (links) kunnen worden opgenomen in de Content Library “Links”, gecategoriseerd op onderwerp. Ook dit is een standaard add-on, waarvoor de beschrijving daarvan terug te vinden valt in paragraaf 5.3 van van het document RCMS System Add-ons.
© ritense 2008
32
100511 - FO - standaardsite (2.4).doc
FUNCTIONEEL ONTWERP “STANDAARD SITE”
10 MODULES In dit hoofdstuk worden de verschillende modules beschreven die van toepassing zijn voor deze website. De meeste modules werken met custom content, dat wil zeggen content die net als bij de content library buiten de sitetree is geplaatst.
10.1 Formulieren/Enquête De formulieren module faciliteert het plaatsen van formulieren op een website, waarbij de inhoud van het formulier door de beheerder op maat kan worden gemaakt me een aantal voorgedefinieerde veldtypes. Dit is een standaard addon (zie RCMS System Add-ons paragraaf 6.1 voor een functionele beschrijving). Een formulier kan op een pagina worden geplaatst door een speciaal daarvoor bestemd content type.
10.2 Fotogalerij De fotogalerij is een functionaliteit die het mogelijk maakt een fotogalerij te tonen als content binnen de website. Standaard zal de website voorzien worden van de volgende fotogalerij: Een content type kan op een pagina worden geplaatst door een speciaal daarvoor bestemd content type.
10.3 Reageren De reageren module is een functionaliteit die het mogelijk maakt voor gebruikers om een reactie op bijvoorbeeld een nieuws item of op een pagina uit de sitetree achter te laten. Alleen de website beheerder kan aan de hand van het contenttype reactie bepalen waar het mogelijk is om een reactie achter te laten (zie RCMS System Add-ons paragraaf 6.3 voor een functionele beschrijving).
10.4 Snelkoppeling De snelkoppeling module maakt het mogelijk d.m.v. subdirectories in het internet adres direct te linken naar een specifieke pagina in de website. Het is daardoor mogelijk om met de URL “www.mijnsite.nl/onderwerp” direct naar de pagina “onderwerp” in de site te gaan. Ook is het mogelijk om bijvoorbeeld met de URL www.mijnonderwerp.nl direct naar diezelfde pagina te gaan. Deze voorbeelden worden ook wel het deeplinken naar een specifieke pagina in de website genoemd.
© ritense 2008
33
100511 - FO - standaardsite (2.4).doc