cursus ‘winst met ict’ januari 2004 the next generation webpresentatietechniek nieuwe stijl bij ...
TRANSCRIPT
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