Rubrika: Web aplikace

Jeff Atwood vtipnou oklikou přes automatické dávkovače jídla pro kočky ilustruje, jak důležité jsou detaily řešení ve vašem produktu.

Getting the details right is the difference between something that delights, and something customers tolerate.

A ještě jeden citát:

This is all your app is: a collection of tiny details.
– Wil Shipley

Via @dmajda

Vypisuji další termín školení, tentokrát na 24. května. Zároveň zkouším novou službu pro pořádání školení Nauc.cz, takže se mrkněte, jak to vypadá.

Simple HTML5 page edits. Storage.js uses the new HTML5 contenteditable attribute and localStorage to bring you HTML5 awesomeness.

Prezentační stránka není moc hezká, ale technologie vypadá dobře.

Device.js is a starting point for doing semantic, media query-based device detection without needing special server-side configuration, saving the time and effort required to do user agent string parsing.

Dovolí vám měnit DOM, nejen načítat jiné CSS pro jiný rozměr displeje.

Další služba z kategorie „infrastruktura pro web aplikace”.
Proč by měl každý programovat svoje napojení na Dropbox, Facebook a další aplikace, které náš uživatel používá a mohl by z nich chtít nahrávat soubory.

Filepicker.io je řešení připravené pro použití.

Via @rjs

Tech blog Dropboxu zveřejnil obsáhlý článek, ve kterém rozebírá sílu hesel a způsoby jejího měření (skvělý xkcd included). Ale nejen to! Navíc odkazuje na javascriptové udělátko, zvané poněkud nešťastně zxcvbn, které vám umožní rychle zobrazit sílu zadávaného hesla vašim uživatelům, případně je nutit do silnějších.

Meteor is a set of new technologies for building top-quality webapps in a fraction of the time, whether you’re an expert developer or just getting started.

Zatím jsou ve verzi Preview 0.3.2, ale rozhodně mrkněte na tohle 10 minutové video. Vypadá to hodně zajímavě.

Via @keff85

Dneska je to přesně 5 let, co jsem napsal článek o výhodách web aplikací pro nás vývojáře.

Co jsem neviděl, byla výhoda web aplikací v právě se rodícím trhu mobilních aplikací. Inu, iPhone byl představen teprve tři měsíce předtím, než jsem to psal.

Aby bylo jasno, netvrdím a nidky jsem netvrdil, že web aplikace bude to jediné, nebo snad to nejdůležitější v softwarové branži. Co tvrdím, je, že pořád hodně lidí nedoceňuje, jaká příležitost se tu otevřela.

Což mi připomíná: Ještě jsou 2 volná místa na školení ;-)

Beta test školení (slidy) splnil účel, vím, kde byly hrany a jak je zahladit.

Celkově se dá říct, že školení je ideální pro lidi, kteří mají zkušenost s tvorbou webů a chtěli by se nasměrovat na tvorbu web aplikací.

Byznys část hodnotili přínosně i zkušení tvůrci web aplikací, kteří na školení byli.

Wireframovací část odhalila slabinu mého záměru vymyslet příkladovou aplikaci přímo na školení. Jeden z účastníků přišel s reálným příkladem aplikace, kterou se chystá dělat. Znělo to zajímavě a všichni jsme souhlasili, že to bude dobrý výchozí bod pro wireframování.

Problém se ukázal být v tom, že ještě neměl dostatek informací pro to, aby řekl, co je správně a co ne, takže ve výsledku se nedalo ponaučit z chyb a ukázat dobré postupy, protože nebyla kritéria, jak je posoudit.

Proto upravím wireframovací část ve směru návrhu aplikace, kterou jsem dělal (nebude to Fakturoid) a jsem tedy schopen ji popsat z pozice klienta a zároveň budu schopen zodpovědět vaše otázky při cvičení a lépe zhodnotit, co dává smysl a co ne.

Termín dalšího školení

Kdy: 25. dubna (středa) od 9.30 do 17.00 hod
Kde: Hub Praha, oranžová místnost
Počet účastníků: 10 (už jen 2 místa volná)
Cena: 5000 Kč Release Candidate cena 4000 Kč (nejsem plátce DPH)

Přihlašte se přes email

Hodí se školení pro vás?

