Offerte - Ontwikkeling website ADVN

ADVN Tom Cobbaert Lange Leemstraat 26 2018 Antwerpen

Offerte - Ontwikkeling website ADVN 26/11/2012 Offerte nr 2012/089

Beste Tom Cobbaert, In navolging van uw offerteaanvraag lichten wij in deze offerte ons voorstel uit voor de ontwikkeling van ADVN. We lichten volgende punten toe in deze offerte: ··

Voorstelling Pure Sign.

··

Uw project: in dit gedeelte beschrijven we de grote lijnen van het project.

··

Projectaanpak: het slagen van een project hangt af van de goede uitvoering ervan. In dit gedeelte beschrijven onze visie over de aanpak van uw project.

··

Referenties: enkele cases van onze gerealiseerde projecten.

··

Inschatting: de effectieve investering voor deze realisatie.

Wij zijn ervan overtuigd u hiermee een sterk voorstel te leveren en hopen dan ook in de toekomst met u te kunnen samenwerken. Uitziend naar een boeiende samenwerking, Het Pure Sign team

Pure Sign BVBA · BE 0809 045 135 Liefkensstraat 35B · 9032 GENT · 09/227 87 24 www.puresign.be · [email protected]

Offerte 2012/084 Pagina 1 van 27

1. Pure Sign Pure Sign is specialist in het bedenken, ontwerpen en ontwikkelen van websites. Dit doen we met een brede visie en ruime inzet van kennis en ervaring, gericht op het web en op uw doel. Onze ervaring leert ons de noodzaak om op elk vlak sterk uit de hoek te komen, onze diensten richten zich dan ook allemaal naar een specifieke taak binnen het proces om tot een website te komen die ‘werkt’:

Concept en Strategie Pure Sign denkt mee om de probleemstelling van de klant te vertalen naar een online oplossing die werkt op het web. Samen werken we een concept uit en vanuit dit concept werken we opeenvolgend een strategie uit die zich kan richten op specifieke functionaliteit, mobiele applicaties, SEO, copywriting, etc.

Usability en design Een website wordt waargenomen en gebruikt door uw doelgroep. Het is een instrument die u aanbiedt en waarmee u iets wilt vertellen. Het is dan ook van belang dat uw website goed overkomt en uw verhaal juist weergeeft. Een goed design en hoge usability dragen mee aan een positieve beleving van een website. Aan de hand van een doordachte informatiestructuur trachten we de website zo intuïtief en gebruiksvriendelijk mogelijk te maken voor de eindgebruiker. Deze structuur wordt op zijn beurt vormgegeven in de lijn van uw huisstijl en heeft als doel de boodschap van de website te ondersteunen en de juiste sfeer op te roepen bij de eindgebruiker.

Technische ontwikkeling Pure Sign heeft ook op development vlak de juiste competenties in huis om het concept technisch uit te werken. Deze technische uitwerking gebeurt in Drupal, een open source CMS met een wereldwijde community. Deze community biedt een groot draagvlak om nieuwe en innovatieve oplossingen te realiseren. Onze mensen maken actief deel uit van deze community en zijn zowel gedreven om een bijdrage te leveren aan het Drupal project als het beste te halen uit uw project.

Nazorg en opvolging Het werk stopt niet na de oplevering van een website. Net als bij alle communicatie dient deze in leven gehouden te worden. We voorzien de nodige meet- en analytics tools om de bezoekersaantallen te re-



gisteren waardoor we kunnen inspelen op nieuwe noden. Daarnaast zorgen we ook voor het onderhoud, support en hosting van de website om een goede performantie te blijven garanderen.

Ons team Ons team bestaat zowel uit technische, creatieve als communicatieve mensen. Door deze mix kunnen wij de projecten van A tot Z zelf uitwerken in een hechte samenwerking met u waar communicatie en overleg heel belangrijk zijn. De ontwikkeling van een goede website is immers een proces waarbij elke schakel een belangrijk punt is om tot een goed eindresultaat te komen. Van content, gebruiksvriendelijkheid tot design, alles moet op sterk staan. Wij zijn er dan ook van overtuigd dat we met een brede visie en ruime inzet van kennis en ervaring uw project perfect kunnen uitvoeren met ons team.

1.1 Drupal CMS Als onderbouw voor onze realisaties, kiezen wij voor Drupal, een open source software pakket dat toelaat aan individuele gebruikers of een groep (community) op gemakkelijke wijze een variëteit van inhoud te publiceren, beheren en organiseren op het web. Graag geven we enkele redenen en belangrijke voordelen waarom Pure Sign kiest voor Drupal: ··

Vlot consulteerbaar, onafhankelijk van computer, browser of besturingssysteem waarop de gebruiker surft.

··

Drupal is een elegant ontworpen, goed ondersteund en flexibel platform dat iedereen kan gebruiken om website(s) te creëren en beheren. Het is zowel in 2007 als 2008 uitgeroepen tot ‘Best Overall Open Source CMS’ en in 2009 tot Best Overall Open Source PHP CMS’ door Packt Publishing, een toonaangevende uitgever.

··

Drupal is krachtig en flexibel. Door de aanwezigheid van een tal aan modules is het Drupal CMS breed inzetbaar voor verschillende doeleinden, van complexe informatie websites tot communities, e-shops en veel meer.

··

Het Drupal CMS wordt op maat geconfigureerd aan de hand van extra modules en eventueel maatwerk, zodat een pasklaar antwoord kan geboden worden.

··

Drupal is eenvoudig uitbreidbaar en flexibel. Door zijn modulaire opbouw is het Drupal CMS gemakkelijk uit te breiden met nieuwe functionaliteiten.

··

Drupal is schaalbaar en kan gebruikt worden voor middelgrote sites tot populaire sites met miljoenen pagina weergaves.

··

Drupal is open source. Dit zorgt ervoor dat u niet aan 1 leverancier gebonden bent (vendor lockin) of licentiekosten dient te betalen.



··

