Upload 4 files

.gitattributes

@@ -33,3 +33,4 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+index_alone.faiss filter=lfs diff=lfs merge=lfs -text

app.py

@@ -0,0 +1,149 @@
+import gradio as gr
+from sentence_transformers import SentenceTransformer
+import datasets
+import time
+import faiss
+
+# Impor tema custom dari themes.py
+from themes_2 import ClassicMinimalTheme
+
+
+# Inisialisasi dataset dan model hanya sekali di Gradio
+def initialize():
+    dataset = datasets.load_dataset('A-Roucher/english_historical_quotes', download_mode="force_redownload")['train']
+    all_authors = list(set(dataset['author']))
+    model_name = "BAAI/bge-small-en-v1.5"
+    encoder = SentenceTransformer(model_name)
+    index = faiss.read_index('index_alone.faiss')
+    
+    return dataset, encoder, index, all_authors
+
+# Fungsi untuk melakukan pencarian kutipan berdasarkan query
+def search(query, dataset, encoder, index, progress=gr.Progress()):
+    start = time.time()
+
+    if len(query.strip()) == 0:
+        return "Silakan masukkan ide atau kata kunci."  # Tidak ada pencarian jika query kosong
+
+    # Memulai progres dengan 0%
+    progress(0, desc="Memulai proses...")
+
+    # Encode query menjadi embedding
+    progress(0.2, desc="Proses encoding...")
+    query_embedding = encoder.encode([query])
+    time.sleep(1)  # Simulasi proses lambat
+
+    # Cari kutipan yang paling mirip menggunakan faiss
+    progress(0.5, desc="Menemukan kutipan yang mirip...")
+    _, samples = index.search(query_embedding, k=10)
+    time.sleep(1)
+
+    quotes = dataset.select(samples[0])
+
+    result = "\n\n"
+    for i in progress.tqdm(range(len(quotes)), desc="Menyusun hasil..."):
+        time.sleep(0.25)  # Simulasi penundaan saat menyusun hasil
+        # Menggunakan HTML untuk mengatur ukuran font pada quote dan tebal pada author
+        result += f"## ⭐ {quotes['author'][i]}\n> {quotes['quote'][i]}\n----\n"
+        # result += f"<b>{quotes['author'][i]}</b><br><span style='font-size: 20px;'>{quotes['quote'][i]}</span></hr>"
+
+    delay = "%.3f" % (time.time() - start)
+    
+    # Proses selesai 100%
+    progress(1.0, desc="Selesai!")
+
+    return f"_Waktu komputasi: **{delay} detik**_{result}"
+
+# Fungsi untuk memulai pencarian dengan progress tracking
+def run_search(query):
+    dataset, encoder, index, _ = initialize()  # Ambil state inisialisasi (dataset, encoder, index)
+    return search(query, dataset, encoder, index)  # Mengembalikan hasil akhir sebagai string
+
+# CSS Kustom untuk mempercantik tampilan
+css = """
+#header {
+    text-align: center;
+    color: #FFFFFF;
+    background: linear-gradient(90deg, #FF5733, #C70039);
+    padding: 20px;
+    border-radius: 10px;
+}
+
+#input-section, #output-section {
+    margin: 10px auto;
+    max-width: 700px;
+    background-color: #F0F0F0;
+    border-radius: 10px;
+    padding: 20px;
+    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+}
+
+#footer {
+    text-align: center;
+    margin-top: 30px;
+    color: #888;
+}
+
+#submit-button {
+    background-color: #FF5733;
+    color: #FFF;
+    font-weight: bold;
+    padding: 10px;
+    border-radius: 10px;
+    cursor: pointer;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+}
+
+body {
+    background-color: #F8F9F9;
+}
+
+.note {
+    background-color: #ddffdd;
+    border: 1px solid #ddd;
+    padding: 10px;
+    margin: 10px 0;
+    border-radius: 5px;
+    font-family: Arial, sans-serif;
+}
+"""
+
+# -----------------
+# Antarmuka Gradio
+# -----------------
+with gr.Blocks(css=css, theme=ClassicMinimalTheme()) as Apps:
+
+    # Tambahkan banner
+    gr.HTML("""
+        <div style='text-align: center;'>
+            <img src='https://i.ibb.co.com/x6XxZC9/banner02.jpg' alt='Banner' style='width: 100%; height: auto;'/>
+        </div>
+    """)
+
+    # Ganti judul
+    gr.Markdown("<h1 style='text-align: center;'>Siapa yang memiliki ide serupa dengan Anda?</br>📚 Kami bantu Anda mencarinya dengan AI.. </h1>")
+ 
+    
+    # Input Section
+    with gr.Row(elem_id="input-section"):
+        text_input = gr.Textbox(label="Ketik ide Anda di sini:", placeholder="Money .", lines=2)
+        submit_button = gr.Button("🔍 Cari kutipan!", elem_id="submit-button")
+    
+    # Output Section
+    with gr.Row(elem_id="output-section"):
+        output = gr.Markdown()
+
+    # Menghubungkan tombol pencarian dengan fungsi search
+    submit_button.click(run_search, inputs=[text_input], outputs=[output])
+
+    # Tambahkan footer di bagian bawah
+    gr.HTML("""
+    <footer id="footer">
+        Transfer Energi Semesta Digital © 2024 __drat. | 🇮🇩 Untuk Indonesia Jaya!
+    </footer>
+    """)
+
+
+# Meluncurkan aplikasi
+if __name__ == "__main__":
+    Apps.queue(api_open=False).launch(show_api=False)

