Open Kolemkoukolem opened 5 years ago
Otestování výstav na mobilních zařízení je jedním z plánů, jak to vypadá s úpravou nahlášených chyb? Je možné se nějak zapojit? Jak by vám vyhovovalo postupovat při řešení mobilní verze?
@nnis diskutoval som aktuálny stav a možnosti s kolegom vývojárom.
INDIHU Exhibition je aplikácia pripravená primárne pre desktopové zariadenia s plnohodnotným prehliadačom. V minulosti vraj boli úvahy o samostatnej mobilnej aplikácií, nakoniec sa od toho upustilo. Aktuálne by bolo potrebné výrazne prepracovať celý engine na zobrazovanie a tiež vôbec navrhnúť mobilnú verziu webu. Teraz vieme realizovať len obmedzené úpravy, pričom každá zásadne ovplyvňuje aj pôvodnú desktopovú variantu.
Rozhodnutie o mobilnej verzii by sme mali prediskutovať osobne na najbližšom stretnutí.
Mluvili jsme o tom, že plnohodnotný zážitek včetně her bude na desktopu, ale od začátku jsme pracovali i s tím, že chceme mobilní verzi a i kolegové z Dipozitiv připravovali způsob prohlížení na mobilním zařízení. Uvidíme, co se dá dělat, probereme to příště. Díky za komentář
@nnis pokiaľ je k dispozícií mobilná verzia návrhu, prosím o zaslanie (do e-mailu), do najbližšieho stretnutia to minimálne to analyzujeme.
Poslala jsem přes úschovnu, co mám.
Aktuálna dohoda k mobilnej verzii:
"mrkla jsem se na to, asi to není nic objevného, ale navrhuji se v mobilní verzi zaměřit na následující obrazovky:
Úvod výstavy
Obrazovka s obrázkem
Obrazovka s textem
Fotogalerie
Závěr výstavy
zvuk (tedy ikonka vypnout zvuk) Pokud možno, tak zlepšit i infopointy"
Souvisí s požadavkem 28
Pravděpodobně v první řadě vznikne nový design pro PC, v druhém plánu mobilní verze. Požadavek stále platí, nezavíráme issue kvůli diskusi a screenshotům, které tu jsou.
Platné zadání je: Zajištění responsivního designu všech prvků výstav a plná podpora na zařízeních s iOS, Android, Windows
Přidávám komentář od @kristynahubickova podle https://github.com/LIBCAS/INDIHU-Exhibition/issues/283#issuecomment-1785707864. Celou responsivitu nadále řešme pouze zde.
Poznatky z testování na iPhone/iPadu:
- velmi zdlouhavé loadování na to, že jde o testovací výstavu, která má ani ne 2 minuty
- kvízy se na mobilu vůbec nezobrazují, ale na iPadu ano, což je zvláštní (dostanu se na ně manuálně přes kapitoly, ale ve výstavě se samy neukáží)
- zvuk u obrazovky se zapne v jednom z pětí případů
- infoprohlídka nejde proklikat až do konce (spadne po 2/7)
- paralax potřebuje revizi
Poznatky z testování na Androidu: (jen doplním, že se mi nepodařilo současně rozchodit výstavu na ntb, tudíž, mi možná něco uteklo, ještě pak vyzkouším a případně doplním)
Responsivita moc nefunguje v rámci #374 - viz např.:
Došlo k úpravam routingu, infoprohlídky čo by malo vyriešiť väčšinu bodov, ale ešte nejaké stále ostali (ako napr. zvuk atď).
Takisto prediskutované, že do informačného dialógu na mobilnej verzii pod sekciu tagy vložiť aj info o autoroch.
Budeme testovat průběžně. Nyní vracím k dořešení známého, poté už budeme otevírat jen konkrétní issue k nalezeným problémům.
Od @H-a-n-k-a Teď jsem otestovala výstavy na mobilu, iPhone SE (nejmenší obrazovka).
překrývání sekcí webu překrývání sekcí webu
přidat upozornění na překlopení obrazu
anglické pokyny ve sdílení anglické pokyny + není opravená ikona Twitter na X anglické texty anglické texty
prázdné soubory
[x] Infopointy mi zaběhly za “test”, ale i kdyby tam nebyl, je to moc komplikované na klikání. Překrývaly se. Vyřeší se apelem na tvůrce nikoli programátorsky.
překrývání infopointů překrývání infopointů
[ ] Stírací los či posuň na správné místo není možné hrát. Nejde prstem setřít, obrázky se na sebe skládají špatně. A pokud posunovat lze, ale ten posunovaný předmět je tak velký, že to ve výsledku stejně není možné.
[x] Není možné hrát "dokresli".
[x] Kvíz je v mobilu zobrazený špatně - má velké boxy, není pochopitelné, že se musí scrollovat dolů a že jde vůbec o kvíz. Buď přidat informaci o scrollování, nebo zmenšit jednotlivé boxy kvízu (bylo by estetičtější řešení, pokud možno, toto preferujme).
[x] Pokyny ke hrám ve vyskakovacím boxu - přidat možnost pro tvůrce toto info políčko s pokynem, co má člověk se hrou dělat, dát trvale zobrazit, nebo skrývat. Stejný princip jako u infopointů.
hra "guma" hra "posuň" nefunkční hra "dokresli" rozsypaný kvíz v mobilu rozsypaný kvíz (příliš velké boxy)
dlouhé načítání
špatně načtený obrázek místo obrázků backendové texty místo obrázku backendové texty backendové texty
Zde prosím o test @H-a-n-k-a, zda to je již ok na tom iPhone. Jinak bych to ale navrhoval zavřít a vytvářet dílčí issue pro konkrétní problém (vždy screenshot + popis).
Infoprohlídka se načte, zastaví se výstava, ale stále je tam anglický text, to prosím opravit:
Infoprohlídka se načte, zastaví se výstava, ale stále je tam anglický text, to prosím opravit:
potvrzuji i na androidu
Mohla by ses prosím Nino @nnis podívat na mobilu na Akci K? Nevím, jestli tam není špatně zvuková stopa. Přehrávají se mi jen ruchy a nevím, jestli tam nemá být ještě komentář? Přeskakuji obrazovky a ruchy jsou stále spuštěné, to je taky v pořádku? Jinak na iPhone SE se videa nedají ovládat v rámci INDIHU Exhibition. Jak je to prosím na Androidu @annavandasova? Případ videa:
Test android:
Infoprohlídka
Chybí doporučení na otočení na šířku. Nefunguje lupa Nefunguje kvíz- nezobrazí se obrázky V malování se také nezobrazí obrázek, nezmizí infopole, maluji "na pozadí" Nefunguje obrazovka s gumou.
Omlouvám se, že neposílám screeny, zlobí mě nastavení kopií obrazovky. Zkusím opravit a dodat.
Mohla by ses prosím Nino @nnis podívat na mobilu na Akci K? Nevím, jestli tam není špatně zvuková stopa. Přehrávají se mi jen ruchy a nevím, jestli tam nemá být ještě komentář? Přeskakuji obrazovky a ruchy jsou stále spuštěné, to je taky v pořádku? Jinak na iPhone SE se videa nedají ovládat v rámci INDIHU Exhibition. Jak je to prosím na Androidu @annavandasova?
V Akci K mi na androidu běží komentář naprosto v pořádku. Video běží, dá se spustit a pauznout
Čo sa týka tých anglických textov, ešte nie sú doplnené, rieši sa v rámci #340 .
Máte nejakú predstavu o tom doporučení na otočení na šírku ? Na mobilnom zariadení má na úvodnej obrazovke vyskočiť nejaký informačný box s textom, že sa odporúča prehliadať výstava s otočením na šírku (landscape mód) ?
Ano prosím, hned na začátku vyjede informační box s doporučením: Doporučujeme prohlížení výstavy v režimu na šířku. ENG: We recommend viewing the exhibition in landscape mode.
Ano prosím, hned na začátku vyjede informační box s doporučením: Doporučujeme prohlížení výstavy v režimu na šířku. ENG: We recommend viewing the exhibition in landscape mode.
Zapracované a nasadené.
Ano prosím, hned na začátku vyjede informační box s doporučením: Doporučujeme prohlížení výstavy v režimu na šířku. ENG: We recommend viewing the exhibition in landscape mode.
Zapracované a nasadené.
v Androidu ok, díky!
U iPhone se mi ukáže upozornění v angličtině viz foto:
Myslím, že mi nejde na iPhone SE zvuková stopa, tedy mluvené slovo. Už druhá výstava se mi jeví jakože nemá žádný komentář, ale výstavy NM mají ty komentáře vždy, tedy prosím @annavandasova, jestli bys otestovala na Androidu ještě výstavu Parlament! a řekla výsledek. Za mě na iPhone, nejde zvuk.
Také na iPhone nejde lupa, pokud nastavím lupu, tak se mi kolečko lupy na sekundu zobrazí, ale hned pak mi naskočí možnosti ohledně sdílení a uložení obrázku viz foto:
U iPhone se mi ukáže upozornění v angličtině viz foto:
Ja som práve vyskúšal na svojom iPhone na test servery, anglickú aj českú varianta mi dotiahlo, Vám to zobrazuje kľúč prekladu, ku ktorému server nedotiahol preklady.. pravdepodobne klasický problém s cache, prosím česká varianta Vám funguje ? ak nie, tak je problém jasný
Také na iPhone nejde lupa, pokud nastavím lupu, tak se mi kolečko lupy na sekundu zobrazí, ale hned pak mi naskočí možnosti ohledně sdílení a uložení obrázku viz foto:
s Lupou som sa práve teraz asi pred 20min dohral, prenasadím na TEST a úpravou tohto komentáru dám vediet.
U iPhone se mi ukáže upozornění v angličtině viz foto:
Ja som práve vyskúšal na svojom iPhone na test servery, anglickú aj českú varianta mi dotiahlo, Vám to zobrazuje kľúč prekladu, ku ktorému server nedotiahol preklady.. pravdepodobne klasický problém s cache, prosím česká varianta Vám funguje ? ak nie, tak je problém jasný
Ne, nejde mi to ani tak ani tak.
Hra Posuň na správné místo na iPhone SE: nejde mi posouvat s obrázkem, opět se to chová tak, že to po mě chce, abych obrázek uložila, sdílela apod. Viz foto:
Našla jsem chybku v překladu anglické verze na závěru výstavy (Rate the Exhibition namísto Hodnotit výstavu) viz foto
Myslím, že mi nejde na iPhone SE zvuková stopa, tedy mluvené slovo. Už druhá výstava se mi jeví jakože nemá žádný komentář, ale výstavy NM mají ty komentáře vždy, tedy prosím @annavandasova, jestli bys otestovala na Androidu ještě výstavu Parlament! a řekla výsledek. Za mě na iPhone, nejde zvuk.
Ja som teraz manuálne so svojím iPhonom a IOs vyskúšal túto výstavu "Parlament" (dostupná priamo z landing page však?) a zároveň sa aj kukol do jej administrácie. Na ktorých obrazovkách sa tento problém so zvukom prejavil ? na všetkých.. ja som skúsil niekoľko prvých obrazoviek, ktoré: mali nastavenú zvukovú stopu obrazovky, ale nemali zvukovú stopu kapitoly. Takže až sa vo Vašom prípade neprehrala zvuková stopa mluvenej rečí (obrazovky), to znamená, že vaša výstava na vašom iPhone bola úplne potichu ?
Ešte iba poprosím i info, na iPhone používate safari prehliadač ?
Myslím, že mi nejde na iPhone SE zvuková stopa, tedy mluvené slovo. Už druhá výstava se mi jeví jakože nemá žádný komentář, ale výstavy NM mají ty komentáře vždy, tedy prosím @annavandasova, jestli bys otestovala na Androidu ještě výstavu Parlament! a řekla výsledek. Za mě na iPhone, nejde zvuk.
Ja som teraz manuálne so svojím iPhonom a IOs vyskúšal túto výstavu "Parlament" (dostupná priamo z landing page však?) a zároveň sa aj kukol do jej administrácie. Na ktorých obrazovkách sa tento problém so zvukom prejavil ? na všetkých.. ja som skúsil niekoľko prvých obrazoviek, ktoré: mali nastavenú zvukovú stopu obrazovky, ale nemali zvukovú stopu kapitoly. Takže až sa vo Vašom prípade neprehrala zvuková stopa mluvenej rečí (obrazovky), to znamená, že vaša výstava na vašom iPhone bola úplne potichu ?
Ešte iba poprosím i info, na iPhone používate safari prehliadač ?
První 2 kapitoly se mi komentář přehrál a pak byla výstava už úplně potichu. Ano, mám Safari.
Aktuálne som nasadil:
Problém so zvukovou stopou idem ešte preskúmať.
Opravit zvukovou stopu na mobilu
Čo sa týka zvukovej stopy na mobile (iPhone, iOs), tak problém je, že zvuková stopa je zablokovaná operačným systémom iOs z dôvodu, že užívateľ ešte neinteragoval s webovou stránkou.
Teda napr. pokiaľ beží nejaká obrazovka so zvukom, následne čas pre túto obrazovky vyprší, aplikácia sa posunie na dalšiu obrazovku (čo znamená dalšiu webovú stránku), tak okamžité spustenie zvukovej stopy pre túto už prepnutú obrazovku selže, pretože iOs to zablokuje (NotAllowedError).
Dohodnuté riešenie
Prosím o změnu textu upozornění: Z důvodu omezení systému iOS může dojít k přerušení plynulého prohlížení výstavy (může ovlivnit i zvukovou stopu), protože iOS vyžaduje interakci uživatele. Pokud se tak stane, klepněte na tlačítko přehrávání. Takto vypadá hra Posuň na správné místo v iOs - lze to prosím opravit (zmenšit obrázek, se kterým se posouvá)? Chyba při hře Stírací los, pokud jsem se pohybovala výstavou pomocí svajpování. Nahrál se jako první obrázek rovnou výsledek a mazání obrázku bylo velmi tenké.
Stejně jako u přihlašovací stránky je potřeba věnovat pozornost i zobrazení výstavy při prohlížení v mobilu. Domnívám se, že nezanedbatelné množství návštěvníků si bude chtít výstavy prohlídnout v mobilu např. cestou do práce. V současné době to má mnohé omezení - viz obrazová příloha - screenshoty z aplikace Google Chrome v prostředí Android. Snad jsou nedostatky dostatečně patrné. V případě nejasností doplním, co konkrétně na snímku vnímám jako chybné zobrazení.