Kreiranje Windows Phone Aplikacija

9/13/2014
Alati koji vam mogu olakati kreiranje Windows Phone aplikacija | Spaso Lazarevic Blog
Alati koji vam mogu olakati kreiranje Windows Phone aplikacija

Posted on November 20, 2012
Article name: Tools that can help you create a Windows Phone application
This article has published in Info released in November 2012, number 178 (BH IT magazine
-http://info.ba).
Tekst je izaao u Novembarskom broju Info (Informatiki magazin) http://info.ba broj
178:
Kako raste broj korisnika koji posjeduju Windows Phone telefone, kreiranje Windows Phone
aplikacija postaje sve aktuelnija tema. Sama injenica da mobilna aplikacija ima vrijednost za
korisnika jer mu radi posao ili ga zabavlja a uz to postoji mogunost i da se zaradi od prodaje
aplikacije, sve te injenice daju dovoljno argumenata autoru aplikacija da uz to manje manje
muke kreira to kvalitetniju Windows Phone aplikaciju.
Kao i u svakom poslu, odreene stvari se mogu odraditi na laki ili tei nain. Ukoliko budete
koristili neki od narednih savjeta prilikom procesa izrade Windows Phone aplikacija, siguran
sam da ete mnogo bre i jednostavnije kreirati Windows Phone aplikaciju a koja e imati
funkcionalnosti aplikacije koja slijedi najbolje preporuke.
Dizajn
Kao prvo, pravilo je da ukoliko postoje dvije aplikacije koje imaju slinu ili istu
funkcionalnost, korisnik e izabrati onu aplikaciju koja ima bolji vizuelni identitet ili tanije
reeno bolji dizajn. Prilikom kreiranja aplikacija veliki dio vremena koje ete upotrijebiti za
kreiranje aplikacije e biti upotrijebljen upravo za ovaj veoma bitan segment. Microsft je
izdao smjernice za dizajn aplikacije za Windows Phone i jedna od veoma bitnih stavki je
http://spasol.wordpress.com/2012/11/20/alati-koji-vam-mogu-olakati-kreiranje-windows-phone-aplikacija/
1/12
9/13/2014
poravnanje elemenata na stranici kao i rastojanje izmeu elemenata. Klasa koja vam zaista
moe mnogo pomoi u ovom procesu jeMetroGridHelper od autora uvene aplikacije 4th
& Mayor-Jeff Wilcox.
Da bi najjednostavnije postavili ovu korisnu klasu koristiete alat NuGet koji e odraditi
skoro sav posao za vas. Ukoliko nemate instaliran NuGet alat, potrebno je da ga instalirate
putem Tools/Extension Manager u okviru Visual Studio alata. U okviru Online Gallery
kartice pronaite putem polja za pretragu NuGet Package Manager, odradite Download i
potom Install. Kada imate NuGet vrlo jednostavno moete instalirati bilo koji dodatni alat za
Visual Studio (naravno, ukoliko taj alat ima podrku za NuGet). MetroGridHelper ete
instalirati tako to u okviru stavke menija Tools/Library Package Manager/Package Manager
Console izvrite sledeu komandu:
Install-Package MetroGridHelper
Da bi dobili komandu za instalaciju bilo kog alata na http://nuget.org pokuajte pronai
eljeni paket po nazivu. Kao rezultat pretrage za MetroGridHelper dobijamo situaciju kao na
slici 1:
Slika 1. Paket MetroGridHelper na NuGet.org

Ono
to
NuGet
alat
uradi
je
da
odradi
skidanje
svih
neophodnih
fajlova
(MetroGridHelper.cs), odradi postavljanje referenci u References (u konkretnom sluaju to

nema potrebe da se odradi) i odradi dodavanje stavki using u okviru cs klase na pojedine
klase (takoe nema potrebe jer je ova klasa statika). Na kraju, da bi ukljuili funkcionalnost
MetroGridHelper, potrebno je u Loaded metodi stranice koja se prva pokree
(MainPage.xaml.cs) dodati programski kod za aktiviranje MetroGridHelper prilikom
pokretanja aplikacije:
2/12
9/13/2014
private void MainPage_Loaded(object sender, RoutedEventArgs e)

{
MetroGridHelper.IsVisible = true;
}
Programski kod za aktiviranje MetroGridHelper se moe postaviti i u konstruktoru glavne
stranice MainPage(). Kao rezultat, prilikom pokretanja aplikacije na telefonu ili Emulatoru
e se na svakom od stranica aplikacije pojaviti mrea crvenih kvadrata veliine 25x25px ije
je meusobno rastojanje 12px i rastojanje od ivica stranice 24px. Pomou ove mree ete lako
uoiti koji elementi nisu poravnati kao i koliko bi trebalo da je rastojanje izmeu elemenata
da bi aplikacija izgledala korektno. Mogue je podeavati boju kvadrata u mrei kao i
providnost kvadrata (opacity). Parametar IsVisible je mogue iskljuiti u toku izvravanja
programa ali je u tom sluaju i dalje prisutna u okviru Visual Tree aplikacije to e uticati na
perfomanse aplikacije te je preporuka da se MetroGridHelpse iskljui prilikom zavretka
aplikacije.
Slika 2. Primjer upotrebe MetroGridHelper klase za poravnanje i meusobno rastojanje

elemenata na stranici aplikacije.
3/12
9/13/2014
Snimanje ekrana
Kada imate gotovu aplikaciju, esto ete imati potrebu da kreirate Screenshot odreene
stranice. Kako Windows Phone 7.x nema ugraenu mogunost ove funkcionalnosti, potrebno
je da koristimo dodatne alate. Jedan od takvih alata koji se mogu instalirati pomou NuGet
je Screenshot.cs (autor Jeff Wilcox). Dodatak moete instalirati pomou NuGet alata
putem komande:
Install-Package ScreenShots.cs
Nakon instalacije, alat aktiviramo u okviru klase App.xaml.cs u okviru metode public
App() sa linijom koda:
ScreenShots.BeginTakingPictures();
Tano mjesto postavljanja programskog koda za aktiviranje alata je prikazano na slici 3.
Slika 3. Mjesto postavljanja aktiviranja Screenshot funkcionalnosti

Moete se pitati, a zato ne bi koristili Screenshot u okviru Emulatora? Istina je, da nije
uvijek mogue dobiti svaku funkcionalnost Windows Phone aplikacije u okviru Emulatora te
je jedini nain kako doi do slike aplikacije postavljanje aplikacije na telefon i preuzimanje
slike sa telefona. Podeavanje klase Screenshot je takvo da e generisati sliku svake 2
sekunde u Isolated Storage. Da bi doli do slika koje se nalaze u Isolated Storage, moete
4/12
9/13/2014
koristiti Windows Phone Power Tool koji je opisan u nastavku teksta.

Napomena: pomou Screenshot.cs nije mogue dobiti i dio vizuelnog dijela aplikacije koji se
nalazi u Application Bar. Takoe, postoje varijacije Screenshoot klase koja omoguava
snimanje direktno u Picture Hub telefona to znaajno olakava preuzimanje slika.
Drugi nain dobijanja slike iz aplikacije je korienje alata koji se nalazi u okviru Emulatora
koji se zove Screenshot. Preporuka je da se prije uzimanja trenutnog stanja aplikacije
pomou Screenshot opcije povea
maksimalne veliine 480800 px.
Zoom Emulatora na 100% kako bi dobili sliku
Windows Phone Power Tool

Alat koji vam omoguava funkcionalnosti koje ne moete odraditi pomou standardnog
Windows Phone SDK kao to su:
postavljanje update za va XAP instalacioni fajl kao i deinstalacija XAP fajla sa telefona
vizuelni pregled Isolated Storage kao i manipulacija sa fajlovima (preuzimanje i
postavljanje fajlova, kreiranje foldera i brisanje fajlova ili foldera)
5/12
9/13/2014
Slika 4. Windows Phone Power Tools povezan na telefon

Detaljnije o alatu moete pronai na Codeplex (link: http://wptools.codeplex.com/).
Windows Phone Toolkit
Nezaobilazni skup alata kreiran od strane Microsofta kojeg ini veliki broj kontrola koje
moete koristiti u Windows Phone aplikacijama. Skup alata Windows Phone
Toolkit(bivi naziv alata je Silverlight for Windows Phone Toolkit) moete instalirati
pomou NuGet (za WP8 neophodna verzija NuGet 2.1):
Install-Package WPtoolkit
Kontrole koje ete rado koristiti su DataTime Picker, Progress, Pivot Control,
LongListSelector, DataTimeConverters, TogleSwitch, Tilt, Transitions, HubTile i mnoge
druge. Detaljnije na adresi: http://phone.codeplex.com/
Coding4Fun Toolkit
Sadri skup kontrola, konvertera i helpera koju su veoma korisni za upotrebu u okviru
Windows Phone aplikacije. Coding4Fun skup alata se moe instalirati pomou NuGet:
Install-Package c4fcontrols.complete
Detaljnije na adresi: http://coding4fun.codeplex.com
6/12
9/13/2014
Slika 5. Coding4Fun Toolkit

About opis aplikacije
Svaka aplikacija bi trebalo da ima i stranicu u kojoj je opisano ta predstavlja ta aplikacija, ko
je autor, kontakt podaci, mogunost davanja ocjena aplikaciji, pregled verzija aplikacije,
uputstvo za koritenje kao i uslovi korienja aplikacije. Primjer dobre stranice ovog tipa
jeYLAD (Your Last About Dialog) od autora Peter Kuhn koja se moe instalirati pomou
NuGet sa komandom:
Install-Package YLAD
Kao rezultat instalacije se dobija jedan dll fajl u kome se nalazi sva poslovna logika alata.
Podeavanje teksta koji treba da se prikae na stranici About se vri u fajlu
Content/About/Data.xml. Stranica About se pokree pomou naredbe:
NavigationService.Navigate(new Uri(/YourLastAboutDialog;component/AboutPage.xaml,
UriKind.Relative));
7/12
9/13/2014
Dio podataka koji YLAD preuzima prilikom prikaza podataka u toku rada aplikacije je ne
samo iz fajla Data.xaml nego i iz fajla WMAppManifest.xml u kome se nalaze podaci
generalno za cijelu aplikaciju (Description i Version) i koji e biti prikazani na stranici About
kreiranoj od strane YLAD. Na primjer, na vrlo jednostavan nain se dobija stranica sa
istorijom aplikacije gdje se automatski na osnovu praznog reda vri stilizovanje osnovne
verzije na izlazu. Primjer realizacije History strane:
<Item Title=history
Type=text>
1.0
Inicijalna verzija aplikacije.
1.1
Izmjena dizajna aplikacije.
Promijenjeni termini poetka predavanja.
Dodata informacija o User Grupama u BiH
</Item>
Izgled stranica prikazan je na slici 6. Veoma je jednostavno odraditi lokalizaciju About
stranice izmjenom Data.xaml ili dodavanjem novih konfiguracionih fajlova za svaki od jezika
kao
na
primjer Data.de.xaml.
Detaljnije
o
YLAD
moete
pronai
na
adresi:http://ylad.codeplex.com
8/12
9/13/2014
Slika 6. Pregled stranica kreirani pomou YLAD

Veliina slika
Prilikom razvoja Windows Phone aplikacija esto ete raditi sa slikama (png ekstenzije) te je
od velikog znaaja veliina tih fajlova. Veliina utie na perfomanse aplikacije kao i na
konanu veliinu XAP fajla (fajl koji nastaje kao rezultat Build operacije u okviru Visual
Studio alata i koji slui za postavljanje na Microsoft Dev Store). Alat koji uspjeno radi
kompresiju png fajlova bez gubitka kvaliteta je PNGGountlet kojeg moete pronai na
adresi http://pnggauntlet.com/. Nivo kompresije je u desetinama procenata i ukoliko imate
vei broj fajlova moete znaajno umanjiti konanu veliinu zauzea prostora.
9/12
9/13/2014
Slika 7. PNGGountlet za kompresiju fotografija

Rad sa slikama
Ukoliko imate potrebe za manipulacijom sa slikama u okviru vae aplikacije tada je
nezaobilazni OpenSource projekat koji ete koristi WriteableBitmapEx. Paket instalirate
pomou NuGet sa komandom:
Install-Package WriteableBitmapEx
Biblioteka WriteableBitmapEx predstavlja kolekciju metoda za rad sa klasom
WriteableBitmap koja omoguava izmjene bitmape i prua mogunost crtanja direktno po
bitmapi uz veoma visoke perfomanse prilikom korienja ove biblioteke. Praktina primjena
ove bibilioteke bi mogla bila u situacijama kada elite primjeniti odreeni filter nad slikom,
da izvrite odreene transformacije sa slikom kao to je isjecanje slike ili rotacija, crtanje
linija i zatvorenih krivulja bilo kog tipa po slici, snimanje slike na telefon i mnoga druge
mogunosti. Detaljnije o biblioteci WriteableBitmapEx moete pronai na
adresi: http://writeablebitmapex.codeplex.com/
Augmented Reality
Augmented Reality (izmjenjena realnost) je termin koji kada se upotrebljava u kontekstu
10/12
9/13/2014
korienja mobilnih aplikacija upotrebljava za situacije kada okom kamere vaeg telefona
posmatrate okolinu oko vas a sam program prikazuje objekte koji se nalaze u vaem
vidokrugu (program nadopunjuje realnost sa virtuelnim podacima koji predstavljaju korisne
informacije). Ovaj vid prikaza postaje sve popularniji u svijetu i predstavlja fantastian nain
otkrivanja informacija o stvarima koji vas okruuju. Scenario upotrebe aplikacija sa ovakvim
mogunostima je zaista veliki a jedan od njih bi mogao biti:
turista ste u nepoznatom gradu i elite da pronaete objekte odreenog tipa koji se nalaze
u vaoj blioj ili daljoj okolini. Aplikacija sa ovim mogunostima vam omoguava pregled
objekata razliitog tipa (hoteli, restorani, pozorita, prodavnice, javni transport i slino)
sa osnovnim podacima kao to su udaljenost i prosjeni rejting objekta od strane
korisnika. Nadalje, ukoliko elite, moete dobiti i detaljne informacije o svakom objektu
koji je prikazan pomou aplikacije kao to su radno vrijeme, kontakt telefon i nain kako
da doete do eljenog objekta.
OpenSource projekat kojeg moete koristiti za jednostavno kreiranje Windows Phone
Augmented Reality aplikacija je GART (Geo Augmented Reality Toolkit). Alat omoguava
postavljanje informacija nad objektima iz realnog prikaza onoga to vas okruuje. Jedino to
je potrebno obezbijediti aplikaciji su podaci o geo koordinatama objekata (Latitudes i
Longitudes). Podatke moete dobiti u okviru vae aplikacije pomou pretrage na netu putem
Bing pretraivaa, Wikipedije ili koristei Flickr za fotografije ili da kreirate svoju vlastitu
kolekciju sa podacima o objektima. Alat potom prikazuje podatke o objektima u odnosu na
trenutni poloaj korisnika aplikacije na mapi ili u 3D pogledu putem kamere na vaem
telefonu sa prikazom korisnih informacija o objektima.
Dateljnije o GART biblioteci moete pronai na adresi: http://gart.codeplex.com/
11/12
9/13/2014
Slika 8. Upotreba Augmented Reality aplikacije pomou Nokia City Lens

Zakljuak
Na kraju, kao poslednji korak prije postavljanja aplikacije na Microsoft Dev Store
(Marketplace za Windows Phone aplikacije) potrebno je obavezno provjeriti ponaanje
aplikacije za obije pozadine (Background): Dark i Light. Mogue je da odreeni tekst ili
objekti na strani vae aplikacije uopte nee biti ispravno prikazani (npr. bijela boja na bijeloj
pozadini).
Pomou prikazanih alata ete sigurno biti efikasniji i moi ete na bri i efikasniji nain
kreirati Windows Phone aplikacije koje e imati profesionalni izgled i
imae dobre
perfomanse.
12/12

Kreiranje Windows Phone Aplikacija

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Kreiranje Windows Phone Aplikacija

Uploaded by

Copyright:

Available Formats

9/13/2014

Alati koji vam mogu olakati kreiranje Windows Phone aplikacija

Slika 1. Paket MetroGridHelper na NuGet.org

(MetroGridHelper.cs), odradi postavljanje referenci u References (u konkretnom sluaju to

private void MainPage_Loaded(object sender, RoutedEventArgs e)

Slika 2. Primjer upotrebe MetroGridHelper klase za poravnanje i meusobno rastojanje

Slika 3. Mjesto postavljanja aktiviranja Screenshot funkcionalnosti

koristiti Windows Phone Power Tool koji je opisan u nastavku teksta.

Zoom Emulatora na 100% kako bi dobili sliku

Windows Phone Power Tool

Slika 4. Windows Phone Power Tools povezan na telefon

Slika 5. Coding4Fun Toolkit

Slika 6. Pregled stranica kreirani pomou YLAD

Slika 7. PNGGountlet za kompresiju fotografija

Slika 8. Upotreba Augmented Reality aplikacije pomou Nokia City Lens

You might also like