Giter VIP home page Giter VIP logo

pola-flutter's People

Contributors

mik-laj avatar piotrrys avatar rafalgawlik avatar rodkiewicz avatar wezsietato avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

pola-flutter's Issues

Problemy graficzne

Dziękuję jeszcze raz za nową wersję aplikacji Pola! Jest kilka rzeczy, które należy poprawić.

  1. Ikonka lampy błyskowej jest zbyt duża. Działa, ale jest większa niż zawsze była.

Screenshot_20240116_104648

  1. Zmieniły się kolory niektórych elementów. Z czerwonych na granatowe. Prośba o zmianę z powrotem na czerwony. @WezSieTato daj proszę znać, jaki dokładnie kod ma czerwień używana w wersji iOS.

Screenshot_20240116_104754

Ekran Menu

Ekran menu wygląda zupełnie inaczej niż w natywnej wersji iOS

  • są użyte inne kolory
  • inna jest "wielkość" liter
  • brakuje opcji "Napisz do nas" i "zgłoś błąd"
  • Github zamienił się miejscami z z "oceń Polę"
  • "Oceń nas" to teraz "Oceń Polę"
  • brakuje informacji o wersji
Flutter iOS
IMG_72788A676C0E-1 IMG_72788A676C0E-2

Naprawa przycisku do wpłat

Przycisk „Wpłać 1 zł” powinien pojawiać się tylko i wyłącznie wtedy, gdy użytkownik otrzyma poprawny wynik skanowania. W innym wypadku sprawia to wrażenie, że aplikacja jest płatna.

Przycisk „Nie działa?”

Potrzebujemy przycisku, który odpowie na najczęściej pojawiające się pytania.

Pod przyciskiem „Wpłać 1 zł” powinien być dostępny przycisk z napisem „Nie działa?” pod nim powinien być opis najczęstszych błędów:

  1. Aplikacja Pola jest całkowicie darmowa. Jej działanie nie wymaga wsparcia finansowego.

  2. Jeśli jakiegoś produktu nie ma w bazie, nasz system automatycznie to wykrywa. Firmy i produkty weryfikujemy w kolejności według ilości skanowań.

  3. Pola może nie działać tak, jak powinna, gdy łącze internetowe jest słabe lub gdy korzysta z niej wiele osób jednocześnie.

  4. Problemem są marki własne sieci handlowych. Są to wewnętrzne kody magazynowe tych firm, które nie są publicznie dostępne.

  5. Brakującą firmę lub produkt możesz zgłosić za pomocą tego formularza: https://docs.google.com/forms/d/e/1FAIpQLSfJ14U66y_Z_thn9wiUHaBGOfKlZNhL4BGYuHjO2tJuzXi9gQ/viewform

SVG w menu

Zamiast plików png, powinniśmy użyć svg na ekranie menu

Wyszukiwarka tekstowa na ekranie głównym?

Drodzy zauważyłem, że nie wykorzystujemy naszego potencjału. Jeśli Tymbark wprowadzi nowy smak soku i my nie mamy tego produktu w bazie, użytkownik dostaje komunikat „Tego produktu nie ma w bazie”.

Wiemy przecież, czy Tymbark jest polski. Mamy tę firmę w bazie. Wynik firmy nie różni się w zależności od produktu.

Użytkownik chce wiedzieć, czy Tymbark jest polski i my to wiemy, a dajemy użytkownikowi informację, że nie wiemy o tym. To trochę ogłupianie naszej aplikacji, bo mamy informację, której użytkownik szuka.

Dlatego zamiast komunikatu „Tego produktu nie mamy w bazie”, powinniśmy przekierować użytkownika do wyszukiwarki tekstowej, bo tam sprawdzi czy Tymbark jest polski.

Opcje są trzy:

  1. Przekierowanie użytkownika na ekran nr 2 z wyszukiwarką
  2. Dodanie wyszukiwarki tekstowej obok skanera kodów, na ekranie nr 1
  3. Wyświetlenie wyszukiwarki w miejscu baneru „Tego produktu nie mamy w bazie”

Dajcie znać, co o tym myślicie.

Ekran firmy: brak informacji o przyjacielu Poli

