Siena – príklad vytvorenia Windows 8.1 aplikácie bez programovania I.

Aplikácia Microsoft “Project Siena” umožňuje vytvárať aplikácie pre Windows 8.1 aj na tabletoch s operačným systémom Windows RT 8.1, teda na zariadeniach využívajúcich architektúru ARM. Aplikáciu nájdete vo Windows obchode (viď predchádzajúci príspevok). Vytvorená aplikácia pobeží na zariadeniach všetkých Windows 8 architektúr, teda x86, x64 aj ARM. Ovládanie návrhového prostredia je štandardizované, podobne ako u iných Modern UI aplikácií. Hlavné menu sa aktivuje na dotykovej obrazovke nájazdom prsta zhora, alebo zdola smerom do stredu displeja, u klasického ovládania pravým tlačidlom myši.

Siena umožňuje využiť firemné, aj webové zdroje údajov, napríklad RSS kanály, zoznamy v službe SharePoint, Excel a Azure tabuľky, či služby REST. Tento obsah sa môže automaticky načítavať do vašej aplikácie a udržiavať ju tak neustále aktualizovanú. V prvej verzii aplikácie Project Siena, ktorú sme mali k dispozícii ešte táto funkcionalita automatického obnovovania údajov nebola implementovaná.

Filozofiou Siena pripomína podobné návrhové prostredie Windows Phone App Studio, ktoré umožňuje vytvorenie aplikácie pre platformu Windows Phone v štyroch jednoduchých krokoch taktiež bez nutnosti programovania.

Poďme si vyskúšať vytvoriť aplikáciu, typu e-shop, ku ktorej Microsoft dal na stiahnutie vzorový zdroj údajov, aj výukové video, ako aplikáciu vytvoriť

Príklad vytvorenia aplikácie pre e-shop

Na webe projektu Siena nájdete pripravené údaje vo formáte Excel a k nim priradené obrázky. http://technet.microsoft.com/en-us/dn494958. Je to veľmi zjednodušená ponuka fiktívnej firmy “Adventure Works” dodávajúcej športové potreby.

Kompletná databáza AdventureWorks je k dispozícii ako cvičná databáza pre SQL Server.

V prípravnej fáze je potrebné uložiť údaje tak, aby boli pre návrhové prostredie Microsoft “Project Siena” dostupné. Je potrebné si uvedomiť je sa nejedná o desktopovú, ale o Modern UI aplikáciu pre Windows 8.1 a takáto aplikácia má prístup len do niektorých priečinkov na hostiteľskom počítači, konkrétne sa jedná o priečinky Hudba, Obrázky a Video. Všetky zdroje, ktoré budete pri tvorbe aplikácie v návrhovom prostredí “Project Siena” využívať je potrebné najskôr premiestniť do týchto priečinkov. Dokument aplikácie Excel, ktorý poslúži ako zdroj údajov môžete umiestniť kamkoľvek, napríklad do priečinka Dokumenty

Aby sme to upresnili, jedná sa o dva druhy prístupov – s vedomím používateľa, čiže na jeho pokyn a prístup z podnetu aplikácie mimo používateľa . Používateľsky riadený prístup, kedy si používateľ cez FilePicker sám vyberie požadovaný priečinok sa uplatní pri napojení sa na zdroj údajov, v tomto prípade na dokument aplikácie Excel. Tento dokument preto môže byť kdekoľvek, napríklad na ploche, v priečinkoch Dokumenty, Prevzaté súbory a podobne. Znovu opakujeme, prístup k dokumentu sa deje na pokyn používateľa, s jeho vedomím. Do priečinkov Hudba, Obrázky a Video môže aplikácia pristupovať bez vedomia používateľa, v našom prípade si automaticky, podľa odkazov na súbory s obrázkami priradí obrázky k jednotlivým položkám.

Napojenie aplikácie na zdroj údajov

Ako prvý krok definujeme pre našu aplikácie zdroj údajov. Konkrétne sa jedná o dokument aplikácie Excel, ktorý sme predtým umiestnili do priečinka Dokumenty. Dokument obsahuje dve tabuľky AWVideos a AWProduct. Pri výbere označte, že chcete importovať obidve tabuľky

Údaje v tabuľke obsahujú odkazy na videá a obrázky. V našom fragmente jedného záznamu sme jednotlivé atribúty zobrazili pod sebou aby sa nám vošli na stránku.

Sport Rock    

PosterURL C:\Users\lubolacko\Pictures\SienaAssets\AdventureWorks\Videos\rockclimbing.jpg VideoURL VideoURL C:\Users\lubolacko\Pictures\SienaAssets\AdventureWorks\Videos\rockclimbing.mp4

Podobnú štruktúru má aj tabuľka produktov

Všimnite si atribút ShowTime. Určuje, kedy sa má obrázok daného produktu zobraziť. V originálnom dokumente sú odkazy na adresár C:\Users\Public\… V našom prípade sme upravili cestu do priečinku obrázkov používateľa lubolacko. Návrhové prostredie Siena údaje prepojí a zobrazí v tabuľke náhľady obrázkov. Odporúčame skontrolovať, či sa náhľady zobrazujú v obidvoch tabuľkách – AWVideos aj AWProducts. Tabuľky môžete prepínať pomocou prvku ComboBox vľavo pod fialovým záhlavím tabuľky náhľadov na dátový zdroj

Ak sa vám náhľady nezobrazia, skontrolujte, či sú v excelovskom dokumente správne cesty k priečinkom v ktorých sú obrázky a videá a či sú tieto priečinky prístupné.

Zobrazenie údajov dátového zdroja – tabuľka s odkazmi na videá

Zobrazenie údajov dátového zdroja – tabuľka s odkazmi na produkty

V budúcom pokračovaní ukážem návrh používateľského rozhrania

Reklamy

Pridaj komentár

Zadajte svoje údaje, alebo kliknite na ikonu pre prihlásenie:

WordPress.com Logo

Na komentovanie používate váš WordPress.com účet. Odhlásiť sa / Zmeniť )

Twitter picture

Na komentovanie používate váš Twitter účet. Odhlásiť sa / Zmeniť )

Facebook photo

Na komentovanie používate váš Facebook účet. Odhlásiť sa / Zmeniť )

Google+ photo

Na komentovanie používate váš Google+ účet. Odhlásiť sa / Zmeniť )

Connecting to %s


%d bloggers like this: