[dev] Code review VisualTag infantil
Catalin Francu
cata at francu.com
Tue Jul 30 17:56:17 EEST 2013
Salutare,
E un început foarte bun!
Aș vrea să trecem, ușor-ușor, spre o interfață mai ușor de folosit cu
mouse-ul. Anticipez că oamenii vor găsi greoaie o interfață unde trebuie să
introducă coordonate. În cel mai rău caz, putem folosi
spinner<http://jqueryui.com/spinner/> de
la jQueryUI ca să facem o chestie hibridă, mouse + săgeți.
Dar ce ziceți de designul ăsta: sub imagine sunt afișate tag-urile, unul pe
rând, și fiecare are două seturi de câte patru săgeți pentru mișcarea
poziției etichetei și a vârfului săgeții. Ceva cam așa (ASCII art):
^ ^
cornee < 223,455 > < 357,622 > [x] șterge
v v
^ ^
cristalin < 223,455 > < 357,622 > [x] șterge
v v
Ideea e că nici nu vreau să ne omorâm cu Javascript monstruos, dar nici să
nu oferim o interfață prea spartană.
Dacă pare prea complex, hai să ne vedem când puteți și tu și Radu și să o
batem în cuie. La mine calendarul e lejer de vineri încolo.
Cătălin
2013/7/29 Grigoroiu Marian Alexandru <grigoroiualexandru at gmail.com>
> Am făcut o interfață nu pe deplin funcțională a tăguirii. Ea arată cam așa:
>
> Se încarcă prima imagine din tabelul Visual care are 0 în coloana revised.
>
> [image: Imagini inline 1]
> Id-ul imaginii se încarcă automat. Sub imagine se actualizează
> coordonatele centrului selecției. Cu un click pe oricare dintre butoanele
> „setează” sunt copiate coordonatele în câmpurile alăturate. Odată salvate,
> tagurile vor apărea sub taguri salvate, cu opțiunea de a fi șterse.
>
> [image: Imagini inline 2]
> Mă gândesc și la opțiunea de editare. Odată cu click pe butonul Tăguirea
> este completă, imaginii i se va modifica la 1 valoarea din coloana revised
> și se va încărca următoarea imagine. Dacă toate imaginile au fost
> revizuite, va apărea mesajul:
>
> [image: Imagini inline 3]
>
> Cam atât deocamdată :D
>
> --
> Toate cele bune,
> Grigoroiu Marian Alexandru
>
> _______________________________________________
> Dev mailing list
> Dev at dexonline.ro
> http://list.dexonline.ro/listinfo/dev
>
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://list.dexonline.ro/pipermail/dev/attachments/20130730/962d281d/attachment-0001.html>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: visualTag3.png
Type: image/png
Size: 218945 bytes
Desc: not available
URL: <http://list.dexonline.ro/pipermail/dev/attachments/20130730/962d281d/attachment-0003.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: visualTag1.png
Type: image/png
Size: 201001 bytes
Desc: not available
URL: <http://list.dexonline.ro/pipermail/dev/attachments/20130730/962d281d/attachment-0004.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: visualTag2.png
Type: image/png
Size: 82076 bytes
Desc: not available
URL: <http://list.dexonline.ro/pipermail/dev/attachments/20130730/962d281d/attachment-0005.png>
More information about the Dev
mailing list