Windows Phone

WPDev Fusion – New years Edition – Demos

As an attachment to this blog post you can find my demos from presentation “UTILIZING THE SPEECH API” which I prepared for WPDev Fudion – new years edition.

Feel free to download them, test and enjoy!

[download id=”21″]


WPDev Fusion – New years Edition

wpdevfusion200200

Przeklejam link do newsa dodanego na CodeGuru na temat nadchodzącej konferencji WPDev Fusion, podczas której będę miał możliwość poprowadzenia prezentacji na temat Windows Phone Speech API. Już teraz zapraszam do rejestracji na wydarzenie, które odbędzie się online 22 stycznia 2014!

Szczegóły: http://codeguru.geekclub.pl/aktualnosci/wpdev-fusion—new-year-edition,12765


Dema z prezentacji MTS Windows Phone 8

Oto dema, które pokazywałem podczas dzisiejszej prezentacji na temat Windows Phone 8.

Lista zagadnień poruszonych podczas prezentacji:

  1. Allignment Grid
  2. Input scope
  3. Automatyczne przejście do następnego pola formularza
  4. Simulation Dashboard
  5. Skróty emulatora
  6. Settings Wrapper
  7. Jak zdobyć więcej ocen
  8. Dzielenie kodu pomiędzy Windows Phone i Windows 8
  9. Migracja danych między aplikacją płatną i bezpłatną
  10. Badanie problemów wydajności aplikacji

 

[download id=”20″]


MTS 2013 – garść informacji przed

Jak już wiecie w tym roku po raz kolejny będę prelegentem podczas dorocznej konferencji Microsoft Technology Summit. W tym roku jednak będę miał przyjemność poprowadzić dwie sesje, na które gorąco zapraszam!

Dzień pierwszy, godzina 11:30, sala F – zarejestrowane 240 osób i jest jeszcze trochę wolnych miejsc :)

Sesja określona jako #DEV01 nosząca tytuł “Windows Phone 8, rzeczy które powinieneś wiedzieć”. W oryginalnym tytule tej prezentacji nie było przecinka, lecz puryzm osób odpowiedzialnych za treść wziął tu górę :) Tak czy inaczej tytuł miał dać do myślenia – będzie Windows Phone 8, czy może 8 rzeczy :) Podczas tej sesji będę opowiadał o najciekawszych elementach związanych z Windows Phone, o których warto wiedzieć aby tworzyć lepsze i ciekawsze aplikacje na tą platformę.

Dzień drugi, przerwa lunchowa (start sesji ok 13:30), sala A – zarejestrowane 456 osób – to jest największa sala, więc zapraszam wszystkich zainteresowanych – jakoś się pomieścimy :)

Sesja określona jako #DEV11 nosząca tytuł Visual Studio Tips & Tricks. Organizatorzy przydzielili mi na tą prezentację 30 minut – strasznie mało, więc zobaczymy jak długo uda mi się okupować mównicę :) Pokażę wam nowe rzeczy z Visual Studio 2013, ale również ciekawostki z poprzedniej wersji (2012 i niżej), także każdy znajdzie coś dla siebie…

Mała mapka konferencji (będziecie ją również mieli dołączoną do identyfikatora)

plan_3D_MTS2013

Na koniec jeszcze garść wlepek :)

580x75_mts_widget_bedenakonferencji

580x75_mts_widget_bedeprelegentem

580x75_mts_widget_jestemmvp

580x75_mts_widget_spotkajmysie

580x75_mts_widget_tolubie


DotNetConf – mini podsumowanie i moje materiały

Cześć!

DotNetConf PL już za nami. Muszę przyznać, że Google hangouts zaskoczyły mnie pozytywnie – plus dla organizatorów za znalezienie skalowalnego i (tak mi się wydaje) prostego sposobu na zorganizowanie konferencji online.

Gratulacje należą się również prelegentom – naprawdę ciekawe prezentacje, z których można się dowiedzieć czegoś nowego, lub podpatrzeć jakieś praktyki :) Zakres tematów jak zawsze szeroki, co się chwali – każdy znajdzie coś dla siebie…

Właściwych recenzji prezentacji nie podam, bo w międzyczasie słuchania byłem zajęty swoją prezentacją i testami, zatem odsyłam np do bloga Pawła, który dodał chyba jako pierwszy podsumowanie :)

Teraz materiały z konferencji:

Przede wszystkim nagranie, które już się wyrenderowało i jest dostępne na Youtube:

Kody źródłowe:

[download id=”19″]
Prezentacji jako takiej nie ma większego sensu wrzucać, bo jak widzieliście slajdów było niewiele :)

Zapraszam do dzielenia się uwagami po prezentacji, a tymczasem dziękuję organizatorom za zaproszenie i polecam się na przyszłość :)


Prezentacje w październiku

Ostatnio byłem zajęty wieloma rzeczami jednocześnie i nie zaglądałem tu od dłuższego czasu… Czas nadrobić to zaczynając listą ogólnodostępnych prezentacji, które będę miał w październiku:

9.10.2013 – [GDAŃSK] Prezentacja na temat Clean Code: http://codeguru.geekclub.pl/kalendarium/podglad-wydarzenia/clean-code,8464

12.10.2013 – [ONLINE] Prezentacja na temat Windows Phone podczas DotNetConf: http://dotnetconf.pl/

22.10.2013 – [WARSZAWA] Podczas pierwszego dnia konferencji MTS opowiem o Windows Phone 8 – triki, które przydadzą się każdemu programiście WP.

23.10.2013 – [WARSZAWA] Podczas drugiego dnia konferencji MTS opowiem na temat trików w Visual Studio, które pozwolą wam być bardziej produktywnymi i czerpać jeszcze większą przyjemność z pisania kodu :)

Jak widać – będzie się działo, tym bardziej, że oprócz tego mam jeszcze prezentację wewnętrzną i parę nagrań do zrobienia :)

Wszystkie materiały z powyższych prezentacji znajdziecie właśnie tutaj, także bądźcie na bieżąco :)


Windows Phone App Studio

Dosłownie chwilę temu pojawiła się nowa platforma ułatwiająca tworzenie aplikacji na system Windows Phone – nosi nazwę Windows Phone App Studio. Strona ta pozwala w łatwiejszy sposób tworzyć aplikacje oparte o szereg szablonów. Dodatkowo daje również możliwość stworzenia własnego szablonu, który może zostać następnie wykorzystany przez innych użytkowników. Od startu do uruchomienia podstawowej wersji aplikacji dzielą nas zaledwie 4 kroki – czy może być łatwiej? Zatem do dzieła!

Krok 0 Logujemy się na stronie https://apps.windowsstore.com

Tak – wiem, skoro logowanie jest wymagane powinienem powiedzieć o pięciu krokach :) Jednakże trywialne rzeczy wymieniam tylko dla spokoju sumienia :)

AppStudioScreen1

Krok 1. Pomysł

Ten krok wymaga moim zdaniem największego wkładu pracy. Dobry pomysł to, obok wykonania, recepta na sukces. Nawet najlepiej przygotowana aplikacja bez dobrego pomysłu zginie w odmętach marketplace. Analogicznie, nawet najlepiej przemyślana aplikacja bez estetycznego i dobrego wykonania również nie ma większych szans na przebicie się. Zatem zastanówmy się co zrobić…

Z pomocą przychodzą istniejące w aplikacji szablony, z których możemy śmiało skorzystać, lub stworzyć własną aplikację zaczynając od zera.

AppStudioScreen2

Jako pierwsze demo przygotujemy aplikację na podstawie szablonu  Catalog, który zawiera katalog produktów. Po jego wybraniu mamy do dyspozycji podgląd aplikacji, którą teraz tworzymy.

AppStudioScreen3

Krok 2 uzupełnij informacje

Po zatwierdzeniu szablonu przechodzimy do kreatora, który pozwala nam uzupełnić niezbędne informacje o aplikacji. Tu mamy do przejścia kilka kroków. Pierwszy z nich to uzupełnienie tytułu, opisu i ikony tworzonej aplikacji. W moim przypadku ekran wygląda jak na poniższym screenie.

AppStudioScreen4

Kolejnym etapem jest skonfigurowanie danych prezentowanych w naszej aplikacji. Dane te w początkowej wersji aplikacji są oczywiście statyczne, lecz o możliwości zmian opowiem za moment. Do dyspozycji mamy zatem sekcje aplikacji, które możemy swobodnie edytować. Pierwsza z nich to sekcja informacji, następnie promowane produkty, lista produktów, galeria i blog. oczywiście każdą z tych sekcji możemy wyedytować, podejrzeć lub usunąć w zależności od tego co chcemy zaprezentować w aplikacji.

