Kuika’da QR kod oluşturma işlemi, uygulamanızda kullanıcı deneyimini geliştirmenin ve veriyi daha erişilebilir hale getirmenin etkili bir yoludur. Özellikle ürün takip, kullanıcı doğrulama veya mobil ödeme sistemlerinde QR kodlar oldukça kullanışlıdır. Qr kod oluşturma sürecininin genel işlevleri:
Veri Kodlama: Verilerinizi QR kod haline getirerek bir ürün, kullanıcı profili veya işlem hakkında hızlı bilgi erişimi sağlayabilirsiniz. QR kodlar, string formatındaki verilerin (örneğin, metin, URL vb.) base64 formatına çevrilmesiyle oluşturulur ve tarayıcılar ya da mobil cihazlar üzerinden okunabilir.
Özelleştirme: QR kodlar görsel içeriklerinize entegre edilebilir. Farklı veriler için dinamik olarak QR kodlar oluşturabilir ve her kullanıcıya ya da ürüne özgü kodlar yaratabilirsiniz.
Performans: QR kodlar, özellikle büyük veri setlerinde hızlı bir şekilde oluşturulabilir ve okunabilir. Veri boyutunun optimizasyonu ile QR kodların tarama hızı artırılabilir ve mobil cihazlarla yapılan taramalarda hızlı geri bildirim sağlanabilir. QR kod kullanımı uygulamanızı yüksek performanslı ve kullanıcı dostu hale getirir.
Bu eğitim içeriği aşağıdaki başlıklardan oluşmaktadır:
QR Kod oluşturma,
QR Kod görüntüleme,
QR Kod okutma.
QR Kod Oluşturun
QR kod oluşturmak için ilk adım, QR koduna dönüştürmek istediğiniz veriyi seçmektir. Bu veriler genellikle string formatında tutulur ve QR kodu oluşturma sürecinde base64 formatına çevrilir. Bu eğitim içeriğinde, URL elementini kullanarak QR kod oluşturmayı öğreneceksiniz.
Kuika platformuna giriş yaptıktan sonra “Apps” ekranından çalışacağınız projeyi açın.
“UI Design” modülünde, sol kenardaki “Elements” panelinden “Text Input” kategorisi altındaki URL elementini ekrana sürükleyip bırakın.
Sağ kenardaki Properties panelinden “Value” alanına QR Kod’a dönüştürmek istediğiniz URL’yi girin.
Ardından “ADD ACTİON” açılır menüsünden “On Change → Export → Generate QR Code” seçimini yapın.
Açılan menüdeki “Value” alanından Symbol Picker’a tıklayarak “Components → URL” seçimini yapın.
QR Kodu Görüntüleyin
QR kodu farklı bir ekranda görüntülemek istiyorsanız, “Navigate” aksiyonunu kullanarak yeni bir ekrana yönlendirme yapabilirsiniz.
QR Kod oluşturduktan sonra aşağıdaki adımları takip edin:
QR kodu farklı bir ekranda göstermek için UI Design modülünün Screens panelinden “+” ikonuna tıklayın.
“New Screen” seçimini yapın ve oluşturduğunuz ekrana “QR Code” ismini verin.
Sol kenardaki “Elements” panelinden “Display” kategorisi altındaki Image elementini ekrana sürükleyip bırakın.
Generate QR Code aksiyonunu eklediğiniz ekrana geri dönün.
“To Screen” alanından “QR Code” ekranını ve açılma yöntemini seçin.
Ardından sağ kenardaki “Screen Input”a tıklayın ve QR kodun ID’sini tanımlayın.
Artık QR kodunuz yeni oluşturduğunuz ekranda görüntülenecektir.
QR Kodunu Okutma
QR kodu okutmak için mobil cihazlar ve tarayıcılar kullanılabilir. QR kodu okutmak istediğiniz elemente “Scan Barcode” aksiyonunu eklemeniz yeterlidir.
