Create app.py

app.py

@@ -0,0 +1,201 @@
+import streamlit as st
+from google import genai
+from PIL import Image
+import os
+import tempfile
+
+# Authentification et initialisation du client Gemini
+gen = os.environ['GOOGLE_API_KEY']
+client = genai.Client(api_key=gen)
+
+# --- MISE EN PAGE ET STYLE ---
+st.set_page_config(page_title="Mariam Espagnol", page_icon="🇪🇸", layout="wide")
+
+# Style CSS personnalisé
+st.markdown("""
+<style>
+body {
+    background-color: #f0f2f6;
+}
+.title {
+    color: #0077cc;
+    font-size: 3em;
+    font-weight: bold;
+    text-align: center;
+    margin-bottom: 20px;
+}
+.subtitle {
+    color: #28a745;
+    font-size: 1.5em;
+    font-weight: bold;
+    margin-top: 30px;
+}
+.sidebar {
+    background-color: #e9ecef;
+    padding: 20px;
+    border-radius: 10px;
+}
+.important-info {
+    background-color: #d4edda;
+    border: 1px solid #c3e6cb;
+    color: #155724;
+    padding: 15px;
+    border-radius: 5px;
+    margin-bottom: 10px;
+}
+</style>
+""", unsafe_allow_html=True)
+
+# --- PROMPT ---
+prompt = """
+
+je souhaite faire mon travail d'espagnol qui consiste à de l'analyse de documents iconographique. j'aimerais que tu le phase en respectant scrupuleusement la méthodologie suivante. j'aimerais que tu fasses ce travail en espagnol en donnant également la traduction française
+
+Metodología del comentario de un documento iconográfico
+
+Un documento iconográfico es un documento centrado en una imagen. Puede ser: una foto, un cuadro, una publicidad, un dibujo, un tebeo, una tira dibujada, una caricatura, etc. Su comentario respeta las etapas siguientes: la presentación, la descripción, el análisis y la conclusión.
+
+La presentación
+
+Se trata de resaltar los elementos esenciales para identificar el documento:
+
+El título (si existe)
+
+La naturaleza (si es una foto/dibujo/cuadro, en color o blanco y negro)
+
+El autor (el fotógrafo/el dibujante/el publicista...)
+
+La fuente (si existe)
+
+El tema evocado
+
+La descripción
+
+Se trata de decir lo que vemos.
+
+Dominar el vocabulario relativo a la imagen.
+
+Dominar el vocabulario de la situación en el espacio (arriba, abajo, delante, detrás, etc.)
+
+Conocer la organización interna de la descripción.
+
+¿Qué debemos hacer concretamente?
+
+Determinar el número de planos o términos.
+
+(Ej: La imagen tiene dos planos/tres planos/un plan único)
+
+Hacer la descripción plano por plano y acabar antes de pasar al siguiente si hay más de un plano.
+
+Ej: en el primer plano vemos...
+
+Ordenar la descripción de cada plano ( a la derecha, a la izquierda, arriba, abajo, delante, detrás, en el centro, a lo lejos...
+
+¿Qué se debe describir?
+
+Los protagonistas (los personajes):
+
+Los protagonistas
+
+Sexo, edad (hombre o mujer, joven o adulto)
+
+Las posturas (de pie, sentado, arrodillado, etc.)
+
+Los vestidos (ropas)
+
+Los rasgos físicos (color de pelo, gordo, flaco, etc.)
+
+Los rasgos sicológicos (triste, optimista, activo, pasivo, etc.)
+
+Las actitudes (está riendo, triste, llorando, contento, etc.)
+
+Las acciones (lo que están haciendo)
+
+Los objetos alrededor, los colores (fríos o cálidos), los contrastes...
+
+El análisis
+
+Interpretamos y comentamos los elementos de la descripción para comprender el mensaje del autor.
+
+La interpretación debe apoyarse en la descripción porque no se trata de un comentario libre.
+
+Empleamos fórmulas subjetivas porque expresamos hipótesis e impresiones.
+
+Ej: Cuando examinamos...podemos decir que.../ la postura de..., los vestidos...nos permiten imaginar que.../ lo que nos llama la atención es... porque/ los colores cálidos sugieren que...
+
+La conclusión
+
+Se trata de hacer un balance (resumen) de lo dicho de dar una impresión personal. Así:
+
+Anunciamos la conclusión: para concluir/ en suma/en conclusión... podemos decir que...
+
+Precisamos el medio de expresión utilizado: a través de esta foto/mediante este dibujo...
+
+Anunciamos la intención del autor: el dibujante quiere denunciar/ el fotógrafo pretende criticar/ el pintor quiere relevar, sensibilizar, mostrar.
+
+Dar la impresión personal: esta foto (no) me parece interesante/escandaloso/pertinente.
+
+Justificamos nuestra impresión: porque revela una realidad social/política/cultural...
+
+Un modelo: a través de este cuadro, el pintor quiere denunciar las injusticias sociales en África. El cuadro me parece interesante porque releva un fenómeno social recurrente que incita las autoridades a la responsabilidad. La propia imagen ilustra muy bien el tema de las injusticias entre ricos y ricos...
+
+
+"""
+
+# --- FONCTIONS ---
+def generate_response(image_path, question):
+    """Génère une réponse au format texte brut à partir du modèle Gemini."""
+    try:
+        image_data = Image.open(image_path)
+        response = client.models.generate_content(
+            model="gemini-2.0-flash-exp",
+            contents=[image_data, prompt]
+        )
+        answer = response.candidates[0].content.parts[0].text
+        return answer.strip()
+    except Exception as e:
+        st.error("Erreur lors de la génération de la réponse.")
+        return None
+
+# --- APPLICATION PRINCIPALE ---
+def main():
+    st.markdown("<h1 class='title'>Mariam Espagnol 🇪🇸</h1>", unsafe_allow_html=True)
+
+    # --- BARRE LATÉRALE ---
+    with st.sidebar:
+        st.markdown("<h2 class='subtitle'>Instructions</h2>", unsafe_allow_html=True)
+        st.markdown("""
+        1. **Téléchargez une image** que vous souhaitez analyser (PNG, JPG, JPEG).
+        2. L'application **générera une analyse** de l'image en espagnol et en français, en suivant la méthodologie fournie.
+        """)
+        st.markdown("<div class='important-info'>Cette application utilise le modèle Gemini de Google pour l'analyse d'images.</div>", unsafe_allow_html=True)
+
+    # --- SECTION PRINCIPALE ---
+    col1, col2 = st.columns([1, 2])
+
+    with col1:
+        st.markdown("<h2 class='subtitle'>Télécharger une image</h2>", unsafe_allow_html=True)
+        uploaded_file = st.file_uploader("", type=["png", "jpg", "jpeg"], label_visibility="collapsed")
+
+        if uploaded_file is not None:
+            with tempfile.NamedTemporaryFile(delete=False, suffix='.png') as tmp_file:
+                tmp_file.write(uploaded_file.getvalue())
+                temp_image_path = tmp_file.name
+
+            # Affichage de l'image
+            image = Image.open(temp_image_path)
+            st.image(image, use_column_width=True)
+
+    with col2:
+        if uploaded_file is not None:
+            st.markdown("<h2 class='subtitle'>Analyse de l'image</h2>", unsafe_allow_html=True)
+            question = "yusuf"  # Question fixe pour l'instant
+
+            if st.button("✨ Générer l'analyse ✨", type="primary"):
+                with st.spinner("Analyse en cours..."):
+                    response = generate_response(temp_image_path, question)
+                    st.markdown(response)
+
+# --- EXÉCUTION ---
+if __name__ == "__main__":
+    main()