Windows Internet Explorer 8 priniesol niekoľko nových vlastností, ktoré môžu celkom pekne spríjemniť surfovanie na webe. Jednou z takých noviniek sú aj takzvané WebSlices – fakt netuším, ako by som to preložil do slovenčiny.
Predstavte si, že každý deň chodíte niekoľko krát na nejakú webovú stránku, aby ste zistili, či sa na nej niečo nezmenilo. Vezmime si napríklad počasie. Vždy, keď sa chcete dozvedieť, či sa predpoveď nezmenila, musíte sa na túto stránku znova a znova vracať. Toto môže a asi aj je celkom otravné.
WebSlices majú za cieľ pomôcť práve v takýchto situáciách, aby sme sa na tieto stránky nemuseli stále vracať. RSS je síce už celkom rozšírené, ale používa sa zväčša na články, správy a podobné raz-za-čas zverejňované informácie, ktoré sú zvyčajne štrukturované ako články.
WebSlices vám prinášajú možnosť predplatiť si malú časť nejakej webovej stránky s notifikáciami o zmenách v tejto časti stránky.
Ako to funguje?
Návštevník webovej stránky pride na stránku a chce aby bol informovaný o zmenách v nejakej časti stránky:
Pri kliknutí na zelenú ikonu, ktorá indikuje prítomnosť WebSlice na stránke máme možnozť si túto čast stránky predplatiť.
Po pridaní sa pridá nové tlačítko v paneli Favorites Bar:
Ak v tejto malej časti stránky nastane nejaká zmena, tlačítko v lište Favorites Bar sa rozbliká. Aktualizácie prebiehajú podobne ako pri RSS, čiže máme možnosť si nastaviť interval zisťovania zmien na stránke.
Detekcia WebSlices na stránke prebieha znova podobne ako pri RSS a to ikonkou v paneli nástrojov v IE8.
Vytváranie WebSlices
Zatiaľ sme si veľmi jednoducho predstavili, čo sú to WebSlices a teraz nastal čas sa pozrieť na to, ako sa vytvárajú.
V podstate existujú dve možnosti, ako vytvoriť WebSlice. Jednou možnosťou je označiť kus webov stránky a povedať, toto je môj WebSlice a po predplatení sa presne tento kúsok stránky bude zobrazovať a aktualizovať vo Favorites Bare. Druhá možnosť je, že si taktiež označíme kúsok stránky, ktorú chceme sledovať, ale vo Favorites Bare sa bude zobrazovať iný kus HTML kódu.
Označenie WebSlice vo webovej stránke
<div class=”hslice” id=”1”>
<p class=”entry-title”>Tovar 1 – 50 EUR</p>
<div class=”entry-content”>… popis tovaru …
…
</div>
</div>
Sekcia s označením štýlu hslice je povinná a označuje ohraničenie WebSlice v danej stránke. Sekcie so štýlom entry-title je tiež povinný a označuje názov WebSlice. Sekcia so štýlom entry-content je nepovinná a obsahuje html kód, ktorý sa zobrazí vo WebSlice vo Favorites Bare. V tomto prípade je link na WebSlice www.domena.sk/stranka.aspx#1.
Nutnosťou je každej WebSlice definovať jednoznačné ID, ktoré identifikuje túto WebSlice.
Expirácia
Pridaním HTML tagu <abbr class=”endtime” title=”2009-01-13T13:00:00”>1 deň</abbr> do sekcie so štýlom entry-content zabezpečíme, že po uvedenom dátume nebude WebSlice dostupné!
Životnosť
Aby sme zabránili tomu, že bude IE8 kontrolovať zmenu obsahu príliš často, môžeme to obmedziť nastavením parametra TTL (Time to Live), ktorý sa udáva v minutách.
WebSlice sa aktualizuje každých <span class=”ttl”>60</abbr> minút.
Popis v externom XML
Pokiaľ by sme chceli použiť druhú možnosť a ako obsah WebSlice vo Favorites Bare zobraziť iný HTML kód, museli by sme ešte v stránke zadefinovať cestu ku XML, ktorý bude popisovať tvar WebSlice a tiež vyrobiť príslušné XML.
<div class=”hslice” id=”1”>
<p class=”entry-title”>Tovar 1 – 50 EUR</p>
<div class=”entry-content”>… popis tovaru …
…
<a rel=”feedurl” href=”http://www.domena.sk/webslice.xml”>Predplaďte si WebSlice</a>.
</div>
</div>
V tomto prípade XML súbor obsahuje RSS zdroj o jednom zázname:
<?xml version="1.0" encoding="utf-8" ?>
<rss version="2.0" xmlns:mon=”http://www.microsoft.com/schemas/rss/monitoring/2007”>
<channel>
<title>Tovar na predaj</title>
<description>…</description>
<language>en</language>
<link>http://www.domena.sk/</link>
<ttl>60</ttl>
<item>
<title>Tovar 1 – 50 EUR</title>
<description>
<![CDATA[
<body>
<p style=”color: red;”>Super tovar…</p>
</body>
]]>
</description>
<link>www.domena.sk/stranka.aspx#1</link>
<mon:endtime>2009-01-13T13:00:00</mon:endtime>
</item>
</channel>
</rss>
CSS štýly vo WebSlice
Jednou z menej praktických vlastností WebSlice je, že v HTML kóde nie je možné používať importované CSS štýly a CSS štýly deklarované v HEAD tagu. Jedinú možnosť, ktorú máme je použitie INLINE štýlov. Napríklad:
<div class=”hslice” id=”1”>
<p class=”entry-title”>Tovar 1 – 50 EUR</p>
<div class=”entry-content” style=”background-color: yellow;”>… popis tovaru …
…
<a rel=”feedurl” href=”http://www.domena.sk/webslice.xml”>Predplaďte si WebSlice</a>.
</div>
</div>
WebSlice z autentifikovaného adroja
Samozrejme je možné vytvoriť WebSlice, ktorá kontroluje zmeny v častiach stránok, ktoré sú používateľovi dostupné až po prihlásení… Podrobnosti si určite nájdete v dokumentácii :-).
Detekcia WebSlices
Windows Internet Explorer 8 po príchode na stránku sám automaticky detekuje WebSlices v danej webovej stránke. Ak však chcete sprístupniť WebSlices aj na stránke, na ktorej sa práve nenachádzajú, je možné IE8 trošku pomôcť:
<head>
<link rel=”default-slice” type=”application/x-hatom” href=”www.stranka.sk/#action” />
</head>
Zakázanie detekcie WebSlice
Občas sa stane, že nechceme, aby IE8 detekoval WebSlices na stránke. Preto máme možnosť toto detekovanie vypnúť.
<head>
<meta name=”slice” scheme=”IE” content=”off” />
</head>
Ďalšie informácie
V dnešnej dobe webových stránok plných JavaScriptu a rôznych AJAX vychytávok môžme naraziť na problém, že WebSlice pridávame na stránku dynamicky a budeme potrebovať nejakým jednoduchým spôsobom povedať IE8, že na stránke sú nové, alebo zmenené WebSlices. Je to jednoduché, stačí zavolať funckiu windows.external.contentDiscoveryReset() aby bola HTML stránka znova naparsovaná.
Nedávno som na webe objavil aj plugin do Firefoxu, ktorý sprístupňuje WebSlices aj Firefox používateľom: http://vinitneo.wordpress.com/2008/03/12/activities-and-webslice-in-firefox/
Novinky v IE8: http://code.msdn.microsoft.com/ie8whitepapers
Popis WebSlices priamo od zdroja: http://code.msdn.microsoft.com/ie8whitepapers/Release/ProjectReleases.aspx?ReleaseId=567