Cara Buat OCR Reader Atau Gambar Menjadi Text Menggunakan Android Studio

Sekarang saya akan kembali membagikan source code android studio gratis pada teman – teman yang dimana kita sekarang akan membuat aplikasi OCR. Mungkin teman – teman bertanya “apa sih manfaat aplikasi ini ?” jawabannya simple ialah untuk mempermudah membuat text tanpa harus mengetik hanya dengan mengarahkan camera ke gambar yang berbentuk text.

Mudah - mudahan aplikasi ini bisa bermanfaat dan siapa tahu bisa dijadikan referensi untuk belajar, skiripsi maupun digunakan untuk hal penting lainnya, dan bahasa pemprograman yang digunakan pada aplikasi ini yaitu java, kenapa java? Karena admin familiar dengan bahasa pemprograman java.

Oke sekarang kita buat projectnya.....

Pertama Buka Android Studio kalian lalu pilih file > New > new project lalu pilih Empty Activity lalu Click Next kemudian beri nama project kalian "OCR" tanpa tanda petik. Untuk API menggunkan API 14.

Untuk yang kedua kita buka gradle lalu tambahkan liblary "implementation 'com.google.android.gms:play-services-vision:11.0.4'" tanpa tanda petik dua (" ") di build.gradle(Module: app) seperti contoh dibawah.

build.gradle(Module: app)

  dependencies {
      implementation fileTree(dir: 'libs', include: ['*.jar'])
      implementation 'androidx.appcompat:appcompat:1.0.2'
      implementation 'androidx.constraintlayout:constraintlayout:1.1.3'
      implementation 'com.google.android.gms:play-services-vision:11.0.4'
      testImplementation 'junit:junit:4.12'
      androidTestImplementation 'androidx.test:runner:1.1.1'
      androidTestImplementation 'androidx.test.espresso:espresso-core:3.1.1'
  }

Lalu untuk langkah yang ketiga tambahkan permission di AndroidManifest.xml seperti contoh dibawah.

AndroidManifest.xml

  <?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.ocr">
<uses-permission android:name="android.permission.CAMERA"/>
    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <meta-data android:name="com.google.android.gms.vision.DEPENDENCIES" android:value="ocr"/>
    </application>
</manifest>

Kemudian yang keempat buka

activity_main.xml lalu ketik atau copy

code dibawah ini.

activity_main.xml

  <?xml version="1.0" encoding="utf-8"?>
<androidx.appcompat.widget.LinearLayoutCompat xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:weightSum="5"
    tools:context=".MainActivity"
    android:background="#6F18A5">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:layout_weight="2"
        android:padding="30dp"
        android:background="#22377E"
        android:layout_marginBottom="5dp">

        <SurfaceView
            android:id="@+id/surface_view"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    </LinearLayout>

  <LinearLayout
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:orientation="vertical"
      android:layout_weight="3"
      android:background="#34007FFF"
      android:padding="30dp"
      android:layout_marginTop="5dp">

      <EditText
          android:id="@+id/text_view"
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:textStyle="bold"
          android:gravity="top"
          android:text="@string/txt_message"
          android:background="#FFFFFF"
          android:textSize="20sp"/>
  </LinearLayout>

</androidx.appcompat.widget.LinearLayoutCompat>

untuk yang terahir tambahkan code di bagian MainActivity.java seperti contoh

dibawah ini.

MainActivity.java

  package com.example.ocr;

import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;
import androidx.core.app.ActivityCompat;

import android.Manifest;
import android.content.pm.PackageManager;
import android.nfc.Tag;
import android.os.Bundle;
import android.util.Log;
import android.util.SparseArray;
import android.view.SurfaceHolder;
import android.view.SurfaceView;
import android.widget.EditText;
import android.widget.TextView;
import android.widget.Toast;

import com.google.android.gms.vision.CameraSource;
import com.google.android.gms.vision.Detector;
import com.google.android.gms.vision.text.TextBlock;
import com.google.android.gms.vision.text.TextRecognizer;

import java.io.IOException;

public class MainActivity extends AppCompatActivity {

    SurfaceView cameraView;
    EditText textView;
    CameraSource cameraSource;
    final int RequestCameraPermissionID = 1001;

    @Override
    public void onRequestPermissionsResult(int requestCode, @NonNull String[] permissions, @NonNull int[] grantResults) {
        switch (requestCode){
            case RequestCameraPermissionID:{
                if (grantResults[0] == PackageManager.PERMISSION_GRANTED){
                    if (ActivityCompat.checkSelfPermission(this,Manifest.permission.CAMERA) != PackageManager.PERMISSION_GRANTED){
                        return;
                    }try {
                        cameraSource.start(cameraView.getHolder());
                    }catch (IOException e){
                        e.printStackTrace();
                    }
                }
            }
            break;
        }
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        cameraView = findViewById(R.id.surface_view);
        textView = findViewById(R.id.text_view);
        startCameraSource();
    }
    private void startCameraSource(){

        TextRecognizer textRecognizer = new TextRecognizer.Builder(getApplicationContext()).build();

        if (!textRecognizer.isOperational()){
            Log.w("MainActivity", "Detector dependencies are not yet available");
        }else {
            cameraSource = new CameraSource.Builder(getApplicationContext(),textRecognizer)
                   .setFacing(CameraSource.CAMERA_FACING_BACK)
                   .setRequestedPreviewSize(1280,1024)
                   .setAutoFocusEnabled(true)
                   .setRequestedFps(2.0f)
                   .build();
            cameraView.getHolder().addCallback(new SurfaceHolder.Callback() {
                @Override
                public void surfaceCreated(SurfaceHolder surfaceHolder) {

                    try {
                        if (ActivityCompat.checkSelfPermission(getApplicationContext(),Manifest.permission.CAMERA) != PackageManager.PERMISSION_GRANTED){
                            return;
                        }
                        cameraSource.start(cameraView.getHolder());
                    }catch (IOException e){
                        e.printStackTrace();
                    }
                }

                @Override
                public void surfaceChanged(SurfaceHolder holder, int i, int i1, int i2) {

                }

                @Override
                public void surfaceDestroyed(SurfaceHolder surfaceHolder) {
                    cameraSource.stop();
                }
            });

            textRecognizer.setProcessor(new Detector.Processor<textblock>() {
                @Override
                public void release() {

                }

                @Override
                public void receiveDetections(Detector.Detections<textblock> detections) {
                    final SparseArray<textblock> items = detections.getDetectedItems();
                    if (items.size()!= 0){
                        textView.post(new Runnable() {
                            @Override
                            public void run() {
                                StringBuilder stringBuilder = new StringBuilder();
                                for (int i = 0; i < items.size(); ++i) {
                                    TextBlock item = items.valueAt(i);
                                    stringBuilder.append(item.getValue());
                                    stringBuilder.append("\n");
                                }
                                textView.setText(stringBuilder.toString());
                            }
                        });
                    }
                }
            });
        }
    }
}

untuk hasil run kalian bisa lihat pada gambar dibawah ini. kalau teman - teman membuat aplkasi ini langkah demi langkah seperti yang ada di tutorial kemungkinan besar tidak akan mengalami masalah atau Error.

Sekian dulu tutorialnya semoga bisa bermanfaat dan jangan lupa dukung blog ini dengan harapan akan berkembang dan selalu membagikan code gratis untuk teman - teman terimkasih sampai jumpa tutorial berikutnya.

Cara Buat OCR Reader Atau Gambar Menjadi Text Menggunakan Android Studio

0 Response to "Cara Buat OCR Reader Atau Gambar Menjadi Text Menggunakan Android Studio"

Posting Komentar