Membuat Aplikasi Web Image to Text dengan Python dan Artificial Intelligence

Cecep Aprilianto
2 min readDec 20, 2023

--

Kali ini kita akan membuat aplikasi web sederhana, yang akan mengubah gambar menjadi teks yang bisa dibaca oleh manusia 🤓. Dengan bantuan AI, prosesnya akan lebih mudah dan lebih gampang untuk dipraktekan.

Yang perlu kalian install:

  1. Python. Download disni, gunakan versi terbaru.

Yang perlu kalian butuhkan:

  1. OpenAI API Key. Dapatkan disini.
  2. Sebuah gambar yang berisi teks. Download sample disini.

Membuat Projek

Ok, tanpa basa-basi, mari kita buat projeknya terlebih dahulu. Buat folder dengan nama image2text-ai, lalu gunakan perintah berikut untuk membuat python environment dengan virtualenv.

mkdir image2text-ai
cd image2text-ai
python3 -m venv venv

Kemudian, aktifkan environment tadi dengan perintah berikut (untuk linux atau macos):

source venv/bin/activate

Setelah virtual env aktif, kita akan meng-install package atau library yang dibutuhkan dengan perintah berikut:

pip install streamlit openai python-dotenv

Lalu buka projek kalian dengan Code Editor favorit masing-masing. Disini saya menggunakan PyCharm. Download disini.

Buat file bernama vision.py, dan isi dengan kode seperti berikut:

vision.py code

Catatan: Pada line 67, kalian bisa dengan bebas menuliskan prompt untuk mendapatkan informasi yang kalian butuhkan dari gambar yang di upload.

Lalu buat file .env dan isi seperti berikut:

OPENAI_API_KEY=YOUR_API_KEY

Ganti YOUR_API_KEY dengan kredensial yang kalian dapatkan dari langkah sebelumnya.

Selanjutnya buat file entrypoint dari aplikasi web kita, beri nama main.py, lalu isi dengan kode berikut:

main.py code

Jalankan Aplikasi

Untuk menjalankan aplikasinya, buka terminal dan ketikkan perintah berikut:

streamlit run main.py

Secara otomatis akan membuka browser dengan alamat localhost dengan port 8501. Atau kalian bisa kunjungi http://localhost:8501/ langsung dari browser.

Berikut ini gambar dari aplikasi yang akan kita buat.

web app image2text

Download Source Code

Kalian bisa download full codenya di github 🤡

--

--

Cecep Aprilianto
Cecep Aprilianto

Written by Cecep Aprilianto

Web and Backend Developer at Internet

No responses yet