Webmaster Genel Webmasterların fikir alışverişi yapabileceği konulara bu başlık altından ulaşabilirsiniz. |
|
Seçenekler | Stil |
12 Temmuz 2021, 19:26 | #1 |
JavaScript QrCode Barkod Okuma ve Oluşturma
Çağımızın gereği en önemli unsur ‘bilgi’ dolayısıyla hayatımız bilgi merkezli bir yaklaşımla şekillenmekte ve bu yüzden günlük yaşantımızda belirli ihtiyaçlar ortaya çıkmaktadır. Bu ihtiyaçlardan en önemli ve hassasiyet gerektireni, bilginin bir yerden başka bir yere taşınması ve transfer edilmesidir.
Bilginin transfer sürecinde hedef odaklı bir disiplin ile birlikte güvenlik faktörlerininde önemi göz ardı edilemeyecek derecede kritik arz etselerde biz bu içeriğimizde -bilginin transfer- süreci odalı bir teknolojiyle ilgileneceğiz. Bu teknoloji QrCode teknolojisidir. QrCode Nedir? İsmini Quick Response(QR) kelimelerinin baş harflerinden alan bu teknoloji ilk olarak otomotiv sanayi sektöründe kullanılmak amacıyla geliştirilmiştir ve genellikle mobil cihazların kameralarından okutulabilen ve görsel olarak kodlanmış(yahut görsele gömülmüşte diyebiliriz) veriyi eylemi gerçekleştiren cihaza transfer eden bir teknolojidir. Yapısal olarak aşağıdakine benzer niteliklerde bir kare koddan oluşmaktadır; Peki bu kodu kendi projelerimize özel nasıl oluşturabiliriz? QrCode’u kendi projelerimizde kullanabilmek için JavaScript temelli QRCode.js kütüphanesini yahut .NET ortamında QRCoder kütüpnanesini kullanabiliriz. Bu içeriğimizde her iki kütüphane ile bir QrCode’un nasıl oluşturulduğunu inceleyeceğiz. QrCode üretebilmek için tasarlanmış hazır JavaScript kütüphanesidir. [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...] adresten indirilebilir. Kullanımı ise aşağıdaki gibi oldukça basit ve pratiktir; QRCode.js İle JavaScript Ortamında QrCode Oluşturma HTML-Kodu<html> <head> <script src="qrcode.min.js"></script> </head> <body> <div id="qrcode"></div> <script type="text/javascript"> new QRCode(document.getElementById("qrcode"), { text: 'barkoda cevrilecek veriyi buraya yazınız.', width: 250, height: 250, colorDark: 'red', colorLight: 'white', correctLevel: QRCode.CorrectLevel.H }); </script> </body> </html> İlk olarak instascan.js kütüphanesini [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...] adresinden indirip uygulamanıza dahil ediniz. Ardından html/body içerisinde uygun yere kemara görüntüsünü yansıtacağınız <video id=”preview”></video> kodlarını yerleştiriniz. HTML-Kodu<!DOCTYPE html> <html lang="en"> <head> <script src="https://rawgit.com/schmich/instascan-builds/master/instascan.min.js"></script> </head> <body> <video id="preview" style="width: 500px;height: 500px;"></video> <br> <select id="cameras"></select> </body> </html> HTML-Kodu-- app.js -- let scanner = new Instascan.Scanner({ video: document.getElementById('preview') }); scanner.addListener('scan', function (content) { //Barkod okunduğunda veriyi burası yakalayacaktır. alert(content) }); let cameraList = []; //Tüm kameraları tutacağımız liste. Instascan.Camera.getCameras().then(function (cameras, image) { //PC'de ki tüm kameraları algılayarak bizlere getirecektir. this.cameraList = cameras; cameras.forEach(element => { //Gelen kameralar select elementinde listelenmektedir. let cameraList = document.getElementById("cameras"); let option = document.createElement("option"); option.text = element.id; option.value = element.id; cameraList.add(option); scanner.start(cameras[0]) }); }).catch(() => console.error(e)); document.getElementById("cameras").addEventListener("change", event => { //Select elementinde seçilen kamerayı qr code scanner olarak belirleyen olaydır. scanner.start(this.cameraList.find(c => c.id == event.target.value)); }) scanner.stop() Kamera görüntüsünü almayı sonlandırarak kamera kapatılır. scanner.scan() O anki kamera görüntüsünü almamızı sağlar. Geriye ‘content’ ve ‘image’ olmak üzere iki parametre döndürür. ‘addListener’ metoduna nazaran tek kullanımlıktır. scanner.addListener(‘?’, callback) Sürekli modda çalışan fonksiyondur. ‘scan’, ‘active’ ve ‘inactive’ olmak üzere üç parametresi mevcuttur.
Kaynak : [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]
________________
06/02/2023 İnsan olan herkesin kalbi acıdı.
Konu ExCaLuBuR tarafından (12 Mart 2023 Saat 22:53 ) değiştirilmiştir.. |
|
|
12 Temmuz 2021, 19:28 | #2 |
Emeğinize sağlık
________________
|
|
|
12 Temmuz 2021, 19:31 | #3 |
emeginize saglik
paylasim icin tesekur ederiz
________________
No MoRe DramA
|
|
|
12 Temmuz 2021, 20:39 | #4 |
Java diyince ta 10 sene öncesine gittim valla ya wepten giriş olmayınca javayı kullanıyorduk pehh
|
|
|
12 Temmuz 2021, 21:03 | #5 |
Paylaşım için teşekkür ederiz, elinize sağlık..
________________
~ E & B ~ |
|
|
16 Ağustos 2021, 23:08 | #6 |
paylasim icin tesekkürler
________________
Hope. . . ✨
|
|
|
17 Ağustos 2021, 00:21 | #7 |
Paylaşım için teşekkürler
________________
bazen insanlar iyilesmek istemez.
cünkü , icindeki acı sevdiklerinin son hatirasidir.. per aspera ad astra ✨ |
|
|
19 Aralık 2021, 12:48 | #8 |
Yakında her yerde olacak olan Qrcode humm
|
|
|
19 Aralık 2021, 15:32 | #9 |
eline koluna sağlık ustam
________________
Fuego, sonrisas, realidad y dolor . . . Bırak elinde ki kalemi diyorlar, bırak şeytan doldurur. Ve bugün imge dediğin her şey, bir anda bizim gibi bir katil olur.. |
|
|
Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir) | |
|
|