index_alone.faiss

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8fc54f449bbdeab574ff823646dd728e6b460f296e46e8bcfcedb28d6d3bf6a5
+size 36897837

requirements.txt

@@ -0,0 +1,4 @@
+datasets==2.14.6
+faiss-cpu==1.7.3
+sentence_transformers==2.2.2
+streamlit==1.28.1

themes_2.py

@@ -0,0 +1,53 @@
+from __future__ import annotations
+from typing import Iterable
+from gradio.themes.base import Base
+from gradio.themes.utils import colors, fonts, sizes
+
+class ClassicMinimalTheme(Base):
+    def __init__(
+        self,
+        *,
+        primary_hue: colors.Color | str = colors.slate,
+        secondary_hue: colors.Color | str = colors.gray,
+        neutral_hue: colors.Color | str = colors.stone,
+        spacing_size: sizes.Size | str = sizes.spacing_md,
+        radius_size: sizes.Size | str = sizes.radius_none,  # Tidak ada radius untuk kesan minimalis
+        text_size: sizes.Size | str = sizes.text_md,
+        font: fonts.Font
+        | str
+        | Iterable[fonts.Font | str] = (
+            fonts.GoogleFont("Merriweather"),  # Font klasik, serupa dengan buku-buku lama
+            "serif",
+        ),
+        font_mono: fonts.Font
+        | str
+        | Iterable[fonts.Font | str] = (
+            fonts.GoogleFont("Courier Prime"),  # Font monospace untuk teks yang terlihat klasik
+            "monospace",
+        ),
+    ):
+        super().__init__(
+            primary_hue=primary_hue,
+            secondary_hue=secondary_hue,
+            neutral_hue=neutral_hue,
+            spacing_size=spacing_size,
+            radius_size=radius_size,
+            text_size=text_size,
+            font=font,
+            font_mono=font_mono,
+        )
+        super().set(
+            body_background_fill="linear-gradient(to bottom, #f5f5dc, #d2b48c)",  # Warna latar belakang beige ke coklat muda untuk kesan kuno
+            body_background_fill_dark="linear-gradient(to bottom, #3e2723, #1b1b1b)",  # Warna lebih gelap untuk dark mode
+            button_primary_background_fill="linear-gradient(90deg, #8b4513, #a0522d)",  # Warna coklat tua untuk tombol utama
+            button_primary_background_fill_hover="linear-gradient(90deg, #a0522d, #cd853f)",  # Warna coklat lebih terang saat hover
+            button_primary_text_color="white",
+            button_primary_background_fill_dark="linear-gradient(90deg, #3e2723, #5d4037)",  # Warna coklat tua untuk dark mode
+            slider_color="*secondary_300",
+            slider_color_dark="*secondary_600",
+            block_title_text_weight="700",  # Teks judul tebal
+            block_border_width="2px",  # Garis perbatasan yang sederhana
+            block_shadow="none",  # Tidak ada bayangan untuk gaya minimalis
+            button_shadow="none",  # Tombol tanpa bayangan, memberi kesan bersih
+            button_large_padding="16px",  # Ukuran padding tombol lebih kecil dan sederhana
+        )