!

!

!

!

!

!

!

Mach3Framework-5.0-/-Website-

Handleiding)

Mach3Builders)

!

! 2!

!Inhoudsopgave-

1! Inloggen................................................................................................................................................................................................................................................4!

1.1! Ingelogd!blijven .........................................................................................................................................................................................................................................................................................................................................5!

1.2! Wachtwoord!vergeten ............................................................................................................................................................................................................................................................................................................................6!

2! Applicatie-keuzescherm ........................................................................................................................................................................................................................7!

2.1! De!beheeromgeving!openen.................................................................................................................................................................................................................................................................................................................8!

3! De-schermindeling ................................................................................................................................................................................................................................9!

4! InGpaginaGbewerking-modus................................................................................................................................................................................................................10!

5! De-sitemap-manager ...........................................................................................................................................................................................................................12!

5.1! Bewerkingen!menu ...............................................................................................................................................................................................................................................................................................................................15!

6! De-pagina-manager .............................................................................................................................................................................................................................17!

6.1! Tabblad:!algemeen ................................................................................................................................................................................................................................................................................................................................18!

6.2! Tabblad:!structuur.................................................................................................................................................................................................................................................................................................................................19!

6.3! Tabblad:!SEO............................................................................................................................................................................................................................................................................................................................................20!

6.4! Tabblad:!URL............................................................................................................................................................................................................................................................................................................................................21!

6.5! Tabblad:!Inhoud .....................................................................................................................................................................................................................................................................................................................................22!

! 3!

6.6! Tabblad:!Geavanceerd .........................................................................................................................................................................................................................................................................................................................23!

7! Media .................................................................................................................................................................................................................................................24!

7.1! Media:!bewerken....................................................................................................................................................................................................................................................................................................................................25!

7.2! Media:!informatie...................................................................................................................................................................................................................................................................................................................................26!

8! Fotoalbums.........................................................................................................................................................................................................................................27!

9! Lijsten .................................................................................................................................................................................................................................................28!

10! Formulieren ......................................................................................................................................................................................................................................29!

10.1! Tabblad:!teksten ..................................................................................................................................................................................................................................................................................................................................30!

10.2! Tabblad:!groepen ................................................................................................................................................................................................................................................................................................................................31!

10.3! Tabblad:!mail.........................................................................................................................................................................................................................................................................................................................................32!

10.4! Tabblad:!instellingen .........................................................................................................................................................................................................................................................................................................................33!

!

!

! 4!

!

1 Inloggen-

Het!Framework!inlogscherm!kan!per!site!in!een!taal!naar!keuze!worden!aangeboden.!

Door!de!functie!“Blijf!ingelogd”!aan!te!vinken!wordt!de!gebruiker!de!volgende!keer!automatisch!ingelogd.!

Afbeelding:+inlogscherm+

! 5!

!

1.1 Ingelogd-blijven-

Werk!je!regelmatig!in!de!beheeromgeving!van!een!bepaalde!site!dan!is!het!mogelijk!om!ingelogd!te!blijven.!

Let!op!dat!je!dit!niet!doet!op!openbare!computers!want!dan!hebben!anderen!ook!toegang!tot!jouw!beheeromgeving.!

Afbeelding:+Ingelogd+blijven

! 6!

+

1.2 Wachtwoord-vergeten-

Middels!de!wachtwoord!vergeten!functie!kun!je!een!nieuw!wachtwoord!opvragen.!

Zonder!tussenkomst!van!een!Mach3Builders!medewerker!kunt!u!direct!weer!verder!werken.!

Afbeelding:+Wachtwoord+vergeten

! 7!

!

2 Applicatie-keuzescherm-

Naast!de!website!applicatie!kunnen!er!andere!applicaties!zijn!welke!je!vanuit!de!beheeromgeving!kunt!gebruiken.!

Vanuit!het!applicatie!keuzescherm!kun!je!de!gewenste!applicatie!openen.!

