Dotekománie 3.0 pro Android

Byl tomu už nějáký ten čas, co vyšla poslední aktualizace naší aplikace. Asi je už na čase tento malý velký nešvar napravit.

Už pěknou chvíli jsme si říkali, že je potřeba s ní něco udělat, ale až v březnu jsme učinili první kroky na naší pomyslné 6měsíční cestě. Určili jsme si jednotlivé milníky a předběžné termíny. Na úplném začátku bylo potřeba napsat kompletně nové API, protože pro systém WordPress aktuálně neexistuje žádné, které by uspokojovalo naše požadavky.

Po API bylo potřeba nakreslit základní wireframy, dodat jim trochu života a nakonec vše slepit a vybarvit. V základu jsme chtěli vycházet z pravidel material designu. V 90 % jsme se jich taky drželi, přidali pár nápadů navíc a s výsledkem jsme více než spokojeni.

Z hlediska UX jsme měli asi týdenní dilema – má být aplikace postavena na komponentě NavigationDrawer („hamburger menu“) nebo ViewPager (klasické taby)? Sami jsme si nedokázali na tuto otázku odpovědět, a tak jsme se i nenápadně zeptali vás na naší Google+ stránce. Výsledek byl poměrně jednoznačný, ale nakonec jsme se rozhodli pro druhou možnost. Snad nám to nebudete mít za zlé.

S novou aplikací takéž zásadně posilujeme konektivu našeho serveru. Tedy – od 28. srpna můžeme říkat serverů. Ve spolupráci s hostingovou službou WEDOS.cz jsme přesunuli celý náš web na SSD disk, což už dnes má pozitivní dopad na rychlost načítání webu. Zároveň, aby vše běželo ještě lépe, tak API funguje na úplně jiném, druhém, serveru.

Hlavní obrazovka

Aplikace nakonec obsahuje 3 základní oddíly – kategorie, stream a profil. V kategoriích naleznete základní seznam rubrik. Ten jsme mírně osekali a navíc díky novému API ho můžeme aktualizovat kdykoliv se nám zachce. V budoucnu v kartě kategorie budete moci najít i rychlé odkazy například na články ohledně různých veletrhů. Vše bez nutnosti aktualizovat appku.

Ve streamu je to nejčerstvějí a nejzajímavější. Nejnovější článek nalezenete vždy nahoře, pod ním pak další tři. A pokud budete chtít další, stačí kliknout. Nechybí v něm taktéž plánované články pro předplatitele a speciální karta pro recenze.

V třetí a poslední kratě „profil“ naleznete sami sebe. Pokud se tedy přihlásite. Předplatitelé zde také najdou seznam všech svých uložených článků.

Detail článku

Asi nejdůležitější částí aplikace je detail článku. A proto jsme jeho navrhování věnovali nejvíce času. Naším cílem bylo zbavit se kompletně androidí komponenty WebView, což je nejen nástroj pro vykreslování HTML kódu. A taky se nám to povedlo. 90 % detailu článku je slepen z nezávislých komponent, zejména pak z TextView (pro text), ImageView (pro obrázky) a RecyclerView (pro scrollovací prvky). WebView se zde vyskytuje pouze u formulářů a videí na externích webech (kromě YouTube).

Co vám to v praxi přinese? Rychlejší načítání, menší spotřebu paměti a také velkou úsporu dat. Nyní totiž můžeme regulovat rozlišení stahovaných obrázků, což ušetří nejen pár kilobajtů. Zároveň se veškeré fotky načítají, až když k nim doscrollujete. Předtím se vše načítalo najednou.

Vše jsme podepřeli hrstkou animací a také novou knihovnou Palette od Googlu, která extrahuje barvy z úvodního obrázku. Ty pak používáme napříč celým detailem článku.

Komentáře

K velkým změnám došlo také u komentářů. Zbavili jsme závislosti na systému Disquss, který jsme využívali téměř pět let. U původní aplikce vám vadilo, že se musíte přihlašovat dvakrát, abyste vůbec moli vyjádřit vlastní názor. Nyní stačí přihlášení pouze jedno. A stejně tak u nás na webu.

Nová aplikace, nový balíček

S novou aplikací došlo také ke změně vývojáře, nyní jsem ním já – Michal Mroček. Původní vyvíjeli kluci z dnešního Brightify a tímto bych jim chtěl poděkovat za pomoc při designovaní nové aplikace, zejména pak Kubovi Šlancarovi.

Jelikož nová aplikace již není dílem studia Brightify, museli jsme ji přesunout pod jiný vývojářský účet. A zde jsme mírně narazili. Google aktuálně nedovoluje přenos aplikací na jiný účet, pokud je s daným balíčkem nabízeno i předplatné.

Dostali jsme se do vcelku patové situace a jediným řešením bylo vytvoření kompletně nové aplikace s jiným názvem balíčku. A tak se i stalo.

Předplatné

Určitě musíme také zmínit, že tato změna ná vliv na všechny naše předplatiele. Předplatné budete mít nadále aktivní i v nové apliakci. Bude jen potřeba ho zrušit ve té staré a po jeho expiraci ho znova obnovit v nové.

Příklad – objednal jsem si roční předplatné 13. 7. 2015 a mám ho aktivní do 13. 7. 2016. Jediné, co musím udělat je přejít na tento odkaz a zrušit ho. Do 13. 7. 2016 ho budu mít stále aktivní v nové aplikaci a zde na webu a přihlásím se znovu 14. 7. 2016.

Stahujte

To by bylo asi vše, co byste měli vědět. Nyní nadešel čas se ponořit do víru barev. A pozor na oči. Na AMOLED displejích to může pálit :)

Dotekománie.cz Michal Mroček Zdarma ANDROID

Krátký přehled změn

• Nové API
  • generuje obrázky na základě obdržených rozměrů
  • uživatelé vidí expiraci svého předplatného
  • dynamické úpravy viditelných kategorií v aplikaci
  • možnost zobrazit upozornění v aplikaci, pokud používáte její zastaralou verzi
• Přepis kódu aplikace
• Kompletně nový design založený na material guidlines
  • vyladění kontrastu tmavého tématu
  • animace, animace, animace!
• Notifikace
  • výměna logiky odesílání notifikací
  • článek lze sdílet přímo z notifikace
  • podpora novinek pro Android 5.0 – barva notifikace, heads-up notifikace
  • upozornění o nové verzi aplikace, pokud je dostupná již týden a vy ji nemáte
• Detail článku
  • widgety pro aplikace – Google Play, Apple Store, Windows Store
  • malá karta o autorovi článku
  • zdroje – vylepšení zobrazování
  • vylepšena navigace v galerii obrázků
• Změna komentovacího systému z Disquss na WordPress
• Výměna patkového písma
• Úprava vyhledávacího algoritmu
• Odstraněny oblíbené články
• Verze 2.3 – 3.1 nejsou podporovány
• Podporované verze sytému se zpětnou kompatibilitou – 4.0 – 4.3
• Verze systému s plnou kompatibilitou 4.4 – 6.0

A tím teprve začínáme! Do budoucna se chceme více zaměřit na datovou náročnost aplikace nebo také na „inteligentní“ témata. Začíná se blížit podzim a s ním je spojená i sklizeň jablek. Asi si utrhneme taky nějaké a podrobíme ho menší analýze.

Domů » Články » Android » Dotekománie 3.0 pro Android

Michal Mroček

Android programátor, co se zajímá o nejrůznější mobilní technologie a sítě.