Aplikacja tworzona w ramach konkursu „Daj się poznać 2016” oficjalnie dostępna w kanale produkcyjnym Google Play.

Siemanko.

Minęło sporo czasu od ostatniego posta, jednak absolutnie nie był to dla mnie czas leserowania. Po blisko 9ciu miesiącach aplikacja „Mobile Second Hand” wylądowała oficjalnie w sklepie. Możecie ją pobrać tutaj. Natomiast stronka informacyjna znajduje się tutaj. Traktuje to jako mój osobisty sukces bez względu na to jakim (i czy w ogóle) odbije się to echem. Być może jesteś tu pierwszy raz dlatego przypomnę, że jeszcze w marcu o developmencie na androida wiedziałem tylko tyle, że pisze się w Javie. Teraz mogę się pochwalić działającą aplikacją. Apka mobilna to właściwie tylko klient – cała robota dzieje się w aplikacji serwerowej, z której również jestem bardzo zadowolony. Niech się dzieje co chce. Ja się muszę w końcu wyspać ;).

Dzięki Maciek za super bodziec w postaci DSP.
Dzięki Koluniu za super logo – Adam Kuś – najdokładniejszy grafik w stolycy! 😉

Oczywiście kodzik, który commitowałem podczas blogowania konkursowego jest mocno nieaktualny. Po konkursie, i po decyzji o próbie doprowadzenia projektu do końca przestałem commitować publicznie.

Pjona!

Reklamy

DSP 2016 – Grande Finale! Nieco spóźnione podsumowanie uczestnictwa w konkursie.

Siemanko.

Pierwszego czerwca zakończył się konkurs Maćka Aniserowicza „Daj się poznać 2016”. Do uczestnictwa w tym przedsięwzięciu powstało/reaktywowało się/dołączyło ok 300 blogów. Ten blog należy do grona nowo powstałych i zarazem tych, które dotrwały do końca regulaminowego czasu trwania konkursu. Także jestem w „finałowej” 70-tce. Choć o zakwalifikowaniu się do finału nie decydowała wartość merytoryczna postów, ani efekt końcowy rozwijanego projektu to systematyczna praca przez 10 tygodni okazała się nie lada wyzwaniem (co widać po stosunku ilości blogów na starcie do blogów na mecie). Ja choć nie ukończyłem mojego projektu konkursowego to i tak jestem zadowolony ze stanu w jakim się teraz znajduje. Przed rozpoczęciem nad nim prac nie zakładałem, że uda mi się aż tyle zrobić przez kilkanaście godzin tygodniowo (przy czym mobilna deweloperka to była dla mnie zupełna nowość).

Blog

Do tej pory wordpress naliczył 1088 odsłon. Szablon mojego bloga jest tak skonstruowany, że wchodząc na stronę główną można przeczytać wszystkie posty tylko scroll’ując w dół, bez wklikiwania się w treści. Tym sobie tłumaczą taką małą ilość zarejestrowanych wejść 😉 Pod postami znalazło się łącznie 18 komentarzy (wraz z moimi odpowiedziami) dlatego mam namacalny dowód, że nie tylko roboty do indeksowania stron odwiedzały tego bloga 😉

2

Gościłem nawet zagraniczne osobistości (podejrzewam, że z USA byli to ludzie z centrali Google ;))

4

Kod

Trzy projekty:

  • Android Studio (przed przejściem na Xamarin’a)
  • AspNet Core 1.0
  • Xamarin Android

5

Aplikacja

Zrealizowane moduły:

  • rejestracja/logowanie (formularzowe i przez facebook’a)
  • autentykacja za pomoca tokena JWT
  • ustalanie lokalizacji
  • pobieranie i wyświetlanie listy ogłoszeń
  • wyświetlanie szczegółów ogłoszenia
  • tworzenie nowego ogłoszenia (z wykorzystaniem kamery)
  • komunikacja z serwerem przez SignalR (początki czatu)

Screeny:

WP_20160313_17_14_17_ProIMAG0037

13177393_1011632665583795_5778124407927892321_nIMAG0041

IMAG0047IMAG0061