Afbeelding:+applicatie+keuzescherm+

! 8!

!

2.1 De-beheeromgeving-openen-

Klik!op!het!wereldbol!icoon!om!de!website!beheeromgeving!te!openen.!

Na!klikken!opent!een!nieuw!scherm!waarin!je!direct!kun!beginnen!met!het!bewerken!van!jouw!website.!

Afbeelding:+Het+Framework+openen+

! 9!

!

3 De-schermindeling-

Links!op!het!scherm!staat!het!hoofdmenu.!Vanuit!elke!bewerking!is!het!hoofdmenu!beschikbaar!zodat!je!snel!tussen!menuZitems!kunt!switchen.!

Rechts!is!ruimte!gereserveerd!voor!het!uitvoeren!van!bewerkingen.!

+

Afbeelding:+Framework+startscherm+/+schermindeling+

! 10!

!

4 InGpaginaGbewerking-modus-

Klik!op!het!“oog”!icoon!links!bovenaan!de!pagina!om!de!inZpaginaZbewerking!modus!te!openen.!!

In!deze!modus!kan!de!content!op!de!website!aangepast!worden!waarbij!je!door!de!website!heen!navigeert.!

+

Afbeelding:+In@pagina@bewerking+modus+openen+

! 11!

Onderdelen!van!pagina’s!welke!bewerkt!kunnen!worden!zijn!voorzien!van!een!zwarte!knop.!!

Klik!op!deze!knoppen!om!de!bijhorende!onderdelen!te!bewerken.!

+

Afbeelding:+In@pagina@bewerking+modus+

! 12!

!

5 De-sitemap-manager-

Naast!de!inZpaginaZbewerking!modus!kan!de!website!ook!vanuit!de!sitemap!beheerd!worden.!!

De!sitemap!geeft!een!goed!overzicht!van!de!structuur!van!de!website!en!biedt!tevens!de!mogelijkheid!om!pagina’s!te!bewerken.!

+

Afbeelding:+Sitemap+weergave+

! 13!

!

Bovenaan!de!sitemap!staan!diverse!iconen.!Deze!geven!aan!welke!informatie!de!betreffende!kolom!bevat.!

!

Kolom!1:!Pagina!status!uit!

De!eerste!kolom!geeft!aan!of!een!pagina!“uit”!staat.!

!

Kolom!2:!De!homepage!

De!tweede!kolom!geeft!aan!welke!pagina!de!homepage!is.!

!

Kolom!3:!Startpunt!van!een!lijst!

De!derde!kolom!geeft!aan!of!een!pagina!het!startpunt!(bron)!van!een!lijst!is.!

Het!verwijderen!van!een!dergelijke!pagina!betekent!dat!de!bijhorende!lijst!ook!niet!meer!functioneert.!

!

! 14!

Kolom!4:!Op!meerde!plaatsen!gepubliceerd!

De!vierde!kolom!geeft!aan!of!een!pagina!op!meerdere!plaatsen!is!gepubliceerd.!!

Bij!het!verwijderen!van!een!dergelijke!pagina!krijg!je!de!keuze!om!de!publicatie!te!verwijderen!of!de!complete!pagina.!

!

Kolom!5:!Sjabloon!

De!vijfde!kolom!geeft!aan!welk!sjabloon!is!toegepast!voor!de!betreffende!pagina.!

Het!sjabloon!bepaald!hoe!de!pagina!eruit!ziet.!Een!zelfde!sjabloon!kan!voor!meerdere!pagina’s!gebruikt!worden.!Middels!kleuren!wordt!dit!

aangegeven.!

!

! 15!

!

5.1 Bewerkingen-menu-

De!sitemap!heeft!een!bewerkingen!menu.!Middels!dit!menu!kunnen!diverse!bewerkingen!uitgevoerd!worden!op!pagina’s.!

Door!op!een!pagina’s!klikken!wordt!het!bijhorende!bewerkingen!menu!geactiveerd.!Hieronder!volgt!een!overzicht!van!de!beschikbare!bewerkingen.!

