Informatika pro moderní fyziky (6) Chytré šablony a interaktivní dokumenty



Podobné dokumenty
Informatika pro moderní fyziky (7) Tvorba textových dokumentů

Informatika pro moderní fyziky (6) Vstupní soubory pro výpočetní programy Tvorba textových dokumentů

Informatika pro moderní fyziky (10) složitější interaktivní dokument, získávání informací z webu

Informatika pro moderní fyziky (5) vstupní a výstupní soubory pro výpočetní programy

Informatika pro moderní fyziky (8) Javascript, CSS - stylování dokumentů, SVG - tvorba obrázků, složitější interaktivní dokument

Informatika pro moderní fyziky (2) základy Ruby, zpracování textu

Informatika pro moderní fyziky (8) CSS - stylování dokumentů, SVG - tvorba obrázků, složitější interaktivní dokument

Informatika pro moderní fyziky (1) základy automatizace; jednoduché zpracování a vizualizace dat

Informatika pro moderní fyziky (11) web scraping; API; zadání zápočtových úloh

KAPITOLA 3. Architektura aplikací na frameworku Rails. V této kapitole: modely, pohledy, řadiče.

Informatika pro moderní fyziky (1) základy automatizace; jednoduché zpracování a vizualizace dat

SPECIALISTÉ NA REKLAMNÍ PŘEDMĚTY DTP MANUÁL. eshop.silicmedia.cz

Výukový materiál zpracován v rámci projektu EU peníze školám

INFORMAČNĚ TECHNOLOGICKÝ ZÁKLAD

Nový systém centrální evidence a archivace map pro orientační sporty. Luděk Krtička, Jan Langr, Zdeněk Lenhart, František Havlůj

Číslo DUM: VY_32_INOVACE_04_01 Autor: Mgr. Ivana Matyášková Datum vytvoření: březen 2013 Ročník: prima Vzdělávací obor: informační technologie


Šablonovací systém htmltmpl vypracoval: Michal Vajbar, Šablonovací systém htmltmpl

Kolekce ArrayList. Deklarace proměnných. Import. Vytvoření prázdné kolekce. napsal Pajclín

Příloha č. 18. Specifikace bloku PŘÍPRAVA. Příloha k zadávací dokumentaci veřejné zakázky Integrační nástroje, vstupní a výstupní subsystém

GRAPHICS TOOLS IN LATEX. Vladimír POLÁŠEK Lubomír SEDLÁČEK

SUM U3 SUM U4 SUM U5 SUM

Počítačová grafika a vizualizace I

Barvy na počítači a grafické formáty


Prezentační software a tvorba posterů

DTP1. Digitální grafický výstup. ernobílé grafické objekty. (příprava textu pomocí počítače) Kapitola 8 / Obrázky a rastrování

SCIA.ESA PT. Galerie výkresů

Uživatelská příručka systému pro administrátory obcí a manuál pro správce portálu

Seznámení s programem 9

12. Základy HTML a formuláře v HTML

Elektronické publikování. doc. RNDr. Petr Šaloun, Ph.D. katedra informatiky FEI VŠB TU Ostrava

Jak připravit žákům trenažer pro cvičení jednoduchých dovedností

Implementace numerických metod v jazyce C a Python

Matice se v některých publikacích uvádějí v hranatých závorkách, v jiných v kulatých závorkách. My se budeme držet zápisu s kulatými závorkami.

Obsah 1. Obsah. Sazba dokumentů v LATEXu 2 Úvod... 2 Vstupy... 3 Ceník... 6 Kontakt... 7 Ukázky Tvorba hudebnin v prostředí LilyPond 10

Programování. Debugging a testování. Martin Urza

OBALKYKNIH.CZ API 3.0, IMPLEMENTACE PRO ALEPH OPAC

Prometheus Design. ceník služeb

Analýza dat na PC I.

JavaScript 101. "Trocha života do statických stránek"

Čtvrtek 8. prosince. Pascal - opakování základů. Struktura programu:

Maturitní otázka webové stránky (technologie tvorby webu) Co znamená pojem Web? Web, www stránky, celým názvem World Wide Web,

Jak zpracovávat data. jaký byl postup, pomůcky, metody. interpretace (diskuse výsledků)

Registrační číslo projektu: CZ.1.07/1.5.00/ Elektronická podpora zkvalitnění výuky CZ.1.07 Vzděláním pro konkurenceschopnost

QuarkXPress 9.1 Příručka klávesov ych zkratek: Mac OS

Připravil: Ing. Jiří Lýsek, Ph.D. Verze: Webové technologie

ANOTACE vytvořených/inovovaných materiálů

Předtisková příprava a tisk. 1. Ofsetový tisk. 2. Tiskové rozlišení

Obsah. Stručná historie World Wide Webu 7

www prezentace restaurace

Úvod do TeXu. Jan Vaněk. Nové Hrady 2011

