/Algeo02-22043

Primary LanguageTypeScript

Tugas Besar Aljabar Linear dan Geometri 2

✨ Deskripsi

Tugas besar ini berisi pemanfaatan Aljabar Linear dan Geometri dalam Content-Based Image Retrieval untuk sistem temu balik gambar yang diimplementasikan dengan sebuah website.

🔍 Daftar Isi

🔧 Teknologi yang Digunakan

  • Next.js
  • Django
  • GNU Compiler Collection

💫 Fitur

  • Pencarian berdasarkan tekstur
  • Pencarian berdasarkan color
  • Upload dataset
  • Web scrapping
  • Camera otomatis setiap 5 detik

🌟 Anggota Kelompok

  • 13522043 - Daniel Mulia Putra Manurung
  • 13522107 - Rayendra Althaf Taraka Noor
  • 13522084 - Dhafin Fawwaz Ikramullah

📘 Cara Menggunakan Program

Pastikan npm dan python sudah terinstall. Install node dari https://nodejs.org/en. Install python dari https://www.python.org/downloads/

Install Dependencies

Gunakan Command Prompt, jalankan command berikut untuk windows.

git clone https://github.com/DhafinFawwaz/Algeo02-22043.git
cd src\client
npm install
cd ../../
pip install virtualenv
cd src\server\
python -m venv venv
venv\Scripts\activate
cd ocular
pip install -r requirements.txt
python manage.py migrate --run-syncdb
python manage.py makemigration
python manage.py migrate
cd ../../../
cd deactivate

Run Backend

Untuk Command Prompt jalankan

runserver

Untuk Powershell jalankan

./runserver

Run Frontend

Untuk Command Prompt jalankan

runclient

Untuk Powershell jalankan

./runclient

📙 Cara Menggunakan Website

Pencarian gambar relevan dengan upload gambar

  • Pilih laman searching

  • Upload sebuah gambar pada kolom yang disediakan select image

  • Bisa juga dengan drag & drop drag and drop image

  • Pilih parameter pencarian, misalnya "By Color"

  • Tekan tombol "Search Image" select search

  • Akan muncul hasilnya dan bisa melihat gambar selanjutnya dengan pagination search by color

Upload dataset

  • Pilih laman upload

  • Upload folder berisi gambar pada kolom yang disediakan select folder

  • Bisa juga dengan drag & drop beberapa gambar pada kolom tersebut select multiple image

Pilih opsi upload, misalnya overwrite, yaitu untuk menghapus dataset sebelumnya.

  • Tekan tombol "Upload Dataset" upload dataset

  • Tunggu hingga upload selesai. upload dataset

  • Coba lagi dengan gambar pertama dan parameter "By Color". Maka hasil akan muncul dengan sangat cepat karena cache. search by color with cache

  • Coba dengan gambar lain dan parameter lain yaitu "By Texture". search by texture

  • Untuk tambahan, tekan "Download Search Result as PDF".

  • Server akan memproses File PDF nya sebentar. processing pdf

  • Saat selesai akan diarahkan ke File PDF tersebut. hasil pdf

Pencarian gambar relevan dengan kamera

  • Pilih laman searching

  • Nyalakan toggle "Auto Capture" search auto capture by color

  • Pilih allow untuk akses camera jika muncul prompt

  • Gambar akan dimuat setiap 5 detik

Web Scrapping

  • Pilih laman upload

  • Masukkan alamat web pada kolom yang disediakan

  • Tekan tombol "Start Scrapping" web scrap start scrapping

  • Akan muncul hasil scrapping dan bisa melihat gambar selanjutnya dengan pagination web scrap result

📈 Test Case

Hasil Tes Deskripsi
search by color Search by color.
search by texture Search by texture.
search auto capture by color Search by color dengan auto capture.
search by color with cache Search by color gambar yang pernah disearch sebelumnya, sehingga akan menggunakan cache untuk mempersingkat waktu pencarian.
search by color 2 search by color 2 with cache Atas: Search by color. Bawah: Page akhir search by color kembali gambar yang sama, sehingga menggunakan cache.
search by texture 2 search by texture 2 with cache Atas: Search by color. Bawah: Page akhir search by color kembali gambar yang sama, sehingga menggunakan cache.
web scrap result Hasil dari web scrapping dari. url: https://www.endangeredwildlife.org/wildlife/mountain-chicken/
search by texture 3 high contrast Search by texture dengan gambar yang memiliki kontras tinggi (gambar yang dicari tidak terdapat dalam dataset).
search by color 3 high contrast Search by Color dengan gambar yang memiliki kontras tinggi (gambar yang dicari tidak terdapat dalam dataset).
search by texture 4 Search by texture gambar Althaf (gambar yang dicari tidak terdapat dalam dataset).
search by color 4 Search by color gambar Althaf (gambar yang dicari tidak terdapat dalam dataset).
search by texture 5 Search by texture.
search by color 5 Search by color.
search by texture 6 Search by texture.
search by color 6 Search by color.
search by texture 7 Search by texture.
search by color 7 Search by color.
search by texture 8 Search by texture.
search by color 8 Search by color.
search by texture 9 Search by color gambar dengan warna full putih. Dataset dimodifikasi menjadi gambar dengan full hanya warna.
search by color 9 Search by texture gambar dengan warna full putih. Dataset dimodifikasi menjadi gambar dengan full hanya warna.

📑 Referensi