W przypadku zeskanowania firmy, która jest przyjacielem Poli brakuje tej informacji na ekranie firmy i ekranie skanowania.
Na ekranu skanowania powinniśmy dodać serduszko obok nazwy firmy tak jak jest na natywnym iOSie:
IMG_F92090F4E92B-1 (1)

Za to na ekranie firmy powinno być serduszko z wyjaśnieniem, że jest to PRzyjaciel Poli:
IMG_E4C63F51CBB0-1 (1)

Splash screen

Brakuje splash screena w iOSie.
Powinno wystarczyć skopiowanie xiba wraz z obrazkami z pola-ios

CI: iOS

Przydałby się dodatkowy workflow, który budowałby apkę iOSową. Bez testów, po prostu sprawdzenie, że mimo przechodzących testów fluttera apkę da się zbudować i odpalić na symulatorze.

Informacja zwrotna podczas ładowania dla procesu skanowania

Celem tego zadania jest dodanie wizualnej informacji zwrotnej dla użytkownika podczas oczekiwania na odpowiedź z serwera po zeskanowaniu kodu kreskowego produktu. Obecnie brak jest jakiejkolwiek informacji zwrotnej do momentu otrzymania danych, co może prowadzić do niepewności. Implementacja powinna obejmować wyświetlenie elementu UI z napisem "Ładowanie...", który informuje użytkownika o trwającym procesie.

Element ten ma wyglądać jak guzik przenoszący do opisy firmy która ma 0 pkt (bez paska punktacji). Zamiast nazwy firmy wyświetlamy "Ładowanie..." + loader.

IMG_7CB5BB29FA47-1

CI: Android

Przydałby się dodatkowy workflow, który budowałby apkę androidowa. Bez testów, po prostu sprawdzenie, że mimo przechodzących testów fluttera apkę da się zbudować i odpalić na emulatorze.

Błędy w menu

Nie działa przycisk przekierowania na Facebooka. Powinien tam być link: https://www.facebook.com/app.pola

Nie działa przycisk „Oceń Polę” ten przycisk miał chyba kierować do sklepu App Store / Google Play. Jak to może wyglądać na flutterze?

Brak informacji zwrotnej podczas skanowania

W wersji natywnej po zeskanowaniu kodu:

  • telefon wibrował
  • wynik skanowania animował się (nowa karta wysuwała się od dołu)

W wersji flutterowej nowy kafelek po prostu się pojawia.

Obsługa błędów podczas skanowania.

W celu poprawy doświadczeń użytkowników naszej aplikacji, potrzebujemy dodać AlertDialog, który będzie informował użytkowników o błędach występujących podczas ładowania danych. Komunikat powinien być jasny i zrozumiały, informując użytkownika o problemie oraz sugerując ponowną próbę.

  1. Dodaj AlertDialog, który pojawi się, gdy odpowiedź z serwera nie będzie sukcesem (np. status odpowiedzi inny niż 200).
  2. Tytuł AlertDialog: "Wystąpił błąd!"
  3. Treść komunikatu: "Niestety nie udało się pobrać danych. Spróbuj ponownie."
  4. Dodaj przycisk "OK", który pozwoli użytkownikowi zamknąć dialog.

Ekran firmy

Paski używają innych kolorów niż na iOS
Kontrolki pokazujące wartość prawda/fałsz są inne

Flutter iOS
IMG_F92651867063-2 IMG_F92651867063-1

Styl ikon

Ikony w wersji flutterowej są nie przezroczyste i zupełnie inne niż w wersji natywnej na iOSa

Flutter iOS
flutter ios_native

WebView otwarte z menu powinno mieć odpowiedni nagłówek

Po otwarciu webview z ekranu menu wszystkie otwarte ekrany mają nagłówek "O Aplikacji", zamiast tego powinny mieć taki nagłówek jak tytuł na guziku. Czyli jak tapiemy na guzik zespół to nowy ekran powinien mieć tytuł "Zespół"

Forma wyświetlania wyniku

Zeskanowany wynik ma na iOSie formą karty, która jest wyświetlana na tym samym ekranie co skaner. Dzięki temu możliwa jest zmiana taba na inny i powrót do rezultatu.
Na flutterze wynik jest w postaci nowego ekranu, który przykrywa wszystko łącznie z paskiem tabów.

