Webdesign, CMS » MyEgo.cz - Radek Hulán webzine

Zhruba tři měsíce je na MSDN k dispozici anglická verze Microsoft Office 2010 a nedávno se začala prodávat i ta česká.

Největší změny zaznamenal asi Outlook 2010. Je extrémně rychlý. Zatímco ve verzi 2007 měl obrovské množství funkcí, ale už 2GB mailbox znamenal, že na notebooku startoval zhruba pár desítek sekund, verze 2010 naběhne do jedné sekundy. Neuvěřitelné. To je rychlejší start, než se vám načte v (již spuštěném) prohlížeči stránka triviálního Gmailu.

Design Office 2010 je implicitně laděn do tmavě šedé, ale dá se přepnout i do tradiční stříbrné či světle modré. Ribbon je možné konečně upravovat (respektive, doplňovat k němu svoje panely).

Outlook 2010

Microsoft pořádá v polovině září (tedy zhruba 10 dní před WebExpo konferencí) svoji největší letošní konferenci pro IT profesionály zajímající se o technologie Microsoftu. V technickém bloku je kolem 50 přednášek na různá témata.

Osobně považuji technickou sekci za mimořádně přínosnou (přednášky o Exchange 2010, PowerShellu, Windows Azure, SharePoint 2010) a budu se jí určitě účastnit.

Hodně populární asi bude Kinect for Xbox 360 - ovládání her pro Xbox 360 vlastním tělem, který bude prezentován jako demo na keynote (update: bohužel zatím bez možnosti si jej následně osobně vyzkoušet).

Termín, místo konání a program konference:

Konference se koná 14. - 15. 9. 2010 v Kongresovém centru Praha

Bude rozdělena do dvou hlavních oddělených logických bloků s celkově více než padesáti přednáškami:

• Technický dvoudenní blok pro IT odborníky a vývojáře poskytne v prvním dni “velmi hutný” přehled možností stavby softwarových řešení na platformě Microsoft. Druhý den pak nabídne technická školení v osmi paralelních sálech: Reseller & System Builder, IT, Developer, Client & Office, Web & Cloud, Microsoft Dynamics, WBI - Platinum partner track a 3M - Platinum partner track.
• Partnerský obchodní blok v průběhu prvního dne je určen pro registrované partnery v programu Microsoft Partner Network. Bude mít charakter obchodních přednášek a nahrazuje tradiční Partnerskou konferenci společnosti Microsoft. Tento den bude rozdělen do šesti paralelních bloků: Reseller & System Builder, Solution Partners, Innovation Day, Microsoft Dynamics, WBI SAM & Licensing Day a 3M - Platinum partner track.

Formou doprovodného programu dále uvidíte např první veřejné uvedení novinky Kinect for Xbox 360 v ČR, možnosti konzultací na technická témata s předními odborníky v ČR nebo večírek v závěru prvního dne..

Co si z akce odnesete a kde se registrovat:

Kromě nových znalostí si z akce odnesete kvalitní batoh na notebook a můžete získat i jednu z hodnotných cen, o které se bude losovat z vámi vyplněných dotazníků. Mezi cenami je například Xbox 360, letenky do Evropských destinací a mnohé další.

Více informací o konferenci a registraci najdete na webu www.microsoftdays.cz

Vašek Stoupa pořádá ke konci září 2010 už třetí ročník úspěšné konference o webu WebExpo.cz. První ročník, kterého jsem se účastnil i jako přednášející, šel označit za ryze český, ten nastávající třetí bude spíše středoevropský. Spousta přednášek bude v angličtině a jejich témata se dělí mezi design, development, business a agile.

Pokud se registrujete ještě tento měsíc, cena je 4.000 Kč + DPH, popřípadě polovina této částky pro studenty. V září bude naopak o 25% vyšší.

Proč se vůbec účastnit konferencí?

Konference jsou pro někoho nezajímavé, výše uvedená částka jim nestojí za absolvování.

Já si to nemyslím. Zde je pár důvodů, proč mám konference rád:

Nedávno jsme spustili novou verzi eshopu s krmením pro psy, kočky, hlodavce, ptáky i ryby - Krmení.cz. Jedná se o předělávku existujícího webu, a myslím si, že velice úspěšnou, krátce po spuštění jsou v systému tisíce objednávek.

Nákupní proces byl vyladěn společností DobrýWeb.cz, což přispělo zejména k vývoji vylepšené verze registračního a objednávkového formuláře, možnosti nákupu bez registrace a některých SEO zlepšení. Samozřejmostí realizace eshopu je propojení na interní účetnictví klienta.

Pokud se v eshopu Krmení.cz zaregistrujete, získáte za každý váš nákup bonusové body, které můžete poté použít v sekci věrnostního programu pro objednání dárků zdarma.

