Udostępnij za pośrednictwem

  • Artykuł

          

Publikacja w Marketplace - Przygotowanie aplikacji do publikacji  Udostępnij na: Facebook

Autor: Łukasz Kazimierz Krajkowski

Opublikowano: 2012-02-20

Pobierz i uruchom

Z poprzednich części samouczka dowiedzieliśmy się, jak zarejestrować konto dla studenta i pozostałych programistów w serwisie AppHub. Możemy teraz rozpocząć przygotowania mające na celu umożliwienie dostępu do naszej aplikacji milionom potencjalnych odbiorców, którzy mogą przynieść nam realny zysk. Rynek potencjalnych aplikacji jest w fazie ciągłego rozwoju, co umożliwia zajęcie odpowiednio wysokiej pozycji w hierarchii najlepiej zarabiających. Jednak, żeby nasza aplikacja została udostępniona klientom w Marketplace, musi przejść proces certyfikacji.

Informacje, zawarte w tym samouczku, pozwolą nam dostosować przygotowaną aplikację do przejścia przez proces certyfikacji, któremu podlegają zamieszczane w Marketplace produkty.

Indywidualizacja elementów graficznych przygotowanej aplikacji

Jednym z ważniejszych czynników, który sprzyja podniesieniu poziomu sprzedaży Twojej aplikacji, jest zindywidualizowany wygląd. Indywidualizacja pewnych elementów programu jest wymagana podczas publikacji w Marketplace. Głównymi elementami, które powinny być unikalne dla każdej aplikacji, to przede wszystkim nazwa oraz elementy graficzne, używane podczas procesu prezentacji w Marketplace oraz już po zainstalowaniu na Windows Phone. Elementy, które powinny zostać podmienione w projekcie każdego programu, to kafelki (zarówno awers jak i rewers), ekran startowy oraz logo aplikacji, stosowane w menu Windows Phone.

Rozpoczynając pracę powinieneś posiadać:

  • Visual Studio 2010 z zainstalowanym Windows Phone SDK 7.1,
  • ulubiony program pozwalający na obróbkę grafiki rastrowej (np. Paint).
Informacja

Strona AppHub- tutaj znajdziesz materiały potrzebne developerowi oraz zamieścisz aplikację w Marketplace.

https://create.msdn.com

* *

Więcej informacji o elementach wymaganych podczas procesu publikacji w Marketplace znajdziesz pod hasłem: Application Certification Requirements for Windows Phone.

Przygotowanie ikonografii

Przygotowanie zindywidualizowanych elementów graficznych sprawia, że aplikacja wydaje się ciekawsza. Jest ona wymagana podczas publikacji w Marketplace.

Informacja

Dla aplikacji musisz przygotować następującą, spójną ikonografię:

  • 200 x 200 piksele- używana do prezentowania aplikacji na stronie internetowej Windows Phone Marketplace,
  • 173 x 173 piksele- używana do prezentowania aplikacji na stronie internetowej Windows Phone Marketplace, na urządzeniu mobilnym oraz po przypięciu, jako kafelek aplikacji na stronie startowej,
  • 99 x 99 piksele- używana do prezentowania aplikacji w Windows Phone Marketplace na urządzeniu mobilnym,
  • 62 x 62 piksele- używana do prezentowania aplikacji w liście zainstalowanych aplikacji.

Dodatkowo, warto zamienić standardowy ekran startowy aplikacji na wybraną przez Ciebie grafikę o rozmiarze 480x800 pikseli.
  1. Przygotowanie katalogu zawierającego elementy graficzne ułatwi znacząco Twoją pracę:
  • w katalogu projektu przygotuj katalog o nazwie grafika.
  1. Przygotowanie grafiki głównej:
  • grafika główna powinna zostać przygotowana na kwadratowej kanwie o rozmiarach 200x200 pikseli,
  • tak utworzony element może zostać w prosty sposób skalowany do wymaganych rozmiarów, bez utraty jakości spowodowanej rozciąganiem.
  1. Przygotowanie gotowych grafik:
  • przeskaluj przygotowany obiekt do rozmiaru 173x173,
  • zapisz obiekt graficzny w przygotowanym katalogu pod nazwą 173.png,
  • przygotuj w podobny sposób grafiki o rozmiarach: 99x99, 62x62.
  1. Przygotowanie grafiki ekranu startowego aplikacji:
  • przygotuj grafikę na kanwie o rozmiarze 480x800 pikseli,
  • zapisz ją pod nazwą 480x800.jpg.
  1. Umieść elementy graficzne o nazwach 173.png, 62.png oraz 480x800.jpg w swoim projekcie:
  • kliknij prawym przyciskiem myszy na nazwę swojego projektu w oknie Solution Explorer,
  • z menu wybierz Add,
  • wybierz Existing item…,
  • dodaj przygotowaną grafikę o nazwach 173.png, 62.png oraz 480x800.jpg.

Rys. 1. Projekt z wstawionymi 3 nowymi elementami graficznymi.

  1. Wskazanie właściwych elementów graficznych:
  • kliknij prawym przyciskiem myszy na nazwę swojego projektu w oknie Solution Explorer,
  • z menu wybierz Properties,

Rys. 2. Okno Properties projektu.

  • w zakładce Application:
    —   znajdź rozwijaną listę Icon i zmień wybrany element na plik 62.png,
    —   z rozwijanej listy Backgroundimage wskaż plik 173.png,
  • usuń plik SplashScreenImage.jpg z projektu,
  • zmień nazwę pliku 480x800.jpg na SplashScreenImage.jpg.

Przygotowanie zrzutów ekranu

Jednym z ważniejszych elementów opisu w Marketplace, na który zwracają uwagę potencjalni użytkownicy Twojej aplikacji, są zrzuty ekranu (screenshot). Jest to grafika przedstawiająca Twoją aplikację w trakcie działania. To do nas należy przygotowanie zrzutów ekranu działającej aplikacji tak, żeby spełniały one wymagania certyfikacji w Marketpace.

Informacja
Do certyfikacji w Marketplace wymagany jest jeden zrzut ekranu, ale w celu zwiększenia naszych szans na globalnym rynku, musimy wyróżnić się i przedstawić naszą aplikację z jak najlepszej strony. Pamiętaj, że możesz dodać maksymalnie 8 zrzutów.
  1. Włączenie liczników testowych w trakcie działania emulatora:
  • otwórz zapisany projekt,
  • uruchom aplikację w emulatorze w trybie debugowania,
  • przyjrzyj się prawej stronie wyświetlacza emulatora, powinieneś zobaczyć czerwono białe ciągi znaków, są to liczniki debugowania, które nie powinny pojawić się na zrzutach ekranu Twojej aplikacji (Rys. 3.),
  • wyłącz proces emulowania.

Rys. 3. Widok uruchomionego programu z licznikiem testowym.

  1. Wyłączenie liczników testowych w trakcie działania emulatora:
  • przejdź w projekcie do pliku App.xaml.cs,
  • odnajdź linijkę:
Application.Current.Host.Settings.EnableFrameRateCounter = true;
  • zakomentuj ją lub ustaw atrybut na false:
//Application.Current.Host.Settings.EnableFrameRateCounter = true;
Application.Current.Host.Settings.EnableFrameRateCounter = false;
  • uruchom projekt w emulatorze (Rys. 4.).

Rys. 4. Widok uruchomionego programu bez liczników testowych.

  1. Przygotowanie zrzutów ekranu:
  • w celu uruchomienia okna Additional Tools wybierz, podczas działania aplikacji w emulatorze, z prawego paska narzędzi ikonkę dwóch znaków większości, oznaczoną na Rys. 5.,

Rys. 5. Przycisk uruchamiający Additional Tools.

  • W uruchomionym narzędziu przejdź do zakładki Screenshots (Rys. 6.),

Rys. 6. Zakładka Screenshot.

  • kliknij przycisk Capture (Rys. 7.).

Rys. 7. Wykonany screenshot.

  1. Zapisanie zrzutu ekranu na dysku:
  • klikając na przycisk Save, zapisz powstałą grafikę w katalogu, utworzonym przy okazji przygotowania ikonografii, jako screenshotX.png, gdzie X jest kolejnym numerem,
  • wybierz najlepsze ekrany w swojej aplikacji, aby przygotować kilka interesujących zrzutów ekranu. Do Marketplace możesz dodać max. 8.

Podsumowanie

W tym artykule nauczyłeś się, jak przygotować oraz zintegrować zindywidualizowane elementy potrzebne do procesu publikacji w Marketplace. Przygotowanie odpowiedniego wyglądu Twojej aplikacji pozwoli przyciągnąć większą grupę potencjalnych konsumentów Twojego oprogramowania. Postaraj się, żeby elementy, o których wspominaliśmy, były naprawdę interesujące dla odbiorców. W nich właśnie kryje się prawdziwa moc, która przyciągnie oko nowego użytkownika Twojej aplikacji!

W kolejnym odcinku przetestujemy aplikację przed publikacją.