Javascript

Tak jsem do projektu přidal i JavaScript, vesměs se jedná jen o obalení <iron-ajax> komponent. Backend jsem napsal v jako jednoduchý PHP skript, který pouze servíruje obsah, který je předem známý. Žádné podrazy ze strany poskytovatele (druhé API, to mé).

Nakonec, abych splnil požadavky jsem přidal aktuální počasí v lokaci akce. Opět načítané pomocí ajaxu.

Update 30. 12. 2015 Zveřejněn děsivý výsledek, který po ukončení předmětu zase smažu. https://github.com/hefay/MeetMe

Demo na http://hefay.atami.cz/via/
Prezentace: https://docs.google.com/presentation/d/1dakSf1odJGNpqA1GRxPbdnkXrkE2x1LJZXp1f9K6Q5E/edit?usp=sharing

Vytvoření designu v Polymeru

Prvním krokem bylo vytvoření stránky pomocí Polymeru. Díky komponentám z material designu, to bylo poměrně jednoduché i když jsem se musel potýkat s některými pro mě těžko uchopitelnými skutečnostmi.

via-01

V rámci tohto kroku jsem přidal také iframe (který počítám jako jedno API, protože jej tak publikuje i Google), který byl zatím statický a odkazoval pouze na jednu lokaci.

VIA 02

Zadání semestrální práce

V předmětu VIA (Vývoj internetových aplikací) jsme dostali za úkol vytvořit velmi jednoduchý projekt, který má využívat tři API.

Začal jsem tedy přemýšlet, co za projekt by to mohlo být. Nakonec jsem se rozhodl udělat jednoduchou stránku, která by zobrazovala naše výlety a podobně. Započal jsem tedy hledání vhodného frameworku. První volbou byl Angular, ale nakonec jsem přešel na Polymer.

rect4176

Na úvodní stránce aplikace je přehled všech akcí, které se chystají. Každá akce se dá rozkliknout, což vede k zobrazení jejího detailu.