35 lines
2.3 KiB
TeX
35 lines
2.3 KiB
TeX
\chapter{Modelová implementace}
|
|
|
|
\section{Požadavky na modelový web}
|
|
|
|
K této práci byl jako modelová implementace zvolen web pro distribuci výukových materiálů. Webové stránky byly objednány Ústavem výzkumu a rozvoje vzdělávání Pedagogické fakulty Univerzity Karlovy za účelem usnadnění práce již aktivních učitelů a jsou tedy plně využívány v praxi mnoha učiteli z celé republiky. Materiály jsou určeny pro učitele během vyhlášeného stavu nouze v době šíření viru COVID-19 a mají učitelům pomoci s přípravou distanční výuky a úkolů pro studenty během karantény. Tuto implementaci lze ovšem použít na distribuci jakýchkoliv jiných výukových materiálů.
|
|
|
|
Hlavním požadavkem je možnost dělit obsah na sekce dle druhu školy (základní škola, střední škola, vysoká škola atd.) a dále pak na subsekce podle předmětů a oborů. Obsah každé stránky s obsahem je třeba dělit na sekci odkazů, sekci se soubory a sekci s videi. Všechny tyto soubory musí být distribuovatelné přímo z webových stránek, nikoliv s externích zdrojů. Všechna videa je nutné vložit do stránky a musí je být možné přehrát přímo v nativním přehrávači prohlížeče bez nutnosti otevírání externích webů.
|
|
|
|
Stránky musí být staticky generované a není tedy žádoucí v rámci webu řešit uživatelské účty, přihlašování apod. Zároveň je důležité, aby byl obsah zobrazitelný na každém druhu zařízení, tedy jak na monitorech s nadstandardní velikostí, tak na mobilních zařízeních. Z důvodu potencionálního vytížení sítě je nutné, aby byl celý obsah optimalizován za účelem předejití vysoké latence, a to z důvodů probíraných v předchozích částech práce.
|
|
|
|
|
|
\section{Výběr vhodného systému}
|
|
|
|
Pro správu obsahu i šablon a statických souborů byl zvolen systém Git. Hlavní výhodou tohoto verzovacího systému ...
|
|
|
|
\section{Tvorba šablony}
|
|
|
|
\begin{lstlisting}[caption="Shortcode pro přidání videa a volitelných metadat."]
|
|
{% if title %}
|
|
<div class="title">{{ title }}</div>
|
|
{% endif %}
|
|
<video controls><source src="{{ src }}"></video>
|
|
{% if author %}
|
|
<div class="metadata">{{ author }}</div>
|
|
{% endif %}
|
|
{% if date %}
|
|
<div class="metadata">{{ date }}</div>
|
|
{% endif %}
|
|
\end{lstlisting}
|
|
|
|
\section{Optimalizace}
|
|
|
|
\section{Požadavky na rozšíření}
|
|
|