Cursus ‘Winst met ICT’januari 2004

The Next GenerationWebpresentatietechniek nieuwe stijlbij www.minvws.nl

Peter ArxhoekMichiel GroeneveldRaph de RooijSierd Westerfield

De huidige generatie websites

Zwaar Complex Beperkt (her)bruikbaar Weinig robuust Matig toegankelijk

Oorzaken: Toegepaste techniek Visuele vormgeving

Het voorbeeld: www.minvws.nl

oud nieuw

Is er een verschil?

Bush MB 60 (1957)

oud

Bush TR 82 (1959)

nieuw

Het verschil: onderhuids

Bush MB 60 (1957)

oud: buizenradio

Bush TR 82 (1959)

nieuw: transistorradio

De voordelen

Van een ‘next generation’ website...en van een transistorradio: Relatieve eenvoud van het ontwerp Robuuster Lichter Sneller Goedkoper

handheld

printer geluid

televisiebrailleleesregel

Het fundamentele verschil

Oude techniekInhoud en weergave zijn geïntegreerdNieuwe techniekInhoud en weergave zijn strikt gescheiden

HTML HTML

CSSWeergaveingebed in

HTML

CSS

zie ook: www.w3.org/TR/REC-CSS2/media.html#media-types

Weergave op papier

oud nieuw

Weergave op een ‘handheld’

oud

nieuw

Voorbeeld: Opera SSR

De werkwijze

Eerst structuur, dan pas weergave Niet enkel voor populaire browsers Open webstandaarden Toegankelijkheid is uitgangspunt Semantische markup:

‘HTML zoals HTML bedoeld is’

Het resultaat – voor het project

Beter opdrachtgeverschap: Minder interpretatieverschillen Trial-and-error aanpak deels overbodig

Minder fouten Minder verstoring van de planning

Het resultaat – voor gebruikers

60% kleinere omvang = sneller laden Bruikbaar in oude en in nieuwe browsers Toegankelijkheid ('Drempels Weg') Beter bereikbaar bij piekbelasting

Het resultaat – voor het beheer

'Look-and-feel' eenvoudig aanpasbaar Hergebruik (intranet, syndicatie, SMS) Geoptimaliseerd voor zoekmachines Kleinere pagina's = minder bandbreedte Toekomstvast:

Standaarden (zijn uitgebreid gedocumenteerd)

Eenvoudiger overdraagbaar Migratieproblemen worden voorkomen

Is www.minvws.nl perfect?

Het kan uiteraard altijd beter:

voorbeeld: vergroting van het lettertype in de browser Mozilla

Aanpassing is echter eenvoudig vanwege de scheiding van inhoud en vormgeving

De nadelen

De 'look and feel' in oudere browsers Ervaring met de nieuwe werkwijze is

slechts beperkt voorhanden De innovatie wordt vaak niet als zodanig

onderkend of wordt zelfs gebagatelliseerd

Meer informatie www.minvws.nl/organisatie/site/meermetminder.asp www.webstandards.org/learn/reference/web_standards_for_business.html www.csszengarden.comwww.raph.nl/toegankelijkheid/referentiebrowsers.shtml