Tvorba appletu pro webové stránky

Úkol 4

Postup

1. Obdobně jako v Úkolu 2 sestrojíme graf kvadratické funkce.
   • Do vstupního pole postupně zadáme a = 1, b = 0, c = 0.
   • A dále předpis funkce f(x) = a * x^2 + b * x + c.




2. Zobrazíme posuvníky pro a, b, c.
   • Např. tak, že ve Vlastnostech na záložce Základní zatrhneme Zobrazit objekt.
   • Pro lepší orientaci pozměníme hodnoty na parametrů na b = -2, c = -2.


3. Najdeme průsečíky s osami x a y, vrchol a osu paraboly.
   • Vrchol získáme pomocí příkazu V = Extrem[f]. (Zadáme do vstupního pole.)
   • Průsečíky s osami sestrojíme pomocí nástroje Průsečíky dvou objektů. (Najdeme v panelu nástrojů.)
   • Osu paraboly sestrojíme pomocí nástroje Rovnoběžka. (Bod = V, rovnoběžka = osa y.)




4. Upravíme vzhled čar, bodů a popisků.
   • Vše provedeme ve Vlastnostech (Úpravy -> Vlastnosti... nebo Ctrl + E).
   • Průsečíky s osami, vrchol i osu paraboly obarvíme na červeno. Graf funkce na modro.
   • Pomocí myši a klávesy Ctrl můžeme vybrat víc objektů najednou a barvu tak změnit hromadně.
   • Osu paraboly chceme čerchovanou, to nastavíme v záložce Styl.
   • Průsečíky přejmenujeme na X_1, X_2 a Y, osu na o.
   • Pro f nastavíme v záložce Základní Zobrazit popis na "Název & Hodnota".




5. Zadáme text, který bude popisovat souřadnice průsečíků atd. a dynamicky se měnit spolu s grafem funkce.
   • Uvozovky značí statický text. Hodnotu proměnné, která se může dynamicky měnit, ohraničuje + .
   • Do vstupního pole postupně zadáme následující:
   • "Vrchol paraboly: V = " + V
   • "Osa paraboly: o: " + o
   • "Průsečíky s osou x: X_1 = " + X_1 + ", X_2 = " + X_2
   • "Průsečík s osou y: Y = " + Y
   • Text můžeme upravovat a formátovat ve Vlastnostech. Samotný text se dá změnit i po dvojkliku myší.
   • Ve vlastnostech v záložce Text nastavíme tučnost a velikost 14.
   • Text zatím úmístíme libovolně, jeho pozici upravíme v dalším kroku.




6. Nyní vše upravíme do podoby, jakou by měl mít applet na naší webové stránce.
   • Zavřeme algebraické okno.
   • Upravíme velikost okna.
   • Průsečík os souřadnic úmístíme mírně napravo od středu okna. (Použijeme nástroj Posunout nákresnu.)
   • Text přesuneme k levému dolnímu rohu.
   • Přesnou pozici textu nastavíme ve Vlastnostech na záložce Pozice.
   • V našem příkladu jsou souřadnice jeho Počátečních bodů (-8.8, -2.5), (-8.8, -3), (-8.8, -3.5), (-8.8, -4).




7. Vytvoříme html soubor obsahující tento applet.
   • Soubor -> Export -> Dynamický pracovní list jako webová stránka (html)
   • Nebo použijeme klávesovou zkratku Ctrl + Shift + W.
   • Otevře se okno pro export. Patřičné položky vyplníme po vzoru následujícího obrázku.
   • V záložce Pro pokročilé zatrhneme možnost Zobrazit ikonu pro resetování konstrukce.
   • Potvrdíme tlačítkem Export. Otevře se webová stránka obsahující náš výtvor.




8. Applet můžeme vložit na naši webovou stránku.
   • Jeho zdrojový kód otevřeme v textovém editoru.
   • Zkopírujeme tělo stránky a vložíme, kam potřebujeme.