UiTwidgets build on Drupal7 by CultuurNet
Upcoming SlideShare
Loading in...5
×
 

UiTwidgets build on Drupal7 by CultuurNet

on

  • 1,428 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.

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.

Statistics

Views

Total Views
1,428
Views on SlideShare
1,246
Embed Views
182

Actions

Likes
1
Downloads
5
Comments
0

3 Embeds 182

http://www.cultuurnet.be 179
http://cultuurnet.be 2
url_unknown 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

UiTwidgets build on Drupal7 by CultuurNet UiTwidgets build on Drupal7 by CultuurNet Presentation Transcript

  • UiTwidgets
    More than ‘just a widget’
    sven@cultuurnet.be
    @svenhoutmeyers
  • Wat gaan jullie te zien krijgen?
    Developmentfase met demo
    Wat is er nieuw?
    Overzicht tools.uitdatabank.be met demo
  • Widgets? Facebook
    Via iframe tag
    <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>
    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>
  • Widgets? Twitter
    Via 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>
  • Widgets? CultuurNet: zoekbox + resultaten
    Tags 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>
  • Scope van de nieuwe widgets?
    • 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,...
    Dit werden dan ook de uitdagingen
  • Wat werd er behouden?
    • Basis functionaliteit zoekbox / resultaatslijst / detail
    • Javascript (toviframes)
    • 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 ;-)
  • Toch ook twijfels
    Beheerderstool: keuze Drupal vrij evident
    Keuze widgetserver: keuze opengelaten in bestek
  • 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
    • Vermits versie 7 stabiel genoeg was om op verder te gaan werd er beslist om op deze versie verder te bouwen.
    Timing
    november
    december
    januari
    februai
    maart
    april
    Dev OO interface widgets
    Testing
    Soft rollout widgets
    Dev beheerderstool
    Testing & tweaking tool
  • Architectuur UiTdatabank
  • Architectuur widgets
  • DEMO code / aanmaak nieuwe widget
  • Wat is er nieuw op tools.uitdatabank.be?
    En is interessant voor jullie partners?
  • Zoekbox
    • Zowat alle mogelijke zoekparameters kunnen in de zoekbox verwerkt worden
    • Flexibele rubricering
    • Custom filtering
  • Resultatenlijst/detailpagina
    • Verfijningen
    • Verrijkingen (Service attachments)
    • Custom sortering
    • Custom filtering
  • UiTtips
    • Volledig nieuw soort widget om events in de kijker te zetten.
    • Carrousel- of lijstpresentatie.
    • Manuele- of automatische selectie van events
  • HTML box
    • Paginavullende widgets
    • Flexibel
    • 1 tag
  • Toekomst?
    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
  • Wat is er nieuw?
    En wat is interessant voor jullie?
  • tools.UiTdatabank.be!
  • tools.UiTdatabank.be
    • Projectbeheer van alle online publicaties op basis van UiTdatabank
    • Documentatie (rechtstreeks via tools.uitdatabank.be/docs):
    • Widgets
    • CnAPI (coming)
    • Search API
    • Import
    • Widgets bouw- en beheersmodule
    • Issuetracker
    • Login = UiTdatabank account (!)
    • Permissies: aanvragen van ‘advanced user permissions’
  • Projectbeheer
    • Aanvraagformulier projecten
    • Configuratie en beheer van lopende projecten
  • Widget bouwen: 1. drag and drop componenten
  • Widget bouwen: 2: Klikken en configureren
  • Widget bouwen: 2: Klikken en configureren
    Advanced features:
    • Zoekbox op andere sites plaatsen
    • Zoeken op zowat elk WAT/WAAR/WANNEER veld met verschillende control mogelijkheden (invul, dropdown, autosuggest, kalender, …)
    • Resultaten: velden en labels ervan bepalen
    • Resultaten: extra parameters toevoegen
    • Resulaten sorteren, verfijningen tonen (facetten), …
    • Detailpagina: Google Maps, afbeeldingen, logo ‘Vlieg’, …
    • Detailpagina: service attachments (feature tobereleased)
    • UiTtips: push of view van events, obv zoekcriteria of obv event id’s
  • Widget bouwen: 3. Plug and play.
    • Alle configuratie-opties in ééninterface
    • Widgets passen zich uitstekend aan CSS van de partner
    • Klein beetje grafische finetuning door de leverancier
  • Samenvatting Tools.uitdatabank.be
    • Alle geavanceerde UiTdatabank-mogelijkheden onder één dak
    • Handleidingen opvragen
    • Nieuwe projecten aanvragen
    • Meldpunt voor problemen
    Demo! tools.uitdatabank.be
  • Oude widgets?
    Migratie oude widgets
    Cnet bouwt widgets na, bezorgt tags (augustus)
    Jaar tijd om in te plakken
    Oude machine wordt afgezet
    Vragen?