1 / 16

Cursus ‘Winst met ICT’ januari 2004

The Next Generation. Webpresentatietechniek nieuwe stijl bij www.minvws.nl. Peter Arxhoek Michiel Groeneveld Raph de Rooij Sierd Westerfield. Cursus ‘Winst met ICT’ januari 2004. De huidige generatie websites. Zwaar Complex Beperkt (her)bruikbaar Weinig robuust Matig toegankelijk

audra
Download Presentation

Cursus ‘Winst met ICT’ januari 2004

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. The Next Generation Webpresentatietechniek nieuwe stijl bij www.minvws.nl Peter Arxhoek Michiel Groeneveld Raph de Rooij Sierd Westerfield Cursus ‘Winst met ICT’ januari 2004

  2. De huidige generatie websites • Zwaar • Complex • Beperkt (her)bruikbaar • Weinig robuust • Matig toegankelijk Oorzaken: • Toegepaste techniek • Visuele vormgeving

  3. Het voorbeeld: www.minvws.nl oud nieuw

  4. Is er een verschil? oud nieuw Bush MB 60 (1957) Bush TR 82 (1959)

  5. Het verschil: onderhuids nieuw: transistorradio Bush TR 82 (1959) Bush MB 60 (1957) oud: buizenradio

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

  7. Het fundamentele verschil CSS Weergave ingebed in HTML printer geluid handheld CSS HTML HTML brailleleesregel televisie Oude techniekInhoud en weergave zijn geïntegreerd Nieuwe techniekInhoud en weergave zijn strikt gescheiden zie ook: www.w3.org/TR/REC-CSS2/media.html#media-types

  8. Weergave op papier oud nieuw

  9. Weergave op een ‘handheld’ oud nieuw Voorbeeld: Opera SSR

  10. De werkwijze • Eerst structuur, dan pas weergave • Niet enkel voor populaire browsers • Open webstandaarden • Toegankelijkheid is uitgangspunt • Semantische markup:‘HTML zoals HTML bedoeld is’

  11. Het resultaat – voor het project • Beter opdrachtgeverschap: • Minder interpretatieverschillen • Trial-and-error aanpak deels overbodig • Minder fouten • Minder verstoring van de planning

  12. Het resultaat – voor gebruikers • 60% kleinere omvang = sneller laden • Bruikbaar in oude en in nieuwe browsers • Toegankelijkheid ('Drempels Weg') • Beter bereikbaar bij piekbelasting

  13. 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

  14. 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

  15. 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

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

More Related