2

IMAG0082

Głosy

Do 7 czerwca wszyscy uczestnicy mogą oddawać głosy na trzy wg. nich najfajniesze blogi. Po tym czasie 15 blogów z największą ilością głosów przechodzi do wielkiego finału gdzie głosować będą mogli wszyscy. Także nie bądź zaskoczony/a jeśli zaczniesz dostawać spam z prośbą o głosy od swoich znajomych 😉 Przyznam szczerze, że nie miałem czasu na to aby śledzić inne blogi jednak zagłosowałem na te, na które od czasu do czasu pozwoliłem sobie zajrzeć i mi przypasowały 😉

Programistka – projekt aplikacji na androida także bliski mi temat. Wydaje mi się, że zaglądaliśmy do siebie

Na miękko – temat projektu bliski mojemu i podobne poczucie humoru

Itcraftsman – już przed konkursem miałem go w „polubionych”. Podoba mi się za profesjonalizm.

Do nich poleciały moje głosy i życzę im powodzenia!

Podsumowanie

To były uczciwie przepracowane prawie 3 miesiące. Gratuluję każdemu kto dotrwał do końca,  a także tym, którzy z jakiegoś powodu musieli przerwać uczestnictwo w konkursie. Dziękuję mojej kochanej narzeczonej za wyrozumiałość i uśmiech przez zęby kiedy każdy wolny weekend spędzałem przy komputerze 😉

Pjona!

Projekt Asp.Net Core po wielu godzinach przeniesiony do wersji RC2.

Siemanko

W sobotę napisałem, że zaczynam atakować mój projekt back’endowy w celu przeniesienia go na .NET CLI i wyswobodzenia go od skasowanego DNX’a – czyli przejście na oficjalną wersję RC2 frameworka. Nie trwało to kilka dni jakby wskazywał na to kalendarz, ale krócej bo właściwie znalazłem czas aby przysiąść do tego tylko trzy razy. Pierwszy raz był we wspomnianą sobotę i to posiedzenie zakończyło się moją klęską, i niezłym wkurwieniem ocierającym się o rezygnację z programowania i wzięcia się za grę w brydża 😉 Drugi raz był wczoraj wieczorem gdzie przyjąłem nieco inną taktykę, która także okazała się nieskuteczna jednak doprowadziła do wyklarowania się decyzji o utworzeniu nowej solucji wraz z nowymi projektami i przenoszeniu do nich klas z istniejącego projektu. Tym się właśnie zająłem dziś i mogę powiedzieć, że się udało. Projekt się kompiluje oraz uruchamia.

1

O tym co się zmieniło oraz najważniejsze – jak to przeniosłem – napisze po weekendzie. Teraz mogę Ci powiedzieć tylko tyle, że olej sobie dokumentację migracji przygotowaną przez ekipę Asp.Net Core. Opisuje ona różnice w plikach konfiguracyjnych i takie tam pierdololo, ale nie mówi jak przenieść istniejący projekt ASP.NET Core RC1 do ASP.NET Core RC2. Jak będziesz grzeczny to ja Ci napiszę 😉

Pjona!

Pierwsze podejście do upgrade’u projektu Asp.Net Core – from DNX to .NET Core Cli

Siemanko

Piękny, słoneczny dzień dziś (przynajmniej u mnie) dlatego postanowiłem sobie go nieco zjebać i spróbuje przenieść aplikacje serwerową do najnowszej wersji frameworka czyli Asp.Net Core 1.0 Rc2. Niby kolejny release candidate, ale kompletnie inny pod spodem. Cóż, ewolucja 🙂 Dam znać niedługo czy jest w ogóle możliwa migracja z Rc1 do Rc2 bez nowych siwych włosów i czy w ogóle się da. Microsoft’owe ludki twierdzą, że się da i nawet odziwo przygotowali do tego jakąś dokumentację. Wszystkiego możesz się dowiedzieć tutaj. Życz mi powodzenia 🙂

Pjona!

Widok do prowadzenia rozmowy w czacie aplikacji Mobile Second Hand

Siemanko.

W niedzielę poszły pierwsze commit’y do repo związane z czatem, a dziś lecą kolejne z m.in. z nowym activity do prowadzenia rozmów real time (oczywiście  w deweloperskim wyglądzie jak to przystało na takie totalne bezguście jak ja ;))

IMAG0082

Bubble Chat

To wyrażenie przewija się w internetach i oczywiście wśród użytkowników fejsbukowego messenger’a. Wiadomości wyświetlane w formie bąbelków, dymków itp. jak zwał tak zwał. Moja aplikacja nie może być gorsza i musi nadążać za trendami 🙂 Sama implementacja jest bardzo prosta. Każda z wiadomości to osobny row view zamknięty w relative layout, a ten z kolei odpowiednio ostylowany w momencie bind’owania view holder’a na podstawie informacji czy autorem wiadomości jest użytkownik. Informacja tą zawarłem w modelu wiadomości przekazywanego do list adaptera.

Co nowego na serwerze

W momencie łączenia się usera z serwerem SignalR zapisuję sobie do cache’a (serwera) jego id wraz z id połączenia. W ten sposób będę łatwo mógł sprawdzić, który user jest online, a także pobrać jego id połączenia w przypadku potrzeby wysłania do niego wiadomości. Oczywiście w przypadku rozłączenia się usera aktualizuję listę użytkowników online w cache’u. Dlaczego cache? Bo szybki. Co będzie jak trzeba będzie zrestartować aplikację na serwerze i dane z cache’a znikną? Nic nie będzie bo tym samym użytkownicy zostaną rozłączeni i po restarcie będą się ponownie łączyli więc cache znowu się zapełni 🙂

Podsumowanie

Podsumowując to wiecie, że to już mój 11sty tydzień aktywnego rozwijania projektu i blogowania w konkursie #dajsiepoznac? Tym samym spełniłem już warunki konkursu, aby być branym pod uwagę przy wynikach choć te nie są najważniejsze bo największą frajdę podczas mojego uczestnictwa w konkursie sprawia mi nauka nowych rzeczy. Jestem zadowolony, że udaje mi się znaleźć czas, aby troszkę pokodować oraz popisać głupot w internetach, dlatego nie zamierzam na tym poście poprzestać i będę męczył Was dalej! 😉

Pjona!

Pierwsze kody związane z czatem już na guthub’ie.

Siemanko

W od kilku postów wiecie, że przymierzałem się do rozpoczęcia prac na czatem i ogólnie komunikacją między użytkownikami aplikacji mobilnej w czasie rzeczywistym. Dziś nastał ten dzień , że już pierwsze kody możesz zobaczyć w repo, a w tym poście pierwsze screen’y i zdjęcia z wymiany informacji pomiędzy klientem, a serwerem. W tym odcinku klientem jest nasz (mój i mojej narzeczonej) „pitbull” o imieniu Dosia 😉

Aplikacja mobilna klientem SignalR

W projekcie Xamarin napisałem w portable class library klienta SignalR dzięki czemu będę mógł go wykorzystać cross-platform’owo (może kiedyś)Z tego klienta korzystam w projekcie androidowym w nowo utworzonym serwisie, który będzie odpowiedzialny za komunikację z serwerem SignalR. Połączenie i komunikacja odbywa się w oddzielnym wątku przez co nie będzie ona wpływać na responsywność apki.

Serwer SignalR

W projekcie backend’u napisałem (zbyt dużo powiedziane bo to dopiero kilka linijek) serwer SignalR. Będzie on oczywiście odpowiedzialny za komunikację, ale chcę aby działo się w nim znacznie więcej. Mianowicie chcę zapisywać sobie informację o tym, który użytkownik jest online, zapisywać do bazy konwersacje między użytkownikami i wiele innych. Nad tym będę pracował w najbliższym czasie. Jak na razie serwer SignalR tylko odbiera jedną określoną wiadomość i na nią odpowiada.

Pierwsza komunikacja real time

Odpalając aplikację mobilną wysyłam wiadomość do serwera SignalR:

a1

Screen serwera SignalR w trybie debug

