tisdag, september 25, 2012

Badge Logo till en Windows Store app

I min senaste app behövde jag skapa en Badge Logo. En Badge Logo pekas ut i Package.appxmanifest under sektionen Notifications och används på lock screen för att visa notifieringar från en app. Det är inget krav att peka ut en Badge Logo men om din app kan ta emot toasts så måste du ha en Badge Logo och då måste den också vara korrekt. En felaktig Badge Logo kommer att göra så att ni app inte klarar certifieringen.


Exempel på en Badge Logo in action:


När jag så här i efterhand tittar på bilden ovan så är det helt uppenbart hur man ska göra en Badge Logo men när jag satt och bara vill få min app certifierad var det inte lika uppenbart.

Reglerna säger:
"A logo image that is shown next to the badge to identify the app. This image must be monochromatic, of type .png, and measure 24 x 24 pixels."

Det felmeddelande man får när man har en felaktig bild är:
Image reference "Assets\BadgeLogo.png": The image "C:\Program Files\WindowsApps\YourAppName_1.0.0.12_neutral__somerandomletters\Assets\BadgeLogo.png" has an ABGR value "0xFFC7C7C7" at position (0, 0) that is not valid. The pixel must be white (##FFFFFF) or transparent (00######).

Bilden som man skapar måste vara monokrom med transparanta (00######) och vita (##FFFFFF) pixlar. Dvs varje pixel ska vara genomskinlig eller i någon nyans av vitt.

För att lösa det använder man lämpligen ett bildbehandlingsprogram som kan hantera lager. Det kan vara Photoshop eller paint.net.
  1. Skapa en ny bild som är 24x24 pixels med tre lager.
  2. Lager 1 ska vara transparent, lager 2 ska vara svart och lager 3 transparent.
  3. Skapa ditt ikonsika mästerverk på lager tre och använd bara vit färg.
  4. Ta bort eller dölj lager 2 så att bilden bara har via och transparenta pixlar synliga.
  5. Spara din bild i jpg eller png
Du kan självklart hoppa över det svarta lagret men det är så mycket enklare att se vitt på svart än vitt på transparent.

måndag, september 24, 2012

Saker jag önskar att någon berättat för mig om utveckling av Windows 8 Store apps

För en tid sedan fick jag ett önskemål på en app från en kollega. Jag såg det som en perfekt uppgift att ta mig an, men en av de största utmaningarna var att den skulle vara klar en vecka senare. Så från File-New Project till pubbad på en vecka... är det möjligt?

Det är möjligt och nu är appen pubbad! Så jag tänkte skriva några saker som jag önskar att någon hade sagt till mig innan jag började:

Ladda ner alla Windows 8 App Samples för det språk du jobbar i!
Än så länge är det begränsat med resurser tillgängliga med bra beskrivningar av verkliga problem. Man Bingar på Google och Googlar på Bing och mycket av det som dyker upp är rena recensioner av Windows 8, framework-dokumentation och Windows 8 App Samples. Många spår leder också till Tim Heuer på Microsoft. Han har en mycket bra blog (http://timheuer.com/blog/) och verkar svara på ALLA frågor i forum som rör utveckling på Windows 8. Ett tips är också att söka på "metro styla applications" eftersom att många bloggar refererar till det namnet när man pratar om "Windows Store apps". Som sagt så pekar många länkar till Windows 8 App Samples så jag rekomenderar att ladda ner dessa och använda som referens.
 

Påbörja processen i Windows Store så tidigt som möjligt
Alla länkar man behöver finns under Project -> Store i Visual Studio 2012. Det första man ska göra är att reservera ett appnamn, börja fundera på beskrivning av din app samt hur de många olika bilderna som representerar din app ska se ut. Dessa bilder är olika typer av ikoner, splash screen och promotional images. En sak som jag har märkt är att när man väl bestämmer sig för att man är KLAR med första versionen av appen man vill publisera så vill man få ut den så snabbt som möjligt. För mig har det varit så att det tillfället också ofta infaller sent på natten. Att då komma på att man ska skriva snyggt formulerade texter samt skapa en massa screen shots och promotional images var lite tungt. Så klicka igenom hela processen någon gång tidigt och fundera på vad som ska stå i varje ruta. Kom också ihåg att den ska beskrivas på varje språk som du har stöd för.
 

Privacy policy
De flesta appar kräver någon slags privacy policy eller integritetspolicy. Det är en beskrivning vad hur appen och dess ansvarige hanterar personuppgifter. Ta det säkra före det osäkra och lägg till en privacy policy direkt! Man kan lägga till en länk under Settings-charms men behöver också ha någon extern plats att placera sina policies. På siten där man registrerar sin app finns ett fält för Privacy Policy. Detta är frivilligt men fyller du inte i det är det risk att din app inte godkänns (om det är så att det anses att du behöver en privacy policy). Jag placerade mina som pages på den här bloggen. En på engelska och en på svenska. Alla appar som har en privacy policy länkar också till dessa från översiktssidan i Windows Store.


  

Lägg till flerspråksstöd direkt
Även om du inte planerar att göra den första versionen av din app i flera språk så skulle jag rekommendera att lägga till stödet för flera språk direkt. Det görs enkelt genom att lägga till en Resource File till ditt projekt och placera den i en katalog som har samma namn som språkkoden. För svenska är det sv-se och för engelska är det en. Lägg sedan till x:Uid=”” på de element där du vill ha en text så kommer den att ersättas till rätt språk efter inställningen i Windows 8. T ex:

<TextBlock x:Uid="FewestMoves">
Om du senare vill lägga till ett nytt språk är det bara att skapa en ny Resource File och översätta den. För att testa din app i olika språk så ändrar du bara vilket språk som är överst i Language settings:

 


Det finns säkerligen mer att tillägga men det här är det jag önskar att någon hade berättat för mig innan jag började med min första Windows Store App. Min app heter Leads Machine.

Min första Windows Store app finns nu tillgänglig!

Min första Windows Store app, Leads Machine, finns nu tillgänglig för nerladdning till Windows 8. Den är en app som man kan använda för att spara leads. Tänk dig att du jobbar på en mässa och har en Windows 8-platta i din hand. Med appen Leads Machine kan du då enkelt registrera uppgifter och intresseområden som sedan används för att generera ett mail.


Appen är anpassningsbar med områdena till höger samt loggan i nederkant. Man kan också välja att inte visa loggan för Leads Machine så att den blir helt brandad för den som använder den. Om man t ex byter ut standardloggan till till en Microsoft-logga så ser appen ut så här:
 
Jag kan varmt rekommendera alla utvecklare att bygga en egen app. Det är enkelt, roligt och riktigt coolt att se ens app när den dyker upp i Windows Store. 

Cloud Burst 2012

Torsdag och fredag denna vecka (27-28) september kommer Sweden Azure User Group (SWAG) att anordna en konferens om Windows Azure i Stockholm, eller närmare bestämt på Microsofts kontor i Kista.

Missa inte chansen att få se talare som Dominick Baier (MVP), Brady Gaster (Technical Evangelist), Nuno Godihno (MVP), Magnus Mårtensson (MVP), Alan Smith (MVP), Christian Weyer (MVP) och Peter Bryntesson (Technical Evangelist). Det är faktiskt så att det var ett krav att vara MVP eller evangelist på Microsoft för att få tala på konferensen!

Än finns det några platser kvar och anmäler sig gör man på här. Om du inte kan komma till Stockholm eller om det helt enkelt blir fullt så kommer hela eventet att streamas live! Med hjälp av http://www.streamshed.com/ och deras lösning som körs i Windows Azure så kan du följa eventet direkt här.

Och kanske det bästa av allt, hela konferensen är gratis! Allt du behöver veta om Cloud Burst 2012 finns att läsa på SWAG's hemsida.