SlideShare ist ein Scribd-Unternehmen logo
1 von 28
Burger en Politiek Tutorial voor het gebruik van HTML5
Katja van Nimwegen Universiteit Utrecht
Beste Burgemeester ,[object Object],[object Object],[object Object],Maar dat is niet het enige. Een ander probleem is, dat mensen niet meer snappen wat er in het bestuur van hun dorp gebeurt. Er zijn veel manieren bijgekomen voor hen om informatie te krijgen, en daar doet u nog niet aan mee. Ik ga u een paar manieren aanleren om mensen duidelijk te informeren over uw beleid, zodat ze er gewillig aan meewerken. Lijkt u dat geen goed idee? Beste Burgemeester, ik wil u veel succes wensen met het doorlopen van deze tutorial. Ik hoop dat ik u, maar natuurlijk vooral het dorp Globe, er een stap verder mee help.  Veel Succes.
Voor wie? Deze Tutorial is bedoeld voor iedereen die belang heeft bij het gebruik van nieuwe media voor democratische doeleinden:  Politici Overheidsinstellingen Beleidsmakers Enz. Maar zal worden toegespitst op een bestuurder van een fictieve stad.
[object Object],[object Object],[object Object],[object Object],Waarom? Verslag doen van beleid Gecontroleerd (en gecorrigeerd) worden Weten wat er speelt onder burgers
Wat? In deze tutorial zullen 5 HTML5-tools aangeboden worden voor het maken van een democratie-2.0 website
Namelijk ,[object Object],[object Object],[object Object],[object Object]
Maar eerst Wat is ' Democratie2.0 '?
 
Kortom ,[object Object],[object Object],[object Object],[object Object]
Waarom HTML5? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Deel 1 Controlefunctie
Controlefunctie Het is dus belangrijk dat er in de site een mogelijkheid aanwezig is tot het geven van kritiek. Dit kan ervoor zorgen (mits de politicus hier goed mee omgaat) dat beleid meer op wensen van inwoners toegepast wordt en dat inwoners op hun beurt zich gehoord voelen.
Commentaar Een manier om dit te bereiken is door een 'form-element' in te voegen.
Commentaar Neem dit over,  en plak het in je HTML-bestand
Commentaar E-mail adres waarnaar het Gestuurd wordt verstuur-knop Labels: de vier dingen die  gevraagd worden
Met CSS kun je dit basisformuliertje nog veel mooier maken. Ook kun je met PHP de 'comments' op de site zelf laten zien, zodat discussie kan ontstaan. Hulp hierbij: Tutsplus Commentaar
Dan ziet het er niet meer zo uit:
Maar zo: (en post George  Washington op je site!)
Deel 2 Informatiefunctie
Informatie weergeven ,[object Object],[object Object]
Mindmap ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Video ,[object Object],[object Object],[object Object],[object Object],[object Object]
Deel 3 Expressiefunctie
Social Media ,[object Object],[object Object],[object Object]
Social Media ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Tot Slot ,[object Object]
Beste Burgemeester ,[object Object],[object Object],[object Object],[object Object]

Weitere ähnliche Inhalte

Ähnlich wie Tutorial

It Trends Ede 20090130
It Trends Ede 20090130It Trends Ede 20090130
It Trends Ede 20090130Raoul Teeuwen
 
Pres social HGO
Pres social HGOPres social HGO
Pres social HGOTrendesign
 
Doetank Gereedschapskist v1.4
Doetank Gereedschapskist v1.4Doetank Gereedschapskist v1.4
Doetank Gereedschapskist v1.4Jonas Piet
 
Tips voor een goede digitale overheid
Tips voor een goede digitale overheidTips voor een goede digitale overheid
Tips voor een goede digitale overheidAGConsult
 
Overheidswebsites die werken
Overheidswebsites die werkenOverheidswebsites die werken
Overheidswebsites die werkenKarl Gilis
 
workshop zakelijk twitteren voor MVO Nederland
workshop zakelijk twitteren voor MVO Nederlandworkshop zakelijk twitteren voor MVO Nederland
workshop zakelijk twitteren voor MVO NederlandGitta Bartling
 
Get Social met HootSuite
Get Social met HootSuiteGet Social met HootSuite
Get Social met HootSuiteHootFan Tips
 
Twitter Mogelijkheden Voor Bedrijven
Twitter Mogelijkheden Voor BedrijvenTwitter Mogelijkheden Voor Bedrijven
Twitter Mogelijkheden Voor BedrijvenWhat if Robert
 
IT trends with focus on connecting
IT trends with focus on connectingIT trends with focus on connecting
IT trends with focus on connectingRaoul Teeuwen
 
Ondernemersdag Taskforce Multifunctionele Landbouw
Ondernemersdag Taskforce Multifunctionele LandbouwOndernemersdag Taskforce Multifunctionele Landbouw
Ondernemersdag Taskforce Multifunctionele LandbouwMichiel Verheij
 
Bas & Robert @ AVDM Badhoevedorp
Bas & Robert @ AVDM BadhoevedorpBas & Robert @ AVDM Badhoevedorp
Bas & Robert @ AVDM BadhoevedorpVanOnsNL
 
Provincie Utrecht Web 2.0 (16 April 2009) [Final]
Provincie Utrecht   Web 2.0 (16 April 2009) [Final]Provincie Utrecht   Web 2.0 (16 April 2009) [Final]
Provincie Utrecht Web 2.0 (16 April 2009) [Final]R. Zandbergen
 
Presentatie Young Arnhem
Presentatie Young ArnhemPresentatie Young Arnhem
Presentatie Young Arnhemkmroumen
 
Open Innovatie Festival - Ruud Zandbergen
Open Innovatie Festival - Ruud ZandbergenOpen Innovatie Festival - Ruud Zandbergen
Open Innovatie Festival - Ruud ZandbergenR. Zandbergen
 
Kenmerken van sociale media
Kenmerken van sociale mediaKenmerken van sociale media
Kenmerken van sociale mediaKim Covent
 
Abc www social-media [Dutch]
Abc www social-media [Dutch]Abc www social-media [Dutch]
Abc www social-media [Dutch]Luk Balcer
 

Ähnlich wie Tutorial (20)

It Trends Ede 20090130
It Trends Ede 20090130It Trends Ede 20090130
It Trends Ede 20090130
 
Pres social HGO
Pres social HGOPres social HGO
Pres social HGO
 
Doetank Gereedschapskist v1.4
Doetank Gereedschapskist v1.4Doetank Gereedschapskist v1.4
Doetank Gereedschapskist v1.4
 
Tips voor een goede digitale overheid
Tips voor een goede digitale overheidTips voor een goede digitale overheid
Tips voor een goede digitale overheid
 
Overheidswebsites die werken
Overheidswebsites die werkenOverheidswebsites die werken
Overheidswebsites die werken
 
Ambtenaar 2 0 Dag
Ambtenaar 2 0 DagAmbtenaar 2 0 Dag
Ambtenaar 2 0 Dag
 
workshop zakelijk twitteren voor MVO Nederland
workshop zakelijk twitteren voor MVO Nederlandworkshop zakelijk twitteren voor MVO Nederland
workshop zakelijk twitteren voor MVO Nederland
 
Workshop 2 - Zwolle 04/11/11
Workshop 2 - Zwolle 04/11/11Workshop 2 - Zwolle 04/11/11
Workshop 2 - Zwolle 04/11/11
 
Get Social met HootSuite
Get Social met HootSuiteGet Social met HootSuite
Get Social met HootSuite
 
Twitter Mogelijkheden Voor Bedrijven
Twitter Mogelijkheden Voor BedrijvenTwitter Mogelijkheden Voor Bedrijven
Twitter Mogelijkheden Voor Bedrijven
 
IT trends with focus on connecting
IT trends with focus on connectingIT trends with focus on connecting
IT trends with focus on connecting
 
Social Media workshop
Social Media workshopSocial Media workshop
Social Media workshop
 
Ondernemersdag Taskforce Multifunctionele Landbouw
Ondernemersdag Taskforce Multifunctionele LandbouwOndernemersdag Taskforce Multifunctionele Landbouw
Ondernemersdag Taskforce Multifunctionele Landbouw
 
Bas & Robert @ AVDM Badhoevedorp
Bas & Robert @ AVDM BadhoevedorpBas & Robert @ AVDM Badhoevedorp
Bas & Robert @ AVDM Badhoevedorp
 
Provincie Utrecht Web 2.0 (16 April 2009) [Final]
Provincie Utrecht   Web 2.0 (16 April 2009) [Final]Provincie Utrecht   Web 2.0 (16 April 2009) [Final]
Provincie Utrecht Web 2.0 (16 April 2009) [Final]
 
Presentatie Young Arnhem
Presentatie Young ArnhemPresentatie Young Arnhem
Presentatie Young Arnhem
 
Open Innovatie Festival - Ruud Zandbergen
Open Innovatie Festival - Ruud ZandbergenOpen Innovatie Festival - Ruud Zandbergen
Open Innovatie Festival - Ruud Zandbergen
 
Kenmerken van sociale media
Kenmerken van sociale mediaKenmerken van sociale media
Kenmerken van sociale media
 
Abc www social-media [Dutch]
Abc www social-media [Dutch]Abc www social-media [Dutch]
Abc www social-media [Dutch]
 
Twitter Mogelijkheden Voor Bedrijven Twinfield
Twitter Mogelijkheden Voor Bedrijven TwinfieldTwitter Mogelijkheden Voor Bedrijven Twinfield
Twitter Mogelijkheden Voor Bedrijven Twinfield
 

Tutorial

  • 1. Burger en Politiek Tutorial voor het gebruik van HTML5
  • 2. Katja van Nimwegen Universiteit Utrecht
  • 3.
  • 4. Voor wie? Deze Tutorial is bedoeld voor iedereen die belang heeft bij het gebruik van nieuwe media voor democratische doeleinden:  Politici Overheidsinstellingen Beleidsmakers Enz. Maar zal worden toegespitst op een bestuurder van een fictieve stad.
  • 5.
  • 6. Wat? In deze tutorial zullen 5 HTML5-tools aangeboden worden voor het maken van een democratie-2.0 website
  • 7.
  • 8. Maar eerst Wat is ' Democratie2.0 '?
  • 9.  
  • 10.
  • 11.
  • 13. Controlefunctie Het is dus belangrijk dat er in de site een mogelijkheid aanwezig is tot het geven van kritiek. Dit kan ervoor zorgen (mits de politicus hier goed mee omgaat) dat beleid meer op wensen van inwoners toegepast wordt en dat inwoners op hun beurt zich gehoord voelen.
  • 14. Commentaar Een manier om dit te bereiken is door een 'form-element' in te voegen.
  • 15. Commentaar Neem dit over, en plak het in je HTML-bestand
  • 16. Commentaar E-mail adres waarnaar het Gestuurd wordt verstuur-knop Labels: de vier dingen die gevraagd worden
  • 17. Met CSS kun je dit basisformuliertje nog veel mooier maken. Ook kun je met PHP de 'comments' op de site zelf laten zien, zodat discussie kan ontstaan. Hulp hierbij: Tutsplus Commentaar
  • 18. Dan ziet het er niet meer zo uit:
  • 19. Maar zo: (en post George Washington op je site!)
  • 21.
  • 22.
  • 23.
  • 25.
  • 26.
  • 27.
  • 28.