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

 

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.
A také 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.

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ů 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 mi na mnoha webech vadí a přesně toto se snažím nedělat.

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 používám pro zvýšení uživatelova pohodlí, pro úsporu jeho času a práce, pro vyšší ergonomii a efektivitu. Ale i bez javascriptu bude ta moje aplikace fungovat a půjde použít.
Samozřejmostí je, že uživatele nenutím používat myš, když klávesnice 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 (pohleďte zde, přímo na této stránce, do pravého sloupce).

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í realizované projekty uvádím ve svém profilu na LinkedIn (jiný web, nový panel).

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.

 

Skok nahoru na: Navigační menu (klávesová zkratka „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. 2018-12-18]. Dostupné z: https://www.adamek.cz/weby

    Celý web

    ADÁMEK, Martin. Martin Adámek [online]. Náchod [cit. 2018-12-18]. 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í

Ve Zverimexu:
- Proč ta opice stojí 5 tisíc USD?
- Je zběhlá v programování v C – rychlý čístý kód, stojí za tu cenu.
- A tahle? Proč stojí 10 tisíc?
- Programuje objektově v C++, zvládá i Visual C++, trošku Javu… no prostě C-like.
- A tahle za 50 tisíc?
- Nikdy jsem neviděl, že by něco dělala, ale tvrdí, že je konzultant.

 

Pro zamyšlení

Rozumný člověk se přizpůsobí svému okolí. Nerozumný člověk se snaží přizpůsobit své okolí sobě. Proto veškerý pokrok závisí na nerozumných lidech.
[George Bernard Shaw]