TOSCANAE-PROOFV2 · AI

Hodogram korisnika — mobile-first prijedlog (v2)

Po ChatGPT predlošku · svaki korak = jedan ekran · statički preview za kontrolu i potvrdu

ChatGPT osnova (držimo se toga) DOPUNA  nužne izmjene (Toscana specifično)
9:41▾▴ ⬤
✕Učitavanje iz ERP-a1/7
✓ Povezano — isti ERP link kao danas DOPUNA
Stavka projekta
KupacABC d.o.o.
StavkaPI-1521
ProizvodSOFTSTYLE™ dječja majica
BojaDaisy (žuta)
Količina250 kom
TisakDTF transfer
Pozicije tiska (iz ERP-a) DOPUNA
Prednja · 60×40 mm Leđa · 200×100 mm
Sve je učitano automatski — direktno iz Eurimage baze (stavka, kupac, pozicije, jezik). Bez ručnog unosa.
Nastavi →
1
Klik u ERP-u → auto-učitavanje
Postojeći gumb i link format (ContactId, code, ProjectItemId, nrofpos…) rade bez izmjena u ERP-u.
Dopuna: višestruke pozicije iz ERP-a (ChatGPT je imao 1 poziciju) + direktna DB veza umjesto placeholder adaptera.
9:41▾▴ ⬤
‹Slika proizvoda2/7
✓ Automatski odabrana
Izvor: privitak ERP stavke DOPUNA — ili URL dobavljača; obrada (crop, pozadina) na serveru, bez čekanja.
Nema slike? Predložak po tipu + boja
💧 pipeta s fotke
‹ NatragDalje →
2
Odabir slike proizvoda
Automatski iz stavke; fallback = SVG predložak po tipu proizvoda + boja (paleta ili pipeta) — kao ChatGPT.
Dopuna: slika iz ERP privitaka; server-side obrada slika (bez 6 javnih CORS proxyja → glavni razlog sporosti V1).
9:41▾▴ ⬤
‹Logotip klijenta3/7
Predloženi logotipi (Contact 1485)
ABC abc_logo_approved.svg12.03.2026 · 1,4 MB · vektor ODOBREN
ABC abc_logo_2023.pdf02.11.2025 · 2,1 MB NEDAVNO
JPG abc_novi_nacrt.jpg28.06.2026 · 640 px NISKA REZ.
⬆ Učitaj novi logo (PDF, SVG, AI, EPS, PNG, JPG)
Mapa klijenta po ContactId — datoteke s _approved imaju prioritet (kao ChatGPT). DOPUNA trajna biblioteka po klijentu + „nedavno korišteni" (V1 je logo vezao samo uz pojedini proof).
‹ NatragDalje →
3
Logotip klijenta
Odobreni → nedavni → ostali; upload nikad ne prepisuje (verzioniranje) — sve po ChatGPT pravilima.
Dopuna: biblioteka logotipa po klijentu u bazi (EproofLogo), ne samo folder scan.
9:41▾▴ ⬤
‹AI analiza logotipa4/7
ABC
COMPANY
FormatSVG (vektorski) ✓
RezolucijaOdlična ✓
Transparentna pozadinaDa ✓
Broj boja2
Kvaliteta8.5
Za produkcijuDA (DTF / sito)
Preporuka: logo je kvalitetan za mockup i tisak. Za sitotisak zatražiti PMS specifikaciju boja.
✂ Ukloni pozadinu D ⬡ Vektoriziraj (draft)
Drugi logoKoristi logo →
4
AI analiza logotipa
Ne-odobreni logo ide kroz GPT analizu (JSON kontrakt iz ChatGPT paketa): format, rezolucija, boje, ocjena, preporuka na hrvatskom. Operater potvrđuje.
Dopuna: gumb „Ukloni pozadinu" (server-side, ~1 s) i color-mode priprema — funkcije koje V1 već ima i klijenti ih koriste.
9:41▾▴ ⬤
‹Pozicija i dimenzije5/7
PrednjaLeđa＋ do 4 pozicije DOPUNA
60 mm 40 mm
ABC
COMPANY
48mm
31mm
6mm
4,5mm
Original ▾D
＋ Dodaj tekstD
⇤↔⇥⤒↕⤓
‹ NatragDalje →
5
Pozicije, zona i smještaj loga
Zona u mm (iz ERP-a ili predloška), povlačenje prstom/mišem, poravnanja — ChatGPT logika po poziciji.
Dopuna: kartice za do 4 pozicije (nrofpos), boje loga (original/sivo/mono/invert) i tekst slojevi — paritet s V1 koji ChatGPT nije pokrio.
9:41▾▴ ⬤
‹Mockup6/7
Deterministički mockup
ABC
✓ Spreman · obje pozicije
Točan mm raspored — izvor istine za proof i produkcijski PDF.
AI realistični prikaz (opcionalno)
Generiranje u pozadini · ~15 s DOPUNA
GPT image — fotorealistični prikaz s logom. Ne blokira rad, javi se kad je gotovo.
Lifestyle scena DOPUNA
📸 Osoba nosi proizvod 🏞 Ambijent
AI slike su ilustracija za dojam — dimenzije i pozicija na PDF-u uvijek dolaze iz determinističkog mockupa.
‹ NatragDalje →
6
Mockup — deterministički + AI
Dva odvojena načina kao u ChatGPT prijedlogu; AI je opcionalan i posebno se evidentira.
Dopuna: background job queue sa statusom (ništa ne blokira editor) + lifestyle scene iz V1 prakse.
9:41▾▴ ⬤
‹Pregled i slanje7/7
Datoteke (verzionirano)
📄Proof PDF (klijent) proof_client_v2.pdf · 2 pozicijeZADANO
📄Produkcijski PDF production_file_v1.pdf✓
🖼Mockup PNG front_v2.png · back_v1.png✓
⬡Logo SVG (draft) čeka odobrenje operateraDRAFT
💾 Spremi u ERP ✉ Pošalji klijentu — postojeći ERP tok
Slanje ostaje u ERP-u (redirect na postojeći modul). Sve akcije i AI potrošnja evidentiraju se po klijentu i korisniku.
🤖
‹ NatragZavrši ✓
7
Pregled, PDF-ovi i slanje kroz ERP
Proof PDF (klijent) + produkcijski PDF + mockupi, verzionirano; „Pošalji klijentu" otvara postojeći ERP URL — točno po ChatGPT scope-u.
Dopuna: AI chat asistent (🤖) dostupan na svim koracima — uputa prirodnim jezikom mijenja editor („povećaj logo na 55 mm").

Nužne dopune ChatGPT prijedloga — za potvrdu

1 · Višestruke pozicije tiska DOPUNA

ChatGPT: 1 logo / 1 pozicija. Stvarnost: nrofpos do 4 (prednja, leđa, rukav, detalj) — svaka sa svojom zonom, logom, bojama i print podacima. Korak 5 dobiva kartice pozicija.

2 · Direktna veza s Eurimage bazom DOPUNA

ChatGPT: placeholder repozitoriji. Mi: čitanje stavke, kupca, privitaka i print pozicija direktno iz Eurimage (nove Eproof* tablice — SQL u chatu za odobrenje).

3 · Isti ERP link kontrakt DOPUNA

ChatGPT: novi HMAC token. Mi: postojeći `code` mehanizam i querystring (switch = 1 promjena base URL-a u EproofApiHelper.vb); HMAC+expiry kao kasnija nadogradnja.

4 · Tekst slojevi + boje loga DOPUNA

V1 paritet koji ChatGPT nema: tekst slojevi (font, mm, poravnanje) i color modes loga (original / sivo / mono / invert) po poziciji.

5 · AI chat s akcijama DOPUNA

Asistent na svim koracima — prirodnim jezikom mijenja stanje editora (pozicija, veličina, tekst); povijest po proofu. Nadogradnja postojećeg V1 chata.

6 · Background jobovi + status DOPUNA

PDF i AI slike se rade u pozadini (queue, progress, retry) — confirm odmah vraća; V1 je blokirao sučelje.

7 · Server-side obrada slika DOPUNA

Glavni uzrok sporosti V1: do 6 javnih CORS proxyja + pixel obrada u pregledniku. V2: vlastiti fetch/cache + Magick.NET na serveru, Web Worker u pregledniku.

8 · Jezici ERP-a

Sučelje na jezicima koje ERP već ima (LangId iz linka):

ENGDEFRHRSICZPLSRBМКД

9 · Evidencija + limiti (ChatGPT ✓)

Zadržano u cijelosti: AI potrošnja po klijentu/korisniku/operaciji, procjena troška, mjesečni limiti, audit — tablice EproofAiUsageLog + EproofActivityLog.

Arhitektura (nepromijenjeno iz ChatGPT + naše konvencije)

ERP sustav (WebForms 4.x)
  • Postojeći gumb „E-proof"
  • EproofApiHelper.vb → create
  • redirect s `code`
→
Eproof V2 (ASP.NET Core Razor)
  • Wizard UI (mobile-first)
  • Servisi: logo/vector/mockup/PDF/tekst/storage/usage
  • Pozadinski jobovi: queue, processor, status, retry
→
OpenAI API (server-side ključ)
  • GPT vision — analiza
  • JSON odgovori
  • Image generation — mockup
  • Usage / tokens
→
Podaci i spremište
  • Eurimage baza — Eproof* tablice
  • File storage (dolje)
  • Evidencija potrošnje

Struktura foldera (Storage)

Storage\ ├─ Clients\{ContactId}\Logos\ │   ├─ Approved\    abc_logo_approved.svg │   └─ Original\    abc_logo_2023.pdf └─ Projects\{ProjectItemId}\{ProofId}\     ├─ Source\       original_upload_logo.png     ├─ Mockups\     front_v1.png · back_v1.png     ├─ Proofs\      proof_client_v1.pdf · v2…     └─ Production\  production_file_v1.pdf

Dashboard potrošnje (admin)

Ukupno tokena
1.245.320
AI slike
183
Trošak (€)
78,42
KlijentTokeniSlikeTrošak
ABC d.o.o.532.1207234,12 €
XYZ obrt195.4003819,55 €
PrintMax d.o.o.165.2302513,21 €

Isti dizajn na desktopu (responsive, ništa novo za učiti)

Koraci (lijevo)
1 ERP ✓
2 Proizvod ✓
3 Logo ✓
4 AI analiza ✓
5 Pozicije ●
6 Mockup
7 Slanje
ABC
Svojstva (desno)
Š/V mm · odmaci · rotacija
Boja loga · tekst slojevi
Poravnanja u zoni
AI akcije · slojevi

Isti koraci i komponente — na širokom ekranu koraci stanu lijevo, platno u sredinu, svojstva desno. Mobitel ostaje primarni dizajn (operateri sve češće rade s tableta/mobitela uz stroj).