Cursus ‘Winst met ICT’ januari 2004 - PowerPoint PPT Presentation

slide1 n.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
Cursus ‘Winst met ICT’ januari 2004 PowerPoint Presentation
Download Presentation
Cursus ‘Winst met ICT’ januari 2004

play fullscreen
1 / 16
Cursus ‘Winst met ICT’ januari 2004
106 Views
Download Presentation
audra
Download Presentation

Cursus ‘Winst met ICT’ januari 2004

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