Map Quiz

RichieCarmichael

<\/HEAD>

<\/A>

Map Quiz je zábavná geo-hra založená na JavaScriptu, vyvinutá Applications Prototype Lab. Hra testuje vaše geografické znalosti pomocí šesti náhodně vybraných satelitních snímků. Prokažte, že jste geo-genius doma, ve škole nebo v práci!

Klikněte zde<\/A> pro přístup k živé aplikaci.

Klikněte zde<\/A> pro stažení zdrojového kódu.<\/P>

Úvod<\/H2>
Tento projekt je portem aplikace původně vyvinuté jako Windows Store aplikace.  Účelem aplikace je představit zábavnou geograficky zaměřenou hru (nebo "geo-hru") založenou na Esri<\/A> technologii.  Aplikace je primárně založena na Esri ArcGIS API for JavaScript<\/A> a je poháněna ArcGIS Online<\/A> (AGOL) hostovanými službami pro skórování a otázky.  Původně Windows Store aplikace používala AGOL autentizaci, v JavaScriptové verzi jsme se rozhodli použít Facebook autentizaci, abychom oslovili širší publikum.<\/P>

Proč Facebook?<\/H2>
Jednou z motivací hraní her je vzrušení z konkurence, ať už osobní nebo s ostatními.  Pro identifikaci uživatelů, aby mohli sledovat své skóre nebo skóre ostatních, bylo potřeba nějaké ověření.  Očividnou volbou je AGOL.  AGOL je ideální volba, když je potřeba spolupráce v GIS komunitě, ale velká část cílové skupiny této aplikace nemusí mít AGOL přihlašovací údaje. Dá se říci, že Facebook nemusí být úplně všudypřítomný, ale určitě běžný.  Proto jsme se rozhodli použít Facebook a Facebook API k autentizaci uživatelů.  Pro zmírnění obav o soukromí tato aplikace žádá a zobrazuje pouze malý podmnožinu profilových informací, konkrétně profilovou fotografii osoby, příjmení a iniciálu křestního jména.<\/P>Řízení přístupu k hostovaným službám<\/H2>
Otázky hry, odpovědi a skóre jsou uloženy ve dvou ArcGIS Online hostovaných feature službách.  Hostované služby jsou snadno vytvořitelné a umožňují výkonné prostorové dotazy.  Přístup k hostované službě je však buď neomezený, nebo omezený na organizaci či uživatele patřící do specifických skupin.  Protože tato hra je určena pro ne-AGOL uživatele, potřebovali jsme způsob, jak omezit přístup k hostovaným službám pouze na Map Quiz<\/EM> webovou aplikaci.

To bylo dosaženo registrováním aplikace<\/A> na AGOL.  Výsledné app id a secret byly pak použity ve webovém proxy, který udělil exkluzivní přístup k hostovaným službám pouze Map Quiz webové aplikaci.  Proxy a instrukce jak ji implementovat jsou zde<\/A>.<\/P>

Otáčení<\/H2>
Otáčející se mapa na úvodní stránce nebo postupné přibližování každé otázky je dosaženo pomocí CSS3 animace a knihovny animo JavaScript (viz výše).  Na moderních prohlížečích jsou animační efekty plynulé a konzistentní.  Co se týče otáčející se mapy, okraje mapy bylo třeba rozšířit směrem ven, aby se zabránilo bílým skvrnám v rozích.  K tomu jsme použili záporné okraje pomocí Pythagorovy výpočtu.  Nevýhodou otáčející se mapy je občasné pozorování švů na obrázku.<\/P>Silverlight vs. JavaScript<\/H2>
Jako bývalý Silverlight vývojář jsem byl příjemně překvapen výkonem a schopnostmi webových aplikací založených na JavaScriptu.  Dosud jsem nenarazil na žádnou schopnost Silverlightu, kterou by nebylo možné dosáhnout pomocí HTML5\/_CSS3.  Největším problémem byl posun paradigmatu od rozsáhlého dobře dokumentovaného frameworku Silverlight k nutnosti pracovat s půl tuctem lehce dokumentovaných open source knihoven.<\/P>Použité knihovny<\/H2>
Jak bylo zmíněno výše, tento projekt je založen na několika open source knihovnách, které jsou níže uvedeny a popsány.<\/P>animo.js<\/A> od Daniel Raftery<\/A>Toto je malá ale výkonná knihovna poskytující programatickou tvorbu a správu CSS animací.<\/EM><\/LI><\/UL><\/DIV><\/>ArcGIS API for JavaScript<\/A> od <A href="http:\/\/www.esri.com\/

Nore8429

Hello, I'm trying to use the app but the button to log in doesn't appear. Can any one tell what it's wrong please.

Thank you.