Hoe pakken wij grotere web-projecten aan - TYPO3 webdesign

TYPO3 projectmanagement

iD Internet Services heeft veel ervaring in het gestructureerd oppakken van een groter project, behalve jarenlange ervaring in projectcontrol en projectmanagement op diverse IT-projecten is de laatste jaren ook uitgebreide ervaring opgedaan in middelgrote en grote TYPO3 webprojecten met meerdere specialisten van verschillende vakgebieden.
De laatste tijd wordt met name een extranet-achtige oplossing gebruikt als BackPack om gestructureerd te kunnen communiceren in combinatie met RAD (Rapid Application Development) en Scrum waarbij tijdens het bouwen al communicerend het eindresultaat snel wordt bereikt.

TYPO3 projectfasen

Een overzicht hoe de fasen van een groter TYPO3 webproject er uit kunnen zien, de volgorde hoeft niet altijd chronologisch te zijn. Voor een kleinere site kunnen een aantal stappen worden overgeslagen of sneller worden gedaan. Ook kan besloten worden om voor deze stappen niet een top-down strategie te kiezen, maar bijvoorbeeld de RAD-methode of de laatste tijd ook wel middels SCRUM (zie linksonder).

Wireframes

Op basis van het functioneel ontwerp kan besloten worden om wireframes op te stellen. Wireframes zijn traditioneel zwart-witte schema's die blokken content illustreren, navigatie-elementen en functionaliteiten. Hiermee kan de grafisch ontwerper en de webdeveloper aan de slag en u als klant heeft een goed inzicht hoe de website wordt opgebouwd. Op basis van deze overzichtelijke schema's kan uitstekend worden overlegd en een en ander tot tevredenheid worden aangescherpt.

Informatie-analyse

Op basis van gesprekken en de eventuele huidige site wordt duidelijk wat de behoeften, wensen en huidige knelpunten zijn. Dit kan uitmonden in een op maat gesneden offerte, of een voorlopige offerte indien een gedetailleerd functioneel ontwerp gewenst is.

Functioneel ontwerp

Het functioneel ontwerp is een document dat wordt opgesteld op basis van interviews en (markt)onderzoek. Gedetailleerd kan worden beschreven :

  • de organisatie

  • de doelstellingen

  • de doelgroepen

  • het projectteam

  • de structuur van de site

  • de functionele eisen en wensen

  • de wijze van navigeren

  • eisen aan het grafisch ontwerp

  • de content-elementen van de belangrijkste pagina's

  • de beschrijving redacteuren, rollen en rechten

  • de technische oplossingen

  • de methode van ontwikkeling

  • planning en onderlinge verantwoordelijkheden

Grafisch ontwerp

Het grafisch ontwerp wordt vervaardigd, eventueel op basis van uitgangspunten die zijn omschreven in het functioneel ontwerp, de wireframes, de huisstijl en papieren produkten zoals bedrijfs-brochures e.d. Ook kan een verkennend markt-onderzoek worden uitgevoerd naar moderne trends en de concurrentie. De grafisch ontwerper maakt in overleg één of meerdere ontwerpen op ware grootte die u in uw eigen browser 1:1 kunt bekijken zodat u een reëel beeld krijgt hoe de website er straks uit kan zien.

Hosting en TYPO3 opzetten

De webhosting wordt geregeld, de domeinnamen en e-mailadressen. De lege TYPO3 site wordt geinstalleerd op uw webruimte.

HTML5-templates en CSS

Het grafisch ontwerp wordt omgezet in een HTML5 template, waarbij de van structuur en content gescheiden en dus later aanpasbare CSS zorgt voor de vormgeving. Tevens waarborgt HTML5 maximale leesbaarheid in mobile devices. Voor Internet Explorer 7 en 8 wordt een terugwaartse compatibiliteit ingebouwd.

TYPO3 configureren, inrichten

TYPO3 wordt op maat geconfigureerd en ingericht. Een eerste sitestructuur en voorbeeld basiscontent wordt ingevoerd. De XHTML-template en CSS wordt gekoppeld.

TYPO3 modules installeren

De diverse extensies worden geinstalleerd, geconfigureerd en vormgegeven in de stijl van het grafisch ontwerp.

Redacteuren- en admin-training

De toekomstige webredacteuren en admins krijgen een op maat gesneden gebruikerstraining, zodat handig en zelfstandig de site kan worden ingevuld en onderhouden. De gebruikersrechten kunnen worden ingesteld.

Invoeren content

De redacteur kan aan de slag om de content in te voeren, zoals teksten, beeld-materiaal, foto's, pdf's, video, formulieren etc. Wanneer daar geen tijd of capaciteit voor is kan dit worden uitbesteed.

Beta-test

Een laatste wederzijdse controle vindt plaats waarbij de laatste foutjes en onnauwkeurigheden worden weggewerkt. Tevens vindt een browser-compliancy test plaats; draait de website zonder problemen op de belangrijkste hedendaagse browsers zoals Internet Explorer, Firefox, Opera en Safari.

Oplevering en support

De site kan live worden gezet. Voor onderhoud en wijzigingsverzoeken buiten de garantie kan een support-contract worden afgesloten.