Články

Pro mou interaktivní online výuku matematiky se mi osvědčila tabule AWW App. Tato tabule má rychlou odezvu, může do ní psát učitel i student. Pro sdílení stačí zkopírovat unikátní URL stránky. Nicméně tato tabule má nekonečnou plochu, což může někomu vyhovovat, jinému nikoli. Já mám raději přesně ohraničenou plochu, do které budeme psát, protože to zaručuje, že výsledek bude mít pořád nějaký rozumný formát a půjde případně dobře zobrazit jako celek na monitor či vytisknout na papír na formát A4 se zachováním určité obvyklé velikosti psaného písma.

Ministerstvo školství, mládeže a tělovýchovy (MŠMT) vydalo doporučené postupy pro školy v období vzdělávání na dálku. Pro komunikaci se žáky lze využít např. Skype, Google Classroom, Microsoft Teams. Ministerstvo zřídilo pro tento účel samostatný web NaDálku. Najdeme na něm mimo jiné doporučené komunikační nástroje a zdroje informací pro výuku jednotlivých předmětů.

Pěkný a výstižný návod, jak na online výuku, popsal Václav Maněna: Jak na online výuku nejen v období uzavření škol. V zásadě vítězí hlavně platformy dvou velikých hráčů, a to nástroje Googlu a Microsoftu, které tvoří určitý funkční celek.

Pro účely online výuky či videokonferencí je dobré používat společnou sdílenou tabuli, na kterou může psát jak student, tak i učitel. Některé sdílené tabule jsou k dispozici na internetu zdarma. Lze na ně psát myší nebo tužkou tabletu. Nelze říci, která tabule zrovna pro vás bude ta nejlepší. Záleží na účelu a způsobu používání, pro který má tabule sloužit. Například pro svou individuální online výuku matematiky jsem zvolila AWW App.

Tip: Pro ozkoušení pozice studenta i učitele na jednom PC lze využít například různé internetové prohlížeče. Například učitel může používat Google Chrome prohlížeč a žák být přihlášen z Firefoxu…

Vhodná velikost tabletu záleží na tom, co s tabletem chcete dělat, jaká máte očekávání, jakou částku chcete a můžete do nákupu investovat. Jiné požadavky bude mít profesionální grafik, jiné student na základní, střední či vysoké škole pro potřeby distanční výuky. Obecně platí, že s větším tabletem se vám bude pracovat lépe. Nicméně to automaticky neznamená, že čím větší, tím lepší. Pro většinu spotřebitelů nebo pro začátečníky s tabletem bude asi stačit zlatá střední cesta.

Rozhodla jsem se pro značku Wacom, protože je více preferovaná mezi grafiky, ačkoli bývá dražší než ostatní značky. O výběru tabletu Wacom Intuos Pro Paper L mne přesvědčilo video: Top 9 Best Drawing Tablets 2020. Ve videu je volena varianta Wacom Intuos Pro L bez možnosti kreslení na papír, kterou považuji nyní za lepší, levnější volbu. Zde je výběr pořadí tabletů dle autora tohoto videa, doplněno o mé poznámky:

Koupila jsem si pro on-line výuku a pro kreslení grafiky tablet Wacom Intuos Pro Paper L. Je to můj první tablet, takže nemám porovnání s jinými tablety na trhu. Je celkem drahý, stojí kolem 15 000 Kč. Vybrala jsem si variantu, která umí převádět nákres z papíru do grafické podoby, nicméně po ozkoušení to považuji za zbytečnost. Kdybych se měla rozhodovat znova o koupi, koupila bych si cca o 2 000 Kč levější variantu tohoto tabletu, a to Wacom Intuos Pro L. Tento bratříček, by měl být naprosto stejný v parametrech, jen bez možnosti kreslení na papír.

Situace v dnešní době je taková, že i nejpomalejší pevné domácí připojení, které nabízí většina poskytovatelů internetu, může být pro běžného člověka naprosto dostačující. Zaměřím se zde na poskytovatele internetu UPC (dnes Vodafon), kterým se zde budu zabývat. Kromě samotného internetu lze využívat i různých balíčků s TV či telefonem.

Běžným uživatelem zde míním někoho, kdo nestahuje často filmy, kradený software z internetu, nepaří (nehraje hry) přes internet a nevyužívá příliš cloudové služby (např. Dropbox), kdy máte data umístěná přímo na internetu místo na svém disku. Takový člověk přijde domů z práce, koukne na nějaký ten web, poslechne si nějakou hudbu z Youtube či jiného serveru, podívá se na televizní noviny uložené na internetu a jde spát. IT maniaci a klasičtí „stahovači“ budou mít na rychlost připojení samozřejmě jiný názor a jiné požadavky.

