Advertisement
Guest User

Untitled

a guest
Jun 19th, 2018
70
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.85 KB | None | 0 0
  1. Na rys. 3 przedstawiono ekran preferencji, pierwsza pokazana obcja to wybór czy danie ma być wegetariańskie czy też ma zawierać mięso, by wybrać nalezy kliknąć w obszar reprezentujący dania mięsne lub wege po tej interakcji obszar kliknięty zmieni się na kolorowy a druga obcja odznaczy się wyszarzając. We wszystkich ekranach preferencji można zaznaczyć tylko jedną opcje, wyjątkiem jest ostatni ekran tagów rys.6 gdzie może być zaznaczone wiele opcji. Aby poruszać się po ekranach preferencji należy szybkim ruchem przeciągnąć palcem po ekranie w lewą bądź prawą stronę.
  2.  
  3. Rys. 4 ukazuje nam porę dnia w jakiej byśmy chcieli znaleźć danie. Zasada zaznaczenia wyboru jest taka sama jak wcześniej. Przenieśmy się więc do następnego kroku.
  4.  
  5. Na rys. 5 możemy zaznaczyć jaką kuchnię preferujemy dla naszego dania. Wybór jest analogicznie taki sam jak we wcześniejszych ekranach. Wszystkie wybory są intuicyjne i proste w obsłudze przejdźmy więc dalej.
  6.  
  7. Rys.6 to ekran tagów tu możemy zaznaczyć opcjonalne tagi naszych przepisów, zaznaczamy je poprzez kliknięcie na preferowany przez nas tag poczym kiedy już jesteśmy pewni co do naszych wyborów możemy przejść do kolejnego etapu.
  8.  
  9. Kolejnym dużym elementem wyboru spersonalizowanego przepisu jest wybór skłądnika, na rys.7 przedstawiono wygląd wyboru składników.
  10.  
  11. Po kliknięciu w ikonę lupy w lewyn górnym rogu (tak jak to jest przedstawione na rys.8) jesteśmy w stanie wpisać składnik który nas interesuje a listę znalezionych pod wpisanym hasłem elementów możemy rozwinąć (bądź zwinąć) w tym samym wierszu klikając strzałkę najbardziej po prawej stronie. Do kasowania całej zawartości jaką wpisaliśmy służy ikona "X" umiejscowiona na pasku wyszukiwania. Rozwijanie wszystkich składników danej kategorii takich jak "Warzywa","Zwierzęce", "Owoce" czy "Inne" jest analogiczne.
  12.  
  13. W aplikacji została również zaimplementowana metoda słownego wyszukania składnika. Na rys.9
  14. pokazana jest ikona mikrofonu po której kliknięciu pokaże nam się ekran ukazany na rys.10, należy wtedy słownie wprowadzić jeden składnik i poczekać na wpisanie go w linie szukanych składników.
  15.  
  16. Wybrane przez nas składniki znajdują się w pasku "Wybrane składniki" przestawionym na rys.11 aby je zobaczyć należy rozwinąć pasek za pomocą wcześniej wspomnianej strzałki umiejscowionej po prawej stronie.
  17.  
  18. Zaznaczanie składników polega na kliknięciu ikony składnika (czarny obrys), po zaznaczeniu ikona "pokoloruje się" co będzie znakiem że wybraliśmy dany składnik, aby odznaczyć należy kliknąć na pokolorowaną ikonę ,zmieni się wtedy sporotem na obrys. Rys.12 przedstawia ikonę nie zaznaczoną a rys.13 zaznaczoną. W przypadku pasku "Wybrane składniki" po kliknięciu w ikonę składnika zniknie on z listy składników (przedstwiono to na rys.13).
  19.  
  20. Kiedy jesteśmy już pewni wyborów podjętych na tym ekranie należy klikąć okrągły zielony przycisk ze znakiem strzałki w prawym dolnym rogu rys.15(jeśli jesteśmy w trybie gdzie pokazana jest klawiatura przycisk będzie nad prawym rogiem klawiatury - rys.15).
  21.  
  22. Nie można przejść do kolejnego kroku nie zaznaczając żadnego składnika akcja ta przedstawiona jest na rys.16. Nalezy wspomnieć że jest możliwość powrotu do wcześniejszego ekranu za pomocą wbudowanego w smarthone przycisku wstecz/cofnij.
  23.  
  24. Na rys.17 przedstawiono w jaki sposób można zaznaczyć urządzenia kuchenne jakie mamy w domu, pomogą nam one w wykonaniu przepisu a w co poniektórych przypadkach są wręcz wymagane (np. piekarnik).Mechanika jest identyczna do tej z wyboru składników z tym wyjątkiem, że nie jest wymagane zaznaczenie jakiegokolwiek urządzenia.
  25.  
  26. Ostatnim ekranem przed wyświetlaną docelową spersonalizowaną listą przepisów jest widok sugestii przedstawiony na rys.18. "Podpowiada" nam rzeczy (takie jak składniki czy urządzenia) o których zdarzyło nam się zapomnieć w trakcie wcześniejszych wyborów. Możemy tu "doznaczyć" dodatkowe elementy. Kliknięcie zielonego przycisku stzrałki przeciesie nas do listy przepisów.
  27.  
  28. Lista przepisów tak jak zostało to pokazane na rys.19 zawiera spis dostosowanych do naszych wyborów przepisów.
  29.  
  30. Po kliknięciu na przepis który chcemy wyświetlić ukazany (na rys.20) zostaje nam podgląd przepisu który składa się ze zjęcia, krórtkiego opisu oraz rozwijanej listy składników.
  31.  
  32. Po kliknięciu dolnego przycisku rozpocznij przechodzimy do "tutorialu" wykonywania przepisu.
  33.  
  34. Na rys.21 przedstawiono "Tutorial" który składa się z kroków. Zbudowany jest z tytułu i treści. Kropki na dole oznaczają ilość kroków oraz miejsce w którym obecnie się znajdujemy względem początku "tutorialu". Porusznie się po nim polega na używaniu dolnych przycisków "poprzedni" i "następny" tak jak to przedstawiono na rys.22.
  35.  
  36. Pierwszym z kroków powiniem być krok "Składniki" - określający proporcję składników, kolejne kroki są dowolne. Kiedy jesteśmy już na ostatnim kroku (wskazuje na to zaznaczenie na niebiesko ostatniej od prawej strony kropki) przycisk "Następny" zamieni się na "Zakończ" (rys.23) a po jego kliknięciu przeniesiemy się bezpowrotnie do głównego menu.
  37. ZAkończmy więc omawianie możliwości doboru przejdźmy do kolejnego przycisku "Dodaj przepis" (rys.2).
  38.  
  39. Na rys.24 przedstawia ekran gdzie ustalimy główny skład przepisu. Kolejno należy wpisać jego nazwę oraz krótki opis (jest to wymagane skutki nie wpisania zostały ukazane na rys.25). Można również ustawić obrazek który powinien mieć proporcję kwadratu (w innym przypadku zostanie ucięty do takiej proporcji), aby to zrobić nalezy kliknąć w przycisk "Wybierz obrazek" a kiedy już wybraliśmy ukaże się on obok przycisku po lewej stronie.
  40.  
  41. Możemy również zaznaczyć czy danie jest wegetariańskie poprzez kliknięcie na napis (bądź kwadrat obok napisu) "Czy wegetariańskie?" tak jak jest to pokazane na rys.26.
  42.  
  43. Musimy również wybrać porę dnia (gdyż docelowo ustawiona jest ona na śniadanie) oraz kuchnię. Robimy to poprzez kliknięcie na wiersz w którym mamy pokazaną strzałkę i wybieramy spośród dostępnych opcji (rys.27).
  44.  
  45. Podajemy czas przygotowania w sekundach (to pole również musi być zaznaczone) oraz tagi naszego dania wpisując je po przecinku. Klikając w zielony przycisk ze strzałką możemy przejść do dodania potrzebnych w naszym przepisie składników,(rys.28) który działa to tak samo jak w przypadku elementu dopasowania przepisu. Kliknięcie w zielony przycisk ze strzałką przenosi nas do wybieranych urządzeń kuchennych(rys.29) również tak samo działających jak wcześniej omawiane elementy. Tu również po dokonanych wyborach koliknijmy w przycisk dalej(zielony przycisk ze strzałką).
  46.  
  47. Rys.30 pokazuje nam w jaki sposób możemy dodać kroki do naszego przepisu, należy dodać krok używając przycisku "Dodaj krok" wypełnić wymagane rubryki (nalezy mieć przynajmniej dwa kroki by móc dodać przepis) a po dodaniu wszystkich kroków kliknąć "zakończ". Ukażę sie nam okno potwierdzające dodanie przepisu do listy (rys.31) gdzie należy kliknąć "ok", przeniesie nas wtedy do ekranu głównego menu.
  48.  
  49. Przedostatnim omawianym elementem jest lista przepisów, by się do niej przenieść należy kliknąć przycisk nr 3"Lista przepisów"(rys.2). Poszczególne elementy to pasek wyszukiwania (w tym również głosowego - ikona pojawia się przy kliknięciu na ikonę lupy po lewej stronie ekranu), przycisk sortowania "AZ v" oraz listę przepisów. Sortowanie może następować po opcjach przedstawionych na rys.32. Poruszanie się po wybranym przepisie zostało już wyjaśnione w ramach elementu dopasuj przepis.
  50.  
  51. Ostatni element to przycisk wyjście - rys.2, po kliknięciu na niego wychodzimy z aplikacji GoodFood (podobny efekt możemy uzyskać klikacjąc dwa razy powrót w ekranie menu głównego)
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement