Zkratka na hlavní stranu: Alt + Shift + horní 2(ě)
Linkedin FB e-mail Google Plus Twitter

Hledat na tomto webu

 
 

Responsivní weby a webové aplikace na míru

 

 
 
Novější informace, z jiného úhlu pohledu,
techničtěji zaměřené, pozitivněji podané
 
a na téma webových aplikací
(databázově orientovaných on-line aplikací)
naleznete v anglické verzi této stránky.
 

Responsivní web

Responsivní weby.
Weby, které se samy přizpůsobí různým zařízením,
zobrazí se rozumně i na tabletech, phabletech, smartphonech, dotykových i tlačítkových telefonech.

Jsou přístupné i pro slabozraké návštěvníky – počítají s extrémním zvětšením písma (zobrazení), resp. s velmi malým displejem.

A přístupné jsou i pro návštěvníky nevidomé.
Včetně neživých robotů Googlu, které vám pak vodí běžné návštěvníky – čili SEO.
Součástí SEO je alespoň základní přístupnost pro nevidomé uživatele.

Webové aplikace na míru

Různé databáze,
i s možností automatického exportu a importu dat.

Nechtějte ode mě

Nechtějte ode mě něco běžného, obyčejného,
protože se vám to nevyplatí.

Vše vyrábím na míru, na zakázku, dle vašich potřeb,
na zelené louce.

Potřebujete malou webovou vizitku bez spešl funkcí?

Vyplatí se vám využít služeb některé firmy, která seká klony podle šablon jako Baťa cvičky. Jeden web za jednotky tisíc Kč.
Nebo si malou webovou vizitku můžete naklikat sami v některé k tomu určené službě, v extrémním případě (bez vlastní domény a s cizí reklamou) i zdarma.
Já vám takový jednoduchý web můžu vyrobit také – ale svojí ruční výrobou se na cenu velkovýrobců malých obyčejných webů nedostanu.

Rád ho pro vás vytvořím, ale z důvodu osobního přístupu a individuální péče o každý projekt od počátku do konce budu pro takovou zakázku zbytečně drahý.

Ačkoliv…

Výjimkou je případ, kdy do budoucna počítáte s nějakými vychytávkami (kalendář vystoupení, ...), které ten web má umět.
Mohu vám zatím vyrobit běžný web,
který v budoucnu budu moci o ty pokročilé možnosti obohatit.

U obyčejného sériově nakopírovaného webu jiného dodavatele by to mohl být problém. Ten bych vám já nevylepšil, a co by vám uměl dodat jeho výrobce, to záleží na něm. Pak by zase mohl být drahý on (když se zaměřuje na hromadný prodej hotového produktu, ne na zakázkovou práci).

Řeším funkci, schopnosti, kvalitu.
Ne cool design,
ne podléhání aktuálním neopodstatněným trendům.

Většina lidí chce moderně vypadající jednoduchý web, který nic zvláštního neumí a nestojí moc peněz.
Použiji-li přirovnání k automobilům, lidé chtějí Citroëny (jiný web, nový panel). Jsou moderní, cool, in, sexy, trendy, a jsou poměrně levné.
Když vidí, co vyrábím já, tak se zděsí: Na pohled to zvenku vypadá nemoderně, a navíc to stojí třikrát více než ten sexy výrobek od nějakého designéra, grafika či ze sériové výroby.

Protože weby, které vyrábím já, se ve světě aut dají přirovnat k Toyotě Land Cruiser řady 70 (jiný web, nový panel). Na první povrchní pohled byste nevěřili, že je to současný moderní výrobek značně přesahující běžné standardy, a ještě je to tak drahé. No jo, umí to nějaké věci navíc, ale ty většinu zákazníků nezajímají.

Pokud jste běžný zákazník, který chce sexy trendy cool moderní a navíc ještě levný Citroën, tak u mě web nepoptávejte, nabídka by se vám nelíbila a nerozuměli bychom si.

