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

Unleash the power of ChatGPT in your C# applications with NGpt - C# OpenAI GPT client

Meet NGpt - OpenAI GPT C# client library that will make your conversations with ChatGPT a breeze! Have you ever been struggling building your own smart AI application in C#? Well, now you can use ChatGpt inside your application! Introducing NGpt, the powerful .NET library that lets you integrate ChatGPT seamlessly into your C# applications. No more nigts spent on building your own AI solitions, no more convoluted logic and building complex business rules - just pure AI bliss. In this blog post, we'll dive into the wonderful world of NGpt and show you how easy it is to use. You might even find a few laughs along the way. The Magic of NGpt NGpt is a transient fault-tolerant .NET 6 OpenAI client that simplifies ChatGPT integration for C# developers. It's like your friendly neighborhood Spider-Man - always there to help you out when you need it most. With just your OpenAI API key, you can start coding AI applications in C# faster than you can say "Peter Parker." Let&

Specflow czyli BDD w praktyce

Dzisiaj pokażę w praktyce w jaki sposób zbieram wymagania korzystając z narzędzia Specflow. Na początku przypomnę nasze historie użtkownika. Potem skonfigurujemy dodatek Specflow Visual Studio. Na końcu pokażę jak wygląda język Gherkin i zaimplementujemy pierwszą historię użytkownika US1. Oto lista funkcjonalności, które będę implementował w aplikacji Perfect Life: 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ów dietetycznych US6: Jako administrator aplikacji chcę zapisywać dane telemetryczne aby móc an

How to call webAPI service in Xamarin?

In the last few weeks I worked on the web service written in ASP.NET Core. I had a plan to connect the Xamarin application to this web service. Today I'll show you how you can connect your Xamarin app to web service located anywhere in the cloud. First we need to have a web service deployed, which is our server-side part of the system. I describe how to create a web service in ASP.NET COre in my previous post: . Today I'll demonstrate how it works from client perspective, in our case it's Xamarin.Forms application but web application or desktop application can use exactly the same code. This is the great benefit of using C# language - we can use the same code on multiple platforms. OK, I bet you're interested in the code. Let's jump to the code. This is the final version of the client class that I can use to save and retrieve data from web service: The class design is straightforward. It has 2 public methods which encapsulate 2 functionalities: adding s