Selasa, 29 April 2014

Qr Code

Pada pertemuan kali ini saya akan membahas cara membuat Qr code membuat Qr code generator dengan menggunakan google API chart.
Pertama kali kita harus membuat project baru.


Selanjutnya adalah tampilan untuk mengatur icon, background dan lain-lain untuk aplikasi kita.

Isi Activity Name, Layout Name dan lain-lainnya. Lalu klik Finish

Lalu modifikasi AndroidManifest.xml tambahkan uses-permission seperti dibawah ini

Kemudian buka res > layout > activity_main.xml tulis source code berikut

Untuk MainActivity.java tulis source code di bawah ini
package com.example.elsafanqrcode;

import android.os.Bundle;
import android.app.Activity;
import android.view.View;
import android.view.Window;
import android.view.View.OnClickListener;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.widget.Button;
import android.widget.EditText;

public class MainActivity extends Activity implements OnClickListener{

    EditText karakter;
    Button ok;
    WebView mainWebView = null;
   
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        this.getWindow().requestFeature(Window.FEATURE_PROGRESS);
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        karakter = (EditText)findViewById(R.id.qrInput);
        ok.setOnClickListener(this);
    }

    public void onClick(View ok) {
            // TODO Auto-generated method stub
       
        mainWebView = (WebView) findViewById (R.id.mainWebView);
        mainWebView.loadUrl("http://chart.apis.google.com/chart?cht=qr&chs=230x230&chl=+(karakter.getText())");
       
        getWindow().setFeatureInt(Window.FEATURE_PROGRESS,
                Window.PROGRESS_VISIBILITY_ON);
       
        mainWebView.setWebChromeClient(new WebChromeClient(){
                public void onProgressChanged(WebView view, int progress){
                    MainActivity.this.setTitle("Loading");
                    MainActivity.this.setProgress(progress * 100);
                    if (progress == 100) {
                        MainActivity.this.setTitle(view.getTitle());
                    }
                }
        });
    }

}


Setelah itu aplikasi dapat di jalankan dan hasilnya akan menjadi seperti ini

Jika anda memiliki android maka install Qr Code reader lalu scan Qr code yang di atas seperti di bawah ini

Tidak ada komentar:

Posting Komentar