Tutorial Cara Membuat Aplikasi PDF Reader di Android Studio

Tutorial Cara Membuat Aplikasi PDF Reader di Android Studio

Halo semuanya, bagaimana kabar kalian hari ini? Saya harap kalian semua dalam keadaan yang baik-baik saja. Pada kesempatan kali ini saya akan membagikan Tutorial Cara Membuat Aplikasi PDF Reader di Android Studio dengan mudah.

PDF adalah sebuah format dokumen yang sangat familiar di telinga kita. Bahkan orang tua pun pasti paham dengan format dokumen tersebut. format dokumen ini sangat berguna sekali untuk keperluan kita dalam membuat dokumen penting seperti majalah, surat, tugas dan masih banyak lagi.

Android sendiri sudah membuat aplikasi khusus untuk membaca file dokumen dengan format pdf ini. Untuk itu, kita akan belajar cara membuatnya.

Tutorial Cara Membuat Aplikasi PDF Reader di Android Studio

Buatlah project Android Studio baru dengan informasi seperti pada tabel dibawah ini:

Application Name:PDF App
Package Name:com.androidrion.pdfapp
Language:Java
Minimum SDK:API 16: Android 4.1 (Jelly Bean)

Daftar file library yang digunakan dalam projek ini:

  1. Android PdfViewer

Daftar file pdf yang digunakan dalam projek ini:

  1. cv.pdf

Daftar file xml layout yang digunakan dalam projek ini:

  1. activity_main.xml

Daftar file java activity yang digunakan dalam projek ini:

  1. MainActivity.java

Dibawah ini adalah langkah-langkah dalam pembuatan aplikasi PDF App.

Langkah 1: Menambahkan Library

1. Buka file build.gradle (Module: PDF_App.app)

2. Tambahkan kode dibawah ini di dalam file tersebut.

    implementation 'com.github.barteksc:android-pdf-viewer:3.2.0-beta.1'

Kalian bisa mengikuti tutorial pada link dibawah ini untuk menambahkan library pada projek Android Studio kalian.

3. Apabila sudah, lakukan sync pada project Android Studio kalian agar bisa menggunakan widgetnya.

Langkah 2: Membuat Folder Assets

Untuk membuat folder assets pada project Android Studio. kalian bisa mengikuti tutorial pada link dibawah ini.

Langkah 3: Tambahkan File Dokumen Dengan Format PDF

Masukkan file dokumen dengan format pdf ke dalam folder assets yang telah kalian buat. Dalam tutorial ini saya menggunakan file dokumen resume atau curriculum vitae saya dengan nama cv.pdf. Kalian bisa menggunakan file dokumen kalian masing-masing.

Langkah 4: Tambahkan widget pada activity_main.xml

Buka file activity_main.xml dalam folder res>layout, lalu tambahkan widget PDFView dengan atribut pentingnya seperti id, layout_widht dan layout_height. Dibawah ini adalah kode lengkap untuk file activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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"
    tools:context=".MainActivity">

    <com.github.barteksc.pdfviewer.PDFView
        android:id="@+id/pdfView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</RelativeLayout>

Langkah 5: Tambahkan kode pada MainActivity.java

Buka file MainActivity.java dalam folder java. Deklarasikan widget PDFView yang telah kita tambahkan pada file layout diatas. Buatlah sebuah method pada widget tersebut dengan nama fromAsset. Tulis nama file pdf yang telah kalian tambahkan pada folder asset. Dibawah ini adalah kode lengkap untuk file MainActivity.java

package com.androidrion.pdfapp;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;

import com.github.barteksc.pdfviewer.PDFView;

public class MainActivity extends AppCompatActivity {

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

        PDFView pdfView = findViewById(R.id.pdfView);
        pdfView.fromAsset("cv.pdf")
                .enableSwipe(true)
                .enableDoubletap(false)
                .load();
    }
}

Langkah 6: Jalankan Projek Android Studio

Klik tombol logo play berwarna hijau pada projek Android Studio kalian. Pada aplikasi yang telah di install, kalian bisa melihat isi dari dokumen yang telah kalian tambahkan dalam projek android studio kalian. Jika kode diatas tidak terjadi error maka aplikasi akan terlihat seperti pada video dibawah ini.

AKHIR KATA

Itulah tadi tutorial singkat dan mudah Cara Membuat Aplikasi PDF Reader di Android Studio. Tutorial diatas sangatlah mudah untuk dikerjakan karena tidak begitu banyak kode yang digunakan dalam file java. Itu semua tergantung dari file pdf yang ingin kalian gunakan di tiap-tiap masing layout yang dibutuhkan.

Jika kalian mengalami kendala saat melakukan tutorial di atas, Silahkan beri komentar pada artikel ini dibawah. Jangan lupa juga untuk Subscribe Channel YouTube Android Rion. Klik like dan comment di tiap masing-masing video karena itu dapat membantu saya dalam melakukan pembaruan tutorial video. Semoga artikel ini membantu kalian semua. Terima kasih.

Download Project

Untuk download project pada tutorial ini, silahkan klik tombol dibawah ini.

Exit mobile version