V prvnφm dφle tohoto "miniserißlu" jsem popsal hlavnφ -- a v tΘ dob∞ nejaktußln∞jÜφ -- zßsady p°i v²rob∞ vlastnφch internetov²ch WWW strßnek (Φlßnek vyÜel v ΦervnovΘm Φφsle I4U). Jestli₧e jde ale v²voj v mnoha oborech lidskΘ Φinnosti kup°edu kroky mφlov²mi, tak v oblasti Internetu lze mluvit o krocφch sedmimφlov²ch. Tak₧e dnes bych vßs rßd seznßmil s pokroΦilejÜφmi nßstroji WWW a s jejich ·₧asn²mi mo₧nostmi.

Budeme se zab²vat standardy jazyka HTML2, aplety jazyka Java, a technologiφ VRML.

Pokud jste te∩ pon∞kud zmateni t∞mito cizojazyΦn²mi zkratkami, nezoufejte, vÜe bude blφ₧e vysv∞tleno.

HTML 2

Jednß se o dalÜφ standardizovanou verzi jazyka HTML (Hyper Text Markup Language). V tomto jazyce jsou, jak znßmo, psßny internetovΘ dokumenty (WWW strßnky) a musφ mu rozum∞t internetovΘ prohlφ₧eΦe. Verze 2 (jejφ specifikaci najdete na http://www.w3.org/pub/WWW/MarkUp/html-spec/html-spec_toc.html) p°inßÜφ samoz°ejm∞ mnohß zlepÜenφ. Na rozdφl od "jedniΦky" umφ zobrazovat tabulky a formulß°ovß pole v internetov²ch dokumentech, rozd∞lit aktivnφ pole v prohlφ₧eΦi na vφce samostatn²ch oken -- tzv. frames a v neposlednφ °ad∞ takΘ zvlßdß obrßzkovΘ mapy -- tedy koordinßty, kterΘ p°i°adφ jednotliv²m Φßstem plochy obrßzku odkazy na dalÜφ strßnky. Aplikace t∞chto nov²ch nßstroj∙ v²razn²m zp∙sobem ulehΦuje a zpest°uje prßci s WWW .

Tabulky,

a¥ ji₧ viditelnΘ -- ty co se skuteΦn∞ na strßnce zobrazφ, nebo skrytΘ -- ty, kterΘ umo₧≥ujφ rozlo₧it text, obrßzky a jinΘ objekty na strßnkßch tak, jak autor pot°ebuje, na mnoh²ch strßnkßch ji₧ zdomßcn∞ly. Jejich snadn∞jÜφ vytvß°enφ umo₧≥uje jednoduch² produkt Microsoftu -- Excel Assistant. S jeho neziÜtnou pomocφ lze jakoukoli tabulku nebo i cel² seÜit exportovat z oblφbenΘho MS Excelu do formßtu HTML. Pro firmy, kterΘ udr₧ujφ a aktualizujφ cenφky sv²ch slu₧eb a produkt∙ v tomto softwaru a cht∞jφ svΘ klienty zßsobovat nejΦerstv∞jÜφmi informacemi i na Internetu, je takovΘto °eÜenφ nasnad∞ (viz obr.1).

P°φkladem tabulek "neviditeln²ch" m∙₧e b²t text zarovnan² do sloupc∙ p°ipomφnajφcφ layout novinovΘ strßnky (viz obr. 2). V²hodou tabulek je takΘ jejich p°izp∙sobenφ se nastavenΘ velikosti okna prohlφ₧eΦe. Layout strßnek pak z∙stane stejn², a¥ ji₧ je prohlφ₧eΦ spuÜt∞n v jak²chkoli rozm∞rech.

Tabulky se ale dajφ vyu₧φt i jako dopln∞k designu. Na obrßzku 3 vidφte obarvenß tabulkovß pole tvo°φcφ efektnφ design strßnek. U tabulkovΘho znßzorn∞nφ lze volit sφlu obrysu, umφst∞nφ textu v tabulce, umφst∞nφ tabulky na strßnce, atd. Pokud se fantazii meze nekladou, m∙₧e pak tabulka vypadat i takto "nestandardn∞" (viz obrßzek 4).

Formulß°e

umo₧≥ujφ nßvÜt∞vnφk∙m WWW strßnek vybφrat a zadßvat r∙znΘ parametry. A¥ se ji₧ jednß o v²b∞r odpovφdajφcφho softwaru k nahrßnφ (viz obr. 5), objednßvku hotelu (viz obr. 6), nebo pouze odeslßnφ strukturovanΘho dotazu E-mailem jako na obrßzku 7.

Po zmßΦknutφ tlaΦφtka slou₧φcφho k odeslßnφ se volß p°φsluÜn² CGI Skript, kter² obstarß vÜe dalÜφ -- zahßjφ download (nahrßvßnφ) softwaru, registruje rezervaci nebo odeÜle E-mail. Bohu₧el, finßlnφ vzhled tabulek nebo formulß°∙ je ovlivn∞n i operaΦnφm systΘmem a prohlφ₧eΦem nßvÜt∞vnφka. Ka₧dß verze prohlφ₧eΦe a OS zobrazuje "po svΘm" a n∞kdy se mohou vyskytnout i problΘmy s transformacφ mezi jednotliv²mi systΘmy.

Frames,

Φesky spφÜe "rßmce" -- to je ideßlnφ °eÜenφ pro usnadn∞nφ orientace (viz obrßzek 8). Aplikacφ rßmc∙ je doposud celistvß obrazovka prohlφ₧eΦe rozd∞lena na n∞kolik na sob∞ nezßvisl²ch oken. Pokud je jejich obsah v∞tÜφ, ne₧li kapacita plochy prohlφ₧eΦe, pak mß ka₧dΘ z oken postrannφ liÜtu slou₧φcφ k posunu obsahu horizontßln∞ nebo vertikßln∞.

Nejv∞tÜφ uplatn∞nφ nalΘzajφ rßmce tam, kde je zapot°ebφ Φasto vybφrat z hlavnφho menu a neustßl²mi nßvraty na prvnφ strßnku by prßce (nebo zßbava?) s WWW ztratila dynamiku. Ka₧dΘ okno je vlastn∞ nezßvisl² HTML dokument, kter² se po aktivaci zobrazφ v p°φsluÜnΘm okn∞. Oken m∙₧e b²t libovolnΘ mno₧stvφ, ale jakmile je jich vφce ne₧ Φty°i, obrazovka se stßvß nep°ehlednou. Okraje rßmc∙ mohou b²t definovßny bu∩ jako pevnΘ, nebo je umo₧n∞no s nimi pomocφ myÜi a levΘho tlaΦφtka pohybovat.

P°φklad zda°ilΘ aplikace rßmce je na obrßzku 9.

ObrßzkovΘ "klikacφ" mapy

pat°φ k nejv²znamn∞jÜφm p°φnos∙m novΘho formßtu HTML. Mapa je v podstat∞ druhou, neviditelnou vrstvou obrßzku, kterß se nahraje do prohlφ₧eΦe.

Pokud mßte mo₧nost mφsto na textovou linku kliknout na Φßst obrßzku (nebo Φast∞ji kolß₧e), kterß vßs zajφmß, obsluha se stßvß hrou. Mapy jsou dvojφho druhu: starÜφ p°i pohybu myÜi po obrßzku zobrazujφ pouze ΦφselnΘ koordinßty (osy x, y), kterΘ jsou posφlßny zp∞t na server, kter² dle hodnoty urΦφ, kterß strßnka se mß poslat. LepÜφ a rychlejÜφ je druh² zp∙sob, kdy mapa ji₧ obsahuje hranice jednotliv²ch "·zemφ" a server ji₧ °eÜφ pouze dotaz na konkrΘtnφ WWW strßnku. P°φklad obrßzkov²ch map je jednak mapa centra Prahy, kde se pod ka₧dou z teΦek skr²vß strßnka s fotografiφ p°φsluÜnΘ pamßtky (viz obrßzek 11), anebo velk² obrßzek na domßcφ strßnce, kter² obsahuje odkazy k ostatnφm v∞tvφm struktury (viz obr. 12).

Podpora pro vÜechny tyto novinky je kompletn∞ integrovßna v obou nejrozÜφ°en∞jÜφch prohlφ₧eΦφch -- Netscape Navigator 3.0 (http://www.netscape.com) a MS Explorer 3.0 (http://www.microsoft.com/ie), tak₧e pokud jdete s dobou, doporuΦuji jejich sta₧enφ, kterΘ je v p°φpad∞ obou produkt∙ zdarma.

Jazyk JAVA

Tento jazyk je pro mnoho u₧ivatel∙ Internetu jeÜt∞ stßle spojen s tzv. aplety, tj. krßtk²mi programy -- aplikacemi, kterΘ se nahrajφ spolu se strßnkou a automaticky spouÜtφ p°ekladaΦ integrovan² v prohlφ₧eΦi. V podstat∞ se ale jednß o plnohodnotn² poΦφtaΦov² jazyk, kter² je ji₧ dokonce p°φmo integrovßn do n∞kter²ch poΦφtaΦov²ch procesor∙. To ji₧ ale vyznφvß p°φliÜ technicky, a tak se zam∞°φm pouze na v²Üe zmφn∞nΘ aplety.

Od zve°ejn∞nφ Javy se poΦet jejich typ∙ (tzv.t°φd -- class) stßle zvyÜuje, a to hlavn∞ dφky spoleΦnosti Sun, vlastnφku ochrannΘ znßmky JAVA (nezam∞≥ujte prosφm s motocykly JAWA) a v²robci Java Development Kitu. S pomocφ tohoto programovΘho balφku lze snadno vytvo°it vlastnφ aplet a z·Φastnit se tak pravideln∞ vyhlaÜovanΘ sout∞₧e spoleΦnosti Sun Microsystems o nejlepÜφ aplikaci v Jav∞, dotovanou 1 000 000 USD.

RychlejÜφ a mΘn∞ nßroΦnΘ je vÜak n∞jak² ji₧ hotov² aplet si "vyp∙jΦit" a pouze ho upravit p°idßnφm vlastnφch obrßzk∙, nastavenφm prom∞nn²ch, atd. Nejv∞tÜφm hitem na Internetu v naÜich zemφch byly jeÜt∞ asi p°ed p∙l rokem jednoduchΘ aplety t°φdy TickerTape, Time a Animßtor. Prvnφ z nich dokß₧e na WWW strßnce v prou₧ku libovolnΘ velikosti posunovat jak²koli text. Aplet Time generuje na strßnku aktußlnφ Φas serveru a Animator dokß₧e °adu nahran²ch obrßzk∙ rozh²bat ve zvolenΘm okn∞ na strßnce. Proto₧e se jednalo v podstat∞ o prvnφ dynamickΘ aplikace pro WWW, byly strßnky takov²ch aplet∙ brzy plnΘ. Jejich nev²hoda spoΦφvß v principu, jak²m se aplety spouÜt∞jφ. V systΘmu Windows se musφ nejprve "rozbalit" p°φsluÜnß Φßst z archivu JAVA/CLASSES z formßtu .ZIP a nßsledovn∞ se inicializovat s nahran²mi parametry na strßnce. Na pomalejÜφch poΦφtaΦφch cel² proces trval i n∞kolik minut, co₧ je pro u₧ivatele p°ipojenΘ k Internetu modemem doba vφce ne₧ dlouhß.

A proto se v  souΦasnosti pro dynamick² obsah strßnek -- blikßnφ, otßΦenφ, atd. pou₧φvajφ AnimovanΘ GIF obrßzky.

Jsou to jednoduchΘ soubory v oblφbenΘm formßtu GIF, kterΘ obsahujφ vφce ne₧ jeden obrßzek. Po nahrßnφ se obrßzky ve zvolen²ch cyklech automaticky animujφ. Nespornou v²hodou z∙stßvß, ₧e tato Φinnost nenφ zßvislß na typu prohlφ₧eΦe ani poΦφtaΦe, a tak nenφ ₧ßdn² z u₧ivatel∙ ochuzen o zß₧itek rotujφcφho talφ°e nebo explodujφcφ bomby ...

Pro p°φklady Jazyka JAVA je dobrΘ navÜtφvit pra₧sk² server SunSite (http://sunsite.mff.cuni.cz), nebo mezinßrodnφ Φasopis o Jav∞ vydavatelstvφ IDG (http://www.javaworld.com) -- viz obrßzek 13.

VRML

Virtußlnφ realita! Jak omÜelΘ tΘma nejen poΦφtaΦov²ch periodik, °φkßte si. Virtual Reality Modelling Language (VRML) je dle mΘho nßzoru technologie, kterß p°edb∞hla svoji dobu a na svΘ skuteΦn∞ praktickΘ vyu₧itφ jeÜt∞ Φekß. VRML umo₧≥uje p°enßÜet trojrozm∞rnΘ objekty po Internetu p°i velice rozumnΘ velikosti dat. JeÜt∞ donedßvna byl zapot°ebφ specißlnφ VRML prohlφ₧eΦ, dnes je tento prohlφ₧eΦ ji₧ zdarma distribuovßn v balφku s plnou instalacφ MS Exploreru a Netscape Navigatoru. Pokud tedy p°i prßci s Internetem klepnete na odkaz, pod kter²m se skr²vß VRML model, prohlφ₧eΦ se automaticky nastartuje, p°enesou se pot°ebnß data, kterß prohlφ₧eΦ zobrazφ a vy se m∙₧ete pomocφ myÜi prochßzet virtußlnφ k°i₧ovatkou (viz obrßzky vrml 1-4), hradem, galeriφ, nebo prolΘtßvat molekulami chemick²ch prvk∙.

Nov² standard VRML s Φφslovkou 2 navφc podporuje pohyb objekt∙, tak₧e vytvo°enφ letφcφho t°φrozm∞rnΘho textu nenφ problΘm. P°φklad∙ pou₧itφ technologie VRML je mnoho a na mnoho z nich lze jeÜt∞ p°ijφt. Bohu₧el, i VRML si klade nßroky na rychlost a velikost operaΦnφ pam∞ti poΦφtaΦe, proto jestli nejste vybaveni alespo≥ 16 MB RAM a procesorem Pentium, vaÜe 3D prochßzka se zm∞nφ v pon∞kud delÜφ v²pravu.

P°φklady VRML najdete v ╚echßch na serveru Projektu Labyrint (http://labyrint.f.amu.cz), viz obrßzek 14 a 15, ve sv∞t∞ mß obsßhlou sbφrku zdroj∙ vyhledßvacφ server Yahoo.

jakub@globe.cz