Praca na tablecie i telefonie - program w przeglądarce mobilnej
Program działa w przeglądarce, więc na rampie możesz pracować na tablecie albo telefonie bez osobnej aplikacji. Układ dostosowuje się do szerokości ekranu: na tablecie menu jest zwinięte do ikon, a na telefonie kafelki układają się w jednej kolumnie. Strona pokazuje, co zmienia się na małym ekranie i na co uważać.
Na tej stronie
Tablet
Na tablecie (około 820 px szerokości) program zachowuje układ jak na komputerze: nagłówek, menu i obszar roboczy z kafelkami lub tabelą. Menu możesz zwinąć do ikon, żeby zwiększyć miejsce na formularz. Wszystkie funkcje są dostępne, a tabele przewijają się poziomo, gdy kolumn jest więcej, niż mieści ekran. Przyciski pozostają duże, więc obsługa palcem jest wygodna.
Telefon
Na telefonie (około 390 px) kafelki pulpitu układają się w jednej kolumnie, a nagłówek jest przycięty: widać znak programu, przycisk menu i pola kontekstu.
Menu boczne zwija i rozwija przycisk w lewym górnym rogu nagłówka. Rozwinięte zabiera większość szerokości ekranu i ściska treść do wąskiego paska, więc po wybraniu pozycji zwiń je ponownie.
Formularz dokumentu na telefonie
Formularz PZ ma te same sekcje co na komputerze, ułożone jedna pod drugą. Pasek akcji "Zapisz", "Zatwierdź" i "Zamknij" przykleja się do dołu ekranu, więc zawsze masz go pod ręką. Dialog "Nowa pozycja" zajmuje szerokość ekranu.
Dobre praktyki na rampie
- Używaj roli "PWS - magazyn", która ma krótsze menu i pulpit rampy.
- Przed pracą zwiń menu przyciskiem w nagłówku, żeby widzieć formularz.
- Dokumenty zostawiaj w buforze, a zatwierdzenie zrób w biurze, jeśli tak ustalono w firmie.
- Obróć telefon poziomo przy szerokich tabelach, na przykład arkuszu inwentaryzacji.
- Nie odświeżaj strony w trakcie wpisywania dokumentu, bo karty się zamkną.
Menu na telefonie. W wersji 2.3.0 na bardzo wąskim ekranie menu startuje rozwinięte i zasłania treść do pierwszego zwinięcia. Zwiń je raz na początku pracy.
Ćwiczenie w demo - lekcja lub zajęcia
Ćwiczenie: sprawdź program w trzech szerokościach ekranu
Uczeń zmienia szerokość okna przeglądarki i opisuje zmiany układu. Rola: "PWS - magazyn". Czas: około 15 minut.
- Otwórz pulpit w przeglądarce na komputerze i zapisz liczbę kolumn kafelków.
- Zmniejsz okno do szerokości około 820 px i opisz menu oraz kafelki.
- Zmniejsz okno do szerokości około 390 px i otwórz formularz PZ.
- Zwiń menu boczne i sprawdź, gdzie jest pasek akcji.
- Wróć do pełnej szerokości.
Pytanie kontrolne. Które elementy ekranu zmieniają się na telefonie i dlaczego pasek akcji pozostaje u dołu?
Podstawa programowa. Ćwiczenie realizuje efekt "stosuje systemy informatyczne w procesie magazynowania" z kwalifikacji SPL.01 Obsługa magazynów (jednostka SPL.01.5, efekt 7), w tym kryterium "obsługuje programy magazynowe", w zawodach technik logistyk i magazynier-logistyk (rozporządzenie Ministra Edukacji Narodowej z 16 maja 2019 r., Dz.U. 2019 poz. 991 z późn. zm.). Pozostałe ćwiczenia zebraliśmy na stronie demo PWS.net na zajęciach.
Najczęstsze pytania
Czy jest osobna aplikacja na telefon?
Nie. Program działa w przeglądarce na komputerze, tablecie i telefonie.
Czy da się zeskanować kod kreskowy?
W wersji 2.3.0 nie ma skanera kodów. Identyfikator nośnika wpisujesz ręcznie.
Czy tabele są czytelne na telefonie?
Tabele przewijają się poziomo. Przy szerokich zestawieniach wygodniej pracować na tablecie albo po obróceniu telefonu.
Słownik pojęć
- Responsywność
- Dostosowanie układu ekranu do szerokości okna przeglądarki.
- Pasek akcji
- Rząd przycisków u dołu formularza: Zapisz, Zatwierdź i inne.