UiTwidgets build on Drupal7 by CultuurNet
Download as PPTX, PDF1 like479 views
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.
UiTwidgets build on Drupal7 by CultuurNet
- 1. UiTwidgets More than ‘just a widget’sven@cultuurnet.be@svenhoutmeyers
- 2. Wat gaan jullie te zien krijgen?Developmentfase met demoWat is er nieuw?Overzicht tools.uitdatabank.be met demo
- 3. Widgets? FacebookVia iframe tag<iframesrc="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fplatform&width=292&colorscheme=light&show_faces=true&stream=true&header=false&height=395" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:395px;" allowTransparency="true"></iframe>Of via Facebook Javascript API en tag<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>
- 4. Widgets? TwitterVia script tag<script src="http://widgets.twimg.com/j/2/widget.js"></script><script>new TWTR.Widget({ version: 2, interval: 6000, width: 100, height: ff0000, theme: { shell: { background: '255', color: '0' }, tweets: { background: '0', color: '0', links: '100' } },}).render().setUser('ff0000').start();</script>
- 5. Widgets? CultuurNet: zoekbox + resultatenTags voor HEAD<linkhref="http://build.uitdatabank.be/widgets/p/271/widgets.css". <script type="text/javascript" src="http://build.uitdatabank.be/widgets/js/json.js"></script><script type="text/javascript" src="http://build.uitdatabank.be/widgets/p/271/widgets.js"></script>Tags voor zoekbox<div id="widgets_search" class="widget"></div>Tags voor resultaten/detail<div id="widgets_output" class="widget"></div>
- 6. Scope van de nieuwe widgets?Nieuwe features:
- 7. “In de kijker” (UiTtips)
- 8. HTML blokken
- 10. Geen custom widgets meer
- 11. 1 tag ipv verschillende tags in head en body
- 12. Verschillende API’s kunnen aanspreken
- 13. Clean html / css / js
- 14. Integratie met API projecten, documentatie, issuetracker,...Dit werden dan ook de uitdagingen
- 15. Wat werd er behouden?Basis functionaliteit zoekbox / resultaatslijst / detail
- 17. Basis workflow (patnermedewerker geeft toestemming om widget aan te maken)Keuze Drupal (uit bestek):Groot deel kan gebouwd worden met contributedmodules (cck, views, context, rules, notifications...). 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.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 ;-)
- 18. Toch ook twijfelsBeheerderstool: keuze Drupal vrij evidentKeuze widgetserver: keuze opengelaten in bestek
- 19. Uiteindelijk toch gekozen voor Drupal, 7!Bestek van leverancier Statik was overtuigend genoeg dat de widgetserver ook met Drupal/php performant en schaalbaar kon worden opgezet
- 20. Vermits versie 7 stabiel genoeg was om op verder te gaan werd er beslist om op deze versie verder te bouwen.TimingnovemberdecemberjanuarifebruaimaartaprilDev OO interface widgetsTestingSoft rollout widgetsDev beheerderstoolTesting & tweaking tool
- 23. DEMO code / aanmaak nieuwe widget
- 24. Wat is er nieuw op tools.uitdatabank.be? En is interessant voor jullie partners?
- 25. ZoekboxZowat alle mogelijke zoekparameters kunnen in de zoekbox verwerkt worden
- 29. Custom sortering
- 30. Custom filteringUiTtipsVolledig nieuw soort widget om events in de kijker te zetten.
- 32. Manuele- of automatische selectie van eventsHTML boxPaginavullende widgets
- 33. Flexibel
- 34. 1 tagToekomst?Nieuwe features / widgets / functionaliteiten zullen op een vrij makkelijke manier toe te voegen zijn. Denken we vooral aan UiTid (Culture Feed)!http://www.uitinvlaanderen.be/aanbevelingstest
- 35. Wat is er nieuw?En wat is interessant voor jullie?
- 37. tools.UiTdatabank.beProjectbeheer van alle online publicaties op basis van UiTdatabank
- 38. Documentatie (rechtstreeks via tools.uitdatabank.be/docs):
- 39. Widgets
- 40. CnAPI (coming)
- 41. Search API
- 42. Import
- 43. Widgets bouw- en beheersmodule
- 44. Issuetracker
- 45. Login = UiTdatabank account (!)
- 46. Permissies: aanvragen van ‘advanced user permissions’ProjectbeheerAanvraagformulier projecten
- 47. Configuratie en beheer van lopende projectenWidget bouwen: 1. drag and drop componenten
- 48. Widget bouwen: 2: Klikken en configureren
- 49. Widget bouwen: 2: Klikken en configureren Advanced features:Zoekbox op andere sites plaatsen
- 50. Zoeken op zowat elk WAT/WAAR/WANNEER veld met verschillende control mogelijkheden (invul, dropdown, autosuggest, kalender, …)
- 51. Resultaten: velden en labels ervan bepalen
- 52. Resultaten: extra parameters toevoegen
- 53. Resulaten sorteren, verfijningen tonen (facetten), …
- 54. Detailpagina: Google Maps, afbeeldingen, logo ‘Vlieg’, …
- 55. Detailpagina: service attachments (feature tobereleased)
- 56. UiTtips: push of view van events, obv zoekcriteria of obv event id’sWidget bouwen: 3. Plug and play.Alle configuratie-opties in ééninterface
- 57. Widgets passen zich uitstekend aan CSS van de partner
- 58. Klein beetje grafische finetuning door de leverancierSamenvatting Tools.uitdatabank.beAlle geavanceerde UiTdatabank-mogelijkheden onder één dak
- 61. Meldpunt voor problemenDemo! tools.uitdatabank.be
- 62. Oude widgets? Migratie oude widgetsCnet bouwt widgets na, bezorgt tags (augustus)Jaar tijd om in te plakkenOude machine wordt afgezetVragen?