Skip to main content

How to create a QR code reader in Sketchware

A QR Code is a two dimensional optical bar code which is used for carrying data. QR stands for "Quick Response". Each QR Code normally contains an identifier, a locator and a url. These codes were initially used for tracking of auto parts but have become more popular in recent years. Nowadays they are used for providing easy access to website as well as for tracking purposes. That has made them a key marketing tool.

Instead of typing a url, a user can simply scan a code and be redirected to a specific page on a website. You can however adapt the QR Code and use it as you wish. Some time back I mentioned a tracking app for employees or students... using a QRCODE and your listviews, you can create a powerful tracking app.

So let's create a simple app which generates a QR Code using the data that we will provide. 

How it will work

A user can type something in an edittext field and when they click a button, we will call the QR code using an API to generate a code. We will then display that code in an imageview. So this code will be carrying whatever we put in our edittext field. In the first image I sent... if you scan it using a scanner app, you will see the message "ndeipi wangu".

Creating the layout

All we need to do is add the following:

1. Edittext- this is where we will type what the QR Code should hold. *NB- you can use other means of getting the data. e.g. you could allocate a username and get the current time without the user typing a thing

2. A button- this is where we will place our logic to translate the words we type into a QR code.

3. Imageview- this will display our QRCode So it will look like this 


qr code scanner

Use the logic below onbutton click. Set imageview fro url join the link and the textview that you will be using to enter your text. Then set the image visible when an image is displayed.

qr code on button click

The link text is

https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=

The final app will look like this:

qr code final app



Comments

Popular posts from this blog

Hip hop and RnB songs to apologize to your partner

Love is a beautiful thing, but it often goes wrong. This often leads to pain, suffering and sorrow.  Being imperfect beings, hearts tend to get broken all the time regardless how hard we may try to avoid it.  The heartbreak is often inadvertent but at times we find ourselves in the wrong. An oversight, a word unsaid or even a lapse in our judgement can cause our loved ones harm. This doesn't always have to be the end though. Oftentimes, relationships can be mended by simply uttering three simple words: "I AM SORRY". This article is a collection of some of my favourite 'I'm sorry' songs. I hope you'll enjoy these apology songs, but more importantly, I hope you will get a few quotables and some wisdom nuggets from them.  The best apology however, is to change behaviour (got that from a Jay Z interview) so as you apologize, please remember that it was your actions that hurt them. The best apology is one which involves you not repeating those same mistakes aga

Php date: How to get the first and last day of the week

In this tutorial, I'll show you how to get the first and last day of the week in php. By default, in PHP the week runs from Monday to Sunday. However we'll cover two methods to get the first and last day for both those who consider Sunday or Monday as their first day of the week. We will be using 2 functions to achieve this: date() strtotime() We will use a combination of these two functions and store the result in a variable.  How to get the first day of the week If you want to get Sunday, use this method: $firstday = date('l Y-m-d', strtotime("sunday -1 week")); echo $firstday; If you want to get the date for Monday, this current week, use this method: $monday = date('l Y-m-d', strtotime("monday -1 week ")); echo $monday; How to get the last day of the week The following code will give you Saturday as the last day of the current week. $lastday = date('l Y-m-d', strtotime("saturday 0 week")); echo $last

How to easily create background notifications in Sketchware(original)

How to easily create background notifications in Sketchware(original) One of the keys to building a successful app is to find mechanisms that will keep your users engaged. You can do this by using background notifications. This tutorial will show you how to do that in Sketchware. We will cover: 1. How to create notifications in Sketchware 2. How to show these notifications even when the app is closed.