NWeb: webový prohlížeč pro ZX Spectrum Next

Web v 640×256

NWeb přináší na ZX Spectrum Next webové stránky přes vestavěný WiFi modul. Běží v rozlišení 640×256, používá proporcionální písmo a kompletně se ovládá myší nebo klávesnicí. Rozhraní je dostupné česky i anglicky a vizuálně zapadá do stejné rodiny jako NWord a NMail. Kdo zná jeden z těchto programů, nebude v NWebu hledat menu nebo dialogy na opačné straně obrazovky jen proto, aby to bylo originální. Spustit ho lze jako dot command .nweb přímo z NextBASICu. Po ukončení dot commandu jste zpět v BASICu a paměť použitá NWebem se zase uvolní.

Jak to celé funguje

Moderní web je pro Z80 problém hned několikrát. Next neumí TLS a dnešní HTML stránky mohou mít megabajty skriptů, stylů a obrázků ještě dřív, než se na obrazovce vůbec něco objeví. NWeb proto nepřistupuje na web přímo. Přes obyčejné HTTP komunikuje s malou NWeb bránou napsanou v PHP.

• stáhne původní stránku, včetně HTTPS webů,
• zpracuje HTML a CSS,
• odstraní nebo zjednoduší věci, které Next nepotřebuje,
• převede obrázky do formátu vhodného pro Next,
• a výsledná kompaktní data pošle NWebu.

Po instalaci se používá veřejná brána na perrada.cz, takže uživatel nemusí nastavovat vlastní server. Pokud ale chcete, můžete si provozovat vlastní.

Co NWeb umí zobrazit

• Nadpisy, odstavce, seznamy, citace a tabulky.
• Tučné písmo a kurzívu.
• Českou a další středoevropskou diakritiku.
• Volitelné písmo stránky: Next, Sans nebo Serif.

To už je proti původnímu SpeccyWebu poměrně zásadní rozdíl. Stránka není jen dlouhý seznam řádků textu, ale začíná mít vlastní typografii a strukturu.

CSS – ne celé, ale dost na to, aby to mělo smysl

NWeb není plnohodnotný CSS engine a ani se o to nepokouší. Brána ale čte styly stránky a využívá informace, které dávají smysl na obrazovce Nextu.

• viditelnost prvků,
• zarovnání,
• mezery a odsazení,
• jednoduchý flex, grid a float,
• spojování krátkých bloků do sloupců,
• zachování bočních menu vedle hlavního textu,
• horizontální horní menu,
• sloučení rámců do výsledné stránky.

Cílem není pixel-perfect kopie desktopového webu. Cílem je zachovat jeho logiku a čitelnost v rozlišení 640×256.

Obrázky přímo ve stránce

Tohle je asi nejviditelnější rozdíl proti SpeccyWebu. NWeb umí zobrazovat obrázky přímo uvnitř stránky. V běžném režimu jsou převedené do 16 barev a jejich velikost vychází z HTML, CSS nebo skutečného rozměru. Text může běžet vedle obrázku a krátké karty s obrázky se mohou skládat vedle sebe do řady.

Načítání obrázků na pozadí

Obrázky se nestahují všechny předem. Jakmile se dostanou do viditelné části stránky, NWeb je začne postupně načítat. Jeden obrázek obvykle trvá přibližně dvě až tři sekundy, ale stránku můžete během toho dál posouvat a používat menu. BREAK stahování zastaví. Pokud nechcete obrázky načítat automaticky, mohou zůstat jen jako rámečky s popisem a stáhnout se až přes EXT+P.

Obrázek přes celou obrazovku

Kliknutím na obrázek nebo pomocí EXT+W se otevře jeho plnoobrazovková verze ve 256 barvách. Převod a přenos trvá přibližně deset sekund. Klávesou S lze obrázek uložit jako NXI a použít ho v dalších programech.

Stahování souborů

Pokud odkaz vede na soubor – například ZIP, TAP nebo NEX – NWeb nabídne jeho stažení. Přes souborový dialog vyberete cílovou složku a název souboru. Před přepsáním existujícího souboru se program zeptá a průběh stahování zobrazuje ve stavovém řádku. BREAK přenos zastaví a nedokončený soubor se smaže. Takže po přerušeném downloadu nezůstane na kartě polovina ZIPu, která bude dalších šest měsíců předstírat, že je v pořádku.