Pro zprovoznění virtuálního počítače na Windows 10 jsem použila VirtualBox verze 6.1. Jde o virtuální počítač, ve kterém můžete mít téměř libovolný operační systém, např. linux Ubuntu. VirtualBox je od Oracle a je k dispozici zcela zdarma. Bohužel po instalaci aktuální verze Ubuntu 20.04 LTS je zobrazeno rozlišení obrazovky pouze v 800 × 600. To je pro rozumnou práci dosti nedostačující. Sice nová verze Ubuntu umí pracovat bez problémů i v tomto rozlišení, ale na rozumnou práci je to prostě málo...

Smluvní podmínky Google AdSense

Při provozování reklamy Google AdSense jsou majitelé webu limitováni smlouvními podmínkami společnosti Google. Jdou k dispozici i v češtině. Smluvní podmínky Google průběžně mění. Smluvní podmínky jsou blíže vysvětleny a přiblíženy např. v zásadách pro implementaci reklamy. Při jejich porušení vám Google může účet i zrušit.

Pokud jde o případnou reklamu třetích stran, tak o jejím zákazu apod. smluvní podmínky v současné době nic nehovoří. Co není zakázáno, to je povoleno. Jen nesmíte přeprodávat reklamu Google dál a umisťovat Google reklamu na stránky třetích stran. Alespoň takto jsem to stručně pochopila.

Pro zobrazování matematických výrazů na webu je vhodné používat např. MathML. Bohužel ho však nepodporují veškeré prohlížeče. V tomto případě nám může pomoci javascriptová knihovna MathJax, která umí zobrazit matematické výrazy prakticky do veškerých důležitých prohlížečů. Jak vypadá výsledek, se můžete podívat například na webu matematika.cz, který MathJax používá.

MathJax pracuje s MathML či LaTeX. Kód LaTeX lze zobrazit např. v editoru LYX volbou Prohlížet » Zdrojový text pro LaTeX. Do MathML umí exportovat i Vzorce z LibreOffice. Pro redakční systémy existují plaginy, které umožní integraci MathJax do redakčního systému. Je podporována Joomla, WordPress, Drupal a další…

Podpora MathML

Matematické výrazy lze HTML zapsat pomocí MathML. Podpora MathML je dobrá v pro prohlížečích Mozilla Firefox. Podporu zobrazuje stránka Mozilly Browser compatibility. Pro ozkoušení podpory MathML je dobrá testovací stránka MathML Torture Test. Dobré zobrazení MathML i v nepodporovaných prohlížečích může zajistit např. javascriptová knihovna MathJax. Grafické editory pěkně shrnuje tutoriál od Mozzily (WYSIYWG Editors).

Lyx je WYSIWYG (vizuálním) editorem matematických vzorců a textů, které jsou kódované pomocí LaTeXu. WYSIWYG znamená „What you see is what you get“ neboli „co vidíš, to dostaneš“. Lyx je k dispozici pro stažení pro Windows, Linux a Mac OS X. Je vydán pod Open Source licencí. Jdou v něm psát nejenom matematické vzorečky, ale celé literární práce, tj. kombinovat text se vzorci. Program Lyx generuje pdf dokumenty, dokument lze exportovat do formy TeX/LaTeX a využívá svůj nativní formát s koncovkou lyx.

Zde je celkový přehled otevíraných oborů bakalářského studia pro akademický rok 2020/2021. Studijní plány mohou být vodítkem i pro samostudium, obsahují totiž doporučenou literaturu pro jednotlivé předměty.

Informatiku lze studovat v rámci studijního programu informatika, nebo v oboru učitelství. Veškeré obory jsou nabízeny pouze prezenční formou – alespoň jsem nenašla kombinovanou formu výuky, která byla dříve nabízena u některých oborů. Zde je přehled oborů včetně studijních plánů. Studium je upraveno zákonem o vysokých školách (zákon č. 111/1998 Sb.).

Pokud by se vás týkalo placení školného, můžete si porovnat jednotlivé školy ve z hlediska výše školného. I státní školy mohou požadovat školné, pokud nesplníte určité podmínky vysokoškolského zákaona.