AppStudioScreen5

Zmieńmy zatem nieco stronę z informacjami.

AppStudioScreen6

Jak widać możemy tu uzupełnić treści statyczne, lecz również używać mechanizmu bindingu, co znacząco ułatwia późniejsze modyfikacje treści. Na koniec tego etapu usunę jeszcze listę produktów (oczywiście można również dodawać nowe sekcje oraz zmieniać kolejność ich wyświetlania przy pomocy przycisków znajdujących się obok “Application Sections”. Co ciekawe – po usunięciu sekcji produktów system sam podpowiada mi, że źródło danych OurProductsCollection jest nieużywane i że mogę je usunąć z aplikacji.

Krok 3 Estetyka

Ok, załóżmy, że nasza aplikacja jest już gotowa pod kątem treści, które chcę wyświetlać. Czas zatem przejść do kroku trzeciego i zająć się stylami. Do wyboru mamy możliwość zdefiniowania akcentów, koloru lub obrazu tła, koloru czcionki i koloru paska aplikacji. Pozwala to dość znacząco zmienić estetykę tworzonej aplikacji przy w dosłownie kilka sekund! Oto aplikacja przed i po – niski kontrast tego co wyklikałem wynika z faktu, że lubię ciemne kolory i jest to tylko aplikacja testowa. W realnym zastosowaniu polecam wykorzystanie bardziej przejrzystej palety barw :)

AppStudioScreen7 AppStudioScreen7after

Równie ważne co wnętrze aplikacji jest zastosowanie odpowiednich kafelków. W tym szablonie mamy do dyspozycji Flip template oraz iconic template.

AppStudioScreen8

Ja pozostanę przy domyślnym flip template, lecz można go oczywiście wyedytować i zmienić zgodnie z własnym pomysłem.

AppStudioScreen9

Krok 4 Podsumowanie i test

Przechodzimy zatem do strony z podsumowaniem, na której mamy możliwość podglądu informacji i aplikacji, jej zawartości. Możemy także przekształcić ją w aplikację publiczną oraz, co moim zdaniem jest najciekawsze – WYGENEROWANIE KODU!

AppStudioScreen10

AppStudioScreen11

Po chwili dostajemy poniższą informację

AppStudioScreen12

Po zeskanowaniu kodu możemy szybko zainstalować przygotowaną aplikację na naszym telefonie (dostępna tylko dla mnie z racji na zaznaczenie opcji private :)). Aby móc ją zainstalować na urządzeniu trzeba jeszcze zainstalować certyfikat, o którym mowa na stronie z podsumowaniem.

Jednocześnie mamy do dyspozycji kod źródłowy, który pozwala nam na dalszy jej rozwój przy pomocy jakże rozbudowanej bazy, którą mogliśmy sobie wyklikać… Moim zdaniem jest to dużo ciekawsze niż pobieranie gotowej aplikacji, gdyż mamy dzięki temu dostęp do kodu i pełnej jego modyfikacji :)

Aktualnie opcja automatycznej publikacji w sklepie jest jeszcze niedostępna, gdyż artykuł przygotowywałem w oparciu o wersję beta :)

Na koniec jeszcze garść linków:

Windows Phone App Studio beta: http://apps.windowsstore.com/default.htm

Posty o Windows Phone App Studio http://blogs.windows.com/windows_phone/b/wpdev/

Windows Phone App Studio Forum: http://social.msdn.microsoft.com/Forums/wpapps/en-US/home?forum=wpappstudio

User Voice: http://wpdev.uservoice.com/forums/216486


Windows Phone SDK 8.0 Update dla Windows Phone 8.0.10322

Niedawno pojawił się update SDK dla Windows Phone. Jakie zmiany? Z punktu widzenia API – brak zmian :) Zaskakujące prawda? Głównym celem jest udostępnienie czterech nowych obrazów Windows Phone w wersji 8.0.10322 – tu znajduje się uaktualnienie GDR2 (General Distribution Release 2). Samo wydanie zawiera również drobne modyfikacje klienckie, poprawienie zachowania API (obsługa cookies itp.).

Mamy zatem do dyspozycji:

  • Nowy Windows Phone Emulator 8.0 (10322) WVGA
  • Nowy Windows Phone Emulator 8.0 (10322) WVGA 512 MB
  • Nowy Windows Phone Emulator 8.0 (10322) WXGA
  • Nowy Windows Phone Emulator 8.0 (10322) 720p

