TYPO3 Website

Wanneer het webdesign is goedgekeurd, is het nog geen website. Wanneer het design omgevormd is tot een website waarin de navigatie werkt, wanneer gewenst openklapt en alle gewenste functionaliteiten werkend zijn op het web & te beheren zijn via een CMS, mogen we praten van een website + CMS.De basismodule zorgt ervoor dat het design tot html wordt gemaakt, wordt ingevoegd in het CMS, zodat de volgende functionaliteiten beschikbaar worden.

TYPO3 Website

Wanneer het webdesign is goedgekeurd, is het nog geen website. Wanneer het design omgevormd is tot een website waarin de navigatie werkt, wanneer gewenst openklapt en alle gewenste functionaliteiten werkend zijn op het web & te beheren zijn via een CMS, mogen we praten van een website + CMS.De basismodule zorgt ervoor dat het design tot html wordt gemaakt, wordt ingevoegd in het CMS, zodat de volgende functionaliteiten beschikbaar worden.

• Website staat in HTML op het web

• Navigatie is aanpasbaar via het CMS TYPO3

• Bestanden kunnen worden toegevoegd via het CMS

• Afbeeldingen kunnen worden toegevoegd via het CMS

• Video & Geluid kan worden toegevoegd via het CMS

• Interne en externe links kunnen worden gemaakt

• Invoegen van stijlen binnen tekst (opmaak mogelijkheden)

• Printfunctinaliteit

Html & Template Algemeen

Drecomm zal het goedgekeurde design uitknippen en zal de basisstructuren van de website opbouwen in Typo3 templates.  De Html zal voldoen aan de standaarden zoals omschreven en wordt getest middels een HTML en CSS validator.

Hiermee schept Drecomm de omgeving waarmee u zelfstandig de volledige website kunt indelen en opbouwen. Deze HTML wordt vervolgens dynamisch gemaakt en aan het CMS TYPO3 gekoppeld (het mappen van de HTML).
 
Het template draagt zorg voor:

• Huisstijl bewaking:

Alle te publiceren content wordt professioneel op de juiste wijze getoond, in de juiste lettertypes/kleuren en stijlmaterialen.

• Menustructuren:

pagina’s aangemaakt in het CMS nemen automatisch de juiste opmaak aan.

• Browser/resolutie comptabiliteit:

de template draagt er zorg voor dat de informatie in alle gangbare situaties goed wordt weergegeven. Hierbij nemen wij als richtlijn minimaal ondersteunde beeldresolutie 1024x768 beeldpunten, en browsercompatible vanaf versie 6.0 Internet Explorer en firefox vanaf 2.0. Typo3 genereert HTML code compatible met de HTML standaard W3C. Het beheer van de websites geschiedt vanuit de back-end, die benaderd kan worden via een willekeurige internetbrowser gekoppeld aan de juiste netwerkomgeving bijvoorbeeld internet.

TYPO3 beheer:

de volgende functionaliteiten kan u zelf beheren:

•      toevoegen contentblokken

•      toevoegen teksten en afbeeldingen

•      opmaak in bold, italic, underlined, bullits etc.

•      toevoegen files

•      toevoegen tabellen

•      toevoegen kolommen

Templa Voila

TemplaVoila is een unieke manier om binnen een TYPO3 site op creatieve manier om te gaan met design en template elementen.
Het is bij inzet van TemplaVoila mogelijk om de redacteur op een gemakkelijke en intuïtive wijze haar eigen pagina layout te laten bepalen door combinaties van kolommen-indelingen te selecteren in de backend.    
Wanneer gewenst kan men eenvoudig de pagina opbouwen als ware het een pagina van een krant. Vervolgens kunnen in de kolommen TYPO3 content-elementen door de redacteur worden geplaatst als tekst, beeld, multi-media, formulieren, TYPO3 modules etc. Dit biedt maximale vrijheid voor de redacteur en het design van de website.

We zullen zorgen dat de content van uw website in 1, 2 en 3 kolommen ingevoerd kan worden.

Dynamische menustructuren

