Pencil – prototypování UI aplikací (diskuse)

[asdfasfasfasf]

a nebo webova aplikace https://moqups.com/

[Václav HFechs Švirga]

Nevypadá nejhůř.

[aubi]

...do te chvile, nez to zkusis ulozit. Pak uz musis mit konto a smerujes k placene verzi. Pencil Ti bezi lokalne.

[petr_p]

Nedal by se použít jakýkoliv návrhář uživatelského rozhraní, který má kdejaký toolkit? Například Glade, QtDesigner?

[Josef Kufner]

Pencil a podobné nástroje umí udělat náčrtek klikací. Tedy vyexportují to jako HTML s odkazy mezi obrazovkami, takže fungují například odkazy v menu a tlačítko submit ve formuláři. To usnadňuje otestování logiky ovládání uživatelem/zákazníkem.

[Václav HFechs Švirga]

Bohužel Pencil exportuje jako obrázky. Ano, lepší nástroje to umí udělat interaktivní, včetně nějaké logiky (odkrývání, zakrývání formulářů), ale u Pencilu tenhle benefit není.

Na druhou stranu, oproti Glade / qtDevelopu a jiných IDE se mi s Pencilem pracuje lépe, protože je zaměřen čistě na vizuální stránku a neruší nastavováním vlastností, které by u skutečné aplikace bylo nutné nastavit.

[D.A.Tiger]

Export je mozny jen do HTML? Nejde treba export do XML? Popr definovat format?

Bohate by stacilo, aby z exportovaneho souboru bylo mozne (jednoduse) vycist jake widgety (+ pozicni parametry - pozice, velikost, popr layout) se maji vytvorit a jakou maji hierarchii.... Neni potom zas velky problem sestavit Tovarnu na objekty, ktera to prezvejka a vygeneruje pozadovany GUI formular. Pak bych to mohl vyuzit i s FoxToolkitem...

Jinak jsem experimentoval v tomto smeru s vyuzitim Gambase, Inkscape, nebo nejakeho UML editoru (treba Dia z KDE).

[w4rr10r]

Dia z KDE fakt není.

[D.A.Tiger]

Mas pravdu, nedavno jsem to zjistil take. Ken ja ho mam jen s KDE z nejakeho duvodu nejak spojene... Nicmene to je fakt detail.

[Rezza]

Nebo rovnou psat v QML :).

[sarimak]

Pencil mi v Ubuntu nabidl stazeni DEB balicku (detekuje OS podle user agenta, na Windows nabidne EXE instalator), standalone Pencil pod Ubuntu funguje korektne.

V minulosti jsem mel problemy s pomalosti standalone Pencil 2 pod Windows (projevovala se jen pri praci s 10+ taby) a s nekompatibilitou Firefox add-on 1.x s novymi verzemi FF. Vypada to ale, ze aktualni verze ma tyhle problemy vyresene.

Urcite jde pouzit GUI designer (Glade a spol.), ale vyhoda Pencilu spociva v moznosti anotace mockupu (pridam polopruhledny obdelnik bez ramecku, sipku s textem, tipnu screenshot z existujiciho GUI a dopatlam do nej par GUI widgetu pro naznaceni vzhledu nove vlastnosti apod.).

Osvedcilo se mi pouzivat Sketchy GUI - zcela jasne to ukazuje, ze se jedna o mockup, takze ten kdo GUI posuuzuje, nemuze nabyt dojmu ze "uz je to vlastne cele hotove" a nebude se divit, ze jeste chvilku potrva nez bude nova vlastnost k dispozici. Zejmena pri kombinovani relaneho screenshotu (obrazek na pozadi mockupu) pak nove pridane elementy v Sketchy GUI umyslne vycnivaji "jako pest na oko".

Pokud napr. prototypuju GUI pro Android, muzu si snadno vyrobit na kolene emblemy pro casto pouzivana tlacitka (napr. Search s obrazkem lupy lze vytvorit z jedne kruznice a jedne usecky, oboji sloucene do 1 skupiny - nebo Camera s obrazkem fotaku lze vytvorit z dvou obdelniku a jedne kruznice).

Slabina tabulkoveho editoru spociva v nehlidani poctu |, takze pokud se upisu a nekde zapomenu svislitko navic, cela tabulka se rozjede. Podobne zlobilo, pokud jsem na konci zapomnel odenterovany radek na kterem nic neni. Sirka sloupcu se sice tazenim za pricky da upravovat, ale je potreba upravovat sloupce zleva doprava, jinak se obsah rozhodi.

PS: Pencil nejde moc dobre pouzit na diagramy, protoze neresi routovani spojnic - Dia je porad lepsi alternativa.

[Václav HFechs Švirga]

A jo, fakt že tam .deb balíček je, ale musí se tam prokliknout, v Debianu mi to defaultně cpe .rpm, takže dvakrát dokonalá ta detekce nebude . V každém případě, v repu debianu není a jestli je to ubunťácky .deb, tak bych ho stejně musel upravovat, takže extension mi stačí.

[Václav HFechs Švirga]

Příloha:

• routy.png (80542 bytů)

Jinak nějaké omezené routování to umí pomocí "free line", dá se přichytávat do rohů a doprostřed stran, dá se nastavit, jestli má být čára rovná, křivka a nebo lomená, ale nedá se pak nějak doupravit, pokud třeba nějaký objekt překrývá (křižuje) - tedy přidat na ní bod a s ním hybnout, takže je to pořád naprd. Nebo apsoň nevím jak. Taky jsem si nevšiml, že by šel změnit vzhled koncové šipky, akorát jde nastavit, jestli má být šipka na začátku, na konci, na obou, nebo nikde. Takže souhlas, Dia vede .

[Salamek]

Sreenshot vysledku nebo vyexportovane HTML na ukazku by nebylo ?

[Václav HFechs Švirga]

Jako výsledek si můžeš představit poslední obrázek v článku (to máš jednu stránku dokumentu), výsledné HTML obsahuje pod sebou obrázky jednotlivých stránek (takže je celkem k ničemu). Sám HTML nepoužívám, exportuju rovnou do .png a ty házím do specifikace. Je to prostě kreslítko, nic víc. Užitečné by akorát mohlo být to .svg, ale bohužel jsem export nerozchodil (ale ani se moc nesnažil).

[Salamek]

Aha, ja myslel ze to vyhazuje nejakou parodii na HTML...

[Karlitos]

Posledni verze na Mac OsX Mavericks vubec nenabehne. Nezda se ze by to zatim nekdo prilis resil.

[lko]

App neni podepsana, nejde spustit, je sbundlovana s XULRunnerem 17 (rok stary). Zkus XPI verzi (vyzaduje Firefox)

http://evoluspencil.googlecode.com/files/Pencil-2.0-5-fx.xpi

[fert]

myslim ze na to "staci" qtcreator

[bpbp]

balsamiq.com

Limitovaná funkce dotazená do dokonalosti - maly sw který děla přesně to co je potreba a nic navíc - což je vytvořit a evaluovat koncept UI a workflow. Záměrně nemá podporu pro onpage interakce (i.e. Vyplnění formuláře) - to není vhodné testovat na či mít součástí wireframu, to chce už sw prototyp.

Platform independent Webový klient, desktop verze pro prohlížení a komentáře od zákazníka Collaborative

Export PDF clickable (platform independent trotl fest), html, xml a několika pokročilejších wireframing nástrojů

Masivní knihovny UI prvku fór frí - web, iPad, android, desktop

[Václav HFechs Švirga]

Z tvého popisu to vypadá jako lepší komerční (uzavřený) pencil. Takže to nemusí být zlé a je to i pro Linux, ale už do toho člověk musí investovat.