Pokud chcete naprogramovat něco většího a schopnějšího na míru,
co bude umět pracovat i za obtížnějších podmínek,
hlavní prioritou pro vás není sexy moderní design,
a jste ochotni si za kvalitu a funkce připlatit,
tedy, pokud chcete něco jako je hranatý Land Cruiser 78, ozvěte se mi,
a pobavíme se o tom, co potřebujete, jaké řešení by pro Vás bylo vhodné, a zda ode mě chcete databázovou webovou aplikaci naprogramovat.

Jsem programátor (a kodér), ne grafik.

Ano, umím spolupracovat s grafikem.
Ale mé požadavky na maximální přístupnost (responsivitu, přizpůsobivost) pro uživatele s nestandardními zařízeními a pro uživatele se zdravotními potížemi,
jakož i mé požadavky na nadčasovost a spolehlivost naprogramované aplikace nebo webu
mohou poněkud omezit možnosti grafického návrhu či jiných nestandardních nápadů na podobu a funkci webu/aplikace.
Dávám i velký důraz na ergonomii, aby se aplikace daly snadno a rychle používat.

Nevidím žádný přínos v tom, že web či aplikace vypadá každé dva roky úplně jinak.
Naopak, považuji to spíše za projev nekonzistence, nestálosti, ergo i určité nedůvěryhodnosti provozovatele.

Je v naprostém pořádku věci zlepšovat a dělám to rád.
I postupnými menšími úpravami a vylepšeními,
i občasným totálním přepracováním od nuly.
Pokud je to proto, aby ta věc lépe fungovala,
více toho uměla a snadněji a rychleji se používala.

Ne proto, že už dlouho vypadá stejně,
ne proto, že teď najednou začaly některé weby jako na povel vypadat jinak (hůř), a že se tomu musíme přizpůsobit, protože co by tomu jinak řekli lidi, kdybychom šli proti proudu a nechali si přehledný web.

Odmítám weby vyrábět špatně

Nevidím žádný přínos v tom, že se někdy okolo roku 2017 místo dřívějších responsivních webů, které se přizpůsobovaly aktuálnímu zařízení,
začaly prosazovat trvale mobilní weby zobrazované v jednom sloupci bez navigace (menu) i na velkém monitoru.

Zmizela navigace,
nevíme, kde jsme,
nevíme, jak se sem příště dostat znovu cíleně,
nevíme, jak se dostat o úroveň výš,
nevíme, jak se dostat na sousední (sourozenecké) stránky (články) zařazené ve stejné sekci.
Případně u novin nevíme, kdy byl článek publikován.
Nevíme nic, jsme dezorientováni, a to vše je obhajováno tvrzením, že web je tak jednodušší nebo snad dokonce přehlednější.

A přestože je dnes většina monitorů širokoúhlá s poměrem stran 16:9 nebo ještě širší, vnucuje se jim jednosloupcové zobrazení optimalizované pro úzký vysoký displej mobilu. Přitom není těžké rozložení stránky nakódovat tak, aby se na každém zařízení zobrazila efektivně. Jenom chtít.

Ve skutečnosti je to jen lenost nebo neschopnost kodérů, kteří nechtěli nebo neuměli vyrobit přizpůsobivý web, který na počítači či tabletu bude mít dva až tři sloupce, a na mobilu jen jeden.

Přestávají se řešit styly, které se automaticky použijí pro tisk.
Přestávají se řešit případy, kdy někdo přijde na špatnou adresu, která nikdy neexistovala nebo byla zrušena; přestává se řešit volitelná možnost otevření stránky či zobrazení do nového panelu podle rozhodnutí uživatele, přestává se řešit archivovatelnost obsahu, chování parametrů v adrese, co má být považováno za jednu stránku a co za dvě, co si z nastavení pamatovat, co zahodit, atd.
Nemyslí se na pohodlí uživatelů, robotů (vyhledávačů) ani archivů.

