UiTwidgets <br />More than ‘just a widget’<br />sven@cultuurnet.be<br />@svenhoutmeyers<br />
Wat gaan jullie te zien krijgen?<br />Developmentfase met demo<br />Wat is er nieuw?<br />Overzicht tools.uitdatabank.be m...
Widgets? Facebook<br />Via iframe tag<br /><iframesrc="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.f...
Widgets? Twitter<br />Via script tag<br /><script src="http://widgets.twimg.com<br />/j/2/widget.js"></script><br /><scrip...
Widgets? CultuurNet: zoekbox + resultaten<br />Tags voor HEAD<br /><linkhref="http://build.uitdatabank.be/widgets/p/271/wi...
Scope van de nieuwe widgets?<br /><ul><li>Nieuwe features:
“In de kijker” (UiTtips)
HTML blokken
Meer configuratieopties
Geen custom widgets meer
1 tag ipv verschillende tags in head en body
Verschillende API’s kunnen aanspreken
Clean html / css / js
Integratie met API projecten, documentatie, issuetracker,...</li></ul>Dit werden dan ook de uitdagingen<br />
Wat werd er behouden?<br /><ul><li>Basis functionaliteit zoekbox / resultaatslijst / detail
Javascript (toviframes)
Basis workflow (patnermedewerker geeft toestemming om widget aan te maken)</li></li></ul><li>Keuze Drupal (uit bestek):<br...
Toch ook twijfels<br />Beheerderstool: keuze Drupal vrij evident<br />Keuze widgetserver: keuze opengelaten in bestek<br />
Uiteindelijk toch gekozen voor Drupal, 7!<br /><ul><li>Bestek van leverancier Statik was overtuigend genoeg dat de widgets...
Vermits versie 7 stabiel genoeg was om op verder te gaan werd er beslist om op deze versie verder te bouwen.</li></ul>Timi...
Architectuur UiTdatabank<br />
Architectuur widgets<br />
DEMO code / aanmaak nieuwe widget<br />
Wat is er nieuw op tools.uitdatabank.be? <br />En is interessant voor jullie partners?<br />
Zoekbox<br /><ul><li>Zowat alle mogelijke zoekparameters kunnen in de zoekbox verwerkt worden
Flexibele rubricering
Custom filtering</li></li></ul><li>Resultatenlijst/detailpagina<br /><ul><li>Verfijningen
Verrijkingen (Service attachments)
Custom sortering
Upcoming SlideShare
Loading in...5
×

UiTwidgets build on Drupal7 by CultuurNet

1,283

Published on

Presentation in Dutch about the release of the new UiTwidgets, a platform build on Drupal7 to configure en preview widgets to expose our event data.

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

No Downloads
Views
Total Views
1,283
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
6
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

UiTwidgets build on Drupal7 by CultuurNet

  1. 1. UiTwidgets <br />More than ‘just a widget’<br />sven@cultuurnet.be<br />@svenhoutmeyers<br />
  2. 2. Wat gaan jullie te zien krijgen?<br />Developmentfase met demo<br />Wat is er nieuw?<br />Overzicht tools.uitdatabank.be met demo<br />
  3. 3. Widgets? Facebook<br />Via iframe tag<br /><iframesrc="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fplatform&amp;width=292&amp;colorscheme=light&amp;show_faces=true&amp;stream=true&amp;header=false&amp;height=395" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:395px;" allowTransparency="true"></iframe><br />Of via Facebook Javascript API en tag<br /><div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-boxhref="http://www.facebook.com/UiTinVlaanderen" width="292" show_faces="true" stream="true" header="false"></fb:like-box><br />
  4. 4. Widgets? Twitter<br />Via script tag<br /><script src="http://widgets.twimg.com<br />/j/2/widget.js"></script><br /><script><br />new TWTR.Widget({<br /> version: 2,<br /> interval: 6000,<br /> width: 100,<br /> height: ff0000,<br /> theme: {<br /> shell: {<br /> background: '255',<br /> color: '0'<br /> },<br /> tweets: {<br /> background: '0',<br /> color: '0',<br /> links: '100'<br /> }<br /> },<br />}).render().setUser('ff0000').start();<br /></script><br />
  5. 5. Widgets? CultuurNet: zoekbox + resultaten<br />Tags voor HEAD<br /><linkhref="http://build.uitdatabank.be/widgets/p/271/widgets.css". <br /><script type="text/javascript" src="http://build.uitdatabank.be/widgets/js/json.js"></script><br /><script type="text/javascript" src="http://build.uitdatabank.be/widgets/p/271/widgets.js"></script><br />Tags voor zoekbox<br /><div id="widgets_search" class="widget"></div><br />Tags voor resultaten/detail<br /><div id="widgets_output" class="widget"></div><br />
  6. 6. Scope van de nieuwe widgets?<br /><ul><li>Nieuwe features:
  7. 7. “In de kijker” (UiTtips)
  8. 8. HTML blokken
  9. 9. Meer configuratieopties
  10. 10. Geen custom widgets meer
  11. 11. 1 tag ipv verschillende tags in head en body
  12. 12. Verschillende API’s kunnen aanspreken
  13. 13. Clean html / css / js
  14. 14. Integratie met API projecten, documentatie, issuetracker,...</li></ul>Dit werden dan ook de uitdagingen<br />
  15. 15. Wat werd er behouden?<br /><ul><li>Basis functionaliteit zoekbox / resultaatslijst / detail
  16. 16. Javascript (toviframes)
  17. 17. Basis workflow (patnermedewerker geeft toestemming om widget aan te maken)</li></li></ul><li>Keuze Drupal (uit bestek):<br />Groot deel kan gebouwd worden met contributedmodules (cck, views, context, rules, notifications...). <br />Alle Front End sites van CultuurNet zijn Drupal, waardoor er zich toch al een kenniscentrum binnen CultuurNet heeft ontwikkeld over Drupal. Tevens beschikken we over 2 developers met Drupalkennis.<br />Cultuurnet Vlaanderen beschikt over een Drupal framework (de „CultuurNet API‟ of „CnAPI‟).Meer info over CnAPI op http://build.uitdatabank.be/docs/Cnapi.pdf (binnenkort op tools.uitdatabank.be/docs ;-)<br />
  18. 18. Toch ook twijfels<br />Beheerderstool: keuze Drupal vrij evident<br />Keuze widgetserver: keuze opengelaten in bestek<br />
  19. 19. Uiteindelijk toch gekozen voor Drupal, 7!<br /><ul><li>Bestek van leverancier Statik was overtuigend genoeg dat de widgetserver ook met Drupal/php performant en schaalbaar kon worden opgezet
  20. 20. Vermits versie 7 stabiel genoeg was om op verder te gaan werd er beslist om op deze versie verder te bouwen.</li></ul>Timing<br />november<br />december<br />januari<br />februai<br />maart<br />april<br />Dev OO interface widgets<br />Testing<br />Soft rollout widgets<br />Dev beheerderstool<br />Testing & tweaking tool<br />
  21. 21. Architectuur UiTdatabank<br />
  22. 22. Architectuur widgets<br />
  23. 23. DEMO code / aanmaak nieuwe widget<br />
  24. 24. Wat is er nieuw op tools.uitdatabank.be? <br />En is interessant voor jullie partners?<br />
  25. 25. Zoekbox<br /><ul><li>Zowat alle mogelijke zoekparameters kunnen in de zoekbox verwerkt worden
  26. 26. Flexibele rubricering
  27. 27. Custom filtering</li></li></ul><li>Resultatenlijst/detailpagina<br /><ul><li>Verfijningen
  28. 28. Verrijkingen (Service attachments)
  29. 29. Custom sortering
  30. 30. Custom filtering</li></li></ul><li>UiTtips<br /><ul><li>Volledig nieuw soort widget om events in de kijker te zetten.
  31. 31. Carrousel- of lijstpresentatie.
  32. 32. Manuele- of automatische selectie van events</li></li></ul><li>HTML box<br /><ul><li>Paginavullende widgets
  33. 33. Flexibel
  34. 34. 1 tag</li></li></ul><li>Toekomst?<br />Nieuwe features / widgets / functionaliteiten zullen op een vrij makkelijke manier toe te voegen zijn. <br />Denken we vooral aan UiTid (Culture Feed)!<br />http://www.uitinvlaanderen.be/aanbevelingstest<br />
  35. 35. Wat is er nieuw?<br />En wat is interessant voor jullie?<br />
  36. 36. tools.UiTdatabank.be!<br />
  37. 37. tools.UiTdatabank.be<br /><ul><li>Projectbeheer van alle online publicaties op basis van UiTdatabank
  38. 38. Documentatie (rechtstreeks via tools.uitdatabank.be/docs):
  39. 39. Widgets
  40. 40. CnAPI (coming)
  41. 41. Search API
  42. 42. Import
  43. 43. Widgets bouw- en beheersmodule
  44. 44. Issuetracker
  45. 45. Login = UiTdatabank account (!)
  46. 46. Permissies: aanvragen van ‘advanced user permissions’</li></li></ul><li>Projectbeheer<br /><ul><li>Aanvraagformulier projecten
  47. 47. Configuratie en beheer van lopende projecten</li></li></ul><li>Widget bouwen: 1. drag and drop componenten<br />
  48. 48. Widget bouwen: 2: Klikken en configureren <br />
  49. 49. Widget bouwen: 2: Klikken en configureren <br />Advanced features:<br /><ul><li>Zoekbox op andere sites plaatsen
  50. 50. Zoeken op zowat elk WAT/WAAR/WANNEER veld met verschillende control mogelijkheden (invul, dropdown, autosuggest, kalender, …)
  51. 51. Resultaten: velden en labels ervan bepalen
  52. 52. Resultaten: extra parameters toevoegen
  53. 53. Resulaten sorteren, verfijningen tonen (facetten), …
  54. 54. Detailpagina: Google Maps, afbeeldingen, logo ‘Vlieg’, …
  55. 55. Detailpagina: service attachments (feature tobereleased)
  56. 56. UiTtips: push of view van events, obv zoekcriteria of obv event id’s</li></li></ul><li>Widget bouwen: 3. Plug and play.<br /><ul><li>Alle configuratie-opties in ééninterface
  57. 57. Widgets passen zich uitstekend aan CSS van de partner
  58. 58. Klein beetje grafische finetuning door de leverancier</li></li></ul><li>Samenvatting Tools.uitdatabank.be<br /><ul><li>Alle geavanceerde UiTdatabank-mogelijkheden onder één dak
  59. 59. Handleidingen opvragen
  60. 60. Nieuwe projecten aanvragen
  61. 61. Meldpunt voor problemen</li></ul>Demo! tools.uitdatabank.be<br />
  62. 62. Oude widgets? <br />Migratie oude widgets<br />Cnet bouwt widgets na, bezorgt tags (augustus)<br />Jaar tijd om in te plakken<br />Oude machine wordt afgezet<br />Vragen? <br />
  1. A particular slide catching your eye?

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

×