w odpowiedzi zwracam wiadomość, którą obsługuję w aplikacji poprzez odpalenie tzw. notification – czyli powiadomienia:

2

IMAG0058

Po kliknięciu powiadomienia przeniosę użytkownika na widok wiadomości (którego jeszcze nie ma). Na tę chwilę przenoszę go na listę ogłoszeń, ale to jest teraz nieistotne bo najważniejszym było obsłużenie komunikacji.

Serwis android’owy korzystający z klienta SignalR działa w tle, także mimo iż aplikacja nie jest odpalona (tzn. nie ma jej na ekranie, ale jej proces działa) wiadomości są odbierane.

IMAG0061

3

IMAG0071

W tym momencie kliknięcie powiadomienia przeniesie użytkownika do aplikacji. Normalnie jak w messengerze! 😉

Podsumowanie

Trochę się obawiałem, ze będzie to trudny task i zajmie mi to trochę czasu zanim cokolwiek zacznie działać,  a ku mojemu zaskoczeniu SignalR jest na tyle zajebisty, że wystarczy tylko kilka linijek aby już zacząć komunikację. To już za mną dlatego teraz muszę ogarnąć cały tzw. workaround żeby w pełni zaimplementować funkcjonalność komunikacji między użytkownikami aby mogli bez problemów dogadać szczegóły dotyczące transakcji ;).

Pjona!

Kolejny widok w aplikacji Mobile Second Hand. Tym razem szczegóły ogłoszenia.

Siemanko.

Dziś króciutko o kolejnym ficzerze apki mobilnej – oczywiście w mocno deweloperskim stanie 😉 – przejście na szczegóły ogłoszenia oraz ich wyświetlenie.

Wejście w szczegóły po naciśnięciu elementu na liście

Pokazywałem już we wcześniejszych postach jak wygląda lista ogłoszeń pobranych z serwera, ale dla przypomnienia:

13177151_1011632882250440_2934029842522300517_n

To jest lista okrojonych wersji ogłoszeń, którą można sobie scrollować od góry do dołu i odwrotnie 😉 Jeśli któreś ogłoszenie jest szczególnie interesujące wystarczy w nie kliknąć aby przejść do jego szczegółów.

13177393_1011632665583795_5778124407927892321_n

Widok jest oczywiście scrollowalny dlatego szczegółów mogę tam zamieścić więcej jeśli przyjdą mi jakieś do głowy.

Co jest na szczegółach

Pewnie powiesz, że nie wiele więcej niż na liście 😉 Tak, w tej chwili tak, ale wynika to z faktu, że na tę chwilę nie główkuję co by się tu jeszcze przydało, a nie z ograniczeń technologicznych. Wracając do nagłówka:

  • odległość do sprzedającego – jest też na liście
  • informacja o stanie sprzedającego online/offline  – to będzie powiązane z chatem (nad którym zaczynam pracować)
  • informacja o tym czy sprzedającego interere tylko sprzedaż rzeczy czy jest tez zainteresowany wymianką – nie ma na liście
  • button do nawiązania kontaktu – związane z chatem i komunikacją real-time (nad którym zaczynam pracować). Przeniesie na widok wiadomości
  • zdjęcie – będzie większe i po kliknięciu wypełni ekran
  • tytuł – jest też na liście
  • dokładny opis – nie ma na liście
  • button do zobaczenia innych ogłoszeń autora tego ogłoszenia – przeniesie na listę ogłoszeń tylko tego sprzedającego (prawie jak na allegro ;))

Jak się to odbywa

W momencie kliknięcia elementu listy rzucam zdarzenie, którego argumentem jest Id danego ogłoszenia. Przy obsłudze zdarzenia startuje nowe Activity, do którego przekazuje to Id i w nim pobieram z serwera model z danymi dla tego ogłoszenia.

Podsumowanie

Jako tako to wygląda i nawet działa 😉 Teraz jak wspomniałem zaczynam bawić się z chatem i powiadomieniami. To ma być jeden z głównych ficzerów aplikacji. W niedzielę  o pierwszych kodach z tym związanych.

Pjona!