Začíná být čím dál tím běžnější, že web je fatálně závislý na javascriptu – bez něj nefungují životně důležité odkazy, případně obrázky, styly a důležité funkce webu.
Na konec stránky nemůžeme skočit jedním stiskem klávesy End (ani posuvníkem na straně okna, ani scrollovacím kolečkem myši), protože ve spodní části stránky se teprve ve chvíli, kdy na ni najedu, začne ajaxem načítat další obsah, takže stránka se načítá nekonečně, a nedá se za boha dostat na patičku.
Část stránky se bezdůvodně načítá ajaxem, takže se zdá, že stránka už je načtená, uživatel neví, že má ještě počkat na něco, co zatím nevidí, a jde jinam.

Toto vše výše uvedené mi na mnoha webech vadí
a přesně toto se snažím nedělat.

 
 

Web vyrábím tak, aby fungoval

Prioritou pro mě je web co nejlépe funkční za mnoha různých okolností.
Ošetřuji špatné požadavky (špatné adresy), snažím se z nich co nejlépe zjistit, co asi uživatel chtěl, a dát mu nejbližší nadřazenou sekci, kterou dokáži identifikovat, a ne mu zobrazit jen chybovou hlášku.

Vše vyrábím tak, aby to fungovalo i bez javascriptu.
Javascript a AJAX používám pro zvýšení uživatelova pohodlí, pro úsporu jeho času a práce, pro vyšší ergonomii a efektivitu.
Jako nepovinnou nadstavbu pro vyšší komfort a zrychlení práce.
Ale i bez javascriptu bude ta moje aplikace fungovat a půjde použít.

Web ani webová aplikace mé výroby nejsou na JS ani na Ajaxu závislé, fungují tedy i bez JS.
To mj. zlepšuje SEO (pokud jde o volně přístupný prezentační web, nikoliv interní aplikaci),
dále to zvyšuje spolehlivost, nadčasovost a někdy se tím i zvyšuje rychlost reakce.

Menu, jeho skrývání a zobrazování

Dnes má mnoho webů na JS závislé i menu – např. na mobilu pomocí CSS skryjí menu, a potom nabídnou jeho opětovné zobrazení pomocí JS, pokud JS funguje. Když nefunguje, menu je nedostupné. To je fatální chyba, jíž se nedopouštím.
Já menu skryji až javascriptem (čili jen pokud za daných okolností funguje), a javascriptem je pak možné to menu opět zobrazit.
Při skrývání nejdříve zobrazím odkaz pro pozdější odkrytí, pak teprve menu skryji. Naopak při odkrývání menu nejdříve menu vypíši, pak teprve skryji odkaz pro vypsání.
Tím radikálně minimalizuji riziko, že vlivem selhání javascriptu se menu stane nedostupným.
Při tisku je ale menu skryté, netiskne se (úmyslně; pokud byste ho tisknout chtěli/potřebovali, tak to lze snadno zařídit).

Rozbalovací text

Pokud na webovou stránku umístím text, který je a priori sbalený,
a zobrazí se (rozbalí) až javascriptem na přání uživatele, tak:

  • Ten text se skrývá až javascriptem, ne už CSS styly;
    čili při nedostupném javascriptu je text k dispozici,
    nezůstane nezobrazitelně skryt.
  • Při tisku (nebo při exportu do pdf souboru pomocí virtuální tiskárny) se pomocí tiskových stylů automaticky zobrazí i text, který je jinak javascriptem skrytý.
    Uživatel přitom nemusí všechny pasáže ručně rozbalovat,
    prostě jen tiskne, a má na výtisku vše.