V dnešní době přílišná honba za registrací do různých vyhledávačů přestává mít smysl. Nicméně pro toho, kdo s webem začíná a nemá žádný již zaběhlý web, ze kterého by mohl umístit svůj odkaz na nové stránky, tak mu katalog může pomoci se získáním prvotních odkazů na web. Fulltextové vyhledávače vaše stránky pak najdou. Na druhou stranu přílišná (hromadná) registrace v katalozích může být však ze strany fulltextových vyhledávačů i penalizována menším hodnocením stránky. Mějte také na paměti, že registrací katalogy získají vaše údaje, které pak mohou zneužít pro marketingové účely. Není nutné být úplně všude. Já bych řekla, že tak 10 nejdůležitějších je max :).

Emailové schránky lze pořád provozovat na určitých serverech zdarma, obzvláště pokud je máte pod doménou daného serveru např. jmeno.prijmeni@gmail.com . Pokud však chcete mít email pod svou vlastní firemní doménou ve tvaru např. jmeno.prijmeni@vasefirma.cz, tak si ho můžete zřídit v rámci svého webhostingu, na kterém může být doména zprovozněna, nebo lze využít i služeb Googlu či Microsoftu a využít tak rozhraní emailů a služeb, které nabízí tyto firmy.

Svůj vlastní eshop lze provozovat několika způsoby. Můžete si nainstalovat plugin do redakčního systému, využít pronájmu již hotového řešení, nechat si naprogramovat vlastní e-shop přímo na míru, nainstalovat již hotový eshop. Některé e-shopy nabízí import a export dat z účetních systémů, jiné nikoli. Ačkoli řešení mít e-shop zdarma může být lákavá, nemusí se ve finále vyplatit. Spíše placené služby garantují určitou kvalitu a dlouhodobost řešení.

Oblíbené e-shopy

• Shoptet (PageRank 4/10) v cenách od 340 Kč/měsíc. Data lze importovat či exportovat přes XML nebo excelovou tabulku. Eshop využívá Balíkobot pro tisk štítků na balíky. Jejich průvodce úspěšného eshopaře vám poradí, jak zřídit a provozovat eshop.

Nejpoužívanější rozlišení displejů 360 × 640

Dle statistik statcounter za období březen 2019 až březen 2020 jsou nejpoužívanějším rozlišením displejů (monitorů – dekstopů, mobilů i tabletů) rozlišení 360 × 640, 1366 × 768 a 1920 × 1080. Všechna rozlišení zachovávají poměr 16 : 9 (resp. 9 : 16).

Přepočítávací koeficient

U obrázků zobrazovaných na webu je vhodné zachovat určité poměry výšky a šířky. Obrázky je nutné ořezat a jejich rozměr patřičně přepočítat. Pro usnadnění této práce jsem zpracovala následující tabulky s vhodnými rozměry obrázků v pixelech při zachování určitého poměru výšky a šířky.

Pří výpočtu rozměru obrázku jsme u webdesignu většinou limitováni šířkou obrázku a patřičně dopočítáme výšku. Pro tyto účely je třeba poměr otočit, aby se nám výška dobře počítala. Vezmeme převrázený poměr, tj. výška : šířka a tímto koeficientem následně násobíme předem zvolenou šířku. Dostaneme tak výšku obrázku.

Bootstrap je CSS framework. Umožňuje rychlé formátování HTML stránek za použití responzivního designu. Bootstrap 4 je nejnovější verzí. Rozhodla jsem se používat Bootstrap 4 z důvodu, že umí lépe pracovat s obrázky a lépe je roztahovat dle šířky okna tak, jak potřebuji.

Dokumentace Bootstrap 4

Vybírám zde z dokumentace pouze ty části, které často používám:

• Layout: Containers (nastavení základního rozvržení stránky),
• Starter template (základní HTML 5 kostra),
• Grid system: How it works (rozvržení mřížky),
• Images (obrázky), Figures (obrázky s popiskem),
• Spacing (nastavení margin a padding),

CodeIgniter je jedním z PHP frameworků, který poskytuje programátorovi základní funkcionalitu webové aplikace. CodeIgniter je považován za jeden z nejjednodušších PHP frameworků vhodných pro začátečníky. Používá MVC model aplikace a je rychlý, snadný na pochopení. Použití šablonovacího systému v šablonách je volitelné, do šablon můžete vkládat přímé PHP příkazy. Zda tento framework může být pro vás vhodný, záleží na velikosti a povaze vašich projektů. Pokud jste samostatný programátor a vaše aplikace nejsou příliš robusní, může být CodeIgniter správnou volbou.