!

Bewerking!1:!Inhoud!bewerken!

Door!op!dit!menuZitem!te!klikken!wordt!het!inZpaginaZbewerking!scherm!geopend!met!de!geselecteerde!pagina.!!

Je!kunt!de!pagina!direct!voorzien!van!de!juiste!inhoud.!

!

Bewerking!2:!Toevoegen!

Middels!deze!bewerking!is!het!mogelijk!een!pagina!toe!te!voegen!ONDER!de!geselecteerde!pagina.!Het!wordt!dus!een!subpagina!van!de!geselecteerde!

pagina.!Deze!bewerking!is!niet!mogelijk!bij!pagina’s!welke!de!bron/startpunt!van!een!lijst!zijn.!

!

Bewerking!3:!Bewerken!

Door!op!dit!menuZitem!te!klikken!wordt!het!bewerkscherm!getoond!voor!het!wijzigen!van!de!pagina!instellingen.!

De!volgende!onderdelen!kun!hier!ingesteld!worden:!naam!en!titel!van!de!pagina,!het!sjabloon!en!actief/nietZactief.!

!

! 16!

Bewerking!4:!Verwijderen!

Middels!het!vierde!menuZitem!kun!je!een!pagina!verwijderen.!

Indien!een!pagina!onderliggende!pagina’s!heeft!dan!heeft!een!verwijderactie!ook!invloed!op!de!onderliggende!pagina’s.!

!!

Bewerking!5:!Verplaatsen!

Middels!dit!menuZitem!kunt!u!pagina’s!verplaatsen!naar!een!andere!plaats!in!de!structuur.!!

Onderliggende!pagina’s!verplaatsen!automatisch!mee.!

!

Bewerking!6:!Nogmaals!publiceren!

Middels!dit!menuZitem!kunt!u!een!pagina!nogmaals!publiceren!op!een!andere!locatie!binnen!de!structuur.!

!

! 17!

!

6 De-pagina-manager-

De!pagina!manager!wordt!in!het!hoofdmenu!aangeduid!met!de!naam!“Pagina’s”.!Middels!deze!manager!kunt!u!alle!paginaZinstellingen!beheren.!

Inclusief!SEO!instellingen.!Middels!de!zoekfunctie!kun!je!snel!de!juiste!pagina!opzoeken.!Door!op!een!pagina!te!klikken!wordt!in!het!scherm!rechts!het!

bewerkscherm!getoond!van!de!betreffende!pagina.!

+

Afbeelding:+Startscherm+van+de+pagina+manager+

! 18!

!

6.1 Tabblad:-algemeen-

In!het!“algemeen”!tabblad!kunnen!de!meest!voorkomende!en!belangrijkste!instellingen!gedaan!worden.!

De!volgende!instellingen!kunnen!worden!uitgevoerd:!Paginanaam!en!titel,!het!sjabloon!en!actief/nietZactief.!

+

Afbeelding:+Tabblad+“algemeen”+

!

! 19!

6.2 Tabblad:-structuur-

Een!pagina!kan!worden!gekoppeld!onder!een!of!meerdere!andere!pagina’s.!De!structuur!van!de!website!wordt!op!basis!hiervan!opgebouwd.!

Na!iedere!selectie!van!een!bovenliggende!pagina!wordt!de!volgende!dropdown!getoond.!

+

Afbeelding:+Weergave+tabblad+structuur+in+pagina+beheer+

! 20!

6.3 Tabblad:-SEO-

Per!pagina!kunnen!zoekmachine!optimalisatie!specifieke!zaken!beheerd!worden.!Binnen!tabblad!“SEO”!kan!je!de!metaZtitel,!metaZzoekwoorden!en!

metaZomschrijving!invoeren.!Zoekmachines!gebruiken!deze!informatie!bij!het!opnemen!van!de!inhoud!van!de!pagina!in!de!index.!

+

Afbeelding:+SEO+tabblad+binnen+pagina+beheer+

! 21!

6.4 Tabblad:-URL-

Pagina’s!krijgen!automatisch!een!URL!op!basis!van!de!naam!van!de!pagina!en!de!bovenliggende!pagina!waaraan!de!pagina!is!gekoppeld.!

Binnen!het!tabblad!URL!kun!je!de!instellingen!voor!de!URL!aanpassen.!!Je!kunt!een!eigen!URL!instellen,!!de!pagina!doorsturen!naar!een!andere!URL!

en!tevens!instellen!wat!de!URL!voor!de!betreffende!pagina!was!op!een!eventuele!oude!versie!van!de!website.!

+

Afbeelding:+URL+tabblad+binnen+pagina+beheer+

! 22!

6.5 Tabblad:-Inhoud-

De!inhoud!van!een!pagina!kun!je!bewerken!in!de!inZpaginaZbewerking!modus.!Echter!ook!binnen!het!tabblad!“Inhoud”!kun!je!de!diverse!pagina!

onderdelen!bewerken!of!rechtstreeks!doorklikken!naar!de!pagina!in!inZpaginaZbewerking!modus.!

+

Afbeelding:+Inhoud+tabblad+binnen+pagina+beheer+

! 23!

6.6 Tabblad:-Geavanceerd-

Per!pagina!kan!ingesteld!worden!binnen!welke!periode!deze!zichtbaar!dient!te!zijn.!Indien!deze!instelling!niet!is!gedaan!dan!wordt!de!pagina!altijd!

getoond,!mits!de!pagina!op!“actief”!is!gezet.!Deze!laatste!instelling!kan!gedaan!worden!in!tabblad!“Algemeen”.!Pagina’s!kunnen!ook!uitgezet!worden!

voor!menu’s!of!weergegeven!worden!in!XML!formaat.!

+

Afbeelding:+Geavanceerd+tabblad+binnen+pagina+beheer+

! 24!

7 Media-

Alle!bestanden!waaronder!afbeeldingen!en!PDF!documenten!worden!opgeslagen!in!een!centrale!repository.!Op!deze!manier!kunnen!bestanden!

worden!gebruikt!op!meerdere!plaatsen!in!de!website!tegelijk.!Je!kunt!de!bestanden!opslaan!in!mappen.!!

+

Afbeelding:+Weergave+media+lijst+

! 25!

7.1 Media:-bewerken-

Door!op!een!bestand!te!klikken!in!het!overzicht!met!media!kun!je!de!voorvertoon!weergave!activeren.!In!deze!weergave!kan!een!afbeelding!in!het!

originele!formaat!bekeken!worden.!Tevens!kun!je!afbeeldingen!bewerken!vanuit!voorvertoon.!De!volgende!bewerkingen!zijn!beschikbaar:!uitsnedes!

maken,!schalen!en!roteren.!!

+

Afbeelding:+Weergave+media+voorvertoon+scherm+

! 26!

7.2 Media:-informatie-

Van!ieder!bestand!wordt!bijgehouden!hoe!groot!deze!is,!welke!extensie!deze!heeft,!wanneer!het!bestand!is!toegevoegd!enzovoort.!Deze!informatie!is!

beschikbaar!in!tabblad!“informatie”.!Vanuit!dit!tabblad!kun!je!de!naam!van!het!bestand!wijzigen!of!er!voor!kiezen!een!encrypte!bestandsnaam!te!

kiezen.!Verder!kan!een!bestand!gekoppeld!worden!aan!een!map!zodat!deze!eenvoudiger!terug!te!vinden!is.!Eenmaal!geplaatste!bestanden!kunnen!

overschreven!worden.!Alle!koppelingen!op!de!website!blijven!dan!normaal!functioneren.!

+

Afbeelding:+Weergave+tabblad+“informatie”+

! 27!

8 Fotoalbums-