JS a AJAX mohou být dobrý sluha
(pro zvýšení uživatelova komfortu a efektivity jeho práce),
a když se používají správně a s rozumem,
tak nemusejí být zlý pán
(web na nich nemusí být závislý;
web nebo webová aplikace může fungovat i bez JS).
Mluvím zde o běžných webech a databázově orientovaných aplikacích (vč. vložených multimédií).
Neprogramuji např. mapy (GIS) a podobné grafické interaktivní věci, tam je pochopitelné, že je JS důležitý, ale o tom zde nemluvím, to není můj obor.
(Již existující mapy, např. od Seznamu (Mapy.cz) nebo od Googlu vám na web nebo do intranetové aplikace jako cizí objekt vložit mohu, ale to je pro mne hotový cizí prvek, který nevyrábím.)

 

Samozřejmostí je, že uživatele nenutím používat myš (ani dotykový displej),
když klávesnice (nebo numpad/tlačítka) je často rychlejší a pro mnohé uživatele i jediná možnost.

 

Pokud tohle vidíme stejně, budeme si rozumět.
Rád pro Vás vyrobím webovou aplikaci nebo dynamickou webovou prezentaci, která bude fungovat a která bude uživateli umožňovat používat ji efektivně a ergonomicky za různých okolností,
pokud jste duševně a finančně připraveni na to, že pořádná práce si vyžádá nějaký můj čas, potažmo Vaše peníze.

Pokud sháníte levný sexy moderní paralaxový prezentační miniwebík trvale v jednom sloupci, bez navigace,
a navíc ještě celý web nacpaný na jedné stránce, kde jednotlivé sekce nebudou mít svoji unikátní adresu,
na kterou byste mohli zákazníka v případě potřeby odkázat (nebo kterou by zákazník předal svým známým),
tak nejlepší, co pro Vás mohu udělat je, že Vám doporučím obrátit se na někoho jiného.
Nebojte se, výrobců takových moderních miniwebů ignorujících všechny zásady použitelnosti webu
(nevím, kde jsem, ani jak se sem znovu dostat, ani jak se dostat o úroveň výš)
a zahlcujících návštěvníka přehnanými obrázky či dokonce videi na pozadí,
jsou spousty.
Mnoho výrobců seká takové weby jako Baťa cvičky, někteří za to asi ani nechtějí nijak moc peněz, něco si můžete někde naklikat sami i zdarma,
a pokud takový web chcete, tak snadno najdete někoho, kdo ho vyrobí k vaší spokojenosti.

Potřebujete e-shop?

Uměl bych ho vyrobit, ale byla by to spousta práce, času, potažmo peněz. Nevyplatilo by se vám to.
Na trhu je mnoho hotových řešení, která vám někdo může nasadit.
provádím zakázkovou výrobu na míru, cizí hotová řešení nenasazuji.

Ovšem, pokud potřebujete něco extra,
co má umět něco, co běžná řešení neumějí,
a jste psychicky (rozpočtově) připraveni na to,
že taková věc se vyrábí týdny
(při pracovní době delší než obligátních 8 h denně),
pak vám mohu pomoci.

Chtějte ode mě

Vychytávky, funkce navíc

Web, který má mít konkrétní vychytávky, funkce a možnosti.

Třeba kalendář vystoupení
zobrazující, co kdy kde budete předvádět,
vč. odkazu na mapu, QR kódu se souřadnicemi
a QR kódu pro zápis do kalendáře v mobilu vašeho fanouška
(termíny promítání)
se stručným zobrazováním nejbližších termínů na celém webu.

Nebo automatické importování aktuálních dat o počasí a jejich zobrazování
(Skiarena (jiný web, nový panel)).

Přístupnost z mobilu či poslepu

Web, který má být přístupný pro znevýhodněné uživatele:
nevidomí návštěvníci,
slabozrací návštěvníci,
návštěvníci s mobilním telefonem
,
roboti, apod.

Webový nástroj pro správu/evidenci/organizaci

Webovou aplikaci,
kterou budete používat pro správu své činnosti, organizaci, evidenci něčeho, apod.

Co jste komu nabídli, kdo to odmítl, komu jste to slíbili, …
Nebo nějakou interakci se zákazníky, registrace, soutěž, atd.

To vše s propojením na váš běžný web,
kde se mohou zobrazovat vybraná data.

I tato aplikace může být přístupná třeba z vašeho telefonu.

Reference

Vlastním jménem realizované
veřejně přístupné projekty

Webový analytik, programátor a kodér

V malé soukromé firmě, kde jsem na každém webu (či webové aplikaci) vyráběl vše kromě grafiky a obsahu,
s každým projektem jsem šel od začátku do konce a prováděl jsem na něm různé činnosti.
Žádná pásová výroba.

Jako zaměstnanec jsem zde pracoval necelé tři roky, 2012 – 2014;
nyní občas něco realizuji jako subdodavatel.

Programátor a tvůrce webu (vše kromě grafiky)
- analýza a návrh struktury webu a databáze
- programování skriptu na pozadí
- nakódování webu na popředí.

S ohledem na přizpůsobivost, přístupnost, použitelnost, sémantiku, SEO a další faktory.

S využitím SQL, PHP, XHTML, JS, AJAX, CSS a ještě dalších jazyků, technologií a zkratek.

Konkrétní staré realizované projekty uvádím ve svém profilu na LinkedIn (jiný web, nový panel) (LI už moc nepoužívám).

Stručný výběr některých projektů bez bližšího popisu:
Reference od býv. zaměstnavatele (Formát .pdf 1.2 MiB)

Vyučující na UHK

Coby doktorand jsem tvorbu webu vyučoval
na Univerzitě Hradec Králové.
Pět let, 2008 – 2013.



Univerzita Hradec Králové,
Fakulta informatiky a managementu,
Katedra informačních technologií
reference anglicky (Formát .jpg 513 KiB)

 
UHK FIM KIT
– reference česky (Formát .jpg 460 KiB)

UHK FIM KIT
– původní reference za první tři roky (česky) (Formát .pdf 621 KiB)

 

Více info – webové aplikace

Případně vizte info v anglické verzi této stránky,
je to sice jen zárodek informací
(zatím nenastala potřeba tam ten text dokončovat a jsou jiné priority),
ale je to tam z jiného úhlu, trochu jinak a pozitivněji.

V anglicky psaných informacích je více technických informací
a informace jsou tam zaměřené více na webové aplikace
(databázově orientované on-line aplikace).

Skok nahoru na: Navigační menu
(klávesová zkratka Alt + Shift + horní „5”)

Zaujala Vás tato stránka?

  • Přidat do záložek (Ctrl+D)
  • Sdílet odkaz (vysílačka)Skok nahoru na:
  • Vytisknout (Ctrl+P)
  • Citovat podle ČSN ISO 690

    Tuto stránku

    ADÁMEK, Martin. Responsivní weby a webové aplikace na míru. Martin Adámek [online]. Náchod [cit. 2020-09-22]. Dostupné z: https://www.adamek.cz/weby

    Celý web

    ADÁMEK, Martin. Martin Adámek [online]. Náchod [cit. 2020-09-22]. Dostupné z: https://www.adamek.cz

 

 
 

Národní kulturní dědictví

Stránky archivovány Národní knihovnou ČR Tyto stránky jsou pravidelně archivovány Národní knihovnou ČR pro svou kulturní, vzdělávací, vědeckou, výzkumnou nebo jinou informační hodnotu za účelem dokumentace autentického vzorku českého webu. Jsou součástí kolekce českých webových stránek, které NK ČR hodlá dlouhodobě uchovávat a zpřístupňovat pro budoucí generace. Jejich záznam je součástí České národní bibliografie a katalogu NK ČR.  

 

 
 

Pro rozptýlení

- „Podobné příklady se mohou objevit u zkoušky. Samozřejmě s jinými čísly. Ale ne všechna čísla budou jiná, například pí bude pořád 3,14159…”

 

Pro zamyšlení

Mnoho lidí se bojí o svou pověst, ale málokdo se bojí svého svědomí.
[Gaius Plinius Secundus Maior]