Inovace a rozšíření dotazníkového systému primární prevence

Software FluidDraw přehled dodávek

EU peníze školám - OP VK oblast podpory 1.4 s názvem Zlepšení podmínek pro vzdělávání na základních školách

Vývojařská Plzeň AngularJS

ČESKÉ VYSOKÉ UČENÍ TECHNICKÉ V PRAZE

Redakční systém. SimpleAdmin Beta. Jan Shimi Šimonek

Bitmapové a vektorové grafické editory. Grafické editory používame na kresbu, resp. editovanie obrázkov. Obrázky sa dajú kresliť dvoma spôsobmi.

Minebot manuál (v 1.2)

Základní škola očima žáků

III/ 2 Inovace a zkvalitnění výuky prostřednictvím ICT

Zadání úloh. Úloha 2.1 Trojice. Úloha 2.2 Čerpadlo. (4b) (4b) matematicko-fyzikální časopis ročníkxiv číslo2

Podmínky použití webu Shopletaky.cz Seznam kapitol

thb STRUČNÝ PRŮVODCE PŘÍPRAVOU DAT TISKÁRNY HAVLÍČKŮV BROD Kontrola dat: tel.:

MENDELOVA UNIVERZITA V BRNĚ

Grafický software ve výuce a pro výuku

Web based dynamic modeling by means of PHP and JavaScript part II

Software pro počítačovou grafiku

Formuláře. Aby nám mohli uživatelé něco hezného napsat třeba co si o nás myslí!

VYSOKÁ ŠKOLA POLYTECHNICKÁ JIHLAVA Katedra elektrotechniky a informatiky Obor Aplikovaná informatika

Kde se používá počítačová grafika (PG)?

Evidence hrobových míst v GIS Kompas 3.2

Osnova přednášky. Formáty uložení dat. Vyjádření hodnot datového typu. Vyjádření hodnot datového typu. Datové formáty. Výpočetní technika I

Registrační číslo Hodnocení - část A Hodnocení - část B Hodnocení - část A+B

Základy HTML. Autor: Palito

pt;font-style:normal;color:grey;font-family:verdana,geneva,kalimati,sans-serif;text-decoration:none;text-align:center;font-variant

PROGRAMOVACÍ JAZYKY A PŘEKLADAČE FORMALISMY PRO SYNTAXÍ ŘÍZENÝ PŘEKLAD: PŘEKLADOVÉ A ATRIBUTOVÉ GRAMATIKY.

10. číslo / 2015 prosinec 2015

Odborný článek. Petr Klán, VŠE v Praze, IMRAD Introduction, Material and Method, Results, Discussion

thb TISKÁRNY HAVLÍČKŮV BROD

Oborové číslo Hodnocení - část A Hodnocení - část B Hodnocení - část A+B

1. Formáty grafických dat

Specifikace potisku DVD 5

Základy HTML, URL, HTTP, druhy skriptování, formuláře

Tvorba posterů prakticky

Úvod do TEXu. Brno, Barvy v L A TEXu. Prostředí figure a table

DATA ARTICLE. AiP Beroun s.r.o.

20. Projekt Domácí mediotéka

1. Struktura stránky, zásady při psaní kódu, MVC pattern. Web pro kodéry (Petr Kosnar, ČVUT, FJFI, KFE, PINF 2008)

Grafické výstupy v Octave/Matlabu a GnuPlotu

PB přednáška (26. října 2015)

DUM 02 téma: Úvod do textového editoru MS Word a výběr klávesových zkratek

KROUŽKOVANÉ ŠPERKY ANDREA VACHOVÁ. Chainmaille

1. Počítačové zpracování grafických prvků tiskové stránky

Tvorba webových stránek

CO MŮŽETE UDĚLAT PROTI GLOBÁLNÍMU OTEPLOVÁNÍ

. Seznámení se systémem TEX. Zpracování textů na počítači. Ing. Pavel Haluza, Ph.D. ústav informatiky PEF MENDELU v Brně haluza@mendelu.

Převody datových formátů

Struktura monitorovací zprávy

Transkript:

Informatika pro moderní fyziky (6) Chytré šablony a interaktivní dokumenty František HAVLŮJ e-mail: haf@ujv.cz ÚJV Řež oddělení Reaktorové fyziky a podpory palivového cyklu akademický rok 2014/2015 29. října 2013

1 2 3 4

Obsah 1 2 3 4

používání klávesových zkratek úvod do LaTeXu tvorba tabulek v LaTeXu, jejich vložení do dokumentu

Obsah 1 2 3 4

Co už máme soubory data_*.csv - data ve třech sloupcích (datum, koncentrace kyseliny borité v chladivu, axiální ofset) vyrobené tabulky (jistě si všichni zpracovali doma) (ao_c??.tex, bc_c??.tex) hezké grafy (ao_c??.eps, bc_c??.eps)