Drupal wordt ondersteund door een wereldwijde actieve community van bedrijven en enthousiastelingen wat resulteert in een up tot date CMS dat inspeelt op de laatste trends en evoluties op het web.

Drupal kent een Belgische oorsprong: Dries Buytaert ontwikkelde tien jaar geleden de basis. Een indrukwekkende lijst referenties illustreren de hoge kwaliteit en stabiliteit van het systeem. Naast belangrijke internationale referenties zoals Het Witte Huis, Oxfam International en het Art Institute of Chicago zijn er ook steeds meer Belgische websites ontwikkeld met Drupal : premier.be, VRT, één, monarchie.be, RTBF,… Voor meer informatie over Drupal verwijzen we u graag naar deze link http://drupal.be/over-drupal. Pure Sign heeft reeds meer dan 7 jaar relevante ervaring met Drupal en de culturele sector. Onze referenties vind u bijgevoegd en op onze website www.puresign.be. Pure Sign is ook actief in de Drupal community, op regelmatige basis werken wij actief mee aan ontwikkeling van nieuwe en bestaande modules. Ons profiel is terug te vinden op http://drupal.org/node/1133330.



2. Uw project In dit onderdeel wordt de functionaliteit voor de website toegelicht die zal gerealiseerd worden door Pure Sign. De website zal ontwikkeld worden in de laatste versie van Drupal, namelijk Drupal 7. Drupal 7 heeft als grote verbetering een betere gebruikersinterface wat de gebruiksvriendelijkheid van het systeem voor de eindgebruiker en redacteur een heel groot stuk vergroot.

2.1 Concept 2.1.1 Algemeen Pure Sign zal instaan voor de ontwikkeling van een nieuwe website voor ADVN. De huidige website is totaal verouderd en voldoet niet meer aan de hedendaagse normen. Een belangrijk punt in de nieuwe website zal een duidelijke foucs op gebruiksvriendelijkheid en toegankelijkheid zijn van de website. Ook het zoeken doorheen de gehele website speelt een enorm belangrijke rol zodat de gebruiker gemakkelijk de nodige informatie kan terugvinden. Pure Sign zal hierop in deze offerte een antwoord bieden.

2.1.2 Navigatie Op basis van het ontvangen document en ons gesprek doet Pure Sign hieronder een eerste voorstel tot navigatiestructuur. Het uitgangspunt hierin is dat er een duidelijk focus moet zijn, daarom stellen we voor om met een 2 navigaties te werken, nl enerzijds een hoofdnavigatie die de toptaken van de bezoeker moet invullen en anderzijds een secundaire navigatie waar de andere items onder komen.

Hoofdnavigatie Collectie (Ontdek) ··

Zoek in de collectie (Archief / Bibliotheek / Beeld en geluid )

··

Profiel

Onderzoek ··

Projecten

··

Publicaties

··

Pvg prijs (publieksproject)

··

Wetenschappelijke tijding

··

Scripties en stages



··

Steunpunt

Publiek (Bezoek) ··

Bezoeken

··

Colloqiua / studiedagen / lezingen

··

Tentoonstellingen

··

Evenementen

··

Leeszaal

Secundaire navigatie Over ADVN ··

Over ons (organisatie)

··

Missie

··

Geschiedenis

Nieuws Steun ons Contact Voor de informatie die onder “vragen” zit uit het document stellen wij voor om op bepaalde plaatsen (waar relevant) te werken met “call to actions” zodat de gebruiker heel gemakkelijk de nodige informatie kan terug vinden. Vb bij contact een rechterblokje voorzien met de openingsuren. Deze zaken kunnen verder besproken worden tijdens de analysefase.

2.2 Inhoud beheren Aan de hand van content types (ofwel inhoudstypes) kan de websitebeheerder eenvoudig inhoud aan de website toevoegen. Dit gebeurt via een gebruiksvriendelijke interface, toegevoegde inhoud wordt automatisch op de website weergegeven: op de juiste plaats en in de juiste vorm en lay-out. Op deze manier kan de websitebeheerder zelf eenvoudig nieuwe pagina’s, nieuws, ... toevoegen aan de website. Bij de goedkeuring van het project wordt in de analysefase alle nodige content types verder gedefinieerd en uitgewerkt. In volgende wordt een eerste aanzet van de content types uitgewerkt.

Pagina Het content type ‘pagina’ is het standaard content type van Drupal om inhoud aan te maken. Voor elke pagina die u aanmaakt kunt u de positie in de navigatie menu zelf bepalen, hierbij heeft u de mogelijk-



heid om hoofd- en subpagina’s aan te maken. Aan elke pagina kan zowel tekst, foto’s als bijlages (.doc, .txt, .pdf, .ppt ) toegevoegd worden.

Projecten Met dit content type kunnen eenvoudig nieuwe projecten worden aangemaakt. Aan elk project is er de mogelijkheid om een algemene tekst toe te voegen samen met een reeks relevante foto’s. Verder voorzien we ook dat projecten kunnen ingedeeld worden in categoriëen.

Evenementen Hiervoor voorzien we een specifiek inhoudstype, waaronder studiedagen, colloquia, lezingen en tentoonstellingen vallen. Elk evenment kan een bepaalde categorië krijgen waardoor die vb op een ander onderdeel van de wbesite wordt weergegeven. Tevens is het mogelijk aan dit inhoudstype een webformulier te koppelen, zodat de bezoeker bij het raadplegen van de pagina een invulformulier te zien krijgt, waar naam, email en andere (optionele) velden ingevuld kunnen worden. Standaard zal een bevestigingsmail gestuurd worden naar een beheeradres van ADVN, alsook naar de inschrijver zelf.

Bestellingen publicaties Er wordt een inhoudstype voorzien voor de te bestellen publicaties. Naast de standaard metadata velden wordt hierbij ook een prijsveld toegevoegd. Onder elke publicatie zal een webformulier komen waar de gebruikers een aanvraag tot besteliing kunnen doen.

