tag:blogger.com,1999:blog-3129665016687033102024-03-10T18:49:42.525+01:00Trendmatcher tussen ICT en Onderwijs ™Als trendmatcher legde ik verbanden tussen trends die ik tegenkwam op internet en hun mogelijk gebruik in het onderwijs.Willem Karssenberghttp://www.blogger.com/profile/10925999475847184830noreply@blogger.comBlogger5125tag:blogger.com,1999:blog-312966501668703310.post-80892381654820327642018-03-27T15:08:00.001+02:002018-03-27T15:32:53.897+02:00Een Excel bestand embedden<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikOS5gua9wSJTJOucMbNpVNdnAJJG0VxelCm1CNgrIUFRcHbwfL4a-ECdi4NRA0TMAkbP7Qj2tt2rGWeJMpBvyUO1kKxLkFenark0kFTtlJBZfAyoH8r1vTekSLZXGQ8pJMU6g54l5g7M/s1600/delen2.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" data-original-height="158" data-original-width="269" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikOS5gua9wSJTJOucMbNpVNdnAJJG0VxelCm1CNgrIUFRcHbwfL4a-ECdi4NRA0TMAkbP7Qj2tt2rGWeJMpBvyUO1kKxLkFenark0kFTtlJBZfAyoH8r1vTekSLZXGQ8pJMU6g54l5g7M/s1600/delen2.png" /></a>Ik ben hier nu zo lang mee aan het puzzelen geweest, dat het schrijven van een blogpost er ook nog wel bij kan.<br />
Ik organiseer regelmatig bijeenkomsten met een plenair programma en een aantal workshop rondes.<br />
In de aanloop naar zo'n bijeenkomst verandert er natuurlijk van alles, zoals tijden, titels van workshops, presentatoren en ga zo maar door. Daarom is het slim om een dergelijk programma te maken in een spreadsheet en van daaruit te delen. Tot nu toe deed ik dat altijd naar volle tevredenheid met behulp van Google Sheets.<br />
<br />
Maar ja, als je een kennisdelingsbijeenkomst Office 365 organiseert is het natuurlijk een beetje raar om daarbij gebruik te maken van Google, tenminste, dat vinden sommigen;-)<br />
Dus heb ik de werkbladen gedownload vanuit Google Sheets en geplaatst in een OneDive (for Business) omgeving om te kijken wat daar mogelijk is. Hieronder volgen mijn bevindingen...<br />
<a name='more'></a><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHwhuAZhgr8rCWFLN6IxicFeOsO_FWvIC0SgWG3km2BHUJV6WnODPkM8roRtbrjMp_wrA433TGvxcM9YARIgretwl_lQ1peqjP8tIks_mOIRdCc2RajBJ1t3grBstRovC_rCozczo4jJo/s1600/delen1.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" data-original-height="491" data-original-width="353" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHwhuAZhgr8rCWFLN6IxicFeOsO_FWvIC0SgWG3km2BHUJV6WnODPkM8roRtbrjMp_wrA433TGvxcM9YARIgretwl_lQ1peqjP8tIks_mOIRdCc2RajBJ1t3grBstRovC_rCozczo4jJo/s320/delen1.png" width="230" /></a></div>
Als je het bestand bewerkt in Excel Online zie je rechtsboven de knop: Delen<br />
Wanneer je daar op klikt krijg je de mogelijkheid een koppeling te genereren en te kiezen wie het bestand mogen openen. Als je kiest voor Iedereen moet je het vinkje bij Bewerken toestaan natuurlijk uitzetten. Open je deze link in een ander account of incognito venster, dan zul je zien dat je naar het bestand kunt zonder te hoeven inloggen. Je krijgt daarbij trouwens alle tabbladen te zien, iets dat je misschien liever niet wilt, maar dat terzijde.<br />
<br />
In het screenshot hiernaast zie je ook een einddatum. Dat is iets wat de beheerder van de "Tenant" kan instellen. Een beheerder kan ook verhinderen dat je links naar bestanden met personen buiten de organisatie deelt. Uiteraard heb ik die rechten correct ingesteld, want anders zou het delen van de anonieme link ook niet werken.<br />
<br />
So far, so good, maar wat ik eigenlijk wil is het programma embedden op een website. Die mogelijkheid zie je dus niet wanneer je binnen Excel Online op de knop Delen klikt.<br />
<br />
Echter, ga je terug naar OneDrive en open je het bestand zonder de werkmap te bewerken in Excel of Excel online, dan krijg je een er anders uitziende knop Delen te zien. Klik je daar op, dan krijg je opeens twee mogelijkheden: <b>Delen met anderen en Insluiten!</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG3k_CfVu3YMsUWqqwgaajvniYti2GhLIhS6ZCUqUALzKMhbkGhGV-BQQqrLeMTOxPBJFaZx9wsuQkFYjxmytwdWDSOSBRA8hoErXnpG2BdVShMUwkHdLBsLbhInz2DmdoKeY22o_5bsg/s1600/delen3.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" data-original-height="720" data-original-width="525" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG3k_CfVu3YMsUWqqwgaajvniYti2GhLIhS6ZCUqUALzKMhbkGhGV-BQQqrLeMTOxPBJFaZx9wsuQkFYjxmytwdWDSOSBRA8hoErXnpG2BdVShMUwkHdLBsLbhInz2DmdoKeY22o_5bsg/s320/delen3.png" width="233" /></a></div>
Kies je voor Insluiten, dan opent een venster met allerlei instelmogelijkheden. Zo kun je ook kiezen voor een bereik uit een bepaald werkblad. Je kunt rasterlijnen verbergen en ervoor kiezen om wel of geen koppeling weer te geven. Verder is de hoogte en breedte in te stellen en ten slotte krijg je een keurige embedcode aangeboden.<br />
<br />
Je kunt je voorstellen dat ik prettig verrast was door het ontdekken van deze optie en er snel mee aan de slag ging. Nu zou ik het programma van de Kennisdelingsbijeenkomst Office 365 kunnen delen vanuit een Excel werkblad, geweldig!<br />
<br />
Ik had de betreffende pagina al live staan toen ik op het idee kwam om het nog even uit te testen op een tablet en smartphone. Ik was benieuwd hoe het er daar uit zou zien.<br />
Tot mijn verbazing kreeg ik niet het programma te zien, maar op die plek een aanmeldknop voor SharePoint Online!<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-lKrpWbhcLsw/WrpCQiUbUAI/AAAAAAAA6u8/EYCHjZnWLCQmrqEe0dRyHlFYr6Yz_JejgCLcBGAs/s1600/delen4.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" data-original-height="140" data-original-width="280" height="100" src="https://4.bp.blogspot.com/-lKrpWbhcLsw/WrpCQiUbUAI/AAAAAAAA6u8/EYCHjZnWLCQmrqEe0dRyHlFYr6Yz_JejgCLcBGAs/s200/delen4.png" width="200" /></a></div>
En toen begon een ellenlange zoektocht langs instellingen op allerlei niveaus, documentatie op internet, diverse fora en deskundigen op Twitter. Ik bleek niet de enige te zijn die hier tegenaan liep, maar wat me nog het meest verbaasde was de melding dat wanneer je hetzelfde doet vanuit je privé OneDrive het wel werkt!<br />
<br />
Hieronder dus het programma zoals ik dat graag zou willen delen, maar dan niet vanuit mijn persoonlijke OneDrive, maar vanuit een werkomgeving:<br />
<iframe frameborder="0" height="1500" scrolling="no" src="https://onedrive.live.com/embed?resid=C6C74A4F4E08862A%2111494&authkey=%21ANYNYx_CSLeSK94&em=2&wdAllowInteractivity=False&Item='Programma'!A1%3AF57&wdHideGridlines=True&wdInConfigurator=True" width="100%"></iframe>ik gahttp://www.blogger.com/profile/03693580058102189888noreply@blogger.com1tag:blogger.com,1999:blog-312966501668703310.post-61384096321878198012015-12-18T15:03:00.000+01:002015-12-18T15:04:53.175+01:00Google Sheets embedden<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-hD3UJ1d_BZc/VnQRc17UqFI/AAAAAAAAbec/fLxrPyV8_kw/s1600/SheetsEmbedden.PNG" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="198" src="http://1.bp.blogspot.com/-hD3UJ1d_BZc/VnQRc17UqFI/AAAAAAAAbec/fLxrPyV8_kw/s320/SheetsEmbedden.PNG" width="320" /></a></div>
Een Google Sheet embedden gaat heel makkelijk via de embedcode die je krijgt aangeboden bij het publiceren van een sheet.<br />
Die code ziet er standaard zo uit:<br />
<span style="font-family: "courier new" , "courier" , monospace;"><iframe src="https://docs.google.com/</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">spreadsheets/d/12vTcsXMc8CuM8</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">cVuQRDDzu5JBr9AtP6KV8z_NaBB54</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">w/pubhtml?widget=true&amp;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">headers=false"></iframe></span><br />
<br />
En dat geeft het volgende resultaat:<br />
<iframe src="https://docs.google.com/spreadsheets/d/12vTcsXMc8CuM8cVuQRDDzu5JBr9AtP6KV8z_NaBB54w/pubhtml?widget=true&headers=false"></iframe><br />
<br />
Hierbij zie je de titel van de sheet en de verschillende tabbladen. Wil je een andere en vooral ook betere weergave, dan kun je extra parameters meegeven aan de embedcode.<br />
<a name='more'></a><br />
<b><span style="font-size: large;">height en width</span></b><br />
Allereerst kun je iets doen aan de hoogte en de breedte door die te specificeren in de embedcode. De breedte kun je opgeven in pixels of in een percentage. De hoogte alleen in pixels:<br />
<span style="font-family: "courier new" , "courier" , monospace;"><iframe <span style="color: red;">height="300"</span> src="https://docs.google.com/spreadsheets/d/12vTcsXMc8CuM8cVuQRDDzu5JBr9AtP6KV8z_NaBB54w/pubhtml?widget=true&amp;headers=false" <span style="color: red;">width="100%"</span>></iframe></span><br />
<iframe height="300" src="https://docs.google.com/spreadsheets/d/12vTcsXMc8CuM8cVuQRDDzu5JBr9AtP6KV8z_NaBB54w/pubhtml?widget=true&headers=false" width="100%"></iframe><br />
<br />
<b><span style="font-size: large;">single en gid <span style="color: red;">*)</span></span></b><br />
Wil je slechts één werkblad weergeven, dan voeg je toe: <b>single=true</b><br />
Verder heb je dan de <b>gid</b> nodig van het betreffende werkblad. Van het 1e blad is de <b>gid</b> altijd 0. Vervolgbladen hebben een veel langere code:<br />
<span style="font-family: "courier new" , "courier" , monospace;"><iframe height="300" src="https://docs.google.com/spreadsheets/d/12vTcsXMc8CuM8cVuQRDDzu5JBr9AtP6KV8z_NaBB54w/pubhtml?<span style="color: red;">gid=0&amp;single=true</span>&amp;widget=true&amp;headers=false" width="100%"></iframe></span><br />
<iframe height="300" src="https://docs.google.com/spreadsheets/d/12vTcsXMc8CuM8cVuQRDDzu5JBr9AtP6KV8z_NaBB54w/pubhtml?gid=0&single=true&widget=true&headers=false" width="100%"></iframe><br />
<br />
<iframe height="300" src="https://docs.google.com/spreadsheets/d/12vTcsXMc8CuM8cVuQRDDzu5JBr9AtP6KV8z_NaBB54w/pubhtml?gid=712512223&single=true&widget=true&headers=false" style="float: left;" width="170"></iframe>Code voor het tweede werkblad:<br />
<span style="font-family: "courier new" , "courier" , monospace;"><iframe height="300"</span><span style="font-family: "courier new" , "courier" , monospace;">src="https://docs.google.com/</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">spreadsheets/d/12vTcsXMc8CuM8cVuQRDDzu5JBr9</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">AtP6KV8z_NaBB54w/pubhtml?<span style="color: red;">gid=712512223</span>&amp;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">single=true&amp;widget=true&amp;headers=false" <span style="color: red;">style="float: left;" width="170"</span>></iframe></span><br />
<br />
<b><span style="font-size: large;">breedte en uitlijnen</span></b><br />
Hier zie je dat nu ook de breedte is aangepast via <span style="font-family: "courier new" , "courier" , monospace;">width="170"</span><br />
Verder zie je dat je een iFrame ook links of rechts kunt uitlijnen met behulp van <span style="font-family: "courier new" , "courier" , monospace;">style="float: left;"</span><br />
<div style="clear: both;">
<b><span style="font-size: large;"><br />
</span></b> <b><span style="font-size: large;">range <span style="color: red;">*)</span></span></b><br />
Je kunt ook een bereik kiezen dat je wilt laten zien, bijvoorbeeld alleen de eerste 10 rijen van de kolommen D, E en F<br />
Daarvoor gebruik je de toevoeging <b>range</b></div>
<span style="font-family: "courier new" , "courier" , monospace;"><iframe height="300" src="https://docs.google.com/spreadsheets/d/12vTcsXMc8CuM8cVuQRDDzu5JBr9AtP6KV8z_NaBB54w/pubhtml?gid=0&amp;single=true&amp;widget=true&amp;headers=false&amp;<span style="color: red;">range=D1:F11</span>" width="320"></iframe></span><br />
<iframe height="300" src="https://docs.google.com/spreadsheets/d/12vTcsXMc8CuM8cVuQRDDzu5JBr9AtP6KV8z_NaBB54w/pubhtml?gid=0&single=true&widget=true&headers=false&range=D1:F11" width="320"></iframe><br />
<br />
<b><span style="font-size: large;">widget</span></b><br />
Zet je het attribuut widget naar false dan wordt de onderste balk niet weergegeven.<br />
Daarvoor in de plaats komt dan wel te staan: Published by Google Sheets<br />
<span style="font-family: "courier new" , "courier" , monospace;"><iframe height="300" src="https://docs.google.com/spreadsheets/d/12vTcsXMc8CuM8cVuQRDDzu5JBr9AtP6KV8z_NaBB54w/pubhtml?gid=0&amp;single=true&amp;<span style="color: red;">widget=false</span>&amp;headers=false" width="100%"></iframe></span><br />
<iframe height="300" src="https://docs.google.com/spreadsheets/d/12vTcsXMc8CuM8cVuQRDDzu5JBr9AtP6KV8z_NaBB54w/pubhtml?gid=0&single=true&widget=false&headers=false" width="100%"></iframe><br />
<br />
<b><span style="font-size: large;">chrome</span></b><br />
Wil je de titel weglaten van de sheet, gebruik dan chrome=false:<br />
<span style="font-family: "courier new" , "courier" , monospace;"><iframe height="300" src="https://docs.google.com/spreadsheets/d/12vTcsXMc8CuM8cVuQRDDzu5JBr9AtP6KV8z_NaBB54w/pubhtml?gid=0&amp;single=true&amp;widget=true&amp;headers=false&amp;<span style="color: red;">chrome=false</span>" width="100%"></span><br />
<iframe height="300" src="https://docs.google.com/spreadsheets/d/12vTcsXMc8CuM8cVuQRDDzu5JBr9AtP6KV8z_NaBB54w/pubhtml?gid=0&single=true&widget=true&headers=false&chrome=false" width="100%"></iframe><br />
<br />
<b><span style="font-size: large;">headers</span></b><br />
Het attribuut headers staat standaard op false. Wanneer je dat op true zet zie je de rij- en kolomnamen.<br />
<span style="font-family: "courier new" , "courier" , monospace;"><iframe height="300" src="https://docs.google.com/spreadsheets/d/12vTcsXMc8CuM8cVuQRDDzu5JBr9AtP6KV8z_NaBB54w/pubhtml?gid=0&amp;single=true&amp;widget=true&amp;<span style="color: red;">headers=true</span>&amp;chrome=false" width="100%"></iframe></span><br />
<iframe height="300" src="https://docs.google.com/spreadsheets/d/12vTcsXMc8CuM8cVuQRDDzu5JBr9AtP6KV8z_NaBB54w/pubhtml?gid=0&single=true&widget=true&headers=true&chrome=false" width="100%"></iframe><br />
<br />
<span style="color: red; font-size: large;"><b>*) Beveiliging</b></span><br />
Sommige mensen denken dat door gebruik te maken van de attributen <b>single</b>, <b>gid</b> en/of <b>range</b> de rest van een sheet niet beschikbaar is voor kijkers. Dat is natuurlijk niet zo! Door het simpelweg aanpassen van wat attributen kan altijd een hele sheet getoond worden zoals ik hierboven heb laten zien. Dat is dus echt wel iets om rekening mee te houden.<br />
<b><span style="font-size: large;"><br />
</span></b> <b><span style="font-size: large;">Voorbeeldnamen</span></b><br />
Bij de getoonde voorbeelden heb ik gebruik gemaakt van een sheet met voorbeeldnamen. Handig als je willekeurige namen nodig hebt om een blad mee te vullen. Verder laat de sheet zien hoe je namen die vaak slordig worden ingevuld in een formulier toch netjes kunt weergeven. Lees daarvoor <a href="http://www.trendmatcher.nl/2015/04/namen-netjes-weergeven.html" target="_blank">dit bericht,</a> met link naar de sheet die je mag gebruiken.ik gahttp://www.blogger.com/profile/03693580058102189888noreply@blogger.com0tag:blogger.com,1999:blog-312966501668703310.post-34077411368036669812014-06-09T12:22:00.001+02:002014-06-09T12:22:35.697+02:00Een PDF bestand embedden<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-TH1z3ON0rTk/U5WKYFc14mI/AAAAAAAASBc/uc6wz45XICg/s1600/8ideeen.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="http://1.bp.blogspot.com/-TH1z3ON0rTk/U5WKYFc14mI/AAAAAAAASBc/uc6wz45XICg/s1600/8ideeen.jpg" height="263" width="400" /></a></div>Op 19 juni komt versie 2 uit van het boekje social media Praktijkvoorbeelden uit het onderwijs. Deel 1 staat gepubliceerd bij <a href="http://goo.gl/5TdbFa" target="_blank">Youblisher</a>, een platform dat de mogelijkheid biedt om mooi door het boekje te bladeren met de optie het boekje te downloaden.<br />
<br />
Ik vroeg me af welke alternatieven er zijn om een PDF bestand te publiceren en ben op zoek gegaan aan de hand van een voorbeeld dat ik snel heb gemaakt op basis van de <a href="https://www.facebook.com/socialmediainhetmbo/photos/a.218980141540945.39817.218968604875432/522877417817881/#" target="_blank">acht ideeën van social media gebrui</a>k in het MBO van Ashwin Brouwer.<br />
Van die acht ideeën heb ik een PDF bestand gemaakt en dat <a href="http://easy2do.nl/pdf/boekje8.pdf" target="_blank">online</a> gezet. Hieronder lees je wat ik heb uitgeprobeerd.<br />
<a name='more'></a><br />
<b>1. Gewoon iframe:</b><br />
Je kunt het bestand natuurlijk gewoon met een iframe embedden, maar die optie valt wat mij betreft gelijk af omdat Android tablets dat iFrame niet laten zien, maar gelijk het PDF bestand gaan downloaden.<br />
<br />
<b>2. iframe met Google Docs Viewer:</b><br />
Dit is een mooie optie. Het bestand hoeft niet bij Google te staan, maar door het toevoegen van wat extra code aan de url wordt het bestand op een mooie manier weergegeven, ook op tablets. Je kunt bladeren en scrollen, openen in een nieuw venster en het bestand downloaden. Gewoon het pad naar je PDF bestand invoeren bij <a href="https://docs.google.com/viewer" target="_blank">Google Documenten Viewer</a> en je krijgt kant-en-klare code aangeboden. Heb je aanklikbare links in je PDF bestand, dan is dit ook de enige viewer waarbij je ze aan kunt klikken. Daarmee is deze viewer voor mij nu favoriet!<br />
<iframe allowfullscreen frameborder="0" height="480" src="http://docs.google.com/viewer?url=http%3A%2F%2Feasy2do.nl%2Fpdf%2Fboekje8.pdf&embedded=true" webkitallowfullscreen="" width="640"></iframe><br />
<br />
<b>3. iframe met ViewerJS:</b><br />
Wil je nu niets met Google of andere diensten te maken hebben, dan kun je gebruikmaken van <a href="http://viewerjs.org/" target="_blank">Viewer.JS</a>.<br />
Daarvoor moet je dan wel wat software installeren op hetzelfde domein als waar je het PDF bestand geplaatst hebt. Daarmee is dit dus een keuze voor gevorderden die alles in eigen hand willen houden. Het biedt dezelfde opties als de Google Docs Viewer, afgezien van de aanklikbare links.<br />
<iframe allowfullscreen frameborder="0" height="500" id="viewer" src="http://easy2do.nl/Viewerjs/#../pdf/boekje8.pdf" webkitallowfullscreen="" width="640"></iframe><br />
<br />
<b>4. iframe met Slideshare:</b><br />
Ook <a href="http://www.slideshare.net/trendmatcher/8-ideen-van-social-media-in-het-mbo" target="_blank">Slideshare</a> biedt een mooie player met dezelfde mogelijkheden als hierboven genoemd. Groot voordeel van het gebruik van Slideshare is dat je de beschikking krijgt over prima statistieken zodat je mooi kunt zien hoe vaak je bestand bekeken is én gedownload. Heb je er geen moeite mee dat je bestand ergens anders staat, dan is Slideshare wellicht de beste optie als je belang hecht aan statistieken én als je geen eigen plek hebt om je bestanden op te slaan.<br />
<iframe allowfullscreen frameborder="0" height="490" scrolling="no" src="http://www.slideshare.net/slideshow/embed_code/35564134" width="640"></iframe><br />
<br />
<b>5. Scribd</b><br />
Biedt embed code, maar je kunt alleen scrollen en niet bladeren. Ook krijg je een irritant balkje met de vraag of je soortgelijke content wilt zien. Biedt geen meerwaarde ten opzichte van de hierboven behandelde mogelijkheden.<br />
<br />
<b>6. Issuu:</b><br />
Deze tool plaatst twee pagina's naast elkaar en met een druk op de knop kun je pagina's omslaan. Leuk optisch effect, maar of zo'n weergave het lezen ten goede komt waag ik te betwijfelen.<br />
<br />
<b>7. Youblisher:</b><br />
Deze tool biedt geen embed code, maar verwijst je via een link naar de eigen site. Ook daar krijg je dan <a href="http://www.youblisher.com/p/908272-8-ideeen-voor-social-media-gebruik-in-de-klas/" target="_blank">twee pagina's</a> naast elkaar te zien, net als bij Issuu.<br />
<br />
<b>Conclusie:</b><br />
Wil je snel en mooi een bestand delen? Gebruik dan Slideshare! Hou je liever alles in eigen hand? Gebruik dan Google Docs Viewer of ViewerJS<br />
<br />
<br />
ik gahttp://www.blogger.com/profile/03693580058102189888noreply@blogger.com0tag:blogger.com,1999:blog-312966501668703310.post-60862884334660152582014-06-02T19:30:00.000+02:002014-06-02T19:31:58.214+02:00NPO, Uitzending Gemist en SchoolTV filmpjes embedden<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji4ub1F3rhcliNh9uomK5lcJjbcz9mnRIt0gg2ZHbV3JYzylVnfhuoL28BOA9CyaLRgPfFO2PWpoLHLYu2_rdgsSSeBwx0Rr9fWhyphenhypheniIhyphenhypheny4Wc19zm-Kx70Eib75RL6tAog8aDpJgQyYc8/s1600/NPOembed.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji4ub1F3rhcliNh9uomK5lcJjbcz9mnRIt0gg2ZHbV3JYzylVnfhuoL28BOA9CyaLRgPfFO2PWpoLHLYu2_rdgsSSeBwx0Rr9fWhyphenhypheniIhyphenhypheny4Wc19zm-Kx70Eib75RL6tAog8aDpJgQyYc8/s1600/NPOembed.png" height="258" width="400" /></a></div>
Tot voor kort bood de NPO de mogelijkheid om filmpjes te embedden op andere websites en blogs.<br />
Die mogelijkheid lijkt verdwenen te zijn, want de benodigde embed code wordt niet meer aangeboden. Op de FAQ pagina staat als <a href="https://help.npo.nl/faqs/uitzending-gemist-embedden" target="_blank">antwoord</a> dat je nog wel kunt delen, waarbij verwezen wordt naar <a href="http://www.npo.nl/artikelen/algemene-voorwaarden-privacy" target="_blank">de algemene voorwaarden</a>, maar delen is natuurlijk wat anders dan embedden.<br />
<br />
<b>Kan embedden dan niet meer?</b><br />
Jawel hoor, alleen is die optie nu wel goed verstopt. Hier is de instructie voor filmpjes die worden aangeboden via: http://www.npo.nl<br />
Heb je een filmpje gevonden dat je graag wilt embedden dan doe je het volgende:<br />
<ol>
<li>Neem de url van het filmpje dat je wilt embedden<br />
Bijvoorbeeld: http://www.npo.nl/rapport-voor-mijn-ouders/01-06-2014/KN_1657777</li>
<li>Verander de url als volgt: http://www.npo.nl/embed/KN_1657777</li>
<li>Zet die url in een iframe en klaar ben je!</li>
</ol>
<b>Voorbeeld:</b><br />
<iframe src="http://www.npo.nl/embed/KN_1657777" width="640" height="420"></iframe><br />
<br />
<b>Tip:</b><br />
Met die url kan je een filmpje natuurlijk ook mooi <a href="http://www.npo.nl/embed/KN_1657777" target="_blank">beeldvullend</a> via de beamer of op je digibord laten zien!<br />
<a name='more'></a><br />
<b>Uitzending gemist</b><br />
Voor uitzending gemist is de werkwijze iets anders, maar nog steeds heel simpel!<br />
<ol>
<li>Neem de url van het filmpje dat je wilt embedden<br />
Bijvoorbeeld: http://www.uitzendinggemist.nl/afleveringen/1421592<br />
</li>
<li>Verander de url als volgt: http://www.uitzendinggemist.nl/afleveringen/1421592/popout<br />
</li>
<li>Zet die url in een iframe en klaar ben je!</li>
</ol>
<b>Voorbeeld:</b><br />
<iframe src="http://www.uitzendinggemist.nl/afleveringen/1421592/popout" width="640" height="420"></iframe><br />
<br />
<b>Schooltv</b><br />
Bij Schooltv is het wat lastiger gemaakt, maar ook daar niet onmogelijk. De filmpjes van Schooltv worden namelijk ook gehost bij http://www.npo.nl<br />
<ol>
<li>Kies op de pagina waarvan je het filmpje wilt embedden voor: Paginabron wergeven</li>
<li>Zoek in de broncode naar: "this.currentVid.mid"</li>
<li>De code die je daar aantreft zet je weer achter http://www.npo.nl/embed/</li>
<li>Bijvoorbeeld: http://www.npo.nl/embed/WO_NTR_425476</li>
</ol>
<div>
<b>Voorbeeld:</b></div>
<div>
<iframe src="http://www.npo.nl/embed/WO_NTR_425476" width="640" height="420"></iframe></div>
<br />
<b>Nadelen</b><br />
Het grootste nadeel is dat het filmpje gelijk begint te spelen als de pagina geopend is. Wellicht dat daar nog een parameter voor is die je kunt meegeven met de url, maar daar ben ik nog niet achter. Meerdere filmpjes op een pagina insluiten is dus niet aan te raden.<br />
<br />
<b>Mogen en kunnen</b><br />
Iets dat kan, hoeft niet gelijk ook te mogen, dus wat dat betreft verwijs ik graag naar de <a href="http://www.npo.nl/artikelen/algemene-voorwaarden-privacy" target="_blank">algemene voorwaarden</a> bij de NPO. Voor particulier gebruik of bijvoorbeeld op school zie ik echter geen problemen. Voor een commerciële site zou ik er mijn vingers niet aan branden. Overigens is het zo dat je gewoon reclame te zien krijgt aan het begin van een filmpje, dus die inkomsten loopt de NPO niet mis.<br />
<br />
<b>Victor</b><br />
Met dank aan <a href="http://www.schoolhelpdesk.nl/victor/knowledgebase.php?article=1316" target="_blank">Victor</a>, de <b>V</b>raagbaak <b>ICT</b> + <b>O</b>nderwijs van de Schoolhelpdesk, die me op het idee bracht om dit verder uit te zoeken.<br />
Zie ook: <a href="http://www.marketingfacts.nl/berichten/uitzending-gemist-blokkeert-embedding-van-videos" target="_blank">Uitzending Gemist ‘blokkeert’ embedding van video’s</a> op Marketingfacts.ik gahttp://www.blogger.com/profile/03693580058102189888noreply@blogger.com2tag:blogger.com,1999:blog-312966501668703310.post-89477017763769231192013-03-10T15:16:00.000+01:002013-03-10T15:16:54.940+01:00Documenten van Marktplaatsmbo embedden<div class="separator" style="clear: both; text-align: center;">
<a href="http://marktplaatsmbo.nl/client/mbo2010/images/layout/Logo_MBO.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="http://marktplaatsmbo.nl/client/mbo2010/images/layout/Logo_MBO.jpg" /></a></div>
Stel je komt bruikbaar materiaal tegen op <a href="http://marktplaatsmbo.nl/bronnen/details/24,4405/bingokaart-sociale-media" target="_blank">Marktplaatsmbo.nl</a> dat je graag wilt gebruiken in je eigen ELO. Het lijkt niet mogelijk om documenten vanaf die plek te embedden. Tijd dus om wat verder te kijken!<br />
Marktplaatsmbo maakt op de achtergrond gebruik van Scribd.com en daar is het wél mogelijk om documenten met embed code aan te bieden.<br />
<br />
<a name='more'></a>Ik ben maar eens in de broncode gedoken en kwam erachter dat het eigenlijk helemaal niet zo moeilijk is. Ieder document op Scribd krijgt een unieke code en een access-key. Deze zijn makkelijk uit de paginabron te halen bij Marktplaatsmbo. Als je die info inpast in de embedcode van een willekeurig Scribd document werkt het gelijk! Breedte en hoogte aanpassen en klaar ben je!<br />
<br />
Maar misschien is het makkelijker om Marktplaatsmbo gewoon even te vragen of ze die functionaliteit aan willen zetten...<br />
<br />
Hieronder een proof of concept:<br />
<br />
<iframe class="scribd_iframe_embed" data-aspect-ratio="null" data-auto-height="false" frameborder="0" height="500" scrolling="no" src="http://www.scribd.com/embeds/129547235/content?start_page=1&view_mode=scroll&access_key=key-2cvmnd1rdqdc8xlq439f" width="640"></iframe>ik gahttp://www.blogger.com/profile/03693580058102189888noreply@blogger.com0