Co nám ještě chybí slepit všechno do jednoho dokumentu s hezkou strukturou, s vloženými de facto potřebujeme vyrobit celý LaTeX dokument automaticky (kromě hlavičky) vyrobit automaticky jaké máme možnosti?

Vektorové a rastrové formáty rozdíl asi každý zná pro tisk bud potřebuju vektor anebo 300 dpi rastr pokud to není fotka nebo sken, tak je vždycky lepší vektor než rastr LaTeX i Gnuplot podporují EPS (Encapsulated Postscript), další populární formáty jsou AI, WMF, DWG PDF je metaformát (ale hodně se používá i pro vektory...)

Obsah 1 2 3 4

Úskalí šablon snadno umíme nahradit jeden řetězec druhým trochu méně pohodlné pro větší bloky textu navíc by se hodila nějaká logika (cyklus) přímo v šabloně naštěstí jsou na to postupy

ERb (Embedded Ruby) lepší šablona - aktivní text používá se například ve webových aplikacích hodí se ale i na generování latexových dokumentů, resp. všude, kde nám nesejde na whitespace poměrně jednoduchá syntax, zvládne skoro všechno (viz předmět MAA3)

Základní syntaxe ERb (1) Jakýkoli Ruby příkaz, přiřazení, výpočet... <% a = b + 5 %> <% list = ary * ", " %>

Základní syntaxe ERb (2) Pokud chci něco vložit, stačí přidat rovnítko <%= a %> <%= ary[1] %> <%= b + 5 %>

Základní syntaxe ERb (3) Radost je možnost použít bloky a tedy i iterátory apod. v propojení s vkládaným textem: <% (1..5).each do i %> Number <%= i %> <% end %> <% ary.each do x %> Array contains <%= x %> <% end %>

ERb shrnutí dobrý sluha, ale špatný pán můžu s tím vyrobit hromadu užitečných věcí na malém prostoru daň je velké riziko zamotaného kódu a nízké přehlednosti (struktura naprosto není patrná na první pohled, proto je namístě ji držet maximálně jednoduchou)

Důležité upozornění oddělení modelu a view přestože lze provádět zpracování dat a výpočty přímo v ERb, je to nejvíc nejhorší nápad je chytré si všechno připravit v modelu (tj. v Ruby skriptu, kterým data chystáme) a kód ve view (tj. v ERb šabloně) omezit na naprosté minimum

Jak ze šablony udělat výsledek Příklad překladu ERb require erb_compiler erb(template, filename, {:x => 1, :y => 2}) Lokální proměnné v ERb šabloně funkce erb je chytře napsaná tak, že umožňuje vložit libovolné proměnné pomocí hashe (tedy v příkladu výše budou v šabloně definovány proměnné x a y)

Příklad kreslení grafů z minula template.gp set terminal png set output "plot_<%=n%>.png" plot "data_<%=n%>.csv" (1..10).each do i erb("template.gp", "plot_#{i}.gp", {:n => i}) end

Takže v latexu třeba \subsection{koncentrace kyseliny borité} <% files.each do f %> \subsubsection{kampaň <%= f.split( _ ).last %>} \begin{center} \includegraphics[width=0.8\textwidth]{<%= f %>_bc.eps} \end{center} <% end %>

A ted už to jenom dejte dohromady... 1 připravit si základní kostru dokumentu v latexu 2 převést na šablonu: mít seznam souborů, správně generovat kapitoly 3 vyrobit grafy 4 vložit grafy do šablony 5 vyrobit tabulky 6 vložit tabulky do šablony 7 A JE TO!

Obsah 1 2 3 4

Výhody HTML+JS PDF zpráva je fajn, ale umožňuje jen plochou strukturu často je potřeba prezentovat tak velké množství informací, že to nejde jenom nalepit za sebe hodilo by se něco klikacího příklad ASTRID (výstup z programu ANDREA)

Výhody HTML+JS absolutní přenositelnost použitelné ve webových aplikacích i offline celkem snadno se zařídí, aby to vypadalo dobře JS zajišt uje slušný stupeň interaktivity

HTML poměrně rozumný jazyk byt trochu ukecaný, tak struktura je dostatečně jasná a přehledná

javascript trochu divný jazyk, historicky vzniknul jako ideový koncept a omylem se z toho stala definitivní verze potvora s nejasnou syntaxí a dost netradiční naštěstí na většinu základního využití není potřeba mu moc rozumět (já jsem důkazem)

Dnes jen samotné HTML příklad viz report.html základem jsou tagy stromová struktura <tag>... </tag> <tag atribut= hodnota >... </tag> základní strukturu (hlavička) obšlehněte ze vzoru

Úkol trochu nadlouho - ale jednoduchý to samé co je v LaTeXu udělat v HTML příště doplníme interaktivitu

A to je vše, přátelé!