Listings

kap-modelova-implementace.tex

@@ -2,7 +2,7 @@
 
 \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 vedením 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ů.
+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ů.
 
@@ -15,6 +15,19 @@ Pro správu obsahu i šablon a statických souborů byl zvolen systém Git. Hlav
 
 \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í}

prace.tex

@@ -33,9 +33,7 @@
 
 %% bibliografie
 \usepackage[czech]{babel}    % Česká bibliografie
-\usepackage{natbib}          % zajištuje možnost odkazovat na literaturu
+\usepackage[authoryear,colon,sort,round]{natbib}
-                             % stylem AUTOR (ROK), resp. AUTOR [ČÍSLO]
-%\usepackage[super,square]{natbib}  % superscript citace
 
 %% Formátování podle předpisů PedF
 % velikosti fontů jsou v základím nastavení správně
@@ -63,6 +61,19 @@
 \usepackage{xcolor}          % barevná sazba
 \usepackage{xargs}           % vlastni prikazy
 
+%%% listings
+\usepackage{listings}
+\lstset{
+	language=html,
+	frame=lrtb,
+	numbers=left,
+	numberstyle=\small,
+	basicstyle=\ttfamily\small,
+	showstringspaces=false,
+	tabsize=4,
+	captionpos=b
+}
+
 %%% vlastní poznámky
 
 \usepackage[draft, colorinlistoftodos]{todonotes}    % poznamky v marginu