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.comBlogger2125tag:blogger.com,1999:blog-312966501668703310.post-60182945299384297722016-07-07T00:10:00.001+02:002016-07-07T00:25:02.955+02:00QR codes genereren<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-Prl1-jlOmYY/V31xGXXPT7I/AAAAAAAAjTY/IuZvbOc9XmAznYHhUuaC5LMlmuDUTcQUACKgB/s1600/QRcode.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://3.bp.blogspot.com/-Prl1-jlOmYY/V31xGXXPT7I/AAAAAAAAjTY/IuZvbOc9XmAznYHhUuaC5LMlmuDUTcQUACKgB/s1600/QRcode.png" /></a></div>
Voor een project waarover ik in de loop van volgend jaar meer kan vertellen heb ik een aantal QR codes nodig. Nu zijn er diverse online QR code generatoren beschikbaar, maar die deden eigenlijk geen van alle wat ik precies wilde, dus heb ik op basis van een <a href="https://developers.google.com/chart/infographics/docs/qr_codes?csw=1" target="_blank">Google API</a> en wat Javascript <a href="http://www.trendmatcher.nl/qr" target="_blank">zelf een generator gemaakt</a> waarbij ik makkelijk de grootte kan kiezen. Voorwaarde binnen dat project is dat de code makkelijk en op afstand goed is uit te lezen.<br />
<br />
Zo'n QR code generator vertaalt gewoon de karakters die je invoert naar blokjes. Dus hoe meer tekst of hoe langer de url, des te meer blokjes je krijgt. En hoe meer blokjes, hoe lastiger het is voor een scanner om de code goed uit te lezen. Dus is het slim om de url waarvan je een QR code wilt hebben eerst in te korten met een URL shortener. Ik gebruik daarvoor altijd <a href="http://goo.gl/" target="_blank">goo.gl</a>.<br />
Bijkomend voordeel is dan dat je gelijk de beschikking krijgt over statistieken. <a href="http://goo.gl/" target="_blank">Goo.gl</a> houdt namelijk keurig bij hoe vaak een url wordt opgeroepen. Daarnaast maakt goo.gl ook nog automatisch een QR code aan, maar die heeft een grote witte rand die ik niet wilde hebben, vandaar dat ik zelf <a href="http://www.trendmatcher.nl/qr" target="_blank">een generator</a> gemaakt heb.<br />
Hieronder zie je QR codes van dezelfde url, waarbij de tweede variant eerst kleiner is gemaakt via goo.gl<br />
<a name='more'></a><br />
<table style="width: 100%;"><tbody>
<tr><td><img border="0" src="https://4.bp.blogspot.com/-o6ubKV73BNA/V31_R9xquCI/AAAAAAAAjTk/cF8Q03UT5a4wRwEnAHWn8d8NKK703mhIwCLcB/s1600/GoogleSlideQR1.png" /></td><td align="right"><img border="0" src="https://1.bp.blogspot.com/-lRwBvGDGxqE/V31_wdvXxaI/AAAAAAAAjTo/C2yvb4Q2QyoHrV3D0-dFZrXzMCH5dsrfQCLcB/s1600/GoogleSlideQR2.png" /></td></tr>
<tr><td><a href="https://docs.google.com/presentation/d/1o2EgoBJeBw69LK8MpTmKj5LrsFfunkpYEbNjm2BP_nI/pub?start=true&loop=true&delayms=3000" target="_blank">https://docs.google.com/presentation/d/1o2Ego</a><br />
<a href="https://docs.google.com/presentation/d/1o2EgoBJeBw69LK8MpTmKj5LrsFfunkpYEbNjm2BP_nI/pub?start=true&loop=true&delayms=3000" target="_blank">BJeBw69LK8MpTmKj5LrsFfunkpYEbNjm2B</a><br />
<a href="https://docs.google.com/presentation/d/1o2EgoBJeBw69LK8MpTmKj5LrsFfunkpYEbNjm2BP_nI/pub?start=true&loop=true&delayms=3000" target="_blank">P_nI/pub?start=true&loop=true&delayms=3000</a></td><td align="center"><a href="https://goo.gl/TJCtxk" target="_blank">https://goo.gl/TJCtxk</a></td></tr>
</tbody></table>
Het verschil in complexiteit van de QR codes zal hiermee gelijk duidelijk zijn! De rechter is natuurlijk veel makkelijker uit te lezen dan de linker.ik gahttp://www.blogger.com/profile/03693580058102189888noreply@blogger.com2tag:blogger.com,1999:blog-312966501668703310.post-67478836858240795022015-05-29T13:12:00.000+02:002015-05-29T13:12:48.761+02:00Vives Kijktips straks met QR Code?<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5LzQNnUjlx_FGqBUNyst2HeyjLjbWj17R_FNB2a8d9HKM4UyBPdwy-KO7p70wNPyY5nedqS_aOU77fACsMUTwYbOmQA0ymKVG26TjM7tVXCoXLK5ikvuB21eJK4iYx39oQSaFO9wtPDA/s1600/VivesKijktips.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5LzQNnUjlx_FGqBUNyst2HeyjLjbWj17R_FNB2a8d9HKM4UyBPdwy-KO7p70wNPyY5nedqS_aOU77fACsMUTwYbOmQA0ymKVG26TjM7tVXCoXLK5ikvuB21eJK4iYx39oQSaFO9wtPDA/s400/VivesKijktips.jpg" width="400" /></a></div>
Deze week rolde er weer een mooi <a href="http://www.vives.nl/" target="_blank">Vives Magazine</a> in de bus met daarin veel interessante artikelen, lees- en kijktips. In de meeste gevallen staat er dan uiteraard een url bij waarmee je wordt doorverwezen naar meer informatie.<br />
Zo stond er bij een kijktip de volgende url:<br />
<blockquote class="tr_bq">
<b>youtube.com/watch?v=y1txYjo SQQc&feature=youtu.be&a</b></blockquote>
Tsja, wie gaat dat nu overtikken? Natuurlijk kan dat ook anders! Ten eerste biedt YouTube zelf een kortere url aan, namelijk: <b>https://youtu.be/y1txYjoSQQc</b><br />
De https:// mag je gerust weglaten zodat je overhoudt: <b>youtu.be/y1txYjoSQQc</b><br />
Maar dat is nog best lastig om over te tikken omdat bij dergelijke urls er wel degelijk verschil wordt gemaakt in hoofd- en kleine letters! Deze url werkt dus niet: <b>youtu.be/y1txyjosqqc</b><br />
<br />
Maar waarom zo moeilijk doen? Je kunt van iedere url toch een QR code maken? Even scannen met je webcam, tablet of smartphone en je komt waar je zijn wilt!<br />
<a name='more'></a><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir3OKBZc4K_5JvPEV0rKAoTCcACQVvJKgK4pieQyi4ehLQQjh73zEJ53ArI9zgTnCMlSFnOWl4EeGMyZ-hFH01vy20VCdg1s3wqI-tc75_o_h2wZcFhbZnPtxAnVBRn7LM5GITGSEGAx4/s1600/langeurl1.png" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir3OKBZc4K_5JvPEV0rKAoTCcACQVvJKgK4pieQyi4ehLQQjh73zEJ53ArI9zgTnCMlSFnOWl4EeGMyZ-hFH01vy20VCdg1s3wqI-tc75_o_h2wZcFhbZnPtxAnVBRn7LM5GITGSEGAx4/s200/langeurl1.png" width="200" /></a>Maar ook dan maakt het uit hoe je dat doet en welke url je ervoor gebruikt.<br />
De allereerste url genereert de QR code rechts:<br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjZ9JCJ4lADfeNtKr8WWcuxAybupxx46H4Vc3qNkEte-Q6cwjQzhqm89k82kdIDROJ7gYymI1Vv2DJd0uvqO39qybx-Uaiu48NPs4a2XbJjI70EC9rdJfScf2Fp3NJMUPi4JNYtc-SG8A/s1600/langeurl2.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjZ9JCJ4lADfeNtKr8WWcuxAybupxx46H4Vc3qNkEte-Q6cwjQzhqm89k82kdIDROJ7gYymI1Vv2DJd0uvqO39qybx-Uaiu48NPs4a2XbJjI70EC9rdJfScf2Fp3NJMUPi4JNYtc-SG8A/s200/langeurl2.png" width="200" /></a>De korte url van Youtube genereert de QR code links.<br />
<br />
Je zult zien dat die al een stuk makkelijker te scannen is! Logisch natuurlijk, want hoe minder tekst, des te minder ingewikkeld de QR code hoeft te zijn.<br />
<br />
Voor het genereren van bovenstaande codes maak ik gebruik van <a href="https://createqrcode.appspot.com/" target="_blank">deze website</a>, die gebruik maakt van de Google Chart API URL. Er zijn allerlei QR Code generatoren online te vinden, maar die leiden je vaak langs hun eigen site, soms zonder dat je dat in de gaten hebt!<br />
<br />
<b>Het kan veel slimmer!</b><br />
Maar het kan nog slimmer, namelijk door de url eerst in te korten met een url shortener. Je hebt al gezien: hoe minder karakters, des te simpeler de QR Code.<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjng9i3wn1Tbg79LoCby8F09jQuL_gNmVlW4B-owVOYF4-B-XiCsGXLy8KqJMWDyyzXHO0XS1mptB0MTdClsO2bXOQY6Oj6RQg0iCVVSKtYTifpHr-ib7e63l5JiTvsSZphhsm8bKL6KYE/s1600/langeurl4.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/AVvXsEjng9i3wn1Tbg79LoCby8F09jQuL_gNmVlW4B-owVOYF4-B-XiCsGXLy8KqJMWDyyzXHO0XS1mptB0MTdClsO2bXOQY6Oj6RQg0iCVVSKtYTifpHr-ib7e63l5JiTvsSZphhsm8bKL6KYE/s200/langeurl4.png" /></a>En dan kom ik terecht bij <a href="http://goo.gl/" target="_blank">goo.gl</a><br />
Als je daarmee een url korter maakt krijg je ook een QR Code aangeboden! Het voordeel is dat eerst de url gekort wordt en dat dan pas de QR Code gemaakt wordt. Na het lezen van bovenstaande snap je dat je dan een heel simpele QR Code overhoudt die makkelijk te scannen zal zijn.<br />
Het YouTube filmpje waar ik mee begon wordt door <a href="http://goo.gl/" target="_blank">goo.gl</a> ingekort tot: <b>goo.gl/lwvwKA</b>. Ook hierbij moet je alsnog opletten op hoofd- en kleine letters, maar de QR Code ziet er zo uit:<br />
Zoals je ziet nog weer simpeler dan die hierboven. Tel het aantal vierkantjes maar!<br />
<br />
<b>Statistieken</b><br />
Tenslotte heeft deze werkwijze nóg een voordeel.<br />
Als je bent ingelogd bij Google terwijl je <a href="http://goo.gl/" target="_blank">goo.gl</a> gebruikt worden er statistieken bijgehouden door Google hoe vaak de url is aangeklikt. Zo kan Vives volgen hoe populair hun artikelen en tips zijn, of in ieder geval hoe vaak mensen de QR code gebruiken!<br />
<br />
Ben je niet zo'n fan van Google? Gebruik dan een andere url verkorter zoals <a href="http://bit.ly/" target="_blank">bit.ly</a> en maak van de korte url die je daar krijgt een QR Code via <a href="https://createqrcode.appspot.com/" target="_blank">createqrcode.appspot.com</a><br />
<br />
<b>Zelf maken</b><br />
Wil je de QR Code helemaal zelf maken? Ook dat kan met de Google Chart API URL.<br />
Kijk maar eens naar de url van <a href="http://chart.apis.google.com/chart?cht=qr&chs=500x500&chl=http://trendmatcher.nl" target="_blank">dit plaatje</a> en bestudeer de url.<br />
<a href="http://chart.apis.google.com/chart?cht=qr&chs=500x500&chl=http://trendmatcher.nl" target="_blank">http://chart.apis.google.com/chart?cht=qr&chs=500x500&chl=http://trendmatcher.nl</a><br />
Dan zie je al snel dat je zelf de grootte van het plaatje kunt aanpassen en een andere url kunt invoeren. Probeer maar uit!<br />
<br />
Heel benieuwd of <a href="http://www.vives.nl/" target="_blank">Vives Magazine</a> deze tip overneemt. Ze mogen hem gratis van me hebben, want jullie hebben hem nu toch al:-)ik gahttp://www.blogger.com/profile/03693580058102189888noreply@blogger.com2