Differences
This shows you the differences between two versions of the page.
|
ss:laboratoare:01 [2026/03/02 23:57] ciprian.popescu0411 [Obiective] |
ss:laboratoare:01 [2026/03/03 01:33] (current) ciprian.popescu0411 [4. Căutare Avansată] |
||
|---|---|---|---|
| Line 39: | Line 39: | ||
| cd ss-web | cd ss-web | ||
| </code> | </code> | ||
| + | |||
| + | |||
| + | ==== Pasul 2: Pornirea proiectului ==== | ||
| <note important> | <note important> | ||
| - | Verificați/creați fișierul ''%%.env%%'' în directorul rădăcină: | + | Verificați/creați un fișier ''%%.env%%'' în directorul rădăcină: |
| <code bash> | <code bash> | ||
| - | # .env | ||
| UID=501 # User ID local (obține cu `id -u`) | UID=501 # User ID local (obține cu `id -u`) | ||
| GID=20 # Group ID local (obține cu `id -g`) | GID=20 # Group ID local (obține cu `id -g`) | ||
| Line 57: | Line 59: | ||
| </code> | </code> | ||
| </note> | </note> | ||
| - | |||
| - | |||
| - | ==== Pasul 2: Pornirea proiectului ==== | ||
| **Metoda 1: Script automat (recomandat)** | **Metoda 1: Script automat (recomandat)** | ||
| Line 94: | Line 93: | ||
| |MQTT Broker |localhost:1883 | | |MQTT Broker |localhost:1883 | | ||
| - | ===== Oprirea Proiectului ===== | + | ==== Oprirea proiectului ==== |
| <code bash> | <code bash> | ||
| Line 110: | Line 109: | ||
| * Accesează http:%%//%%localhost:5173 | * Accesează http:%%//%%localhost:5173 | ||
| * Login sau înregistrează un cont nou | * Login sau înregistrează un cont nou | ||
| - | ==== 2. Vizualizare Fotografii ==== | + | ==== 2. Vizualizare fotografii ==== |
| * Navighează la pagina Photos | * Navighează la pagina Photos | ||
| Line 117: | Line 116: | ||
| <note tip>Pentru a putea vizualiza fotografiile rezolvați [[ss:laboratoare:01#task_1testare_trimitere_imagine_prin_script|Taskul 1]].</note> | <note tip>Pentru a putea vizualiza fotografiile rezolvați [[ss:laboratoare:01#task_1testare_trimitere_imagine_prin_script|Taskul 1]].</note> | ||
| - | ==== 3. Management Dispozitive ==== | + | ==== 3. Management dispozitive ==== |
| * Accesează pagina Devices | * Accesează pagina Devices | ||
| Line 123: | Line 122: | ||
| * Schimbă modul între Normal și Live | * Schimbă modul între Normal și Live | ||
| - | ==== 4. Căutare Avansată ==== | + | ==== 4. Căutare avansată ==== |
| * Caută imagini după text extras (OCR) | * Caută imagini după text extras (OCR) | ||
| Line 157: | Line 156: | ||
| cat .dev-runtime/client.log | cat .dev-runtime/client.log | ||
| </code> | </code> | ||
| - | ===== Structura Codului ===== | + | ===== Structura codului ===== |
| ==== Client (Frontend) ==== | ==== Client (Frontend) ==== | ||
| Line 187: | Line 186: | ||
| └── utils/ # Utilități | └── utils/ # Utilități | ||
| </code> | </code> | ||
| - | ===== Scripturi pentru Încărcarea Imaginilor ===== | + | ===== Încărcarea imaginilor în platformă ===== |
| - | Script: send_image.py - Trimitere imagine individuală - la acest laborator vom trimite asa pozele, ulterior se vor trimite prin esp-cam si prin aplicatia android | + | Scriptul care ne permite trimiterea individuală de imagini este: ''./scripts/send_image.py'' |
| + | <note>Pentru acest laborator vom trimite așa pozele, ulterior se vor trimite prin ESP32-CAM și prin aplicația mobilă.</note> | ||
| Acest script permite trimiterea unei singure imagini prin MQTT către server. | Acest script permite trimiterea unei singure imagini prin MQTT către server. | ||
| Line 214: | Line 214: | ||
| * ''%%ssproject/images/{DEVICE_ID}%%'' - pentru trimiterea imaginilor | * ''%%ssproject/images/{DEVICE_ID}%%'' - pentru trimiterea imaginilor | ||
| - | ===== Pagina de Statistici (Grafice) ===== | + | ===== Pagina de statistici (Grafice) ===== |
| Pagina de **Statistics** se află în meniul aplicației și afișează grafice despre documentele procesate. | Pagina de **Statistics** se află în meniul aplicației și afișează grafice despre documentele procesate. | ||
| Line 237: | Line 237: | ||
| * **Toggle Bar/Pie** - schimbă între grafic bar și grafic pie | * **Toggle Bar/Pie** - schimbă între grafic bar și grafic pie | ||
| * **Refresh** - reîncarcă datele | * **Refresh** - reîncarcă datele | ||
| - | ===== Configurare IP MQTT pentru clienti ===== | + | ===== Configurare IP MQTT pentru clienți ===== |
| ==== Unde găsești IP-ul serverului MQTT: ==== | ==== Unde găsești IP-ul serverului MQTT: ==== | ||
| Line 243: | Line 243: | ||
| **1. In pagina devices din aplicatia web (acolo apare si portul):** | **1. In pagina devices din aplicatia web (acolo apare si portul):** | ||
| - | **2. În fișierul ''%%.env%%'' din rădăcina proiectului:** | + | **2. Aflat automat la pornirea serverului:** |
| - | + | ||
| - | <code bash> | + | |
| - | MQTT_HOST_IP=localhost # ← Acest IP se folosește în aplicația mobilă | + | |
| - | </code> | + | |
| - | + | ||
| - | **3. Aflat automat la pornirea serverului:** | + | |
| Când rulezi ''%%./start.sh%%'', scriptul afișează: | Când rulezi ''%%./start.sh%%'', scriptul afișează: | ||
| Line 257: | Line 251: | ||
| </code> | </code> | ||
| - | ==== Gestionarea și Ștergerea Imaginilor ==== | + | ==== Gestionarea și ștergerea imaginilor ==== |
| Există două modalități de a șterge imaginile din aplicație: | Există două modalități de a șterge imaginile din aplicație: | ||
| Line 289: | Line 283: | ||
| * Verifică graficele cu rezultatele avizelor medicale | * Verifică graficele cu rezultatele avizelor medicale | ||
| - | ===== Task-uri Practice pentru Laborator ===== | + | ===== Task-uri practice pentru laborator ===== |
| ==== Task 1: Testare trimitere imagine prin script ==== | ==== Task 1: Testare trimitere imagine prin script ==== | ||
| Line 299: | Line 293: | ||
| python3 scripts/send_image.py /cale/catre/o/imagine.jpg | python3 scripts/send_image.py /cale/catre/o/imagine.jpg | ||
| </code> | </code> | ||
| - | |||
| - Accesează pagina **Photos** în browser și verifică că imaginea a apărut | - Accesează pagina **Photos** în browser și verifică că imaginea a apărut | ||
| - Verifică textul extras prin OCR (dacă imaginea conține text) | - Verifică textul extras prin OCR (dacă imaginea conține text) | ||