Zpět a Vpřed bez dalšího čekání

Posledních 16 stránek se ukládá na SD kartu. Návrat zpět nebo vpřed tedy nemusí znovu sahat na síť. Obnoví se i původní pozice na stránce; obrázky se pouze znovu načtou podle potřeby.

Historie, záložky a domovská stránka

Přes EXT+Y se otevře historie posledních 50 stránek, a to i z minulých spuštění programu. NWeb podporuje až 30 záložek a libovolnou vlastní domovskou stránku. Pokud domovskou stránku nenastavíte, zobrazí se úvodní stránka se záložkami a několika připravenými odkazy: SpecNext, Spectrum Computing, SpecNext Wiki a MB Maniax.

Formuláře a hledání

NWeb umí i jednoduché HTML formuláře. Vyhledávací pole a formuláře až se třemi položkami se otevřou v dialogu. Heslové pole se na obrazovce maskuje. EXT+S otevře hledání v aktuální stránce, což je u delších textů výrazně pohodlnější než energicky roztáčet kolečko myši a doufat, že jste hledaný odstavec právě nepřejeli.

Myš i klávesnice

• Kliknutí otevírá odkazy a obrázky.
• Kolečko posouvá stránku.
• Scrollbar lze táhnout.
• Červený křížek za průběhovým pruhem zastaví načítání.
• Stavový řádek ukazuje adresu odkazu pod kurzorem.
• Pravé tlačítko otevírá kontextové menu pro odkaz, obrázek nebo stránku.

Myš ale není nutná. Všechno jde ovládat i z klávesnice, včetně přecházení mezi jednotlivými odkazy.

Vestavěná nápověda

EXT+H otevře nápovědu rozdělenou do témat. Má vlastní vyhledávání – začnete psát slovo a seznam témat se rovnou filtruje podle toho, kde se daný výraz vyskytuje.

Omezení – protože pořád mluvíme o Z80

• JavaScript se nespouští. Weby postavené čistě na JavaScriptu mohou zůstat prázdné.
• Stránky chráněné CAPTCHA nebo anti-bot kontrolou obvykle nelze otevřít.
• CSS není kompletní. Layout se přizpůsobuje malé obrazovce a nemusí odpovídat desktopové verzi.
• Po zjednodušení může stránka mít nejvýš 60 kB.
• Limit je 1000 odkazů a 64 obrázků.
• URL může mít maximálně 240 znaků.
• Pod otevřeným menu nebo dialogem se obrázek dočasně zobrazuje jen jako prázdný rámeček.

Soukromí a hesla

Požadavky

• ZX Spectrum Next s 2 MB RAM.
• WiFi/ESP modul připojený k síti v NextZXOS.
• SD karta a přístup k internetu.
• Myš je volitelná.

Spuštění jako dot command

Soubor NWEB zkopírujte do C:/DOT/. Potom lze použít:

V domovském adresáři se ukládá NWEB.CFG, NWEB.BMK, NWEB.HIS a cache stránek pro Zpět/Vpřed. EXT+Q ukončí dot command a vrátí vás do BASICu.

Spuštění jako NEX

Pokud nechcete dot command, stačí nweb.nex zkopírovat do libovolné složky na SD kartě a spustit ho z Browseru NextZXOS. Konfiguraci, historii, cache i záložky pak ukládá přímo vedle programu.

Vlastní NWeb brána

Pokud nechcete používat veřejnou bránu, můžete si spustit vlastní. Na server zkopírujte:

nweb.php
proxy.php
cacert.pem

Brána potřebuje PHP 5.6 nebo novější a pro obrázky rozšíření GD. Schopnosti serveru lze ověřit přes nweb.php?a=ping.

Hlavní klávesy

EXT = CAPS SHIFT + SYMBOL SHIFT, BREAK = CAPS SHIFT + SPACE.

Stejná rodina jako NWord a NMail

NWeb používá stejnou obrazovku, písma a způsob ovládání jako NWord a NMail. To je záměr. Tyhle programy nestavím jako izolované utility, ale jako jednu rodinu aplikací, které se mají chovat předvídatelně. Použitá písma Liberation jsou pod licencí SIL Open Font License. Verze programu: 0.1. Program: Shrek / MB Maniax.