{"id":1377,"date":"2024-05-22T12:29:59","date_gmt":"2024-05-22T05:29:59","guid":{"rendered":"https:\/\/unydevelopernetwork.com\/?p=1377"},"modified":"2024-05-22T12:29:59","modified_gmt":"2024-05-22T05:29:59","slug":"membaca-dan-mensinkronisasi-file-teks-dengan-multithreading-di-java","status":"publish","type":"post","link":"https:\/\/unydevelopernetwork.com\/index.php\/2024\/05\/22\/membaca-dan-mensinkronisasi-file-teks-dengan-multithreading-di-java\/","title":{"rendered":"Membaca dan Mensinkronisasi File Teks dengan Multithreading di Java"},"content":{"rendered":"Reading Time: <\/span> 8<\/span> minutes<\/span><\/span>\n

Dalam dunia pemrograman, efisiensi dan kecepatan adalah dua aspek yang sering kali diutamakan, terutama ketika berhadapan dengan operasi I\/O yang memakan waktu, seperti membaca file. Java, dengan dukungan kuatnya terhadap multithreading, menawarkan cara yang efisien untuk menangani tugas-tugas ini secara paralel. Pada artikel kali ini, kita akan membahas bagaimana Anda bisa menggunakan multithreading untuk membaca dua file teks secara simultan dan kemudian mensinkronisasi konten mereka. Tutorial ini cocok bagi Anda yang ingin meningkatkan kinerja aplikasi yang berinteraksi dengan sistem file.<\/p>\n\n\n\n\n\n\n\n

Dalam postingan kali ini, kita akan langsung bermain dengan User Interface. Karena Multithreading tiada berarti jika kita tidak sekalian bermain dengan User Interface. Mengapa? Karena dengan menerapkan User Interface ke dalam project multithread kita, Secara otomatis kita akan melihat langsung bagaimana multithread itu bekerja. Tidak hanya struktural seperti saat menggunakan interface terminal yang mana satu instruksi tidak akan dapat dieksekusi sebelum instruksi sebelumnya dieksekusi. Itulah alasannya mengapa kita akan langsung menggunakan User Interface pada project kita kali ini. <\/p>\n\n\n\n

KELUARAN<\/strong><\/p>\n\n\n\n

Keluaran dari project kita kali ini adalah seperti tangkapan layar di bawah ini. <\/p>\n\n\n

\n
\"\"
Gambar 1. Tampilan akhir dari Project Membaca dan Mensinkronisasi Dua File Teks.<\/figcaption><\/figure>\n<\/div>\n\n\n

FLOW PROGRAM<\/strong><\/p>\n\n\n\n

Karena pada project kali ini kita akan menerapkan multithread dan User interface, maka diperlakukan skenario Flow Program yang akan kita terapkan. <\/p>\n\n\n

\n
\"\"
Gambar 2. Flow Program Membaca dan Mensinkronisasi Dua File Teks<\/figcaption><\/figure>\n<\/div>\n\n\n

Dalam aplikasi yang kita kembangkan, pengguna dapat menambahkan dan memproses dua file teks menggunakan antarmuka yang intuitif. Proses ini digambarkan dalam UML Sequence Diagram yang kita bahas di bawah ini, yang menggambarkan interaksi antara pengguna dan sistem selama eksekusi aplikasi.<\/p>\n\n\n\n

Langkah-langkah Utama dan Aplikasi<\/strong><\/em><\/p>\n\n\n\n

    \n
  1. Memulai Aplikasi<\/strong>: Pengguna memulai aplikasi yang memperlihatkan sebuah Main Frame<\/code> dengan dua tombol utama: “Tambahkan File” dan “Proses”.<\/li>\n\n\n\n
  2. Menambahkan File<\/strong>:\n
      \n
    • Pengguna mengklik tombol “Tambahkan File”, yang memicu Main Frame<\/code> untuk membuka File Selector<\/code>.<\/li>\n\n\n\n
    • File Selector<\/code> adalah JFileChooser yang memungkinkan pengguna memilih dua file teks dari sistem file lokal.<\/li>\n\n\n\n
    • Setelah file dipilih, path dari kedua file tersebut dikembalikan ke Main Frame<\/code> dan ditampilkan dalam bentuk teks, menunjukkan file yang telah terpilih.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
    • Memproses File<\/strong>:\n
        \n
      • Dengan file sudah ditambahkan, pengguna kemudian dapat mengklik tombol “Proses”.<\/li>\n\n\n\n
      • Main Frame<\/code> memulai File Reader<\/code> yang bertugas membaca isi dari kedua file yang dipilih.<\/li>\n\n\n\n
      • Selama proses berlangsung, Progress Bar<\/code> di-update secara real time untuk memberikan umpan balik visual kepada pengguna mengenai kemajuan proses.<\/li>\n\n\n\n
      • Progress Bar<\/code> menampilkan status proses pembacaan dan sinkronisasi, yang memberikan pengalaman interaktif kepada pengguna.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
      • Menyimpan File Hasil<\/strong>:\n
          \n
        • Setelah proses pembacaan dan sinkronisasi selesai, File Reader<\/code> memicu File Saver<\/code> untuk menyimpan hasil.<\/li>\n\n\n\n
        • File Saver<\/code> menampilkan JFileChooser yang memungkinkan pengguna untuk memilih lokasi dan nama file untuk menyimpan hasil output.<\/li>\n\n\n\n
        • Pengguna memilih lokasi dan nama file, dan hasil proses disimpan ke lokasi yang dipilih.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
        • Penutupan Aplikasi<\/strong>:\n
            \n
          • Setelah file berhasil disimpan, aplikasi dapat ditutup atau digunakan untuk sesi lebih lanjut jika diinginkan.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n

            Diagram yang disajikan pada Gambar 2 membantu dalam memahami alur kerja aplikasi secara keseluruhan dan interaksi antar komponen. Ini termasuk bagaimana komponen-komponen seperti Main Frame<\/code>, File Selector<\/code>, File Reader<\/code>, Progress Bar<\/code>, dan File Saver<\/code> berinteraksi satu sama lain selama siklus hidup aplikasi.<\/p>\n\n\n\n

            MULAI MEMPROGRAM<\/strong><\/p>\n\n\n\n

            1. Membuat Class FileReaderThread.java<\/em><\/p>\n\n\n\n

            Kelas ini bertanggung jawab untuk membaca isi dari file teks yang diberikan. Mari kita ulas metodologi yang digunakan:<\/p>\n\n\n\n

              \n
            • Constructor<\/strong>: Menerima path file sebagai parameter. Ini menyimpan path ke variabel lokal yang akan digunakan untuk membaca file.<\/li>\n\n\n\n
            • run()<\/strong>: Metode ini di-override dari kelas Thread<\/code>. Di dalamnya, kita membuka file menggunakan BufferedReader<\/code>, membaca setiap baris sampai akhir file, dan menyimpannya ke dalam StringBuilder<\/code>. Ini memastikan bahwa operasi I\/O dilakukan di thread terpisah, sehingga tidak mengganggu responsivitas GUI.<\/li>\n\n\n\n
            • getFileContent()<\/strong>: Setelah file selesai dibaca, metode ini digunakan untuk mendapatkan isi file sebagai string.<\/li>\n<\/ul>\n\n\n\n

              Berikut adalah kodenya<\/p>\n\n\n\n

              import java.io.*;\n\nclass FileReaderThread extends Thread {\n    private String filePath;\n    private StringBuilder fileContent = new StringBuilder();\n\n    public FileReaderThread(String filePath) {\n        this.filePath = filePath;\n    }\n\n    public void run() {\n        try {\n            BufferedReader reader = new BufferedReader(new FileReader(filePath));\n            String line;\n            while ((line = reader.readLine()) != null) {\n                fileContent.append(line).append(\"\\n\");\n                \/\/ Tambahkan sleep untuk memperlambat proses\n                Thread.sleep(100); \/\/ Tunda 100 ms untuk setiap baris\n            }\n            reader.close();\n        } catch (IOException e) {\n            e.printStackTrace();\n        } catch (InterruptedException e) {\n            System.out.println(\"Thread was interrupted.\");\n        }\n    }\n\n    public String getFileContent() {\n        return fileContent.toString();\n    }\n}<\/code><\/pre>\n\n\n\n
              2. Membuat Class FileSyncApp.java<\/em><\/p>\n\n\n\n
              Kelas ini adalah jantung dari aplikasi GUI kita. Berikut adalah penjelasan untuk setiap komponen dan metode:<\/p>\n\n\n\n
                \n
              • Konstruktor FileSyncApp<\/code><\/strong>: Di sini, kita mengatur tampilan utama aplikasi, termasuk membuat buttons, labels, progress bar, dan text area. Layout diatur menggunakan FlowLayout<\/code>, yang sederhana dan cukup untuk kebutuhan kita.<\/li>\n\n\n\n
              • ActionListener untuk addButton<\/code><\/strong>: Ketika tombol “Tambahkan File” diklik, JFileChooser<\/code> akan dibuka, memungkinkan pengguna untuk memilih dua file. Setelah file dipilih, nama file ditampilkan di label dan path disimpan untuk proses lebih lanjut.<\/li>\n\n\n\n
              • ActionListener untuk processButton<\/code><\/strong>: Ini memulai proses pembacaan file. Tombol ini mengaktifkan progress bar dan memulai thread baru yang menjalankan metode processFiles<\/code>.<\/li>\n\n\n\n
              • processFiles(String path1, String path2)<\/strong>: Metode ini menangani logika untuk memulai thread pembacaan file. Setelah kedua thread selesai, ia meng-update text area dengan isi file dan menghentikan progress bar.<\/li>\n\n\n\n
              • saveToFile(String content)<\/strong>: Setelah file selesai diproses, metode ini memungkinkan pengguna untuk menyimpan konten ke file baru melalui JFileChooser<\/code>.<\/li>\n<\/ul>\n\n\n\n
                Penjelasan GUI Components:<\/em><\/h4>\n\n\n\n
                  \n
                • JButton<\/strong>: Dua tombol untuk interaksi pengguna – satu untuk menambahkan file dan satu lagi untuk memulai proses sinkronisasi.<\/li>\n\n\n\n
                • JLabel<\/strong>: Dua label untuk menampilkan nama file yang dipilih.<\/li>\n\n\n\n
                • JProgressBar<\/strong>: Sebuah bar untuk memberikan feedback visual tentang proses yang sedang berlangsung.<\/li>\n\n\n\n
                • JTextArea<\/strong>: Area teks di mana konten file yang diproses ditampilkan.<\/li>\n<\/ul>\n\n\n\n
                  Berikut adalah Kodenya.<\/p>\n\n\n\n
                  import javax.swing.*;\nimport java.awt.*;\nimport java.awt.event.*;\nimport java.io.*;\n\npublic class FileSyncApp extends JFrame {\n    private JButton addButton;\n    private JButton processButton;\n    private JLabel fileLabel1;\n    private JLabel fileLabel2;\n    private JProgressBar progressBar;\n    private JLabel statusLabel;\n    private String filePath1;\n    private String filePath2;\n    private JTextArea textArea;\n\n    public FileSyncApp() {\n        super(\"File Synchronization Application\");\n        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);\n        setSize(500, 400);\n        setLocationRelativeTo(null);\n        setLayout(new FlowLayout());\n\n        addButton = new JButton(\"Tambahkan File\");\n        processButton = new JButton(\"Proses\");\n        fileLabel1 = new JLabel(\"Teks 1: \");\n        fileLabel2 = new JLabel(\"Teks 2: \");\n        progressBar = new JProgressBar(0, 100);\n        progressBar.setPreferredSize(new Dimension(350, 25));\n        statusLabel = new JLabel(\"Status: Idle\");\n        textArea = new JTextArea(10, 35);\n        textArea.setEditable(false);\n\n        add(addButton);\n        add(processButton);\n        add(fileLabel1);\n        add(fileLabel2);\n        add(progressBar);\n        add(statusLabel);\n        add(new JScrollPane(textArea));\n\n        addButton.addActionListener(new ActionListener() {\n            public void actionPerformed(ActionEvent e) {\n                JFileChooser fileChooser = new JFileChooser();\n                fileChooser.setMultiSelectionEnabled(true);\n                int option = fileChooser.showOpenDialog(FileSyncApp.this);\n                if (option == JFileChooser.APPROVE_OPTION) {\n                    File[] files = fileChooser.getSelectedFiles();\n                    if (files.length == 2) {\n                        filePath1 = files[0].getAbsolutePath();\n                        filePath2 = files[1].getAbsolutePath();\n                        fileLabel1.setText(\"Teks 1: \" + files[0].getName());\n                        fileLabel2.setText(\"Teks 2: \" + files[1].getName());\n                    }\n                }\n            }\n        });\n\n        processButton.addActionListener(new ActionListener() {\n            public void actionPerformed(ActionEvent e) {\n                progressBar.setIndeterminate(true);\n                statusLabel.setText(\"Processing...\");\n                Thread thread = new Thread(new Runnable() {\n                    public void run() {\n                        processFiles(filePath1, filePath2);\n                    }\n                });\n                thread.start();\n            }\n        });\n    }\n\n    private void processFiles(String path1, String path2) {\n        FileReaderThread reader1 = new FileReaderThread(path1);\n        FileReaderThread reader2 = new FileReaderThread(path2);\n\n        reader1.start();\n        reader2.start();\n\n        try {\n            reader1.join();\n            reader2.join();\n\n            SwingUtilities.invokeLater(new Runnable() {\n                public void run() {\n                    textArea.setText(reader1.getFileContent() + \"\\n\" + reader2.getFileContent());\n                    progressBar.setIndeterminate(false);\n                    statusLabel.setText(\"Done Processing.\");\n                    saveToFile(textArea.getText());\n                }\n            });\n        } catch (InterruptedException e) {\n            e.printStackTrace();\n        }\n    }\n\n    private void saveToFile(String content) {\n        JFileChooser fileChooser = new JFileChooser();\n        if (fileChooser.showSaveDialog(this) == JFileChooser.APPROVE_OPTION) {\n            File file = fileChooser.getSelectedFile();\n            try {\n                BufferedWriter writer = new BufferedWriter(new FileWriter(file));\n                writer.write(content);\n                writer.close();\n            } catch (IOException e) {\n                e.printStackTrace();\n            }\n        }\n    }\n}<\/code><\/pre>\n\n\n\n
                  3. Method Main<\/em><\/p>\n\n\n\n
                  Metode ini adalah titik masuk program, yang hanya mengatur agar instance FileSyncApp<\/code> ditampilkan. Tambahkan metode ini di class FileSyncApp<\/code>.<\/p>\n\n\n\n
                  Berikut adalah metodenya.<\/p>\n\n\n\n
                      public static void main(String[] args) {\n        SwingUtilities.invokeLater(new Runnable() {\n            public void run() {\n                new FileSyncApp().setVisible(true);\n            }\n        });\n    }<\/code><\/pre>\n\n\n\n
                  Sehingga kode lengkap dari adalah FileSyncApp<\/code> sebagai berikut.<\/p>\n\n\n\n
                  import javax.swing.*;\nimport java.awt.*;\nimport java.awt.event.*;\nimport java.io.*;\n\npublic class FileSyncApp extends JFrame {\n    private JButton addButton;\n    private JButton processButton;\n    private JLabel fileLabel1;\n    private JLabel fileLabel2;\n    private JProgressBar progressBar;\n    private JLabel statusLabel;\n    private String filePath1;\n    private String filePath2;\n    private JTextArea textArea;\n\n    public FileSyncApp() {\n        super(\"File Synchronization Application\");\n        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);\n        setSize(500, 400);\n        setLocationRelativeTo(null);\n        setLayout(new FlowLayout());\n\n        addButton = new JButton(\"Tambahkan File\");\n        processButton = new JButton(\"Proses\");\n        fileLabel1 = new JLabel(\"Teks 1: \");\n        fileLabel2 = new JLabel(\"Teks 2: \");\n        progressBar = new JProgressBar(0, 100);\n        progressBar.setPreferredSize(new Dimension(350, 25));\n        statusLabel = new JLabel(\"Status: Idle\");\n        textArea = new JTextArea(10, 35);\n        textArea.setEditable(false);\n\n        add(addButton);\n        add(processButton);\n        add(fileLabel1);\n        add(fileLabel2);\n        add(progressBar);\n        add(statusLabel);\n        add(new JScrollPane(textArea));\n\n        addButton.addActionListener(new ActionListener() {\n            public void actionPerformed(ActionEvent e) {\n                JFileChooser fileChooser = new JFileChooser();\n                fileChooser.setMultiSelectionEnabled(true);\n                int option = fileChooser.showOpenDialog(FileSyncApp.this);\n                if (option == JFileChooser.APPROVE_OPTION) {\n                    File[] files = fileChooser.getSelectedFiles();\n                    if (files.length == 2) {\n                        filePath1 = files[0].getAbsolutePath();\n                        filePath2 = files[1].getAbsolutePath();\n                        fileLabel1.setText(\"Teks 1: \" + files[0].getName());\n                        fileLabel2.setText(\"Teks 2: \" + files[1].getName());\n                    }\n                }\n            }\n        });\n\n        processButton.addActionListener(new ActionListener() {\n            public void actionPerformed(ActionEvent e) {\n                progressBar.setIndeterminate(true);\n                statusLabel.setText(\"Processing...\");\n                Thread thread = new Thread(new Runnable() {\n                    public void run() {\n                        processFiles(filePath1, filePath2);\n                    }\n                });\n                thread.start();\n            }\n        });\n    }\n\n    private void processFiles(String path1, String path2) {\n        FileReaderThread reader1 = new FileReaderThread(path1);\n        FileReaderThread reader2 = new FileReaderThread(path2);\n\n        reader1.start();\n        reader2.start();\n\n        try {\n            reader1.join();\n            reader2.join();\n\n            SwingUtilities.invokeLater(new Runnable() {\n                public void run() {\n                    textArea.setText(reader1.getFileContent() + \"\\n\" + reader2.getFileContent());\n                    progressBar.setIndeterminate(false);\n                    statusLabel.setText(\"Done Processing.\");\n                    saveToFile(textArea.getText());\n                }\n            });\n        } catch (InterruptedException e) {\n            e.printStackTrace();\n        }\n    }\n\n    private void saveToFile(String content) {\n        JFileChooser fileChooser = new JFileChooser();\n        if (fileChooser.showSaveDialog(this) == JFileChooser.APPROVE_OPTION) {\n            File file = fileChooser.getSelectedFile();\n            try {\n                BufferedWriter writer = new BufferedWriter(new FileWriter(file));\n                writer.write(content);\n                writer.close();\n            } catch (IOException e) {\n                e.printStackTrace();\n            }\n        }\n    }\n\n    public static void main(String[] args) {\n        SwingUtilities.invokeLater(new Runnable() {\n            public void run() {\n                new FileSyncApp().setVisible(true);\n            }\n        });\n    }\n}<\/code><\/pre>\n\n\n\n
                  MENGOMPILASI PROGRAM<\/strong><\/p>\n\n\n\n
                  Langkah selanjutnya adalah mengkompilasi program sehingga program Java yang sudah kita buat dapat dijalankan. Untuk melakukannya, buka terminal pada komputer Anda dan navigasikan ke tempat Anda menyimpan kedua file Java yang telah dibuat. Setelah Anda berada di lokasi tempat Anda menyimpan kedua file java, Anda dapat mengetikkan perintah berikut ini.<\/p>\n\n\n\n
                  javac FileSyncApp.java <\/code><\/pre>\n\n\n\n
                  Seperti tangkapan layar di bawah ini<\/p>\n\n\n
                  \n
                  \"\"
                  Gambar 3. Contoh Penggunaan Perintah Javac<\/figcaption><\/figure>\n<\/div>\n\n\n
                  Setelah Anda mengeksekusi perintah di atas, maka Anda akan melihat bahwa class yang diperoleh lebih banyak daripada file java yang sudah kita buat. <\/p>\n\n\n
                  \n
                  \"\"
                  Gambar 4. File Java sebelum dikompilasi<\/figcaption><\/figure>\n<\/div>\n\n
                  \n
                  \"\"
                  Gambar 5. File Java setelah dikompilasi<\/figcaption><\/figure>\n<\/div>\n\n\n
                  Kita tidak perlu mengkompilasi keseluruhan file Java yang sudah kita buat. Kita hanya perlu memgompilasi file Java yang memiliki metode main. Maka secara otomatis seluruh File Java yang berkaitan juga akan ikut terkompilasi. <\/p>\n\n\n\n
                  MENJALANKAN PROGRAM<\/strong><\/p>\n\n\n\n
                  Setelah kita berhasil mengompilasi File Java yang sudah kita buat, saatnya kita menjalankannya. Untuk menjalankannya kita hanya perlu mengetikkan berikut ini di area terminal yang sama. <\/p>\n\n\n\n
                  java FileSyncApp<\/code><\/pre>\n\n\n\n
                  Jika tidak terjadi error, maka secara otomatis perintah ini akan menjalankan program FileSyncApp yang sudah kita buat. <\/p>\n\n\n
                  \n
                  \"\"
                  Gambar 6. Program FileSyncApp Berhasil Dijalankan<\/figcaption><\/figure>\n<\/div>\n\n\n
                  Lalu, di manakah letak multithreadnya? Coba kita buka system monitor \/ task manager yang ada di komputer kita masing-masing.<\/p>\n\n\n
                  \n
                  \"\"
                  Gambar 7. FileSyncApp Menjalankan 29 Threads<\/figcaption><\/figure>\n<\/div>\n\n\n
                  Ya, dapat kita lihat dari tangkapan layar di atas, bahwa program FileSyncApp menjalankan 29 Threads sekaligus bersama-sama untuk membaca, mensinkronisasi file, menampilkan progress update, dan menghandle error. <\/p>\n\n\n\n
                  Lalu, bagaimana sih program ini berjalan? Simak video berikut ini sampai akhir.<\/p>\n\n\n\n