pola-flutter's People
pola-flutter's Issues
Problemy graficzne
Dziękuję jeszcze raz za nową wersję aplikacji Pola! Jest kilka rzeczy, które należy poprawić.
- Ikonka lampy błyskowej jest zbyt duża. Działa, ale jest większa niż zawsze była.
- 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.
Ekran Menu
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:
-
Aplikacja Pola jest całkowicie darmowa. Jej działanie nie wymaga wsparcia finansowego.
-
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ń.
-
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.
-
Problemem są marki własne sieci handlowych. Są to wewnętrzne kody magazynowe tych firm, które nie są publicznie dostępne.
-
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
Przycisk Poli kieruje do wyszukiwarki
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:
- Przekierowanie użytkownika na ekran nr 2 z wyszukiwarką
- Dodanie wyszukiwarki tekstowej obok skanera kodów, na ekranie nr 1
- 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:
Za to na ekranie firmy powinno być serduszko z wyjaśnieniem, że jest to PRzyjaciel Poli:
Splash screen
Brakuje splash screena w iOSie.
Powinno wystarczyć skopiowanie xiba wraz z obrazkami z pola-ios
Podbicie wszystkich pluginów
[view] ekran skanowania doku via kamera
Jako podstawowy ekran skanujemy kod za pomocą kamery w telefonie
[view] ekran szczegułów - po odbytaniu backendu o kod EAN
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.
Ikona aplikacji
Brakuje ikony aplikacji w iOSie
[view] ekran z WebView dla wyświetlania stron www w aplikacji
[view] przycisk wsparcia Poli
Ciemny motyw
Angielska wersja Poli
Prośba o dodanie tutaj tekstów do tłumaczenia z tej części aplikacji:
KlubJagiellonski/pola-backend#3383
https://docs.google.com/spreadsheets/d/1hW1TusDGDHdHx_4QtXXmLNqr5U06LkPSefHW5uVYVjk/edit#gid=0
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.
[view] ekran pisania kodu ean
Należy stworzyć ekran do wprowadzenia kodu EAN do późniejszego odpytania back end.
Nie wczytały się poprawne czcionki na iOS
Redesign aplikacji
Chcemy, aby Pola była piękna dlatego tworzymy jej nową wizualizację:
Redesign ekranu firmy
Kryteria akceptacji:
Ekran wygląda jak na makiecie https://www.figma.com/design/BVuJwwHa2uAqAVVtsyCx0H/Pola-REDESIGN?node-id=268-5187&t=5knSYsRf3B8Onjyf-0
Nie uwzględniamy na razie informacji o przyjacielu Poli.
Pracę należy mergować do brancha feature/redesign
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.
Publikacja aplikacji w sklepie F-droid
Jak ktoś nie ma sklepu play to byłoby to bardzo przydatne
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?
[view] po kliknięciu w ikonkę Poli otwiera się web view z stroną opisującą aplikacje
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.
Rozszerzony opis firmy
Pracujemy nad takim rozwiązaniem. Backend już to wdraża. Proszę o dodanie takiej opcji w aplikacji.
Notyfikacje Firebase z aktywnym linkiem
Proszę o dodanie możliwości umieszczenia linku w notyfikacji, który przekieruje użytkowników do konkretnego tekstu.
Brak zdarzeń z wersji 2.0.0
Do firebase'a nie spłyneły żadne eventy od wydania wersji 2.0.0 z androida.
[view] ekran detali dla marek lidla
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ę.
- Dodaj AlertDialog, który pojawi się, gdy odpowiedź z serwera nie będzie sukcesem (np. status odpowiedzi inny niż 200).
- Tytuł AlertDialog: "Wystąpił błąd!"
- Treść komunikatu: "Niestety nie udało się pobrać danych. Spróbuj ponownie."
- Dodaj przycisk "OK", który pozwoli użytkownikowi zamknąć dialog.
Ekran firmy
Styl ikon
Numer wersji na ekranie menu
NA ekranie menu powienien znajdować się numer wersji i builda zgodnie z makietą.
Zmiany w menu
Prośba o zmianę następujących przycisków:
1 - bez zmian
2 - do usunięcia skoro będzie to na tabie
3 - bez zmian
4 - przekierowujemy do: https://klubjagiellonski.pl/o-klubie-jagiellonskim/
5 - bez zmian
6 - przekierowujemy do: https://www.pola-app.pl/partners
7 - bez zmian
8 - bez zmian
9 - przekierowujemy do głównej naszego GitHuba: https://github.com/KlubJagiellonski
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ół"
Rozmieszczenie ikon
Forma wyświetlania wyniku
Redesign ekranu menu
Kryteria akceptacji:
Ekran wygląda jak na makiecie https://www.figma.com/design/BVuJwwHa2uAqAVVtsyCx0H/Pola-REDESIGN?node-id=313-5118&t=2QM8ZyPbfjPaIP20-0
Pracę należy mergować do brancha feature/redesign
Wyraźne zaznaczenie firm niezweryfikowanych
Użytkownicy mają problem z rozróżnieniem firmy niezweryfikowanej od takiej, która ma 0 pkt. Trzeba to wyraźniej przedstawić.
[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:
- Integracja biblioteki slang z projektu.
- 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)
- Konfiguracja skryptów walidacyjnych tłumaczeń do uruchamiania na CI (.github/workflows/test.yml).
Materiały pomocnicze:
- Biblioteka slang - dokumentacja i instrukcja integracji.
Błąd szarego ekranu
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:
- Integracja biblioteki flutter_gen.
- Identyfikacja i ekstrakcja wszystkich użyć czcionek i plików SVG i zamiana na użycie wygenerowanych klas. (Ekrany menu i firmy)
- Konfiguracja skryptów walidacyjnych generowania do uruchamiania na CI (.github/workflows/test.yml).
Materiały pomocnicze:
- Biblioteka FlutterGen - dokumentacja i instrukcja integracji.
Literówka
[analitics] wspięcie analityki
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.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.