Při nákupu nad 800 Kč neplatíte žádné poštovné.

Pokud máte zájem o naprogramování eshopu přesně dle vašich potřeb, prosím kontaktujte nás.

Pokud máte na svém webu reklamu třetích stran, většinou bude implementována jako IFRAME a v něm Flash či text či přímo jako Flashový OBJECT. A protože tuto reklamu dodávají třetí strany a špatně používají WMODE, tak při použití Lightbox skriptů pro zvětšování fotek dochází k tomu, že Flash reklama překryje zvětšenou fotku.

Vypadá to nějak takto:

Lightbox překrytý Flash reklamou

Většina Lightbox skriptů naštěstí má i onLoad a onClosed události, na které můžete navěsit to, že tuto reklamu prostě schováte při otevření náhledu přes CSS visibility:hidden a po zavření Lightboxu obnovíte. Pokud nepoužíváte na svém webu IFRAME a OBJECT prvky, můžete v případě Colorboxu (založeného na jQuery) vše implementovat třeba takto triviálně - důležité jsou ty tučné části:

$(document).ready(function(){ $("a[rel='colorshow']").colorbox( {
 slideshow:true, 
 slideshowAuto:false, 
 maxWidth:'95%', 
 maxHeight:'95%', 
 scalePhotos:true,
 onOpen: function(){$('object,iframe').css('visibility','hidden');},
 onClosed: function(){$('object,iframe').css('visibility','visible');}
} ); });

Před pěti lety jsem psal krátký článek Jak zrychlit Váš web 10x? (konkrétní návod). Je to triviální, ale plně funkční a zejména obecně použitelný algoritmus pro cachování celých stránek. Dá se použít bez ohledu na nasazený redakční systém či logickou strukturu stránek, ale není to nejrychlejší možný postup.

Problém je, že tento systém nebude fungovat efektivně, když těch stránek jsou desítky tisíc, a každá navíc ve více variantách (třeba stejný obsah článku zobrazený jednou v celé sekci, podruhé ve skupině a potřetí v kategorii). Zde se mnohem lépe hodí fragmentová cache.

Na ten termín upozornil Zdroják.cz - podobné řešení používáme na našich webech řadu let.

Desítky tisíc stránek nemá nikdy smysl cachovat vcelku a po (třeba) 10 minutách cache komplet mazat, naopak je lepší cache napsat tak, že funguje vždy pro logické bloky na stránce (třeba „Nejčtenější články", „Akční zboží", „Související zboží" či „Poslední komentáře"). Takovéto statistiky mohou znamenat 10-20 SQL dotazů, nasazení cache pro daný logický celek poté pouze jeden jediný SQL dotaz.

Článků může být třeba sto tisíc, ale onen logický blok je vždy jen jeden. Udržovat fragmentovou cache je tedy výpočetně výrazně méně náročné než cachovat každou stránku celou. Onen blok se pro sto tisíc stránek generuje jen 1x, ne stotisíckrát.

Fragmentovaná cache je nicméně vždy implementačně závislá nejen na daném CMS, ale i na návrhu šablon stránky. Je potřeba prostě dané stránce rozumět a cachovat správné fragmenty po správný čas, není to univerzální řešení. Je nutné znát jak jsou bloky generovány, zda se jejich obsah liší dle sekcí, dle kategorií, či dle přihlášeného člena. Nemá tedy ani smysl zveřejňovat kód pro fragmentovou cache.

Fragmentovanou cache používáme úspěšně na všech velkých portálech - MTBS.cz, KOLO.cz a další, ale i eshopech s velkou návštěvností.

Adobe se povedlo výborně optimalizovat výkon (před pár dny vydané) finální verze Flash 10.1 pluginu. Přehrávání 1080p videa na Youtube znamená jednotky % zatížení CPU, většinu práce zastane GPU akcelerace (používám Forceware 257.15 ovladače, NVIDIA GTX280 grafická karta):

Flash 10.1 a 1080p video

Samotný plugin má pouhých 2.5MB. Vyloženě hloupá je ovšem distribuce Flash 10.1 pomocí Adobe Download Manager a defaultně zaškrtnutá instalace zbytečného Google Toolbaru.

Pro přímé stáhnutí si EXE instalace pluginu pro Internet Explorer můžete použít tento odkaz. Pokud používáte beta verze či release candidate, stáhněte si nejdříve Uninstaller.

HTML5 / CSS3 je nedokončená specifikace, která není standardem, a příštích minimálně 10 let jím nebude. Očekává se její dokončení v roce 2022 (ne, to není vtip). To nebrání Apple hájit si svoje politické a obchodní zájmy tím, že nedokončené HTML5 "prosazuje" oproti skutečným standardům - otevřenému formátu Flashe.