Blog / nieuws Met dit content type kunnen eenvoudig blogberichten worden aangemaakt. De meest recente blogberichten worden op de homepagina weergegeven. In deze weergave wordt het blogbericht item verkort weergeven, met een teasertekst en eventueel een foto. De gebruiker kan op het blogbericht doorklikken om het volledige bericht te lezen. Naast de weergave op de homepagina wordt op een aparte pagina alle blogberichten in een overzichtelijk lijst weergegeven. Per blogbericht kan ingesteld worden of gebruikers een reactie kunnen achterlaten op een bericht. Blogberichten kunnen ook onderverdeeld worden in



verschillende categorieën (taxonomy). Verder voorzien we een extra anti-spam filter, wij stellen voor om te werken met Mollom (http://www.mollom.com).

Formulieren Via dit content type kunnen formulieren aangemaakt worden. Dit gebeurt aan de hand van componenten. Elk component is een veld waaraan een eigenschap wordt toegevoegd. Bijvoorbeeld: emailadres, tekstveld, selectielijst, ... Op deze manier kunnen verschillende formulieren worden aangemaakt. Via dit content type worden de bestelformulieren uitgewerkt. Nadat een gebruiker een formulier invult en verzendt, wordt een bevestigingspagina weergegeven, daarna krijgt de bezoeker een automatische bevestigingsmail en wordt het formulier toegezonden aan één van de ingestelde ontvangers. Verzonden formulieren worden in het beheergedeelte van Drupal bewaard in een overzichtelijke tabel, die eenvoudig exporteerbaar is naar Excel voor verdere verwerking. Via formulieren kunnen contactformulieren aangemaakt worden maar ook eenvoudige enquêtes kunnen zelf uitgewerkt worden.

Gebruiksvriendelijke beheerinterface Hieronder stellen we kort even voor hoe contentbeheerders inhoud aan de website kunnen toevoegen. Contentbeheerders en webmasters hebben steeds een additionele navigatiebalk bovenaan de pagina. Deze is enkel zichtbaar wanneer ze ingelogd zijn. Enerzijds toont de navigatiebalk de link ‘Add content’. Wanneer de contentbeheerder hierop klikt, opent zich een administratie popup scherm waar hij kan kiezen wat voor type content aan te maken. De contentbeheerder maakt een keuze en kan onmiddellijk content aanmaken en opslaan. De contentbeheerder is dus op elk moment twee klikken verwijderd van het effectief aanmaken en opslaan van nieuwe content. Anderzijds toont de navigatiebalk de link ‘My Workbench’ waar de contentbeheerder al de acties in verband met het aanmaken en beheren van inhoud terugvindt. Het is zijn gepersonaliseerd content administratie scherm. Doordat de link op elke pagina zichtbaar is kunnen redacteurs vanuit elke sectie en pagina op de website naar hun eigen content administratie scherm gaan. Volgend scherm verschijnt. Voer de gebruikernaam en wachtwoord in om toegang te krijgen tot het beheerpaneel.



Het content administratie scherm wordt over de huidige pagina heen gelegd via een overlay. De contentbeheerder verlaat de huidige plaats op de website niet. Door op het kruisje te klikken sluit hij de administratie overlay en is hij meteen terug op dezelfde pagina op de website. Onderstaande afbeelding geeft de ‘My workbench’ administratie scherm weer in overlay boven de pagina.



De ‘My content’ tab in de workbench geeft een overzicht van alle content op de website enerzijds, en een overzicht van alle content van de contentbeheerder zelf. Er kan steeds ingezoomd worden op een specifiek overzicht. Het ‘My content’ overzicht biedt de contentbeheerder de mogelijkheid om snel naar andere pagina’s te surfen, zijn eigen content terug te vinden en aan te passen. De ‘Create content’ tab geeft de redacteur een overzicht van alle contenttypes die hij kan aanmaken.

De contentbeheerder selecteert het content type dat hij wilt aanmaken. Vervolgens opent het aanmaak formulier zich in de overlay. Enkel de relevante velden worden getoond.

Slaat de contentbeheerder de pagina op dan sluit de overlay en wordt de contentbeheerder rechtstreeks naar de zojuist aangemaakte pagina gebracht op de website.



De tekstvelden zullen tevens van een WYSIWYG editor worden voorzien, zodat de contentbeheerder makkelijker bepaalde voorgedefinieerde stijlelementen op de tekst zouden kunnen toevoegen, of makkelijk afbeeldingen of links naar bestanden toevoegen binnen de inhoud van de pagina. Binnen de WYSIWYG editor die beschikbaar is bij het aanmaken van pagina’s op de website, voorzien we een knop om media bestanden (embedded media) toe te voegen. Via deze interface kan u op verschillende manieren media bestanden invoegen: ··

Bestanden uploaden vanop uw computer

··

Eerder geuploadde bestanden hergebruiken

··

Flickr foto’s invoegen

··

YouTube video’s invoegen

2.3 Toegankelijkheid Onze focus op gebruiksvriendelijkheid gaat hand in hand met onze doelstelling om elk van onze websites toegankelijk te maken voor alle gebruikers. Hierbij zorgen we dat de website goed bereikbaar en leesbaar is, enerzijds voor gebruikers met verschillende browsers en apparaten, anderszijds ook voor gebruikers met visuele, auditieve, motorische of geestelijke beperkingen.



Dit doen we hoofdzakelijk door de WCAG 2.0 (en afgeleide Anysurfer) richtlijnen te volgen in onze ontwerpen en implementaties, zodat al onze opgeleverde websites standaard aan deze eisen voldoen, onafhankelijk of de klant effectief een label wenst te behalen of niet. Voor onze eigen website http://puresign.be werd ook het Anysurfer label behaald.

2.4 Statistieken Om de resultaten en de bezoekerstatistieken van uw nieuwe website te zien, installeren wij uitgebreide statistieken, hiervoor kiezen we voor Google Analytics. Dit online programma geeft u een beeld van het aantal interessante pijlers zoals: ··

Aantallen bezoekers en pagina’s bekeken per uur, dag, week, maand, jaar

··

Meest bezochte pagina’s

··

Vanwaar komen bezoekers ( via link andere website, via Google, …)

··

Zoekwoorden waarmee de bezoekers uw website hebben gevonden

··

Entry en exit pagina’s

··

Browsers en besturingssystemen van de bezoekers

··

Geografische afkomst van de bezoekers, etc.

2.5 Gebruikersbeheer Gebruikers zijn personen die geregistreerd zijn op de website, via een gebruikersnaam en paswoord kunnen zij inloggen op de website en hebben zij toegang tot een afgeschermd gedeelte op de website. Per gebruiker kan worden vastgelegd welke toegangsrechten deze heeft op de website. Dit wordt toegekend via ‘rollen’, er kunnen verschillende rollen worden uitgewerkt en er kunnen onbeperkt gebruikers worden toegevoegd: ··

Bezoekers op de website (anonieme gebruikers) Deze personen hebben geen gebruikersnaam en paswoord en kunnen de publieke website bekijken. Dit zijn gewone gebruikers/ bezoekers op de website.

··

Redactie Deze rol wordt aangemaakt voor de beheerders van de website zodat zij de content en de gebruikers op de website kunnen beheren.

··

Admin



Deze rol wordt aangemaakt voor Pure Sign zodat we de website kunnen ontwikkelen en onderhouden.

2.6 Zoekmachineoptimalisatie Om ervoor te zorgen dat er meer gebruikers de weg vinden naar de website voorzien we een zoekmachine optimalisatie (SEO). SEO is de techniek om een website hoger te laten scoren in de natuurlijke resultaten van zoekmachines. We ontwikkelen uw website technisch zo dat die goed indexeerbaar is voor zoekmachines. Aan de hand van enkele concrete zaken gaan we de website technisch optimaliseren: ··

Leesbare URL’s Bij leesbare URL’s (clean URL’s) worden speciale tekens weggelaten zodat de urls leesbaar worden. Bijvoorbeeld: www.domeinnaam.be/node1 i.p.v. www.domeinnaam.be/q=?node1

··

Begrijpbare URL’s Samen met clean URL’s wordt de pathauto module geïnstalleerd. Pathauto gaat automatisch customized URL’s opmaken. Deze URL’s zijn gebaseerd op de pagina waarop een bezoeker zicht bevindt, zoals content type, title, username,... We definiëren een vaste opbouw voor elke URL’s. Bijvoorbeeld: www.domeinnaam.be/over/onzevisie ipv www.domeinnaam.be/node1

··

Meta Tags Meta tags mogen niet verwisseld worden met keywords, deze hebben geen invloed (meer) op de indexatie van u website. Het belangrijkste aan de meta tags is de meta description. De meta description is een korte samenvatting/teaser van de pagina in 2 of 3 zinnen. Deze samenvattingen wordt op de zoekresultaten pagina van bijvoorbeeld Google weergegeven. Op basis van deze samenvatting/teaser kunnen bezoekers de relevantie van de gevonden url scannen. Daarom is het belangrijk dat deze samenvatting leesbaar en relevant moet zijn voor de bezoeker. Drupal zal een meta description genereren of u kan zal deze description aanvullen.

··

Pagina titel Via de ‘page title module’ is het mogelijk om voor elke pagina een custom pagina titel weer te geven.

··

Sitemap Er zal een visuele sitemap uitgewerkt worden en een xml file die door de zoekrobots worden gelezen, zodat de volledige inhoud van de website wordt opgenomen.



2.7 Import gegevens XML Data die uit de Filemaker database komt en zich binnen een unieke XML tag bevindt, kan worden geimporteerd in een Drupal record. Het aangeleverde voorbeeldXML bestand bevat een aantal XML tags waar gegevens geaggregeerd in lijken te zitten (bvb de tag ). De XML tags moeten ook duidelijk identificeerbaar & aanspreekbaar zijn vanuit code. Bvb de XML tag bevat een aantal onderliggende tags, die niet individueel te identificeren zijn. Daarnaast is het ook belangrijk dat er voor elk record in de XML een unieke identifier beschikbaar is, waarmee kan worden gecontroleerd of deze record al dan niet reeds bestaat in de Drupal database. Ten slotte is het ook wenselijk dat de XML bestanden worden opgesplitst in kleinere deelbestanden. Het bestand Boeken.xml is bvb 100MB groot, wat problemen kan geven qua geheugenverbruik voor de server als dit in 1 geheel dient ingelezen te worden. Als hieraan een oplossing kan geboden worden, dan kan een maandelijkse import voorzien worden, waarbij de nieuwe bestanden via FTP of via de browser worden geupload, en vervolgens geimporteerd binnen de Drupal installatie. Als alternatief kan er ook een CSV file worden aangeleverd. De CSV of XML wordt in 1 taal aangeleverd (meertaligheid is hier niet voorzien)

2.8 Efficiënte zoekmotor Hoewel Drupal standaard beschikt over een zoekmotor stellen we een specifieke externe zoekmotor voor. Dit is de Apache SOLR zoekmotor (http://lucene.apache.org/solr/). SOLR is een krachtige open-source zoekmotor die praktisch de de-facto standaard is op gebied van krachtige en flexibele zoektechnologie. Naast betere prestaties biedt de zoekmotor ook meer mogelijkheden dan de standaard Drupal zoekfunctionaliteit. Bovendien kan de SOLR zoekmotor op een externe server gehost worden wat de eigen website minder belast. De SOLR zoekmotor biedt de volgende functionaliteiten: ··

Naadloze integratie met Drupal.

··

Houdt rekening met de rechten van bezoekers. De zoekmotor presenteert nooit teksten waartoe de bezoeker geen rechten heeft.



··

De zoekmotor neemt verschillende criteria in acht om de meest relevante zoekresultaten weer te geven. De administrator past het gewicht van de criteria aan waardoor de zoekresultaten geoptimaliseerd worden.

··

Keyword highlighting: de zoekmotor geeft een tekstsnippet met het zoekwoord weer om de bezoeker de relevantie van het resultaat duidelijk te maken.

··

De ingegeven zoekwoorden kunnen via Google Analytics getrackt worden, wat waardevolle informatie aan de websitebeheerders geeft.

··

Faceted search: bezoekers kunnen via facets de zoekresultaten lijst verfijnen om snel de relevante content terug te vinden. Op deze manier kan de gebruiker makkelijk navigeren door de zoekresultaten, en deze steeds verder en verder filteren. De gebruiker kan steeds op een zijn stappen terugkeren en een facet (filter) ongedaan maken, waardoor het aantal zoekresultaten terug verruimt.

··

Spellingssuggesties: de zoekmotor begrijpt spellingsfouten en suggereert correcte woorden en synoniemen.

··

Sorteermogelijkheden: de bezoeker kan de resultaten sorteren op de voor hem meest relevante manier.

··

Het zoeken zal steeds gebeuren binnen 1 specifieke site.

··

Bepaalde types bijlagen kunnen doorzocht worden. Ondersteunde formaten: http://tika.apache. org/0.9/formats.html#Supported_Document_Formats

··

Het doorzoeken van andere sites indien er geen resultaten werden gevonden op de huidige site, is niet voorzien.

Onderstaande een voorbeeld van de SOLR zoekmotor met spellingssuggestie, keyword highlighting en facets.

Online Voorbeelden:



··

http://jamesensor.vlaamsekunstcollectie.be/en/collection/

··

http://vlaamseprimitieven.vlaamsekunstcollectie.be/en/collection

··

http://www.lukasweb.be/en/search/content/

2.9 Sociale media Social media zijn ideaal om de interactie met de bezoekers laagdrempelig te realiseren. Op elke inhoudspagina worden knoppen voorzien om deze pagina te delen via de meest gangbare sociale netwerken, zoals Facebook, Twitter of Google Plus. Naast een knop om de pagina te delen op Facebook, voorzien we tevens een “Like” knop waarmee de pagina kan geliked worden op Facebook.

2.10 Deelwebsites ADVN zal de mogelijkheid hebben om zelf een eigen deelwebsite op te zetten vb http://www.advn.be/ naam-project. Elke deelwebsite zal een aparte menustructuur hebben die kan worden uitgebreid met verschillende types van inhoud (vb pagina’s) binnen de hoofdwebsite.

2.11 Meertaligheid De website wordt ontwikkeld in 3 talen nl Engels, Nederlands en Frans.

2.12 Nieuwsbrief Voor het versturen van nieuwsbrieven werken met een externe platform, Mailchimp. We kiezen ervoor om met MailChimp, www.mailchimp.com, te werken aangezien zij geavanceerde tools aanbieden om nieuwsbrieven te verzenden en te beheren. Functionaliteiten van MailChimp: ··

E-mail templates Pure Sign ontwerpt één template in dezelfde stijl als de website, zodat de mailings herkenbaar zijn voor uw gebruikers en de “look & feel” reflecteert. Daarnaast kunnen ook andere mailtemplates, die door MailChimp worden aangeboden, gekozen worden.

··

Personaliseren



U kunt uw e-mailcampagne een persoonlijk karakter geven. MailChimp kan elke mailing automatisch personaliseren met bijvoorbeeld voor- en achternaam. ··

Social sharing Eenvoudig social media tools toevoegen aan uw e-mailcampagne. Met één druk op de knop kunnen ontvangers een bericht uit uw nieuwsbrief delen op bijvoorbeeld Twitter, Facebook, MySpace of Delicious.

··

Geen e-mailserver nodig MailChimp maakt gebruik van een eigen server om een e-mail-campagne te versturen. U hoeft uw eigen e-mailserver niet te belasten met honderden tot duizenden uitgaande e-mails. Zo garanderen we een snelle verzending van uw e-mailcampagne, zonder dat u daar extra voor hoeft te betalen.

··

E-mailcliënt controle Voordat de mailing wordt verzonden, wordt de mailing automatisch gecontroleerd op hoe deze overkomt in de veel voorkomende e-mail-cliënts, zoals bijvoorbeeld Outlook, Hotmail, Gmail en Thunderbird.

··

Stuur-door tool Ontvangers van uw mailing kunnen deze met de ‘stuur-door-tool’ eenvoudig doorsturen naar hun eigen contacten en relaties. De statistieken worden uiteraard automatisch bijgehouden.

··

Mailserver reputatie Via MailChimp wordt een e-mailcampagne verzonden door een e-mailserver met een goede reputatie. Door de betrouwbaarheid van deze e-mailserver worden uw e-mails minder snel aangemerkt als spam.

··

Statistieken Het is mogelijk Google Analytics te koppelen met MailChimp zodat je nog uitgebreidere statistieken van uw mailings kunt bekijken.

··

Meer ... De volledige functionaliteiten lijst vindt u terug op http://www.mailchimp.com.

Pure Sign werkt de integratie uit met Drupal, zodat gebruikers zich via de website kunnen in- en uitschrijven op de maillijst. Daarnaast ontwerpen en ontwikkelingen we 1 nieuwsbrief template. MailChimp is een betalende dienst en biedt verschillende soorten ‘abonnementen’ aan. De prijs van MailChimp is niet opgenomen in deze offerte. Prijzen vindt u terug op http://www.mailchimp.com/pricing/.



2.13 Jaarlijkse kosten (optie) Om de website ‘up and running’ te houden voorzien we op jaarlijkse basis volgende diensten:

2.13.1 Support Pure Sign voorziet 8 supporturen die kunnen gebruikt worden voor kleine aanpassingen, advies en ondersteuning. Er kunnen steeds supporturen bijgekocht worden aan 75,00 EURO excl. BTW. U kunt ons telefonisch of via mail bereiken tijdens de kantorenuren. Wij reageren binnen de 48 u of op de eerstkomende werkdag. De tijd waarbinnen problemen of vragen worden opgelost is afhankelijk van de aard van het probleem of de vraag. Kleine aanpassingen aan de website vallen ook onder deze supporturen. Voor grote aanpassingen en nieuwe functionaliteiten zal een nieuwe analyse, timing en offerte opgemaakt worden.

2.13.2 Onderhoud Op regelmatige tijdstippen controleren we de sitelogs, broken links en de performance van de website. Indien nodig stellen we de website beter/anders af zodat deze geoptimaliseerd wordt. Op deze manier gaan we de website preventief onderhouden. Naast deze opvolging, worden minor updates1 en security updates van Drupal geïnstalleerd, zodat de website wordt voorzien van de laatste aanpassingen aan Drupal. Voor het installeren van deze updates wordt er steeds een back-up genomen van zowel de database als de volledige website, zodat geen informatie verloren gaat. Na het nemen van de back-up worden de te installeren modules vooraf nagekeken op lopende bugs en getest op een aparte server, vooraleer deze online worden geplaatst.

2.13.3 Hosting Pure Sign werkt samen met hosting partner Openminds om kwalitatieve B2B hosting op maat te kunnen aanbieden. Op basis van uw noden en behoeften stellen wij u een shared medium hosting pakket voor. Wij voorzien voor deze hosting 500 MB diskspace en 20 GB datadoorvoer per maand, wat later gemakkelijk uitgebreid kan worden. Het aantal e-mailadressen is onbeperkt. Naast de performante hosting, zal Openminds ook voor support en ondersteuning zorgen. De veiligheid van het besturingssysteem, de basiscomponenten en dagelijkse backups zullen door hen verzorgd wor-

1

Updates binnen de versie van Drupal waarin de website is ontwikkeld.



den. Ze noemen hun support vaak “no worries”. Dit houdt in dat het hun taak is te zorgen dat de servers draaien, blijven draaien, en de webtoepassingen zo efficiënt mogelijk werken. Zij monitoren de server 24/7 en grijpen in als ze merken dat het fout gaat of dreigt te gaan. Pure Sign staat in tussen uw en Openminds zodat de performante hosting en de technische vereisten van de website steeds op elkaar afgestemd zijn. We zijn tijdens de kantooruren steeds telefonisch en per email bereikbaar voor uw vragen of opmerkingen. Daarnaast zorgt Openminds voor een volledige back-up van de server. Dagelijkse backups worden een week bijgehouden, weekbackups minstens een maand. Qua support is alles inbegrepen wat nodig is om de site op te zetten en ervoor te zorgen dat die correct blijft werken gedurende de looptijd van de overeenkomst. Dit omvat ook security updates van het besturingssysteem, web- en databaseservers, php, mysql enz. Elk server management pack bevat een SLA - Service Level Agreement. De SLA die wij toepassen is een standaard SLA met een hoge norm van service en kwaliteit waarvoor wij geen meerprijs aanrekenen.



3. Projectaanpak Uw website vraagt om een uitgestippeld productieparcours. En u hebt baat bij een transparante samenwerking. Pure Sign combineert beide noden in haar piekfijne projectaanpak in acht stappen. In deze acht stappen wordt u project in handen genomen door ons team, waarbij iedereen instaat voor een specifieke deeltaak en alles uit de kast haalt om op zijn specialisatiegebied uit te blinken. Eén continuïteit is de projectleider. Deze persoon zal uw vast aanspreekpunt zijn tijdens de uitwerking van de website. Hij leidt het project, waakt over de voortgang, timing en behoudt het overzicht van het project.

3.1 Kick-off meeting Pure Sign giet uw aanvraag, na goedkeuring van de offerte, in projectvorm. De eerste stap hierin is de kick-off meeting. In deze meeting wordt het project concreet besproken. Deze kick-off meeting start niet onvoorbereid. Omdat we er graag snel en goed invliegen, maken we op voorhand reeds een voorbereidend project dossier op. Dit wordt opgesteld op basis van informatie die u ons reeds bezorgde en op basis van de offerte die werd goedgekeurd. Dit initieel projectdossier heeft als doel extra informatie te weten te komen, het project te bespreken en verdere afspraken te maken.

3.2 Analysefase Na de kick-off meeting weten we een pak meer over het project, zijn onduidelijkheden opgeklaard en zijn onze vragen beantwoord. Genoeg informatie dus om te starten met een grondige analyse van het project. Aan deze analyse besteden we veel aandacht. De kernvraag bij deze analyse is ‘Wat moet de website vertellen? (doel)’ en ‘Hoe hoe gaan we dit doen? (middel)’. In het eerste deel gaan we duidelijk nagaan wat het doel is van de website. Op basis daarvan werken een plan van aanpak uit om de website te gaan ontwikkelen. Hierbij wordt de navigatiestructuur vastgelegd en de inhoud van de website besproken. Niet alleen de inhoudelijke maar ook technische de vereisten worden uitgewerkt in het dossier. Vervolgens maken we de informatie architectuur op van de website. Dit gebeurt aan de hand van wireframes. Wireframes zijn schetsen van de structuur: wat waar komt en waarom. De inhoud van het projectdossier omvat: ··

Uitwerking van een concept/ uitgangspunt van de website.



··

Uitwerking van de navigatiestructuur.

··

Uitwerking van de vereiste inhoudstypes en bepalen van de velden.

··

Keuze van de aanbevolen modules en functionaliteit.

··

Informatie architectuur en uittekenen van wireframes.

Dit projectdossier wordt samen met u overlopen en bijgestuurd. Eens alle elementen volledig en uitgeklaard zijn, is het projectdossier klaar om uitgewerkt te worden.

3.3 Ontwerpfase Een goede lay-out voor een website heeft niet enkel te maken met een mooi ogend ontwerp dat het juiste imago uitstraalt. Maar de lay-out moet ook de inhoud presenteren, versterken en zorgen dat de website vlot te gebruiken is. Pure Sign is er van overtuigd dat een goede website zowel technisch sterk, grafisch aantrekkelijk én gebruiksvriendelijk is. Daarom wordt een grafisch voorstel pas ontworpen na de analyse fase van het project. Op basis van een briefing en de huisstijl wordt een design voorstel uitgewerkt. Het eindresultaat van de ontwerpfase wordt aan u voorgesteld en besproken. U kan opmerkingen en suggesties geven, die we samen terug bespreken. Aan de hand van deze feedback werkt onze grafische vormgever naar een definitief ontwerp toe voor de website. We voorzien 1 revisierondes, waarbij rond één concept feedback en opmerkingen door u gegeven kan worden.

3.4 Front-end development fase Nadat het ontwerp voor de website is goedgekeurd wordt deze omgezet naar xHTML/CSS templates. Dit is de front-end van de website: wat de gebruiker te zien krijgt. De xhtml/CSS templates worden conform de laatste webstandaarden (WC3 standaarden) en volgens de Anysurfer richtlijnen ontwikkeld. Deze zorgen er ondermeer voor dat: ··

De website beter kan worden geanalyseerd door zoekmachines,

··

De website toegankelijk is voor personen met een beperking,

··

Structuur, inhoud en design gescheiden is van elkaar zodat aanpassingen achteraf eenvoudig kunnen gebeuren,

··

Een scherm CSS én print CSS wordt opgemaakt, zodat webpagina’s printvriendelijk afgedrukt kunnen worden.



We zorgen tevens voor de noodzakelijke correcties voor browsers die fouten maken tegen de webstandaarden. Op die manier wordt een ondersteuning geboden voor de meest courante actuele browserversies: Firefox 2+, Chrome 4+, IE7+, Safari 4+, Opera 9.5+. Zodat de website in elke van deze browsers correct weergegeven wordt. De websites die we opleveren voldoen tevens aan de voorschriften van AnySurfer / WCAG 2.0 level A betreffende de toegankelijkheid van uw website.

3.5 Development fase Op basis van het projectdossier, dat we in de analysefase opmaakten, wordt de website technisch uitgewerkt. Drupal wordt opgezet en de inhoudstypes worden uitgewerkt. Daarnaast worden de vereiste modules, om de website te voorzien van de nodige functionaliteiten, geïnstalleerd en geconfigureerd. Als de technische uitwerking voor het grootste deel is ontwikkeld, zitten we nog eens samen. De website wordt aan u voorgesteld en de functionaliteiten worden gedemonstreerd.

3.6 Testfase Kwaliteit staat hoog in het vaandel van Pure Sign. In deze fase testen we uitgebreid de functionaliteit en werking van uw website. Deze fase overlapt de ontwikkelingsfase grotendeels aangezien bij de ontwikkeling steeds een aantal checks worden gedaan om fouten te detecteren en op te lossen. Enkele voorbeelden van onze interne kwaliteitscontrole: ··

Link check: Werken alles links binnen de website

··

Browser check: Ziet de website er identiek uit in verschillende browser bv. Firefox en Internet Explorer

··

Platform check: Website bekijken op Windows / Linux / Mac

··

Accessibility: Is de website toegankelijk voor iedereen.

··

Functionaliteits- en kwaliteitscheck op basis van het projectdossier.



3.7 Oplevering Eens de testfase is afgerond, de laatste aanpassingen zijn uitgevoerd en de puntjes op de i staan, is het tijd om de website te lanceren. De website wordt van de testserver naar de productieserver verplaatst, aan de juiste domeinnaam gekoppeld en is nu toegankelijk voor de eindgebruiker.

3.8 Opleiding Na de ontwikkeling van de website wordt een opleiding gegeven aan de personen die zullen instaan voor het beheer van de website. Deze opleiding is praktijkgericht: via concrete handelingen tonen we hoe de website moet beheerd worden. De hoofddoelstelling van deze opleiding is de medewerkers vertrouwd maken met Drupal, zodat ze in staat zijn de website zelf te beheren. Voor deze opleiding voorzien we 4 uren inclusief vragenmoment.



4. Referenties UGent Memorie - Universiteit Gent De werkgroep Nieuwste Geschiedenis van de Universiteit Gent kwam bij Pure Sign terecht naar aanleiding van het August Vermeylenjaar aan de UGent. Het August Vermeylenjaar kadert in een groter project om alle virtuele geheugen van het UGent in een website bij elkaar te brengen. Een pak aan informatie dus die we te lijf moesten gaan, en met plezier! UGentMemorie is het nieuwe virtuele geheugen van de UGent. Het brengt herinneringen, geschiedenissen en erfgoed van de universiteit bij elkaar. Dit gebeurt aan de hand van plaatsen, personen, gebeurtenissen en artikelen. De website bundelt daarnaast fotomateriaal en video- en geluidsopnames over deze plaatsen, personen en gebeurtenissen. Al deze informatie kan daarnaast aan elkaar gelinkt worden zodat verbanden gelegd kunnen worden. Gebruikers op de website kunnen zelf herinneringen posten en zo een bijdrage leveren aan het virtuele geheugen van UGent. Pure Sign stond in voor zowel de informatie architectuur, het design als de technisch ontwikkeling in Drupal. http://www.ugentmemorie.be/

Lukasweb - Art in Flanders Lukas - Art in Flanders VZW is een online beeldbank waar hogeresolutiebeelden kunnen worden aangekocht van (top)werken uit het Vlaamse kunsterfgoed. Lukas beheert beelden voor een groot deel van de bekendste Vlaamse musea en erfgoedorganisaties. Via de nieuwe overzichtelijke website kunnen professionele gebruikers beeldmateriaal aankopen voor allerlei doeleinden (boeken, brochures, tijdschriften, ...) via een gebruiksvriendelijk e-commerce systeem. Bezoekers kunnen de gewenste beelden vinden via een uitgebreid zoeksysteem met filternavigatie (faceted search), waarbij de zoekopdracht verder kan worden verfijnd op basis van kunstenaar, periode of collectie. Daarnaast kan de gebruiker ook opteren om door de beschikbare beelden te bladeren via de thematische- of collectienavigatie. De beeldcatalogus op de website wordt achterliggend aangestuurd door een heus collectiebeheersysteem (CollectiveAccess). Hierin worden de metadatagegevens en hogeresolutiebeelden beheerd, alsook uitwisselingsmogelijkheden voorzien met verschillende erfgoedinstellingen. Dit open source collectiebeheersysteem biedt de klant ongekende mogelijkheden voor het beheer en onderhoud van hun beelddatabank.



De website http://www.lukasweb.be werd geoptimaliseerd voor alle huidige en toekomstige apparaten (desktop PCs, smartphones, tablets, ...) via de zogenaamde “responsive webdesign” techniek. http://www.lukasweb.be/

Vlaamse Kunstcollectie - James Ensor De website ‘James Ensor’ ontsluit alle werken van James Ensor die in het bezit zijn van Vlaamse musea. Voor deze website ontwikkelden we zowel een beheersysteem met CollectiveAccess als een Drupal website om de kunstwerken online te ontsluiten voor gebruikers. We ontwikkelden hiervoor een specifieke module voor Drupal, die een connectie maakt tussen CollectiveAccess en het Drupal CMS. De bezoeker van de website kan door de collectie van James Ensor bladeren op verschillende manieren: via de zoekfunctionaliteit met filtermogelijkheden, via de thematische presentatie van de werken, of aan de hand van de persoonlijke selectie door enkele vooraanstaande Ensorliefhebbers Daarnaast beschikt de site over interactieve functionaliteiten, zoals de mogelijkheid voor de bezoeker om zijn of haar persoonlijke collectie samen te stellen, of kunstwerken te delen via sociale netwerken. http://www.jamesensor.eu

Erfgoedbank Midwest / Erfgoedbank Land Van Rode Dit project werd ontwikkeld in het kader van ons SaaS (Software-as-a-Service) platform Colibreo. Dit platform biedt enerzijds een afgesloten collectiebeheersysteem op basis van het open source softwarepakket CollectiveAccess, en anderzijds een publieke website gebaseerd op Drupal. Via dit platform kunnen beide erfgoedcellen data ingeven in hun eigen collectiebeheersysteem, waarna deze gegevens (indien gewenst) worden gesynchroniseerd met de publieke Drupal website, en daar raadpleegbaar en doorzoekbaar zijn. De website is gebouwd rondom de verschillende types inhoud die zich in de databank bevinden: objecten, personen, plaatsen en collecties. Via een geavanceerde zoekmachine kunnen bezoekers op de website het erfgoed doorzoeken en filteren. Daarnaast is het ook mogelijk om commentaar toe te voegen aan de verschillende foto’s en objecten die de erfgoeddatabank rijk is, om op die manier geïnteresseerden de erfgoedbank te laten verrijken. Bezoekers van de website kunnen tevens een account aanmaken op de website, en een persoonlijke selectie samenstellen van erfgoed die hun na aan het hart ligt.



Voor meer informatie omtrent Colibreo, bezoek zeker de Colibreo website.versturen. Op het Extranet kunnen externe partners eenvoudig documenten downloaden en uploaden bij projecten waar ze toegang tot hebben. www.erfgoedbankmidwest.be www.erfgoedbanklandvanrode.be

AG VESPA AG VESPA is het autonoom gemeentebedrijf voor vastgoed en stadprojecten van de stad Antwerpen. Het bedrijf beheert een vastgoedportefeuille waar de stad op korte en lange termijn zowel financieel als maatschappelijk wel bij vaart. De website tracht de gebruiker op een overzichtelijke manier kennis te laten maken met het aanbod en de werking van AG VESPA. De bezoeker kan snel de voor hem relevante informatie raadplegen op de website, op de hoogte gehouden worden van nieuwigheden, en gebruik maken van sociale media om te interageren. De website biedt een overzicht van de projecten die AG VESPA uitvoert. Hierbij gaat het om bouwprojecten, ontwikkelingsprojecten vastgoedprojecten en fondsen. De verschillende projecten worden zowel gecategoriseerd als op een overzichtelijke kaart weergegeven, waarbij de bezoeker over de nodige filters en tabs beschikt om eenvoudig de projecten te selecteren die hem interesseren. Onder het menu “Te koop / te huur” wordt een overzicht geboden van vastgoed en consessies die te koop of te huur worden aangeboden. Voor deze functionaliteit werd interactie voorzien met de vastgoedsoftware Fortissimmo. Voor de connectie met dit systeem werd de Fortissimmo Drupal module ontwikkeld. www.agvespa.be

Pure Sign werkt momenteel aan: ··

Thema website rond 100 jaar wereldoorlog 1 in opdracht van Erfgoedcel Bie.

··

Thema webste rond Kinderen in Bezet gebeid in opdracht van Erfgoedcel Bie

··

Website rond de ‘Barok in de Nederlanden’ en ‘George Minne’ in opdracht van De Vlaamse Kunstcollectie.

··

Beeldatabank en website rond immaterieel erfgoedcel in opdracht van de Vlaamse overheid

··

Collectiebeheersysteem voor het Afrika Museum Tervuren



5. Inschatting Eenmalige kost website

Prijs/ excl. BTW

Drupal Basis setup modules en Drupal

600 €

Collectie + uitgebreid zoeken + Apache Solr

1.800 €

Import gegevens XML

3.000 €

Nieuws

300 €

Projecten

300 €

Evenementen (studiedagen, colloquia, lezingen, tentoonstellingen)

450 €

Bestellingen publicaties

150 €

Nieuwsbrief + template

1.800 €

Homepage Meertaligheid

300 € 1.200 €

Projectaanpak Analyse, concept & informatie architectuur

1.800 €

Ontwerp lay-out

1.800 €

Front-end development (xHTML/CSS & theming)

2.400 €

Project management / communicatie & meetings / kwaliteitscontole

3.975 €

Totaal

Jaarlijkse kost (optie) Onderhoud Drupal + modules

19.875 €

Prijs/ excl. BTW 1.800 €

Support

600 €

Hosting

250 €

Indien u vragen heeft of meer informatie wenst kunt u ons steeds contacteren. We kijken alvast uit naar uw reactie. Met vriendelijke groeten, Joachim De Schagt



Offerte - Ontwikkeling website ADVN

Recommend Documents