Sliders,!carrousels!en!fotoZoverzichten!worden!gevoed!vanuit!het!fotoalbum!onderdeel!in!de!beheeromgeving.!

Er!kunnen!meerdere!albums!aangemaakt!worden.!Per!album!kunnen!meerdere!foto’s!tegelijk!worden!geupload.!!

De!foto’s!kunnen!middels!dragZnZdrop!worden!gesleept!in!de!juiste!volgorde.!Tevens!kan!iedere!foto’s!worden!voorzien!van!extra!informatie.!

+

Afbeelding:+Weergave+album+overzicht+

! 28!

9 Lijsten-

Met!lijsten!kunnen!overzichten!met!repeterende!inhoud!worden!getoond!op!de!website.!Een!voorbeeld!van!een!lijst!is!bijvoorbeeld!“nieuws”.!

Lijsten!worden!door!Mach3Builders!ingesteld!en!kunnen!vervolgens!door!de!website!beheerder!worden!voorzien!van!content.!!

+

Afbeelding:+Weergave+van+een+lijst+in+de+beheeromgeving.+

! 29!

10 Formulieren-

Binnen!de!beheeromgeving!kun!je!een!onbeperkt!aantal!formulieren!aanmaken.!In!het!onderdeel!“Formulieren”!kun!je!formulieren!aanmaken.!

In!de!inZpaginaZbewerking!modus!kun!je!de!aangemaakte!formulieren!koppelen!zodat!deze!getoond!worden!op!de!website.!Bij!het!aanmaken!van!een!

formulier!zie!precies!hoe!deze!opgebouwd!is.!Ook!dit!onderdeel!is!WYSIWYG.!De!volgorde!van!velden!kan!bijvoorbeeld!worden!gewijzigd!middels!

dragZnZdrop.!

+

Afbeelding:+Weergave+van+de+beheeromgeving+voor+formulieren+

! 30!

10.1 Tabblad:-teksten-

Er!zijn!drie!soorten!teksten!welke!bij!een!formulier!kunnen!worden!ingesteld.!!

De!eerste!is!de!introductie!tekst.!Deze!staat!boven!het!formulier!bij!het!openen!van!de!pagina.!Na!het!verzenden!van!het!formulier!wordt!een!van!de!

twee!overige!teksten!getoond,!namelijk:!de!succesvol!verzonden!OF!de!foutmelding!tekst.!

!

Afbeelding:+Tabblad+“teksten”+van+de+formulier+beheeromgeving+

! 31!

10.2 Tabblad:-groepen-

Met!groepen!kun!je!structuur!brengen!in!de!velden!van!een!formulier.!Vooral!grote!formulieren!kunnen!erg!onoverzichtelijk!worden.!Door!diverse!

groepen!aan!te!maken!met!per!groep!de!velden!welke!bij!elkaar!horen!maak!je!het!voor!de!gebruiker!eenvoudiger!om!het!formulier!in!te!vullen.!

!

Afbeelding:+Formuliergroep+aanmaken+

! 32!

10.3 Tabblad:-mail-

Formulieren!worden!verzonden!naar!een!of!meerdere!eZmailadressen.!Deze!instellingen!kun!je!maken!in!tabblad!“mail”.!!

Vergeet!niet!aan!te!vinken!dat!de!ingevulde!formuliervelden!worden!meegezonden.!“Voeg!waardes!ingevulde!formulier!toe!aan!de!mailing”.!

Het!is!ook!mogelijk!een!bevestiging!te!sturen!naar!de!verzender.!Om!dit!te!realiseren!dien!je!aan!te!geven!in!welk!veld!de!verzender!het!eZmailadres!

invult.!

!

Afbeelding:+Tabblad+mail,+diverse+instelling+voor+het+verzenden+en+ontvangen+van+de+formulierinhoud+

! 33!

10.4 Tabblad:-instellingen-

De!naam!van!het!formulier!kan!gewijzigd!worden!in!tabblad!“instellingen”.!!

!

Afbeelding:+Tabblad+“instellingen”+