Důvodem je, dle mého názoru, snaha za každou cenu si udržet monopol v distribuci aplikací a 30% podíl na příjmech od všech třetích firem, bez ohledu na skutečné potřeby klientů. Totalitní způsoby Apple jsou přitom pro řadu lidí zcela nepřijatelné.

Před pár dny Apple představil demo stránku, která nás má seznámit s možnostmi HTML5. Uvedená stránka se mimochodem těžko dá označit za HTML5, a už vůbec ne za "webový standard" (ani za jeho návrh), 90% zápisů v použitém CSS se totiž odkazuje na zcela proprietární -webkit vlastnosti.

Jaké tedy jsou ty možnosti dle Apple? Jako prohlížeč jsem použil poslední verzi Apple Safari 4.0.5.

HTML5 video nejde přehrát

Xstandard 2.0 je nejlepší existující WYSIWYG editor, který používáme rovněž v F-ART:CMS 5.0 redakčním systému. Tento editor se dá poměrně snadno rozšiřovat o vlastní funkcionalitu pomocí Javascriptu. Například si můžete doplnit tlačítko pro snadné vložení Youtube videa.

Nejprve budete potřebovat modifikovat soubor button.xml pro vložení vlastního tlačítka, nazvaného youtube:

 <button>
 <id>youtube</id>
 <name xml:lang="en">Youtube</name>
 <name xml:lang="cz">Youtube</name>
 <toggle>no</toggle>
 <icon>47494638396110001000B3000000010010120F212320FF0A0F535552FF2D30FF504FFF6465A0A29FFF7C7CFFADADDAD4D1FFD0D0FFE2E0FDFEFB0000002C0000000010001000000476D03930A5BD76010416FE0E01108E0008D3127C5DE9049CC67AC2526F14D69AA89983408BA230281889054382C15048060C0971E09816140929D5C02D3486836141EB187C154E34A341AD520B8C04FA806EB0C970BA82CE50B6895551680E580E770E074946068B448906160907930706950792590E11003B</icon>
 </button>

Toto tlačítko samozřejmě doplníte do toolbaru editoru ve volání parametrů objektu: <param name="ToolbarWysiwyg" value="youtube" />.

Uvedený button zavolá speciální JavaScriptovou funkci xsButtonClicked(), dle této dokumentace. V této funkci můžete například otevřít nové modální okno, zeptat se uživatele na URL daného Youtube videa, a vrácené URL dále zpracovat a vložit na pozici kurzoru aktivního Xstandard editoru pomocí volání InsertXML funkce.

Microsoft Exchange se dříve chápal jako sice dokonalé řešení pro správu emailů, kontaktů, kalendáře, úkolů a jejich sdílení, ale také relativně cenově nedostupné, vyžadující profesionální administraci a nastavení. Byla to prostě doména velkých firem. To je v zásadě stále pravda, jen popis základního nastavení a instalace Exchange 2010 "pro laiky" je 50stránkové PDF (jedná se o výborný dokument od Martina Pavlise).

Pokud jste ale malá či střední firma, alternativa pro vlastní Exchange server jsou hostované služby. V tomto případě se o instalaci, licencování, nastavení, antivirová a antispamová řešení stará třetí strana, a ta vám poskytuje vzdálený přístup k Exchange, jak pomocí Outlooku 2007/2010, tak přes webové rozhraní (OWA) a ActiveSync (mobilní telefony). Fungují samozřejmě i legacy POP3/SMTP protokoly.

Hosted Exchange fuguje samozřejmě s vaší vlastní doménou, podobně jako (zdarma dostupné) Windows Live Custom Domains či (komerční) Google Apps řešení, nabízejí ovšem nesrovnatelně vyšší kvalitu a komfort. Hostované služby nabízí push email, podporu veškerých kalendářových služeb, kontakty i úkoly, často nabízejí i sdílené složky a případně i Sharepoint úložiště.

Součástí hostované Exchange služby bývá i licence na Outlook 2007 ke každé poskytované schránce (do budoucna se to zřejmě změní na 2010 verzi), antispamové řešení (nejlepší existující) i antivirové (Forefront). Pokud licenci na Outlook nevlastníte, nákupem Hosted Exchange získáte nejenom skvělé řešené pro emaily a PIM, ale (trochu paradoxně) můžete i ušetřit.

Pro samotné zřízení hostované služby stačí jen poslat online objednávku, nastavit MX záznamy v DNS vaší domény, a případně i TXT (SRV) záznam. Jeho hodnoty vám sdělí váš Hosted Exchange poskytovatel.