Drecomm programmeert een template die dynamisch de menustructuren opbouwt. Hierdoor worden gecreëerde pagina’s in de back-end van het systeem automatisch opgenomen in de menu’s en behoren kapotte links tot het verleden.
 
Gezien het actuele karakter van de website is het aan te raden de menustructuren dynamisch op te zetten. We zullen de menu’s zoals aangegeven in de interactie design’s dynamisch maken, zodat de menu’s in TYPO3 beheerd kunnen worden.
 
Dit biedt de (bevoegde)gebruikers de mogelijkheid de rubrieken naar eigen inzicht uit te breiden met nieuwe onderwerpen. De aangemaakte rubrieken verschijnen dan automatisch in de menu’s. Uiteraard kan per menu/pagina worden bepaald wie bevoegd is de menuniveaus aan te passen dan wel uit te breiden. Toekomstig kunnen menu’s altijd worden uitgebreid met extra niveaus wanneer dit wenselijk zou zijn.

Toevoegen videobeelden

Projectomschrijving

Met de media player is het mogelijk filmpjes te tonen op uw website. Door de gewenste film te uploaden of via een link (url) naar een film op het internet plaatst u uw filmpjes op uw website. Met de media player is naast het afspelen van een film ook mogelijk om het fimpje op pauze te zetten of het gewenste afspeelmoment te selecteren.
 
Alle gangbare typen film's en audio's kunnen worden toegevoegd.

Proces

Proces toevoegen film op contentpagina:

Condities

• Extenties als wmv en quicktime hebben een player nodig die geïnstalleerd is op de pc’s van de gebruiker.

• De functies, van play, rewind etc, zijn in het bestand (de film) te beheren en niet in typo3.

• De video module is geschikt voor IE6 en hoger

Invoer

Middels standaard functionaliteit TYPO3, contenttype ‘multimedia’

Uitvoer

• Het is mogelijk om de html code in typo3 toe te passen waarmee de afspeelmodus bepaald kan worden. Ten derde kan de afspeelmodus bepaald worden door de opmaak van de film. Wordt het filmpje automatisch afgespeeld? De filmpjes worden automatisch afgespeeld. In flash aangeven, of in typo3 html. Afhankelijkheden pc.

• De filmpjes worden binnen de site afgespeeld. Hoe wordt het filmpje getoond? Binnen de site. (popup, zal middels het toevoegen van typo3 script of html kunnen).

Werkzaamheden

• Template algemeen, zorgt voor de lay-out van de website in algemene zin. Hierbij is er van uit gegaan dat er een generieke lay-out is voor de website. Eventueel afwijkend vormgegeven pagina’s (andere stijl, kleur en opbouw van de pagina) zullen als extra werk worden geoffreerd na presentatie van de schetsen.    

• Uitknippen van de ontwerpschetsen

• Opzetten van de HTML dummy

• Maken van diverse buttons, mouseovers en ondersteunende grafische beelden

• Opzetten van de CSS

• Dynamische menustructuren zoals aangegeven in ia-designs

• Koppeling met inhoud en vormgeving

• Opzetten framesets en globale indeling website

• Zorg dragen voor browsercompatabiliteit vanaf IE6.0 / Netscape 5.0

• Zorg dragen voor resolutiecompatabiliteit

Print functionaliteit

Om ervoor te zorgen dat de lay-out van prints altijd goed op papier komt zonder dat de bezoeker van de site de instellingen van de printer hoeft aan te passen kunnen ‘print css’ worden toegevoegd.

In combinatie met een juiste indeling van de templates worden alleen de voor print benodigde materialen in juiste opmaak geprint.

Overbodige opmaak en stijl kan in printerversies worden weggelaten. Per specifiek template kan een print CSS worden gemaakt waardoor per type informatie bepaald kan worden hoe deze op papier geprint moet worden.

Zonder printcss komt de informatie hetzelfde op de print zoals deze op het scherm staat. Vaak is het wenselijk de overbodige opmaak en de navigatie uit een printversie te verwijderen.