Przejdź do głównej zawartości

Perfect Life - pierwsze demo

Dotychczas pisałem o wymaganiach, historiach użytkownika i o scenariuszach.
Dzisiaj jednak pokażę jak wygląda aplikacja.
Kiedyś miałem problem. Tworzyłem wiele projektów, które pochłonęły mnóstwo mojego czasu ale ostatecznie nigdy nie ujrzały światła dziennego.
Dlaczego? Ponieważ sądziłem, jest za wcześnie a aplikacja musi być dopracowana do perfekcji aby można było ją zaprezentować światu.

Jakiś czas temu przeczytałem książkę Lean Startup:



Po lekturze tej książki zrozumiałem, że można od samego początku, dosłownie od pierwszego dnia tworzenia aplikacji, publikować ją w sieci.
Co więcej - można pobierać opłaty za korzystanie z niego. Brzmi to zaskakująco, ale takie rozwiązania istnieją na rynku.
Co zyskamy? Zysk będzie taki, że możemy od pierwszego dnia zbierać feedback od użytkowników naszej aplikacji oraz mamy gwarancję, że prędzej czy później nasz produkt będzie dostępny dla szerszego grona odbiorców. Postanowiłem więc, że od pierwszego dnia swojego życia, aplikacja mobilna 'Perfect Life', opracowana w technologi Xamarin, jest dostępna w sklepie Google Play. Jest dostępna do pobrania już teraz. Gorąco zachęcam do pobierania.



Przypominam adres aplikacji w sklepie google play: https://play.google.com/store/apps/details?id=com.kacban.perfectlife&hl=pl.
Zachęcam do pobierania i jednocześnie zastrzegam, że ta aplikacja jest w początkowej fazie rozwoju i nie jest zbyt efektowna.
Mogą się w niej pojawić drobne defekty i może być ona niestabilna. Jest też dobra wiadomość - aplikacja jest bezpłatna.
Będę wdzięczny każdemu za pobranie aplikacji i przekazanie mi informacji zwrotnej na jej temat.
Pozwoli mi to na wprowadzenie odpowiednich ulepszeń lub poprawienie jakości aplikacji. Z góry dziękuję za instalacje i cenne opinie.

Przejdźmy do logicznej struktury aplikacji. Aplikacja składa się na dzień dzisiejszy z następujących ekranów:

SPLASH SCREEN

- w aplikacjach mobilnych jest to ekran, który ładuje się na początku działania aplikacji. Zwykle widać go przez kilka sekund po uruchomieniu aplikacji. Programista aplikacji może wykorzystać ekran na przykład na pobranie zasobów niezbędnych do działania aplikacji. Dzięki takiemu rozwiązaniu używanie aplikacji jest dużo bardziej komfortowe, bo kiedy pojawia się kolejny ekran, dane są już gotowe do użycia i użytkownik nie musi czekać na ich pobranie i wyświetlenie.
Splash Screen prezentuję poniżej. Przy tej okazji chcę podziękować mojemu koledze z pracy, Mariuszowi Kowalskiemu, świetnemu grafikowi, który zapoznał mnie z podstawami grafiki komputerowej.
Efekt pracy dydaktycznej Mariusza możecie zaobswerować właśnie na splash screenie, który stworzyłem.
Zapraszam Was również do odwiedzenia bloga Mariusza: kowalskimariusz.blogspot.com. On też bierze udział w konkursie "Daj się poznać 2017".



Ekran Z PRZYCISKIEM LOGIN

- jest to prosty ekran stworzony we frameworku Xamarin.Forms, który zawiera tylko jeden przycisk.
W Emulatorze telefonu z Androidem wygląda on właśnie tak:



Naciśnięcie przez użytkownika przycisku spowoduje przejście do kolejnego ekranu, którym jest ekran logowania za pomoca konta Google.

EKRAN LOGOWANIA ZA POMOCĄ KONTA GOOGLE

- ekran w którym podajemy dane użytkownika. Tutaj oprócz Xamarin.Forms rozszerzyłem projekt droid, w którym znajdują się elementy specyficzne dla platformy android. Zapraszam do zapoznania się z klasą AuthenticationPageRenderer w moim projekcie na Githubie: https://github.com/dkacban/perfect-life/blob/master/PerfectLife/PerfectLife.Droid/Renderers/AuthenticationPageRenderer.cs.



Po wpisaniu nazwy swojego konta google, oraz hasła użytkownik zobaczy ekran kalkulatora BMI, a oto on:

EKRAN KALKULATORA BMI

- Jest to ekran, który omówię w kolejnych sprintach. Dzisiaj jedynie zaprezentuję widok tego ekranu:



Jeszcze raz zachęcam do wyszukania w sklepie Google aplikacji 'Perfect Life' i pobrania aktualnej wersji na swój telefon z Androidem.
Dziękuję za uwagę.

Komentarze

Popularne posty z tego bloga

Connect to Azure from command line on Windows

When working with Azure we could go two ways: 1) using Azure portal and work in UI from your web browser 2) Connect to Azure from command line and run commands by typing in text in CMD. I already wrote about option 1 but today I'll show you how to start with option 2 which is Command line. First we need to download MSI installer from Microsoft website After sucessfull instalation you're ready to test az command. Open CMD and type in 'az' Now let's log in with your Azure credentials. Just type in "az login" in cmd. You should be redirected from command line to web browser and prompted for username and account in web browser. When you confirm your identity you'll be presented the screen like this in command line:

Learning e24cloud.com API

Today I'll show you how to use API in order to create virtual server in the cloud directly from your code. We're going write a script in PHP language and use Amazon SDK API to connect with e24cloud.com, which is the biggest and most modern hosting provider in Poland. First we need to install Amazon SDK http://docs.aws.amazon.com/aws-sdk-php/v3/guide/getting-started/installation.html One important note: We can use the latest version of amazon SDK but we also need to do one trick. We'll use signatureV2 instead ov Signaturev4 as e24cloud doesn't support SitnatureV4 yet. You can download it here: https://github.com/aws/aws-sdk-php-v3-bridge We need to download SDK and the bridge which allows us to use Signaturev2 to the same folder, so that require instruction work seamlessly in the form that I provided in the example below. Then go to your admin panel in e24cloud.com to find two values: a key and a secret. In the following code you need to paste those 2 values. ...

Aplikacja 'Perfect Life' - planowanie funkcjonalności

W poprzednim wpisie przedstawiłem budowę historii użytkownika(ang. User Story). Dzisiaj korzystając z tego narzędzia zaplanujemy kilka funkcjonalności. Czas na zaplanowanie funkcjonalności aplikacji mobilnej Perfect Life. Aplikacja jest tworzona w oparciu o technologię Xamarin.Forms. Póki co jednak abstrahując od rozwiązań technologicznych skupimy się na funkcjonalnościach. Dobre planowanie swojej pracy to podstawa sukcesu każdego projektu programistycznego. US1: Jako użytkownik aplikacji mobilnej chcę ekran logowania aby mieć możliwość zapisywania swoich postępów US2: Jako użytkownik aplikacji mobilnej chcę mieć kalkulator wskaźnika BMI aby móc mierzyć poziom swojej kondycji US3: Jako użytkownik aplikacji mobilnej chcę widzieć wykresy aby móc wizualnie interpretować swoje postępy US4: Jako użytkownik aplikacji mobilnej chcę mieć możliwość rozwiązania quizu, żeby zbadać wskaźnik Body Age US5: Jako użytkownik aplikacji mobilnej chcę pobierać pliki PDF aby mieć dostęp do planó...