Vidíte v tvorbě web aplikací otevírající se příležitost? Uvažujete o tom, že byste vytvořili nějakou vlastní? Máte už firmu, která dělá webové prezentace a chcete rozšířit záběr a/nebo získat stabilní příjem z vlastní aplikace? Chcete získat slušný základ v obchodní strategii a v organizaci procesu tvorby web aplikace?

Pokud jste na něco odpověděli „Ano“, nemělo by vás školení zklamat.

Školení přímo u vás ve firmě

Nabízí se možnost kombinace školení a konzultace nad vaším produktem. Ozvěte se.

An interaction model is a design model that binds an application together in a way that supports the conceptual models of its target users. It is the glue that holds an application together. It defines how all of the objects and actions that are part of an application interrelate, in ways that mirror and support real-life user interactions. It ensures that users always stay oriented and understand how to move from place to place to find information or perform tasks. It provides a common vision for an application. It enables designers, developers, and stakeholders to understand and explain how users move from objects to actions within a system. It is like a cypher or secret decoder ring: Once you understand the interaction model, once you see the pattern, everything makes sense. Defining the right interaction model is a foundational requirement for any digital system and contributes to a cohesive, overall UX architecture.
Defining an Interaction Model: The Cornerstone of Application Design, UXmatters

Dobré shrnutí teoretického přístupu a zajímavé nahlédnutí do procesu budování interakčního modelu pro rozsáhlou aplikaci ve velké firmě (HP).

Popisovaná aplikace — jakýsi cestovní portál, který má „transform the future of travel”, ehm — byla komplikovaná v tom, že potřebovali pokrýt více uživatelů s naprosto jinými cíli a tedy jinými interakčními modely. Vlastně je to jako navrhovat několik aplikací a ještě střechu nad nimi.

Pokud máte malý projekt, může vám dobře k zachycení interakcí posloužit třeba i jednoduchá technika, protože ten vysoko-úrovňový pohled se dá shrnout třeba do toho, že „zákazník potřebuje vystavit fakturu”. Každopádně i tak potřebujete tuhle oblast promyslet.

Autor je malinko jetej v „corporate speaku”, takže to si musíte přefiltrovat, ale za přečtení rozhodně stojí.

Za odkaz díky @janrezac

Beta test školení splnil svůj účel. Ověřil jsem si, že časově to vychází a našel jsem pár slabších míst, které budou chtít vylepšit.

Další termín školení bych viděl někdy na polovinu dubna, ale to ještě upřesním tady na blogu.

Pokud vám snad ještě nedošlo, že už teď jsme v post-PC éře, snad vás přesvědčí prezentace The Future of Mobile.

Mimochodem, to je taky jeden z důvodů, proč jsou web aplikace stále v zárodku boomu: HTML5 je jediná jednotná platforma pro velkou většinu mobilního trhu.

Via @venca

Zatím asi nejlepší plugin pro upload souborů. Další řešení uploadu najdete v mých záložkách na Zootool.

Via @enoice

Tohle školení jsem v hlavě převaloval přes rok. Hledal jsem správný přístup pro to, co chci docílit. Je mi jasné, že za jeden den, nikoho nemůžu skutečně naučit, jak se dělá uživatelské rozhraní a jak docílit co nejlepší dojem uživatele. Je to příliš rozsáhlé pole, navíc se důležité aspekty budou lišit produkt od produktu.

Co vás můžu naučit je, jak nad tím vším uvažovat a kde se dál učit.

Mým cílem je udělat školení, které bych býval velmi rád absolvoval před nějakými třemi roky a koneckonců bych si ho dal i dnes, abych věděl, jak uvažuje a pracuje někdo jiný.

Čtěte dál

Adobe Shadow řeší problém, který mají všichni vývojáři aplikací a webů, když je chtějí ladit pro mobilní zařízení: Kód tvoříte na svém počítači lokálně a na lokální server se těžko napojí váš mobil/tablet.
Má to jeden háček zatím to podporuje localhost pouze tak, že zadáte přímo IP vašeho počítače a web pak musí běžet např. na „192.168.1.100/mujweb/“. Já ale potřebuju rozběhnout lokální URL ve tvaru „test.fakturoid.dev“, což asi taky nějak půjde obejít, ale s tím už mi Adobe Shadow nepomůže a dost možná ho s takovým řešením už nebudu potřebovat. Ačkoli ten automatický reload a to ladění kódu se bude hodit i tak.

Via @dnna