Metadata
High tech integratie OPC en weblog
Vandaag heb ik me een groot deel van de dag vastgebeten in een pittig technisch probleem, namelijk het integreren van de Fontys OPC in de Fontys Mediatheek Weblog. Doordat we werken met iPort van OCLCPica, is het mogelijk om meerdere layouts naast elkaar te gebruiken, bijvoorbeeld deze, of deze. Bij iedere template hoort ook weer een eigen CSS-schema, waarmee de layout tot op het kleinste detail vastgelegd kan worden.
Dat zette me aan het denken; het standaard zoekvenster zoals dat in de Fontys iPort versie zit, kent een veelheid aan navigatie-elementen. Die zijn echter makkelijk ‘onzichtbaar’ te maken door al die elementen in het CSS-schema te voorzien van het kenmerk ‘display: none;’. Zodra al die elementen weg zijn, blijft alleen het zoekvenster nog over, en met een iFrame-oplossing is die integratie met de weblog zo gepiept.
Zo leek het tenminste, want hoewel de iFrame inderdaad keurig het zoekvenster op de voorpagina van de weblog toonde, ging het mis bij het daadwerkelijk gebruiken van het zoekvenster. Want de zoekresultaten werden wel keurig getoond (target="_top" niet vergeten!), maar logischerwijs zonder de benodigde navigatie-elementen. Die waren immers via de CSS onzichtbaar geworden. Jammer maar helaas, deze oplossing werkt dus niet.
Wat werkt dan wel? Eigenlijk een veel eenvoudigere oplossing, deze:
<Form target="_top" method="POST" action="http://iPort?frame=myframe2&request=search&db=opc">
Bovenstaande is de eerste regel van een eenvoudig webformulier dat op een simpele HTML-webpagina staat, met een eigen CSS schema. Deze HTML pagina wordt via een iframe geïntegreerd met een ander platform, in dit geval de Fontys Mediatheek Weblog. Zodra de gebruiker daar een zoekactie start, wordt het zoekresultaat niet getoond in de bronpagina, maar schermvullend in ‘myframe2’, ook weer met een eigen CSS schema, en dit keer dus inclusief alle navigatie-elementen.
Het resultaat is -al zeg ik het zelf- toch wel verbluffend te noemen. Het geeft namelijk de mogelijkheid om de voorheen zo statische webOPC direct te verplaatsen naar compleet andere omgevingen, in dit geval een weblog. Maar evenzogoed plak je ‘m in een ELO, intranet of ander platform. Daarbij hoeft telkens alleen de layout van het zoekvenster afgestemd worden op die van de doelpagina.
En het mooie is, dit kan ook met alle andere iPort databases! Opportunities arise!!
Zie reactie op weblog!
Super!!!
Dat ziet er erg leuk uit. In mijn Firefox verschijnt helaas een scrollbar, de hoogte van de iFrame lijkt niet voldoende om alle informatie te tonen. (kan natuurlijk een instelling van mijn browser zijn) In IE ziet het er in elk geval gelikt uit. Ik ben wel benieuwd of plaatsing op deze pagina ook meer zoekacties tot gevolg heeft.
@Richard: vreemd, ik had ‘m zelf goed staan in Firefox en IE. Maar voor de zekerheid heb ik de marges toch maar iets groter gemaakt, die scrollbar zou nu dus ook bij jou verdwenen moeten zijn (wel even cache legen).
Het mooie is dat een ogenschijnlijk simpele vraag een pittig technische probleem oplevert en niemand (behalve jijzelf) daar weet van heeft. Bovendien levert het probleem zowaar een nieuwe toepassing op! Wat zal ik nog meer vragen…
Domme vraag misschien, maar wat is een “OPC”?
Online PublieksCatalogus, denk dat 99,9% dat niet weet dus zo dom is die vraag niet.
Opdat niemand meer die vraag zal hoeven te stellen:
http://www.edublogs.nl/wiki/OPC
Overigens heb ik het donkerbruine vermoeden dat de OPC-servers waar ze het in de Google adds over hebben toch geen servers zijn voor online publieks catalogi?
@Gerard: Nu ziet het er inderdaad ook bij mij mooi uit.
Whoa, een iPort hacker!
De form action bevat zo te zien twee overbodige elementen: request=search en db=fontyscatalogus. Da’s niet erg want die twee elementen worden later ook nog eens gezet als hidden values in het formulier. Het db element kun je eventueel ook herhalen (voor gelijktijdig zoeken in meerdere databases) of ontdubbeling toevoegen. Zie: http://dolus.uvt.nl/nereus.html
Heb je toevallig doc/iPort-VLE.html ook gelezen?
@Hans: een echte hack is het niet natuurlijk, het was in deze situatie gewoon de oplossing om de catalogus in de weblog te bouwen. En het formulier moet ik inderdaad nog een beetje bijschaven, het ging me er in eerste instantie om dat het werkte.
Had ik die link van je eerder gevonden, zou me dat trouwens flink wat tijd bespaard hebben. En doc/iPort-VLE.html, geen idee of ik die gezien heb, is dat toevallig die pagina met variatiemogelijkheden met zoekstrings?
Dat gezegd hebbende, misschien wordt het eens tijd voor een iPort wiki of zoiets?