Värilliset, kuvalliset ja muotoillut QR-koodithttps://peda.net/id/56bf98d872015-10-23T17:23:33+03:00https://peda.net/:static/537/peda.net.logo.bg.svg<div class="license">Tämän sivun lisenssi <a rel="license" href="https://peda.net/info">Peda.net-yleislisenssi</a></div>
Värilliset, kuvalliset ja muotoillut QR-koodithttps://peda.net/id/66f8cb5c72015-10-23T17:56:39+03:00Tavanomaisten mustavalkoisten QR-koodien lisäksi joillakin QR-generaattoreilla voi tehdä koodeja, joissa koodin pikselien väriä tai muotoa, taustan väriä tai koodin asentoa voi muuttaa. Koodiin voi myös upottaa haluamansa kuvan tai logon. Koodiin voi liittää myös lisätekstiksi esimerkiksi linkin tai koodin selitteen.<br/>
<br/>
QR-koodien muotoilun haittapuoli on kuitenkin se, että koodin luettavuus saattaa kärsiä. Siksi koodin toiminnan testaaminen on entistäkin tärkeämpää.<br/>
<br/>
Itse olen personoinut esimerkiksi Liikuntaohjelmien QR-koodit ryhmän (esim. 7ABC) logolla QRHacker generaattorilla. Ohje ohjelmaan löytyy alta. QR-koodien personointi kuvalla, logolla tai tekstillä on helpottanut koodien tunnistamista esimerkiksi silloin, kun tulostaa samalle tarra-arkille oppilaita varten useita eri koodeja. Kun koodin tunnistaa logosta, on helppoa antaa oikea tarrakoodi kyseisen ryhmän oppilaalle.<br/>
<br/>
Linkki kattavaan koosteeseen:<br/>
<a href="http://www.qr-koodi.net/vaumlrikkaumlaumlt-ja-muotoillut-qr-koodit.html" rel="nofollow ugc noopener">http://www.qr-koodi.net/vaumlrikkaumlaumlt-ja-muotoillut-qr-koodit.html</a>2015-10-23T17:14:41+03:00QRHackerhttps://peda.net/id/a8a2037472015-10-23T19:37:45+03:00Mene sivulle: <a href="http://www.qrhacker.com/" rel="nofollow ugc noopener">http://www.qrhacker.com/</a><br/>
<br/>
<a href="https://peda.net/p/anna.haapalainen%40edu.mikkeli.fi/at/tervetuloa-sivuille/qkt/qtt/vjkq/qrhacker/qrhacker1-png#top" title="QRHacker1.png"><img src="https://peda.net/p/anna.haapalainen%40edu.mikkeli.fi/at/tervetuloa-sivuille/qkt/qtt/vjkq/qrhacker/qrhacker1-png:file/photo/436862a15c035a226603bae74480c1b0a5555640/QRHacker1.png" alt="" title="QRHacker1.png" class="inline" loading="lazy"/></a><br/>
<br/>
Voit luoda QR-koodeja kirjautumatta tai luomalla itsellesi tilin. <br/>
<br/>
<b>1. Generate</b><br/>
Valitse ensin minkä tyyppisen QR-koodin haluat luoda. <span>Jos olet luomassa QR-koodia pitkästä verkko-osoitteesta (website URL), on suositeltavaa lyhentää osoite ennen koodin luontia. Näin koodista tulee yksinkertaisempi ja siten myös helpommin luettava. <a href="https://peda.net/p/anna.haapalainen%40edu.mikkeli.fi/at/tervetuloa-sivuille/vl">Katso ohjeet tästä linkistä</a>.<br/>
<br/>
<b>2. Paina sinistä Generate nappulaa<br/>
</b>Keskelle kuvaruutua tulee luoto QR-koodi.<br/>
<b><br/>
<a href="https://peda.net/p/anna.haapalainen%40edu.mikkeli.fi/at/tervetuloa-sivuille/qkt/qtt/vjkq/qrhacker/qrhacker2-png#top" title="QRHacker2.png"><img src="https://peda.net/p/anna.haapalainen%40edu.mikkeli.fi/at/tervetuloa-sivuille/qkt/qtt/vjkq/qrhacker/qrhacker2-png:file/photo/1e933bf334522e10aea43e3f5f778e55169ca7fa/QRHacker2.png" alt="" title="QRHacker2.png" class="inline" loading="lazy"/></a><br/>
<br/>
3. Customize<br/>
</b>Oikeassa laidassa voit muokata QR-koodin tyyliä<br/>
<b>Background</b>: muuta taustaa muuttamalla väriä (solid colour) tai laittamalla taustalle kuva (photo). Kuvan voit ladata joko tietokoneelta (upload) tai voit käyttää verkko-osoitetta (use url), josta kuva ladataan.<br/>
<a href="https://peda.net/p/anna.haapalainen%40edu.mikkeli.fi/at/tervetuloa-sivuille/qkt/qtt/vjkq/qrhacker/qrhacker3-png#top" title="QRHacker3.png"><img src="https://peda.net/p/anna.haapalainen%40edu.mikkeli.fi/at/tervetuloa-sivuille/qkt/qtt/vjkq/qrhacker/qrhacker3-png:file/photo/560911004a90de2e69e6bb90c363a96e1104ee31/QRHacker3.png" alt="" title="QRHacker3.png" class="inline" loading="lazy"/></a><br/>
<b>Foreground</b>: <br/>
Voit muokata yksittäisiä pikeleitä valitsemalla värin ja piirtämällä kynätyökalulla QR-koodin päälle (kuva alla). Voit lisätä kuvan tiedostosta tai verkko-osoitteesta (kuten kohdassa background), josta QR-koodi muodostuu. Tai voit lisätä kuvan tai logon QR-koodin päälle.<br/>
<a href="https://peda.net/p/anna.haapalainen%40edu.mikkeli.fi/at/tervetuloa-sivuille/qkt/qtt/vjkq/qrhacker/qrhacker4-png#top" title="QRHacker4.png"><img src="https://peda.net/p/anna.haapalainen%40edu.mikkeli.fi/at/tervetuloa-sivuille/qkt/qtt/vjkq/qrhacker/qrhacker4-png:file/photo/9457169a0cb46888e9768d19ec33f85d0823920d/QRHacker4.png" alt="" title="QRHacker4.png" class="inline" loading="lazy"/></a><br/>
<br/>
Vertailu Background photo vs Foreground Add my photo/logo<br/>
<a href="https://peda.net/p/anna.haapalainen%40edu.mikkeli.fi/at/tervetuloa-sivuille/qkt/qtt/vjkq/qrhacker/qrhacker5ja6-png#top" title="QRHacker5ja6.png"><img src="https://peda.net/p/anna.haapalainen%40edu.mikkeli.fi/at/tervetuloa-sivuille/qkt/qtt/vjkq/qrhacker/qrhacker5ja6-png:file/photo/7ad89e76bea3cc5653c29e4421595ffe89869c07/QRHacker5ja6.png" alt="" title="QRHacker5ja6.png" class="inline" loading="lazy"/></a><br/>
<br/>
<b>Huom! Muista tarkistaa QR-koodin toimivuus. Ohjelma huomauttaa liiallisesta muuntelusta "Too much modification!"</b></span>2015-10-23T17:59:28+03:00