Aby móc zainstalować aktualizację wymagane jest Visual Studio 2012 Update 2 + lub Visual Studio 2013 Preview.

Do pobrania bezpośrednio ze ston Download Center.


Modern UI – appbar icons

Czy tworząc aplikację opartą o Modern UI (i nie tylko) zastanawialiście się skąd można wziąć do niej grafikę? Też miałem ten problem – Paint.NET, rysowanie, szukanie darmowych zestawów, przerabianie ich na swoje potrzeby itp… Masa roboty… Natura człowieka jest taka, że każdy chce sobie tą pracę ułatwić i oto informacja jak można to zrobić:

Pierwsza opcja to wykorzystanie Metro Studio.

Jest to darmowy produkt stworzony przez Syncfusion. Aby zdobyć bezpłatną wersję aplikacji trzeba zostawić swoje dane kontaktowe, natomiast moim zdaniem zdecydowanie warto. Jednocześnie odradzam też podawanie błędnych danych – na maila dostaniecie linki do klucza aktywacyjnego i paczki do pobrania, dodatkowo otrzymacie również informacje o wszystkich promocjach Syncfusion :)

Sama aplikacja Metro Studio pozwala użyć grafiki z ogromnego katalogu istniejących już obrazków. Dodatkowo można podać dowolną rozdzielczość, kolorystykę itp., co jeszcze bardziej sprawia, że narzędzie to jest praktycznie niezbędne w pracy z Modern UI. Ikony można skopiować jako obrazy, ale również jako XAML!

Co ciekawe istnieje możliwość zgłaszania propozycji ikon, które zostaną przez nich przygotowane:

– opcja płatna – ikona trafia do nas bardzo szybko

– opcja mniej płatna – musimy poczekać trochę dłużej, ale płacimy mniej

– opcja bezpłatna – musimy poczekać zdecydowanie dłużej i ikona trafi do globalnego katalogu.

Możemy również stworzyć własną ikonę wykorzystując znaki obrazkowe!

MetroStudioCharacter

Drugą opcją jest wykorzystanie niedocenianej często czcionki Segoe UI Symbol.

Lista możliwych znaków znajduje się tu: http://msdn.microsoft.com/en-us/library/windows/apps/jj841126.aspx. Oczywiście nie jest to pełna lista, gdyż możecie wpisać znaki z pełnego zakresu i sprawdzić co zostanie wyrenderowane :) Możecie też sprawdzić kody poszczególnych symboli wykorzystując Character Map

CharacterMap

Ok, ale co z tego, że mam taki znaczek? Co dalej mogę z nim zrobić? To proste! Wystarczy stworzyć dowolny element na interfejsie użytkownika, ustawić mu czcionkę na Segoe UI Symbol i jako treść (Text / Content) wpisać wspomniany kod znaku.

W przypadku wykorzystania aplikacji na Windows 8 możecie znaleźć w niej plik o nazwie StandardStyles.xaml. W nim możecie z kolei odnaleźć na przykład taki kod:

<Style x:Key="NextAppBarButtonStyle" TargetType="ButtonBase" BasedOn="{StaticResource AppBarButtonStyle}">
 <Setter Property="AutomationProperties.AutomationId" Value="NextAppBarButton"/>
 <Setter Property="AutomationProperties.Name" Value="Next"/>
 <Setter Property="Content" Value="&#xE111;"/>
</Style>

Widać na nim wartość E111, która jest jednym z symboli dostępnych w SegoeUI Symbol i oznacza strzałkę w prawo :) W ten sposób możemy wygodnie i szybko tworzyć własne style przycisków nie tylko dla Windows 8, ale również dla Windows Phone. Proste prawda :)

Mam nadzieję, że teraz stworzenie grafik do waszych projektów będzie dużo prostsze niż do tej pory.


Materiały z IDAT PJWSTK Warszawa

W środę miałem możliwość poprowadzenia prezentacji na PJWSTK w Warszawie pod tytułem Windows Phone (cool) features. Wszystkich zainteresowanych materiałami z tej prezentacji odsyłam tu: http://sdrv.ms/10Xe4bn


  • O mnie

    Maciej Grabek

    Moje profile na:

    MVP

    Codeguru.pl GoldenLine
    Twitter CodeProject

  • english version
  • Polecam

  • Copyright © Maciej Grabek. All rights reserved.
    Powered by WordPress
    %d bloggers like this: