THE WEB GUIDELINESA battle between project goals and procurement                 Alexander Fase          Product Manager W...
BACKGROUND OF THE PROJECT    AND HOW TO MAKE SURE YOU GET WHAT YOU WANT
DUTCH GOVERNMENT POLICYWebsites should be accessible to all
DUTCH GOVERNMENT POLICYWebsites should be accessible to all• Different   people
DUTCH GOVERNMENT POLICYWebsites should be accessible to all• Different   people• Different   browsers
DUTCH GOVERNMENT POLICYWebsites should be accessible to all• Different   people• Different   browsers• Different   platfor...
DUTCH GOVERNMENT POLICYWebsites should be accessible to all• Different   people• Different   browsers• Different   platfor...
LETS MAKE THINGS BETTER
LETS NOT MAKE THINGS WORSE
APPROACH IN THE               NETHERLANDS• Quality   model web guidelines• Set   of 125 guidelines and supporting instrume...
THE PRINCIPLES• Correct   use of standards (W3C)
THE PRINCIPLES• Correct    use of standards (W3C)• Building   with layers
THE PRINCIPLES• Correct    use of standards (W3C)• Building   with layers• Semantics    (using HTML as it is intended)
THE PRINCIPLES• Correct    use of standards (W3C)• Building   with layers• Semantics    (using HTML as it is intended)• Re...
PROGRESS UNTIL 2008• Slow: after           2 years of being mandatory only 2% comply to the web guidelines
PROGRESS UNTIL 2008• Slow: after           2 years of being mandatory only 2% comply to the web guidelines• Marketing     ...
PROGRESS UNTIL 2008• Slow: after           2 years of being mandatory only 2% comply to the web guidelines• Marketing     ...
PROGRESS UNTIL 2008• Slow: after           2 years of being mandatory only 2% comply to the web guidelines• Marketing     ...
PROGRESS UNTIL 2008• Slow: after           2 years of being mandatory only 2% comply to the web guidelines• Marketing     ...
REQUEST FOR PROPOSAL• New   website + Content Management System
REQUEST FOR PROPOSAL• New     website + Content Management System• Build   it fast (1 month)
REQUEST FOR PROPOSAL• New     website + Content Management System• Build   it fast (1 month)• 100%    compliant to web gui...
REQUEST FOR PROPOSAL• New     website + Content Management System• Build   it fast (1 month)• 100%    compliant to web gui...
BATTLING PROCUREMENT          PART ONEDilemma: framework contract or custom contract?
BATTLING PROCUREMENT          PART ONEDilemma: framework contract or custom contract?• Framework   contract Fast, but no p...
BATTLING PROCUREMENT          PART ONEDilemma: framework contract or custom contract?• Framework   contract Fast, but no p...
BATTLING PROCUREMENT          PART TWO• Procurement  department wants to set the record straight: choose framework contract
BATTLING PROCUREMENT          PART TWO• Procurement  department wants to set the record straight: choose framework contrac...
BATTLING PROCUREMENT          PART TWO• Procurement  department wants to set the record straight: choose framework contrac...
BATTLING PROCUREMENT          PART TWO• Procurement  department wants to set the record straight: choose framework contrac...
BATTLING PROCUREMENT          PART TWO• Procurement  department wants to set the record straight: choose framework contrac...
KILLER CLAUSEIf web guidelines compliancy < 100%
KILLER CLAUSEIf web guidelines compliancy < 100%        Supplier is in default
KILLER CLAUSEIf web guidelines compliancy < 100%        Supplier is in default     Contract will be terminated
KILLER CLAUSE     If web guidelines compliancy < 100%               Supplier is in default           Contract will be term...
REQUEST FOR PROPOSAL•2   companies refused to make a proposal, 4 were not valid
REQUEST FOR PROPOSAL•2   companies refused to make a proposal, 4 were not valid• Starting   all over again: 2 ½ weeks delay
REQUEST FOR PROPOSAL•2   companies refused to make a proposal, 4 were not valid• Starting   all over again: 2 ½ weeks dela...
REQUEST FOR PROPOSAL•2   companies refused to make a proposal, 4 were not valid• Starting   all over again: 2 ½ weeks dela...
REQUEST FOR PROPOSAL•2   companies refused to make a proposal, 4 were not valid• Starting   all over again: 2 ½ weeks dela...
WHY DRUPAL?• Open   Source & strong community
WHY DRUPAL?• Open     Source & strong community• Full   control output (web guidelines!)
WHY DRUPAL?• Open     Source & strong community• Full   control output (web guidelines!)• Proven    web guidelines complia...
WHY DRUPAL?• Open     Source & strong community• Full   control output (web guidelines!)• Proven    web guidelines complia...
WHY DRUPAL?• Open     Source & strong community• Full   control output (web guidelines!)• Proven    web guidelines complia...
DEVELOPING THE WEBSITE    TWO TIPS FOR BUILDING (ACCESSIBLE) WEBSITES  AND HOW WE OVERCAME SHORTCOMINGS IN DRUPAL
RULE 1      Unobtrusive front-end developmentStart with an accessible version, then add extra’s.
START CLEAN No CSS, No JavaScript
ADD STYLING  Still... no Javascript
FINALLY, ADD EXTRA’S     Javascript and/or Flash
RULE 2            Use semantic content holdersDefine HTML elements by there meaning, not by their layout
START WITHOUT STYLING   And choose your elements with sense
START WITHOUT STYLING   And choose your elements with sense
START WITHOUT STYLING   And choose your elements with sense
START WITHOUT STYLING   And choose your elements with sense
START WITHOUT STYLING   And choose your elements with sense
START WITHOUT STYLING   And choose your elements with sense
START WITHOUT STYLING   And choose your elements with sense
START WITHOUT STYLING   And choose your elements with sense
WEBRICHTLIJNEN.NL   Some issues we tackled
READABLE URL’SNo query strings or incomprehensible terms allowed
FILTERING AND SORTING    We’ve created a custom module
OUR OPTIONS
OUR OPTIONS• Views: http://www.site.com/projects/list? tid_3[]=5&tid_3[]=3&tid_3[]=9
OUR OPTIONS• Views: http://www.site.com/projects/list? tid_3[]=5&tid_3[]=3&tid_3[]=9• SOLR: http://www.site.com/search/apa...
OUR SOLUTION• One   content type (Web Guideline)• Six    vocabularies (Guidelines version, Role, Subject, Project phase, A...
ACCESSIBLE SLIDESHOWS
ACCESSIBLE SLIDESHOWSTried ten modules, but all needed Javascript to work
DISPLAY ALL IMAGES  And use Javascript to hide some
MOST MODULE DO THISWithout Javascript, the uses only sees the first image
BUT THEY SHOULD DO THIS   Without Javascript, all images are shown.
INTEGRATE EXISTING SITES        Yes, we’ve cheated
INTEGRATE EXISTING SITES        Yes, we’ve cheated
THE RESULT COUNTS      And yes, we have the certificate! Full case study: http://bit.ly/webguidelines
MORE INFO           Alexander Fase            alexander.fase@ictu.nl          Baris Wanschersbaris.wanschers@sogeti.nl / @...
Upcoming SlideShare
Loading in...5
×

The Web Guidelines - A battle between project goals and procurement rules

621

Published on

The presentation is about the development of www.webrichtlijnen.nl, the main website of the Web Guidelines that governments use to validate their website. It is presented at the Drupal Government Days 2011 in Brussels.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
621
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
16
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • The Web Guidelines - A battle between project goals and procurement rules

    1. 1. THE WEB GUIDELINESA battle between project goals and procurement Alexander Fase Product Manager Web Guidelines @ ICTU Baris Wanschers Drupal Specialist @ Sogeti
    2. 2. BACKGROUND OF THE PROJECT AND HOW TO MAKE SURE YOU GET WHAT YOU WANT
    3. 3. DUTCH GOVERNMENT POLICYWebsites should be accessible to all
    4. 4. DUTCH GOVERNMENT POLICYWebsites should be accessible to all• Different people
    5. 5. DUTCH GOVERNMENT POLICYWebsites should be accessible to all• Different people• Different browsers
    6. 6. DUTCH GOVERNMENT POLICYWebsites should be accessible to all• Different people• Different browsers• Different platforms: desktop and mobile
    7. 7. DUTCH GOVERNMENT POLICYWebsites should be accessible to all• Different people• Different browsers• Different platforms: desktop and mobile• Search-engines
    8. 8. LETS MAKE THINGS BETTER
    9. 9. LETS NOT MAKE THINGS WORSE
    10. 10. APPROACH IN THE NETHERLANDS• Quality model web guidelines• Set of 125 guidelines and supporting instruments
    11. 11. THE PRINCIPLES• Correct use of standards (W3C)
    12. 12. THE PRINCIPLES• Correct use of standards (W3C)• Building with layers
    13. 13. THE PRINCIPLES• Correct use of standards (W3C)• Building with layers• Semantics (using HTML as it is intended)
    14. 14. THE PRINCIPLES• Correct use of standards (W3C)• Building with layers• Semantics (using HTML as it is intended)• Reduction of complexity, strict seperation of content, design and function
    15. 15. PROGRESS UNTIL 2008• Slow: after 2 years of being mandatory only 2% comply to the web guidelines
    16. 16. PROGRESS UNTIL 2008• Slow: after 2 years of being mandatory only 2% comply to the web guidelines• Marketing research lead to the following recommendations:
    17. 17. PROGRESS UNTIL 2008• Slow: after 2 years of being mandatory only 2% comply to the web guidelines• Marketing research lead to the following recommendations: Focus on the benefits
    18. 18. PROGRESS UNTIL 2008• Slow: after 2 years of being mandatory only 2% comply to the web guidelines• Marketing research lead to the following recommendations: Focus on the benefits Customize information
    19. 19. PROGRESS UNTIL 2008• Slow: after 2 years of being mandatory only 2% comply to the web guidelines• Marketing research lead to the following recommendations: Focus on the benefits Customize information Current plain vanilla website doesn’t fit the bill
    20. 20. REQUEST FOR PROPOSAL• New website + Content Management System
    21. 21. REQUEST FOR PROPOSAL• New website + Content Management System• Build it fast (1 month)
    22. 22. REQUEST FOR PROPOSAL• New website + Content Management System• Build it fast (1 month)• 100% compliant to web guidelines
    23. 23. REQUEST FOR PROPOSAL• New website + Content Management System• Build it fast (1 month)• 100% compliant to web guidelines• Reduce scope by creating baseline: Functionality / Content / Design
    24. 24. BATTLING PROCUREMENT PART ONEDilemma: framework contract or custom contract?
    25. 25. BATTLING PROCUREMENT PART ONEDilemma: framework contract or custom contract?• Framework contract Fast, but no proven web guidelines compliance to that day
    26. 26. BATTLING PROCUREMENT PART ONEDilemma: framework contract or custom contract?• Framework contract Fast, but no proven web guidelines compliance to that day• Custom contract Takes too much time. But freedom of choice and proven web guidelines compliance
    27. 27. BATTLING PROCUREMENT PART TWO• Procurement department wants to set the record straight: choose framework contract
    28. 28. BATTLING PROCUREMENT PART TWO• Procurement department wants to set the record straight: choose framework contract• Work with what you were given, enforce 100% web guidelines compliancy:
    29. 29. BATTLING PROCUREMENT PART TWO• Procurement department wants to set the record straight: choose framework contract• Work with what you were given, enforce 100% web guidelines compliancy: • Exit question
    30. 30. BATTLING PROCUREMENT PART TWO• Procurement department wants to set the record straight: choose framework contract• Work with what you were given, enforce 100% web guidelines compliancy: • Exit question • References
    31. 31. BATTLING PROCUREMENT PART TWO• Procurement department wants to set the record straight: choose framework contract• Work with what you were given, enforce 100% web guidelines compliancy: • Exit question • References • Killer clause
    32. 32. KILLER CLAUSEIf web guidelines compliancy < 100%
    33. 33. KILLER CLAUSEIf web guidelines compliancy < 100% Supplier is in default
    34. 34. KILLER CLAUSEIf web guidelines compliancy < 100% Supplier is in default Contract will be terminated
    35. 35. KILLER CLAUSE If web guidelines compliancy < 100% Supplier is in default Contract will be terminatedAll costs made for 100% web guidelines compliancy will be compensated by supplier
    36. 36. REQUEST FOR PROPOSAL•2 companies refused to make a proposal, 4 were not valid
    37. 37. REQUEST FOR PROPOSAL•2 companies refused to make a proposal, 4 were not valid• Starting all over again: 2 ½ weeks delay
    38. 38. REQUEST FOR PROPOSAL•2 companies refused to make a proposal, 4 were not valid• Starting all over again: 2 ½ weeks delay • New request for proposal
    39. 39. REQUEST FOR PROPOSAL•2 companies refused to make a proposal, 4 were not valid• Starting all over again: 2 ½ weeks delay • New request for proposal •4 proposals of which 2 not valid
    40. 40. REQUEST FOR PROPOSAL•2 companies refused to make a proposal, 4 were not valid• Starting all over again: 2 ½ weeks delay • New request for proposal •4 proposals of which 2 not valid • All valid proposals offered Drupal
    41. 41. WHY DRUPAL?• Open Source & strong community
    42. 42. WHY DRUPAL?• Open Source & strong community• Full control output (web guidelines!)
    43. 43. WHY DRUPAL?• Open Source & strong community• Full control output (web guidelines!)• Proven web guidelines compliancy
    44. 44. WHY DRUPAL?• Open Source & strong community• Full control output (web guidelines!)• Proven web guidelines compliancy• Verdict: reliable/stable, flexibel and low cost of ownership
    45. 45. WHY DRUPAL?• Open Source & strong community• Full control output (web guidelines!)• Proven web guidelines compliancy• Verdict: reliable/stable, flexibel and low cost of ownership• Easy to use for content editors
    46. 46. DEVELOPING THE WEBSITE TWO TIPS FOR BUILDING (ACCESSIBLE) WEBSITES AND HOW WE OVERCAME SHORTCOMINGS IN DRUPAL
    47. 47. RULE 1 Unobtrusive front-end developmentStart with an accessible version, then add extra’s.
    48. 48. START CLEAN No CSS, No JavaScript
    49. 49. ADD STYLING Still... no Javascript
    50. 50. FINALLY, ADD EXTRA’S Javascript and/or Flash
    51. 51. RULE 2 Use semantic content holdersDefine HTML elements by there meaning, not by their layout
    52. 52. START WITHOUT STYLING And choose your elements with sense
    53. 53. START WITHOUT STYLING And choose your elements with sense
    54. 54. START WITHOUT STYLING And choose your elements with sense
    55. 55. START WITHOUT STYLING And choose your elements with sense
    56. 56. START WITHOUT STYLING And choose your elements with sense
    57. 57. START WITHOUT STYLING And choose your elements with sense
    58. 58. START WITHOUT STYLING And choose your elements with sense
    59. 59. START WITHOUT STYLING And choose your elements with sense
    60. 60. WEBRICHTLIJNEN.NL Some issues we tackled
    61. 61. READABLE URL’SNo query strings or incomprehensible terms allowed
    62. 62. FILTERING AND SORTING We’ve created a custom module
    63. 63. OUR OPTIONS
    64. 64. OUR OPTIONS• Views: http://www.site.com/projects/list? tid_3[]=5&tid_3[]=3&tid_3[]=9
    65. 65. OUR OPTIONS• Views: http://www.site.com/projects/list? tid_3[]=5&tid_3[]=3&tid_3[]=9• SOLR: http://www.site.com/search/apachesolr_multisitesearch/ views?filters=drupal_core%3A87%20bs_project_sandbox %3A0%20ss_meta_type%3Amodule&text=views
    66. 66. OUR SOLUTION• One content type (Web Guideline)• Six vocabularies (Guidelines version, Role, Subject, Project phase, Advantages and Confirmation Level)• One module that uses POST instead of GET.• Redirect URL’s and save choices in a cookie Eg: /richtlijnen/ontwerper?grouping=Voordeel
    67. 67. ACCESSIBLE SLIDESHOWS
    68. 68. ACCESSIBLE SLIDESHOWSTried ten modules, but all needed Javascript to work
    69. 69. DISPLAY ALL IMAGES And use Javascript to hide some
    70. 70. MOST MODULE DO THISWithout Javascript, the uses only sees the first image
    71. 71. BUT THEY SHOULD DO THIS Without Javascript, all images are shown.
    72. 72. INTEGRATE EXISTING SITES Yes, we’ve cheated
    73. 73. INTEGRATE EXISTING SITES Yes, we’ve cheated
    74. 74. THE RESULT COUNTS And yes, we have the certificate! Full case study: http://bit.ly/webguidelines
    75. 75. MORE INFO Alexander Fase alexander.fase@ictu.nl Baris Wanschersbaris.wanschers@sogeti.nl / @BarisW on Twitter
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×