Flutter iOS
IMG_F92651867063-2 IMG_F92651867063-1

[view] Ekran "infomacje"

Należy zaimplementować widok ekranu "Infomacje" zgodnie z designem
Każda powrotna ma odsyłać o widoku z WebView, gdzie wyświetlona będzie dedykowana strona www.

Integracja biblioteki slang i przeniesienie ciągów znaków do pliku tłumaczeń

Opis

Celem tego zadania jest zintegrowanie biblioteki slang do projektu oraz przeniesienie statycznych ciągów znaków do zewnętrznych plików tłumaczeń w formacie JSON. Na tą chwilę przenosimy tłumaczenia z tych ekranów, które zostały zmienione w trakcie redesignu Pola 3.0. Kolejne ekrany będą przenoszone razem w zadaniach do redesignu. Dodatkowo, zadanie obejmuje implementację walidacji plików tłumaczeń na etapie Continuous Integration, aby zapewnić ich poprawność przed wdrożeniem.

Wymagania:

  • Integracja biblioteki slang do projektu.
  • Przeniesienie wszystkich statycznych ciągów znaków używanych w aplikacji do plików tłumaczeń JSON.
  • Implementacja walidacji plików tłumaczeń na CI, aby sprawdzić ich poprawność.

Kroki do wykonania:

  1. Integracja biblioteki slang z projektu.
  2. Identyfikacja i ekstrakcja wszystkich statycznych ciągów znaków z kodu źródłowego do plików tłumaczeń JSON. (Ekrany menu i firmy)
  3. Konfiguracja skryptów walidacyjnych tłumaczeń do uruchamiania na CI (.github/workflows/test.yml).

Materiały pomocnicze:

Błąd szarego ekranu

Podczas skanowania pojawia się szary ekran. Problem jest dość powszechny. Pojawiają się niskie oceny i komentarze w sklepie.

Screenshot_20231208_134801_Google Play Store
Screenshot_20231205_165106
Screenshot_20231205_165121

Crash na starcie

Aplikacja odpalona na iOSie crashuje się na starcie jeśli nie jest podłączona do debuggera.
Działa tylko jak odpalimy ją z xcoda'a lub z flutter run

Integracja biblioteki flutter_gen

Opis

Celem tego zadania jest zintegrowanie biblioteki flutter_gen do projektu. Biblioteka ma nam generować klasę do użycia z plikami SVG i fontów. Po wygenerowaniu klasy zamieniamy użycia aktualnych czcionek i plików SVG na tą klasę. Na tą chwilę przenosimy użycia czcionek i SVG z tych ekranów, które zostały zmienione w trakcie redesignu Pola 3.0. Kolejne ekrany będą przenoszone razem w zadaniach do redesignu. Dodatkowo, zadanie obejmuje implementację walidacji generowania tej klasy na etapie Continuous Integration, aby zapewnić ich poprawność przed wdrożeniem.

Kroki do wykonania:

  1. Integracja biblioteki flutter_gen.
  2. Identyfikacja i ekstrakcja wszystkich użyć czcionek i plików SVG i zamiana na użycie wygenerowanych klas. (Ekrany menu i firmy)
  3. Konfiguracja skryptów walidacyjnych generowania do uruchamiania na CI (.github/workflows/test.yml).

Materiały pomocnicze:

Literówka

W aplikacji jest literówka, prośba o poprawę na „Wiadomości”.

image

Przywrócenie przycisku do zgłaszania błędów

Prośba o przywrócenie w nowej wersji przycisku do zgłaszania błędów. Z tego co pamiętam, przycisk został czasowo ukryty. Przesyłanie zdjęć działa więc nie ma na co czekać. Nawet jeśli zdjęcia znów nawalą, to żaden problem. Nie są nam one niezbędne do weryfikacji. Zwłaszcza po integracji z GS1.

Użytkownik musi mieć możliwość zgłaszania błędu.

Przycisk wcześniej był tu, obok przycisku Klubu Przyjaciół i to jest dobre miejsce dla niego.
image

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.