CodeIgniter je vhodný pro začátečníky

V dnešní době je v zahraničí značně populární framework Laravel. Také PHP framework Symphony je hodně populární a je navíc používaný projektem Drupal. Dle tohoto videa je CodeIgniter v porovnání s Laravelem vítězem pro jednoduchý vývoj v jednom člověku, který potřebuje rychle něco naprogramovat. Křivka učení je u CodeIgniter vysoká, kdo zná principy MVC či v nějakém frameworku již programoval, CodeIgniter bude pro něj jednoduchý na pochopení.

Pokud chcete provozovat PHP a MySQL jednoduše přímo na svém počítači, lze si nainstalovat EasyPHP. Já tedy používám raději podobný server XAMPP. EasyPHP je balíček, kde máte již předinstalovaný linuxový server Apache s databází MySQL a s programovacím jazykem PHP. Podporovaná verze je až PHP 7.3.x. Vytvoříte si tak lokální server, na kterém můžete provádět vývoj vaší webové aplikace. Nemusíte umět správu serveru, přesto budete schopni programovat. Produkční server vám již může zajistit správce hostingu, kam pak skripty nahrajete. EasyPHP DevServer není stavěný jako produkční server, ale je určen čistě pro vývoj.

Aktuální verze EasyPHP Devserver 17.0 obsahuje moduly: Virtual Hosts Manager, Xdebug Manager, PhpMyAdmin, WordPress, PrestaShop, Drupal, Joomla!, Webgrind, Codiad Editor. Součástí EasyPHP jsou komponenty: PHP, Apache, MySQL, Nginx. EasyPHP může fungovat i jako ostrý produkční web server nainstalovaný do prostředí Windows.

Tento článek je psán spíš pro úplné začátečníky, kteří o SEO neví skoro vůbec nic a potřebují dostat svůj web na web. SEO je zkratka pro Search engine optimization, tedy optimalizace webu pro vyhledávání. S touto optimalizací, kterou se pak zabývají většinou weboví odborníci, souvisí první věc a to problém, jak dostat nově vzniklou webovou stránku vůbec na web a do vyhledávačů a jak získat její co nejlepší pozici ve výsledcích vyhledávání. První pozice ve výsledcích vyhledávání by chtěli všichni, ale jak asi sami tušíte, to není možné…

Tutoriály HTML + CSS + JavaScript v češtině

• Jak psát web – jakpsatweb.cz – toto je hodně „stará“ stránka, která vznikla v dobách začátku internetu a od té doby se v zásadě „nezměnila“. Nicméně pořád na ní najdete ten správný základ, obzvláště, pokud začínáte. Autor Dušan Janovský ji průběžně aktualizuje se zachováním dnes již „retro designu“.
• Webové stránky krok za krokem – itnetwork.cz, web je velice dobře zpracovaný, některé články mohou být však na předplatné.
• Pavel Satrapa www kousky – Pavel Satrapa je učitel, jeho kurz je přehledný, jen bych chtěla podotknout, že XHTML je v dnešní době již prakticky mrtvé, nicméně na výuku základů HTML to vliv příliš nemá.

World Wide Web Consortium (W3C)

W3C je mezinárodní konzorcium, které vydává standardy pro web. Tyto standardy nejsou přímo závazné, ale udávají určitý směr celkovému vývoji webu a jeho technologii.

Protože mi web W3.org přijde poněkud nepřehledný, vytáhnu zde pár klíčových odkazů:

• W3C Site Map – mapa webu,
• Specifikace HTML 5 – jedná se o oficiální specifikaci (odkazuje na ni přímo stránka W3C XHTML2 Working Group Home Page),
• Cascading Style Sheets – specifikace kaskádových stylů CSS.

Pro začínající programátory je vhodnější využít tutoriály W3Schools Online Web Tutorials, než se probírat specifikací HTML a CSS.

Google PageRank

Na postavení stránky ve světě vyhledávačů má největší vliv ohodnocení společností Google, jakožto nejvýznamnějšího vyhledávače světa. Google váhu stránky hodnotí částečně pomocí algoritmu PageRanku (PR). Základem bývá počet zpětných odkazů, které vedou na danou stránku. Zjednodušeně, čím více zpětných odkazů z jiných webů webová stránka na sebe má, tím stoupá její důležitost a zlepšuje se její postavení ve výsledcích vyhledávání. Pozici stránky ve vyhledávači neovlivňuje pouze algoritmus PageRanku.