v3.0

-

 

🦒 ZsIRAF AIto felcser – Verziókövetés (v2.0 → v3.0)

Ez a dokumentum a szoftver "Feature Expansion" (Funkcióbővítés) fázisát írja le, ahol az alapvető diagnosztikai képességek mellett megjelentek a kényelmi és interaktív elemek.

🔵 v2.1 – Layout és PDF Finomhangolás

Cél: A v2.0-ban bevezetett új dizájn hibáinak javítása és a nyomtatási funkciók visszaállítása.

1. UI Javítások (Layout Restore)

  • Probléma: A v2.0-ban a kétoszlopos eredmény-megjelenítés (Erős vs. Gyenge okok) véletlenül egysorossá vált.

  • Megoldás: A CSS Grid és Flexbox szabályok korrigálása, hogy az eredmények újra áttekinthetően, egymás mellett jelenjenek meg asztali nézetben.

2. PDF Generálás Javítása

  • Probléma: A modernizált UI nem volt kompatibilis a régi window.print() módszerrel (a sötét háttér miatt olvashatatlan volt nyomtatásban).

  • Megoldás: Új, dedikált HTML sablon készítése a PDF-hez.

    • Dinamikus fájlnév generálás: zsirafaitofelcser_[AUTO_TIPUS]_[DATUM].pdf.

    • Fehér háttér, fekete szöveg a nyomtatáshoz.

    • Színes (zöld/narancs) jelölések megőrzése a nyomtatott verzióban is (-webkit-print-color-adjust: exact).

3. UX Apróságok

  • API Kulcs Törlés: Hozzáadásra került egy piros "Törlés" gomb a beállításokhoz, hogy a felhasználó eltávolíthassa a mentett kulcsot a böngészőből.

🟣 v2.5 – Részletes Útmutató és Segítség

Cél: A kezdő felhasználók támogatása az API kulcs beszerzésében.

1. Bővített Help Szekció

  • Az egyszerű "Kérj kulcsot" szöveg helyett egy lépésről-lépésre útmutató került beépítésre.

  • Közvetlen linkek a Google AI Studio megfelelő aloldalaira.

  • Pontos instrukciók (pl. "Válaszd a 'Create API key in new project' opciót").

🚀 v3.0 – "Stats & Scan" (A Nagy Ugrás)

Kiadás dátuma: [Dátum]
Cél: Az alkalmazás "profi" érzetének növelése vizuális visszajelzésekkel és statisztikákkal.

1. Vizuális Fejlesztések (Eye Candy)

  • Scanner Animáció:

    • A statikus "Elemzés folyamatban..." szöveg helyett egy futurisztikus, jobbra-balra mozgó kék "lézerszkenner" animáció (CSS Keyframes) jelzi az AI gondolkodását.

  • Bizalmi Sáv (Confidence Bar):

    • Minden egyes hibaok alatt megjelenik egy vékony csík.

    • A csík hossza arányos az AI által becsült "forrásszámmal" (1-10).

    • Színkódolt: Zöld (erős), Narancs (gyenge).

    • Betöltéskor animálva kúszik fel a megfelelő értékre.

2. Mini Műszerfal (Dashboard)

  • Az elemzés eredményének tetején megjelent egy 3 kártyából álló információs sáv:

    1. Találatok száma: Hány lehetséges okot talált az AI.

    2. Max. Bizalom: Mi a legerősebb találat pontszáma (pl. 8/10).

    3. Jármű: Milyen autótípusra gyanakszik az AI a megadott adatok alapján.

3. Technikai Háttér

  • Prompt Tuning: Az AI utasítása kiegészült azzal, hogy a válaszban külön mezőként küldje vissza a felhasznált forrástípusokat (pl. "TecDoc", "Service Manual").

  • Hibakezelés: A PDF generálásnál beépítésre került egy ellenőrzés a felugró ablakok blokkolására (Popup Blocker).

Összegzés: v1.0 → v3.0

Funkcióv1.0v2.0v3.0
KinézetAlap sötétGlassmorphismAnimált, Tech-stílus
VisszajelzésSzövegesSzínes kártyákScanner animáció, Progress Bar
StatisztikaNincsHelyi számlálóDashboard az eredményben
NyomtatásEgyszerű-Formázott, színes PDF
SegítségMinimálisÁllapotjelző gombRészletes útmutató

A v3.0-val a ZsIRAF egy egyszerű "form-to-text" eszközből egy látványos, interaktív diagnosztikai asszisztenssé vált.

Megjegyzések

Megjegyzés küldése

Népszerű bejegyzések ezen a blogon

v3.5

-
🦒 ZsIRAF AIto felcser v3.5.0 – Professional Edition (Jelenlegi stabil verzió) Ez a kiadás a felhasználói élmény és a szakmai hitelesség tökéletesítésére fókuszált. Új PDF Nyomtatási Motor: Teljesen átírt exportálási funkció. Dedikált, nyomtatóbarát sablon (fekete-fehér alap, színes jelölőkkel). Dinamikus fájlnév generálás: zsirafaitofelcser_[AUTO_TIPUS]_[DATUM].pdf . A nyomtatott verzió külön tartalmazza a metaadatokat és a disclaimert. Felhasználói Felület (UI) Finomhangolás: Minden címke és gomb szövege szakmai nyelvezetre frissítve (pl. "Hibakód" helyett "Hibakód (DTC / OBDII)" ). Szétválasztottuk a Jogi Nyilatkozatot (piros figyelmeztetés) és a Visszajelzés kérést (fejlesztői kapcsolattartás), hogy ne mosódjanak össze. Bővített Útmutatók: Részletes, lépésről-lépésre útmutató a Google Gemini API kulcs beszerzéséhez közvetlenül az alkalmazáson belül. v3.4.0 – Visual FX & Logic Tuning Animált Státuszjelző: Bevezetésre került a "Mátrix-stílusú" f...
További információk

v2.0

-
  🦒 ZsIRAF AIto felcser – Verziókövetési Dokumentáció (v1.0 → v2.0) Ez a dokumentum összefoglalja a szoftver evolúcióját az alapötlettől a modernizált, "Glassmorphism" dizájnig. 🟢 v1.0 – Az MVP (Minimum Viable Product) Kiadás dátuma: [Dátum] Cél: Működőképes prototípus létrehozása, amely képes kommunikálni a Google Gemini API-val. 1. Funkcionális Jellemzők Alap űrlap: Mezők a hibakód (DTC), márka, modell, évjárat és tünetek megadására. API Hívás: Egyszerű fetch kérés a Google gemini-pro modelljéhez. Prompt Engineering: Egyetlen, statikus prompt sablon, amely JSON választ kér az AI-tól. Eredmény Megjelenítés: Nyers HTML generálás a válasz JSON alapján. Zöld háttér: Gyakori hibaokok (magas forrásszám). Narancs háttér: Ritkább hibaokok. PDF Export: Alapvető window.print() funkció a találatok kinyomtatására. API Kulcs: Manuális beillesztés egy egyszerű prompt ablakban, tárolás localStorage -ban. 2. Technikai Megvalósítás Stílus: Egyszerű CSS, sötét téma ( #020617 ),...
További információk

v1.0

-
  🦒 ZsIRAF AIto felcser v1.0 – Műszaki Dokumentáció 1. Bevezetés 1.1 Célkitűzés A ZsIRAF AIto felcser v1.0 egy webes alkalmazás, amelynek célja, hogy a felhasználók (autótulajdonosok és hobbiszerelők) számára gyors, AI-alapú elődiagnosztikát nyújtson. A szoftver a bevitt hibakódok (DTC) és tünetek alapján, a Google Gemini nyelvi modelljét használva azonosítja a lehetséges hibaokokat és javítási javaslatokat tesz. 1.2 Működési elv Az alkalmazás kliensoldali (böngészőben futó) JavaScript kódot használ. Nincs saját backend szervere; közvetlenül kommunikál a Google Cloud API-val. A felhasználó megadja az adatokat, a szkript összeállít egy speciális utasítást (prompt), elküldi az AI-nak, majd a visszaérkező JSON adatokat felhasználóbarát formában megjeleníti. 2. Technikai Specifikáció 2.1 Technológiai Stack Frontend: HTML5, CSS3 (Modern, reszponzív design), Vanilla JavaScript (ES6+). Backend: Nincs (Serverless architektúra). AI Szolgáltató: Google Gemini API. AI Modell: g...
További információk